/* Mobile decision flow. Desktop photography, layout and typography are unchanged. */
.st-summary,.st-support,.pp-description>summary,.pp-composition,.selection-reset{display:none}
html.product-selection-open,html.product-selection-open body{overflow:hidden!important}
.selection-dialog{width:min(100% - 28px,520px);max-height:85dvh;margin:auto auto 14px;border:0;padding:24px;background:var(--ivory);color:var(--ink);overflow:auto;overscroll-behavior:contain}
.selection-dialog::backdrop{background:rgba(29,26,21,.52)}
.selection-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}
.selection-dialog h2{font:400 28px/1.3 var(--f-heb);color:var(--olive-d);margin:0}
.selection-dialog-close{width:44px;height:44px;display:grid;place-items:center;flex:none}
.selection-dialog-close svg{width:22px;height:22px}
.selection-dialog .selection-total{margin:20px 0}
.selection-dialog .selection-add{min-height:56px}
.selection-dialog-note{font-size:14px;line-height:1.7;color:var(--muted);margin:14px 0 0}
@media(max-width:640px){
  /* These three approved 3:2 CORAL seating photographs need their complete
     composition on phones. Other heroes, including the exact VERONA rule,
     retain their separately approved presentation. */
  body.pde-page .pde-hero:has(.pde-hero-image:is([src*="/revision-20261014/coral-line-lifestyle.jpg"],[src*="/revision-20261014/coral-deco-lifestyle.jpg"],[src*="/revision-20261014/coral-dream-lifestyle.jpg"])){display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;overflow:visible;background:var(--ivory);color:var(--ink)}
  body.pde-page .pde-hero:has(.pde-hero-image:is([src*="/revision-20261014/coral-line-lifestyle.jpg"],[src*="/revision-20261014/coral-deco-lifestyle.jpg"],[src*="/revision-20261014/coral-dream-lifestyle.jpg"])) .pde-hero-top{order:0;position:static;padding-block:82px 12px}
  body.pde-page .pde-hero:has(.pde-hero-image:is([src*="/revision-20261014/coral-line-lifestyle.jpg"],[src*="/revision-20261014/coral-deco-lifestyle.jpg"],[src*="/revision-20261014/coral-dream-lifestyle.jpg"])) .pp-breadcrumb{padding:0;background:transparent;margin:0}
  body.pde-page .pde-hero:has(.pde-hero-image:is([src*="/revision-20261014/coral-line-lifestyle.jpg"],[src*="/revision-20261014/coral-deco-lifestyle.jpg"],[src*="/revision-20261014/coral-dream-lifestyle.jpg"])) .pde-hero-frame{order:1;position:relative;inset:auto;z-index:auto;aspect-ratio:3/2;overflow:hidden}
  body.pde-page .pde-hero:has(.pde-hero-image:is([src*="/revision-20261014/coral-line-lifestyle.jpg"],[src*="/revision-20261014/coral-deco-lifestyle.jpg"],[src*="/revision-20261014/coral-dream-lifestyle.jpg"])) .pde-hero-image{position:static!important;top:auto!important;display:block;width:100%;height:auto!important;max-height:none;object-fit:contain;transform:none!important;will-change:auto}
  body.pde-page .pde-hero:has(.pde-hero-image:is([src*="/revision-20261014/coral-line-lifestyle.jpg"],[src*="/revision-20261014/coral-deco-lifestyle.jpg"],[src*="/revision-20261014/coral-dream-lifestyle.jpg"])) .pde-hero-shade{display:none}
  body.pde-page .pde-hero:has(.pde-hero-image:is([src*="/revision-20261014/coral-line-lifestyle.jpg"],[src*="/revision-20261014/coral-deco-lifestyle.jpg"],[src*="/revision-20261014/coral-dream-lifestyle.jpg"])) .pde-hero-copy{order:2;position:relative;inset:auto;bottom:auto;padding-block:24px 28px;color:var(--ink)}
  body.pde-page .pde-hero:has(.pde-hero-image:is([src*="/revision-20261014/coral-line-lifestyle.jpg"],[src*="/revision-20261014/coral-deco-lifestyle.jpg"],[src*="/revision-20261014/coral-dream-lifestyle.jpg"])) .pp-name{color:var(--olive-d);font-size:clamp(44px,12vw,64px);line-height:1.05;max-width:none;margin:0 0 12px;letter-spacing:-.02em}
  body.pde-page .pde-hero:has(.pde-hero-image:is([src*="/revision-20261014/coral-line-lifestyle.jpg"],[src*="/revision-20261014/coral-deco-lifestyle.jpg"],[src*="/revision-20261014/coral-dream-lifestyle.jpg"])) .pde-hero-kind{margin-top:8px;font-size:17px}
  body.pde-page .pde-hero:has(.pde-hero-image:is([src*="/revision-20261014/coral-line-lifestyle.jpg"],[src*="/revision-20261014/coral-deco-lifestyle.jpg"],[src*="/revision-20261014/coral-dream-lifestyle.jpg"])) .pde-discover{margin-top:12px;font-size:14px}
  body.product-mobile-ux .pp-info{display:flex;flex-direction:column;gap:0}
  body.product-mobile-ux .pp-info>.pp-name,body.product-mobile-ux .pde-decision-title{order:0}
  body.product-mobile-ux .pp-kind{order:1;font-size:17px;line-height:1.5}
  body.product-mobile-ux .pp-price{order:2;margin-top:16px;padding-top:16px}
  body.product-mobile-ux .pp-price .val{font-size:29px;line-height:1.3}
  body.product-mobile-ux #pdAvailability{order:3;margin-top:7px;font-size:13px}
  body.product-mobile-ux .single-custom{order:4;margin-top:20px}
  body.product-mobile-ux .pp-cta{order:5;margin-top:20px;gap:4px}
  body.product-mobile-ux .single-status{order:6;margin:4px 0 0;min-height:0}
  body.product-mobile-ux .pp-info>p.pp-note{order:7;margin-top:12px;font-size:13px;line-height:1.7}
  body.product-mobile-ux .pp-dimensions{order:8;margin-top:20px;padding-block:16px}
  body.product-mobile-ux .range-jump{order:9;margin-top:8px}
  body.product-mobile-ux .pp-composition{order:10;display:block;border-bottom:1px solid var(--hair)}
  body.product-mobile-ux .pp-description{order:11;border-bottom:1px solid var(--hair);margin-top:8px}
  body.product-mobile-ux .pp-description>summary,body.product-mobile-ux .pp-composition>summary{display:flex;justify-content:space-between;align-items:center;min-height:52px;cursor:pointer;font-size:15px;list-style:none;gap:20px}
  body.product-mobile-ux .pp-description>summary::-webkit-details-marker,body.product-mobile-ux .pp-composition>summary::-webkit-details-marker{display:none}
  body.product-mobile-ux .pp-description>summary svg,body.product-mobile-ux .pp-composition>summary svg{width:16px;height:16px;flex:none;transition:transform .15s}
  body.product-mobile-ux .pp-description[open]>summary svg,body.product-mobile-ux .pp-composition[open]>summary svg{transform:rotate(45deg)}
  body.product-mobile-ux .pp-description .pp-desc{font-size:16px;line-height:1.8;margin:0 0 20px}
  body.product-mobile-ux .pp-composition ul{margin:0 0 18px;padding-inline-start:20px;font-size:15px;line-height:1.8}
  body.product-mobile-ux .pp-assurance{order:12}
  body.product-mobile-ux .configure-head h2{font-size:30px;line-height:1.3}
  body.product-mobile-ux .configure-head p{font-size:15px;line-height:1.7;margin-top:8px}
  body.product-mobile-ux .piece-list{gap:28px 14px}
  body.product-mobile-ux .piece{gap:10px;padding-bottom:18px}
  body.product-mobile-ux .piece-copy h3{font-family:var(--f-body);font-size:17px;line-height:1.5;text-wrap:pretty}
  body.product-mobile-ux .piece-dim{display:none}
  body.product-mobile-ux .piece-price{font-size:15px;margin-top:6px;line-height:1.5}
  body.product-mobile-ux .piece-actions{gap:4px;align-items:start}
  body.product-mobile-ux .piece-link{font-size:13px;min-height:44px}
  body.product-mobile-ux .piece-actions .quantity{grid-template-columns:44px minmax(30px,1fr) 44px;width:100%}
  body.product-mobile-ux .quantity button{font-family:var(--f-body);transition:background .15s,color .15s}
  body.product-mobile-ux .quantity button:active:not([aria-disabled=true]){background:var(--olive);color:var(--ivory)}
  body.product-mobile-ux .btn-add,body.product-mobile-ux .selection-add{font-family:var(--f-body);font-size:16px;min-height:56px;transition:background .15s;color:var(--ivory)}
  body.product-mobile-ux .btn-add:active:not(:disabled),body.product-mobile-ux .selection-add:active:not(:disabled){background:var(--olive-d)}
  body.product-mobile-ux .btn-wa-main{font-size:14px;min-height:44px;text-underline-offset:6px}
  body.product-mobile-ux .mode-switch{gap:22px}
  body.product-mobile-ux .mode-switch button{font-size:15px;min-height:48px}
  body.product-mobile-ux .selection-reset{display:inline-flex;min-height:44px;align-items:center;text-decoration:underline;text-underline-offset:5px;font-size:14px;color:var(--muted);margin-top:12px}
  body.product-mobile-ux .pp-sticky{gap:10px;padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom));align-items:center}
  body.product-mobile-ux .pp-sticky #stWa{display:none}
  body.product-mobile-ux .st-summary{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:right;gap:3px;min-height:56px;flex:1 0 82px;min-width:82px;color:var(--olive-d);font-family:var(--f-body);font-size:13px;line-height:1.4}
  body.product-mobile-ux .st-summary strong{font:400 17px/1.3 var(--f-body);font-variant-numeric:tabular-nums;white-space:nowrap}
  body.product-mobile-ux .st-summary span{white-space:nowrap}
  body.product-mobile-ux .pp-sticky .btn-add{flex:1.5 1 145px;font-size:14px;padding:10px 12px}
  body.product-mobile-ux .st-support{display:flex;flex:0 0 44px;align-items:center;justify-content:center}
  body.product-mobile-ux .st-support:empty{display:none}
  body.product-mobile-ux .st-support .bg-fab-a11y{position:static!important;inset:auto!important;transform:none!important;margin:0!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;box-shadow:none!important;border:1px solid var(--hair);background:transparent;color:var(--olive-d)}
  /* The real widget panel stays beside its original wrapper when its trigger
     is docked. Anchor that panel to the viewport rather than the empty wrapper. */
  body.product-mobile-ux.product-bar-active #bgA11y.bg-a11y{position:fixed;inset-inline:auto;left:14px;right:auto;bottom:calc(var(--product-action-height,92px) + 12px);width:min(320px,calc(100vw - 28px));max-width:calc(100vw - 28px);max-height:calc(100dvh - var(--product-action-height,92px) - 100px);overflow-y:auto;overscroll-behavior:contain}
  body.product-mobile-ux.product-bar-active .bg-fab-wa{display:none!important}
  body.product-mobile-ux.product-bar-active .ft{padding-bottom:calc(var(--product-action-height,92px) + 32px + env(safe-area-inset-bottom))}
  body.product-mobile-ux button,body.product-mobile-ux a,body.product-mobile-ux summary,body.product-mobile-ux input{scroll-margin-block:90px calc(var(--product-action-height,92px) + 24px)}
  body.product-mobile-ux #configureTitle{scroll-margin-top:90px;outline:none}
  body.product-mobile-ux :is(button,a,summary,input):focus-visible{outline:2px solid var(--olive-d);outline-offset:4px}
}
@media(max-width:360px){body.product-mobile-ux .pp-sticky{gap:8px;padding-inline:14px}body.product-mobile-ux .st-summary{flex-basis:80px}body.product-mobile-ux .pp-sticky .btn-add{flex-basis:128px}}
@media(prefers-reduced-motion:reduce){body.product-mobile-ux .quantity button,body.product-mobile-ux .btn-add,body.product-mobile-ux .selection-add,body.product-mobile-ux .pp-description>summary svg,body.product-mobile-ux .pp-composition>summary svg{transition:none}}
