/* Ajustes de uso no celular — versão 7 */
.header-label-short{display:none}.mobile-nav-link svg{width:20px;height:20px}
.button:disabled{opacity:.55;cursor:not-allowed;transform:none}
@media(max-width:800px){
 html{scroll-padding-top:100px;scroll-padding-bottom:95px}
 body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
 .mobile-cta{display:grid;grid-template-columns:1fr 1fr 1.8fr;align-items:center;gap:8px;position:fixed;inset:auto 0 0;z-index:19;background:#fffcf7fa;backdrop-filter:blur(12px);padding:9px max(16px,env(safe-area-inset-right)) calc(9px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border-top:1px solid #d9d4cb;box-shadow:0 -5px 20px #192f610a}
 .mobile-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;gap:3px;font-size:.75rem;font-weight:600;color:#192f61;line-height:1.25;border-radius:8px}
 .mobile-cta .mobile-order-link{font-size:.875rem;line-height:1.25;min-height:48px;padding:12px 10px;border-radius:24px;white-space:normal}
 .mobile-nav-link:active{background:#eee7df}
 footer{padding-bottom:24px}
 .form-fields input,.form-fields select{font-size:16px;min-height:52px;max-width:100%}
 .form-fields label{font-size:.875rem}
 body:has(#order-form input:focus) .mobile-cta{display:none}
 #pedido:focus{outline:none}
 .underlined,.details-button,.phone-link{min-height:44px;display:inline-flex;align-items:center}
 .phone-link{display:flex;justify-content:center}
 .button{min-height:48px}
 dialog{width:calc(100% - 24px);max-height:calc(100dvh - 32px);padding:0 20px 20px;border-radius:16px;scroll-padding-top:72px;scroll-padding-bottom:80px}
 .dialog-top{position:sticky;top:0;z-index:2;background:var(--paper);align-items:center;padding:14px 0 10px;gap:10px;box-shadow:0 4px 0 var(--paper)}
 .dialog-top .eyebrow{margin:0;font-size:.6875rem;letter-spacing:.1em}
 .close-button{min-width:44px;width:44px;height:44px;font-size:1.8rem}
 #dialog-select{position:sticky;bottom:0;box-shadow:0 -10px 0 var(--paper);margin-top:8px;min-height:48px}
 #dialog-items li{font-size:.875rem;line-height:1.6;padding:11px 0}
 .dialog-price{grid-template-columns:1fr 1fr;gap:15px}
 .dialog-price div{font-size:.8125rem}.dialog-price strong{font-size:1rem}
 dialog .small{font-size:.8125rem}
}
@media(max-width:620px){
 html{scroll-padding-top:88px}
 .wrap{width:calc(100% - 36px)}
 .header-inner{width:calc(100% - 28px);min-height:76px;gap:12px}
 .header .brand img.complete-logo{width:146px;max-height:63px}
 .header .header-cta{font-size:.875rem;min-height:44px;padding:11px 15px;gap:7px}
 .header-label-full{display:none}.header-label-short{display:inline}
 .header .header-cta svg{width:18px;height:18px}
 .hero-centered.festive-layout{padding-top:21px;gap:25px;padding-bottom:32px}
 .festive-photo{height:235px;outline-offset:4px;border-radius:58px 16px 52px 16px}
 .festive-photo img{object-position:50% 25%}
 .festive-photo figcaption.photo-brand{left:13px;bottom:12px;padding:7px 9px}
 .festive-photo .photo-brand img{width:110px}
 .hero-centered .festive-copy h1{font-size:clamp(1.9rem,8.3vw,2.9rem);line-height:1.1}
 .hero-centered .festive-copy h1 em{margin-top:7px}
 .hero-centered .festive-copy .eyebrow{font-size:.6875rem;margin-bottom:17px;line-height:1.6;letter-spacing:.08em}
 .hero-centered .festive-copy .hero-description{font-size:1rem;line-height:1.6;margin-top:19px}
 .hero-centered .festive-copy .hero-actions .button{font-size:.9375rem;min-height:52px;padding:14px}
 .hero-centered .festive-copy .hero-actions{gap:8px}
 .festive-copy .text-link{font-size:.875rem;min-height:44px;display:flex;align-items:center;justify-content:center}
 .festive-copy .hero-assurance{font-size:.75rem;margin-top:14px}
 .hero-business .hero-bottom{gap:7px}.hero-business .hero-bottom>span{font-size:.625rem;letter-spacing:.1em}
 .section{padding-top:45px;padding-bottom:45px}
 h2,.faq h2,.corporate h2{font-size:clamp(1.85rem,7.7vw,2.4rem);line-height:1.14;overflow-wrap:break-word}
 .section-heading{gap:19px;margin-bottom:24px}
 .section-heading>p{font-size:1rem}
 .benefits{padding-top:25px;padding-bottom:25px;gap:18px}
 .benefits strong{font-size:.9375rem}.benefits p>span{font-size:.875rem}
 .catalog-tools strong{font-size:.9375rem}.catalog-tools span{font-size:.875rem}
 .quantity-tabs{width:100%;gap:3px;padding:4px}
 .quantity-tabs button{min-width:0;min-height:46px;padding:10px 7px;font-size:.8125rem}
 .cards{gap:18px}.card-art{height:134px}
 .card-art img{height:142px;width:146px;right:25px;bottom:-8px}
 .card-count{left:22px;top:24px}.card-count strong{font-size:3.15rem}
 .card-count span{font-size:.6875rem}.card-badge{font-size:.625rem}
 .card-body{padding:21px}.card-title-row{align-items:flex-start;gap:10px}
 .card h3{font-size:1.5rem;min-width:0}.weight{font-size:.8125rem;padding-top:4px}
 .card-description{font-size:.9375rem;line-height:1.6;min-height:0}
 .details-button{font-size:.875rem;margin:8px 0 12px;min-height:44px}
 .card-price{padding-top:15px}.card-price strong{font-size:1.75rem}.card-price span{font-size:.8125rem}
 .price-context{font-size:.8125rem;margin:7px 0 15px;line-height:1.5}
 .card .button{font-size:.9375rem;min-height:48px}
 .catalog-foot{font-size:.8125rem;gap:8px}
 .packaging-gallery figure{height:195px;padding:15px 8px}.packaging-gallery img{max-height:168px}
 .packaging-copy>p.small,.packaging-gallery p{font-size:.8125rem}
 .corporate-details p{font-size:1rem}.corporate-details h3{font-size:1.375rem}
 .corporate .button{font-size:.875rem;padding:14px}
 .form-fields{grid-template-columns:1fr;gap:19px}.form-heading{align-items:flex-start;gap:10px}
 .form-heading h3{font-size:1rem;line-height:1.5}.step-circle{flex-shrink:0}
 .form-fields input::placeholder{font-size:.875rem}
 .privacy-note{font-size:.8125rem}
 .order-summary{padding:25px 21px;min-width:0}
 .order-summary h3{font-size:1.65rem;overflow-wrap:break-word}
 .summary-rows>div{font-size:.875rem;flex-wrap:wrap;row-gap:3px}
 .summary-total strong{font-size:clamp(1.8rem,8vw,2.6rem);overflow-wrap:anywhere}
 .order-summary>.button{font-size:.875rem;min-height:52px;white-space:normal}
 .order-summary .after-button{font-size:.8125rem}.order-summary .phone-link{font-size:.875rem}
 .faq summary{font-size:.9375rem;line-height:1.5;padding-top:20px;padding-bottom:20px;min-height:56px}
 .faq details p{font-size:.9375rem}
 .footer-main>p,.footer-main>div{font-size:.875rem}.footer-bottom{font-size:.75rem}
 .footer-main>div a{min-height:44px;display:flex;align-items:center}
 #dialog-items{columns:1}
}
@media(max-width:359px){.header .brand img.complete-logo{width:130px}.header .header-cta{font-size:.8125rem;padding:11px 12px}.festive-photo{height:215px}.mobile-cta{gap:4px;padding-left:10px;padding-right:10px}.mobile-cta .mobile-order-link{font-size:.8125rem}.card-body{padding:18px}.quantity-tabs button{font-size:.75rem}.card-price strong{font-size:1.6rem}}
/* Faixas de quantidade em cada cesta, somente no celular — versão 8 */
 .mobile-basket-prices{display:block;margin:0 0 20px}
 .mobile-basket-prices table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #e3d9cb;border-radius:9px;overflow:hidden;font-size:.875rem;line-height:1.45;background:#fffcf7}
 .mobile-basket-prices caption{text-align:left;font-weight:700;color:#192f61;font-size:.875rem;line-height:1.5;padding:0 0 10px}
 .mobile-basket-prices th,.mobile-basket-prices td{padding:11px 12px;text-align:left;border-bottom:1px solid #e9e0d3}
 .mobile-basket-prices thead th{background:#f2ede5;font-weight:600;font-size:.75rem;color:#525b70}
 .mobile-basket-prices td,.mobile-basket-prices thead th:last-child{text-align:right;white-space:nowrap}
 .mobile-basket-prices tbody th{font-weight:400}
 .mobile-basket-prices td{font-weight:700;color:#101e92}
 .mobile-basket-prices tbody tr:last-child>*{border-bottom:0}
 .mobile-basket-prices .best-volume-price>*{background:#ffebd6;color:#101e92;font-weight:700}
 .mobile-basket-prices>p{font-size:.75rem;line-height:1.5;color:#60687c;margin-top:8px}

/* Selo circular fornecido pelo cliente e acesso aos itens em destaque. */
.festive-photo figcaption.photo-brand{padding:0;border-radius:50%;background:#fff;overflow:hidden}
.festive-photo .photo-brand img{width:128px;height:128px;object-fit:contain;mix-blend-mode:normal}
.card .details-button{background:#ff972f;color:#172e5c;padding:10px 14px;border:1px solid #ed851e;border-radius:7px;text-decoration:underline;text-underline-offset:3px;font-weight:700;line-height:1.4;min-height:44px;text-align:left}
.card .details-button:hover{background:#ffad5b}
@media(max-width:620px){.festive-photo .photo-brand img{width:80px;height:80px}}

/* Versão 11 — encaixe consistente entre celulares e telas intermediárias. */
@media(max-width:800px){
 .wrap>*{min-width:0}
 .card-body,.form-fields>div,.order-layout>*{min-width:0}
 .mobile-basket-prices table{table-layout:fixed}
 .mobile-basket-prices th:first-child{width:58%}
 .mobile-basket-prices th,.mobile-basket-prices td{padding:10px}
 .header .brand{flex-shrink:0}
 .header-cta{flex-shrink:0}
 .faq summary{gap:14px}
 .faq summary span{flex-shrink:0}
}
@media(max-width:700px){
 .cards{grid-template-columns:minmax(0,1fr);max-width:520px;margin-inline:auto}
 .card-title-row{flex-direction:row;align-items:baseline;justify-content:space-between}
 .card-description{min-height:0}
 .card .details-button{display:flex;width:100%;justify-content:center;text-align:center;margin:16px 0 18px}
 .card .card-body{padding:20px}
 .mobile-basket-prices caption{font-size:.875rem}
 .mobile-basket-prices th,.mobile-basket-prices td{padding:11px 12px}
 .packaging-grid{grid-template-columns:minmax(0,1fr)}
 .corporate-details{grid-template-columns:minmax(0,1fr);gap:24px}
 .corporate-details article{padding-bottom:22px;border-bottom:1px solid #ffffff25}
 .hero-centered.festive-layout{grid-template-columns:minmax(0,1fr);gap:24px}
 .festive-photo{order:-1;height:clamp(215px,60vw,320px)}
 .hero-centered .festive-copy h1{font-size:clamp(1.9rem,7.8vw,3rem)}
 .hero-centered .festive-copy .hero-actions{align-items:stretch}
 .hero-actions .button{width:100%;white-space:normal;text-align:center}
 .hero-business .hero-bottom{flex-direction:column;text-align:center;gap:7px}
 .hero-business .hero-bottom b{font-size:1rem;line-height:1.45}
 .header-label-full{display:none}.header-label-short{display:inline}
 .header .brand img.complete-logo{width:146px;max-height:63px}
 .header-inner{min-height:76px;gap:10px}
 .header .header-cta{padding:11px 13px;font-size:.8125rem}
 .festive-photo .photo-brand img{width:80px;height:80px}
 .summary-total{flex-wrap:wrap;gap:8px}
 #dialog-items{columns:1}
}
@media(max-width:380px){
 .wrap{width:calc(100% - 28px)}
 .header .brand img.complete-logo{width:128px}
 .header .header-cta{padding:10px 12px;gap:5px}
 .card .card-body{padding:16px}
 .mobile-basket-prices th,.mobile-basket-prices td{padding:10px 8px;font-size:.8125rem}
 .mobile-basket-prices thead th{font-size:.6875rem}
 .card h3{font-size:1.375rem}
 .quantity-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
 .quantity-tabs button{font-size:.8125rem}
 .order-summary{padding:22px 16px}
}