:root{
  --purple:#465636;
  --purple-dark:#26331f;
  --lavender:#e8e1cc;
  --soft:#f8f4e8;
  --ink:#273020;
  --muted:#6f7566;
  --line:#ded6bf;
  --white:#fffdf6;
  --gold:#c49a4a;
  --terracotta:#9c4937;
  --shadow:0 18px 50px rgba(49,63,38,.14);
}
body{background:#fbf8ee;color:var(--ink)}
.shipping-bar{background:linear-gradient(90deg,#26331f,#526442);color:#f8efd8}
.header{background:rgba(251,248,238,.97);border-color:#e2dac5}
.logo-image-wrap{overflow:hidden;border-radius:14px;background:#f6f1e3}
.brand-logo{width:100%;height:100%;object-fit:contain}
.nav a:hover,.nav a.active{color:var(--purple);border-color:var(--gold)}
.search{background:#fffdf8;border-color:#ddd3b9}
.carousel{background:#f4efdf}
.banner-slide:after{background:linear-gradient(90deg,rgba(248,244,232,.98),rgba(248,244,232,.89) 43%,rgba(248,244,232,.08) 70%)}
.banner-media{object-position:right center}
.banner-slide.therapy .banner-media,.banner-slide.therapy-dark .banner-media{object-fit:contain;object-position:78% center;background:#f6f1e3}
.banner-slide.therapy-dark .banner-media{background:#405130}
.banner-copy h1 em,.eyebrow.purple,.text-link,.filters output{color:var(--purple)}
.primary-btn,.add-btn{background:linear-gradient(135deg,#405130,#667650);box-shadow:0 8px 22px rgba(49,65,37,.2)}
.secondary-btn{color:var(--purple);border-color:var(--purple)}
.categories{display:flex;overflow-x:auto;gap:12px;padding:28px clamp(18px,5vw,76px);scrollbar-width:thin;scrollbar-color:#bda56f transparent;background:#fffaf0}
.categories button{flex:0 0 108px;min-height:112px;padding:8px 6px;border-radius:14px;color:#3f4935;transition:.2s}
.categories button:hover{background:#f0ead8;transform:translateY(-2px)}
.categories span{width:58px;height:58px;background:linear-gradient(145deg,#efe6cf,#d8c18d);color:#405130;font-family:'Playfair Display',serif;font-size:24px;font-weight:700}
.featured-section,.catalog-section{background:#fbf8ee}
.product-card,.filters{background:#fffdf7;border-color:#ded6bf}
.product-visual{background:linear-gradient(180deg,#fffdf8,#f1ead7)}
.therapy-product-placeholder{width:118px;height:150px;border-radius:42px 42px 26px 26px;background:linear-gradient(135deg,#d8c18d,#7f9164);box-shadow:inset 0 0 0 5px rgba(255,255,255,.45),0 18px 32px rgba(53,68,39,.22);display:grid;place-items:center;color:#fff9e8;font:600 40px 'Playfair Display',serif;position:relative}
.therapy-product-placeholder:before{content:"";position:absolute;top:-24px;width:48px;height:30px;border-radius:8px 8px 3px 3px;background:#6c794f}
.therapy-product-placeholder small{position:absolute;bottom:25px;font:700 8px 'DM Sans',sans-serif;letter-spacing:1.6px}
.mini-bottle{background:linear-gradient(90deg,#f2e3bc,#a2ad7a,#f0d89a)}
.mini-bottle:before{background:#9b7a3e}
.campaign-strip{background:linear-gradient(120deg,#2c3b24,#536342);color:#fff7e3}
.brands{background:linear-gradient(90deg,#2a3822,#566848,#2a3822)}
.brands b{color:#e8cc8f}
.benefits{background:#405130;color:#fff8e7}
footer,.footer-new{background:linear-gradient(130deg,#293620,#182117)}
.footer-brand .logo-image-wrap{width:220px;height:150px;background:#405130}
.footer-brand .brand-logo{object-fit:cover}
.footer-about>span,.footer-contact-title{color:#d4b36a}
.footer-whatsapp{border-color:rgba(225,200,142,.25)}
.instagram-card{display:flex;align-items:center;gap:14px;margin-top:18px;color:#f7efd9;text-decoration:none}.instagram-card img{width:58px;height:58px;flex:0 0 58px;object-fit:contain;border-radius:14px;background:transparent;padding:0;box-shadow:0 8px 20px rgba(0,0,0,.2)}.instagram-card span{font-size:12px;line-height:1.5}.instagram-card strong{display:block;color:#f0cf83;font-size:14px}
.featured-badge{background:#405130}.status.yes{background:#e6eadb;color:#405130!important}.file-label span{color:#405130!important;border-color:#8c9a72!important}.setup-link{color:#405130}
.cart-drawer{background:#fffdf7}
.cart-header,.checkout-box{border-color:#ded6bf}
.whatsapp-btn{background:#1ea952}
.auth-page{background:radial-gradient(circle at top,#f3ead4,#dfe3d1 55%,#cfd6be)}
.auth-card{border:1px solid #d9ceb1;box-shadow:var(--shadow)}
.admin-body{background:#f5f1e5}
.admin-sidebar{background:linear-gradient(180deg,#2d3a25,#1d2718)}
.admin-brand{display:flex;justify-content:center;width:100%}
.admin-brand .logo-image-wrap{width:210px;height:118px;max-width:100%;overflow:hidden;border:2px solid #d4b36a;border-radius:14px;background:#f6f1e3;box-shadow:0 12px 28px rgba(0,0,0,.28)}
.admin-brand .brand-logo{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:center;transform:scale(1.3);filter:brightness(.62) contrast(1.85) saturate(1.3)!important}
.primary-admin{background:linear-gradient(135deg,#405130,#667650)!important}
@media(max-width:800px){
  .banner-slide:after{background:linear-gradient(180deg,#f8f4e8 0%,#f8f4e8 50%,rgba(248,244,232,.86) 61%,rgba(248,244,232,0) 76%)}
  .categories{padding:18px 14px}.categories button{flex-basis:92px;font-size:12px}
}

/* Wireframe 2026: vitrine botânica e responsiva */
html,body{max-width:100%;overflow-x:hidden}
.header{height:116px;padding-inline:clamp(18px,4vw,62px);gap:24px}
.header .logo{min-width:206px}.header .logo-image-wrap{width:206px;height:102px;background:transparent;border-radius:0;overflow:visible}.header .brand-logo{object-fit:contain}
.nav{gap:18px}.nav a{padding-top:47px;font-size:12px}
.carousel{height:550px;margin:18px clamp(16px,3vw,46px) 0;border:1px solid #ded3b6;border-radius:22px;box-shadow:0 16px 44px rgba(48,61,37,.1)}
.banner-slide.wellness .banner-media{object-fit:cover;object-position:center}
.banner-slide.wellness:after{background:linear-gradient(90deg,rgba(248,244,232,0) 0%,rgba(248,244,232,.08) 43%,rgba(248,244,232,.93) 66%,rgba(248,244,232,.99) 100%)}
.banner-slide.wellness .banner-copy{width:49%;margin-left:auto;padding:48px clamp(38px,6vw,92px) 48px 38px}
.banner-copy h1{font-size:clamp(42px,4vw,62px);color:#2f452f}.banner-copy h1 em{color:#405f43}.banner-copy p{max-width:560px;color:#4e5948;line-height:1.6}
.categories-section{padding:38px clamp(18px,5vw,78px) 26px;background:#fbf8ee;scroll-margin-top:120px}.categories-title{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;margin-bottom:22px}.categories-title span{height:1px;background:#cfad61}.categories-title h2{margin:0;color:#314731;font:600 clamp(26px,3vw,36px) 'Playfair Display',serif;text-align:center}
.categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0;background:transparent;overflow:visible}
.categories button{min-width:0;min-height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #dfd5bd;background:#fffdf8;box-shadow:0 8px 20px rgba(48,61,37,.05);font-weight:600;line-height:1.25}
.categories span{width:54px;height:54px;margin-bottom:10px;border:1px solid #cbb779;background:#f5efdf;font-size:16px;letter-spacing:.5px}
.featured-section,.catalog-section{scroll-margin-top:120px}
.featured-row{grid-template-columns:repeat(5,minmax(0,1fr))}.product-card{border-radius:16px;box-shadow:0 8px 24px rgba(48,61,37,.06)}.add-btn{border-radius:9px;text-transform:uppercase;letter-spacing:.4px}
.footer-brand .logo-image-wrap{width:230px;height:160px;background:#f6f1e3;border-radius:16px}.footer-brand .brand-logo{object-fit:cover;object-position:center}
.footer-brand .footer-logo-wrap{overflow:hidden;border:2px solid #d4b36a;box-shadow:0 12px 28px rgba(0,0,0,.25)}
.footer-brand .footer-logo-wrap .brand-logo{width:100%!important;height:100%!important;max-width:none!important;display:block;object-fit:cover;object-position:center;transform:scale(1.32);filter:brightness(.58) contrast(1.9) saturate(1.35)}
.instagram-card{position:relative;z-index:1;cursor:pointer;pointer-events:auto}.instagram-card:hover,.instagram-card:focus-visible{outline:2px solid #d4b36a;outline-offset:6px;border-radius:8px}
.instagram-card span b{display:block;margin-top:4px;color:#fff;font-size:13px}
.footer-contact-links .footer-whatsapp em{font-size:18px;font-weight:700;line-height:1.2;color:#55e98b}
.campaign-media.campaign-logo{background:#f6f1e3}.campaign-media.campaign-logo::before{display:none}.campaign-media.campaign-logo::after{background:transparent}.campaign-media.campaign-logo img{filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
.campaign-strip .campaign-copy,.campaign-strip .campaign-copy span,.campaign-strip .campaign-copy h2,.campaign-strip .campaign-copy h3,.campaign-strip .campaign-copy p,.campaign-strip .campaign-copy a{color:#fff8e7!important}
.campaign-strip .campaign-copy h3{color:#f1d593!important}.campaign-strip .campaign-copy a{display:inline-flex;align-self:flex-start;margin-top:4px;padding:10px 16px;border:1px solid #f1d593;border-radius:22px;text-decoration:none}
.cart-item{grid-template-columns:64px minmax(0,1fr) auto}
.cart-thumb{position:relative;display:grid;place-items:center;width:58px;height:64px;min-width:58px;overflow:hidden;border-radius:9px;background:#f4efe1}
.cart-thumb img{position:static!important;inset:auto!important;display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:0!important;object-fit:contain!important;transform:none!important}
.cart-item>div:nth-child(2){min-width:0;overflow:hidden}.cart-item>div:nth-child(2) strong,.cart-item>div:nth-child(2) small{display:block;overflow-wrap:anywhere}.cart-item .qty{position:static;z-index:1;flex:0 0 auto}
.footer-email{display:block;color:#f4ead1!important;font-size:12px!important;overflow-wrap:anywhere;padding:10px 0}
#sobre,#contato{scroll-margin-top:120px}
@media(max-width:1120px){
  .nav{display:none;position:absolute;top:108px;left:16px;right:16px;background:#fffdf8;padding:20px;flex-direction:column;box-shadow:var(--shadow);border:1px solid #dfd5bd;border-radius:14px}.nav.open{display:flex}.nav a{padding:10px 4px}.menu-toggle{display:block}.search{width:190px}
}
@media(max-width:900px){
  .carousel{height:560px;margin:12px 12px 0}.featured-row,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-layout{grid-template-columns:1fr}.filters{position:fixed}.brands div{grid-template-columns:repeat(2,1fr);gap:16px}.brands b{border:0;font-size:20px}
}
@media(max-width:800px){
  .shipping-bar{height:auto;min-height:34px;padding:7px 12px;text-align:center;line-height:1.25}.header{height:82px;padding:0 10px;gap:6px}.header .logo{min-width:132px;max-width:132px;margin-right:auto}.header .logo-image-wrap{width:132px;height:72px}.header .brand-logo{width:132px}.menu-toggle{order:2;width:40px;height:40px;margin-left:0}.header-actions{order:3}.mobile-search-button{display:grid!important}.nav{top:78px}
  .carousel{height:610px;border-radius:16px}.banner-slide.wellness .banner-media{inset:0 0 auto;height:47%;object-position:33% center}.banner-slide.wellness:after{background:linear-gradient(180deg,rgba(248,244,232,0) 0%,rgba(248,244,232,.12) 35%,#f8f4e8 49%,#f8f4e8 100%)}.banner-slide.wellness .banner-copy{width:100%;height:100%;margin:0;padding:305px 22px 24px;text-align:center;justify-content:flex-start}.banner-copy h1{font-size:34px;line-height:1.08;margin:8px 0}.banner-copy p{font-size:14px;line-height:1.45}.banner-copy .primary-btn{align-self:center}.carousel-dots{bottom:12px;transform:translateX(-50%)}
  .categories-section{padding:30px 14px 18px}.categories-title{gap:10px}.categories-title h2{font-size:25px}.categories{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,118px);grid-auto-columns:112px;grid-template-columns:none;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding:3px 2px 12px;gap:10px}.categories button{min-height:112px;font-size:11px;scroll-snap-align:start;padding:8px}.categories span{width:46px;height:46px;font-size:13px}
  .featured-section,.catalog-section{padding:38px 14px 22px}.section-heading{align-items:flex-start;gap:10px}.section-heading h2{font-size:28px}.featured-row,.product-grid{gap:10px}.product-card{padding:10px}.product-visual{height:164px}.therapy-product-placeholder{transform:scale(.76)}.product-card h3{font-size:13px;min-height:34px}.add-btn{font-size:11px;padding:10px 4px}
  .campaign-strip{margin:18px 12px}.campaign-strip>div{grid-template-columns:1fr}.campaign-copy{padding:30px 24px}.campaign-media{min-height:220px}.campaign-media.campaign-logo{background:#f6f1e3!important}
  .brands{margin:0 12px 24px;padding:20px}.benefits{margin:0 12px;grid-template-columns:1fr 1fr!important}.footer-new{padding:38px 20px 22px;gap:28px}.footer-brand .logo-image-wrap{width:210px;height:135px}
  .instagram-card{align-items:center}.instagram-card img{width:58px;height:58px;flex-basis:58px}.footer-contact-links .footer-whatsapp em{font-size:20px}
  .campaign-strip .campaign-copy a{align-self:center}
  .cart-drawer{width:100%}
}
@media(max-width:420px){
  .header .logo{min-width:116px;max-width:116px}.header .logo-image-wrap,.header .brand-logo{width:116px}.menu-toggle,.header-actions .cart-button,.mobile-search-button{width:38px!important;min-width:38px!important}
  .carousel{height:585px}.banner-slide.wellness .banner-copy{padding-top:285px}.banner-copy h1{font-size:30px}.categories-title h2{font-size:22px}.product-visual{height:145px}.benefits{grid-template-columns:1fr!important}
}

@media(max-width:480px){
  .cart-items{padding:12px 14px}
  .cart-item{grid-template-columns:54px minmax(0,1fr);grid-template-rows:auto auto;column-gap:10px;row-gap:7px;align-items:start;padding:14px 0}
  .cart-thumb{grid-column:1;grid-row:1 / span 2;width:52px;height:58px;min-width:52px}
  .cart-item>div:nth-child(2){grid-column:2;grid-row:1;padding-right:2px}
  .cart-item .qty{grid-column:2;grid-row:2;justify-self:start}
}