/* Phone detail layout only. Existing desktop nodes return to their original slots. */
.rp-mobile-layout{display:none}
#real-product-page{--phone-detail:0}
.rp-image-viewer{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;background:#fff;color:var(--ink)}
.rp-image-viewer::backdrop{background:#fff}
.rp-viewer-toolbar{height:64px;padding:10px 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}
.rp-viewer-toolbar>span{margin-right:auto;font-size:15px}
.rp-viewer-toolbar button{width:44px;height:44px;flex-shrink:0;border:0;background:#f3f4f5;border-radius:50%;font-size:26px;color:var(--ink)}
.rp-viewer-scroll{height:calc(100dvh - 64px);overflow:auto;overscroll-behavior:contain}
.rp-viewer-canvas{width:100%;min-height:100%;display:flex;align-items:center}
.rp-image-viewer.is-zoomed .rp-viewer-canvas{width:200%}
@media(max-width:640px){
  #real-product-page{--phone-detail:1}
  body:has(main.product-view)>.announcement,body:has(main.product-view)>.site-header,body:has(main.product-view) .collection-sidebar{display:none}
  body:has(main.product-view) .workspace{padding:0 14px}
  main.product-view,main.brand-directory.product-view{padding:0}
  #real-product-page>.rp-mobile-layout{display:block;padding-bottom:30px}
  #real-product-page:has(>.rp-mobile-layout)>:not(.rp-mobile-layout){display:none}
  #real-product-page .rp-mobile-bar{height:68px;display:flex;align-items:center;justify-content:center;position:relative}
  #real-product-page .rp-mobile-bar>img{width:148px;height:auto;display:block}
  #real-product-page .rp-mobile-bar>button{position:absolute;left:-8px;top:12px;width:44px;height:44px;padding:9px;border:0;background:transparent;color:var(--ink)}
  #real-product-page .rp-mobile-bar svg{width:24px;height:24px}
  #real-product-page .rp-mobile-heading{padding:16px 0 8px}
  #real-product-page .rp-mobile-heading h1{font-size:clamp(23px,6.6vw,30px);line-height:1.2;font-weight:500;letter-spacing:-.035em;margin:0;overflow-wrap:anywhere}
  #real-product-page .rp-mobile-heading p{margin:7px 0 0;font-size:16px;line-height:1.4;color:#72777e}
  #real-product-page .rp-mobile-main{position:relative}
  #real-product-page .rp-mobile-main .rp-main-photo{height:clamp(210px,72vw,330px);min-height:0;aspect-ratio:auto;border:0;padding:22px 0;background:#fff}
  #real-product-page .rp-mobile-main .rp-badge,#real-product-page .rp-mobile-main .rp-photo-caption{display:none}
  #real-product-page .rp-mobile-expand{position:absolute;top:16px;right:0;z-index:2;width:36px;height:36px;border-radius:50%;border:0;background:#f4f4f4;color:#3d454c;display:grid;place-items:center}
  #real-product-page .rp-mobile-expand svg{width:20px;height:20px}
  #real-product-page .rp-mobile-colour-label .rp-colour-heading{min-height:0;margin:4px 0 16px}
  #real-product-page .rp-mobile-colour-label .rp-colour-heading>span{display:none}
  #real-product-page .rp-mobile-colour-label strong{font-size:18px;line-height:1.4;font-weight:500}
  #real-product-page .rp-mobile-colour-rail{position:relative;padding-right:19px;min-width:0}
  #real-product-page .rp-mobile-colour-rail .rp-colours{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;padding:1px 0 3px;touch-action:pan-x pan-y pinch-zoom}
  #real-product-page .rp-mobile-colour-rail .rp-colours::-webkit-scrollbar{display:none}
  #real-product-page .rp-mobile-colour-rail .rp-colours button{position:relative;flex:0 0 calc((100% - 24px)/4);display:flex;flex-direction:column;align-items:center;gap:2px;min-height:92px;padding:10px 3px 7px;border-radius:2px;scroll-snap-align:start}
  #real-product-page .rp-mobile-colour-rail .rp-colours button[aria-pressed=true]::after{content:'✓';position:absolute;right:4px;top:4px;display:grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--ink);color:white;font-size:12px;line-height:1}
  #real-product-page .rp-mobile-colour-rail .rp-colours .rp-swatch-photo{height:54px;min-height:54px}
  #real-product-page .rp-mobile-colour-rail .rp-colours strong{font-size:14px;line-height:1.4;font-weight:500}
  #real-product-page .rp-mobile-colour-rail .rp-colour-name{display:none}
  #real-product-page .rp-mobile-colour-rail button:not(:has(strong))>.rp-colour-name{display:block;min-height:0;font-size:12px;line-height:1.3}
  #real-product-page .rp-rail-step{position:absolute;top:23px;z-index:2;width:22px;height:44px;padding:0;border:0;background:#fff;color:#83898f;display:grid;place-items:center}
  #real-product-page .rp-rail-step[hidden]{display:none}
  #real-product-page .rp-rail-step.next{right:-3px}
  #real-product-page .rp-rail-step.previous{left:-10px;box-shadow:3px 0 8px #fff}
  #real-product-page .rp-rail-step svg{width:18px;height:18px}
  #real-product-page .rp-mobile-measurements .rp-specs{gap:0;margin:20px 0 0;padding:22px 0;grid-template-columns:repeat(3,minmax(0,1fr))}
  #real-product-page .rp-mobile-measurements .rp-specs>div{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
  #real-product-page .rp-mobile-measurements .rp-specs>div:nth-child(-n+2){border-right:1px solid var(--line)}
  #real-product-page .rp-mobile-measurements .rp-specs>div:nth-child(n+4){display:none}
  #real-product-page .rp-mobile-measurements .rp-specs dd{order:-1;font-size:22px;line-height:1.2;margin:0;white-space:nowrap}
  #real-product-page .rp-mobile-measurements .rp-specs dd>span{font-size:13px;font-weight:400}
  #real-product-page .rp-mobile-measurements .rp-specs dt{font-size:12px;text-align:center;line-height:1.4}
  #real-product-page .rp-mobile-fold{border-bottom:1px solid var(--line)}
  #real-product-page .rp-mobile-fold>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:21px 0;min-height:64px;font-size:16px;cursor:pointer}
  #real-product-page .rp-mobile-fold>summary::-webkit-details-marker{display:none}
  #real-product-page .rp-mobile-fold>summary::after{content:'+';font-size:26px;line-height:1;font-weight:300;color:#525a60}
  #real-product-page .rp-mobile-fold[open]>summary::after{content:'−'}
  #real-product-page .rp-mobile-fold .bk-shape-preview{margin:0 0 20px;padding:0;border:0;max-width:none}
  #real-product-page .rp-mobile-fold .bk-shape-preview figcaption{display:none}
  #real-product-page .rp-mobile-fold .rp-details{margin:0;padding:0 0 20px;border:0}
  #real-product-page .rp-mobile-fold .rp-detail-heading{margin:0 0 16px}
  #real-product-page .rp-mobile-fold .rp-detail-heading>div:first-child{display:none}
  #real-product-page .rp-mobile-fold .rp-detail-grid{grid-template-columns:1fr;gap:22px;max-width:none}
  #real-product-page .rp-mobile-fold .bk-detail-window{max-width:320px;margin:0 auto}
  #real-product-page .rp-mobile-facts{margin:0 0 20px;display:grid;gap:14px}
  #real-product-page .rp-mobile-facts>div{display:flex;gap:18px;justify-content:space-between;font-size:14px}
  #real-product-page .rp-mobile-facts dt{color:var(--muted)}
  #real-product-page .rp-mobile-facts dd{margin:0;text-align:right}
}