/* All new layout rules are scoped to the two product detail pages. Shared header/footer are unchanged. */
html:has(body.product-detail){scroll-snap-type:none!important;scroll-behavior:smooth;animation:detailPageEnter .78s ease-out}
@keyframes detailPageEnter{from{filter:blur(7px);opacity:.65}to{filter:blur(0);opacity:1}}
@media(prefers-reduced-motion:reduce){html:has(body.product-detail){animation:none;filter:none;opacity:1}}
body.product-detail{background:#f6f5f2;color:#1f1f21;overflow-x:clip;--detail-gold:#b89a5c}
.product-detail main{padding-top:var(--site-banner-height)}
.product-detail .detail-container{width:min(1240px,calc(100% - 112px));margin:0 auto}
.product-detail .detail-section{padding:46px 0}
.product-detail .detail-eyebrow{display:block;color:#8a6e37;font-size:13px;line-height:1.8;font-weight:650;letter-spacing:.07em}
.product-detail main h1,.product-detail main h2,.product-detail main h3{color:#1f1f21;letter-spacing:-.035em}
.product-detail main h1{font-size:clamp(34px,3.15vw,50px);line-height:1.35;margin:16px 0 18px}
.product-detail main h2{font-size:28px;line-height:1.45;margin:8px 0 26px}
.product-detail main h3{font-size:22px;line-height:1.5;margin:12px 0}
.product-detail main p{font-size:15px;line-height:1.9;color:#686762;margin:0}
.product-detail .detail-hero{padding:40px 0 44px;min-height:0;display:flex;align-items:center}
.product-detail .detail-hero-property{background:#edecea url('assets/website-vi/stone-background-lossless.webp') center bottom/cover no-repeat}
.product-detail .detail-hero-stock{background:#edecea url('assets/website-vi/finance-background-v3.jpg') center bottom/cover no-repeat}
@media(min-width:761px){.product-detail .detail-hero-stock{background-position:center calc(100% + 220px)}}
.product-detail .detail-hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:48px}
.product-detail .detail-lead{font-size:15px;line-height:1.9}
.product-detail .detail-actions{display:flex;gap:14px;margin:22px 0 12px}
.product-detail .detail-primary{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 34px;border:1px solid #b89a5c;border-radius:8px;background:#b89a5c;color:white;font-size:16px;font-weight:650;text-decoration:none;transition:background .2s,transform .2s;white-space:nowrap}
.product-detail .detail-primary:hover{background:#a88a4e;transform:translateY(-2px)}
.product-detail .detail-primary:focus-visible{outline:2px solid #1f1f21;outline-offset:4px}
.product-detail.detail-stock .detail-primary{background:#1f1f21;border-color:#1f1f21}
.product-detail.detail-stock .detail-primary:hover{background:#38383a}
.product-detail .detail-platform{font-size:13px;letter-spacing:.025em}
.product-detail .detail-screen{margin:0;min-width:0;position:relative}
.product-detail .detail-screen-viewport{height:300px;border:2px solid #343436;border-radius:9px;overflow:hidden;box-shadow:0 18px 38px rgba(31,31,33,.12);background:#edecea}
.product-detail .detail-screen img{display:block;width:100%;height:auto;max-width:none}
.product-detail .detail-screen figcaption{font-size:11px;line-height:1.7;color:#686762;text-align:center;margin-top:8px}
.product-detail .detail-hero-screen .detail-screen-viewport{height:390px}
.product-detail.detail-stock .detail-screen-viewport{background:#181818}
.product-detail .detail-benefits{background:#f0efed;padding:32px 0 36px;text-align:center}
.product-detail .detail-benefits h2{font-size:28px;margin-bottom:24px}
.product-detail .detail-benefit-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.product-detail.detail-stock .detail-benefit-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.product-detail.detail-stock .detail-benefit-grid article{padding-inline:20px}
.product-detail .detail-benefit-grid article{padding:0 26px}
.product-detail .detail-benefit-grid article+article{border-left:1px solid #d9d6cf}
.product-detail .detail-benefit-grid img{display:block;margin:0 auto 12px;width:30px;height:30px;filter:grayscale(1) sepia(.65);opacity:.8}
.product-detail .detail-benefit-grid h3{font-size:18px;margin:0 0 10px}
.product-detail .detail-benefit-grid p{font-size:14px;line-height:1.8}
.product-detail .detail-workflows{background:#fbfbfa}
.product-detail .detail-section-heading{text-align:center;margin-bottom:28px}
.product-detail .detail-feature-row{display:grid;grid-template-columns:1.12fr .88fr;gap:70px;align-items:center;margin:0 0 36px}
.product-detail .detail-feature-row:last-child{margin-bottom:0}
.product-detail .detail-feature-reverse{grid-template-columns:.88fr 1.12fr}
.product-detail .detail-feature-reverse .detail-screen{grid-column:2;grid-row:1}
.product-detail .detail-feature-reverse .detail-feature-copy{grid-column:1;grid-row:1}
.product-detail .detail-number{display:block;font-size:40px;line-height:1.2;color:#b89a5c;font-family:Georgia,serif}
.product-detail .detail-feature-copy h2,.product-detail .detail-feature-copy h3{font-size:26px;margin:8px 0 14px;line-height:1.5}
.product-detail .detail-rule{display:block;width:36px;height:1px;background:#b89a5c;margin:18px 0 14px}
.product-detail .detail-small{font-size:13px;line-height:1.9}
.product-detail .detail-property-summary .detail-screen-viewport,.product-detail .detail-property-rent .detail-screen-viewport,.product-detail .detail-property-history .detail-screen-viewport{height:auto;border-color:#c4c4c7}
.product-detail .detail-stock-trades .detail-screen-viewport{height:310px}
.product-detail .detail-stock-trades img{transform:translateY(-47.7%)}
.product-detail .detail-stock-analysis .detail-screen-viewport{height:auto;aspect-ratio:1040/880}
.product-detail .detail-stock-news .detail-screen-viewport{height:auto;aspect-ratio:1280/960;position:relative}
.product-detail .detail-stock-news img{position:absolute;width:112.5%;left:-6.25%;top:-21.354167%}
.product-detail .detail-watchlist{width:85%;justify-self:center}
.product-detail .detail-watchlist .detail-screen-viewport{height:auto;aspect-ratio:660/454}
.product-detail .detail-watchlist img{position:static;width:100%;height:auto}
.product-detail .detail-focus-points{list-style:none;padding:0;margin:16px 0;display:grid;gap:8px}
.product-detail .detail-focus-points li{padding-left:14px;border-left:2px solid #b89a5c;color:#686762;font-size:14px;line-height:1.8}
.product-detail .detail-focus-points strong{color:#303033;font-weight:600}
.product-detail .detail-steps{background:#edecea url('assets/website-vi/stone-background-lossless.webp') center/cover;padding:32px 0 36px}
.product-detail .detail-steps h2{text-align:center;font-size:28px;margin-bottom:22px}
.product-detail .detail-steps ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr)}
.product-detail .detail-steps li{display:flex;gap:20px;padding:0 24px}
.product-detail .detail-steps li+li{border-left:1px solid #c8b893}
.product-detail .detail-steps li>span{font-size:38px;line-height:1.2;color:#b89a5c;font-family:Georgia,serif}
.product-detail .detail-steps h3{font-size:19px;margin:0 0 8px}
.product-detail .detail-steps p{font-size:13px;line-height:1.85}
.product-detail .detail-start{background:#eeece7;padding:32px 0}
.product-detail .detail-start .detail-container{display:flex;justify-content:space-between;align-items:center;gap:30px}
.product-detail .detail-start h2{font-size:28px;margin-bottom:12px}
.product-detail .detail-faq{background:#f6f5f2;padding:32px 0}
.product-detail .detail-faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}
.product-detail .detail-faq .faq-item{border:1px solid #d9d6cf;background:#eeedeb;border-radius:5px;box-shadow:none}
.product-detail .detail-faq .faq-item h3{margin:0;font-size:16px}
.product-detail .detail-faq .faq-item button{min-height:56px;padding:14px 18px;font-size:15px;color:#303033}
.product-detail .detail-faq .faq-item button i{color:#686762;font-size:20px}
.product-detail .detail-faq .faq-answer p{font-size:13px;color:#686762;padding:0 18px 16px;line-height:1.7}
.product-detail #faq.detail-footer-shell{height:auto!important;min-height:0!important;display:block!important;padding:0!important;overflow:visible!important;background:none!important;scroll-snap-align:none!important}
.product-detail #faq .site-footer{margin-top:0!important}
@media(min-width:761px) and (max-width:1099px){
 .product-detail .detail-container{width:calc(100% - 64px)}
 .product-detail .detail-hero{padding:32px 0 36px}
 .product-detail .detail-hero-grid{gap:28px}
 .product-detail .detail-hero-screen .detail-screen-viewport{height:320px}
 .product-detail .detail-feature-row{gap:36px}
 .product-detail .detail-benefit-grid article{padding-inline:16px}
 .product-detail.detail-stock .detail-benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}
 .product-detail.detail-stock .detail-benefit-grid article:nth-child(3){border-left:0}
 .product-detail.detail-stock .detail-benefit-grid article:nth-child(n+3){border-top:1px solid #d9d6cf;padding-top:24px}
}
@media(max-width:760px){
 .product-detail .detail-container{width:calc(100% - 40px)}
 .product-detail .detail-section{padding:30px 0}
 .product-detail .detail-hero{padding:28px 0 30px;background-position:75% bottom}
 .product-detail .detail-hero-grid{grid-template-columns:1fr;gap:22px}
 .product-detail main h1{font-size:30px;margin:12px 0 16px;line-height:1.35}
 .product-detail main h2{font-size:24px}
 .product-detail .detail-eyebrow{font-size:11px}
 .product-detail .detail-lead{font-size:14px;line-height:1.9}
 .product-detail .detail-actions{margin-top:18px}
 .product-detail .detail-primary{min-height:48px;padding:0 28px;font-size:14px}
 .product-detail .detail-platform{font-size:12px}
 .product-detail .detail-hero-screen .detail-screen-viewport{height:260px}
 .product-detail .detail-benefits h2{font-size:24px;margin-bottom:20px}
 .product-detail .detail-benefit-grid{grid-template-columns:1fr;gap:16px}
 .product-detail.detail-stock .detail-benefit-grid{grid-template-columns:1fr}
 .product-detail.detail-stock .detail-benefit-grid article{padding-inline:0}
 .product-detail .detail-benefit-grid article{padding:0 0 16px;display:grid;grid-template-columns:34px 1fr;gap:0 15px;text-align:left}
 .product-detail .detail-benefit-grid article:last-child{padding-bottom:0}
 .product-detail .detail-benefit-grid article+article{border-left:0}
 .product-detail .detail-benefit-grid article:not(:last-child){border-bottom:1px solid #d9d6cf}
 .product-detail .detail-benefit-grid img{grid-row:1/3;margin:3px 0 0}
 .product-detail .detail-benefit-grid h3{font-size:18px;margin:0 0 6px}
 .product-detail .detail-benefit-grid p{font-size:13px}
 .product-detail .detail-section-heading{margin-bottom:22px}
 .product-detail .detail-feature-row,.product-detail .detail-feature-reverse{grid-template-columns:1fr;gap:16px;margin-bottom:30px}
 .product-detail .detail-feature-row:last-child{margin-bottom:0}
 .product-detail .detail-feature-row .detail-screen,.product-detail .detail-feature-row .detail-feature-copy{grid-column:auto;grid-row:auto}
 .product-detail .detail-feature-copy{order:-1}
 .product-detail .detail-feature-copy h2,.product-detail .detail-feature-copy h3{font-size:23px}
 .product-detail .detail-feature-copy p{font-size:14px}
 .product-detail .detail-number{font-size:34px}
 .product-detail .detail-rule{margin:18px 0 14px}
 .product-detail .detail-screen-viewport{height:235px}
 .product-detail .detail-stock-trades .detail-screen-viewport{height:235px}
 .product-detail .detail-steps h2{font-size:24px;text-align:left}
 .product-detail .detail-steps ol{grid-template-columns:1fr;gap:18px}
 .product-detail .detail-steps li{padding:0;gap:20px}
 .product-detail .detail-steps li+li{border-left:0}
 .product-detail .detail-start .detail-container{align-items:flex-start;flex-direction:column;gap:18px}
 .product-detail .detail-start h2{font-size:24px}
 .product-detail .detail-start p{font-size:14px}
 .product-detail .detail-faq-list{grid-template-columns:1fr;gap:10px}
 .product-detail .detail-faq .faq-item button{font-size:14px;padding:15px 14px}
 .product-detail .detail-faq .faq-answer p{font-size:13px;padding:0 14px 16px}
}