html.product-modal-open{overflow:hidden}#product-details{width:min(680px,92vw);max-height:85dvh;overflow:auto;border:1px solid #c5a477;border-radius:28px;padding:40px;background:#f8f3e9;color:#352015;box-shadow:0 30px 100px #0007}#product-details::backdrop{background:#1b110dcc;backdrop-filter:blur(8px)}#product-details[open]{animation:product-flip .55s ease both}.product-detail-close{position:absolute;top:15px;right:15px;width:44px;height:44px;border:1px solid #c5a477;border-radius:50%;background:transparent;color:#352015;font-size:28px}#product-detail-title{font:600 40px/1.1 var(--sans);margin:12px 30px 28px 0;letter-spacing:-.04em}#product-grades{display:grid;gap:12px}#product-grades article{padding:20px;border:1px solid #dac9b0;border-radius:16px;background:#fffaf2}#product-grades span{font-size:13px;letter-spacing:.08em;color:#8c613a}#product-grades h3{font:600 21px var(--sans);margin:6px 0}#product-grades p{font-size:16px}.product-detail-inner>.button{margin-top:24px}.additional-products{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;margin-top:30px}.additional-products button{font:16px 'Sulphur Point',sans-serif;border:1px solid #b5956c;background:transparent;color:#f8f3e9;border-radius:30px;padding:12px 20px;min-height:44px}.additional-products p{font-size:14px;color:#cbbba9}@keyframes product-flip{from{opacity:0;transform:perspective(1000px) rotateY(-65deg) scale(.7)}to{opacity:1;transform:perspective(1000px) rotateY(0) scale(1)}}@media(max-width:700px){#product-details{padding:32px 22px}#product-detail-title{font-size:32px}}@media(prefers-reduced-motion:reduce){#product-details[open]{animation:none}}
/* Clean specification sheet on the back of each product card. */
#product-details{background:#fffaf2;border:1px solid #e0d4c3;border-radius:22px;padding:42px;box-shadow:0 24px 80px #1b110d33}
#product-detail-title{font-size:36px;max-width:calc(100% - 45px);margin:10px 0 24px}
#product-details .eyebrow{font-size:11px;letter-spacing:.15em;color:#886746;margin:0}
#product-grades{gap:0}
#product-grades article{background:transparent;border:0;border-top:1px solid #e4d9c9;border-radius:0;padding:22px 0}
#product-grades article:last-child{border-bottom:1px solid #e4d9c9}
#product-grades span{display:inline-block;background:#f0e4d2;color:#79532d;padding:4px 10px;border-radius:6px;font-size:12px;letter-spacing:.06em}
#product-grades h3{font-size:20px;margin:12px 0 7px;color:#352015}
#product-grades p{font-size:17px;line-height:1.6;color:#675140}
.product-detail-close{border-color:#ded1bf;font-size:24px;background:#fffaf2}
.product-detail-inner>.button{font-size:15px;margin-top:26px}
@media(max-width:700px){#product-details{padding:32px 24px}#product-detail-title{font-size:30px}#product-grades article{padding:18px 0}}
/* The detail card rises within the carousel, without a screen overlay. */
#products .product-showcase{overflow:visible}
.product-carousel.has-product-detail{height:660px;transition:height .5s ease}
.product-carousel #product-details{position:absolute;top:0;left:50%;right:auto;bottom:auto;margin:0 0 0 -260px;width:520px;max-width:calc(100vw - 48px);max-height:620px;z-index:8;box-shadow:0 20px 45px #0004;transform-origin:center center}
.product-carousel #product-details[open]{animation:card-forward-flip .65s cubic-bezier(.2,.7,.2,1) both}
.product-carousel .detail-selected{opacity:0;pointer-events:none}
.product-carousel .detail-neighbour[data-position="left"]{transform:translateX(-175%) rotateY(18deg) scale(.86);filter:none}
.product-carousel .detail-neighbour[data-position="right"]{transform:translateX(75%) rotateY(-18deg) scale(.86);filter:none}
.product-carousel .detail-neighbour[data-position="center"]{transform:translateX(-175%) rotateY(18deg) scale(.86);filter:none}
@keyframes card-forward-flip{0%{opacity:0;transform:perspective(1200px) rotateY(-100deg) scale(.78)}40%{opacity:1}100%{opacity:1;transform:perspective(1200px) rotateY(0) scale(1)}}
@media(max-width:700px){.product-carousel.has-product-detail{height:600px}.product-carousel #product-details{width:calc(100vw - 76px);max-height:560px;left:50%;margin-left:calc((100vw - 76px)/-2);padding:30px 20px}.product-carousel .detail-neighbour[data-position="left"],.product-carousel .detail-neighbour[data-position="center"]{transform:translateX(-145%) rotateY(18deg) scale(.8)}.product-carousel .detail-neighbour[data-position="right"]{transform:translateX(45%) rotateY(-18deg) scale(.8)}}
@media(prefers-reduced-motion:reduce){.product-carousel #product-details[open]{animation:none}}

.product-detail-logo{display:block;width:72px;height:72px;object-fit:contain;margin:0 0 20px}

.grade-shade{display:flex;align-items:center;gap:12px;margin-top:16px}.grade-shade i{display:block;width:62px;height:42px;border-radius:7px;border:1px solid #35201522;flex-shrink:0}.grade-shade small{font-size:12px;line-height:1.4;color:#79644f;max-width:230px}
#product-grades{overflow-x:auto}.grade-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.45;text-align:left}.grade-table caption{text-align:left;font-size:13px;color:#79644f;margin-bottom:14px}.grade-table th{font-weight:600;color:#745333;background:#f3eadc}.grade-table th,.grade-table td{padding:12px 9px;border-bottom:1px solid #e4d9c9;vertical-align:middle}.grade-table th:nth-child(2),.grade-table td:nth-child(2){white-space:nowrap}.table-shade{display:block;width:42px;height:30px;border-radius:5px;border:1px solid #35201522}.shade-note{font-size:11px!important;color:#79644f;margin-top:14px}.product-carousel #product-details{width:600px;margin-left:-300px}@media(max-width:700px){.product-carousel #product-details{width:calc(100vw - 60px);margin-left:calc((100vw - 60px)/-2);padding:28px 14px}.grade-table{font-size:12px}.grade-table th,.grade-table td{padding:9px 5px}.table-shade{width:30px;height:26px}}
