:root{--hover-duration:180ms;--hover-easing:cubic-bezier(.2,.8,.2,1);--card-radius:16px;--lift-shadow:0 14px 32px rgba(0,0,0,.18);--hover-ease:cubic-bezier(.2,.8,.2,1);--hover-time:350ms;--gold-dark-1:#8a6b1d;--gold-main:#c39a2e;--gold-mid:#b18620;--gold-hi:#dcbf6a;--gold-dark-2:#745916;--bn-h:64px;--fx-duration:700ms;--fx-ease:cubic-bezier(.2,.8,.2,1);--fx-distance:28px;--fx-opacity:.001}
@media (prefers-reduced-motion:reduce){:root{--hover-duration:0ms;--fx-duration:0ms}}
@supports(padding:max(0px)){:root{--safe-bottom:max(env(safe-area-inset-bottom),8px)}}
@supports not (padding:max(0px)){:root{--safe-bottom:8px}}

#app-loading{position:fixed;inset:0;z-index:9999;overflow:hidden;background:#fff;color:#000;isolation:isolate}
#app-loading::before{content:none!important}
#app-loading .loader-anchor{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;pointer-events:none}
#app-loading .spinner{width:76px;height:76px;border:3px solid rgba(0,0,0,.2);border-top-color:#000;border-right-color:rgba(0,0,0,.55);border-radius:50%;animation:spin .7s linear infinite;filter:drop-shadow(0 4px 10px rgba(0,0,0,.15))}
#app-loading .loader-text{font-family:'Marcellus',serif;font-size:1.25rem;letter-spacing:.02em;color:#000;white-space:nowrap;text-shadow:none}
@keyframes spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){#app-loading .spinner{animation:none}}
@media (max-width:480px){#app-loading .spinner{width:48px;height:48px}#app-loading .loader-text{font-size:1rem}}

.dialog-title-underline{position:relative;display:inline-block;animation:underline-grow .6s ease-out forwards}
.dialog-title-underline::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background-color:currentColor;transform:scaleX(0);transform-origin:left;animation:underline-grow .6s ease-out forwards}
@keyframes underline-grow{to{transform:scaleX(1)}}

@property --angle{syntax:'<angle>';inherits:false;initial-value:45deg}
.rotating-bg{position:relative;overflow:hidden;background-color:var(--mud-palette-primary);isolation:isolate}
.rotating-bg::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;--angle:45deg;background:repeating-conic-gradient(from var(--angle) at 75% 25%,var(--mud-palette-primary)0deg 120deg,var(--mud-palette-secondary)120deg 240deg),radial-gradient(1200px 600px at 50% -20%,rgba(255,255,255,.08),transparent 60%),linear-gradient(to bottom,rgba(0,0,0,.8),rgba(0,0,0,.05));background-blend-mode:overlay,normal,normal;animation:spin-angle 90s linear infinite}
.rotating-bg::after{content:"";position:absolute;top:0;right:0;bottom:0;width:2px;z-index:1;pointer-events:none;background:linear-gradient(180deg,var(--gold-dark-1)0%,var(--gold-main)22%,var(--gold-mid)45%,var(--gold-hi)70%,var(--gold-dark-2)100%);box-shadow:-.5px 0 0 rgba(0,0,0,.25) inset,.5px 0 0 rgba(255,255,255,.25) inset}
.rotating-bg>*{position:relative;z-index:2}
@keyframes spin-angle{to{--angle:405deg}}

.appbar-diagonal{position:relative;background:transparent!important;color:var(--mud-palette-primary-contrast-text);isolation:isolate}
.appbar-diagonal::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(45deg,transparent 0 calc(30% - 1.5px),var(--gold-dark-1)calc(30% - 1.5px) calc(30% - 1px),var(--gold-main) calc(30% - 1px) calc(30% - .5px),var(--gold-mid) calc(30% - .5px) calc(30% + .5px),var(--gold-hi) calc(30% + .5px) calc(30% + 1px),var(--gold-dark-2) calc(30% + 1px) calc(30% + 1.5px),transparent calc(30% + 1.5px) 100%),linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0)),linear-gradient(45deg,var(--mud-palette-primary)0 30%,var(--mud-palette-secondary)30% 100%)}
.appbar-diagonal::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--gold-dark-1)0%,var(--gold-main)22%,var(--gold-mid)45%,var(--gold-hi)70%,var(--gold-dark-2)100%);box-shadow:0 0 .5px rgba(255,255,255,.35) inset,0 -.5px 0 rgba(0,0,0,.25) inset}
.appbar-diagonal>*{position:relative;z-index:2}

.mud-button-root,.mud-nav-link,a.mud-link,.mud-list-item,.mud-card,.mud-table-row{backface-visibility:hidden;-webkit-font-smoothing:antialiased}
.mud-button-root,.mud-icon-button,.mud-nav-link,a.mud-link,.mud-list-item{transition:box-shadow var(--hover-duration) var(--hover-easing),background-color var(--hover-duration) var(--hover-easing),color var(--hover-duration) var(--hover-easing)}
.mud-button-root .mud-button-label,.mud-button-root .mud-typography,.mud-icon-button .mud-icon,.mud-nav-link .mud-nav-link-text,a.mud-link,.mud-list-item .mud-list-item-text,.mud-list-item .mud-typography{transition:font-size var(--hover-duration) var(--hover-easing),letter-spacing var(--hover-duration) var(--hover-easing);will-change:font-size}
.mud-button-root:hover .mud-button-label,.mud-button-root:focus-visible .mud-button-label,.mud-button-root:hover .mud-typography,.mud-button-root:focus-visible .mud-typography,.mud-icon-button:hover .mud-icon,.mud-icon-button:focus-visible .mud-icon,.mud-nav-link:hover .mud-nav-link-text,.mud-nav-link:focus-visible .mud-nav-link-text,a.mud-link:hover,a.mud-link:focus-visible,.mud-list-item:hover,.mud-list-item:focus-visible,.mud-list-item:hover .mud-typography,.mud-list-item:focus-visible .mud-typography{font-size:1.04em;letter-spacing:.2px}
.mud-button-root:hover,.mud-button-root:focus-visible,.mud-icon-button:hover,.mud-icon-button:focus-visible,.mud-nav-link:hover,.mud-nav-link:focus-visible,a.mud-link:hover,a.mud-link:focus-visible,.mud-list-item:hover,.mud-list-item:focus-visible{box-shadow:0 6px 16px rgba(0,0,0,.12)}
@media (hover:none){.mud-button-root:active .mud-button-label,.mud-button-root:active .mud-typography,.mud-nav-link:active .mud-nav-link-text,a.mud-link:active,.mud-list-item:active .mud-list-item-text,.mud-list-item:active .mud-typography{font-size:1.03em}}

