@media (max-width:1279px){
  :root{--container:1160px}
  .header-desktop{grid-template-columns:minmax(250px,1fr) 180px minmax(250px,1fr);gap:25px}
  .nav-link{padding-inline:10px;font-size:11px}
  .product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .category-list{gap:15px}
}

@media (max-width:1023px){
  :root{--gutter:20px}
  .header-desktop,.desktop-nav{display:none}
  .header-mobile{display:block;padding-block:12px 15px}
  .header-mobile__top{height:68px;display:grid;grid-template-columns:52px 1fr 52px;align-items:center}
  .brand--mobile img{width:122px;height:60px}
  .header-mobile__top>.cart-link{justify-self:end;margin-right:4px}
  .search--mobile{width:100%;height:42px}
  .hero{height:clamp(620px,85vw,760px)}
  .hero__copy{padding-top:44px}
  .hero img{top:210px;width:min(88vw,780px)}
  .section{padding:58px 0}
  .category-list{display:flex;gap:18px;overflow-x:auto;padding:2px 2px 16px;scroll-snap-type:x proximity;scrollbar-width:thin}
  .category-card{flex:0 0 132px;scroll-snap-align:start}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .brands-section .container{grid-template-columns:1fr;gap:24px}
  .brand-list{gap:18px}
  .footer-grid{grid-template-columns:1fr 1fr}
  .product-detail{gap:36px}
  .cart-layout{grid-template-columns:1fr 300px;gap:24px}
  .customer-page{padding:58px 0 76px}
  .customer-auth{grid-template-columns:minmax(0,.78fr) minmax(390px,1fr);gap:40px}
  .customer-auth__intro h1{font-size:48px}
  .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
}

@media (max-width:767px){
  :root{--gutter:16px}
  .announcement{gap:6px;padding-inline:8px}
  .announcement__text{font-size:11px;min-width:0;flex:1}
  .header-mobile{padding-top:8px}
  .hero{height:clamp(500px,102vw,610px)}
  .hero__copy{padding-top:34px}
  .hero__model{font-size:clamp(18px,4.8vw,24px)}
  .hero__title{margin-top:13px;font-size:clamp(36px,8.5vw,52px);letter-spacing:-.055em}
  .hero img{top:165px;width:min(112vw,670px)}
  .section{padding:48px 0}
  .section-heading{margin-bottom:23px}
  .section-heading h1,.section-heading h2,.brands-section h2{font-size:23px}
  .section--categories{padding-bottom:38px}
  .category-card{flex-basis:116px}
  .category-card span{font-size:14px}
  .promo-grid{grid-template-columns:1fr;gap:14px}
  .section--promo{padding-top:0}
  .product-grid{display:flex;gap:14px;overflow-x:auto;padding:2px 2px 18px;scroll-snap-type:x mandatory;scrollbar-width:thin}
  .product-card{flex:0 0 min(56vw,224px);scroll-snap-align:start}
  .product-card__name{min-height:41px}
  .products-section .section-heading--with-action{display:grid;justify-items:center;gap:13px;margin-bottom:30px}
  .products-section .section-heading--with-action a{position:static}
  .products-section .section-heading h2{font-size:36px}
  .brands-section{padding-block:34px}
  .brand-list{display:flex;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}
  .brand-card{flex:0 0 150px;scroll-snap-align:start}
  .visual-links__square-grid,.visual-links__wide-grid{grid-template-columns:1fr;gap:14px}
  .visual-card span{left:18px;bottom:18px}
  .visual-links__wide-grid{margin-top:14px}
  .footer-grid{grid-template-columns:1fr;gap:36px}
  .site-footer{padding-top:46px}
  .whatsapp-button{right:16px;bottom:18px;width:54px;height:54px}
  .toast{bottom:86px}
  .customer-page{min-height:auto;padding:48px 0 64px}
  .customer-auth{grid-template-columns:1fr;gap:38px;max-width:560px}
  .customer-auth::before{display:none}
  .customer-auth__intro{text-align:center}
  .customer-auth__intro h1{font-size:44px}
  .customer-auth__intro>p{margin-inline:auto;font-size:15px}
  .customer-benefits{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:28px;text-align:left}
  .customer-benefits li{align-items:flex-start;gap:9px}
  .customer-benefits__icon{flex-basis:38px;width:38px;height:38px;border-radius:12px}
  .customer-benefits__icon svg{width:19px;height:19px}
  .customer-benefits small{display:none}
  .customer-benefits strong{font-size:12px;line-height:1.25}
  .login-panel{max-width:none;margin:0;padding:31px 28px;border-radius:26px}
  .used-hero{padding:24px 0 27px}
  .used-hero__copy{margin:0;text-align:left}
  .used-hero .breadcrumb{margin-bottom:14px;text-align:left}
  .used-hero h1{margin-top:10px;font-size:34px}
  .used-hero__text{margin-top:8px;font-size:14px}
  .used-products{padding:29px 0 52px}
  .used-products__heading{align-items:start;flex-direction:column;gap:10px}
  .used-empty{padding:42px 24px}
  .showcase-grid{grid-template-columns:1fr;gap:18px}
  .showcase-card{max-width:460px;width:100%;margin-inline:auto}
  .showcase-card__visual{height:240px}
}

