/* Compact, readable phone layouts. Loaded last on every storefront page. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media(max-width:760px){
 body{font-size:14px;line-height:1.7}
 header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;height:auto;min-height:70px;padding:13px 5.5vw;align-items:center}
 header .brand{font-size:21px;letter-spacing:.2em;gap:9px;min-width:0}
 header .brand-symbol{width:32px;height:29px}
 header .nav{display:flex;width:auto;margin:0;gap:12px;font-size:12px;justify-content:flex-start}
 header .nav a:first-child,header .nav .gifts-nav{display:inline-block}
 header .cart-toggle{gap:6px;font-size:12px;padding:10px 0}
 header .cart-toggle svg{width:18px;height:21px}
 header .cart-toggle .cart-text{display:none}
 header .cart-toggle [data-cart-count]{width:18px;min-width:18px;height:18px;font-size:10px}
 .eyebrow{font-size:10px;letter-spacing:.15em;margin-bottom:16px}
 .hero{min-height:0;display:grid;grid-template-columns:minmax(0,1fr);align-items:start}
 .hero .hero-copy{display:contents}
 .hero .hero-copy>.eyebrow{order:2;margin:0 6vw 10px}
 .hero .hero-copy #titulo{order:0;font-size:clamp(18px,5.5vw,24px);line-height:1.3;white-space:nowrap;margin:18px 6vw 20px}
 .hero .hero-figure{order:1;width:calc(100% - 12vw);margin:0 6vw 22px;align-self:start}
 .hero .hero-copy>.intro{order:4;margin:0 6vw 18px;max-width:none}
 .hero .hero-copy>.hero-price{order:3;margin:0 6vw 18px}
 .hero .hero-copy>.button{order:4;justify-self:start;margin:0 6vw}
 .hero .hero-copy>.origin-signature{order:5;margin:18px 6vw 28px}
 .hero .hero-copy{padding:30px 6vw 28px}
 .hero .hero-copy h1{font-size:clamp(30px,8.5vw,38px);line-height:1.13;letter-spacing:-.04em}
 .hero .intro{font-size:14px;line-height:1.75;margin:18px 0 20px;max-width:100%}
 .button{font-size:13px;line-height:1.45;padding:12px 18px;min-height:44px}
 .hero-price{margin-bottom:20px}
 .hero-price>span{font-size:10px}
 .hero-price>div{gap:10px;margin-top:3px}
 .hero-price strong{font-size:27px}
 .hero-price small{font-size:11px}
 .origin-signature{margin-top:20px;gap:10px}
 .origin-signature svg{width:26px;height:19px}
 .origin-signature span,.origin-signature small{font-size:9px;line-height:1.6}
 .divider{padding:16px 6vw;font-size:9px;line-height:1.6;letter-spacing:.06em;gap:14px}
 .home-soaps{padding:38px 6vw 42px}
 .home-soaps .universe-head{margin-bottom:24px}
 .home-soaps .universe-head .eyebrow{margin-bottom:12px}
 .home-soaps #linhas{font-size:clamp(16px,4.7vw,20px);line-height:1.4;letter-spacing:-.035em;white-space:normal}
 .product-grid,.related .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 12px}
 .home-soaps .product-card h2,.product-card h2,.product-card h3{font-size:16px;line-height:1.35;letter-spacing:-.025em;margin:12px 0 6px}
 .product-card .product-weight{font-size:11px;margin-bottom:7px;letter-spacing:.025em}
 .product-card .card-price{font-size:19px;line-height:1.4;margin-bottom:11px}
 .product-card .card-price span{display:inline;font-size:10px;margin:0;letter-spacing:0}
 .product-card .card-link{font-size:11px;gap:5px;line-height:1.5}
 .product-card .add-to-cart{font-size:11px;line-height:1.4;gap:6px;padding:10px 8px;min-height:44px;margin-top:13px}
 .product-card .add-to-cart span{font-size:16px}
 .story{padding:42px 6vw;gap:20px}
 .story h2{font-size:30px;line-height:1.2}
 .story-copy{padding-top:0}
 .story-copy p{font-size:14px;line-height:1.8;margin-bottom:18px}
 .story-copy .signature{font-size:17px!important;padding-top:14px}
 .invitation{padding:40px 6vw;gap:22px}
 .invitation h2{font-size:30px;line-height:1.2}
 .invitation p{font-size:14px;line-height:1.8;margin-bottom:18px}
 .invitation .email{font-size:16px}
 footer{padding:26px 6vw;gap:18px;font-size:11px}
 .footer-brand{font-size:18px}
 .catalog-intro{padding:32px 6vw 24px}
 .catalog-intro h1{font-size:32px;line-height:1.2}
 .catalog-intro>p{font-size:14px;line-height:1.75;margin-top:18px}
 .collection{padding:5px 6vw 40px}
 .handmade-note{margin:0 6vw;font-size:12px;line-height:1.8;padding:22px 0 28px}
 .collection-contact{padding:30px 6vw}
 .collection-contact h2{font-size:24px}
 .collection-contact p{font-size:14px;line-height:1.75}
 .back-link{font-size:12px;margin:22px 6vw}
 .product-detail{padding:0 6vw 38px;gap:24px}
 .product-copy h1{font-size:32px;line-height:1.2}
 .product-copy .eyebrow{margin-bottom:12px}
 .product-copy .weight{font-size:14px;margin:12px 0 8px}
 .product-copy .product-price{font-size:28px;margin-bottom:18px}
 .product-copy .product-price span{font-size:12px}
 .product-description{font-size:14px;line-height:1.8;margin-bottom:18px}
 .product-facts{gap:14px;margin:20px 0;padding:18px 0}
 .product-facts dt{font-size:10px;letter-spacing:.08em}
 .product-facts dd{font-size:12px}
 .product-copy .variation{font-size:12px;line-height:1.8}
 .gallery-thumbnails{gap:10px;margin-top:12px}
 .gallery-thumb{gap:7px;padding:6px}
 .gallery-thumb img{width:42px;height:42px}
 .gallery-thumb span{font-size:10px;line-height:1.5}
 .related{padding:32px 6vw 40px}
 .related>h2{font-size:25px;margin-bottom:22px}
 .cart-dialog{padding:20px;width:calc(100% - 24px);max-height:90dvh}
 .cart-head{padding-bottom:18px}
 .cart-head h2{font-size:25px;line-height:1.2}
 .cart-head .eyebrow{font-size:9px}
 .cart-item{grid-template-columns:56px minmax(0,1fr) auto;gap:10px;padding:18px 0}
 .cart-item>img{width:56px;height:56px}
 .cart-item h3{font-size:14px}
 .cart-item p{font-size:11px}
 .cart-item>strong{font-size:12px}
 .cart-quantity{gap:10px;margin-top:10px}
 .cart-quantity button{width:32px;height:32px;font-size:17px}
 .cart-total{font-size:12px}
 .cart-total strong{font-size:20px}
 .cart-note{font-size:12px;line-height:1.7}
 .checkout-header{grid-template-columns:minmax(0,1fr) auto;padding:14px 6vw;gap:12px}
 .checkout-header .checkout-back{font-size:11px;line-height:1.5}
 .checkout-safe{display:none}
 .checkout-main{padding:28px 6vw 42px}
 .checkout-title{margin-bottom:24px}
 .checkout-title h1{font-size:29px;line-height:1.2;letter-spacing:-1px;margin:10px 0 14px}
 .checkout-title>p:last-child{font-size:12px;line-height:1.7}
 .checkout-layout{gap:16px;grid-template-columns:minmax(0,1fr)}
 .checkout-section,.checkout-summary{padding:20px 16px}
 .summary-top h2{font-size:18px;line-height:1.4;margin:10px 0 18px}
 .summary-top .eyebrow{margin-bottom:10px}
 .checkout-item{grid-template-columns:50px minmax(0,1fr) auto;gap:10px;padding:15px 0}
 .checkout-item>img{width:50px;height:50px}
 .checkout-item h3{font-size:13px;line-height:1.4}
 .checkout-item>strong{font-size:12px;white-space:nowrap}
 .checkout-item-quantity{gap:10px}
 .checkout-item-quantity button{width:30px;height:30px}
 .checkout-totals>div{font-size:12px;padding:8px 0}
 .checkout-totals .grand-total{font-size:18px;margin-top:8px;padding-top:16px}
 .summary-signature{display:none}
 .step-heading{gap:12px;margin-bottom:20px}
 .step-heading h2{font-size:19px;line-height:1.3}
 .step-heading p{font-size:12px}
 .fields-grid{grid-template-columns:1fr;gap:14px}
 .checkout-section input,.checkout-section select,.checkout-section textarea{font-size:16px;min-height:46px}
 .checkout-section label{font-size:12px;gap:7px}
 .checkout-section .button{font-size:12px;padding:12px;gap:10px;min-height:46px}
 .postal-row{gap:10px}
 .postal-row label{min-width:0}
 .payment-tabs{gap:10px}
 .payment-tabs button{min-height:60px;padding:12px 10px;gap:9px}
 .payment-tabs span{font-size:13px}
 .payment-tabs svg{width:20px;height:20px}
 .order-result{padding:18px 14px}
 .order-result h3{font-size:21px}
 .checkout-empty{padding:24px 16px}
 .checkout-empty h2{font-size:24px}
}
@media(max-width:360px){
 header{gap:8px}
 header .brand{font-size:18px;gap:6px}
 header .brand-symbol{width:28px}
 header .nav{gap:7px}
}