/* Mobile is a reading and shopping layout, not a scaled desktop page. */
@media(max-width:600px){
 .site-header .header-inner{padding:8px 16px;min-height:60px;gap:10px}
 .site-header .header-inner>p:empty{display:none}
 .site-header .mobile-menu{flex:0 0 auto}
 .site-header .mobile-menu[open]{flex-basis:100%}
 .site-header .mobile-menu summary{white-space:nowrap;list-style:none;padding:10px 6px}
 .brand .wordmark{font-size:18px}.brand img{width:36px;height:36px}
 .taz-search{padding:12px 16px;gap:6px}
 .taz-search__controls{grid-template-columns:minmax(0,1fr) auto;gap:8px}
 .taz-search input[type=search]{grid-column:1;grid-row:1;font-size:16px;padding:10px}
 .taz-search__controls>button{grid-column:2;grid-row:1;width:auto;padding:10px 14px}
 .taz-search select{grid-column:1/-1;grid-row:2;font-size:16px}
 .taz-search__hint{font-size:12px;line-height:1.4}
 input,select,textarea{font-size:16px}
 .hero{padding-block:24px}.hero-grid{gap:22px}.hero h1{font-size:clamp(34px,9vw,43px);line-height:1.08}
 .hero .lead{font-size:16px;line-height:1.5}.hero .actions{gap:10px;margin-top:18px}
 .taz-family-directory{margin:16px 0;padding:20px 16px}
 .taz-family-directory>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}
 .taz-family-directory a{padding:8px 10px;font-size:13px;line-height:1.35}
 .taz-home-shelf{padding:24px 16px;margin-block:24px}
 .taz-home-shelf__head{gap:10px;margin-bottom:16px}.taz-home-shelf__head h2{font-size:26px;line-height:1.2}
 .taz-home-shelf__grid{gap:16px}.taz-home-product__body h3{font-size:18px;line-height:1.35}
 body.single-product main#contenido{padding:12px 16px 24px}
 .taz-product-return{gap:6px}.taz-product-return a,.taz-product-share{font-size:12px}
 body.single-product main#contenido>.wp-block-columns{gap:20px}
 body.single-product main#contenido>.wp-block-columns h1{font-size:28px;line-height:1.18}
 .woocommerce-breadcrumb{font-size:12px;overflow-wrap:anywhere}
 .motion-control{font-size:11px;min-height:44px;padding:8px 10px}
 .scene__frame{box-shadow:none!important}.scene__room{will-change:auto}
 .scene{animation-name:mobile-scene-drift;animation-duration:24s}
}
@keyframes mobile-scene-drift{from{transform:translate3d(-.5%,0,0) scale(1)}to{transform:translate3d(.5%,1%,0) scale(1.025)}}
@media(prefers-reduced-motion:reduce){.scene{animation:none!important}.scene__room{animation:none!important}}

/* Keep brand, menu and cart inside narrow screens without shrinking touch targets. */
@media(max-width:360px){body .site-header .header-inner{padding-inline:8px}}

/* Keep account entry fields readable and avoid automatic focus zoom on mobile. */
@media(max-width:600px){body.woocommerce-account .woocommerce input[type=text],body.woocommerce-account .woocommerce input[type=email],body.woocommerce-account .woocommerce input[type=password]{font-size:16px}}

/* Review forms share the shop colours and usable touch targets. */
@media(max-width:600px){
 body.single-product #review_form input[type=text],body.single-product #review_form input[type=email],body.single-product #review_form textarea{box-sizing:border-box;width:100%;min-height:48px;padding:10px 12px;font-size:16px;color:#f6efff;background:#1c2139;border:1px solid #8c81aa;border-radius:10px}
 body.single-product #review_form textarea{min-height:120px}
 body.single-product #review_form .comment-form-cookies-consent{display:flex;align-items:flex-start;gap:10px}
 body.single-product #review_form .comment-form-cookies-consent label{display:flex;align-items:center;min-height:44px;line-height:1.5}
 body.single-product #review_form .comment-form-cookies-consent input{flex:0 0 24px;width:24px;height:24px;margin:10px 0;accent-color:#a6e7ed}
 body.single-product .woocommerce #reviews p.stars a{width:44px;height:44px;font-size:20px;margin:0;border-radius:8px}
 body.single-product .woocommerce #reviews p.stars a:before{top:12px;left:12px}
 body.single-product .woocommerce #reviews p.stars a:focus-visible{outline:3px solid #a6e7ed;outline-offset:2px}
}

/* Login and registration checkboxes get a reachable target on touch screens. */
@media(max-width:600px){body.woocommerce-account .woocommerce input[type=checkbox]{width:24px;height:24px;margin:10px 10px 10px 0;accent-color:#a6e7ed;vertical-align:middle}body.woocommerce-account .woocommerce-form__label-for-checkbox{display:inline-flex;align-items:center;min-height:44px}}
