@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--olive:#8CA167;--olive-deep:#6e8250;--ivory:#F7F3EA;--ivory-2:#fbf8f2;--ink:#2e2a26;--gold:#aa8b58;--muted:#746d63;--line:#e3ddd0;--white:#fff;--serif:'Playfair Display',Georgia,serif;--sans:'Manrope',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.15;margin-top:0}h1{font-size:clamp(2.8rem,5vw,5rem)}h2{font-size:clamp(2.05rem,3.8vw,3.4rem)}h3{font-size:1.35rem}p{margin-top:0}
.announcement{background:var(--olive);color:#fff;padding:14px 18px;text-align:center;font-size:.93rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}
.header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:18px;justify-content:space-between;padding:16px 5%;background:rgba(247,243,234,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:14px;min-width:330px}.brand img{width:122px;height:122px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.05))}.brand span{display:grid;line-height:1.2}.brand b{font-size:1.72rem;letter-spacing:.08em;color:var(--olive-deep)}.brand small{font-size:.76rem;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-top:6px}
nav{display:flex;align-items:center;gap:clamp(10px,1.4vw,24px)}nav a,.drop button{font-size:1rem;color:var(--ink);background:none;border:0;padding:8px 0;white-space:nowrap}.textLink,nav a:hover,.drop button:hover,.dropdown a:hover{color:var(--olive-deep)}
.drop{position:relative}.dropdown{display:none;position:absolute;top:100%;left:-16px;min-width:255px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px rgba(0,0,0,.1);padding:9px;border-radius:16px}.dropdown a{display:block;padding:10px 12px;border-radius:10px;font-size:.95rem}.drop:hover .dropdown,.drop.open .dropdown,.drop:focus-within .dropdown{display:block}
.bag{border:1px solid var(--olive);background:#fff;color:var(--olive-deep);padding:12px 16px;border-radius:999px;font-weight:700;white-space:nowrap}.bag span{display:inline-grid;place-items:center;width:28px;height:28px;background:var(--olive);color:#fff;border-radius:999px;margin-left:8px;font-size:.9rem}.mobileMenu{display:none;border:0;background:none;font-size:1.8rem;color:var(--ink)}
.hero{position:relative;min-height:620px;overflow:hidden;background:#d9d0c1;color:#fff}.slides,.slide{position:absolute;inset:0}.slide{opacity:0;transition:opacity 1s ease;background-position:center;background-size:cover}.slide.active{opacity:1}.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(38,33,28,.68),rgba(38,33,28,.30) 42%,rgba(38,33,28,.12) 72%)}.heroText{position:relative;z-index:2;max-width:760px;padding:10% 6% 7%}.heroText small,.welcome small,.feature small,.detail small,.pageIntro small,.blogStrip small,.faqHead small{letter-spacing:.22em;text-transform:uppercase;font-size:.74rem;font-weight:700;color:#ede1cc}.heroText h1{margin:16px 0 18px;color:#fff}.heroText i{font-style:italic;font-weight:400;color:#e5d0a3}.heroText p{max-width:540px;font-size:1.12rem;color:#fbf7f1}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--olive);background:var(--olive);color:#fff;padding:14px 24px;font-weight:700;transition:.2s ease;border-radius:999px}.btn:hover{background:var(--olive-deep);border-color:var(--olive-deep)}.btn.light{background:rgba(247,243,234,.95);color:var(--ink);border-color:rgba(247,243,234,.95)}.btn.light:hover{background:#fff;color:var(--olive-deep)}.btn.ghost{background:transparent;color:var(--olive-deep)}.btn.full{width:100%}
.prev,.next{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:50px;height:50px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:rgba(255,255,255,.18);color:#fff;font-size:2rem;line-height:1}.prev{left:18px}.next{right:18px}.dots{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;gap:10px;z-index:3}.dots button{width:10px;height:10px;border:1px solid #fff;border-radius:50%;background:transparent;padding:0}.dots button.active{background:#fff}
.welcome,.blogStrip,.faqSection{padding:82px 5%;max-width:1350px;margin:auto}.welcome{text-align:center}.welcome small,.pageIntro small,.feature small,.blogStrip small,.faqHead small{color:var(--olive-deep)}.welcome>p{max-width:720px;margin:0 auto 38px;color:var(--muted)}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.category,.tile,.blogCard{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 6px 18px rgba(0,0,0,.035)}.category img,.tile img,.blogCard img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#ece5d9}.category h3{padding:16px 16px 20px;color:var(--olive-deep);font-size:1.24rem}.category:hover img,.tile:hover img,.blogCard:hover img{filter:brightness(.97);transform:scale(1.02)}.category img,.tile img,.blogCard img{transition:transform .35s ease, filter .35s ease}
.feature{margin:12px 5% 85px;border-radius:28px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;background:#eef2e8}.feature>div{padding:12% 10%}.feature h2{color:var(--olive-deep)}.feature p{color:var(--muted)}.feature img{width:100%;height:100%;max-height:460px;object-fit:cover}
.blogStripHead{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.blogGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.blogCardBody{padding:18px}.blogMeta{font-size:.76rem;font-weight:800;letter-spacing:.1em;color:var(--olive-deep);text-transform:uppercase;margin-bottom:8px}.blogCard h3{font-size:1.22rem;color:var(--olive-deep);margin-bottom:10px}.blogCard p{font-size:.95rem;color:var(--muted)}.blogCard .readMore{display:inline-block;margin-top:8px;color:var(--olive-deep);font-weight:700}
.faqSection{padding-top:20px;padding-bottom:80px}.faqHead{text-align:center;max-width:760px;margin:0 auto 22px}.faqSearchWrap{max-width:680px;margin:0 auto 28px}.faqSearchWrap input{width:100%;padding:14px 18px;border:1px solid var(--line);border-radius:999px;background:#fff}.faqList{max-width:1120px;margin:0 auto;display:grid;gap:16px}.faqItem{background:rgba(140,161,103,.08);border:1px solid var(--line);border-radius:20px;overflow:hidden}.faqQuestion{width:100%;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;text-align:left;font-size:1.05rem;font-weight:800;color:#263240}.faqQuestion span:last-child{font-size:1.7rem;line-height:1}.faqAnswer{padding:0 24px 22px;color:var(--muted);display:none}.faqItem.open .faqAnswer{display:block}.faqItem.open .faqQuestion span:last-child{transform:rotate(45deg)}
.page{max-width:1280px;margin:auto;padding:55px 5% 90px}.crumb{font-size:.84rem;color:var(--muted);margin-bottom:18px}.crumb a{color:var(--olive-deep)}.pageIntro{text-align:center;max-width:760px;margin:0 auto 42px}.pageIntro p{color:var(--muted)}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.tile .tileBody{padding:16px}.tile h3{font-size:1.24rem;margin:0 0 6px;color:var(--olive-deep)}.tile p{font-size:.95rem;color:var(--muted);margin:0 0 5px}.tile span{display:inline-block;margin-top:10px;color:var(--olive-deep);font-weight:700}.price{font-weight:800;color:var(--olive-deep)!important}
.detail{display:grid;grid-template-columns:1.08fr .92fr;gap:58px}.detailPhoto{width:100%;aspect-ratio:4/5;object-fit:contain;background:#ece4d8;border-radius:24px}.gallery{display:flex;gap:10px;overflow-x:auto;padding-top:12px}.gallery button{border:1px solid var(--line);background:#fff;border-radius:16px;padding:0;overflow:hidden}.gallery img{width:82px;height:82px;object-fit:cover}.detail h1{font-size:clamp(2.3rem,4vw,3.8rem);margin:14px 0;color:var(--olive-deep)}.detail p{color:var(--muted)}.detail label{display:block;font-weight:700;margin:15px 0 8px;color:var(--ink)}.detail select,.detail input{width:100%;padding:13px 15px;border:1px solid #d4cdbf;border-radius:14px;background:#fff;margin-bottom:4px}.hint{background:#eff4e6;border-left:4px solid var(--olive);padding:14px 16px;border-radius:14px;font-size:.95rem;color:#5f6655;margin-top:12px}.detail details{border-top:1px solid var(--line);padding:15px 0}.detail summary{cursor:pointer;font-weight:700;color:var(--olive-deep)}.related{margin-top:72px}.related p,.staticText p,.staticText li{color:var(--muted)}
.bulkWrap{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start}.bulkGallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.bulkGallery img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:18px;background:#eae3d8}.blogHero{width:100%;max-width:620px;aspect-ratio:16/10;object-fit:cover;border-radius:24px;margin:0 0 26px}.blogArticle h2{font-size:1.6rem;color:var(--olive-deep);margin:26px 0 10px}.blogArticle .kicker{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--olive-deep);margin-bottom:12px}.blogArticle .seoNote{font-weight:700;color:var(--olive-deep);margin-top:22px}.placeholder{display:flex;align-items:center;justify-content:center;aspect-ratio:4/5;background:#eae3d8;color:#7a7267;text-align:center;padding:18px}.out{color:#b14b43;font-weight:700}
footer{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:34px;background:#64744b;color:#f8f3eb;padding:56px 5% 18px}footer h4{font-family:var(--sans);font-size:1rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:12px}footer a{display:block;color:#f2eadf;margin:10px 0;font-size:.94rem}footer a:hover{color:#fff;text-decoration:underline}.footerBrand img{width:140px;height:140px;object-fit:contain}.footerBrand h3{font-size:1.7rem;color:#fff;margin:10px 0 4px}.footerBrand p{max-width:320px;font-size:.92rem;color:#efe9dd}.copyright{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.24);padding-top:16px;color:#efe9dd;font-size:.84rem}
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.44);z-index:70}.bagDrawer{position:fixed;top:0;right:0;width:min(520px,100vw);height:100vh;background:var(--ivory);z-index:80;transform:translateX(100%);transition:transform .25s ease;display:flex;flex-direction:column;box-shadow:-10px 0 30px rgba(0,0,0,.12)}.bagDrawer.open{transform:translateX(0)}.bag-top{display:flex;justify-content:space-between;align-items:center;padding:22px 20px 18px;border-bottom:1px solid var(--line)}.bag-top h2{font-size:1.9rem;margin:0;color:var(--ink)}.bag-top small{font-family:var(--sans);font-size:1.2rem;color:#8b8278}.bag-top button{background:none;border:0;font-size:2rem;line-height:1;color:var(--ink)}.bag-items{padding:18px 18px 0;overflow:auto;flex:1}.bag-empty{text-align:center;color:var(--muted);padding:70px 20px}.bag-item{display:grid;grid-template-columns:98px 1fr;gap:16px;padding:12px 0 18px;border-bottom:1px solid var(--line)}.bag-item img{width:98px;height:120px;object-fit:cover;background:#eae3d8;border-radius:12px}.bag-item h3{font-size:1.25rem;margin:0 0 4px;color:#473f37}.bag-item p{margin:0 0 8px;color:var(--muted)}.bag-item strong{display:block;font-size:1rem;color:var(--ink);margin-bottom:10px}.bag-qty{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.bag-qty button{width:40px;height:40px;border:1px solid #d2c9bb;background:#fff;font-size:1.35rem;line-height:1;border-radius:0}.bag-qty .remove{width:auto;height:auto;border:0;background:none;text-decoration:underline;font-size:1rem;color:var(--ink);padding:0 6px}.bag-qty span{min-width:14px;text-align:center;font-weight:700}.bag-bottom{padding:20px;border-top:1px solid var(--line)}.subtotal{display:flex;align-items:center;justify-content:space-between;font-size:1.15rem;font-weight:700;margin-bottom:10px}.bag-bottom p{color:var(--muted);margin-bottom:18px}.continue{margin:14px auto 0;display:block;background:none;border:0;color:var(--ink);text-decoration:underline;font-size:1rem}.muted{color:var(--muted);font-size:.92rem}.social-link{display:flex;align-items:center;gap:10px}.social-link svg{width:21px;height:21px;flex:none}.policy-body{max-width:860px;margin:auto;padding:70px 5% 90px}.policy-body h1{color:var(--olive-deep);margin-bottom:34px}.policy-body h2{font-size:1.65rem;color:var(--olive-deep);margin:36px 0 12px}.policy-body h3{font-size:1.25rem;color:var(--olive-deep);margin:22px 0 10px}.policy-body p,.policy-body li{font-size:1rem;line-height:1.8}.policy-body ul{padding-left:26px}.policy-body a{color:var(--olive-deep);text-decoration:underline}.policy-body .eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--olive-deep)}
@media (max-width:1180px){.categories{grid-template-columns:repeat(3,1fr)}.tiles,.blogGrid{grid-template-columns:repeat(3,1fr)}nav{gap:12px}nav a,.drop button{font-size:.95rem}}
@media (max-width:860px){.header{padding:10px 4%;flex-wrap:wrap}.brand{min-width:auto}.brand img{width:92px;height:92px}.brand b{font-size:1.34rem}.mobileMenu{display:block;margin-left:auto}.bag{font-size:.95rem}nav{display:none;order:5;flex-basis:100%;flex-direction:column;align-items:stretch;padding:8px 4px 0}nav.open{display:flex}nav a,.drop button{padding:8px 0;text-align:left}.dropdown{position:static;box-shadow:none;border:0;padding:0;background:transparent}.hero{min-height:520px}.heroText{padding:90px 8% 50px}.heroText h1{font-size:2.9rem}.heroText p{font-size:1rem}.categories,.tiles,.blogGrid,.bulkGallery{grid-template-columns:repeat(2,1fr)}.detail,.feature,footer,.bulkWrap{grid-template-columns:1fr}.feature img{max-height:360px}.blogStripHead{display:block}.blogStripHead .textLink{display:inline-block;margin-top:10px}}
@media (max-width:540px){body{font-size:16px}.announcement{font-size:.78rem;padding:12px 12px}.header{gap:10px}.brand img{width:76px;height:76px}.brand b{font-size:1.12rem}.brand small{font-size:.62rem}.bag{padding:10px 14px}.hero{min-height:500px}.heroText{padding:90px 8% 32px}.heroText h1{font-size:2.45rem}.heroText p{font-size:.98rem}.categories,.tiles,.blogGrid,.bulkGallery{grid-template-columns:1fr}.page{padding:34px 5% 70px}.detail h1{font-size:2.25rem}.bagDrawer{width:100vw}.bag-item{grid-template-columns:86px 1fr}.bag-item img{width:86px;height:108px}.faqQuestion{padding:18px 18px;font-size:1rem}.faqAnswer{padding:0 18px 18px}}

/* V7: Reliable, accessible FAQ accordion and responsive editorial blog cards */
.faqList details[hidden]{display:none !important}
.faqList .faqItem{display:block;overflow:hidden;background:#f0f2eb;border:1px solid #e1e7db;border-radius:18px}
.faqList .faqItem[open]{background:#e9eee3}
.faqList summary.faqQuestion{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 25px;font-size:1.07rem;font-weight:750;color:#293327}
.faqList summary.faqQuestion::-webkit-details-marker{display:none}
.faqList summary.faqQuestion::after{content:'+';font-size:1.5rem;font-weight:400;color:#526244;line-height:1}
.faqList details[open] summary.faqQuestion::after{content:'−'}
.faqList details .faqAnswer{display:block !important;padding:0 25px 24px;color:#62695c;font-size:1rem;line-height:1.75}
.faqList .faqAnswer p{margin:0}
.blogGrid{align-items:stretch}
.blogGrid .blogCard{display:flex;flex-direction:column;min-width:0}
.blogGrid .blogCard img{width:100%;aspect-ratio:4/3;object-fit:cover}
.blogCardBody{display:flex;flex:1;flex-direction:column}
.blogCardBody .readMore{margin-top:auto;padding-top:12px}
.blogStripHead h2{font-size:clamp(2rem,3.2vw,3.1rem)}
.blogArticle{font-size:1.06rem;line-height:1.85}
.blogArticle .blogHero{max-width:100%;width:100%;aspect-ratio:16/9;object-fit:cover}