.ig-detail-page{--ig-edge:#d8e9f2;--ig-blue:#088fe3;display:grid;gap:18px;padding-bottom:50px;color:var(--ink)}
.ig-detail-back{justify-self:start;color:var(--blue);font-size:12px;font-weight:700;text-decoration:none}
.ig-detail-back:hover{text-decoration:underline;text-underline-offset:3px}
.ig-detail-hero,.ig-detail-card{border:1px solid var(--ig-edge);border-radius:22px;background:var(--surface);box-shadow:0 13px 35px -31px #096a9c50}
.ig-detail-hero{position:relative;overflow:hidden;padding:29px 31px 25px;background:linear-gradient(115deg,#f7fcff 0%,#e9f7ff 100%)}
.ig-detail-hero::after{position:absolute;right:-75px;top:-155px;width:350px;height:350px;border:1px solid #6dc8f341;border-radius:42%;box-shadow:0 0 0 24px #76c8f00b,0 0 0 48px #76c8f009;transform:rotate(22deg);content:"";pointer-events:none}
.ig-detail-hero-copy,.ig-detail-steps{position:relative;z-index:1}
.ig-detail-eyebrow{color:var(--ig-blue);font-size:10px;font-weight:760;letter-spacing:1.25px}
.ig-detail-hero-copy{margin:0 0 27px}
.ig-detail-hero-copy h1{margin:0 0 9px;font-size:38px;font-weight:750;letter-spacing:-1.5px;line-height:1.1}
.ig-detail-hero-copy p{margin:0;max-width:520px;color:var(--muted);font-size:13px;line-height:1.6}
.ig-detail-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none}
.ig-detail-steps li{display:flex;align-items:center;gap:9px;min-width:0;padding:12px 14px;border:1px solid var(--ig-edge);border-radius:12px;background:#ffffffb8;color:var(--muted)}
.ig-detail-steps li>span{display:grid;place-items:center;flex:0 0 23px;width:23px;height:23px;border-radius:50%;background:#edf5f9;font-size:10px;font-weight:750}
.ig-detail-steps li b{font-size:11px;font-weight:650}
.ig-detail-steps li.is-complete{border-color:#cbeade;background:#eaf9f3;color:#15826a}
.ig-detail-steps li.is-complete>span{background:#d1f3e4}
.ig-detail-steps li.is-current{border-color:#aee1fa;background:#e4f6ff;color:#057fc8}
.ig-detail-steps li.is-current>span{background:#c8edff}
.ig-detail-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.75fr);align-items:start;gap:18px}
.ig-detail-main,.ig-detail-side{display:grid;gap:18px;min-width:0}
.ig-detail-card{min-width:0;padding:25px}
.ig-detail-card-head{display:flex;align-items:end;justify-content:space-between;gap:14px}
.ig-detail-card-head h2{margin:7px 0 0;font-size:22px;font-weight:720;letter-spacing:-.55px}
.ig-detail-card-head>span,.ig-detail-item-count{color:var(--muted);font-size:11px}
.ig-detail-item-count{padding:6px 10px;border-radius:999px;background:var(--surface-soft);white-space:nowrap}
.ig-detail-products{display:grid;gap:10px;margin:21px 0 0;padding:0;list-style:none}
.ig-detail-product{display:flex;align-items:center;gap:16px;min-width:0;padding:14px;border:1px solid var(--ig-edge);border-radius:16px;background:linear-gradient(115deg,var(--surface),var(--surface-soft))}
.ig-detail-product-art{display:grid;place-items:center;flex:0 0 82px;width:82px;height:82px;overflow:hidden;border:1px solid var(--ig-edge);border-radius:13px;background:var(--surface)}
.ig-detail-product-art img{display:block;width:100%;height:100%;object-fit:contain}
.ig-detail-art-fallback{width:31px;height:31px;border:4px solid #8acdf1;border-radius:9px;transform:rotate(-12deg)}
.ig-detail-product-copy{display:grid;gap:5px;min-width:0;flex:1}
.ig-detail-product-copy small{color:var(--ig-blue);font-size:11px;font-weight:700}
.ig-detail-product-copy strong{font-size:16px;font-weight:700;line-height:1.3;overflow-wrap:anywhere}
.ig-detail-product-price{flex:0 0 auto;padding:9px 11px;border-radius:10px;background:#e6f6ff;color:#087ec3;font-size:13px;font-weight:760;white-space:nowrap}
.ig-detail-timing{display:flex;align-items:flex-start;gap:16px;background:linear-gradient(120deg,#eaf8ff,#f7fcff)}
.ig-detail-time-icon{display:grid;place-items:center;flex:0 0 41px;width:41px;height:41px;border-radius:12px;background:#d0efff;color:#007bc6;font-size:24px;font-weight:700;line-height:1}
.ig-detail-time-icon.is-done{background:#d7f4e8;color:#15826a;font-size:20px}
.ig-detail-timing>div:last-child{min-width:0}
.ig-detail-timing span{display:block;margin:1px 0 7px;color:var(--ig-blue);font-size:10px;font-weight:750;letter-spacing:1.15px}
.ig-detail-timing strong{display:block;font-size:19px;line-height:1.3;letter-spacing:-.3px}
.ig-detail-timing p{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.ig-detail-timing.is-done{border-color:#ccecdf;background:linear-gradient(120deg,#edfaf5,#f8fffb)}
.ig-detail-timing.is-done span{color:#15826a}
.ig-detail-overview>.ig-detail-eyebrow{display:block;margin-bottom:17px}
.ig-detail-recipient{display:flex;align-items:center;gap:12px;padding:13px;border-radius:14px;background:var(--surface-soft);color:var(--ink);text-decoration:none}
a.ig-detail-recipient:hover{background:var(--blue-soft)}
.ig-detail-avatar{display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;overflow:hidden;border:1px solid var(--ig-edge);border-radius:12px;background:var(--surface);color:var(--ig-blue);font-size:24px}
.ig-detail-avatar img{display:block;width:100%;height:100%;object-fit:cover}
.ig-detail-recipient-copy{display:grid;gap:3px;min-width:0}
.ig-detail-recipient-copy small{color:var(--muted);font-size:10px}
.ig-detail-recipient-copy strong{font-size:13px;overflow-wrap:anywhere}
.ig-detail-recipient-arrow{margin-left:auto;color:var(--ig-blue)}
.ig-detail-facts{display:grid;margin-top:16px}
.ig-detail-facts>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:11px 0;font-size:12px}
.ig-detail-facts>div+div{border-top:1px solid var(--ig-edge)}
.ig-detail-facts span,.ig-detail-order-id span{color:var(--muted)}
.ig-detail-facts strong{font-weight:650;text-align:right}
.ig-detail-order-id{display:grid;gap:5px;margin-top:12px;padding:12px 13px;border-radius:12px;background:var(--surface-soft);font-size:10px}
.ig-detail-order-id code{font-size:11px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.ig-detail-payment .ig-detail-card-head{align-items:baseline;margin-bottom:17px}
.ig-detail-payment .ig-detail-card-head h2{font-size:29px}
.ig-detail-payment .ig-detail-card-head>span{white-space:nowrap}
.ig-detail-paid{padding:12px 13px;border-radius:11px;background:#eaf9f3;color:#167f69;font-size:12px;font-weight:680}
.ig-detail-payment .notice{margin:0}
.ig-detail-payment #resume-kaspi,.ig-detail-payment #cancel-order{margin-top:12px}
.ig-detail-help h2{margin:0;font-size:21px;letter-spacing:-.4px}
.ig-detail-help p{margin:11px 0 16px;color:var(--muted);font-size:12px;line-height:1.6}
.ig-detail-help .secondary-button{width:100%;min-height:43px;font-size:12px}
.ig-detail-help .text-button{margin-top:10px;font-size:11px}
[data-theme=dark] .ig-detail-page{--ig-edge:#325365;--ig-blue:#67ceff}
[data-theme=dark] .ig-detail-hero{background:linear-gradient(115deg,#142d3d,#1b3d50)}
[data-theme=dark] .ig-detail-steps li{background:#1b3544}
[data-theme=dark] .ig-detail-steps li.is-complete,[data-theme=dark] .ig-detail-timing.is-done{background:#1b4039;border-color:#2c5f50;color:#8edbc2}
[data-theme=dark] .ig-detail-steps li.is-current,[data-theme=dark] .ig-detail-product-price{background:#224b61;color:#86d6ff;border-color:#376984}
[data-theme=dark] .ig-detail-timing{background:linear-gradient(120deg,#173a4e,#1b3343)}
[data-theme=dark] .ig-detail-time-icon{background:#275d79;color:#9be0ff}
[data-theme=dark] .ig-detail-time-icon.is-done,[data-theme=dark] .ig-detail-paid{background:#1f4d40;color:#a0e3cb}
[data-theme=dark] .ig-detail-product{background:linear-gradient(115deg,var(--surface),#1c3443)}
@media(max-width:760px){.ig-detail-grid{grid-template-columns:1fr}.ig-detail-page,.ig-detail-main,.ig-detail-side{gap:15px}.ig-detail-hero-copy h1{font-size:32px}}
@media(max-width:520px){.ig-detail-hero{padding:22px 19px}.ig-detail-card{padding:21px}.ig-detail-hero-copy{margin:0 0 25px}.ig-detail-hero-copy h1{font-size:30px}.ig-detail-steps{gap:6px}.ig-detail-steps li{display:grid;justify-items:center;gap:5px;padding:9px 3px;text-align:center}.ig-detail-steps li b{font-size:9px}.ig-detail-product{gap:11px;padding:10px}.ig-detail-product-art{flex-basis:66px;width:66px;height:66px}.ig-detail-product-copy strong{font-size:13px}.ig-detail-product-price{font-size:11px;padding:7px 8px}.ig-detail-timing strong{font-size:17px}}
@media(max-width:350px){.ig-detail-product-art{flex-basis:54px;width:54px;height:54px}.ig-detail-product-price{font-size:10px}}