.product-detail[hidden],.site-footer[hidden],main[hidden]{display:none!important}
.product-detail{padding:28px 0 90px}
.product-breadcrumb{display:flex;align-items:center;gap:9px;color:#718096;font-size:12px;margin-bottom:28px}
.product-breadcrumb a{color:#164a8a;font-weight:700}
.product-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:58px;align-items:start}
.detail-main-image{height:min(520px,46vw);min-height:390px;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:18px;background:#f0f2f5}
.detail-media{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.detail-illustration{display:grid;place-items:center;background:radial-gradient(circle at 45% 42%,#fff 0,#f0f3f7 66%,#e8edf3 100%)}
.detail-illustration .phone-illustration,.detail-illustration .second-phone{display:block;width:200px;height:360px;border:6px solid #14223b;border-radius:31px;box-shadow:18px 23px 30px #07152f26;background:linear-gradient(135deg,var(--device-a),var(--device-b));position:absolute;transform:rotate(-7deg)}
.detail-illustration .phone-illustration:before,.detail-illustration .second-phone:before{content:'';position:absolute;left:22px;top:25px;width:37px;height:37px;border-radius:50%;background:#10223f;border:5px solid #a3adba;box-shadow:0 52px 0 -1px #10223f,0 52px 0 4px #a3adba}
.detail-illustration .second-phone{display:none}
.detail-illustration.illustration-1 .phone-illustration{transform:translateX(-75px) rotate(-5deg) scale(.9)}
.detail-illustration.illustration-1 .second-phone,.detail-illustration.illustration-3 .second-phone{display:block;transform:translateX(75px) rotate(5deg) scale(.9);background:radial-gradient(circle at 60% 42%,#20b8a8,#19517b 50%,#07152f 83%)}
.detail-illustration.illustration-1 .second-phone:before,.detail-illustration.illustration-3 .second-phone:before,.detail-illustration.illustration-2 .phone-illustration:before{left:73px;top:13px;width:45px;height:6px;border:0;border-radius:5px;box-shadow:none;background:#07152f}
.detail-illustration.illustration-2{background:radial-gradient(circle at 60% 30%,#e5f6f3,#f0f2f5 70%)}
.detail-illustration.illustration-2 .phone-illustration{transform:rotate(4deg);background:radial-gradient(circle at 60% 42%,#20b8a8,#19517b 50%,#07152f 83%)}
.detail-illustration.illustration-3{background:radial-gradient(circle at 30% 65%,#deecef,#f0f2f5 75%)}
.detail-illustration.illustration-3 .phone-illustration{transform:translateX(-80px) rotate(-11deg) scale(.86)}
.detail-illustration.illustration-4{background:radial-gradient(circle at 50% 45%,#e5edf6,#f2f4f7 70%)}
.detail-illustration.illustration-4 .phone-illustration{transform:rotate(8deg) scale(.86)}
.detail-image-tag{position:absolute;left:18px;top:18px;background:#fff;border-radius:6px;padding:7px 10px;color:#0b776c;font-size:10px;font-weight:800;letter-spacing:.08em}
.detail-gallery-hint{position:absolute;bottom:20px;right:20px;color:#7a8ba1;font-size:11px}
.detail-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;min-height:15px;max-width:100%;overflow-x:auto}
.detail-page-dot{display:block;flex:none;width:8px;height:8px;padding:0;border:0;border-radius:2px;background:#e6e9ee;transition:width .2s ease,background-color .2s ease}
.detail-page-dot[aria-current="true"]{width:33px;background:#07152f}
.detail-page-dot:focus-visible{outline:2px solid #18b6a4;outline-offset:3px}
.detail-copy .detail-kicker{font-size:10px;font-weight:800;letter-spacing:.17em;color:#18a99b;margin:0 0 12px}
.detail-copy h1{font:800 clamp(30px,3.3vw,46px)/1.1 Manrope,sans-serif;letter-spacing:-.055em;color:#07152f;margin:0 0 18px}
.detail-points{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.detail-points span{border-radius:25px;background:#ecf7f5;color:#147d71;padding:7px 10px;font-size:11px;font-weight:700}
.detail-price{display:flex;align-items:baseline;gap:12px;margin:0 0 6px}
.detail-price strong{font:800 30px Manrope,sans-serif;color:#07152f}
.detail-price s{color:#a3aebb;font-size:14px}
.detail-tax{font-size:11px;color:#718096;margin-bottom:28px}
.detail-field{margin:24px 0}.detail-field-label{display:block;font-size:12px;color:#718096;margin-bottom:9px}.detail-field-label b{color:#14223b}
.detail-options{display:flex;gap:9px;flex-wrap:wrap}.detail-option{border:2px solid #18b6a4;background:#f0fbf9;border-radius:8px;padding:10px 15px;font-weight:800;font-size:12px;color:#0b1f45}
.detail-condition{background:#f5f8fc;padding:14px 16px;border-radius:10px;color:#53647c;font-size:12px;line-height:1.55}
.detail-status{display:flex;align-items:center;gap:9px;color:#8b5c13;background:#fff5df;border-radius:8px;padding:11px 13px;font-size:12px;font-weight:700;margin:20px 0}
.detail-action{width:100%;font-size:14px;padding:15px}.detail-action-note{font-size:11px;color:#718096;margin-top:10px}
.detail-info{border-top:1px solid #dfe6ef;margin-top:30px;padding-top:21px}.detail-info h2{font:800 18px Manrope,sans-serif;letter-spacing:-.03em;margin:0 0 15px}.detail-info dl{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0}.detail-info dt{color:#718096;font-size:11px}.detail-info dd{margin:0;font-size:12px;font-weight:700;color:#0b1f45}
.detail-policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:55px}.detail-policy-card{border:1px solid #dfe6ef;border-radius:12px;padding:21px}.detail-policy-card b{font-size:14px}.detail-policy-card p{font-size:12px;color:#718096;margin:8px 0 0}
.product-visual a.product-image-link{position:absolute;inset:0;z-index:1;display:block}.product-info h3 a:hover{color:#0d9d90}.add-button{z-index:2}
@media(max-width:860px){.product-layout{grid-template-columns:1fr;gap:28px}.detail-main-image{height:440px}.detail-policy-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.product-detail{padding:20px 0 65px}.product-layout{gap:22px}.detail-main-image{height:330px;min-height:0}.detail-illustration .phone-illustration,.detail-illustration .second-phone{scale:.75}.detail-policy-grid{grid-template-columns:1fr;margin-top:35px}.detail-copy h1{font-size:33px}}