/* Shared small-screen refinements for the full-width concept and its forms. */
.phone-menu,.concept-picker{display:none}
img{max-width:100%}
header{position:relative}
header .brand{flex-shrink:0}
header>nav a{padding-block:10px}
summary{min-height:44px;align-items:center}
.button{min-height:46px}
input,select,textarea{font-size:16px;max-width:100%}
.section>*,.fields>*,.form-layout>*,.package-grid>*{min-width:0}
form,fieldset{min-width:0}
@media(max-width:1050px){
 header{gap:16px;flex-wrap:wrap}
 header>nav{order:3;flex-basis:100%;justify-content:center;flex-wrap:wrap;gap:12px 24px}
 .ribbon{flex-wrap:wrap}
}
@media(max-width:700px){
 .version-switch{display:none!important}
 .concept-picker{display:block;padding:0 5%;background:#f8f5fb;border-bottom:1px solid #e5dfea;font-size:11px}
 .concept-picker summary{font-size:11px;font-weight:700;gap:12px;min-height:38px}
 .concept-picker summary span{font-weight:400;font-size:10px}
 .concept-picker summary:after{display:none}
 .concept-picker>a{display:block;padding:12px 0}
 .preview{font-size:10px;padding:6px 5%;line-height:1.5;letter-spacing:0}
 .preview a{display:none}
 header{gap:12px;padding:14px 5%;flex-wrap:wrap}
 header>.brand{font-size:22px}
 header>.button.small{margin-left:auto;padding:10px 13px;min-height:44px}
 header>nav{display:none}
 .phone-menu{display:block;width:100%;padding:0;border:0}
 .phone-menu summary{font-size:12px;min-height:40px;border-top:1px solid #eee5f5;color:#442267}
 .phone-menu summary:after{display:none}
 .phone-menu nav{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;font-size:13px;padding-bottom:8px}
 .phone-menu nav a{display:flex;align-items:center;min-height:46px;padding:8px 0}
 .doll-card{grid-template-columns:minmax(0,42%) minmax(0,58%)}
 .doll-card h3{font-size:21px}
 .book-feature .button,.photo-feature .button{width:100%;gap:10px}
 .faq details p{margin-right:0}
 .intro-section h1{font-size:clamp(36px,9.5vw,58px);overflow-wrap:normal}
 footer{overflow-wrap:anywhere}
}
@media(max-width:360px){
 .modern-hero .actions{flex-direction:column;align-items:stretch}
 .modern-hero .actions .text-link{padding-block:10px}
 .doll-card{grid-template-columns:1fr}
 .doll-card img{height:auto;max-height:350px;object-fit:contain}
 .package{padding:24px}
 .section-title h2{font-size:32px}
}