@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;500;600;700;800&display=swap');
:root{
  --c-ink:#1E1610;--c-linen:#F5EDE0;--c-clay:#B8622E;--c-forest:#2E4A35;--c-camel:#C9956A;--c-mist:#EDE4D8;--c-stripe:#D8C9B5;
  --c-tile-dark:#241C14;--c-tile-green:#233529;--c-tile-sand:#EAD9C4;--c-tile-white:#FDFAF6;
  --c-text-primary:#1E1610;--c-text-secondary:#7A5C43;--c-text-inverse:#F5EDE0;--c-text-muted:#A88B73;--c-border:#D8C9B5;--c-border-strong:#B8A08A;
  --font-primary:'Vazirmatn','IRANSans',Tahoma,system-ui,sans-serif;
  --t-display:clamp(2.75rem,5vw,4rem);--t-h1:clamp(2rem,3.5vw,2.75rem);--t-h2:clamp(1.5rem,2.5vw,2rem);--t-h3:clamp(1.125rem,2vw,1.375rem);--t-body:1rem;--t-sm:.875rem;--t-xs:.75rem;
  --lh-display:1.15;--lh-heading:1.3;--lh-body:1.75;--lh-tight:1.45;
  --s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--s-9:96px;
  --r-sm:10px;--r-md:16px;--r-lg:24px;--r-pill:999px;
  --sh-1:0 1px 2px rgba(30,22,16,.06);--sh-2:0 10px 26px rgba(30,22,16,.10);--sh-3:0 22px 54px rgba(30,22,16,.14);
}
*{box-sizing:border-box;min-width:0}
html{font-family:var(--font-primary);font-size:16px;direction:rtl;text-align:right;background:var(--c-linen);color:var(--c-text-primary);scroll-behavior:smooth;max-width:100%;overflow-x:hidden}
body{margin:0;max-width:100%;overflow-x:hidden;line-height:var(--lh-body);background:linear-gradient(90deg,rgba(216,201,181,.26) 1px,transparent 1px) 0 0/42px 42px,var(--c-linen)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 18px,rgba(184,98,46,.045) 18px 22px);opacity:.75;z-index:-1}
img,video,svg{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid color-mix(in srgb,var(--c-clay),white 20%);outline-offset:3px}
.container{width:min(1200px,100% - 48px);margin-inline:auto}
.sr-only{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip-link{position:absolute;top:10px;right:10px;background:var(--c-ink);color:var(--c-text-inverse);padding:var(--s-3) var(--s-4);border-radius:var(--r-pill);transform:translateY(-140%);z-index:100}
.skip-link:focus{transform:none}
.icon{display:inline-flex;inline-size:22px;block-size:22px;align-items:center;justify-content:center;flex:0 0 auto}
.icon svg{inline-size:100%;block-size:100%}
.site-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--c-linen),white 55%);backdrop-filter:blur(18px);border-block-end:1px solid color-mix(in srgb,var(--c-border),transparent 25%)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--s-5);min-height:78px}
.brand{display:inline-flex;align-items:center;gap:var(--s-3)}
.brand-mark{display:grid;place-items:center;inline-size:46px;block-size:46px;border-radius:15px;background:repeating-linear-gradient(135deg,var(--c-ink) 0 7px,var(--c-clay) 7px 13px);color:#fff;font-weight:800;font-size:1.4rem;box-shadow:var(--sh-1)}
.brand strong{display:block;font-size:1.15rem;line-height:1.1}.brand small{display:block;color:var(--c-text-secondary);font-size:var(--t-xs);margin-block-start:3px}
.desktop-nav{display:flex;align-items:center;gap:var(--s-5)}
.desktop-nav a{padding:var(--s-2) var(--s-1);font-size:var(--t-sm);color:var(--c-text-secondary);border-block-end:2px solid transparent}
.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--c-ink);border-color:var(--c-clay)}
.header-actions{display:flex;align-items:center;gap:var(--s-3)}
.phone-pill,.menu-toggle,.menu-close{min-height:46px;border:1px solid var(--c-border);background:var(--c-tile-white);border-radius:var(--r-pill);display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-4);color:var(--c-ink)}
.menu-toggle{display:none;inline-size:48px;padding:0;justify-content:center}.menu-close{inline-size:48px;padding:0;justify-content:center;margin-inline-start:auto}
[hidden]{display:none!important}
.mobile-menu{position:fixed;inset:0;background:rgba(30,22,16,.42);padding:var(--s-5);z-index:80;visibility:visible}
.mobile-menu-panel{background:var(--c-tile-white);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-3);padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3)}
.mobile-menu-panel a{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);background:var(--c-mist)}
section{padding-block:clamp(48px,8vw,96px)}
.bento-hero{padding-block-start:var(--s-6)}
.bento-grid{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-auto-rows:minmax(190px,auto);gap:var(--s-4)}
.tile{border-radius:var(--r-lg);padding:var(--s-5);overflow:hidden;position:relative;border:1px solid color-mix(in srgb,var(--c-border),transparent 25%);box-shadow:var(--sh-1);display:flex;flex-direction:column;justify-content:space-between;gap:var(--s-4);min-height:100%}
.tile-main{grid-column:span 2;grid-row:span 2;justify-content:center;padding:0;min-height:420px;background-size:cover;background-position:center;background-repeat:no-repeat}
.tile-dark{background:linear-gradient(135deg,var(--c-tile-dark),#342416 58%,#5a321f);color:var(--c-text-inverse)}.tile-green{background:var(--c-tile-green);color:var(--c-text-inverse)}.tile-sand,.tile-calculator{background:var(--c-tile-sand)}.tile-small,.tile-photo{background:var(--c-tile-white)}
.tile-copy{padding:var(--s-7);display:flex;flex-direction:column;justify-content:center;gap:var(--s-4);flex:1 1 auto}.tile-copy>p{margin-block-start:auto;font-size:var(--t-h3);font-weight:700}.tile-copy .actions .btn{font-size:var(--t-h3)}
.tile-main img,.tile-photo img,.category-card img,.product-image img,.blog-card img,.gallery-item img,.about-split img,.article-page>img,.zoom-frame img,.thumb-row img{inline-size:100%;block-size:100%;object-fit:cover}
.tile-main img{min-height:420px}.tile-media{display:none}.tile-photo{padding:0;min-height:250px}.tile-photo span{position:absolute;inset-inline:var(--s-4);inset-block-end:var(--s-4);display:inline-flex;align-items:center;gap:var(--s-2);inline-size:fit-content;color:var(--c-ink);font-size:var(--t-h3);font-weight:700;background:var(--c-tile-white);padding:var(--s-3) var(--s-4);border-radius:var(--r-pill);box-shadow:var(--sh-1)}
.eyebrow{display:inline-flex;align-items:center;gap:var(--s-2);inline-size:max-content;max-inline-size:100%;font-size:var(--t-xs);font-weight:700;color:var(--c-clay);letter-spacing:.04em;padding:var(--s-2) var(--s-3);border:1px solid currentColor;border-radius:var(--r-pill);background:color-mix(in srgb,currentColor,transparent 92%)}
h1,h2,h3,p{margin:0}h1{font-size:var(--t-h1);line-height:var(--lh-heading);font-weight:800}h2{font-size:var(--t-h2);line-height:var(--lh-heading);font-weight:800}h3{font-size:var(--t-h3);line-height:var(--lh-heading);font-weight:700}p{color:var(--c-text-secondary);font-weight:400}
.tile-dark p,.tile-green p{color:color-mix(in srgb,var(--c-text-inverse),transparent 18%)}.tile-main h1{font-size:var(--t-display);line-height:var(--lh-display)}
.actions,.product-rail-head,.product-action,.resultbar,.admin-actions,.socials,.stat-row{display:flex;align-items:center;gap:var(--s-3);flex-wrap:wrap}
.btn{min-height:48px;border:0;border-radius:var(--r-pill);padding:13px 24px;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);font-weight:700;line-height:1.2;white-space:nowrap;transition:.2s ease}
.btn-primary{background:var(--c-clay);color:#fff}.btn-primary:hover{background:#9d4e25;transform:translateY(-1px);box-shadow:var(--sh-2)}
.btn-secondary{background:var(--c-forest);color:var(--c-text-inverse)}.btn-ghost{border:1px solid var(--c-border);background:var(--c-tile-white)}.btn-ghost.light{background:transparent;color:var(--c-text-inverse);border-color:color-mix(in srgb,var(--c-text-inverse),transparent 55%)}.btn-small{min-height:42px;padding:11px 18px;font-size:var(--t-sm)}.full{inline-size:100%}
.text-link{display:inline-flex;align-items:center;gap:var(--s-2);font-weight:700;margin-block-start:var(--s-2)}
.tile-icon{display:grid;place-items:center;inline-size:50px;block-size:50px;border-radius:17px;background:color-mix(in srgb,var(--c-clay),white 76%);color:var(--c-clay);padding:var(--s-3)}
.tile-small strong{font-size:2.1rem;font-weight:800;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.55)}.tile-small small{color:#000;font-size:1.45rem;font-weight:800;text-shadow:0 1px 3px rgba(255,255,255,.7)}
.mini-calc,.buy-box,.contact-form,.checkout-form,.admin-form{display:grid;gap:var(--s-4)}
label{display:grid;gap:var(--s-2);color:var(--c-text-secondary);font-size:var(--t-sm);font-weight:700}
input,textarea,select{inline-size:100%;border:1px solid var(--c-border);border-radius:var(--r-md);background:var(--c-tile-white);color:var(--c-ink);padding:13px 15px;min-height:48px}
textarea{min-height:110px;resize:vertical}
output,.total-line{border-radius:var(--r-md);background:var(--c-ink);color:var(--c-text-inverse);padding:var(--s-3) var(--s-4);font-weight:800}
.section-head{display:grid;gap:var(--s-3);max-width:760px;margin-block-end:var(--s-6)}.section-head p{font-size:1.05rem}
.category-grid,.product-grid,.feature-grid,.blog-grid,.gallery-grid,.guide-grid{display:grid;gap:var(--s-5)}
.category-grid{grid-template-columns:repeat(3,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.feature-grid{grid-template-columns:repeat(3,1fr)}.blog-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid{grid-template-columns:repeat(3,1fr)}.guide-grid{grid-template-columns:repeat(4,1fr)}
.category-card,.product-card,.feature-card,.blog-card,.guide-grid article,.admin-card,.empty-state{background:var(--c-tile-white);border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-1);overflow:hidden;height:100%;display:flex;flex-direction:column}
.category-card,.product-card,.blog-card,.gallery-item{transition:transform .2s ease,box-shadow .2s ease}.category-card:hover,.product-card:hover,.blog-card:hover,.gallery-item:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}
.empty-state{padding:var(--s-5);gap:var(--s-4);align-items:flex-start}
.category-card{min-height:280px}.category-card img{aspect-ratio:4/3}.category-card span,.category-card small{padding-inline:var(--s-4)}.category-card span{font-weight:800;font-size:1.12rem;margin-block-start:var(--s-4)}.category-card small{color:var(--c-text-secondary);padding-block-end:var(--s-4);margin-block-start:var(--s-2)}
.stripe-band{background:linear-gradient(180deg,rgba(234,217,196,.72),rgba(245,237,224,.2));border-block:1px solid var(--c-border)}
.product-rail-head{justify-content:space-between;margin-block-end:var(--s-6)}.product-rail-head>div{display:grid;gap:var(--s-3)}
.product-card{background:var(--c-tile-white)}.product-image{position:relative;aspect-ratio:4/3;background:var(--c-mist);overflow:hidden}.product-image span{position:absolute;left:var(--s-3);bottom:var(--s-3);background:rgba(253,250,246,.9);border-radius:50%;padding:var(--s-2)}
.product-body{padding:var(--s-4);display:flex;flex-direction:column;gap:var(--s-3);height:100%}.product-meta{display:flex;justify-content:space-between;gap:var(--s-2);font-size:var(--t-xs);color:var(--c-text-muted)}.product-body p{font-size:var(--t-sm);flex:1}
.swatches{display:flex;gap:var(--s-2);align-items:center}.swatches span,.color-choice label span{inline-size:24px;block-size:24px;border-radius:50%;background:var(--swatch);border:2px solid #fff;box-shadow:0 0 0 1px var(--c-border)}
.product-action{justify-content:space-between;margin-block-start:auto}.product-action strong{font-size:1rem}
.feature-card{padding:var(--s-5);gap:var(--s-3)}.feature-card>.icon{inline-size:44px;block-size:44px;color:var(--c-clay);padding:var(--s-2);border-radius:15px;background:var(--c-mist)}
.blog-card{background:var(--c-tile-white)}.blog-card img{aspect-ratio:4/3}.blog-card span{font-size:1.12rem;font-weight:800;padding:var(--s-4) var(--s-4) 0;line-height:var(--lh-tight)}.blog-card p{padding:var(--s-2) var(--s-4) var(--s-4);font-size:var(--t-sm)}
.page-hero{padding-block:0}.page-hero.compact .container{display:grid;gap:var(--s-4);max-width:850px}
.page-hero.blog-hero{padding-block-end:var(--s-4)}section.blog-grid{padding-block-start:var(--s-4)}
.shop-layout{display:grid;grid-template-columns:1fr;gap:var(--s-5);align-items:start;padding-block:var(--s-7)}
.filters-bar{display:flex;flex-wrap:wrap;align-items:end;gap:var(--s-3);background:var(--c-tile-white);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-4)}.filters-bar label{display:grid;gap:var(--s-2);flex:1 1 220px}.filters-bar .btn{flex:0 0 auto}
.shop-results{display:grid;gap:var(--s-4)}.resultbar{justify-content:space-between;background:var(--c-mist);border-radius:var(--r-md);padding:var(--s-3) var(--s-4)}
.product-detail{display:grid;grid-template-columns:1fr .9fr;gap:var(--s-7);padding-block:var(--s-7);align-items:start}.product-gallery,.product-panel{display:grid;gap:var(--s-4)}.zoom-frame{aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;background:var(--c-mist);box-shadow:var(--sh-2)}.thumb-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-3)}.thumb-row button{border:1px solid var(--c-border);border-radius:var(--r-md);padding:0;overflow:hidden;background:transparent;aspect-ratio:1}
.product-panel{background:var(--c-tile-white);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-6);box-shadow:var(--sh-1)}.spec-list{display:grid;gap:var(--s-2);padding:var(--s-4);background:var(--c-mist);border-radius:var(--r-md)}.spec-list span,.total-line{display:flex;justify-content:space-between;gap:var(--s-3)}
.color-choice{display:flex;gap:var(--s-3);flex-wrap:wrap;align-items:center}.color-choice>span{font-weight:800}.color-choice label{display:inline-flex;align-items:center;gap:var(--s-2);border:1px solid var(--c-border);border-radius:var(--r-pill);padding:var(--s-2) var(--s-3);background:#fff}.color-choice input{inline-size:auto;min-height:auto}
.dimension-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-3)}
.cart-wrap{display:grid;gap:var(--s-5);max-width:850px}.cart-card{display:grid;grid-template-columns:1.3fr .8fr 1fr 1fr 1fr;gap:var(--s-3);background:var(--c-tile-white);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-5)}
.gallery-item{border:0;border-radius:var(--r-lg);overflow:hidden;padding:0;background:var(--c-tile-white);box-shadow:var(--sh-1);position:relative;aspect-ratio:4/3}.gallery-item span{position:absolute;right:var(--s-3);bottom:var(--s-3);left:var(--s-3);display:flex;justify-content:space-between;align-items:center;gap:var(--s-2);background:rgba(253,250,246,.92);border-radius:var(--r-pill);padding:var(--s-2) var(--s-3);font-weight:800}
.lightbox{position:fixed;inset:0;background:rgba(30,22,16,.78);z-index:100;display:grid;place-items:center;padding:var(--s-5)}.lightbox img{max-height:82vh;border-radius:var(--r-lg)}.lightbox button{position:absolute;top:var(--s-5);left:var(--s-5);border:0;border-radius:50%;padding:var(--s-3);background:#fff}
.guide-grid article{padding:var(--s-5);gap:var(--s-3)}.guide-grid span{display:grid;place-items:center;inline-size:42px;block-size:42px;border-radius:50%;background:var(--c-forest);color:var(--c-text-inverse);font-weight:800}
.about-split,.contact-page{display:grid;grid-template-columns:1fr .9fr;gap:var(--s-7);align-items:center;padding-block:var(--s-8)}.about-split>div,.contact-page>div{display:grid;gap:var(--s-4)}.about-split img{block-size:auto;object-fit:contain;border-radius:var(--r-lg);box-shadow:var(--sh-2)}.stat-row span{background:var(--c-tile-white);border:1px solid var(--c-border);border-radius:var(--r-md);padding:var(--s-3) var(--s-4)}.stat-row strong{display:block;font-size:1.5rem;color:var(--c-clay)}
.contact-form{background:var(--c-tile-white);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:var(--sh-1)}.contact-list{display:grid;gap:var(--s-3)}.contact-list p,.footer-contact p{display:flex;align-items:flex-start;gap:var(--s-2)}
.article-page{max-width:850px;padding-block:var(--s-7);display:grid;gap:var(--s-4)}.article-page>img{aspect-ratio:16/9;border-radius:var(--r-lg)}
.site-footer{background:var(--c-ink);color:var(--c-text-inverse);padding-block:var(--s-7) var(--s-4);margin-block-start:var(--s-7)}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr 1.2fr;gap:var(--s-6)}.site-footer p,.site-footer a,.site-footer small{color:color-mix(in srgb,var(--c-text-inverse),transparent 22%)}.site-footer h2{font-size:1rem;margin-block-end:var(--s-3)}.footer-brand{display:grid;gap:var(--s-4)}.brand-footer .brand-mark{background:repeating-linear-gradient(135deg,var(--c-clay) 0 7px,var(--c-camel) 7px 13px)}.footer-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--s-3)}.socials a{display:grid;place-items:center;inline-size:42px;block-size:42px;border:1px solid rgba(245,237,224,.22);border-radius:50%}.footer-bottom{border-block-start:1px solid rgba(245,237,224,.18);margin-block-start:var(--s-6);padding-block-start:var(--s-4);display:flex;justify-content:space-between;gap:var(--s-3)}
.admin-body{background:var(--c-mist);min-height:100vh}.admin-login{min-height:100vh;display:grid;place-items:center;padding:var(--s-5)}.admin-login form,.admin-card{background:var(--c-tile-white);border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-5);box-shadow:var(--sh-2);display:grid;gap:var(--s-4)}.admin-error,.form-note{background:#fff1ea;color:#9d321c;border-radius:var(--r-md);padding:var(--s-3)}
.admin-layout{display:grid;grid-template-columns:248px 1fr;align-items:start;min-height:100vh}.admin-top{position:sticky;top:0;z-index:10;block-size:100vh;display:flex;flex-direction:column;justify-content:flex-start;gap:var(--s-5);background:linear-gradient(180deg,var(--c-ink),var(--c-forest) 55%,var(--c-clay));color:var(--c-text-inverse);padding:var(--s-5) var(--s-4);box-shadow:var(--sh-2)}.admin-top strong{font-size:1.2rem;padding-inline:var(--s-2);letter-spacing:.02em}.admin-top nav{display:flex;flex-direction:column;gap:var(--s-2)}.admin-top nav a{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);color:color-mix(in srgb,var(--c-text-inverse),transparent 12%);font-weight:600;transition:background .15s,color .15s}.admin-top nav a:hover{background:rgba(255,255,255,.14);color:#fff}.admin-shell{width:min(1180px,100% - 32px);margin:auto;padding-block:var(--s-6);display:grid;gap:var(--s-5)}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}.admin-stats article{background:var(--c-tile-white);border-radius:var(--r-lg);padding:var(--s-5);display:grid;gap:var(--s-2);border:1px solid var(--c-border);border-block-start:4px solid var(--c-clay)}.admin-stats article:nth-child(2){border-block-start-color:var(--c-forest)}.admin-stats article:nth-child(3){border-block-start-color:var(--c-camel)}.admin-stats strong{font-size:2rem;color:var(--c-clay)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:var(--s-3);border-block-end:1px solid var(--c-border);text-align:right;vertical-align:top}.admin-card thead th{background:color-mix(in srgb,var(--c-forest),white 86%);color:var(--c-forest);font-weight:700}.admin-form{grid-template-columns:repeat(2,1fr)}.admin-form button,.admin-form .checkline{grid-column:1/-1}.checkline{display:flex;align-items:center;gap:var(--s-2)}.checkline input{inline-size:auto;min-height:auto}
@media (max-width:1024px){.desktop-nav{display:none}.menu-toggle{display:inline-flex}.bento-grid{grid-template-columns:1fr 1fr}.tile-main{grid-column:1/-1}.category-grid,.product-grid,.blog-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.feature-grid,.guide-grid{grid-template-columns:repeat(2,1fr)}.shop-layout,.product-detail,.about-split,.contact-page,.footer-grid{grid-template-columns:1fr}.footer-grid{gap:var(--s-5)}}
@media (max-width:768px){.container{width:min(100% - 32px,1200px)}body{background-size:34px 34px}.site-header{position:sticky}.header-inner{min-height:68px}.phone-pill span{display:none}.bento-hero{padding-block-start:var(--s-5)}.bento-grid{grid-template-columns:1fr;gap:var(--s-4)}.tile{border-radius:20px;padding:var(--s-4)}.tile-main{display:flex;flex-direction:column;grid-column:auto;grid-row:auto;padding:0;background:linear-gradient(135deg,var(--c-tile-dark),#342416 58%,#5a321f)!important}.tile-copy{padding:var(--s-5)}.tile-media{display:block}.tile-main img{min-height:260px;aspect-ratio:4/3}.tile-main h1{font-size:clamp(2rem,12vw,3rem)}.category-grid,.product-grid,.feature-grid,.blog-grid,.gallery-grid,.guide-grid{grid-template-columns:1fr}.product-action{flex-direction:column;align-items:stretch}.product-action .btn{width:100%}.filters-bar{align-items:stretch}.filters-bar .btn{width:100%}.dimension-grid{grid-template-columns:1fr}.product-panel{padding:var(--s-4)}.cart-card{grid-template-columns:1fr}.cart-card>div{display:grid;grid-template-columns:100px 1fr;gap:var(--s-3);padding-block:var(--s-2);border-block-end:1px solid var(--c-border)}.cart-card>div::before{content:attr(data-label);font-weight:800;color:var(--c-text-secondary)}.admin-form{grid-template-columns:1fr}.admin-stats{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.btn{width:auto;max-width:100%}section{padding-block:clamp(44px,12vw,72px)}.page-hero{padding-block:0}.admin-layout{grid-template-columns:1fr}.admin-top{position:static;block-size:auto;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--s-3)}.admin-top nav{flex-direction:row;flex-wrap:wrap;gap:var(--s-2)}.admin-shell{width:min(100% - 24px,1180px)}.admin-card{padding:var(--s-4)}.admin-top nav a{padding-block:var(--s-2)}th,td{white-space:nowrap}}
@media (max-width:430px){.container{width:min(100% - 28px,1200px)}.brand-mark{inline-size:42px;block-size:42px}.brand strong{font-size:1rem}.actions{align-items:stretch}.actions .btn{width:100%}.tile-copy{padding:var(--s-4)}.tile-main img{min-height:220px}.mini-calc{gap:var(--s-3)}.product-rail-head{align-items:stretch}.product-rail-head .btn{width:100%}.color-choice{align-items:stretch}.color-choice label{width:100%;justify-content:flex-start}.admin-top{align-items:flex-start;flex-direction:column}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}body::before{display:none}}
.page-hero.compact:has(+.gallery-grid){padding-block-end:0}.page-hero.compact:has(+.gallery-grid) h1{font-size:clamp(1.5rem,3.2vw,2.1rem)}section.gallery-grid{padding-block-start:var(--s-5)}