:root{--green:#123e2d;--deep:#0b2e21;--yellow:#f5dc7d;--ink:#163426;--muted:#708074;--line:#e2e9e0;--soft:#f3f6f0;--white:#fff;--font:'Noto Sans Arabic','DM Sans',sans-serif;--shadow:0 16px 38px rgb(20 55 30 / 6%)}
*{box-sizing:border-box;min-width:0}html{scroll-behavior:smooth;scroll-padding-top:175px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.65}button,input,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{border:0;background:none;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bd962f;outline-offset:4px}button:disabled{cursor:default}svg:not(.store-illustration){width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}[data-icon],.icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0}[hidden]{display:none!important}.container{width:min(1320px,calc(100% - 80px));margin-inline:auto}
.announcement{height:34px;background:var(--deep);color:#edf4e9;display:flex;align-items:center;justify-content:center;gap:16px;font-size:12px}.demo{color:var(--yellow);font-size:12px;padding-inline:10px;border-inline-start:1px solid #ffffff40}.site-header{background:#fffffff2;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-main{display:flex;align-items:center;gap:52px;height:87px}.logo{font:800 48px/.95 'DM Sans',sans-serif;letter-spacing:-3.3px;display:block;width:max-content}.logo span{color:#b29236}.logo small{display:block;font:500 12px/1.9 var(--font);letter-spacing:0;text-align:center;color:var(--muted);margin-top:5px}.search{display:flex;align-items:center;gap:14px;background:var(--soft);border:1px solid #e2e9dd;border-radius:12px;height:49px;padding:0 18px;flex:1;max-width:615px;transition:border-color .2s,box-shadow .2s}.search:focus-within{border-color:#94a981;box-shadow:0 0 0 3px #dbe9d340}.search input{border:0;outline:none;background:none;width:100%;font-size:16px;color:var(--ink);min-width:0}.search input:focus-visible{outline:none}.search input::placeholder{color:#899487}.search kbd{font:400 12px 'DM Sans',sans-serif;padding:2px 7px;border:1px solid #d4ddcc;border-radius:4px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:20px;margin-inline-start:auto;flex-shrink:0}.language{display:flex;align-items:center;gap:7px;font-size:14px;min-height:44px}.language [data-icon]{width:18px;height:18px}.cart-button{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px;padding:10px 15px;font-size:14px;min-height:46px}.cart-button b{font:700 12px/22px 'DM Sans',sans-serif;background:var(--yellow);min-width:22px;height:22px;text-align:center;border-radius:50%}.nav{display:flex;align-items:center;justify-content:space-between;height:51px;border-top:1px solid var(--line);font-size:14px}.nav-main{display:flex;align-items:center;gap:32px}.nav-main>*{min-height:44px;display:flex;align-items:center}.nav-category{gap:10px;font-weight:700;padding-inline-end:25px;border-inline-end:1px solid var(--line);min-height:28px!important}.nav-category [data-icon]{width:18px;height:18px}.nav .active{font-weight:700;color:var(--green)}.nav-note{font-size:12px;color:var(--muted)}
.hero{display:grid;grid-template-columns:45% 55%;background:var(--deep);color:#fff;border-radius:22px;margin-top:26px;overflow:hidden;min-height:475px;isolation:isolate;position:relative}.hero-copy{padding:45px 46px;display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2}.eyebrow{display:block;font-size:12px;font-weight:600;line-height:1.7;letter-spacing:.04em}.hero .eyebrow{color:var(--yellow);margin-bottom:22px;border:1px solid #ffffff24;padding:5px 12px;border-radius:30px}.hero h1{font-size:clamp(46px,5.4vw,76px);font-weight:800;line-height:1.3;letter-spacing:-2.5px;margin:0 0 16px}.hero h1 em{font-style:normal;color:var(--yellow)}.hero p{max-width:380px;margin:0 0 27px;font-size:16px;line-height:1.9;color:#d3dfd1}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 25px;font-weight:600;font-size:14px;border-radius:11px;transition:transform .2s,box-shadow .2s}.yellow{background:var(--yellow);color:var(--deep)}.dark{background:var(--green);color:#fff}.button:hover{transform:translateY(-2px);box-shadow:0 9px 24px #0002}.hero-stats{display:flex;align-items:center;gap:30px;margin-top:auto;padding-top:30px}.hero-stats>div{display:flex;align-items:baseline;gap:9px}.hero-stats>div+div{border-inline-start:1px solid #ffffff30;padding-inline-start:30px}.hero-stats strong{font:500 24px/1.2 'DM Sans',sans-serif;letter-spacing:-.7px}.hero-stats span{font-size:12px;color:#b8cdb9}.hero-visual{position:relative}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:55% center}.hero-visual:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 78%,#0b2e2120)}html[dir=ltr] .hero-visual:after{background:linear-gradient(90deg,#0b2e2120,transparent 22%)}.hero-sticker{position:absolute;z-index:1;top:29px;inset-inline-end:29px;background:var(--yellow);color:var(--deep);padding:12px 17px;border-radius:12px;box-shadow:0 5px 22px #0825151f;transform:rotate(-5deg);line-height:1.6}.hero-sticker>span:first-child{display:block;font-size:12px}.hero-sticker strong{font-size:15px}.sticker-spark{position:absolute;inset-inline-end:11px;top:-14px;font-size:27px}.image-caption{position:absolute;z-index:1;bottom:23px;inset-inline-end:27px;color:#f5f5dd;background:#0b2e2170;backdrop-filter:blur(8px);border:1px solid #ffffff30;font-size:12px;border-radius:30px;padding:5px 14px}.benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--line);padding:23px 0;margin-bottom:10px}.benefits>div{display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px}.benefits>div+div{border-inline-start:1px solid var(--line)}.benefits [data-icon]{width:20px;height:20px;color:#718768}
.section{padding-top:42px;scroll-margin-top:22px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:23px}.section .eyebrow{color:var(--muted);margin-bottom:5px}h2{margin:0;font-size:32px;line-height:1.5;font-weight:700;letter-spacing:-1px}.text-link{font-size:14px;font-weight:600;min-height:44px;padding:8px 14px;border:1px solid var(--line);border-radius:10px;flex-shrink:0}.text-link:hover{background:var(--soft)}.category-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.category-card{border:1px solid var(--line);border-radius:16px;padding:21px 12px 19px;text-align:center;background:#fff;transition:transform .2s,border-color .2s,box-shadow .2s}.category-card:hover{border-color:#b0c59f;transform:translateY(-3px);box-shadow:var(--shadow)}.category-card.selected{background:#f2f7ed;border-color:#849d70}.category-image{display:flex;align-items:center;justify-content:center;margin:0 auto 16px;width:92px;height:92px;border-radius:50%;background:var(--soft);overflow:hidden}.category-image img{width:76px;height:76px;object-fit:contain;mix-blend-mode:multiply}.category-card:nth-child(6n+2) .category-image{background:#f8f2e0}.category-card:nth-child(6n+3) .category-image{background:#e9eee4}.category-card:nth-child(6n+4) .category-image{background:#f2f0e7}.category-card:nth-child(6n+5) .category-image{background:#eaf1ef}.category-card strong{font-size:14px;line-height:1.65;font-weight:600;min-height:46px;display:flex;align-items:center;justify-content:center}.category-card small{display:block;font-size:12px;color:var(--muted);margin-top:3px}
.product-section{margin-top:42px;padding:38px;border:1px solid #e6ece0;background:#f5f7f2;border-radius:22px}.catalog-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}.catalog-controls select{border:1px solid #d9e2d1;border-radius:10px;background:#fff;padding:10px 13px;min-height:46px;font-size:14px;color:var(--ink);max-width:210px}.filters{display:flex;align-items:center;gap:7px;overflow-x:auto;scrollbar-width:none;padding-bottom:5px}.filters::-webkit-scrollbar{display:none}.filter{white-space:nowrap;font-size:14px;border:1px solid #dce5d4;background:#fff;border-radius:25px;min-height:44px;padding:8px 17px;transition:background .2s}.filter.active{background:var(--green);border-color:var(--green);color:#fff}.results-meta{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:47px;color:var(--muted);font-size:12px}.results-meta button{font-size:12px;min-height:44px;padding:8px 0;text-decoration:underline}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{overflow:hidden;background:#fff;border:1px solid #e3e9dd;border-radius:15px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#c5d3b9}.product-photo{display:flex;align-items:center;justify-content:center;width:100%;height:218px;background:#fff;position:relative;padding:33px 28px 21px;overflow:hidden}.product-photo img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.product-photo:hover img{transform:scale(1.045)}.product-badge{position:absolute;top:14px;inset-inline-start:14px;border:1px solid #d9e6c8;border-radius:5px;background:#eef5e7;color:#4d653a;padding:3px 7px;font:600 12px/1.4 'DM Sans',sans-serif;z-index:1}.product-info{border-top:1px solid #edf1e7;padding:18px;flex:1;display:flex;flex-direction:column}.product-brand{font-size:12px;line-height:1.6;min-height:19px;color:#8c9785;letter-spacing:0}.product-name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:15px;font-weight:600;line-height:1.7;text-align:start;padding:0;margin:8px 0 0;width:100%;min-height:76px;overflow-wrap:anywhere}.product-unit{font-size:12px;color:var(--muted);display:block}.product-unit:empty{display:none}.product-bottom{margin-top:auto;padding-top:19px;display:flex;flex-direction:column;align-items:stretch;gap:12px}.product-bottom>div:first-child{display:flex;align-items:baseline;flex-wrap:wrap;gap:9px;min-height:29px}.price{display:inline-block;white-space:nowrap;font:600 24px/1.15 'DM Sans',sans-serif;color:var(--green);letter-spacing:-.5px;font-variant-numeric:tabular-nums}.price small{font-size:12px;font-weight:500;letter-spacing:0;margin-inline-start:4px}.old-price{font:400 12px/1.4 'DM Sans',sans-serif;color:#8c9588;text-decoration:line-through;white-space:nowrap}.add-button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;width:100%;border-radius:9px;border:1px solid #c6d8b8;background:#edf5e6;color:var(--green);font-size:14px;font-weight:600;transition:background .15s,border-color .15s}.add-plus{font:400 21px/1 'DM Sans',sans-serif}.add-button:hover{background:var(--green);border-color:var(--green);color:#fff}.card-quantity{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;min-height:44px;border:1px solid #c6d8b8;background:#edf5e6;border-radius:9px;text-align:center;color:var(--green);width:100%}.card-quantity button{width:44px;height:44px;font:400 21px/1 'DM Sans',sans-serif;display:flex;align-items:center;justify-content:center;padding:0}.card-quantity span{font:600 15px/1 'DM Sans',sans-serif}.pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:30px}.page-numbers{display:flex;align-items:center;gap:6px;direction:ltr}.page-button{width:42px;height:44px;border:1px solid #d6e1cd;border-radius:9px;background:#fff;font:500 14px 'DM Sans',sans-serif}.page-button.current{background:var(--green);color:#fff;border-color:var(--green)}.page-gap{padding:0 4px}.page-direction{background:#fff;min-height:44px;border:1px solid #d6e1cd;border-radius:9px;padding:10px 15px;font-size:14px}.page-direction:disabled{opacity:.4}.empty{text-align:center;padding:55px 16px}.empty>[data-icon]{width:35px;height:35px}.empty h3{font-size:22px}.empty p{font-size:16px;color:var(--muted)}
.pantry-banner{margin:62px 0;background:#eaf0df;border:1px solid #dce6ce;border-radius:20px;padding:47px 62px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.pantry-banner .eyebrow{color:#6c795c}.pantry-banner h2{font-size:44px;line-height:1.4;margin:14px 0}.pantry-banner h2 em{font-style:normal;color:#6c854c}.pantry-banner p{font-size:16px;line-height:1.85;color:#6b785e;max-width:390px;margin-bottom:24px}.pantry-list{padding:30px 34px;background:#fffef6;border:1px solid #dce0cb;box-shadow:0 15px 38px #42602710;border-radius:5px;transform:rotate(-2deg);position:relative}.pantry-list:before{content:'';position:absolute;top:-12px;left:calc(50% - 38px);height:24px;width:76px;background:#bcc7a880;transform:rotate(5deg)}.list-title{font-size:22px;font-weight:600;display:block;margin-bottom:14px}.pantry-list>div{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #e1e4d4;font-size:14px}.pantry-list [data-icon]{width:23px;height:23px;border:1px solid #9caf82;border-radius:50%;padding:5px;color:#79965e}.pantry-list small{margin-inline-start:auto;font:400 12px 'DM Sans',sans-serif;color:#95a087}.list-footer{font-size:12px;color:#8b9877;display:block;margin-top:23px}footer{background:var(--deep);color:#eef4e8}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:45px}.footer-top .logo{font-size:53px}.footer-top p{font-size:14px;color:#b6c9b3;margin:15px 0 0}.footer-links{display:flex;gap:28px;align-items:center;font-size:14px}.footer-links a{display:flex;align-items:center;min-height:44px}.footer-message strong{display:block;font-size:19px}.footer-message span{font-size:12px;color:#b6c9b3;display:block;margin-top:6px}.footer-bottom{border-top:1px solid #ffffff20;padding-block:20px;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;color:#adc2aa}
.mobile-nav{display:none}dialog{border:0;padding:0;color:var(--ink);box-shadow:0 24px 90px #08231035;overscroll-behavior:contain}dialog::backdrop{background:#08231380;backdrop-filter:blur(4px)}.dialog-open{overflow:hidden}.cart-dialog{margin:0;margin-inline-start:auto;inset:0;inset-inline-start:auto;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;width:480px;max-width:100%;padding:28px;overflow:hidden;background:#fff}.cart-dialog[open]{display:flex;flex-direction:column}.cart-head{display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.cart-head h2{font-size:28px}.icon-button{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--soft);flex-shrink:0}.cart-demo{font-size:12px;background:var(--soft);color:var(--muted);padding:12px;border-radius:9px;flex-shrink:0;margin:16px 0 0}#cartItems{overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain;padding-block:7px;scrollbar-width:thin}.cart-item{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}.cart-item img{width:68px;height:80px;object-fit:contain;flex-shrink:0}.cart-item-info{flex:1;min-width:0}.cart-item-name{font-size:14px;font-weight:600;line-height:1.7;overflow-wrap:anywhere}.cart-item-price{font:600 15px/1.5 'DM Sans',sans-serif;margin:4px 0 9px}.cart-item .card-quantity{width:140px;max-width:100%}.remove{font-size:12px;min-height:44px;min-width:44px;color:#92775b;text-decoration:underline}.cart-empty{text-align:center;padding:65px 10px}.cart-empty [data-icon]{width:40px;height:40px;color:#789365}.cart-empty p{font-size:16px}.cart-empty p+p{color:var(--muted)}#cartSummary{flex-shrink:0;background:#fff;box-shadow:0 -8px 20px #fff}.cart-total{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid var(--line)}.cart-summary-note{font-size:12px;color:var(--muted);margin:14px 0}.cart-summary-note+.button{width:100%}.product-dialog{border-radius:22px;max-width:810px;width:calc(100% - 40px);max-height:90vh;max-height:90dvh;overflow-y:auto;background:#fff}.modal-close{position:absolute;z-index:2;top:16px;inset-inline-end:16px}#productDetail{display:grid;grid-template-columns:1fr 1fr}.detail-image{padding:45px;background:var(--soft);display:flex;align-items:center;justify-content:center;min-height:390px}.detail-image img{width:100%;max-height:280px;object-fit:contain;mix-blend-mode:multiply}.detail-info{padding:62px 32px 32px}.detail-info h2{font-size:24px;line-height:1.7;margin:12px 0;overflow-wrap:anywhere}.detail-info p{font-size:14px;line-height:1.8;color:var(--muted)}.detail-info p:empty{display:none}.detail-info .price{margin:18px 0 22px}.detail-info .old-price{margin-inline-start:10px}.detail-info .button{width:100%}.toast{position:fixed;z-index:100;inset-inline:20px;bottom:24px;display:block;margin-inline:auto;width:max-content;max-width:calc(100% - 40px);background:var(--green);color:white;border:1px solid #ffffff30;border-radius:12px;padding:12px 22px;font-size:14px;text-align:center;box-shadow:0 8px 32px #0002;pointer-events:none;opacity:0;transform:translateY(14px);transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translateY(0)}
html[lang=fr]{--font:'DM Sans','Noto Sans Arabic',sans-serif}html[lang=fr] .hero h1{font-size:clamp(47px,5.8vw,80px);line-height:1.12;letter-spacing:-3px}html[lang=fr] .hero h1 em,html[lang=fr] .pantry-banner h2 em{font-family:'Playfair Display',serif;font-weight:600;font-style:italic}html[lang=fr] .hero p{line-height:1.8}html[lang=fr] h2{line-height:1.3}html[lang=fr] .product-name{line-height:1.7}
@media(min-width:1500px){.hero-copy{padding:53px 54px}.hero{min-height:505px}.hero h1{font-size:80px}.hero p{margin-bottom:30px}}
@media(max-width:1120px){.container{width:calc(100% - 48px)}.header-main{gap:30px}.header-actions{gap:15px}.hero-copy{padding:36px 33px}.hero{min-height:440px}.hero h1{font-size:60px}.hero-stats{gap:20px}.hero-stats>div+div{padding-inline-start:20px}.product-section{padding:26px}.product-grid{gap:14px}.product-photo{height:195px;padding:29px 21px 18px}.product-info{padding:15px}.pantry-banner{padding:38px;gap:55px}.pantry-banner h2{font-size:38px}.catalog-controls select{max-width:180px}.category-card{padding:19px 8px}.category-image{width:79px;height:79px}.category-image img{width:66px;height:66px}.footer-links{gap:22px}.footer-message{max-width:270px}}
@media(max-width:900px){.container{width:calc(100% - 40px)}.header-main{gap:22px}.logo{font-size:42px}.logo small{font-size:12px}.cart-label{display:none}.cart-button{padding:10px 12px}.nav-note{display:none}.nav-main{justify-content:space-between;width:100%;gap:24px}.hero{grid-template-columns:48% 52%;min-height:430px}.hero-copy{padding:33px 28px}.hero h1{font-size:54px}.hero .eyebrow{font-size:12px}.hero p{font-size:16px}.hero-sticker{top:20px;inset-inline-end:20px;padding:10px 14px}.hero-stats strong{font-size:21px}.benefits>div{font-size:12px;gap:8px}.benefits [data-icon]{width:18px;height:18px}.section{padding-top:35px}h2{font-size:28px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.category-card{display:flex;text-align:start;align-items:center;gap:14px;padding:15px}.category-image{margin:0;width:66px;height:66px;flex-shrink:0}.category-image img{width:55px;height:55px}.category-card strong{min-height:0;justify-content:flex-start}.category-card small{margin-top:4px}.product-section .section-heading{flex-wrap:wrap;gap:16px}.catalog-controls{flex-shrink:1}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-photo{height:190px}.pantry-banner{gap:38px;padding:33px}.pantry-banner h2{font-size:34px}.pantry-list{padding:25px}.footer-message{display:none}.footer-top{gap:30px}.footer-links{gap:22px}.footer-bottom{font-size:12px;gap:16px}}
@media(max-width:680px){html{scroll-padding-top:145px}.container{width:calc(100% - 32px)}body{padding-bottom:calc(78px + env(safe-area-inset-bottom,0px))}.announcement{height:29px;font-size:12px;gap:10px}.demo{font-size:12px}.header-main{height:auto;min-height:119px;padding:12px 0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 15px}.logo{font-size:40px;line-height:1}.logo small{display:none}.header-actions{gap:13px;justify-content:flex-end;margin:0}.language{font-size:14px;min-width:48px;min-height:44px;justify-content:center}.cart-button{min-height:44px;padding:8px 11px;border-radius:10px;gap:8px}.cart-button [data-icon]{width:20px;height:20px}.search{grid-column:1/-1;width:100%;height:46px;max-width:none;padding:0 13px;border-radius:10px;gap:10px}.search input{font-size:16px}.search kbd{display:none}.site-header .nav{display:none}.hero{grid-template-columns:1fr;margin-top:17px;min-height:0;border-radius:18px}.hero-copy{padding:28px 27px 25px}.hero .eyebrow{font-size:12px;margin-bottom:16px;padding:4px 11px}.hero h1{font-size:52px;line-height:1.25;letter-spacing:-2px;margin-bottom:13px}.hero h1 br{display:none}.hero h1 em{display:block}.hero p{font-size:16px;line-height:1.8;margin-bottom:19px;max-width:100%}.hero .button{min-height:46px;padding:11px 22px}.hero-stats{gap:24px;padding-top:23px;margin-top:0}.hero-stats strong{font-size:22px}.hero-stats>div+div{padding-inline-start:24px}.hero-visual{height:220px}.hero-visual img{object-position:center 52%}.hero-sticker{top:18px;inset-inline-end:19px;font-size:12px;padding:9px 14px}.hero-sticker strong{font-size:14px}.image-caption{inset-inline-end:18px;bottom:17px;font-size:12px;padding:4px 12px}.benefits{padding:20px 0;margin:0;gap:8px}.benefits>div{flex-direction:column;text-align:center;font-size:12px;gap:7px;line-height:1.65;padding-inline:5px}.benefits>div+div{border:0}.benefits [data-icon]{height:21px;width:21px}.section{padding-top:30px}.section-heading{gap:12px;align-items:center;margin-bottom:19px}.section .eyebrow{font-size:12px;margin-bottom:4px}h2{font-size:26px;line-height:1.55;letter-spacing:-.7px}.text-link{font-size:12px;min-height:44px;padding:8px 10px;border-radius:9px;max-width:155px}.category-grid:not(.expanded){grid-auto-flow:column;grid-auto-columns:132px;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:0;padding-bottom:8px;scrollbar-width:none;gap:11px}.category-grid::-webkit-scrollbar{display:none}.category-card{display:block;text-align:center;padding:17px 10px;scroll-snap-align:start;border-radius:13px}.category-image{width:68px;height:68px;margin:0 auto 13px}.category-image img{width:56px;height:56px}.category-card strong{min-height:48px;justify-content:center;font-size:14px}.category-card small{font-size:12px;margin-top:2px}.category-grid.expanded{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-section{margin-top:26px;padding:25px 13px 23px;border-radius:17px;margin-inline:-5px}.product-section .section-heading{padding-inline:2px;gap:17px;margin-bottom:17px}.product-section h2{font-size:26px}.catalog-controls{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.catalog-controls select{width:100%;max-width:none;min-height:46px;font-size:16px;padding:9px 10px;border-radius:9px}.filters{gap:6px;padding-bottom:5px;max-width:100%}.filter{font-size:14px;padding:7px 14px;min-height:44px}.results-meta{min-height:48px;gap:8px;font-size:12px;flex-wrap:wrap}.results-meta button{font-size:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.product-photo{height:175px;padding:30px 16px 17px}.product-badge{top:12px;inset-inline-start:11px;font-size:12px;padding:2px 6px}.product-info{padding:14px 12px 12px}.product-brand{font-size:12px;line-height:1.6;min-height:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-name{font-size:14px;min-height:72px;line-height:1.7;margin-top:8px}.product-bottom{padding-top:16px;gap:12px}.product-bottom>div:first-child{display:block;min-height:43px}.price{font-size:23px;letter-spacing:-.6px}.price small{font-size:12px}.old-price{font-size:12px;display:block;margin-top:4px}.add-button{font-size:14px;gap:7px;min-height:44px}.add-plus{font-size:20px}.card-quantity button{width:44px;height:44px}.card-quantity span{font-size:14px}.pagination{flex-wrap:wrap;gap:10px;margin-top:24px}.page-numbers{order:1;gap:5px;flex-basis:100%;justify-content:center}.page-direction{order:2;flex:1;min-height:44px;max-width:160px;font-size:14px}.page-button{width:42px;height:44px;font-size:14px}.page-gap{padding-inline:3px}.pantry-banner{margin:35px 0;grid-template-columns:1fr;gap:33px;padding:28px 25px;border-radius:17px}.pantry-banner h2{font-size:36px;line-height:1.45;margin:12px 0}.pantry-banner p{font-size:16px;line-height:1.8}.pantry-list{padding:25px;max-width:420px;width:100%;margin-inline:auto}.pantry-list>div{font-size:14px;padding:13px 0}.list-title{font-size:21px}.list-footer{font-size:12px}.footer-top{padding-block:33px;align-items:flex-start;gap:24px}.footer-top .logo{font-size:47px}.footer-top p{font-size:14px;max-width:180px}.footer-links{flex-direction:column;gap:3px;align-items:flex-start;font-size:14px;flex-shrink:0}.footer-bottom{padding-block:20px;flex-wrap:wrap;gap:12px;font-size:12px}.footer-bottom>span:nth-child(2){order:3;width:100%;line-height:1.7}.mobile-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;position:fixed;inset-inline:0;bottom:0;z-index:40;min-height:74px;background:#fffffff7;backdrop-filter:blur(16px);border-top:1px solid #dfe8d8;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));box-shadow:0 -6px 24px #123e2d06}.mobile-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;font-size:12px;line-height:1.5;color:#899682;border-radius:10px;min-height:52px;padding:4px 0}.mobile-nav-link.active{color:var(--green);background:#edf4e7;font-weight:600}.mobile-nav-link>[data-icon],.mobile-cart-icon>[data-icon]{height:22px;width:22px}.mobile-cart-icon{display:inline-flex;position:relative}.mobile-cart-icon b{position:absolute;top:-7px;inset-inline-end:-10px;min-width:17px;height:17px;padding-inline:3px;background:var(--yellow);color:var(--green);border-radius:12px;font:600 10px/17px 'DM Sans',sans-serif;box-shadow:0 0 0 2px #fff}.toast{bottom:calc(92px + env(safe-area-inset-bottom,0px));font-size:14px;padding:12px 17px;max-width:calc(100% - 32px)}.cart-dialog{width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;padding:22px 20px calc(18px + env(safe-area-inset-bottom,0px))}.cart-head h2{font-size:26px}.cart-demo{font-size:12px;line-height:1.8}.cart-item{gap:12px;padding:17px 0}.cart-item img{width:58px;height:76px}.cart-item-name{font-size:14px}.cart-item .card-quantity{width:138px}.cart-item .remove{font-size:12px;align-self:center}.cart-summary-note{font-size:12px;margin:11px 0}.cart-total .price{font-size:27px}.product-dialog{position:fixed;inset: auto 0 0;margin:0;width:100%;max-width:none;border-radius:24px 24px 0 0;max-height:91vh;max-height:91dvh;padding-bottom:env(safe-area-inset-bottom,0px)}#productDetail{grid-template-columns:1fr}.detail-image{min-height:235px;padding:37px}.detail-image img{height:175px;max-height:175px}.detail-info{padding:24px 25px 26px}.detail-info h2{font-size:23px;line-height:1.7;margin:10px 0}.detail-info p{font-size:14px;line-height:1.85}.detail-info .price{font-size:28px;margin:15px 0 23px}.detail-info .old-price{display:inline-block;margin-inline-start:10px}.detail-info .button{min-height:48px}.modal-close{top:16px;inset-inline-end:16px}html[lang=fr] .hero h1{font-size:56px;line-height:1.12;letter-spacing:-2px}html[lang=fr] .hero p{font-size:16px;line-height:1.7}html[lang=fr] .product-name{line-height:1.7}html[lang=fr] .pantry-banner h2{font-size:36px}}
@media(max-width:370px){.container{width:calc(100% - 28px)}.header-main{column-gap:8px}.header-actions{gap:8px}.logo{font-size:38px}.language{min-width:44px}.cart-button{padding:8px 9px}.hero-copy{padding:24px 22px}.hero h1{font-size:46px}.hero p{font-size:16px}.hero-visual{height:200px}.hero-stats{gap:20px}.hero-stats>div+div{padding-inline-start:20px}.hero-stats strong{font-size:21px}h2{font-size:23px}.text-link{max-width:136px;padding:7px 8px;font-size:12px}.product-section{padding:23px 10px}.product-section h2{font-size:24px}.product-grid{gap:8px}.product-info{padding:12px 10px}.product-photo{height:148px;padding:27px 12px 14px}.price{font-size:21px}.add-button{gap:5px;font-size:14px}.card-quantity{grid-template-columns:44px minmax(0,1fr) 44px}.catalog-controls select{padding-inline:7px;font-size:16px}.cart-dialog{padding-inline:16px}.cart-item{gap:9px}.cart-item img{width:47px}.cart-item .card-quantity{width:128px}.cart-item .remove{font-size:12px;min-width:37px}.pantry-banner{padding:25px 22px}.pantry-banner h2{font-size:33px}.pantry-list{padding:22px}.footer-links{font-size:14px}.footer-top p{max-width:135px}html[lang=fr] .hero h1{font-size:49px}}
@media(hover:none){.product-card:hover,.category-card:hover,.button:hover{transform:none;box-shadow:none}.product-photo:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

@media(max-width:680px){html[lang=fr] .hero h1{font-size:clamp(40px,11.8vw,54px)}}@media(max-width:300px){.product-grid{grid-template-columns:minmax(0,1fr)}.category-grid.expanded{grid-template-columns:minmax(0,1fr)}.header-main{grid-template-columns:1fr;gap:8px}.header-actions{grid-row:2;justify-content:space-between}.hero h1{font-size:37px}.hero-stats{gap:15px}.hero-stats>div+div{padding-inline-start:15px}.catalog-controls{grid-template-columns:minmax(0,1fr)}.section-heading{flex-wrap:wrap}.footer-top{flex-wrap:wrap}.footer-links{flex-direction:row;flex-wrap:wrap}.cart-item{flex-wrap:wrap}.cart-item-info{min-width:150px}}

.mobile-cart-icon b{font-size:12px;line-height:19px;min-width:19px;height:19px}.cart-button b{padding-inline:5px}

.detail-info p{font-size:16px}

:root{--muted:#64715f}html[lang=ar] h1,html[lang=ar] h2{letter-spacing:0}.product-brand,.old-price{color:#65715f}.mobile-nav-link{color:#65715f}.mobile-nav-link.active{color:var(--green)}

@media(max-width:680px){.hero-copy{padding:25px 25px 24px}.hero .eyebrow{margin-bottom:13px}.hero h1{font-size:48px;line-height:1.22;margin-bottom:12px}.hero p{line-height:1.75;margin-bottom:18px}.hero-stats{display:none}.hero-visual{height:200px}}@media(max-width:370px){.hero-copy{padding:23px 22px}.hero h1{font-size:43px}.hero-visual{height:180px}}