.hover-lift-table .mud-table-body .mud-table-row{transition:transform var(--hover-duration) var(--hover-easing),box-shadow var(--hover-duration) var(--hover-easing),background-color var(--hover-duration) var(--hover-easing);position:relative}
.hover-lift-table .mud-table-body .mud-table-row:hover,.hover-lift-table .mud-table-body .mud-table-row:focus-within{transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.14);background-color:rgba(0,0,0,.02)}
.hover-lift-table,.hover-lift-table .mud-table-container,.hover-lift-table .mud-table-root,.hover-lift-table .mud-table{overflow:visible!important}


.rounded-corners{border-radius:9999px!important}

.product-card{position:relative;height:100%;display:flex;flex-direction:column;border-radius:var(--card-radius);overflow:hidden;transition:transform var(--hover-time) var(--hover-ease),box-shadow var(--hover-time) var(--hover-ease),background-color var(--hover-time) var(--hover-ease);will-change:transform,box-shadow;transform-origin:center;background:var(--mud-palette-surface,#fff)}
.product-card:hover,.product-card:focus-within{transform:translateY(-6px);box-shadow:0 16px 36px rgba(0,0,0,.18)}
.product-card.soft-lift{transition-duration:calc(var(--hover-time) * 1.9)}
.media-wrap{position:relative;overflow:hidden;background:var(--mud-palette-background,#f5f5f5);aspect-ratio:4/3}
.media-img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:var(--zoom-x,50%) var(--zoom-y,50%);transform:scale(var(--zoom-scale,1));transition:transform var(--zoom-duration,500ms) var(--hover-ease);will-change:transform;image-rendering:auto;backface-visibility:hidden;position:relative;z-index:1}
.image-fallback{
    width:100%;
    height:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:6px;
    text-align:center;
    padding:18px 14px;
    border-radius:inherit;
    color:color-mix(in srgb,var(--mud-palette-secondary) 88%,#0a1438 12%);
    border:1px solid color-mix(in srgb,var(--gold-main) 42%,transparent);
    box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gold-hi) 20%,transparent);
    background:
        radial-gradient(120% 90% at 50% 0%,rgba(255,255,255,.96) 0%,rgba(255,255,255,.68) 55%,rgba(255,255,255,.5) 100%),
        linear-gradient(145deg,#ffffff 0%,#f6f9ff 100%);
}
.image-fallback__icon{font-size:1.9rem!important;opacity:.9;color:color-mix(in srgb,var(--gold-main) 54%,var(--mud-palette-secondary) 46%)}
.image-fallback__title{font-weight:600;font-size:.9rem;line-height:1.15;letter-spacing:.2px}
.image-fallback__subtitle{font-size:.76rem;line-height:1.2;opacity:.82;max-width:240px}
.image-fallback--card .image-fallback__subtitle{max-width:180px}
.image-fallback--gallery{max-width:94vw;max-height:90vh;min-width:min(72vw,920px);min-height:min(62vh,620px)}
.image-fallback--stage,.image-fallback--mobile-stage{border-radius:12px}
.media-wrap::after{content:"";position:absolute;left:0;right:0;bottom:0;height:18%;background:linear-gradient(to top,rgba(0,0,0,.18),transparent);pointer-events:none;z-index:2}
.product-card .media-wrap::after{height:14%;background:linear-gradient(to top,rgba(0,0,0,.10),transparent);z-index:2}

.content-plate{position:relative;color:#f7f9fc;background-color:var(--mud-palette-secondary);background-image:linear-gradient(90deg,var(--gold-dark-1)0%,var(--gold-main)22%,var(--gold-mid)45%,var(--gold-hi)70%,var(--gold-dark-2)100%),linear-gradient(90deg,var(--gold-dark-1)0%,var(--gold-main)22%,var(--gold-mid)45%,var(--gold-hi)70%,var(--gold-dark-2)100%),linear-gradient(to bottom,rgba(0,0,0,.32),rgba(0,0,0,.6));background-repeat:no-repeat,no-repeat,no-repeat;background-size:100% 2px,100% 2px,100% 100%;background-position:top left,bottom left,center}
.content-plate .mud-typography,.content-plate .mud-icon-root{color:#f7f9fc!important}
.content-plate .sku{opacity:.94}

.content{padding-top:6px;padding-bottom:0}
.title{line-height:1.3;margin-bottom:2px;font-weight:600;letter-spacing:1.5px}
.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sku{opacity:.8}
.price{font-weight:600}
.actions{margin-top:auto}
.qty-input{width:80px;font-weight:500}

.compact-card{--card-radius:14px}
.compact-media{aspect-ratio:1/1}
.compact-content{padding:10px 12px 10px!important}
.compact-price{font-weight:700;letter-spacing:.2px}
.compact-actions{padding:8px 12px 12px!important}
.qty-compact{width:64px}
.btn-compact{min-width:0;padding:6px 12px}

.gold-border{position:relative;border-radius:var(--card-radius);isolation:isolate;background-clip:padding-box}
.gold-border::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(90deg,var(--gold-dark-1)0%,var(--gold-main)22%,var(--gold-mid)45%,var(--gold-hi)70%,var(--gold-dark-2)100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}
.gold-border:hover::before,.gold-border:focus-within::before{filter:drop-shadow(0 4px 10px rgba(0,0,0,.12))}

.media-wrap.soft-tilt{transform-style:preserve-3d}
.media-wrap.soft-tilt:hover,.media-wrap.soft-tilt:focus-within{transform:translateY(-1px) rotateX(.35deg) rotateY(.2deg);transition:transform 300ms var(--hover-ease)}

.shine-img{position:relative;isolation:isolate}
.shine-img::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.14)35%,transparent 70%);transform:translateX(-120%);pointer-events:none;transition:transform 900ms cubic-bezier(.2,.8,.2,1),opacity 300ms ease;opacity:.0;z-index:3}
.shine-img:hover::before,.shine-img:focus-within::before{transform:translateX(120%);opacity:.6}

.hover-lift-card,.hover-lift-card .mud-card{transition:transform var(--hover-duration) var(--hover-easing),box-shadow var(--hover-duration) var(--hover-easing),background-color var(--hover-duration) var(--hover-easing);transform-origin:center}
.hover-lift-card:hover,.hover-lift-card:focus-within,.hover-lift-card .mud-card:hover,.hover-lift-card .mud-card:focus-within{transform:translateY(-3px);box-shadow:0 12px 28px rgba(0,0,0,.18)}
@media (hover:none){.media-img{transform:none!important}.product-card:hover{box-shadow:none;transform:none}}
@media (max-width:360px){.compact-content{padding:6px 8px!important}.qty-compact{width:58px}.btn-compact{padding:5px 10px}}

.reveal{opacity:0;transform:translateY(16px);transition:transform 800ms cubic-bezier(.2,.8,.2,1),opacity 700ms cubic-bezier(.2,.8,.2,1);will-change:transform,opacity}
.reveal.reveal--visible{opacity:1;transform:none}
.reveal.reveal--visible:nth-child(3n+1){transition-delay:0ms}
.reveal.reveal--visible:nth-child(3n+2){transition-delay:80ms}
.reveal.reveal--visible:nth-child(3n+3){transition-delay:160ms}

.picc-root{display:block;text-align:center;outline:none}
.picc-stage{position:relative;display:inline-flex;justify-content:center;align-items:center;width:auto;max-width:680px;height:360px;overflow:hidden;border-radius:16px;background:radial-gradient(1200px 500px at 50% -10%,rgba(0,0,0,.05),transparent 45%),linear-gradient(to bottom,rgba(0,0,0,.03),transparent 60%);user-select:none;-webkit-user-select:none;cursor:zoom-in;margin:0 auto;touch-action:none;contain:paint}
.picc-stage.is-zoom{cursor:grab}
.picc-stage.is-zoom:active{cursor:grabbing}
.picc-stage.picc-stage-soft{cursor:default}
.picc-stage.picc-stage-soft .picc-img{transition:transform 1800ms cubic-bezier(.2,.8,.2,1)}
.picc-stage.picc-stage-no-zoom{cursor:default}
.picc-stage.picc-stage-no-zoom .picc-img{transition:none}

.picc-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block;transform-origin:var(--zx,50%) var(--zy,50%);transform:scale(var(--zscale,1));transition:transform 400ms cubic-bezier(.2,.8,.2,1);will-change:transform;image-rendering:auto;backface-visibility:hidden;z-index:1}

.picc-nav{background:rgba(255,255,255,.85)!important;box-shadow:0 6px 18px rgba(0,0,0,.15);z-index:3;position:absolute;top:50%;transform:translateY(-50%)}
.picc-nav.left{left:10px}
.picc-nav.right{right:10px}
.picc-nav-wrap{position:absolute;top:0;bottom:0;width:20%;z-index:2}
.picc-nav-wrap.left{left:0}
.picc-nav-wrap.right{right:0}


.picc-thumbs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.picc-thumb-wrap{position:relative;display:inline-flex}
.picc-thumb{border:0;padding:0;width:74px;height:74px;border-radius:10px;overflow:hidden;background:transparent;opacity:.78;box-shadow:0 3px 12px rgba(0,0,0,.12);transition:transform .14s cubic-bezier(.2,.8,.2,1),opacity .14s ease,outline-color .14s ease}
.picc-thumb:hover{transform:translateY(-2px);opacity:.95}
.picc-thumb.active{outline:2px solid var(--mud-palette-primary);opacity:1}
.picc-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.picc-thumb-menu{position:absolute;right:4px;bottom:4px;z-index:3}
.picc-thumb-menu .mud-icon-root{font-size:1.05rem}
.picc-thumb-add{width:74px;height:74px;min-width:74px;border-radius:10px!important;border:1px dashed color-mix(in srgb,var(--gold-main) 58%,transparent)!important;background:color-mix(in srgb,var(--mud-palette-tertiary) 7%,transparent)!important;display:inline-flex;align-items:center;justify-content:center}
.picc-thumb-add .mud-icon-root{font-size:1.45rem}
.picc-thumb-add-spinner{color:var(--mud-palette-secondary)}

.picc-open-gallery{position:absolute!important;right:12px;top:12px;z-index:4;background:color-mix(in srgb,var(--mud-palette-secondary) 74%,transparent)!important;color:var(--mud-palette-tertiary)!important;border:1px solid color-mix(in srgb,var(--gold-main) 50%,transparent)!important;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.picc-open-gallery .mud-icon-root{font-size:1.15rem}

.product-image-gallery-dialog,.product-image-gallery-dialog .mud-dialog-content{background:transparent!important;box-shadow:none!important}
.product-image-gallery-dialog .mud-dialog-content{padding:0!important}
.product-gallery-shell{display:flex;justify-content:center;align-items:center;padding:4px;cursor:default}
.product-gallery-stage{position:relative;display:inline-block;width:auto;height:auto;max-width:94vw;max-height:90vh;overflow:hidden;border-radius:14px;background:transparent;cursor:default}
.product-gallery-img{display:block;width:auto;height:auto;max-width:94vw;max-height:90vh;object-fit:contain}
.product-gallery-nav,.product-gallery-close{position:absolute!important;z-index:3;background:rgba(255,255,255,.86)!important;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.product-gallery-nav.left{left:10px;top:50%;transform:translateY(-50%)}
.product-gallery-nav.right{right:10px;top:50%;transform:translateY(-50%)}
.product-gallery-close{right:10px;top:10px}
.product-gallery-thumbs{position:absolute;left:50%;transform:translateX(-50%);bottom:8px;display:flex;justify-content:center;gap:8px;flex-wrap:nowrap;max-width:calc(100% - 120px);overflow-x:auto;padding:6px 8px;z-index:3;border-radius:12px;background:rgba(8,12,36,.22)}
.product-gallery-thumb{border:0;padding:0;width:76px;height:76px;border-radius:10px;overflow:hidden;background:transparent;opacity:.78;box-shadow:0 3px 12px rgba(0,0,0,.12);transition:transform .14s cubic-bezier(.2,.8,.2,1),opacity .14s ease,outline-color .14s ease}
.product-gallery-thumb:hover{transform:translateY(-2px);opacity:.95}
.product-gallery-thumb.active{outline:2px solid var(--mud-palette-primary);opacity:1}
.product-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}

.dialog-opacity{opacity:.97}
.mud-paper{background-color:#f4fbff}

.cat-tri{display:inline-block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid var(--gold-main);margin-right:8px;vertical-align:middle}
.list-tri{display:inline-block;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid var(--mud-palette-secondary);margin-right:8px;vertical-align:middle}
.mud-list-item:hover .cat-tri{border-left-color:var(--gold-hi)}

.category-sidebar-list{overflow-x:hidden}
.category-sidebar-list .mud-list-item{min-height:38px;padding-top:4px;padding-bottom:4px}
.category-sidebar-item .mud-list-item-text{margin:0}
.category-sidebar-label{display:flex;align-items:center;min-width:0;flex:1;gap:4px}
.category-sidebar-name{font-size:.82rem!important;line-height:1.1!important;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.category-menu-badge{display:inline-flex;align-items:center;max-width:96px;min-width:0;flex:0 1 auto;border:1px solid rgba(181,138,46,.5);border-radius:999px;padding:1px 6px;color:var(--gold-hi);background:linear-gradient(180deg,rgba(181,138,46,.14),rgba(181,138,46,.06));font-size:.66rem;font-weight:800;letter-spacing:.02em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transform:translateY(-2px);box-shadow:0 1px 3px rgba(32,20,20,.08)}

.bottom-nav{position:fixed;left:0;right:0;bottom:0;height:calc(var(--bn-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--mud-palette-surface);border-top:1px solid var(--mud-palette-divider);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;z-index:1000;box-shadow:0 -6px 18px rgba(0,0,0,.08)}
.bottom-nav-spacer{height:calc(var(--bn-h) + var(--safe-bottom))}
.bn-item{--col:var(--mud-palette-text-secondary);--col-active:var(--mud-palette-primary);color:var(--col);text-decoration:none;font-size:.75rem;line-height:1;height:var(--bn-h);display:flex;gap:4px;flex-direction:column;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease;background:transparent;border:0}
.bn-item .mud-icon-root{font-size:22px}
.bn-item:hover,.bn-item:focus-visible{color:var(--mud-palette-primary);transform:translateY(-1px)}
.bn-fab{position:relative;isolation:isolate}
.bn-fab::before{content:"";position:absolute;background:color-mix(in srgb,var(--mud-palette-primary)8%,transparent);border-radius:12px;z-index:-1}
.bn-item.active{color:var(--col-active)}
@media (prefers-color-scheme:dark){.bottom-nav{box-shadow:0 -8px 22px rgba(0,0,0,.4)}}

.brand-logo{display:block;height:62px;width:auto;margin:auto;object-fit:contain;filter:none}
.brand-logo--desktop{height:62px}
.brand-logo--mobile{height:58px}
@media (min-width:1280px){.brand-logo--desktop{height:62px}}

.no-underline{text-decoration:none}
.ql-editor.ql-readonly{padding:0;border:0}

.nav-group{display:flex;flex-wrap:nowrap;align-items:stretch;gap:10px}
.mud-button-root.nav-btn{display:inline-flex;align-items:center;height:44px}
.mud-button-root.nav-btn .mud-typography{line-height:1}
.cart-fab-hover{
    transition:transform 180ms var(--hover-ease),box-shadow 180ms var(--hover-ease);
}
.cart-fab-hover:hover,
.cart-fab-hover:focus-visible{
    transform:scale(1.08);
}
.hero-kicker{letter-spacing:.22em;opacity:.9}
.hero-title{line-height:1.05}
.hero-badge{backdrop-filter:blur(6px);background:color-mix(in srgb,var(--mud-palette-surface)72%,transparent)}
.gold-grad-text{background:linear-gradient(90deg,var(--gold-dark-1),var(--gold-main),var(--gold-hi));-webkit-background-clip:text;background-clip:text;color:transparent}

.timeline{position:relative;margin-left:18px;padding-left:18px}
.timeline::before{content:"";position:absolute;left:-2px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--gold-dark-1),var(--gold-main),var(--gold-dark-2));border-radius:2px}
.tl-item{position:relative;padding:12px 14px 16px;margin:10px 0;border-radius:14px;background:color-mix(in srgb,var(--mud-palette-surface)92%,transparent);box-shadow:0 8px 22px rgba(0,0,0,.08)}
.tl-item::before{content:"";position:absolute;left:-25px;top:18px;width:14px;height:14px;border-radius:50%;background:var(--mud-palette-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--mud-palette-primary)35%,transparent)}

.stat{text-align:center}
.stat .num{font-size:clamp(42px,6.2vw,72px);font-weight:800;letter-spacing:1px}
.stat .lbl{opacity:.8;letter-spacing:.8px}

.badge-soft{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:color-mix(in srgb,var(--mud-palette-primary)10%,transparent);border:1px solid color-mix(in srgb,var(--mud-palette-primary)30%,transparent)}
.img-mask{border-radius:20px;overflow:hidden;box-shadow:0 16px 40px rgba(0,0,0,.18)}


.hero-video{position:relative;height:66svh;max-height:900px;overflow:hidden;background:#000;transform:none!important;will-change:auto!important;backface-visibility:visible!important}
.hero-video__media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none!important;-webkit-transform:none!important;will-change:auto!important;backface-visibility:visible!important;filter:none!important;-webkit-backdrop-filter:none!important}
.hero-video .mud-paper,.hero-video .mud-card,.hero-video .mud-grid,.hero-video *{transform:none!important;will-change:auto!important;backface-visibility:visible!important}
.content-after-hero{padding-top:5px}
.hero-video .hover-lift-card,.hero-video .soft-tilt,.hero-video .shine-img{box-shadow:none!important;transform:none!important}
.hero-video .shine-img::before{content:none!important}
.hero-video .media-img{transition:none!important}

.fx-reveal{opacity:1;transform:translate3d(0,0,0) scale(1);transition:transform var(--fx-duration) var(--fx-ease),opacity var(--fx-duration) var(--fx-ease);will-change:transform,opacity}
.fx-reveal.fx-prep{opacity:var(--fx-opacity)}
.fx-reveal.is-left{transform:translate3d(calc(var(--fx-distance)*-1),0,0)}
.fx-reveal.is-right{transform:translate3d(var(--fx-distance),0,0)}
.fx-reveal.is-up{transform:translate3d(0,var(--fx-distance),0)}
.fx-reveal.is-down{transform:translate3d(0,calc(var(--fx-distance)*-1),0)}
.fx-reveal.is-fade{transform:none}
.fx-reveal.is-scale{transform:scale(.96)}
.fx-reveal.fx-in{opacity:1;transform:translate3d(0,0,0) scale(1)}
.fx-reveal.fx-in.fx-spring{transition-timing-function:cubic-bezier(.22,1,.36,1)}
.fx-reveal.fx-in.fx-glow{filter:drop-shadow(0 8px 26px rgba(0,0,0,.10))}
@media (max-width:599.98px){:root{--fx-distance:20px}}
.fx-reveal-group>.fx-reveal{--fx-stagger-step:70ms}
.fx-reveal-group>.fx-reveal:nth-child(1){transition-delay:calc(var(--fx-delay,0ms) + 0*var(--fx-stagger-step))}
.fx-reveal-group>.fx-reveal:nth-child(2){transition-delay:calc(var(--fx-delay,0ms) + 1*var(--fx-stagger-step))}
.fx-reveal-group>.fx-reveal:nth-child(3){transition-delay:calc(var(--fx-delay,0ms) + 2*var(--fx-stagger-step))}
.fx-reveal-group>.fx-reveal:nth-child(4){transition-delay:calc(var(--fx-delay,0ms) + 3*var(--fx-stagger-step))}
.fx-reveal-group>.fx-reveal:nth-child(5){transition-delay:calc(var(--fx-delay,0ms) + 4*var(--fx-stagger-step))}

.mud-expand-panel .mud-expand-panel-content.mud-expand-panel-gutters{padding-left:2px;padding-right:2px}

.mobile-img-stage{position:relative;overflow:hidden;max-height:70vh;touch-action:none}
.mobile-img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none;touch-action:none;transform-origin:center center;transition:transform .08s ease-out}
.mobile-dots{display:flex;justify-content:center;gap:.5rem;margin-top:.5rem}
.mobile-dot{width:8px;height:8px;border-radius:50%;border:0;background:rgba(0,0,0,.25)}
.mobile-dot.is-active{background:rgba(0,0,0,.6)}

.note-popover{z-index:1301}

.privacy-backdrop{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:16px;z-index:13000;background:rgba(0,0,0,.25);backdrop-filter:blur(6px)}
.privacy-card{width:min(920px, calc(100vw - 24px));border-radius:18px;padding:16px 16px;box-shadow:0 10px 40px rgba(0,0,0,.25)}

@media (max-width:600px){.privacy-backdrop{align-items:flex-end;padding:10px}.privacy-card{border-radius:16px;padding:14px}}

@supports (-webkit-touch-callout: none){
    .product-card,.hover-lift-card,.hover-lift-table .mud-table-body .mud-table-row{box-shadow:none!important;filter:none!important;transform:none!important}
    .media-img,.product-card .media-wrap,.shine-img::before{will-change:auto!important;transition:none!important}
    .privacy-backdrop{backdrop-filter:none!important}
}

.mobile-menu-dialog .mud-list-item:hover,
.mobile-menu-dialog .mud-list-item:focus-visible,
.mobile-menu-dialog .mud-list-item:active{box-shadow:none!important}

.mobile-menu-dialog .mud-list-item:hover .mud-typography,
.mobile-menu-dialog .mud-list-item:focus-visible .mud-typography,
.mobile-menu-dialog .mud-list-item:active .mud-typography,
.mobile-menu-dialog .mud-list-item:hover .mud-list-item-text,
.mobile-menu-dialog .mud-list-item:active .mud-list-item-text{font-size:inherit!important;letter-spacing:inherit!important}

@media (hover: none), (pointer: coarse){
    .mobile-menu-dialog .mud-list-item,
    .mobile-menu-dialog .mud-list-item .mud-typography,
    .mobile-menu-dialog .mud-list-item .mud-list-item-text{transition:none!important}
}

.variant-row-inactive > td,
.variant-row-inactive > .mud-table-cell{
    background-color:rgba(244,67,54,0.08)!important;
    background-image:none!important;
}
.variant-row-inactive:hover > td,
.variant-row-inactive:hover > .mud-table-cell{
    background-color:rgba(244,67,54,0.14)!important;
    background-image:none!important;
}

.media-wrap.zoom-soft{--zoom-duration:1800ms}.media-wrap.zoom-off .media-img{transform:none!important;transition:none!important}

.config-drawer-menu .menu-title{letter-spacing:.3px}
.config-drawer-menu .mud-list-item{
    min-height:40px;
    padding-top:7px;
    padding-bottom:7px;
    padding-left:10px;
    padding-right:10px;
}
.config-drawer-menu .mud-list-item .mud-list-item-icon{
    min-width:26px;
    margin-right:8px;
}
.config-drawer-menu .mud-list-item .mud-icon-root{font-size:18px}
.config-drawer-menu .mud-list-item .mud-typography{
    font-size:.86rem;
    line-height:1.12;
    letter-spacing:0;
}
.config-drawer-menu .mud-list-item:hover .mud-typography,
.config-drawer-menu .mud-list-item:focus-visible .mud-typography{
    font-size:1.008em;
    letter-spacing:.05px;
}
.config-drawer-menu.menu-hover-sync .mud-list-item,
.config-drawer-menu.menu-hover-sync .mud-list-item .mud-typography,
.config-drawer-menu.menu-hover-sync .mud-list-item .mud-list-item-text{
    transition-duration:240ms!important;
    transition-timing-function:var(--hover-easing)!important;
}
.config-drawer-menu .mud-divider{margin:3px 0}
.settings-subsetting-cell{padding-left:24px!important}
.settings-subsetting-label{opacity:.92}
.settings-subsetting-desc{font-size:.74rem!important;opacity:.86}
.category-expand-btn{
    border:1px solid var(--gold-main)!important;
    border-radius:999px!important;
    width:32px!important;
    height:32px!important;
    box-shadow:0 0 0 .5px color-mix(in srgb,var(--gold-hi) 70%,transparent),0 2px 6px color-mix(in srgb,var(--mud-palette-tertiary) 30%,transparent)!important;
}
.category-expand-btn .mud-icon-root{font-size:1.6rem!important}
@media (max-width:600px){
    .category-expand-btn{
        width:34px!important;
        height:34px!important;
    }
    .category-expand-btn .mud-icon-root{font-size:1.7rem!important}
}

.pc6 .title{font-size:clamp(.84rem,.18vw + .78rem,.92rem)!important;letter-spacing:clamp(.1px,.05vw + .08px,.28px);line-height:1.14;margin-bottom:5px;text-align:center}
.pc6 .title.line-clamp-2{display:block;-webkit-line-clamp:unset;-webkit-box-orient:unset;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc6 .title-sku-divider{
    margin-top:0;
    margin-bottom:4px;
    border-color:color-mix(in srgb,var(--mud-palette-tertiary) 55%,transparent);
    opacity:.65;
}
.pc6 .code-price-divider{
    margin-top:4px;
    margin-bottom:4px;
    border-color:color-mix(in srgb,var(--mud-palette-tertiary) 55%,transparent);
    opacity:.45;
}
.pc6 .content-plate .mud-typography{font-size:clamp(.86rem,.22vw + .78rem,.92rem)}
.pc6 .content-plate .sku{
    font-size:clamp(.72rem,.18vw + .66rem,.8rem)!important;
    line-height:1.12;
    margin-top:2px;
    font-weight:600;
    letter-spacing:.12px;
    opacity:1;
    color:color-mix(in srgb,var(--mud-palette-tertiary) 92%,transparent)!important;
    text-shadow:none;
}
.pc6 .compact-price .mud-typography{font-size:clamp(.72rem,.18vw + .67rem,.82rem)}
.pc6 .compact-actions{padding:clamp(4px,.30vw + 3px,6px) clamp(8px,.65vw + 6px,10px) clamp(6px,.45vw + 4px,8px)!important}
.pc6 .btn-compact{padding:clamp(3px,.20vw + 2px,4px) clamp(7px,.7vw + 5px,9px)}
.pc6 .btn-compact .mud-button-label{font-size:clamp(.66rem,.16vw + .62rem,.73rem);letter-spacing:0}
.pc6 .mud-button-root{min-height:clamp(27px,.5vw + 25px,31px)}
.pc6 .qty-compact,.pc6 .qty-input{width:clamp(48px,.9vw + 44px,56px)}
.pc6 .mud-input-control>.mud-input-root{font-size:clamp(.82rem,.22vw + .76rem,.9rem)}
.pc6 .compact-content{padding:6px 10px 6px!important}
.pc6 .content .mud-divider{margin-top:2px!important;margin-bottom:2px!important}
.pc6 .actions .mud-stack{gap:6px!important}
.pc6 .actions .mud-stack .mud-stack{gap:4px!important}

.variants-compact-wrap{max-width:980px;margin:0 auto;width:100%}
.variants-compact-wrap .technical-banner{width:min(100%,940px);margin:0 auto 1px}
.variants-compact-wrap .technical-title{padding:3px 10px;border-radius:10px 10px 0 0;overflow:hidden}
.variants-compact-wrap .hover-lift-table,.variants-compact-wrap .hover-lift-table .mud-table-container{width:min(100%,940px);margin:0 auto}
.variants-compact-wrap .mud-paper,.variants-compact-wrap .hover-lift-table,.variants-compact-wrap .hover-lift-table .mud-table-container,.variants-compact-wrap .hover-lift-table .mud-table-root,.variants-compact-wrap .hover-lift-table .mud-table{background:transparent!important;border:0!important;outline:0!important;box-shadow:none!important}
.variants-compact-wrap .hover-lift-table .mud-table-container{border-radius:0;overflow:visible}
.variants-compact-wrap .hover-lift-table .mud-table-root,.variants-compact-wrap .hover-lift-table .mud-table{width:100%;border-collapse:collapse}
.variants-compact-wrap .hover-lift-table .mud-table-head .mud-table-cell{padding:5px 8px;font-size:.84rem;letter-spacing:.18px}
.variants-compact-wrap .hover-lift-table .mud-table-body .mud-table-cell{padding:1px 8px;line-height:1.02}
.variants-compact-wrap .hover-lift-table .mud-table-cell{border:0!important;position:relative}
.variants-compact-wrap .hover-lift-table .mud-table-body .mud-table-row .mud-table-cell{background-color:transparent!important;background-image:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--gold-hi) 4%,transparent) 28%,color-mix(in srgb,var(--gold-hi) 6%,transparent) 50%,color-mix(in srgb,var(--gold-hi) 4%,transparent) 72%,transparent 100%)!important}
.variants-compact-wrap .hover-lift-table .mud-table-body .variant-row-inactive .mud-table-cell{background-color:rgba(244,67,54,.08)!important;background-image:none!important}
.variants-compact-wrap .hover-lift-table .mud-table-body .variant-row-inactive:hover .mud-table-cell{background-color:rgba(244,67,54,.14)!important;background-image:none!important}
.variants-compact-wrap .hover-lift-table .mud-table-head .mud-table-row .mud-table-cell::after,.variants-compact-wrap .hover-lift-table .mud-table-body .mud-table-row:not(:last-child) .mud-table-cell::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--gold-main) 55%,transparent) 24%,color-mix(in srgb,var(--gold-hi) 62%,var(--gold-main) 38%) 50%,color-mix(in srgb,var(--gold-main) 55%,transparent) 76%,transparent 100%);pointer-events:none}
.variants-compact-wrap .hover-lift-table .mud-table-body .mud-table-cell:not(:last-child)::before{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--gold-main) 50%,transparent) 22%,color-mix(in srgb,var(--gold-hi) 60%,var(--gold-main) 40%) 50%,color-mix(in srgb,var(--gold-main) 50%,transparent) 78%,transparent 100%);pointer-events:none}
.variants-compact-wrap .technical-table .mud-table-container{border-radius:10px 10px 0 0;overflow:hidden}
.variants-compact-wrap .hover-lift-table .mud-typography{font-size:.83rem;line-height:1.04}
.variants-compact-wrap .hover-lift-table .mud-table-row .mud-table-cell{height:32px;vertical-align:middle}
.variants-compact-wrap .hover-lift-table .mud-input-control{margin-top:0;margin-bottom:0}
.variants-compact-wrap .hover-lift-table .mud-input{font-size:.82rem}
.variants-compact-wrap .hover-lift-table .mud-button-root{min-height:30px;padding:4px 9px}
.variants-compact-wrap .hover-lift-table .mud-icon-button{padding:5px}
.variants-compact-wrap .hover-lift-table .mud-input-slot{min-height:25px}
.variants-compact-wrap .hover-lift-table .mud-input input{padding-top:2px;padding-bottom:2px}
.variants-compact-wrap .hover-lift-table .mud-numeric-field .mud-input-slot{min-height:38px}
.variants-compact-wrap .hover-lift-table .mud-numeric-field .mud-icon-button{padding:6px}
.variants-compact-wrap .hover-lift-table .mud-numeric-field .mud-icon-button .mud-icon-root{font-size:1.24rem}
.variants-compact-wrap .inactive-toggle-btn{min-height:28px!important;padding:3px 8px!important}
.variants-compact-wrap .inactive-toggle-btn .mud-button-label{font-size:.76rem;letter-spacing:.08px}
.variant-settings-menu .variant-settings-menu-title{font-size:.72rem;line-height:1;letter-spacing:.04px}
.variant-settings-menu .mud-list-item{min-height:20px!important;padding:0 6px!important}
.variant-settings-menu .mud-list-item .mud-typography{font-size:.7rem!important;line-height:.95}
.variant-settings-menu .mud-list-item .mud-icon-root{font-size:.78rem!important}
.variant-settings-menu .mud-list-item .mud-stack{gap:4px!important}
.variant-settings-menu .mud-list-item .mr-1{margin-right:2px!important}
.variant-settings-menu .mud-icon-button{padding:2px!important}
.variant-settings-menu .mud-divider{margin:.08rem 0}
.variant-price-login-hint{display:inline-block;white-space:nowrap;line-height:1;font-size:.69rem}
.order-company-button,.order-company-button:hover,.order-company-button:focus-visible{box-shadow:none!important}
.order-company-button .mud-button-label,.order-company-button:hover .mud-button-label,.order-company-button:focus-visible .mud-button-label{font-size:inherit!important;letter-spacing:inherit!important}
.order-company-button{padding:4px 8px!important}
.order-company-name{max-width:180px;line-height:.95;font-size:.66rem!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.orders-grid-compact .mud-table-cell{padding-top:6px;padding-bottom:6px}
.orders-grid-order-number{font-size:.8rem;line-height:1.2}
.product-details-dialog .product-details-divider{
    border:0!important;
    height:1.5px;
    opacity:1;
    background:linear-gradient(
        90deg,
        transparent 0%,
        color-mix(in srgb,var(--gold-main) 55%,transparent) 24%,
        color-mix(in srgb,var(--gold-hi) 62%,var(--gold-main) 38%) 50%,
        color-mix(in srgb,var(--gold-main) 55%,transparent) 76%,
        transparent 100%
    )!important;
}
.product-details-dialog .picc-stage{
    max-width:560px;
    height:320px;
}
.product-details-dialog .mud-dialog-content{padding-top:6px;padding-bottom:6px;overflow-x:hidden}
.product-details-dialog .product-details-grid{margin:0}
.product-details-dialog .variants-compact-wrap{overflow-x:hidden}
.product-details-dialog .variants-compact-wrap .mud-table-container{overflow-x:hidden!important}
.product-details-dialog .product-details-summary{padding:0 2px 2px;gap:8px;flex-wrap:wrap}
.product-details-dialog .product-details-title{font-size:.95rem;line-height:1.08;margin:0}
.product-details-dialog .product-details-sku{font-size:.71rem;line-height:1.05;margin:0}
.product-details-dialog .product-details-edit-button{margin-left:2px}
.product-details-dialog .product-description-section{padding:0 4px 2px}
.product-details-dialog .product-description-content{font-size:.88rem;line-height:1.28}
.product-details-dialog .variants-compact-wrap .technical-banner{margin-bottom:0}
.product-details-dialog .variants-compact-wrap .technical-title{padding:1px 7px;font-size:.74rem}
.product-details-dialog .variants-compact-wrap .technical-table .mud-table-container{border-radius:8px 8px 0 0}
.product-details-dialog .variants-compact-wrap .technical-table .mud-table-head .mud-table-cell,
.product-details-dialog .variants-compact-wrap .technical-table .mud-table-body .mud-table-cell{padding:0 4px;line-height:.96}
.product-details-dialog .variants-compact-wrap .technical-table .mud-table-head .mud-table-cell{padding:1px 4px;font-size:.76rem}
.product-details-dialog .variants-compact-wrap .technical-table .mud-typography{font-size:.75rem;line-height:1}
.product-details-dialog .variants-compact-wrap .technical-table .mud-radio-group{gap:0}
.product-details-dialog .variants-compact-wrap .technical-table .mud-input-control{margin:0}
.product-details-dialog .variants-compact-wrap .technical-table .mud-radio{margin:0;min-height:20px}
.product-details-dialog .variants-compact-wrap .technical-table .mud-icon-button{padding:2px}
.product-details-dialog .variants-compact-wrap .hover-lift-table .mud-table-head .mud-table-cell{padding:3px 5px;font-size:.8rem}
.product-details-dialog .variants-compact-wrap .hover-lift-table .mud-table-body .mud-table-cell{height:29px;padding:0 5px}
.product-details-dialog .variants-compact-wrap .hover-lift-table .mud-typography{font-size:.79rem;line-height:1}
.product-details-dialog .variants-compact-wrap .hover-lift-table .mud-numeric-field{max-width:72px}
.product-details-dialog .variants-compact-wrap .hover-lift-table .mud-numeric-field .mud-input-slot{min-height:31px}
.product-details-dialog .variants-compact-wrap .hover-lift-table .mud-numeric-field .mud-input input{padding-top:2px;padding-bottom:2px}
.product-details-dialog .variants-compact-wrap .hover-lift-table .mud-numeric-field .mud-input-adornment{align-self:stretch;height:100%}
.product-details-dialog .variants-compact-wrap .hover-lift-table .mud-numeric-field .mud-input-adornment .mud-icon-button{height:50%;min-height:15px;padding:4px 5px}
.product-details-dialog .variants-compact-wrap .hover-lift-table .mud-numeric-field .mud-input-adornment .mud-icon-root{font-size:.96rem}
.product-details-dialog .variants-compact-wrap .set-stock-btn{min-height:21px;padding:0 6px}
.product-details-dialog .variants-compact-wrap .set-stock-btn .mud-button-label{font-size:.7rem;letter-spacing:.04px}
.product-details-dialog .variants-compact-wrap .mud-button-root{min-height:24px}
.product-details-dialog .variants-compact-wrap .mud-icon-button{padding:3px}
.product-details-dialog .variants-compact-wrap .add-variant-btn,
.product-details-dialog .variants-compact-wrap .inactive-toggle-btn{min-height:22px!important;padding:0 6px!important}
.product-details-dialog .variants-compact-wrap .add-variant-btn .mud-button-label,
.product-details-dialog .variants-compact-wrap .inactive-toggle-btn .mud-button-label{font-size:.7rem;letter-spacing:.04px}
.product-details-dialog .variants-compact-wrap .add-variant-btn .mud-icon-root,
.product-details-dialog .variants-compact-wrap .inactive-toggle-btn .mud-icon-root{font-size:.92rem}
.product-details-dialog .variant-settings-menu .mud-list-item{min-height:27px;padding:2px 9px}
.product-details-dialog .variant-settings-menu .mud-list-item .mud-typography{font-size:.74rem;line-height:1.02}
.product-details-dialog .variant-settings-menu .mud-list-item .mud-icon-root{font-size:1.02rem}
.product-details-dialog .variant-settings-menu .mud-divider{margin:.22rem 0}
@media (max-width:960px){
    .variants-compact-wrap .hover-lift-table .mud-table-head .mud-table-cell,.variants-compact-wrap .hover-lift-table .mud-table-body .mud-table-cell{padding:6px}
    .variants-compact-wrap .hover-lift-table .mud-typography{font-size:.83rem}
}

@media (min-width:1280px) and (max-width:1500px){
    .products-grid > .mud-grid-item{
        flex-basis:25%;
        max-width:25%;
    }
}

@media (min-width:2200px) and (max-width:2819.98px){
    .products-grid > .mud-grid-item{
        flex-basis:12.5%;
        max-width:12.5%;
    }
}

@media (min-width:2820px){
    .products-grid > .mud-grid-item{
        flex-basis:8.333333%;
        max-width:8.333333%;
    }
}

@media (min-width:1280px){
    .pc6{--card-radius:12px}
    .pc6.product-card:hover,.pc6.product-card:focus-within{transform:translateY(-4px);box-shadow:0 14px 30px rgba(0,0,0,.16)}
    .pc6 .compact-media{aspect-ratio:1/1}
    .pc6 .compact-content{padding:6px 10px 6px!important}
    .pc6 .compact-actions{padding:4px 8px 7px!important}
    .pc6 .btn-compact{padding:4px 8px}
    .pc6 .mud-button-root{min-height:31px}
    .pc6 .mud-button-label{letter-spacing:.1px}
    .pc6 .mud-icon-root{font-size:20px}
}
