/* Shared touch and small-screen layout for iOS Safari and Android browsers. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
img{max-width:100%}
:where(input,select,textarea,button,a){touch-action:manipulation}
@media(max-width:760px){
  html{scroll-padding-top:155px}
  input:not([type=range]):not([type=radio]):not([type=checkbox]):not([type=file]),select,textarea,
  .form-grid input,.form-grid select,.room select{font-size:16px;min-height:44px}
  .gold,.outline,.source,.room button:not(.gold),.filters button{min-height:44px}
  .shared-navigation{min-width:0;max-width:100%;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scroll-padding-inline:8px}
  .shared-navigation::-webkit-scrollbar{display:none}
  .shared-navigation a{display:flex;align-items:center;min-height:44px;font-size:12px}
  header{min-width:0;gap:10px}
  .brand{min-width:0;flex-shrink:0}
  .product-back,.back,.finder-home{min-width:0;max-width:46%;text-align:center;line-height:1.35;padding-inline:12px;white-space:normal}
  .product-info,.product-config,.workspace,.settings,.model-grid>label,.form-grid>label{min-width:0}
  .product-gallery button{width:44px;height:44px;font-size:27px}
  .thumbs button{min-width:64px;min-height:64px}
  .quote-submit,.result-whatsapp{width:100%;min-height:48px;line-height:1.4}
  .room select{padding-right:22px}
  .room .palette button{min-width:64px;min-height:64px}
  .room input[type=range],#photo-opening{min-height:36px}
  .source{display:inline-flex;align-items:center;justify-content:center}
  .social-rail{right:max(8px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));gap:8px;padding:5px}
  .social-rail a{width:44px;height:44px}
  .room-footer,footer{padding-bottom:calc(26px + env(safe-area-inset-bottom))}
  .instagram-info{min-width:0}.instagram-info>span{overflow-wrap:anywhere}
  .theme-controls button{width:36px;height:36px}
  .theme-controls{gap:0;padding:2px}
  .header-tools{gap:0;min-width:0}
  .room-brand{position:static}
  #quote{scroll-margin-top:165px}
  #close-finder{width:44px;height:44px;right:8px;top:8px}
  #finder-dialog{height:92vh;height:92dvh;max-height:94dvh}
  .works-section{scroll-margin-top:145px}
}
@media(max-width:380px){
  .brand{font-size:14px;letter-spacing:2px;gap:6px}.brand small{letter-spacing:1.3px}
  .logo{width:42px;height:42px}
  header{padding-inline:4%}
  .product .form-grid,.room .model-grid{grid-template-columns:minmax(0,1fr)}
  .product .tester .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .instagram-card{flex-wrap:wrap}.instagram-action{margin-left:49px}
  .hero .actions>a{flex:1 1 auto;text-align:center}
}
@media(max-width:900px) and (max-height:500px){.site-masthead,body>header,body>.shared-navigation{position:relative!important;top:auto!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.external-link-help{position:fixed;z-index:100;left:50%;bottom:calc(16px + env(safe-area-inset-bottom));transform:translateX(-50%);width:min(440px,calc(100% - 24px));padding:20px 16px 16px;background:#211329;color:#faf4fc;border:1px solid #ad7abc;border-radius:12px;box-shadow:0 12px 45px #0009}
.external-link-help p{font-size:13px;line-height:1.5;margin:4px 22px 12px 0}
.external-link-help input{display:block;min-height:44px;width:100%;font-size:16px;background:#100a15;border:1px solid #62416e;border-radius:5px;padding:8px;color:#fff}
.external-link-help button{min-height:44px;background:#d78fe7;color:#200d27;border:0;border-radius:5px;padding:8px 14px;cursor:pointer}
.external-link-help .external-help-close{position:absolute;right:3px;top:0;background:none;color:#fff;font-size:24px;width:44px;padding:0}
.external-link-help .external-help-copy{margin-top:10px}
.external-link-help [role=status]{font-size:12px;display:block;margin-top:5px;color:#e5bbef}