/* Mobile storefront: compact browsing, readable controls, native checkout. */
.mobile-drawer-brand{font:28px/1.2 var(--serif);padding:0 0 24px;border-bottom:1px solid var(--line)}
.mobile-drawer-account{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}
.mobile-drawer-account a{display:flex;align-items:center;gap:12px}
@media(max-width:600px){
 .container{width:calc(100% - 32px)}
 .announcement{font-size:10px;line-height:1.4;padding:5px 12px;min-height:26px}
 .site-header .header-inner{display:grid;grid-template-columns:44px minmax(0,1fr) 80px;gap:4px;min-height:60px;width:calc(100% - 20px)}
 .header-inner>.brand{font-size:26px;text-align:center;justify-self:center;line-height:1.05;max-width:100%}
 .header-inner>.brand small{font-size:8px;line-height:1.5;letter-spacing:.2px}
 .header-inner .custom-logo{max-width:150px;max-height:44px;width:auto;object-fit:contain}
 .site-header .header-actions{gap:0;justify-content:flex-end}
 .site-header .header-actions .account-link{display:none}
 .site-header .icon-button{min-width:40px;min-height:44px;padding:9px}
 .site-header .header-actions .icon{width:21px;height:21px}
 .site-header .header-search{grid-column:1/-1;grid-row:2;margin-bottom:10px}
 .header-search input[type=search]{font-size:16px;padding:12px}
 .mobile-navigation-panel{width:min(86vw,360px);padding:72px 20px 28px}
 .mobile-navigation-panel a{font-size:14px;line-height:1.4;min-height:44px}
 .mobile-navigation-panel .sub-menu{padding-left:14px}
 .mobile-navigation-panel .menu>li>a{padding:14px 0}
 .hero-full-banner .hero-inner{min-height:490px;padding:24px 0;align-items:flex-end}
 .hero-copy{width:100%;max-width:100%}
 .hero-copy h1{font-size:34px;line-height:1.04;margin-bottom:10px}
 .hero-copy p{font-size:14px;line-height:1.5;margin-bottom:16px}
 .hero-buttons{gap:8px;margin-top:14px}
 .hero-buttons .button{min-height:46px;font-size:13px;padding:12px}
 .why-under-hero{padding:18px 0;border-bottom:1px solid var(--line)}
 .why-under-hero h2{font-size:23px;margin-bottom:16px}
 .why-under-hero .benefits{gap:18px 12px}
 .why-under-hero .benefits .icon{width:27px;height:27px;margin-bottom:6px}
 .why-under-hero .benefits h3{font-size:12px;line-height:1.4;margin:0}
 .gift-browser{padding:24px 0 8px}
 .gift-browser h2{font-size:26px;margin-bottom:8px}
 .gift-browser>.muted{font-size:13px}
 .gift-browser-toolbar{margin:16px 0}
 .gift-tabs a{font-size:14px;min-height:44px;padding:10px}
 .gift-browser .gift-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .gift-browser .gift-tile{padding:0;overflow:hidden;border-radius:8px;background:#fffdfb;border:1px solid var(--line)}
 .gift-browser .gift-tile-image,.gift-browser .gift-tile-feature .gift-tile-image{width:100%;height:auto;aspect-ratio:1.2;border-radius:0;flex:none}
 .gift-browser .gift-tile-caption,.gift-browser .gift-tile-feature .gift-tile-caption{padding:10px 7px;min-height:44px}
 .gift-browser .gift-tile-caption>span{font-size:13px;line-height:1.35;display:block}
 .home .featured-section{padding-top:24px;padding-bottom:22px}
 .featured-section .section-heading h2{font-size:28px}
 .featured-section .section-heading p{font-size:13px}
 .product-carousel-shell{padding:0}
 .product-carousel-viewport{padding:0 0 6px}
 .featured-carousel .carousel-arrow{width:32px;height:32px;min-width:32px;font-size:24px}
 .featured-carousel .carousel-prev{left:-12px}.featured-carousel .carousel-next{right:-12px}
 .trenzo-site ul.products li.product.trenzo-product-card{border-radius:8px}
 .trenzo-site ul.products li.product .card-body{padding:10px 8px}
 .trenzo-site ul.products li.product .woocommerce-loop-product__title{font-size:14px;line-height:1.4;min-height:2.8em;margin-bottom:5px}
 .trenzo-site ul.products li.product .price{font-size:16px;margin:8px 0 10px}
 .trenzo-card-reviews{font-size:11px;gap:5px;margin:4px 0}
 .trenzo-site ul.products li.product .product-actions>.button{font-size:12px;min-height:44px;padding:10px 5px}
 .wishlist-button{width:32px;min-width:32px;height:32px;min-height:32px;padding:6px;top:6px;right:6px}
 .collection-copy h1{font-size:29px}.collection-copy h2{font-size:18px}.collection-copy p{font-size:13px;line-height:1.5}
 .trenzo-site .collection-hero{padding:18px 0 12px}
 .collection-layout{grid-template-columns:1fr;gap:14px}
 .woocommerce .woocommerce-ordering select{max-width:100%;font-size:16px;min-height:44px}
 .woocommerce .woocommerce-result-count{font-size:12px}
 .woocommerce ul.products{gap:16px 12px}
 .woocommerce div.product .trenzo-product-top{gap:20px;margin-bottom:28px}
 .woocommerce div.product .trenzo-product-top .product_title{font-size:28px;line-height:1.15}
 .woocommerce div.product .trenzo-product-top .price{font-size:22px}
 .woocommerce-product-details__short-description{font-size:14px;line-height:1.55}
 .woocommerce div.product div.images .flex-control-thumbs{display:flex;gap:8px;overflow-x:auto;margin-top:10px}
 .woocommerce div.product div.images .flex-control-thumbs li{float:none;flex:0 0 56px;width:56px}
 .woocommerce div.product .product-promises{gap:14px;font-size:11px}
 .woocommerce div.product form.cart input:not([type=checkbox]):not([type=radio]),.woocommerce div.product form.cart select,.woocommerce div.product form.cart textarea{font-size:16px;max-width:100%}
 .woocommerce div.product form.cart .trenzo-purchase-actions .single_add_to_cart_button{min-height:48px;font-size:14px}
 .woocommerce div.product .woocommerce-tabs ul.tabs{overflow-x:auto;gap:8px;padding-bottom:6px}
 .woocommerce div.product .woocommerce-tabs ul.tabs li{flex:0 0 auto;padding:4px 12px}
 .woocommerce div.product .woocommerce-tabs .panel{font-size:14px}
 .woocommerce div.product section.related.products>h2{font-size:27px}
 .woocommerce-cart table.shop_table td{padding:12px 10px}
 .woocommerce-cart table.cart td.product-thumbnail{display:block!important;text-align:left!important}
 .woocommerce-cart table.cart td.product-thumbnail:before{display:none}
 .woocommerce-cart table.cart img{width:76px}
 .woocommerce-cart .cart-collaterals .cart_totals{padding:18px;margin-top:18px}
 .woocommerce-cart .coupon{display:flex;flex-wrap:wrap;gap:8px}
 .woocommerce-cart .coupon input.input-text{width:100%!important;font-size:16px;min-height:44px}
 .woocommerce-cart .coupon button{width:100%!important}
 .woocommerce-checkout form .form-row{width:100%;float:none;padding:4px 0}
 .woocommerce-checkout input.input-text,.woocommerce-checkout textarea,.woocommerce-account input.input-text{font-size:16px;min-height:46px;padding:11px}
 .woocommerce-checkout #order_review_heading{font-size:27px;margin-top:24px}
 .woocommerce-checkout #payment{background:var(--blush);border-radius:10px}
 .woocommerce-checkout #place_order{width:100%;min-height:48px}
 .woocommerce-account .woocommerce-MyAccount-navigation{width:100%;padding:8px}
 .woocommerce-account .woocommerce-MyAccount-navigation li+li{border-top:1px solid var(--line)}
 .woocommerce-account .woocommerce-MyAccount-navigation li a{min-height:48px;padding:13px 12px}
 .woocommerce-account .woocommerce-MyAccount-content{width:100%;float:none;clear:both;padding:18px}
 .story-stacked{padding-block:20px}.story-stacked h2{font-size:27px}
 .site-footer{padding-top:28px}.site-footer .brand{font-size:28px}
 .footer-group summary{min-height:48px;padding-block:12px}
 .footer-bottom{font-size:12px;line-height:1.6;padding-bottom:calc(18px + env(safe-area-inset-bottom))}
}