/* SUFIYA ATELIER — premium editorial skin */
:root{
--sufiya-bg:#0e0a08;--sufiya-surface:#18110d;--sufiya-text:#f5eee5;
--sufiya-muted:#bca99a;--sufiya-gold:#c7a36a;--sufiya-burgundy:#6f1824;
--sufiya-border:#4c382d;--sufiya-radius:4px;--sufiya-max:1440px;
--sufiya-lift:8px;--sufiya-blur:14px}
html{background:var(--sufiya-bg)}
body.sufiya-theme{background:var(--sufiya-bg);color:var(--sufiya-text);--color-background:var(--sufiya-bg);--color-foreground:var(--sufiya-text);--page-width:min(var(--sufiya-max),calc(100vw - 48px))}
.sufiya-theme::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:var(--sufiya-grain-opacity);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.sufiya-theme h1,.sufiya-theme h2,.sufiya-theme h3,.sufiya-theme h4{letter-spacing:.015em;text-wrap:balance}
.sufiya-theme h1,.sufiya-theme h2{font-family:var(--font-heading--family),Georgia,serif;font-weight:500}
.sufiya-theme p,.sufiya-theme .rte{color:var(--sufiya-muted)}
.sufiya-theme #header-group{position:relative;z-index:50}
.sufiya-theme .header{background:color-mix(in srgb,var(--sufiya-bg) 86%,transparent);border-bottom:1px solid color-mix(in srgb,var(--sufiya-gold) 25%,transparent);backdrop-filter:blur(var(--sufiya-blur));-webkit-backdrop-filter:blur(var(--sufiya-blur))}
.sufiya-theme .header-logo{font-family:var(--font-heading--family),Georgia,serif;letter-spacing:.24em;text-transform:uppercase}
.sufiya-theme .header a,.sufiya-theme .header button{transition:color .25s ease,opacity .25s ease}
.sufiya-theme .header a:hover,.sufiya-theme .header button:hover{color:var(--sufiya-gold)}
.sufiya-theme .announcement-bar{background:var(--sufiya-burgundy);color:#fffaf4;letter-spacing:.12em;text-transform:uppercase;font-size:11px}
.sufiya-theme .section-wrapper{background:var(--sufiya-bg)}
.sufiya-theme .button,.sufiya-theme button.button{border-radius:var(--sufiya-radius)!important;letter-spacing:.13em;text-transform:uppercase;font-size:11px;min-height:44px;box-shadow:none;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease}
.sufiya-theme .button:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.22),0 0 0 1px color-mix(in srgb,var(--sufiya-gold) 25%,transparent)}
.sufiya-theme hr,.sufiya-theme .divider{border-color:color-mix(in srgb,var(--sufiya-gold) 25%,transparent)!important}
.sufiya-theme .product-card,.sufiya-theme .resource-card{position:relative;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.sufiya-theme .product-card:hover{transform:translateY(calc(var(--sufiya-lift) * -1));z-index:2}
.sufiya-theme .product-card .card__media,.sufiya-theme .product-card [class*="gallery"],.sufiya-theme .resource-card [class*="image"]{border-radius:var(--sufiya-radius);overflow:hidden}
.sufiya-theme .product-card img{transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.sufiya-theme .product-card:hover img{transform:scale(1.035)}
.sufiya-theme .product-card::after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid transparent;border-radius:var(--sufiya-radius);transition:border-color .35s ease}
.sufiya-theme .product-card:hover::after{border-color:color-mix(in srgb,var(--sufiya-gold) 38%,transparent)}
.sufiya-theme .product-card .card__media::after{content:"";position:absolute;inset:9px;border:1px solid color-mix(in srgb,var(--sufiya-gold) 48%,transparent);pointer-events:none;border-radius:calc(var(--sufiya-radius) * .75)}.sufiya-theme .product-card .card__media::after{content:"";position:absolute;inset:10px;border:1px solid color-mix(in srgb,var(--sufiya-gold) 55%,transparent);clip-path:polygon(0 18px,18px 18px,18px 0,82% 0,82% 18px,100% 18px,100% 82%,82% 82%,82% 100%,18px 100%,18px 82%,0 82%);pointer-events:none;opacity:.8}
.sufiya-theme .price{color:var(--sufiya-gold);letter-spacing:.05em}
.sufiya-theme .badge{border-radius:2px!important;letter-spacing:.1em;text-transform:uppercase;font-size:9px}
.sufiya-theme input,.sufiya-theme textarea,.sufiya-theme select{background:var(--sufiya-surface)!important;color:var(--sufiya-text)!important;border-color:var(--sufiya-border)!important;border-radius:var(--sufiya-radius)!important}
.sufiya-theme .cart-drawer,.sufiya-theme [role="dialog"],.sufiya-theme .popover{background:var(--sufiya-surface);border-color:var(--sufiya-border)}
.sufiya-theme .media-with-content{border-top:1px solid color-mix(in srgb,var(--sufiya-gold) 18%,transparent);border-bottom:1px solid color-mix(in srgb,var(--sufiya-gold) 18%,transparent)}
.sufiya-theme .section:has(.product-card)::before{content:"";position:absolute;width:420px;height:420px;right:-220px;top:10%;background:radial-gradient(circle,color-mix(in srgb,var(--sufiya-gold) 10%,transparent),transparent 68%);pointer-events:none;filter:blur(10px);opacity:var(--sufiya-glow-opacity)}
.sufiya-theme footer{background:#090705;border-top:1px solid color-mix(in srgb,var(--sufiya-gold) 30%,transparent)}
.sufiya-theme footer a:hover{color:var(--sufiya-gold)}
@media (prefers-reduced-motion:no-preference){.sufiya-theme.sufiya-motion-true .shopify-section{animation:sufiyaReveal .8s both;animation-timeline:view();animation-range:entry 0% cover 22%}@keyframes sufiyaReveal{from{opacity:.25;transform:translateY(24px)}to{opacity:1;transform:none}}}
@media(max-width:749px){body.sufiya-theme{--page-width:calc(100vw - 28px)}.sufiya-theme h1{font-size:clamp(38px,11vw,58px)}.sufiya-theme h2{font-size:clamp(32px,9vw,48px)}.sufiya-theme .product-card:hover{transform:none}}
