@font-face{font-family:Fravo;src:url('assets/fravo-sans.woff2') format('woff2');font-display:swap;font-weight:100 900}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:#fff;color:#1d1e20;font-family:Fravo,'Microsoft YaHei',sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:active{transform:scale(.98)}a{color:inherit;text-decoration:none}a,button,summary{-webkit-user-drag:none}svg{width:22px;height:22px;flex-shrink:0}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid #bf5734;outline-offset:5px}[hidden]{display:none!important}.page-width{width:calc(100% - 112px);max-width:1200px;margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;z-index:100;padding:15px 24px;background:#1d1e20;color:#fff;border-radius:8px}.skip:focus{top:15px}.site-header{height:84px;width:calc(100% - 112px);max-width:1340px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center}.brand img{width:123px;height:auto}.site-header nav{display:flex;align-items:center;gap:32px}.site-header nav a{font-size:14px;color:#57585c;position:relative;padding:18px 0}.site-header nav a::after{content:'';position:absolute;left:0;bottom:10px;width:100%;height:1px;background:#ba5a3c;transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav a:hover{color:#1d1e20}.site-header nav a:hover::after{transform:scaleX(1)}.channel-link{display:flex;align-items:center;gap:10px;font-size:13px;background:#f4f4f2;padding:11px 18px;border-radius:30px;transition:background .2s}.channel-link:hover{background:#eceae5}.channel-link svg{width:15px;height:15px}.hero{padding-top:28px}.hero-heading{display:flex;align-items:center;justify-content:space-between;gap:50px;max-width:1100px;margin:auto}.eyebrow{font-size:11px;letter-spacing:.13em;color:#868783;margin:0 0 20px}.hero h1{font-size:clamp(34px,4vw,56px);font-weight:600;line-height:1.32;letter-spacing:-.035em;margin:0}.handline{position:relative;display:inline-block;color:#b75b3c}.handline svg{position:absolute;bottom:-7px;left:-5%;width:110%;height:14px;color:#d8987d}.hero-aside{padding-top:31px;padding-right:18px}.hero-aside p{font-size:18px;color:#717277;line-height:1.9;margin:0 0 22px}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:14px;padding:0;line-height:1.6}.text-link svg{width:19px;height:19px;transition:transform .3s}.text-link:hover{color:#b75b3c}.text-link:hover svg{transform:translateX(4px)}.hero-gallery{max-width:900px;margin:32px auto 0}.image-button{display:block;width:100%;padding:0;position:relative;text-align:left;cursor:zoom-in}.image-button:active{transform:none}.image-stage{display:block;position:relative;width:100%;overflow:hidden;isolation:isolate}.dock-stage{aspect-ratio:1644/1086;border-radius:7px;background:#211d1b;box-shadow:0 24px 55px -31px #32231966}.gallery-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;z-index:0;pointer-events:none;display:block}.gallery-image.active{opacity:1;z-index:1}.gallery-image:not([src]){visibility:hidden}.image-button::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:#fff0;transition:background .3s}.image-button:hover::after{background:#fff03}.gallery-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0 18px;min-height:82px}.gallery-label{display:flex;align-items:center;gap:10px;color:#7d7e81;font-size:12px;flex:1}.tiny-icon{display:grid;place-items:center}.tiny-icon svg{width:17px;height:17px}.segmented{display:flex;align-items:center;position:relative;padding:4px;background:#f1f1ee;border-radius:30px;isolation:isolate;width:222px;flex-shrink:0}.segmented button{font-size:12px;position:relative;z-index:2;color:#74756f;padding:9px 18px;flex:1;white-space:nowrap;transition:color .2s}.segmented button[aria-selected=true]{color:#242621}.segment-indicator{position:absolute;left:4px;top:4px;width:calc((100% - 8px)/3);height:calc(100% - 8px);border-radius:24px;background:#fff;box-shadow:0 2px 6px #21211a0a;transform:translateX(100%);z-index:1;transition:transform .38s cubic-bezier(.2,.8,.2,1)}.zoom-link{color:#767774;display:grid;place-items:center;width:34px;height:34px;margin-left:3px}.zoom-link svg{width:17px;height:17px}.feature-ribbon{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 0 27px;border-bottom:1px solid #eeefeb;border-top:1px solid #eeefeb;margin-top:20px}.feature-ribbon a{display:flex;align-items:center;gap:24px;font-size:15px;color:#686965}.feature-ribbon svg{width:17px;height:17px;color:#b4b3ad;transition:transform .3s,color .3s}.feature-ribbon a:hover{color:#b75b3c}.feature-ribbon a:hover svg{transform:translateX(4px);color:#b75b3c}.features{padding-top:93px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:37px}h2{font-size:clamp(29px,3.25vw,43px);font-weight:600;line-height:1.4;letter-spacing:-.035em;margin:0}.feature-tabs{display:flex;align-items:center;gap:23px;margin-bottom:8px}.feature-tabs button{padding:12px 0;font-size:14px;color:#999a98;position:relative;white-space:nowrap}.feature-tabs button::after{content:'';position:absolute;bottom:2px;left:0;right:0;height:2px;background:#b75b3c;transform:scaleX(0);transition:transform .25s;transform-origin:left}.feature-tabs button[aria-selected=true]{color:#262724}.feature-tabs button[aria-selected=true]::after{transform:scaleX(1)}.feature-tabs button:hover{color:#b75b3c}.feature-panel{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:55px;align-items:center}.feature-stage{aspect-ratio:1661/1124;background:#fff;overflow:visible}.feature-stage .gallery-image{border-radius:7px}.feature-story{padding:12px 0}.feature-kicker{color:#b75b3c;font-size:12px;margin:0 0 17px}.feature-story h3{font-size:29px;font-weight:500;letter-spacing:-.025em;line-height:1.5;margin:0 0 21px}.story-description{font-size:15px;color:#777975;line-height:1.9;margin:0 0 21px}.feature-story ul{padding:0;margin:0 0 25px;list-style:none;font-size:13px;color:#5f625c;line-height:2.4}.feature-story li::before{content:'✓';color:#a88d76;font-size:11px;margin-right:10px}.story-zoom{font-size:12px;color:#888a83}.story-zoom svg{width:15px}.journal-controls{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:23px}.journal-controls button{padding:7px 9px;font-size:11px;border-radius:20px;color:#7c7d77;background:#f4f4f1}.journal-controls button[aria-pressed=true]{color:#fff;background:#383c35}.section-lead{font-size:16px;color:#767874;line-height:1.9;margin:0 0 5px;max-width:400px}.extensions{padding-top:90px}.extension-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:75px}.extension-item{display:flex;align-items:center;gap:26px;position:relative;padding:35px 6px;border-top:1px solid #e9ebe5;overflow:hidden}.extension-item:nth-last-child(-n+2){border-bottom:1px solid #e9ebe5}.extension-icon{width:61px;height:61px;display:grid;place-items:center;flex-shrink:0;background:#f6f4f0;border-radius:19px;transition:transform .45s cubic-bezier(.2,.7,.2,1),background .3s}.extension-icon svg{width:29px;height:29px;color:#8d725b;transition:transform .45s}.extension-item h3{font-size:25px;font-weight:500;letter-spacing:-.01em;margin:0 0 9px}.extension-item p{font-size:15px;line-height:1.8;color:#81837c;margin:0;position:relative;z-index:1}.extension-orbit{position:absolute;right:-5px;width:80px;height:80px;border:1px solid #d9c9b633;border-radius:50%;opacity:0;transform:scale(.6);transition:transform .55s,opacity .4s;pointer-events:none}.extension-item:hover .extension-icon{transform:rotate(-7deg);background:#f1e9de}.extension-item:hover .extension-icon svg{transform:rotate(7deg) scale(1.08)}.extension-item:hover .extension-orbit{transform:scale(1);opacity:1}.pro-section{padding-top:107px;padding-bottom:90px;display:grid;grid-template-columns:330px minmax(0,1fr);gap:90px;align-items:center}.pro-description{font-size:15px;line-height:1.9;color:#7a7b76;margin:22px 0 26px}.pro-price{margin:0 0 22px}.price-tag{font-size:11px;color:#b75b3c;letter-spacing:.04em}.price-number{display:flex;align-items:baseline;gap:6px;margin-top:6px}.price-number>span:first-child{font-size:30px}.price-number strong{font-size:83px;letter-spacing:-.07em;line-height:1.2;font-weight:500}.later-price{font-size:11px;margin-left:19px;color:#94968d}.pro-price p{font-size:12px;color:#7b7e74;margin:8px 0 0}.primary-button{padding:14px 22px;display:flex;align-items:center;gap:40px;color:#fff;background:#242823;border-radius:8px;font-size:13px;transition:background .2s}.primary-button:hover{background:#b75b3c}.primary-button svg{width:17px;height:17px}.comparison-wrap{min-width:0}.comparison{width:100%;border-collapse:collapse;font-size:13px;line-height:1.8}.comparison th,.comparison td{padding:20px 12px;border-bottom:1px solid #e8eae4;text-align:center;font-weight:400}.comparison th:first-child{width:56%;text-align:left;padding-left:0}.comparison thead th{font-size:15px;color:#30352c;padding-bottom:23px}.comparison thead th:first-child{font-size:12px;color:#999b92}.comparison thead th:last-child,.comparison td:last-child{background:#f5f6f1;color:#687653}.comparison thead th:last-child{border-radius:10px 10px 0 0;color:#4e5940}.comparison thead span{font-size:10px;color:#96998f;display:block}.comparison svg{width:16px;height:16px;color:#879571;vertical-align:middle;margin-left:4px}.comparison tbody tr:last-child td:last-child{border-radius:0 0 10px 10px}.comparison tbody tr:last-child>*{border:0}.purchase-note{font-size:11px;color:#92958b;line-height:1.8;margin:22px 0 0}.purchase-note a{text-decoration:underline}.site-footer{border-top:1px solid #e9ebe6;padding:33px 0 27px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-top nav{display:flex;gap:27px;font-size:12px;color:#72766c}.footer-top nav svg{width:13px;height:13px;vertical-align:middle;margin-left:4px}.footer-top nav a:hover{color:#b75b3c}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#9b9d96;margin-top:29px}.image-error{font-size:12px;color:#a84c30;line-height:1.7}.image-error a{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.noscript{font-size:13px;padding:20px;background:#faf7f0}.noscript a{text-decoration:underline}dialog{border:0;background:#fff;color:#282c25;padding:0;border-radius:15px;max-width:94vw;max-height:94svh;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#16191291;backdrop-filter:blur(12px)}.image-dialog{width:max-content;overflow:auto}.dialog-topline{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px 16px 10px 22px;font-size:13px}.dialog-topline button,.close-button{width:36px;height:36px;display:grid;place-items:center;background:#f3f4f0;border-radius:50%;flex-shrink:0}.dialog-topline svg,.close-button svg{width:18px;height:18px}.image-viewport>img{max-height:77svh;max-width:92vw;width:auto;height:auto;object-fit:contain}.image-dialog>p{font-size:11px;color:#92968a;margin:12px 22px 14px;max-width:80vw}.unlock-dialog{padding:42px;max-width:min(520px,92vw)}.close-button{position:absolute;right:16px;top:16px}.unlock-dialog>img{margin-bottom:20px}.unlock-dialog h2{font-size:28px;margin-bottom:20px}.unlock-dialog .eyebrow{margin-bottom:11px}.unlock-price{font-size:17px;color:#b75b3c;margin:0 0 25px}.unlock-price>span{display:block;font-size:12px;color:#92988b;margin-top:8px}.unlock-dialog ol{margin:0;padding-left:19px;color:#707669;font-size:14px;line-height:2.3}.unlock-dialog .purchase-note{font-size:11px}.gallery[aria-busy=true] .segmented,.gallery[aria-busy=true]~.feature-story{cursor:progress}.js .hero-heading,.js .hero-gallery{animation:welcome .7s cubic-bezier(.2,.75,.2,1) both}.js .hero-gallery{animation-delay:.1s}.handline path{stroke-dasharray:210;stroke-dashoffset:210;animation:underline 1.1s .3s ease forwards}@keyframes welcome{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes underline{to{stroke-dashoffset:0}}
@media(min-width:1700px){.hero-gallery{max-width:1000px}.hero-heading{max-width:1180px}}@media(max-width:1100px){.page-width,.site-header{width:calc(100% - 64px)}.site-header nav{gap:22px}.hero-aside{padding-right:0}.hero-aside p{font-size:16px}.feature-ribbon a{font-size:13px;gap:14px}.feature-tabs{gap:17px}.feature-panel{grid-template-columns:minmax(0,1fr) 230px;gap:32px}.feature-story h3{font-size:25px}.feature-story ul{font-size:12px}.story-description{font-size:13px}.extension-grid{column-gap:40px}.extension-item{gap:18px}.extension-item p{font-size:13px}.extension-icon{width:52px;height:52px}.pro-section{grid-template-columns:280px minmax(0,1fr);gap:45px}.comparison{font-size:12px}.comparison th,.comparison td{padding:18px 8px}.comparison th:first-child{width:55%}.pro-section h2{font-size:34px}}
@media(max-width:800px){.page-width,.site-header{width:calc(100% - 44px)}.site-header{height:74px;gap:20px}.brand img{width:108px}.site-header nav{gap:20px}.site-header nav a{font-size:12px}.site-header nav a:nth-child(1),.site-header nav a:nth-child(3){display:none}.channel-link{font-size:11px;padding:9px 12px}.channel-link svg{width:13px}.hero{padding-top:34px}.hero-heading{gap:32px}.hero h1{font-size:38px}.hero-aside p{font-size:14px}.hero-aside .text-link{font-size:12px}.hero-gallery{margin-top:32px}.gallery-label{font-size:11px}.gallery-bar{gap:10px}.segmented{width:198px}.segmented button{padding:8px 14px;font-size:11px}.feature-ribbon{gap:12px;flex-wrap:wrap;padding:23px 0}.feature-ribbon a{font-size:12px;gap:8px}.feature-ribbon svg{width:14px}.features{padding-top:65px}.section-heading{gap:24px;margin-bottom:26px}h2{font-size:31px}.feature-tabs{gap:14px;display:grid;grid-template-columns:1fr 1fr}.feature-tabs button{font-size:12px;padding:10px 0}.feature-panel{gap:27px;grid-template-columns:minmax(0,1fr) 200px}.feature-story h3{font-size:24px}.story-description{font-size:12px;line-height:1.9}.feature-story ul{font-size:11px;margin-bottom:16px}.feature-kicker{font-size:11px;margin-bottom:12px}.extensions{padding-top:65px}.section-lead{font-size:13px}.extension-grid{column-gap:25px}.extension-item{padding:28px 0;gap:15px}.extension-item h3{font-size:22px}.extension-item p{font-size:12px}.extension-icon{width:45px;height:45px;border-radius:14px}.extension-icon svg{width:23px;height:23px}.pro-section{padding-top:70px;padding-bottom:60px;grid-template-columns:240px minmax(0,1fr);gap:30px}.pro-section h2{font-size:29px}.pro-description{font-size:13px}.price-number strong{font-size:72px}.later-price{font-size:10px;margin-left:10px}.comparison{font-size:11px}.comparison th,.comparison td{padding:16px 6px}.comparison th:first-child{width:50%}.comparison thead th{font-size:12px}.comparison thead svg{display:none}.purchase-note{font-size:10px}.footer-top nav{gap:19px;font-size:11px}.footer-bottom{font-size:9px}}
@media(max-width:600px){html{scroll-padding-top:25px}.site-header{height:72px}.channel-link{display:none}.site-header nav{margin-left:auto;gap:23px}.site-header nav a{font-size:12px}.hero{padding-top:24px}.hero-heading{display:block}.eyebrow{font-size:9px;margin-bottom:15px}.hero h1{font-size:40px;line-height:1.36}.hero-aside{padding:22px 0 0;display:flex;justify-content:space-between;align-items:center;gap:12px}.hero-aside p{font-size:12px;line-height:1.9;margin:0}.hero-aside .text-link{font-size:0;flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#f5f2eb;justify-content:center;gap:0}.hero-aside .text-link svg{width:19px;font-size:16px}.hero-gallery{margin-top:27px}.dock-stage{border-radius:4px;box-shadow:0 16px 30px -26px #3d2f1f66}.gallery-bar{flex-wrap:wrap;justify-content:center;gap:10px;padding:15px 0 9px;min-height:95px}.gallery-label{width:100%;flex:auto;justify-content:center;font-size:10px}.gallery-label svg{width:14px;height:14px}.segmented{width:202px;margin-left:30px}.zoom-link{width:28px;height:28px;margin:0}.zoom-link svg{width:15px}.feature-ribbon{display:grid;grid-template-columns:1fr;gap:15px;padding:22px 0;margin-top:20px}.feature-ribbon a{font-size:13px;justify-content:space-between}.features{padding-top:56px}.section-heading{display:block;margin-bottom:24px}h2{font-size:31px}.feature-tabs{display:flex;justify-content:space-between;gap:13px;overflow:auto;margin-top:22px;margin-bottom:0;scrollbar-width:none}.feature-tabs::-webkit-scrollbar{display:none}.feature-tabs button{font-size:12px;padding:12px 0;flex-shrink:0}.feature-panel{display:flex;flex-direction:column;gap:20px;align-items:stretch}.feature-story{padding:0 3px}.feature-kicker{font-size:11px;margin:0 0 9px}.feature-story h3{font-size:26px;margin-bottom:12px}.feature-story h3 br{display:none}.story-description{font-size:13px;line-height:1.9;margin-bottom:11px;max-width:100%}.feature-story ul{display:flex;gap:6px 14px;flex-wrap:wrap;line-height:1.8;font-size:11px;margin-bottom:15px}.feature-story li::before{margin-right:6px;font-size:9px}.feature-stage .gallery-image{border-radius:4px}.story-zoom{font-size:11px}.journal-controls{margin-top:6px;margin-bottom:13px}.extensions{padding-top:60px}.section-lead{font-size:13px;margin-top:19px;line-height:1.9}.extension-grid{grid-template-columns:1fr;gap:0}.extension-item{padding:24px 2px;gap:22px}.extension-item:nth-last-child(2){border-bottom:0}.extension-icon{width:48px;height:48px;border-radius:15px}.extension-icon svg{width:25px;height:25px}.extension-item h3{font-size:23px;margin-bottom:7px}.extension-item p{font-size:12px}.pro-section{display:block;padding-top:65px;padding-bottom:57px}.pro-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:13px}.pro-intro .eyebrow,.pro-intro h2,.pro-description{grid-column:1/-1}.pro-intro h2{font-size:31px}.pro-description{font-size:13px;margin:18px 0 24px}.pro-price{grid-column:1;margin-bottom:0}.price-number{gap:5px;flex-wrap:wrap}.price-number strong{font-size:66px}.price-number>span:first-child{font-size:25px}.later-price{flex-basis:100%;font-size:10px;margin:0}.pro-price p{font-size:10px;white-space:nowrap}.primary-button{grid-column:2;align-self:center;justify-content:space-between;padding:13px 16px;font-size:11px;gap:12px;white-space:nowrap}.comparison-wrap{margin-top:34px}.comparison{font-size:11px}.comparison th,.comparison td{padding:16px 8px}.comparison th:first-child{width:52%}.comparison thead th{font-size:12px}.comparison thead th:first-child{font-size:11px}.comparison thead span{font-size:9px}.purchase-note{font-size:10px;margin-top:16px}.site-footer{padding-top:28px;padding-bottom:24px}.footer-top{align-items:flex-start;gap:15px}.footer-top .brand img{width:90px}.footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:10px}.footer-top nav svg{width:10px;margin-left:2px}.footer-bottom{flex-direction:column;gap:10px;margin-top:27px;font-size:9px;line-height:1.5}.image-dialog{max-width:96vw;border-radius:9px}.image-viewport>img{max-width:96vw;max-height:74svh}.dialog-topline{font-size:11px;padding:7px 10px 7px 14px}.dialog-topline button{width:31px;height:31px}.image-dialog>p{font-size:10px;margin:10px 14px 12px}.unlock-dialog{padding:32px 25px}.unlock-dialog h2{font-size:24px}.unlock-dialog ol{font-size:12px}.unlock-price{font-size:16px}.unlock-price>span{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.handline path{stroke-dashoffset:0}.hero-heading,.hero-gallery{opacity:1;transform:none}}

.image-error button{font-size:inherit;margin-left:8px;text-decoration:underline}

/* Product images expand from their actual place in the page. */
html { scrollbar-gutter:stable; }
.product-page .image-stage.zoom-origin { visibility:hidden; }
.product-page .image-dialog { overflow:visible; isolation:isolate; background:transparent; box-shadow:none; }
.product-page .image-dialog::before { content:''; position:absolute; inset:0; border-radius:inherit; background:#fff; box-shadow:0 24px 100px #0004; z-index:-1; opacity:1; transition:opacity .18s ease-out; }
.product-page .image-dialog .dialog-topline,.product-page .image-dialog>p { opacity:1; transition:opacity .18s ease-out; }
.product-page .image-dialog.is-image-opening::before,.product-page .image-dialog.is-image-closing::before,
.product-page .image-dialog.is-image-opening .dialog-topline,.product-page .image-dialog.is-image-closing .dialog-topline,
.product-page .image-dialog.is-image-opening>p,.product-page .image-dialog.is-image-closing>p { opacity:0; }
.product-page .image-dialog.is-image-opening .dialog-topline,.product-page .image-dialog.is-image-closing .dialog-topline { pointer-events:none; }
.product-page .image-dialog::backdrop { background:#16191291; backdrop-filter:blur(8px); animation:picture-backdrop-in .36s ease-out both; }
.product-page .image-dialog.is-image-closing::backdrop { animation:picture-backdrop-out .3s ease-out both; }
@keyframes picture-backdrop-in { from { background:#16191200; backdrop-filter:blur(0); } to { background:#16191291; backdrop-filter:blur(8px); } }
@keyframes picture-backdrop-out { from { background:#16191291; backdrop-filter:blur(8px); } to { background:#16191200; backdrop-filter:blur(0); } }
.image-viewport { position:relative; transform-origin:0 0; overflow:hidden; border-radius:3px; line-height:0; cursor:zoom-in; }
.product-page .image-viewport:focus-visible { outline:2px solid #b76542; outline-offset:3px; }
.image-viewport>img { display:block; user-select:none; -webkit-user-drag:none; }
.product-page .image-viewport.is-detail { overflow:auto; overscroll-behavior:contain; cursor:grab; scrollbar-width:thin; scrollbar-color:#aaa89f #f0efea; }
.product-page .image-viewport.is-detail>img { width:var(--native-image-width); max-width:none; max-height:none; height:auto; }
.product-page .image-viewport.is-dragging { cursor:grabbing; }
.product-page .image-actions { display:flex; align-items:center; gap:10px; }
.product-page .dialog-topline button { min-width:40px; height:40px; }
.product-page .dialog-topline .image-detail { width:auto; padding:0 14px; border-radius:20px; white-space:nowrap; font-size:14px; color:#53594d; transition:background .18s,color .18s; }
.product-page .image-detail[aria-pressed="true"] { background:#e8eedf; color:#3e5132; }
.product-page .image-detail:disabled { opacity:.5; cursor:default; }

/* A single focused comparison row; no dimming, no extra panel. */
.product-page .comparison tbody th { padding:0; }
.product-page .comparison-focus { display:block; width:100%; padding:20px 12px; text-align:left; font:inherit; line-height:inherit; color:inherit; border-radius:6px; }
.product-page .comparison-focus:active { transform:none; }
.product-page .comparison tbody tr { cursor:pointer; }
.product-page .comparison tbody th,.product-page .comparison tbody td { transition:background-color .2s,color .2s,box-shadow .2s; }
.product-page .comparison tbody tr.is-focused th { background:#faf1e8; color:#663e2a; box-shadow:inset 3px 0 #b86c44; border-radius:6px 0 0 6px; }
.product-page .comparison tbody tr.is-focused td:nth-child(2) { background:#faf1e8; color:#4f473c; }
.product-page .comparison tbody tr.is-focused td:last-child { background:#e7eddd; color:#38522b; border-radius:0 6px 6px 0; }
.product-page .comparison-focus:focus-visible { outline-offset:-3px; }
@media(max-width:1100px) { .product-page .comparison-focus { padding:18px 12px; } }
@media(max-width:800px) { .product-page .comparison-focus { padding:16px 12px; } }
@media(max-width:560px) {
 .product-page .dialog-topline { gap:10px; padding:8px 10px 8px 14px; }
 .product-page .dialog-topline button { min-width:44px; height:44px; }
 .product-page .dialog-topline .image-detail { padding:0 12px; }
 .product-page .image-actions { gap:7px; }
 .product-page .comparison-focus { padding:16px 10px; }
}
@media(prefers-reduced-motion:reduce) {
 .product-page .image-dialog::before,.product-page .image-dialog .dialog-topline,.product-page .image-dialog>p,
 .product-page .comparison tbody th,.product-page .comparison tbody td { transition:none; }
 .product-page .image-dialog::backdrop { animation:none; backdrop-filter:none; }
}
/* Leave room for the controls on short and landscape viewports. */
.product-page .image-viewport>img { max-height:min(77svh,calc(94svh - 112px)); }
.product-page .image-viewport.is-detail>img { max-height:none; }
.product-page .image-viewport>img { max-width:min(92vw,calc(100vw - 32px)); }
.product-page .image-viewport.is-detail>img { max-width:none; }