/* Isolated proposal: only /pilot/dial-preview/. */ .dial-review-note{padding:10px 18px;border-bottom:1px solid #dfe5df;background:#f5f7f4;text-align:center;font-size:11px;line-height:1.6;color:#42574a}.dial-review-note a{color:#006039;text-decoration:underline;text-underline-offset:3px;margin-left:10px}.dial-picker{padding:0;margin:0;border:0;min-width:0;max-width:100%}.dial-picker legend{font-size:17px;font-weight:500;letter-spacing:-.02em;padding:0;margin-bottom:7px;color:#20392c}.dial-picker-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;min-height:32px}.dial-picker-top>span{font-size:10px;line-height:1.5;color:#67766c}.dial-nav{display:flex;gap:5px;flex:none}.dial-nav[hidden]{display:none}.dial-nav button{display:grid;place-items:center;border:1px solid #d8e0d8;border-radius:50%;width:32px;height:32px;padding:0;color:#355641;font-size:17px;background:white}.dial-nav button:disabled{opacity:.3;cursor:default}.dial-rail{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scroll-snap-type:x proximity;scroll-padding-inline:5px;padding:5px 5px 10px;margin-inline:-5px;max-width:calc(100% + 10px);overscroll-behavior-inline:contain}.dial-choice{display:flex;flex:0 0 99px;min-width:0;flex-direction:column;align-items:center;text-align:center;scroll-snap-align:start;border-radius:4px;padding:3px 1px;color:#485d4f;text-decoration:none!important}.dial-circle{width:76px;height:76px;box-sizing:border-box;padding:5px;display:grid;place-items:center;position:relative;border:1px solid #dce3dc;border-radius:50%;background:#fff;transition:border-color .15s}.dial-circle img{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%}.dial-selected{display:none;position:absolute;right:-1px;bottom:0;background:#006039;color:white;border:2px solid white;border-radius:50%;width:19px;height:19px;align-items:center;justify-content:center;font-size:10px;line-height:1}.dial-choice[aria-current=page] .dial-circle{border:2px solid #006039;padding:4px;box-shadow:0 0 0 3px #e8f0e9}.dial-choice[aria-current=page] .dial-selected{display:flex}.dial-choice[aria-current=page]{color:#006039}.dial-choice:hover .dial-circle{border-color:#557d60}.dial-choice:focus-visible,.dial-nav button:focus-visible{outline:2px solid #006039;outline-offset:2px}.dial-choice-label{display:block;font-size:10px;line-height:1.45;min-height:29px;margin-top:10px;max-width:100%;font-weight:500}.dial-choice-ref{display:block;font-size:9px;line-height:1.5;letter-spacing:.01em;color:#7b877d;margin-top:auto;padding-top:4px}.dial-current{border-top:1px solid #e7ece7;padding-top:11px;margin-top:5px;font-size:10px;line-height:1.6;color:#536c5c}.dial-current>span{display:block;font-size:9px;color:#7b887f}.dial-compare{max-width:1120px;margin:0 auto;padding:34px 28px 60px}.dial-compare h1{font-size:34px;font-weight:400;line-height:1.15;letter-spacing:-.04em;margin:14px 0}.dial-compare>p{font-size:13px;line-height:1.8;max-width:680px;color:#67766c}.dial-compare-header{display:flex;justify-content:space-between;gap:20px;align-items:center}.dial-compare-header>a{font-size:12px;color:#006039;text-decoration:underline}.dial-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:30px 0}.dial-comparison-panel{min-width:0;border-top:1px solid #d6dfd7;padding-top:20px}.dial-comparison-panel>h2{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#69836f;margin-bottom:22px}.dial-preview-open{display:inline-block;margin-top:22px;background:#203c2c;padding:13px 18px;color:white;font-size:11px}.dial-provenance{margin-top:32px;border-top:1px solid #dce4dd;padding-top:20px;font-size:11px;line-height:1.8;color:#637568}.dial-provenance a{text-decoration:underline}.dial-provenance li{margin:5px 0}.dial-proof-note{font-size:11px;line-height:1.8;margin-top:25px;color:#637568}@media(max-width:640px){.dial-choice{flex-basis:90px}.dial-circle{width:70px;height:70px}.dial-comparison-grid{grid-template-columns:1fr;gap:30px}.dial-compare{padding:25px 20px 40px}.dial-compare h1{font-size:30px}.dial-review-note{text-align:left;padding-inline:20px}.dial-review-note a{display:inline-block;margin-left:0;margin-right:12px}.dial-compare-header{display:block}.dial-compare-header>a{display:inline-block;margin-top:8px}}@media(prefers-reduced-motion:reduce){.dial-circle{transition:none}} .dial-compare-header>.wordmark{font-size:20px;color:#203c2c;text-decoration:none} /* Hybrid002: unique real dials + only verified bracelet choices. */ .dial-picker{position:relative}.dial-picker>h2{font-size:17px;font-weight:500;letter-spacing:-.02em;line-height:1.3;padding:0;margin:0 0 7px;color:#20392c}.dial-picker-tools{display:flex;align-items:center;gap:8px;flex:none}.dial-picker-top{gap:8px;margin-bottom:7px}.dial-picker-top>span{font-size:10px}.dial-rail{flex-wrap:nowrap}.dial-choice[aria-current=page] .dial-circle{border:1.5px solid #006039;padding:4.5px;box-shadow:none}.dial-selected{width:14px;height:14px;font-size:8px;border-width:1px;right:0;bottom:0}.dial-choice-label{min-height:29px}.dial-choice-ref{font-size:10px;color:#65796a;padding-top:3px}.dial-bracelet-picker{border:0;margin:3px 0 0;padding:0}.dial-bracelet-picker legend{font-size:11px;color:#627667;margin-bottom:7px;font-weight:400;letter-spacing:0}.dial-bracelet-options{display:flex;flex-wrap:wrap;gap:7px}.dial-bracelet-choice{display:inline-flex;align-items:center;justify-content:center;min-height:36px;min-width:70px;border:1px solid #dbe3dc;border-radius:3px;padding:7px 12px;font-size:11px;color:#536d5a;text-decoration:none!important}.dial-bracelet-choice[aria-current=page]{border-color:#006039;color:#006039;background:#f7faf7}.dial-bracelet-choice:focus-visible,.dial-all-option:focus-visible,.dial-all>summary:focus-visible{outline:2px solid #006039;outline-offset:2px}.dial-single-bracelet{font-size:11px;line-height:1.6;margin:6px 0;color:#627667}.dial-single-bracelet strong{font-weight:500;color:#35523f}.dial-all>summary{display:flex;gap:4px;align-items:center;min-height:32px;font-size:10px;color:#42664c;cursor:pointer;white-space:nowrap;list-style:none;text-decoration:underline;text-underline-offset:3px}.dial-all>summary::-webkit-details-marker{display:none}.dial-all-panel{position:absolute;top:67px;left:0;right:0;z-index:35;border:1px solid #d3dfd5;border-radius:4px;background:white;padding:12px;max-height:min(330px,60vh);overflow:auto;box-shadow:0 6px 20px #203c2c14}.dial-all-panel>p{font-size:10px;line-height:1.5;color:#78867c;margin-bottom:10px}.dial-all-row{display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px;align-items:start;padding:12px 0;border-top:1px solid #edf1ed}.dial-all-row>img{border-radius:50%;object-fit:contain}.dial-all-row strong{font-size:11px;color:#49654f;font-weight:500;display:block;margin-bottom:6px}.dial-all-options{display:flex;flex-wrap:wrap;gap:7px}.dial-all-option{display:flex;flex-direction:column;gap:2px;border:1px solid #e1e7e1;padding:6px 8px;border-radius:3px;font-size:11px;color:#42614a;text-decoration:none!important;min-height:40px}.dial-all-option small{font-size:9px;color:#7d8a7f}.dial-all-option[aria-current=page]{border-color:#006039}.dial-current{margin-top:12px}.dial-picker-top:has(.dial-nav:not([hidden])){flex-wrap:wrap}.dial-nav button{width:32px;height:32px}@media(max-width:350px){.dial-picker-top{flex-wrap:wrap}.dial-picker-tools{margin-left:auto}.dial-all-panel{top:90px}}@media(pointer:coarse){.dial-nav button{min-width:40px;min-height:40px}.dial-bracelet-choice{min-height:40px}} /* Compact lower-block proposal: query opt-in only; shared/default pages unaffected. */ .dial-lower-preview .offer-card{padding-top:16px;margin-top:18px}.dial-lower-preview .compact-offer-status{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:6px 15px;font-size:15px}.dial-lower-preview .compact-offer-status .availability-label{font-size:11px}.dial-lower-preview .offer-card>p{font-size:10px;line-height:1.6;margin:7px 0 14px}.dial-lower-preview .compact-offer-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch;font-size:11px}.dial-lower-preview .compact-offer-actions>.j-btn{margin:0;display:flex;align-items:center;justify-content:center;padding:11px 12px;min-height:44px;font-size:11px}.dial-lower-preview .compact-offer-actions>.journey-card-actions{margin:0;display:flex;gap:6px}.dial-lower-preview .journey-card-actions button{font-size:10px;min-height:44px;padding:8px 10px}.dial-lower-preview .compact-offer-links{display:flex;gap:18px;flex-wrap:wrap;margin-top:12px}.dial-lower-preview .compact-offer-links a{font-size:11px;text-decoration:underline;text-underline-offset:4px;margin:0;min-height:28px;display:flex;align-items:center}.dial-lower-preview .related-section{display:block;padding:32px 0;border-bottom:1px solid #e2e8e2}.dial-lower-preview .compact-related-header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:18px}.dial-lower-preview .related-section h2{font-size:27px;line-height:1.2;letter-spacing:-.035em;margin:0}.dial-lower-preview .compact-related-header>a{font-size:11px;flex:none;margin:0}.dial-lower-preview #related .related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;margin:0}.dial-lower-preview .compact-related-card{min-width:0}.dial-lower-preview .compact-related-card .tile-image{height:210px;padding:20px;margin-bottom:14px}.dial-lower-preview .compact-related-card .pilot-tile h2{font-size:21px;margin:8px 0}.dial-lower-preview .compact-related-card .pilot-tile p{font-size:11px;line-height:1.5;margin:0}.dial-lower-preview .compact-related-card .tile-ref{font-size:10px}.dial-lower-preview .compact-related-card .tile-foot{font-size:10px;margin-top:10px}.dial-lower-preview .compact-related-actions{display:flex;gap:7px;margin-top:12px}.dial-lower-preview .compact-related-actions button{font-size:10px;border:1px solid #dce5dc;min-height:38px;padding:7px 12px;color:#3c5f47;flex:1}.dial-lower-preview .compact-related-actions button[aria-pressed=true]{border-color:#006039;background:#f3f8f3}.dial-lower-preview .compact-similar-header{margin-bottom:18px}.dial-lower-preview .compact-similar-header p{font-size:11px;line-height:1.7;max-width:660px;margin-top:10px}.dial-lower-preview .similar-section .related-grid{display:block;margin:0}.dial-lower-preview .similar-section .compact-related-card{max-width:650px;display:grid;grid-template-columns:minmax(0,1fr) 110px;column-gap:20px;align-items:center}.dial-lower-preview .similar-section .pilot-tile{display:grid;grid-template-columns:110px minmax(0,1fr);column-gap:20px;align-items:start}.dial-lower-preview .similar-section .tile-image{grid-column:1;grid-row:1/span 5;height:150px;margin:0;padding:12px}.dial-lower-preview .similar-section .tile-ref,.dial-lower-preview .similar-section .pilot-tile h2,.dial-lower-preview .similar-section .pilot-tile p,.dial-lower-preview .similar-section .tile-foot{grid-column:2}.dial-lower-preview .similar-section .compact-related-actions{flex-direction:column;margin:0}.dial-lower-preview .compact-decision-help{padding-top:28px}.dial-lower-preview .compact-decision-help h2{font-size:23px;font-weight:400;margin-bottom:15px;letter-spacing:-.02em}.dial-lower-preview .compact-guide-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 28px}.dial-lower-preview .compact-guide-links a{font-size:12px;line-height:1.5;padding:10px 0;border-bottom:1px solid #e6ece6}.dial-lower-preview .j-support-slot{margin-top:24px}.dial-lower-preview .compact-related-actions button:focus-visible,.dial-lower-preview .compact-guide-links a:focus-visible{outline:2px solid #006039;outline-offset:2px}@media(max-width:1000px){.dial-lower-preview #related .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.dial-lower-preview .compact-related-header{align-items:start;flex-direction:column;gap:9px}.dial-lower-preview .related-section h2{font-size:25px}.dial-lower-preview #related .related-grid{grid-template-columns:1fr;gap:27px}.dial-lower-preview .compact-related-card .tile-image{height:220px}.dial-lower-preview .similar-section .compact-related-card{display:block}.dial-lower-preview .similar-section .tile-image{height:140px}.dial-lower-preview .similar-section .compact-related-actions{flex-direction:row;margin-top:12px}.dial-lower-preview .compact-guide-links{grid-template-columns:1fr}.dial-lower-preview .compact-offer-actions{grid-template-columns:1fr}.dial-lower-preview .compact-offer-actions>.journey-card-actions{display:grid;grid-template-columns:1fr 1fr}.dial-lower-preview .related-section{padding-block:28px}} .dial-lower-preview #related .related-grid,.dial-lower-preview .similar-section .related-grid{width:100%;max-width:none} /* Inline-grid003: disclosure in document flow, never a floating window. */ .dial-scope-note{font-size:10px;line-height:1.55;color:#7a877c;margin:0 0 9px}.dial-all{position:static;margin:3px 0 12px}.dial-all>summary{font-size:11px;display:flex;justify-content:flex-start;gap:4px;min-height:36px}.dial-all>summary::after{content:'↓';margin-left:6px}.dial-all[open]>summary::after{content:'↑'}.dial-all-panel{position:static;inset:auto;display:block;width:100%;max-width:100%;max-height:420px;overflow-y:auto;overflow-x:hidden;padding:10px;margin-top:6px;box-shadow:none;border:1px solid #dbe5dc;box-sizing:border-box}.dial-all:not([open])>.dial-all-panel{display:none}.dial-all-panel>p{font-size:10px;line-height:1.5;margin:0 0 10px}.dial-all-status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.dial-all-status-heading{font-size:11px;font-weight:500;color:#45644e;margin:12px 0 8px}.dial-all-row{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:10px 7px;border:1px solid #e5ebe5;border-radius:3px}.dial-all-row>img{width:58px;height:58px;object-fit:contain}.dial-all-row>div{width:100%;min-width:0}.dial-all-row strong{text-align:center;font-size:10px;line-height:1.4;min-height:28px}.dial-all-options{display:flex;flex-direction:column;gap:5px;width:100%}.dial-all-option{align-items:center;text-align:center;min-width:0;padding:6px 4px;font-size:10px}.dial-all-option small{font-size:8px;overflow-wrap:anywhere}.dial-status-note{display:block;font-size:9px;line-height:1.5;color:#7d897f}.dial-archive{border-top:1px solid #e3eae3;margin-top:12px;padding-top:7px}.dial-archive>summary{font-size:11px;cursor:pointer;min-height:32px}.dial-archive-empty{font-size:10px;line-height:1.6;color:#879087;margin-top:12px}.dial-choice[aria-disabled=true],.dial-bracelet-choice[aria-disabled=true],.dial-all-option[aria-disabled=true]{cursor:default;opacity:.65}.dial-rail{flex-wrap:nowrap}.dial-picker-tools{margin-left:auto}@media(max-width:640px){.dial-all-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dial-all-panel{max-height:400px}}@media(max-width:350px){.dial-all-panel{top:auto}} html:has(.dial-review-note){scroll-behavior:auto} /* Owner review006: exact bracelet fragments; source photo pixels remain unchanged. */ .dial-picker .dial-bracelet-options{gap:12px;align-items:flex-start} .dial-picker .dial-bracelet-choice{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;min-height:0;min-width:0;width:76px;padding:3px 1px;border:0;border-radius:4px;background:transparent;color:#536d5a;text-decoration:none!important} .dial-picker .bracelet-circle{display:block;position:relative;width:60px;height:60px;box-sizing:border-box;padding:4px;border:1px solid #dce3dc;border-radius:50%;background:#fff} .dial-picker .bracelet-crop{display:block;position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden} .dial-picker .bracelet-crop img{display:block;position:absolute;width:500%;height:500%;max-width:none;max-height:none;left:-200%;top:-330%;object-fit:fill} .dial-picker .bracelet-name{font-size:11px;line-height:1.4;font-weight:400} .dial-picker .bracelet-selected{display:none;position:absolute;right:0;bottom:0;width:13px;height:13px;place-items:center;border:1px solid white;border-radius:50%;background:#006039;color:#fff;font-size:8px;line-height:1} .dial-picker .dial-bracelet-choice[aria-current=page]{background:transparent;color:#006039} .dial-picker .dial-bracelet-choice[aria-current=page] .bracelet-circle{border:1.5px solid #006039;padding:3.5px} .dial-picker .dial-bracelet-choice[aria-current=page] .bracelet-selected{display:grid} .dial-picker .dial-bracelet-choice:focus-visible{outline:2px solid #006039;outline-offset:2px} @media(min-width:851px){body:has(.dial-review-note) .watch-heading>.pilot-eyebrow,body:has(.dial-review-note) .watch-heading>h1{position:relative;top:-8px}} /* Readability007: same typeface, shared current PDP. Compact changes spacing, never type size. */ .readable-preview{font-size:16px;line-height:1.6} .readable-preview .pdp-header-line{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);column-gap:8%;align-items:baseline} .readable-preview .pdp-header-line .pilot-crumbs{font-size:14px;line-height:24px;padding:24px 0;gap:9px;margin:0;min-width:0} .readable-preview .pdp-header-line .pdp-collection-label{font-size:16px;line-height:24px;letter-spacing:.09em;font-weight:600;color:#006039;padding:24px 0;margin:0} .readable-preview .watch-heading{padding-top:0} .readable-preview .watch-top .watch-heading>h1{position:static;top:auto;margin-top:0} .readable-preview :where(p,li,dt,dd,button,input,textarea,select){font-size:16px;line-height:1.6} .readable-preview :where(.watch-ref,.watch-subtitle,.photo-caption,.photo-index,.zoom-hint,.view-thumb span,.watch-nav a,.pilot-eyebrow,.source-details,.source-details summary,.source-details li>span,.pilot-link,.tile-ref,.tile-foot,.pilot-tile p,.story-facts dd,.section-label p,.j-caption,.j-note,.j-link,.journey-nav a,.journey-tools a,.journey-tools button,.journey-footer a,.journey-footer small,.journey-footer p,.dial-review-note,.journey-banner){font-size:14px;line-height:1.5} .readable-preview :where(.watch-subtitle,.photo-caption,.zoom-hint,.source-details,.source-details li>span,.section-label p,.j-caption,.j-note,.tile-ref,.tile-foot){color:#465a50} .readable-preview .watch-story>p,.readable-preview .spec-group dl>div,.readable-preview .story-facts dt{font-size:16px;line-height:1.7} .readable-preview .spec-group h3{font-size:18px;line-height:1.4} .readable-preview .spec-group dt,.readable-preview .spec-group dd{font-size:16px;line-height:1.6;overflow-wrap:anywhere} .readable-preview .dial-picker>h2{font-size:20px;line-height:1.35} .readable-preview .dial-picker :where(.dial-scope-note,.dial-picker-top>span,.dial-choice-label,.dial-choice-ref,.dial-all>summary,.dial-bracelet-picker legend,.bracelet-name,.dial-current,.dial-current span,.dial-status-note,.dial-all-panel>p,.dial-all-row strong,.dial-all-option,.dial-all-option small,.dial-all-status-heading,.dial-archive>summary,.dial-archive-empty){font-size:14px;line-height:1.5;color:#435c4d} .readable-preview .dial-picker .dial-choice{flex-basis:112px;padding:4px 2px} .readable-preview .dial-picker .dial-choice-label{height:auto;min-height:0;white-space:normal;overflow-wrap:anywhere} .readable-preview .dial-picker .dial-choice-ref{white-space:normal;overflow-wrap:anywhere} .readable-preview .dial-picker .dial-all-row strong{min-height:0} .readable-preview .dial-picker .dial-all-option small{overflow-wrap:anywhere} .readable-preview .dial-picker .dial-bracelet-choice{width:88px} .readable-preview .watch-facts dt,.readable-preview .watch-facts button,.readable-preview .watch-facts dd small{font-size:14px;line-height:1.4} .readable-preview .watch-facts dd{font-size:28px;line-height:1.25;letter-spacing:-.03em;white-space:normal} .readable-preview .watch-facts{gap:12px;min-width:0} .readable-preview .watch-facts>div{min-width:0} .readable-preview .offer-card>div{font-size:16px} .readable-preview .offer-card :where(p,.availability-label,.j-link){font-size:14px;line-height:1.6;color:#465a50} .readable-preview .offer-card :where(.j-btn,button){font-size:16px;line-height:1.5;white-space:normal} .readable-preview .offer-card .journey-card-actions{flex-wrap:wrap} .readable-preview .related-section :where(p,a),.readable-preview .compact-related-actions button,.readable-preview .compact-guide-links a{font-size:14px;line-height:1.55} .readable-preview .journey-footer small{color:#465a50} .readable-preview .view-thumb{width:96px;flex-shrink:0} .readable-preview .view-thumb span{white-space:normal;overflow-wrap:anywhere} @media(max-width:850px){.readable-preview .pdp-header-line{display:block}.readable-preview .pdp-header-line .pilot-crumbs{padding:18px 0 10px}.readable-preview .pdp-header-line .pdp-collection-label{padding:0 0 14px}.readable-preview .watch-top .watch-heading>h1{margin-top:0}} @media(max-width:640px){.readable-preview .dial-picker .dial-choice{flex-basis:106px}.readable-preview .watch-facts{gap:8px}.readable-preview .watch-facts dd{font-size:25px}.readable-preview .pdp-header-line .pilot-crumbs{gap:7px}.readable-preview .journey-banner{font-size:12px}.readable-preview .journey-header{flex-wrap:wrap}.readable-preview .offer-card .journey-card-actions{display:flex;gap:10px}.readable-preview .offer-card .journey-card-actions button{min-width:0;flex:1 1 110px}} /* Common gallery: white PNG canvas blends into page; photographic scenes fill their own natural frame. */ .readable-preview .watch-stage{background:#fff;border:0;box-shadow:none} .readable-preview .watch-stage:has(>img[src$=".jpg"]),.readable-preview .watch-stage:has(>img[src$=".jpeg"]){height:auto;aspect-ratio:auto;padding:0;background:transparent} .readable-preview .watch-stage>img[src$=".jpg"],.readable-preview .watch-stage>img[src$=".jpeg"]{width:100%;height:auto;max-height:none;object-fit:contain} /* Owner-approved Balanced2 / 24=150%, 2026-10-28. Scoped to existing isolated card preview. */ .readable-preview[data-page="card"] .journey-header>.wordmark{ display:inline-flex;align-items:baseline;gap:2px;flex:none; font-family:Arial,Helvetica,sans-serif;font-size:23px;font-weight:400; font-style:normal;line-height:1;letter-spacing:0;white-space:nowrap;color:#23372a; } .readable-preview[data-page="card"] .journey-header>.wordmark b{ display:block;position:static;margin:0;padding:0;transform:none; font-family:inherit;font-size:150%;font-weight:400;font-style:normal; line-height:1;letter-spacing:0;color:#006039; } .readable-preview[data-page="card"] .pdp-header-line{ align-items:baseline;padding:16px 0 0;margin-bottom:4px; } .readable-preview[data-page="card"] .pdp-header-line .pilot-crumbs{ padding:0;margin:0;line-height:34px; } .readable-preview[data-page="card"] .pdp-header-line .pdp-collection-label{ padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:28px; font-weight:400;font-style:normal;line-height:34px;letter-spacing:-.02em; text-transform:none;color:#006039; } .readable-preview[data-page="card"] .watch-top .watch-heading>h1{ position:static;top:auto;margin:0 0 14px;font-family:Arial,Helvetica,sans-serif; font-size:34px;font-weight:400;font-style:normal;line-height:1.2;letter-spacing:-.035em; } @media(max-width:850px){ .readable-preview[data-page="card"] .pdp-header-line{padding-top:14px;margin-bottom:4px} .readable-preview[data-page="card"] .pdp-header-line .pilot-crumbs{padding:0 0 8px;line-height:24px} .readable-preview[data-page="card"] .pdp-header-line .pdp-collection-label{padding:0;line-height:34px} } /* Full owner-approved PDP layout 016. Existing isolated Datejust preview only. */ .readable-preview[data-page="card"] .watch-top{ display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); grid-template-areas:"gallery heading" "gallery selection" "facts offer"; grid-template-rows:max-content minmax(0,1fr) auto;column-gap:8%;row-gap:16px;align-items:start; } .readable-preview[data-page="card"] .watch-heading{padding:0;min-width:0} .readable-preview[data-page="card"] .watch-selection{padding:0;min-width:0} .readable-preview[data-page="card"] .watch-top>.watch-facts{grid-area:facts;margin:10px 0 0;padding-top:20px;align-self:stretch} .readable-preview[data-page="card"] .watch-top>.offer-card{grid-area:offer;margin:10px 0 0;padding-top:20px;min-width:0} .readable-preview[data-page="card"] .offer-card .compact-offer-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px} .readable-preview[data-page="card"] .offer-card .compact-offer-actions>.j-btn{font-size:16px;font-weight:400;min-height:48px;gap:10px} .readable-preview[data-page="card"] .offer-card .journey-card-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin:0} .readable-preview[data-page="card"] .offer-card .journey-card-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:46px;font-size:14px;font-weight:400;padding:10px 8px;line-height:1.4} .readable-preview[data-page="card"] .offer-card .compact-offer-status{font-size:16px;line-height:1.5} .readable-preview[data-page="card"] .offer-card .availability-label{font-size:14px;line-height:1.5} .readable-preview[data-page="card"] .offer-card>p{font-size:14px;line-height:1.6;margin:8px 0 16px} .readable-preview[data-page="card"] .offer-card .compact-offer-links{margin-top:12px;gap:12px 24px} .readable-preview[data-page="card"] .offer-card .compact-offer-links a{font-size:14px;min-height:36px;gap:8px} .readable-preview[data-page="card"] .action-icon{display:block;width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none} .readable-preview[data-page="card"] .watch-facts .fact-key{gap:7px;flex-wrap:wrap;max-width:100%} .readable-preview[data-page="card"] .watch-facts dd{font-weight:400} .readable-preview[data-page="card"] .dial-review-note{font-size:12px;padding:7px 18px} @media(max-width:850px){ .readable-preview[data-page="card"] .watch-top{grid-template-columns:minmax(0,1fr);grid-template-areas:"heading" "gallery" "selection" "facts" "offer";grid-template-rows:none;gap:20px} .readable-preview[data-page="card"] .watch-heading{width:100%;padding:0} .readable-preview[data-page="card"] .watch-top>.watch-facts,.readable-preview[data-page="card"] .watch-top>.offer-card{width:100%;margin:0;padding-top:20px} .readable-preview[data-page="card"] .photo-caption{padding-bottom:0;margin-bottom:0} .readable-preview[data-page="card"] .watch-gallery{width:100%} .readable-preview[data-page="card"] .watch-selection{width:100%} .readable-preview[data-page="card"] .watch-facts{gap:10px} .readable-preview[data-page="card"] .watch-facts .fact-key{font-size:14px;line-height:1.4} } /* 016 responsive verification fixes: readable lower captions and narrow header. */ .readable-preview[data-page="card"] .compact-related-card :is(.tile-ref,.tile-foot,.pilot-tile p), .readable-preview[data-page="card"] .compact-related-header>a, .readable-preview[data-page="card"] .compact-similar-header>p, .readable-preview[data-page="card"] .compact-related-actions button{font-size:14px;line-height:1.5} .readable-preview[data-page="card"] .journey-footer .wordmark{display:inline-flex;align-items:baseline;gap:2px;font:400 23px/1 Arial,Helvetica,sans-serif;letter-spacing:0;white-space:nowrap} .readable-preview[data-page="card"] .journey-footer .wordmark b{font:400 150%/1 Arial,Helvetica,sans-serif;color:#006039;position:static;margin:0;transform:none} .readable-preview[data-page="card"] .watch-facts .fact-info{display:inline-grid;place-items:center;flex:none} @media(max-width:360px){ .readable-preview[data-page="card"] .journey-header{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-inline:16px} .readable-preview[data-page="card"] .journey-menu{font-size:0;gap:0;min-width:38px;width:38px;min-height:44px;padding:8px} .readable-preview[data-page="card"] .journey-tools{width:100%;gap:8px;justify-content:space-between} .readable-preview[data-page="card"] .journey-tools span{display:none} .readable-preview[data-page="card"] .compact-related-header{flex-wrap:wrap;gap:10px} }