/* Caseirinhos do Ju — V14 | Editorial food-commerce system. Always loaded last. */
:root{--v14-espresso:#3a1d10;--v14-caramel:#b96626;--v14-honey:#edba70;--v14-paper:#fffaf1;--v14-border:rgba(81,43,22,.12);--v14-ease:cubic-bezier(.22,1,.36,1)}
/* A branded navigation bar, never a competing advertising banner. */
.announcement{background:#361a0e}.announcement__inner{min-height:34px;letter-spacing:.005em}
.site-header{background:rgba(255,250,242,.96);border-bottom:1px solid rgba(86,34,15,.09);backdrop-filter:saturate(150%) blur(18px)}
.site-header.is-scrolled{box-shadow:0 10px 30px rgba(51,20,8,.075)}
.header__inner{gap:clamp(10px,1.35vw,20px)}.brand{gap:11px;flex-shrink:0}.brand img{width:56px;height:56px;filter:drop-shadow(0 2px 4px rgba(58,29,16,.12))}
.brand__text strong{letter-spacing:-.035em;font-size:1.04rem}.brand__text small{letter-spacing:.17em;font-size:.63rem}
.header-promise{padding-left:15px;gap:4px;white-space:nowrap}.header-promise span{font-size:.54rem;letter-spacing:.13em}.header-promise strong{max-width:none;font-size:.79rem}
.desktop-nav{gap:clamp(12px,1.45vw,25px)}.desktop-nav a{font-size:clamp(.77rem,.84vw,.85rem);font-weight:800;white-space:nowrap;padding:11px 1px;transition:color .2s ease}.desktop-nav a::after{bottom:6px;height:2px;background:var(--v14-caramel);border-radius:2px}
.desktop-nav a:hover,.desktop-nav a.is-active{color:var(--v14-espresso)}.desktop-nav a.is-active::after{transform:scaleX(1)}
.header-whatsapp{min-height:43px;padding:9px 17px;background:#fff;color:var(--v14-espresso);border:1px solid rgba(86,34,15,.15);box-shadow:0 5px 16px rgba(51,20,8,.04);white-space:nowrap;transition:background .22s ease,transform .22s var(--v14-ease),box-shadow .22s ease}.header-whatsapp span{display:inline-block;margin-left:5px;transition:transform .2s}.header-whatsapp:hover{transform:translateY(-2px);background:#fff3df;box-shadow:0 12px 24px rgba(51,20,8,.09)}.header-whatsapp:hover span{transform:translate(2px,-2px)}
.cart-chip{min-height:44px;background:var(--v14-espresso);color:#fff;box-shadow:0 10px 22px rgba(55,26,13,.13)}
/* Food-led hero: the photos lead and the typography supports the decision. */
.hero{padding:clamp(52px,6.5vw,92px) 0 clamp(60px,7vw,104px);background:radial-gradient(ellipse at 74% 28%,rgba(245,203,144,.46),transparent 48%),linear-gradient(125deg,#fffaf1 0%,#f7ebd6 52%,#f0d5ac 100%)}
.hero::before{width:700px;height:700px;right:-245px;top:-400px;border-color:rgba(117,59,26,.08)}
.hero__grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(34px,5vw,76px);min-height:0;align-items:center}
.hero__copy .eyebrow{font-size:.68rem;font-weight:900;letter-spacing:.14em;color:#8b5228;border:1px solid rgba(169,106,55,.2);background:rgba(255,255,255,.66);padding:9px 14px}
.hero h1{font-size:clamp(3.25rem,5.9vw,6.35rem);max-width:690px;line-height:1.025;letter-spacing:-.059em;margin:22px 0 23px;text-wrap:balance}
.hero h1 em{font-style:normal;font-family:Georgia,serif;color:#a95d24;letter-spacing:-.067em}
.hero__copy>p{font-size:clamp(.99rem,1.1vw,1.12rem);max-width:560px;line-height:1.8;color:#705649}
.hero__actions{gap:11px;margin-top:26px}.hero__actions .btn{min-height:52px;padding-inline:22px;border-radius:15px}
.hero__actions .btn--primary{box-shadow:0 12px 26px rgba(68,29,12,.16)}
.hero-schedule{max-width:510px;margin-top:24px;border-radius:17px;background:rgba(255,255,255,.72);border-color:rgba(185,113,46,.22);box-shadow:0 8px 23px rgba(71,35,13,.065)}
.hero__trust{gap:16px;margin-top:23px;font-size:.76rem;color:#725646}.hero__trust i{background:rgba(143,85,31,.12);color:#96511d}
.hero__visual.hero-showcase{height:auto;min-height:570px;width:100%;max-width:680px;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.78fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr) auto;gap:14px;isolation:isolate;perspective:none;transform-style:flat}
.hero-showcase__halo{width:300px;height:300px;left:-64px;bottom:25px}
.hero-spotlight{grid-column:1;grid-row:1/3;min-height:520px;border-radius:30px;box-shadow:0 25px 62px rgba(75,36,15,.18);border:1px solid rgba(255,255,255,.55);transform:none!important;overflow:hidden}
.hero-spotlight__media{position:absolute;inset:0;min-height:0}.hero-spotlight__media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .85s var(--v14-ease)}
.hero-spotlight:hover .hero-spotlight__media img{transform:scale(1.035)}
.hero-spotlight::after{background:linear-gradient(180deg,transparent 39%,rgba(31,13,5,.28) 63%,rgba(31,13,5,.53) 100%)}
.hero-spotlight__content{left:15px;right:15px;bottom:15px;padding:17px 18px 15px;border-radius:19px;background:rgba(255,250,241,.94);backdrop-filter:blur(10px);gap:5px;box-shadow:0 10px 32px rgba(42,18,8,.12)}
.hero-spotlight__content span{font-size:.59rem;letter-spacing:.15em;color:#9f602b}.hero-spotlight__content strong{font-size:clamp(1.1rem,1.5vw,1.37rem);line-height:1.23;letter-spacing:-.025em}.hero-spotlight__content p{font-size:.81rem;color:#725848;line-height:1.5}.hero-spotlight__content a{width:max-content;max-width:100%;font-size:.78rem;color:#9a4f1b;border-bottom:1px solid rgba(154,79,27,.35);padding-block:4px}
.hero-mini-card{display:block;position:relative;grid-template-columns:none;padding:0;min-width:0;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.75);border-radius:25px;background:#c79a69;box-shadow:0 16px 42px rgba(72,34,14,.12);transform:none!important}
.hero-mini-card img{width:100%;height:100%;object-fit:cover;border-radius:0;min-height:0;box-shadow:none;transition:transform .7s var(--v14-ease)}
.hero-mini-card:hover img{transform:scale(1.055)}
.hero-mini-card div{position:absolute;left:0;right:0;bottom:0;display:grid;gap:5px;padding:34px 15px 15px;background:linear-gradient(transparent,rgba(36,15,7,.8));color:#fff}
.hero-mini-card span{color:#ffe0ba;font-size:.58rem;letter-spacing:.16em}.hero-mini-card strong{color:#fff;font-size:.82rem;line-height:1.35;text-wrap:balance}
.hero-mini-card--a{grid-column:2;grid-row:1}.hero-mini-card--b{grid-column:2;grid-row:2}
.hero-mini-card--b img{object-position:center 45%}
.hero-proof{position:static;grid-row:3;grid-column:1/-1;width:auto;display:flex;align-items:center;gap:14px;min-width:0;padding:12px 17px;border-radius:16px;background:rgba(68,30,14,.94);box-shadow:0 13px 28px rgba(62,29,12,.13);transform:none}
.hero-proof__tag{flex:0 0 auto;padding:8px 10px;border:1px solid rgba(255,218,165,.3);border-radius:999px;font-size:.53rem;letter-spacing:.1em}
.hero-proof strong{font-family:inherit;font-size:.78rem;letter-spacing:0;font-weight:800;color:#fff;line-height:1.4}.hero-proof small{display:none}
/* The product card sells the product: larger imagery, readable price, choice first, CTA last. */
.catalog{background:#fffaf2}.catalog-top .section-heading h2{letter-spacing:-.045em}.catalog-toolbar{top:calc(var(--header-h) + 4px);border-radius:17px;box-shadow:0 14px 30px rgba(71,33,13,.065)}
.category-tab{font-size:.75rem;min-height:44px;transition:color .2s ease,background .2s ease,transform .25s var(--v14-ease)}.category-tab:hover{transform:translateY(-1px)}
.products-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.8vw,25px)}
.products-grid .product-card{background:#fffdfa;border:1px solid var(--v14-border);border-radius:25px;box-shadow:0 13px 35px rgba(71,33,12,.07);overflow:hidden;transform:translateY(var(--lift,0px))!important;transform-style:flat;will-change:auto;transition:transform .32s var(--v14-ease),border-color .25s,box-shadow .32s var(--v14-ease)}
.products-grid .product-card:hover{--lift:-4px;border-color:rgba(184,108,47,.26);box-shadow:0 24px 50px rgba(72,34,15,.11)}
.product-media{aspect-ratio:1.32/1;min-height:0;isolation:isolate;background:radial-gradient(circle at 50% 40%,#ffeccc,#f5dfbc)}
.product-image-link{position:absolute;inset:0;display:block;overflow:hidden;z-index:1}.product-image-link img{width:100%;height:100%;object-fit:cover;transition:transform .7s var(--v14-ease),filter .4s;transform:scale(1)!important}
.product-card:hover .product-image-link img,.product-image-link:focus-visible img{transform:scale(1.045)!important;filter:saturate(1.035)}
.product-image-link:focus-visible{outline:4px solid #a55b26;outline-offset:-4px}
.product-media__look{position:absolute;right:12px;bottom:11px;padding:8px 10px;border-radius:10px;background:rgba(255,250,240,.96);font-size:.69rem;font-weight:900;color:#4a2816;box-shadow:0 5px 17px rgba(50,22,9,.14);display:inline-flex;gap:8px;align-items:center;opacity:0;transform:translateY(7px);transition:opacity .22s,transform .22s var(--v14-ease);pointer-events:none}
.product-media__look span{color:#a85d27}.product-card:hover .product-media__look,.product-image-link:focus-visible .product-media__look{opacity:1;transform:none}
.product-badge{z-index:3;top:12px;left:12px;padding:7px 10px;background:rgba(255,252,244,.96);border:1px solid rgba(108,54,21,.09);font-size:.59rem;box-shadow:0 5px 14px rgba(43,18,8,.07)}
.product-media__closed{position:absolute;right:11px;top:11px;z-index:3;padding:7px 10px;background:rgba(58,29,16,.94);color:#fff;border-radius:999px;font-weight:800;font-size:.61rem;letter-spacing:.02em}
.product-content{padding:clamp(18px,1.55vw,24px);transform:none!important}.product-category{font-size:.61rem;letter-spacing:.15em;color:#a15e2c}
.product-content h3{font-size:clamp(1.15rem,1.36vw,1.4rem);line-height:1.19;min-height:0;margin:8px 0 10px;letter-spacing:-.035em;text-wrap:balance}
.product-content>p{min-height:0;margin:0 0 12px;font-size:.83rem;line-height:1.65;color:#755b4c}
.product-detail-link{display:inline-flex;align-items:center;gap:7px;min-height:36px;font-size:.74rem;color:#9f551f;border-bottom:1px solid rgba(159,85,31,.18);margin:3px 0 12px;transition:color .2s,gap .2s}.product-detail-link:hover{color:#653215;gap:10px}
.product-price{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:4px 0 14px;padding:12px 0 8px;border-top:1px solid rgba(77,39,18,.09);font-size:inherit}
.product-price__caption{font-size:.65rem;font-weight:800;letter-spacing:.04em;color:#907362;text-transform:uppercase}.product-price__value{font-size:clamp(1.45rem,1.7vw,1.7rem);font-weight:950;color:#432111;line-height:1.1;letter-spacing:-.04em}
.product-select{min-height:47px;height:auto;padding:11px 14px;border:1px solid rgba(92,46,20,.17);border-radius:13px;background:#fff8ee;color:#43271a;font-size:.86rem;transition:border-color .2s,box-shadow .2s}.product-select:focus{border-color:#b96c32;box-shadow:0 0 0 3px rgba(185,108,50,.1)}
.field-label{font-size:.65rem;letter-spacing:.1em;color:#7a5945}
.product-actions{display:grid;grid-template-columns:112px minmax(0,1fr);gap:9px;padding-top:12px}.qty-control{height:47px;border-color:#e8d4bd;border-radius:13px}.qty-control button{min-width:36px}.add-product{min-height:47px;border-radius:13px;font-size:.79rem;padding:8px 10px;line-height:1.2;background:#442111;box-shadow:0 8px 17px rgba(61,29,14,.08);transition:transform .2s var(--v14-ease),background .2s,box-shadow .2s}.add-product span{font-size:1.06rem;margin-left:4px}.add-product:hover{background:#6c3517;transform:translateY(-1px);box-shadow:0 12px 22px rgba(61,29,14,.12)}
.add-product:disabled{background:#eee2d5;box-shadow:none;color:#765f50}.consult-product{background:#fff0d8;color:#5c3016;border:1px solid #e3c19a}.consult-product:hover{background:#f8e3c4;color:#45210d}
/* Scroll and feedback are restrained; never animate purchase-essential copy continuously. */
.btn,.combo-card__button{transition:transform .22s var(--v14-ease),box-shadow .22s,background .22s}.btn:hover:not(:disabled),.combo-card__button:hover:not(:disabled){transform:translateY(-2px)}
.combo-card{border-radius:26px}.combo-card__button{min-height:45px}.flavor-card,.editorial-card{will-change:auto}
.reveal{filter:none!important;transform:translateY(14px)}.reveal.in-view{transform:none}
.product-card .product-content *{transform:none!important}.product-card .product-actions button:active,.btn:active{transform:scale(.985)!important}
/* Responsive: image hierarchy preserved without cropped overlapping labels. */
@media(max-width:1250px){.header-promise{display:none}.desktop-nav{gap:clamp(9px,1vw,17px)}.hero__grid{gap:30px}.hero__visual.hero-showcase{min-height:540px}.hero-spotlight{min-height:492px}}
@media(max-width:1100px){.desktop-nav{display:none}.menu-toggle{display:grid}.hero__grid{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr)}.hero h1{font-size:clamp(2.7rem,5.7vw,5rem)}}
@media(max-width:850px){.hero__grid{grid-template-columns:1fr;gap:26px}.hero__visual.hero-showcase{width:min(100%,660px);max-width:660px;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr) auto;min-height:0}.hero-spotlight{grid-column:1;grid-row:1/3;min-height:455px}.hero-spotlight__media{position:absolute;inset:0;min-height:0}.hero-mini-card--a{grid-column:2;grid-row:1}.hero-mini-card--b{grid-column:2;grid-row:2}.hero-proof{grid-row:3;grid-column:1/-1}.hero__copy{max-width:710px}.hero h1{font-size:clamp(3.1rem,8vw,5.35rem)}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hero{padding:42px 0 54px}.hero__visual.hero-showcase{gap:11px}.hero-spotlight{min-height:410px;border-radius:23px}.hero-spotlight__media{min-height:0}.hero-mini-card{border-radius:18px}.hero-mini-card div{padding:25px 10px 11px}.hero-mini-card span{font-size:.51rem}.hero-mini-card strong{font-size:.71rem}.hero-spotlight__content{left:11px;right:11px;bottom:11px;padding:12px;border-radius:15px}.hero-spotlight__content strong{font-size:1.06rem}.hero-spotlight__content p{font-size:.74rem}.hero-proof{padding:11px 13px;gap:9px}.hero-proof strong{font-size:.7rem}.hero-proof__tag{font-size:.49rem}.hero__copy>p{font-size:.95rem}.hero h1{font-size:clamp(2.8rem,11vw,4.1rem)}.products-grid{grid-template-columns:1fr!important;gap:18px}.product-media{aspect-ratio:1.42/1!important}.product-content{padding:19px!important}.product-content h3{font-size:1.27rem}.product-detail-link{font-size:.76rem}.product-price__value{font-size:1.6rem}.product-actions{grid-template-columns:112px minmax(0,1fr)}.product-media__look{display:none}.product-card .product-media img{object-position:center}.header-whatsapp{display:none}.brand img{width:48px;height:48px}.brand__text{display:grid}.brand__text strong{font-size:.83rem}.brand__text small{font-size:.5rem}.cart-chip{min-height:41px}.hero__actions .btn{min-height:49px}}
@media(max-width:430px){.hero__visual.hero-showcase{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto}.hero-spotlight{grid-column:1/-1;grid-row:1;min-height:380px}.hero-mini-card--a{grid-column:1;grid-row:2;min-height:160px}.hero-mini-card--b{grid-column:2;grid-row:2;min-height:160px}.hero-mini-card img{position:absolute;inset:0;object-fit:cover;width:100%;height:100%}.hero-proof{grid-column:1/-1;grid-row:3;display:grid;gap:6px}.hero-spotlight__content p{display:block}.product-media{aspect-ratio:1.3/1!important}}
@media(max-width:360px){.brand__text{display:none}.hero h1{font-size:2.65rem}.hero-spotlight{min-height:355px}.hero__actions{grid-template-columns:1fr}.product-actions{grid-template-columns:104px minmax(0,1fr)}.add-product{font-size:.74rem}.hero-proof__tag{width:max-content}}
@media(hover:none),(pointer:coarse){.product-media__look{display:none}.products-grid .product-card:hover{--lift:0px}.product-card:hover .product-image-link img{transform:none!important}.hero-spotlight:hover .hero-spotlight__media img{transform:none}.hero-mini-card:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){.hero-spotlight__media img,.hero-mini-card img,.product-image-link img,.product-card,.btn,.category-tab,.product-media__look,.add-product{transition:none!important;animation:none!important}.products-grid .product-card{animation:none!important}.reveal{filter:none!important;transform:none!important}}
