/* gt-theme.v5 — PDP readability / hierarchy only.
   Additive after gt-theme.v4.css. No layout rewrite of gallery/buy box.
   No product text writes. Financing widgets stay interactive.
   Gold (#8a6d29 / #d3a356) is for accents only — not body copy. */

/* ----- PDP body / description: darker, readable measure ----- */
html body #main-website-content #product-app .gt-v4-story,
html body #main-website-content #product-app .gt-v4-overview,
html body #main-website-content #product-app .gt-v4-details,
html body #main-website-content #product-app .gt-v4-keep,
html body #product-app .gt-v4-story,
html body #product-app .gt-v4-overview,
html body #product-app .gt-v4-details,
html body #product-app .gt-v4-keep,
html body #product-app .gt-v4-overview p,
html body #product-app .gt-v4-details p,
html body #product-app .gt-v4-story p,
html body #product-app .gt-v4-keep p{
color:#2a2a2a !important;
font-size:17px;
line-height:1.65;
letter-spacing:.01em
}
html body #product-app .gt-v4-overview,
html body #product-app .gt-v4-details,
html body #product-app .gt-v4-keep{
max-width:38rem
}
html body #product-app .gt-v4-overview p,
html body #product-app .gt-v4-details p,
html body #product-app .gt-v4-story p,
html body #product-app .gt-v4-keep p{
margin:0 0 1em
}
html body #product-app .gt-v4-overview p:last-child,
html body #product-app .gt-v4-details p:last-child,
html body #product-app .gt-v4-keep p:last-child{
margin-bottom:0
}

/* Story block: less giant whitespace above description */
html body #product-app .gt-v4-story{
margin-top:20px
}

/* Headings: clear hierarchy; gold reserved for accents (border), not title/body */
html body #main-website-content #product-app h1,
html body #product-app h1,
html body #product-app .gt-v4-title,
html body #product-app h1.gt-v4-title,
html body #product-app .gt-v4-stage h1{
color:#1a1a1a !important;
font-size:28px;
line-height:1.25;
font-weight:600;
margin:0 0 12px
}
html body #main-website-content #product-app .gt-v4-h,
html body #product-app .gt-v4-h,
html body #product-app .gt-v4-overview > .gt-v4-h,
html body #product-app .gt-v4-story .gt-v4-h{
color:#1a1a1a !important;
font-size:18px;
line-height:1.35;
font-weight:600;
margin:0 0 10px;
padding-bottom:6px;
border-bottom:2px solid #c4a35a
}
html body #product-app .gt-v4-acc summary{
color:#1a1a1a !important;
font-size:15px;
font-weight:600;
line-height:1.4;
padding:10px 0
}
html body #product-app .gt-v4-acc{
border-top:1px solid #e4ddd2;
margin:0
}
html body #product-app .gt-v4-acc+ .gt-v4-acc{
margin-top:0
}

/* Price stays dominant */
html body #basic-product-pricing [id^="spanPrice"]:not([id^="spanPriceLabel"]){
color:#1a1a1a;
font-size:30px;
line-height:1.2;
font-weight:600
}

/* Financing visually secondary — do not hide Klarna/Afterpay/Affirm amounts or controls */
html body #basic-product-pricing .bnpl-messages,
html body #product-app .gt-pdp-financing,
html body #product-app .gt-v4-finance{
color:#5c5c5c;
font-size:13px;
line-height:1.45;
margin-top:6px;
opacity:.92
}
html body #basic-product-pricing .bnpl-messages a,
html body #product-app .gt-pdp-financing a,
html body #product-app .gt-v4-finance a{
color:#5c5c5c;
font-size:13px;
text-decoration:underline;
text-underline-offset:2px
}
html body #basic-product-pricing .bnpl-messages img,
html body #basic-product-pricing .bnpl-messages iframe,
html body #basic-product-pricing .bnpl-messages button,
html body #basic-product-pricing .bnpl-messages [role="button"]{
opacity:1
}

/* Confidence / help: readable secondary */
html body #product-app .gt-v4-confidence{
color:#2a2a2a;
font-size:14px;
line-height:1.5;
margin:12px 0 0;
max-width:38rem
}
html body #product-app .gt-pdp-help{
color:#3a3a3a;
font-size:14px;
line-height:1.5;
margin-top:10px;
max-width:38rem
}

/* Family / enhanced-options PDPs (no #product-app stage): title + story list */
html body #main-website-content.secondaryPageDiv:has(#enhancedProductOptionsView) h1{
color:#1a1a1a !important;
font-size:28px;
line-height:1.25;
font-weight:600;
margin:0 0 12px
}
html body #main-website-content.secondaryPageDiv:has(#enhancedProductOptionsView) .row.paddingXLarge .col-xs-12>ul,
html body #main-website-content.secondaryPageDiv:has(#enhancedProductOptionsView) .row.paddingXLarge .col-xs-12>ul li{
color:#2a2a2a !important;
font-size:17px;
line-height:1.65;
max-width:38rem
}
html body #main-website-content.secondaryPageDiv:has(#enhancedProductOptionsView) .row.paddingXLarge .col-xs-12>ul{
margin:12px 0 0;
padding-left:1.2em
}

/* Family enhanced-options: scannable karat/metal rows (presentation only) */
html body #enhancedProductOptionsView .option-row td.product-option-row,
html body #enhancedProductOptionsView .option-row td,
html body #enhancedProductOptionsView .option-details{
padding:.6rem .25rem;
border-bottom:1px solid #eee;
color:#2a2a2a !important;
font-size:15px;
line-height:1.45
}
html body #enhancedProductOptionsView .option-details{
padding:0;
border-bottom:0
}
html body #enhancedProductOptionsView .option-row:focus-within{
outline:2px solid #b8860b;
outline-offset:2px
}

/* Keep images uncropped; do not enlarge small files */
html body #product-app img[id^="productImage"],
html body img[id^="productImage"]{
width:auto;
height:auto;
max-width:100%;
object-fit:contain;
object-position:center center
}

/* Mobile-first tightening */
@media (max-width:991px){
html body #product-app .gt-v4-title,
html body #product-app h1.gt-v4-title,
html body #product-app .gt-v4-stage h1{
font-size:24px
}
html body #basic-product-pricing [id^="spanPrice"]:not([id^="spanPriceLabel"]){
font-size:26px
}
html body #product-app .gt-v4-story,
html body #product-app .gt-v4-overview,
html body #product-app .gt-v4-details,
html body #product-app .gt-v4-keep{
font-size:16px;
line-height:1.65
}
html body #product-app .gt-v4-story{
margin-top:16px
}
html body #product-app .gt-v4-h{
font-size:17px
}
html body #enhancedProductOptionsView .scroll-container{
max-height:42vh;
overflow:auto;
-webkit-overflow-scrolling:touch;
margin-bottom:.75rem
}
html body #main-website-content #basic-product-pricing a.btn-add-to-cart{
width:100%
}
}

@media (min-width:992px){
html body #product-app .gt-v4-overview,
html body #product-app .gt-v4-details,
html body #product-app .gt-v4-keep,
html body #product-app .gt-v4-confidence,
html body #product-app .gt-pdp-help{
max-width:40rem
}
}