@media (max-width:479px){
  .header-mobile__top{height:64px}
  .brand--mobile img{width:112px;height:56px}
  .hero{height:clamp(455px,128vw,520px)}
  .hero__copy{padding-top:29px}
  .hero__model{font-size:19px}
  .hero__title{margin-top:11px;font-size:36px}
  .hero img{top:158px;width:min(118vw,540px)}
  .category-card{flex-basis:104px}
  .category-card span{font-size:13px}
  .product-card{flex-basis:56vw}
  .section-heading--with-action a{font-size:13px}
  .visual-card img{aspect-ratio:1.16}
  .customer-auth__intro h1{font-size:38px}
  .customer-benefits{display:none}
  .login-panel{padding:27px 20px 24px;border-radius:23px}
  .login-panel__icon{width:48px;height:48px;margin-bottom:20px;border-radius:16px}
  .login-panel__heading h2{font-size:25px}
  .login-form{margin-top:26px}
  .field__label-row a{font-size:11px}
  .login-register{flex-direction:column;gap:4px}
}

@media (max-width:767px){
  .subpage-header__inner{min-height:82px}
  .subpage-header__inner>a:first-child img{width:106px;height:53px}
  .subpage-nav{gap:14px;font-size:13px}
  .subpage-nav a:nth-child(2),.subpage-nav a:nth-child(3){display:none}
  .page-shell{padding:40px 0 64px}
  .page-title{font-size:27px}
  .catalog-tools{grid-template-columns:1fr}
  .catalog-tools+.product-grid{display:grid;grid-template-columns:1fr 1fr;overflow:visible}
  .catalog-tools+.product-grid .product-card{min-width:0}
  .product-detail{grid-template-columns:1fr;gap:32px}
  .product-summary h1{font-size:27px}
  .product-actions{grid-template-columns:1fr}
  .content-grid{grid-template-columns:1fr}
  .login-panel{padding:25px 20px}
  .cart-layout{grid-template-columns:1fr}
  .cart-summary{position:static}
  .cart-item{grid-template-columns:78px 1fr}
  .cart-item img{width:78px;height:78px}
  .cart-item>button{grid-column:2;justify-self:start}
  .legal-content h2{margin-top:38px;font-size:21px}
  .legal-content h3{margin-top:28px;font-size:18px}
  .legal-content p{font-size:14px;line-height:1.65}
  .legal-content ul{padding-left:20px}
  .legal-content li{font-size:14px}
  .legal-meta{grid-template-columns:1fr}
  .legal-meta>div{padding:14px 15px}
  .legal-clause{padding-left:12px}
  .legal-clause--2,.legal-clause--3,.legal-clause--4{margin-left:12px}
  .legal-callout{padding:17px 16px}
  .legal-resource{padding-left:24px}
  .legal-resource::before{left:9px}
}

