.retail-page{background:#fdfbf7}.retail-hero{display:grid;grid-template-columns:1fr 1fr;background:#073e31;color:white;min-height:550px}.retail-hero-copy{padding:64px 8% 64px 12%;align-self:center}.retail-hero-copy .eyebrow{color:var(--gold);font-size:.68rem}.retail-hero h1{font-size:clamp(2.6rem,4.1vw,4.6rem);letter-spacing:-.035em;line-height:1.05}.retail-hero h1 span{color:var(--gold)}.retail-hero h1 .join{display:inline-block;font-size:.5em;vertical-align:middle;line-height:1.3}.retail-hero-copy>p:not(.eyebrow){color:#e5e9df;max-width:460px;font-size:1.08rem;margin:24px 0}.retail-hero-image{min-width:0;overflow:hidden}.retail-hero-image img{width:100%;height:100%;object-fit:cover;display:block}.retail-range{padding:65px 4% 35px;text-align:center;scroll-margin-top:110px}.retail-range>.eyebrow{color:#8b691f;margin-bottom:12px}.retail-range h2{font-size:clamp(2.5rem,4vw,4rem)}.range-subtitle{font-family:Georgia,serif;font-size:1.3rem;color:#6c592b;margin:15px 0 35px}.retail-products{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;max-width:1500px;margin:auto}.retail-card{min-width:0;border:1px solid #e9e1d3;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 4px 20px #4d3b0c06}.pack-photo{aspect-ratio:1/1.24;background:#000;overflow:hidden;position:relative}.pack-photo img{position:absolute;display:block;width:210%;max-width:none;height:210%;object-fit:contain;left:50%;top:50%;transform:translate(-50%,-50%)}.pack-photo.wings img{width:100%;height:100%}.pack-details{padding:20px 10px}.pack-details h3{font:600 1.1rem/1.2 Georgia,serif;min-height:2.4em;margin:0}.pack-details p{margin:8px 0 12px;color:#5b665c}.pack-details a{display:inline-block;font-size:.82rem;text-underline-offset:4px;text-decoration:underline}.retail-small{font-size:.8rem;color:#667268;max-width:900px;margin:25px auto 0}.own-brand-panel{display:grid;grid-template-columns:1.6fr 1fr;align-items:center;gap:40px;margin:20px 4% 0;padding:50px 5%;border:1px solid #c3a051;border-radius:16px;background:radial-gradient(ellipse at 95% 100%,#367055 0%,#073e31 65%);color:#fff}.own-brand-panel .eyebrow{color:#e6c671;font-size:.68rem}.own-brand-panel h2{font-size:clamp(2.7rem,4vw,4.6rem);color:#efd58d}.own-brand-panel p:not(.eyebrow){max-width:580px;margin:22px 0 28px;color:#eef0e6}.pouch-area{text-align:center}.pouch{width:210px;height:280px;max-width:100%;margin:auto;background:linear-gradient(95deg,#d8c8a8,#fff4db 15%,#f7edda 75%,#cebf9d);border:8px solid #e9dcc0;border-top:14px double #cabc99;border-bottom:12px double #cabc99;border-radius:4px 4px 24px 24px;clip-path:polygon(0 0,100% 0,96% 35%,100% 100%,0 100%,4% 35%);box-shadow:0 20px 25px #0004;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(4deg);color:#073e31;font:2rem/1.1 Georgia,serif}.pouch-leaf{color:#5b795b;font-size:2.4rem;margin-bottom:10px}.pouch small{font:9px Arial;letter-spacing:.15em;margin-top:22px}.pouch-area p{font-size:.72rem!important;margin:18px 0 0!important}.retail-contact{text-align:center;padding:55px 6% 65px}.retail-contact h2{font-size:2.5rem}.retail-contact p{color:#5b665c}.retail-contact>div{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:25px}.whatsapp{background:#087f4c;color:white}.whatsapp:hover{background:#06623a}@media(min-width:761px) and (max-width:1100px){header{padding-left:3%;padding-right:3%}header nav{gap:16px;font-size:.78rem}header .brand img{width:175px}.retail-products{grid-template-columns:repeat(3,1fr)}.pack-photo{aspect-ratio:1/1.1}.retail-hero-copy{padding:40px 8%}}@media(max-width:760px){.retail-hero{grid-template-columns:1fr}.retail-hero-copy{padding:42px 6%}.retail-hero h1{font-size:clamp(2.6rem,9vw,4rem)}.retail-hero-image{height:340px}.retail-range{padding:45px 5% 25px}.range-subtitle{font-size:1.1rem}.retail-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pack-details h3{font-size:1.05rem}.own-brand-panel{grid-template-columns:1fr;gap:35px;padding:35px 7%;margin:15px 5% 0}.own-brand-panel h2{font-size:2.7rem}.pouch{height:230px;width:180px}.retail-contact h2{font-size:2.3rem}.retail-contact{padding:45px 6%}.retail-hero-copy .button{padding:14px 22px}}
/* Match the customer's approved artwork while keeping headings and links accessible. */
.retail-showcase{--gold:#edca75}.retail-showcase .topline{display:none}.retail-showcase header{position:relative;background:#043b2e;padding:10px 4%;border-bottom:1px solid #b3934c;min-height:75px;color:#fff}.retail-showcase header .brand img{width:190px;height:58px;background:white;border-radius:3px;padding:3px}.retail-showcase header nav{font:1rem Georgia,serif;gap:24px}.retail-showcase header nav a:hover{color:var(--gold)}.retail-showcase header .nav-cta{background:transparent;padding:10px 0}.retail-showcase .retail-hero{min-height:0;grid-template-columns:47% 53%;background:radial-gradient(ellipse at 5% 20%,#0c5039,#002b20 85%)}.retail-showcase .retail-hero-copy{padding:28px 4% 35px 10%;position:relative;z-index:1}.retail-showcase .retail-hero h1{font-weight:700;font-size:clamp(2.1rem,4.4vw,4.8rem);letter-spacing:-.035em;line-height:.99}.retail-showcase .retail-hero h1 .join{display:block;font-size:.55em;line-height:.8}.retail-showcase .gold-line{display:block}.retail-showcase .retail-hero-copy>p{font:clamp(1rem,1.8vw,1.6rem)/1.25 Georgia,serif;margin:15px 0 10px}.retail-showcase .button{border-radius:35px;font-family:Georgia,serif;font-size:1.15rem;padding:13px 25px;background:linear-gradient(110deg,#efd28a,#ebc362);box-shadow:inset 0 1px 0 #fff9}.retail-showcase .reference-crop{position:relative;overflow:hidden;min-width:0}.retail-showcase .retail-hero-image{aspect-ratio:664/412;align-self:stretch}.retail-showcase .retail-hero-image img{position:absolute;width:188.855%;max-width:none;height:auto;left:-88.855%;top:-16.99%;object-fit:initial}.retail-showcase .retail-range{padding:20px 2% 18px;background:#fff}.retail-showcase .retail-range h2{font-size:clamp(2.5rem,4.6vw,4.9rem);font-weight:700}.retail-showcase .range-subtitle{font-size:clamp(1.1rem,1.9vw,1.7rem);margin:4px 0 22px}.retail-showcase .retail-products{gap:10px}.retail-showcase .retail-card{border-color:#f0ece4;box-shadow:0 2px 10px #62400c05}.retail-showcase .approved-pack{display:block;background:#fff;aspect-ratio:160/195;position:relative;margin:14px 12px 0;overflow:hidden}.retail-showcase .approved-pack img{position:absolute;width:783.75%;height:auto;max-width:none;top:-312.82%;transform:none;object-fit:initial}.retail-showcase .pack-0 img{left:-28.125%}.retail-showcase .pack-1 img{left:-152.5%}.retail-showcase .pack-2 img{left:-278.125%}.retail-showcase .pack-3 img{left:-405%}.retail-showcase .pack-4 img{left:-531.25%}.retail-showcase .pack-5 img{left:-658.125%}.retail-showcase .pack-details{padding:12px 8px}.retail-showcase .pack-details h3{font-size:clamp(.9rem,1.5vw,1.25rem);min-height:2.4em}.retail-showcase .pack-details p{font:1.15rem Georgia,serif;margin:8px 0}.retail-showcase .pack-details a{font-size:.75rem}.retail-showcase .retail-small{margin-top:16px;font-size:.72rem}.retail-showcase .own-brand-panel{margin:0 2%;padding:28px 4%;grid-template-columns:63% 37%;gap:0;min-height:250px;background:#003b2b;position:relative;overflow:hidden;border-radius:16px}.retail-showcase .own-brand-panel>div:first-child{position:relative;z-index:1}.retail-showcase .own-brand-panel h2{font-size:clamp(2.1rem,3.8vw,4rem);font-weight:700;white-space:nowrap}.retail-showcase .own-brand-panel p{font:clamp(1rem,1.55vw,1.3rem)/1.3 Georgia,serif;margin:14px 0 18px!important;max-width:95%}.retail-showcase .pouch-area{position:absolute;right:0;top:0;bottom:0;width:40%;margin:0;aspect-ratio:480/235}.retail-showcase .pouch-area img{position:absolute;max-width:none;width:261.25%;height:auto;left:-155%;top:-385.1%}.retail-showcase .own-brand-panel:after{content:'';position:absolute;top:0;bottom:0;right:31%;width:11%;background:linear-gradient(90deg,#003b2b,transparent);pointer-events:none}.retail-showcase .retail-contact{padding:35px 6% 45px}.retail-showcase .whatsapp{background:#00894d;font-family:Arial,sans-serif;font-size:.9rem;border-radius:25px}.retail-showcase .whatsapp:hover{background:#006e3c}@media(max-width:1100px) and (min-width:761px){.retail-showcase .retail-products{grid-template-columns:repeat(6,minmax(0,1fr))}.retail-showcase header nav{font-size:.85rem;gap:15px}.retail-showcase .retail-hero h1{font-size:4.3vw}.retail-showcase .retail-hero-copy{padding:23px 5% 23px 10%}.retail-showcase .button{font-size:1rem;padding:10px 20px}}
@media(max-width:760px){.retail-showcase header{position:sticky;min-height:78px}.retail-showcase header nav{background:#043b2e}.retail-showcase .retail-hero{grid-template-columns:1fr}.retail-showcase .retail-hero-copy{padding:35px 6%}.retail-showcase .retail-hero h1{font-size:clamp(2.6rem,9vw,4rem)}.retail-showcase .retail-hero-copy>p{font-size:1.15rem;margin:20px 0}.retail-showcase .retail-hero-image{height:auto;aspect-ratio:664/412}.retail-showcase .retail-range{padding:35px 4% 25px}.retail-showcase .retail-products{grid-template-columns:repeat(2,minmax(0,1fr))}.retail-showcase .retail-range h2{font-size:2.5rem}.retail-showcase .range-subtitle{margin:14px 0 25px}.retail-showcase .pack-details h3{font-size:1.1rem}.retail-showcase .own-brand-panel{display:block;margin:0 4%;padding:28px 7% 0}.retail-showcase .own-brand-panel h2{white-space:normal;font-size:2.4rem}.retail-showcase .own-brand-panel p{font-size:1.15rem;max-width:100%}.retail-showcase .pouch-area{position:relative;aspect-ratio:480/235;width:100%;margin:25px 0 0}.retail-showcase .own-brand-panel:after{display:none}.retail-showcase .retail-contact h2{font-size:2.2rem}}
.retail-showcase .pouch-area:after{content:'';position:absolute;bottom:0;left:0;right:0;height:23px;background:linear-gradient(0deg,#003b2b 70%,transparent);pointer-events:none}
/* Explicit SVG viewports keep the approved artwork visible in mobile Safari. */
.retail-showcase .reference-crop svg,.retail-showcase .approved-pack svg{display:block;width:100%;height:auto;max-width:100%;overflow:hidden}
.retail-showcase .approved-pack{aspect-ratio:auto}
.retail-showcase .retail-hero-image{aspect-ratio:auto;display:flex;align-items:center;background:#033c2b}
.retail-showcase .retail-hero-image svg{flex:none}
.retail-showcase .pouch-area{aspect-ratio:auto;display:flex;align-items:center}
.retail-showcase .pouch-area:after{display:none}
.retail-showcase .menu-toggle{color:#073e31}
@media(max-width:760px){.retail-showcase .retail-hero-image{display:block;min-height:0;height:auto;align-self:start}.retail-showcase .retail-hero-image svg{width:100%;height:auto;aspect-ratio:664/412}.retail-showcase .approved-pack svg{width:100%;height:auto;aspect-ratio:160/195}.retail-showcase .pouch-area{position:relative;display:block;inset:auto;width:100%;height:auto;min-height:0;margin:24px 0 0}.retail-showcase .pouch-area svg{width:100%;height:auto;aspect-ratio:480/215}.retail-showcase .retail-hero-copy{padding:28px 6%}.retail-showcase .retail-hero h1{font-size:clamp(2.35rem,8.5vw,3.8rem)}}
/* Display original supplier photos directly, without the preview's resampling. */
.retail-showcase .approved-pack{background:#000;border-radius:4px;aspect-ratio:160/195}
.retail-showcase .approved-pack svg{width:100%;height:auto;aspect-ratio:160/195;background:#000}
.retail-showcase .approved-pack,.retail-showcase .approved-pack svg{background:#fff}