/* Photographic service carousel and expanded detail view. */
.sv-ready{scrollbar-gutter:stable}
.sv-detail-open{overflow:hidden}
.sv-offering>.wrap{position:relative}
.sv-section-head{padding-right:155px;margin-bottom:28px}
.services-page .sv-section-head h2{font-size:clamp(36px,3.3vw,48px);letter-spacing:-1.8px}
.sv-section-head .sv-kicker{font-size:9px;letter-spacing:1.5px;margin-bottom:14px}
.sv-section-head>p:last-child{font-size:15px;margin-top:15px}
.sv-carousel-controls{position:absolute;right:0;top:28px;display:flex;gap:12px}
.sv-carousel-controls button{display:grid;place-items:center;width:52px;height:52px;border:1px solid #20261e;border-radius:50%;color:#171d14;background:transparent;transition:background .2s,opacity .2s}
.sv-carousel-controls button:hover:not(:disabled){background:#d9ddd0}
.sv-carousel-controls button:disabled{opacity:.3}
.sv-carousel-arrow{width:20px;height:20px;background:currentColor;mask:url("assets/icons/heroicons/chevron-right.svg") center/contain no-repeat}
.sv-carousel-prev .sv-carousel-arrow{mask-image:url("assets/icons/heroicons/chevron-left.svg")}
.sv-panels{display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding:4px 0 8px;max-width:100%;min-width:0}
.sv-panels::-webkit-scrollbar{display:none}
.sv-panel{border:2px solid var(--yellow)}
/* Let departing cards cross the content margin before reaching the screen edge. */
.sv-offering .sv-panels{margin-left:calc(-1 * var(--sv-carousel-inset,0px));width:calc(100% + var(--sv-carousel-inset,0px));max-width:none;padding-left:var(--sv-carousel-inset,0px);scroll-padding-left:var(--sv-carousel-inset,0px)}
.sv-panel{position:relative;isolation:isolate;flex:0 0 clamp(300px,31.5vw,480px);min-width:0;height:440px;scroll-snap-align:start;border-radius:16px;background:#131713;overflow:hidden}
.sv-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2;transition:transform .65s}
#western-union>.sv-card-image{object-position:48% center}
#tangem>.sv-card-image{object-fit:contain;padding:45px 20px 120px;background:radial-gradient(ellipse at 50% 35%,#464838,#111610 72%)}
.sv-panel:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#000e,transparent 65%)}
.sv-panel:hover>.sv-card-image{transform:scale(1.035)}
.sv-panel h3{margin:0;font:inherit;height:100%}
.sv-panel-trigger{position:relative;display:flex;align-items:flex-end;width:100%;height:100%;padding:24px;border:0;background:transparent;text-align:left;color:#fff;line-height:1.15;cursor:pointer}
.sv-panel-trigger>span:nth-child(2){font-size:clamp(25px,2.1vw,30px);font-weight:500;letter-spacing:-1px;text-wrap:balance;max-width:95%}
.sv-panel-number{position:absolute;top:35px;left:30px;color:#ffffffad;font-size:11px;letter-spacing:1px}
.sv-toggle{position:absolute;right:24px;top:24px;width:54px;height:54px;background:#fff;border-radius:50%;color:#121810}
.sv-toggle:before,.sv-toggle:after{content:"";position:absolute;left:18px;right:18px;top:26px;height:1.5px;background:currentColor}
.sv-toggle:after{transform:rotate(90deg)}
.sv-panel-trigger:focus-visible{outline:3px solid var(--yellow);outline-offset:-6px;border-radius:18px}
.sv-panel-content[hidden]{display:none!important}
.sv-service-dialog{position:fixed;inset:0;margin:auto;padding:0;border:0;border-radius:20px;width:min(960px,calc(100% - 80px));max-width:none;height:min(540px,calc(100dvh - 64px));max-height:none;overflow:auto;overscroll-behavior:contain;background:#101510;color:#f6f6f0;box-shadow:0 30px 100px #0004}
.sv-service-dialog::backdrop{background:#e8e9e5a8;backdrop-filter:blur(8px)}
.sv-detail-close{position:absolute;top:18px;right:18px;margin:0;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#141b11;z-index:4;display:grid;place-items:center}
.sv-detail-close span:before,.sv-detail-close span:after{content:"";position:absolute;width:18px;height:1.5px;background:currentColor;left:13px;top:21px;transform:rotate(45deg)}
.sv-detail-close span:after{transform:rotate(-45deg)}
.sv-detail-mount{height:100%}
.sv-service-dialog .sv-panel-inner{position:relative;isolation:isolate;min-height:100%;display:flex;align-items:flex-end;padding:72px 36px 32px;overflow:hidden}
.sv-service-dialog .sv-art{position:absolute;inset:0;z-index:-2;margin:0}
.sv-service-dialog .sv-art img{width:100%;height:100%;object-fit:cover;object-position:center}
.sv-service-dialog .sv-panel-inner:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050805db,transparent 90%),linear-gradient(0deg,#020502f5,transparent 80%)}
.sv-service-dialog[data-service=tangem] .sv-art{background:radial-gradient(ellipse at 75% 30%,#484a32,#11180e 70%)}
.sv-service-dialog[data-service=tangem] .sv-art img{object-fit:contain;object-position:right top;width:70%;margin-left:auto;padding:40px}
.sv-service-dialog[data-service=tangem] .sv-panel-inner:after{background:linear-gradient(90deg,#050805e6,transparent 75%),linear-gradient(0deg,#020502d9,transparent 55%)}
.sv-service-dialog .sv-panel-copy{max-width:560px;min-width:0;padding-top:0}
.sv-service-dialog .sv-mini{font-size:10px;letter-spacing:1.6px;color:#e3e6d9;margin:0 0 12px}
.sv-service-dialog h2{font-size:clamp(28px,3vw,36px);letter-spacing:-1.2px;line-height:1.13;margin:0 0 14px;font-weight:550}
.sv-service-dialog .sv-panel-copy>p:not(.sv-mini){font-size:14px;line-height:1.65;color:#e0e3d9;max-width:52ch;margin:0}
.sv-service-dialog .sv-currency-list,.sv-service-dialog .sv-crypto-list{display:flex;flex-wrap:wrap;gap:10px 15px;margin:18px 0}
.sv-currency-list span,.sv-crypto-list span{display:flex;align-items:center;gap:7px;font-size:12px}
.sv-currency-list img{width:22px;height:22px;border-radius:50%;object-fit:cover}
.sv-crypto-list img{width:28px;height:28px}
.sv-service-dialog .sv-panel-copy>p.sv-detail{margin:16px 0}
.sv-wallet-sets{display:flex;gap:12px;margin:18px 0}
.sv-wallet-sets span{padding:8px 12px;background:#ffffff14;border:1px solid #ffffff30;border-radius:6px;font-size:12px}
.sv-service-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:13px 19px;min-height:48px;border-radius:28px;background:var(--yellow);color:#141a0b;font-size:13px;font-weight:750;margin-top:6px}
@media(min-width:901px){
 .services-page .sv-offering>.wrap{width:calc(100% - clamp(40px,14.4vw,300px) - 24px);margin-left:clamp(40px,14.4vw,300px);margin-right:24px}
 .sv-carousel-controls{right:min(14vw,240px)}
 .sv-section-head{padding-right:calc(min(14vw,240px) + 140px)}
}
@media(max-width:900px){
 .sv-panel{flex-basis:54%;height:430px}
 .sv-panel-trigger>span:nth-child(2){font-size:28px}
 .sv-service-dialog .sv-panel-inner{padding:72px 28px 28px}
}
@media(max-width:600px){
 .sv-section-head{padding-right:0;margin-bottom:20px}
 .sv-carousel-controls{position:static;justify-content:flex-end;margin-bottom:14px;gap:9px}
 .sv-carousel-controls button{width:42px;height:42px}
 .sv-panels{gap:14px}
 .sv-panel{flex-basis:84%;height:380px;border-radius:14px}
 .sv-panel-trigger{padding:24px 20px}
 .sv-panel-trigger>span:nth-child(2){font-size:25px;letter-spacing:-1px;max-width:100%}
 .sv-panel-number{left:20px;top:28px}
 .sv-toggle{right:16px;top:16px;width:46px;height:46px}
 .sv-toggle:before,.sv-toggle:after{left:15px;right:15px;top:22px}
 .sv-service-dialog{width:calc(100% - 32px);height:min(620px,calc(100dvh - 40px));border-radius:16px}
 .sv-detail-close{top:12px;right:12px}
 .sv-service-dialog .sv-panel-inner{padding:clamp(72px,16dvh,132px) 20px 24px;align-items:flex-end}
 .sv-service-dialog .sv-panel-copy{padding:0;max-width:100%;min-width:0}
 .sv-service-dialog .sv-art{bottom:auto;height:70%;mask-image:linear-gradient(#000 45%,transparent)}
 .sv-service-dialog .sv-art img{object-position:68% center}
 .sv-service-dialog .sv-panel-inner:after{background:linear-gradient(0deg,#101510 0%,#101510 25%,#101510de 46%,transparent 80%)}
 .sv-service-dialog h2{font-size:28px;letter-spacing:-1px;margin-bottom:12px}
 .sv-service-dialog .sv-panel-copy>p:not(.sv-mini){font-size:14px;line-height:1.55}
 .sv-service-dialog .sv-mini{font-size:8px;line-height:1.7;letter-spacing:1px}
 .sv-service-dialog .sv-currency-list,.sv-service-dialog .sv-crypto-list{gap:10px 14px;margin:16px 0}
 .sv-currency-list span,.sv-crypto-list span{font-size:11px}
 .sv-service-link{font-size:12px;max-width:100%;gap:14px}
 .sv-service-dialog[data-service=tangem] .sv-art img{width:100%;padding:25px 25px 60px}
}
@media(max-height:600px){
 .sv-service-dialog .sv-panel-inner{padding:64px 28px 20px}
 .sv-service-dialog .sv-panel-copy{max-width:620px}
 .sv-service-dialog h2{font-size:30px;margin-bottom:10px}
 .sv-service-dialog .sv-mini{margin-bottom:10px}
 .sv-service-dialog .sv-panel-copy>p.sv-detail{margin:10px 0}
 .sv-service-dialog .sv-currency-list,.sv-service-dialog .sv-crypto-list,.sv-service-dialog .sv-wallet-sets{margin:12px 0}
}
@media(max-width:600px) and (max-height:600px){
 .sv-service-dialog .sv-panel-inner{padding:64px 18px 20px}
 .sv-service-dialog h2{font-size:24px}
 .sv-service-dialog .sv-panel-copy>p:not(.sv-mini){font-size:13px;line-height:1.5}
 .sv-service-dialog .sv-currency-list,.sv-service-dialog .sv-crypto-list{gap:8px 12px}
 .sv-service-dialog .sv-currency-list img{width:20px;height:20px}
}
@media(prefers-reduced-motion:reduce){.sv-card-image,.sv-carousel-controls button{transition:none}}