/* Revisão mobile-first: mais conteúdo visível, alvos de toque confortáveis e sem zoom de formulário no iOS. */
@media (max-width:767px){
  :root{--gutter:14px}
  .announcement{min-height:32px;padding-block:5px}
  .announcement__arrow{width:36px;height:32px}
  .announcement__text{font-size:10px;letter-spacing:.045em}
  .header-mobile{padding:5px 0 10px}
  .header-mobile__top{height:57px;grid-template-columns:48px 1fr 48px}
  .brand--mobile img{width:104px;height:52px;border-radius:12px}
  .icon-button,.header-mobile__top .cart-link{min-width:44px;min-height:44px}
  .search--mobile{height:40px}
  .search input,.field input,.field select,.contact-form input,.contact-form textarea,.login-form input:not([type="checkbox"]),.quantity-row input,.cart-item__controls input{font-size:16px}
  .mobile-drawer{width:min(88vw,340px);padding-inline:18px}
  .mobile-drawer__header{height:78px}
  .mobile-drawer nav>a,.mobile-drawer summary{min-height:52px}

  .hero{height:clamp(360px,100vw,410px)}
  .hero__copy{padding-top:21px}
  .hero__model{font-size:16px}
  .hero__title{margin-top:9px;font-size:clamp(29px,8.5vw,37px)}
  .hero img{top:113px;width:min(96vw,440px)}
  .section{padding:40px 0}
  .section--categories .section-heading{margin-bottom:27px}
  .section--categories .section-heading h1,.products-section .section-heading h2{font-size:31px}
  .category-list{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);gap:13px}
  .category-card{flex-basis:96px}
  .category-card__image{padding:5px}
  .category-card span{margin-top:9px;font-size:12px}
  .promo-card{border-radius:16px}
  .products-section .section-heading--with-action{min-height:48px;margin-bottom:24px}
  .product-grid{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);gap:11px}
  .product-card{flex-basis:min(48vw,190px);padding:8px;border-radius:19px}
  .product-card__image{border-radius:14px}
  .product-card__content{padding:12px 3px 3px}
  .product-card__name{min-height:38px;font-size:13px}
  .product-card__price{font-size:17px}
  .product-card__link{min-height:42px;display:grid;place-items:center;padding:8px 9px;font-size:11px}
  .brand-list{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}
  .footer-grid{gap:28px}
  .footer-bottom{margin-top:28px}
  .subpage-footer{padding:20px 0;font-size:11px;line-height:1.55}

  .page-shell{padding:32px 0 58px}
  .breadcrumb{margin-bottom:16px}
  .page-title{margin-bottom:22px;font-size:26px}
  .catalog-tools{gap:14px;margin-bottom:24px}
  .catalog-tools+.product-grid{margin-inline:0;padding-inline:0;gap:12px}
  .catalog-tools+.product-grid .product-card{width:auto;padding:8px}
  .product-detail{gap:24px}
  .product-gallery__main{border-radius:16px}
  .product-gallery__main img{object-fit:contain}
  .product-gallery__thumbs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}
  .product-gallery__thumb{flex:0 0 64px;scroll-snap-align:start}
  .product-summary h1{margin-bottom:13px;font-size:25px}
  .product-summary__price{margin:11px 0 18px;font-size:25px}
  .quantity-row{margin-block:16px}
  .product-actions .button{width:100%}
  .product-description{margin-top:26px;padding-top:21px}
  .related-section{margin-top:48px}
  .cart-item{grid-template-columns:72px 1fr;gap:12px;padding:11px}
  .cart-item img{width:72px;height:72px}
  .cart-summary{padding:21px}
  .button{min-height:48px}

  .customer-page{padding:38px 0 56px}
  .customer-auth{gap:27px}
  .customer-auth__intro h1{margin-top:16px;font-size:36px}
  .customer-auth__intro>p{margin-top:16px;font-size:14px;line-height:1.55}
  .customer-benefits{margin-top:22px}
  .login-panel{padding:25px 19px 22px;border-radius:22px}
  .login-panel__icon{width:46px;height:46px;margin-bottom:17px}
  .login-panel__heading h2{font-size:24px}
  .login-form{margin-top:23px;gap:16px}
  .login-form .auth-input input:not([type="checkbox"]){height:50px}

  .used-hero{padding:20px 0 23px}
  .used-hero .breadcrumb{margin-bottom:11px}
  .used-eyebrow{padding:5px 9px;font-size:9px}
  .used-hero h1{margin-top:8px;font-size:30px}
  .used-hero__text{margin-top:6px;font-size:13px}
  .used-products{min-height:420px;padding:25px 0 48px}
  .used-products__heading{margin-bottom:19px}
  .used-products__heading h2{font-size:25px}
  .showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
  .showcase-card{border-radius:18px}
  .showcase-card__visual{height:156px;padding:9px}
  .showcase-card__pager{display:none}
  .showcase-card__body{padding:13px 11px 11px}
  .showcase-card__title-row{display:block}
  .showcase-card__title-row h3{font-size:14px}
  .showcase-card__title-row p{font-size:11px}
  .showcase-card__condition{display:inline-flex;margin-top:8px;font-size:9px}
  .showcase-card__price{margin-top:13px}
  .showcase-card__price strong{font-size:17px}
  .showcase-card__battery{margin-top:8px;padding:4px 7px;font-size:9px}
  .showcase-card__swatch{width:15px;height:15px;margin-top:8px}
  .showcase-card__button{min-height:42px;margin-top:12px;font-size:12px}
  .used-empty{margin-top:20px;padding:34px 18px;border-radius:22px}
  .used-empty h2{font-size:23px}
  .used-empty p{font-size:14px}
}

