:root{--bg:#0a0c0b;--surface:#111412;--surface2:#171a18;--line:#292d2a;--text:#f8f8f6;--muted:#a6aaa7;--orange:#ff5a1f;--orange2:#ff7a28;--white:#fff;--shadow:0 24px 70px rgba(0,0,0,.28);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 12%,#252018 0,#0b0d0c 28%,#070908 62%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.topbar{height:92px;display:grid;grid-template-columns:minmax(210px,1fr) minmax(300px,520px) minmax(240px,1fr);align-items:center;gap:24px;padding:0 clamp(22px,4vw,68px);border-bottom:1px solid rgba(255,255,255,.08);background:rgba(8,10,9,.86);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo,.brand-mark{width:54px;height:54px;border-radius:16px;background:#fff;display:grid;place-items:center;overflow:hidden;flex:0 0 auto}.brand-logo img{width:100%;height:100%;object-fit:contain}.brand-mark{background:linear-gradient(135deg,#ff7b22,#ff4f19);font-size:28px}.brand>span:last-child{display:grid}.brand strong{font-size:22px;letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand small{font-size:9px;letter-spacing:.22em;color:#b3b7b4;font-weight:800;margin-top:2px}.search-box{height:50px;border:1px solid #30332f;background:#141715;border-radius:15px;display:flex;align-items:center;gap:10px;padding:0 16px;color:#8d918e}.search-box input{width:100%;border:0;outline:0;background:transparent;color:#fff;font-size:14px}.search-box input::placeholder{color:#777c78}.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:18px}.contact-link{font-size:13px;font-weight:800;color:#d5d8d5}.cart-button{border:1px solid #363a36;background:#141715;color:#fff;height:52px;border-radius:16px;padding:0 14px;display:flex;align-items:center;gap:8px;cursor:pointer;position:relative}.cart-button b{min-width:20px;height:20px;border-radius:99px;background:var(--orange);display:grid;place-items:center;font-size:10px}.cart-button em{font-style:normal;color:#ff7e3d;font-weight:900;font-size:12px}.hero{min-height:485px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;max-width:1460px;margin:0 auto;padding:58px clamp(22px,4vw,72px);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 45%,rgba(255,100,30,.12),transparent 33%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:650px}.hero-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,104,38,.35);background:rgba(255,93,31,.08);padding:8px 12px;border-radius:999px;color:#ff8647;font-size:12px;font-weight:800}.hero-badge i{width:8px;height:8px;border-radius:50%;background:#45d782;box-shadow:0 0 0 5px rgba(69,215,130,.12)}.hero h1{font-size:clamp(42px,5.2vw,78px);line-height:.98;letter-spacing:-.06em;margin:24px 0 18px;max-width:720px}.hero p{font-size:clamp(16px,1.6vw,21px);line-height:1.55;color:#c6cac7;max-width:620px;margin:0}.hero-features{display:flex;flex-wrap:wrap;gap:10px 22px;margin:26px 0;color:#e3e5e2;font-size:12px}.hero-features span{display:flex;align-items:center;gap:5px}.hero-features span::first-letter{color:#ff6b2d}.hero-cta{display:inline-flex;align-items:center;gap:16px;background:linear-gradient(135deg,var(--orange2),var(--orange));padding:15px 20px;border-radius:13px;font-weight:900;font-size:13px;box-shadow:0 14px 30px rgba(255,90,31,.2)}.hero-cta span{font-size:18px}.hero-visual{min-height:350px;position:relative;display:grid;place-items:center}.hero-visual:after{content:"";width:76%;height:18%;background:rgba(0,0,0,.55);filter:blur(24px);border-radius:50%;position:absolute;bottom:25px}.hero-visual>img{position:relative;z-index:2;width:min(620px,95%);max-height:390px;object-fit:contain;filter:drop-shadow(0 30px 30px rgba(0,0,0,.42));animation:heroFloat 5s ease-in-out infinite}.hero-placeholder{position:relative;z-index:2;font-size:190px;filter:drop-shadow(0 25px 25px rgba(0,0,0,.4))}.hero-product-info{position:absolute;z-index:3;right:3%;bottom:24px;min-width:230px;background:rgba(20,23,21,.88);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);border-radius:17px;padding:13px 15px;box-shadow:var(--shadow)}.hero-product-info small{display:block;color:#9fa49f;font-size:10px}.hero-product-info strong{display:block;margin:4px 0;font-size:15px}.hero-product-info b{color:#ff7736;font-size:17px}@keyframes heroFloat{50%{transform:translateY(-10px)}}.error-box{max-width:1320px;margin:0 auto 24px;padding:18px 22px;border:1px solid #6f3125;background:#2a1512;border-radius:14px;color:#ffd5ca}.error-box p{margin:5px 0 0;color:#e8a99b}.catalog-shell{max-width:1460px;margin:0 auto 60px;padding:0 clamp(14px,3vw,44px);display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start}.category-sidebar{position:sticky;top:116px;background:linear-gradient(180deg,#171a18,#111412);border:1px solid #2c302d;border-radius:22px;padding:14px;box-shadow:var(--shadow)}.sidebar-title{padding:10px 12px 16px;border-bottom:1px solid #292d2a;margin-bottom:8px;display:flex;align-items:end;justify-content:space-between}.sidebar-title span{font-size:18px;font-weight:900}.sidebar-title small{font-size:10px;color:#8e938f}.category-item{width:100%;min-height:67px;border:1px solid transparent;background:transparent;color:#fff;border-radius:14px;display:grid;grid-template-columns:42px 1fr 16px;align-items:center;gap:11px;padding:8px 10px;text-align:left;cursor:pointer;transition:.18s}.category-item:hover{background:#1d211e;border-color:#323733}.category-item.active{background:linear-gradient(135deg,#ff6d25,#f64d14);border-color:#ff7b38;box-shadow:0 10px 22px rgba(245,79,20,.19)}.category-icon{width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:22px}.category-item>span:nth-child(2){display:grid;min-width:0}.category-item b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category-item small{color:#929793;font-size:9px;margin-top:3px}.category-item.active small{color:#ffe1d2}.category-item i{font-style:normal;color:#767b77;font-size:20px}.category-item.active i{color:#fff}.sidebar-info{border:1px solid #30342f;background:#0e110f;border-radius:16px;padding:18px;margin-top:14px}.sidebar-info>span{font-size:28px}.sidebar-info strong{display:block;font-size:14px;margin:12px 0 6px}.sidebar-info p{margin:0;color:#8e938f;font-size:11px;line-height:1.5}.catalog-content{min-width:0;background:#f7f7f5;color:#141715;border-radius:24px;padding:28px;box-shadow:var(--shadow)}.catalog-head{display:flex;align-items:end;justify-content:space-between;gap:20px;border-bottom:1px solid #dedfdb;padding-bottom:21px;margin-bottom:24px}.eyebrow{font-size:10px;font-weight:900;color:#ef5c1f;letter-spacing:.15em}.catalog-head h2{font-size:31px;letter-spacing:-.04em;margin:5px 0 7px}.catalog-head p{color:#70756f;margin:0;font-size:13px}.result-count{min-width:82px;height:68px;border:1px solid #e0e1dd;background:#fff;border-radius:15px;display:grid;place-items:center;padding:8px}.result-count strong{font-size:22px}.result-count span{font-size:9px;color:#8a8f89;margin-top:-8px}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.product-card{background:#fff;border:1px solid #e0e2de;border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;min-width:0}.product-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px rgba(24,29,25,.11);border-color:#d4d7d2}.product-image{height:210px;width:100%;border:0;background:radial-gradient(circle at 50% 35%,#34342e,#131613 70%);display:grid;place-items:center;position:relative;overflow:hidden;cursor:pointer}.product-image img{width:100%;height:100%;object-fit:cover;position:relative;z-index:2}.product-image .image-placeholder{font-size:77px;position:absolute;z-index:1;filter:drop-shadow(0 14px 12px rgba(0,0,0,.3))}.product-image.image-error .image-placeholder{z-index:3}.sold-out-badge{position:absolute;z-index:4;top:12px;left:12px;background:#20231f;color:#fff;border-radius:999px;padding:7px 10px;font-size:9px;font-style:normal;font-weight:900}.product-card.sold-out .product-image img{filter:grayscale(1);opacity:.55}.product-body{padding:17px}.category-label{font-size:9px;color:#ed5a1d;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.product-body h3{font-size:18px;margin:5px 0 8px;letter-spacing:-.02em}.product-body p{height:44px;margin:0;color:#737872;font-size:11px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-line}.product-footer{margin-top:17px;display:flex;align-items:center;justify-content:space-between}.product-footer strong{font-size:18px}.add-button{width:42px;height:42px;border:0;border-radius:50%;background:linear-gradient(135deg,#ff7430,#ff4f13);color:#fff;font-size:24px;line-height:1;cursor:pointer;box-shadow:0 8px 18px rgba(255,82,19,.22);transition:.18s}.add-button:hover{transform:scale(1.08)}.unavailable{font-size:10px;color:#9b4d42;background:#fff0ec;border-radius:999px;padding:8px 10px;font-weight:900}.mobile-categories{display:none}.no-results{text-align:center;padding:70px 20px;color:#6f746f}.no-results span{font-size:42px}.no-results h3{color:#151815;margin:12px 0 5px}.no-results p{margin:0}.footer{max-width:1460px;margin:0 auto;padding:42px clamp(26px,5vw,72px) 24px;border-top:1px solid #252925;display:grid;grid-template-columns:1.2fr .7fr 1fr;gap:30px;color:#aeb2ae}.footer strong,.footer span{color:#fff}.footer p{font-size:11px;line-height:1.6;margin:8px 0}.footer-bottom{grid-column:1/-1;padding-top:24px;border-top:1px solid #252925;font-size:10px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.78);backdrop-filter:blur(6px)}.product-modal-card{position:relative;z-index:2;width:min(790px,100%);background:#f7f7f4;color:#151715;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:.9fr 1.1fr;box-shadow:0 34px 100px rgba(0,0,0,.6)}.modal-close{position:absolute;z-index:3;right:12px;top:12px;border:0;background:rgba(15,17,15,.85);color:#fff;width:38px;height:38px;border-radius:50%;font-size:24px;cursor:pointer}.modal-product-image{min-height:390px;background:radial-gradient(circle,#3e3a31,#141714);display:grid;place-items:center;overflow:hidden}.modal-product-image img{width:100%;height:100%;object-fit:cover}.modal-product-image span{font-size:100px}.modal-product-content{padding:42px 34px 32px}.modal-product-content>small{color:#f35b1c;font-weight:900;text-transform:uppercase;font-size:9px}.modal-product-content h2{font-size:32px;margin:8px 0 14px;letter-spacing:-.04em}.modal-product-content p{color:#626762;white-space:pre-line;line-height:1.65;font-size:13px;min-height:120px}.modal-price-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:24px;border-top:1px solid #dedfdb;padding-top:22px}.modal-price-row>strong{font-size:25px}.primary-button,.checkout-button{border:0;background:linear-gradient(135deg,#ff7430,#ff4e12);color:#fff;border-radius:13px;padding:13px 16px;font-weight:900;cursor:pointer}.cart-drawer{position:fixed;inset:0;z-index:90;pointer-events:none}.cart-drawer.open{pointer-events:auto}.cart-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62);opacity:0;transition:.25s}.cart-drawer.open .cart-backdrop{opacity:1}.cart-panel{position:absolute;top:0;right:0;width:min(430px,100%);height:100%;background:#f7f7f4;color:#151715;transform:translateX(102%);transition:.3s cubic-bezier(.2,.8,.2,1);display:grid;grid-template-rows:auto 1fr auto;box-shadow:-22px 0 70px rgba(0,0,0,.32)}.cart-drawer.open .cart-panel{transform:none}.cart-head{padding:22px 24px;border-bottom:1px solid #e0e2de;display:flex;align-items:center;justify-content:space-between}.cart-head small{font-size:9px;color:#f35b1c;font-weight:900}.cart-head h2{margin:2px 0 0;font-size:25px}.cart-head button{border:1px solid #d9dcd7;background:#fff;width:40px;height:40px;border-radius:50%;font-size:24px;cursor:pointer}.cart-items{overflow:auto;padding:10px 18px}.cart-empty{align-self:center;text-align:center;color:#727772;padding:25px}.cart-empty span{font-size:52px}.cart-empty strong{display:block;color:#1b1e1b;margin:12px 0 5px}.cart-empty p{font-size:12px}.cart-item{display:grid;grid-template-columns:62px 1fr auto;gap:12px;padding:14px 5px;border-bottom:1px solid #e1e3df}.cart-item-image{width:62px;height:62px;border-radius:13px;background:#171a18;overflow:hidden;display:grid;place-items:center;font-size:28px}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item h4{margin:2px 0 4px;font-size:13px}.cart-item>div:nth-child(2)>strong{font-size:12px}.qty-control{display:flex;align-items:center;gap:7px;margin-top:8px}.qty-control button{width:26px;height:26px;border:1px solid #d7dad5;background:#fff;border-radius:8px;cursor:pointer}.qty-control b{min-width:16px;text-align:center;font-size:11px}.remove-item{border:0;background:none;color:#b54d38;cursor:pointer;font-size:18px}.cart-summary{padding:18px 24px 25px;border-top:1px solid #dfe1dd;background:#fff}.cart-summary>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cart-summary>div strong{font-size:23px}.checkout-button{width:100%;min-height:50px;display:flex;align-items:center;justify-content:space-between}.cart-summary>small{display:block;text-align:center;color:#878c86;font-size:9px;line-height:1.45;margin-top:9px}@media(max-width:1180px){.topbar{grid-template-columns:1fr minmax(280px,430px) auto}.contact-link{display:none}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-shell{grid-template-columns:255px minmax(0,1fr)}}@media(max-width:860px){.topbar{height:auto;min-height:74px;grid-template-columns:1fr auto;padding:10px 15px;gap:10px}.brand-logo,.brand-mark{width:44px;height:44px;border-radius:13px}.brand strong{font-size:17px}.brand small{font-size:7px}.search-box{grid-column:1/-1;grid-row:2;height:44px}.cart-button em{display:none}.hero{grid-template-columns:1fr;min-height:auto;padding-top:34px}.hero h1{font-size:48px}.hero-visual{min-height:260px;margin-top:10px}.hero-visual>img{max-height:280px}.hero-product-info{right:0}.catalog-shell{display:block;padding:0 10px}.category-sidebar{display:none}.catalog-content{border-radius:18px;padding:14px}.mobile-categories{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:-2px -2px 16px;padding:2px 2px 5px;position:sticky;top:126px;background:#f7f7f5;z-index:10}.mobile-categories::-webkit-scrollbar{display:none}.mobile-cat{flex:0 0 auto;border:1px solid #dbddd9;background:#fff;color:#323632;border-radius:999px;padding:10px 13px;font-size:11px;font-weight:800}.mobile-cat.active{background:#151815;color:#fff;border-color:#151815}.catalog-head{align-items:start}.catalog-head h2{font-size:24px}.result-count{height:58px;min-width:68px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-image{height:155px}.product-body{padding:12px}.product-body h3{font-size:15px}.product-body p{font-size:10px;height:42px}.product-footer strong{font-size:14px}.add-button{width:36px;height:36px}.footer{grid-template-columns:1fr 1fr}.product-modal-card{grid-template-columns:1fr;max-height:92vh;overflow:auto}.modal-product-image{min-height:260px}.modal-product-content{padding:25px}.modal-product-content p{min-height:auto}.modal-price-row{position:sticky;bottom:0;background:#f7f7f4;padding-bottom:4px}}@media(max-width:520px){.hero{padding:28px 17px 32px}.hero h1{font-size:40px}.hero p{font-size:15px}.hero-features{font-size:10px}.hero-visual{min-height:215px}.hero-product-info{display:none}.product-grid{grid-template-columns:1fr 1fr}.product-image{height:132px}.product-body h3{font-size:14px}.category-label{font-size:8px}.product-body p{display:none}.product-footer{margin-top:10px}.catalog-head p{font-size:11px}.footer{grid-template-columns:1fr}.footer-bottom{grid-column:1}.modal-product-image{min-height:220px}.modal-price-row{align-items:stretch;flex-direction:column}.primary-button{width:100%}}


/* =========================================================
   Sabor Cardápio Digital v1.1
   Ajuste automático das imagens + responsividade mobile
   ========================================================= */

html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}

