:root{--bg:#beb1a3;--ink:#2d221b;--muted:#55483c;--orange:#ed6907;--paper:#fffdf9;--line:#d8cbbb;--width:1280px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}body[data-theme=taupe]{--bg:#8d7a67;--muted:#30251c}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #e9802e;outline-offset:5px}img{max-width:100%;display:block}button{color:inherit}h1,h2,h3,p{margin:0}h2{font-size:38px;line-height:1.2;letter-spacing:-1px}h3{line-height:1.3}button{border:0}.wrap{width:min(var(--width),calc(100% - 80px));margin-inline:auto}.review-bar{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 28px;background:#f7f4ee;color:#51463e;font-size:11px}.review-bar>span{letter-spacing:1.5px}.palette{display:flex;gap:6px}.palette button{padding:7px 12px;background:transparent;border:1px solid #d9cfc4;border-radius:30px;font-size:11px;display:flex;gap:7px;align-items:center}.palette button[aria-pressed=true]{border-color:#67503b;background:white}.palette i{display:block;width:13px;height:13px;border-radius:50%;background:#beb1a3}.palette button:last-child i{background:#8d7a67}.review-bar>a{text-decoration:underline;text-underline-offset:3px}.header{background:#291b10;color:#f7f3ec}.header-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:110px}.phone{font-size:17px}.phone>span{color:#eb770e;font-size:28px;vertical-align:middle}.brand{display:flex;align-items:center;gap:18px;justify-self:center}.brand img{width:66px;height:74px;object-fit:contain}.brand>span{font-family:Jun,Georgia,serif;font-size:35px;font-weight:700;letter-spacing:5pt;color:white}.hours{justify-self:end;font-size:13px;line-height:1.4;color:#e3dbd0}.primary-nav{display:flex;justify-content:space-between;gap:20px;min-height:58px;align-items:center;font-size:15px}.header a:hover{color:#ffd59a}.subnav{border-top:1px solid #ffffff0d;background:#322216}.subnav-inner{display:flex;align-items:center;gap:23px;min-height:48px;font-size:12px}.subnav nav{display:flex;align-items:center;justify-content:space-between;gap:22px;flex:1}.cart-count{background:#ed6907;border-radius:3px;padding:2px 8px;margin-left:7px}.search{display:flex;background:white;border-radius:3px;overflow:hidden;width:140px}.search input{width:110px;min-width:0;border:0;padding:5px 8px;color:#322216;font-size:12px}.search button{background:white;color:#322216;width:30px}.hero{margin-top:26px;border-radius:24px;overflow:hidden;position:relative;aspect-ratio:2.72;background:#302013;color:white}.slide{position:absolute;inset:0}.slide[hidden]{display:none}.art{position:absolute;inset:0;overflow:hidden;pointer-events:none}.art img{position:absolute;max-width:none;height:auto}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#2d2017 0%,#2d2017fa 34%,#2d2017d9 45%,transparent 69%)}.first-slide:after{content:'';position:absolute;bottom:0;left:0;right:0;height:44px;background:linear-gradient(transparent,#302013)}.hero-copy{position:relative;z-index:1;padding:44px 64px;width:68%}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:700;color:#e3c79f;margin-bottom:14px}.hero h1,.hero h2{font-size:49px;line-height:1.06;font-weight:500;letter-spacing:-1.6px;margin-bottom:20px}.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.4;color:#f3e8d5}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:14px 27px;min-height:48px;border-radius:9px;font-size:14px;font-weight:600;background:var(--orange);color:white}.button:hover{filter:brightness(1.08)}.cream{background:#ffd995;color:#342112;border-radius:32px;margin-top:26px}.hero-controls{position:absolute;bottom:17px;left:50%;transform:translateX(-50%);display:flex;gap:18px;align-items:center;z-index:2}.hero-controls>button{background:transparent;color:white;font-size:20px;padding:0 7px}.dots{display:flex;gap:10px}.dots button{width:9px;height:9px;padding:0;background:#d2b798;border-radius:50%}.dots button[aria-pressed=true]{background:#ed6907}.slide-counter{position:absolute;bottom:20px;right:35px;z-index:2;font-size:11px;letter-spacing:2px;color:#fff3df}.slide-photo{width:100%;height:100%;object-fit:cover;object-position:70% 55%}.product-hero{width:55%;margin-left:auto;object-position:center 62%}.popular-slide{background:#4f3020}.discount{color:#ffbc67}.draft-label{font-size:12px;color:#ffe2a8}.section{margin-top:78px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.text-link{font-size:14px;color:#65320d}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category{position:relative;aspect-ratio:1.075;border-radius:20px;overflow:hidden;background:#3e271b;color:#fff5e6}.category-copy{position:absolute;inset:auto 0 0;padding:68px 29px 28px;background:linear-gradient(transparent,#211609 47%)}.category h3{font-size:26px;font-weight:500;max-width:90%}.category p{font-size:12px;line-height:1.4;max-width:80%;margin-top:10px;color:#e1d3be}.category-copy>span{position:absolute;right:22px;bottom:30px;border:1px solid #ed6907;color:#f28b25;border-radius:25px;width:38px;line-height:24px;text-align:center;font-size:20px}.category:hover .art{transform:scale(1.035)}.category .art{transition:transform .3s}.sale-category{color:#362411;background:#ffeac2}.sale-category .category-copy{background:linear-gradient(transparent,#f9e8c7 40%);padding-top:50px}.sale-category p{color:#735731}.benefits{margin-top:42px;background:var(--paper);display:grid;grid-template-columns:repeat(4,1fr);border-radius:20px;padding:38px 10px;box-shadow:0 6px 10px #3e25100b}.benefits article{padding:0 30px;border-right:1px solid #e8dfd5}.benefits article:last-child{border:0}.benefit-icon{background:var(--orange);border-radius:11px;width:57px;height:57px;display:grid;place-items:center;margin-bottom:21px;color:white}.benefit-icon svg{width:35px;height:35px}.benefits h3{font-size:18px;margin-bottom:10px}.benefits p{font-size:15px;line-height:1.5;color:#5e5043}.eyebrow.dark{color:var(--muted);margin-bottom:11px}.product-nav{display:flex;gap:10px;align-items:center}.product-nav>span{font-size:12px;letter-spacing:1px;margin-right:16px}.product-nav button{width:40px;height:40px;border:1px solid #65523f70;border-radius:50%;background:transparent;font-size:22px}.product-nav button:hover{background:#fff6e4}.products-track{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.products-track::-webkit-scrollbar{display:none}.product{flex:0 0 calc((100% - 54px)/4);min-width:0;background:var(--paper);border-radius:14px;overflow:hidden;scroll-snap-align:start}.product-photo{position:relative;aspect-ratio:1/1.13;background:#fff}.product-photo img{width:100%;height:100%;object-fit:contain;padding:14px}.product-rank{position:absolute;left:15px;top:15px;background:#f8efe3e8;border-radius:20px;padding:4px 11px;font-size:10px;letter-spacing:1px}.product-info{padding:22px;min-height:163px;display:flex;flex-direction:column}.product h3{font-size:19px;margin-bottom:8px}.product-info p{font-size:12px;color:#706153;line-height:1.5}.product-link{font-size:12px;color:#a14705;display:flex;justify-content:space-between;margin-top:auto;padding-top:18px}.product:hover .product-link{color:#ed6907}.center{text-align:center;margin-top:30px}.outline{background:transparent;color:var(--ink);border:1px solid #57432e80;font-weight:500}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.review{background:var(--paper);padding:30px 32px;border-radius:16px;box-shadow:0 5px 10px #3521110c}.stars{font-size:24px;letter-spacing:4px;color:#ef760b;margin-bottom:17px}.review>p{font-size:17px;line-height:1.75;min-height:115px}.review-person{display:flex;align-items:center;gap:17px;margin-top:30px}.review-person>span{display:grid;place-items:center;border-radius:50%;width:53px;height:53px;background:#ead5b8;font-size:21px}.review-person b{font-size:14px}.review-person small{display:block;font-size:13px;margin-top:3px}.section-intro{font-size:15px;color:var(--muted)}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.steps li{position:relative;padding:25px 27px;background:#e8e0d5;border:1px solid #ffffff50;border-radius:15px;min-height:218px}.steps li:last-child{grid-column:span 2;background:#342419;color:#fff2df}.steps li:last-child p{color:#e0cdb5}.step-number{display:inline-block;font-size:30px;line-height:1;color:#ab510d;margin-bottom:25px;font-family:Georgia,serif}.steps li:last-child .step-number{color:#ffae54}.steps h3{font-size:17px;margin-bottom:9px}.steps p{font-size:13px;color:#635346;line-height:1.55}.steps li:not(:last-child):after{content:'→';position:absolute;right:25px;top:23px;color:#94775f;font-size:23px}.branding{position:relative;aspect-ratio:2.054;border-radius:17px;overflow:hidden;background:#2b1c10}.branding-link{position:absolute;inset:0}.footer{background:#121211;color:#d5d3ce;border-radius:26px 26px 0 0;padding:55px;margin-top:85px}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.footer .brand{gap:15px}.footer .brand img{height:75px}.footer .brand>span{font-size:30px}.footer-top>p{text-align:right;font-size:14px;line-height:1.9}.footer-top>p>span{color:#97938d}.footer-columns{display:grid;grid-template-columns:1fr 1.6fr 1.3fr;gap:30px}.footer-columns h3{font-size:16px;margin-bottom:24px}.footer-columns a{display:block;margin-bottom:14px;font-size:14px}.footer-columns a:hover{color:#ffad54}.footer-contact{justify-self:end}.footer-contact .footer-phone{font-size:24px;color:#f4770b;font-weight:600}.footer-contact>span{display:block;font-size:13px;margin-bottom:16px;color:#bdb8af}.footer-contact>small{font-size:11px;color:#aaa39a}.footer-contact .max-contact{display:flex;gap:10px;align-items:center;margin-bottom:6px;margin-top:23px;color:white}.max-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#3495ff,#7445e6);color:#fff;font-size:18px;font-weight:700}.footer-bottom{border-top:1px solid #ffffff20;margin-top:55px;padding-top:28px;text-align:center;font-size:12px;color:#a9a69f}.footer-bottom>span{margin:0 12px}.catalog-heading{margin:48px auto 32px}.breadcrumbs{font-size:12px;margin-bottom:28px}.catalog-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.catalog-intro{margin:18px 0 28px;max-width:700px;color:var(--muted)}.catalog-grid .product{width:auto}.catalog-toolbar{display:flex;justify-content:space-between;margin-bottom:25px;font-size:13px}.catalog-toolbar span:last-child{font-weight:600}.promo-notice{padding:25px;background:#fff2d7;border:1px solid #dca56b;border-radius:12px;margin-bottom:30px}.promo-notice[hidden]{display:none}.notes{max-width:850px;padding:45px 30px;margin:40px auto;background:#fffbf4;border-radius:18px}.notes h1{font-size:32px}.notes h2{font-size:22px;margin:30px 0 12px}.notes p,.notes li{margin-bottom:12px}.notes a{color:#984706;text-decoration:underline}.notes table{border-collapse:collapse;width:100%;font-size:14px}.notes td,.notes th{text-align:left;padding:12px;border-bottom:1px solid #dacebd}.export .review-bar{display:none}
@media(min-width:1500px){.hero-copy{padding-top:55px}.hero{aspect-ratio:2.65}}
@media(max-width:1150px){.wrap{width:calc(100% - 48px)}.header-top{min-height:95px}.brand>span{font-size:28px}.brand img{width:50px;height:62px}.primary-nav{gap:12px;font-size:12px}.subnav-inner{gap:12px}.subnav nav{gap:12px;font-size:10px}.hero-copy{padding:30px 40px}.hero h1,.hero h2{font-size:38px;margin-bottom:15px}.hero-copy>p:not(.eyebrow){font-size:15px}.cream{margin-top:18px;padding:11px 22px;min-height:42px}.eyebrow{font-size:9px;margin-bottom:10px}.category-copy{padding:55px 20px 23px}.category h3{font-size:21px}.category p{font-size:10px}.benefits article{padding:0 20px}.benefits h3{font-size:16px}.benefits p{font-size:13px}.product-info{padding:17px}.product h3{font-size:16px}.review>p{font-size:15px}.footer{padding:40px}.footer-contact .footer-phone{font-size:20px}.steps li{padding:22px;min-height:225px}}
@media(max-width:760px){.review-bar{padding:9px 12px;flex-wrap:wrap;gap:8px;justify-content:center}.review-bar>span{display:none}.review-bar>a{font-size:10px}.palette button{font-size:10px;padding:6px 9px}.wrap{width:calc(100% - 32px)}.header-top{grid-template-columns:1fr auto;min-height:86px;gap:8px}.brand{grid-column:1;grid-row:1;justify-self:start;gap:10px}.brand>span{font-size:22px;letter-spacing:3px}.brand img{width:38px;height:50px}.phone{grid-column:2;grid-row:1;font-size:12px}.phone>span{display:none}.hours{display:none}.primary-nav{min-height:45px;overflow-x:auto;white-space:nowrap;justify-content:flex-start;gap:22px;font-size:12px;scrollbar-width:none}.subnav-inner{flex-wrap:wrap;padding-top:11px;padding-bottom:12px;gap:12px}.subnav nav{flex-basis:100%;overflow-x:auto;white-space:nowrap;justify-content:flex-start;font-size:11px;gap:19px;padding-bottom:6px;scrollbar-width:none}.search{margin-left:auto;width:165px}.search input{width:135px}.hero{margin-top:16px;aspect-ratio:auto;height:540px;border-radius:15px}.hero-copy{padding:29px 25px;width:100%}.hero h1,.hero h2{font-size:37px;line-height:1.12;letter-spacing:-1px}.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.5}.hero .eyebrow{font-size:8px;letter-spacing:1.8px}.hero .art{top:235px;left:-67%;width:167%;height:290px}.hero-shade{background:linear-gradient(#2d2017 0%,#2d2017 44%,#2d2017c9 53%,transparent 72%)}.hero .slide-photo{position:absolute;bottom:0;right:0;width:100%;height:64%;object-position:center}.popular-slide .slide-photo{object-fit:cover;object-position:center 60%}.hero-copy .cream{margin-top:18px;padding:11px 20px;font-size:12px}.hero-controls{bottom:14px}.slide-counter{right:18px;bottom:19px;font-size:9px}.section{margin-top:46px}h2{font-size:29px}.section-head{margin-bottom:21px;gap:12px}.text-link{font-size:11px}.categories{gap:11px;grid-template-columns:repeat(2,1fr)}.category{border-radius:12px;aspect-ratio:.82}.category .art{width:124%;left:-12%}.category-copy{padding:58px 13px 18px;background:linear-gradient(transparent,#211609 48%)}.category h3{font-size:17px;max-width:100%}.category p{display:none}.category-copy>span{position:static;display:block;margin-top:13px;font-size:17px;width:30px;line-height:18px}.sale-category .category-copy{padding-top:58px}.benefits{grid-template-columns:repeat(2,1fr);margin-top:24px;padding:22px 8px;gap:25px 0;border-radius:14px}.benefits article{padding:0 16px}.benefits article:nth-child(2){border:0}.benefit-icon{width:42px;height:42px;margin-bottom:13px;border-radius:9px}.benefit-icon svg{width:28px;height:28px}.benefits h3{font-size:14px}.benefits p{font-size:12px}.product-nav{gap:7px}.product-nav>span{display:none}.product-nav button{width:32px;height:32px;font-size:17px}.products-track{gap:12px}.product{flex-basis:78%}.product-info{min-height:154px;padding:20px}.product h3{font-size:19px}.product-photo{aspect-ratio:1/1}.outline{font-size:12px}.center{margin-top:22px}.eyebrow.dark{font-size:8px;letter-spacing:1.6px}.review-grid{grid-template-columns:1fr;gap:13px}.review{padding:24px;border-radius:12px}.stars{font-size:21px;margin-bottom:10px}.review>p{font-size:15px;min-height:0}.review-person{margin-top:20px;gap:12px}.review-person>span{width:43px;height:43px;font-size:18px}.section-intro{display:none}.steps{grid-template-columns:1fr;gap:12px}.steps li{min-height:0;padding:23px 22px 23px 77px}.step-number{position:absolute;left:22px;top:25px;font-size:26px}.steps li:last-child{grid-column:auto}.steps li:not(:last-child):after{content:'↓';top:auto;bottom:-18px;right:28px;z-index:1;background:var(--bg);border-radius:50%;width:26px;line-height:26px;text-align:center;font-size:19px;color:#4b3525}.steps h3{font-size:16px}.steps p{font-size:13px}.branding{aspect-ratio:1.45}.branding .art{width:141.5%;left:-1%;height:100%}.footer{margin-top:45px;padding:29px 24px;border-radius:18px 18px 0 0}.footer-top{display:block;margin-bottom:28px}.footer .brand>span{font-size:25px}.footer .brand img{width:42px;height:56px}.footer-top>p{text-align:left;font-size:11px;margin-top:20px}.footer-columns{grid-template-columns:1fr 1fr;gap:20px 15px}.footer-columns h3{font-size:14px;margin-bottom:18px}.footer-columns a{font-size:12px;line-height:1.5;margin-bottom:13px}.footer-contact{grid-column:span 2;justify-self:start;margin-top:12px}.footer-contact .footer-phone{font-size:22px}.footer-bottom{margin-top:30px;font-size:10px;text-align:left}.footer-bottom>span{margin:0 4px}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:12px}.catalog-grid .product-photo{aspect-ratio:1}.catalog-grid .product-info{padding:14px;min-height:173px}.catalog-grid .product h3{font-size:15px}.catalog-grid .product-info p{font-size:11px}.catalog-toolbar{font-size:10px}.catalog-heading{margin-top:30px}.notes{margin:16px;padding:25px 20px}.notes h1{font-size:27px}.notes table{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.category .art{transition:none}}
/* The source reference includes its former hero copy; keep the new copy legible. */
.first-slide .hero-shade{background:linear-gradient(90deg,#2d2017 0%,#2d2017 52%,#2d2017d9 63%,transparent 78%)}
.product-page{--bg:#251912;--ink:#f8eee3;--muted:#d5bda6;background:radial-gradient(circle at 18% 35%,#493021 0,#251912 45%,#1b110d 100%);min-height:100vh}.product-shell{width:min(1480px,calc(100% - 96px));margin:auto;padding:42px 0 56px}.product-breadcrumbs{display:flex;gap:13px;color:#d5bda6;font-size:14px;margin-bottom:25px}.product-breadcrumbs a:hover{color:#f27a16}.product-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(460px,.95fr);gap:66px;align-items:start}.product-main-image{height:clamp(560px,calc(100vh - 230px),760px);min-height:500px;background:#fdfbf7;border:1px solid #ffffff25;border-radius:18px;display:grid;place-items:center;overflow:hidden}.product-main-image img{width:100%;height:100%;object-fit:contain}.product-thumbs{display:flex;gap:16px;margin-top:16px}.product-thumbs button{width:104px;height:104px;padding:4px;background:#fdfbf7;border:1px solid #ffffff30;border-radius:12px;overflow:hidden}.product-thumbs button.is-selected{border:2px solid #e56a12}.product-thumbs img{width:100%;height:100%;object-fit:contain}.product-summary{padding:16px 0}.product-summary h1{font-size:clamp(54px,5.6vw,84px);line-height:1;font-weight:500;letter-spacing:-3px;margin-bottom:20px}.product-rating{display:flex;align-items:center;gap:18px;font-size:22px;margin-bottom:15px}.product-rating span{color:#e86d0b;letter-spacing:3px}.product-rating i{font-style:normal;color:transparent;-webkit-text-stroke:1px #e86d0b}.product-rating b{font-weight:400;font-size:17px}.product-sku{font-size:18px;color:#d5bda6;margin-bottom:26px}.weight-picker{display:flex;gap:14px;margin-bottom:30px}.weight-picker button{width:112px;height:48px;border-radius:11px;background:transparent;border:1px solid #d89d6d;color:#f8eee3}.weight-picker button.active,.product-actions .button{background:#e86a08;border-color:#e86a08;color:#fff}.product-price{display:block;font-size:52px;line-height:1;margin-bottom:22px}.quantity{display:flex;width:138px;height:46px;border:1px solid #d5bda6;border-radius:10px;overflow:hidden;margin-bottom:26px}.quantity>*{width:46px;display:grid;place-items:center;background:transparent;border:0;color:#f8eee3;font-size:20px}.quantity span{border-inline:1px solid #ffffff28;font-size:17px}.product-actions{display:flex;gap:18px;margin-bottom:30px}.product-actions .button{min-width:225px;height:64px;border-radius:12px;font-size:18px}.product-actions .outline{background:transparent;border:1px solid #e86a08;color:#e86a08}.delivery{font-size:18px;padding-bottom:28px;border-bottom:1px solid #ffffff25}.delivery span{margin-left:12px}.product-details{margin-top:6px}.product-details details{border-bottom:1px solid #ffffff25;padding:19px 0}.product-details summary{cursor:pointer;list-style:none;font-size:20px}.product-details summary::-webkit-details-marker{display:none}.product-details summary:after{content:'+';float:right;color:#e86a08}.product-details details[open] summary:after{content:'−'}.product-details p{color:#e1cdb8;max-width:670px;font-size:15px;line-height:1.65;padding:14px 35px 2px 0}
@media(max-width:900px){.product-shell{width:calc(100% - 32px);padding-top:24px}.product-layout{grid-template-columns:1fr;gap:30px}.product-main-image{height:64vw;min-height:360px}.product-summary{padding:0}.product-summary h1{font-size:56px}.product-actions{flex-wrap:wrap}}
@media(max-width:560px){.product-thumbs{gap:8px}.product-thumbs button{width:76px;height:76px}.product-summary h1{font-size:48px}.product-actions{flex-direction:column}.product-actions .button{width:100%}.weight-picker button{width:calc((100vw - 70px)/3)}.product-price{font-size:44px}}
/* Desktop - 9 reference corrections */
:root{--bg:#a89582;--width:1440px;--paper:#f8f5ef;--ink:#fff7ee;--muted:#f2e5d6;--orange:#ff6b00}
body{background:linear-gradient(115deg,#b3a08d,#8c7865);color:var(--ink)}
.header{background:#0d0d0d}.subnav{background:#161616}.header-top{min-height:128px}.primary-nav{min-height:54px}.wrap{width:min(var(--width),calc(100% - 64px))}
.hero{margin-top:30px;aspect-ratio:2.741;background:#24150d;border-radius:18px}.first-slide .art{background:url('../theme/nutsbox/assets/Rectangle 21.webp') center/cover no-repeat}.first-slide .art img{display:none}.first-slide .hero-shade{background:linear-gradient(90deg,#1c130b 0%,#1c130bcc 39%,transparent 64%)}.hero-copy{padding:58px 74px}.hero h1{font-size:50px}.cream{background:#ff6b00;color:#fff;border-radius:6px}
.section{margin-top:72px}.section-head h2{font-size:34px;letter-spacing:0}.categories{gap:18px}.category{border-radius:16px}.benefits{background:#9b806a;border:2px solid #f07219;box-shadow:none;padding:28px 8px}.benefits article{border-color:#e4b98d}.benefits h3,.benefits p{color:#fff}.benefit-icon{background:#ff6b00}
.product{background:#927b67;box-shadow:0 6px 10px #50342655}.product-photo{background:transparent}.product-info p{color:#f4e6d6}.product-rank{background:#ed6907;color:#fff}.branding{background:url('../theme/nutsbox/assets/nutsbox-branding-banner-variant-2 1.webp') center/cover}.branding .art{display:none}.steps li{background:#917b68;border:0;color:#fff;min-height:205px}.steps p{color:#fff}.steps li:last-child{background:#917b68;color:#fff}.review{background:#fff;color:#3c2d23}.review-person b,.review-person small{color:#3c2d23}.footer{background:#101010}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.header-top{min-height:86px}.hero{height:480px}.hero-copy{padding:28px}.hero h1{font-size:34px}.benefits{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.steps li:last-child{grid-column:auto}}
/* Use Desktop - 9 card artwork directly; links remain semantic containers. */
.category-copy{background:none!important}.category-copy h3,.category-copy p,.category-copy>span{visibility:hidden}

/* Homepage header final override */
.site-header{display:block!important;background:#10100e!important;color:#fff!important;font-family:'Geologica',Arial,sans-serif!important}
.site-header .container,.site-primary-nav .container,.site-secondary-nav>.container{width:100%!important;max-width:1440px!important;margin-right:auto!important;margin-left:auto!important;padding-left:0!important;padding-right:0!important}
.site-header__top{display:block!important;border-bottom:1px solid #82746a!important}.site-header__top-row{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;min-height:134px!important}
.site-header__phone{display:inline-flex!important;align-items:center!important;gap:9px!important;justify-self:start!important;color:#fff!important;font-size:28px!important;font-weight:400!important;line-height:35px!important;text-decoration:none!important}.site-header__phone i{color:#ff7700!important;font-size:29px!important}
.site-header #logo{display:block!important;margin:0!important;text-align:center!important}.site-header #logo .site-brand{display:inline-flex!important;align-items:center!important;gap:28px!important;color:#fff!important;text-decoration:none!important}.site-header #logo img{display:block!important;width:85px!important;max-width:85px!important;height:85px!important;object-fit:contain!important}.site-header #logo .site-brand__wordmark{display:block!important;color:#fff!important;font-family:'NutsBox Jun',Georgia,'Times New Roman',serif!important;font-size:49px!important;font-style:normal!important;font-weight:400!important;line-height:57px!important;letter-spacing:5pt!important}
.site-header__work-hours{display:block!important;justify-self:end!important;margin:0!important;color:#fff!important;font-size:20px!important;font-weight:300!important;line-height:25px!important}
.site-primary-nav{display:block!important;background:#10100e!important;border-bottom:1px solid #2b2724!important}.site-primary-nav .container{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:26px!important;min-height:72px!important}.site-primary-nav a{display:block!important;color:#fff!important;font-size:24px!important;font-weight:400!important;line-height:30px!important;text-decoration:none!important;white-space:nowrap!important}
.site-secondary-nav{display:block!important;background:#10100e!important;border-bottom:1px solid #2b2724!important}.site-secondary-nav>.container{display:flex!important;align-items:center!important;gap:28px!important;min-height:67px!important}.site-secondary-nav__categories{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:32px!important;flex:1 1 auto!important;min-width:0!important}.site-secondary-nav__categories a,.site-secondary-nav__cart-link{display:block!important;color:#d2c9ba!important;font-size:20px!important;font-weight:400!important;line-height:25px!important;text-decoration:none!important;white-space:nowrap!important}.site-secondary-nav__actions{display:flex!important;align-items:center!important;gap:10px!important;flex:0 0 auto!important}.site-secondary-nav__cart-count{display:inline-grid!important;width:48px!important;height:36px!important;place-items:center!important;border-radius:5px!important;background:#ff7700!important;color:#fff!important;font-size:20px!important;line-height:25px!important}.site-secondary-nav__search{display:flex!important;width:203px!important;height:36px!important;overflow:hidden!important;border:1px solid #fff!important;border-radius:5px!important;background:#fff!important}.site-secondary-nav__search input{display:block!important;min-width:0!important;flex:1!important;border:0!important;padding:5px 16px!important;color:#000!important;font-size:20px!important;line-height:25px!important}.site-secondary-nav__search button{display:block!important;width:36px!important;border:0!important;background:#fff!important;color:#000!important}
@media(max-width:1199.98px){.site-header .container,.site-primary-nav .container,.site-secondary-nav>.container{padding-left:32px!important;padding-right:32px!important}.site-primary-nav .container,.site-secondary-nav__categories{justify-content:flex-start!important;overflow-x:auto!important}.site-primary-nav .container{gap:24px!important}.site-secondary-nav__categories{gap:24px!important}}
/* Homepage uses a later stylesheet: keep the shared footer identical. */
.site-footer { position: static !important; width: 100% !important; margin-top: 72px !important; padding: 0 !important; border: 0 !important; background: transparent !important; color: #d5d3ce !important; font-family: Geologica,Arial,sans-serif !important; }
.site-footer__inner { width:100% !important; max-width:1440px !important; margin:0 auto !important; padding:55px 56px 28px !important; border-radius:26px 26px 0 0 !important; background:#10100e !important; }
.site-footer__top { display:flex !important; align-items:center !important; justify-content:space-between !important; gap:32px !important; margin-bottom:45px !important; }
.site-footer__brand { display:inline-flex !important; align-items:center !important; gap:15px !important; color:#fff !important; text-decoration:none !important; }
.site-footer__brand img { width:66px !important; height:75px !important; object-fit:contain !important; }
.site-footer__brand span { font-family:Jun,Georgia,serif !important; font-size:30px !important; font-weight:700 !important; letter-spacing:.16em !important; line-height:1 !important; }
.site-footer__description { margin:0 !important; color:#d5d3ce !important; text-align:right !important; font-size:14px !important; line-height:1.9 !important; }.site-footer__description span{color:#97938d!important}
.site-footer__columns { display:grid !important; grid-template-columns:1fr 2.1fr auto !important; gap:30px !important; }.site-footer__column h2{margin:0 0 24px!important;color:#77736d!important;font-family:Geologica,Arial,sans-serif!important;font-size:29px!important;font-weight:400!important;line-height:1.3!important}.site-footer__column a{display:block!important;width:fit-content!important;margin-bottom:14px!important;color:#e6e4df!important;font-size:25px!important;line-height:1.4!important;text-decoration:none!important}.site-footer__contacts{display:flex!important;min-width:190px!important;flex-direction:column!important;align-items:flex-start!important;justify-self:end!important}.site-footer__phone{margin-bottom:17px!important;color:#ff8200!important;font-size:24px!important;font-weight:700!important;line-height:1.2!important;text-decoration:none!important;white-space:nowrap!important}.site-footer__contacts>span{margin-bottom:17px!important;color:#d5d3ce!important;font-size:19px!important;line-height:1.4!important}.site-footer__email{color:#e6e4df!important;font-size:19px!important;line-height:1.4!important;text-decoration:none!important}.site-footer__bottom{display:flex!important;justify-content:center!important;gap:13px!important;margin-top:55px!important;padding-top:28px!important;border-top:1px solid rgba(255,255,255,.16)!important;color:#aaa69f!important;font-size:12px!important;line-height:1.4!important}.site-footer__bottom i{font-style:normal!important}.site-footer__bottom a{color:inherit!important;text-decoration:none!important}
@media(max-width:760px){.site-footer{margin-top:45px!important}.site-footer__inner{padding:29px 24px!important;border-radius:18px 18px 0 0!important}.site-footer__top{display:block!important;margin-bottom:28px!important}.site-footer__brand img{width:42px!important;height:56px!important}.site-footer__brand span{font-size:25px!important}.site-footer__description{margin-top:20px!important;text-align:left!important;font-size:11px!important}.site-footer__columns{grid-template-columns:1fr 1fr!important;gap:20px 15px!important}.site-footer__column h2{margin-bottom:18px!important;font-size:14px!important}.site-footer__column a{margin-bottom:13px!important;font-size:12px!important}.site-footer__contacts{grid-column:1/-1!important;justify-self:start!important;margin-top:12px!important}.site-footer__phone{font-size:22px!important}.site-footer__bottom{justify-content:flex-start!important;gap:8px!important;margin-top:30px!important;font-size:10px!important}}C:\Users\user
/* Homepage colour refinement */
body { background: #5A4C41 !important; }
.site-footer__column h2 { color: #fff !important; }
.site-footer__description { font-size: 27px !important; line-height: 1.35 !important; }
/* Desktop hero slider — metrics from reference */
@media (min-width: 1200px) {
  .hero.wrap {
    width: min(1438px, calc(100% - 64px));
    height: 526px;
    margin-top: 30px;
    aspect-ratio: auto;
    border-radius: 30px;
  }
  .first-slide .hero-shade {
    background: linear-gradient(90deg, rgba(0, 0, 0, .52) 42.79%, rgba(102, 102, 102, 0) 58.65%);
  }
  .hero-copy {
    width: 762px;
    padding: 59px 80px 0;
  }
  .hero h1,
  .hero h2 {
    margin: 0 0 21px;
    color: #D1C8B9;
    font-family: Geologica, Arial, sans-serif;
    font-size: 60px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0;
  }
  .hero-copy > p:not(.eyebrow) {
    width: 641px;
    margin: 0;
    color: #D1C8B9;
    font-family: Geologica, Arial, sans-serif;
    font-size: 32px;
    font-weight: 300;
    line-height: 38px;
  }
  .hero-copy .cream {
    width: 324px;
    min-height: 70px;
    margin-top: 70px;
    padding: 20px 53px;
    border-radius: 10px;
    background: #E46003;
    color: #fff;
    font-family: Geologica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
  }
}
/* Additional homepage slides */
.hero-slide__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero-controls { z-index: 7; }
.hero-dot { width: 18px; height: 18px; padding: 0; border: 0; border-radius: 50%; background: #D1C8B9; opacity: .95; transition: transform .2s ease, background-color .2s ease; }
.hero-dot[aria-current="true"] { background: #E46003; transform: scale(1.08); }
.hero-dot:hover { transform: scale(1.12); }
@media (min-width: 1200px) { .hero-controls { bottom: 25px; gap: 20px; } }
@media (max-width: 760px) { .hero-dot { width: 10px; height: 10px; } }.hero-controls > .hero-dot { background: #D1C8B9; }
.hero-controls > .hero-dot[aria-current="true"] { background: #E46003; }
/* Slider controls work without JavaScript. */
.hero-toggle { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.hero > .slide { display: none; }
#hero-slide-1:checked ~ .first-slide,
#hero-slide-2:checked ~ .hero-slide--sale,
#hero-slide-3:checked ~ .hero-slide--lux,
#hero-slide-4:checked ~ .hero-slide--teachers { display: block; }
.hero-controls > .hero-dot { display: block; cursor: pointer; background: #D1C8B9; }
#hero-slide-1:checked ~ .hero-controls label[for="hero-slide-1"],
#hero-slide-2:checked ~ .hero-controls label[for="hero-slide-2"],
#hero-slide-3:checked ~ .hero-controls label[for="hero-slide-3"],
#hero-slide-4:checked ~ .hero-controls label[for="hero-slide-4"] { background: #E46003; transform: scale(1.08); }
/* Desktop carousel: preview neighbouring slides. */
@media (min-width: 1200px) {
  .hero.wrap {
    width: 100%;
    max-width: none;
    overflow: hidden;
    border-radius: 0;
  }
  .hero > .slide {
    display: none;
    width: 1438px;
    height: 526px;
    inset: 0 auto auto 50%;
    border-radius: 30px;
    pointer-events: none;
    transition: transform .35s ease;
  }
  #hero-slide-1:checked ~ .first-slide,
  #hero-slide-2:checked ~ .hero-slide--sale,
  #hero-slide-3:checked ~ .hero-slide--lux,
  #hero-slide-4:checked ~ .hero-slide--teachers {
    display: block;
    z-index: 2;
    transform: translateX(-50%);
  }
  #hero-slide-1:checked ~ .hero-slide--teachers,
  #hero-slide-2:checked ~ .first-slide,
  #hero-slide-3:checked ~ .first-slide,
  #hero-slide-4:checked ~ .hero-slide--lux {
    display: block;
    z-index: 1;
    transform: translateX(calc(-50% - 1458px));
  }
  #hero-slide-1:checked ~ .hero-slide--lux,
  #hero-slide-2:checked ~ .hero-slide--lux,
  #hero-slide-3:checked ~ .hero-slide--teachers,
  #hero-slide-4:checked ~ .first-slide {
    display: block;
    z-index: 1;
    transform: translateX(calc(-50% + 1458px));
  }
  .hero-controls { z-index: 4; }
}
@media (min-width: 1200px) {
  .hero.wrap { background: transparent; }
  .hero > .slide { overflow: hidden; border-radius: 30px; }
}
.hero { cursor: grab; touch-action: pan-y; }
.hero.is-dragging { cursor: grabbing; user-select: none; }
.hero-controls { cursor: default; }
.hero, .hero * { -webkit-user-select: none; user-select: none; -webkit-user-drag: none; }
/* Catalogue cards */
.catalog-section { margin-top: 72px; }
.catalog-section .section-head { margin-bottom: 28px; }
.catalog-section .section-head h2 { color: #fff; font-size: 40px; font-weight: 400; letter-spacing: 0; }
.catalog-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.catalog-card { position: relative; display: block; min-width: 0; aspect-ratio: 1.075; overflow: hidden; border-radius: 28px; box-shadow: 0 10px 22px rgba(39, 21, 10, .28); color: #fff; text-decoration: none; }
.catalog-card > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.catalog-card__shade { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 35%, rgba(0,0,0,.8) 100%); }
.catalog-card__content { position: absolute; right: 48px; bottom: 26px; left: 48px; z-index: 1; display: flex; flex-direction: column; }
.catalog-card__title-row { display: flex; min-height: 62px; align-items: flex-start; justify-content: space-between; gap: 16px; }
.catalog-card__title { color: #fff; font-size: 27px; font-weight: 400; line-height: 1.15; }
.catalog-card__description { display: block; min-height: 56px; margin-top: 13px; color: #fff; font-size: 15px; font-weight: 400; line-height: 1.25; }
.catalog-card__arrow { display: inline-grid; width: 64px; height: 38px; flex: 0 0 auto; align-self: center; place-items: center; border: 1px solid #ff7700; border-radius: 999px; color: #ff7700; font-size: 0; font-weight: 300; line-height: 1; }
.catalog-card__arrow::before { content: '→'; display: block; transform: translate(-1px, -1px); font-size: 30px; line-height: 1; }
.catalog-card:hover > img { transform: scale(1.04); }
.catalog-card--sale { background: #fff3d3; }
.catalog-card--sale .catalog-card__content { right: 48px; bottom: 26px; left: 48px; }
.catalog-card--sale .catalog-card__content::after { content: ''; display: block; min-height: 56px; margin-top: 13px; }
.catalog-card--sale .catalog-card__title { color: #75695f; font-size: 31px; }
.catalog-card--sale .catalog-card__arrow { width: 66px; border-color: #ff7700; color: #ff7700; }
@media (max-width: 760px) { .catalog-section { margin-top: 46px; }.catalog-section .section-head h2 { font-size: 30px; }.catalog-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }.catalog-card { border-radius: 16px; aspect-ratio: .82; }.catalog-card__content,.catalog-card--sale .catalog-card__content { right: 16px; bottom: 18px; left: 16px; }.catalog-card__title-row { min-height: 42px; }.catalog-card__title,.catalog-card--sale .catalog-card__title { font-size: 18px; }.catalog-card__description { min-height: 42px; margin-top: 9px; font-size: 11px; }.catalog-card--sale .catalog-card__content::after { min-height: 42px; margin-top: 9px; }.catalog-card__arrow { width: 38px; height: 26px; }.catalog-card__arrow::before { transform: translate(-1px, -1px); font-size: 22px; } }
/* Benefits strip */
.benefits { margin-top: 120px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 34px 40px 38px; border: 0; border-radius: 28px; background: #9b8574; box-shadow: none; }
.benefits article { min-height: 271px; padding: 0 40px; border-right: 1px solid rgba(255,255,255,.22); }
.benefits article:first-child { padding-left: 0; }
.benefits article:last-child { padding-right: 0; border-right: 0; }
.benefits .benefit-icon { display: block; width: 75px; height: 75px; margin: 0 0 30px; border-radius: 15px; background: transparent; object-fit: contain; }
.benefits h3 { margin: 0 0 21px; color: #fff; font-size: 27px; font-weight: 400; line-height: 1.2; }
.benefits p { margin: 0; color: #fff; font-size: 22px; font-weight: 400; line-height: 1.22; }
@media (max-width: 760px) { .benefits { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 24px; gap: 26px 0; border-radius: 18px; }.benefits article { min-height: 0; padding: 0 16px; }.benefits article:first-child { padding-left: 0; }.benefits article:nth-child(2) { border-right: 0; }.benefits article:nth-child(3) { padding-left: 0; }.benefits .benefit-icon { width: 52px; height: 52px; margin-bottom: 18px; border-radius: 11px; }.benefits h3 { margin-bottom: 12px; font-size: 18px; }.benefits p { font-size: 14px; } }
@media (min-width: 761px) { .benefits { min-height: 345px; } }

/* Popular products */
.popular-products { position: relative; margin-top: 72px; }
.popular-products .section-head { margin-bottom: 34px; }
.popular-products .section-head h2 { color: #fff; font-size: 40px; font-weight: 400; letter-spacing: 0; }
.popular-products__viewport { overflow: hidden; margin: 0 66px; }
.popular-products__track { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - 48px) / 4); gap: 16px; }
.popular-product { display: flex; min-width: 0; min-height: 474px; flex-direction: column; padding: 15px 25px 26px; border-radius: 20px; background: #9b8574; box-shadow: none; color: #fff; text-decoration: none; transition: transform .2s ease, background-color .2s ease; }
.popular-product:hover { transform: translateY(-4px); background: #a58e7c; }
.popular-product__photo { display: grid; height: 348px; place-items: center; }
.popular-product__photo img { width: 100%; height: 100%; object-fit: contain; }
.popular-product__name { display: block; min-height: 63px; margin-top: 6px; color: #fff; font-size: 27px; font-weight: 400; line-height: 1.08; }
.popular-product__weights { display: flex; gap: 13px; margin-top: auto; }
.popular-product__weights b { display: inline-flex; min-width: 70px; min-height: 32px; align-items: center; justify-content: center; border: 2px solid #ff6b00; border-radius: 12px; color: #fff; font-size: 17px; font-weight: 400; line-height: 1; }
.popular-product__weights .is-active { background: #ff6b00; }
.popular-products__nav { position: absolute; top: 50%; z-index: 2; display: grid; width: 49px; height: 49px; place-items: center; border: 0; border-radius: 50%; background: #f26500; color: #fff; font-size: 47px; font-weight: 300; line-height: .7; transform: translateY(10px); }
.popular-products__nav--prev { left: 0; }
.popular-products__nav--next { right: 0; }
.popular-products__nav:hover { background: #ff790f; }
@media (max-width: 760px) { .popular-products { margin-top: 46px; }.popular-products .section-head { margin-bottom: 22px; }.popular-products .section-head h2 { font-size: 30px; }.popular-products__viewport { margin: 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }.popular-products__viewport::-webkit-scrollbar { display: none; }.popular-products__track { display: flex; gap: 12px; }.popular-product { min-width: 78%; min-height: 405px; padding: 13px 18px 20px; border-radius: 16px; scroll-snap-align: start; }.popular-product__photo { height: 285px; }.popular-product__name { min-height: 49px; font-size: 21px; }.popular-product__weights b { min-width: 61px; min-height: 29px; border-radius: 10px; font-size: 14px; }.popular-products__nav { display: none; } }
.popular-product__photo { position: relative; }.popular-product__label { position: absolute; top: 58%; left: 50%; width: 81px; height: 81px; padding: 7px; border-radius: 50%; background: #fff; object-fit: contain; transform: translate(-50%, -50%); }@media (max-width: 760px) { .popular-product__label { width: 66px; height: 66px; } }
/* Branding promotion */
.branding-promo { position: relative; min-height: 660px; margin-top: 72px; overflow: hidden; border-radius: 28px; background: #23150f url('../theme/nutsbox/assets/branding-promo-giftbox.webp') center / cover no-repeat; }
.branding-promo::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(17,9,5,.18) 0%, rgba(17,9,5,.06) 48%, rgba(17,9,5,0) 72%); pointer-events: none; }
.branding-promo__content { position: relative; z-index: 1; width: min(54%, 670px); padding: 187px 74px 74px; color: #fff; }
.branding-promo__content h2 { margin: 0; color: #fff; font-family: Geologica,Arial,sans-serif; font-size: 66px; font-weight: 400; line-height: 1.14; letter-spacing: 0; }
.branding-promo__content p { margin: 25px 0 47px; color: #fff; font-family: Geologica,Arial,sans-serif; font-size: 27px; font-weight: 400; line-height: 1.25; white-space: nowrap; }
.branding-promo__button { display: inline-flex; min-width: 414px; min-height: 75px; align-items: center; justify-content: center; padding: 18px 32px; border-radius: 9px; background: #ef6700; color: #fff; font-family: Geologica,Arial,sans-serif; font-size: 24px; font-weight: 400; line-height: 1.25; text-decoration: none; transition: background-color .2s ease, transform .2s ease; }
.branding-promo__button:hover { background: #ff790f; color: #fff; transform: translateY(-2px); }
@media (max-width: 760px) { .branding-promo { min-height: 520px; margin-top: 46px; border-radius: 18px; background-position: 62% center; }.branding-promo::before { background: linear-gradient(90deg, rgba(17,9,5,.78), rgba(17,9,5,.34)); }.branding-promo__content { width: 100%; padding: 64px 25px 30px; }.branding-promo__content h2 { font-size: 39px; }.branding-promo__content p { margin: 18px 0 30px; font-size: 17px; white-space: normal; }.branding-promo__button { min-width: 0; width: 100%; min-height: 58px; font-size: 18px; } }
/* Keep the brand mark inside the product-card label; do not inherit packshot dimensions. */
.popular-product__photo .popular-product__label { width: 81px; height: 81px; }
@media (max-width: 760px) { .popular-product__photo .popular-product__label { width: 66px; height: 66px; } }

/* Popular-products slider uses the same product cards as the catalog. */
.popular-products__track { align-items: stretch; }
@media (min-width: 761px) { .popular-products__viewport { max-width: 1122px; margin-right: auto; margin-left: auto; } .popular-products__track { grid-auto-columns: calc((100% - 72px) / 4); gap: 24px; } }
.popular-product { display: block; min-width: 0; min-height: 0; padding: 0; border-radius: 0; background: transparent; box-shadow: none; color: inherit; }
.popular-product:hover { transform: none; background: transparent; }
.popular-products .product-thumb { display: flex; height: 100%; min-height: 430px; flex-direction: column; overflow: hidden; border: 0; border-radius: 18px; background: #7A6758; box-shadow: 0 8px 24px rgba(67,39,21,.09); color: #fff; transition: transform .2s ease, background-color .2s ease, box-shadow .2s ease; }
.popular-products .product-thumb:hover { background: #7A6758; box-shadow: 0 12px 28px rgba(67,39,21,.14); transform: translateY(-3px); }
.popular-products .product-thumb .nutsbox-card-gallery { display: flex; height: 240px; flex: 0 0 240px; flex-direction: column; padding: 0; }
.popular-products .product-thumb .nutsbox-card-gallery > a { display: block; height: 215px; overflow: hidden; border-radius: 11px; background: #7A6758; }
.popular-products .product-thumb .nutsbox-card-gallery > a img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.popular-products .nutsbox-card-gallery__dots { display: flex; height: 21px; align-items: flex-end; justify-content: center; gap: 5px; }
.popular-products .nutsbox-card-gallery__dots button { width: 7px; height: 7px; padding: 0; border: 1px solid #d96a29; border-radius: 50%; background: transparent; }
.popular-products .nutsbox-card-gallery__dots button.is-active { background: #d96a29; }
.popular-products .product-thumb .content { display: flex; min-height: 0; flex: 1; flex-direction: column; }
.popular-products .product-thumb .description { display: flex; min-height: 0; flex: 1; flex-direction: column; margin: 0; padding: 10px 14px 0; }
.popular-products .product-thumb .description h4 { min-height: 43px; margin: 0 0 8px; font-family: 'Roboto', Arial, sans-serif; font-size: 18px; font-weight: 400; line-height: 1.2; }
.popular-products .product-thumb .description h4 a { color: #fff; text-decoration: none; }
.popular-products .nutsbox-product-packaging { display: flex; gap: 7px; margin: 0 0 13px; }
.popular-products .nutsbox-product-packaging button { flex: 1; padding: 4px 3px; border: 1px solid rgba(255,255,255,.55); border-radius: 5px; background: transparent; color: #fff; font: inherit; font-size: 12px; line-height: 1.2; text-align: center; }
.popular-products .nutsbox-product-packaging button.is-active { border-color: #d96a29; background: #d96a29; color: #fff; }
.popular-products .rating, .popular-products .price-tax { display: none; }
.popular-products .nutsbox-card-purchase { display: grid; grid-template-columns: 82px minmax(0,1fr); align-items: center; gap: 8px 12px; margin: 0 14px 14px; padding: 9px 0 0; }
.popular-products .nutsbox-card-purchase .price { grid-column: 1 / -1; margin: 0; color: #fff; font-family: 'Roboto', Arial, sans-serif; font-size: 20px; font-weight: 500; line-height: 1.15; }
.popular-products .nutsbox-card-purchase .price-new { font-weight: 500; }
.popular-products .nutsbox-card-purchase form { min-width: 0; margin: 0; }
.popular-products .nutsbox-card-quantity { display: flex; width: 82px; height: 38px; overflow: hidden; border: 1px solid rgba(255,255,255,.55); border-radius: 7px; }
.popular-products .nutsbox-card-quantity button, .popular-products .nutsbox-card-quantity input { width: 27px; min-width: 0; padding: 0; border: 0; background: transparent; color: #fff; font-size: 16px; line-height: 1; text-align: center; }
.popular-products .nutsbox-card-quantity input { width: 28px; border-inline: 1px solid rgba(255,255,255,.35); outline: 0; font-size: 14px; }
.popular-products .product-thumb .button { position: static; display: block; width: 100%; margin: 0; padding: 0; background: transparent; }
.popular-products .product-thumb .button button { width: 100%; min-height: 42px; padding: 8px 6px; border: 0; border-radius: 9px; background: #d95f1e; box-shadow: none; color: #fff; font: inherit; font-size: 14px; font-weight: 400; line-height: 1.2; white-space: nowrap; }
.popular-products .product-thumb .button button:hover { background: #bd4d14; }
@media (max-width: 760px) { .popular-product { min-width: 78%; } .popular-products .product-thumb { min-height: 0; } .popular-products .product-thumb .nutsbox-card-gallery { height: 220px; flex-basis: 220px; } .popular-products .product-thumb .nutsbox-card-gallery > a { height: 195px; } }

/* How we work */
.process-section { margin-top: 72px; }
.process-section > h2 { margin: 0 0 47px; color: #fff; font-size: 47px; font-weight: 400; letter-spacing: 0; line-height: 1.15; }
.process-scheme { position: relative; padding: 0 22px; }
.process-row { position: relative; z-index: 1; display: grid; gap: 48px; }
.process-row--top { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.process-row--bottom { width: calc(100% - 142px); grid-template-columns: 1fr 1fr 1.28fr; margin: 49px auto 0; }
.process-step { position: relative; display: flex; min-height: 275px; flex-direction: column; align-items: center; justify-content: flex-start; padding: 42px 24px 25px; border-radius: 28px; background: linear-gradient(135deg,#a18b78,#8d7867); box-shadow: inset 0 1px rgba(255,255,255,.12), 0 4px 10px rgba(40,24,14,.2); color: #fff; text-align: center; }
.process-step > b { position: absolute; top: 16px; left: 16px; display: grid; width: 64px; height: 64px; place-items: center; border-radius: 50%; background: #ff6400; color: #fff; font-size: 38px; font-weight: 400; line-height: 1; }
.process-icon { display: grid; width: 91px; height: 91px; place-items: center; margin: 5px 0 17px; color: #fff; }
.process-icon svg { width: 100%; height: 100%; overflow: visible; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; }
.process-icon .accent { stroke: #ff6400; }.process-icon .accent-fill { fill: #ff6400; stroke: #ff6400; }
.process-step p { margin: 0; color: #fff; font-size: 23px; font-weight: 400; line-height: 1.22; }
.process-row--top .process-step:not(:last-child)::after, .process-row--bottom .process-step:not(:last-child)::after { content: '›'; position: absolute; top: 50%; right: -45px; z-index: 2; color: #ff6400; font-size: 79px; font-weight: 300; line-height: .5; transform: translateY(-50%); }
.process-return-line { position: absolute; top: 282px; right: 0; left: 64px; height: 94px; border: 8px solid #ff6400; border-top: 0; border-radius: 0 0 40px 40px; }
.process-return-line::before { content: '›'; position: absolute; bottom: -43px; left: -14px; color: #ff6400; font-size: 78px; line-height: .5; transform: rotate(180deg); }
@media (max-width: 1100px) { .process-row { gap: 27px; }.process-row--bottom { width: calc(100% - 70px); }.process-row--top .process-step:not(:last-child)::after,.process-row--bottom .process-step:not(:last-child)::after { right: -31px; font-size: 57px; }.process-step { min-height: 260px; padding-right: 14px; padding-left: 14px; }.process-step p { font-size: 18px; }.process-return-line { top: 267px; } }
@media (max-width: 760px) { .process-section { margin-top: 46px; }.process-section > h2 { margin-bottom: 25px; font-size: 30px; }.process-scheme { padding: 0; }.process-row,.process-row--top,.process-row--bottom { display: grid; width: 100%; grid-template-columns: 1fr; gap: 14px; margin: 0; }.process-row--bottom { margin-top: 14px; }.process-step { min-height: 205px; padding: 30px 23px 20px 100px; align-items: flex-start; text-align: left; }.process-step > b { top: 18px; left: 18px; width: 52px; height: 52px; font-size: 29px; }.process-icon { position: absolute; top: 22px; left: 88px; width: 54px; height: 54px; margin: 0; }.process-step p { align-self: stretch; margin-top: 76px; font-size: 19px; text-align: center; }.process-row--top .process-step:not(:last-child)::after,.process-row--bottom .process-step:not(:last-child)::after { top: auto; right: 24px; bottom: -18px; font-size: 50px; transform: rotate(90deg); }.process-return-line { display: none; } }
/* Reviews */
.reviews.wrap { width: min(1440px, calc(100% - 64px)); margin-top: 72px; }
.reviews .section-head { margin-bottom: 45px; }
.reviews .section-head h2 { color: #fff; font-size: 42px; font-weight: 400; line-height: 1.15; letter-spacing: 0; }
.reviews .review-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.reviews .review { min-height: 395px; padding: 38px 38px 34px; border: 1px solid rgba(232,225,215,.9); border-radius: 15px; background: #fff; box-shadow: none; color: #2e1d15; }
.reviews .stars { margin: 0 0 31px; color: #ff6b00; font-size: 37px; line-height: 1; letter-spacing: 9px; }
.reviews .review > p { min-height: 129px; color: #2e1d15; font-size: 25px; font-weight: 400; line-height: 1.7; }
.reviews .review-person { gap: 24px; margin-top: auto; padding-top: 26px; }
.reviews .review-person > span { width: 90px; height: 90px; flex: 0 0 90px; background: #ead8c3; color: #382218; font-size: 37px; }
.reviews .review-person b { color: #2e1d15; font-size: 26px; font-weight: 400; line-height: 1.22; }
.reviews .review-person small { margin-top: 6px; color: #2e1d15; font-size: 24px; line-height: 1.2; }
@media (max-width: 1000px) { .reviews .review { padding: 28px; }.reviews .review > p { font-size: 20px; }.reviews .review-person b { font-size: 21px; }.reviews .review-person small { font-size: 19px; } }
@media (max-width: 760px) { .reviews.wrap { width: calc(100% - 32px); margin-top: 52px; }.reviews .section-head { margin-bottom: 24px; }.reviews .section-head h2 { font-size: 30px; }.reviews .review-grid { grid-template-columns: 1fr; gap: 14px; }.reviews .review { min-height: 0; padding: 26px; }.reviews .stars { margin-bottom: 22px; font-size: 30px; letter-spacing: 6px; }.reviews .review > p { min-height: 0; font-size: 19px; line-height: 1.55; }.reviews .review-person { padding-top: 23px; }.reviews .review-person > span { width: 68px; height: 68px; flex-basis: 68px; font-size: 28px; }.reviews .review-person b { font-size: 21px; }.reviews .review-person small { font-size: 19px; } }
/* Reference-faithful process icons. */
.benefits .benefit-icon { display: grid; place-items: center; padding: 8px; background: #ff6b00; filter: none; }
.benefits .benefit-icon img { display: block; width: 100%; height: 100%; filter: brightness(0) invert(1); }
.process-icon__image { width: 100%; height: 100%; object-fit: contain; filter: brightness(0) invert(1); }
.site-secondary-nav__categories a,.site-secondary-nav__cart-link { font-size: 18px !important; }
/* Homepage header overrides use !important, so retain the menu hover state here too. */
.site-primary-nav a:hover,
.site-secondary-nav__categories a:hover,
.site-secondary-nav__cart-link:hover { color: #ff7700 !important; }
.site-primary-nav a,
.site-secondary-nav__categories a,
.site-secondary-nav__cart-link { font-family: 'Roboto', Arial, sans-serif !important; }
@font-face { font-family: 'Roboto'; src: url('fonts/roboto/Roboto-Regular.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('fonts/roboto/Roboto-Light.ttf') format('truetype'); font-style: normal; font-weight: 300; font-display: swap; }
@font-face { font-family: 'Roboto'; src: url('fonts/roboto/Roboto-Medium.ttf') format('truetype'); font-style: normal; font-weight: 500; font-display: swap; }
@font-face { font-family: 'NutsBox Jun'; src: url('fonts/jun/ofont.ru_Jun.ttf') format('truetype'); font-style: normal; font-weight: 400; font-display: swap; }
/* Keep Roboto as the shared typeface on the homepage too. */
body, .site-header, .site-footer, .site-footer__column h2, .branding-promo__content h2, .branding-promo__content p, .branding-promo__button { font-family: 'Roboto', Arial, sans-serif !important; }
.site-header #logo .site-brand__wordmark, .site-footer__brand span { font-family: 'NutsBox Jun', Georgia, 'Times New Roman', serif !important; }
.step-number { font-family: 'Roboto', Arial, sans-serif !important; }

/* Hero slides: keep copy above the artwork and make it interactive. */
.hero,
.hero .slide,
.hero .hero-copy,
.popular-products {
  font-family: 'Roboto', Arial, sans-serif;
}
.hero .hero-copy {
  position: relative;
  z-index: 5;
  pointer-events: auto;
  -webkit-user-select: text;
  user-select: text;
}
.hero .hero-copy .cream {
  position: relative;
  z-index: 6;
  pointer-events: auto;
  -webkit-user-select: none;
  user-select: none;
}
.hero .art,
.hero .hero-shade,
.hero .hero-slide__image {
  pointer-events: none;
}
.hero .hero-slide__overlay {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: block;
  pointer-events: auto;
}

/* Text treatment for the three hero references, over their new photo backgrounds. */
@media (min-width: 1200px) {
  .hero-slide--sale .hero-copy { width: 650px; padding: 112px 0 0 115px; }
  .hero-slide--lux .hero-copy { width: 650px; padding: 141px 0 0 127px; }
  .hero-slide--teachers .hero-copy { width: 690px; padding: 82px 0 0 127px; }
  .hero-slide--sale h1,
  .hero-slide--lux h1,
  .hero-slide--teachers h1 { color: #fff; }
  .hero-slide--sale .hero-copy .cream { width: 276px; margin-top: 70px; }
  .hero-slide--lux .hero-copy .cream { width: 209px; margin-top: 70px; }
  .hero-slide--teachers .hero-copy .cream { width: 348px; margin-top: 70px; }
}
.hero-sale-discount { color: #ff7700; }
.hero-lux-badge { display: inline-flex; align-items: center; justify-content: center; margin-left: 6px; padding: 3.2px 20px; border-radius: 21.2px; background: #ff7700; color: #fff; font-size: .62em; line-height: 1; vertical-align: .11em; }

/* Use the supplied banner photos without an additional gradient layer. */
.hero .hero-shade { display: none; }

/* Desktop type scale for the hero slides. */
@media (min-width: 1200px) {
  .hero h1,
  .hero h2 {
    color: #fff !important;
    font-size: 48px !important;
    font-weight: 500 !important;
    letter-spacing: .02em !important;
  }
  .hero-copy > p:not(.eyebrow) {
    color: #d1c8b9 !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    line-height: 118.8% !important;
  }
  .hero-slide--lux .hero-copy {
    padding: 72px 0 0 132px;
  }
  .hero-slide--lux h1 {
    margin-top: 22px !important;
    margin-bottom: 24px !important;
  }
  .hero-slide--lux .hero-copy .cream {
    margin-top: 72px;
  }
}
.hero-hit-label {
  display: inline-flex;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  padding: 9px 24px;
  border-radius: 999px;
  background: #fff;
  color: #ff7700;
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 1;
}
@media (max-width: 1199px) {
  .hero-hit-label { min-height: 36px; padding: 7px 15px; font-size: 16px; }
}
.hero h1,
.hero h2,
.hero .hero-copy > p,
.hero .hero-copy .cream {
  font-family: 'Roboto', Arial, sans-serif !important;
}

/* Let four popular-product cards use the full available row width. */
@media (min-width: 761px) {
  .popular-products__viewport {
    max-width: none;
    margin-right: 66px;
    margin-left: 66px;
  }
  .popular-products .product-thumb {
    min-height: 0;
    aspect-ratio: .61;
  }
  .popular-products .product-thumb .nutsbox-card-gallery {
    height: 56%;
    flex-basis: 56%;
  }
  .popular-products .product-thumb .nutsbox-card-gallery > a {
    height: calc(100% - 25px);
  }
}

/* Optical centring for the chevrons in the popular-products controls. */
.popular-products__nav {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  font-size: 0;
  line-height: 1;
}
.popular-products__nav::before {
  display: block;
  color: #fff;
  font-family: Arial, sans-serif;
  font-size: 43px;
  font-weight: 300;
  line-height: 1;
}
.popular-products__nav--prev::before {
  content: '‹';
  transform: translate(-1px, -2px);
}
.popular-products__nav--next::before {
  content: '›';
  transform: translate(1px, -2px);
}

/* Supporting copy in the homepage information blocks uses Roboto Light. */
.benefits p,
.branding-promo__content p,
.process-step p {
  font-family: 'Roboto', Arial, sans-serif;
  font-weight: 300;
}

/* The process diagram is intentionally clean: no connecting arrows or line. */
.process-row--top .process-step:not(:last-child)::after,
.process-row--bottom .process-step:not(:last-child)::after,
.process-return-line,
.process-return-line::before {
  display: none;
}

/* Match the compact top header on the homepage. */
.site-header__top { border-bottom-color: rgba(228, 182, 142, .28) !important; }
.site-header__top-row { min-height: 94px !important; }
.site-header__phone { gap: 6px !important; font-size: 20px !important; line-height: 25px !important; }
.site-header__phone i { font-size: 20px !important; }
.site-header #logo .site-brand { gap: 20px !important; }
.site-header #logo img { width: 60px !important; max-width: 60px !important; height: 60px !important; }
.site-header #logo .site-brand__wordmark { font-size: 34px !important; line-height: 40px !important; }
.site-header__work-hours { font-size: 14px !important; line-height: 18px !important; }

/* Единый вертикальный ритм между блоками главной страницы. */
@media (max-width: 760px) {
  .benefits,
  .reviews.wrap,
  .site-footer {
    margin-top: 46px !important;
  }
}

/* Footer type scale. */
.site-footer__column h2 { font-size: 24px !important; }
.site-footer__description,
.site-footer__column a,
.site-footer__contacts > span,
.site-footer__email,
.site-footer__bottom { font-size: 18px !important; }
.site-footer__phone { font-size: 24px !important; font-weight: 500 !important; }
.site-footer__bottom,
.site-footer__bottom a { color: #fff !important; }


/* Mobile homepage reference layout */
.home-hero-cta-mobile,
.site-footer__mobile { display: none; }
.popular-products__mobile-viewport { display: none; }
.popular-products__all { display: inline-flex; align-items: center; gap: 7px; color: #ff7700; font-size: 16px; text-decoration: none; white-space: nowrap; }
.popular-products__all span { font-size: 22px; line-height: 1; }
@media (max-width: 767.98px) {
  body { background: #1c140f !important; }
  .hero.wrap { width: calc(100% - 24px); height: clamp(210px, 54vw, 300px); margin-top: 8px; border-radius: 12px; aspect-ratio: auto; }
  .hero > .slide { border-radius: 12px; overflow: hidden; }
  .hero .first-slide .art { inset: 0 !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-position: 57% center !important; background-size: cover !important; }
  .hero .hero-shade { display: block !important; background: linear-gradient(90deg, rgba(18,10,6,.88), rgba(18,10,6,.5) 45%, transparent 75%); }
  .hero .hero-copy { width: 62%; height: 100%; padding: 29px 0 0 16px; }
  .hero h1, .hero h2 { margin: 0; color: #fff; font-size: clamp(23px, 6vw, 31px); font-weight: 500; line-height: 1.05; letter-spacing: -.02em; }
  .hero .hero-copy > p { display: none; }
  .hero .hero-copy .cream { min-height: 42px; margin-top: 18px; padding: 0 18px; border-radius: 999px; background: #ff7700; color: #fff; font-size: 15px; font-weight: 400; white-space: nowrap; }
  .home-hero-cta-desktop { display: none; }
  .home-hero-cta-mobile { display: inline-flex; align-items: center; gap: 14px; }
  .home-hero-cta-mobile span { font-size: 21px; line-height: 1; }
  .hero-controls { bottom: 10px; gap: 10px; }
  .hero-dot { width: 8px; height: 8px; }
  .catalog-section { margin-top: 12px; }
  .catalog-section .section-head { display: none; }
  .catalog-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .catalog-card { aspect-ratio: 1.5; border-radius: 11px; box-shadow: none; }
  .catalog-card__content, .catalog-card--sale .catalog-card__content { right: 9px; bottom: 9px; left: 9px; }
  .catalog-card__title-row { min-height: 0; align-items: end; gap: 3px; }
  .catalog-card__title, .catalog-card--sale .catalog-card__title { font-size: clamp(13px, 3.7vw, 18px); line-height: 1.13; }
  .catalog-card__description, .catalog-card--sale .catalog-card__content::after { display: none; }
  .catalog-card__arrow, .catalog-card--sale .catalog-card__arrow { width: 31px; height: 23px; margin-left: auto; flex: 0 0 31px; }
  .catalog-card__arrow::before { font-size: 19px; transform: translate(-1px, -1px); }
  .benefits { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0; min-height: 0; margin-top: 12px !important; padding: 14px 5px; border-radius: 12px; background: #7A6758; }
  .benefits article, .benefits article:first-child, .benefits article:nth-child(3) { min-height: 0; padding: 0 5px; border-right: 1px solid rgba(255,255,255,.24); text-align: center; }
  .benefits article:nth-child(2) { border-right: 1px solid rgba(255,255,255,.24); }
  .benefits article:last-child { border-right: 0; }
  .benefits .benefit-icon { display: grid; width: 30px; height: 30px; place-items: center; margin: 0 auto 6px; padding: 0; background: transparent; }
  .benefits .benefit-icon img { width: 28px; height: 28px; object-fit: contain; filter: brightness(0) saturate(100%) invert(54%) sepia(97%) saturate(3000%) hue-rotate(356deg) brightness(102%) contrast(108%); }
  .benefits h3 { margin: 0; color: #fff; font-size: clamp(10px, 2.6vw, 13px); font-weight: 400; line-height: 1.2; }
  .benefits p { display: none; }
  .popular-products { margin-top: 22px; }
  .popular-products .section-head { align-items: end; gap: 7px; margin-bottom: 12px; }
  .popular-products .section-head h2 { font-size: clamp(21px, 5.6vw, 28px); line-height: 1.08; }
  .popular-products__all { font-size: clamp(11px, 3.1vw, 14px); }
  .popular-products__all span { font-size: 18px; }
  .popular-products__viewport { display: none; }
  .popular-products__mobile-viewport { display: block; width: 100%; margin: 0; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .popular-products__mobile-viewport::-webkit-scrollbar { display: none; }
  .popular-products__mobile-track { display: flex; align-items: stretch; gap: 8px; }
  .popular-product { flex: 0 0 43%; min-width: 0; min-height: 0; padding: 0; scroll-snap-align: start; }
  .popular-products .product-thumb { position: relative; height: 100%; min-height: 260px; border-radius: 12px; box-shadow: none; }
  .popular-products .product-thumb .nutsbox-card-gallery { height: 169px; flex-basis: 169px; }
  .popular-products .product-thumb .nutsbox-card-gallery > a { height: 169px; }
  .popular-products .product-thumb .nutsbox-card-gallery img { object-fit: contain; }
  .popular-products .nutsbox-card-gallery__dots { display: none; }
  .popular-products .product-thumb .description { padding: 8px 10px 0; }
  .popular-products .product-thumb .description h4 { min-height: 34px; margin: 0; font-size: 14px; line-height: 1.18; }
  .popular-products .nutsbox-product-packaging,
  .popular-products .nutsbox-card-quantity { display: none; }
  .popular-products .nutsbox-card-purchase { display: flex; align-items: center; gap: 4px; margin: auto 10px 10px; padding: 0; }
  .popular-products .nutsbox-card-purchase .price { flex: 1; margin: 0; font-size: 16px; line-height: 36px; }
  .popular-products .nutsbox-card-purchase form { margin-left: auto; }
  .popular-products .product-thumb .button button { display: flex; width: 38px; min-height: 38px; height: 38px; align-items: center; justify-content: center; padding: 0; border-radius: 50%; background: #ff7700; font-size: 0; line-height: 1; }
  .popular-products .product-thumb .button button i { display: block; margin: 0; font-size: 16px; line-height: 1; transform: translateY(-1px); }
  .popular-products__nav { display: none; }
  .branding-promo, .process-section, .reviews { display: none; }
  .site-footer { margin-top: 24px !important; }
  .site-footer__inner { padding: 26px 20px 24px !important; border-radius: 16px 16px 0 0 !important; }
  .site-footer__top, .site-footer__columns, .site-footer__bottom { display: none !important; }
  .site-footer__mobile { display: none !important; }
  .site-footer__mobile-catalog { display: block !important; }
  .site-footer__mobile-top { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; }
  .site-footer__mobile-brand { display: flex; min-width: 0; align-items: center; gap: 8px; color: #fff; text-decoration: none; }
  .site-footer__mobile-brand img { width: 38px; height: 38px; object-fit: contain; }
  .site-footer__mobile-brand strong { display: block; font-size: 16px; font-weight: 400; line-height: 1.1; }
  .site-footer__mobile-brand small { display: block; margin-top: 2px; color: #e6ded6; font-size: 9px; font-weight: 400; line-height: 1.15; }
  .site-footer__mobile-actions { display: flex; gap: 10px; }
  .site-footer__mobile-actions a { display: flex; min-width: 40px; min-height: 42px; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: #fff; font-size: 9px; text-decoration: none; }
  .site-footer__mobile-actions i { font-size: 19px; }
  .site-footer__mobile-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 14px; margin-top: 15px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.2); }
  .site-footer__mobile-links a { color: #d8cfc6; font-size: 11px; text-decoration: none; white-space: nowrap; }
}
@media (max-width: 360px) {
  .site-footer__mobile-actions { gap: 4px; }
  .site-footer__mobile-actions a { min-width: 34px; }
  .catalog-card { aspect-ratio: 1.35; }
}