/* Responsive refinements shared by the existing storefront pages. */
*,*::before,*::after{box-sizing:border-box}
html{scroll-padding-top:24px;-webkit-text-size-adjust:100%}
img,video,canvas{max-width:100%}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button,a{touch-action:manipulation}
:focus-visible{outline:3px solid #e9643d;outline-offset:4px}
[hidden]{display:none!important}
.site-container{width:100%}
.catalog-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))!important}
.fluid-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))!important}
.site-header nav a{justify-content:center}
.contact-form>*{min-width:0}
#atendimento dd{overflow-wrap:anywhere}
.gallery,.purchase,.commerce-grid>*{min-width:0}
.toast{max-width:calc(100vw - 32px)}
@media(max-width:1100px){
 .site-header-inner{gap:18px 24px!important}
 .site-header nav{order:3;flex:1 0 100%!important;justify-content:center;margin:0!important}
 .site-header-inner>a:first-child{margin-right:auto}
 .home-hero{min-height:820px!important}
 .home-mini-layout{padding:44px 32px!important;gap:32px!important}
 .home-mini-layout>div{flex-basis:350px!important}
 .mini-price-bar{border-radius:24px!important}
 .checkout-shell .commerce-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.72fr)}
 .checkout-shell .checkout-heading{flex-wrap:wrap;align-items:start}
 .checkout-progress{flex-basis:100%}
}
@media(min-width:701px) and (max-width:1000px){
 .site-container{padding-left:28px!important;padding-right:28px!important}
 .site-container.home-mini-layout{padding:40px 28px!important}
 .product-grid{grid-template-columns:minmax(0,1fr)!important;gap:38px!important}
 .gallery{position:static!important;max-width:720px;width:100%;margin:auto}
 .purchase{max-width:720px;width:100%;margin:auto}
 .gallery-thumbnails{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;max-height:none!important;overflow:visible!important}
 .studio-gallery{display:block!important}
 .studio-stage img#product-photo{height:auto!important;aspect-ratio:1!important;min-height:0!important}
 .gallery-thumb span{font-size:9px!important}
 .technical-grid,.assembly-showcase{grid-template-columns:1fr!important;gap:32px!important}
 .technical-drawing,.assembly-visual,.assembly-explanation{width:100%;max-width:none!important}
 .assembly-explanation .steps-tabs{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .checkout-shell .commerce-grid{grid-template-columns:minmax(0,1fr)!important}
 .checkout-shell .order-summary{position:static!important}
 .checkout-shell .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .about-film{height:600px!important}
}
@media(max-width:700px){
 .wrap{padding-left:20px!important;padding-right:20px!important}
 .preview{padding:9px 20px;font-size:10px;line-height:1.5}
 .site-container{padding-left:20px!important;padding-right:20px!important}
 .site-header-inner{padding-top:18px!important;padding-bottom:15px!important;gap:16px 12px!important}
 .site-header-inner img{width:122px!important}
 .site-header-inner>div{gap:8px!important}
 .site-header-inner>div>a:last-child{padding:0 14px!important;font-size:11px!important}
 .site-header nav{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px!important;border-radius:18px!important;width:100%;padding:4px!important;font-size:11px!important}
 .site-header nav a{height:auto!important;min-height:44px;padding:6px 3px!important;text-align:center;line-height:1.3;white-space:normal}
 .header-inner{padding-top:17px;padding-bottom:14px;gap:14px!important;min-height:0!important}
 .header-inner .logo{width:138px!important}
 .header-inner nav[aria-label=Principal]{width:100%;order:3;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px!important;font-size:11px!important;margin:0!important}
 .header-inner nav[aria-label=Principal] a{min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.3}
 .header-inner .cart-link{margin-left:auto;min-width:44px;min-height:44px}
 .home-hero{min-height:780px!important}
 .hero-copy{padding:46px 20px 40px!important;gap:22px!important}
 .hero-copy h1{font-size:clamp(34px,8.8vw,54px)!important;line-height:1.08!important}
 .hero-copy>span:first-child{font-size:10px!important;letter-spacing:.2em!important}
 .hero-copy p{font-size:15px!important;line-height:1.75!important}
 .hero-copy>div{width:100%;gap:10px!important}
 .hero-copy>div>a{height:52px!important;padding:0 20px!important;font-size:13px!important;justify-content:center}
 .hero-proof{grid-template-columns:1fr auto!important;gap:14px!important;font-size:11px!important;padding-bottom:24px!important}
 .hero-proof>a:first-child{flex-wrap:wrap;gap:5px 8px!important}
 .hero-proof>span{grid-column:1/-1;justify-self:start!important;font-size:11px}
 #fortmac>.site-container{padding-top:64px!important;padding-bottom:64px!important;gap:32px!important}
 #fortmac p{font-size:15px!important}
 #fortmac .about-film{height:480px!important;border-radius:24px!important}
 .about-film>div:last-child{left:20px!important;right:20px!important;bottom:20px!important;flex-wrap:wrap}
 .about-film>div:last-child>div>span:first-child{font-size:18px!important}
 .about-film>div:last-child>div>span:last-child{font-size:11px!important}
 [data-page=index] section.site-container{padding-top:40px!important;padding-bottom:48px!important}
 [data-page=index] .catalog-grid{grid-template-columns:minmax(0,1fr)!important}
 #mini{padding:30px 12px!important}
 #mini>div{border-radius:26px!important}
 #mini .home-mini-layout{padding:24px 20px!important;gap:20px!important}
 #mini .home-mini-layout>div{flex-basis:100%!important}
 #home-rack{height:380px!important;max-width:420px!important}
 #mini h2{font-size:34px!important}
 #mini .glass[role=group]{max-width:100%;display:flex!important;flex-wrap:wrap;border-radius:20px!important}
 #mini .glass[role=group] button{min-height:44px;font-size:12px!important;flex:1;white-space:nowrap}
 .mini-price-bar{margin:0 14px 14px!important;padding:20px!important;gap:18px!important;border-radius:22px!important}
 .mini-price-bar>a{width:100%;justify-content:center;height:52px!important}
 .cc{gap:18px!important;padding:28px 0!important}
 .cc>span:last-child{justify-content:flex-start!important;flex-wrap:wrap}
 #atendimento>.site-container{padding-top:56px!important;padding-bottom:56px!important;gap:28px!important}
 #atendimento>.site-container>div,#atendimento form{min-width:0;flex-basis:100%!important}
 #atendimento dl{font-size:13px!important;gap:12px 14px!important}
 .contact-form{padding:22px!important;border-radius:22px!important;grid-template-columns:1fr!important}
 .contact-form>*{grid-column:1/-1!important}
 .contact-form input,.contact-form select,.contact-form textarea{font-size:16px!important}
 .site-footer>.site-container{padding-top:48px!important;padding-bottom:40px!important;gap:32px!important}
 .site-footer a{min-height:34px;align-content:center}
 .site-footer .fluid-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px 20px!important}
 .site-footer .fluid-grid>div:first-child{grid-column:1/-1}
 .site-footer span{overflow-wrap:anywhere}
 [data-page=catalogo] section.site-container{padding-top:30px!important;padding-bottom:30px!important}
 [data-page=catalogo] #cat-busca{width:100%!important;font-size:16px!important}
 [data-page=catalogo] label:has(#cat-busca){width:100%!important}
 [data-page=catalogo] [style*="width: 280px"]{width:100%!important}
 [data-page=catalogo] .catalog-grid{grid-template-columns:minmax(0,1fr)!important}
 [data-page=catalogo] .catalog-grid>a{grid-row:auto!important}
 [data-page=catalogo] .metal{border-radius:24px!important}
 .breadcrumbs{font-size:11px!important;line-height:1.6;padding-top:22px;padding-bottom:20px}
 .purchase h1{font-size:32px!important;line-height:1.15!important}
 .product-grid{padding-top:12px!important;gap:30px!important}
 .gallery-heading{gap:10px;flex-wrap:wrap}
 .gallery-story{grid-template-columns:1fr!important;min-height:0!important;padding:20px 0!important}
 .gallery-story h2{font-size:23px!important}
 .gallery-story p{font-size:13px!important}
 .gallery-thumbnails{grid-template-columns:repeat(8,84px)!important;scroll-padding-inline:2px}
 .gallery-thumb{min-height:84px}
 .gallery-thumb span{font-size:10px!important;line-height:1.4;padding:5px 2px}
 .gallery-arrow{width:44px!important;height:44px!important}
 .gallery-foot{font-size:10px!important;line-height:1.6;flex-wrap:wrap}
 .level-options button,.color-options button{min-height:46px;font-size:13px!important}
 .quantity input{font-size:16px!important}
 .quantity button{width:44px;min-height:44px}
 .shipping-input input{min-width:0;font-size:16px!important}
 .shipping-input button{min-height:46px}
 .document-links a{min-height:44px;align-content:center;font-size:12px!important}
 .section-nav .wrap{gap:22px;overflow-x:auto;flex-wrap:nowrap}
 .section-nav a{font-size:12px!important;min-height:48px;display:flex;align-items:center;white-space:nowrap}
 .section{padding-top:52px!important;padding-bottom:52px!important}
 .technical-grid{flex-direction:column!important}
 .technical-copy p{font-size:14px!important}
 .specs{gap:22px 14px}
 .technical-caption{font-size:10px!important;line-height:1.6}
 .steps-tabs button{min-height:48px!important;font-size:11px!important;white-space:normal!important}
 .sequence-controls button,.sequence-play-overlay{min-height:44px;font-size:11px!important}
 .assembly-resources .button{font-size:13px!important;min-height:50px}
 .assembly-resources>p,.sequence-note{font-size:11px!important}
 .faq summary{font-size:15px!important;min-height:48px;padding:16px 30px 16px 0}
 .faq p{font-size:13px!important}
 .footer-inner{gap:20px!important;line-height:1.7;flex-wrap:wrap}
 .commerce{padding-top:30px!important;padding-bottom:50px!important}
 .commerce-grid{grid-template-columns:minmax(0,1fr)!important}
 .commerce-card,.summary{min-width:0}
 .cart-row{flex-wrap:wrap;gap:16px}
 .checkout-shell .checkout-topline{flex-wrap:wrap;align-items:start;gap:12px}
 .checkout-topline>a{min-height:44px;display:inline-flex;align-items:center}
 .presentation-toggle{font-size:11px!important;min-height:44px}
 .checkout-shell .checkout-heading{margin-top:20px}
 .checkout-shell .intro{font-size:13px}
 .checkout-progress button{min-height:48px;font-size:12px!important;gap:7px!important}
 .checkout-progress ol{gap:10px!important}
 .presentation-notice p{font-size:11px!important;line-height:1.7}
 .presentation-notice strong{font-size:12px!important}
 .checkout-shell .checkout-flow,.checkout-shell .order-summary{padding:22px 18px!important}
 .checkout-shell .form-grid{grid-template-columns:minmax(0,1fr)!important}
 .checkout-shell .form-grid>*{grid-column:1/-1!important;min-width:0}
 .checkout-shell .form-grid label{font-size:12px!important}
 .checkout-shell .person-options{gap:8px}
 .checkout-shell .person-options label{font-size:12px!important;padding:12px 10px!important}
 .checkout-shell .person-options small{font-size:10px!important}
 .panel-intro{font-size:13px!important}
 .checkout-shell .payment-choice{min-height:122px!important;padding:24px 6px 12px!important}
 .checkout-shell .payment-choice strong{font-size:11px!important}
 .checkout-shell .payment-choice small{font-size:9px!important}
 .method-check{width:18px;height:18px;font-size:11px;line-height:18px;right:5px;top:5px}
 .payment-mark .pix-official{max-width:100%;width:72px!important}
 .checkout-shell .card-visual{padding:20px!important;width:100%}
 .checkout-shell .card-visual .card-number{font-size:clamp(14px,4.4vw,21px)!important;letter-spacing:.04em}
 .checkout-shell .method-explainer strong{font-size:13px!important}
 .method-explainer p,.method-demo-note,.form-note{font-size:12px!important}
 .flow-actions{flex-wrap:wrap}
 .flow-actions>.primary{font-size:13px!important;min-height:50px;flex:1}
 .flow-back{min-height:44px;font-size:12px!important}
 .shipping-choice{align-items:start!important;flex-wrap:wrap}
 .shipping-choice strong{font-size:13px!important}
 .shipping-choice small{font-size:11px!important;line-height:1.6}
 .shipping-choice b{font-size:13px!important}
 [data-page=confirmacao] main{padding-top:30px!important;padding-bottom:40px!important}
 [data-page=confirmacao] main>section>div{padding:24px!important}
 [data-page=confirmacao] main>aside{flex-basis:100%!important;padding:24px!important}
 [data-page=confirmacao] h1{font-size:30px!important}
}
@media(max-width:380px){
 .site-header-inner img{width:107px!important}
 .site-header-inner>div>a:last-child{font-size:10px!important;padding:0 11px!important}
 .hero-copy>div>a{width:100%}
 #home-rack{height:330px!important}
 #mini h2{font-size:30px!important}
 .checkout-shell .payment-options{grid-template-columns:1fr!important}
 .checkout-shell .payment-choice{min-height:82px!important;display:grid!important;grid-template-columns:76px 1fr;gap:4px 12px!important;text-align:left;justify-items:start;padding:18px!important}
 .payment-choice .payment-mark{grid-row:1/3;align-self:center}
 .checkout-shell .payment-choice small{font-size:10px!important}
 .person-options{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.lift{transition:none}.lift:hover{transform:none}}
@media(max-width:700px){
 .checkout-compact-header .header-inner{display:flex!important;flex-wrap:wrap!important;justify-content:space-between;padding-top:16px!important;padding-bottom:10px!important}
 .checkout-compact-header .header-inner>a{margin:0!important}
 .checkout-compact-header .header-inner img{width:138px!important;max-width:none!important}
 .checkout-compact-header .header-inner nav[aria-label=Principal]{flex-basis:100%!important;width:100%!important;order:3!important;margin:0!important}
 .sequence-controls #sequence-restart{font-size:23px!important;min-width:44px;min-height:44px}
}