/* As fotos não deformam e permanecem inteiras, independentemente do formato original. */
.product-image{
    height:auto;
    aspect-ratio:4/3;
    padding:0;
}
.product-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    display:block;
    background:radial-gradient(circle at 50% 35%,#34342e,#131613 70%);
}
.hero-visual>img{
    width:min(620px,100%);
    height:auto;
    max-height:390px;
    object-fit:contain;
    object-position:center;
}
.modal-product-image{
    aspect-ratio:4/3;
    min-height:0;
}
.modal-product-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    display:block;
    background:radial-gradient(circle,#3e3a31,#141714);
}
.cart-item-image img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center;
    background:#171a18;
}
.brand-logo img{object-fit:contain;object-position:center}

/* Desktop grande */
@media (min-width:1440px){
    .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Notebooks e tablets horizontais */
@media (max-width:1280px){
    .topbar{grid-template-columns:minmax(190px,1fr) minmax(260px,430px) auto;padding-inline:24px}
    .catalog-shell{grid-template-columns:250px minmax(0,1fr);gap:18px}
    .catalog-content{padding:22px}
    .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
    .hero{padding-inline:28px}
}

@media (max-width:1024px){
    .topbar{gap:14px}
    .brand strong{font-size:19px}
    .catalog-shell{grid-template-columns:225px minmax(0,1fr)}
    .category-sidebar{padding:10px}
    .category-item{min-height:60px;grid-template-columns:38px 1fr 14px}
    .category-icon{width:36px;height:36px;font-size:20px}
    .hero{min-height:430px;padding-top:40px;padding-bottom:40px}
    .hero h1{font-size:clamp(40px,5vw,60px)}
}

/* Mobile e tablets em pé */
@media (max-width:900px){
    :root{--mobile-gap:12px}
    body{background:linear-gradient(180deg,#090b0a 0,#0d100e 45%,#080a09 100%)}

    .topbar{
        min-height:0;
        height:auto;
        grid-template-columns:minmax(0,1fr) auto;
        grid-template-rows:auto auto;
        gap:10px 12px;
        padding:10px 14px 12px;
        position:sticky;
        top:0;
    }
    .brand{min-width:0;gap:9px}
    .brand-logo,.brand-mark{width:42px;height:42px;border-radius:12px}
    .brand strong{font-size:16px;max-width:52vw}
    .brand small{font-size:6.5px;letter-spacing:.16em}
    .top-actions{gap:8px}
    .contact-link{display:none}
    .cart-button{height:42px;border-radius:12px;padding:0 11px}
    .cart-button em{display:none}
    .search-box{grid-column:1/-1;grid-row:2;height:42px;border-radius:12px;padding-inline:13px}
    .search-box input{font-size:16px} /* evita zoom automático no iPhone */

    .hero{
        grid-template-columns:1fr;
        min-height:auto;
        padding:30px 16px 24px;
        text-align:left;
    }
    .hero-copy{max-width:none}
    .hero h1{font-size:clamp(36px,10vw,50px);line-height:1.01;margin:18px 0 14px}
    .hero p{font-size:15px}
    .hero-features{gap:8px 14px;margin:20px 0;font-size:10px}
    .hero-cta{min-height:46px;padding:12px 16px}
    .hero-visual{min-height:210px;margin-top:18px}
    .hero-visual>img{width:min(520px,94vw);max-height:270px}
    .hero-product-info{right:10px;bottom:8px;min-width:190px;padding:10px 12px}

    .catalog-shell{display:block;padding:0 10px;margin-bottom:34px}
    .category-sidebar{display:none}
    .catalog-content{border-radius:18px;padding:12px;overflow:hidden}
    .mobile-categories{
        display:flex;
        gap:8px;
        overflow-x:auto;
        overscroll-behavior-inline:contain;
        scroll-snap-type:x proximity;
        scrollbar-width:none;
        -webkit-overflow-scrolling:touch;
        margin:0 -2px 16px;
        padding:2px 2px 7px;
        position:relative;
        top:auto;
        background:transparent;
        z-index:auto;
    }
    .mobile-categories::-webkit-scrollbar{display:none}
    .mobile-cat{
        flex:0 0 auto;
        scroll-snap-align:start;
        min-height:42px;
        border-radius:999px;
        padding:10px 14px;
        white-space:nowrap;
        touch-action:manipulation;
    }
    .mobile-cat.active{background:linear-gradient(135deg,#ff6d25,#f64d14);border-color:#ff6d25}

    .catalog-head{align-items:flex-start;gap:12px;padding-bottom:16px;margin-bottom:16px}
    .catalog-head h2{font-size:clamp(22px,6.2vw,30px);line-height:1.08;margin-top:4px}
    .catalog-head p{font-size:12px;line-height:1.45}
    .result-count{flex:0 0 auto;min-width:62px;height:58px;border-radius:13px}
    .result-count strong{font-size:20px}

    .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
    .product-card{border-radius:16px}
    .product-card:hover{transform:none;box-shadow:none}
    .product-image{aspect-ratio:4/3}
    .product-body{padding:13px}
    .product-body h3{font-size:16px;line-height:1.2}
    .product-body p{height:42px;font-size:10.5px}
    .product-footer{margin-top:13px}
    .product-footer strong{font-size:16px}
    .add-button{width:38px;height:38px;font-size:22px}

    .footer{grid-template-columns:1fr 1fr;padding:32px 20px 22px;gap:24px}

    .product-modal-card{grid-template-columns:1fr;max-height:92dvh;overflow:auto;width:min(620px,100%)}
    .modal-product-image{aspect-ratio:16/10;min-height:0}
    .modal-product-content{padding:24px}
    .modal-product-content h2{font-size:27px}
    .modal-product-content p{min-height:auto}
    .modal-price-row{position:sticky;bottom:0;background:#f7f7f4;padding-bottom:max(4px,env(safe-area-inset-bottom))}

    .cart-panel{width:min(430px,100vw);height:100dvh}
    .cart-summary{padding-bottom:max(22px,env(safe-area-inset-bottom))}
}

/* Celulares */
@media (max-width:640px){
    .hero{padding-top:24px}
    .hero-badge{font-size:10px;padding:7px 10px}
    .hero h1{font-size:clamp(34px,11vw,44px)}
    .hero-visual{min-height:190px}
    .hero-visual>img{max-height:230px}
    .hero-product-info{display:none}

    .catalog-shell{padding-inline:8px}
    .catalog-content{padding:10px;border-radius:16px}
    .catalog-head{padding-inline:2px}
    .catalog-head p{max-width:78vw}

    /* Um card por linha em celular: leitura, toque e imagens maiores. */
    .product-grid{grid-template-columns:1fr;gap:14px}
    .product-card{display:grid;grid-template-columns:minmax(128px,42%) minmax(0,1fr);min-height:150px}
    .product-image{height:100%;min-height:150px;aspect-ratio:auto;border-radius:0}
    .product-body{display:flex;flex-direction:column;justify-content:center;padding:14px}
    .product-body h3{font-size:17px;margin:5px 0 7px}
    .product-body p{display:-webkit-box;height:auto;max-height:42px;font-size:10.5px}
    .product-footer{margin-top:12px}
    .product-footer strong{font-size:16px}

    .footer{grid-template-columns:1fr;gap:18px;padding-inline:18px}
    .footer-bottom{grid-column:1}

    .modal{padding:0;align-items:end}
    .product-modal-card{width:100%;max-height:95dvh;border-radius:22px 22px 0 0}
    .modal-product-image{aspect-ratio:16/9}
    .modal-product-content{padding:20px 18px calc(18px + env(safe-area-inset-bottom))}
    .modal-price-row{align-items:stretch;flex-direction:column;gap:12px}
    .primary-button{width:100%;min-height:48px}

    .cart-panel{width:100vw}
    .cart-head{padding:18px}
    .cart-items{padding-inline:14px}
    .cart-summary{padding-inline:18px}
}

/* Celulares estreitos */
@media (max-width:420px){
    .topbar{padding-inline:10px}
    .brand strong{font-size:15px;max-width:48vw}
    .brand small{display:none}
    .cart-button{padding-inline:9px}

    .hero{padding-inline:13px}
    .hero-features{display:grid;grid-template-columns:1fr}
    .hero-visual{min-height:165px}
    .hero-visual>img{max-height:205px}

    .catalog-shell{padding-inline:5px}
    .catalog-content{padding:9px}
    .catalog-head{gap:8px}
    .catalog-head h2{font-size:22px}
    .catalog-head p{font-size:11px}
    .result-count{min-width:56px;height:54px}

    .product-card{grid-template-columns:118px minmax(0,1fr);min-height:142px}
    .product-image{min-height:142px}
    .product-body{padding:12px}
    .product-body h3{font-size:15px}
    .product-body p{font-size:10px;-webkit-line-clamp:2}
    .product-footer strong{font-size:15px}
    .add-button{width:36px;height:36px}
}

/* Telas extremamente estreitas: volta para card vertical para não apertar texto. */
@media (max-width:340px){
    .product-card{display:block;min-height:0}
    .product-image{height:auto;min-height:0;aspect-ratio:4/3}
    .brand-logo,.brand-mark{width:38px;height:38px}
    .brand strong{font-size:14px;max-width:44vw}
}


/* === AJUSTE REAL DAS IMAGENS DOS PRODUTOS ===
   A foto preenche o quadro sem deformar.
   O excesso é cortado proporcionalmente e a imagem fica centralizada.
*/
.product-image{
    width:100% !important;
    height:auto !important;
    aspect-ratio:4/3 !important;
    padding:0 !important;
    overflow:hidden !important;
    display:block !important;
    position:relative !important;
    background:#161916;
}

.product-image > img{
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    width:100% !important;
    height:100% !important;
    min-width:100% !important;
    min-height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    display:block !important;
}

.product-image .image-placeholder{
    position:absolute !important;
    inset:0 !important;
    display:grid !important;
    place-items:center !important;
}

/* Modal: mantém proporção e ocupa toda a área. */
.modal-product-image{
    width:100%;
    aspect-ratio:4/3;
    min-height:0 !important;
    overflow:hidden !important;
    position:relative;
    display:block !important;
}

.modal-product-image > img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    max-width:none !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    display:block !important;
}

/* Carrinho. */
.cart-item-image{
    position:relative !important;
    overflow:hidden !important;
}

.cart-item-image > img{
    position:absolute !important;
    inset:0 !important;
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center center !important;
    display:block !important;
}

/* Destaque: preserva a foto inteira, pois é uma área promocional maior. */
.hero-visual > img{
    width:min(620px,95%) !important;
    height:auto !important;
    max-height:390px !important;
    object-fit:contain !important;
    object-position:center center !important;
}

@media (max-width:860px){
    .product-image{
        aspect-ratio:4/3 !important;
        height:auto !important;
        min-height:0 !important;
    }

    .modal-product-image{
        aspect-ratio:4/3 !important;
        min-height:0 !important;
    }
}

@media (max-width:520px){
    .product-image{
        aspect-ratio:1/1 !important;
    }
}


/* === SEM CORTE: IMAGEM INTEIRA ===
   Exibe 100% da foto dentro do quadro, sem deformar e sem recortar.
*/
.product-image{
    background:#fff !important;
}

.product-image > img{
    object-fit:contain !important;
    object-position:center center !important;
    padding:6px !important;
    box-sizing:border-box !important;
}

.modal-product-image{
    background:#fff !important;
}

.modal-product-image > img{
    object-fit:contain !important;
    object-position:center center !important;
    padding:10px !important;
    box-sizing:border-box !important;
}

.cart-item-image{
    background:#fff !important;
}

.cart-item-image > img{
    object-fit:contain !important;
    object-position:center center !important;
    padding:3px !important;
    box-sizing:border-box !important;
}

@media (max-width:520px){
    .product-image > img{
        padding:4px !important;
    }
}