@media (max-width:359px){
  .showcase-grid{grid-template-columns:1fr}
  .showcase-card__visual{height:210px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

@media (max-width:1023px){
  .account-layout{grid-template-columns:190px minmax(0,1fr)}
  .account-section{padding:26px}
  .account-form-grid--password{grid-template-columns:1fr}
  .checkout-layout{grid-template-columns:minmax(0,1fr) 320px;gap:22px}
}

@media (max-width:767px){
  .customer-account-page{padding:40px 0 64px}
  .account-heading{align-items:flex-start;flex-direction:column;margin-bottom:25px}
  .account-layout{grid-template-columns:1fr;gap:16px}
  .account-nav{grid-template-columns:repeat(3,1fr);position:sticky;top:0;z-index:4;padding:6px;border-radius:16px}
  .account-nav button{padding:11px 7px;font-size:12px;text-align:center}
  .account-section{padding:23px 19px;border-radius:21px}
  .account-section__heading{align-items:flex-start;flex-direction:column}
  .account-section__heading .button{width:100%}
  .account-form-grid,.address-list{grid-template-columns:1fr}
  .account-form-grid .span-2{grid-column:auto}
  .account-form-actions{align-items:stretch;flex-direction:column}
  .account-form-actions .button{width:100%}
  .orders-table thead{display:none}
  .orders-table,.orders-table tbody,.orders-table tr,.orders-table td{display:block}
  .orders-table tr{padding:15px 0;border-top:1px solid #e2e6ea}
  .orders-table td{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:6px 3px;border:0;text-align:right}
  .orders-table td[data-label]::before{content:attr(data-label);color:#77818b;font-size:11px;font-weight:700;text-transform:uppercase}
  .order-summary{grid-template-columns:1fr}
  .checkout-layout{grid-template-columns:1fr}
  .checkout-summary{position:static;grid-row:1}
}

@media (max-width:479px){
  .auth-form-grid{grid-template-columns:1fr}
  .auth-switch{margin-bottom:22px}
  .account-heading h1{font-size:34px}
  .account-nav button{font-size:11px}
  .order-dialog{padding:26px 20px}
  .checkout-card,.checkout-summary{padding:21px 17px;border-radius:19px}
  .checkout-fields,.payment-options{grid-template-columns:1fr}
  .checkout-field--wide{grid-column:auto}
  .checkout-product{grid-template-columns:52px 1fr}
  .checkout-product img{width:52px;height:52px}
  .checkout-product>b{grid-column:2}
  .checkout-success{padding:42px 20px}
  .checkout-success h1{font-size:30px}
}