/* Phone-first shopping: touch controls, short journeys and safe-area-aware actions. */
.mobile-product-bar{display:none}
.swipe-hint{display:none}
@media(max-width:760px){
  :root{--phone-header:calc(64px + env(safe-area-inset-top,0px));--phone-nav:calc(68px + env(safe-area-inset-bottom,0px))}
  html{scroll-padding-top:calc(var(--phone-header) + 16px)}
  body{padding-bottom:var(--phone-nav);-webkit-text-size-adjust:100%}
  .topbar{height:var(--phone-header);padding:env(safe-area-inset-top,0px) max(16px,env(safe-area-inset-right,0px)) 0 max(12px,env(safe-area-inset-left,0px));gap:10px}
  .topbar nav{top:var(--phone-header);max-height:calc(100dvh - var(--phone-header) - var(--phone-nav));overflow-y:auto;overscroll-behavior:contain}
  .topbar .brand{font-size:26px}.menu-toggle{min-width:44px;min-height:48px}.bag-button{min-height:48px;min-width:60px;justify-content:center}
  .announcement{min-height:28px;padding:4px 16px;letter-spacing:.04em}.announcement a{min-height:24px;display:flex;align-items:center;gap:8px}
  .bottom-nav{height:var(--phone-nav);padding:7px max(12px,env(safe-area-inset-right,0px)) calc(7px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:#fff}
  .bottom-nav a{flex:1;min-height:48px;color:#575757}.bottom-nav a[aria-current=page]{font-weight:600}.bottom-nav span{font-size:12px}
  .campaign-hero{height:auto;min-height:0}.campaign-hero-image{object-position:61% 28%}.campaign-hero-copy{padding:105px 20px 20px}.campaign-hero .eyebrow{margin-bottom:12px}.campaign-hero h1{font-size:clamp(40px,11.5vw,60px);margin-bottom:14px}.campaign-hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.5;margin-bottom:18px}.campaign-hero-copy .button{width:100%}.campaign-caption{position:relative;inset:auto;margin:0 20px;padding:14px 0 18px;align-items:center;gap:12px}.campaign-caption a{gap:3px}.vertical-caption{display:none}
  .manifesto-strip{padding:16px;gap:12px}.manifesto-strip a{min-height:36px;display:grid;place-items:center}.section{padding:36px 16px}.section-heading{margin-bottom:22px}.section-heading h2{font-size:32px}.current-edit .heading-aside{margin-top:10px}.product-grid{gap:24px 12px}.product-image{aspect-ratio:1/1.1}.product-name-row{display:block;margin-top:10px}.product-name-row h3{font-size:16px;line-height:1.35;margin-bottom:4px}.product-name-row>span{font-size:15px}.product-meta{gap:4px}.product-meta p{font-size:12px}.product-card-arrow{display:none}
  .mood-experience{display:flex;flex-direction:column}.mood-tabs{order:-1;scroll-snap-type:x proximity}.mood-tabs button{scroll-snap-align:start;min-width:136px;min-height:56px;padding:12px 16px;font-size:14px}.mood-tabs button.selected{padding-bottom:8px}.mood-stage{min-height:0;perspective:none;display:flex;flex-direction:column}.mood-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:3/2;z-index:0;transform:none}.mood-stage:after{display:none}.mood-copy{width:100%;padding:25px 22px 28px}.mood-copy .eyebrow{margin-bottom:14px}.mood-copy h3{font-size:36px;margin-bottom:16px}.mood-copy>p:not(.eyebrow){margin-bottom:20px}.mood-copy .button{width:100%}.art-caption{z-index:1}.mood-count{font-size:13px;margin-top:15px}
  .colour-story-image{min-height:0;aspect-ratio:1.1}.colour-story-copy{padding:32px 22px}.colour-story-copy h2{font-size:44px}.story-signature{margin-top:28px;font-size:44px}.fit-editorial{padding:36px 22px;gap:26px}.fit-editorial h2{font-size:34px}.fit-editorial-intro .button{width:100%}.brand-film video{height:auto;max-height:70svh;min-height:280px}.brand-film h2{font-size:36px}
  .screen:not(#home){padding:0 16px 36px}.page-heading{padding:26px 0 22px}.page-heading h1{font-size:36px;margin:12px 0 16px}.page-heading p:not(.eyebrow){font-size:16px}.catalog-art{min-height:240px;margin:18px 0 24px}.catalog-art>div{padding:28px 20px}.catalog-art h1{font-size:34px;margin:15px 0}.catalog-art p:not(.eyebrow){font-size:14px}
  .catalog-controls{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;margin:0 0 14px}.search-field,.sort-field{min-width:0}.search-field>span,.sort-field>span{font-size:14px}.catalog-controls input,.catalog-controls select{font-size:16px;padding:12px 10px}
  .filter-row{position:sticky;top:var(--phone-header);z-index:15;flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;gap:7px;background:#fff;margin:0 -16px 18px;padding:10px 16px;border-bottom:1px solid #eee}.filter{flex-shrink:0;min-height:44px;white-space:nowrap}.result-count{margin-bottom:18px}
  .back-link{min-height:44px;margin:12px 0;display:inline-flex;align-items:center}.product-layout{gap:24px}.product-gallery{margin:0 -16px}.gallery-label,.gallery-thumbs,.image-note{margin-left:16px;margin-right:16px}.gallery-label{font-size:13px;min-height:30px}.gallery-thumbs{scroll-snap-type:x proximity;gap:9px}.gallery-thumbs button{scroll-snap-align:start;min-width:74px;flex-basis:74px;width:74px}.gallery-thumbs img{width:66px;height:62px}.gallery-thumbs span{font-size:12px}.detail-image{touch-action:pan-y pinch-zoom}.detail-image img{-webkit-user-drag:none;user-select:none}.image-note{font-size:12px}.detail-content h1{font-size:36px}.detail-intro{margin:20px 0;font-size:16px}.choice-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.choice-buttons button{min-height:52px;font-size:15px;padding:12px 10px}.choice-description{font-size:14px}.choice-group{scroll-margin-top:calc(var(--phone-header) + 16px)}.finish-choices button small{font-size:13px}.fit-note{align-items:flex-start;flex-direction:column}.fit-note a{font-size:14px;min-height:44px;display:flex;align-items:center}.fit-note p{font-size:14px}.detail-add{display:none}
  body[data-page=product]{padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))}body[data-page=product] .bottom-nav,body[data-page=sizing] .bottom-nav{display:none}
  body[data-page=product] .mobile-product-bar{display:grid;grid-template-columns:minmax(0,1fr) 60px;gap:8px 12px;position:fixed;bottom:0;left:0;right:0;z-index:45;padding:10px max(16px,env(safe-area-inset-right,0px)) calc(12px + env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));background:#fff;border-top:1px solid #ddd;box-shadow:0 -5px 24px #00000008}
  #mobile-options{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:10px;border:0;padding:3px 0;min-height:32px;font-size:14px;text-align:left}#mobile-options>span:last-child{text-decoration:underline;white-space:nowrap}#mobile-add{min-height:52px;font-size:16px;padding:12px 18px}#mobile-add span{font-size:16px}.mobile-view-bag{display:flex;align-items:center;justify-content:center;border:1px solid #bbb;min-height:52px;font-size:14px}
  body[data-page=product] #toast{bottom:calc(145px + env(safe-area-inset-bottom,0px))}body[data-page=sizing] #toast{bottom:calc(135px + env(safe-area-inset-bottom,0px))}
  .line-item{grid-template-columns:64px minmax(0,1fr) auto;gap:10px}.line-item img{width:64px;height:82px}.line-item h3{font-size:16px}.quantity button{width:44px;min-height:44px}.quantity>span{min-width:28px}.remove-button{min-width:48px;min-height:44px;font-size:14px;margin-top:5px;padding:5px 0}.summary-box{padding:22px}.summary-box .button{font-size:16px}.summary-row{flex-wrap:wrap}.summary-box p{font-size:14px}
  .fit-heading h1{font-size:32px}.fit-heading p{line-height:1.5}.sizing-shapes{gap:8px;margin-bottom:14px}.fit-shape{min-height:52px;font-size:14px;padding:10px}.fit-workspace{display:flex;flex-direction:column;gap:16px}.size-picker-panel{order:0;width:100%;padding:20px 16px}.hand-panel{order:1;width:100%}.size-picker-panel h2{font-size:28px}.picker-instruction{font-size:15px}.size-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.size-buttons button{min-height:52px;font-size:22px}.finger-navigation button,.clear-finger{min-height:44px;font-size:14px}.fit-progress p{font-size:14px}.fit-shape .shape-label{display:none}.hand-switch button{min-height:44px}.nail-hotspot{min-width:44px;min-height:44px}.finger-strip button{min-height:52px}
  body[data-page=sizing]{padding-bottom:calc(138px + env(safe-area-inset-bottom,0px))}.fit-save-bar{position:fixed;bottom:0;left:0;right:0;z-index:45;margin:0;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));gap:8px}.fit-save-bar p{font-size:13px;line-height:1.4}.fit-save-bar .button{min-height:52px;font-size:15px}#sizing .size-footnote{margin-bottom:0}
  .site-footer{padding:30px 20px}.footer-links a{min-height:44px;display:flex;align-items:center;margin:0}.footer-bottom button{min-height:44px;font-size:14px}.footer-wordmark{margin:20px 0}.profile-links .text-link{min-height:44px}.viewer-bar{padding-top:calc(16px + env(safe-area-inset-top,0px))}.viewer-actions button{min-height:48px}.viewer-frame{touch-action:pan-y pinch-zoom}
  @media(max-width:350px){.campaign-hero-copy{padding-top:90px}.campaign-hero h1{font-size:40px}.catalog-controls{grid-template-columns:minmax(0,1fr)}.line-item{grid-template-columns:52px minmax(0,1fr) auto;gap:8px}.line-item img{width:52px;height:70px}.quantity>span{min-width:20px}.item-end strong{font-size:14px}.fit-editorial h2{font-size:30px}.footer-top{flex-direction:column;gap:12px}}
}
@media(pointer:coarse){.depth-surface{transform:none!important}.product-card:focus-within .card-secondary.ready{opacity:0}}
@media(max-width:760px){.gallery-thumbs{position:relative}.swipe-hint{display:inline}#mobile-options{min-height:44px}}
@media(max-width:760px){body[data-page=product]{padding-bottom:calc(var(--product-action-height,132px) + 16px)}body[data-page=sizing]{padding-bottom:calc(var(--fit-action-height,138px) + 16px)}body[data-page=product] #toast{bottom:calc(var(--product-action-height,132px) + 12px)}body[data-page=sizing] #toast{bottom:calc(var(--fit-action-height,138px) + 12px)}}
