/* MODA & ESTILO — APPLE SHARED RESPONSIVE CONTRACT 2.5.8.169
   Applicable to all APPLE routes and the independent Looks / Mi estilo miniapps.
   One global source for safe areas, width constraints and responsive fitting.
   No Android changes, no business logic or visual redesign. */
:root { --as-apple-content-max:760px; --as-apple-gutter:clamp(10px,3vw,24px); }
html { -webkit-text-size-adjust:100%; text-size-adjust:100%; }
html,body { min-width:0; }
html:not([data-as-platform="android"]) body.as-app-ui,
html.as-global-nav-child body {
  width:100%; max-width:100%; min-height:100%; overflow-x:clip;
}
html:not([data-as-platform="android"]) body.as-app-ui *,
html.as-global-nav-child body * { box-sizing:border-box; }
html:not([data-as-platform="android"]) body.as-app-ui img,
html.as-global-nav-child body img { max-width:100%; }
html:not([data-as-platform="android"]) body.as-app-ui input,
html:not([data-as-platform="android"]) body.as-app-ui textarea,
html:not([data-as-platform="android"]) body.as-app-ui select,
html.as-global-nav-child input,
html.as-global-nav-child textarea,
html.as-global-nav-child select { max-width:100%; min-width:0; }
/* Main container is responsible for bottom nav; never narrow the full-screen overlay. */
html:not([data-as-platform="android"]) body.as-route-home .as-screen-overlay {
  width:100%; height:100dvh; inset:0; overflow:hidden;
}
html:not([data-as-platform="android"]) body.as-route-home .as-screen-overlay iframe {
  width:100%; height:100%; display:block; border:0;
}
/* Responsive APPLE shell: same information hierarchy on phone and tablet. */
@media (min-width:700px) {
  html:not([data-as-platform="android"]) body.as-app-ui { --as-app-mobile-width:min(760px,calc(100vw - 32px)); }
  html:not([data-as-platform="android"]) body.as-route-home .as-app,
  html:not([data-as-platform="android"]) body.as-app-ui .as-videos-shell,
  html:not([data-as-platform="android"]) body.as-app-ui .as-account-shell,
  html:not([data-as-platform="android"]) body.as-app-ui .as-subpage,
  html:not([data-as-platform="android"]) body.as-app-ui .as-notif-page,
  html:not([data-as-platform="android"]) body.as-app-ui .as-pref-page {max-width:var(--as-apple-content-max);margin-inline:auto;}
}
/* Miniapp surfaces loaded inside the primary shell; no second global bar. */
html.as-global-nav-child #wd-app-footer,
html.as-global-nav-child .asc-bottom-nav { display:none!important; }
html.as-global-nav-child #wd-root,
html.as-global-nav-child .asc-app {
  width:100%; max-width:var(--as-apple-content-max); min-width:0;
  margin-inline:auto;
}
html.as-global-nav-child #wd-content { padding-bottom:calc(84px + env(safe-area-inset-bottom,0px)); }
html.as-global-nav-child .asc-app { padding-bottom:14px; }
@media (min-width:700px) {
  html.as-global-nav-child #wd-root,
  html.as-global-nav-child .asc-app {max-width:min(var(--as-apple-content-max),calc(100vw - 32px));}
  html.as-global-nav-child #wd-content {padding-inline:clamp(20px,3vw,36px);}
}
@media (max-width:359px) {
  html.as-global-nav-child #wd-content {padding-inline:10px;}
  html.as-global-nav-child .asc-app {padding-inline:8px;}
  html.as-global-nav-child .wd-line {grid-template-columns:minmax(0,1fr);}
}
/* Content images and cards must never grow wider than available columns. */
html.as-global-nav-child .wd-grid > *,
html.as-global-nav-child .asc-category-grid > *,
html.as-global-nav-child .asc-tools-grid > * {min-width:0;max-width:100%;}

/* Unified miniapp headers: one SVG, one measured hit area, no typographic arrows. */
.asc-looks-header,.asc-subpage-head,.wd-header {
  display:grid!important;grid-template-columns:44px minmax(0,1fr) 44px!important;
  align-items:center!important;column-gap:10px!important;
  min-height:72px;height:auto!important;padding:10px 14px!important;
  margin:2px 0 16px!important;border:1px solid #dfd6cb!important;
  border-radius:18px!important;background:#fffdfa!important;
  box-sizing:border-box!important;
}
.asc-looks-header[hidden],.asc-subpage-head[hidden]{display:none!important;}
.asc-looks-header>div{min-width:0;text-align:center;}
.asc-looks-header h1{margin:0!important;line-height:1.05!important;font-size:clamp(30px,8vw,46px)!important;}
.asc-subpage-title,.wd-header #wd-header-title{min-width:0;margin:0!important;text-align:center!important;
  font:500 clamp(23px,6vw,36px)/1.12 Georgia,serif!important;letter-spacing:-.025em;}
.as-mini-back,.asc-home-return,.asc-subpage-head .asc-return,.wd-header #wd-back,
.as-mini-notifications {
  box-sizing:border-box!important;display:grid!important;place-items:center!important;
  justify-self:center!important;align-self:center!important;
  width:42px!important;height:42px!important;min-width:42px!important;min-height:42px!important;
  padding:0!important;margin:0!important;appearance:none!important;-webkit-appearance:none!important;
  border:1px solid #e4d8cb!important;border-radius:50%!important;
  background:transparent!important;color:#8e6f45!important;
  font-size:0!important;line-height:0!important;text-decoration:none!important;
  box-shadow:none!important;cursor:pointer!important;
}
.as-mini-back::before,.asc-home-return::before,.asc-subpage-head .asc-return::before,.wd-header #wd-back::before{content:none!important;display:none!important;}
.as-nav-back-svg,.as-nav-bell-svg{display:block!important;width:23px!important;height:23px!important;
  stroke:currentColor!important;stroke-width:2!important;fill:none!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;flex:none!important;
  transform:none!important;position:static!important;margin:auto!important;}
.asc-subpage-head .as-mini-notifications{justify-self:end!important;}
.wd-header{position:relative!important;top:auto!important;z-index:5;margin:2px 16px 14px!important;max-width:100%;}
#wd-tabs{margin:0 auto 0!important;padding:6px 14px 7px!important;}
/* The wardrobe header and tabs are in separate containers: spacing comes from the header bottom margin. */
html.as-theme-dark .asc-looks-header,html.as-theme-dark .asc-subpage-head,html.as-theme-dark .wd-header{background:#202020!important;border-color:#393939!important;}
html.as-theme-dark .as-mini-back,html.as-theme-dark .asc-home-return,
html.as-theme-dark .asc-subpage-head .asc-return,html.as-theme-dark .wd-header #wd-back,
html.as-theme-dark .as-mini-notifications{border-color:#484848!important;color:#d2ad72!important;}
html.as-theme-dark .wd-header #wd-header-title{color:#f6f1eb!important;}
@media(max-width:359px){
 .asc-looks-header,.asc-subpage-head,.wd-header {grid-template-columns:40px minmax(0,1fr) 40px!important;padding:9px 9px!important;column-gap:5px!important;}
 .wd-header {margin-inline:8px!important;}
 .as-mini-back,.asc-home-return,.asc-subpage-head .asc-return,.wd-header #wd-back,.as-mini-notifications{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;}
}