/* LOTUSIA Commerce v2 — original visual system for the retail-forward homepage. */
.hero-v2{min-height:760px;background:linear-gradient(112deg,#fbf8f1 0%,#faf7ef 54%,#dce4d2 100%)}
.hero-v2 .hero-grid{grid-template-columns:.93fr 1.07fr;gap:52px}
.hero-v2 .hero-copy{position:relative;z-index:2}
.hero-v2 .hero-copy h1{max-width:680px}
.hero-media{position:relative;min-height:500px;overflow:hidden;border-radius:220px 16px 16px 16px;background:#e8dfcb;box-shadow:0 26px 55px rgba(20,51,42,.15)}
.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(251,248,241,.13),transparent 40%,rgba(15,44,35,.12));pointer-events:none}
.hero-media img{display:block;width:100%;height:100%;min-height:500px;object-fit:cover;object-position:center}
.hero-media-note{position:absolute;z-index:1;right:22px;bottom:22px;display:flex;min-width:170px;padding:14px 16px;flex-direction:column;border:1px solid rgba(255,255,255,.45);border-radius:10px;background:rgba(12,41,34,.9);color:#fffdf8;box-shadow:0 10px 26px rgba(10,30,25,.22);backdrop-filter:blur(8px)}
.hero-media-note strong{color:#f0cf8c;font:700 1.05rem "Playfair Display",Georgia,serif;letter-spacing:.08em}
.hero-media-note span{margin-top:3px;font-size:.7rem;letter-spacing:.04em}
.trust-strip{background:#113a30;color:#fffdf8}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.trust-grid>div{display:flex;min-height:83px;padding:22px 25px;align-items:center;gap:13px;border-left:1px solid rgba(255,255,255,.18)}
.trust-grid>div:first-child{border-left:0}
.trust-grid b{color:#e4c178;font:600 1.1rem "Playfair Display",Georgia,serif}
.trust-grid span{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.shop-intro{background:#fffdf8}
.shop-heading{align-items:flex-end}
.shop-heading>p{max-width:345px;margin:0;color:#61766a;font-size:.92rem;line-height:1.7}
.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px;margin-top:48px}
.shop-card{position:relative;min-height:390px;overflow:hidden;padding:28px;color:#14382e}
.shop-card-natural{background:linear-gradient(145deg,#eae1c9,#c6d2b4)}
.shop-card-roasted{background:linear-gradient(145deg,#eed398,#c77846)}
.shop-card-flavour{background:linear-gradient(145deg,#d1dcc4,#829b70)}
.shop-card:before{content:"";position:absolute;right:-63px;bottom:-106px;width:300px;height:300px;border:1px solid rgba(255,255,255,.54);border-radius:50%}
.shop-card-number{position:relative;z-index:1;display:block;color:rgba(20,56,46,.58);font-size:.7rem;font-weight:800;letter-spacing:.12em}
.shop-card p{position:relative;z-index:1;margin:56px 0 10px;color:rgba(20,56,46,.65);font-size:.7rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.shop-card h3{position:relative;z-index:1;max-width:235px;margin:0;color:#14382e;font:700 clamp(2rem,3vw,2.75rem)/.98 "Playfair Display",Georgia,serif;letter-spacing:-.045em}
.shop-card>span:not(.shop-card-number){position:relative;z-index:1;display:block;max-width:155px;margin-top:13px;color:rgba(20,56,46,.78);font-size:.82rem;line-height:1.45}
.shop-card a{position:absolute;z-index:2;bottom:28px;left:28px;font-size:.8rem;font-weight:800}
.shop-card a b{padding-left:8px;font-size:1rem;transition:transform .2s}
.shop-card a:hover b{display:inline-block;transform:translateX(4px)}
.shop-card-orb{position:absolute;right:31px;top:76px;width:154px;height:154px;border-radius:51% 49% 47% 53%;background:radial-gradient(circle at 30% 27%,#fff9e4 0 7%,transparent 7.8%),radial-gradient(circle at 67% 36%,#efe0bc 0 8%,transparent 8.8%),radial-gradient(circle at 53% 71%,#fff7dc 0 9%,transparent 9.8%),radial-gradient(circle at 29% 64%,#ead9ac 0 8%,transparent 8.8%),linear-gradient(135deg,#f1e3bf,#bca16e);box-shadow:inset -17px -18px 28px rgba(109,79,31,.18),12px 19px 27px rgba(45,54,31,.16);transform:rotate(18deg);transition:transform .35s}
.shop-card:hover .shop-card-orb{transform:rotate(36deg) scale(1.06)}
.shop-card-roasted .shop-card-orb{background:radial-gradient(circle at 30% 27%,#fff3c6 0 7%,transparent 7.8%),radial-gradient(circle at 67% 36%,#f5d797 0 8%,transparent 8.8%),radial-gradient(circle at 53% 71%,#ffe9b1 0 9%,transparent 9.8%),radial-gradient(circle at 29% 64%,#e9b66c 0 8%,transparent 8.8%),linear-gradient(135deg,#e7a75b,#96502f)}
.shop-card-flavour .shop-card-orb{background:radial-gradient(circle at 30% 27%,#fff4c9 0 7%,transparent 7.8%),radial-gradient(circle at 67% 36%,#e7dba9 0 8%,transparent 8.8%),radial-gradient(circle at 53% 71%,#fff4ce 0 9%,transparent 9.8%),radial-gradient(circle at 29% 64%,#d1c787 0 8%,transparent 8.8%),linear-gradient(135deg,#c0c485,#697c54)}
.promise-section{background:#f7f3e9}
.retail-section{padding:86px 0;background:linear-gradient(135deg,#0a2a22 0%,#17493c 100%)}
.retail-banner{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.retail-banner h2{max-width:720px}
.retail-banner>div:first-child>p:last-child{max-width:600px;margin:20px 0 0;color:#c5d3c7;font-size:.96rem;line-height:1.7}
.retail-actions{display:flex;flex-shrink:0;flex-direction:column;gap:10px;align-items:flex-start}
.button-ghost{border-color:rgba(255,255,255,.38);color:#fffdf8}
.button-ghost:hover{border-color:#fffdf8;background:#fffdf8;color:#0c2922}
@media(max-width:850px){.hero-v2{min-height:auto}.hero-v2 .hero-grid{grid-template-columns:1fr;gap:38px}.hero-media{min-height:410px;border-radius:130px 14px 14px 14px}.hero-media img{min-height:410px}.trust-grid{grid-template-columns:1fr 1fr}.trust-grid>div:nth-child(odd){border-left:0}.trust-grid>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.18)}.shop-grid{grid-template-columns:1fr}.shop-card{min-height:330px}.shop-card p{margin-top:39px}.retail-banner{align-items:flex-start;flex-direction:column}.retail-actions{flex-direction:row;flex-wrap:wrap}.shop-heading{align-items:flex-start;flex-direction:column}}
@media(max-width:470px){.hero-v2 .hero-copy h1{font-size:3.28rem}.hero-media{min-height:340px;border-radius:92px 12px 12px 12px}.hero-media img{min-height:340px}.hero-media-note{right:14px;bottom:14px}.trust-grid{grid-template-columns:1fr}.trust-grid>div{min-height:58px;padding:15px 0;border-left:0!important;border-top:1px solid rgba(255,255,255,.18)}.trust-grid>div:first-child{border-top:0}.shop-card{min-height:305px}.shop-card-orb{right:21px;top:55px;width:130px;height:130px}.shop-card p{margin-top:33px}}
