.product-detail-overlay{position:fixed;z-index:120;inset:0;display:none;place-items:center;padding:22px;background:rgba(2,5,10,.78);backdrop-filter:blur(12px)}
.product-detail-overlay.open{display:grid}
.product-detail-dialog{position:relative;width:min(100%,980px);min-height:540px;display:grid;grid-template-columns:minmax(360px,.93fr) minmax(400px,1.07fr);overflow:hidden;background:linear-gradient(135deg,#101722,#0c1119 70%);border:1px solid rgba(55,156,255,.56);box-shadow:0 34px 100px rgba(0,0,0,.64)}
.product-detail-close{position:absolute;z-index:4;right:18px;top:18px;width:40px;height:40px;border:1px solid rgba(159,194,230,.35);background:rgba(7,12,20,.48);color:#eaf4ff;font-size:26px;cursor:pointer;transition:.2s}
.product-detail-close:hover{border-color:#168bff;background:#087dff;color:#fff}
.product-detail-media{position:relative;min-height:540px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 54% 42%,#263e5c 0%,#111a28 38%,#070b12 78%)}
.product-detail-media:before{content:"";position:absolute;inset:0;opacity:.45;background:linear-gradient(135deg,transparent 0 46%,rgba(36,146,255,.2) 46.3% 46.8%,transparent 47.2%),repeating-linear-gradient(0deg,transparent 0 19px,rgba(104,176,255,.08) 20px)}
.product-detail-glow{position:absolute;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(18,134,255,.42),rgba(18,134,255,.04) 55%,transparent 70%);filter:blur(6px)}
.product-detail-image{position:relative;z-index:1;width:91%;height:82%;object-fit:contain;filter:none;transition:filter .34s ease,transform .34s ease}
.product-detail-media:hover .product-detail-image{transform:scale(1.035)}
.product-detail-preview{position:absolute;z-index:2;left:23px;right:23px;bottom:21px;padding:8px 10px;border:1px solid rgba(106,180,255,.34);background:rgba(4,9,15,.75);color:#d5ebff;font:500 9px var(--mono);letter-spacing:.45px;line-height:1.45;text-transform:uppercase}
.product-detail-content{padding:43px 42px 37px;display:flex;flex-direction:column;align-items:stretch}
.product-detail-kicker,.product-detail-label{display:block;color:#63b4ff;font:500 9px var(--mono);letter-spacing:1.15px;text-transform:uppercase}
.product-detail-content h2{margin:10px 0 11px;font-size:clamp(30px,3.5vw,45px);line-height:1;letter-spacing:-2.6px;text-transform:capitalize}
.product-detail-copy{max-width:475px;margin:0;color:#aeb9c8;font-size:13px;line-height:1.7}
.product-detail-price{display:flex;align-items:end;gap:12px;margin:24px 0 19px}
.product-detail-price span{padding-bottom:3px;color:#8f9bad;font-size:10px}
.product-detail-price strong{font:500 24px var(--mono);color:#fff}
.product-detail-specs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:25px}
.product-detail-specs span{padding:7px 8px;border:1px solid rgba(133,160,191,.23);background:rgba(0,0,0,.13);color:#aebaca;font:500 9px var(--mono)}
.product-detail-specs b{color:#72bdff;font-weight:500}
.color-combination-area{padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}
.selected-combination{display:block;margin:5px 0 13px;color:#fff;font-size:12px}
.color-combination-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.color-combination{min-height:82px;padding:11px 9px;border:1px solid #344252;background:#0b1017;color:#dae9f7;text-align:left;cursor:pointer;transition:.2s}
.color-combination:hover,.color-combination.selected{border-color:#168bff;background:linear-gradient(135deg,rgba(8,125,255,.2),rgba(8,125,255,.05));transform:translateY(-2px)}
.combination-swatches{display:flex;gap:4px;min-height:17px;margin-bottom:8px}
.combination-swatches i{width:16px;height:16px;border:1px solid rgba(255,255,255,.5);border-radius:50%;box-shadow:0 0 0 1px rgba(0,0,0,.32)}
.combination-name{display:block;font-size:10px;font-weight:800;line-height:1.25}
.color-combination small{display:block;margin-top:4px;color:#8da0b5;font:500 8px var(--mono)}
.combination-note{margin:11px 0 0;color:#778599;font-size:9px;line-height:1.5}
.product-detail-actions{display:flex;align-items:stretch;gap:10px;margin-top:auto;padding-top:24px}
.detail-quantity{display:flex;border:1px solid #384859}
.detail-quantity button{width:35px;border:0;background:transparent;color:#b8ddff;font-size:20px;cursor:pointer}.detail-quantity button:hover{background:#172536;color:#fff}
.detail-quantity output{width:34px;display:grid;place-items:center;border-left:1px solid #384859;border-right:1px solid #384859;font:500 11px var(--mono)}
.detail-add{flex:1;min-height:50px;gap:10px;padding:0 14px}.detail-add span{font:500 10px var(--mono)}.detail-add b{font-size:10px}.detail-add i{margin-left:auto;font-style:normal;font-size:17px}
.product-detail-image[data-preview-tone="blue"]{filter:grayscale(.25) sepia(.55) saturate(2.4) hue-rotate(174deg) brightness(.98) contrast(1.1)}
.product-detail-image[data-preview-tone="black"]{filter:grayscale(1) brightness(.42) contrast(1.3)}
.product-detail-image[data-preview-tone="gray"]{filter:grayscale(1) brightness(.84) contrast(1.08)}
.product-detail-image[data-preview-tone="purple"]{filter:grayscale(.3) sepia(.68) saturate(2.1) hue-rotate(230deg) brightness(.95) contrast(1.1)}
.product-detail-image[data-preview-tone="yellow"]{filter:grayscale(.18) sepia(.8) saturate(2.3) hue-rotate(8deg) brightness(1.08) contrast(1.02)}
.product-detail-image[data-preview-tone="white"]{filter:grayscale(1) brightness(1.55) contrast(.8)}
@media(max-width:760px){.product-detail-overlay{padding:10px;align-items:start;overflow:auto}.product-detail-dialog{width:100%;min-height:0;grid-template-columns:1fr;margin:auto}.product-detail-media{min-height:300px}.product-detail-content{padding:29px 21px 23px}.product-detail-close{right:12px;top:12px}.color-combination-grid{grid-template-columns:1fr 1fr}.product-detail-actions{margin-top:23px}.product-detail-image{height:87%;width:88%}}
@media(max-width:390px){.color-combination-grid{grid-template-columns:1fr}.product-detail-actions{flex-direction:column}.detail-quantity{height:45px}.detail-quantity button{width:40px}.detail-quantity output{flex:1}}