/*
Theme Name: Millie Care Atelier
Author: Millie Care
Description: A bilingual, editorial product catalogue for Millie Care and Shift Up.
Version: 6.2.1
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: millie-care
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:Fraunces;src:url('assets/fraunces.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:Fraunces;src:url('assets/fraunces-italic.woff2') format('woff2');font-weight:100 900;font-style:italic;font-display:swap}
@font-face{font-family:NotoArabic;src:url('assets/noto-arabic.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--cream:#f7f4ed;--paper:#fffdf7;--ink:#261d17;--forest:#173629;--espresso:#22160f;--pistachio:#dbe97e;--muted:#6e665e;--line:#ddd8cb;--peach:#ead3be;--sage:#d9dec6;--max:1328px;--gutter:clamp(20px,4.1vw,76px);--radius:5px;--ease:cubic-bezier(.2,.7,.2,1);--header-height:88px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 24px);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.modal-open{overflow:hidden}
button,input,select,textarea{font:inherit;color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.5}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
svg{flex-shrink:0}
button{border-radius:0}
h1,h2,h3,h4,p,figure{margin:0}
h1,h2,h3,h4{font-weight:800;line-height:1.06;letter-spacing:-.055em;text-wrap:balance}
h1{font-size:clamp(46px,6.3vw,96px)}
h2{font-size:clamp(38px,4.3vw,66px)}
h3{font-size:25px;letter-spacing:-.035em}
p{color:var(--muted)}
em{font-family:Fraunces,Georgia,serif;font-weight:500}
ul,ol{margin:0;padding-inline-start:1.25em}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #71812b;outline-offset:5px}
::selection{background:var(--pistachio);color:var(--ink)}
[hidden]{display:none!important}
.container{width:min(var(--max),calc(100% - var(--gutter)*2));margin-inline:auto}
.section{padding-block:clamp(64px,7.4vw,108px)}
.eyebrow{font-size:10px;font-weight:800;letter-spacing:.2em;line-height:1.6;text-transform:uppercase;color:inherit;margin-bottom:20px}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:38px}
.section-heading>div{max-width:780px}
.section-heading .text-link{margin-bottom:6px;flex-shrink:0}
.section-intro,.lead{max-width:650px;font-size:18px;line-height:1.65;margin-top:22px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:48px;padding:13px 25px;border:1px solid var(--forest);border-radius:99px;background:var(--forest);color:var(--paper);font-size:12px;font-weight:800;line-height:1.5;transition:background .2s var(--ease),color .2s var(--ease),transform .2s var(--ease);text-align:center}
.button:hover{background:#294d38;transform:translateY(-2px)}
.button-primary,.button-lime{background:var(--pistachio);border-color:var(--pistachio);color:var(--espresso)}
.button-primary:hover,.button-lime:hover{background:#eaf5aa;border-color:#eaf5aa}
.button-secondary,.button-outline{background:transparent;color:var(--ink);border-color:currentColor}
.button-secondary:hover,.button-outline:hover{background:var(--ink);color:var(--cream)}
.button-ghost{background:transparent;color:inherit;border-color:#ffffff70}
.button-ghost:hover{background:#ffffff15;color:inherit}
.button-small{min-height:42px;padding:9px 18px;font-size:11px}
.button svg,.text-link svg{width:18px;height:18px}
.text-link{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid currentColor;padding-block:5px;font-size:12px;line-height:1.55;font-weight:700;transition:gap .2s}
.text-link:hover{gap:18px}
.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:transparent;padding:10px;position:relative;flex-shrink:0}
.icon-button svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.sr-only,.screen-reader-text{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:-80px;inset-inline-start:20px;z-index:99999;padding:12px 20px;background:var(--pistachio);color:var(--ink);font-weight:700;border-radius:0 0 5px 5px}
.skip-link:focus{top:0}
.muted,.small-print{color:var(--muted)}
.small-print{font-size:11px;line-height:1.7}
/* Navigation */
.announcement{display:flex;align-items:center;justify-content:center;gap:16px;min-height:28px;padding:5px 20px;background:var(--forest);color:var(--paper);font-size:9px;font-weight:650;letter-spacing:.09em;text-align:center}
.announcement a{text-decoration:underline;text-underline-offset:3px}
.site-header{position:sticky;top:0;z-index:40;background:#f7f4edf5;border-bottom:1px solid #2c24120c;backdrop-filter:blur(16px)}
.admin-bar .site-header{top:32px}
.header-inner{min-height:var(--header-height);display:flex;align-items:center;gap:36px}
.brand{display:block;flex:0 0 auto;width:183px;color:var(--forest);font-size:29px;font-weight:800;letter-spacing:-.075em;line-height:1}
.brand-logo{width:100%;max-height:57px;object-fit:contain}
.site-nav{display:flex;align-items:center;justify-content:center;gap:31px;margin-inline:auto;font-size:12px;font-weight:650}
.site-nav a{padding-block:14px;position:relative;white-space:nowrap}
.site-nav a:after{content:'';position:absolute;bottom:6px;inset-inline:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.site-nav a:hover:after,.site-nav a[aria-current=page]:after{transform:scaleX(1)}
.nav-actions{display:flex;align-items:center;gap:8px}
.nav-actions .button{min-height:40px;padding:8px 17px;font-size:11px}
.language-link,.language-button,.language-switch{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 5px;background:none;border:0;font-size:11px;font-weight:750;white-space:nowrap}
.language-link[lang=ar],.language-switch[lang=ar]{font-family:NotoArabic,Arial,sans-serif}
.menu-toggle{display:none}
.count,.inquiry-count,.bag-count,.count-badge{position:absolute;top:3px;inset-inline-end:0;min-width:16px;height:16px;padding-inline:3px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:white;font-size:9px;font-weight:700;line-height:1}
.mobile-nav{border-top:1px solid var(--line);padding-block:15px;background:var(--cream)}
.mobile-nav a{display:block;padding:12px var(--gutter);font-size:17px;font-weight:700}
/* Home — food first, with room for the original pack artwork. */
.section-dark{background:var(--espresso);color:var(--paper)}
.section-dark p{color:#e3d8c8}
.hero{position:relative;isolation:isolate;min-height:650px;overflow:hidden;background:#20140d;color:var(--paper)}
.hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}
.hero-gradient{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#1d100afc 0%,#21120de6 22%,#28140a82 43%,#20110900 66%)}
.hero-inner{position:relative;min-height:650px;display:flex;align-items:center;padding-block:72px}
.hero-copy{position:relative;z-index:3;max-width:630px;width:51%}
.hero .eyebrow{color:var(--pistachio);font-size:10px;letter-spacing:.27em;margin-bottom:26px}
.hero h1{font-size:clamp(60px,5.9vw,83px);letter-spacing:-.065em;line-height:.99;max-width:680px}
.hero h1 em{color:var(--pistachio);font-size:1.05em;letter-spacing:-.065em;line-height:1}
.hero-description{font-size:17px;line-height:1.65;max-width:420px;color:#ede6d9!important;margin-top:26px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:27px;margin-top:28px}
.hero-actions .text-link{font-size:11px;border-color:#bdb19f}
.hero-caption{margin-top:47px;font-size:9px!important;line-height:1.7;letter-spacing:.19em;text-transform:uppercase;color:#efe8d7!important}
.hero-caption:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--pistachio);margin-inline-end:10px;vertical-align:1px}
.hero-product{position:absolute;z-index:1;width:39%;max-width:560px;inset-inline-end:0;top:63px;filter:drop-shadow(0 13px 16px #1a08075c);pointer-events:auto}
.hero-product img,.hero-product svg{width:100%;height:auto}
.flavour-strip{display:flex;justify-content:space-around;align-items:center;gap:24px;padding:18px var(--gutter);background:var(--pistachio);color:var(--espresso);min-height:56px;border-bottom:1px solid #25270e15}
.flavour-strip span{position:relative;font-size:9px;font-weight:800;letter-spacing:.2em;line-height:1.5;text-align:center;text-transform:uppercase}
.flavour-strip span+span:before{content:'•';position:absolute;inset-inline-start:-clamp(18px,6vw,94px);font-size:13px;top:-3px}
.family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.family-card{display:block;min-width:0}
.family-art{aspect-ratio:1.14;overflow:hidden;border-radius:var(--radius);position:relative;background:#e3d9ce;display:flex;align-items:center;justify-content:center;isolation:isolate}
.family-art:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 15%,#ffffffb3,transparent 60%);z-index:-1}
.family-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:14px;transition:transform .6s var(--ease)}
.family-card:hover .family-art img{transform:translateY(-5px) scale(1.035)}
.family-melty .family-art{background:#e4c9c0}
.family-crunch .family-art{background:#e8d4b9}
.family-voltix .family-art{background:#cfd7b4}
.family-info{display:grid;grid-template-columns:1fr 42px;gap:5px 15px;padding-top:22px;align-items:center}
.family-info h3{font-size:28px;letter-spacing:-.035em}
.family-info p{font-size:12px;grid-column:1;line-height:1.5}
.round-arrow{width:40px;height:40px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;grid-column:2;grid-row:1/3;font-size:23px;line-height:1;transition:background .2s,color .2s}
.round-arrow svg{width:20px;height:20px}
.family-card:hover .round-arrow{background:var(--ink);color:var(--paper)}
.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.feature-copy .eyebrow{color:var(--pistachio)}
.feature-copy h2{font-family:Fraunces,Georgia,serif;font-size:clamp(46px,5.2vw,76px);font-weight:500;letter-spacing:-.04em;line-height:1.08}
.feature-copy h2 em{font-weight:400}
.feature-copy>p:not(.eyebrow){max-width:430px;font-size:15px;line-height:1.8;margin-block:25px}
.chocolate-section{position:relative;overflow:hidden;background:radial-gradient(ellipse at 90% 20%,#65402a 0,#3a2218 42%,#26170f 75%);color:var(--paper)}
.chocolate-section .split-feature{gap:45px;min-height:490px}
.chocolate-section p{color:#e0d2c2}
.chocolate-section .feature-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:400px;background:#e8d6bf;border-radius:var(--radius);transform:rotate(1deg);box-shadow:0 28px 50px #130a0633}
.chocolate-section .feature-art img{width:100%;max-height:485px;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-1deg);padding:16px}
.chocolate-links{display:flex;flex-wrap:wrap;gap:12px 23px;margin-top:30px;padding-top:24px;border-top:1px solid #e7dbca30}
.chocolate-links a{font-size:10px;color:#f1e5d6;padding-block:6px;border-bottom:1px solid transparent}
.chocolate-links a:hover{border-color:currentColor}
.two-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:27px}
.kunafa-section{background:#efe9df}
.kunafa-section .product-image{aspect-ratio:1.65}
.kunafa-section .product-card{background:#f8f4ec}
.everyday-section{padding-top:0}
.everyday-card{display:grid;grid-template-columns:.9fr 1fr;gap:24px;align-items:center;padding:33px;background:#e6dfd1;border-radius:var(--radius);min-height:355px;overflow:hidden}
.everyday-card:nth-child(2){background:#dce0ca}
.everyday-image{height:275px;min-width:0;display:flex;align-items:center;justify-content:center}
.everyday-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s var(--ease)}
.everyday-card:hover .everyday-image img{transform:translateY(-5px)}
.everyday-copy .eyebrow{font-size:8px;margin-bottom:14px}
.everyday-copy h3{font-size:30px;line-height:1.15}
.everyday-copy p{font-size:12px;line-height:1.8;margin-block:17px 22px}
.story-teaser{background:var(--forest);color:var(--cream)}
.story-teaser h2{font-size:clamp(39px,4.2vw,63px)}
.story-teaser p{color:#d4dbc9;font-size:16px;line-height:1.8;max-width:500px;margin-block:25px}
.wordmark-large{font-family:Manrope,Arial,sans-serif;font-weight:800;font-style:italic;letter-spacing:-.065em;font-size:clamp(68px,8vw,132px);line-height:1;color:var(--pistachio);text-align:center;transform:rotate(-7deg);padding:35px 0}
.partner-banner{padding-block:70px;background:var(--pistachio)}
.partner-banner>.container{display:grid;grid-template-columns:1.2fr 1fr auto;align-items:center;gap:35px}
.partner-banner h2{font-size:39px;max-width:500px}
.partner-banner p{font-size:13px;color:#454a2b;max-width:380px}
/* Catalogue */
.page-intro{padding-block:75px 54px;border-bottom:1px solid var(--line)}
.page-title{max-width:1000px}
.page-intro .lead{max-width:670px}
.page-intro p:not(.eyebrow){max-width:670px;margin-top:24px;font-size:17px;line-height:1.7}
.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:27px 32px}
.filter-list{display:flex;flex-wrap:wrap;align-items:center;gap:9px}
.filter-list button{border:1px solid #cfc8bb;background:transparent;border-radius:99px;padding:10px 18px;font-size:11px;font-weight:700;min-height:43px;transition:background .2s,border-color .2s,color .2s}
.filter-list button:hover{background:#e5e9d4;border-color:#899570}
.filter-list button[aria-pressed=true],.filter-list button.is-active{background:var(--forest);border-color:var(--forest);color:var(--paper)}
.catalog-toolbar>p,.catalog-count{font-size:11px;color:var(--muted);flex-shrink:0;white-space:nowrap}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:37px 25px;padding-bottom:80px}
.product-card{min-width:0;background:var(--paper);border-radius:var(--radius);overflow:hidden;transition:box-shadow .3s,transform .3s}
.product-card:hover{box-shadow:0 12px 30px #2b24120a;transform:translateY(-3px)}
.product-image{display:block;aspect-ratio:1.23;background:#ede9df;overflow:hidden}
.product-image img{width:100%;height:100%;object-fit:contain;padding:20px;mix-blend-mode:multiply;transition:transform .5s var(--ease)}
.product-card:hover .product-image img{transform:scale(1.035)}
.product-card-body{padding:24px}
.product-card-body>small{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:8px;font-weight:800;line-height:1.5;margin-bottom:10px;color:#655c50}
.product-card-body h3{font-size:21px;letter-spacing:-.04em;line-height:1.25;min-height:2.5em}
.product-card-body h3 a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.product-meta{display:flex;flex-wrap:wrap;gap:6px 13px;align-items:center;margin-top:15px;min-height:24px;font-size:10px;font-weight:650;color:var(--muted)}
.product-meta span+span{border-inline-start:1px solid #cbc4b7;padding-inline-start:13px}
.product-card-actions{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:21px;padding-top:17px;border-top:1px solid var(--line)}
.product-card-actions .text-link{font-size:10px;gap:6px;padding-block:4px}
.product-card-actions button{width:38px;height:38px;padding:8px;border:1px solid #b7b5a4;border-radius:50%;display:grid;place-items:center;background:transparent;font-size:21px;line-height:1;flex-shrink:0;transition:background .2s,border-color .2s}
.product-card-actions button:hover{background:var(--pistachio);border-color:var(--pistachio)}
.product-card-actions button svg{width:18px;height:18px}
/* Product details */
.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:10px;line-height:1.65;color:var(--muted);margin-bottom:30px;padding-top:30px}
.breadcrumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.breadcrumbs span[aria-hidden]{opacity:.5}
.product-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:70px;align-items:start;padding-bottom:76px}
.product-gallery{position:sticky;top:calc(var(--header-height) + 30px);min-width:0}
.gallery-stage{position:relative;aspect-ratio:1.12;background:#ece8de;border-radius:var(--radius);overflow:hidden}
.gallery-stage>button{display:block;border:0;padding:0;background:transparent;width:100%;height:100%;position:relative;cursor:zoom-in}
.gallery-stage>button>img,.gallery-stage>button>svg{display:block;width:100%;height:100%;object-fit:contain;padding:30px;mix-blend-mode:multiply}
.gallery-stage>button:after{content:'+';position:absolute;bottom:16px;inset-inline-end:16px;width:37px;height:37px;display:grid;place-items:center;border:1px solid #b1aa9b;border-radius:50%;font-size:22px;background:#faf8f09c;line-height:1}
.gallery-stage img{width:100%;height:100%;object-fit:contain;padding:30px;mix-blend-mode:multiply}
.gallery-thumbs{display:flex;gap:12px;margin-top:15px;align-items:flex-start}
.gallery-thumbs button{width:96px;min-height:76px;padding:6px;border:1px solid #c8c1b3;border-radius:3px;background:#ede9df;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:9px;line-height:1.4;text-align:center}
.gallery-thumbs button[aria-pressed=true],.gallery-thumbs button.is-active{border:2px solid var(--forest);padding:5px}
.gallery-thumbs img,.gallery-thumbs svg{width:82px;height:60px;object-fit:contain;mix-blend-mode:multiply}
.gallery-thumbs button span{display:block;padding:6px 0 2px}
.product-details{padding-top:10px}
.product-details .eyebrow{margin-bottom:15px;color:#6b7153}
.product-details h1{font-size:clamp(38px,3.8vw,57px);line-height:1.1;letter-spacing:-.055em}
.product-details>p:not(.eyebrow):not(.status-note){font-size:14px;line-height:1.85;margin-top:22px;max-width:520px}
.fact-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:12px 0;margin-top:25px}
.fact-list li{font-size:12px;line-height:1.55;font-weight:750;padding-inline:15px;border-inline-start:1px solid #c9c5b6}
.fact-list li:first-child{padding-inline-start:0;border:0}
.fact-list strong{font-size:20px;font-weight:800;display:block;color:var(--forest);letter-spacing:-.04em}
.product-form{border-top:1px solid var(--line);margin-top:30px;padding-top:26px;display:grid;grid-template-columns:1fr 95px;gap:20px 14px}
.product-form .field{margin:0}
.product-form select,.product-form input{width:100%}
.product-form input[type=number]{padding-inline:12px}
.product-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:12px}
.product-actions .button{flex:1 1 auto;gap:10px;font-size:11px;min-height:48px}
.status-note{font-size:10px;line-height:1.7;margin-top:17px;max-width:440px}
.product-information{border-top:1px solid var(--line);padding-block:58px 68px}
.information-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:55px;align-items:start}
.information-grid details{border-bottom:1px solid #cfc9bd;min-width:0}
.information-grid summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0;font-size:17px;line-height:1.5;font-weight:750;letter-spacing:-.025em}
.information-grid summary::-webkit-details-marker{display:none}
.information-grid summary:after{content:'+';font-weight:400;font-size:25px;line-height:1}
.information-grid details[open] summary:after{content:'−'}
.detail-body{padding:0 0 25px;font-size:12px;line-height:1.85;color:var(--muted)}
.detail-body p+p{margin-top:15px}
.detail-body strong{color:var(--ink)}
.nutrition-table{width:100%;border-collapse:collapse;font-size:11px;font-variant-numeric:tabular-nums}
.nutrition-table th,.nutrition-table td{padding:11px 0;border-bottom:1px solid #ded9ce;text-align:start;font-weight:500;vertical-align:top}
.nutrition-table th{font-weight:750;color:var(--ink)}
.nutrition-table td:last-child,.nutrition-table th:last-child{text-align:end;white-space:nowrap;padding-inline-start:20px}
.nutrition-table tr:last-child td{border-bottom:0}
.related-products{background:#eee9e0}
.related-products .catalog-grid{padding-bottom:0}
/* Story, partnerships and contact */
.content-page{padding-block:66px 90px}
.prose{max-width:790px;line-height:1.85}
.prose h1{margin-bottom:30px}
.prose h2,.prose h3{margin-block:38px 18px}
.prose p+p{margin-top:20px}
.prose p{font-size:16px}
.prose a{text-decoration:underline;text-underline-offset:4px}
.prose ul{margin-block:20px;color:var(--muted)}
.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:44px}
.contact-card{border:1px solid var(--line);border-radius:var(--radius);padding:31px;min-width:0}
.contact-card .eyebrow{font-size:9px;margin-bottom:20px}
.contact-card h2,.contact-card h3{font-size:26px;line-height:1.3;letter-spacing:-.04em}
.contact-card p{font-size:12px;line-height:1.8;margin-block:17px 22px}
.contact-card a{overflow-wrap:anywhere}
.contact-card .button{padding-inline:18px;gap:12px}
.empty-state{text-align:center;padding:72px 20px;max-width:620px;margin:auto}
.empty-state p{margin-block:16px 24px}
.empty-state h2{font-size:34px}
/* Footer */
.site-footer{background:#f0ede3;padding-top:67px;border-top:1px solid #e3ded1}
.footer-grid{display:grid;grid-template-columns:1.25fr .75fr .8fr 1.2fr;gap:52px;padding-bottom:52px}
.footer-grid .brand{margin-bottom:20px}
.footer-grid p{font-size:12px;line-height:1.85;max-width:300px}
.footer-grid h2,.footer-grid h3,.footer-grid h4{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:21px}
.footer-grid ul{list-style:none;padding:0;display:grid;gap:12px}
.footer-grid li,.footer-grid a:not(.brand){font-size:12px;line-height:1.6}
.footer-grid a:not(.brand):hover{text-decoration:underline;text-underline-offset:4px}
.footer-grid address{font-style:normal;font-size:12px;line-height:2}
.footer-bottom{border-top:1px solid #d8d3c6;display:flex;justify-content:space-between;gap:30px;padding-block:22px 28px;font-size:9px;line-height:1.7;color:var(--muted)}
.footer-bottom a:hover{text-decoration:underline;text-underline-offset:4px}
.floating-contact{position:fixed;bottom:calc(23px + env(safe-area-inset-bottom,0px));right:calc(24px + env(safe-area-inset-right,0px));left:auto;z-index:35;display:flex;align-items:center;justify-content:center;width:51px;height:51px;border-radius:50%;background:var(--forest);color:var(--paper);border:1px solid #ffffff50;box-shadow:0 5px 20px #0e291d2b;transition:transform .2s,background .2s}
.floating-contact svg{width:24px;height:24px}
.floating-contact:hover{transform:translateY(-3px);background:#30563c}
/* Dialogs: native focus management, touch targets and scroll safety. */
dialog{border:0;border-radius:9px;padding:0;color:var(--ink);background:var(--paper);box-shadow:0 30px 110px #0e080d45;width:min(650px,calc(100% - 40px));max-height:calc(100dvh - 48px);overflow:auto}
dialog::backdrop{background:#211b1670;backdrop-filter:blur(6px)}
.dialog-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 30px 20px;background:var(--paper);border-bottom:1px solid var(--line)}
.dialog-header h2{font-size:27px;letter-spacing:-.04em}
.dialog-body{padding:26px 30px 32px}
.dialog-close,.modal-close{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:transparent;font-size:24px;line-height:1;flex-shrink:0}
.dialog-close:hover,.modal-close:hover{background:var(--cream)}
input,select,textarea{border:1px solid #c6c0b5;border-radius:4px;background:var(--paper);min-height:48px;padding:11px 14px;max-width:100%}
input::placeholder,textarea::placeholder{color:#80786f;opacity:1}
label{display:block;font-size:11px;font-weight:750;margin-bottom:8px}
textarea{resize:vertical;min-height:104px;width:100%}
.field,.form-field{margin-bottom:22px}
.field input,.field select,.form-field input,.form-field select{width:100%}
.search-input,input[type=search]{width:100%;font-size:17px}
.search-results{margin-top:20px;display:grid;gap:8px}
.search-results a,.search-result{display:flex;gap:15px;align-items:center;padding:12px;border-radius:5px;transition:background .2s}
.search-results a:hover,.search-result:hover{background:var(--cream)}
.search-results img,.search-result img{width:88px;height:67px;object-fit:contain;mix-blend-mode:multiply;flex-shrink:0}
.search-results strong,.search-result strong{font-size:13px;line-height:1.5}
.search-results small,.search-result small{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.inquiry-row{position:relative;display:grid;grid-template-columns:75px 1fr auto;gap:16px;align-items:center;padding-block:20px;border-bottom:1px solid var(--line)}
.inquiry-row:first-child{padding-top:0}
.inquiry-row img{width:75px;height:68px;object-fit:contain;mix-blend-mode:multiply}
.inquiry-row strong{font-size:12px;line-height:1.5;display:block}
.inquiry-row small{font-size:10px;line-height:1.6;color:var(--muted);display:block;margin-top:4px}
.inquiry-row select{min-height:37px;padding:6px 9px;font-size:10px;max-width:160px;margin-top:8px}
.inquiry-row input[type=number]{width:61px;min-height:37px;padding:5px 8px;font-size:11px}
.inquiry-row button{font-size:10px;background:none;border:0;min-width:34px;min-height:34px;padding:5px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.inquiry-summary{padding-top:24px}
.inquiry-summary>p{font-size:11px;line-height:1.8;margin-bottom:20px}
.inquiry-summary .button{width:100%;margin-top:10px}
.inquiry-summary label{margin-bottom:9px}
.zoom-dialog{width:min(1150px,calc(100% - 40px))}
.zoom-dialog .dialog-body{display:grid;place-items:center;background:#f7f5ee}
.zoom-dialog img,.zoom-dialog svg{max-height:calc(100dvh - 160px);width:100%;height:auto;object-fit:contain}
.toast{position:fixed;z-index:100;bottom:26px;inset-inline-start:50%;transform:translateX(-50%);max-width:calc(100% - 32px);padding:14px 22px;background:var(--forest);color:var(--paper);font-size:12px;font-weight:600;border-radius:99px;box-shadow:0 8px 28px #14211730;text-align:center}
/* Real RTL layout, never mirrored product photography. */
html[dir=rtl] body{font-family:NotoArabic,Arial,sans-serif;line-height:1.9}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h4{letter-spacing:0;line-height:1.45;font-weight:750}
html[dir=rtl] em{font-family:inherit;font-style:normal;font-weight:550}
html[dir=rtl] .eyebrow{letter-spacing:0;font-size:11px}
html[dir=rtl] .brand{font-family:Manrope,Arial,sans-serif;letter-spacing:-.075em;direction:ltr}
html[dir=rtl] .hero-gradient{background:linear-gradient(270deg,#1d100afc 0%,#21120de6 22%,#28140a82 43%,#20110900 66%)}
html[dir=rtl] .hero-scene{object-position:30% center}
html[dir=rtl] .hero h1{font-size:clamp(51px,5.1vw,77px);line-height:1.4}
html[dir=rtl] .hero h1 em{letter-spacing:0;font-size:1em;line-height:1.4}
html[dir=rtl] .hero-caption{letter-spacing:0;font-size:10px!important}
html[dir=rtl] .feature-copy h2{font-family:NotoArabic,Arial,sans-serif;font-size:clamp(39px,3.5vw,53px);line-height:1.65}
html[dir=rtl] .wordmark-large{font-family:Manrope,Arial,sans-serif;letter-spacing:-.065em;direction:ltr}
html[dir=rtl] .flavour-strip span{letter-spacing:0;font-size:11px}
html[dir=rtl] .product-card-body>small{letter-spacing:0;font-size:9px}
html[dir=rtl] .product-card-body h3{font-size:20px;min-height:2.9em}
html[dir=rtl] .text-link svg,html[dir=rtl] .button svg,html[dir=rtl] .round-arrow svg{transform:scaleX(-1)}
html[dir=rtl] .toast{transform:translateX(50%)}
/* Responsive type and measured layouts at the actual content breakpoints. */
@media(min-width:1700px){:root{--max:1500px}.hero,.hero-inner{min-height:740px}.hero-copy{width:48%}.hero-product{top:75px}.hero h1{font-size:92px}.family-art{aspect-ratio:1.2}}
@media(max-width:1200px){.site-nav{gap:21px}.header-inner{gap:22px}.brand{width:153px}.nav-actions .button{display:none}.hero,.hero-inner{min-height:610px}.hero-copy{width:55%}.hero-product{width:42%;top:90px}.hero h1{font-size:78px}.hero-description{font-size:16px;max-width:370px}.hero-actions{gap:19px}.hero-caption{margin-top:36px}.split-feature{gap:45px}.family-grid{gap:20px}.family-info h3{font-size:25px}.everyday-card{padding:26px;gap:15px;grid-template-columns:.8fr 1fr}.everyday-copy h3{font-size:25px}.everyday-image{height:265px}.product-layout{gap:45px}.product-card-body{padding:21px}.product-card-body h3{font-size:19px}.product-card-actions{gap:9px}.footer-grid{gap:50px}.partner-banner>.container{grid-template-columns:1fr 1fr;gap:25px}.partner-banner .button{justify-self:start}.partner-banner h2{grid-row:1/3}.contact-grid{gap:17px}.contact-card{padding:25px}}
@media(max-width:1000px){:root{--gutter:30px}.site-nav{display:none}.nav-actions{margin-inline-start:auto}.menu-toggle{display:inline-flex}.hero,.hero-inner{min-height:590px}.hero h1{font-size:68px}.hero-copy{width:60%}.hero-product{width:43%;top:65px;inset-inline-end:-2%}.hero-description{max-width:335px;font-size:15px}.hero-gradient{background:linear-gradient(90deg,#1d100afc,#21120de0 28%,#28140a60 58%,#20110900 80%)}.family-art{aspect-ratio:1}.family-art img{padding:7px}.family-info h3{font-size:24px}.family-info p{font-size:11px}.chocolate-section .split-feature{gap:32px;min-height:430px}.chocolate-section .feature-art{min-height:320px}.feature-copy h2{font-size:53px}.feature-copy>p:not(.eyebrow){font-size:13px}.two-grid{gap:20px}.everyday-card{display:flex;flex-direction:column;padding:27px;align-items:stretch;gap:7px}.everyday-image{height:240px}.everyday-copy h3{font-size:29px}.everyday-copy p{max-width:350px;margin-block:14px 18px}.catalog-grid{gap:28px 18px}.product-card-body{padding:18px}.product-card-body h3{font-size:17px;min-height:2.5em}.product-image img{padding:14px}.product-meta{font-size:9px;gap:5px 9px}.product-meta span+span{padding-inline-start:9px}.product-card-actions .text-link{font-size:9px}.product-card-actions button{width:34px;height:34px}.product-layout{gap:35px;grid-template-columns:1fr 1fr}.product-details h1{font-size:37px}.gallery-stage>button>img,.gallery-stage>button>svg{padding:18px}.product-details>p:not(.eyebrow):not(.status-note){font-size:13px}.product-form{grid-template-columns:1fr 80px}.product-actions .button{flex:1 1 100%}.information-grid{column-gap:38px}.contact-grid{grid-template-columns:1fr 1fr}.contact-card:last-child{grid-column:1/-1}.footer-grid{gap:30px;grid-template-columns:1.1fr .7fr .8fr 1.2fr}.footer-grid .brand{width:155px}.footer-grid p{font-size:11px}html[dir=rtl] .hero h1{font-size:55px}html[dir=rtl] .hero-gradient{background:linear-gradient(270deg,#1d100afc,#21120de0 28%,#28140a60 58%,#20110900 80%)}}
@media(max-width:760px){:root{--header-height:76px}.section{padding-block:65px}.hero,.hero-inner{min-height:0}.hero{padding-bottom:390px;background:#21140e}.hero-inner{padding-block:52px 34px;display:block}.hero-copy{width:100%;max-width:600px}.hero h1{font-size:clamp(59px,9.5vw,74px);max-width:590px}.hero-description{max-width:470px;font-size:16px;margin-top:24px}.hero-actions{margin-top:24px;gap:26px}.hero-caption{margin-top:29px}.hero-scene{height:470px;top:auto;bottom:0;object-position:67% 50%}.hero-gradient{background:linear-gradient(180deg,#21140e 0,#21140e 40%,#21140e00 67%)}.hero-product{width:42%;max-width:330px;top:auto;bottom:-155px;inset-inline-end:8%}.flavour-strip{gap:15px;padding-block:17px}.flavour-strip span{font-size:8px;letter-spacing:.12em}.flavour-strip span+span:before{inset-inline-start:-13px}.section-heading{gap:25px;margin-bottom:30px}.section-heading h2{font-size:42px}.section-heading .text-link{font-size:10px}.family-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.family-art{aspect-ratio:.9}.family-art img{padding:4px}.family-info{grid-template-columns:1fr 31px;padding-top:16px;gap:5px 6px}.family-info h3{font-size:21px}.family-info p{font-size:10px;line-height:1.6}.round-arrow{width:31px;height:31px;font-size:18px}.round-arrow svg{width:17px;height:17px}.split-feature,.chocolate-section .split-feature{grid-template-columns:1fr;gap:40px}.chocolate-section .feature-copy{max-width:550px}.feature-copy h2{font-size:58px}.feature-copy>p:not(.eyebrow){font-size:15px;max-width:470px}.chocolate-section .feature-art{min-height:0;aspect-ratio:1.5;transform:none}.chocolate-section .feature-art img{max-height:360px;transform:none}.chocolate-links{margin-top:24px;padding-top:18px}.kunafa-section .product-image{aspect-ratio:1.2}.everyday-card{padding:23px}.everyday-image{height:210px}.everyday-copy h3{font-size:26px}.everyday-copy p{font-size:11px}.story-teaser .split-feature{gap:20px}.story-teaser p{font-size:15px;margin-block:20px}.wordmark-large{font-size:105px;padding-top:30px}.partner-banner>.container{grid-template-columns:1fr auto;gap:22px}.partner-banner h2{grid-row:auto;grid-column:1/-1;font-size:38px}.partner-banner p{font-size:12px}.partner-banner .button{justify-self:end}.page-intro{padding-block:58px 42px}.page-intro p:not(.eyebrow){font-size:15px}.page-title{font-size:56px}.catalog-toolbar{align-items:flex-start;gap:18px;flex-direction:column}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 18px}.catalog-grid .product-card-body h3{font-size:20px}.catalog-grid .product-card-body{padding:21px}.catalog-grid .product-meta{font-size:10px}.catalog-grid .product-card-actions .text-link{font-size:10px}.product-layout{grid-template-columns:1fr;gap:34px;padding-bottom:48px}.product-gallery{position:static}.gallery-stage{aspect-ratio:1.4}.gallery-stage>button>img,.gallery-stage>button>svg{padding:22px}.product-details h1{font-size:45px}.product-details>p:not(.eyebrow):not(.status-note){font-size:15px;max-width:100%}.product-details{padding-top:0}.product-form{grid-template-columns:1fr 110px;max-width:600px}.product-actions .button{flex:1 1 auto}.information-grid{grid-template-columns:1fr;gap:0}.product-information{padding-block:24px 48px}.information-grid summary{font-size:17px}.detail-body{font-size:13px}.nutrition-table{font-size:12px}.related-products .catalog-grid>.product-card:last-child:nth-child(odd){display:none}.footer-grid{grid-template-columns:1fr 1fr;gap:37px 35px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1}.footer-grid>div:first-child p{max-width:430px}.footer-grid .brand{width:180px}.footer-grid p{font-size:12px}.footer-bottom{font-size:9px}.contact-grid{gap:20px}.contact-card{padding:26px}.content-page{padding-block:48px 70px}.prose p{font-size:15px}html[dir=rtl] .hero h1{font-size:55px;line-height:1.45}html[dir=rtl] .hero-gradient{background:linear-gradient(180deg,#21140e 0,#21140e 40%,#21140e00 67%)}html[dir=rtl] .hero-scene{object-position:67% 50%}html[dir=rtl] .hero-product{inset-inline-end:auto;right:8%}html[dir=rtl] .feature-copy h2{font-size:43px}}
@media(max-width:600px){:root{--header-height:70px;--gutter:20px}.announcement{font-size:8px;min-height:26px;letter-spacing:.05em;padding-inline:18px}.brand{width:145px;font-size:26px}.header-inner{gap:10px}.nav-actions{gap:0}.nav-actions .icon-button{width:38px;padding:8px}.language-link,.language-button,.language-switch{font-size:10px;padding:10px 6px}.section{padding-block:57px}.eyebrow{font-size:9px;letter-spacing:.17em;margin-bottom:16px}.section-heading{display:block;margin-bottom:27px}.section-heading h2{font-size:43px}.section-heading .text-link{margin-top:20px;font-size:11px}.section-intro,.lead{font-size:15px;margin-top:18px}.hero{padding-bottom:335px}.hero-inner{padding-top:42px;padding-bottom:23px}.hero h1{font-size:clamp(53px,13vw,73px);letter-spacing:-.06em;line-height:1.01}.hero h1 em{letter-spacing:-.07em;font-size:1.08em}.hero .eyebrow{font-size:8px;letter-spacing:.2em;margin-bottom:23px}.hero-description{font-size:14px;max-width:350px;margin-top:22px;line-height:1.75}.hero-actions{gap:22px;margin-top:24px}.hero-actions .button{font-size:11px;min-height:46px;padding:12px 21px;gap:13px}.hero-actions .text-link{font-size:10px}.hero-caption{font-size:8px!important;margin-top:26px;letter-spacing:.15em}.hero-scene{height:400px;object-position:66% 50%}.hero-product{width:47%;bottom:-128px;right:6%;inset-inline-end:6%}.hero-gradient{background:linear-gradient(180deg,#21140e 0,#21140e 43%,#21140e00 65%)}.flavour-strip{gap:16px;padding:14px 18px;min-height:51px}.flavour-strip span{font-size:7px;line-height:1.65;letter-spacing:.11em;max-width:95px}.flavour-strip span+span:before{content:none}.family-grid{grid-template-columns:1fr;gap:31px}.family-art{aspect-ratio:1.4}.family-art img{padding:15px 23px}.family-info{grid-template-columns:1fr 39px;padding-top:17px;gap:5px 15px}.family-info h3{font-size:28px}.family-info p{font-size:12px}.round-arrow{width:39px;height:39px;font-size:21px}.round-arrow svg{width:20px;height:20px}.feature-copy h2{font-size:55px}.feature-copy>p:not(.eyebrow){font-size:14px;margin-block:22px}.chocolate-section .split-feature{gap:32px}.chocolate-section .feature-art{aspect-ratio:1.12}.chocolate-section .feature-art img{padding:11px;max-height:350px}.chocolate-links{gap:9px 18px;margin-top:25px}.chocolate-links a{font-size:9px}.two-grid{gap:24px;grid-template-columns:1fr}.kunafa-section .product-image{aspect-ratio:1.5}.product-card-body{padding:22px}.product-card-body h3{font-size:23px;min-height:0}.product-meta{font-size:10px;margin-top:13px}.product-card-actions{margin-top:18px;padding-top:15px}.product-card-actions .text-link{font-size:11px}.product-card-actions button{width:39px;height:39px}.everyday-section{padding-top:0}.everyday-card{display:grid;grid-template-columns:.8fr 1fr;gap:19px;padding:25px 21px;min-height:305px}.everyday-image{height:238px}.everyday-copy h3{font-size:26px}.everyday-copy .eyebrow{font-size:7px;letter-spacing:.1em}.everyday-copy p{font-size:10px;margin-block:14px 17px}.everyday-copy .text-link{font-size:10px}.story-teaser h2{font-size:41px}.story-teaser p{font-size:14px}.wordmark-large{font-size:85px;padding-block:27px 13px}.partner-banner{padding-block:51px}.partner-banner>.container{display:flex;flex-direction:column;align-items:flex-start;gap:22px}.partner-banner h2{font-size:38px}.partner-banner p{font-size:13px;max-width:360px}.partner-banner .button{margin-top:2px}.page-intro{padding-block:45px 35px}.page-title{font-size:47px;line-height:1.06}.page-intro p:not(.eyebrow){font-size:14px;margin-top:20px}.filter-list{gap:8px}.filter-list button{font-size:10px;padding:8px 14px;min-height:41px}.catalog-toolbar{padding-block:24px 28px;gap:15px}.catalog-grid{gap:23px 13px;padding-bottom:60px}.catalog-grid .product-card-body{padding:15px 13px}.catalog-grid .product-card-body>small{font-size:7px;margin-bottom:8px;letter-spacing:.12em}.catalog-grid .product-card-body h3{font-size:16px;letter-spacing:-.035em;line-height:1.3;min-height:2.6em}.catalog-grid .product-image{aspect-ratio:1}.catalog-grid .product-image img{padding:8px}.catalog-grid .product-meta{font-size:8px;gap:4px 6px;margin-top:12px;min-height:22px}.catalog-grid .product-meta span+span{padding-inline-start:6px}.catalog-grid .product-card-actions{gap:5px;margin-top:13px;padding-top:12px}.catalog-grid .product-card-actions .text-link{font-size:9px;gap:4px}.catalog-grid .product-card-actions .text-link svg{width:13px;height:13px}.catalog-grid .product-card-actions button{width:31px;height:31px;padding:6px}.catalog-grid .product-card-actions button svg{width:16px;height:16px}.breadcrumbs{padding-top:22px;margin-bottom:21px;font-size:9px;gap:8px}.gallery-stage{aspect-ratio:1.05}.gallery-stage>button>img,.gallery-stage>button>svg{padding:15px}.gallery-thumbs{gap:10px;margin-top:12px}.gallery-thumbs button{width:90px}.product-layout{gap:28px;padding-bottom:40px}.product-details h1{font-size:38px;line-height:1.13}.product-details .eyebrow{font-size:9px;margin-bottom:12px}.product-details>p:not(.eyebrow):not(.status-note){font-size:13px;margin-top:18px}.fact-list{margin-top:23px;gap:9px 0}.fact-list li{font-size:10px;padding-inline:11px}.fact-list strong{font-size:18px}.product-form{margin-top:25px;padding-top:23px;grid-template-columns:1fr 87px;gap:15px 12px}.product-actions{flex-direction:column;gap:11px}.product-actions .button{width:100%;font-size:11px;min-height:47px}.status-note{font-size:9px;margin-top:14px}.information-grid summary{padding-block:20px;font-size:16px}.detail-body{font-size:12px}.nutrition-table{font-size:11px}.contact-grid{grid-template-columns:1fr;gap:18px;margin-top:32px}.contact-card:last-child{grid-column:auto}.contact-card{padding:27px}.contact-card h2,.contact-card h3{font-size:27px}.content-page{padding-block:43px 57px}.prose p{font-size:14px}.prose h2{font-size:33px}.site-footer{padding-top:48px}.footer-grid{gap:33px 24px;padding-bottom:38px}.footer-grid .brand{width:171px}.footer-grid h2,.footer-grid h3,.footer-grid h4{font-size:10px;margin-bottom:18px}.footer-grid ul{gap:12px}.footer-grid li,.footer-grid a:not(.brand){font-size:11px}.footer-grid p{font-size:11px}.footer-bottom{flex-direction:column;gap:10px;padding-block:20px 28px;font-size:8px}.floating-contact{width:46px;height:46px;bottom:calc(16px + env(safe-area-inset-bottom,0px));right:calc(16px + env(safe-area-inset-right,0px))}.floating-contact svg{width:22px;height:22px}.button{font-size:11px;min-height:47px;padding-inline:21px;gap:18px}.dialog-header{padding:18px 20px 15px}.dialog-body{padding:22px 20px 27px}.dialog-header h2{font-size:23px}dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:7px}.inquiry-row{grid-template-columns:58px 1fr auto;gap:11px}.inquiry-row img{width:58px;height:55px}.inquiry-row strong{font-size:11px}.inquiry-row small{font-size:9px}.inquiry-row input[type=number]{width:53px}.inquiry-row select{max-width:135px;font-size:9px}.inquiry-row button{font-size:9px}.toast{bottom:14px;font-size:11px;padding:13px 18px}.admin-bar .site-header{top:46px}html[dir=rtl] h1{font-size:40px}html[dir=rtl] h2{font-size:34px}html[dir=rtl] .hero h1{font-size:43px;line-height:1.5}html[dir=rtl] .hero h1 em{font-size:1em;letter-spacing:0}html[dir=rtl] .hero .eyebrow{font-size:9px;letter-spacing:0}html[dir=rtl] .hero-description{font-size:13px}html[dir=rtl] .hero-caption{font-size:9px!important;letter-spacing:0}html[dir=rtl] .hero-gradient{background:linear-gradient(180deg,#21140e 0,#21140e 43%,#21140e00 65%)}html[dir=rtl] .hero-product{right:6%}html[dir=rtl] .flavour-strip span{font-size:8px;letter-spacing:0}html[dir=rtl] .feature-copy h2{font-size:38px}html[dir=rtl] .catalog-grid .product-card-body h3{font-size:15px;min-height:2.9em}html[dir=rtl] .catalog-grid .product-card-body>small{font-size:8px;letter-spacing:0}html[dir=rtl] .product-details h1{font-size:33px}html[dir=rtl] .everyday-copy h3{font-size:22px}}
@media(max-width:380px){:root{--gutter:17px}.brand{width:132px}.nav-actions .icon-button{width:35px}.language-link,.language-button,.language-switch{font-size:9px;padding-inline:5px}.hero h1{font-size:50px}.hero .eyebrow{font-size:7px}.hero-actions{gap:17px}.hero-actions .button{padding-inline:18px;font-size:10px}.hero-actions .text-link{font-size:9px}.hero-description{font-size:13px}.hero{padding-bottom:310px}.hero-scene{height:365px}.hero-product{bottom:-116px}.section-heading h2{font-size:39px}.catalog-grid .product-card-body{padding:13px 11px}.catalog-grid .product-card-body h3{font-size:15px}.catalog-grid .product-card-actions .text-link{font-size:8px}.catalog-grid .product-card-actions button{width:29px;height:29px}.everyday-card{padding:21px 17px;gap:14px}.everyday-copy h3{font-size:24px}.everyday-image{height:214px}html[dir=rtl] .hero h1{font-size:39px}html[dir=rtl] .catalog-grid .product-card-body h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{.site-header,.site-footer,dialog,.toast,.button,.nav-actions,.floating-contact{display:none!important}body{background:#fff;color:#000}.container{width:100%}.section{padding:20px 0}.product-gallery{position:static}}
/* Final semantic markup integration. */
.hero-scene img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-product{inset-inline-end:max(var(--gutter),calc((100% - var(--max))/2));top:78px;width:42%;max-width:575px;pointer-events:auto;transition:transform .35s var(--ease)}
.hero-product:hover{transform:translateY(-4px) rotate(-1deg)}
.flavour-strip span+span:before{content:none}
.flavour-strip span[aria-hidden]{font-size:12px;line-height:1;max-width:none;flex:0 0 auto}
.family-info>div{grid-column:1;grid-row:1/3}
.family-info>div p{margin-top:7px}
.chocolate-links a{display:inline-flex;align-items:center;gap:9px}
.chocolate-links a svg{width:14px;height:14px}
.section-heading>p{max-width:390px;font-size:13px;line-height:1.85}
.everyday-section{padding-top:64px}
.partner-banner>.container{display:flex;justify-content:space-between;gap:60px;align-items:center}
.partner-banner>.container>div{max-width:810px}
.partner-banner h2{max-width:810px;font-size:43px}
.partner-banner p:not(.eyebrow){max-width:590px;margin-top:18px;font-size:13px}
.partner-banner .button{flex-shrink:0}
.product-card-body>.eyebrow{display:block;text-transform:uppercase;letter-spacing:.16em;font-size:8px;font-weight:800;line-height:1.5;margin-bottom:10px;color:#655c50}
.catalog-section{padding-top:8px;padding-bottom:0}
.catalog-search{display:flex;align-items:center;position:relative;margin:0;flex:0 0 235px}
.catalog-search svg{position:absolute;inset-inline-start:13px;width:18px;height:18px;color:var(--muted)}
.catalog-search input{width:100%;min-height:43px;font-size:11px;padding-inline-start:39px;background:transparent;border-color:#cfc8bb;border-radius:99px}
.result-count{font-size:10px;margin-bottom:25px;color:var(--muted)}
.gallery-stage .zoom-label{position:absolute;bottom:18px;inset-inline-end:18px;display:inline-flex;align-items:center;gap:7px;background:#f7f4edf0;border:1px solid #c7c0b2;border-radius:99px;padding:8px 13px;font-size:9px;font-weight:650;min-height:36px}
.gallery-stage .zoom-label svg{width:15px;height:15px}
.gallery-stage>button:after{content:none}
.product-details .product-weight{font-size:11px!important;margin-top:15px!important}
.product-weight strong{font-weight:800;margin-inline-start:8px;color:var(--ink)}
.flavour-selector{margin-top:25px}
.field-label{font-size:10px;line-height:1.5;font-weight:750;color:var(--ink);margin-bottom:11px}
.flavour-options{display:flex;flex-wrap:wrap;gap:7px}
.flavour-option{font-size:9px;line-height:1.55;padding:9px 13px;min-height:37px;display:flex;align-items:center;border:1px solid #c9c4b6;border-radius:99px;color:#615a4c;background:transparent;transition:background .2s,color .2s}
.flavour-option:hover{background:#e6e9d4;color:var(--ink)}
.flavour-option.is-selected{background:var(--forest);color:var(--paper);border-color:var(--forest)}
.product-form{display:block}
.product-form .form-row{display:grid;grid-template-columns:1fr 95px;gap:14px;margin-bottom:18px}
.product-form label{font-size:10px}
.product-form select,.product-form input{margin-top:8px;font-size:12px}
.product-form .product-actions{display:flex}
.nutrition-basis{font-size:10px;color:var(--muted);margin-bottom:11px}
.information-details{min-width:0}
.information-grid>.information-details:only-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 50px;align-items:start}
.story-image{background:#e1c9c0;border-radius:var(--radius);aspect-ratio:1.1;display:grid;place-items:center}
.story-image img{width:100%;height:100%;object-fit:contain;padding:24px;mix-blend-mode:multiply}
.content-page .prose h2:first-child{margin-top:0;font-size:40px;line-height:1.2}
.content-page .prose .button{margin-top:27px;text-decoration:none}
.contact-grid{margin-top:0}
.contact-primary{background:var(--forest);border-color:var(--forest);color:var(--cream)}
.contact-primary p{color:#d3dbca}
.contact-primary p.eyebrow{color:var(--pistachio)}
.contact-number{display:block;width:fit-content;margin-block:24px 25px;font-size:20px;line-height:1.5;font-weight:750;letter-spacing:-.045em}
.contact-primary button.text-link{background:none;border:0;border-bottom:1px solid currentColor;color:#e8efdc;padding-inline:0;min-height:35px;font-size:10px}
.contact-card>.text-link{margin-top:23px;font-size:11px;gap:8px}
.contact-card>.text-link svg{width:15px;height:15px}
.partner-steps{margin-top:75px;padding-top:60px;border-top:1px solid var(--line)}
.partner-steps h2{font-size:39px;max-width:800px;margin-bottom:35px}
.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:37px}
.three-grid>div>span{font-family:Fraunces,Georgia,serif;font-size:42px;line-height:1;color:#85914d;display:block;margin-bottom:24px}
.three-grid h3{font-size:22px;line-height:1.3;margin-bottom:15px}
.three-grid p{font-size:12px;line-height:1.8}
.footer-grid>div>a:not(.brand){display:block;width:fit-content;margin-bottom:11px}
.footer-grid>div>p+a{margin-top:12px}
.footer-grid>div:last-child>p{margin-top:20px;font-size:10px}
.inquiry-row{grid-template-columns:80px minmax(0,1fr);gap:20px;align-items:start}
.inquiry-row-info{min-width:0}
.inquiry-row-name{display:block;font-size:13px;font-weight:750;line-height:1.55;margin-bottom:5px}
.inquiry-row-name:hover{text-decoration:underline;text-underline-offset:4px}
.inquiry-row-weight{display:block;font-size:10px;color:var(--muted)}
.inquiry-row-controls{display:flex;align-items:flex-end;gap:12px;margin-top:12px}
.inquiry-row-controls label{margin:0;font-size:9px}
.inquiry-row-controls input,.inquiry-row-controls select{display:block;margin-top:6px;min-height:41px;font-size:10px}
.inquiry-row-controls select{max-width:180px}
.inquiry-row-controls button{min-height:41px;font-size:10px;margin-inline-start:auto}
.search-result-arrow{margin-inline-start:auto;font-size:19px}
.zoom-dialog{background:var(--cream);padding:22px}
.zoom-dialog>.dialog-close{position:absolute;top:16px;inset-inline-end:16px;z-index:2;background:var(--paper)}
.zoom-dialog>img{height:auto;max-height:calc(100dvh - 88px);object-fit:contain;mix-blend-mode:multiply}
.toast:empty{display:none}
.button.is-disabled,.button[aria-disabled=true]{opacity:.45;cursor:not-allowed}
@media(min-width:1700px){.hero h1{font-size:92px}.hero-product{top:90px}}
@media(max-width:1200px){.hero h1{font-size:73px}.hero-product{top:85px;width:42%}.catalog-toolbar{flex-direction:column;align-items:stretch;gap:20px}.catalog-search{flex-basis:auto;max-width:350px}.partner-banner>.container{gap:35px}.partner-banner h2{font-size:39px}.footer-grid{gap:35px}}
@media(max-width:1000px){.hero h1{font-size:65px}.hero-product{top:85px;width:43%;inset-inline-end:20px}.product-form .form-row{grid-template-columns:1fr 80px}.footer-grid{gap:25px}.partner-banner h2{font-size:35px}.contact-number{font-size:19px}}
@media(max-width:760px){.hero h1{font-size:70px}.hero-product{top:auto;bottom:218px;width:44%;inset-inline-end:7%;max-width:300px}.hero-scene img{object-position:67% 50%}.section-heading>p{margin-top:23px;max-width:480px;font-size:13px}.partner-banner>.container{display:block}.partner-banner .button{margin-top:24px}.product-form .form-row{grid-template-columns:1fr 110px}.information-grid>.information-details:only-child{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 25px}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.partner-steps{margin-top:55px;padding-top:40px}.partner-steps h2{font-size:34px}.three-grid{gap:24px}.three-grid h3{font-size:19px}.three-grid p{font-size:11px}.content-page .prose h2:first-child{font-size:35px}html[dir=rtl] .hero-product{right:7%;left:auto}}
@media(max-width:600px){.nav-actions .icon-button{width:41px;min-height:44px}.language-switch{font-size:10px;padding-inline:7px}.hero h1{font-size:clamp(49px,12.2vw,67px)}.hero h1 em{font-size:1.02em}.hero-product{top:auto;bottom:211px;width:51%;max-width:none;inset-inline-end:6%;transform:rotate(-2deg)}.hero-product:hover{transform:rotate(-2deg) translateY(-3px)}.hero-scene img{object-position:66% 50%}.flavour-strip span[aria-hidden]{font-size:10px}.everyday-section{padding-top:57px}.partner-banner h2{font-size:36px}.partner-banner p:not(.eyebrow){font-size:12px}.product-card-body>.eyebrow{font-size:8px}.catalog-grid .product-card-body>.eyebrow{font-size:7px;margin-bottom:8px;letter-spacing:.1em}.catalog-grid .product-card-actions button{width:38px;height:38px;min-height:38px}.catalog-toolbar{padding-bottom:19px}.catalog-search{max-width:none;width:100%}.catalog-search input{min-height:44px;font-size:12px}.result-count{margin-bottom:20px;font-size:9px}.gallery-stage .zoom-label{bottom:12px;inset-inline-end:12px;font-size:8px;min-height:34px;padding:7px 11px}.gallery-thumbs button{width:108px;min-height:94px}.gallery-thumbs button span{font-size:8px;line-height:1.5}.product-form .form-row{grid-template-columns:1fr 87px}.flavour-option{min-height:40px;font-size:9px;padding-inline:12px}.flavour-selector{margin-top:24px}.product-form .product-actions{display:flex}.product-information>.container>.section-heading h2{font-size:37px}.footer-grid{grid-template-columns:1fr 1fr;gap:33px 23px}.footer-grid>div:last-child{grid-column:1/-1}.footer-grid h2{font-size:10px;letter-spacing:.08em}.footer-grid>div>a:not(.brand){font-size:11px}.footer-grid>div:last-child>p{margin-top:18px}.footer-grid>div:last-child{padding-top:5px}.contact-number{font-size:24px}.partner-steps{margin-top:50px;padding-top:37px}.partner-steps h2{font-size:31px}.three-grid{grid-template-columns:1fr;gap:32px}.three-grid>div{display:grid;grid-template-columns:42px 1fr;gap:10px 20px}.three-grid>div>span{font-size:32px;grid-row:1/3;margin:0}.three-grid h3{font-size:21px;margin:0}.three-grid p{font-size:12px;grid-column:2}.content-page .prose h2:first-child{font-size:33px;line-height:1.3}.story-image{aspect-ratio:1.3}.inquiry-row{grid-template-columns:56px minmax(0,1fr);gap:13px}.inquiry-row-name{font-size:11px}.inquiry-row-controls{flex-wrap:wrap;gap:8px 10px}.inquiry-row-controls select{max-width:135px;font-size:9px}.inquiry-row-controls label{font-size:8px}.inquiry-row-controls button{font-size:9px;min-width:36px;padding-inline:0}.inquiry-row-controls input[type=number]{width:51px}.zoom-dialog{padding:10px}.zoom-dialog>.dialog-close{top:10px;inset-inline-end:10px}html[dir=rtl] .hero-product{right:6%;left:auto}html[dir=rtl] .product-card-body>.eyebrow{letter-spacing:0;font-size:9px}html[dir=rtl] .catalog-grid .product-card-body>.eyebrow{font-size:8px}html[dir=rtl] .footer-grid h2{font-size:11px;letter-spacing:0}}
@media(max-width:380px){.nav-actions .icon-button{width:39px}.language-switch{font-size:9px;padding-inline:5px}.hero h1{font-size:47px}.hero-product{bottom:186px}.catalog-grid .product-card-actions button{width:35px;height:35px}.inquiry-row{grid-template-columns:45px minmax(0,1fr);gap:11px}.inquiry-row img{width:45px}.inquiry-row-controls{gap:7px}.inquiry-row-controls select{max-width:115px}.inquiry-row-controls input[type=number]{width:46px}.partner-banner h2{font-size:33px}}
/* Accessibility and directional art: only the unbranded generated scene changes direction. */
@media(min-width:761px){html[dir=rtl] .hero-scene img{transform:scaleX(-1)}}
@media(max-width:600px){.nav-actions .icon-button,.language-switch{width:44px;min-width:44px;min-height:44px}.language-switch{padding-inline:3px;font-size:9px}.catalog-grid .product-card-actions button{width:44px;height:44px;min-width:44px;min-height:44px}.product-card-actions .text-link{min-height:44px}.flavour-option{min-height:44px}.filter-list button{min-height:44px}}
@media(max-width:380px){.brand{width:120px}.header-inner{gap:8px}.nav-actions .icon-button{width:44px}}
/* Avoid duplicate public language switchers; the header control preserves the current page. */
body.mc4-site .trp-language-switcher-container,body.mc4-site .trp-language-switcher.trp-floating-switcher,body.mc4-site .gtranslate_wrapper,body.mc4-site #gt_float_wrapper{display:none!important}
/* Verified contrast correction on the two tinted everyday cards. */
.everyday-copy>p:not(.eyebrow){color:#514a42}
@media(max-width:600px){.everyday-copy>p:not(.eyebrow){font-size:12px;line-height:1.8}}

/* Atelier hero: original retail packaging, decorative studio background. */
.hero.hero-editorial{background:#f4f0e7;color:var(--forest);min-height:0;height:auto;overflow:hidden;isolation:isolate;padding:0}
.hero-editorial .hero-editorial-layout{display:grid;grid-template-columns:42% 58%;align-items:center;min-height:620px;position:relative;padding-block:50px;gap:0}
.hero-editorial .hero-copy{position:relative;width:auto;max-width:none;margin:0;padding:0;z-index:2;text-align:start}
.hero-editorial .eyebrow{color:#53634a;letter-spacing:.19em;font-size:11px;margin-bottom:26px}
.hero-editorial h1{font-family:Fraunces,Georgia,serif;font-size:clamp(44px,4.7vw,74px);font-weight:550;line-height:1.09;letter-spacing:-.045em;color:#193d2e;max-width:none}
.hero-editorial h1 em{color:#687548;font-weight:450}
.hero-editorial .hero-description{font-size:16px;line-height:1.8;color:#585d50!important;max-width:350px;margin:24px 0 28px}
.hero-editorial .hero-actions{display:flex;flex-wrap:wrap;gap:20px;align-items:center;margin:0}
.hero-editorial .button-primary{background:#193d2e;color:#fffdf4;border:1px solid #193d2e;padding:16px 23px;min-height:54px}
.hero-editorial .button-primary:hover{background:#2c543d}
.hero-editorial .text-link{color:#193d2e;font-size:13px;border-color:#8a947c}
.hero-editorial .editorial-note{font-size:10px;letter-spacing:.16em;color:#69735c;margin-top:42px}
.editorial-stage{position:relative;width:116%;margin-inline-start:-9%;aspect-ratio:3/2;direction:ltr;align-self:center;z-index:1}
.editorial-backdrop{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.editorial-pack{position:absolute;display:block;filter:drop-shadow(7px 12px 9px #30251638);transition:filter .2s}
.editorial-pack:hover{filter:drop-shadow(7px 15px 10px #30251650)}
.editorial-pack svg{display:block;width:100%;height:auto;overflow:visible}
.editorial-pack-dark{width:13.67%;left:72.3%;top:13.7%;z-index:2}
.editorial-pack-melty{width:43.62%;left:29.3%;top:36.62%;z-index:3}
.editorial-pack-crunch{width:38.41%;left:8.46%;top:50.59%;z-index:4}
[dir=rtl] .hero-editorial h1{font-family:NotoArabic,Arial,sans-serif;font-size:clamp(40px,4.2vw,64px);line-height:1.5;letter-spacing:0}
[dir=rtl] .hero-editorial h1 em{font-family:inherit;font-style:normal}
[dir=rtl] .hero-editorial .eyebrow,[dir=rtl] .hero-editorial .editorial-note{letter-spacing:0}
@media(min-width:1600px){.hero-editorial .hero-editorial-layout{min-height:700px}}
@media(max-width:1050px){.hero-editorial .hero-editorial-layout{grid-template-columns:44% 56%;min-height:540px}.hero-editorial h1{font-size:clamp(40px,5.5vw,58px)}.hero-editorial .hero-actions{gap:18px}.hero-editorial .editorial-note{margin-top:26px}}
@media(max-width:700px){.hero-editorial .hero-editorial-layout{display:flex;flex-direction:column;min-height:0;padding-top:38px;padding-bottom:12px}.hero-editorial .hero-copy{width:100%;max-width:none;padding:0}.hero-editorial .eyebrow{font-size:10px;margin-bottom:18px}.hero-editorial h1{font-size:clamp(42px,10.8vw,65px);line-height:1.08}.hero-editorial .hero-description{font-size:14px;line-height:1.75;margin:20px 0 22px;max-width:340px}.hero-editorial .hero-actions{gap:18px}.hero-editorial .button-primary{padding:13px 18px;min-height:49px;font-size:13px}.hero-editorial .text-link{font-size:12px}.hero-editorial .editorial-note{margin-top:24px;font-size:9px}.editorial-stage{width:calc(100% + 40px);margin:0 -20px;margin-top:0;align-self:center}[dir=rtl] .hero-editorial h1{font-size:clamp(37px,9.5vw,56px);line-height:1.45}}

/* Full family collections: original retail fronts, no wholesale cases. */
.hero-editorial .hero-editorial-layout{grid-template-columns:36fr 64fr;gap:28px;padding-block:44px;min-height:650px}
.hero-editorial h1{font-size:clamp(43px,4.4vw,67px)}
.collection-showcase{padding:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;background:#ebe5d7;border-radius:16px;direction:ltr;min-width:0;box-shadow:0 15px 40px #3c432511}
.showcase-group{display:flex;flex-direction:column;padding:14px 10px;background:#f8f5ed;border-radius:9px;min-width:0;transition:background .2s}
.showcase-group:hover{background:#fffdf7}
.showcase-heading{display:flex;justify-content:space-between;gap:4px;align-items:baseline;margin-bottom:13px;color:#254333}
.showcase-heading strong{font-size:11px;letter-spacing:.08em}
.showcase-heading span{font-size:9px;color:#586149}
.assortment{display:grid;gap:10px;align-items:center;justify-items:center;min-width:0}
.assortment-melty,.assortment-crunch{grid-template-columns:repeat(2,minmax(0,1fr))}
.assortment-voltix{grid-template-columns:1fr}
.assortment-chocolate{grid-template-columns:repeat(4,minmax(0,1fr))}
.assortment-kunafa{grid-template-columns:repeat(2,minmax(0,1fr))}
.assortment-spread{grid-template-columns:1fr}
.assortment-item{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;filter:drop-shadow(0 5px 4px #271c151f)}
.retail-pack{display:block;width:100%;height:auto;max-width:100%;object-fit:contain}
.showcase-group .assortment{flex:1}
.showcase-voltix .retail-pack{max-width:130px}
.showcase-chocolate{grid-column:span 1}
.showcase-chocolate .retail-pack{height:150px;object-fit:contain}
.showcase-kunafa .retail-pack{height:140px;object-fit:contain}
.showcase-spread .retail-pack{height:145px;object-fit:contain}
.showcase-caption{grid-column:1/-1;text-align:center;font-size:11px;color:#4f5c40;letter-spacing:.06em;padding-top:3px}
.family-art .assortment{width:100%;height:100%;padding:30px 22px;gap:16px}
.family-art .assortment .retail-pack{width:100%;height:auto;object-fit:contain}
.family-art .assortment-voltix{padding:24px 50px;gap:12px}
.family-count{display:block;color:#486037;font-size:12px;margin:8px 0}
.chocolate-section .feature-art .assortment{padding:25px;gap:15px;min-height:330px}
.chocolate-section .feature-art .retail-pack{height:280px;object-fit:contain}
.kunafa-family-art{display:block;background:#eee5d7;border-radius:8px;max-width:780px;margin:0 auto 32px}
.kunafa-family-art .assortment{padding:28px 40px;gap:36px}
.kunafa-family-art .retail-pack{height:240px;object-fit:contain}
.product-image.retail-card-art{display:flex;align-items:center;justify-content:center;padding:30px}
.product-image.retail-card-art .retail-pack{width:100%;max-height:270px;object-fit:contain}
.available-label{color:#245438;font-weight:700}
.hero-editorial .editorial-note{color:#4e5d3c}
.hero-editorial .hero-description{color:#4e5648!important}
@media(max-width:1050px){.hero-editorial .hero-editorial-layout{grid-template-columns:35fr 65fr;gap:18px}.collection-showcase{padding:16px;gap:9px}.showcase-heading{flex-direction:column}.hero-editorial h1{font-size:45px}.showcase-chocolate .retail-pack{height:125px}}
@media(max-width:700px){.hero-editorial .hero-editorial-layout{display:flex;gap:26px;padding-block:30px}.hero-editorial h1{font-size:clamp(42px,10vw,62px)}.collection-showcase{width:100%;padding:12px;gap:8px;border-radius:10px}.showcase-group{padding:10px 6px}.showcase-heading strong{font-size:9px}.showcase-heading span{font-size:8px}.assortment{gap:6px}.showcase-chocolate .retail-pack{height:95px}.showcase-kunafa .retail-pack{height:85px}.showcase-spread .retail-pack{height:90px}.showcase-caption{font-size:10px}.family-art .assortment{padding:28px;gap:20px}.family-art .assortment-voltix{padding:22px 65px}.chocolate-section .feature-art .assortment{padding:15px;min-height:240px}.chocolate-section .feature-art .retail-pack{height:210px}.kunafa-family-art .assortment{padding:20px;gap:15px}.kunafa-family-art .retail-pack{height:170px}}

.assortment-spread .retail-pack{mix-blend-mode:multiply}.collection-showcase .assortment-chocolate,.collection-showcase .assortment-kunafa{align-items:center}.family-art{aspect-ratio:1/1}.family-art .assortment{align-content:center}.showcase-melty .assortment,.showcase-crunch .assortment{align-content:space-evenly}.showcase-voltix .assortment{align-content:space-evenly}

.family-art .assortment-voltix{grid-template-rows:repeat(3,minmax(0,1fr));align-content:stretch}.family-art .assortment-voltix .assortment-item{height:100%;min-height:0}.family-art .assortment-voltix .retail-pack{height:100%;max-height:100%;padding:0}.family-art .retail-pack{padding:0}

@media(max-width:700px){.collection-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.showcase-heading{flex-direction:row}.showcase-chocolate .retail-pack{height:110px}.showcase-kunafa .retail-pack{height:120px}.showcase-spread .retail-pack{height:120px}.showcase-voltix .retail-pack{max-width:110px}.showcase-group .assortment{min-height:105px}}


/* Shift Up — flavour-first campaign system. Scoped to the home experience. */
body:has(.su-world){--forest:#35154a;--pistachio:#e3f275;--ink:#35154a;--cream:#fff8ee;--muted:#625267;--header-height:78px;background:#fff8ee}
body:has(.su-world) .announcement{background:#35154a;color:#fff8ee;font-size:10px;letter-spacing:.1em}
body:has(.su-world) .site-header{background:#fff8eef7;backdrop-filter:blur(12px);border-bottom:1px solid #35154a22}
body:has(.su-world) .brand{width:137px}
body:has(.su-world) .header-contact{background:#35154a;color:#fff8ee;border:0}
.su-world{--su-ink:#35154a;color:var(--su-ink);overflow:clip}
.su-world h1,.su-world h2,.su-world h3{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.065em;line-height:.98}
.su-world p{color:inherit}.su-world a:focus-visible{outline:3px solid currentColor;outline-offset:7px}
.su-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;line-height:1.6;margin-bottom:24px}
.su-button{display:inline-flex;justify-content:center;align-items:center;gap:40px;padding:17px 27px;background:var(--su-ink);border:2px solid var(--su-ink);color:#fff8ee;border-radius:999px;min-height:58px;font-size:15px;font-weight:800;line-height:1.3;box-shadow:4px 5px 0 #35154a26;transition:transform .2s,box-shadow .2s}
.su-button span{font-size:25px;line-height:1}.su-button:hover{transform:translateY(-3px);box-shadow:6px 8px 0 #35154a26}
.su-hero{position:relative;background:radial-gradient(ellipse at 87% 12%,#eff795 0,transparent 37%),radial-gradient(ellipse at 61% 88%,#ff9c82 0,transparent 44%),linear-gradient(115deg,#f8c4d4 5%,#e3c8fa 58%,#c7cff9 100%);isolation:isolate}
.su-hero-inner{max-width:1560px;margin:auto;padding:56px 4.5% 50px;min-height:700px;display:grid;grid-template-columns:.94fr 1.16fr;align-items:center;gap:12px}
.su-hero-copy{position:relative;z-index:3;padding-bottom:18px}.su-hero h1{font-size:clamp(60px,6.7vw,104px);max-width:700px}.su-hero h1 span{color:#a82465}
.su-hero .su-intro{font-size:18px;line-height:1.65;max-width:340px;margin:27px 0 28px}
.su-hero-note{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;margin-top:31px}.su-star{font-size:32px;color:#a82465}
.su-orbit{height:590px;position:relative;direction:ltr;min-width:0}
.su-orbit-ring{position:absolute;width:82%;height:82%;left:11%;top:9%;border:2px solid #fff8ee77;border-radius:50%;transform:rotate(-20deg)}
.su-orbit-ring:after{content:'';position:absolute;inset:9%;border:1px solid #fff8ee88;border-radius:50%}
.su-pack{display:block;position:relative;transition:filter .2s;min-width:0}.su-pack .retail-pack{display:block;width:100%;height:100%;padding:0;max-height:none;object-fit:contain;filter:drop-shadow(0 15px 12px #35154a25);transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.su-pack:hover .retail-pack{transform:translateY(-7px) rotate(2deg)}
.su-orbit .su-pack{position:absolute;z-index:2;transform:rotate(var(--turn,0deg));animation:su-arrive .7s ease-out both}
.su-orbit-melty{width:64%;height:auto;aspect-ratio:2.53;left:1%;top:8%;--turn:-13deg}
.su-orbit-crunch{width:68%;height:auto;aspect-ratio:2.39;left:27%;top:38%;--turn:13deg;z-index:4!important}
.su-orbit-voltix{width:59%;height:auto;aspect-ratio:2.4;left:2%;top:66%;--turn:-10deg;z-index:5!important}
.su-orbit-chocolate{width:16%;height:42%;right:4%;top:5%;--turn:15deg}
.su-orbit-kunafa{width:16%;height:42%;left:10%;top:29%;--turn:-17deg}
.su-orbit-spread{width:31%;height:34%;left:64%;top:67%;--turn:9deg;mix-blend-mode:multiply}
.su-stamp{position:absolute;right:22%;top:4%;width:99px;height:99px;border-radius:50%;border:1px solid #35154a55;background:#e3f275;display:flex;align-items:center;justify-content:center;text-align:center;font-size:13px;line-height:1.05;font-weight:800;transform:rotate(13deg);z-index:4;padding:17px;display:block}
.su-spark{position:absolute;font-size:55px;color:#a82465;z-index:0}.su-spark-one{left:2%;top:43%}.su-spark-two{right:3%;top:53%;font-size:70px;color:#fff8ee}
.su-orbit-caption{position:absolute;bottom:-16px;left:15%;font-size:11px;font-weight:800;letter-spacing:.08em;transform:rotate(-3deg)}
.su-family-nav{display:flex;justify-content:center;gap:0;background:#e3f275;border-block:1px solid #35154a;position:relative;z-index:4}
.su-family-nav a{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 27px;font-size:13px;font-weight:800;border-inline-end:1px solid #35154a40}.su-family-nav a:first-child{border-inline-start:1px solid #35154a40}.su-family-nav a:hover{background:#d0e956}.su-family-nav span{font-size:22px;line-height:1}
.su-manifesto{text-align:center;padding:65px 24px 86px;background:#fff8ee}.su-manifesto p{font-size:clamp(28px,3.4vw,52px);line-height:1.1;font-weight:800;letter-spacing:-.05em;margin-bottom:16px}.su-manifesto p span{color:#b22c63}.su-manifesto>span{font-size:15px}
.su-family{position:relative;padding:76px 0 38px;isolation:isolate;scroll-margin-top:78px;background:var(--scene);color:var(--su-ink)}
.su-family:before{content:'';position:absolute;top:-25px;left:-5%;width:110%;height:52px;border-radius:50% 50% 0 0/100% 100% 0 0;background:var(--scene);z-index:-1}
.su-family-inner{max-width:1450px;width:91%;margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center}
.su-family-copy{padding-block:30px;z-index:3}.su-family h2{font-size:clamp(52px,6.2vw,91px)}.su-family h2 span{color:var(--accent)}
.su-family-copy>p:not(.su-kicker){max-width:370px;font-size:16px;line-height:1.75;margin:24px 0}
.su-benefits{display:flex;flex-wrap:wrap;gap:8px;max-width:410px;margin:0 0 28px}.su-benefits span{border:1px solid currentColor;padding:7px 11px;border-radius:99px;font-size:11px;line-height:1.5}.su-benefits b{font-size:15px}
.su-family-stage{position:relative;min-width:0;min-height:480px;display:flex;align-items:center;padding:52px 3% 54px;isolation:isolate;direction:ltr}
.su-family-stage:before{content:'';position:absolute;inset:8% 1%;border:2px solid var(--accent);opacity:.2;border-radius:48% 52% 58% 42%;transform:rotate(-12deg);z-index:-1}
.su-stage-word{position:absolute;top:0;left:-4%;width:108%;text-align:center;font-weight:800;font-size:clamp(64px,8vw,120px);letter-spacing:-.07em;line-height:1;color:var(--accent);opacity:.17;white-space:nowrap;z-index:-1}
.su-packs{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 11px;width:100%;z-index:1}
.su-six .su-pack{aspect-ratio:2.45;transform:rotate(-9deg)}.su-six .su-pack:nth-child(even){transform:translateY(23px) rotate(8deg)}
.su-flavour-tag{position:absolute;bottom:1%;right:8%;padding:10px 19px;background:#fff8ee;color:#35154a;border:1px solid #35154a;border-radius:99px;font-size:12px;font-weight:800;transform:rotate(-5deg);box-shadow:3px 4px 0 #35154a18}
.su-flavour-line{max-width:1400px;width:91%;margin:38px auto 0;padding:19px 0 16px;border-top:1px solid currentColor;font-size:11px;font-weight:700;letter-spacing:.035em;text-align:center;opacity:.8}
.su-melty{--scene:#fac2d3;--accent:#b22265}.su-melty .su-family-stage:after{content:'';position:absolute;inset:12% 9% 8%;z-index:-2;border:38px solid #ffe9dca0;border-radius:47% 53% 44% 56%;transform:rotate(-20deg)}
.su-crunch{--scene:#ffb254;--accent:#a72f23}.su-crunch .su-family-inner{grid-template-columns:1.15fr .85fr}.su-crunch .su-family-copy{order:2}.su-crunch .su-family-stage{order:1}.su-crunch .su-family-stage:before{border:0;opacity:.6;background:#ffda83;clip-path:polygon(50% 0,59% 17%,77% 6%,76% 28%,99% 27%,86% 46%,100% 61%,78% 64%,82% 88%,61% 81%,50% 100%,41% 81%,18% 94%,22% 68%,0 65%,16% 49%,0 32%,25% 29%,24% 6%,43% 19%);border-radius:0;inset:-2% 0}
.su-crunch h2{transform:rotate(-3deg);text-shadow:2px 3px 0 #ffe1a8}.su-crunch .su-stage-word{transform:rotate(-5deg)}
.su-voltix{--scene:#dcec7b;--accent:#6440b4}.su-three .su-packs{grid-template-columns:1fr;gap:12px;padding:0 9%}.su-three .su-pack{aspect-ratio:2.4;max-height:137px;transform:rotate(-9deg)}.su-three .su-pack:nth-child(2){transform:translateX(20px) rotate(6deg)}.su-three .su-pack:nth-child(3){transform:translateX(-8px) rotate(-5deg)}
.su-voltix .su-family-stage:before{border-radius:0;border:0;background:#baa0ed;clip-path:polygon(57% 0,12% 55%,47% 55%,30% 100%,91% 36%,58% 36%,80% 0);opacity:.8;inset:-10% 0}
.su-chocolate{--scene:#39231f;--su-ink:#fff2cd;--accent:#d8b377;color:#fff2cd}.su-chocolate .su-family-inner{grid-template-columns:1.15fr .85fr}.su-chocolate .su-family-copy{order:2}.su-chocolate .su-family-stage{order:1}.su-chocolate .su-button{background:#edc987;color:#39231f;border-color:#edc987}
.su-four .su-packs{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:center}.su-four .su-pack{height:330px;transform:rotate(-9deg)}.su-four .su-pack:nth-child(2){transform:translateY(-25px) rotate(-3deg)}.su-four .su-pack:nth-child(3){transform:translateY(15px) rotate(5deg)}.su-four .su-pack:nth-child(4){transform:rotate(12deg)}
.su-chocolate .su-family-stage:before{border:1px solid #d8b377;opacity:.6;inset:3% 5%;border-radius:50%}.su-chocolate .su-stage-word{font-size:clamp(40px,5.4vw,80px);top:2%;opacity:.28}.su-chocolate .su-flavour-line{color:#edc987}
.su-spread{--scene:#f5c48e;--accent:#994a28}.su-jar .su-packs{grid-template-columns:1fr;justify-items:center}.su-jar .su-pack{height:370px;width:75%;transform:rotate(-8deg);mix-blend-mode:multiply}.su-jar .retail-pack{filter:none}.su-jar .su-stage-word{font-size:clamp(60px,7vw,110px)}
.su-spread .su-family-stage:before{background:repeating-radial-gradient(ellipse at 50% 50%,#b67345 0 12%,#ebb077 13% 18%,#cf8c56 19% 24%);border:0;inset:4% 0;border-radius:50%;opacity:.4;transform:rotate(-25deg)}
.su-kunafa{--scene:#bfd9b2;--accent:#356348}.su-kunafa .su-family-inner{grid-template-columns:1.15fr .85fr}.su-kunafa .su-family-copy{order:2}.su-kunafa .su-family-stage{order:1}.su-two .su-packs{gap:16px;width:78%;margin:auto}.su-two .su-pack{height:350px;transform:rotate(-12deg)}.su-two .su-pack:nth-child(2){transform:translateY(15px) rotate(12deg)}.su-kunafa .su-family-stage:before{background:#eaf0c1;border:0;opacity:.7;inset:4% 8%}
.su-why{background:#fff8ee;padding:90px 6%;text-align:center}.su-why h2{font-size:clamp(42px,5vw,74px)}.su-why h2>span{color:#b22c63}.su-why-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1150px;margin:50px auto 0;gap:50px}.su-why-grid>div>span{font-size:53px;line-height:1;color:#b22c63;display:block;margin-bottom:22px}.su-why h3{font-size:23px;letter-spacing:-.035em;margin-bottom:14px}.su-why p:not(.su-kicker){font-size:14px;line-height:1.75}
.su-moments{padding:70px 5% 100px;background:#d4c6ed}.su-moments-heading{max-width:1350px;margin:auto}.su-moments h2{font-size:clamp(45px,5.4vw,82px)}.su-moments h2 span{color:#81518e}.su-moments-heading>p:last-child{margin-top:20px}.su-moment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;max-width:1350px;margin:40px auto 0}.su-moment{background:#ffcca6;aspect-ratio:1/1;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:26px 22px;border:1px solid #35154a44;border-radius:10px;overflow:hidden;transition:transform .2s}.su-moment:hover{transform:translateY(-6px)}.su-moment:nth-child(2){background:#e4ed96;transform:rotate(3deg)}.su-moment:nth-child(3){background:#ffa7c4;transform:rotate(-2deg)}.su-moment>span{font-size:10px;font-weight:800;letter-spacing:.12em}.su-moment>.retail-pack{width:100%;height:auto;max-height:55%;transform:rotate(-15deg);filter:drop-shadow(0 17px 12px #35154a22);padding:0}.su-moment>b{font-size:clamp(22px,2.6vw,38px);line-height:1.05;letter-spacing:-.05em}
.su-last-call{background:#e3f275;text-align:center;padding:90px 20px 85px;position:relative}.su-last-call h2{font-size:clamp(48px,7vw,104px);margin-bottom:30px}.su-last-star{position:absolute;left:8%;top:20%;font-size:100px;color:#b22c63;transform:rotate(15deg)}.su-order-note{font-size:12px;margin-top:24px!important}
body:has(.su-world) .partner-banner{background:#35154a;color:#fff8ee;padding-block:55px}body:has(.su-world) .partner-banner p{color:#eadff0}body:has(.su-world) .partner-banner h2{font-family:Manrope,Arial,sans-serif;font-size:32px;letter-spacing:-.04em}body:has(.su-world) .partner-banner .button{background:#e3f275;color:#35154a;border-color:#e3f275}
@keyframes su-arrive{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(min-width:1100px) and (prefers-reduced-motion:no-preference){.su-orbit-ring{animation:su-breathe 12s ease-in-out infinite}@keyframes su-breathe{50%{transform:rotate(-12deg) scale(1.04)}}}
@media(max-width:1100px){.su-hero-inner{min-height:610px;padding-block:44px;grid-template-columns:.95fr 1.05fr}.su-orbit{height:500px}.su-hero h1{font-size:clamp(52px,7vw,78px)}.su-family-nav a{padding:18px;gap:20px}.su-family-inner{gap:20px}.su-family h2{font-size:60px}.su-family-stage{min-height:420px}.su-stage-word{font-size:85px}.su-four .su-pack{height:285px}.su-two .su-pack{height:315px}.su-jar .su-pack{height:330px}.su-benefits span{font-size:10px}.su-stamp{width:85px;height:85px;font-size:11px;padding:15px}.su-last-star{font-size:65px;left:4%}}
@media(max-width:760px){
body:has(.su-world){--header-height:66px}body:has(.su-world) .brand{width:121px}body:has(.su-world) .header-inner{gap:12px}body:has(.su-world) .announcement{font-size:8px;min-height:24px}body:has(.su-world) .announcement span{display:none}
.su-hero-inner{grid-template-columns:1fr;gap:5px;padding:36px 22px 35px;min-height:0}.su-hero-copy{padding:0;max-width:600px}.su-hero .su-kicker{font-size:9px;margin-bottom:18px}.su-hero h1{font-size:clamp(49px,11.8vw,84px);line-height:.98;letter-spacing:-.065em}.su-hero .su-intro{font-size:15px;line-height:1.55;max-width:310px;margin:17px 0 21px}.su-button{min-height:51px;font-size:14px;padding:13px 23px;gap:34px}.su-hero-note{font-size:10px;margin-top:18px;gap:9px}.su-star{font-size:24px}.su-orbit{height:auto;aspect-ratio:1.03;width:100%;max-width:590px;margin:5px auto 0}.su-stamp{width:72px;height:72px;font-size:9px;padding:14px;right:20%;top:0}.su-spark{font-size:35px}.su-spark-two{font-size:44px}.su-orbit-caption{font-size:9px;bottom:-12px;left:12%}.su-family-nav{display:grid;grid-template-columns:repeat(3,1fr)}.su-family-nav a{font-size:10px;padding:13px 14px;gap:8px;border:0;border-inline-end:1px solid #35154a33;border-bottom:1px solid #35154a33}.su-family-nav a:first-child{border-inline-start:0}.su-family-nav span{font-size:18px}
.su-manifesto{padding:40px 23px 64px}.su-manifesto p{font-size:30px}.su-manifesto>span{font-size:13px;line-height:1.6;display:block;max-width:340px;margin:auto}
.su-family{padding:28px 0 35px;scroll-margin-top:66px}.su-family-inner,.su-crunch .su-family-inner,.su-chocolate .su-family-inner,.su-kunafa .su-family-inner{width:calc(100% - 44px);grid-template-columns:1fr;gap:6px}.su-family-copy,.su-crunch .su-family-copy,.su-chocolate .su-family-copy,.su-kunafa .su-family-copy{order:0;padding:13px 0 24px}.su-family-stage,.su-crunch .su-family-stage,.su-chocolate .su-family-stage,.su-kunafa .su-family-stage{order:1}.su-kicker{font-size:9px;margin-bottom:17px}.su-family h2{font-size:clamp(51px,12vw,78px);line-height:1}.su-family-copy>p:not(.su-kicker){font-size:14px;line-height:1.65;margin:18px 0;max-width:360px}.su-benefits{margin-bottom:21px;gap:6px}.su-benefits span{font-size:10px;padding:6px 9px}.su-benefits b{font-size:13px}
.su-family-stage{min-height:0;height:auto;aspect-ratio:1.05;padding:40px 0 45px;max-width:580px;width:100%;margin:auto}.su-stage-word{font-size:clamp(60px,16vw,100px);top:0}.su-packs{gap:16px 10px}.su-six .su-pack:nth-child(even){transform:translateY(13px) rotate(8deg)}.su-flavour-tag{font-size:10px;padding:8px 14px;bottom:0;right:4%}.su-flavour-line{font-size:10px;line-height:1.9;margin-top:28px;width:calc(100% - 44px);padding-bottom:12px}.su-three{aspect-ratio:.95}.su-three .su-packs{padding:0 6%;gap:10px}.su-three .su-pack{max-height:none}.su-four{aspect-ratio:1.03}.su-four .su-packs{gap:6px}.su-four .su-pack{height:clamp(210px,61vw,340px)}.su-four .su-pack:nth-child(2){transform:translateY(-12px) rotate(-3deg)}.su-chocolate .su-stage-word{font-size:clamp(38px,10vw,70px)}.su-jar{aspect-ratio:1}.su-jar .su-pack{height:clamp(260px,75vw,370px);width:81%}.su-jar .su-stage-word{font-size:clamp(50px,13vw,90px)}.su-two{aspect-ratio:1}.su-two .su-pack{height:clamp(245px,70vw,360px)}
.su-why{padding:60px 24px}.su-why h2{font-size:clamp(34px,8.6vw,54px)}.su-why-grid{grid-template-columns:1fr;gap:28px;margin-top:34px;text-align:start}.su-why-grid>div{padding-inline-start:65px;position:relative;min-height:85px}.su-why-grid>div>span{position:absolute;inset-inline-start:0;top:3px;font-size:39px}.su-why h3{font-size:21px;margin-bottom:10px}.su-why p:not(.su-kicker){font-size:13px}
.su-moments{padding:48px 22px 65px}.su-moments h2{font-size:44px}.su-moments-heading>p:last-child{font-size:14px;margin-top:14px}.su-moment-grid{grid-template-columns:1fr;gap:22px;margin-top:30px}.su-moment{aspect-ratio:1.2;padding:24px;max-width:440px;width:100%;margin:auto}.su-moment:nth-child(2){transform:rotate(2deg)}.su-moment:nth-child(3){transform:rotate(-1deg)}.su-moment>b{font-size:34px}.su-last-call{padding:67px 24px 60px}.su-last-call h2{font-size:clamp(45px,11vw,75px)}.su-last-star{font-size:39px;top:20px;left:auto;right:20px}.su-order-note{font-size:11px;max-width:270px;margin-inline:auto!important}body:has(.su-world) .partner-banner h2{font-size:28px}
}
html[dir=rtl] .su-world h1,html[dir=rtl] .su-world h2,html[dir=rtl] .su-world h3{font-family:NotoArabic,Arial,sans-serif;letter-spacing:-.035em;line-height:1.25}html[dir=rtl] .su-kicker{letter-spacing:0}html[dir=rtl] .su-hero h1{font-size:clamp(53px,6.4vw,90px)}html[dir=rtl] .su-world .su-button>span{transform:scaleX(-1)}html[dir=rtl] .su-hero-copy{direction:rtl}html[dir=rtl] .su-world .su-family-copy{direction:rtl}html[dir=rtl] .su-family-nav a{direction:ltr}html[dir=rtl] .su-world .su-moment>span,html[dir=rtl] .su-world .su-moment>b{direction:rtl}
@media(max-width:760px){html[dir=rtl] .su-hero h1{font-size:clamp(48px,11vw,76px)}html[dir=rtl] .su-family h2{font-size:clamp(47px,11vw,74px)}}
@media(prefers-reduced-motion:reduce){.su-world *,.su-world *:before,.su-world *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Final legibility and collision corrections */
.su-world h1,.su-world h2{word-spacing:.085em;letter-spacing:-.05em}
.su-six .su-flavour-tag{bottom:-24px;z-index:3}
.su-six{margin-bottom:20px}
.su-orbit-spread{top:73%;height:29%;left:68%;width:28%;z-index:6!important}
@media(max-width:760px){.su-hero-inner{padding-top:28px}.su-hero h1{letter-spacing:-.05em;font-size:clamp(47px,11.2vw,78px)}.su-hero .su-intro{margin:14px 0 18px}.su-hero-note{margin-top:13px}.su-hero .su-kicker{margin-bottom:14px}.su-orbit{margin-top:0}.su-six .su-flavour-tag{bottom:-18px}.su-six{margin-bottom:18px}.su-world h2{letter-spacing:-.045em}}
html[dir=rtl] .su-world h1,html[dir=rtl] .su-world h2{word-spacing:0}

.su-jar .su-pack,.su-orbit-spread{mix-blend-mode:normal}.su-jar .retail-pack{filter:drop-shadow(0 16px 13px #62341333)}

@media(max-width:760px){.su-three{aspect-ratio:.63}.su-two{aspect-ratio:.8}.su-jar{aspect-ratio:.86}}

@media(max-width:760px){.su-family-stage{margin-bottom:35px}.su-family-stage .su-flavour-tag{bottom:-30px}}