@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--ink:#243c32;--paper:#faf9f5;--line:#dedfd7;--accent:#d6e1b2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px}button,input,select{font:inherit;color:inherit}button,a,input,select,summary{touch-action:manipulation}button,a{transition:.2s}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8b9f58;outline-offset:4px}.announcement{text-align:center;background:var(--ink);color:white;padding:11px;font-size:11px;letter-spacing:.05em}.announcement strong{font-weight:400;opacity:.75;margin-left:12px}header{display:flex;align-items:center;justify-content:space-between;padding:26px 5%;border-bottom:1px solid var(--line)}.logo{font-size:30px;font-weight:700;letter-spacing:-2px;line-height:.9;display:inline-block}.logo span{display:block;font-size:9px;letter-spacing:5px;padding-top:8px;padding-left:3px}nav{display:flex;gap:32px;font-size:13px}nav a:hover{opacity:.6}.saved{border:0;background:transparent;font-size:12px}.saved span{display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:25px;height:25px;margin-left:8px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:600px}.hero-copy{padding:65px 10% 35px}.eyebrow{letter-spacing:.2em;font-size:10px;font-weight:600;margin:0 0 26px}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.04em;line-height:1.06}h1{font-size:clamp(48px,5.5vw,86px);margin:0 0 28px}h1 em,h2 em{font-weight:500}h2{font-size:48px;margin:0}.hero-copy>p:not(.eyebrow){max-width:350px;line-height:1.8;color:#667267;font-size:14px}.primary{display:inline-flex;background:var(--ink);color:white;padding:17px 23px;font-size:12px;gap:40px;margin-top:23px}.primary:hover{background:#3e5948}.hero-note{border-top:1px solid var(--line);margin-top:52px;padding-top:20px;font-size:10px;color:#788074}.hero-note span{font-weight:600;margin-right:20px;color:var(--ink)}.hero-image{position:relative;background:#e9e6de;overflow:hidden}.hero-image>img{width:100%;height:100%;position:absolute;object-fit:cover}.hero-label{position:absolute;bottom:28px;left:28px;right:28px;background:rgba(250,249,245,.94);padding:18px 21px;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px}.hero-label>span{font-size:9px;letter-spacing:.12em}.strip{display:flex;justify-content:space-around;align-items:center;gap:20px;background:var(--accent);padding:21px 5%;font-size:11px;letter-spacing:.05em}.collection{padding:80px 5%}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px}.section-head h2 span{color:#95a573}.section-head>p{font-size:12px;color:#6a7469;line-height:1.8}.toolbar{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid var(--line);padding:9px 15px;background:transparent;font-size:11px}.filters button.active{background:var(--ink);color:white;border-color:var(--ink)}.search-sort{display:flex;gap:12px}.search-sort input{background:transparent;border:0;border-bottom:1px solid var(--line);width:150px;font-size:12px}.search-sort select{background:transparent;border:0;font-size:11px}.result-status{font-size:11px;color:#737c71;margin:0 0 16px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{min-width:0}.product-img{height:310px;background:#efeee8;position:relative;overflow:hidden}.product-img>button:first-child{padding:0;border:0;width:100%;height:100%;background:transparent}.product-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover img{transform:scale(1.035)}.heart{position:absolute;top:12px;right:12px;width:32px;height:32px;border:0;border-radius:50%;background:#faf9f5;color:var(--ink);font-size:19px}.heart[aria-pressed=true]{background:var(--ink);color:white}.tag{position:absolute;bottom:12px;left:12px;background:rgba(250,249,245,.94);padding:7px 10px;font-size:9px;letter-spacing:.07em;pointer-events:none}.card-line{display:flex;justify-content:space-between;gap:10px;align-items:baseline;margin-top:18px}.card h3{font-size:14px;font-weight:500;margin:0}.card .price{font-size:13px;white-space:nowrap}.card p{color:#758071;font-size:11px}.view{background:transparent;padding:0 0 5px;border:0;border-bottom:1px solid #aab1a2;font-size:11px}.price-note{font-size:10px;color:#798173;margin-top:28px;line-height:1.8}.approach{background:#e8eadf;padding:75px 9%;display:grid;grid-template-columns:1fr 1.2fr;gap:12%;align-items:center}.approach-mark{font-family:Georgia,serif;font-size:260px;letter-spacing:-35px;position:relative;color:#344e3c}.approach-mark span{font-family:Arial,sans-serif;font-size:110px;letter-spacing:0}.approach p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:500px}.approach .muted{color:#687360;font-size:11px!important}.faq{padding:80px 8%;display:grid;grid-template-columns:1fr 1.3fr;gap:10%}.faq h2{font-size:42px}details{border-bottom:1px solid var(--line);padding:19px 0}summary{cursor:pointer;font-size:13px}details p{line-height:1.8;font-size:12px;color:#667260}footer{border-top:1px solid var(--line);padding:40px 5%;display:flex;gap:25px;align-items:center;flex-wrap:wrap}footer p{font-family:Georgia,serif;font-style:italic;font-size:21px;margin-right:auto}footer>span{font-size:10px;letter-spacing:.1em}footer small{flex-basis:100%;font-size:10px;color:#788272;margin-top:12px}dialog{border:0;padding:0;width:min(880px,94vw);max-height:90vh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#16261f99;backdrop-filter:blur(3px)}.close{position:absolute;top:12px;right:12px;border:0;background:white;border-radius:50%;width:34px;height:34px;z-index:2}#detailContent{display:grid;grid-template-columns:1fr 1fr}#detailContent>img{width:100%;height:100%;min-height:460px;object-fit:cover}.detail-copy{padding:45px 30px 30px}.detail-copy h2{font-size:36px}.detail-copy p,.detail-copy li{font-size:12px;line-height:1.8}.detail-copy ul{padding-left:16px}.detail-copy .price{font-size:24px}.closed{display:block;text-align:center;background:#e6e8de;padding:14px;font-size:12px;margin-top:22px}.source{display:block;text-decoration:underline;font-size:11px;margin-top:20px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;padding:14px 22px;font-size:12px;opacity:0;pointer-events:none;z-index:5}.empty{grid-column:1/-1;padding:70px;text-align:center;font-size:14px}@media(min-width:1550px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:1050px){.grid{grid-template-columns:repeat(2,1fr)}.product-img{height:390px}.hero-copy{padding:50px 9% 25px}.hero{min-height:540px}.toolbar{flex-wrap:wrap}.approach-mark{font-size:180px;letter-spacing:-22px}.approach-mark span{font-size:65px}.hero-label{flex-direction:column;align-items:start}}@media(max-width:650px){header{padding:22px 5%}nav{gap:17px}nav a{font-size:11px}nav a:nth-child(2){display:none}.announcement{font-size:9px}.announcement strong{display:block;margin:5px 0 0}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 7%}.hero-copy>p:not(.eyebrow){max-width:100%}h1{font-size:59px}.hero-note{margin-top:28px}.hero-image{height:430px}.strip{flex-wrap:wrap;gap:13px;font-size:9px}.strip span:nth-child(even){display:none}.collection{padding:50px 5%}.section-head{display:block}.section-head h2{font-size:42px}.section-head>p{margin-top:20px}.toolbar{gap:16px}.search-sort{width:100%;justify-content:space-between}.search-sort input{width:55%;padding:8px 0}.filters{gap:5px}.filters button{padding:8px 11px;font-size:10px}.grid{gap:24px 13px}.product-img{height:225px}.card-line{display:block;margin-top:12px}.card h3{font-size:13px}.card .price{display:block;margin-top:7px}.approach{padding:45px 7%;grid-template-columns:1fr;gap:25px}.approach-mark{display:none}.approach h2{font-size:43px}.faq{padding:50px 7%;grid-template-columns:1fr;gap:24px}footer p{font-size:18px}#detailContent{grid-template-columns:1fr}#detailContent>img{height:280px;min-height:0}.detail-copy{padding:28px}.hero-label{flex-direction:row}.tag{font-size:8px}#toast{width:85%;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* General-store departments */
:root{--ink:#20344d;--accent:#ffce75;--paper:#fbfaf6;--line:#dedfdc}.departments{padding:65px 5% 15px}.department-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.department-grid>button{text-align:left;border:0;background:transparent;padding:0}.department-grid>button>div{height:180px;overflow:hidden;background:#edece5}.department-grid img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.department-grid button:hover img{transform:scale(1.04)}.department-grid h3{font-size:14px;font-weight:600;margin:15px 0 7px;display:flex;justify-content:space-between}.department-grid p{font-size:11px;color:#6d7680;line-height:1.6;margin:0}.hero-mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:100%;min-height:600px;gap:7px;background:#e9e7df}.hero-mosaic img{width:100%;height:100%;object-fit:cover;min-height:0}.hero-mosaic img:first-child{grid-row:1/3}.hero-label{bottom:20px;left:20px;right:20px}.approach-mark{font-size:150px;letter-spacing:-10px}.approach-mark span{font-size:80px}.toolbar{flex-wrap:wrap}.search-sort{margin-left:auto}.hero-copy h1{font-size:clamp(48px,5.3vw,80px)}.logo{letter-spacing:-1px}.primary:hover{background:#355472}.department-grid>button:focus-visible{outline:3px solid #b68229;outline-offset:5px}@media(max-width:1050px){.department-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-mosaic{min-height:540px}.hero-label{flex-direction:column}.department-grid>button>div{height:190px}}@media(max-width:650px){.department-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 15px}.department-grid>button>div{height:180px}.departments{padding-top:45px}.departments h2{font-size:38px}.hero-mosaic{min-height:0;height:430px}.hero-copy h1{font-size:57px}nav{gap:12px}nav a:nth-child(3){display:none}.hero-label{flex-direction:column;gap:8px}.search-sort{margin-left:0}.department-grid h3{font-size:13px}.filters{gap:6px}}
.hero-mosaic img:first-child{object-fit:contain;background:#f5f2f4}.department-grid img{object-fit:contain;background:#f0efeb}.product-img img{object-fit:contain;background:#f0efeb}
/* Department-first layout and bilingual support */
.header-actions{display:flex;align-items:center;gap:14px}.language{border:1px solid var(--line);padding:9px 13px;background:transparent;font-size:12px;border-radius:3px}nav button{border:0;background:transparent;padding:0;font-size:13px}nav button[aria-pressed=true]{text-decoration:underline;text-underline-offset:6px}.first-departments{padding-top:50px;padding-bottom:45px;background:#f1f1e9;border-bottom:1px solid var(--line)}.first-departments h1{font-size:54px;margin:0 0 20px}.department-intro{font-size:14px;line-height:1.9;max-width:660px;color:#667485}.first-departments .section-head{align-items:center;gap:30px}.recent-button{display:flex;align-items:center;gap:10px;white-space:nowrap;background:var(--ink);color:white;border:1px solid var(--ink);padding:15px 20px;font-size:13px}.recent-button[aria-pressed=true]{background:#355472}.department-grid button{color:var(--ink)}.department-grid button.active h3{text-decoration:underline;text-underline-offset:5px}.department-count{display:inline-block;margin-top:9px;font-size:10px;color:#687684}.product-group{margin-bottom:48px}.group-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:10px 0 20px;padding-bottom:15px;border-bottom:1px solid var(--line)}.group-heading>h3{font-size:22px;font-weight:500;margin:0}.group-heading>h3>span{font-size:13px;color:#74808d}.category-label{display:block;border:0;background:transparent;padding:0;margin-top:15px;font-size:10px;color:#516b84;text-align:start}.added-time{display:block;font-size:11px;color:#6a7681;margin-top:10px;line-height:1.7}.card .supplier-name{font-size:10px;margin:6px 0 12px}.card-line{margin-top:8px}.detail-copy .added-time{border-bottom:1px solid var(--line);padding-bottom:13px}.detail-copy>p,.detail-copy li{line-height:1.9}select:disabled{opacity:.65}.close{z-index:3}.collection{padding-top:55px}.department-grid>button>div{background:#fff}.department-grid img{background:#fff}html[lang=ar] body{font-family:'Segoe UI',Tahoma,Arial,sans-serif}html[lang=ar] h1,html[lang=ar] h2{font-family:inherit;letter-spacing:0;line-height:1.5;font-weight:600}html[lang=ar] .eyebrow{letter-spacing:0;font-size:12px}html[lang=ar] .card h3{font-size:15px;line-height:1.7}html[lang=ar] .tag{letter-spacing:0;font-size:11px}html[lang=ar] .department-grid h3{line-height:1.8}html[lang=ar] nav,html[lang=ar] .filters button{font-size:13px}html[dir=rtl] .heart{right:auto;left:12px}html[dir=rtl] .tag{left:auto;right:12px}html[dir=rtl] .saved span{margin-left:0;margin-right:8px}html[dir=rtl] .search-sort{margin-left:0;margin-right:auto}html[dir=rtl] .detail-copy ul{padding-left:0;padding-right:18px}html[dir=rtl] footer p{margin-right:0;margin-left:auto}html[dir=rtl] .close{right:auto;left:12px}html[dir=rtl] #toast{direction:rtl}.empty{padding:45px 20px}#collectionNote{max-width:310px;line-height:1.9}.department-grid .active{background:transparent}
@media(max-width:950px){header{flex-wrap:wrap;gap:20px}nav{gap:20px}.first-departments h1{font-size:42px}.first-departments .section-head{align-items:start}.recent-button{margin-top:10px}}@media(max-width:650px){header{padding:18px 5%;gap:20px}.header-actions{gap:9px;margin-inline-start:auto}header nav{order:3;flex-basis:100%;justify-content:space-between}header nav a,header nav button{font-size:12px}header nav a:nth-child(3){display:block}.first-departments{padding-top:30px;padding-bottom:30px}.first-departments h1{font-size:34px}.first-departments .section-head{display:block}.department-intro{font-size:13px}.department-grid h3{font-size:13px}.department-grid>button>div{height:155px}.department-count{font-size:11px}.recent-button{padding:12px 16px;margin-top:20px}.category-label{font-size:11px}.card .price{font-size:13px}.group-heading>h3{font-size:20px}.group-heading .view{font-size:11px}.collection h2{font-size:34px}.collection{padding-top:38px}html[dir=rtl] .search-sort{margin-right:0}.product-img{height:225px}.added-time{font-size:11px}.card-line{display:block}html[lang=ar] .card h3{font-size:14px}.detail-copy h2{font-size:29px}.filters{gap:7px}.filters button{padding:9px 12px}html[lang=ar] .filters button{font-size:12px}}
.saved [data-i18n]{display:inline;border:0;width:auto;height:auto;margin:0!important}.saved #count{display:inline-grid;place-items:center;border:1px solid var(--line);width:25px;height:25px;border-radius:50%}
.quote-preview{margin-top:20px;padding:16px;background:#f0f1e9;border:1px solid var(--line)}.quote-preview h3{font-size:16px;margin:0 0 15px}.quote-controls{display:grid;grid-template-columns:80px 1fr;gap:12px}.quote-controls label{display:grid;gap:7px;font-size:11px}.quote-controls input,.quote-controls select{width:100%;min-width:0;padding:8px;border:1px solid #bdc6cc;background:white;font-size:12px}.quote-preview p{font-size:11px!important;line-height:1.8}.quote-preview .rate-pending{border-inline-start:3px solid #bc8b28;padding-inline-start:10px}#quoteResult bdi{font-weight:600}@media(max-width:450px){.quote-controls{grid-template-columns:65px 1fr}}

.stock-label{font-size:12px;color:#59675b;line-height:1.8;margin:8px 0 12px}.detail-copy .stock-label{padding:10px 0;border-bottom:1px solid #deded5}
@media(min-width:1001px){.department-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}