/* ===========================================
   HISTORICUM SHOP STYLES v12
   =========================================== */

:root {
    --h-black: #0a0a0a;
    --h-white: #ffffff;
    --h-paper: #f5f0e6;
    --h-accent: #ffd000;
    --h-gray-light: #b0b0b0;
    --h-font-cinzel: "Cinzel", serif;
    --h-font-cormorant: "Cormorant Garamond", "Cormorant", Georgia, serif;
    --h-font-description: var(--h-font-cormorant);
    --h-shop-stage-width: 1760px;
    --h-shop-stage-outer-width: calc(var(--h-shop-stage-width) + 64px);
    --h-shop-widget-width: 286px;
    --h-shop-widget-gap: 28px;
    --h-shop-section-left-pad: 48px;
    --h-shop-section-right-pad: 18px;
    --h-shop-contour-edge: var(--h-shop-section-left-pad);
    --h-shop-contour-color: rgba(17, 17, 17, 0.74);
    --h-shop-contour-thin: 0.3px;
    --h-shop-contour-corner: 34px;
    --h-shop-contour-top-width: 100%;
    --h-noise-shadow-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 72' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='grain' x='0' y='0' width='100%25' height='100%25' color-interpolation-filters='sRGB'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='5.8' numOctaves='1' seed='27' result='noise'/%3E%3CfeColorMatrix in='noise' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 13 0 0 0 -5.7' result='blackNoise'/%3E%3C/filter%3E%3ClinearGradient id='falloff' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0%25' stop-color='white' stop-opacity='.92'/%3E%3Cstop offset='34%25' stop-color='white' stop-opacity='.54'/%3E%3Cstop offset='100%25' stop-color='white' stop-opacity='0'/%3E%3C/linearGradient%3E%3CradialGradient id='round' cx='50%25' cy='0%25' r='82%25'%3E%3Cstop offset='0%25' stop-color='white' stop-opacity='1'/%3E%3Cstop offset='72%25' stop-color='white' stop-opacity='.7'/%3E%3Cstop offset='100%25' stop-color='white' stop-opacity='0'/%3E%3C/radialGradient%3E%3Cmask id='fall' mask-type='alpha'%3E%3Cellipse cx='60' cy='14' rx='58' ry='34' fill='url(%23round)'/%3E%3Crect x='1' y='0' width='118' height='70' fill='url(%23falloff)'/%3E%3C/mask%3E%3C/defs%3E%3Crect width='120' height='72' fill='black' filter='url(%23grain)' mask='url(%23fall)' opacity='1'/%3E%3C/svg%3E");
}

.h-noise-shadow {
    position: relative;
    isolation: isolate;
    overflow: visible;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.26) !important;
    --h-noise-shadow-inset: -42px;
    --h-noise-shadow-opacity: 1;
    --h-noise-shadow-radius: 12px;
}

.h-noise-shadow::after {
    content: "";
    position: absolute;
    inset: var(--h-noise-shadow-inset);
    z-index: 0;
    pointer-events: none;
    border-radius: var(--h-noise-shadow-radius);
    background-image: var(--h-noise-shadow-image), var(--h-noise-shadow-image);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    opacity: var(--h-noise-shadow-opacity);
    mix-blend-mode: multiply;
    display: none;
}

.h-noise-shadow > * {
    position: relative;
    z-index: 1;
}

body.historicum-shop-page {
    margin: 0 !important;
    padding-top: 0 !important;
    background: var(--h-black) !important;
}

.h-shop-page {
    background:
        radial-gradient(88% 64% at 0% 0%, rgba(235, 188, 0, 0.14) 0%, rgba(126, 92, 0, 0.06) 34%, rgba(0, 0, 0, 0) 68%),
        linear-gradient(180deg, #060400 0%, #020201 58%, #000000 100%);
    color: var(--h-white);
    min-height: 100vh;
    width: 100%;
    padding-top: 80px;
}

/* -----------------------------------------
   HERO
----------------------------------------- */
.h-shop-header-hero {
    position: relative;
    overflow: visible;
    background-color: #08130f;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.90) 0%, rgba(4, 14, 10, 0.56) 56%, rgba(0, 0, 0, 0.92) 100%);
    background-repeat: no-repeat;
    background-size: cover;
    isolation: isolate;
    padding-bottom: 6px;
}

.h-shop-header-hero::before {
    content: "";
    position: absolute;
    inset: -80px 0 -110px;
    background:
        radial-gradient(122% 88% at 50% 48%, rgba(16, 58, 42, 0.38) 0%, rgba(8, 30, 22, 0.28) 46%, rgba(0, 0, 0, 0) 78%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.88) 0%, rgba(4, 20, 14, 0.66) 44%, rgba(5, 22, 16, 0.64) 58%, rgba(0, 0, 0, 0.90) 100%);
    mix-blend-mode: normal;
    opacity: 1;
    pointer-events: none;
    z-index: 1;
}

.h-shop-bg-overlay {
    position: absolute;
    top: -90px;
    bottom: -190px;
    left: 50%;
    width: 100%;
    height: auto;
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    opacity: 0.58;
    z-index: 0;
    pointer-events: none;
}

.h-shop-header-inner {
    position: relative;
    z-index: 2;
    max-width: none;
    margin: 0;
    padding: 30px var(--h-shop-section-left-pad) 30px;
}

.h-shop-header-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 26px;
    align-items: center;
}

.h-shop-title-block {
    min-height: 98px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.h-shop-title {
    display: inline-block;
    margin: 0 0 4px;
    font-family: var(--h-font-cinzel);
    font-size: clamp(58px, 6vw, 88px);
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--h-white) !important;
    line-height: 1.04;
}

.h-shop-title-text {
    color: var(--h-white) !important;
}

.h-title-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--h-accent);
    flex-shrink: 0;
}

.h-shop-subtitle {
    margin: 0;
    font-family: var(--h-font-cormorant);
    font-size: clamp(27px, 2.4vw, 34px);
    font-weight: 500;
    color: var(--h-gray-light);
    line-height: 1.1;
}

.h-shop-breadcrumb {
    align-self: end;
    text-align: right;
    font-family: var(--h-font-cormorant);
    font-size: clamp(17px, 1.15vw, 21px);
    color: #ffffff;
    line-height: 1.15;
}

.h-shop-breadcrumb a {
    color: #ffffff !important;
    text-decoration: none;
}

.h-shop-breadcrumb a:visited,
.h-shop-breadcrumb a:focus,
.h-shop-breadcrumb a:active {
    color: #ffffff !important;
}

.h-shop-breadcrumb a:hover {
    color: var(--h-accent);
}

.h-shop-breadcrumb .h-sep {
    margin: 0 8px;
    color: var(--h-accent);
}

.h-shop-breadcrumb .h-current {
    color: var(--h-accent);
}

/* Remove yellow lines/background bands */
.h-diagonal-bands,
.h-band {
    display: none !important;
}

/* -----------------------------------------
   HERO CAROUSEL - fighters favorite style
----------------------------------------- */
.h-shop-hero-carousel {
    position: relative;
    z-index: 2;
    padding: 24px 0 0;
}

.h-shop-page .h-shop-fighter-wrapper {
    position: relative;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    overflow: visible;
    padding-bottom: 0;
}

.h-shop-page .h-shop-fighter-carousel {
    overflow-x: auto;
    overflow-y: hidden;
    cursor: grab;
    display: flex;
    gap: 20px;
    padding: 8px var(--h-shop-section-left-pad) 10px;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior: contain;
    touch-action: pan-y;
}

.h-shop-page .h-shop-fighter-carousel::-webkit-scrollbar {
    display: none;
}

.h-shop-page .h-shop-fighter-carousel:active,
.h-shop-page .h-shop-fighter-carousel.is-dragging {
    cursor: grabbing;
}

.h-shop-page .h-shop-fighter-carousel.is-dragging * {
    pointer-events: none;
}

.h-shop-page .h-bs-slide {
    flex: 0 0 280px;
    position: relative;
    isolation: isolate;
    box-shadow: none !important;
    --h-noise-shadow-opacity: 1;
    --h-noise-shadow-radius: 12px;
}

.h-shop-page .h-bs-slide::after {
    content: "";
    position: absolute;
    top: auto;
    right: 0;
    bottom: -20px;
    left: 0;
    height: 48px;
    z-index: 0;
    pointer-events: none;
    border-radius: var(--h-noise-shadow-radius);
    background-image: var(--h-noise-shadow-image), var(--h-noise-shadow-image);
    background-repeat: no-repeat;
    background-size: 100% 100%, 88% 72%;
    background-position: center top, center 10px;
    image-rendering: pixelated;
    opacity: 0.48;
    mix-blend-mode: multiply;
    display: none;
}

.h-shop-page .h-bs-card {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    text-decoration: none;
    border-radius: 10px;
    border: 1px solid rgba(17, 17, 17, 0.78);
    overflow: hidden;
    background: #0b0b0b;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.26);
    transition: transform 0.25s ease, border-color 0.25s ease;
}

.h-shop-page .h-bs-card:hover {
    transform: translateY(-6px);
    border-color: rgba(0, 0, 0, 0.92);
    box-shadow: 0 22px 42px rgba(0, 0, 0, 0.32);
}

.h-shop-page .h-bs-badge {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: var(--h-accent);
    color: #111;
    font-size: 14px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    border-radius: 0 0 0 8px;
}

.h-shop-page .h-bs-image {
    position: relative;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #111;
}

.h-shop-page .h-bs-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.28s ease, opacity 0.36s ease;
}

.h-shop-page .h-bs-image img.h-shop-card-watermark,
.h-shop-ws-card .h-ss-image img.h-shop-card-watermark {
    position: absolute;
    right: auto;
    bottom: 8px;
    left: 8px;
    z-index: 4;
    display: block;
    width: 42px;
    height: auto;
    max-height: 34px;
    object-fit: contain;
    opacity: 0.98;
    pointer-events: none;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.55));
    transition: none;
}

.h-shop-page .h-bs-image .h-card-image-secondary {
    position: absolute;
    inset: 0;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
}

.h-shop-page .h-bs-card:hover .h-card-image-primary {
    opacity: 0;
}

.h-shop-page .h-bs-card:hover .h-card-image-secondary {
    opacity: 1;
}

.h-shop-page .h-bs-card:hover .h-bs-image img {
    transform: scale(1.05);
}

.h-shop-page .h-bs-card:hover .h-bs-image img.h-shop-card-watermark,
.h-shop-ws-card:hover .h-ss-image img.h-shop-card-watermark {
    opacity: 0.98;
    transform: none;
}

.h-shop-page .h-bs-info {
    background: #000;
    padding: 10px 12px 12px;
    position: relative;
    overflow: hidden;
}

.h-shop-page .h-bs-info::after {
    content: "ORDER NOW";
    position: absolute;
    left: -1px;
    right: -1px;
    top: 0;
    bottom: 0;
    height: auto;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--h-accent);
    color: #111111;
    font-family: var(--h-font-instrument);
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0.05em;
    line-height: 1;
    text-transform: uppercase;
    pointer-events: none;
    clip-path: inset(0 100% 0 0);
    transform: translateZ(0);
    transition: clip-path 0.18s cubic-bezier(0.25, 0.9, 0.25, 1);
    will-change: clip-path;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}

.h-shop-page .h-bs-card:hover .h-bs-info::after {
    clip-path: inset(0 0 0 0);
}

.h-shop-page .h-bs-title {
    margin: 0 0 6px;
    color: #fff;
    font-family: var(--h-font-instrument);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    min-height: 30px;
}

.h-shop-page .h-bs-bottom-row {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 8px;
}

.h-shop-page .h-bs-reviews .h-stars,
.h-shop-page .h-bs-reviews .star-rating {
    color: var(--h-accent);
    font-size: 11px;
    letter-spacing: 1.5px;
}

.h-shop-page .h-bs-price {
    position: relative;
    overflow: hidden;
    color: var(--h-accent);
    font-family: var(--h-font-instrument);
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    display: inline-flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 4px;
    padding: 4px 10px;
    border: 0.5px solid rgba(255, 208, 0, 0.9);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.2);
    transform: translateZ(0);
    transition: color 0.24s ease, border-color 0.24s ease, background 0.24s ease;
}

.h-shop-page .h-bs-price::before {
    display: none;
}

.h-shop-page .h-bs-price::after {
    display: none;
}

.h-shop-page .h-bs-price > *,
.h-shop-page .h-bs-price .woocommerce-Price-amount {
    position: relative;
    z-index: 1;
}

.h-shop-page .h-bs-card:hover .h-bs-price {
    color: var(--h-accent);
    border-color: rgba(255, 208, 0, 0.9);
    background: rgba(0, 0, 0, 0.2);
}

.h-shop-page .h-bs-card:hover .h-bs-price * {
    color: inherit !important;
}

.h-shop-page .h-bs-price ins,
.h-shop-page .h-bs-price > .woocommerce-Price-amount {
    background: transparent;
    text-decoration: none;
    color: inherit;
    font-family: var(--h-font-instrument);
    font-size: inherit;
    line-height: 1;
}

.h-shop-page .h-bs-price del {
    color: #ffffff;
    opacity: 1;
    font-size: 0.58em;
    line-height: 1;
    text-decoration: line-through;
    margin-top: 0;
    text-align: center;
}

.h-shop-page .h-bs-price del .woocommerce-Price-amount {
    font-size: 1em;
}

.h-shop-page .h-bs-price ins {
    display: inline;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: var(--h-accent);
    line-height: 1;
}

.h-shop-page .h-bs-wrapper .h-carousel-controls {
    justify-content: flex-end;
    padding: 0 70px 0;
    display: flex;
    gap: 10px;
    position: relative;
    z-index: 30;
    pointer-events: auto;
}

/* Hero arrows on dark background */
.h-shop-hero-carousel .h-carousel-arrow {
    border-color: rgba(255, 255, 255, 0.92);
    background: rgba(0, 0, 0, 0.26);
    position: relative;
    z-index: 31;
    pointer-events: auto !important;
}

.h-shop-hero-carousel .h-carousel-arrow::before {
    border-top-color: rgba(255, 255, 255, 0.95);
    border-right-color: rgba(255, 255, 255, 0.95);
}

.h-shop-hero-carousel .h-carousel-arrow:hover {
    background: var(--h-accent);
    border-color: var(--h-accent);
}

.h-shop-hero-carousel .h-carousel-arrow:hover::before {
    border-top-color: #111;
    border-right-color: #111;
}

/* -----------------------------------------
   TAG ROW
----------------------------------------- */
.h-shop-tags-row {
    position: relative;
    z-index: 2;
    padding: 2px 8px 10px;
}

.h-shop-tags-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    justify-content: stretch;
    align-items: center;
    gap: 10px;
    width: min(1700px, calc(100vw - 16px));
    margin: 0 auto;
}

.h-shop-tag-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    width: 100%;
    padding: 9px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.78);
    background: transparent;
    color: #fff;
    font-family: var(--h-font-cinzel);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    text-decoration: none;
    transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.h-shop-tag-btn:hover {
    border-color: var(--h-accent);
    background: transparent;
    color: var(--h-accent);
}

.h-shop-tag-btn.is-active,
.h-shop-tag-btn[aria-pressed="true"],
.h-shop-tag-btn[aria-current="true"] {
    background: var(--h-accent);
    border-color: var(--h-accent);
    color: #111;
}

/* -----------------------------------------
   PAPER STACK + RIPS
----------------------------------------- */
.h-shop-paper-stack {
    position: relative;
    z-index: 4;
    margin-top: -1px;
    padding: 0 0 90px;
    background:
        radial-gradient(90% 54% at 50% 0%, rgba(7, 30, 22, 0.28) 0%, rgba(0, 0, 0, 0) 62%),
        linear-gradient(180deg, #030505 0%, #010202 100%);
    --h-section-divider-left: 60px;
    --h-section-divider-right: 172px;
    --h-section-divider-y: -30px;
}

.h-shop-paper-stack::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 360px;
    z-index: 0;
    background:
        linear-gradient(180deg, rgba(3, 22, 15, 0.86) 0%, rgba(2, 8, 7, 0.72) 42%, rgba(1, 2, 2, 0) 100%),
        radial-gradient(78% 62% at 50% 0%, rgba(12, 54, 38, 0.42) 0%, rgba(0, 0, 0, 0) 70%);
    pointer-events: none;
}

.h-shop-paper-layout {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr) var(--h-shop-widget-width);
    align-items: start;
    gap: var(--h-shop-widget-gap);
    width: 100%;
    margin: 0;
    padding: 0;
}

.h-shop-sections-column {
    position: relative;
    min-width: 0;
    z-index: 1;
}

.h-shop-sections-column::after {
    content: "";
    position: absolute;
    top: 48px;
    right: -10px;
    bottom: 48px;
    z-index: 3;
    width: 16px;
    background-color: var(--h-paper);
    clip-path: polygon(
        0 0,
        70% 0,
        92% 4%,
        72% 8%,
        96% 12%,
        68% 16%,
        94% 20%,
        70% 24%,
        98% 28%,
        66% 32%,
        92% 36%,
        70% 40%,
        96% 44%,
        68% 48%,
        94% 52%,
        70% 56%,
        98% 60%,
        66% 64%,
        92% 68%,
        70% 72%,
        96% 76%,
        68% 80%,
        94% 84%,
        70% 88%,
        96% 92%,
        72% 96%,
        70% 100%,
        0 100%
    );
    pointer-events: none;
}

.h-shop-widgets-column {
    position: sticky;
    top: 96px;
    align-self: start;
    z-index: 8;
    padding-top: 50px;
    padding-right: 20px;
    padding-bottom: 36px;
}

.h-paper-section {
    position: relative;
    margin-top: 0;
    --h-rip-offset: 0%;
}

/* Continuous paper layout:
   keep only first top-rip and last bottom-rip */
.h-shop-sections-column > .h-paper-section:not(:first-of-type) .h-torn-top {
    display: none;
}

.h-shop-sections-column > .h-paper-section:not(:last-of-type) .h-torn-bottom {
    display: none;
}

.h-paper-section::before {
    content: "";
    display: block;
    height: 0;
    background: transparent;
}

.h-paper-section.h-first-section::before {
    display: none;
}

/* Safety: hide spacer on first visible section even if PHP index skips empties */
.h-shop-sections-column > .h-paper-section:first-of-type::before {
    display: none !important;
}

.h-torn-top,
.h-torn-bottom {
    position: relative;
    width: 100%;
    height: 50px;
    background: transparent !important;
    background-image: none !important;
    overflow: hidden;
    z-index: 2;
}

/* Fallback torn shape (for browsers/cases where mask rendering fails) */
.h-torn-top::before,
.h-torn-bottom::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--h-paper);
    clip-path: polygon(0 68%, 6% 62%, 12% 70%, 18% 64%, 24% 72%, 30% 66%, 36% 74%, 42% 68%, 48% 76%, 54% 70%, 60% 78%, 66% 71%, 72% 77%, 78% 69%, 84% 75%, 90% 67%, 96% 73%, 100% 70%, 100% 100%, 0 100%);
}

.h-torn-bottom::before {
    transform: scaleY(-1);
    transform-origin: center;
}

/* Preferred mask-based torn shape */
.h-torn-top::after,
.h-torn-bottom::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: var(--h-paper);
    opacity: 0;
}

@supports ((-webkit-mask-image: url("")) or (mask-image: url(""))) {
    .h-torn-top::before,
    .h-torn-bottom::before {
        opacity: 0;
    }

    .h-torn-top::after,
    .h-torn-bottom::after {
        opacity: 1;
    }

    .h-torn-top::after,
    .h-torn-bottom::after {
        -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg");
        -webkit-mask-size: 150% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg");
        mask-size: 150% 100%;
        mask-repeat: no-repeat;
    }

    .h-torn-top::after {
        -webkit-mask-position: var(--h-rip-offset) bottom;
        mask-position: var(--h-rip-offset) bottom;
    }

    .h-torn-bottom::after {
        -webkit-mask-position: var(--h-rip-offset) top;
        mask-position: var(--h-rip-offset) top;
        transform: scaleY(-1);
        transform-origin: center;
    }
}

.h-torn-top::after,
.h-torn-bottom::after {
    -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg");
    -webkit-mask-size: 150% 100%;
    -webkit-mask-repeat: no-repeat;
    mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg");
    mask-size: 150% 100%;
    mask-repeat: no-repeat;
}

.h-torn-top::after {
    -webkit-mask-position: var(--h-rip-offset) bottom;
    mask-position: var(--h-rip-offset) bottom;
}

.h-torn-bottom::after {
    -webkit-mask-position: var(--h-rip-offset) top;
    mask-position: var(--h-rip-offset) top;
    transform: scaleY(-1);
    transform-origin: center;
}

.h-paper-content {
    position: relative;
    background-color: var(--h-paper);
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 0;
    overflow: visible;
}

/* Left bracket contour for each shop section */
.h-shop-paper-stack .h-paper-section .h-paper-content::after,
.h-shop-paper-stack .h-paper-section .h-paper-content::before {
    display: none;
}

.h-shop-paper-stack .h-paper-section .h-shop-section-main::after {
    content: "";
    display: block;
    position: absolute;
    top: 20px;
    bottom: auto;
    left: calc((var(--h-shop-section-left-pad) * -1) + 18px);
    height: 88px;
    width: 126px;
    z-index: 0;
    pointer-events: none;
    background-image:
        linear-gradient(var(--h-shop-contour-color), var(--h-shop-contour-color)),
        linear-gradient(var(--h-shop-contour-color), var(--h-shop-contour-color));
    background-repeat: no-repeat;
    background-size:
        var(--h-shop-contour-thin) 100%,
        124px var(--h-shop-contour-thin);
    background-position:
        left top,
        left top;
}

.h-paper-content::before,
.h-shop-section-main::before {
    content: "";
    position: absolute;
    inset: 0;
    background: transparent;
    pointer-events: none;
    z-index: 0;
}

.h-shop-paper-stack .h-paper-section .h-shop-section-main::before {
    top: 20px;
    bottom: auto;
    left: calc((var(--h-shop-section-left-pad) * -1) + 18px);
    height: var(--h-shop-contour-corner);
    width: 126px;
    inset: 20px auto auto calc((var(--h-shop-section-left-pad) * -1) + 18px);
    background-image:
        linear-gradient(var(--h-shop-contour-color), var(--h-shop-contour-color)),
        linear-gradient(var(--h-shop-contour-color), var(--h-shop-contour-color));
    background-repeat: no-repeat;
    background-size:
        var(--h-shop-contour-corner) 0.5px,
        0.5px var(--h-shop-contour-corner);
    background-position:
        left top,
        left top;
}

.h-shop-sections-column > .h-paper-section:not(:first-of-type) .h-shop-section-main {
    padding-top: 18px;
}

.h-paper-content > * {
    position: relative;
    z-index: 1;
}

.h-paper-title-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    width: min(var(--h-shop-stage-width), calc(100vw - 96px));
    margin: 0 auto 4px;
    padding: 0;
}

.h-paper-title-link {
    text-decoration: none;
}

.h-paper-title {
    margin: 0;
    color: #111;
    font-family: var(--h-font-cinzel);
    font-size: clamp(32px, 3vw, 42px);
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.h-paper-title-note {
    align-self: flex-end;
    margin-bottom: 5px;
    color: rgba(17, 17, 17, 0.68);
    font-family: var(--h-font-cormorant);
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
}

.h-paper-title-link:hover .h-paper-title {
    color: var(--h-accent);
}

.h-paper-subnav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    width: min(var(--h-shop-stage-width), calc(100vw - 96px));
    margin: 0 auto 8px;
    padding: 0;
}

.h-subnav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 6px 14px;
    border: 1px solid rgba(17, 17, 17, 0.35);
    border-radius: 999px;
    color: #262626;
    text-decoration: none;
    font-family: var(--h-font-cormorant);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    transition: border-color 0.2s ease, color 0.2s ease, background 0.2s ease;
}

.h-subnav-link:hover {
    border-color: var(--h-accent);
    color: #111;
    background: rgba(255, 208, 0, 0.2);
}

.h-shop-material-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    width: min(var(--h-shop-stage-width), calc(100vw - 96px));
    margin: 0 auto 8px;
    padding: 0;
}

.h-material-filter-btn {
    cursor: pointer;
    background: transparent;
}

.h-tag-filter-btn,
.h-material-filter-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 30px;
    padding: 6px 14px;
    border: 1px solid rgba(17, 17, 17, 0.35);
    border-radius: 999px;
    color: #262626;
    font-family: var(--h-font-cormorant);
    font-size: 16px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
}

.h-material-filter-btn.is-active {
    border-color: var(--h-accent);
    color: #111;
    background: var(--h-accent);
}

.h-shop-section-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    align-items: start;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.h-shop-section-main {
    position: relative;
    min-width: 0;
    padding: 34px var(--h-shop-section-right-pad) 14px var(--h-shop-section-left-pad);
    background: transparent;
    overflow: visible;
}

.h-shop-section-main > * {
    position: relative;
    z-index: 1;
}

.h-shop-section-main .h-paper-title-wrap,
.h-shop-section-main .h-shop-material-filter,
.h-shop-section-main .h-paper-subnav {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.h-shop-section-main .h-shop-material-filter,
.h-shop-section-main .h-paper-subnav {
    padding-left: 0;
}

.h-shop-section-main .h-shop-section-carousel {
    width: calc(100% + 56px);
    max-width: none;
    margin-left: -28px;
    margin-right: -28px;
    padding-left: 28px;
    padding-right: 28px;
}

.h-shop-side-widgets {
    position: static;
    top: auto;
    right: auto;
    z-index: 8;
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    padding-left: 0;
    border-left: 0;
    color: #111;
}

.h-shop-widget {
    position: relative;
    display: block;
    min-height: 112px;
    margin: 0;
    padding: 18px 18px 18px;
    color: #111;
    text-decoration: none;
    background-color: rgba(245, 240, 230, 0.98);
    background-image:
        radial-gradient(ellipse at center, rgba(245, 240, 230, 0) 44%, rgba(150, 120, 80, 0.12) 100%);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border: 0;
    border-radius: 0;
    isolation: isolate;
    overflow: visible;
    clip-path: none;
    box-shadow: 0 16px 34px rgba(0, 0, 0, 0.24);
    transition: color 0.18s ease, transform 0.18s ease;
}

.h-shop-widget::before,
.h-shop-widget::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 14px;
    background-color: var(--h-paper);
    pointer-events: none;
    z-index: 0;
}

.h-shop-paper-stack .h-paper-section .h-paper-content::before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background-image: none;
    background-repeat: repeat;
    background-size: 256px 256px;
    opacity: 0.055;
}

.h-shop-paper-stack .h-paper-section .h-paper-content::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: radial-gradient(
        ellipse at center,
        transparent 35%,
        rgba(150, 120, 80, 0.18) 100%
    );
}

.h-shop-widget::before {
    top: -7px;
    -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg");
    -webkit-mask-size: 140% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 38% bottom;
    mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg");
    mask-size: 140% 100%;
    mask-repeat: no-repeat;
    mask-position: 38% bottom;
}

.h-shop-widget::after {
    bottom: -7px;
    transform: scaleY(-1);
    transform-origin: center;
    -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg");
    -webkit-mask-size: 140% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 62% bottom;
    mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg");
    mask-size: 140% 100%;
    mask-repeat: no-repeat;
    mask-position: 62% bottom;
}

.h-shop-widget:hover {
    color: #111;
    transform: translateX(-2px);
}

.h-shop-widget > * {
    position: relative;
    z-index: 1;
}

.h-shop-widget-kicker {
    display: block;
    margin-bottom: 7px;
    color: rgba(17, 17, 17, 0.66);
    font-family: var(--h-font-cormorant);
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

.h-shop-widget-title {
    margin: 0 0 12px;
    color: #050505;
    font-family: var(--h-font-cinzel);
    font-size: 18px;
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: 0.02em;
}

.h-shop-widget-text {
    margin: -4px 0 13px;
    color: rgba(17, 17, 17, 0.78);
    font-family: var(--h-font-cormorant);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.22;
}

.h-shop-widget-select-row {
    display: grid;
    grid-template-columns: auto minmax(92px, 1fr);
    gap: 10px;
    align-items: center;
    margin: 10px 0 0;
    color: #111;
    font-family: var(--h-font-cormorant);
    font-size: 16px;
    font-weight: 700;
}

.h-shop-widget-select {
    width: 100%;
    min-height: 30px;
    padding: 4px 28px 4px 10px;
    color: #111;
    background: #f8f2e5;
    border: 1px solid rgba(17, 17, 17, 0.5);
    border-radius: 999px;
    font-family: var(--h-font-cormorant);
    font-size: 14px;
    font-weight: 700;
}

.h-shop-widget-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 7px 13px;
    color: #111;
    text-decoration: none;
    border: 1px solid rgba(17, 17, 17, 0.58);
    border-radius: 999px;
    background: rgba(255, 208, 0, 0.18);
    font-family: var(--h-font-cormorant);
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    transition: background 0.18s ease, border-color 0.18s ease;
}

.h-shop-widget:hover .h-shop-widget-action {
    border-color: var(--h-accent);
    background: rgba(255, 208, 0, 0.34);
}

/* -----------------------------------------
   SECTION CAROUSELS - workshop style (2 rows)
----------------------------------------- */
.h-shop-section-carousel {
    position: relative;
    width: 100%;
    max-width: var(--h-shop-stage-outer-width);
    left: 0;
    transform: none;
    margin: 12px auto 0;
    overflow: visible;
    padding: 0 32px 10px;
    box-sizing: border-box;
}

.h-shop-section-carousel .h-ss-viewport {
    overflow: hidden;
    padding: 22px 0 10px;
    margin: 0;
    cursor: grab;
    scrollbar-width: none;
    -ms-overflow-style: none;
    overscroll-behavior: auto;
    touch-action: pan-y;
}

.h-shop-section-carousel .h-ss-viewport::-webkit-scrollbar {
    display: none;
}

.h-shop-section-carousel .h-ss-viewport.is-dragging {
    cursor: grabbing;
}

.h-shop-section-carousel .h-ss-viewport.is-dragging * {
    user-select: none;
    pointer-events: none;
}

.h-shop-section-carousel .h-ss-pages-track {
    display: flex;
    align-items: stretch;
    overflow: visible;
    will-change: transform;
}

.h-shop-section-carousel .h-ss-page {
    flex: 0 0 100%;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    justify-content: stretch;
    gap: 16px;
    padding: 8px 0 12px;
    align-items: stretch;
    overflow: visible;
}

.h-shop-section-carousel.is-end-grid .h-ss-page {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    padding: 14px 28px 20px;
}

.h-shop-section-carousel.is-end-grid .h-ss-cell {
    padding: 0 0 32px;
}

.h-shop-section-carousel.is-end-grid .h-shop-ws-card {
    border-radius: 12px;
}

.h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-info {
    min-height: 116px;
    padding: 14px 12px 12px;
    gap: 8px;
}

.h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-title {
    font-size: 16px;
    min-height: 38px;
}

.h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-price {
    font-size: 20px;
    min-height: 36px;
    padding: 5px 12px;
}

.h-shop-section-carousel .h-ss-cell {
    min-width: 0;
    padding: 0 0 32px;
    display: block;
    position: relative;
    isolation: isolate;
    box-shadow: none !important;
    --h-noise-shadow-opacity: 0.48;
    --h-noise-shadow-radius: 12px;
}

.h-shop-section-carousel .h-ss-cell::after {
    content: "";
    position: absolute;
    top: auto;
    right: 0;
    bottom: 4px;
    left: 0;
    height: 48px;
    z-index: 0;
    pointer-events: none;
    border-radius: var(--h-noise-shadow-radius);
    background-image: var(--h-noise-shadow-image), var(--h-noise-shadow-image);
    background-repeat: no-repeat;
    background-size: 100% 100%, 88% 72%;
    background-position: center top, center 10px;
    image-rendering: pixelated;
    opacity: var(--h-noise-shadow-opacity);
    mix-blend-mode: multiply;
    display: none;
}

.h-shop-section-carousel .h-ss-cell-empty {
    visibility: hidden;
    pointer-events: none;
}

.h-shop-section-carousel .h-ss-cell-empty::after {
    display: none !important;
}

.h-shop-ws-card {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 0;
    max-width: 100%;
    min-height: 100%;
    border-radius: 10px;
    border: 1px solid rgba(17, 17, 17, 0.78);
    overflow: hidden;
    text-decoration: none;
    background: #0b0b0b;
    box-shadow: 0 18px 34px rgba(0, 0, 0, 0.26);
    transition: transform 0.25s ease, border-color 0.25s ease;
}

.h-shop-ws-card:hover {
    transform: translateY(-6px);
    border-color: rgba(0, 0, 0, 0.92);
    box-shadow: 0 22px 42px rgba(0, 0, 0, 0.32);
}

.h-shop-ws-card .h-ss-image {
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #111;
    position: relative;
}

.h-shop-ws-card .h-ss-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.28s ease, opacity 0.36s ease;
}

.h-shop-ws-card .h-card-image-secondary {
    position: absolute;
    inset: 0;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
}

.h-shop-ws-card:hover .h-card-image-primary {
    opacity: 0;
}

.h-shop-ws-card:hover .h-card-image-secondary {
    opacity: 1;
}

.h-shop-ws-card:hover .h-ss-image img {
    transform: scale(1.05);
}

.h-shop-ws-card .h-ss-info {
    background: #000;
    padding: 12px 10px 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    position: relative;
    overflow: hidden;
}

.h-shop-ws-card .h-ss-info::after {
    content: "ORDER NOW";
    position: absolute;
    left: -1px;
    right: -1px;
    top: auto;
    bottom: 0;
    height: var(--h-shop-order-bar-height, 48px);
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--h-accent);
    color: #111111;
    font-family: var(--h-font-instrument);
    font-size: 19px;
    font-weight: 800;
    letter-spacing: 0.05em;
    line-height: 1;
    text-transform: uppercase;
    pointer-events: none;
    clip-path: inset(0 100% 0 0);
    transform: translateZ(0);
    transition: clip-path 0.18s cubic-bezier(0.25, 0.9, 0.25, 1);
    will-change: clip-path;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
}

.h-shop-ws-card:hover .h-ss-info::after {
    clip-path: inset(0 0 0 0);
}

.h-shop-ws-card .h-ss-title {
    margin: 0;
    color: #fff;
    font-family: var(--h-font-instrument);
    font-size: 13px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    min-height: 28px;
    text-align: center;
    max-width: 95%;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.h-shop-ws-card .h-ss-bottom-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    transform: none;
}

.h-shop-ws-card .h-ss-reviews .h-stars,
.h-shop-ws-card .h-ss-reviews .star-rating {
    color: var(--h-accent);
    font-size: 10px;
    letter-spacing: 1.4px;
}

.h-shop-ws-card .h-ss-price {
    position: relative;
    overflow: hidden;
    color: var(--h-accent);
    font-family: var(--h-font-instrument);
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    display: inline-flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 3px;
    padding: 3px 8px;
    border: 0.5px solid rgba(255, 208, 0, 0.9);
    border-radius: 8px;
    background: rgba(0, 0, 0, 0.2);
    min-height: 30px;
    margin: 0 auto;
    transform: translateZ(0);
    transition: color 0.24s ease, border-color 0.24s ease, background 0.24s ease;
}

.h-shop-ws-card .h-ss-price::before {
    display: none;
}

.h-shop-ws-card .h-ss-price::after {
    display: none;
}

.h-shop-ws-card .h-ss-price > *,
.h-shop-ws-card .h-ss-price .woocommerce-Price-amount {
    position: relative;
    z-index: 1;
}

.h-shop-ws-card:hover .h-ss-price {
    color: var(--h-accent);
    border-color: rgba(255, 208, 0, 0.9);
    background: rgba(0, 0, 0, 0.2);
}

.h-shop-ws-card:hover .h-ss-price * {
    color: inherit !important;
}

.h-shop-ws-card .h-ss-price ins,
.h-shop-ws-card .h-ss-price > .woocommerce-Price-amount {
    background: transparent;
    text-decoration: none;
    color: inherit;
    font-family: var(--h-font-instrument);
    font-size: inherit;
    line-height: 1;
}

.h-shop-ws-card .h-ss-price del {
    color: #ffffff;
    opacity: 1;
    font-size: 0.58em;
    line-height: 1;
    text-decoration: line-through;
    margin-top: 0;
    text-align: center;
}

.h-shop-ws-card .h-ss-price del .woocommerce-Price-amount {
    font-size: 1em;
}

.h-shop-ws-card .h-ss-price ins {
    display: inline;
    padding: 0;
    border: 0;
    border-radius: 0;
    color: var(--h-accent);
    line-height: 1;
}

/* Sale tape (shop cards) */
.h-bs-card.is-sale::before,
.h-shop-section-carousel .h-ss-cell.is-sale .h-ss-card::before {
    content: "SALE";
    position: absolute;
    top: 10px;
    left: -66px;
    right: auto;
    width: 200px;
    height: 24px;
    border-radius: 4px;
    background: var(--h-accent);
    color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Instrument Sans", sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1;
    text-transform: uppercase;
    transform: rotate(-24deg);
    z-index: 65;
    pointer-events: none;
}

.h-shop-section-carousel .h-carousel-controls {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    padding: 0 0 2px;
}

.h-shop-section-carousel .h-carousel-page-indicator {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 56px;
    color: #111;
    font-family: var(--h-font-cinzel);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

/* -----------------------------------------
   Footer alignment
----------------------------------------- */
.h-shop-page + .h-footer,
.h-shop-page ~ .h-footer {
    margin-top: 8px;
}











/* -----------------------------------------
   Responsive
----------------------------------------- */











/* ===========================================
   FINAL SHOP SYSTEM - CLEAN SOURCE OF TRUTH
   =========================================== */

:root {
    --h-paper-flat: #f5f0e6;
    --h-shop-widget-width: 330px;
    --h-shop-widget-separator: rgba(17, 17, 17, 0.42);
    --h-shop-main-column-nudge: 10px;
    --h-shop-shared-rip-height: 60px;
    /* SINGLE control for the mobile shop tile (section) title size.
       Every tile-title rule below references this one variable, so this is
       the only place to change it. */
    /* vw-based so the title scales DOWN with the tile on small phones and never
       overflows the tile; capped on large screens. Tune if needed. */
    --h-shop-tile-title-size: clamp(11px, 3.4vw, 18px);
}

/* Paper is flat cream. Rips stay, texture/noise overlays do not. */
body.historicum-shop-page .h-paper-content,
body.historicum-shop-page .h-shop-section-main,
body.historicum-shop-page .h-shop-widget,
body.historicum-shop-page .h-torn-top::before,
body.historicum-shop-page .h-torn-top::after,
body.historicum-shop-page .h-torn-bottom::before,
body.historicum-shop-page .h-torn-bottom::after,
body.historicum-shop-page .h-shop-widget::before,
body.historicum-shop-page .h-shop-widget::after {
    background-color: var(--h-paper-flat) !important;
    background-image: none !important;
}

body.historicum-shop-page .h-paper-content::before,
body.historicum-shop-page .h-paper-content::after,
body.historicum-shop-page .h-shop-section-main::before,
body.historicum-shop-page .h-shop-section-main::after,
body.historicum-shop-page .h-shop-widget .h-paper-content::before,
body.historicum-shop-page .h-shop-widget .h-paper-content::after {
    content: none !important;
    display: none !important;
    background: none !important;
    background-image: none !important;
}

body.historicum-shop-page .h-shop-paper-stack {
    background: transparent !important;
}

body.historicum-shop-page .h-shop-paper-stack::before,
body.historicum-shop-page .h-shop-sections-column::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

body.historicum-shop-page .h-paper-section {
    --h-rip-top-offset: 34%;
    --h-rip-bottom-offset: 62%;
}

/* Shop paper rips: preserve the detailed SVG-mask edge that was approved. */
body.historicum-shop-page .h-torn-top,
body.historicum-shop-page .h-torn-bottom {
    background: transparent !important;
    height: var(--h-shop-shared-rip-height) !important;
    overflow: hidden !important;
}

body.historicum-shop-page .h-torn-top::before,
body.historicum-shop-page .h-torn-bottom::before {
    opacity: 0 !important;
}

body.historicum-shop-page .h-torn-top::after,
body.historicum-shop-page .h-torn-bottom::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    opacity: 1 !important;
    background-color: var(--h-paper-flat) !important;
    background-image: none !important;
    -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
    -webkit-mask-size: 112% 100% !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
    mask-size: 112% 100% !important;
    mask-repeat: no-repeat !important;
}

body.historicum-shop-page .h-torn-top::after {
    -webkit-mask-position: var(--h-rip-top-offset, 34%) bottom !important;
    mask-position: var(--h-rip-top-offset, 34%) bottom !important;
    transform: none !important;
}

body.historicum-shop-page .h-torn-bottom::after {
    -webkit-mask-position: var(--h-rip-bottom-offset, 62%) top !important;
    mask-position: var(--h-rip-bottom-offset, 62%) top !important;
    transform: scaleY(-1) !important;
    transform-origin: center !important;
}

body.historicum-shop-page .h-shop-paper-layout {
    align-items: flex-start !important;
    gap: 10px !important;
    pointer-events: none !important;
}

body.historicum-shop-page .h-shop-sections-column,
body.historicum-shop-page .h-shop-widgets-column,
body.historicum-shop-page .h-paper-section,
body.historicum-shop-page .h-paper-content,
body.historicum-shop-page .h-shop-section-carousel,
body.historicum-shop-page .h-shop-section-carousel *,
body.historicum-shop-page .h-shop-side-widgets,
body.historicum-shop-page .h-shop-side-widgets * {
    pointer-events: auto !important;
}

body.historicum-shop-page .h-shop-sections-column {
    transform: translateY(var(--h-shop-main-column-nudge)) !important;
}

/* Hero background: image reaches the rip, with one dark black/green overlay. */
body.historicum-shop-page .h-shop-header-hero {
    background-color: #050706 !important;
    background-image: none !important;
    overflow: visible !important;
    isolation: isolate !important;
}

body.historicum-shop-page .h-shop-header-hero::before {
    content: "" !important;
    position: absolute !important;
    top: -90px !important;
    right: 0 !important;
    bottom: -80px !important;
    left: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.84) 0%,
        rgba(2, 16, 11, 0.78) 42%,
        rgba(0, 0, 0, 0.88) 100%
    ) !important;
    opacity: 1 !important;
    mix-blend-mode: normal !important;
}

body.historicum-shop-page .h-shop-header-hero::after {
    content: none !important;
    display: none !important;
}

body.historicum-shop-page .h-shop-bg-overlay {
    top: -90px !important;
    bottom: -80px !important;
    opacity: 0.23 !important;
    background-position: center center !important;
    background-size: cover !important;
    mix-blend-mode: normal !important;
}

body.historicum-shop-page .h-shop-header-inner,
body.historicum-shop-page .h-shop-hero-carousel {
    position: relative !important;
    z-index: 3 !important;
}

/* Shared HeroCarousel engine scope for shop hero. */
body.historicum-shop-page .h-shop-hero-carousel {
    z-index: 80 !important;
    isolation: isolate !important;
    box-shadow: none !important;
    filter: none !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-carousel-controls {
    margin-top: 18px !important;
}

body.historicum-shop-page .h-shop-fighter-wrapper {
    overflow: hidden !important;
    box-shadow: none !important;
    filter: none !important;
}

body.historicum-shop-page .h-shop-fighter-carousel {
    overflow: visible !important;
    scroll-behavior: auto !important;
    scroll-snap-type: none !important;
    touch-action: pan-y !important;
    will-change: transform !important;
    backface-visibility: hidden !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-carousel-controls,
body.historicum-shop-page .h-shop-hero-carousel .h-carousel-arrow {
    position: relative !important;
    z-index: 200 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
}

body.historicum-shop-page .h-shop-hero-carousel,
body.historicum-shop-page .h-shop-hero-carousel * {
    -webkit-user-select: none !important;
    user-select: none !important;
}

/* Product cards: one card depth system, no divider stroke. */
body.historicum-shop-page .h-bs-slide,
body.historicum-shop-page .h-ss-cell {
    overflow: visible !important;
}

body.historicum-shop-page .h-shop-section-carousel .h-ss-viewport {
    overflow: hidden !important;
}

body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track,
body.historicum-shop-page .h-shop-section-carousel .h-ss-page {
    overflow: visible !important;
}

body.historicum-shop-page .h-bs-card,
body.historicum-shop-page .h-shop-ws-card {
    box-shadow: 0 9px 18px rgba(0, 0, 0, 0.38) !important;
}

body.historicum-shop-page .h-bs-card:hover,
body.historicum-shop-page .h-shop-ws-card:hover {
    border-color: rgba(0, 0, 0, 0.92) !important;
    box-shadow: 0 12px 22px rgba(0, 0, 0, 0.46) !important;
}

body.historicum-shop-page .h-bs-info,
body.historicum-shop-page .h-shop-ws-card .h-ss-info {
    background-color: #060606 !important;
    background-image: linear-gradient(180deg, rgba(92, 92, 92, 0.24) 0%, rgba(14, 14, 14, 0.68) 100%) !important;
}

body.historicum-shop-page .h-shop-ws-card .h-ss-info,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-height: 92px !important;
    padding: 10px 12px 12px !important;
    gap: 5px !important;
}

body.historicum-shop-page .h-shop-ws-card .h-ss-title,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-title {
    margin: 0 !important;
    line-height: 1.1 !important;
}

body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-info {
    min-height: 110px !important;
    padding: 16px 12px 14px !important;
    gap: 8px !important;
}

body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-title {
    min-height: 0 !important;
    max-width: 92% !important;
}

body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-bottom-row,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-price {
    flex: 0 0 auto !important;
}

body.historicum-shop-page .h-shop-ws-card .h-ss-bottom-row,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-bottom-row {
    margin: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
}

body.historicum-shop-page .h-shop-ws-card .h-ss-bottom-row::before,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-bottom-row::before {
    content: none !important;
    display: none !important;
}

body.historicum-shop-page .h-bs-info::after,
body.historicum-shop-page .h-shop-ws-card .h-ss-info::after {
    top: auto !important;
    bottom: 0 !important;
    z-index: 6 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-bs-slide {
    display: flex !important;
    align-items: stretch !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-bs-card {
    --h-shop-hero-order-bar-height: 64px;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-bs-info {
    min-height: 104px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-bs-info::after {
    height: var(--h-shop-hero-order-bar-height) !important;
}

body.historicum-shop-page .h-shop-ws-card .h-ss-info::after {
    height: var(--h-shop-order-bar-height, 48px) !important;
}

body.historicum-shop-page .h-shop-fighter-carousel .h-bs-title {
    font-size: 15px !important;
    line-height: 1.2 !important;
}

/* Main shop sections: tighter vertical flow and unclipped shadows. */
body.historicum-shop-page .h-paper-section {
    margin-bottom: 0 !important;
}

body.historicum-shop-page .h-paper-section + .h-paper-section {
    margin-top: 0 !important;
}

body.historicum-shop-page .h-shop-section-main {
    padding-bottom: 10px !important;
}

body.historicum-shop-page .h-shop-sections-column > .h-paper-section:not(:first-of-type) .h-shop-section-main {
    padding-top: 6px !important;
}

body.historicum-shop-page .h-paper-title-wrap {
    margin-bottom: 0 !important;
}

body.historicum-shop-page .h-shop-section-main .h-paper-title-wrap {
    width: 100% !important;
    margin-left: 0 !important;
}

body.historicum-shop-page .h-paper-subnav,
body.historicum-shop-page .h-shop-material-filter {
    margin-top: 10px !important;
    margin-bottom: 4px !important;
}

body.historicum-shop-page .h-shop-section-main .h-shop-section-carousel {
    width: calc(100% + 56px) !important;
    margin-left: -28px !important;
    margin-right: -28px !important;
    margin-top: 4px !important;
    padding-left: 32px !important;
    padding-right: 32px !important;
    padding-bottom: 0 !important;
    overflow: visible !important;
}

body.historicum-shop-page .h-shop-section-carousel .h-ss-viewport {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 12px 0 22px !important;
    overflow: hidden !important;
}

body.historicum-shop-page .h-shop-section-carousel .h-ss-page {
    box-sizing: border-box !important;
    padding: 8px 0 20px !important;
}

body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-ss-page {
    gap: 12px !important;
    padding: 10px 0 22px !important;
}

body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-ss-cell {
    padding: 0 0 18px !important;
}

body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card {
    border-radius: 8px !important;
}

body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-info {
    min-height: 74px !important;
    padding: 8px 8px 9px !important;
    gap: 4px !important;
}

body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-title {
    max-width: 96% !important;
    font-size: 11px !important;
    line-height: 1.12 !important;
}

body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-bottom-row {
    gap: 6px !important;
}

body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-reviews .h-stars,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-reviews .star-rating {
    font-size: 9px !important;
    letter-spacing: 1px !important;
}

body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-price {
    min-height: 28px !important;
    padding: 4px 8px !important;
    font-size: 14px !important;
    border-radius: 6px !important;
}

body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-info::after {
    height: var(--h-shop-order-bar-height, 48px) !important;
}

body.historicum-shop-page .h-shop-section-carousel .h-carousel-controls {
    padding: 0 !important;
    margin-top: -2px !important;
}

/* Connected widget stack: one paper block feel with thin separators. */
body.historicum-shop-page .h-shop-widgets-column {
    flex: 0 0 var(--h-shop-widget-width) !important;
    max-width: var(--h-shop-widget-width) !important;
    margin-top: 0 !important;
    transform: translateY(0) !important;
}

body.historicum-shop-page .h-shop-side-widgets {
    gap: 0 !important;
}

body.historicum-shop-page .h-shop-widget {
    margin: 0 !important;
    border-radius: 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-top: 0 !important;
    border-bottom: 0.3px solid var(--h-shop-widget-separator) !important;
    box-shadow: none !important;
}

body.historicum-shop-page .h-shop-side-widgets .h-shop-widget::before,
body.historicum-shop-page .h-shop-side-widgets .h-shop-widget::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    height: var(--h-shop-shared-rip-height) !important;
    background-color: var(--h-paper-flat) !important;
    background-image: none !important;
    pointer-events: none !important;
    z-index: 0 !important;
    -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
    -webkit-mask-size: 900% 100% !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
    mask-size: 900% 100% !important;
    mask-repeat: no-repeat !important;
}

body.historicum-shop-page .h-shop-side-widgets .h-shop-widget::before {
    top: -42px !important;
    -webkit-mask-position: 18% bottom !important;
    mask-position: 18% bottom !important;
}

body.historicum-shop-page .h-shop-side-widgets .h-shop-widget::after {
    bottom: -30px !important;
    transform: scaleY(-1) !important;
    transform-origin: center !important;
    -webkit-mask-position: 28% bottom !important;
    mask-position: 28% bottom !important;
}

body.historicum-shop-page .h-shop-widget:first-child::before {
    display: block !important;
}

body.historicum-shop-page .h-shop-widget:not(:first-child)::before,
body.historicum-shop-page .h-shop-widget:not(:last-child)::after {
    content: none !important;
    display: none !important;
}

body.historicum-shop-page .h-shop-widget:last-child {
    border-bottom: 0 !important;
}

body.historicum-shop-page .h-shop-widget:last-child::after {
    display: block !important;
}

body.historicum-shop-page .h-shop-widget h3,
body.historicum-shop-page .h-shop-widget-title {
    font-size: 19px !important;
    line-height: 1.05 !important;
}

body.historicum-shop-page .h-shop-widget,
body.historicum-shop-page .h-shop-widget p,
body.historicum-shop-page .h-shop-widget label,
body.historicum-shop-page .h-shop-widget span {
    font-size: 14px !important;
}

body.historicum-shop-page .h-shop-widget-select {
    width: 100% !important;
    min-height: 34px !important;
    text-align: center !important;
    justify-content: center !important;
}




/* SHOP ROOT PAGE - NAVIGATION HERO */
body.historicum-shop-page {
    --h-shop-root-bg-position: 18% 78%;
    --h-shop-root-bg-size: cover;
    --h-shop-root-bg-opacity: 0.49;
}

body.historicum-shop-page .h-shop-page.h-level-1 {
    padding-top: 0;
}

body.historicum-shop-page .h-shop-nav-hero {
    position: relative;
    overflow: visible;
    isolation: isolate;
    z-index: 2;
    background: #000000;
    padding: 154px clamp(26px, 3vw, 58px) 110px;
}

body.historicum-shop-page .h-shop-nav-hero::before {
    content: "";
    position: absolute;
    inset: 0 0 -128px;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(0, 0, 0, 0.98) 0%,
            rgba(0, 0, 0, 0.74) 20%,
            rgba(0, 0, 0, 0.24) 45%,
            rgba(0, 0, 0, 0.62) 100%
        ),
        radial-gradient(
            120% 88% at 46% 58%,
            rgba(235, 188, 0, 0.16) 0%,
            rgba(64, 44, 0, 0.10) 54%,
            rgba(0, 0, 0, 0.96) 100%
        );
}

body.historicum-shop-page .h-shop-nav-hero::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: min(68vh, 680px);
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.7) 0%,
        rgba(0, 0, 0, 0.63) 24%,
        rgba(0, 0, 0, 0.24) 78%,
        rgba(0, 0, 0, 0) 100%
    );
}

body.historicum-shop-page .h-shop-nav-bg {
    position: absolute;
    top: 0;
    bottom: -128px;
    left: 50%;
    z-index: 0;
    width: 100%;
    transform: translateX(-50%);
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: var(--h-shop-root-bg-position);
    background-size: var(--h-shop-root-bg-size);
    opacity: var(--h-shop-root-bg-opacity);
    pointer-events: none;
}

body.historicum-shop-page .h-shop-nav-hero-inner {
    position: relative;
    z-index: 3;
    max-width: var(--h-shop-stage-width);
    margin: 0 auto;
}

body.historicum-shop-page .h-shop-nav-title-block {
    display: flex;
    width: 100%;
    max-width: min(1760px, calc(100vw - 70px));
    min-height: auto;
    margin: 0 auto 64px;
    align-items: flex-start;
    text-align: left;
}

body.historicum-shop-page .h-shop-nav-title-block .h-shop-title {
    margin-bottom: 10px;
    font-size: clamp(58px, 6vw, 88px);
    line-height: 1.04;
    letter-spacing: 0.08em;
}

body.historicum-shop-page .h-shop-nav-title-block .h-shop-subtitle {
    font-size: var(--h-size-h3, 25px);
    font-weight: 400;
    line-height: 1.2;
    color: rgba(255, 255, 255, 0.82);
}

body.historicum-shop-page .h-shop-nav-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(18px, 1.6vw, 30px);
    width: 100%;
    max-width: min(1760px, calc(100vw - 70px));
    margin: 0 auto;
}

body.historicum-shop-page .h-shop-nav-card {
    --h-shop-nav-corner-cut: 15px;
    position: relative;
    display: block;
    min-height: clamp(560px, 34vw, 690px);
    aspect-ratio: 3 / 5;
    border-radius: 6px;
    overflow: visible;
    text-decoration: none;
    color: var(--h-accent);
    border: 0;
    outline: 0;
    background: transparent;
    clip-path: polygon(0 0, calc(100% - var(--h-shop-nav-corner-cut)) 0, 100% var(--h-shop-nav-corner-cut), 100% 100%, 0 100%);
    box-shadow: none;
    filter:
        drop-shadow(0 34px 42px rgba(0, 0, 0, 0.5))
        drop-shadow(-10px 16px 24px rgba(0, 0, 0, 0.36));
    transition:
        transform 0.5s cubic-bezier(0.4, 0, 0.2, 1),
        filter 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

body.historicum-shop-page .h-shop-nav-card:hover {
    z-index: 10;
    transform: translateY(-8px);
    box-shadow: none;
    filter:
        drop-shadow(0 42px 52px rgba(0, 0, 0, 0.58))
        drop-shadow(-12px 22px 30px rgba(0, 0, 0, 0.44));
}

body.historicum-shop-page .h-shop-nav-card-inner {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    min-height: inherit;
    overflow: hidden;
    border-radius: 4px;
    background: #000;
    box-shadow: none;
    clip-path: polygon(0 0, calc(100% - var(--h-shop-nav-corner-cut)) 0, 100% var(--h-shop-nav-corner-cut), 100% 100%, 0 100%);
}

body.historicum-shop-page .h-shop-nav-card-inner::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.18) 0%,
        rgba(0, 0, 0, 0.28) 36%,
        rgba(0, 0, 0, 0.6) 58%,
        rgba(0, 0, 0, 0.88) 78%,
        #000000 100%
    );
    transition: background 0.4s ease;
}

body.historicum-shop-page .h-shop-nav-card:hover .h-shop-nav-card-inner::after {
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0.12) 0%,
        rgba(0, 0, 0, 0.24) 36%,
        rgba(0, 0, 0, 0.54) 58%,
        rgba(0, 0, 0, 0.82) 78%,
        rgba(0, 0, 0, 0.98) 100%
    );
}

body.historicum-shop-page .h-shop-nav-card img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
    object-position: center 18%;
    filter: grayscale(100%);
    transform: scale(1.025);
    transition:
        filter 0.45s ease,
        transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
}

body.historicum-shop-page .h-shop-nav-card:hover img {
    filter: grayscale(100%);
    transform: scale(1.065);
}

body.historicum-shop-page .h-shop-nav-card-buhurt img,
body.historicum-shop-page .h-shop-nav-card-profight img,
body.historicum-shop-page .h-shop-nav-card-duelling img,
body.historicum-shop-page .h-shop-nav-card-training img {
    filter: grayscale(100%);
}

body.historicum-shop-page .h-shop-nav-card-buhurt img,
body.historicum-shop-page .h-shop-nav-card-profight img {
    object-position: center 8%;
}

body.historicum-shop-page .h-shop-nav-card-training img {
    object-position: 28% 18%;
}

body.historicum-shop-page .h-shop-nav-card-buhurt:hover img,
body.historicum-shop-page .h-shop-nav-card-profight:hover img,
body.historicum-shop-page .h-shop-nav-card-duelling:hover img,
body.historicum-shop-page .h-shop-nav-card-training:hover img {
    filter: grayscale(100%);
}

body.historicum-shop-page .h-shop-nav-copy {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    top: auto;
    z-index: 3;
    display: flex;
    min-height: 148px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    overflow: hidden;
    padding: 26px 30px 34px;
    background: transparent;
    text-align: left;
    transform: none;
}

body.historicum-shop-page .h-shop-nav-copy::before {
    content: "";
    position: absolute;
    inset: -1px;
    z-index: 0;
    background: var(--h-accent);
    opacity: 0;
    clip-path: inset(0 100% 0 0);
    transition: clip-path 0.22s cubic-bezier(0.25, 0.9, 0.25, 1), opacity 0.12s ease;
}

body.historicum-shop-page .h-shop-nav-card:hover .h-shop-nav-copy::before {
    opacity: 1;
    clip-path: inset(0 0 0 0);
}

body.historicum-shop-page .h-shop-nav-card-title,
body.historicum-shop-page .h-shop-nav-card-subtitle {
    position: relative;
    z-index: 1;
    display: block;
    color: var(--h-accent);
    transition: color 0.18s ease;
}

body.historicum-shop-page .h-shop-nav-card-title {
    margin: 0 0 10px;
    font-family: var(--h-font-cinzel);
    font-size: clamp(34px, 2.35vw, 50px);
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.07em;
    text-transform: uppercase;
}

body.historicum-shop-page .h-shop-nav-card-subtitle {
    margin: 0;
    font-family: var(--h-font-instrument, "Instrument Sans", Arial, sans-serif);
    font-size: clamp(12px, 0.72vw, 15px);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.035em;
}

body.historicum-shop-page .h-shop-nav-card:hover .h-shop-nav-card-title,
body.historicum-shop-page .h-shop-nav-card:hover .h-shop-nav-card-subtitle {
    color: #111;
}

body.historicum-shop-page .h-shop-recent-favorites-title {
    position: relative;
    z-index: 85;
    max-width: min(1760px, calc(100vw - 70px));
    margin: -18px auto 26px;
    text-align: left;
    font-family: var(--h-font-cormorant);
    font-size: clamp(22px, 1.9vw, 32px);
    font-weight: 600;
    line-height: 1.15;
    color: rgba(255, 255, 255, 0.86);
    letter-spacing: 0.035em;
    opacity: 0;
    pointer-events: none;
    transform: translateY(12px);
    transition: opacity 0.32s ease, transform 0.32s ease;
}

body.historicum-shop-page.h-shop-root-recent-visible .h-shop-recent-favorites-title {
    opacity: 1;
    transform: translateY(0);
}

body.historicum-shop-page .h-shop-nav-hero + .h-shop-paper-stack {
    padding-top: 54px !important;
    background: transparent !important;
}

body.historicum-shop-page .h-shop-nav-hero + .h-shop-paper-stack::before {
    background: transparent !important;
}





/* Final shop structure pass: category logic, clean cards, mobile stability. */
body.historicum-shop-page .h-shop-page {
    background:
        linear-gradient(180deg, #060400 0%, #030201 46%, #010101 82%, #000000 100%) !important;
}

body.historicum-shop-page .h-shop-paper-stack {
    position: relative !important;
    isolation: isolate !important;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(100% - 280px), #000000 100%) !important;
}

body.historicum-shop-page .h-shop-paper-stack::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 0 !important;
    display: block !important;
    height: 280px !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 82%, #000000 100%) !important;
}

body.historicum-shop-page .h-shop-paper-layout {
    position: relative !important;
    z-index: 1 !important;
}

body.historicum-shop-page .h-bs-image img.h-shop-card-watermark,
body.historicum-shop-page .h-shop-ws-card .h-ss-image img.h-shop-card-watermark {
    filter: none !important;
}

body.historicum-shop-page .h-bs-card:hover .h-card-image-primary.h-card-image-only {
    opacity: 1 !important;
}

body.historicum-shop-page .h-bs-card:hover .h-card-image-primary:not(.h-card-image-only) {
    opacity: 0 !important;
}

body.historicum-shop-page .h-bs-info,
body.historicum-shop-page .h-shop-ws-card .h-ss-info {
    background-color: #000000 !important;
    background-image: linear-gradient(180deg, #060606 0%, #000000 100%) !important;
}

body.historicum-shop-page .h-bs-info::after,
body.historicum-shop-page .h-shop-ws-card .h-ss-info::after {
    right: -1px !important;
    bottom: 0 !important;
    left: -1px !important;
    background: var(--h-accent) !important;
}

body.historicum-shop-page .h-shop-header-row {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    align-items: start !important;
}

body.historicum-shop-page .h-shop-breadcrumb {
    align-self: start !important;
    margin-top: 2px !important;
    text-align: left !important;
}

body.historicum-shop-page .h-shop-filter-row {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    align-items: center !important;
    margin-top: 10px !important;
    margin-bottom: 4px !important;
}

body.historicum-shop-page .h-shop-filter-row + .h-shop-filter-row {
    margin-top: 8px !important;
}

body.historicum-shop-page .h-shop-filter-row-material .h-subnav-link {
    border-color: rgba(123, 89, 18, 0.55) !important;
    background: transparent !important;
    box-shadow: inset 0 0 0 1px rgba(255, 228, 111, 0.08) !important;
}

body.historicum-shop-page .h-shop-filter-row-material .h-subnav-link:hover {
    border-color: var(--h-accent) !important;
    background: transparent !important;
}

body.historicum-shop-page .h-shop-filter-row-material .h-subnav-link.is-active {
    border-color: var(--h-accent) !important;
    background: var(--h-accent) !important;
}

body.historicum-shop-page .h-shop-filter-row-tags .h-subnav-link {
    border-color: rgba(40, 32, 19, 0.34) !important;
    background: transparent !important;
}

body.historicum-shop-page .h-shop-filter-row-tags .h-subnav-link:hover {
    border-color: rgba(120, 80, 20, 0.66) !important;
    background: transparent !important;
}

body.historicum-shop-page .h-shop-filter-row-tags .h-subnav-link.is-active {
    border-color: rgba(120, 80, 20, 0.66) !important;
    background: var(--h-accent) !important;
}







body.historicum-shop-page .h-shop-mobile-widgets {
    display: none;
}



/* ============================================================
   Shop cascade repair v2 - must stay last.
   ============================================================ */
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-row::before {
    height: 1px !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-subrow-2::before {
    height: 1px !important;
}




/* ============================================================
   Shop cascade repair v4 - final two-breakpoint layout.
   ============================================================ */




/* ============================================================
   Shop final repair pass - clears the remaining conflicting offsets.
   ============================================================ */
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-row::before {
    height: 1px !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-subrow-2::before {
    height: 1px !important;
}









/* Final main shop product grid contract.
   Match the Workshop Recommended sizing model: six desktop columns, two rows,
   no placeholder cells, no stretched short pages, and no yellow hover outline. */
body.historicum-shop-page .h-carousel-page-indicator {
    display: none !important;
}

body.historicum-shop-page .h-shop-section-carousel,
body.historicum-shop-page .h-shop-hero-carousel {
    overflow: visible !important;
}

body.historicum-shop-page .h-shop-section-carousel .h-ss-viewport {
    overflow: hidden !important;
    padding-top: 12px !important;
    padding-bottom: 22px !important;
}

body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track {
    overflow: visible !important;
    align-content: start !important;
    align-items: stretch !important;
    grid-auto-rows: auto !important;
}

body.historicum-shop-page .h-shop-section-carousel .h-ss-page,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-ss-page {
    overflow: hidden !important;
    align-content: start !important;
    align-items: stretch !important;
    grid-auto-rows: auto !important;
}

body.historicum-shop-page .h-shop-section-carousel .h-ss-page {
    gap: 16px !important;
    padding: 8px 8px 18px !important;
}

body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-ss-page {
    padding-right: 8px !important;
    padding-left: 8px !important;
}

body.historicum-shop-page .h-shop-section-carousel .h-ss-cell,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-ss-cell {
    display: flex !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 24px !important;
}

body.historicum-shop-page .h-shop-section-carousel .h-ss-cell-empty {
    display: none !important;
}

body.historicum-shop-page .h-carousel-arrow:disabled,
body.historicum-shop-page .h-carousel-arrow[aria-disabled="true"] {
    opacity: 0.35 !important;
    cursor: default !important;
    pointer-events: none !important;
}

body.historicum-shop-page .h-shop-ws-card,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card {
    --h-shop-order-bar-height: 48px;
    --h-shop-price-hover-shift: 8px;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    border-color: rgba(17, 17, 17, 0.86) !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.54), 0 1px 2px rgba(0, 0, 0, 0.38) !important;
}

body.historicum-shop-page .h-shop-ws-card.is-sale,
body.historicum-shop-page .h-shop-section-carousel .h-ss-cell.is-sale .h-shop-ws-card {
    --h-shop-order-bar-height: 58px;
    --h-shop-price-hover-shift: 10px;
}

body.historicum-shop-page .h-shop-ws-card:hover,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card:hover {
    border-color: rgba(0, 0, 0, 0.94) !important;
    outline-color: rgba(0, 0, 0, 0.94) !important;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.60), 0 1px 3px rgba(0, 0, 0, 0.42) !important;
}

body.historicum-shop-page .h-bs-card:hover {
    border-color: rgba(0, 0, 0, 0.94) !important;
    outline-color: rgba(0, 0, 0, 0.94) !important;
}

body.historicum-shop-page .h-shop-ws-card .h-ss-image,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-image {
    flex: 0 0 auto !important;
}

body.historicum-shop-page .h-shop-ws-card .h-ss-info,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-info {
    flex: 1 1 auto !important;
    min-height: 92px !important;
    padding: 15px 12px 13px !important;
    gap: 5px !important;
    justify-content: flex-end !important;
    overflow: hidden !important;
}

body.historicum-shop-page .h-shop-ws-card.is-sale .h-ss-info,
body.historicum-shop-page .h-shop-section-carousel .h-ss-cell.is-sale .h-shop-ws-card .h-ss-info {
    min-height: 102px !important;
}

body.historicum-shop-page .h-shop-ws-card .h-ss-title,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-title {
    max-width: 95% !important;
    min-height: 30px !important;
    margin: 0 !important;
    color: #ffffff !important;
    font-family: var(--h-font-instrument) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.14 !important;
    transform: translateY(4px) !important;
}

body.historicum-shop-page .h-shop-section-carousel .h-ss-cell.is-sale .h-ss-title {
    font-size: 16px !important;
}

body.historicum-shop-page .h-shop-ws-card .h-ss-bottom-row,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-bottom-row {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
    justify-content: center !important;
    transition: transform 0.18s ease !important;
    will-change: transform !important;
}

body.historicum-shop-page .h-shop-ws-card .h-ss-bottom-row::before {
    content: none !important;
}

body.historicum-shop-page .h-shop-ws-card .h-ss-price,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-price {
    display: inline-flex !important;
    flex-direction: column-reverse !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 31px !important;
    margin: 0 auto !important;
    padding: 4px 9px !important;
    gap: 3px !important;
    color: var(--h-accent) !important;
    font-family: var(--h-font-instrument) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    transition: transform 0.18s ease, color 0.24s ease, border-color 0.24s ease, background 0.24s ease !important;
    will-change: transform !important;
}

body.historicum-shop-page .h-shop-ws-card .h-ss-price ins,
body.historicum-shop-page .h-shop-ws-card .h-ss-price > .woocommerce-Price-amount {
    display: inline-block !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: inherit !important;
    font-size: 1.15em !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

body.historicum-shop-page .h-shop-ws-card .h-ss-price ins *,
body.historicum-shop-page .h-shop-ws-card .h-ss-price ins bdi,
body.historicum-shop-page .h-shop-ws-card .h-ss-price > .woocommerce-Price-amount * {
    display: inline !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    white-space: nowrap !important;
}

body.historicum-shop-page .h-shop-ws-card .h-ss-price del {
    display: block !important;
    color: #ffffff !important;
    font-size: 0.83em !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: line-through !important;
    text-decoration-color: #ffffff !important;
    white-space: nowrap !important;
}

body.historicum-shop-page .h-shop-ws-card .h-ss-price del *,
body.historicum-shop-page .h-shop-ws-card .h-ss-price del bdi {
    display: inline !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    white-space: nowrap !important;
}

body.historicum-shop-page .h-shop-ws-card .h-ss-info::after,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-info::after {
    content: "ORDER NOW" !important;
    position: absolute !important;
    top: auto !important;
    right: -1px !important;
    bottom: 0 !important;
    left: -1px !important;
    z-index: 6 !important;
    display: flex !important;
    height: var(--h-shop-order-bar-height) !important;
    align-items: center !important;
    justify-content: center !important;
    padding-bottom: 0 !important;
    background: var(--h-accent) !important;
    color: #111111 !important;
    font-family: var(--h-font-instrument) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    pointer-events: none !important;
    clip-path: inset(0 100% 0 0) !important;
    transition: clip-path 0.18s cubic-bezier(0.25, 0.9, 0.25, 1) !important;
}

body.historicum-shop-page .h-shop-ws-card:hover .h-ss-info::after,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card:hover .h-ss-info::after {
    clip-path: inset(0 0 0 0) !important;
}

body.historicum-shop-page .h-shop-ws-card:hover .h-ss-bottom-row,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card:hover .h-ss-bottom-row {
    transform: translateY(var(--h-shop-price-hover-shift)) !important;
}

body.historicum-shop-page .h-shop-ws-card:hover .h-ss-title,
body.historicum-shop-page .h-shop-ws-card:hover .h-ss-bottom-row,
body.historicum-shop-page .h-shop-ws-card:hover .h-ss-price {
    opacity: 1 !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-bs-carousel {
    overflow-x: auto !important;
    overflow-y: visible !important;
    padding-right: 18px !important;
    padding-left: 18px !important;
    margin-right: -18px !important;
    margin-left: -18px !important;
}

/*
 * Final shop category hero contract.
 * Contact-page reference: section gradient below, one low-opacity image layer,
 * then content. /shop uses .h-shop-nav-hero; category pages use .h-shop-header-hero.
 */
body.historicum-shop-page {
    background-color: #000000 !important;
    background-image: none !important;
}

body.historicum-shop-page .h-shop-page,
body.historicum-shop-page .h-shop-page.h-level-1 {
    background-color: #000000 !important;
    background-image: linear-gradient(
        135deg,
        #140d00 0%,
        #080500 24%,
        #020201 56%,
        #000000 100%
    ) !important;
}

body.historicum-shop-page .h-shop-header-hero {
    position: relative !important;
    overflow: visible !important;
    isolation: isolate !important;
    background-color: transparent !important;
    background-image: none !important;
}

body.historicum-shop-page .h-shop-nav-hero {
    position: relative !important;
    overflow: visible !important;
    isolation: isolate !important;
    background-color: transparent !important;
    background-image: none !important;
}

body.historicum-shop-page .h-shop-header-hero::before {
    content: none !important;
    display: none !important;
    background: none !important;
}

body.historicum-shop-page .h-shop-nav-hero::before {
    content: none !important;
    display: none !important;
    background: none !important;
}

body.historicum-shop-page .h-shop-header-hero::after {
    content: none !important;
    display: none !important;
}

body.historicum-shop-page .h-shop-nav-hero::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

body.historicum-shop-page .h-shop-bg-overlay {
    top: -80px !important;
    right: auto !important;
    bottom: -128px !important;
    left: 50% !important;
    width: 100% !important;
    height: auto !important;
    transform: translateX(-50%) !important;
    background-position: center center !important;
    background-size: cover !important;
    opacity: 0.1 !important;
    mix-blend-mode: normal !important;
    z-index: 0 !important;
}

body.historicum-shop-page .h-shop-nav-bg {
    top: 0 !important;
    bottom: -128px !important;
    left: 50% !important;
    width: 100% !important;
    transform: translateX(-50%) !important;
    background-position: var(--h-shop-root-bg-position) !important;
    background-size: var(--h-shop-root-bg-size) !important;
    opacity: 0.1 !important;
    mix-blend-mode: normal !important;
    z-index: 0 !important;
}

body.historicum-shop-page .h-shop-header-inner,
body.historicum-shop-page .h-shop-hero-carousel,
body.historicum-shop-page .h-shop-nav-hero-inner {
    position: relative !important;
    z-index: 1 !important;
}

body.historicum-shop-page .h-shop-paper-stack {
    background-color: transparent !important;
    background-image: none !important;
}

body.historicum-shop-page .h-shop-paper-stack::before {
    content: none !important;
    display: none !important;
    background: none !important;
}

body.historicum-shop-page .h-shop-paper-stack::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

/* Final mobile/tablet shop contract:
   Root /shop keeps separated proportional category cards and centered copy;
   category hero breadcrumbs share the exact title inset, and hero-card prices
   anchor to the card bottom without changing main section carousel geometry. */
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    justify-content: center !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    aspect-ratio: 3 / 5 !important;
}









/* ============================================================
   ROUND 2 — items 0, 0.1, 1-align, 2, 3, 4, 5, 6
   ============================================================ */

/* Item 6: distant yellow glow from top-left, behind everything */
body.historicum-shop-page .h-shop-page,
body.historicum-shop-page .h-shop-page.h-level-1 {
    background-color: #000000 !important;
    background-image:
        radial-gradient(58% 64% at 0% 0%, rgba(235, 188, 0, 0.20) 0%, rgba(180, 140, 0, 0.08) 22%, rgba(235, 188, 0, 0.02) 46%, rgba(0, 0, 0, 0) 68%),
        linear-gradient(135deg, #140d00 0%, #080500 24%, #020201 56%, #000000 100%) !important;
}

/* Item 0: stronger black gradient from bottom on each /shop nav card */
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-card-inner::after {
    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0) 32%,
        rgba(0, 0, 0, 0.35) 52%,
        rgba(0, 0, 0, 0.78) 72%,
        rgba(0, 0, 0, 0.96) 88%,
        #000000 100%
    ) !important;
    opacity: 1 !important;
}

/* Item 1: text left-aligned on tablet + desktop (mobile stays centered as-is) */


/* Item 2: mobile shop section — title/tags row aligned with block grid start (10px) */


/* Item 4: mobile category-page hero — vertical scroll bubbles to page (pan-x only) */


/* Item 5: mobile /shop — more space before nav blocks, less padding to paper rip */


/* ============================================================
   NEXT PATCH — shop mobile/desktop alignment refinements
   ============================================================ */

/* MOBILE 1: 4 hero blocks — titles same height + 10% smaller text */


/* MOBILE 3: shop titles never overflow viewport */


/* Filter row groups — split, with 0.2px gray top/bottom only */
body.historicum-shop-page .h-shop-filter-group {
    width: 100%;
    padding: 10px 0;
    box-shadow:
        0 -0.2px 0 0 rgba(136, 136, 136, 0.7),
        inset 0 -0.2px 0 0 rgba(136, 136, 136, 0.7);
    border: none;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
body.historicum-shop-page .h-shop-filter-group + .h-shop-filter-group {
    margin-top: -0.2px;
}
body.historicum-shop-page .h-shop-filter-group-label {
    font-family: var(--h-font-cinzel);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--h-text, #1a1a1a);
    margin-right: 6px;
}

/* Stack header: title → subtitle → breadcrumb, all left-aligned to same edge */
body.historicum-shop-page .h-shop-header-row {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
}
body.historicum-shop-page .h-shop-title-block,
body.historicum-shop-page .h-shop-breadcrumb {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}
body.historicum-shop-page .h-shop-breadcrumb {
    align-self: flex-start !important;
}

/* Normalize shop titles across every level — never overflow viewport */
body.historicum-shop-page .h-shop-title,
body.historicum-shop-page .h-shop-title-text {
    max-width: 100% !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
    hyphens: auto;
}
body.historicum-shop-page .h-shop-title-text {
    font-size: clamp(22px, 3.4vw, 42px) !important;
    line-height: 1.05 !important;
}
body.historicum-shop-page .h-shop-subtitle {
    font-size: clamp(13px, 1.1vw, 17px) !important;
}
body.historicum-shop-page .h-paper-title {
    font-size: clamp(18px, 2.4vw, 30px) !important;
    max-width: 100% !important;
    word-break: break-word !important;
}



/* ============================================================
   NEXT 2 SHOP PATCH — specificity-based carousel + title fixes
   ============================================================ */

/* Language/currency widgets above any background overlay */
body.historicum-shop-page .h-shop-side-widgets,
body.historicum-shop-page .h-shop-mobile-widgets {
    position: relative;
    z-index: 6;
}

/* Desktop 5: subtitle size up + closer to title */
body.historicum-shop-page .h-shop-header-row .h-shop-title {
    margin-bottom: 2px;
}
body.historicum-shop-page .h-shop-header-row .h-shop-subtitle {
    margin-top: 0;
    font-size: clamp(15px, 1.25vw, 19px);
    line-height: 1.25;
}

/* Desktop 4 redo: bounding box = paper width, blocks stay paper-aligned */


/* Mobile section bounding box — extend to viewport edges, content stays aligned */


/* Hero carousel — drop shadow shows above/below, horizontal still clips */
body.historicum-shop-page .h-shop-hero-carousel .h-bs-wrapper {
    overflow: visible;
    clip-path: inset(-32px 0 -32px 0);
}
body.historicum-shop-page .h-shop-hero-carousel .h-bs-carousel {
    overflow-x: auto;
    overflow-y: visible;
    padding-top: 18px;
    padding-bottom: 18px;
}

/* Mobile 6 — verticals must scroll past the hero carousel */


/* Mobile 7 — kill any right-side horizontal page scroll */
body.historicum-shop-page {
    overflow-x: clip;
    max-width: 100vw;
}
body.historicum-shop-page main#historicum-shop {
    overflow-x: clip;
    max-width: 100vw;
}

/* Mobile 4 — hero block titles sit closer to subtitle */


/* Mobile 5 — section names hard-aligned to where the block grid starts (10px) */


/* ============================================================
   SHOP WIDGETS, CAROUSELS, AND CARD FINISH
   ============================================================ */



body.historicum-shop-page .h-shop-widgets-column {
    position: sticky !important;
    top: 96px !important;
    align-self: start !important;
    z-index: 20 !important;
}

body.historicum-shop-page .h-shop-side-widgets {
    position: relative !important;
    z-index: 21 !important;
}

body.historicum-shop-page .h-shop-widget-select,
body.historicum-shop-page .h-shop-widget-select option {
    text-transform: uppercase !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero {
    background-color: #000000 !important;
    background-image:
        radial-gradient(82% 74% at 0% 0%, rgba(235, 188, 0, 0.24) 0%, rgba(126, 92, 0, 0.11) 34%, rgba(0, 0, 0, 0) 70%),
        linear-gradient(180deg, #090600 0%, #050301 48%, #000000 100%) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero::before {
    content: none !important;
    display: none !important;
    background: none !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

body.historicum-shop-page .h-shop-bg-overlay,
body.historicum-shop-page .h-shop-nav-bg {
    opacity: 0.13 !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-bg {
    top: 0 !important;
    bottom: -190px !important;
    z-index: 0 !important;
    opacity: 0.12 !important;
    mix-blend-mode: normal !important;
}

body.historicum-shop-page .h-shop-header-inner,
body.historicum-shop-page .h-shop-hero-carousel,
body.historicum-shop-page .h-shop-nav-hero-inner {
    z-index: 2 !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-copy {
    align-items: flex-start !important;
    text-align: left !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-card-title,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-card-subtitle {
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-align: left !important;
    text-indent: 0 !important;
}

body.historicum-shop-page .h-shop-section-main .h-paper-title-wrap,
body.historicum-shop-page .h-shop-section-main .h-shop-filter-group,
body.historicum-shop-page .h-shop-section-main .h-shop-material-filter,
body.historicum-shop-page .h-shop-section-main .h-paper-subnav {
    padding-left: 10px !important;
    box-sizing: border-box !important;
}

body.historicum-shop-page .h-shop-section-main .h-paper-title-wrap .h-paper-title {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

body.historicum-shop-page .h-shop-section-main .h-shop-filter-group {
    padding-left: 10px !important;
}



body.historicum-shop-page .h-shop-section-main .h-shop-section-carousel {
    overflow: hidden !important;
    clip-path: none !important;
}

body.historicum-shop-page .h-shop-section-carousel .h-ss-viewport {
    overflow: hidden !important;
    clip-path: none !important;
    padding-bottom: 18px !important;
    transition: height 220ms cubic-bezier(0.22, 0.85, 0.22, 1) !important;
}

body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track {
    align-items: flex-start !important;
    overflow: visible !important;
}

body.historicum-shop-page .h-shop-section-carousel .h-ss-page,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-ss-page {
    overflow: visible !important;
    justify-content: start !important;
    align-content: start !important;
    align-items: stretch !important;
    grid-auto-rows: minmax(0, auto) !important;
    padding-top: 8px !important;
    padding-bottom: 18px !important;
}

body.historicum-shop-page .h-shop-section-carousel .h-ss-cell,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-ss-cell {
    padding-bottom: 28px !important;
}

body.historicum-shop-page .h-shop-section-carousel.h-carousel-one-row-page .h-ss-viewport {
    padding-bottom: 18px !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-bs-card,
body.historicum-shop-page .h-shop-ws-card,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card {
    border: 1px solid rgba(17, 17, 17, 0.78) !important;
    border-radius: 10px !important;
    background: #0b0b0b !important;
    -webkit-box-shadow: 4px 4px 8px -1px #000000 !important;
    box-shadow: 4px 4px 8px -1px #000000 !important;
    transform: none !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-bs-card:hover,
body.historicum-shop-page .h-shop-hero-carousel .h-bs-card:focus-visible,
body.historicum-shop-page .h-shop-ws-card:hover,
body.historicum-shop-page .h-shop-ws-card:focus-visible {
    border-color: var(--h-accent) !important;
    -webkit-box-shadow: 4px 4px 8px -1px #000000 !important;
    box-shadow: 4px 4px 8px -1px #000000 !important;
    transform: none !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-bs-info,
body.historicum-shop-page .h-shop-ws-card .h-ss-info,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-info,
body.historicum-shop-page .h-shop-ws-card.is-sale .h-ss-info,
body.historicum-shop-page .h-shop-section-carousel .h-ss-cell.is-sale .h-shop-ws-card .h-ss-info {
    flex: 0 0 108px !important;
    min-height: 108px !important;
    max-height: 108px !important;
    height: 108px !important;
    justify-content: center !important;
    gap: 5px !important;
    background-color: #090909 !important;
    background-image: linear-gradient(135deg, #252525 0%, #121212 48%, #020202 100%) !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-bs-info::after,
body.historicum-shop-page .h-shop-ws-card .h-ss-info::after,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-info::after {
    right: -1px !important;
    bottom: -1px !important;
    left: -1px !important;
    height: 43px !important;
    background: var(--h-accent) !important;
    color: #111111 !important;
    font-family: var(--h-font-instrument) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    line-height: 1 !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-bs-info::after {
    height: 48px !important;
}

body.historicum-shop-page .h-shop-ws-card .h-ss-title,
body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card .h-ss-title,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-title,
body.historicum-shop-page .h-shop-section-carousel .h-ss-cell.is-sale .h-ss-title {
    min-height: 28px !important;
    margin-bottom: 0 !important;
    max-height: none !important;
    display: block !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-bs-title {
    max-height: none !important;
    display: block !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
    text-align: left !important;
}

body.historicum-shop-page .h-shop-ws-card:hover,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card:hover {
    -webkit-box-shadow: 4px 4px 8px -1px #000000 !important;
    box-shadow: 4px 4px 8px -1px #000000 !important;
    transform: none !important;
}

body.historicum-shop-page .h-shop-ws-card .h-ss-price,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-price {
    gap: 12px !important;
    margin-top: 0 !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-bs-card:hover .h-bs-price,
body.historicum-shop-page .h-shop-hero-carousel .h-bs-card:focus-visible .h-bs-price,
body.historicum-shop-page .h-shop-hero-carousel .h-bs-card:active .h-bs-price,
body.historicum-shop-page .h-shop-ws-card:hover .h-ss-price,
body.historicum-shop-page .h-shop-ws-card:focus-visible .h-ss-price,
body.historicum-shop-page .h-shop-ws-card:active .h-ss-price {
    opacity: 0 !important;
    visibility: hidden !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-bs-card:hover .h-bs-price *,
body.historicum-shop-page .h-shop-hero-carousel .h-bs-card:focus-visible .h-bs-price *,
body.historicum-shop-page .h-shop-hero-carousel .h-bs-card:active .h-bs-price *,
body.historicum-shop-page .h-shop-ws-card:hover .h-ss-price *,
body.historicum-shop-page .h-shop-ws-card:focus-visible .h-ss-price *,
body.historicum-shop-page .h-shop-ws-card:active .h-ss-price * {
    opacity: 0 !important;
    visibility: hidden !important;
}

body.historicum-shop-page .h-bs-price .woocommerce-Price-currencySymbol,
body.historicum-shop-page .h-ss-price .woocommerce-Price-currencySymbol {
    display: inline-block !important;
    margin-right: 0 !important;
    margin-left: 3px !important;
}

body.historicum-shop-page .h-tag-filter-btn.is-active,
body.historicum-shop-page .h-subnav-link.h-tag-filter-btn.is-active,
body.historicum-shop-page .h-material-filter-btn.is-active,
body.historicum-shop-page .h-subnav-link.h-material-filter-btn.is-active {
    border-color: var(--h-accent) !important;
    background: var(--h-accent) !important;
    color: #111111 !important;
}

body.historicum-shop-page .h-bs-card.h-set-temporarily-unavailable,
body.historicum-shop-page .h-shop-ws-card.h-set-temporarily-unavailable {
    opacity: 0.52 !important;
    filter: grayscale(1) !important;
}

body.historicum-shop-page .h-ss-cell.h-set-temporarily-unavailable {
    opacity: 1 !important;
    filter: none !important;
}

body.historicum-shop-page .h-bs-card.h-set-temporarily-unavailable::after,
body.historicum-shop-page .h-shop-ws-card.h-set-temporarily-unavailable::after {
    content: "TEMPORARILY UNAVAILABLE";
    position: absolute;
    top: 12px;
    right: 12px;
    left: 12px;
    z-index: 90;
    display: flex;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    padding: 6px 10px;
    border: 1px solid rgba(235, 188, 0, 0.75);
    border-radius: 6px;
    background: rgba(5, 5, 5, 0.86);
    color: var(--h-accent);
    font-family: var(--h-font-cinzel);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.08em;
    line-height: 1.15;
    text-align: center;
    pointer-events: none;
}

body.historicum-shop-page .h-sets-unavailable-label {
    color: var(--h-accent) !important;
    font-family: var(--h-font-cinzel) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
}

body.historicum-shop-page .h-bs-card.is-sale::before,
body.historicum-shop-page .h-shop-section-carousel .h-ss-cell.is-sale .h-ss-card::before,
body.historicum-shop-page .h-shop-section-carousel .h-ss-cell.is-sale .h-shop-ws-card::before {
    content: none !important;
    display: none !important;
}

body.historicum-shop-page .h-shop-sale-ribbon {
    position: absolute !important;
    top: 8px !important;
    left: -78px !important;
    z-index: 85 !important;
    display: flex !important;
    width: 244px !important;
    height: 44px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    border: 1px solid rgba(0, 0, 0, 0.24) !important;
    border-radius: 4px !important;
    background: var(--h-accent) !important;
    color: #111111 !important;
    font-family: var(--h-font-instrument) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    pointer-events: none !important;
    transform: rotate(-24deg) !important;
    -webkit-box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, 0.55) !important;
    box-shadow: 2px 2px 4px -2px rgba(0, 0, 0, 0.55) !important;
}

body.historicum-shop-page .h-shop-sale-ribbon-label,
body.historicum-shop-page .h-shop-sale-ribbon-amount {
    display: block !important;
    line-height: 1 !important;
}

body.historicum-shop-page .h-shop-sale-ribbon-label {
    font-size: 10px !important;
    letter-spacing: 0.16em !important;
}

body.historicum-shop-page .h-shop-sale-ribbon-amount {
    margin-top: 0 !important;
    font-size: 16px !important;
    letter-spacing: 0.035em !important;
}

body.historicum-shop-page .h-shop-header-hero {
    background-color: transparent !important;
    background-image: none !important;
}

body.historicum-shop-page .h-shop-header-hero::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

body.historicum-shop-page .h-shop-bg-overlay {
    opacity: 0.1 !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-bs-image img,
body.historicum-shop-page .h-shop-section-carousel .h-ss-image img {
    filter: none !important;
    transform: none !important;
    transition: opacity 0.34s ease !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-card-image-primary,
body.historicum-shop-page .h-shop-section-carousel .h-card-image-primary {
    opacity: 1 !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-card-image-secondary,
body.historicum-shop-page .h-shop-section-carousel .h-card-image-secondary {
    z-index: 2 !important;
    opacity: 0 !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-bs-card:hover .h-bs-image img,
body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card:hover .h-ss-image img {
    filter: none !important;
    transform: none !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-bs-card:hover .h-card-image-primary.h-card-image-only,
body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card:hover .h-card-image-primary.h-card-image-only {
    opacity: 1 !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-bs-card:hover .h-card-image-primary:not(.h-card-image-only),
body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card:hover .h-card-image-primary:not(.h-card-image-only) {
    opacity: 1 !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-bs-card:hover .h-card-image-secondary,
body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card:hover .h-card-image-secondary {
    opacity: 1 !important;
}

body.historicum-shop-page .h-shop-hero-carousel .h-bs-card:hover .h-shop-card-watermark,
body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card:hover .h-shop-card-watermark {
    opacity: 0.98 !important;
    filter: none !important;
    transform: none !important;
}



/* Desktop hero carousel: the JS loop translates a cloned slide belt, so the
   moving track itself must not become a scroll container. */
body.historicum-shop-page .h-shop-hero-carousel .h-bs-carousel {
    overflow: visible !important;
}



/* Final mobile scroll contract: paged product grids must never trap vertical
   page scroll. The hero carousel keeps native horizontal scrolling separately. */


/* Main shop section carousel cards: keep the deeper product-card shadow. */
body.historicum-shop-page .h-shop-section-carousel .h-ss-cell,
body.historicum-shop-page .h-shop-section-carousel .h-ss-cell::after {
    box-shadow: none !important;
    filter: none !important;
}

body.historicum-shop-page .h-shop-section-carousel .h-ss-cell::after {
    display: none !important;
}

body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card,
body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card.is-sale,
body.historicum-shop-page .h-shop-section-carousel .h-ss-cell.is-sale .h-shop-ws-card {
    -webkit-box-shadow: 0 4px 7px rgba(0, 0, 0, 0.54), 0 1px 2px rgba(0, 0, 0, 0.38) !important;
    box-shadow: 0 4px 7px rgba(0, 0, 0, 0.54), 0 1px 2px rgba(0, 0, 0, 0.38) !important;
    filter: none !important;
}

body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card:hover,
body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card:focus-visible,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card:hover,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card:focus-visible {
    -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.60), 0 1px 3px rgba(0, 0, 0, 0.42) !important;
    box-shadow: 0 5px 8px rgba(0, 0, 0, 0.60), 0 1px 3px rgba(0, 0, 0, 0.42) !important;
    filter: none !important;
    transform: none !important;
}

/* ============================================================
   FINAL MOBILE /SHOP RIP FADE POSITION FIX
   Issue: the mobile black fade was coming from .h-shop-nav-hero::before,
   which covered the hero from the top. Keep the nav background image above
   the fade and move the fade down to the rip area only.
   ============================================================ */



/* ============================================================
   MOBILE TAP TARGET FIX - min 44px on interactive elements
   ============================================================ */



/* ---- Shop AJAX Load More (perf rebuild) ---- */
.h-shop-load-more-wrap { display: flex; justify-content: center; margin-top: 18px; }
.h-shop-load-more {
    appearance: none; cursor: pointer; border: 1px solid #6f5b3e;
    background: #f3ead7; color: #3a2c18; font-weight: 600; letter-spacing: .04em;
    text-transform: uppercase; padding: 11px 26px; border-radius: 6px;
    transition: background-color .15s ease, opacity .15s ease, transform .15s ease;
}
.h-shop-load-more:hover { background: #e7d9bd; }
.h-shop-load-more.is-loading {
    position: relative;
    opacity: .72;
    pointer-events: none;
    padding-left: 44px;
}
.h-shop-load-more.is-loading::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 19px;
    width: 13px;
    height: 13px;
    margin-top: -7px;
    border: 2px solid rgba(58, 44, 24, 0.28);
    border-top-color: #3a2c18;
    border-radius: 50%;
    animation: historicum-shop-load-spin 0.7s linear infinite;
}
@keyframes historicum-shop-load-spin {
    to { transform: rotate(360deg); }
}
.h-shop-load-more-results {
    display: grid; gap: 16px; margin-top: 18px;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

.h-shop-catnav .h-catnav-acc-sub {
    overflow: hidden;
    transition: max-height 0.28s ease, opacity 0.22s ease;
    will-change: max-height, opacity;
}

.h-shop-catnav .h-catnav-acc-sub[hidden] {
    display: none !important;
}



/* ============================================================
   Shop navigation restyle (TASK 4) — bookmark/index tabs +
   plaque title + connected submenu panel. Torn-paper style,
   solid colours only (no gradients). 2026-06.
   ============================================================ */

/* Single active discipline panel (tab swap) */
.h-shop-tab-panel { display: none; }
.h-shop-tab-panel.is-active { display: block; }

/* --- Bookmark / index tabs (tucked under the torn paper edge) --- */
.h-shop-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    position: relative;
    z-index: 1;
    margin: 0 0 -14px;
    padding: 0 20px;
}
.h-shop-tab {
    appearance: none;
    cursor: pointer;
    font-family: var(--h-font-cinzel, 'Cinzel', Georgia, serif);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #f3e7c9;
    background: #2a2018;
    border: 1px solid #4a3a26;
    border-bottom: 0;
    border-radius: 8px 8px 0 0;
    padding: 12px 20px 22px;
    box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.18);
    transition: background-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
.h-shop-tab:hover { background: #3a2c1d; color: #ffffff; }
.h-shop-tab.is-active {
    background: #efe2c4;
    color: #2a2018;
    border-color: #c9a227;
    transform: translateY(2px);
    z-index: 3;
}
.h-shop-tab.is-active::after {
    content: "";
    display: block;
    height: 2px;
    margin-top: 8px;
    background: #c9a227;
}

/* --- Section title as a strong plaque --- */
.h-shop-tab-panel .h-paper-title-wrap { margin-bottom: 16px; }
.h-shop-tab-panel .h-paper-title {
    display: inline-block;
    font-family: var(--h-font-cinzel, 'Cinzel', Georgia, serif);
    font-size: clamp(20px, 2.4vw, 30px);
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #f3e7c9;
    background: #2a2018;
    border: 1px solid #4a3a26;
    border-left: 4px solid #c9a227;
    padding: 12px 22px;
    margin: 0;
}

/* --- Inner filter submenu panel (connected to the plaque) --- */
.h-shop-tab-panel .h-paper-subnav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
    background: rgba(42, 32, 24, 0.06);
    border: 1px solid rgba(42, 32, 24, 0.18);
    border-top: 3px solid #c9a227;
    border-radius: 0 0 8px 8px;
    padding: 12px 14px;
    margin: 0 0 18px;
}
.h-shop-tab-panel .h-paper-subnav .h-subnav-link {
    cursor: pointer;
    font-family: var(--h-font-cinzel, 'Cinzel', Georgia, serif);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #2a2018;
    background: #efe2c4;
    border: 1px solid #b9a36f;
    border-radius: 6px;
    padding: 9px 16px;
    text-decoration: none;
    transition: background-color 0.15s ease, color 0.15s ease;
}
.h-shop-tab-panel .h-paper-subnav .h-subnav-link:hover { background: #2a2018; color: #f3e7c9; }
.h-shop-tab-panel .h-paper-subnav .h-subnav-link.is-active {
    background: #2a2018;
    color: #c9a227;
    border-color: #c9a227;
}

/* Mobile: wrap, no horizontal overflow */



/* ============================================================
   TASK 4 v2 — fix torn-paper rip in tab mode, tuck tabs under
   the rip (sharp drop shadow), single-colour plaque + connected
   subsection buttons. High specificity to beat base shop rules.
   ============================================================ */

/* The active panel is a standalone sheet: force BOTH torn edges back. */
.h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active .h-torn-top,
.h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active .h-torn-bottom {
    display: block !important;
}

/* Bookmark tabs tucked UNDER the paper rip, with a sharp drop shadow cast down. */
.h-shop-sections-column .h-shop-tabs {
    position: relative;
    z-index: 1;
    margin: 0 0 -36px;
    padding: 0 24px;
}
.h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active { position: relative; z-index: 2; }
.h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active .h-torn-top { position: relative; z-index: 6; }
.h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active .h-torn-top::before {
    filter: drop-shadow(0 8px 0 rgba(0, 0, 0, 0.30)) !important;
}
.h-shop-tabs .h-shop-tab.is-active { z-index: 4; }

/* --- Section title: single solid colour plaque, big, high contrast --- */
body.historicum-shop-page .h-shop-tab-panel .h-paper-title-wrap { margin: 0 !important; }
body.historicum-shop-page .h-shop-tab-panel .h-paper-title,
body.historicum-shop-page .h-shop-tab-panel .h-paper-title-link .h-paper-title {
    display: inline-block !important;
    background: #1f1710 !important;
    color: #f3e7c9 !important;
    border: 0 !important;
    border-radius: 5px 5px 0 0 !important;
    padding: 14px 28px !important;
    margin: 0 !important;
    font-family: var(--h-font-cinzel, 'Cinzel', Georgia, serif) !important;
    font-size: clamp(22px, 2.6vw, 32px) !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}

/* --- Subsection buttons: connected to the plaque, single colour, readable --- */
body.historicum-shop-page .h-shop-tab-panel .h-paper-subnav {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0 !important;
    background: #1f1710 !important;
    border: 0 !important;
    border-radius: 0 6px 6px 6px !important;
    padding: 6px !important;
    margin: 0 0 20px !important;
}
body.historicum-shop-page .h-shop-tab-panel .h-paper-subnav .h-subnav-link {
    background: #2e2316 !important;
    color: #f3e7c9 !important;
    border: 1px solid #51402a !important;
    border-radius: 5px !important;
    margin: 4px !important;
    padding: 10px 18px !important;
    font-family: var(--h-font-cinzel, 'Cinzel', Georgia, serif) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
}
body.historicum-shop-page .h-shop-tab-panel .h-paper-subnav .h-subnav-link:hover {
    background: #3c2e1d !important;
    color: #ffffff !important;
    border-color: #c9a227 !important;
}
body.historicum-shop-page .h-shop-tab-panel .h-paper-subnav .h-subnav-link.is-active {
    background: #c9a227 !important;
    color: #1f1710 !important;
    border-color: #c9a227 !important;
}

/* Highlight the measurement guide widget so shoppers notice sizing before ordering. */
body.historicum-shop-page .h-shop-widget.h-shop-widget-measurement {
    border-color: rgba(201, 162, 39, 0.72) !important;
    background:
        linear-gradient(180deg, rgba(235, 188, 0, 0.18), rgba(255, 255, 255, 0.1)),
        var(--h-paper, #f5f0e6) !important;
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.18), 0 0 0 1px rgba(201, 162, 39, 0.28) !important;
}

body.historicum-shop-page .h-shop-widget.h-shop-widget-measurement .h-shop-widget-kicker,
body.historicum-shop-page .h-shop-widget.h-shop-widget-measurement .h-shop-widget-title {
    color: #111111 !important;
}

body.historicum-shop-page .h-shop-widget.h-shop-widget-measurement .h-shop-widget-action {
    border-color: #111111 !important;
    background: #c9a227 !important;
    color: #111111 !important;
    font-weight: 900 !important;
}

body.historicum-shop-page .h-shop-widget.h-shop-widget-measurement:hover .h-shop-widget-action {
    background: #ebbc00 !important;
}

body.historicum-shop-page .h-shop-mobile-widget-link.h-shop-mobile-widget-link-measurement {
    border-color: #111111 !important;
    background: #c9a227 !important;
    color: #111111 !important;
    font-weight: 900 !important;
}

/* Root /shop discipline blocks: shorter block cards, same full-cover imagery. */
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-card {
    aspect-ratio: 6 / 5 !important;
    min-height: 0 !important;
    max-height: clamp(300px, 24vw, 430px) !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-card-inner {
    min-height: 0 !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-card img {
    height: 100% !important;
    object-fit: cover !important;
    transform: scale(1.025) !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-copy {
    top: 60% !important;
    bottom: 0 !important;
    min-height: 0 !important;
    padding: clamp(18px, 1.7vw, 28px) clamp(18px, 1.8vw, 30px) !important;
    justify-content: flex-start !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-card-title {
    font-size: clamp(28px, 2.1vw, 42px) !important;
}




/* ============================================================
   Shop nav v3 — owner colour scheme: mustard #e6b711, cream
   #f5f0e6, black. Active tab + section banner = mustard.
   ============================================================ */
.h-shop-tabs .h-shop-tab {
    background: #f5f0e6 !important;
    color: #111111 !important;
    border: 1px solid #d6c9a8 !important;
    border-bottom: 0 !important;
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    text-transform: uppercase !important;
    box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.10) !important;
}
.h-shop-tabs .h-shop-tab:hover { background: #efe7d2 !important; color: #000000 !important; }
.h-shop-tabs .h-shop-tab.is-active {
    background: #e6b711 !important;
    color: #111111 !important;
    border-color: #b8920c !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.20) !important;
    z-index: 5 !important;
}
.h-shop-tabs .h-shop-tab.is-active::after { display: none !important; }

body.historicum-shop-page .h-shop-tab-panel .h-paper-title,
body.historicum-shop-page .h-shop-tab-panel .h-paper-title-link .h-paper-title {
    display: inline-block !important;
    background: #e6b711 !important;
    color: #111111 !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 14px 60px 14px 28px !important;
    margin: 0 !important;
    clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 100%, 0 100%) !important;
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    font-size: clamp(22px, 2.6vw, 32px) !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    box-shadow: none !important;
}


/* ============================================================
   Stage 2 — unified LEFT category/filter sidebar.
   Black group headers, cream rows (0.2px black), mustard active.
   ============================================================ */
.h-shop-section-main .h-shop-section-body {
    display: flex;
    align-items: flex-start;
    gap: 22px;
}
.h-shop-section-body .h-shop-catnav { flex: 0 0 244px; width: 244px; max-width: 244px; }
.h-shop-section-body .h-shop-grid-col { flex: 1 1 auto; min-width: 0; }

.h-shop-catnav .h-catnav-group { margin: 0 0 12px; }
.h-shop-catnav .h-catnav-header {
    display: block !important;
    width: 100% !important;
    background: #111111 !important;
    color: #ffffff !important;
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}
.h-shop-catnav .h-catnav-filterby {
    display: block !important;
    width: 100% !important;
    background: #111111 !important;
    color: #ffffff !important;
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    padding: 8px 12px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
}
.h-shop-catnav .h-catnav-rows {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 0 !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.h-shop-catnav .h-catnav-row {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    background: #f5f0e6 !important;
    color: #111111 !important;
    border: 0.2px solid #000000 !important;
    margin: 0 !important;
    padding: 8px 12px !important;
    font-family: var(--h-font-cormorant, 'Cormorant Garamond', serif) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    transition: background-color 0.12s ease !important;
}
.h-shop-catnav .h-catnav-row:hover { background: #efe7d2 !important; color: #000000 !important; }
.h-shop-catnav .h-catnav-row.is-active {
    background: #e6b711 !important;
    color: #111111 !important;
    border-color: #000000 !important;
    font-weight: 700 !important;
}

/* Tablet/mobile: sidebar stacks above grid (Stage 4 makes it collapsible) */



/* ============================================================
   Stage 3 — RIGHT utility widget (buyer tools).
   Cream bg, thin black dividers, mustard buttons.
   ============================================================ */
.h-shop-widgets-column .h-shop-side-widgets { background: #f5f0e6 !important; color: #111 !important; padding: 0 !important; }
.h-shop-side-widgets .h-shop-widget {
    display: block !important;
    padding: 14px !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #000 !important;
    background: transparent !important;
    color: #111 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}
.h-shop-side-widgets .h-shop-widget-title {
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    font-size: 13px !important; font-weight: 700 !important; letter-spacing: 0.08em !important;
    text-transform: uppercase !important; color: #111 !important; margin: 0 0 8px !important;
}
.h-shop-side-widgets .h-shop-widget-kicker {
    display: block; font-family: var(--h-font-cinzel, 'Cinzel', serif);
    font-size: 11px; letter-spacing: 0.14em; text-transform: uppercase; color: #8a7636; margin-bottom: 4px;
}
.h-shop-side-widgets .h-shop-widget-text {
    font-family: var(--h-font-cormorant, 'Cormorant Garamond', serif) !important;
    font-size: 15px !important; line-height: 1.4 !important; color: #333 !important; margin: 0 0 8px !important;
}
.h-shop-side-widgets .h-shop-widget-check {
    display: flex; align-items: center; gap: 8px; padding: 5px 0;
    font-family: var(--h-font-cormorant, 'Cormorant Garamond', serif); font-size: 15px; color: #111; cursor: pointer;
}
.h-shop-side-widgets .h-shop-widget-check input { accent-color: #e6b711; width: 16px; height: 16px; }
.h-shop-side-widgets .h-shop-widget-action {
    display: inline-block !important; margin-top: 6px !important;
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important; font-size: 12px !important; font-weight: 700 !important;
    letter-spacing: 0.06em !important; text-transform: uppercase !important;
    color: #111 !important; background: #e6b711 !important; border: 1px solid #b8920c !important;
    padding: 8px 14px !important; border-radius: 4px !important; text-decoration: none !important; cursor: pointer !important;
}
.h-shop-side-widgets .h-shop-widget-action:hover { background: #d3a50d !important; }
.h-shop-side-widgets .h-shop-widget-clear {
    display: block; width: calc(100% - 28px); margin: 12px 14px 16px;
    font-family: var(--h-font-cinzel, 'Cinzel', serif); font-size: 12px; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.06em; color: #111;
    background: transparent; border: 1px solid #e6b711; padding: 9px; border-radius: 4px; cursor: pointer;
}
.h-shop-side-widgets .h-shop-widget-clear:hover { background: #e6b711; }

/* ============================================================
   Stage 4 — responsive (scrollable tabs + collapsible panels)
   ============================================================ */
.h-shop-collapse-toggle { display: none; }




/* Accordion category nav (broad sections) */
.h-shop-catnav .h-catnav-accordion .h-catnav-acc-item { display: block; margin: 0; }
.h-shop-catnav .h-catnav-acc-toggle {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 8px !important;
}
.h-shop-catnav .h-catnav-acc-toggle .h-catnav-caret {
    font-family: var(--h-font-cinzel, 'Cinzel', serif);
    font-weight: 700; font-size: 16px; line-height: 1;
}
.h-shop-catnav .h-catnav-acc-toggle.is-open { background: #ece0bf !important; }
.h-shop-catnav .h-catnav-acc-sub { display: block; }
.h-shop-catnav .h-catnav-subrow {
    padding-left: 26px !important;
    background: #efe7d2 !important;
    font-size: 15px !important;
}
.h-shop-catnav .h-catnav-subrow:hover { background: #e6dcc0 !important; }
.h-shop-catnav .h-catnav-subrow.is-active { background: #e6b711 !important; color: #111 !important; }


/* ============================================================
   Screenshot match v4 — yellow inactive tabs, GREEN active tab,
   yellow angular banner. (#f2cc00 yellow, #005c2c green)
   ============================================================ */
.h-shop-tabs .h-shop-tab {
    background: #f2cc00 !important;
    color: #111111 !important;
    border: 1px solid #d4b200 !important;
    border-bottom: 0 !important;
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    text-transform: uppercase !important;
}
.h-shop-tabs .h-shop-tab:hover { background: #e7c400 !important; color: #000 !important; }
.h-shop-tabs .h-shop-tab.is-active {
    background: #005c2c !important;
    color: #ffffff !important;
    border-color: #00401e !important;
    transform: translateY(3px) !important;
    box-shadow: 0 -3px 10px rgba(0, 0, 0, 0.25) !important;
    z-index: 5 !important;
}
.h-shop-tabs .h-shop-tab.is-active::after { display: none !important; }

body.historicum-shop-page .h-shop-tab-panel .h-paper-title,
body.historicum-shop-page .h-shop-tab-panel .h-paper-title-link .h-paper-title {
    background: #f2cc00 !important;
    color: #111111 !important;
}


/* ============================================================
   Section tabs v5 — taller + lifted ~15% higher so the paper
   rip only laps the bottom edge, not the whole tab.
   ============================================================ */
.h-shop-sections-column .h-shop-tabs { margin-top: -24px !important; }
.h-shop-tabs .h-shop-tab {
    padding: 16px 26px 34px !important;
    min-height: 60px !important;
    font-size: 16px !important;
    line-height: 1.1 !important;
}
.h-shop-tabs .h-shop-tab.is-active {
    padding-bottom: 34px !important;
    transform: translateY(2px) !important;
}


/* ============================================================
   Shop nav v6 — UNIFIED SLEEK SIDEBAR PANEL
   Supersedes the boxy Stage 2 / accordion styling above.
   One white card: brand-black section headers, clean accordion,
   compact filter pills. Applies on /shop AND deep category pages.
   ============================================================ */

/* --- Panel shell: one unified white block on the paper --- */
.h-shop-catnav {
    background: #ffffff !important;
    border: 1px solid #e7ddc5 !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 28px rgba(38, 28, 8, 0.12), 0 1px 0 rgba(255, 255, 255, 0.8) inset !important;
    overflow: hidden !important;
    padding: 0 !important;
}
.h-shop-section-body .h-shop-catnav { flex: 0 0 260px; width: 260px; max-width: 260px; }
.h-shop-catnav .h-catnav-group { margin: 0 !important; }

/* --- Dark brand section headers (CATEGORIES / FILTERS) --- */
.h-shop-catnav .h-catnav-header {
    display: block !important;
    width: 100% !important;
    background: #141414 !important;
    color: #ffffff !important;
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    padding: 12px 16px !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 2px solid #f2cc00 !important;
    border-radius: 0 !important;
}
.h-shop-catnav .h-catnav-filterby {
    display: block !important;
    width: 100% !important;
    background: #141414 !important;
    color: #ffffff !important;
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    text-transform: uppercase !important;
    padding: 12px 16px !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 2px solid #f2cc00 !important;
}

/* --- Accordion / category rows --- */
.h-shop-catnav .h-catnav-rows {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
}
.h-shop-catnav .h-catnav-accordion .h-catnav-acc-item { display: block; margin: 0; }
.h-shop-catnav .h-catnav-row {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    background: #ffffff !important;
    color: #1a1a1a !important;
    border: 0 !important;
    border-bottom: 1px solid #efe9da !important;
    margin: 0 !important;
    padding: 11px 16px !important;
    font-family: var(--h-font-cormorant, 'Cormorant Garamond', serif) !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
    text-transform: none !important;
    text-decoration: none !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    transition: background-color 0.12s ease, color 0.12s ease !important;
}
.h-shop-catnav .h-catnav-accordion > .h-catnav-acc-item:last-child > .h-catnav-row { border-bottom: 0 !important; }
.h-shop-catnav .h-catnav-row:hover { background: #faf4e2 !important; color: #000000 !important; }

/* Top-level expandable rows (Armor / Weapons / Shields) */
.h-shop-catnav .h-catnav-acc-toggle {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 8px !important;
    font-weight: 700 !important;
}
.h-shop-catnav .h-catnav-acc-toggle .h-catnav-caret {
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    line-height: 1 !important;
    color: #b8920c !important;
    width: 16px !important;
    text-align: center !important;
}
.h-shop-catnav .h-catnav-acc-toggle.is-open { background: #fbf6e6 !important; }
.h-shop-catnav .h-catnav-acc-toggle.is-open .h-catnav-caret { color: #005c2c !important; }

/* Subcategory rows */
.h-shop-catnav .h-catnav-acc-sub { display: block; background: #fcf9f0 !important; }
.h-shop-catnav .h-catnav-subrow {
    display: grid !important;
    grid-template-columns: 12px minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 10px !important;
    padding: 9px 16px 9px 42px !important;
    background: transparent !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #3a3327 !important;
    border-bottom: 1px solid #efe9da !important;
    position: relative !important;
}
.h-shop-catnav .h-catnav-subrow::before {
    content: '';
    position: static;
    width: 12px;
    height: 1px;
    border-radius: 0;
    background: #c9b36a;
    transform: none;
}
.h-shop-catnav .h-catnav-subrow:hover { background: #f6efda !important; color: #000000 !important; }

/* Active selection (single-select) — mustard */
.h-shop-catnav .h-catnav-row.is-active,
.h-shop-catnav .h-catnav-subrow.is-active {
    background: #f2cc00 !important;
    color: #141414 !important;
    font-weight: 700 !important;
}
.h-shop-catnav .h-catnav-subrow.is-active::before { background: #141414 !important; }

/* --- FILTERS: inline labels + compact pill chips --- */
.h-shop-catnav .h-shop-filter-group { margin: 0 !important; padding: 11px 16px 4px !important; }
.h-shop-catnav .h-shop-filter-group:last-child { padding-bottom: 14px !important; }
.h-shop-catnav .h-shop-filter-group-label {
    display: block !important;
    background: transparent !important;
    color: #6b5d34 !important;
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
    padding: 0 0 6px !important;
    margin: 0 !important;
    border: 0 !important;
}
.h-shop-catnav .h-shop-filter-group .h-catnav-rows {
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    padding: 0 0 4px !important;
}
.h-shop-catnav .h-shop-filter-group .h-catnav-row {
    display: inline-block !important;
    width: auto !important;
    border: 1px solid #e2d7b8 !important;
    border-bottom: 1px solid #e2d7b8 !important;
    border-radius: 999px !important;
    background: #f7f1e1 !important;
    padding: 5px 13px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    font-family: var(--h-font-cormorant, 'Cormorant Garamond', serif) !important;
    color: #3a3327 !important;
}
.h-shop-catnav .h-shop-filter-group .h-catnav-row:hover { background: #efe6cc !important; border-color: #cbb878 !important; color: #000 !important; }
.h-shop-catnav .h-shop-filter-group .h-catnav-row.is-active {
    background: #f2cc00 !important;
    border-color: #caa20a !important;
    color: #141414 !important;
    font-weight: 700 !important;
}

/* --- Tab bar polish (keep yellow inactive / green active) --- */
.h-shop-sections-column .h-shop-tabs { gap: 8px !important; }
.h-shop-tabs .h-shop-tab {
    border-radius: 10px 10px 0 0 !important;
    letter-spacing: 0.05em !important;
    font-weight: 700 !important;
}
.h-shop-tabs .h-shop-tab.is-active { border-radius: 10px 10px 0 0 !important; }

/* --- Mobile: keep the unified card full width, comfy spacing --- */



/* ============================================================
   Shop nav v7 — accordion close fix + banner/tab alignment.
   ============================================================ */

/* (1) ACCORDION FIX — respect the [hidden] attribute.
   v6/Stage-4 forced .h-catnav-acc-sub { display:block }, which beat the
   HTML hidden attribute, so every group rendered open and the caret
   could never close it. This makes closed actually closed. */
.h-shop-catnav .h-catnav-acc-sub[hidden] { display: none !important; }
.h-shop-catnav .h-catnav-acc-sub:not([hidden]) { display: block !important; }

/* (2) SECTION TITLE — smooth full-width bar, square corners, aligned
   left edge shared with the tab row and the sidebar. */
body.historicum-shop-page .h-shop-tab-panel .h-paper-title-wrap {
    display: block !important;
    width: min(var(--h-shop-stage-width, 1280px), calc(100vw - 96px)) !important;
    margin: 0 auto !important;
    padding: 0 !important;
}
body.historicum-shop-page .h-shop-tab-panel .h-paper-title-link {
    display: block !important;
    width: 100% !important;
}
body.historicum-shop-page .h-shop-tab-panel .h-paper-title,
body.historicum-shop-page .h-shop-tab-panel .h-paper-title-link .h-paper-title {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    background: #f2cc00 !important;
    color: #141414 !important;
    border: 0 !important;
    border-radius: 0 !important;          /* remove the cut/rounded top corners */
    padding: 16px 26px !important;
    margin: 0 !important;
    font-size: clamp(24px, 2.6vw, 34px) !important;
    box-shadow: none !important;
}
/* small note, if present, sits inside the bar on the right */
body.historicum-shop-page .h-shop-tab-panel .h-paper-title-note {
    display: inline-block !important;
    margin: 6px 0 0 !important;
}

/* (3) TAB ROW — same width + left edge as the banner/sidebar, left-packed. */
.h-shop-sections-column .h-shop-tabs {
    width: min(var(--h-shop-stage-width, 1280px), calc(100vw - 96px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: -24px !important;
    margin-bottom: -20px !important;       /* tuck the paper rip up over the tab bottoms */
    padding-left: 0 !important;
    padding-right: 0 !important;
    justify-content: flex-start !important;
    gap: 8px !important;
}

/* (4) TALLER TABS — extend downward so the rip laps their bottom (no gap). */
.h-shop-tabs .h-shop-tab {
    padding: 16px 26px 52px !important;
    min-height: 80px !important;
    border-radius: 10px 10px 0 0 !important;
}
.h-shop-tabs .h-shop-tab.is-active {
    padding-bottom: 52px !important;
    transform: translateY(2px) !important;
}

/* (5) THIRD-LEVEL nested categories (Weapons → One-Handed → Swords) */
.h-shop-catnav .h-catnav-acc-item-2 { display: block; }
.h-shop-catnav .h-catnav-subrow.h-catnav-acc-toggle { font-weight: 700 !important; }
.h-shop-catnav .h-catnav-acc-item-2 .h-catnav-acc-sub { background: #f8f3e6 !important; }
.h-shop-catnav .h-catnav-subrow-2 { padding-left: 66px !important; font-size: 14px !important; }
.h-shop-catnav .h-catnav-subrow-2::before { left: auto !important; width: 12px !important; height: 1px !important; }


/* ============================================================
   Shop nav v7 — accordion fix, aligned smooth banner, taller
   tabs (dark-yellow active), grid (no carousel), short hero.
   Appended last so it wins over v2–v6.
   ============================================================ */

/* --- 1) ACCORDION: respect [hidden] so subs start CLOSED --- */
/* (v6 forced .h-catnav-acc-sub{display:block}, which overrode the
    HTML hidden attribute and left every group open.) */
.h-shop-catnav .h-catnav-acc-sub[hidden] { display: none !important; }

/* --- 2) SECTION TABS: align left w/ banner, taller, dark-yellow active --- */
.h-shop-sections-column .h-shop-tabs {
    padding-left: var(--h-shop-section-left-pad, 48px) !important;
    padding-right: var(--h-shop-section-right-pad, 48px) !important;
    margin-bottom: -30px !important;
    align-items: flex-end !important;
}
.h-shop-tabs .h-shop-tab {
    padding: 15px 26px 52px !important;
    min-height: 84px !important;
}
.h-shop-tabs .h-shop-tab.is-active {
    background: #c8960a !important;   /* darker yellow = selected (was green) */
    color: #141414 !important;
    border-color: #9c7406 !important;
    padding-bottom: 52px !important;
    transform: translateY(2px) !important;
}
.h-shop-tabs .h-shop-tab.is-active:hover { background: #b8870a !important; color: #141414 !important; }

/* --- 3) SECTION BANNER: full-width smooth bar, torn right edge --- */
.h-shop-section-main .h-paper-title-wrap {
    margin: 0 0 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    transform: none !important;
}
.h-shop-section-main .h-paper-title-link { display: block !important; width: 100% !important; text-decoration: none !important; }
.h-shop-section-main .h-paper-title {
    display: block !important;
    width: 100% !important;
    background: #f2cc00 !important;
    color: #141414 !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding: 14px 58px 14px 24px !important;
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    box-shadow: none !important;
    /* smooth bar with a torn/ripped RIGHT edge, like the paper rip */
    -webkit-clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 13%, calc(100% - 11px) 28%, 100% 44%, calc(100% - 14px) 60%, 100% 76%, calc(100% - 10px) 90%, 100% 100%, 0 100%) !important;
    clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 13%, calc(100% - 11px) 28%, 100% 44%, calc(100% - 14px) 60%, 100% 76%, calc(100% - 10px) 90%, 100% 100%, 0 100%) !important;
}

/* --- 4) PRODUCT GRID: no carousel paging/arrows, flowing grid --- */
body.historicum-shop-page .h-shop-section-carousel .h-carousel-controls,
.h-shop-section-carousel .h-carousel-controls,
.h-shop-section-carousel .h-carousel-page-indicator { display: none !important; }
.h-shop-section-carousel .h-ss-viewport { overflow: visible !important; }
body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track,
.h-shop-section-carousel .h-ss-pages-track {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    width: 100% !important;
    transform: none !important;
}
.h-shop-section-carousel .h-ss-page { display: contents !important; }
.h-shop-section-carousel .h-ss-cell {
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    flex: none !important;
    margin: 0 !important;
}



/* --- 5) HERO: short background cover only (content extracted) --- */
body.historicum-shop-page .h-shop-nav-hero {
    padding-top: 40px !important;
    padding-bottom: 38px !important;
    min-height: 160px !important;
}
body.historicum-shop-page .h-shop-nav-hero::after { height: 100% !important; }


/* ============================================================
   Shop nav v8 — alignment pass.
   Banner aligned to categories block + shortened (beats the old
   body.historicum-shop-page .h-shop-section-main .h-paper-title-wrap
   width:calc(100%+56px) rule via higher specificity). Tabs longer.
   ============================================================ */

/* Banner wrap: same left edge as the sidebar, no over-width, no shift */
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
    width: auto !important;
    max-width: 560px !important;
    margin: 0 0 2px 0 !important;
    padding: 0 !important;
    transform: none !important;
}
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-link {
    display: inline-block !important;
    width: auto !important;
    max-width: 560px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-decoration: none !important;
}
/* Banner bar: short, left-aligned, smooth with a torn right edge */
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title {
    display: inline-block !important;
    width: auto !important;
    max-width: 560px !important;
    margin: 0 !important;
    padding: 13px 52px 13px 22px !important;
    background: #f2cc00 !important;
    color: #141414 !important;
    border-radius: 0 !important;
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    text-transform: uppercase !important;
    letter-spacing: 0.02em !important;
    box-shadow: none !important;
    -webkit-clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 14%, calc(100% - 11px) 30%, 100% 46%, calc(100% - 14px) 62%, 100% 78%, calc(100% - 10px) 92%, 100% 100%, 0 100%) !important;
    clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 14%, calc(100% - 11px) 30%, 100% 46%, calc(100% - 14px) 62%, 100% 78%, calc(100% - 10px) 92%, 100% 100%, 0 100%) !important;
}

/* Tabs: extend further down so the paper rip laps only their bottom edge */
.h-shop-sections-column .h-shop-tabs {
    margin-bottom: -46px !important;
    align-items: flex-end !important;
}
.h-shop-tabs .h-shop-tab {
    padding: 15px 26px 66px !important;
    min-height: 100px !important;
    vertical-align: bottom !important;
    box-sizing: border-box !important;
}
.h-shop-tabs .h-shop-tab.is-active { padding-bottom: 66px !important; }


/* ============================================================
   Shop nav v9 — 6-col grid, infinite scroll, widget hover fix,
   banner/categories connect + shift left, clear-filters button.
   ============================================================ */

/* Shift the whole left column (tabs + banner + categories) left so the grid isn't cramped */
body.historicum-shop-page { --h-shop-section-left-pad: 26px; }

/* 1) Product grid: 6 per row on desktop, scaling down */
body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track,
.h-shop-section-carousel .h-ss-pages-track {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap: 16px !important;
}





/* 2) Pure infinite scroll: load-more button becomes an invisible 1px sentinel */
.h-shop-load-more-wrap { margin: 0 !important; padding: 0 !important; min-height: 1px !important; text-align: left !important; }
.h-shop-section-carousel .h-shop-load-more {
    opacity: 0 !important;
    pointer-events: none !important;
    height: 1px !important;
    min-height: 1px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

/* 3) Right widget: kill the floating torn-edge "hovered" look at rest */
.h-shop-side-widgets .h-shop-widget::before,
.h-shop-side-widgets .h-shop-widget::after { display: none !important; }
.h-shop-side-widgets .h-shop-widget { box-shadow: none !important; transform: none !important; transition: background-color 0.15s ease !important; }
.h-shop-side-widgets .h-shop-widget:hover { transform: none !important; box-shadow: none !important; }

/* 4) Connect banner directly onto the categories block (no gap) */
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap { margin-bottom: 0 !important; }
.h-shop-section-main .h-shop-section-body { margin-top: 0 !important; }

/* 5) Tabs: a touch longer to fully close the rip gap (left-align follows the var above) */
.h-shop-sections-column .h-shop-tabs { margin-bottom: -52px !important; }
.h-shop-tabs .h-shop-tab { padding: 15px 26px 74px !important; min-height: 108px !important; }
.h-shop-tabs .h-shop-tab.is-active { padding-bottom: 74px !important; }

/* 6) Clear-filters button (moved into the left Filters block) */
.h-shop-catnav .h-catnav-clear {
    display: block;
    width: calc(100% - 32px);
    margin: 10px 16px 14px;
    font-family: var(--h-font-cinzel, 'Cinzel', serif);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #141414;
    background: transparent;
    border: 1px solid #caa20a;
    padding: 9px;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color 0.15s ease;
}
.h-shop-catnav .h-catnav-clear:hover { background: #f2cc00; }


/* ============================================================
   Shop nav v10 — first-section position fix, move left,
   connect banner->categories (square top / round bottom),
   measurement-guide highlight.
   ============================================================ */

/* Move the whole left column (tabs + banner + categories) further left */
body.historicum-shop-page { --h-shop-section-left-pad: 16px; }

/* #6 First section had a different top padding than the rest -> title sat at a
   different height. Force every tab panel's section to the same top padding. */
body.historicum-shop-page .h-shop-sections-column > .h-paper-section:first-of-type .h-shop-section-main {
    padding-top: 6px !important;
}

/* #5 Connect banner onto the categories block: ~5px gap, no seam.
   Categories card: square top (meets the banner) + rounded bottom only. */
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap { margin-bottom: 5px !important; }
.h-shop-section-body .h-shop-catnav { margin-top: 0 !important; }
.h-shop-catnav { border-radius: 0 0 12px 12px !important; }

/* #8 Right-side action buttons all yellow; Measurement Guide gets extra pop */
.h-shop-side-widgets .h-shop-widget-action {
    background: #f2cc00 !important;
    color: #141414 !important;
    border: 1px solid #caa20a !important;
}
.h-shop-side-widgets .h-shop-widget-action:hover { background: #e6b711 !important; }
.h-shop-side-widgets .h-shop-widget-measurement .h-shop-widget-action {
    background: #ffd633 !important;
    border: 1px solid #b8860b !important;
    box-shadow: 0 0 0 2px rgba(242, 204, 0, 0.40) !important;
    font-weight: 800 !important;
}
.h-shop-side-widgets .h-shop-widget-measurement .h-shop-widget-action:hover { background: #ffdf57 !important; }


/* ============================================================
   Shop nav v11 — push left 10px more, FORCE tabs to the same
   left edge, fully connect banner -> categories (zero gap).
   ============================================================ */

/* Move the whole left column 10px further left */
body.historicum-shop-page { --h-shop-section-left-pad: 6px !important; }

/* FORCE the section tabs to the exact same left edge as banner + categories.
   (max specificity so nothing earlier can pin them at 20/24px) */
body.historicum-shop-page .h-shop-sections-column .h-shop-tabs {
    padding-left: var(--h-shop-section-left-pad, 6px) !important;
}
body.historicum-shop-page .h-shop-sections-column .h-shop-tabs .h-shop-tab:first-child {
    margin-left: 0 !important;
}

/* Fully connect the banner to the categories block — no gap/seam */
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap { margin-bottom: 0 !important; }
body.historicum-shop-page .h-shop-section-body { margin-top: 0 !important; }
body.historicum-shop-page .h-shop-section-body .h-shop-catnav { margin-top: -1px !important; }
/* square top so it butts flush against the banner; round only the bottom */
body.historicum-shop-page .h-shop-catnav { border-radius: 0 0 12px 12px !important; }


/* ============================================================
   Shop nav v12 — bigger title, force tab alignment, outline
   fixes, Open-Guide button, and a mobile pass (widgets join
   the shop as one piece).
   ============================================================ */

/* #7 Section title bigger */
body.historicum-shop-page .h-shop-section-main .h-paper-title-wrap .h-paper-title,
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title {
    font-size: clamp(36px, 3.6vw, 52px) !important;
    line-height: 1.05 !important;
}

/* #3 Tabs: hard left-align + flush above the title */
body.historicum-shop-page .h-shop-sections-column .h-shop-tabs {
    justify-content: flex-start !important;
    padding-left: var(--h-shop-section-left-pad, 6px) !important;
}

/* #4 Remove yellow outline on the categories card */
body.historicum-shop-page .h-shop-catnav { outline: 0 !important; }
body.historicum-shop-page .h-shop-catnav .h-catnav-row:focus,
body.historicum-shop-page .h-shop-catnav .h-catnav-row:focus-visible { outline: 2px solid #141414 !important; outline-offset: -2px !important; }

/* #5 Selected nav item: solid BLACK OUTLINE (not just an underline) */
body.historicum-shop-page .h-shop-catnav .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-catnav .h-catnav-subrow.is-active {
    background: #f2cc00 !important;
    color: #141414 !important;
    outline: 2px solid #141414 !important;
    outline-offset: -2px !important;
    border-bottom: 0 !important;
    text-decoration: none !important;
}

/* #8 Open Guide button: match the other yellow buttons (no odd dark/glow) */
.h-shop-side-widgets .h-shop-widget-measurement .h-shop-widget-action {
    background: #f2cc00 !important;
    color: #141414 !important;
    border: 1px solid #caa20a !important;
    box-shadow: none !important;
    font-weight: 700 !important;
}
.h-shop-side-widgets .h-shop-widget-measurement .h-shop-widget-action:hover { background: #e6b711 !important; }

/* #10 MOBILE: stack the layout and join the widgets into the shop as one piece */




/* ============================================================
   Shop nav v13 — title -20%, fill left gap + GUARANTEED tab/
   banner/nav alignment (fixed px, bypassing the media-query var),
   remove nav shadow, raise categories, 0.3px active outline.
   ============================================================ */

/* Pin tabs, banner and nav to ONE fixed left inset. This bypasses
   --h-shop-section-left-pad (a
body.historicum-shop-page .h-shop-section-main { padding-left: 8px !important; }

/* Section title 20% smaller than v12 */
body.historicum-shop-page .h-shop-section-main .h-paper-title-wrap .h-paper-title,
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title {
    font-size: clamp(29px, 2.9vw, 42px) !important;
}

/* Remove the drop shadow from the navigation menu card */
body.historicum-shop-page .h-shop-catnav { box-shadow: none !important; }

/* Raise the categories block so it tucks directly under the title block */
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main { padding-top: 2px !important; }
body.historicum-shop-page .h-shop-section-main .h-paper-title-wrap { margin-bottom: 0 !important; }
body.historicum-shop-page .h-shop-section-body { margin-top: -4px !important; }

/* Active nav item: hairline 0.3px black outline */
body.historicum-shop-page .h-shop-catnav .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-catnav .h-catnav-subrow.is-active {
    outline: 0.3px solid #141414 !important;
    outline-offset: -1px !important;
    border-bottom: 0 !important;
}


/* ============================================================
   Shop nav v14 — black banner / yellow title, remove yellow
   header accent, larger category text, connect categories
   flush under the banner.
   ============================================================ */

/* #3 Banner: BLACK fill, YELLOW title text */
body.historicum-shop-page .h-shop-section-main .h-paper-title-wrap .h-paper-title,
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title {
    background: #141414 !important;
    color: #f2cc00 !important;
}

/* #1 Remove the yellow accent line under the CATEGORIES / FILTERS headers
   (this was the "yellow outline") + no yellow on the card itself */
body.historicum-shop-page .h-shop-catnav .h-catnav-header,
body.historicum-shop-page .h-shop-catnav .h-catnav-filterby { border-bottom: 0 !important; }
body.historicum-shop-page .h-shop-catnav { border-color: #141414 !important; outline: 0 !important; box-shadow: none !important; }

/* #1 Categories card sits flush directly under the banner */
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap { margin-bottom: 0 !important; }
body.historicum-shop-page .h-shop-section-body { margin-top: 0 !important; }
body.historicum-shop-page .h-shop-section-body .h-shop-catnav { margin-top: 0 !important; }

/* #2 Larger category menu text */
body.historicum-shop-page .h-shop-catnav .h-catnav-row { font-size: 18px !important; }
body.historicum-shop-page .h-shop-catnav .h-catnav-subrow { font-size: 16px !important; }
body.historicum-shop-page .h-shop-catnav .h-catnav-acc-toggle { font-size: 18px !important; }


/* ============================================================
   Shop nav v15 — shop frame, fix 1px banner/categories offset,
   ONLY main sections bigger, re-pin tabs.
   ============================================================ */

/* #1 Thin 0.2px black frame with small rounded corners around the shop block */
body.historicum-shop-page .h-shop-paper-layout {
    border: 0.2px solid #141414 !important;
    border-radius: 10px !important;
}

/* #2 The 1px offset between the black banner and the black CATEGORIES header was
   the nav card's border. Remove it so the header lines up exactly under the banner. */
body.historicum-shop-page .h-shop-catnav { border: 0 !important; }

/* #3 ONLY the main navigation sections (parent categories) get bigger text;
   subcategories + filters return to normal. */
body.historicum-shop-page .h-shop-catnav .h-catnav-accordion > .h-catnav-acc-item > .h-catnav-row,
body.historicum-shop-page .h-shop-catnav .h-catnav-acc-toggle { font-size: 19px !important; }
body.historicum-shop-page .h-shop-catnav .h-catnav-subrow { font-size: 15px !important; }
body.historicum-shop-page .h-shop-catnav .h-shop-filter-group .h-catnav-row { font-size: 13px !important; }

/* #5 Re-pin the tab bar to the same 8px left edge (higher specificity via the nav tag) */
body.historicum-shop-page .h-shop-sections-column nav.h-shop-tabs {
    padding-left: 8px !important;
    margin-left: 0 !important;
    justify-content: flex-start !important;
}


/* ============================================================
   Shop nav v16 — two-row title, sticky nav, space under title,
   remove the frame's top line.
   ============================================================ */

/* #2 Section title on two rows (NAME / Section) for every section */
body.historicum-shop-page .h-shop-section-main .h-paper-title .h-paper-title-name,
body.historicum-shop-page .h-shop-section-main .h-paper-title .h-paper-title-suffix {
    display: block !important;
    line-height: 1.04 !important;
}

/* #1 More space between the title block and the nav menu */
body.historicum-shop-page .h-shop-section-body { margin-top: 18px !important; }

/* #1 Nav menu travels with the scroll, like the right-side widget */
body.historicum-shop-page .h-shop-section-body { align-items: flex-start !important; }
body.historicum-shop-page .h-shop-section-body .h-shop-catnav {
    position: sticky !important;
    top: 96px !important;
    align-self: flex-start !important;
}

/* #3 Remove the frame's top edge (the new line across the dark tab zone) */
body.historicum-shop-page .h-shop-paper-layout { border-top: 0 !important; }


/* ============================================================
   Shop nav v17 — wider banner, tighter grid (no overflow),
   0.2px nav outline, active-outline gap, widget align/normalise.
   ============================================================ */

/* L1.3 Banner black fill extends further right (toward the tab-row end) */
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap,
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title { max-width: 820px !important; }

/* L1.4 Grid: tighter gap + never overflow the right edge */
body.historicum-shop-page .h-shop-section-carousel { max-width: 100% !important; overflow: hidden !important; }
body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track { gap: 12px !important; }
body.historicum-shop-page .h-shop-grid-col { min-width: 0 !important; }
body.historicum-shop-page .h-shop-section-main { box-sizing: border-box !important; padding-right: 14px !important; }

/* L2.1 0.2px black outline around the whole navigation menu */
body.historicum-shop-page .h-shop-catnav { border: 0.2px solid #141414 !important; }

/* L2.2 Active outline on the first row sits flush against the CATEGORIES header (no 2px gap) */
body.historicum-shop-page .h-shop-catnav .h-catnav-group .h-catnav-header { margin-bottom: 0 !important; }
body.historicum-shop-page .h-shop-catnav .h-catnav-rows { margin-top: 0 !important; }
body.historicum-shop-page .h-shop-catnav .h-catnav-accordion > .h-catnav-acc-item:first-child > .h-catnav-row { margin-top: 0 !important; border-top: 0 !important; }
body.historicum-shop-page .h-shop-catnav .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-catnav .h-catnav-subrow.is-active { outline-offset: -1px !important; }

/* L2.4 Right widget column top aligns with the shop section top */
body.historicum-shop-page .h-shop-widgets-column { padding-top: 8px !important; }

/* L1.5 Normalise the right widgets so Custom / Help / Measurement match */
body.historicum-shop-page .h-shop-side-widgets .h-shop-widget { min-height: 0 !important; }
body.historicum-shop-page .h-shop-side-widgets .h-shop-widget-action {
    background: #f2cc00 !important; color: #141414 !important; border: 1px solid #caa20a !important;
    box-shadow: none !important; font-weight: 700 !important;
}


/* ============================================================
   Shop nav v18 — unified accordion filters + shop controls bar.
   ============================================================ */

/* Filter groups now collapse like the category accordion rows */
body.historicum-shop-page .h-shop-catnav .h-filter-acc-toggle {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    text-align: left !important;
    cursor: pointer !important;
    background: #ffffff !important;
    color: #1a1a1a !important;
    border: 0 !important;
    border-bottom: 1px solid #efe9da !important;
    margin: 0 !important;
    padding: 11px 16px !important;
    font-family: var(--h-font-cormorant, 'Cormorant Garamond', serif) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}
body.historicum-shop-page .h-shop-catnav .h-filter-acc-toggle .h-shop-filter-group-label {
    background: transparent !important; color: inherit !important; padding: 0 !important;
    font: inherit !important; letter-spacing: 0 !important; text-transform: none !important;
}
body.historicum-shop-page .h-shop-catnav .h-filter-acc-toggle .h-catnav-caret {
    color: #b8920c !important; font-family: var(--h-font-cinzel, 'Cinzel', serif) !important; font-weight: 700 !important; font-size: 16px !important;
}
body.historicum-shop-page .h-shop-catnav .h-filter-acc-toggle:hover { background: #faf4e2 !important; }
body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub[hidden] { display: none !important; }
body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub { display: block !important; background: #fcf9f0 !important; padding: 8px 14px 12px !important; }

/* Shop controls bar (result count + sort) */
body.historicum-shop-page .h-shop-controls {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 16px !important;
    flex-wrap: wrap !important;
    margin: 0 0 16px !important;
    padding: 0 0 12px !important;
    border-bottom: 1px solid rgba(20, 20, 20, 0.14) !important;
}
body.historicum-shop-page .h-shop-result-count {
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    font-size: 12px !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: #3a3327 !important;
}
body.historicum-shop-page .h-shop-sort { display: inline-flex !important; align-items: center !important; gap: 8px !important; }
body.historicum-shop-page .h-shop-sort-label {
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    font-size: 11px !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: #6b5d34 !important;
}
body.historicum-shop-page .h-shop-sort-select {
    font-family: var(--h-font-cormorant, 'Cormorant Garamond', serif) !important;
    font-size: 14px !important; font-weight: 600 !important; color: #141414 !important; background: #ffffff !important;
    border: 1px solid #d8cdaf !important; border-radius: 6px !important; padding: 7px 12px !important; cursor: pointer !important;
}
body.historicum-shop-page .h-shop-sort-select:focus { outline: 2px solid #f2cc00 !important; outline-offset: 1px !important; }




/* ============================================================
   Shop nav v19 — picture-tile section selector (replaces text
   bookmarks) + 4-column grid centered into the middle.
   ============================================================ */

/* Section selector = small picture tiles (image + name below) */
body.historicum-shop-page .h-shop-sections-column .h-shop-tabs {
    gap: 14px !important;
    margin-bottom: 8px !important;
    margin-top: 0 !important;
    padding: 6px 8px 4px !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
}
body.historicum-shop-page .h-shop-tabs .h-shop-tab.h-shop-tab--tile {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 6px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 2px !important;
    min-height: 0 !important;
    transform: none !important;
}
body.historicum-shop-page .h-shop-tabs .h-shop-tab-thumb {
    display: block !important;
    width: 86px !important;
    height: 86px !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    border: 2px solid transparent !important;
    background: #2a2018 !important;
    transition: border-color 0.15s ease !important;
}
body.historicum-shop-page .h-shop-tabs .h-shop-tab-thumb img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }
body.historicum-shop-page .h-shop-tabs .h-shop-tab-name {
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    font-size: 12px !important; font-weight: 700 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important;
    color: #f3e7c9 !important; line-height: 1 !important;
}
body.historicum-shop-page .h-shop-tabs .h-shop-tab--tile:hover .h-shop-tab-thumb { border-color: #e6b711 !important; }
body.historicum-shop-page .h-shop-tabs .h-shop-tab.is-active .h-shop-tab-thumb { border-color: #f2cc00 !important; }
body.historicum-shop-page .h-shop-tabs .h-shop-tab.is-active .h-shop-tab-name { color: #f2cc00 !important; }
/* neutralise the old bookmark look */
body.historicum-shop-page .h-shop-tabs .h-shop-tab.is-active { transform: none !important; padding-bottom: 2px !important; }

/* Squeeze the shop into a centered column + 4 products per row */
body.historicum-shop-page .h-shop-paper-layout {
    max-width: 1300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
}




/* ============================================================
   Shop nav v20 — expand the centered shop area by ~40%.
   ============================================================ */
body.historicum-shop-page .h-shop-paper-layout { max-width: 1820px !important; }


/* ============================================================
   Shop nav v21 — banner longer, tile image/gradient/text,
   full-page bg fade-to-black, widget align, button hover fix.
   ============================================================ */

/* 1. Section banner longer to the right */
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap,
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title { max-width: 1200px !important; }

/* 2. Section tiles: show TOP of image + gradient + readable name */
body.historicum-shop-page .h-shop-tabs .h-shop-tab-thumb { position: relative !important; }
body.historicum-shop-page .h-shop-tabs .h-shop-tab-thumb img { object-position: top center !important; }
body.historicum-shop-page .h-shop-tabs .h-shop-tab-thumb::after {
    content: '' !important; position: absolute !important; inset: 0 !important; pointer-events: none !important;
    background: linear-gradient(180deg, rgba(0,0,0,0) 32%, rgba(0,0,0,0.58) 100%) !important;
}
body.historicum-shop-page .h-shop-tabs .h-shop-tab-name {
    font-size: 13px !important; text-shadow: 0 1px 3px rgba(0,0,0,0.7) !important; color: #fbf3da !important;
}
body.historicum-shop-page .h-shop-tabs .h-shop-tab.is-active .h-shop-tab-name { color: #f2cc00 !important; }

/* 3. Background image + gradient across the WHOLE page, fading to 100% black into the footer */
body.historicum-shop-page .h-shop-page {
    background-color: #000 !important;
    background-image:
        linear-gradient(180deg, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0.52) 55%, rgba(0,0,0,0.9) 88%, #000 100%),
        var(--h-shop-bg-image) !important;
    background-image:
        linear-gradient(180deg, rgba(0,0,0,0.30) 0%, rgba(0,0,0,0.52) 55%, rgba(0,0,0,0.9) 88%, #000 100%),
        var(--h-shop-bg-image-webp, var(--h-shop-bg-image)) !important;
    background-repeat: no-repeat, no-repeat !important;
    background-size: cover, cover !important;
    background-position: center top, center top !important;
    background-attachment: fixed, fixed !important;
}


/* 5. Right widget column aligned with the shop-section paper rip */
body.historicum-shop-page .h-shop-widgets-column { padding-top: 118px !important; }

/* 7. Right widget buttons: LIGHT yellow at rest, DARKER on hover (fixes the inverted measurement button at line 6037) */
body.historicum-shop-page .h-shop-side-widgets .h-shop-widget .h-shop-widget-action,
body.historicum-shop-page .h-shop-side-widgets .h-shop-widget.h-shop-widget-measurement .h-shop-widget-action {
    background: #f2cc00 !important; color: #141414 !important; border: 1px solid #caa20a !important; box-shadow: none !important;
}
body.historicum-shop-page .h-shop-side-widgets .h-shop-widget .h-shop-widget-action:hover,
body.historicum-shop-page .h-shop-side-widgets .h-shop-widget.h-shop-widget-measurement .h-shop-widget-action:hover {
    background: #d9a300 !important; color: #141414 !important;
}


/* ============================================================
   Shop nav v22 — paper +5% & contain grid, widget align, flag
   banner, visible "Show more" button.
   ============================================================ */

/* 1. Expand the paper area ~5% + keep the product grid inside it */
body.historicum-shop-page .h-shop-paper-layout { max-width: 1911px !important; }
body.historicum-shop-page .h-shop-section-main { box-sizing: border-box !important; padding-right: 20px !important; }
body.historicum-shop-page .h-shop-grid-col { min-width: 0 !important; overflow: hidden !important; }
body.historicum-shop-page .h-shop-section-carousel { max-width: 100% !important; overflow: hidden !important; }

/* 2. Right widget column: drop it down so its top sits at the paper-rip line */
body.historicum-shop-page .h-shop-widgets-column { padding-top: 140px !important; top: 120px !important; }

/* 3. Banner: give it a real width so the black fill runs further right + flag-style edge */
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title {
    width: min(620px, 92%) !important;
    max-width: 620px !important;
    -webkit-clip-path: polygon(0 0, 100% 0, calc(100% - 26px) 48%, 100% 100%, 0 100%) !important;
    clip-path: polygon(0 0, 100% 0, calc(100% - 26px) 48%, 100% 100%, 0 100%) !important;
}
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap { max-width: 620px !important; width: min(620px, 92%) !important; }

/* 6. Visible "Show more" button (was an invisible auto-load sentinel) */
body.historicum-shop-page .h-shop-load-more-wrap { min-height: 0 !important; text-align: center !important; margin: 18px 0 6px !important; padding: 0 !important; }
body.historicum-shop-page .h-shop-section-carousel .h-shop-load-more {
    opacity: 1 !important;
    pointer-events: auto !important;
    height: auto !important;
    min-height: 0 !important;
    display: inline-block !important;
    width: auto !important;
    background: #141414 !important;
    color: #f2cc00 !important;
    border: 1px solid #f2cc00 !important;
    padding: 11px 30px !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}
body.historicum-shop-page .h-shop-section-carousel .h-shop-load-more:hover { background: #f2cc00 !important; color: #141414 !important; }


/* ============================================================
   Shop nav v23 — uncut cards, widget lower, banner horizontal,
   show-more button style, mobile pass.
   ============================================================ */

/* 1. Stop clipping the product cards (the overflow:hidden was cutting edges) */
body.historicum-shop-page .h-shop-grid-col { overflow: visible !important; }
body.historicum-shop-page .h-shop-section-carousel { overflow: visible !important; }
body.historicum-shop-page .h-shop-section-carousel .h-ss-cell { min-width: 0 !important; max-width: 100% !important; }
body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }

/* 2. Right widget column lower so it meets the paper-rip line */
body.historicum-shop-page .h-shop-widgets-column { padding-top: 172px !important; top: 120px !important; }

/* 3. Banner: HORIZONTAL widen only, keep the original (short) height */
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title {
    width: 700px !important;
    max-width: 92% !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap { width: 700px !important; max-width: 92% !important; }

/* 5. "Show more" button: black outline + black text; hover = black fill + yellow text */
body.historicum-shop-page .h-shop-section-carousel .h-shop-load-more {
    background: transparent !important;
    color: #141414 !important;
    border: 1px solid #141414 !important;
}
body.historicum-shop-page .h-shop-section-carousel .h-shop-load-more:hover {
    background: #141414 !important;
    color: #f2cc00 !important;
}

/* 8. MOBILE pass (layout reference: Filter row + sort + 2-col grid) */



/* ============================================================
   Shop nav v24 — hide old text bookmarks, narrower banner,
   centered grid, FIXED mobile layout.
   ============================================================ */

/* 2. Remove the old text-style bookmarks (category pages) — keep only picture tiles */
body.historicum-shop-page .h-shop-tabs .h-shop-tab.h-shop-tab--text { display: none !important; }

/* 3. Banner not wider than the result-count area */
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title,
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap { width: 520px !important; max-width: 90% !important; }

/* 1. Centre the product grid in the space between the nav and the right edge */
body.historicum-shop-page .h-shop-grid-col { display: flex !important; flex-direction: column !important; }
body.historicum-shop-page .h-shop-section-carousel { width: 100% !important; margin-left: auto !important; margin-right: auto !important; }
body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; justify-content: stretch !important; }

/* ---------------- 4 + 6. MOBILE (corrected) ---------------- */


/* Final shop page depth pass: page-level background, nav block overlays, desktop widget alignment. */
body.historicum-shop-page .h-shop-page {
    position: relative !important;
    isolation: isolate !important;
    background-color: #000 !important;
    background-image: linear-gradient(180deg, #000 0%, #000 100%) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-position: center 42% !important;
    background-attachment: scroll !important;
}

body.historicum-shop-page .h-shop-page::before {
    content: none !important;
    display: none !important;
    background: none !important;
}

body.historicum-shop-page .h-shop-page > * {
    position: relative !important;
    z-index: 1 !important;
}

body.historicum-shop-page .h-shop-header-hero,
body.historicum-shop-page .h-shop-nav-hero {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    background-color: #000 !important;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-position: center top !important;
}

body.historicum-shop-page .h-shop-header-hero::before,
body.historicum-shop-page .h-shop-nav-hero::before {
    content: none !important;
    display: none !important;
    background: none !important;
}

body.historicum-shop-page .h-shop-header-hero::after,
body.historicum-shop-page .h-shop-nav-hero::after {
    content: "" !important;
    position: absolute !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 1 !important;
    display: block !important;
    height: 100% !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.18) 48%, rgba(0, 0, 0, 0.82) 82%, #000 100%) !important;
}

body.historicum-shop-page .h-shop-header-hero > *,
body.historicum-shop-page .h-shop-nav-hero > * {
    position: relative !important;
    z-index: 2 !important;
}

body.historicum-shop-page .h-shop-bg-overlay,
body.historicum-shop-page .h-shop-nav-bg {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    width: 100% !important;
    transform: none !important;
    pointer-events: none !important;
    background-image: var(--h-shop-bg-image) !important;
    background-image: var(--h-shop-bg-image-webp, var(--h-shop-bg-image)) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important;
    opacity: 0.07 !important;
    mix-blend-mode: normal !important;
}





body.historicum-shop-page .h-shop-nav-hero + .h-shop-paper-stack {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Main section selector tiles: grayscale until selected, with unified yellow and black overlays. */
body.historicum-shop-page .h-shop-tabs .h-shop-tab--tile .h-shop-tab-thumb {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    background: #000 !important;
}

body.historicum-shop-page .h-shop-tabs .h-shop-tab--tile .h-shop-tab-thumb img {
    position: relative !important;
    z-index: 1 !important;
    filter: grayscale(100%) contrast(1.1) !important;
    transition:
        filter 0.26s ease,
        transform 0.26s ease !important;
}

body.historicum-shop-page .h-shop-tabs .h-shop-tab--tile.is-active .h-shop-tab-thumb img,
body.historicum-shop-page .h-shop-tabs .h-shop-tab--tile[aria-selected="true"] .h-shop-tab-thumb img,
body.historicum-shop-page .h-shop-tabs .h-shop-tab--tile[aria-current="true"] .h-shop-tab-thumb img,
body.historicum-shop-page .h-shop-tabs .h-shop-tab--tile[aria-pressed="true"] .h-shop-tab-thumb img {
    filter: grayscale(0%) contrast(1.02) saturate(1.06) !important;
}

body.historicum-shop-page .h-shop-tabs .h-shop-tab--tile .h-shop-tab-thumb::before,
body.historicum-shop-page .h-shop-tabs .h-shop-tab--tile .h-shop-tab-thumb::after {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    pointer-events: none !important;
}

body.historicum-shop-page .h-shop-tabs .h-shop-tab--tile .h-shop-tab-thumb::before {
    z-index: 2 !important;
    opacity: 0.1 !important;
    background:
        radial-gradient(
            90% 86% at 26% 100%,
            rgba(235, 188, 0, 0.9) 0%,
            rgba(235, 188, 0, 0.5) 38%,
            rgba(235, 188, 0, 0.16) 68%,
            rgba(235, 188, 0, 0) 100%
        ) !important;
    mix-blend-mode: screen !important;
}

body.historicum-shop-page .h-shop-tabs .h-shop-tab--tile .h-shop-tab-thumb::after {
    z-index: 3 !important;
    background:
        linear-gradient(
            38deg,
            rgba(0, 0, 0, 0.82) 0%,
            rgba(0, 0, 0, 0.58) 30%,
            rgba(0, 0, 0, 0.24) 58%,
            rgba(0, 0, 0, 0) 82%
        ) !important;
}

body.historicum-shop-page .h-shop-side-widgets .h-shop-widget:first-child::before,
body.historicum-shop-page .h-shop-side-widgets .h-shop-widget:last-child::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    right: 0 !important;
    left: 0 !important;
    height: var(--h-shop-shared-rip-height, 60px) !important;
    pointer-events: none !important;
    z-index: 0 !important;
    background: var(--h-shop-paper-surface) !important;
    background-color: var(--h-paper-flat, var(--h-paper, #f5f0e6)) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-position: center center !important;
    background-blend-mode: multiply !important;
    -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
    -webkit-mask-size: 900% 100% !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
    mask-size: 900% 100% !important;
    mask-repeat: no-repeat !important;
}

body.historicum-shop-page .h-shop-side-widgets .h-shop-widget:first-child::before {
    top: -42px !important;
    transform: none !important;
    -webkit-mask-position: 18% bottom !important;
    mask-position: 18% bottom !important;
}

body.historicum-shop-page .h-shop-side-widgets .h-shop-widget:last-child::after {
    bottom: -30px !important;
    transform: scaleY(-1) !important;
    transform-origin: center !important;
    -webkit-mask-position: 28% bottom !important;
    mask-position: 28% bottom !important;
}

body.historicum-shop-page .h-shop-side-widgets .h-shop-widget:not(:first-child)::before,
body.historicum-shop-page .h-shop-side-widgets .h-shop-widget:not(:last-child)::after {
    content: none !important;
    display: none !important;
}

body.historicum-shop-page,
body.historicum-shop-page #page,
body.historicum-shop-page .site,
body.historicum-shop-page .site-content,
body.historicum-shop-page .content-area,
body.historicum-shop-page .site-main,
body.historicum-shop-page .h-footer,
body.historicum-shop-page .site-footer {
    background-color: #000 !important;
}

/* Final correction: one visible, unzoomed Workshop3 layer from header to the paper rip only. */
body.historicum-shop-page .h-shop-page {
    position: relative !important;
    isolation: isolate !important;
    background: #000 !important;
    background-image: none !important;
}

body.historicum-shop-page .h-shop-page::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 0 !important;
    height: clamp(360px, 24vw, 520px) !important;
    pointer-events: none !important;
    background-image: var(--h-shop-bg-image) !important;
    background-image: var(--h-shop-bg-image-webp, var(--h-shop-bg-image)) !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
    background-position: center top !important;
    opacity: 0.07 !important;
    filter: none !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 66%, rgba(0, 0, 0, 0) 100%) !important;
    mask-image: linear-gradient(180deg, #000 0%, #000 66%, rgba(0, 0, 0, 0) 100%) !important;
}

body.historicum-shop-page .h-shop-page::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 0 !important;
    height: clamp(360px, 24vw, 520px) !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 56%, rgba(0, 0, 0, 0.72) 84%, #000 100%) !important;
}

body.historicum-shop-page .h-shop-header-hero,
body.historicum-shop-page .h-shop-nav-hero,
body.historicum-shop-page .h-shop-paper-stack {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

body.historicum-shop-page .h-shop-paper-stack::before,
body.historicum-shop-page .h-shop-paper-stack::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

body.historicum-shop-page .h-shop-header-hero::before,
body.historicum-shop-page .h-shop-header-hero::after,
body.historicum-shop-page .h-shop-nav-hero::before,
body.historicum-shop-page .h-shop-nav-hero::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

body.historicum-shop-page .h-shop-bg-overlay,
body.historicum-shop-page .h-shop-nav-bg {
    display: none !important;
}

/* Header-to-rip background source: body starts behind the fixed header; shop main starts too low. */
body.historicum-shop-page {
    position: relative !important;
    background: #000 !important;
    background-color: #000 !important;
    background-image: none !important;
}

body.historicum-shop-page::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 0 !important;
    height: clamp(390px, 24vw, 520px) !important;
    pointer-events: none !important;
    background-image: var(--h-shop-bg-image) !important;
    background-image: var(--h-shop-bg-image-webp, var(--h-shop-bg-image)) !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
    background-position: center top !important;
    opacity: 0.07 !important;
    filter: none !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 62%, rgba(0, 0, 0, 0) 100%) !important;
    mask-image: linear-gradient(180deg, #000 0%, #000 62%, rgba(0, 0, 0, 0) 100%) !important;
}

body.historicum-shop-page::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 0 !important;
    height: clamp(390px, 24vw, 520px) !important;
    pointer-events: none !important;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 58%, rgba(0, 0, 0, 0.76) 86%, #000 100%) !important;
}

body.historicum-shop-page .h-shop-page::before,
body.historicum-shop-page .h-shop-page::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

body.historicum-shop-page #h-header,
body.historicum-shop-page .h-header,
body.historicum-shop-page .h-shop-page {
    position: relative !important;
}

body.historicum-shop-page #h-header,
body.historicum-shop-page .h-header {
    position: fixed !important;
    z-index: 9999 !important;
}

body.historicum-shop-page .h-shop-page {
    z-index: 1 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}


/* ============================================================
   Shop nav v25 — single active outline + full-width mobile.
   ============================================================ */

/* DESKTOP 7: active row = ONE outline (top+bottom only; sides use the card edge) */
body.historicum-shop-page .h-shop-catnav .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-catnav .h-catnav-subrow.is-active {
    outline: none !important;
    background: #f2cc00 !important;
    color: #141414 !important;
    border-top: 1px solid #141414 !important;
    border-bottom: 1px solid #141414 !important;
    border-left: 0 !important;
    border-right: 0 !important;
}

/* Accordions stay CLOSED until clicked (respect [hidden]) */
body.historicum-shop-page .h-shop-catnav .h-catnav-acc-sub[hidden],
body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub[hidden] { display: none !important; }

/* ---------------- MOBILE: full-width edge-to-edge ---------------- */



/* ============================================================
   SHOP BACKGROUND — CONSOLIDATED (single source of truth).
   Supersedes every earlier background pass (v21, Codex "Final
   shop page depth pass", "Final correction Workshop3", the
   body::before/::after layers, and the trailing transparent
   override). One result:
     • whole page  = yellow → black gradient
     • hero top    = Workshop3 image @ 7%, fading out before
                     the shop section (invisible over the paper)
   ============================================================ */

/* neutralise the old body-level image/gradient layers */
body.historicum-shop-page { background: #000 !important; }
body.historicum-shop-page::before,
body.historicum-shop-page::after { content: none !important; display: none !important; background: none !important; }

/* WHOLE PAGE: yellow→black gradient behind everything */
body.historicum-shop-page .h-shop-page {
    position: relative !important;
    isolation: isolate !important;
    background-color: #000 !important;
    background-image:
        radial-gradient(72% 60% at 2% 0%, rgba(235, 188, 0, 0.26) 0%, rgba(150, 110, 0, 0.10) 26%, rgba(0, 0, 0, 0) 58%),
        linear-gradient(158deg, #1c1300 0%, #0c0800 32%, #000000 72%) !important;
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    background-position: center top !important;
    background-attachment: scroll !important;
}
body.historicum-shop-page .h-shop-page > * { position: relative !important; z-index: 1 !important; }

/* HERO TOP ONLY: Workshop3 @ 7%, masked to fade out before the shop */
body.historicum-shop-page .h-shop-page::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important; left: 0 !important; right: 0 !important;
    height: clamp(420px, 30vw, 620px) !important;
    z-index: 0 !important;
    pointer-events: none !important;
    background-image: var(--h-shop-bg-image) !important;
    background-image: var(--h-shop-bg-image-webp, var(--h-shop-bg-image)) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center top !important;
    opacity: 0.07 !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 46%, rgba(0,0,0,0) 100%) !important;
    mask-image: linear-gradient(180deg, #000 0%, #000 46%, rgba(0,0,0,0) 100%) !important;
}
body.historicum-shop-page .h-shop-page::after { content: none !important; display: none !important; background: none !important; }

/* heroes + paper stack stay transparent so the page layers show through */
body.historicum-shop-page .h-shop-header-hero,
body.historicum-shop-page .h-shop-nav-hero,
body.historicum-shop-page .h-shop-paper-stack {
    background: transparent !important;
    background-image: none !important;
}
body.historicum-shop-page .h-shop-header-hero::before,
body.historicum-shop-page .h-shop-header-hero::after,
body.historicum-shop-page .h-shop-nav-hero::before,
body.historicum-shop-page .h-shop-nav-hero::after,
body.historicum-shop-page .h-shop-paper-stack::before,
body.historicum-shop-page .h-shop-paper-stack::after {
    content: none !important;
    display: none !important;
    background: none !important;
}
body.historicum-shop-page .h-shop-bg-overlay,
body.historicum-shop-page .h-shop-nav-bg { display: none !important; }

/* Final root /shop hero background: Workshop3 is inside the hero, over the shared yellow commerce gradient. */
body.historicum-shop-page {
    background: #000000 !important;
}

body.historicum-shop-page::before,
body.historicum-shop-page::after,
body.historicum-shop-page .h-shop-page::before,
body.historicum-shop-page .h-shop-page::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

body.historicum-shop-page .h-shop-page {
    position: relative !important;
    isolation: isolate !important;
    background: #000000 !important;
    background-image: none !important;
    background-attachment: scroll !important;
}

body.historicum-shop-page .h-shop-page > * {
    position: relative !important;
    z-index: 1 !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    min-height: clamp(380px, 52vh, 500px) !important;
    padding: clamp(104px, 12vh, 132px) 40px clamp(28px, 4vh, 54px) !important;
    margin-bottom: 0 !important;
    background:
        radial-gradient(90% 88% at 16% 0%, rgba(150, 112, 0, 0.20) 0%, rgba(42, 31, 0, 0.12) 34%, rgba(0, 0, 0, 0) 64%),
        linear-gradient(135deg, #151000 0%, #070704 35%, #000000 100%) !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero::before {
    content: none !important;
    display: none !important;
    background: none !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
    background:
        linear-gradient(90deg, rgba(0, 0, 0, 0.28) 0%, rgba(0, 0, 0, 0.02) 24%, rgba(0, 0, 0, 0.18) 68%, rgba(0, 0, 0, 0.62) 100%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.18) 44%, rgba(0, 0, 0, 0.72) 78%, #000000 100%) !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-bg {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    width: 100% !important;
    pointer-events: none !important;
    background-image: var(--h-shop-bg-image) !important;
    background-image: var(--h-shop-bg-image-webp, var(--h-shop-bg-image)) !important;
    background-repeat: no-repeat !important;
    background-size: 100% auto !important;
    background-position: center 42% !important;
    opacity: 0.48 !important;
    mix-blend-mode: normal !important;
    transform: none !important;
    filter: saturate(0.92) contrast(1.04) brightness(0.68) !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero > :not(.h-shop-nav-bg) {
    position: relative !important;
    z-index: 2 !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack {
    background: transparent !important;
    background-image: none !important;
    margin-top: clamp(-110px, -9.6vh, -67px) !important;
    padding-top: 0 !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack::before,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column .h-shop-tabs {
    gap: 20px !important;
    padding: 8px 12px 6px !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab.h-shop-tab--tile {
    gap: 8px !important;
    padding: 3px !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab-thumb {
    width: 125px !important;
    height: 125px !important;
    border-radius: 12px !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--larp .h-shop-tab-thumb img,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab-thumb img[src*="Kopia-%E2%80%93-Projekt-bez-nazwy-2"] {
    object-fit: cover !important;
    object-position: center 22% !important;
    transform: scale(1.79) !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab-name {
    font-size: 17px !important;
}





/* ============================================================
   Shop UX normalization pass - structure only, no product-card styling.
   Aligns shop navigation, filters, controls, paper layout and widgets.
   ============================================================ */
body.historicum-shop-page .h-shop-page.h-level-1 {
    --h-shop-ux-paper-width: min(1911px, calc(100vw - 48px));
    --h-shop-ux-side-nav-width: clamp(270px, 15vw, 315px);
    --h-shop-ux-widget-width: clamp(276px, 15vw, 330px);
    --h-shop-ux-layout-gap: clamp(20px, 1.55vw, 32px);
    --h-shop-ux-rule: rgba(20, 20, 20, 0.26);
    --h-shop-ux-ink: #141414;
    --h-shop-ux-paper: #f5f0e6;
    --h-shop-ux-paper-soft: #fbf7ed;
    --h-shop-ux-accent: #f2cc00;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) var(--h-shop-ux-widget-width) !important;
    align-items: start !important;
    gap: var(--h-shop-ux-layout-gap) !important;
    width: var(--h-shop-ux-paper-width) !important;
    max-width: var(--h-shop-ux-paper-width) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: 0 !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column {
    min-width: 0 !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column .h-shop-tabs {
    position: relative !important;
    z-index: 6 !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    margin: 0 0 -2px !important;
    padding: 10px 14px 12px !important;
    border-bottom: 1px solid rgba(242, 204, 0, 0.28) !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab.h-shop-tab--tile {
    cursor: pointer !important;
    outline: 0 !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab-name {
    max-width: 132px !important;
    text-align: center !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    line-height: 1.05 !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab:focus-visible .h-shop-tab-thumb {
    outline: 2px solid var(--h-shop-ux-accent) !important;
    outline-offset: 3px !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main {
    padding-top: clamp(18px, 1.6vw, 30px) !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
    width: min(760px, 100%) !important;
    max-width: min(760px, 100%) !important;
    margin: 0 0 14px !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body {
    display: grid !important;
    grid-template-columns: var(--h-shop-ux-side-nav-width) minmax(0, 1fr) !important;
    align-items: start !important;
    gap: clamp(18px, 1.45vw, 30px) !important;
    margin-top: 0 !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body .h-shop-catnav {
    position: sticky !important;
    top: 108px !important;
    align-self: start !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    border: 1px solid rgba(20, 20, 20, 0.78) !important;
    border-radius: 0 !important;
    background: var(--h-shop-ux-paper-soft) !important;
    box-shadow: none !important;
    overflow: hidden !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-header,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-filterby {
    display: block !important;
    margin: 0 !important;
    padding: 11px 14px !important;
    background: var(--h-shop-ux-ink) !important;
    color: #ffffff !important;
    border: 0 !important;
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.13em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-filterby {
    margin-top: 0 !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-row {
    min-height: 42px !important;
    padding: 11px 14px !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-color: rgba(20, 20, 20, 0.18) !important;
    background: var(--h-shop-ux-paper-soft) !important;
    color: var(--h-shop-ux-ink) !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-row:hover,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-row:focus-visible {
    background: #efe6cc !important;
    color: #000000 !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-subrow.is-active,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-shop-filter-group .h-catnav-row.is-active {
    background: var(--h-shop-ux-accent) !important;
    color: var(--h-shop-ux-ink) !important;
    border-color: var(--h-shop-ux-ink) !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub {
    padding: 9px 12px 13px !important;
    background: #fcf9f0 !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-clear {
    display: block !important;
    width: calc(100% - 24px) !important;
    margin: 12px !important;
    min-height: 40px !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-controls {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    gap: 14px !important;
    min-height: 52px !important;
    margin: 0 0 18px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid rgba(20, 20, 20, 0.16) !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-result-count {
    color: rgba(20, 20, 20, 0.7) !important;
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sort {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sort-select {
    min-width: 176px !important;
    min-height: 42px !important;
}



body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets {
    background: var(--h-shop-ux-paper) !important;
    border-right: 1px solid rgba(20, 20, 20, 0.7) !important;
    border-left: 1px solid rgba(20, 20, 20, 0.7) !important;
    box-shadow: none !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget {
    padding: 18px 16px !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget-title {
    margin-bottom: 10px !important;
    font-size: 17px !important;
    letter-spacing: 0.12em !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget-action:focus-visible,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget-clear:focus-visible,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sort-select:focus-visible,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-row:focus-visible {
    outline: 2px solid var(--h-shop-ux-accent) !important;
    outline-offset: 2px !important;
}





/* ============================================================
   Shop polish pass - menu clarity, paper joins and mobile stack.
   Product card visuals are intentionally untouched.
   ============================================================ */
body.historicum-shop-page .h-shop-page.h-level-1 {
    --h-shop-ux-paper-base-width: min(1911px, calc(100vw - 48px));
    --h-shop-ux-paper-extra-right: 28px;
    --h-shop-ux-paper-width: min(calc(var(--h-shop-ux-paper-base-width) + var(--h-shop-ux-paper-extra-right)), calc(100vw - 24px));
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-bg {
    background-position: center 52% !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column .h-shop-tabs {
    border-bottom: 0 !important;
    box-shadow: none !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active .h-torn-top,
body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active .h-torn-bottom {
    width: calc(100% + 2px) !important;
    margin-right: -1px !important;
    margin-left: -1px !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active .h-torn-top::before,
body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active .h-torn-top::after,
body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active .h-torn-bottom::before,
body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active .h-torn-bottom::after {
    right: -1px !important;
    left: -1px !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub:not([hidden]) {
    border-top: 1px solid rgba(20, 20, 20, 0.12) !important;
    background: #fffaf0 !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-row {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 12px minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 10px !important;
    padding-left: 42px !important;
    background: #fffaf0 !important;
    color: #30291d !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-row::before {
    content: "" !important;
    position: static !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    top: auto !important;
    left: auto !important;
    width: 12px !important;
    height: 1px !important;
    border-radius: 0 !important;
    background: #b8920c !important;
    transform: none !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-subrow-2 {
    padding-left: 66px !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-subrow-2::before {
    left: auto !important;
    width: 12px !important;
    height: 1px !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-row:hover,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-row:focus-visible {
    background: #f3ead3 !important;
    color: #111111 !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-row.is-active::before {
    background: #141414 !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-shop-filter-group .h-filter-acc-toggle,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-shop-filter-group .h-filter-acc-toggle .h-shop-filter-group-label {
    font-family: var(--h-font-cormorant, 'Cormorant Garamond', serif) !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
    width: min(820px, 100%) !important;
    max-width: min(820px, 100%) !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title {
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets {
    --h-rip-top-offset: 34%;
    --h-rip-bottom-offset: 62%;
    position: relative !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:first-child::before,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:last-child::after {
    height: var(--h-shop-shared-rip-height, 60px) !important;
    background-color: var(--h-paper-flat, var(--h-shop-ux-paper)) !important;
    background-image: none !important;
    -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
    -webkit-mask-size: 112% 100% !important;
    -webkit-mask-repeat: no-repeat !important;
    mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
    mask-size: 112% 100% !important;
    mask-repeat: no-repeat !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:first-child::before {
    top: calc(var(--h-shop-shared-rip-height, 60px) * -1 + 1px) !important;
    -webkit-mask-position: var(--h-rip-top-offset, 34%) bottom !important;
    mask-position: var(--h-rip-top-offset, 34%) bottom !important;
    transform: none !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:last-child::after {
    bottom: calc(var(--h-shop-shared-rip-height, 60px) * -1 + 1px) !important;
    -webkit-mask-position: var(--h-rip-bottom-offset, 62%) top !important;
    mask-position: var(--h-rip-bottom-offset, 62%) top !important;
    transform: scaleY(-1) !important;
    transform-origin: center !important;
}





/* ============================================================
   Shop review corrections - desktop width, widget rips and mobile grid.
   Keeps product card visuals untouched; only navigation/layout changes.
   ============================================================ */
body.historicum-shop-page .h-shop-page.h-level-1 {
    --h-shop-ux-paper-base-width: min(1911px, calc(100vw - 16px));
    --h-shop-ux-paper-extra-right: 96px;
    --h-shop-ux-paper-width: min(calc(var(--h-shop-ux-paper-base-width) + var(--h-shop-ux-paper-extra-right)), calc(100vw - 4px));
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-row::before {
    width: 16px !important;
    height: 2px !important;
    border-radius: 2px !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-subrow-2::before {
    width: 11px !important;
    height: 2px !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
    width: min(1040px, 100%) !important;
    max-width: min(1040px, 100%) !important;
}



body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets {
    --h-shop-widget-paper-surface:
        radial-gradient(ellipse at center, rgba(245, 240, 230, 0) 44%, rgba(150, 120, 80, 0.12) 100%),
        linear-gradient(180deg, rgba(245, 240, 230, 0.98), rgba(235, 229, 216, 0.98));
    background: var(--h-shop-widget-paper-surface) !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:first-child::before,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:last-child::after {
    right: -2px !important;
    left: -2px !important;
    height: 48px !important;
    background: var(--h-shop-widget-paper-surface) !important;
    background-color: #f5f0e6 !important;
    background-size: 100% 100% !important;
    -webkit-mask-size: 560% 100% !important;
    mask-size: 560% 100% !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:first-child::before {
    top: -47px !important;
    -webkit-mask-position: 34% bottom !important;
    mask-position: 34% bottom !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:last-child::after {
    bottom: -47px !important;
    -webkit-mask-position: 62% top !important;
    mask-position: 62% top !important;
}


/* ============================================================
   Shop cascade repair v3 - real final layer.
   ============================================================ */
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-row::before,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-subrow-2::before {
    height: 1px !important;
}




/* ============================================================
   Shop cascade repair v5 - true EOF two-breakpoint layout.
   ============================================================ */



/* Mobile widget EOF lock - follows the single 1399px mobile/tablet breakpoint. */

/* Desktop shop block rollback - restore pre-padding section sizing. */

/* Shop visual repair v6 - widget top rip, title note, line cleanup, mobile spacing. */



/* Shop visual repair v7 - final desktop nav/widget cleanup and mobile open gap. */

/* Historicum shop responsive contract: mobile/tablet is one breakpoint at 1399px and below. */
@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
.h-shop-section-carousel .h-ss-page {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 12px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

.h-shop-paper-stack {
        --h-section-divider-left: 40px;
        --h-section-divider-right: 128px;
        --h-section-divider-y: -26px;
    }

    .h-shop-header-inner {
        padding: 24px var(--h-shop-section-left-pad) 24px;
    }

    .h-shop-page .h-shop-fighter-carousel {
        padding-left: var(--h-shop-section-left-pad);
        padding-right: var(--h-shop-section-left-pad);
    }

    .h-shop-page .h-bs-wrapper .h-carousel-controls {
        padding-left: 16px;
        padding-right: 16px;
    }

    .h-shop-section-carousel {
        max-width: calc(100vw - 16px);
    }

    .h-paper-title-wrap,
    .h-shop-material-filter,
    .h-paper-subnav {
        width: min(var(--h-shop-stage-width), calc(100vw - 80px));
        padding-left: 0;
        padding-right: 0;
    }

    .h-shop-tags-grid {
        width: min(1700px, calc(100vw - 12px));
    }

.h-shop-paper-stack {
        --h-section-divider-left: 12px;
        --h-section-divider-right: 94px;
        --h-section-divider-y: -22px;
    }

    .h-shop-page {
        padding-top: 70px;
    }

    .h-shop-header-row {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .h-shop-breadcrumb {
        grid-column: 1 / -1;
        text-align: left;
    }

    .h-shop-title-block {
        min-height: auto;
    }

    .h-shop-subtitle {
        font-size: clamp(22px, 4.2vw, 28px);
    }

    .h-shop-page .h-bs-slide {
        flex: 0 0 240px;
    }

    .h-paper-title-wrap,
    .h-shop-material-filter,
    .h-paper-subnav {
        width: calc(100vw - 40px);
        padding-left: 0;
        padding-right: 0;
    }

    .h-shop-section-carousel {
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .h-shop-paper-stack .h-paper-section .h-shop-section-main::after {
        top: 22px;
        bottom: auto;
        left: calc((var(--h-shop-section-left-pad) * -1) + 18px);
        height: 84px;
        width: 104px;
    }

    .h-shop-paper-stack .h-paper-section .h-shop-section-main::before {
        inset: 22px auto auto calc((var(--h-shop-section-left-pad) * -1) + 18px);
        height: var(--h-shop-contour-corner);
        width: 104px;
    }

    .h-paper-title {
        font-size: 30px;
    }

    .h-title-dot {
        width: 10px;
        height: 10px;
    }

.h-shop-header-inner {
        padding: 18px 16px 20px;
    }

    .h-shop-page .h-shop-fighter-carousel {
        gap: 10px;
        padding: 10px 15px 8px;
    }

    .h-shop-page .h-bs-slide {
        flex: 0 0 160px;
    }

    .h-shop-page .h-bs-title {
        font-size: 12px;
        min-height: 26px;
    }

    .h-shop-page .h-bs-price {
        font-size: 14px;
    }

    .h-shop-page .h-bs-wrapper .h-carousel-controls,
    .h-shop-section-carousel .h-carousel-controls {
        justify-content: center;
        padding: 12px 8px 8px;
        gap: 18px;
    }

    .h-shop-tags-row {
        padding: 2px 8px 8px;
    }

    .h-shop-tags-grid {
        grid-template-columns: repeat(auto-fit, minmax(138px, 1fr));
        gap: 8px;
        width: min(1700px, calc(100vw - 10px));
    }

    .h-shop-tag-btn {
        min-height: 34px;
        padding: 8px 14px;
        font-size: 10px;
    }

    .h-paper-section::before {
        height: 0;
    }

    .h-torn-top,
    .h-torn-bottom {
        height: 42px;
    }

    .h-paper-content {
        padding: 18px 0 22px;
    }

    .h-shop-paper-stack .h-paper-section .h-shop-section-main::after {
        top: 16px;
        bottom: auto;
        left: -4px;
        height: 70px;
        width: 78px;
    }

    .h-shop-paper-stack .h-paper-section .h-shop-section-main::before {
        inset: 16px auto auto -4px;
        height: var(--h-shop-contour-corner);
        width: 78px;
    }

    .h-paper-title-wrap {
        gap: 10px;
        margin-bottom: 8px;
    }

    .h-paper-title-wrap,
    .h-shop-material-filter,
    .h-paper-subnav {
        width: calc(100vw - 24px);
        padding-left: 0;
        padding-right: 0;
    }

    .h-shop-material-filter {
        margin-bottom: 10px;
    }

    .h-paper-title {
        font-size: 24px;
    }

    .h-title-dot {
        width: 9px;
        height: 9px;
    }

    .h-subnav-link {
        min-height: 28px;
        padding: 5px 12px;
        font-size: 13px;
    }

    .h-shop-section-carousel {
        max-width: 100%;
        padding-left: 8px;
        padding-right: 8px;
    }

    .h-shop-section-carousel .h-ss-page {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        justify-content: stretch;
        gap: 12px;
        padding: 10px 0 12px;
    }

    .h-shop-section-carousel .h-ss-viewport {
        padding: 22px 0 14px;
        margin: 0;
    }

    .h-shop-section-carousel.is-end-grid .h-ss-page {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        padding: 10px 15px 14px;
    }

    .h-shop-ws-card .h-ss-info {
        min-height: 82px;
        padding: 9px 8px 8px;
        gap: 5px;
    }

    .h-shop-ws-card .h-ss-title {
        font-size: 13px;
        min-height: 16px;
    }

    .h-shop-ws-card .h-ss-price {
        font-size: 17px;
    }

    .h-bs-card.is-sale::before,
    .h-shop-section-carousel .h-ss-cell.is-sale .h-ss-card::before {
        top: 8px;
        left: -54px;
        right: auto;
        width: 160px;
        height: 20px;
        font-size: 10px;
        border-radius: 3px;
    }

    .h-shop-ws-card {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }

:root {
        --h-shop-widget-width: 232px;
        --h-shop-widget-gap: 22px;
        --h-shop-section-left-pad: 40px;
        --h-shop-section-right-pad: 16px;
    }

    .h-shop-widget-title {
        font-size: 16px;
    }

.h-shop-paper-layout {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }

    .h-shop-sections-column::after {
        display: none;
    }

    .h-shop-section-grid {
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        gap: 0;
    }

    .h-shop-section-main .h-shop-section-carousel {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 20px;
        padding-right: 20px;
    }

    .h-shop-widgets-column {
        position: relative;
        top: auto;
        padding: 16px 20px 30px;
    }

    .h-shop-side-widgets {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        width: auto;
        margin: 0;
        padding-top: 0;
        padding-left: 0;
        border-top: 0;
        border-left: 0;
    }

    .h-shop-widget {
        min-height: 118px;
    }

body.historicum-shop-page .h-shop-widgets-column {
        flex: 1 1 auto !important;
        max-width: none !important;
        width: 100% !important;
    }

body.historicum-shop-page .h-shop-nav-hero {
        padding: 104px 24px 76px;
    }

    body.historicum-shop-page .h-shop-nav-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 820px;
    }

    body.historicum-shop-page .h-shop-nav-card {
        min-height: clamp(440px, 60vw, 600px);
    }

body.historicum-shop-page .h-shop-nav-hero {
        padding: 94px 14px 58px;
    }

    body.historicum-shop-page .h-shop-nav-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        max-width: calc(100vw - 28px);
    }

    body.historicum-shop-page .h-shop-nav-card {
        min-height: 0;
        aspect-ratio: 3 / 4;
    }

    body.historicum-shop-page .h-shop-nav-copy {
        min-height: 108px;
        padding: 16px 14px 18px;
    }

    body.historicum-shop-page .h-shop-nav-title-block .h-shop-title {
        font-size: clamp(42px, 12vw, 56px);
        line-height: 1.05;
    }

    body.historicum-shop-page .h-shop-nav-title-block .h-shop-subtitle {
        font-size: clamp(18px, 5vw, 24px);
        line-height: 1.18;
    }

    body.historicum-shop-page .h-shop-nav-card-title {
        font-size: clamp(21px, 5.8vw, 27px);
        line-height: 1.04;
        letter-spacing: 0.03em;
        white-space: nowrap;
        overflow-wrap: normal;
        word-break: normal;
    }

    body.historicum-shop-page .h-shop-nav-card-subtitle {
        font-size: clamp(11px, 2.9vw, 13px);
        line-height: 1.2;
    }

body.historicum-shop-page .h-shop-nav-hero {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-title-block {
        align-items: center !important;
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-title-block .h-shop-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-title-block .h-shop-subtitle {
        width: 100% !important;
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-nav-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        max-width: min(900px, calc(100vw - 48px)) !important;
        gap: 20px !important;
    }

    body.historicum-shop-page .h-shop-nav-card {
        min-height: clamp(360px, 54vw, 560px) !important;
        aspect-ratio: 4 / 5 !important;
    }

body.historicum-shop-page .h-shop-widgets-column,
    body.historicum-shop-page .h-shop-side-widgets {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-paper-layout {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    body.historicum-shop-page .h-shop-header-inner {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    body.historicum-shop-page .h-shop-hero-carousel .h-carousel-controls,
    body.historicum-shop-page .h-shop-section-carousel .h-carousel-controls {
        justify-content: center !important;
        padding: 10px 0 8px !important;
        margin-right: auto !important;
        margin-left: auto !important;
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-section-carousel {
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

body.historicum-shop-page .h-shop-widgets-column,
    body.historicum-shop-page .h-shop-side-widgets {
        display: none !important;
    }

body.historicum-shop-page .h-shop-paper-stack {
        padding-bottom: 0 !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-sections-column > .h-paper-section:last-of-type .h-torn-bottom {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets {
        display: block !important;
        position: relative;
        z-index: 2;
        width: 100%;
        margin: 0;
        padding: 0;
        color: #111111;
        overflow: visible !important;
        background-color: transparent;
        background-image: none;
    }

    body.historicum-shop-page .h-shop-mobile-widget-content {
        position: relative;
        z-index: 1;
        padding: 0 20px 30px !important;
        background-color: var(--h-paper-flat) !important;
        background-image: none !important;
    }

    body.historicum-shop-page .h-shop-mobile-widget-paper {
        position: relative;
        width: min(100%, 620px);
        max-width: 620px;
        margin: 0 auto;
        padding: 22px 0 0;
        color: #111111;
        background: transparent;
        box-shadow: none;
    }

    body.historicum-shop-page .h-shop-mobile-widget-paper::before,
    body.historicum-shop-page .h-shop-mobile-widget-paper::after {
        content: none;
        display: none;
    }

    body.historicum-shop-page .h-shop-mobile-widget-grid {
        position: relative;
        z-index: 1;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
        width: 100%;
    }

    body.historicum-shop-page .h-shop-mobile-widget-link {
        display: flex;
        min-height: 42px;
        align-items: center;
        justify-content: center;
        padding: 10px 14px;
        border: 1px solid rgba(17, 17, 17, 0.78);
        color: #111111;
        font-family: var(--h-font-cinzel);
        font-size: 12px;
        font-weight: 700;
        letter-spacing: 0.06em;
        line-height: 1.1;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
    }

    body.historicum-shop-page .h-shop-mobile-widgets .h-torn-bottom {
        display: block !important;
        position: relative;
        z-index: 5;
        height: var(--h-shop-shared-rip-height) !important;
        margin-bottom: calc(var(--h-shop-shared-rip-height) * -1);
        background: transparent !important;
        background-image: none !important;
        overflow: hidden !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets .h-torn-bottom::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        opacity: 1 !important;
        background-color: var(--h-paper-flat) !important;
        clip-path: polygon(0 68%, 6% 62%, 12% 70%, 18% 64%, 24% 72%, 30% 66%, 36% 74%, 42% 68%, 48% 76%, 54% 70%, 60% 78%, 66% 71%, 72% 77%, 78% 69%, 84% 75%, 90% 67%, 96% 73%, 100% 70%, 100% 100%, 0 100%) !important;
        transform: scaleY(-1) !important;
        transform-origin: center !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets .h-torn-bottom::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        opacity: 1 !important;
        background-color: var(--h-paper-flat) !important;
        background-image: none !important;
        -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        -webkit-mask-size: 112% 100% !important;
        -webkit-mask-repeat: no-repeat !important;
        -webkit-mask-position: var(--h-rip-offset, 62%) top !important;
        mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        mask-size: 112% 100% !important;
        mask-repeat: no-repeat !important;
        mask-position: var(--h-rip-offset, 62%) top !important;
        transform: scaleY(-1) !important;
        transform-origin: center !important;
    }

body.historicum-shop-page,
    body.historicum-shop-page .h-shop-page.h-level-1 {
        overflow-x: hidden !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero {
        min-height: clamp(170px, 24vh, 220px) !important;
        padding: clamp(48px, 7vh, 66px) 0 8px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack {
        margin-top: -86px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active > .h-paper-content,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-grid,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-grid-col,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-shop-section-carousel,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-viewport,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-pages-track {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px 14px !important;
        background: #141414 !important;
        color: #f2cc00 !important;
        font-size: clamp(31px, 8.4vw, 48px) !important;
        line-height: 1.05 !important;
        text-align: center !important;
        -webkit-clip-path: none !important;
        clip-path: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-paper-title .h-paper-title-name,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-paper-title .h-paper-title-suffix {
        display: inline !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-paper-title .h-paper-title-suffix::before {
        content: " " !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 10px 14px !important;
        background: #141414 !important;
        color: #ffffff !important;
        border: 0 !important;
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav::after {
        border-top-color: #ffffff !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav + .h-shop-catnav,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav[hidden] {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav:not([hidden]) {
        display: block !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body .h-shop-catnav {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-viewport {
        overflow: visible !important;
        padding: 8px 0 18px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-pages-track {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        align-items: start !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-page,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-ss-page {
        display: contents !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-cell,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-ss-cell {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

body.historicum-shop-page,
    body.historicum-shop-page .h-shop-page.h-level-1 {
        overflow-x: hidden !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero {
        min-height: clamp(170px, 24vh, 220px) !important;
        padding: clamp(48px, 7vh, 66px) 0 8px !important;
        background:
            linear-gradient(180deg, rgba(9, 9, 6, 0.22) 0%, rgba(0, 0, 0, 0.68) 64%, #000000 100%),
            linear-gradient(90deg, rgba(225, 176, 0, 0.20) 0%, rgba(16, 12, 2, 0.22) 42%, rgba(0, 0, 0, 0.52) 100%) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-bg {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        opacity: 0.48 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero > :not(.h-shop-nav-bg) {
        position: relative !important;
        z-index: 2 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack {
        margin-top: -86px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout {
        display: block !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active > .h-paper-content,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-grid,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-grid-col,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-shop-section-carousel,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-viewport,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-pages-track {
        position: relative !important;
        right: auto !important;
        left: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body {
        display: block !important;
        margin-top: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
        margin-bottom: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title {
        display: block !important;
        width: 100vw !important;
        max-width: 100vw !important;
        padding: 16px 14px !important;
        background: #141414 !important;
        color: #f2cc00 !important;
        font-size: clamp(32px, 8.7vw, 49px) !important;
        line-height: 1.05 !important;
        text-align: center !important;
        -webkit-clip-path: none !important;
        clip-path: none !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-paper-title .h-paper-title-name,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-paper-title .h-paper-title-suffix {
        display: inline !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-paper-title .h-paper-title-suffix::before {
        content: " " !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
        padding: 11px 14px !important;
        background: #141414 !important;
        color: #ffffff !important;
        border: 0 !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav::after {
        border-top-color: #ffffff !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav + .h-shop-catnav,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav[hidden],
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav + .h-shop-catnav.is-collapsed {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav:not([hidden]) {
        display: block !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body .h-shop-catnav {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-controls {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
        min-height: 42px !important;
        margin: 0 8px 12px !important;
        padding: 0 0 10px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-result-count {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        white-space: nowrap !important;
        font-size: clamp(9px, 2.45vw, 11px) !important;
        letter-spacing: 0.04em !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sort {
        flex: 0 1 auto !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        min-width: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sort-label {
        white-space: nowrap !important;
        font-size: 0 !important;
        letter-spacing: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sort-label::after {
        content: "Sort by" !important;
        font-size: clamp(9px, 2.45vw, 11px) !important;
        letter-spacing: 0.04em !important;
        text-transform: uppercase !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sort-select {
        width: auto !important;
        min-width: 112px !important;
        max-width: 38vw !important;
        min-height: 34px !important;
        padding: 6px 8px !important;
        font-size: 12px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-viewport {
        overflow: visible !important;
        padding: 8px 0 14px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-pages-track {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: clamp(6px, 1.9vw, 9px) !important;
        align-items: start !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-page,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-ss-page {
        display: contents !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-cell,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-ss-cell {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-shop-ws-card .h-ss-info,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-info,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-shop-ws-card.is-sale .h-ss-info,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-cell.is-sale .h-shop-ws-card .h-ss-info {
        flex: 0 0 90px !important;
        min-height: 90px !important;
        height: 90px !important;
        max-height: 90px !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 7px !important;
        padding: 9px 7px 10px !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-shop-ws-card .h-ss-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-title {
        min-height: 0 !important;
        margin: 0 !important;
        font-size: clamp(11px, 2.95vw, 13px) !important;
        line-height: 1.15 !important;
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-shop-ws-card .h-ss-bottom-row,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-bottom-row {
        margin: 0 !important;
        justify-content: center !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-shop-ws-card .h-ss-price,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-price {
        min-height: 27px !important;
        padding: 3px 8px !important;
        margin: 0 !important;
        font-size: clamp(15px, 4vw, 18px) !important;
        line-height: 1.05 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-load-more-wrap {
        margin-top: 18px !important;
        padding-top: 10px !important;
    }

body.historicum-shop-page,
    body.historicum-shop-page .h-shop-page.h-level-1 {
        overflow-x: hidden !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero {
        min-height: clamp(170px, 24vh, 220px) !important;
        padding: clamp(48px, 7vh, 66px) 0 8px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack {
        margin-top: -86px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active > .h-paper-content,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-grid,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-grid-col,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-shop-section-carousel,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-viewport,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-pages-track {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px 14px !important;
        background: #141414 !important;
        color: #f2cc00 !important;
        font-size: clamp(31px, 8.4vw, 48px) !important;
        line-height: 1.05 !important;
        text-align: center !important;
        -webkit-clip-path: none !important;
        clip-path: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-paper-title .h-paper-title-name,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-paper-title .h-paper-title-suffix {
        display: inline !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-paper-title .h-paper-title-suffix::before {
        content: " " !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 10px 14px !important;
        background: #141414 !important;
        color: #ffffff !important;
        border: 0 !important;
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav::after {
        border-top-color: #ffffff !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav + .h-shop-catnav,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav[hidden] {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav:not([hidden]) {
        display: block !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body .h-shop-catnav {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-viewport {
        overflow: visible !important;
        padding: 8px 0 18px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-pages-track {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        align-items: start !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-page,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-ss-page {
        display: contents !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-cell,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-ss-cell {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

body.historicum-shop-page .h-shop-mobile-widgets {
        width: 100%;
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
    }

    body.historicum-shop-page .h-shop-mobile-widget-content {
        padding: 0 16px 28px !important;
    }

    body.historicum-shop-page .h-shop-mobile-widget-paper {
        width: 100%;
        max-width: none;
    }

    body.historicum-shop-page .h-shop-mobile-widget-grid {
        grid-template-columns: 1fr;
    }

    body.historicum-shop-page .h-shop-mobile-widget-grid .h-shop-mobile-widget-link:first-of-type {
        margin-top: 12px;
    }

body.historicum-shop-page .h-shop-nav-title-block {
        width: 100% !important;
        max-width: calc(100vw - 28px) !important;
        margin: 0 auto 30px !important;
        align-items: center !important;
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-nav-title-block .h-shop-title,
    body.historicum-shop-page .h-shop-nav-title-block .h-shop-subtitle {
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-nav-grid {
        width: 100% !important;
        max-width: calc(100vw - 28px) !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-title-block {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        max-width: min(920px, calc(100vw - 72px)) !important;
        margin-right: auto !important;
        margin-left: auto !important;
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-title-block .h-shop-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-title-block .h-shop-subtitle {
        width: 100% !important;
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: 100% !important;
        max-width: min(940px, calc(100vw - 72px)) !important;
        gap: 24px !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-copy {
        align-items: center !important;
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-card-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-card-subtitle {
        width: 100% !important;
        text-align: center !important;
    }

body.historicum-shop-page {
        --h-shop-mobile-card-shadow-room: 14px;
    }

    body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card,
    body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card,
    body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card.is-sale,
    body.historicum-shop-page .h-shop-section-carousel .h-ss-cell.is-sale .h-shop-ws-card {
        --h-shop-order-bar-height: 58px !important;
        --h-shop-price-hover-shift: 10px !important;
    }

    body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card .h-ss-info,
    body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-info,
    body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card.is-sale .h-ss-info,
    body.historicum-shop-page .h-shop-section-carousel .h-ss-cell.is-sale .h-shop-ws-card .h-ss-info {
        justify-content: space-between !important;
        min-height: 102px !important;
        padding: 12px 10px !important;
        gap: 10px !important;
    }

    body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card .h-ss-title,
    body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-title,
    body.historicum-shop-page .h-shop-section-carousel .h-ss-cell.is-sale .h-ss-title {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 18px !important;
        overflow: hidden !important;
        color: #ffffff !important;
        font-size: 13px !important;
        line-height: 1.15 !important;
        text-align: center !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        transform: none !important;
        -webkit-line-clamp: unset !important;
        -webkit-box-orient: initial !important;
    }

    body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card .h-ss-bottom-row,
    body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-bottom-row {
        margin-top: auto !important;
    }

    body.historicum-shop-page .h-shop-section-carousel .h-ss-viewport {
        transition: height 220ms ease !important;
    }

    body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track {
        align-items: flex-start !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-section-carousel .h-ss-page,
    body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-ss-page {
        box-sizing: border-box !important;
        padding-right: var(--h-shop-mobile-card-shadow-room) !important;
        padding-left: var(--h-shop-mobile-card-shadow-room) !important;
        overflow: visible !important;
        clip-path: inset(-28px 0 -28px 0) !important;
    }

    body.historicum-shop-page .h-shop-section-carousel .h-ss-cell,
    body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-ss-cell {
        padding-right: 2px !important;
        padding-left: 2px !important;
    }

    body.historicum-shop-page .h-shop-section-carousel.h-carousel-one-row-page .h-ss-viewport {
        padding-bottom: 8px !important;
    }

    body.historicum-shop-page .h-shop-section-carousel.h-carousel-one-row-page .h-ss-page,
    body.historicum-shop-page .h-shop-section-carousel.is-end-grid.h-carousel-one-row-page .h-ss-page {
        padding-bottom: 8px !important;
    }

body.historicum-shop-page {
        --h-shop-mobile-header-inset: 24px;
        --h-shop-mobile-card-shadow-room: 8px;
        --h-shop-mobile-hero-price-bar: 50px;
        --h-shop-mobile-hero-sale-bar: 64px;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero {
        padding: 70px 14px 38px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-title-block {
        max-width: calc(100vw - 44px) !important;
        margin: 0 auto 16px !important;
        align-items: center !important;
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-title-block .h-shop-title {
        width: 100% !important;
        font-size: clamp(42px, 12vw, 58px) !important;
        line-height: 1.04 !important;
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-title-block .h-shop-subtitle {
        width: 100% !important;
        font-family: var(--h-font-cormorant) !important;
        font-size: clamp(19px, 5vw, 25px) !important;
        font-weight: 500 !important;
        line-height: 1.1 !important;
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        width: min(100%, calc(100vw - 34px)) !important;
        max-width: calc(100vw - 34px) !important;
        gap: clamp(14px, 4vw, 18px) !important;
        justify-content: stretch !important;
        align-items: stretch !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-card {
        aspect-ratio: 1 / 1 !important;
        min-height: 0 !important;
        min-width: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-copy {
        min-height: 90px !important;
        align-items: center !important;
        padding: 10px 8px 12px !important;
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-card-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-card-subtitle {
        width: 100% !important;
        max-width: 100% !important;
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-card-title {
        font-size: clamp(21px, 5.8vw, 27px) !important;
        line-height: 1.04 !important;
        letter-spacing: 0.03em !important;
        white-space: nowrap !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        hyphens: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-card-subtitle {
        font-size: clamp(11px, 2.8vw, 13px) !important;
        line-height: 1.18 !important;
    }

    /* Mobile shop product-card contract:
       two readable columns, square image area, and one fixed info area so every
       product keeps the same form whether the item is discounted or regular. */
    body.historicum-shop-page .h-paper-title {
        max-width: 100% !important;
        font-size: clamp(20px, 5.8vw, 24px) !important;
        line-height: 1.06 !important;
    }

    body.historicum-shop-page .h-shop-section-main {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

    body.historicum-shop-page .h-shop-section-main .h-shop-section-carousel {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    body.historicum-shop-page .h-shop-section-carousel .h-ss-page,
    body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-ss-page {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        padding-right: var(--h-shop-mobile-card-shadow-room) !important;
        padding-left: var(--h-shop-mobile-card-shadow-room) !important;
    }

    body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card .h-ss-info,
    body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-info,
    body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card.is-sale .h-ss-info,
    body.historicum-shop-page .h-shop-section-carousel .h-ss-cell.is-sale .h-shop-ws-card .h-ss-info {
        min-height: 112px !important;
        padding: 13px 10px 12px !important;
    }

    body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card .h-ss-title,
    body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-title,
    body.historicum-shop-page .h-shop-section-carousel .h-ss-cell.is-sale .h-ss-title {
        font-size: 14px !important;
        line-height: 1.16 !important;
    }

    body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card .h-ss-price,
    body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-price {
        font-size: 17px !important;
    }

    body.historicum-shop-page .h-shop-header-inner {
        padding: 18px 0 20px !important;
    }

    body.historicum-shop-page .h-shop-header-row {
        width: 100% !important;
        max-width: none !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 10px !important;
        box-sizing: border-box !important;
        padding-right: var(--h-shop-mobile-header-inset) !important;
        padding-left: var(--h-shop-mobile-header-inset) !important;
    }

    body.historicum-shop-page .h-shop-title-block,
    body.historicum-shop-page .h-shop-breadcrumb {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        grid-column: 1 / -1 !important;
        justify-self: start !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        text-align: left !important;
    }

    body.historicum-shop-page .h-shop-breadcrumb {
        display: block !important;
        align-self: start !important;
        margin-top: 4px !important;
        font-size: 16px !important;
        line-height: 1.2 !important;
    }

    body.historicum-shop-page .h-shop-hero-carousel .h-carousel-page-indicator {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-hero-carousel .h-bs-slide {
        flex: 0 0 160px !important;
        min-height: 0 !important;
    }

    body.historicum-shop-page .h-shop-hero-carousel .h-bs-card {
        --h-shop-hero-order-bar-height: var(--h-shop-mobile-hero-price-bar);
        height: 100% !important;
        min-height: 0 !important;
    }

    body.historicum-shop-page .h-shop-hero-carousel .h-bs-card.is-sale {
        --h-shop-hero-order-bar-height: var(--h-shop-mobile-hero-sale-bar);
    }

    body.historicum-shop-page .h-shop-hero-carousel .h-bs-info {
        min-height: 112px !important;
        padding: 10px 9px 11px !important;
        display: flex !important;
        flex: 1 1 auto !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        gap: 7px !important;
    }

    body.historicum-shop-page .h-shop-hero-carousel .h-bs-title {
        min-height: 32px !important;
        margin: 0 !important;
        font-size: 12px !important;
        line-height: 1.18 !important;
    }

    body.historicum-shop-page .h-shop-hero-carousel .h-bs-bottom-row {
        width: 100% !important;
        min-height: 42px !important;
        margin-top: auto !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: center !important;
        gap: 0 !important;
    }

    body.historicum-shop-page .h-shop-hero-carousel .h-bs-reviews {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-hero-carousel .h-bs-price {
        width: min(100%, 132px) !important;
        min-height: 34px !important;
        margin: 0 auto !important;
        padding: 4px 7px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 2px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    body.historicum-shop-page .h-shop-hero-carousel .h-bs-price ins,
    body.historicum-shop-page .h-shop-hero-carousel .h-bs-price > .woocommerce-Price-amount {
        order: 1 !important;
        display: block !important;
        max-width: 100% !important;
        font-size: 1.1em !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    body.historicum-shop-page .h-shop-hero-carousel .h-bs-price del {
        order: 2 !important;
        display: block !important;
        max-width: 100% !important;
        font-size: 0.74em !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    body.historicum-shop-page .h-shop-hero-carousel .h-bs-price .h-lowest-price-note {
        order: 3 !important;
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        color: rgba(255, 255, 255, 0.72) !important;
        font-size: 8px !important;
        font-weight: 500 !important;
        line-height: 1 !important;
        text-align: center !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
    }

    body.historicum-shop-page .h-shop-hero-carousel .h-bs-info::after {
        top: auto !important;
        bottom: 0 !important;
        height: var(--h-shop-hero-order-bar-height) !important;
    }

    body.tax-product_cat:not(.historicum-shop-page) .woocommerce-breadcrumb,
    body.post-type-archive-product:not(.historicum-shop-page) .woocommerce-breadcrumb {
        display: block !important;
        box-sizing: border-box !important;
        width: 100% !important;
        margin: 8px 0 0 !important;
        padding-right: 24px !important;
        padding-left: 24px !important;
        color: #ffffff !important;
        font-family: var(--h-font-cormorant);
        font-size: 16px !important;
        line-height: 1.2 !important;
        text-align: left !important;
    }

    body.tax-product_cat:not(.historicum-shop-page) .woocommerce-breadcrumb a,
    body.post-type-archive-product:not(.historicum-shop-page) .woocommerce-breadcrumb a {
        color: #ffffff !important;
        text-decoration: none !important;
    }

body.historicum-shop-page .h-shop-section-main .h-paper-title-wrap,
    body.historicum-shop-page .h-shop-section-main .h-shop-material-filter,
    body.historicum-shop-page .h-shop-section-main .h-paper-subnav,
    body.historicum-shop-page .h-shop-section-main .h-shop-filter-row {
        padding-left: 10px !important;
        padding-right: 10px !important;
        width: calc(100% - 20px) !important;
        margin-left: 0 !important;
    }

body.historicum-shop-page .h-shop-hero-carousel .h-bs-wrapper {
        touch-action: pan-y !important;
    }

    body.historicum-shop-page .h-shop-fighter-carousel,
    body.historicum-shop-page .h-shop-hero-carousel .h-bs-carousel {
        touch-action: pan-x pan-y !important;
        overscroll-behavior-x: contain !important;
        overscroll-behavior-y: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero {
        padding-bottom: 16px !important;
    }
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-title-block {
        margin-bottom: 52px !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-card-title {
        min-height: 22px !important;
        font-size: clamp(15px, 4.4vw, 19px) !important;
        line-height: 1.05 !important;
    }
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-card-subtitle {
        min-height: 26px !important;
        font-size: clamp(9px, 2.2vw, 10px) !important;
        line-height: 1.15 !important;
    }
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-copy {
        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-end !important;
    }

body.historicum-shop-page .h-shop-title-text,
    body.historicum-shop-page .h-paper-title {
        font-size: clamp(18px, 5.5vw, 30px) !important;
        word-break: break-word;
        overflow-wrap: break-word;
        max-width: 100% !important;
    }
    body.historicum-shop-page .h-shop-title {
        max-width: calc(100vw - 28px);
    }

body.historicum-shop-page .h-shop-title-text {
        font-size: clamp(18px, 5.2vw, 26px) !important;
    }
    body.historicum-shop-page .h-paper-title {
        font-size: clamp(15px, 4.6vw, 22px) !important;
    }
    body.historicum-shop-page .h-shop-header-inner,
    body.historicum-shop-page .h-shop-header-row,
    body.historicum-shop-page .h-shop-title-block {
        max-width: calc(100vw - 28px) !important;
    }

body.historicum-shop-page .h-paper-section .h-paper-content {
        overflow: visible;
    }
    body.historicum-shop-page .h-shop-section-main .h-shop-section-carousel {
        position: relative;
        width: 100%;
        max-width: 100vw;
        left: 50%;
        margin-left: -50vw;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }
    body.historicum-shop-page .h-shop-section-carousel .h-ss-page {
        padding-left: 10px;
        padding-right: 10px;
    }

body.historicum-shop-page,
    body.historicum-shop-page .h-shop-page,
    body.historicum-shop-page .h-shop-header-hero,
    body.historicum-shop-page .h-shop-hero-carousel,
    body.historicum-shop-page .h-shop-hero-carousel .h-bs-wrapper {
        touch-action: pan-y;
    }

    body.historicum-shop-page .h-shop-hero-carousel .h-bs-carousel,
    body.historicum-shop-page .h-shop-fighter-carousel {
        touch-action: pan-x pan-y;
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
        scroll-behavior: auto;
    }

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-card-title {
        margin-bottom: 2px;
    }

body.historicum-shop-page .h-shop-section-main .h-paper-title-wrap,
    body.historicum-shop-page .h-shop-section-main .h-paper-title-wrap .h-paper-title {
        text-align: left;
        padding-left: 10px;
        margin-left: 0;
    }
    body.historicum-shop-page .h-shop-section-main .h-paper-title-link {
        display: inline-block;
        padding-left: 0;
    }

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-title-block {
        gap: 10px !important;
        margin-bottom: 10px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-title-block .h-shop-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-title-block .h-shop-title-text {
        font-size: clamp(50px, 14.4vw, 70px) !important;
        line-height: 0.96 !important;
        margin-bottom: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-title-block .h-shop-subtitle {
        margin-top: 0 !important;
        line-height: 1.03 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero {
        padding-bottom: 8px !important;
    }

    body.historicum-shop-page .h-shop-nav-hero + .h-shop-paper-stack {
        padding-top: 18px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero::after {
        content: none !important;
        display: none !important;
        background: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-bg {
        bottom: -86px !important;
    }

    body.historicum-shop-page .h-shop-bg-overlay {
        bottom: -112px !important;
    }

    body.historicum-shop-page .h-shop-section-main .h-paper-title-wrap,
    body.historicum-shop-page .h-shop-section-main .h-shop-filter-group,
    body.historicum-shop-page .h-shop-section-main .h-shop-material-filter,
    body.historicum-shop-page .h-shop-section-main .h-paper-subnav {
        padding-left: 10px !important;
    }

    body.historicum-shop-page .h-shop-section-main .h-paper-title-wrap .h-paper-title {
        font-size: clamp(18px, 5.5vw, 26px) !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    body.historicum-shop-page .h-shop-section-main .h-shop-filter-group {
        padding-left: 10px !important;
    }

    body.historicum-shop-page .h-shop-section-main {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    body.historicum-shop-page .h-shop-section-main .h-shop-section-carousel {
        position: relative !important;
        left: 50% !important;
        width: 100% !important;
        max-width: 100vw !important;
        margin-right: 0 !important;
        margin-left: -50vw !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        overflow: hidden !important;
        clip-path: none !important;
    }

    body.historicum-shop-page .h-shop-section-carousel .h-ss-viewport {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        clip-path: none !important;
        padding: 8px 0 18px !important;
    }

    body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track {
        display: flex !important;
        align-items: flex-start !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-section-carousel .h-ss-page,
    body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-ss-page {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        padding: 8px 10px 18px !important;
        overflow: visible !important;
        clip-path: none !important;
    }

    body.historicum-shop-page .h-shop-section-carousel .h-ss-cell,
    body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-ss-cell {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 0 0 20px !important;
    }

    body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card,
    body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card,
    body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card.is-sale,
    body.historicum-shop-page .h-shop-section-carousel .h-ss-cell.is-sale .h-shop-ws-card {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }

    body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card .h-ss-image,
    body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-image {
        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        flex: 0 0 auto !important;
    }

    body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card .h-ss-info,
    body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-info,
    body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card.is-sale .h-ss-info,
    body.historicum-shop-page .h-shop-section-carousel .h-ss-cell.is-sale .h-shop-ws-card .h-ss-info {
        flex: 0 0 108px !important;
        height: 108px !important;
        min-height: 108px !important;
        max-height: 108px !important;
        padding: 12px 10px !important;
        justify-content: center !important;
        gap: 4px !important;
    }

body.historicum-shop-page .h-shop-hero-carousel .h-bs-carousel {
        overflow-x: auto !important;
        overflow-y: visible !important;
    }

body.historicum-shop-page .h-shop-section-carousel .h-ss-viewport,
    body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track,
    body.historicum-shop-page .h-shop-section-carousel .h-ss-page {
        touch-action: pan-y !important;
        overscroll-behavior-y: auto !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero {
        position: relative !important;
        overflow: visible !important;
        isolation: isolate !important;
        background-color: #000000 !important;
        padding-bottom: 8px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero::before {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        top: auto !important;
        right: 0 !important;
        bottom: -42px !important;
        left: 0 !important;
        height: 150px !important;
        z-index: 0 !important;
        pointer-events: none !important;
        background: linear-gradient(
            180deg,
            rgba(0, 0, 0, 0) 0%,
            rgba(0, 0, 0, 0.12) 34%,
            rgba(0, 0, 0, 0.46) 68%,
            rgba(0, 0, 0, 0.92) 100%
        ) !important;
        opacity: 1 !important;
        mix-blend-mode: normal !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero::after {
        content: none !important;
        display: none !important;
        background: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-bg {
        top: 0 !important;
        bottom: -86px !important;
        z-index: 1 !important;
        opacity: 0.13 !important;
        mix-blend-mode: normal !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero-inner,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-grid {
        position: relative !important;
        z-index: 3 !important;
    }

    body.historicum-shop-page .h-shop-nav-hero + .h-shop-paper-stack {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

.h-shop-tag-btn,
    .h-material-filter-btn,
    .h-tag-filter-btn {
        min-height: 44px !important;
        padding: 10px 16px !important;
    }

    .h-shop-widget-select {
        min-height: 44px !important;
        padding: 8px 28px 8px 12px !important;
    }

    .h-subnav-link {
        min-height: 44px !important;
        padding: 10px 14px !important;
    }

.h-shop-load-more-results { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.h-shop-tabs { gap: 4px; padding: 0 10px; margin-bottom: -10px; }
    .h-shop-tab { font-size: 13px; padding: 10px 14px 18px; }
    .h-shop-tab-panel .h-paper-subnav { gap: 6px; }
    .h-shop-tab-panel .h-paper-subnav .h-subnav-link { font-size: 12px; padding: 8px 12px; }

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-card {
        aspect-ratio: 1 / 1 !important;
        max-height: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-copy {
        top: auto !important;
        bottom: 0 !important;
    }

.h-shop-section-main .h-shop-section-body { flex-direction: column; }
    .h-shop-section-body .h-shop-catnav { flex: 1 1 auto; width: 100%; max-width: 100%; }

.h-shop-sections-column .h-shop-tabs {
        flex-wrap: nowrap !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        margin-bottom: -10px;
    }
    .h-shop-sections-column .h-shop-tabs::-webkit-scrollbar { display: none; }
    .h-shop-tabs .h-shop-tab { flex: 0 0 auto; }

.h-shop-collapse-toggle {
        display: block; width: 100%;
        font-family: var(--h-font-cinzel, 'Cinzel', serif); font-size: 13px; font-weight: 700;
        letter-spacing: 0.06em; text-transform: uppercase; color: #fff; background: #111;
        border: 0; padding: 11px 14px; margin: 0 0 8px; cursor: pointer; text-align: left;
    }
    .h-shop-catnav.is-collapsed .h-catnav-group,
    .h-shop-catnav.is-collapsed .h-catnav-filterby { display: none !important; }
    .h-shop-side-widgets.is-collapsed .h-shop-widget,
    .h-shop-side-widgets.is-collapsed .h-shop-widget-clear { display: none !important; }

.h-shop-section-body .h-shop-catnav { flex: 1 1 auto; width: 100%; max-width: 100%; }

body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track,
    .h-shop-section-carousel .h-ss-pages-track { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }

body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track,
    .h-shop-section-carousel .h-ss-pages-track { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }

body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track,
    .h-shop-section-carousel .h-ss-pages-track { grid-template-columns: repeat(5, minmax(0,1fr)) !important; }

body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track,
    .h-shop-section-carousel .h-ss-pages-track { grid-template-columns: repeat(4, minmax(0,1fr)) !important; }

body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track,
    .h-shop-section-carousel .h-ss-pages-track { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }

body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track,
    .h-shop-section-carousel .h-ss-pages-track { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 12px !important; }

body.historicum-shop-page .h-shop-paper-layout {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }
    body.historicum-shop-page .h-shop-sections-column { width: 100% !important; }
    body.historicum-shop-page .h-shop-widgets-column {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        top: auto !important;
        margin: 0 !important;
        padding: 4px 10px 24px !important;
        align-self: stretch !important;
    }
    /* widgets as a tidy connected grid under the products */
    body.historicum-shop-page .h-shop-side-widgets {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0 !important;
        background: #f5f0e6 !important;
    }
    body.historicum-shop-page .h-shop-side-widgets .h-shop-widget-clear,
    body.historicum-shop-page .h-shop-side-widgets .h-catnav-clear { grid-column: 1 / -1 !important; }
    /* banner full width on mobile so it reads as a header */
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title { max-width: 100% !important; width: 100% !important; }
    body.historicum-shop-page .h-shop-section-main .h-paper-title-wrap .h-paper-title { font-size: clamp(26px, 7vw, 40px) !important; }

body.historicum-shop-page .h-shop-side-widgets { grid-template-columns: 1fr !important; }

padding-left: 8px !important;

body.historicum-shop-page .h-shop-controls { gap: 10px !important; }
    body.historicum-shop-page .h-shop-result-count { font-size: 11px !important; }

body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }

body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }

body.historicum-shop-page .h-shop-page { background-attachment: scroll, scroll !important; }

body.historicum-shop-page .h-shop-paper-layout { display: flex !important; flex-direction: column !important; }
    /* section tiles scroll horizontally */
    body.historicum-shop-page .h-shop-sections-column .h-shop-tabs {
        flex-wrap: nowrap !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important;
        scrollbar-width: none !important; gap: 10px !important;
    }
    body.historicum-shop-page .h-shop-sections-column .h-shop-tabs::-webkit-scrollbar { display: none !important; }
    body.historicum-shop-page .h-shop-tabs .h-shop-tab-thumb { width: 64px !important; height: 64px !important; }
    body.historicum-shop-page .h-shop-tabs .h-shop-tab-name { font-size: var(--h-shop-tile-title-size) !important; }
    /* nav becomes a full-width block above the grid (not sticky) */
    body.historicum-shop-page .h-shop-section-body { flex-direction: column !important; }
    body.historicum-shop-page .h-shop-section-body .h-shop-catnav { position: static !important; width: 100% !important; max-width: 100% !important; }
    /* controls bar: count on one line, sort full width below */
    body.historicum-shop-page .h-shop-controls { flex-direction: column !important; align-items: stretch !important; gap: 8px !important; }
    body.historicum-shop-page .h-shop-sort { justify-content: space-between !important; }
    body.historicum-shop-page .h-shop-sort-select { flex: 1 1 auto !important; }
    /* 2 products per row */
    body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 10px !important; }
    /* banner full width */
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap { width: 100% !important; max-width: 100% !important; }
    /* widgets below the grid, normal flow */
    body.historicum-shop-page .h-shop-widgets-column { padding-top: 16px !important; position: static !important; top: auto !important; width: 100% !important; }

/* consistent side padding so nothing jams to the left edge */
    body.historicum-shop-page { --h-shop-section-left-pad: 16px !important; --h-shop-section-right-pad: 16px !important; }
    body.historicum-shop-page .h-shop-paper-layout { display: block !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; }
    body.historicum-shop-page .h-shop-sections-column,
    body.historicum-shop-page .h-shop-widgets-column { width: 100% !important; max-width: 100% !important; float: none !important; }
    body.historicum-shop-page .h-shop-section-main { padding-left: 16px !important; padding-right: 16px !important; box-sizing: border-box !important; }
    body.historicum-shop-page .h-shop-section-grid { padding-left: 0 !important; padding-right: 0 !important; }

    /* nav stacks above grid, full width, not sticky */
    body.historicum-shop-page .h-shop-section-body { display: flex !important; flex-direction: column !important; gap: 12px !important; align-items: stretch !important; }
    body.historicum-shop-page .h-shop-section-body .h-shop-catnav { position: static !important; width: 100% !important; max-width: 100% !important; margin-top: 0 !important; }

    /* banner one single line, full width */
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap { width: 100% !important; max-width: 100% !important; }
    body.historicum-shop-page .h-shop-section-main .h-paper-title .h-paper-title-name { display: inline !important; }
    body.historicum-shop-page .h-shop-section-main .h-paper-title .h-paper-title-suffix { display: inline !important; }
    body.historicum-shop-page .h-shop-section-main .h-paper-title .h-paper-title-suffix::before { content: ' ' !important; }

    /* tiles scroll horizontally, smaller */
    body.historicum-shop-page .h-shop-sections-column .h-shop-tabs { flex-wrap: nowrap !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; scrollbar-width: none !important; }
    body.historicum-shop-page .h-shop-sections-column .h-shop-tabs::-webkit-scrollbar { display: none !important; }
    body.historicum-shop-page .h-shop-tabs .h-shop-tab-thumb { width: 64px !important; height: 64px !important; }
    body.historicum-shop-page .h-shop-tabs .h-shop-tab-name { font-size: var(--h-shop-tile-title-size) !important; }

    /* controls stack */
    body.historicum-shop-page .h-shop-controls { flex-direction: column !important; align-items: stretch !important; gap: 8px !important; }
    body.historicum-shop-page .h-shop-sort { justify-content: space-between !important; }
    body.historicum-shop-page .h-shop-sort-select { flex: 1 1 auto !important; }

    /* 2 products per row, centred */
    body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 10px !important; }

    /* widgets below, normal flow */
    body.historicum-shop-page .h-shop-widgets-column { position: static !important; top: auto !important; padding: 16px !important; }

    /* don't show Clear filters by default on mobile */
    body.historicum-shop-page .h-shop-catnav .h-catnav-clear { display: none !important; }

body.historicum-shop-page .h-shop-bg-overlay,
    body.historicum-shop-page .h-shop-nav-bg {
        display: block !important;
    }

body.historicum-shop-page .h-shop-paper-layout,
    body.historicum-shop-page .h-shop-sections-column,
    body.historicum-shop-page .h-shop-section-grid,
    body.historicum-shop-page .h-shop-section-main,
    body.historicum-shop-page .h-shop-section-body,
    body.historicum-shop-page .h-shop-grid-col,
    body.historicum-shop-page .h-shop-section-carousel,
    body.historicum-shop-page .h-shop-widgets-column {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    body.historicum-shop-page .h-shop-paper-layout { display: block !important; padding: 0 !important; }
    body.historicum-shop-page .h-shop-section-grid { padding: 0 !important; }
    body.historicum-shop-page .h-shop-section-main { padding-left: 10px !important; padding-right: 10px !important; box-sizing: border-box !important; }

    /* categories + filters: full width, no card edges/rounding */
    body.historicum-shop-page .h-shop-section-body { display: block !important; }
    body.historicum-shop-page .h-shop-section-body .h-shop-catnav {
        position: static !important; width: 100% !important; max-width: 100% !important;
        border: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin: 0 0 12px !important;
    }
    body.historicum-shop-page .h-shop-catnav .h-catnav-acc-sub[hidden],
    body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub[hidden] { display: none !important; }

    /* banner: centered full-width single line, no flag notch */
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
        width: 100% !important; max-width: 100% !important; margin-left: 0 !important; margin-right: 0 !important;
    }
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title {
        -webkit-clip-path: none !important; clip-path: none !important; text-align: center !important;
    }
    body.historicum-shop-page .h-shop-section-main .h-paper-title .h-paper-title-name { display: inline !important; }
    body.historicum-shop-page .h-shop-section-main .h-paper-title .h-paper-title-suffix { display: inline !important; }

    /* tiles scroll, 2-col grid filling width */
    body.historicum-shop-page .h-shop-sections-column .h-shop-tabs { flex-wrap: nowrap !important; overflow-x: auto !important; scrollbar-width: none !important; }
    body.historicum-shop-page .h-shop-sections-column .h-shop-tabs::-webkit-scrollbar { display: none !important; }
    body.historicum-shop-page .h-shop-tabs .h-shop-tab-thumb { width: 62px !important; height: 62px !important; }
    body.historicum-shop-page .h-shop-section-carousel .h-ss-pages-track { grid-template-columns: repeat(2, minmax(0,1fr)) !important; gap: 10px !important; width: 100% !important; }

    /* controls stack; widgets below */
    body.historicum-shop-page .h-shop-controls { flex-direction: column !important; align-items: stretch !important; gap: 8px !important; }
    body.historicum-shop-page .h-shop-widgets-column { position: static !important; top: auto !important; padding: 16px 10px !important; }
    body.historicum-shop-page .h-shop-catnav .h-catnav-clear { display: none !important; }

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack {
        margin-top: -53px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column .h-shop-tabs {
        gap: 14px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab-thumb {
        width: 92px !important;
        height: 92px !important;
        border-radius: 10px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab-name {
        font-size: 16px !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body .h-shop-catnav,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-widgets-column {
        position: static !important;
        top: auto !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-widgets-column {
        padding: 18px 14px 0 !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column .h-shop-tabs {
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        padding: 8px 12px 10px !important;
        scroll-snap-type: x proximity !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab.h-shop-tab--tile {
        flex: 0 0 auto !important;
        scroll-snap-align: start !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main {
        padding-top: 18px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-controls {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sort,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sort-select {
        width: 100% !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero {
        min-height: clamp(250px, 38vh, 330px) !important;
        padding: clamp(76px, 11vh, 96px) 0 22px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack {
        margin-top: -40px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel.is-active,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-content,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-grid,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-grid-col,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column .h-shop-tabs {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        align-items: start !important;
        justify-items: center !important;
        gap: 4px !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 !important;
        padding: 8px 8px 12px !important;
        overflow: visible !important;
        scroll-snap-type: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab.h-shop-tab--tile {
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: 0 1 auto !important;
        scroll-snap-align: unset !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab-thumb {
        width: 100% !important;
        max-width: 96px !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab-name {
        max-width: 100% !important;
        font-size: clamp(11px, 3vw, 14px) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title {
        width: 100vw !important;
        max-width: 100vw !important;
        padding: 13px 16px !important;
        text-align: center !important;
        -webkit-clip-path: none !important;
        clip-path: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100vw !important;
        max-width: 100vw !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 12px 16px !important;
        border-top: 1px solid rgba(242, 204, 0, 0.28) !important;
        border-bottom: 1px solid rgba(242, 204, 0, 0.28) !important;
        background: #141414 !important;
        color: #f2cc00 !important;
        font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
        font-size: 13px !important;
        font-weight: 800 !important;
        letter-spacing: 0.08em !important;
        line-height: 1 !important;
        text-align: left !important;
        text-transform: uppercase !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav::after {
        content: "" !important;
        width: 0 !important;
        height: 0 !important;
        border-right: 5px solid transparent !important;
        border-left: 5px solid transparent !important;
        border-top: 6px solid #f2cc00 !important;
        transition: transform 0.16s ease !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav.is-open::after {
        transform: rotate(180deg) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav + .h-shop-catnav.is-collapsed {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body .h-shop-catnav {
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 0 12px !important;
        border: 0 !important;
        background: var(--h-shop-ux-paper-soft) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-header {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav.is-collapsed .h-catnav-group,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav.is-collapsed .h-catnav-filterby,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav.is-collapsed .h-shop-filter-group,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav.is-collapsed .h-catnav-clear,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav.is-collapsed .h-catnav-filters-dynamic {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-controls {
        width: auto !important;
        margin: 0 10px 14px !important;
        padding: 10px 0 12px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel {
        padding: 0 !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-viewport {
        margin: 0 !important;
        padding: 8px 0 18px !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-pages-track,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-page {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-page,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-ss-page {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 0 0 18px !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-load-more-wrap {
        margin-bottom: 0 !important;
        padding-bottom: 18px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active .h-torn-bottom {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets {
        display: block !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 calc(50% - 50vw) !important;
        padding: 0 !important;
        background: transparent !important;
    }

    body.historicum-shop-page .h-shop-mobile-widget-content {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding: 18px 10px 28px !important;
        background-color: var(--h-paper-flat, var(--h-shop-ux-paper)) !important;
    }

    body.historicum-shop-page .h-shop-mobile-widget-paper {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.historicum-shop-page .h-shop-mobile-widget-grid {
        gap: 10px !important;
    }

    body.historicum-shop-page .h-shop-mobile-widget-link,
    body.historicum-shop-page .h-shop-mobile-widget-link-measurement {
        background: #f2cc00 !important;
        color: #141414 !important;
        border-color: #caa20a !important;
        box-shadow: none !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets .h-torn-bottom {
        margin-bottom: calc(var(--h-shop-shared-rip-height, 60px) * -1) !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets .h-torn-bottom::before {
        opacity: 0 !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets .h-torn-bottom::after {
        -webkit-mask-size: 112% 100% !important;
        mask-size: 112% 100% !important;
        -webkit-mask-position: var(--h-rip-offset, 62%) top !important;
        mask-position: var(--h-rip-offset, 62%) top !important;
    }

body.historicum-shop-page {
        overflow-x: hidden !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero {
        min-height: clamp(175px, 27vh, 235px) !important;
        padding: clamp(52px, 8vh, 72px) 0 10px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack {
        margin-top: -78px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
        padding: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active > .h-paper-content,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-grid,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-grid-col,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-viewport,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-pages-track {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title {
        width: 100% !important;
        max-width: 100% !important;
        padding: 13px 16px !important;
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav {
        justify-content: center !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 38px !important;
        padding: 10px 16px !important;
        border-top: 0 !important;
        border-bottom: 0 !important;
        background: #141414 !important;
        color: #ffffff !important;
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav::after {
        border-top-color: #ffffff !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav + .h-shop-catnav {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav {
        display: block !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body .h-shop-catnav {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-viewport {
        padding: 8px 0 18px !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-pages-track {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        padding: 0 !important;
        transform: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-page,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-ss-page {
        display: contents !important;
        padding: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-cell,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-ss-cell {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
        background: transparent !important;
    }

    body.historicum-shop-page .h-shop-mobile-widget-content {
        padding: 18px 10px 28px !important;
        background:
            radial-gradient(ellipse at center, rgba(245, 240, 230, 0) 44%, rgba(150, 120, 80, 0.12) 100%),
            #f5f0e6 !important;
    }

    body.historicum-shop-page .h-shop-mobile-widget-link,
    body.historicum-shop-page .h-shop-mobile-widget-link.h-shop-mobile-widget-link-measurement {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 44px !important;
        padding: 10px 14px !important;
        border: 1px solid #caa20a !important;
        background: #f2cc00 !important;
        color: #141414 !important;
        box-shadow: none !important;
        font-weight: 800 !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets .h-torn-bottom {
        display: block !important;
        height: 48px !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        background: transparent !important;
        overflow: hidden !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets .h-torn-bottom::before {
        opacity: 0 !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets .h-torn-bottom::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        opacity: 1 !important;
        background:
            radial-gradient(ellipse at center, rgba(245, 240, 230, 0) 44%, rgba(150, 120, 80, 0.12) 100%),
            #f5f0e6 !important;
        -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        -webkit-mask-size: 112% 100% !important;
        -webkit-mask-repeat: no-repeat !important;
        -webkit-mask-position: var(--h-rip-offset, 62%) top !important;
        mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        mask-size: 112% 100% !important;
        mask-repeat: no-repeat !important;
        mask-position: var(--h-rip-offset, 62%) top !important;
        transform: scaleY(-1) !important;
        transform-origin: center !important;
    }

body.historicum-shop-page,
    body.historicum-shop-page .h-shop-page.h-level-1 {
        overflow-x: hidden !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero {
        min-height: clamp(170px, 24vh, 220px) !important;
        padding: clamp(48px, 7vh, 66px) 0 8px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack {
        margin-top: -86px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active > .h-paper-content,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-grid,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-grid-col,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-shop-section-carousel,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-viewport,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-pages-track {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 15px 14px !important;
        background: #141414 !important;
        color: #f2cc00 !important;
        font-size: clamp(31px, 8.4vw, 48px) !important;
        line-height: 1.05 !important;
        text-align: center !important;
        -webkit-clip-path: none !important;
        clip-path: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-paper-title .h-paper-title-name,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-paper-title .h-paper-title-suffix {
        display: inline !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-paper-title .h-paper-title-suffix::before {
        content: " " !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 10px 14px !important;
        background: #141414 !important;
        color: #ffffff !important;
        border: 0 !important;
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav::after {
        border-top-color: #ffffff !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav + .h-shop-catnav,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav[hidden] {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav:not([hidden]) {
        display: block !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body .h-shop-catnav {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-viewport {
        overflow: visible !important;
        padding: 8px 0 18px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-pages-track {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        align-items: start !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-page,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-ss-page {
        display: contents !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-cell,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-ss-cell {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

body.historicum-shop-page,
    body.historicum-shop-page .h-shop-page.h-level-1 {
        overflow-x: hidden !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero {
        min-height: clamp(170px, 24vh, 220px) !important;
        padding: clamp(48px, 7vh, 66px) 0 8px !important;
        background:
            linear-gradient(180deg, rgba(9, 9, 6, 0.22) 0%, rgba(0, 0, 0, 0.68) 64%, #000000 100%),
            linear-gradient(90deg, rgba(225, 176, 0, 0.20) 0%, rgba(16, 12, 2, 0.22) 42%, rgba(0, 0, 0, 0.52) 100%) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-bg {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 0 !important;
        width: 100% !important;
        height: 100% !important;
        background-size: cover !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
        opacity: 0.48 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero > :not(.h-shop-nav-bg) {
        position: relative !important;
        z-index: 2 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack {
        margin-top: -86px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout {
        display: block !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active > .h-paper-content,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-grid,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-grid-col,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-shop-section-carousel,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-viewport,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-pages-track {
        position: relative !important;
        right: auto !important;
        left: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body {
        display: block !important;
        margin-top: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
        margin-bottom: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title {
        display: block !important;
        width: 100vw !important;
        max-width: 100vw !important;
        padding: 16px 14px !important;
        background: #141414 !important;
        color: #f2cc00 !important;
        font-size: clamp(32px, 8.7vw, 49px) !important;
        line-height: 1.05 !important;
        text-align: center !important;
        -webkit-clip-path: none !important;
        clip-path: none !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-paper-title .h-paper-title-name,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-paper-title .h-paper-title-suffix {
        display: inline !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-paper-title .h-paper-title-suffix::before {
        content: " " !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
        padding: 11px 14px !important;
        background: #141414 !important;
        color: #ffffff !important;
        border: 0 !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav::after {
        border-top-color: #ffffff !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav + .h-shop-catnav,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav[hidden],
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav + .h-shop-catnav.is-collapsed {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav:not([hidden]) {
        display: block !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body .h-shop-catnav {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-controls {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
        min-height: 42px !important;
        margin: 0 8px 12px !important;
        padding: 0 0 10px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-result-count {
        flex: 1 1 auto !important;
        min-width: 0 !important;
        white-space: nowrap !important;
        font-size: clamp(9px, 2.45vw, 11px) !important;
        letter-spacing: 0.04em !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sort {
        flex: 0 1 auto !important;
        display: inline-flex !important;
        align-items: center !important;
        gap: 6px !important;
        min-width: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sort-label {
        white-space: nowrap !important;
        font-size: 0 !important;
        letter-spacing: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sort-label::after {
        content: "Sort by" !important;
        font-size: clamp(9px, 2.45vw, 11px) !important;
        letter-spacing: 0.04em !important;
        text-transform: uppercase !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sort-select {
        width: auto !important;
        min-width: 112px !important;
        max-width: 38vw !important;
        min-height: 34px !important;
        padding: 6px 8px !important;
        font-size: 12px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-viewport {
        overflow: visible !important;
        padding: 8px 0 14px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-pages-track {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: clamp(6px, 1.9vw, 9px) !important;
        align-items: start !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-page,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-ss-page {
        display: contents !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-cell,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-ss-cell {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-shop-ws-card .h-ss-info,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-info,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-shop-ws-card.is-sale .h-ss-info,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-cell.is-sale .h-shop-ws-card .h-ss-info {
        flex: 0 0 90px !important;
        min-height: 90px !important;
        height: 90px !important;
        max-height: 90px !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 7px !important;
        padding: 9px 7px 10px !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-shop-ws-card .h-ss-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-title {
        min-height: 0 !important;
        margin: 0 !important;
        font-size: clamp(11px, 2.95vw, 13px) !important;
        line-height: 1.15 !important;
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-shop-ws-card .h-ss-bottom-row,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-bottom-row {
        margin: 0 !important;
        justify-content: center !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-shop-ws-card .h-ss-price,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-price {
        min-height: 27px !important;
        padding: 3px 8px !important;
        margin: 0 !important;
        font-size: clamp(15px, 4vw, 18px) !important;
        line-height: 1.05 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-load-more-wrap {
        margin-top: 18px !important;
        padding-top: 10px !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-widgets-column,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets {
        display: block !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 calc(50% - 50vw) !important;
        padding: 0 !important;
        overflow: visible !important;
        background: transparent !important;
    }

    body.historicum-shop-page .h-shop-mobile-widget-content {
        padding: 18px 10px 28px !important;
        background-color: var(--h-paper-flat, #f5f0e6) !important;
        background-image: none !important;
    }

    body.historicum-shop-page .h-shop-mobile-widget-link,
    body.historicum-shop-page .h-shop-mobile-widget-link.h-shop-mobile-widget-link-measurement {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        min-height: 44px !important;
        padding: 10px 14px !important;
        border: 1px solid #caa20a !important;
        background: #f2cc00 !important;
        color: #141414 !important;
        box-shadow: none !important;
        font-weight: 800 !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets .h-torn-bottom {
        display: block !important;
        height: var(--h-shop-shared-rip-height, 60px) !important;
        margin-top: 0 !important;
        margin-bottom: calc(var(--h-shop-shared-rip-height, 60px) * -1) !important;
        background: transparent !important;
        overflow: hidden !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets .h-torn-bottom::before {
        opacity: 0 !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets .h-torn-bottom::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        opacity: 1 !important;
        background-color: var(--h-paper-flat, #f5f0e6) !important;
        background-image: none !important;
        -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        -webkit-mask-size: 112% 100% !important;
        -webkit-mask-repeat: no-repeat !important;
        -webkit-mask-position: var(--h-rip-offset, 62%) top !important;
        mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        mask-size: 112% 100% !important;
        mask-repeat: no-repeat !important;
        mask-position: var(--h-rip-offset, 62%) top !important;
        transform: scaleY(-1) !important;
        transform-origin: center !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column {
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-description {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav {
        border-top: 0.3px solid rgba(242, 204, 0, 0.92) !important;
        margin-bottom: 16px !important;
        padding-top: 13px !important;
        padding-bottom: 13px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-controls {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        column-gap: 12px !important;
        row-gap: 0 !important;
        margin: 0 12px 18px !important;
        padding: 0 0 11px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-result-count {
        justify-self: start !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: clamp(9px, 2.35vw, 11px) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sort {
        justify-self: end !important;
        margin-left: auto !important;
        gap: 6px !important;
        min-width: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sort-label::after {
        font-size: clamp(9px, 2.35vw, 11px) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sort-select {
        min-width: 106px !important;
        max-width: 34vw !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-load-more-wrap {
        margin-top: 33px !important;
        padding-top: 10px !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets {
        display: block !important;
        position: relative !important;
        z-index: 2 !important;
        overflow: visible !important;
        margin-bottom: var(--h-shop-shared-rip-height, 60px) !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets .h-torn-bottom {
        display: block !important;
        position: relative !important;
        height: var(--h-shop-shared-rip-height, 60px) !important;
        margin-top: 0 !important;
        margin-bottom: calc(var(--h-shop-shared-rip-height, 60px) * -1) !important;
        background: transparent !important;
        overflow: hidden !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets .h-torn-bottom::before {
        opacity: 0 !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets .h-torn-bottom::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        opacity: 1 !important;
        background-color: var(--h-paper-flat, #f5f0e6) !important;
        background-image: none !important;
        -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        -webkit-mask-size: 112% 100% !important;
        -webkit-mask-repeat: no-repeat !important;
        -webkit-mask-position: var(--h-rip-offset, 62%) top !important;
        mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        mask-size: 112% 100% !important;
        mask-repeat: no-repeat !important;
        mask-position: var(--h-rip-offset, 62%) top !important;
        transform: scaleY(-1) !important;
        transform-origin: center !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav.is-open {
        margin-bottom: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav:not([hidden]) {
        display: block !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        border-top: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav .h-catnav-group,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav .h-catnav-rows,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav .h-catnav-header {
        margin-top: 0 !important;
    }

    /* Shop mobile/tablet repair v8: hero image fills to the paper rip and tabs scale from phone to tablet. */
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero {
        min-height: clamp(420px, 70vh, 560px) !important;
        padding: clamp(70px, 10vh, 104px) 0 clamp(20px, 3.5vh, 40px) !important;
        overflow: hidden !important;
        background:
            linear-gradient(180deg, rgba(18, 13, 0, 0.04) 0%, rgba(0, 0, 0, 0.34) 62%, #000000 100%),
            radial-gradient(88% 78% at 0% 0%, rgba(242, 204, 0, 0.58) 0%, rgba(154, 111, 0, 0.30) 34%, rgba(0, 0, 0, 0) 72%),
            linear-gradient(138deg, #2a1c00 0%, #090702 46%, #000000 100%) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero::after {
        content: none !important;
        display: none !important;
        background: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-bg {
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        z-index: 1 !important;
        width: 100% !important;
        height: 100% !important;
        background-size: cover !important;
        background-position: center 58% !important;
        background-repeat: no-repeat !important;
        opacity: 0.30 !important;
        transform: none !important;
        filter: saturate(0.92) contrast(1.08) brightness(0.68) !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero > :not(.h-shop-nav-bg) {
        position: relative !important;
        z-index: 3 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack {
        margin-top: clamp(-350px, -48vh, -250px) !important;
        background: transparent !important;
        background-image: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column {
        background: transparent !important;
        background-image: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column .h-shop-tabs {
        display: grid !important;
        grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
        align-items: start !important;
        gap: clamp(4px, 1.5vw, 10px) !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 8px clamp(8px, 3vw, 16px) 12px !important;
        overflow: visible !important;
        box-sizing: border-box !important;
        background: transparent !important;
        background-image: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab.h-shop-tab--tile {
        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;
        padding: 2px !important;
        padding-bottom: 2px !important;
        transform: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab.h-shop-tab--tile.is-active,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab.h-shop-tab--tile[aria-selected="true"],
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab.h-shop-tab--tile[aria-current="true"],
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab.h-shop-tab--tile[aria-pressed="true"] {
        padding-bottom: 2px !important;
        transform: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab-thumb {
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        aspect-ratio: 1 / 1 !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--tile .h-shop-tab-thumb img,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--tile.is-active .h-shop-tab-thumb img,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--tile[aria-selected="true"] .h-shop-tab-thumb img,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--tile[aria-current="true"] .h-shop-tab-thumb img,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--tile[aria-pressed="true"] .h-shop-tab-thumb img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center 42% !important;
        transform: scale(1.2) !important;
        transform-origin: center center !important;
        transition: none !important;
        filter: none !important;
        -webkit-filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        mix-blend-mode: normal !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--training .h-shop-tab-thumb img,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab-thumb img[src*="TRAINING-"] {
        object-position: center 100% !important;
        transform: scale(1.06) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--tile .h-shop-tab-thumb {
        background: transparent !important;
        background-image: none !important;
        filter: none !important;
        -webkit-filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--tile .h-shop-tab-thumb::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--tile .h-shop-tab-thumb::after {
        content: none !important;
        display: none !important;
        opacity: 0 !important;
        background: none !important;
        background-image: none !important;
        mix-blend-mode: normal !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-content,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main {
        border-right: 0 !important;
        border-left: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column::after {
        content: none !important;
        display: none !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        background: none !important;
        background-image: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab-name {
        width: 100% !important;
        max-width: 100% !important;
        font-size: clamp(11px, 2.1vw, 17px) !important;
        text-align: center !important;
        overflow-wrap: anywhere !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active .h-torn-bottom {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-mobile-widgets {
        display: block !important;
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: -3px 0 0 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: var(--h-paper-flat, #f5f0e6) !important;
        background-image: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-mobile-widget-content {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 10px 28px !important;
        background: var(--h-paper-flat, #f5f0e6) !important;
        background-image: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-mobile-widget-paper {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 18px 0 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-mobile-widgets .h-torn-bottom {
        display: block !important;
        position: relative !important;
        height: var(--h-shop-shared-rip-height, 60px) !important;
        margin: 0 !important;
        background: transparent !important;
        overflow: hidden !important;
    }
}

body.historicum-shop-page .h-shop-page + .h-footer,
body.historicum-shop-page .h-shop-page ~ .h-footer,
body.historicum-shop-page .h-shop-page + .site-footer,
body.historicum-shop-page .h-shop-page ~ .site-footer,
body.historicum-shop-page .h-shop-page + #h-site-footer,
body.historicum-shop-page .h-shop-page ~ #h-site-footer,
body.historicum-shop-page .h-shop-page + .h-site-footer,
body.historicum-shop-page .h-shop-page ~ .h-site-footer {
    margin-top: -3px !important;
    background-color: #000000 !important;
    border-top: 0 !important;
    box-shadow: none !important;
}

/* Historicum shop responsive contract: desktop/computer is gated to fine-pointer screens at 1400px and above. */
@media (min-width: 1400px) and (hover: hover) and (pointer: fine) {
.h-shop-section-carousel .h-ss-page {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        gap: 16px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

.h-shop-section-carousel .h-ss-page {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        gap: 16px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

.h-shop-section-carousel .h-ss-page {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
        gap: 14px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

.h-shop-section-carousel .h-ss-page {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 12px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 {
        --h-shop-ux-paper-width: min(2060px, calc(100vw - 4px));
        --h-shop-ux-layout-gap: 20px;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout {
        width: var(--h-shop-ux-paper-width) !important;
        max-width: var(--h-shop-ux-paper-width) !important;
        grid-template-columns: minmax(0, 1fr) var(--h-shop-ux-widget-width) !important;
        overflow: visible !important;
        margin-left: max(2px, calc((100vw - 1911px) / 2)) !important;
        margin-right: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column {
        width: calc(100% + 72px) !important;
        max-width: none !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
        width: min(900px, 100%) !important;
        max-width: min(900px, 100%) !important;
        margin: 0 0 14px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title {
        width: 100% !important;
        max-width: none !important;
        font-size: clamp(29px, 2.9vw, 42px) !important;
        line-height: 1.05 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:first-child::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:last-child::after {
        right: -1px !important;
        left: -1px !important;
        height: var(--h-shop-shared-rip-height, 60px) !important;
        background-color: var(--h-paper-flat, #f5f0e6) !important;
        background-image: none !important;
        -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        -webkit-mask-size: 112% 100% !important;
        -webkit-mask-repeat: no-repeat !important;
        mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        mask-size: 112% 100% !important;
        mask-repeat: no-repeat !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:first-child::before {
        top: calc(var(--h-shop-shared-rip-height, 60px) * -1 + 1px) !important;
        -webkit-mask-position: var(--h-rip-top-offset, 34%) bottom !important;
        mask-position: var(--h-rip-top-offset, 34%) bottom !important;
        transform: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:last-child::after {
        bottom: calc(var(--h-shop-shared-rip-height, 60px) * -1 + 1px) !important;
        -webkit-mask-position: var(--h-rip-bottom-offset, 62%) top !important;
        mask-position: var(--h-rip-bottom-offset, 62%) top !important;
        transform: scaleY(-1) !important;
        transform-origin: center !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 {
        --h-shop-ux-paper-width: min(1911px, calc(100vw - 48px));
        --h-shop-ux-layout-gap: clamp(20px, 1.55vw, 32px);
        --h-shop-grid-side-pad: clamp(18px, 1.45vw, 30px);
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout {
        width: var(--h-shop-ux-paper-width) !important;
        max-width: var(--h-shop-ux-paper-width) !important;
        grid-template-columns: minmax(0, 1fr) var(--h-shop-ux-widget-width) !important;
        gap: var(--h-shop-ux-layout-gap) !important;
        margin-right: auto !important;
        margin-left: auto !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body {
        gap: var(--h-shop-grid-side-pad) !important;
        grid-template-columns: var(--h-shop-ux-side-nav-width) minmax(0, 1fr) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-grid-col {
        padding-right: var(--h-shop-grid-side-pad) !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-shop-section-carousel {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
        width: min(900px, 100%) !important;
        max-width: min(900px, 100%) !important;
        margin: 0 0 14px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title {
        width: 100% !important;
        max-width: none !important;
        font-size: clamp(29px, 2.9vw, 42px) !important;
        line-height: 1.05 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:first-child::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:last-child::after {
        right: -1px !important;
        left: -1px !important;
        height: var(--h-shop-shared-rip-height, 60px) !important;
        background-color: var(--h-paper-flat, #f5f0e6) !important;
        background-image: none !important;
        -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        -webkit-mask-size: 620% 100% !important;
        -webkit-mask-repeat: no-repeat !important;
        mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        mask-size: 620% 100% !important;
        mask-repeat: no-repeat !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:first-child::before {
        top: calc(var(--h-shop-shared-rip-height, 60px) * -1 + 1px) !important;
        -webkit-mask-position: 34% bottom !important;
        mask-position: 34% bottom !important;
        transform: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:last-child::after {
        bottom: calc(var(--h-shop-shared-rip-height, 60px) * -1 + 1px) !important;
        -webkit-mask-position: 62% top !important;
        mask-position: 62% top !important;
        transform: scaleY(-1) !important;
        transform-origin: center !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 {
        --h-shop-ux-paper-width: min(2060px, calc(100vw - 4px));
        --h-shop-ux-layout-gap: 20px;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout {
        width: var(--h-shop-ux-paper-width) !important;
        max-width: var(--h-shop-ux-paper-width) !important;
        overflow: visible !important;
        margin-left: max(2px, calc((100vw - 1911px) / 2)) !important;
        margin-right: 0 !important;
        grid-template-columns: minmax(0, 1fr) var(--h-shop-ux-widget-width) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column {
        width: calc(100% + 72px) !important;
        max-width: none !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active {
        width: 100% !important;
        max-width: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
        width: min(900px, 100%) !important;
        max-width: min(900px, 100%) !important;
        margin: 0 0 14px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title {
        width: 100% !important;
        max-width: none !important;
        font-size: clamp(29px, 2.9vw, 42px) !important;
        line-height: 1.05 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:first-child::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:last-child::after {
        right: -1px !important;
        left: -1px !important;
        height: var(--h-shop-shared-rip-height, 60px) !important;
        background-color: var(--h-paper-flat, #f5f0e6) !important;
        background-image: none !important;
        -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        -webkit-mask-size: 112% 100% !important;
        -webkit-mask-repeat: no-repeat !important;
        mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        mask-size: 112% 100% !important;
        mask-repeat: no-repeat !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:first-child::before {
        top: calc(var(--h-shop-shared-rip-height, 60px) * -1 + 1px) !important;
        -webkit-mask-position: var(--h-rip-top-offset, 34%) bottom !important;
        mask-position: var(--h-rip-top-offset, 34%) bottom !important;
        transform: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:last-child::after {
        bottom: calc(var(--h-shop-shared-rip-height, 60px) * -1 + 1px) !important;
        -webkit-mask-position: var(--h-rip-bottom-offset, 62%) top !important;
        mask-position: var(--h-rip-bottom-offset, 62%) top !important;
        transform: scaleY(-1) !important;
        transform-origin: center !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero {
        padding-right: clamp(24px, 3vw, 44px) !important;
        padding-left: clamp(24px, 3vw, 44px) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-grid {
        max-width: calc(100vw - 72px) !important;
        gap: clamp(18px, 1.5vw, 24px) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-copy {
        padding: 20px 18px 26px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-card-title {
        font-size: clamp(30px, 2.25vw, 40px) !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-copy {
        align-items: flex-start !important;
        text-align: left !important;
    }
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-card-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-card-subtitle {
        text-align: left !important;
        width: 100% !important;
    }

body.historicum-shop-page .h-paper-section .h-paper-content {
        overflow: visible;
    }
    body.historicum-shop-page .h-shop-section-main .h-shop-section-carousel {
        position: relative;
        width: calc(100% + var(--h-paper-pad-x, 60px) * 2);
        max-width: none;
        margin-left: calc(var(--h-paper-pad-x, 60px) * -1);
        margin-right: calc(var(--h-paper-pad-x, 60px) * -1);
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
    }
    body.historicum-shop-page .h-shop-section-carousel .h-ss-viewport {
        width: 100%;
        overflow: hidden;
        padding-left: 0;
        padding-right: 0;
    }
    body.historicum-shop-page .h-shop-section-carousel .h-ss-page {
        padding-left: var(--h-paper-pad-x, 60px);
        padding-right: var(--h-paper-pad-x, 60px);
    }

body.historicum-shop-page .h-shop-page.h-level-1 {
        background-color: #000000 !important;
        background-image: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-title-block {
        gap: 0 !important;
        margin-bottom: 58px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-title-block .h-shop-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-title-block .h-shop-title-text {
        margin-bottom: 0 !important;
        font-size: clamp(75px, 7.8vw, 114px) !important;
        line-height: 0.98 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-title-block .h-shop-subtitle {
        margin-top: -2px !important;
        font-size: clamp(20px, 1.8vw, 28px) !important;
        line-height: 1.08 !important;
    }

    body.historicum-shop-page:not(.h-level-1) .h-shop-title-text,
    body.historicum-shop-page .h-shop-header-row .h-shop-title-text {
        font-size: clamp(34px, 4.4vw, 55px) !important;
        line-height: 1 !important;
    }

    body.historicum-shop-page .h-shop-header-row .h-shop-title {
        margin-bottom: 0 !important;
    }

    body.historicum-shop-page .h-shop-header-row .h-shop-subtitle {
        margin-top: -3px !important;
    }

body.historicum-shop-page .h-paper-section .h-paper-content,
    body.historicum-shop-page .h-shop-section-main {
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-section-main .h-shop-section-carousel {
        position: relative !important;
        left: auto !important;
        width: calc(100% + var(--h-shop-section-left-pad, 48px) + var(--h-shop-section-right-pad, 18px)) !important;
        max-width: none !important;
        margin-left: calc(var(--h-shop-section-left-pad, 48px) * -1) !important;
        margin-right: calc(var(--h-shop-section-right-pad, 18px) * -1) !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        overflow: hidden !important;
        clip-path: none !important;
    }

    body.historicum-shop-page .h-shop-section-carousel .h-ss-viewport {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        clip-path: none !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    body.historicum-shop-page .h-shop-section-carousel .h-ss-page,
    body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-ss-page {
        padding-right: var(--h-shop-section-right-pad, 18px) !important;
        padding-left: var(--h-shop-section-left-pad, 48px) !important;
    }

body.historicum-shop-page .h-shop-widgets-column {
        padding-top: 188px !important;
        top: 120px !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-widgets-column {
        padding-top: 238px !important;
        top: 96px !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-widgets-column {
        position: sticky !important;
        top: 96px !important;
        width: var(--h-shop-ux-widget-width) !important;
        max-width: var(--h-shop-ux-widget-width) !important;
        padding-top: 238px !important;
        padding-right: 0 !important;
        padding-bottom: 32px !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout {
        margin-left: max(24px, calc((100vw - 1911px) / 2)) !important;
        margin-right: 0 !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout {
        width: var(--h-shop-ux-paper-width) !important;
        max-width: var(--h-shop-ux-paper-width) !important;
        margin-left: max(4px, calc((100vw - 1911px) / 2)) !important;
        margin-right: 0 !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 {
        --h-shop-ux-paper-width: min(2060px, calc(100vw - 4px));
        --h-shop-ux-layout-gap: 20px;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout {
        width: var(--h-shop-ux-paper-width) !important;
        max-width: var(--h-shop-ux-paper-width) !important;
        grid-template-columns: minmax(0, 1fr) var(--h-shop-ux-widget-width) !important;
        overflow: visible !important;
        margin-left: max(2px, calc((100vw - 1911px) / 2)) !important;
        margin-right: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column {
        width: calc(100% + 72px) !important;
        max-width: none !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
        width: min(900px, 100%) !important;
        max-width: min(900px, 100%) !important;
        margin: 0 0 14px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title {
        width: 100% !important;
        max-width: none !important;
        font-size: clamp(29px, 2.9vw, 42px) !important;
        line-height: 1.05 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:first-child::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:last-child::after {
        right: -1px !important;
        left: -1px !important;
        height: var(--h-shop-shared-rip-height, 60px) !important;
        background-color: var(--h-paper-flat, #f5f0e6) !important;
        background-image: none !important;
        -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        -webkit-mask-size: 112% 100% !important;
        -webkit-mask-repeat: no-repeat !important;
        mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        mask-size: 112% 100% !important;
        mask-repeat: no-repeat !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:first-child::before {
        top: calc(var(--h-shop-shared-rip-height, 60px) * -1 + 1px) !important;
        -webkit-mask-position: var(--h-rip-top-offset, 34%) bottom !important;
        mask-position: var(--h-rip-top-offset, 34%) bottom !important;
        transform: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:last-child::after {
        bottom: calc(var(--h-shop-shared-rip-height, 60px) * -1 + 1px) !important;
        -webkit-mask-position: var(--h-rip-bottom-offset, 62%) top !important;
        mask-position: var(--h-rip-bottom-offset, 62%) top !important;
        transform: scaleY(-1) !important;
        transform-origin: center !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 {
        --h-shop-ux-paper-width: min(1911px, calc(100vw - 48px));
        --h-shop-ux-layout-gap: clamp(20px, 1.55vw, 32px);
        --h-shop-grid-side-pad: clamp(18px, 1.45vw, 30px);
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout {
        width: var(--h-shop-ux-paper-width) !important;
        max-width: var(--h-shop-ux-paper-width) !important;
        grid-template-columns: minmax(0, 1fr) var(--h-shop-ux-widget-width) !important;
        gap: var(--h-shop-ux-layout-gap) !important;
        margin-right: auto !important;
        margin-left: auto !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column {
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body {
        gap: var(--h-shop-grid-side-pad) !important;
        grid-template-columns: var(--h-shop-ux-side-nav-width) minmax(0, 1fr) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-grid-col {
        padding-right: var(--h-shop-grid-side-pad) !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-shop-section-carousel {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
        width: min(900px, 100%) !important;
        max-width: min(900px, 100%) !important;
        margin: 0 0 14px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title {
        width: 100% !important;
        max-width: none !important;
        font-size: clamp(29px, 2.9vw, 42px) !important;
        line-height: 1.05 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:first-child::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:last-child::after {
        right: -1px !important;
        left: -1px !important;
        height: var(--h-shop-shared-rip-height, 60px) !important;
        background-color: var(--h-paper-flat, #f5f0e6) !important;
        background-image: none !important;
        -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        -webkit-mask-size: 620% 100% !important;
        -webkit-mask-repeat: no-repeat !important;
        mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        mask-size: 620% 100% !important;
        mask-repeat: no-repeat !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:first-child::before {
        top: calc(var(--h-shop-shared-rip-height, 60px) * -1 + 1px) !important;
        -webkit-mask-position: 34% bottom !important;
        mask-position: 34% bottom !important;
        transform: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:last-child::after {
        bottom: calc(var(--h-shop-shared-rip-height, 60px) * -1 + 1px) !important;
        -webkit-mask-position: 62% top !important;
        mask-position: 62% top !important;
        transform: scaleY(-1) !important;
        transform-origin: center !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 {
        --h-shop-ux-paper-width: min(2060px, calc(100vw - 4px));
        --h-shop-ux-layout-gap: 20px;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout {
        width: var(--h-shop-ux-paper-width) !important;
        max-width: var(--h-shop-ux-paper-width) !important;
        grid-template-columns: minmax(0, 1fr) var(--h-shop-ux-widget-width) !important;
        overflow: visible !important;
        margin-left: max(2px, calc((100vw - 1911px) / 2)) !important;
        margin-right: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column {
        width: calc(100% + 72px) !important;
        max-width: none !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-grid-col {
        padding-right: 0 !important;
        overflow: visible !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
        display: flex !important;
        align-items: flex-start !important;
        gap: clamp(22px, 2vw, 40px) !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 16px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-link {
        flex: 0 0 auto !important;
        display: block !important;
        width: auto !important;
        max-width: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title {
        width: max-content !important;
        min-width: calc(var(--h-shop-ux-side-nav-width) + 16px) !important;
        max-width: min(520px, 100%) !important;
        box-sizing: border-box !important;
        padding-right: 38px !important;
        background: #141414 !important;
        color: #f2cc00 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-description {
        display: block !important;
        flex: 1 1 520px !important;
        align-self: center !important;
        max-width: 760px !important;
        margin: 0 !important;
        color: rgba(38, 31, 22, 0.70) !important;
        font-family: var(--h-font-cormorant, 'Cormorant Garamond', serif) !important;
        font-size: clamp(15px, 0.86vw, 17px) !important;
        font-weight: 700 !important;
        letter-spacing: 0 !important;
        line-height: 1.18 !important;
        text-transform: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack .h-paper-section .h-shop-section-main::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack .h-paper-section .h-shop-section-main::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack .h-paper-section .h-paper-content::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack .h-paper-section .h-paper-content::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack::after,
    body.historicum-shop-page .h-shop-page.h-level-1::before,
    body.historicum-shop-page .h-shop-page.h-level-1::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column::after {
        content: none !important;
        display: none !important;
        background: none !important;
        background-image: none !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-widgets-column {
        border-right: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets {
        --h-shop-widget-paper-surface:
            radial-gradient(ellipse at center, rgba(245, 240, 230, 0) 44%, rgba(150, 120, 80, 0.12) 100%),
            linear-gradient(180deg, rgba(245, 240, 230, 0.98), rgba(235, 229, 216, 0.98));
        background: var(--h-shop-widget-paper-surface) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:first-child::before {
        right: -2px !important;
        left: -2px !important;
        height: 48px !important;
        top: -47px !important;
        background: var(--h-shop-widget-paper-surface) !important;
        background-color: #f5f0e6 !important;
        -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        -webkit-mask-size: 920% 100% !important;
        -webkit-mask-repeat: no-repeat !important;
        -webkit-mask-position: 34% bottom !important;
        mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        mask-size: 920% 100% !important;
        mask-repeat: no-repeat !important;
        mask-position: 34% bottom !important;
        transform: none !important;
    }

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
        display: flex !important;
        align-items: flex-start !important;
        gap: var(--h-shop-grid-side-pad, clamp(18px, 1.45vw, 30px)) !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 16px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-link {
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title {
        width: max-content !important;
        min-width: var(--h-shop-ux-side-nav-width) !important;
        max-width: min(520px, 100%) !important;
        padding-right: 34px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-description {
        align-self: flex-end !important;
        margin: 0 0 4px !important;
        max-width: 760px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget {
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:first-child::before {
        right: 0 !important;
        left: 0 !important;
        top: -23px !important;
        height: 24px !important;
        z-index: 3 !important;
        background:
            var(
                --h-shop-widget-paper-surface,
                radial-gradient(ellipse at center, rgba(245, 240, 230, 0) 44%, rgba(150, 120, 80, 0.12) 100%),
                linear-gradient(180deg, rgba(245, 240, 230, 0.98), rgba(235, 229, 216, 0.98))
            ) !important;
        background-color: var(--h-paper-flat, #f5f0e6) !important;
        -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        -webkit-mask-size: 640% 100% !important;
        -webkit-mask-repeat: no-repeat !important;
        -webkit-mask-position: 34% bottom !important;
        mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        mask-size: 640% 100% !important;
        mask-repeat: no-repeat !important;
        mask-position: 34% bottom !important;
        transform: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-row,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-subrow,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-toggle {
        position: relative !important;
        z-index: 0 !important;
        margin: 0 !important;
        border-right: 0 !important;
        border-left: 0 !important;
        outline: 0 !important;
        box-shadow: inset 0 -1px 0 rgba(20, 20, 20, 0.18) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-row.is-active,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-subrow.is-active,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-shop-filter-group .h-catnav-row.is-active {
        z-index: 1 !important;
        border-color: transparent !important;
        outline: 0 !important;
        box-shadow: inset 0 1px 0 #141414, inset 0 -1px 0 #141414 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-accordion > .h-catnav-acc-item:last-child > .h-catnav-row {
        box-shadow: inset 0 -1px 0 rgba(20, 20, 20, 0.18) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-accordion > .h-catnav-acc-item:last-child > .h-catnav-row.is-active {
        box-shadow: inset 0 1px 0 #141414, inset 0 -1px 0 #141414 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-filterby {
        margin-top: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-shop-filter-group {
        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub {
        padding-top: 0 !important;
        padding-bottom: 8px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-row::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-subrow-2::before {
        background: #141414 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-row.is-active::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-subrow.is-active::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-subrow-2.is-active::before {
        background: #f2cc00 !important;
    }

    /* Shop desktop repair v9: expand the main paper slightly right and tighten product tracks. */
    body.historicum-shop-page .h-shop-page.h-level-1 {
        --h-shop-ux-paper-width: min(1840px, calc(100vw - 72px)) !important;
        --h-shop-ux-layout-gap: clamp(18px, 1.2vw, 24px) !important;
        --h-shop-grid-side-pad: clamp(13px, 0.78vw, 16px) !important;
        --h-shop-product-column-expand: 12px;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack {
        /* Desktop: raise the whole shop higher up the page (more negative =
           higher). Tune the three numbers together to raise/lower further. */
        margin-top: clamp(-230px, calc(-9.6vh - 115px), -182px) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-widgets-column {
        padding-top: 257px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout {
        width: var(--h-shop-ux-paper-width) !important;
        max-width: var(--h-shop-ux-paper-width) !important;
        grid-template-columns: minmax(0, 1fr) var(--h-shop-ux-widget-width) !important;
        gap: var(--h-shop-ux-layout-gap) !important;
        margin-right: auto !important;
        margin-left: auto !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column {
        width: calc(100% + 15px) !important;
        max-width: none !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body {
        grid-template-columns: var(--h-shop-ux-side-nav-width) minmax(0, 1fr) !important;
        gap: var(--h-shop-grid-side-pad) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-grid-col {
        padding-right: var(--h-shop-grid-side-pad) !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-controls {
        width: calc(100% + var(--h-shop-product-column-expand, 12px)) !important;
        max-width: calc(100% + var(--h-shop-product-column-expand, 12px)) !important;
        margin-right: calc(var(--h-shop-product-column-expand, 12px) * -1) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-shop-section-carousel {
        width: calc(100% + var(--h-shop-product-column-expand, 12px)) !important;
        max-width: calc(100% + var(--h-shop-product-column-expand, 12px)) !important;
        margin-right: calc(var(--h-shop-product-column-expand, 12px) * -1) !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-ss-page,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-ss-page {
        column-gap: clamp(3px, 0.28vw, 5px) !important;
        row-gap: clamp(5px, 0.45vw, 8px) !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero {
        background:
            linear-gradient(180deg, rgba(10, 8, 0, 0.04) 0%, rgba(0, 0, 0, 0.42) 70%, #000000 100%),
            radial-gradient(72% 76% at 0% 0%, rgba(242, 204, 0, 0.62) 0%, rgba(152, 111, 0, 0.30) 32%, rgba(0, 0, 0, 0) 70%),
            linear-gradient(140deg, #2e1f00 0%, #0a0702 44%, #000000 100%) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-bg {
        background-size: cover !important;
        /* Match the deeper category pages' hero overlay style. */
        background-position: 50% 64% !important;
        opacity: 0.14 !important;
        -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 68%, rgba(0, 0, 0, 0) 100%) !important;
        mask-image: linear-gradient(180deg, #000 0%, #000 68%, rgba(0, 0, 0, 0) 100%) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab.h-shop-tab--tile,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab.h-shop-tab--tile.is-active,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab.h-shop-tab--tile[aria-selected="true"],
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab.h-shop-tab--tile[aria-current="true"],
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab.h-shop-tab--tile[aria-pressed="true"] {
        gap: 10px !important;
        padding-bottom: 2px !important;
        transform: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab-thumb {
        width: 150px !important;
        height: 150px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--tile .h-shop-tab-thumb img,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--tile.is-active .h-shop-tab-thumb img,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--tile[aria-selected="true"] .h-shop-tab-thumb img,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--tile[aria-current="true"] .h-shop-tab-thumb img,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--tile[aria-pressed="true"] .h-shop-tab-thumb img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center 42% !important;
        transform: scale(1.2) !important;
        transform-origin: center center !important;
        transition: none !important;
        filter: none !important;
        -webkit-filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
        mix-blend-mode: normal !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--training .h-shop-tab-thumb img,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab-thumb img[src*="TRAINING-"] {
        object-position: center 100% !important;
        transform: scale(1.06) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--tile .h-shop-tab-thumb {
        background: transparent !important;
        background-image: none !important;
        filter: none !important;
        -webkit-filter: none !important;
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--tile .h-shop-tab-thumb::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--tile .h-shop-tab-thumb::after {
        content: none !important;
        display: none !important;
        opacity: 0 !important;
        background: none !important;
        background-image: none !important;
        mix-blend-mode: normal !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-content,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-widgets-column,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets {
        border: 0 !important;
        border-right: 0 !important;
        border-left: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column::after {
        content: none !important;
        display: none !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        background: none !important;
        background-image: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:first-child::before {
        right: 0 !important;
        left: 0 !important;
        top: -17px !important;
        height: 18px !important;
        background: var(--h-shop-ux-paper, #f5f0e6) !important;
        background-color: var(--h-shop-ux-paper, #f5f0e6) !important;
        background-image: none !important;
        -webkit-mask-size: 1100% 100% !important;
        mask-size: 1100% 100% !important;
        -webkit-mask-position: 34% bottom !important;
        mask-position: 34% bottom !important;
    }

}

body.historicum-shop-page .h-shop-page + #h-site-footer,
body.historicum-shop-page .h-shop-page ~ #h-site-footer,
body.historicum-shop-page .h-shop-page + .h-site-footer,
body.historicum-shop-page .h-shop-page ~ .h-site-footer {
    margin-top: -1px !important;
    background-color: #000000 !important;
    border-top: 0 !important;
    box-shadow: none !important;
}

body.historicum-shop-page {
    background-color: #000000 !important;
}

@media (min-width: 1400px) and (hover: hover) and (pointer: fine) {
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom {
        margin-bottom: -3px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom::after {
        inset: 0 0 -3px !important;
    }
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-mobile-widgets .h-torn-bottom {
    display: block !important;
    position: relative !important;
    height: var(--h-shop-shared-rip-height, 60px) !important;
    margin: 0 !important;
    background: transparent !important;
    overflow: hidden !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-mobile-widgets .h-torn-bottom::before {
    opacity: 0 !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-mobile-widgets .h-torn-bottom::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    opacity: 1 !important;
    background: var(--h-paper-flat, #f5f0e6) !important;
    background-color: var(--h-paper-flat, #f5f0e6) !important;
    background-image: none !important;
    -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
    -webkit-mask-size: 112% 100% !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: var(--h-rip-offset, 62%) top !important;
    mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
    mask-size: 112% 100% !important;
    mask-repeat: no-repeat !important;
    mask-position: var(--h-rip-offset, 62%) top !important;
    transform: scaleY(-1) !important;
    transform-origin: center !important;
}

@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-hero {
        background:
            linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.78) 58%, #000000 100%),
            radial-gradient(82% 74% at 0% 0%, rgba(242, 204, 0, 0.34) 0%, rgba(113, 82, 0, 0.18) 30%, rgba(0, 0, 0, 0) 68%),
            linear-gradient(145deg, #130d00 0%, #050301 36%, #000000 100%) !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-bg {
        opacity: 0.07 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-mobile-widgets .h-torn-bottom {
        display: block !important;
        position: relative !important;
        height: var(--h-shop-shared-rip-height, 60px) !important;
        margin: 0 !important;
        background: transparent !important;
        overflow: hidden !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-mobile-widgets .h-torn-bottom::before {
        opacity: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-mobile-widgets .h-torn-bottom::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        opacity: 1 !important;
        background: var(--h-paper-flat, #f5f0e6) !important;
        background-color: var(--h-paper-flat, #f5f0e6) !important;
        background-image: none !important;
        -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        -webkit-mask-size: 112% 100% !important;
        -webkit-mask-repeat: no-repeat !important;
        -webkit-mask-position: var(--h-rip-offset, 62%) top !important;
        mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        mask-size: 112% 100% !important;
        mask-repeat: no-repeat !important;
        mask-position: var(--h-rip-offset, 62%) top !important;
        transform: scaleY(-1) !important;
        transform-origin: center !important;
    }
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--training .h-shop-tab-thumb img,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab-thumb img[src*="TRAINING-ON"],
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab-thumb img[src*="TRAINING-OFF"],
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab-thumb img[src*="TRAINING-"] {
    object-position: center 100% !important;
    transform: scale(1.06) !important;
    transform-origin: center center !important;
    transition: none !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--tile .h-shop-tab-thumb {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--tile .h-shop-tab-thumb img {
    position: relative !important;
    z-index: 1 !important;
}

body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--tile .h-shop-tab-thumb::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 2 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    opacity: 1 !important;
    background: transparent !important;
    background-image: none !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.64),
        inset 1px 0 0 rgba(255, 255, 255, 0.20),
        inset 0 0 0 1px rgba(0, 0, 0, 0.36),
        inset 0 -4px 8px rgba(0, 0, 0, 0.48),
        inset -3px 0 7px rgba(0, 0, 0, 0.36),
        inset 2px 2px 4px rgba(255, 255, 255, 0.16) !important;
    mix-blend-mode: normal !important;
}

@media (min-width: 1400px) and (hover: hover) and (pointer: fine) {
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
        width: calc(100% + var(--h-shop-section-left-pad, 48px)) !important;
        max-width: calc(100% + var(--h-shop-section-left-pad, 48px)) !important;
        margin-left: calc(var(--h-shop-section-left-pad, 48px) * -1) !important;
        margin-right: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-link {
        display: block !important;
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title {
        min-width: calc(var(--h-shop-section-left-pad, 48px) + var(--h-shop-ux-side-nav-width, 300px)) !important;
        width: max-content !important;
        max-width: calc(var(--h-shop-section-left-pad, 48px) + var(--h-shop-ux-side-nav-width, 300px) + 72px) !important;
        padding-left: var(--h-shop-section-left-pad, 48px) !important;
        padding-right: 42px !important;
        box-sizing: border-box !important;
    }
}

/* Product-category levels: inherit the /shop visual contract without touching card styles. */
body.historicum-shop-page .h-shop-page:not(.h-level-1) {
    --h-shop-ux-paper-width: min(1840px, calc(100vw - 72px)) !important;
    --h-shop-ux-side-nav-width: clamp(270px, 15vw, 315px);
    --h-shop-ux-widget-width: clamp(276px, 15vw, 330px);
    --h-shop-ux-layout-gap: clamp(18px, 1.2vw, 24px) !important;
    --h-shop-grid-side-pad: clamp(13px, 0.78vw, 16px) !important;
    --h-shop-product-column-expand: 12px;
    background-color: #000000 !important;
    background-image: none !important;
    padding-top: 0 !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-header-hero {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    background:
        linear-gradient(180deg, rgba(10, 8, 0, 0.04) 0%, rgba(0, 0, 0, 0.42) 70%, #000000 100%),
        radial-gradient(72% 76% at 0% 0%, rgba(242, 204, 0, 0.62) 0%, rgba(152, 111, 0, 0.30) 32%, rgba(0, 0, 0, 0) 70%),
        linear-gradient(140deg, #2e1f00 0%, #0a0702 44%, #000000 100%) !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-header-hero::before,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-header-hero::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-bg-overlay {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    width: 100% !important;
    transform: none !important;
    pointer-events: none !important;
    background-image: var(--h-shop-bg-image) !important;
    background-image: var(--h-shop-bg-image-webp, var(--h-shop-bg-image)) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center 48% !important;
    opacity: 0.07 !important;
    mix-blend-mode: normal !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 68%, rgba(0, 0, 0, 0) 100%) !important;
    mask-image: linear-gradient(180deg, #000 0%, #000 68%, rgba(0, 0, 0, 0) 100%) !important;
}

@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-hero-carousel,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-fighter-wrapper,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-fighter-carousel,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-hero-carousel .h-bs-carousel {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-hero-carousel {
        display: block !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-fighter-wrapper {
        display: block !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-fighter-carousel,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-hero-carousel .h-bs-carousel {
        transform: none !important;
        transition: none !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        scroll-behavior: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-header-inner {
    position: relative !important;
    z-index: 3 !important;
    width: var(--h-shop-ux-paper-width) !important;
    max-width: var(--h-shop-ux-paper-width) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding: clamp(92px, 10vh, 128px) 0 clamp(20px, 3vh, 38px) !important;
    box-sizing: border-box !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-header-row {
    display: block !important;
    align-items: start !important;
    gap: 0 !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-title-block {
    min-height: 0 !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    text-align: left !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-title,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-title-text {
    margin: 0 !important;
    color: #f2cc00 !important;
    font-size: clamp(55px, 5.2vw, 82px) !important;
    line-height: 0.98 !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-subtitle {
    max-width: 760px !important;
    margin: 8px 0 0 !important;
    color: rgba(255, 255, 255, 0.82) !important;
    font-size: clamp(18px, 1.45vw, 26px) !important;
    line-height: 1.1 !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-breadcrumb {
    margin: 16px 0 0 !important;
    text-align: left !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-paper-layout {
    width: var(--h-shop-ux-paper-width) !important;
    max-width: var(--h-shop-ux-paper-width) !important;
    grid-template-columns: minmax(0, 1fr) var(--h-shop-ux-widget-width) !important;
    gap: var(--h-shop-ux-layout-gap) !important;
    margin-right: auto !important;
    margin-left: auto !important;
    overflow: visible !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-sections-column,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-content,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-main,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-widgets-column,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-side-widgets {
    border: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-paper-stack .h-paper-section .h-shop-section-main::before,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-paper-stack .h-paper-section .h-shop-section-main::after,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-paper-stack .h-paper-section .h-paper-content::before,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-paper-stack .h-paper-section .h-paper-content::after,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-paper-stack::before,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-paper-stack::after,
body.historicum-shop-page .h-shop-page:not(.h-level-1)::before,
body.historicum-shop-page .h-shop-page:not(.h-level-1)::after,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-paper-layout::before,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-paper-layout::after,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-sections-column::before,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-sections-column::after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: none !important;
    background-image: none !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-body {
    grid-template-columns: var(--h-shop-ux-side-nav-width) minmax(0, 1fr) !important;
    gap: var(--h-shop-grid-side-pad) !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-grid-col {
    padding-right: var(--h-shop-grid-side-pad) !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-controls {
    width: calc(100% + var(--h-shop-product-column-expand, 12px)) !important;
    max-width: calc(100% + var(--h-shop-product-column-expand, 12px)) !important;
    margin-right: calc(var(--h-shop-product-column-expand, 12px) * -1) !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-main .h-shop-section-carousel {
    width: calc(100% + var(--h-shop-product-column-expand, 12px)) !important;
    max-width: calc(100% + var(--h-shop-product-column-expand, 12px)) !important;
    margin-right: calc(var(--h-shop-product-column-expand, 12px) * -1) !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    overflow: visible !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel .h-ss-page,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel.is-end-grid .h-ss-page {
    column-gap: clamp(3px, 0.28vw, 5px) !important;
    row-gap: clamp(5px, 0.45vw, 8px) !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-row,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-subrow,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-toggle {
    position: relative !important;
    z-index: 0 !important;
    margin: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    outline: 0 !important;
    box-shadow: inset 0 -1px 0 rgba(20, 20, 20, 0.18) !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-header,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-filterby {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 11px 14px !important;
    background: var(--h-shop-ux-ink, #141414) !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.13em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    box-sizing: border-box !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-subrow.is-active,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-shop-filter-group .h-catnav-row.is-active {
    z-index: 1 !important;
    border-color: transparent !important;
    outline: 0 !important;
    box-shadow: inset 0 1px 0 #141414, inset 0 -1px 0 #141414 !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-filterby {
    margin-top: 0 !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-shop-filter-group {
    margin: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-filterby + .h-shop-filter-group .h-filter-acc-toggle,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav.h-shop-catnav--filters-only .h-shop-filter-group:first-of-type .h-filter-acc-toggle {
    margin-top: 0 !important;
    border-top: 0 !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-shop-filter-group .h-filter-acc-toggle,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-shop-filter-group .h-filter-acc-toggle .h-shop-filter-group-label {
    font-family: var(--h-font-cormorant, 'Cormorant Garamond', serif) !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub {
    padding-top: 0 !important;
    padding-bottom: 8px !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-acc-sub .h-catnav-row::before,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-acc-sub .h-catnav-subrow-2::before {
    background: #141414 !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-acc-sub .h-catnav-row.is-active::before,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-acc-sub .h-catnav-subrow.is-active::before,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-acc-sub .h-catnav-subrow-2.is-active::before {
    background: #f2cc00 !important;
}

@media (min-width: 1400px) and (hover: hover) and (pointer: fine) {
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
        display: flex !important;
        align-items: flex-start !important;
        gap: clamp(22px, 2vw, 40px) !important;
        width: calc(100% + var(--h-shop-section-left-pad, 48px)) !important;
        max-width: calc(100% + var(--h-shop-section-left-pad, 48px)) !important;
        margin: 0 0 16px calc(var(--h-shop-section-left-pad, 48px) * -1) !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-paper-title-link {
        display: block !important;
        flex: 0 0 auto !important;
        width: auto !important;
        max-width: none !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-paper-title,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title {
        min-width: calc(var(--h-shop-section-left-pad, 48px) + var(--h-shop-ux-side-nav-width, 300px)) !important;
        width: max-content !important;
        max-width: calc(var(--h-shop-section-left-pad, 48px) + var(--h-shop-ux-side-nav-width, 300px) + 72px) !important;
        padding-left: var(--h-shop-section-left-pad, 48px) !important;
        padding-right: 42px !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-description {
        display: block !important;
        flex: 1 1 520px !important;
        align-self: center !important;
        max-width: 760px !important;
        margin: 0 !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel.is-active > .h-torn-top,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active > .h-torn-top,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        overflow: hidden !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel.is-active > .h-torn-top::before,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel.is-active > .h-torn-top::after,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active > .h-torn-top::before,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active > .h-torn-top::after {
        inset: 0 !important;
        right: 0 !important;
        left: 0 !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom {
        margin-bottom: -3px !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom::before,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom::before,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom::after {
        inset: 0 0 -3px 0 !important;
        right: 0 !important;
        left: 0 !important;
    }
}

@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
    body.historicum-shop-page .h-shop-page:not(.h-level-1) {
        --h-shop-ux-paper-width: 100vw !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-header-hero {
        background:
            linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.78) 58%, #000000 100%),
            radial-gradient(82% 74% at 0% 0%, rgba(242, 204, 0, 0.34) 0%, rgba(113, 82, 0, 0.18) 30%, rgba(0, 0, 0, 0) 68%),
            linear-gradient(145deg, #130d00 0%, #050301 36%, #000000 100%) !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-bg-overlay {
        opacity: 0.07 !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-header-inner {
        width: 100% !important;
        max-width: 100% !important;
        padding: clamp(78px, 12vh, 112px) 16px 22px !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-header-row {
        display: block !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-paper-layout {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0 !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-body {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0 !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-grid-col {
        padding-right: 0 !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-controls,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-main .h-shop-section-carousel {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-title,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-title-text {
        font-size: clamp(38px, 12vw, 58px) !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-subtitle {
        font-size: clamp(16px, 5vw, 22px) !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-header-hero {
        overflow: visible !important;
        padding-bottom: 0 !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-hero-carousel {
        display: block !important;
        visibility: visible !important;
        position: relative !important;
        z-index: 3 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
        padding: 4px 0 18px !important;
        opacity: 1 !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-fighter-wrapper {
        display: block !important;
        visibility: visible !important;
        width: 100vw !important;
        max-width: 100vw !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        overflow: visible !important;
        opacity: 1 !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-fighter-carousel {
        display: flex !important;
        visibility: visible !important;
        gap: 10px !important;
        width: 100vw !important;
        max-width: 100vw !important;
        padding: 8px 10px 16px !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        opacity: 1 !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-hero-carousel .h-bs-slide {
        display: flex !important;
        flex: 0 0 clamp(174px, 56vw, 250px) !important;
        min-width: 0 !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-hero-carousel .h-carousel-controls {
        display: flex !important;
        justify-content: flex-end !important;
        margin: 4px 12px 0 !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-paper-stack {
        margin-top: -34px !important;
        position: relative !important;
        z-index: 4 !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-paper-layout {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
        padding: 0 !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-sections-column,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel.is-active,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel.is-active > .h-paper-content,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-grid,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-main,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-body,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-grid-col,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-main .h-shop-section-carousel,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel .h-ss-viewport,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel .h-ss-pages-track {
        position: relative !important;
        right: auto !important;
        left: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        transform: none !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-body {
        display: block !important;
        margin-top: 0 !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
        margin-bottom: 0 !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-paper-title,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title {
        display: block !important;
        width: 100vw !important;
        max-width: 100vw !important;
        padding: 16px 14px !important;
        background: #141414 !important;
        color: #f2cc00 !important;
        font-size: clamp(32px, 8.7vw, 49px) !important;
        line-height: 1.05 !important;
        text-align: center !important;
        -webkit-clip-path: none !important;
        clip-path: none !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-description {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-collapse-toggle--catnav {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 calc(50% - 50vw) 16px !important;
        padding: 13px 14px !important;
        background: #141414 !important;
        color: #ffffff !important;
        border: 0 !important;
        border-top: 0.3px solid rgba(242, 204, 0, 0.92) !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-collapse-toggle--catnav::after {
        border-top-color: #ffffff !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-collapse-toggle--catnav + .h-shop-catnav,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav[hidden],
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-collapse-toggle--catnav + .h-shop-catnav.is-collapsed {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-collapse-toggle--catnav.is-open {
        margin-bottom: 0 !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav:not([hidden]) {
        display: block !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        border-top: 0 !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-body .h-shop-catnav {
        position: static !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 12px !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-header,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav.h-shop-catnav--filters-only .h-catnav-filterby {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-controls {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        column-gap: 12px !important;
        row-gap: 0 !important;
        margin: 0 12px 18px !important;
        padding: 0 0 11px !important;
        border-bottom: 1px solid rgba(20, 20, 20, 0.16) !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-result-count {
        justify-self: start !important;
        min-width: 0 !important;
        max-width: 100% !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
        white-space: nowrap !important;
        font-size: clamp(9px, 2.35vw, 11px) !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-sort {
        justify-self: end !important;
        margin-left: auto !important;
        gap: 6px !important;
        min-width: 0 !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-sort-label {
        white-space: nowrap !important;
        font-size: 0 !important;
        letter-spacing: 0 !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-sort-label::after {
        content: "Sort by" !important;
        font-size: clamp(9px, 2.35vw, 11px) !important;
        letter-spacing: 0.04em !important;
        text-transform: uppercase !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-sort-select {
        width: auto !important;
        min-width: 106px !important;
        max-width: 34vw !important;
        min-height: 34px !important;
        padding: 6px 8px !important;
        font-size: 12px !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel .h-ss-viewport {
        overflow: visible !important;
        padding: 8px 0 14px !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel .h-ss-pages-track {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: clamp(6px, 1.9vw, 9px) !important;
        align-items: start !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel .h-ss-page,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel.is-end-grid .h-ss-page {
        display: contents !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        padding: 0 !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel .h-ss-cell,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel.is-end-grid .h-ss-cell {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel .h-shop-ws-card .h-ss-info,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-info,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel .h-shop-ws-card.is-sale .h-ss-info,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel .h-ss-cell.is-sale .h-shop-ws-card .h-ss-info {
        flex: 0 0 90px !important;
        min-height: 90px !important;
        height: 90px !important;
        max-height: 90px !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 7px !important;
        padding: 9px 7px 10px !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel .h-shop-ws-card .h-ss-title,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-title {
        min-height: 0 !important;
        margin: 0 !important;
        font-size: clamp(11px, 2.95vw, 13px) !important;
        line-height: 1.15 !important;
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel .h-shop-ws-card .h-ss-bottom-row,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-bottom-row {
        margin: 0 !important;
        justify-content: center !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel .h-shop-ws-card .h-ss-price,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-price {
        min-height: 27px !important;
        padding: 3px 8px !important;
        margin: 0 !important;
        font-size: clamp(15px, 4vw, 18px) !important;
        line-height: 1.05 !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-load-more-wrap {
        margin-top: 33px !important;
        padding-top: 10px !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-widgets-column,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-side-widgets {
        display: none !important;
    }
}

/* Final shop edge/rip repair: remove 1px leaks and keep tab crops stable. */
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--training .h-shop-tab-thumb img,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--training.is-active .h-shop-tab-thumb img,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--training[aria-selected="true"] .h-shop-tab-thumb img,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--training[aria-current="true"] .h-shop-tab-thumb img,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab--training[aria-pressed="true"] .h-shop-tab-thumb img,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab-thumb img[src*="TRAINING-ON"],
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab-thumb img[src*="TRAINING-OFF"],
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab-thumb img[src*="TRAINING-"] {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center 100% !important;
    transform: scale(1.06) !important;
    transform-origin: center center !important;
    transition: none !important;
}

@media (min-width: 1400px) and (hover: hover) and (pointer: fine) {
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active > .h-torn-top,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active > .h-torn-top,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        overflow: hidden !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active > .h-torn-top::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active > .h-torn-top::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active > .h-torn-top::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active > .h-torn-top::after {
        inset: 0 !important;
        right: 0 !important;
        left: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom::after {
        inset: 0 0 -3px 0 !important;
        right: 0 !important;
        left: 0 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets {
        --h-shop-widget-paper-surface:
            radial-gradient(ellipse at center, rgba(245, 240, 230, 0) 44%, rgba(150, 120, 80, 0.12) 100%),
            linear-gradient(180deg, rgba(245, 240, 230, 0.98), rgba(235, 229, 216, 0.98));
        background: var(--h-shop-widget-paper-surface) !important;
        background-color: #f5f0e6 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:first-child::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:last-child::after {
        background: var(--h-shop-widget-paper-surface) !important;
        background-color: #f5f0e6 !important;
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;
        background-position: center center !important;
        background-blend-mode: normal !important;
    }
}

@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
    body.historicum-shop-page .h-shop-mobile-widgets {
        --h-shop-mobile-widget-surface: var(--h-paper-flat, var(--h-paper, #f5f0e6));
        display: block !important;
        position: relative !important;
        overflow: visible !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 var(--h-shop-shared-rip-height, 60px) !important;
        padding: 0 !important;
        background: var(--h-shop-mobile-widget-surface) !important;
        background-color: var(--h-shop-mobile-widget-surface) !important;
        background-image: none !important;
    }

    body.historicum-shop-page .h-shop-mobile-widget-content,
    body.historicum-shop-page .h-shop-mobile-widget-paper {
        background: var(--h-shop-mobile-widget-surface) !important;
        background-color: var(--h-shop-mobile-widget-surface) !important;
        background-image: none !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets > .h-torn-bottom,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-mobile-widgets > .h-torn-bottom,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-mobile-widgets .h-torn-bottom {
        display: block !important;
        position: absolute !important;
        right: 0 !important;
        bottom: calc(var(--h-shop-shared-rip-height, 60px) * -1 + 1px) !important;
        left: 0 !important;
        z-index: 10 !important;
        width: 100% !important;
        height: var(--h-shop-shared-rip-height, 60px) !important;
        margin: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        background: transparent !important;
        background-image: none !important;
        clip-path: none !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
        transform: none !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets > .h-torn-bottom::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-mobile-widgets > .h-torn-bottom::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-mobile-widgets .h-torn-bottom::before {
        content: none !important;
        display: none !important;
        opacity: 0 !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets > .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-mobile-widgets > .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-mobile-widgets .h-torn-bottom::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        opacity: 1 !important;
        background: var(--h-shop-mobile-widget-surface) !important;
        background-color: var(--h-shop-mobile-widget-surface) !important;
        background-image: none !important;
        -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        -webkit-mask-size: 112% 100% !important;
        -webkit-mask-repeat: no-repeat !important;
        -webkit-mask-position: var(--h-rip-offset, 62%) top !important;
        mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        mask-size: 112% 100% !important;
        mask-repeat: no-repeat !important;
        mask-position: var(--h-rip-offset, 62%) top !important;
        transform: scaleY(-1) !important;
        transform-origin: center !important;
    }
}

@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title {
        position: relative !important;
        overflow: visible !important;
        isolation: isolate !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title::before {
        content: "" !important;
        position: absolute !important;
        right: 0 !important;
        bottom: calc(100% - 1px) !important;
        left: 0 !important;
        z-index: 0 !important;
        height: 18px !important;
        pointer-events: none !important;
        background: #141414 !important;
        -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        -webkit-mask-size: 130% 100% !important;
        -webkit-mask-repeat: no-repeat !important;
        -webkit-mask-position: 50% bottom !important;
        mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        mask-size: 130% 100% !important;
        mask-repeat: no-repeat !important;
        mask-position: 50% bottom !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-paper-title .h-paper-title-name,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-paper-title .h-paper-title-suffix {
        position: relative !important;
        z-index: 1 !important;
    }
}

/* Final deeper-shop visual/interaction repair. */
body.historicum-shop-page .h-shop-page:not(.h-level-1) {
    position: relative !important;
    isolation: isolate !important;
    background-color: #000000 !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1)::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: 0 !important;
    z-index: 0 !important;
    height: clamp(620px, 78vh, 900px) !important;
    pointer-events: none !important;
    background-image: var(--h-shop-bg-image) !important;
    background-image: var(--h-shop-bg-image-webp, var(--h-shop-bg-image)) !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center 62% !important;
    opacity: 0.07 !important;
    mix-blend-mode: normal !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 92%, rgba(0, 0, 0, 0) 100%) !important;
    mask-image: linear-gradient(180deg, #000 0%, #000 92%, rgba(0, 0, 0, 0) 100%) !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) > .h-shop-header-hero,
body.historicum-shop-page .h-shop-page:not(.h-level-1) > .h-shop-paper-stack {
    position: relative !important;
    z-index: 1 !important;
}

body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-bg-overlay {
    bottom: -260px !important;
    background-position: center 62% !important;
    -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 92%, rgba(0, 0, 0, 0) 100%) !important;
    mask-image: linear-gradient(180deg, #000 0%, #000 92%, rgba(0, 0, 0, 0) 100%) !important;
}

@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
    body.historicum-shop-page .h-shop-page:not(.h-level-1)::before {
        height: clamp(500px, 74vh, 720px) !important;
        background-position: center 64% !important;
        -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 94%, rgba(0, 0, 0, 0) 100%) !important;
        mask-image: linear-gradient(180deg, #000 0%, #000 94%, rgba(0, 0, 0, 0) 100%) !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-bg-overlay {
        bottom: -320px !important;
        background-position: center 64% !important;
        -webkit-mask-image: linear-gradient(180deg, #000 0%, #000 94%, rgba(0, 0, 0, 0) 100%) !important;
        mask-image: linear-gradient(180deg, #000 0%, #000 94%, rgba(0, 0, 0, 0) 100%) !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-fighter-carousel,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-hero-carousel .h-bs-carousel {
        overflow-x: auto !important;
        overflow-y: visible !important;
        touch-action: pan-x pan-y !important;
        overscroll-behavior-x: contain !important;
        -webkit-overflow-scrolling: touch !important;
        scroll-snap-type: x proximity !important;
        scrollbar-width: none !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-fighter-carousel::-webkit-scrollbar,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-hero-carousel .h-bs-carousel::-webkit-scrollbar {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-hero-carousel .h-bs-slide {
        scroll-snap-align: start !important;
    }
}

@media (min-width: 1400px) and (hover: hover) and (pointer: fine) {
    body.historicum-shop-page .h-shop-side-widgets {
        --h-shop-widget-paper-surface: var(--h-paper-flat, #f5f0e6);
        background: var(--h-shop-widget-paper-surface) !important;
        background-color: #f5f0e6 !important;
        background-image: none !important;
    }

    body.historicum-shop-page .h-shop-side-widgets .h-shop-widget:first-child::before {
        background: var(--h-shop-widget-paper-surface) !important;
        background-color: #f5f0e6 !important;
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;
        background-position: center center !important;
        background-blend-mode: normal !important;
    }

    body.historicum-shop-page .h-shop-side-widgets .h-shop-widget:last-child::after {
        background: var(--h-shop-widget-paper-surface) !important;
        background-color: #f5f0e6 !important;
        background-image: none !important;
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;
        background-position: center center !important;
        background-blend-mode: normal !important;
    }
}

body.historicum-shop-page .h-shop-tabs-heading {
    display: block !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 0 8px !important;
    color: #ffffff !important;
    font-family: var(--h-font-cinzel, "Cinzel", serif) !important;
    font-size: clamp(15px, 1.05vw, 19px) !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    line-height: 1.15 !important;
    text-transform: uppercase !important;
    text-align: left !important;
    box-sizing: border-box !important;
}

@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
    body.historicum-shop-page .h-shop-tabs-heading {
        margin: 0 0 10px !important;
        padding: 0 12px !important;
        font-size: clamp(14px, 4.4vw, 18px) !important;
        text-align: center !important;
    }
}

/* Deeper shop mobile: keep the bottom widget attached to the same paper surface as /shop. */
@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-mobile-widgets {
        --h-shop-mobile-widget-surface: var(--h-paper-flat, var(--h-paper, #f5f0e6));
        display: block !important;
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: var(--h-shop-mobile-widget-surface) !important;
        background-color: var(--h-shop-mobile-widget-surface) !important;
        background-image: none !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-mobile-widget-content,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-mobile-widget-paper {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        background: var(--h-shop-mobile-widget-surface) !important;
        background-color: var(--h-shop-mobile-widget-surface) !important;
        background-image: none !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-mobile-widget-content {
        padding: 0 10px 28px !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-mobile-widget-paper {
        padding: 18px 0 0 !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-mobile-widgets > .h-torn-bottom,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-mobile-widgets .h-torn-bottom {
        display: block !important;
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        z-index: 3 !important;
        width: 100% !important;
        height: var(--h-shop-shared-rip-height, 60px) !important;
        margin: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        background: transparent !important;
        background-image: none !important;
        clip-path: none !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
        transform: none !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-mobile-widgets > .h-torn-bottom::before,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-mobile-widgets .h-torn-bottom::before {
        content: none !important;
        display: none !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-mobile-widgets > .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-mobile-widgets .h-torn-bottom::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        inset: 0 !important;
        background: var(--h-shop-mobile-widget-surface) !important;
        background-color: var(--h-shop-mobile-widget-surface) !important;
        background-image: none !important;
        -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        -webkit-mask-size: 112% 100% !important;
        -webkit-mask-repeat: no-repeat !important;
        -webkit-mask-position: var(--h-rip-offset, 62%) top !important;
        mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        mask-size: 112% 100% !important;
        mask-repeat: no-repeat !important;
        mask-position: var(--h-rip-offset, 62%) top !important;
        transform: scaleY(-1) !important;
        transform-origin: center !important;
    }
}

/* Shared breakpoint final: desktop shop title text and left navigation balance. */
@media (min-width: 1400px) and (hover: hover) and (pointer: fine) {
    body.historicum-shop-page {
        --h-shop-ux-side-nav-width: clamp(310px, 16.5vw, 350px);
    }

    body.historicum-shop-page .h-shop-section-body,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-body {
        grid-template-columns: var(--h-shop-ux-side-nav-width) minmax(0, 1fr) !important;
    }

    body.historicum-shop-page .h-shop-section-body .h-shop-catnav,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body .h-shop-catnav,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-body .h-shop-catnav {
        flex-basis: var(--h-shop-ux-side-nav-width) !important;
        width: var(--h-shop-ux-side-nav-width) !important;
        max-width: var(--h-shop-ux-side-nav-width) !important;
    }

    body.historicum-shop-page .h-shop-section-main .h-paper-title .h-paper-title-name,
    body.historicum-shop-page .h-shop-section-main .h-paper-title .h-paper-title-suffix {
        position: relative !important;
        left: 8px !important;
    }
}

@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
    body.historicum-shop-page .h-shop-catnav {
        overflow: hidden !important;
        background-clip: padding-box !important;
        transition: max-height 0.3s ease, opacity 0.22s ease !important;
        will-change: max-height, opacity !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-catnav-acc-item,
    body.historicum-shop-page .h-shop-catnav .h-shop-filter-group {
        overflow: hidden !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-catnav-row,
    body.historicum-shop-page .h-shop-catnav .h-catnav-subrow,
    body.historicum-shop-page .h-shop-catnav .h-filter-acc-toggle {
        border-radius: 0 !important;
        background-clip: padding-box !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-catnav-row.is-active,
    body.historicum-shop-page .h-shop-catnav .h-catnav-subrow.is-active,
    body.historicum-shop-page .h-shop-catnav .h-shop-filter-group .h-catnav-row.is-active {
        outline: 0 !important;
        box-shadow: inset 0 1px 0 #141414, inset 0 -1px 0 #141414 !important;
    }
}

/* Final shop navigation and mobile title-rip alignment pass. */
@media (min-width: 1400px) and (hover: hover) and (pointer: fine) {
    body.historicum-shop-page {
        --h-shop-nav-left-fill: var(--h-shop-section-left-pad, 48px);
        --h-shop-nav-text-offset: 8px;
        --h-shop-widget-top-offset: 272px;
    }

    body.historicum-shop-page .h-shop-section-body .h-shop-catnav,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body .h-shop-catnav,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-body .h-shop-catnav {
        margin-left: calc(0px - var(--h-shop-nav-left-fill)) !important;
        flex-basis: var(--h-shop-ux-side-nav-width) !important;
        width: calc(var(--h-shop-ux-side-nav-width) + var(--h-shop-nav-left-fill)) !important;
        max-width: calc(var(--h-shop-ux-side-nav-width) + var(--h-shop-nav-left-fill)) !important;
        box-sizing: border-box !important;
        border-left: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-widgets-column {
        padding-top: var(--h-shop-widget-top-offset) !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-catnav-header,
    body.historicum-shop-page .h-shop-catnav .h-catnav-filterby {
        padding-left: calc(14px + var(--h-shop-nav-text-offset)) !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-catnav-row,
    body.historicum-shop-page .h-shop-catnav .h-filter-acc-toggle {
        padding-left: calc(16px + var(--h-shop-nav-text-offset)) !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-catnav-subrow {
        padding-left: calc(28px + var(--h-shop-nav-text-offset)) !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-catnav-subrow-2 {
        padding-left: calc(48px + var(--h-shop-nav-text-offset)) !important;
    }
}

@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap {
        margin-bottom: 18px !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title {
        position: relative !important;
        overflow: visible !important;
        isolation: isolate !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title::before,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title::before,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title::after,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title::after {
        content: "" !important;
        display: block !important;
        position: absolute !important;
        right: 0 !important;
        left: 0 !important;
        z-index: 0 !important;
        height: 18px !important;
        pointer-events: none !important;
        background: #141414 !important;
        -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        -webkit-mask-size: 130% 100% !important;
        -webkit-mask-repeat: no-repeat !important;
        -webkit-mask-position: 50% bottom !important;
        mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        mask-size: 130% 100% !important;
        mask-repeat: no-repeat !important;
        mask-position: 50% bottom !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title::before,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title::before {
        bottom: calc(100% - 1px) !important;
        transform: none !important;
        transform-origin: center bottom !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title::after,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title::after {
        top: calc(100% - 1px) !important;
        transform: scaleY(-1) !important;
        transform-origin: center top !important;
    }

    body.historicum-shop-page .h-shop-section-main .h-paper-title .h-paper-title-name,
    body.historicum-shop-page .h-shop-section-main .h-paper-title .h-paper-title-suffix {
        position: relative !important;
        z-index: 1 !important;
    }

    body.historicum-shop-page .h-shop-section-body .h-shop-catnav {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-catnav-row,
    body.historicum-shop-page .h-shop-catnav .h-filter-acc-toggle {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-catnav-subrow {
        padding-left: 32px !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-catnav-subrow-2 {
        padding-left: 46px !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-catnav-row > span:first-child,
    body.historicum-shop-page .h-shop-catnav .h-filter-acc-toggle .h-shop-filter-group-label {
        min-width: 0 !important;
        overflow-wrap: anywhere !important;
    }
}

/* Final desktop widget paper contract: clean paper block, no torn edges. */
@media (min-width: 1400px) and (hover: hover) and (pointer: fine) {
    body.historicum-shop-page .h-shop-side-paper,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-paper,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-side-paper {
        --h-paper: var(--h-paper-flat, #f5f0e6);
        --h-shop-widget-paper-color: var(--h-paper-flat, #f5f0e6);
        position: relative !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        outline: 0 !important;
        background: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
        color: #111 !important;
    }

    body.historicum-shop-page .h-shop-side-paper > .h-torn-top,
    body.historicum-shop-page .h-shop-side-paper > .h-torn-bottom,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-paper > .h-torn-top,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-paper > .h-torn-bottom,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-side-paper > .h-torn-top,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-side-paper > .h-torn-bottom {
        display: none !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.historicum-shop-page .h-shop-side-paper > .h-torn-top::before,
    body.historicum-shop-page .h-shop-side-paper > .h-torn-bottom::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-paper > .h-torn-top::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-paper > .h-torn-bottom::before,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-side-paper > .h-torn-top::before,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-side-paper > .h-torn-bottom::before,
    body.historicum-shop-page .h-shop-side-paper > .h-torn-top::after,
    body.historicum-shop-page .h-shop-side-paper > .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-paper > .h-torn-top::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-paper > .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-side-paper > .h-torn-top::after,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-side-paper > .h-torn-bottom::after {
        content: none !important;
        display: none !important;
    }

    body.historicum-shop-page .h-shop-side-paper-content,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-paper-content,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-side-paper-content {
        position: relative !important;
        z-index: 1 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        border: 0 !important;
        outline: 0 !important;
        background: var(--h-shop-widget-paper-color) !important;
        background-color: var(--h-shop-widget-paper-color) !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    body.historicum-shop-page .h-shop-side-widgets,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-side-widgets {
        position: relative !important;
        overflow: visible !important;
        margin: 0 !important;
        padding: 0 !important;
        gap: 0 !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
    }

    body.historicum-shop-page .h-shop-side-widgets .h-shop-widget,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-side-widgets .h-shop-widget {
        position: relative !important;
        overflow: visible !important;
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }

    body.historicum-shop-page .h-shop-side-widgets .h-shop-widget-measurement,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget-measurement,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-side-widgets .h-shop-widget-measurement {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }

    body.historicum-shop-page .h-shop-side-widgets::before,
    body.historicum-shop-page .h-shop-side-widgets::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets::after,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-side-widgets::before,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-side-widgets::after,
    body.historicum-shop-page .h-shop-side-widgets .h-shop-widget::before,
    body.historicum-shop-page .h-shop-side-widgets .h-shop-widget::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget::after,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-side-widgets .h-shop-widget::before,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-side-widgets .h-shop-widget::after,
    body.historicum-shop-page .h-shop-side-widgets .h-shop-widget:not(:first-child)::before,
    body.historicum-shop-page .h-shop-side-widgets .h-shop-widget:not(:last-child)::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:not(:first-child)::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget:not(:last-child)::after,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-side-widgets .h-shop-widget:not(:first-child)::before,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-side-widgets .h-shop-widget:not(:last-child)::after {
        content: none !important;
        display: none !important;
    }
}

/* Final embedded shop-help rail: sits under Filters inside the category menu. */
@media (min-width: 1400px) and (hover: hover) and (pointer: fine) {
    body.historicum-shop-page .h-shop-paper-layout,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-paper-layout {
        display: block !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0 !important;
        width: 100% !important;
    }

    body.historicum-shop-page .h-shop-sections-column,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-sections-column {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.historicum-shop-page .h-shop-sections-column::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column::after,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-sections-column::after {
        content: none !important;
        display: none !important;
    }

    body.historicum-shop-page .h-shop-widgets-column,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-widgets-column,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-widgets-column {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-shop-catnav-widgets {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        background: #f5f0e6 !important;
        color: #111 !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-shop-side-paper-content,
    body.historicum-shop-page .h-shop-catnav .h-shop-side-widgets {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        background: #f5f0e6 !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-shop-side-widgets .h-shop-widget {
        display: block !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0.2px solid #000 !important;
        border-top: 0 !important;
        border-radius: 0 !important;
        background: #f5f0e6 !important;
        color: #111 !important;
        box-shadow: none !important;
        text-decoration: none !important;
        transform: none !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-shop-side-widgets .h-shop-widget:first-child {
        border-top: 0.2px solid #000 !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-shop-side-widgets .h-shop-widget-kicker {
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 8px calc(14px + var(--h-shop-nav-text-offset, 0px)) !important;
        background: #111 !important;
        color: #fff !important;
        font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1.1 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-shop-side-widgets .h-shop-widget .h-shop-widget-title {
        margin: 0 !important;
        padding: 12px calc(14px + var(--h-shop-nav-text-offset, 0px)) 6px !important;
        background: transparent !important;
        color: #111 !important;
        font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.05 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-shop-widget-select-row {
        display: grid !important;
        grid-template-columns: auto minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 10px calc(14px + var(--h-shop-nav-text-offset, 0px)) !important;
        border-top: 0.2px solid #000 !important;
        background: #f5f0e6 !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-shop-widget-select-row span {
        font-family: var(--h-font-cormorant, 'Cormorant Garamond', serif) !important;
        font-size: 15px !important;
        font-weight: 600 !important;
        color: #111 !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-shop-widget-select {
        width: 100% !important;
        min-height: 30px !important;
        border: 1px solid rgba(17, 17, 17, 0.58) !important;
        border-radius: 999px !important;
        background: #f9f4e8 !important;
        color: #111 !important;
        font-family: var(--h-font-cormorant, 'Cormorant Garamond', serif) !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-shop-widget-action {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: auto !important;
        min-height: 30px !important;
        margin: 4px calc(14px + var(--h-shop-nav-text-offset, 0px)) 14px !important;
        padding: 7px 14px !important;
        border: 1px solid #b69200 !important;
        border-radius: 4px !important;
        background: #f2cc00 !important;
        color: #111 !important;
        font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1 !important;
        letter-spacing: 0.06em !important;
        text-transform: uppercase !important;
        text-decoration: none !important;
    }

    body.historicum-shop-page .h-shop-section-body .h-shop-catnav,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body .h-shop-catnav,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-body .h-shop-catnav {
        position: static !important;
        top: auto !important;
        align-self: flex-start !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-catnav-header,
    body.historicum-shop-page .h-shop-catnav .h-catnav-filterby,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-header,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-filterby,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-header,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-filterby,
    body.historicum-shop-page .h-shop-catnav .h-shop-side-widgets .h-shop-widget-kicker {
        display: block !important;
        width: auto !important;
        margin: 12px 12px 10px !important;
        padding: 8px 20px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #111 !important;
        color: #fff !important;
        font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        line-height: 1.1 !important;
        letter-spacing: 0.08em !important;
        text-transform: uppercase !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-catnav-group:first-child .h-catnav-header {
        margin-top: 12px !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-catnav-filterby {
        margin-top: 12px !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-shop-side-widgets .h-shop-widget .h-shop-widget-title {
        font-size: 13px !important;
    }
}

@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
    body.historicum-shop-page .h-shop-catnav .h-shop-catnav-widgets {
        display: none !important;
    }
}

@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column .h-shop-tabs {
        /* Proportional gap: wider on big screens, tighter on small phones. */
        gap: clamp(4px, 1.6vw, 15px) !important;
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab-thumb {
        width: 100% !important;
        max-width: none !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tabs .h-shop-tab-name {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
        text-align: center !important;
        text-overflow: clip !important;
        white-space: nowrap !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        font-size: var(--h-shop-tile-title-size) !important;
        line-height: 1.05 !important;
        letter-spacing: 0 !important;
    }
}

/* Final section title and nav-label alignment pass. */
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title,
body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-paper-title,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-paper-title-link .h-paper-title {
    -webkit-clip-path: none !important;
    clip-path: none !important;
}

body.historicum-shop-page .h-shop-catnav,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav {
    --h-shop-nav-title-margin-x: 12px;
    --h-shop-nav-title-padding-x: 20px;
    --h-shop-nav-label-extra-x: 5px;
    --h-shop-nav-child-indent: 42px;
    --h-shop-nav-grandchild-indent: 66px;
    --h-shop-nav-dash-offset: 18px;
    --h-shop-nav-label-x: calc(var(--h-shop-nav-title-margin-x) + var(--h-shop-nav-title-padding-x) + var(--h-shop-nav-label-extra-x));
}

body.historicum-shop-page .h-shop-catnav .h-catnav-row,
body.historicum-shop-page .h-shop-catnav .h-filter-acc-toggle,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-row,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-toggle,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-row,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-toggle {
    padding-left: var(--h-shop-nav-label-x) !important;
}

body.historicum-shop-page .h-shop-catnav .h-catnav-subrow,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-subrow,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-subrow {
    display: grid !important;
    grid-template-columns: 12px minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 10px !important;
    padding-left: calc(var(--h-shop-nav-label-x) + var(--h-shop-nav-child-indent)) !important;
}

body.historicum-shop-page .h-shop-catnav .h-catnav-subrow-2,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-subrow-2,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-subrow-2 {
    padding-left: calc(var(--h-shop-nav-label-x) + var(--h-shop-nav-grandchild-indent)) !important;
}

body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub {
    overflow: hidden !important;
}

body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub .h-catnav-rows,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub .h-catnav-rows,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub .h-catnav-rows {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    padding: 0 !important;
}

body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub .h-catnav-row,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub .h-catnav-row,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub .h-catnav-row {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 12px minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding-top: 9px !important;
    padding-right: 16px !important;
    padding-bottom: 9px !important;
    padding-left: calc(var(--h-shop-nav-label-x) + var(--h-shop-nav-child-indent)) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(20, 20, 20, 0.14) !important;
    border-radius: 0 !important;
    background: transparent !important;
    text-align: left !important;
}

body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub .h-catnav-row::before,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub .h-catnav-row::before,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub .h-catnav-row::before {
    content: "" !important;
    position: static !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    top: auto !important;
    left: auto !important;
    width: 12px !important;
    height: 1px !important;
    border-radius: 0 !important;
    background: #141414 !important;
    transform: none !important;
}

body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub .h-catnav-row > span:first-child,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub .h-catnav-row > span:first-child,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub .h-catnav-row > span:first-child,
body.historicum-shop-page .h-shop-catnav .h-catnav-acc-sub .h-catnav-row > span:first-child,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-row > span:first-child,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-acc-sub .h-catnav-row > span:first-child {
    grid-column: 2 !important;
    min-width: 0 !important;
}

body.historicum-shop-page .h-shop-catnav .h-catnav-acc-sub .h-catnav-row .h-catnav-caret,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-row .h-catnav-caret,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-acc-sub .h-catnav-row .h-catnav-caret {
    grid-column: 3 !important;
}

body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active {
    background: #f2cc00 !important;
    color: #141414 !important;
    font-weight: 700 !important;
}

body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active::before,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active::before,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active::before {
    background: #141414 !important;
}

body.historicum-shop-page .h-shop-catnav .h-catnav-acc-sub .h-catnav-row::before,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-row::before,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-acc-sub .h-catnav-row::before {
    content: "" !important;
    position: static !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    align-self: center !important;
    top: auto !important;
    left: auto !important;
    width: 12px !important;
    height: 1px !important;
    border-radius: 0 !important;
    background: #141414 !important;
    transform: none !important;
}

body.historicum-shop-page .h-shop-catnav .h-catnav-acc-sub .h-catnav-subrow-2::before,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub .h-catnav-subrow-2::before,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-acc-sub .h-catnav-subrow-2::before {
    left: auto !important;
}

body.historicum-shop-page .h-shop-catnav .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-catnav .h-catnav-subrow.is-active,
body.historicum-shop-page .h-shop-catnav .h-filter-acc-toggle.is-active,
body.historicum-shop-page .h-shop-catnav .h-shop-filter-group .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-subrow.is-active,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-toggle.is-active,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-shop-filter-group .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-subrow.is-active,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-toggle.is-active,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-shop-filter-group .h-catnav-row.is-active {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    outline-offset: 0 !important;
    overflow: hidden !important;
    background: #f2cc00 !important;
    box-shadow: inset 0 1px 0 #141414, inset 0 -1px 0 #141414 !important;
    background-clip: padding-box !important;
}

body.historicum-shop-page .h-shop-side-widgets .h-shop-widget-kicker,
body.historicum-shop-page .h-shop-catnav .h-shop-side-widgets .h-shop-widget-kicker,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-side-widgets .h-shop-widget-kicker,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-shop-side-widgets .h-shop-widget-kicker,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-side-widgets .h-shop-widget-kicker,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-shop-side-widgets .h-shop-widget-kicker {
    display: block !important;
    width: auto !important;
    margin: 12px var(--h-shop-nav-title-margin-x, 12px) 10px !important;
    padding: 8px var(--h-shop-nav-title-padding-x, 20px) !important;
    box-sizing: border-box !important;
    background: #111 !important;
    color: #fff !important;
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

body.historicum-shop-page .h-shop-section-main .h-paper-title .h-paper-title-name,
body.historicum-shop-page .h-shop-section-main .h-paper-title .h-paper-title-suffix,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-paper-title .h-paper-title-name,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-main .h-paper-title .h-paper-title-suffix,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-main .h-paper-title .h-paper-title-name,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-main .h-paper-title .h-paper-title-suffix {
    position: relative !important;
    left: 12px !important;
}

/* Final left-nav widget title parity: widget headings match Categories/Filters strips. */
body.historicum-shop-page .h-shop-catnav .h-shop-side-widgets .h-shop-widget,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-shop-side-widgets .h-shop-widget,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-shop-side-widgets .h-shop-widget {
    padding: 0 !important;
}

body.historicum-shop-page .h-shop-catnav .h-catnav-header,
body.historicum-shop-page .h-shop-catnav .h-catnav-filterby,
body.historicum-shop-page .h-shop-catnav .h-shop-side-widgets .h-shop-widget-kicker,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-header,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-filterby,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-shop-side-widgets .h-shop-widget-kicker,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-header,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-filterby,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-shop-side-widgets .h-shop-widget-kicker {
    display: block !important;
    width: auto !important;
    min-height: 30px !important;
    margin: 12px var(--h-shop-nav-title-margin-x, 12px) 10px !important;
    padding: 8px var(--h-shop-nav-title-padding-x, 20px) !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-sizing: border-box !important;
    background: #111 !important;
    color: #fff !important;
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

/* Final shop nav/load/hero interaction polish. */
body.historicum-shop-page .h-shop-catnav .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-catnav .h-catnav-subrow.is-active,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-subrow.is-active,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-subrow.is-active {
    position: relative !important;
    z-index: 2 !important;
    margin-top: -1px !important;
    border-top: 0 !important;
    background: #f2cc00 !important;
    box-shadow: inset 0 -1px 0 #141414 !important;
}

body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub {
    overflow: visible !important;
    padding: 6px 0 10px !important;
}

body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub[hidden],
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub[hidden],
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub[hidden] {
    display: none !important;
}

body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub .h-catnav-rows,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub .h-catnav-rows,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub .h-catnav-rows {
    gap: 6px !important;
    padding: 0 !important;
}

body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub .h-catnav-row,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub .h-catnav-row,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub .h-catnav-row {
    width: calc(100% - (var(--h-shop-nav-label-x) + var(--h-shop-nav-child-indent) + 8px)) !important;
    min-height: 34px !important;
    margin: 0 8px 0 calc(var(--h-shop-nav-label-x) + var(--h-shop-nav-child-indent) - 24px) !important;
    padding: 7px 12px !important;
    border: 1px solid rgba(20, 20, 20, 0.18) !important;
    border-radius: 999px !important;
    background: #f8f1df !important;
    box-shadow: none !important;
    display: grid !important;
    grid-template-columns: 12px minmax(0, 1fr) !important;
    column-gap: 10px !important;
    justify-content: start !important;
    text-align: left !important;
    white-space: normal !important;
}

body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub .h-catnav-row::before,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub .h-catnav-row::before,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub .h-catnav-row::before {
    width: 12px !important;
    height: 1px !important;
    background: #141414 !important;
}

body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active {
    margin-top: 0 !important;
    border-color: #141414 !important;
    border-radius: 999px !important;
    background: #f2cc00 !important;
    box-shadow: none !important;
}

body.historicum-shop-page .h-shop-load-more.is-loading {
    display: inline-flex !important;
    min-width: 150px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding-right: 26px !important;
    padding-left: 26px !important;
    line-height: 1 !important;
}

body.historicum-shop-page .h-shop-load-more.is-loading::before {
    position: static !important;
    display: block !important;
    flex: 0 0 13px !important;
    margin: 0 !important;
}

@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
    body.historicum-shop-page .h-shop-hero-carousel .h-bs-wrapper {
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-hero-carousel .h-bs-carousel {
        display: flex !important;
        transform: none !important;
        will-change: auto !important;
        overflow-x: auto !important;
        overflow-y: visible !important;
        touch-action: pan-x pan-y !important;
        scroll-snap-type: x proximity !important;
        -webkit-overflow-scrolling: touch !important;
    }

    body.historicum-shop-page .h-shop-hero-carousel .h-bs-slide {
        flex: 0 0 auto !important;
        scroll-snap-align: center !important;
    }
}

/* Final pass: nav separator, filter pill, loading label, and touch carousel fixes. */
body.historicum-shop-page .h-shop-catnav .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-catnav .h-catnav-subrow.is-active,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-subrow.is-active,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-subrow.is-active {
    border-top-color: #f2cc00 !important;
    box-shadow: 0 -1px 0 #f2cc00, inset 0 -1px 0 #141414 !important;
}

body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub .h-catnav-row,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub .h-catnav-row,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub .h-catnav-row {
    box-sizing: border-box !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 5px 14px 5px calc(var(--h-shop-nav-label-x) + var(--h-shop-nav-child-indent) - 24px) !important;
    padding: 7px 12px !important;
    overflow: visible !important;
    background: rgba(248, 241, 223, 0.92) !important;
}

body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active {
    margin-top: 5px !important;
    background: #f2cc00 !important;
    box-shadow: none !important;
}

body.historicum-shop-page .h-shop-load-more.is-loading {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    min-width: 158px !important;
    padding: 11px 26px !important;
    white-space: nowrap !important;
}

body.historicum-shop-page .h-shop-load-more.is-loading::before {
    position: static !important;
    display: inline-block !important;
    width: 13px !important;
    height: 13px !important;
    flex: 0 0 13px !important;
    margin: 0 !important;
    transform: none !important;
}

@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
    body.historicum-shop-page .h-shop-hero-carousel .h-bs-carousel {
        scroll-snap-type: x mandatory !important;
        scroll-padding-inline: 18px !important;
    }

    body.historicum-shop-page .h-shop-hero-carousel .h-bs-slide {
        scroll-snap-align: center !important;
        scroll-snap-stop: normal !important;
    }

    body.historicum-shop-page .h-shop-hero-carousel [data-h-hero-clone="1"] {
        display: none !important;
    }
}

/* Targeted shop nav fixes: active state changes color only, not geometry. */
body.historicum-shop-page .h-shop-catnav .h-catnav-row::after,
body.historicum-shop-page .h-shop-catnav .h-catnav-subrow::after,
body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub .h-catnav-row::after,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-row::after,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-subrow::after,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub .h-catnav-row::after,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-row::after,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-subrow::after,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub .h-catnav-row::after {
    content: none !important;
    display: none !important;
}

body.historicum-shop-page .h-shop-catnav .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-catnav .h-catnav-subrow.is-active,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-subrow.is-active,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-subrow.is-active {
    transform: none !important;
    border-bottom-color: #f2cc00 !important;
    box-shadow: none !important;
}

body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub .h-catnav-row,
body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub .h-catnav-row,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub .h-catnav-row,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active {
    box-sizing: border-box !important;
    display: grid !important;
    grid-template-columns: 12px minmax(0, 1fr) !important;
    align-items: center !important;
    justify-content: start !important;
    column-gap: 10px !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 40px !important;
    margin: 5px 14px 5px calc(var(--h-shop-nav-label-x) + var(--h-shop-nav-child-indent) - 24px) !important;
    padding: 9px 14px !important;
    border: 1px solid rgba(20, 20, 20, 0.22) !important;
    border-radius: 999px !important;
    text-align: left !important;
    transform: none !important;
    box-shadow: none !important;
}

body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub .h-catnav-row {
    background: rgba(248, 241, 223, 0.92) !important;
    color: #141414 !important;
}

body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active {
    background: #f2cc00 !important;
    color: #141414 !important;
}

@media (min-width: 1400px) and (hover: hover) and (pointer: fine) {
    body.historicum-shop-page .h-shop-section-main .h-shop-section-carousel,
    body.historicum-shop-page .h-shop-section-main .h-shop-section-carousel .h-ss-viewport,
    body.historicum-shop-page .h-shop-section-main .h-shop-section-carousel .h-ss-pages-track,
    body.historicum-shop-page .h-shop-section-main .h-shop-section-carousel .h-ss-page {
        margin-left: 0 !important;
        padding-left: 0 !important;
    }
}

/* ============================================================
   P5 - Product card price stack (final pass)
   One hierarchy for hero cards (.h-bs-price) and workshop/grid
   cards (.h-ss-price), desktop and mobile:
     1. current/sale price  - dominant
     2. regular price (del) - secondary, struck through
     3. Omnibus 30-day note - smallest but always readable,
        never clipped or ellipsized (legal requirement).
   Visual order is set with flex order instead of column-reverse
   so the note can never end up above the price.
   ============================================================ */
.h-shop-page .h-bs-price,
body.historicum-shop-page .h-shop-hero-carousel .h-bs-price,
body.historicum-shop-page .h-shop-ws-card .h-ss-price,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-price {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
    width: auto !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
}

.h-shop-page .h-bs-price ins,
.h-shop-page .h-bs-price > .woocommerce-Price-amount,
body.historicum-shop-page .h-shop-hero-carousel .h-bs-price ins,
body.historicum-shop-page .h-shop-hero-carousel .h-bs-price > .woocommerce-Price-amount,
body.historicum-shop-page .h-shop-ws-card .h-ss-price ins,
body.historicum-shop-page .h-shop-ws-card .h-ss-price > .woocommerce-Price-amount {
    order: 1 !important;
    display: block !important;
    max-width: 100% !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    letter-spacing: 0.01em !important;
    line-height: 1.05 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.h-shop-page .h-bs-price del,
body.historicum-shop-page .h-shop-hero-carousel .h-bs-price del,
body.historicum-shop-page .h-shop-ws-card .h-ss-price del {
    order: 2 !important;
    display: block !important;
    max-width: 100% !important;
    color: rgba(255, 255, 255, 0.92) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.1 !important;
    text-decoration: line-through !important;
    text-decoration-color: rgba(255, 255, 255, 0.92) !important;
    white-space: nowrap !important;
}

/* Roomier price pill to carry the larger amount. */
.h-shop-page .h-bs-price,
body.historicum-shop-page .h-shop-hero-carousel .h-bs-price,
body.historicum-shop-page .h-shop-ws-card .h-ss-price,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-price {
    padding: 6px 12px !important;
}

@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
    .h-shop-page .h-bs-price ins,
    .h-shop-page .h-bs-price > .woocommerce-Price-amount,
    body.historicum-shop-page .h-shop-hero-carousel .h-bs-price ins,
    body.historicum-shop-page .h-shop-hero-carousel .h-bs-price > .woocommerce-Price-amount,
    body.historicum-shop-page .h-shop-ws-card .h-ss-price ins,
    body.historicum-shop-page .h-shop-ws-card .h-ss-price > .woocommerce-Price-amount {
        font-size: 18px !important;
    }

    .h-shop-page .h-bs-price del,
    body.historicum-shop-page .h-shop-hero-carousel .h-bs-price del,
    body.historicum-shop-page .h-shop-ws-card .h-ss-price del {
        font-size: 12px !important;
    }
}

.h-shop-page .h-bs-price del .woocommerce-Price-amount,
body.historicum-shop-page .h-shop-hero-carousel .h-bs-price del .woocommerce-Price-amount,
body.historicum-shop-page .h-shop-ws-card .h-ss-price del .woocommerce-Price-amount {
    font-size: 1em !important;
    font-weight: inherit !important;
    color: inherit !important;
}

.h-shop-page .h-bs-price .h-lowest-price-note,
body.historicum-shop-page .h-shop-hero-carousel .h-bs-price .h-lowest-price-note,
body.historicum-shop-page .h-shop-ws-card .h-ss-price .h-lowest-price-note {
    order: 3 !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    color: rgba(255, 255, 255, 0.78) !important;
    font-family: var(--h-font-instrument) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    letter-spacing: 0.02em !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-overflow: clip !important;
    white-space: normal !important;
}

.h-shop-page .h-bs-price .h-lowest-price-note *,
body.historicum-shop-page .h-shop-hero-carousel .h-bs-price .h-lowest-price-note *,
body.historicum-shop-page .h-shop-ws-card .h-ss-price .h-lowest-price-note * {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    white-space: inherit !important;
}

/* Mobile hero pill: let the stack breathe instead of clamping to 132px. */
@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
    body.historicum-shop-page .h-shop-hero-carousel .h-bs-price {
        width: auto !important;
        min-width: 0 !important;
        max-width: calc(100% - 8px) !important;
        padding: 4px 9px !important;
    }
}

/* ============================================================
   P6 - Filter/material buttons: stable geometry (final pass)
   The active state may only change colour/background/border
   colour. Width, padding, margin, border width, font size,
   font weight, and transform are pinned IDENTICALLY for both
   states so nothing shifts or resizes on click. Tap targets
   are enlarged. Applies equally to AJAX-injected filters.
   ============================================================ */

/* Top filter rows (content-width pills). */
body.historicum-shop-page .h-shop-material-filter .h-material-filter-btn,
body.historicum-shop-page .h-shop-material-filter .h-material-filter-btn.is-active,
body.historicum-shop-page .h-shop-filter-row .h-subnav-link,
body.historicum-shop-page .h-shop-filter-row .h-subnav-link.is-active {
    box-sizing: border-box !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 18px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 999px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-align: center !important;
    white-space: nowrap !important;
    transform: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}

/* Sidebar accordion filter pills (material/tag buttons in the left nav).
   Same geometry in both states; high-specificity variants match the
   existing level-scoped rules so this final layer always wins. */
body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub .h-catnav-row,
body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub .h-catnav-row,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub .h-catnav-row,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active {
    box-sizing: border-box !important;
    min-height: 44px !important;
    margin: 5px 14px 5px calc(var(--h-shop-nav-label-x) + var(--h-shop-nav-child-indent) - 24px) !important;
    padding: 10px 16px !important;
    border-width: 1px !important;
    border-style: solid !important;
    border-radius: 999px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1.1 !important;
    transform: none !important;
    box-shadow: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease !important;
}

/* Bigger touch targets on mobile/tablet. */
@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
    body.historicum-shop-page .h-shop-material-filter .h-material-filter-btn,
    body.historicum-shop-page .h-shop-material-filter .h-material-filter-btn.is-active,
    body.historicum-shop-page .h-shop-filter-row .h-subnav-link,
    body.historicum-shop-page .h-shop-filter-row .h-subnav-link.is-active,
    body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub .h-catnav-row,
    body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub .h-catnav-row,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub .h-catnav-row,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub .h-catnav-row.is-active {
        min-height: 46px !important;
    }
}

/* ============================================================
   Product cards with no reviews show an honest "New" tag in
   place of the old hardcoded five stars.
   ============================================================ */
.h-shop-page .h-bs-reviews .h-stars-new,
body.historicum-shop-page .h-bs-reviews .h-stars-new {
    display: inline-flex !important;
    align-items: center !important;
    padding: 2px 9px !important;
    border: 1px solid rgba(255, 208, 0, 0.55) !important;
    border-radius: 999px !important;
    background: rgba(0, 0, 0, 0.25) !important;
    color: rgba(255, 255, 255, 0.88) !important;
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.12em !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
}

/* ============================================================
   P7 - Category sidebar: active rows must not move. Removes the
   old -1px margin nudge on activation; the yellow strip's top
   separator is already painted by box-shadow (no geometry).
   Filter pills inside .h-filter-acc-sub keep their own margins
   via the higher-specificity P6 rules above.
   ============================================================ */
body.historicum-shop-page .h-shop-catnav .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-catnav .h-catnav-subrow.is-active,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-subrow.is-active,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-row.is-active,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-subrow.is-active {
    margin-top: 0 !important;
    transform: none !important;
}

/* ============================================================
   Price typography system (audit T1-T4)
   One numeric voice across the shop: Instrument digits with
   tabular figures, a subordinate currency unit, and two card
   title tokens (15px desktop / 13px mobile).
   ============================================================ */
.h-shop-page .h-bs-price,
body.historicum-shop-page .h-shop-hero-carousel .h-bs-price,
body.historicum-shop-page .h-shop-ws-card .h-ss-price,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-price {
    font-variant-numeric: tabular-nums lining-nums !important;
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
}

.h-shop-page .woocommerce-Price-currencySymbol,
body.historicum-shop-page .woocommerce-Price-currencySymbol {
    font-size: 0.7em !important;
    font-weight: 700 !important;
    opacity: 0.9 !important;
    letter-spacing: 0.03em !important;
}

/* Card title tokens. High-specificity variants match the older
   level-scoped rules so the final layer wins everywhere. */
.h-shop-page .h-bs-title,
body.historicum-shop-page .h-shop-hero-carousel .h-bs-title,
body.historicum-shop-page .h-shop-ws-card .h-ss-title,
body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card .h-ss-title,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-title,
body.historicum-shop-page .h-shop-section-carousel .h-ss-cell.is-sale .h-ss-title,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-shop-ws-card .h-ss-title,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-title,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel .h-shop-ws-card .h-ss-title,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-title {
    font-family: var(--h-font-instrument) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
    .h-shop-page .h-bs-title,
    body.historicum-shop-page .h-shop-hero-carousel .h-bs-title,
    body.historicum-shop-page .h-shop-ws-card .h-ss-title,
    body.historicum-shop-page .h-shop-section-carousel .h-shop-ws-card .h-ss-title,
    body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-title,
    body.historicum-shop-page .h-shop-section-carousel .h-ss-cell.is-sale .h-ss-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel .h-shop-ws-card .h-ss-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-title,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel .h-shop-ws-card .h-ss-title,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-title {
        font-size: 13px !important;
        line-height: 1.18 !important;
    }
}

/* ============================================================
   Polish bundle (audit issues 3, 4, 7)
   ============================================================ */

/* Hover bar keeps the price: "ORDER NOW · 525 EUR" (set by JS on
   data-h-order-label; selector specificity matches the late rule). */
.h-shop-page .h-bs-info[data-h-order-label]::after,
body.historicum-shop-page .h-shop-hero-carousel .h-bs-info[data-h-order-label]::after,
body.historicum-shop-page .h-shop-ws-card .h-ss-info[data-h-order-label]::after,
body.historicum-shop-page .h-shop-section-carousel.is-end-grid .h-shop-ws-card .h-ss-info[data-h-order-label]::after {
    content: attr(data-h-order-label) !important;
    font-variant-numeric: tabular-nums lining-nums !important;
}

/* Button tokens: every primary action shares one geometry/typography.
   Pills (999px) stay reserved for filters. */
.h-shop-load-more,
body.historicum-shop-page .h-shop-load-more {
    min-height: 48px !important;
    border-radius: 8px !important;
    font-family: var(--h-font-instrument) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

/* Empty filter results state (built by JS when a filter combination
   matches nothing). */
body.historicum-shop-page .h-shop-empty-results {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    width: 100%;
    padding: 38px 18px;
    box-sizing: border-box;
    text-align: center;
}

body.historicum-shop-page .h-shop-empty-results-text {
    margin: 0;
    color: #3a2c18;
    font-family: var(--h-font-cormorant);
    font-size: 19px;
    font-weight: 600;
    line-height: 1.4;
}

body.historicum-shop-page .h-shop-empty-results-clear {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 26px;
    border: 1px solid #6f5b3e;
    border-radius: 8px;
    background: #f3ead7;
    color: #3a2c18;
    font-family: var(--h-font-instrument);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

body.historicum-shop-page .h-shop-empty-results-clear:hover {
    background: #e7d9bd;
}

/* Deeper category pages (not the root /shop): the item-count pill was being
   centered in its controls row instead of sitting under the section title.
   Force it left so it lines up with the title, matching the root /shop. */
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-controls.h-shop-section-controls {
    justify-content: flex-start !important;
}
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-controls.h-shop-section-controls .h-shop-result-count {
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* Mobile categories menu: a COLLAPSED accordion panel was rendered at full
   height with opacity:0 (so it stayed invisible but reserved ~550px), which
   showed as huge white gaps between sections. Force hidden panels to zero
   height so closed sections collapse to just their header row. */
body.historicum-shop-page .h-catnav-acc-item .h-catnav-acc-sub[hidden],
body.historicum-shop-page .h-catnav-acc-sub[hidden] {
    height: 0 !important;
    max-height: 0 !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* The "Categories & Filters" toggle had a light linear-gradient background that
   read as a different (whiter) shade than the cream paper. Make it flat cream
   so it matches the paper, and keep the heading/controls block above it cream
   too (it shows the section description + item count). Category tabs are left
   as they are. */
body.historicum-shop-page .h-shop-collapse-toggle.h-shop-collapse-toggle.h-shop-collapse-toggle {
    background-image: none !important;
    background-color: #f5f0e6 !important;
}
body.historicum-shop-page .h-shop-section-heading .h-shop-controls.h-shop-controls {
    background-image: none !important;
    background-color: #f5f0e6 !important;
}

/* The shop hero (fighters) carousel scrolls/auto-drifts on its own, so its
   prev/next arrow controls (the little squares at the bottom-right) are not
   needed — hide them. */
body.historicum-shop-page .h-shop-hero-carousel .h-carousel-controls,
body.historicum-shop-page .h-shop-hero-carousel .h-carousel-arrow,
body.historicum-shop-page .h-shop-hero-carousel .h-carousel-prev,
body.historicum-shop-page .h-shop-hero-carousel .h-carousel-next,
body.historicum-shop-page .h-shop-hero-carousel .h-carousel-page-indicator {
    display: none !important;
}

/* Prominent centered "Loading" sign shown while an AJAX section / page
   swap is in flight. Without it the only cue was a tiny side spinner while
   the empty middle read as "no items" - now a large, unmistakable sign
   covers the grid until the fresh results land. */
body.historicum-shop-page .h-shop-section-carousel.is-loading {
    position: relative !important;
}
body.historicum-shop-page .h-shop-section-carousel.is-loading::after {
    content: "Loading\2026";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    font-family: var(--h-font-cormorant, serif);
    font-size: clamp(26px, 4vw, 38px);
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #2e2210;
    background: rgba(245, 240, 230, 0.82);
    pointer-events: none;
}

/* ============================================================
   Mobile paper fixes
   1. background-attachment: fixed is ignored/broken by mobile
      browsers - the dimmed workshop image vanished. Scroll
      attachment restores it (the dark gradient still dims it).
   2. Rip teeth: 112% mask width on a 390px screen compresses
      the torn edge into anti-aliased saw teeth that read as a
      muddy gray strip. Stretch the mask so the edge reads as
      torn paper again, and pin the solid cream fill.
   ============================================================ */
@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
    body.historicum-shop-page .h-shop-page {
        background-attachment: scroll, scroll !important;
    }

    body.historicum-shop-page .h-torn-top::after,
    body.historicum-shop-page .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-sections-column .h-torn-top::after,
    body.historicum-shop-page .h-shop-sections-column .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section .h-torn-top::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section .h-torn-top::after,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active .h-torn-top::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active .h-torn-top::after,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-mobile-widgets .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-mobile-widgets > .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-mobile-widgets > .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-mobile-widgets .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-mobile-widgets > .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-mobile-widgets .h-torn-bottom::after {
        background-color: var(--h-paper-flat, #f5f0e6) !important;
        background-image: none !important;
        -webkit-mask-size: 340% 100% !important;
        mask-size: 340% 100% !important;
    }

    body.historicum-shop-page .h-shop-mobile-widget-content {
        -webkit-mask-size: 560% 100% !important;
        mask-size: 560% 100% !important;
    }
}

/* Final shop paper-rip tone: rips match the cream paper, not grey edge pixels. */
body.historicum-shop-page .h-torn-top::before,
body.historicum-shop-page .h-torn-top::after,
body.historicum-shop-page .h-torn-bottom::before,
body.historicum-shop-page .h-torn-bottom::after,
body.historicum-shop-page .h-paper-section .h-torn-top::before,
body.historicum-shop-page .h-paper-section .h-torn-top::after,
body.historicum-shop-page .h-paper-section .h-torn-bottom::before,
body.historicum-shop-page .h-paper-section .h-torn-bottom::after,
body.historicum-shop-page .h-shop-mobile-widgets .h-torn-bottom::before,
body.historicum-shop-page .h-shop-mobile-widgets .h-torn-bottom::after {
    background: var(--h-paper-flat, var(--h-paper, #f5f0e6)) !important;
    background-color: var(--h-paper-flat, var(--h-paper, #f5f0e6)) !important;
    background-image: none !important;
}

@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
    body.historicum-shop-page .h-torn-top::after,
    body.historicum-shop-page .h-torn-bottom::after,
    body.historicum-shop-page .h-paper-section .h-torn-top::after,
    body.historicum-shop-page .h-paper-section .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-sections-column .h-torn-top::after,
    body.historicum-shop-page .h-shop-sections-column .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-mobile-widgets .h-torn-bottom::after {
        -webkit-mask-size: 560% 100% !important;
        mask-size: 560% 100% !important;
    }
}

/* ============================================================
   Shop A/C/D final system
   A. Section title, description, count, and sort live in one
      organised header band.
   C. Mobile title sits on the paper as a compact plaque, while
      Categories/Filters becomes a control button.
   D. Category sidebar rows show product-count chips without
      changing row geometry on hover/active.
   ============================================================ */
body.historicum-shop-page {
    --h-shop-section-separator-width: 0.5px;
    --h-shop-title-bleed-left: var(--h-shop-section-left-pad, 6px);
    --h-shop-heading-text-inset: 30px;
    --h-shop-mobile-rip-height: 70px;
    --h-shop-mobile-side-pad: 22px;
    --h-shop-mobile-control-gap: 12px;
    --h-shop-mobile-paper-surface: var(--h-paper-flat, #f5f0e6);
    --h-shop-mobile-paper-edge-shade: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.20) 0%,
        rgba(0, 0, 0, 0.13) 9%,
        rgba(0, 0, 0, 0.05) 20%,
        rgba(0, 0, 0, 0) 35%,
        rgba(0, 0, 0, 0) 65%,
        rgba(0, 0, 0, 0.05) 80%,
        rgba(0, 0, 0, 0.13) 91%,
        rgba(0, 0, 0, 0.20) 100%
    );
    --h-shop-mobile-paper-lift: clamp(-380px, -52vh, -280px);
}

body.historicum-shop-page .h-shop-section-heading,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-heading,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-heading {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 22px !important;
    padding: 0 0 10px !important;
    border-bottom: var(--h-shop-section-separator-width) solid #141414 !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

body.historicum-shop-page .h-shop-section-heading-row {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 24px !important;
    width: 100% !important;
    min-width: 0 !important;
    flex-wrap: nowrap !important;
}

body.historicum-shop-page .h-shop-section-heading-title {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    flex: 1 1 760px !important;
    min-width: min(100%, var(--h-shop-ux-side-nav-width, 286px)) !important;
    max-width: min(860px, calc(100% - 430px)) !important;
}

body.historicum-shop-page .h-shop-section-heading .h-paper-title-link {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
    text-decoration: none !important;
}

body.historicum-shop-page .h-shop-section-heading .h-paper-title,
body.historicum-shop-page .h-shop-section-heading .h-paper-title-link .h-paper-title,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-heading .h-paper-title,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-heading .h-paper-title-link .h-paper-title,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-heading .h-paper-title,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-heading .h-paper-title-link .h-paper-title {
    position: relative !important;
    display: inline-block !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

body.historicum-shop-page .h-shop-section-heading .h-shop-section-description,
body.historicum-shop-page .h-shop-section-heading .h-paper-title-note {
    width: calc(100% - var(--h-shop-heading-text-inset, 30px)) !important;
    max-width: 72ch !important;
    margin: 10px 0 0 var(--h-shop-heading-text-inset, 30px) !important;
    color: #564a38 !important;
    font-family: var(--h-font-description, var(--h-font-cormorant, Georgia, serif)) !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    line-height: 1.36 !important;
    text-align: left !important;
}

body.historicum-shop-page .h-shop-section-heading .h-shop-controls,
body.historicum-shop-page .h-shop-section-heading .h-shop-section-controls,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-heading .h-shop-controls,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-heading .h-shop-controls {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 18px !important;
    flex: 0 0 auto !important;
    min-width: min(100%, 390px) !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.historicum-shop-page .h-shop-section-heading .h-shop-result-count,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-heading .h-shop-result-count,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-heading .h-shop-result-count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: #ece4d2 !important;
    color: #3a2c18 !important;
    font-family: var(--h-font-instrument, sans-serif) !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    font-variant-numeric: tabular-nums lining-nums !important;
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
}

body.historicum-shop-page .h-shop-section-heading .h-shop-sort {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-width: 0 !important;
    color: #6f6457 !important;
    font-family: var(--h-font-instrument, sans-serif) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

body.historicum-shop-page .h-shop-section-heading .h-shop-sort-select {
    appearance: none !important;
    width: auto !important;
    min-width: 172px !important;
    min-height: 42px !important;
    padding: 0 38px 0 14px !important;
    border: 1px solid rgba(17, 17, 17, 0.34) !important;
    border-radius: 8px !important;
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%234a4339' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: calc(100% - 12px) center !important;
    color: #141414 !important;
    font-family: var(--h-font-instrument, sans-serif) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    cursor: pointer !important;
}

body.historicum-shop-page .h-shop-section-heading .h-shop-sort-select:focus-visible {
    outline: 2px solid var(--h-accent, #f2cc00) !important;
    outline-offset: 2px !important;
}

body.historicum-shop-page .h-shop-catnav .h-catnav-header,
body.historicum-shop-page .h-shop-catnav .h-catnav-filterby,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-header,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-filterby,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-header,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-filterby {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 12px 16px !important;
    border: 0 !important;
    border-bottom: 2px solid var(--h-accent, #f2cc00) !important;
    border-radius: 0 !important;
    background: #141414 !important;
    color: #ffffff !important;
    font-family: var(--h-font-cinzel, 'Cinzel', serif) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.16em !important;
    line-height: 1 !important;
    text-align: left !important;
    text-transform: uppercase !important;
    box-sizing: border-box !important;
}

body.historicum-shop-page .h-catnav-row--category,
body.historicum-shop-page .h-shop-page.h-level-1 .h-catnav-row--category,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-catnav-row--category {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 12px !important;
    min-height: 44px !important;
    padding-top: 12px !important;
    padding-right: 18px !important;
    padding-bottom: 12px !important;
    padding-left: calc(16px + var(--h-shop-nav-text-offset, 0px)) !important;
    color: #141414 !important;
    background: transparent !important;
    font-family: var(--h-font-cormorant, 'Cormorant Garamond', serif) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    transition: background-color 0.12s ease, color 0.12s ease !important;
}

body.historicum-shop-page .h-catnav-row--category::before,
body.historicum-shop-page .h-shop-page.h-level-1 .h-catnav-row--category::before,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-catnav-row--category::before {
    content: none !important;
    display: none !important;
}

body.historicum-shop-page .h-catnav-row--category.h-catnav-subrow {
    padding-left: calc(30px + var(--h-shop-nav-text-offset, 0px)) !important;
    font-size: 15px !important;
}

body.historicum-shop-page .h-catnav-row--category.h-catnav-subrow-2 {
    padding-left: calc(48px + var(--h-shop-nav-text-offset, 0px)) !important;
    font-size: 14px !important;
}

body.historicum-shop-page .h-catnav-row--category > .h-catnav-label,
body.historicum-shop-page .h-shop-page.h-level-1 .h-catnav-row--category > .h-catnav-label,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-catnav-row--category > .h-catnav-label {
    grid-column: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.historicum-shop-page .h-catnav-row--category > .h-catnav-meta,
body.historicum-shop-page .h-shop-page.h-level-1 .h-catnav-row--category > .h-catnav-meta,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-catnav-row--category > .h-catnav-meta {
    grid-column: 2 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    min-width: 0 !important;
}

body.historicum-shop-page .h-catnav-count {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 2.4em !important;
    min-height: 22px !important;
    padding: 2px 9px !important;
    border-radius: 999px !important;
    background: #ece4d2 !important;
    color: #8a734a !important;
    font-family: var(--h-font-instrument, sans-serif) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    font-variant-numeric: tabular-nums lining-nums !important;
    font-feature-settings: "tnum" 1, "lnum" 1 !important;
}

body.historicum-shop-page .h-catnav-row--category .h-catnav-caret,
body.historicum-shop-page .h-shop-page.h-level-1 .h-catnav-row--category .h-catnav-caret,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-catnav-row--category .h-catnav-caret {
    grid-column: auto !important;
    color: #8a734a !important;
    font-family: var(--h-font-cinzel, serif) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

body.historicum-shop-page .h-catnav-row--category:hover,
body.historicum-shop-page .h-catnav-row--category:focus-visible {
    background: #efe7d4 !important;
    color: #000000 !important;
}

body.historicum-shop-page .h-catnav-row--category.is-active,
body.historicum-shop-page .h-catnav-row--category.h-catnav-subrow.is-active,
body.historicum-shop-page .h-shop-page.h-level-1 .h-catnav-row--category.is-active,
body.historicum-shop-page .h-shop-page.h-level-1 .h-catnav-row--category.h-catnav-subrow.is-active,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-catnav-row--category.is-active,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-catnav-row--category.h-catnav-subrow.is-active {
    margin-top: 0 !important;
    border-color: transparent !important;
    background: var(--h-accent, #f2cc00) !important;
    color: #141414 !important;
    font-weight: 800 !important;
    box-shadow: none !important;
    transform: none !important;
}

body.historicum-shop-page .h-catnav-row--category.is-active .h-catnav-count {
    background: rgba(255, 255, 255, 0.58) !important;
    color: #141414 !important;
}

body.historicum-shop-page .h-catnav-row--category.is-active .h-catnav-caret {
    color: #141414 !important;
}

body.historicum-shop-page .h-shop-catnav .h-catnav-acc-sub,
body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-acc-sub,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub {
    display: grid !important;
    grid-template-rows: 0fr !important;
    overflow: hidden !important;
    opacity: 0 !important;
    transition:
        grid-template-rows 220ms cubic-bezier(0.22, 0.61, 0.36, 1),
        opacity 160ms ease !important;
    will-change: grid-template-rows, opacity !important;
}

body.historicum-shop-page .h-shop-catnav .h-catnav-acc-sub[hidden],
body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub[hidden] {
    display: none !important;
}

body.historicum-shop-page .h-shop-catnav .h-catnav-acc-sub:not(.is-open),
body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub:not(.is-open),
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub:not(.is-open),
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub:not(.is-open),
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-acc-sub:not(.is-open),
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub:not(.is-open) {
    margin: 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
}

body.historicum-shop-page .h-shop-catnav .h-catnav-acc-sub.is-open,
body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub.is-open,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub.is-open,
body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub.is-open,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-acc-sub.is-open,
body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub.is-open {
    grid-template-rows: 1fr !important;
    opacity: 1 !important;
}

body.historicum-shop-page .h-catnav-acc-sub-inner,
body.historicum-shop-page .h-filter-acc-sub-inner {
    min-height: 0 !important;
    overflow: hidden !important;
}

@media (min-width: 1400px) and (hover: hover) and (pointer: fine) {
    body.historicum-shop-page .h-shop-catnav .h-catnav-acc-sub:not(.is-open),
    body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub:not(.is-open),
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub:not(.is-open),
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub:not(.is-open),
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-acc-sub:not(.is-open),
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub:not(.is-open) {
        display: none !important;
        transition: none !important;
        will-change: auto !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-catnav-acc-sub.is-open,
    body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub.is-open,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-catnav-acc-sub.is-open,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-filter-acc-sub.is-open,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-catnav-acc-sub.is-open,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-filter-acc-sub.is-open {
        display: block !important;
        transition: none !important;
        will-change: auto !important;
    }

    body.historicum-shop-page .h-shop-catnav .h-shop-filter-group + .h-shop-filter-group,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-shop-filter-group + .h-shop-filter-group,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-shop-filter-group + .h-shop-filter-group {
        margin-top: 5px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.historicum-shop-page .h-shop-catnav .h-catnav-acc-sub,
    body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub {
        transition: none !important;
    }
}

@media (min-width: 1400px) and (hover: hover) and (pointer: fine) {
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap.h-shop-section-heading,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap.h-shop-section-heading,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap.h-shop-section-heading {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 18px !important;
        padding: 0 0 10px !important;
        border-bottom: var(--h-shop-section-separator-width) solid #141414 !important;
        background: transparent !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading-row,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading-row,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading-row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: end !important;
        justify-content: stretch !important;
        gap: clamp(28px, 3vw, 56px) !important;
        width: 100% !important;
        min-width: 0 !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading-title,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading-title {
        grid-column: 1 !important;
        grid-row: 1 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        width: min(760px, 100%) !important;
        min-width: 0 !important;
        max-width: min(760px, 100%) !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-link,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-link,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-link {
        display: inline-block !important;
        width: auto !important;
        max-width: 100% !important;
        flex: 0 0 auto !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-link .h-paper-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-link .h-paper-title,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-link .h-paper-title {
        display: inline-block !important;
        width: auto !important;
        min-width: calc(var(--h-shop-ux-side-nav-width, 286px) + 32px) !important;
        max-width: min(720px, calc(100% + var(--h-shop-title-bleed-left, 0px))) !important;
        margin-left: calc(var(--h-shop-title-bleed-left, 0px) * -1) !important;
        padding: 13px 52px 13px 22px !important;
        padding-left: calc(var(--h-shop-heading-text-inset, 30px) + var(--h-shop-title-bleed-left, 0px)) !important;
        background: #141414 !important;
        color: #f2cc00 !important;
        white-space: normal !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title .h-paper-title-name,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title .h-paper-title-suffix,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title .h-paper-title-name,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title .h-paper-title-suffix,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title .h-paper-title-name,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title .h-paper-title-suffix {
        display: inline !important;
        width: auto !important;
        margin: 0 !important;
        color: inherit !important;
        line-height: 1.04 !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title .h-paper-title-suffix::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title .h-paper-title-suffix::before,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title .h-paper-title-suffix::before {
        content: " " !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-shop-section-description,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-note,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-shop-section-description,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-note,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-shop-section-description,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-note {
        display: block !important;
        flex: 0 1 auto !important;
        width: calc(100% - var(--h-shop-heading-text-inset, 30px)) !important;
        max-width: 58ch !important;
        margin: 10px 0 0 var(--h-shop-heading-text-inset, 30px) !important;
        align-self: flex-start !important;
        color: #564a38 !important;
        font-family: var(--h-font-description, var(--h-font-cormorant, Georgia, serif)) !important;
        font-size: clamp(15px, 0.86vw, 17px) !important;
        font-weight: 600 !important;
        line-height: 1.32 !important;
        text-align: left !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-shop-controls,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-shop-section-controls,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-shop-controls,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-shop-section-controls,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-shop-controls,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-shop-section-controls {
        grid-column: 2 !important;
        grid-row: 1 !important;
        justify-self: end !important;
        align-self: end !important;
        justify-content: flex-end !important;
        width: auto !important;
        max-width: 100% !important;
        min-width: 390px !important;
        margin: 0 0 0 auto !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-link .h-paper-title {
        min-height: 82px !important;
        font-size: clamp(40px, 3.2vw, 52px) !important;
        line-height: 1.04 !important;
    }
}

@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
    body.historicum-shop-page .h-shop-section-heading,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-heading,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-heading {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 18px 0 0 !important;
        border-bottom: 0 !important;
        background: var(--h-paper-flat, var(--h-paper, #f5f0e6)) !important;
        text-align: center !important;
    }

    body.historicum-shop-page .h-shop-section-heading-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        background: var(--h-paper-flat, var(--h-paper, #f5f0e6)) !important;
    }

    body.historicum-shop-page .h-shop-section-heading-title {
        display: flex !important;
        flex-direction: column !important;
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        background: var(--h-paper-flat, var(--h-paper, #f5f0e6)) !important;
    }

    body.historicum-shop-page .h-shop-section-heading .h-paper-title-link {
        display: block !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.historicum-shop-page .h-shop-section-heading .h-paper-title,
    body.historicum-shop-page .h-shop-section-heading .h-paper-title-link .h-paper-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-heading .h-paper-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-heading .h-paper-title-link .h-paper-title,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-heading .h-paper-title,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-heading .h-paper-title-link .h-paper-title {
        display: inline-flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px 18px !important;
        background: #141414 !important;
        color: #f2cc00 !important;
        font-size: clamp(20px, 5.2vw, 24px) !important;
        line-height: 1.05 !important;
        text-align: center !important;
        white-space: normal !important;
    }

    body.historicum-shop-page .h-shop-section-heading .h-paper-title::before,
    body.historicum-shop-page .h-shop-section-heading .h-paper-title::after,
    body.historicum-shop-page .h-shop-section-heading .h-paper-title-link .h-paper-title::before,
    body.historicum-shop-page .h-shop-section-heading .h-paper-title-link .h-paper-title::after {
        content: none !important;
        display: none !important;
        -webkit-mask-image: none !important;
        mask-image: none !important;
    }

    body.historicum-shop-page .h-shop-section-heading .h-paper-title .h-paper-title-name,
    body.historicum-shop-page .h-shop-section-heading .h-paper-title .h-paper-title-suffix {
        display: block !important;
        width: 100% !important;
        left: auto !important;
        color: inherit !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    body.historicum-shop-page .h-shop-section-heading .h-paper-title .h-paper-title-suffix {
        margin-top: 3px !important;
        margin-left: 0 !important;
        color: #cfc4ae !important;
        font-family: var(--h-font-instrument, sans-serif) !important;
        font-size: 9px !important;
        font-weight: 800 !important;
        letter-spacing: 0.22em !important;
        line-height: 1 !important;
    }

    body.historicum-shop-page .h-shop-section-heading .h-paper-title .h-paper-title-suffix::before {
        content: none !important;
    }

    body.historicum-shop-page .h-shop-section-heading .h-shop-section-description,
    body.historicum-shop-page .h-shop-section-heading .h-paper-title-note {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-section-heading .h-shop-controls,
    body.historicum-shop-page .h-shop-section-heading .h-shop-section-controls,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-heading .h-shop-controls,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-heading .h-shop-controls {
        width: 100% !important;
        min-width: 0 !important;
        justify-content: space-between !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
        margin: 0 !important;
        padding: 0 var(--h-shop-mobile-side-pad) 0 !important;
        background: var(--h-paper-flat, var(--h-paper, #f5f0e6)) !important;
    }

    body.historicum-shop-page .h-shop-section-heading .h-shop-result-count {
        flex: 0 0 auto !important;
        min-height: 34px !important;
        padding: 0 10px !important;
        font-size: clamp(9px, 2.55vw, 11px) !important;
        letter-spacing: 0.06em !important;
    }

    body.historicum-shop-page .h-shop-section-heading .h-shop-sort {
        flex: 0 1 auto !important;
        gap: 6px !important;
        font-size: 0 !important;
        letter-spacing: 0 !important;
    }

    body.historicum-shop-page .h-shop-section-heading .h-shop-sort-label {
        font-size: 0 !important;
        letter-spacing: 0 !important;
    }

    body.historicum-shop-page .h-shop-section-heading .h-shop-sort-label::after {
        content: "Sort:" !important;
        color: #6f6457 !important;
        font-size: clamp(9px, 2.55vw, 11px) !important;
        font-weight: 800 !important;
        letter-spacing: 0.06em !important;
        text-transform: uppercase !important;
    }

    body.historicum-shop-page .h-shop-section-heading .h-shop-sort-select {
        min-width: 128px !important;
        max-width: 42vw !important;
        min-height: 38px !important;
        padding: 0 30px 0 10px !important;
        font-size: 12px !important;
        background-position: calc(100% - 10px) center !important;
    }

    body.historicum-shop-page .h-shop-collapse-toggle--catnav,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-collapse-toggle--catnav {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 44px !important;
        margin: 0 !important;
        padding: 0 var(--h-shop-mobile-side-pad) !important;
        border: 0 !important;
        border-top: var(--h-shop-section-separator-width) solid rgba(17, 17, 17, 0.52) !important;
        border-bottom: var(--h-shop-section-separator-width) solid rgba(17, 17, 17, 0.52) !important;
        border-radius: 0 !important;
        background: #ffffff !important;
        color: #111111 !important;
        font-family: var(--h-font-instrument, sans-serif) !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        letter-spacing: 0.1em !important;
        text-align: left !important;
        text-transform: uppercase !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-collapse-toggle--catnav::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav::after,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-collapse-toggle--catnav::after {
        flex: 0 0 auto !important;
        border-top-color: #4a4339 !important;
    }

    body.historicum-shop-page .h-shop-section-body .h-shop-catnav,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-body .h-shop-catnav,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-body .h-shop-catnav {
        margin-top: 0 !important;
    }

    body.historicum-shop-page .h-catnav-row--category,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-catnav-row--category,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-catnav-row--category {
        min-height: 46px !important;
        padding-right: var(--h-shop-mobile-side-pad) !important;
        padding-left: var(--h-shop-mobile-side-pad) !important;
        font-size: 16px !important;
    }

    body.historicum-shop-page .h-catnav-row--category.h-catnav-subrow {
        padding-left: calc(var(--h-shop-mobile-side-pad) + 12px) !important;
    }

    body.historicum-shop-page .h-catnav-row--category.h-catnav-subrow-2 {
        padding-left: calc(var(--h-shop-mobile-side-pad) + 26px) !important;
    }

    body.historicum-shop-page .h-catnav-row--category > .h-catnav-label {
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        text-overflow: clip !important;
    }

    body.historicum-shop-page {
        --h-shop-mobile-paper-surface: var(--h-paper-flat, #f5f0e6);
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-nav-bg {
        /* Match the deeper category pages' hero overlay (.h-shop-bg-overlay):
           lighter image, no heavy filter, focal point slightly lower. */
        opacity: 0.14 !important;
        filter: none !important;
        background-position: 50% 64% !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1)::before,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-bg-overlay {
        opacity: 0.14 !important;
    }

    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack {
        margin-top: var(--h-shop-mobile-paper-lift) !important;
    }

    body.historicum-shop-page .h-shop-paper-layout,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-layout,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-paper-layout {
        width: 100vw !important;
        max-width: 100vw !important;
        margin-right: calc(50% - 50vw) !important;
        margin-left: calc(50% - 50vw) !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-paper-section.h-shop-tab-panel.is-active,
    body.historicum-shop-page .h-paper-section.h-shop-tab-panel.is-active > .h-paper-content,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active > .h-paper-content,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel.is-active,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel.is-active > .h-paper-content {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        background: var(--h-shop-mobile-paper-surface) !important;
        background-color: var(--h-shop-mobile-paper-surface) !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-paper-section.h-shop-tab-panel.is-active,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel.is-active {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }

    /* ONE continuous cream paper block. The active panel's paper surface is
       made solid cream so the section sits on a single sheet from just below
       the top rip all the way down to the widget (which is already cream).
       The rip element stays ABOVE this paper-content and still reveals the
       dark hero through its torn edge, and the tiles above the rip are
       untouched. Specificity is high enough to beat the panel's transparent
       paper rule (which relied on a gradient variable that never rendered). */
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-paper-stack .h-paper-section.h-shop-tab-panel.is-active > .h-paper-content,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-paper-stack .h-paper-section.h-shop-tab-panel.is-active > .h-paper-content {
        background-color: #f5f0e6 !important;
        background-image: none !important;
    }

    /* MOBILE section title: drop the black plaque, render the title as plain
       black text aligned left with the items count. The repeated class is a
       deliberate specificity boost so this beats the (specificity ~801) black
       plaque rules without depending on the exact ancestor chain, and it works
       on both the root shop and deeper category pages. */
    body.historicum-shop-page .h-shop-section-heading h2.h-paper-title.h-paper-title.h-paper-title.h-paper-title.h-paper-title.h-paper-title.h-paper-title.h-paper-title {
        background: transparent !important;
        background-color: transparent !important;
        padding: 0 0 2px 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        font-size: 30px !important;
        line-height: 1.05 !important;
    }
    body.historicum-shop-page .h-shop-section-heading h2 .h-paper-title-name.h-paper-title-name.h-paper-title-name.h-paper-title-name.h-paper-title-name.h-paper-title-name {
        color: #141414 !important;
    }
    body.historicum-shop-page .h-shop-section-heading h2 .h-paper-title-suffix.h-paper-title-suffix.h-paper-title-suffix.h-paper-title-suffix.h-paper-title-suffix.h-paper-title-suffix {
        color: #6f5b3e !important;
        /* Optical nudge: the bold title has more left side-bearing than the
           small uppercase suffix, so the suffix looked shifted left. Push it
           right a few px to line up with the title's visible stem. Tune 0-6px. */
        padding-left: 3px !important;
        margin-left: 0 !important;
    }

    body.historicum-shop-page .h-paper-section.h-shop-tab-panel > .h-torn-top,
    body.historicum-shop-page .h-paper-section.h-shop-tab-panel.is-active > .h-torn-top,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel > .h-torn-top,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active > .h-torn-top,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel > .h-torn-top,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel.is-active > .h-torn-top {
        display: block !important;
        position: relative !important;
        z-index: 3 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: var(--h-shop-mobile-rip-height) !important;
        margin: 0 !important;
        overflow: hidden !important;
        pointer-events: none !important;
        background-color: #f5f0e6 !important;
        background-image: none !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-size: 100% 100% !important;
        background-blend-mode: normal !important;
        clip-path: none !important;
        -webkit-mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        -webkit-mask-repeat: no-repeat !important;
        -webkit-mask-size: 240% 100% !important;
        -webkit-mask-position: var(--h-rip-top-offset, var(--h-rip-offset, 48%)) bottom !important;
        mask-image: url("https://historicum.pl/wp-content/uploads/2026/04/torn-edge.svg") !important;
        mask-repeat: no-repeat !important;
        mask-size: 240% 100% !important;
        mask-position: var(--h-rip-top-offset, var(--h-rip-offset, 48%)) bottom !important;
        transform: none !important;
    }

    body.historicum-shop-page .h-paper-section.h-shop-tab-panel > .h-paper-content,
    body.historicum-shop-page .h-paper-section.h-shop-tab-panel.is-active > .h-paper-content,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-grid,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-body,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-grid-col,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-carousel,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-carousel .h-ss-viewport,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-carousel .h-ss-pages-track,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-carousel .h-ss-page,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel > .h-paper-content,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active > .h-paper-content,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-grid,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-body,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-grid-col,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-carousel,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-carousel .h-ss-viewport,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-carousel .h-ss-pages-track,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-carousel .h-ss-page,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel > .h-paper-content,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel.is-active > .h-paper-content,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-grid,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-body,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-grid-col,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-carousel,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-carousel .h-ss-viewport,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-carousel .h-ss-pages-track,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-carousel .h-ss-page {
        background: var(--h-shop-mobile-paper-surface) !important;
        background-color: var(--h-shop-mobile-paper-surface) !important;
        background-image: none !important;
    }

    body.historicum-shop-page .h-paper-section.h-shop-tab-panel > .h-paper-content,
    body.historicum-shop-page .h-paper-section.h-shop-tab-panel.is-active > .h-paper-content,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel > .h-paper-content,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active > .h-paper-content,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel > .h-paper-content,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel.is-active > .h-paper-content {
        margin-top: 0 !important;
        padding-bottom: 64px !important;
    }

    body.historicum-shop-page .h-paper-section.h-shop-tab-panel > .h-torn-bottom::before,
    body.historicum-shop-page .h-paper-section.h-shop-tab-panel > .h-torn-bottom::after,
    body.historicum-shop-page .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom::before,
    body.historicum-shop-page .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel > .h-torn-bottom::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel > .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel > .h-torn-bottom::before,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel > .h-torn-bottom::after,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom::before,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom::after {
        background: var(--h-shop-mobile-paper-surface) !important;
        background-color: var(--h-shop-mobile-paper-surface) !important;
        background-image: none !important;
    }

    body.historicum-shop-page .h-paper-section.h-shop-tab-panel > .h-torn-top::before,
    body.historicum-shop-page .h-paper-section.h-shop-tab-panel > .h-torn-top::after,
    body.historicum-shop-page .h-paper-section.h-shop-tab-panel.is-active > .h-torn-top::before,
    body.historicum-shop-page .h-paper-section.h-shop-tab-panel.is-active > .h-torn-top::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel > .h-torn-top::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel > .h-torn-top::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active > .h-torn-top::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-paper-section.h-shop-tab-panel.is-active > .h-torn-top::after,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel > .h-torn-top::before,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel > .h-torn-top::after,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel.is-active > .h-torn-top::before,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-paper-section.h-shop-tab-panel.is-active > .h-torn-top::after {
        content: none !important;
        display: none !important;
        background: none !important;
        background-image: none !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-grid,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-grid,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-grid,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-body,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-body,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-body {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        background: var(--h-shop-mobile-paper-surface) !important;
        background-color: var(--h-shop-mobile-paper-surface) !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-grid-col,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-grid-col,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-grid-col {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 10px 0 !important;
        background: var(--h-shop-mobile-paper-surface) !important;
        background-color: var(--h-shop-mobile-paper-surface) !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-carousel,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-carousel .h-ss-viewport,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-carousel .h-ss-pages-track,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-carousel .h-ss-page,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-carousel,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-carousel .h-ss-viewport,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-carousel .h-ss-pages-track,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-carousel .h-ss-page,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-carousel,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-carousel .h-ss-viewport,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-carousel .h-ss-pages-track,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-carousel .h-ss-page {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-load-more-wrap,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-load-more-wrap,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-load-more-wrap {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap.h-shop-section-heading,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap.h-shop-section-heading,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-paper-title-wrap.h-shop-section-heading {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 22px var(--h-shop-mobile-side-pad) 0 !important;
        background: var(--h-shop-mobile-paper-surface) !important;
        background-color: var(--h-shop-mobile-paper-surface) !important;
        background-image: none !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading-row,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading-row,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading-row,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading-title,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading-title,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-link,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-link,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-link {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading-row,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading-row,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading-row,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading-title,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading-title {
        align-items: flex-start !important;
        text-align: left !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-link,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-link,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-link {
        display: flex !important;
        justify-content: flex-start !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-link .h-paper-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-link .h-paper-title,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-link .h-paper-title {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        width: fit-content !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 12px 18px !important;
        background: #141414 !important;
        background-color: #141414 !important;
        color: #f2cc00 !important;
        text-align: left !important;
        -webkit-clip-path: none !important;
        clip-path: none !important;
        box-sizing: border-box !important;
        overflow: visible !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title::before,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title::after,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-link .h-paper-title::before,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-link .h-paper-title::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title::after,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-link .h-paper-title::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-link .h-paper-title::after,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title::before,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title::after,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-link .h-paper-title::before,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title-link .h-paper-title::after {
        content: none !important;
        display: none !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title .h-paper-title-name,
    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title .h-paper-title-suffix,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title .h-paper-title-name,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title .h-paper-title-suffix,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title .h-paper-title-name,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title .h-paper-title-suffix {
        display: block !important;
        position: relative !important;
        left: auto !important;
        z-index: 1 !important;
        width: 100% !important;
        margin: 0 !important;
        color: inherit !important;
        line-height: 1.04 !important;
        text-align: left !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title .h-paper-title-suffix,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title .h-paper-title-suffix,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title .h-paper-title-suffix {
        margin-top: 4px !important;
        color: #cfc4ae !important;
        font-family: var(--h-font-instrument, sans-serif) !important;
        font-size: 9px !important;
        font-weight: 800 !important;
        letter-spacing: 0.22em !important;
        line-height: 1 !important;
    }

    body.historicum-shop-page .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title .h-paper-title-suffix::before,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title .h-paper-title-suffix::before,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-paper-title .h-paper-title-suffix::before {
        content: none !important;
    }

    body.historicum-shop-page .h-shop-section-heading .h-shop-controls,
    body.historicum-shop-page .h-shop-section-heading .h-shop-section-controls,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-heading .h-shop-controls,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-heading .h-shop-section-controls,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-heading .h-shop-controls,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-heading .h-shop-section-controls {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 0 16px !important;
        justify-content: space-between !important;
        gap: 8px !important;
        flex-wrap: nowrap !important;
        background: var(--h-shop-mobile-paper-surface) !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-collapse-toggle--catnav,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-collapse-toggle--catnav {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        max-width: 100% !important;
        min-height: 56px !important;
        margin: 0 !important;
        padding: 16px var(--h-shop-mobile-side-pad) !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: var(--h-shop-mobile-paper-surface) !important;
        color: #111111 !important;
        box-shadow:
            inset 0 var(--h-shop-section-separator-width) 0 rgba(17, 17, 17, 0.42),
            inset 0 calc(var(--h-shop-section-separator-width) * -1) 0 rgba(17, 17, 17, 0.24) !important;
        font-family: var(--h-font-instrument, sans-serif) !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        letter-spacing: 0.1em !important;
        line-height: 1 !important;
        text-align: left !important;
        text-transform: uppercase !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-section-description,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-section-description {
        display: none !important;
    }

    body.historicum-shop-page .h-shop-collapse-toggle--catnav + .h-shop-catnav,
    body.historicum-shop-page .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav + .h-shop-catnav,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-collapse-toggle--catnav + .h-shop-catnav,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 0 !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        padding: 0 !important;
        border-top: 0 !important;
        border-right: 0 !important;
        border-left: 0 !important;
        border-radius: 0 !important;
        background: var(--h-shop-mobile-paper-surface) !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-catnav-group,
    body.historicum-shop-page .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-shop-filter-group,
    body.historicum-shop-page .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav .h-catnav-group,
    body.historicum-shop-page .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav .h-shop-filter-group,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-catnav-group,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-shop-filter-group,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-catnav-group,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-shop-filter-group {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-catnav-header,
    body.historicum-shop-page .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-catnav-filterby,
    body.historicum-shop-page .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav .h-catnav-header,
    body.historicum-shop-page .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav .h-catnav-filterby,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-catnav-header,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-catnav-filterby,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-catnav-header,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-catnav-filterby {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 12px var(--h-shop-mobile-side-pad) !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: #141414 !important;
        color: #ffffff !important;
        font-family: var(--h-font-cinzel, "Cinzel", serif) !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        letter-spacing: 0.16em !important;
        line-height: 1 !important;
        text-align: left !important;
        text-transform: uppercase !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-catnav-rows,
    body.historicum-shop-page .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-catnav-accordion,
    body.historicum-shop-page .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav .h-catnav-rows,
    body.historicum-shop-page .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav .h-catnav-accordion {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.historicum-shop-page .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-catnav-acc-item,
    body.historicum-shop-page .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav .h-catnav-acc-item,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-catnav-acc-item,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-catnav-acc-item {
        margin: 0 !important;
        padding: 0 !important;
    }

    body.historicum-shop-page .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-filter-acc-toggle,
    body.historicum-shop-page .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav .h-filter-acc-toggle,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-filter-acc-toggle,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-filter-acc-toggle {
        width: 100% !important;
        margin: 0 !important;
        padding: 12px var(--h-shop-mobile-side-pad) !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-catnav-header + .h-catnav-rows,
    body.historicum-shop-page .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-catnav-filterby + .h-shop-filter-group,
    body.historicum-shop-page .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav .h-catnav-header + .h-catnav-rows,
    body.historicum-shop-page .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav .h-catnav-filterby + .h-shop-filter-group {
        margin-top: 0 !important;
    }

    body.historicum-shop-page .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-catnav-accordion > .h-catnav-acc-item:first-child > .h-catnav-row--category,
    body.historicum-shop-page .h-shop-collapse-toggle--catnav + .h-shop-catnav .h-catnav-filterby + .h-shop-filter-group .h-filter-acc-toggle,
    body.historicum-shop-page .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav .h-catnav-accordion > .h-catnav-acc-item:first-child > .h-catnav-row--category,
    body.historicum-shop-page .h-shop-collapse-toggle--catnav.is-open + .h-shop-catnav .h-catnav-filterby + .h-shop-filter-group .h-filter-acc-toggle {
        margin-top: 0 !important;
        border-top: 0 !important;
    }

    body.historicum-shop-page .h-shop-sections-column > .h-paper-section.h-shop-tab-panel.is-active > .h-torn-bottom,
    body.historicum-shop-page .h-shop-sections-column > .h-paper-section:last-of-type > .h-torn-bottom {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets {
        display: block !important;
        position: relative !important;
        z-index: 2 !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: -2px 0 0 0 !important;
        padding: 0 !important;
        background: var(--h-shop-mobile-paper-surface) !important;
        background-color: var(--h-shop-mobile-paper-surface) !important;
        background-image: none !important;
    }

    body.historicum-shop-page .h-shop-mobile-widget-content,
    body.historicum-shop-page .h-shop-mobile-widget-paper,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-mobile-widget-content,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-mobile-widget-paper,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-mobile-widget-content,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-mobile-widget-paper {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        background: var(--h-shop-mobile-paper-surface) !important;
        background-color: var(--h-shop-mobile-paper-surface) !important;
        background-image: none !important;
        box-sizing: border-box !important;
    }

    body.historicum-shop-page .h-shop-mobile-widget-content,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-mobile-widget-content,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-mobile-widget-content {
        padding: 0 10px 28px !important;
    }

    body.historicum-shop-page .h-shop-mobile-widget-paper,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-mobile-widget-paper,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-mobile-widget-paper {
        padding: 0 !important;
    }

    body.historicum-shop-page .h-shop-mobile-widgets > .h-torn-bottom,
    body.historicum-shop-page .h-shop-mobile-widgets .h-torn-bottom {
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        margin: 0 !important;
    }
}

/* =========================================================================
   FINAL filter styling (mobile). Makes the Material / Type / Age filter
   groups and their options look exactly like the perfect category rows:
   transparent background (no white/cream mismatch), same left indent (37px)
   and weight (700) as categories, options full-width with the count pushed
   to the right so the numbers have room. Placed at the end of the file so it
   is the final word over the older scattered filter rules.
   ========================================================================= */
@media (max-width: 1399px), (hover: none) and (pointer: coarse) {
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-shop-filter-group .h-filter-acc-toggle,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-shop-filter-group .h-filter-acc-toggle {
        background: transparent !important;
        background-color: transparent !important;
        padding-left: 37px !important;
        padding-right: 22px !important;
    }
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-shop-filter-group .h-filter-acc-toggle .h-shop-filter-group-label,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-shop-filter-group .h-filter-acc-toggle .h-shop-filter-group-label {
        font-weight: 700 !important;
    }
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-shop-filter-group .h-filter-acc-sub,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-shop-filter-group .h-filter-acc-sub {
        background: transparent !important;
        background-color: transparent !important;
        padding: 0 !important;
    }
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-shop-filter-group .h-filter-acc-sub .h-catnav-rows,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-shop-filter-group .h-filter-acc-sub .h-catnav-rows {
        display: block !important;
        grid-template-columns: none !important;
    }
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-catnav .h-shop-filter-group .h-filter-acc-sub .h-subnav-link,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-catnav .h-shop-filter-group .h-filter-acc-sub .h-subnav-link {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        width: 100% !important;
        background: transparent !important;
        background-color: transparent !important;
        padding-left: 48px !important;
        padding-right: 22px !important;
        min-height: 46px !important;
    }

    /* The "amount of items" / sort line had a light gradient fill that read as
       white. Remove it so the cream paper of the heading row shows through,
       matching the paper rip colour. */
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-shop-controls,
    body.historicum-shop-page .h-shop-page.h-level-1 .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-shop-section-controls,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-shop-controls,
    body.historicum-shop-page .h-shop-page:not(.h-level-1) .h-shop-tab-panel .h-shop-section-main .h-shop-section-heading .h-shop-section-controls {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
    }
}

/* =========================================================================
   AJAX shop-nav MENU — WHITE (desktop + mobile). The categories/filters menu
   sits on the cream paper; give the catnav (and its accordion/filter panels)
   a solid white background so the whole menu reads white, not cream. The black
   CATEGORIES / FILTERS header bars keep their own dark background. Repeated
   class = specificity boost to win over the legacy transparent rules.
   ========================================================================= */
body.historicum-shop-page .h-shop-catnav.h-shop-catnav.h-shop-catnav.h-shop-catnav.h-shop-catnav.h-shop-catnav.h-shop-catnav.h-shop-catnav {
    background-color: #ffffff !important;
    background-image: none !important;
}
body.historicum-shop-page .h-shop-catnav .h-filter-acc-sub.h-filter-acc-sub.h-filter-acc-sub.h-filter-acc-sub,
body.historicum-shop-page .h-shop-catnav .h-catnav-acc-sub.h-catnav-acc-sub.h-catnav-acc-sub.h-catnav-acc-sub,
body.historicum-shop-page .h-shop-catnav .h-catnav-rows.h-catnav-rows.h-catnav-rows.h-catnav-rows {
    background-color: #ffffff !important;
    background-image: none !important;
}