/* Shared finishing touches for the public site and account area. */
.site-home .dynamic-island{width:max-content;max-width:calc(100% - 36px);justify-content:flex-start;gap:14px}
.site-home .site-controls{margin-left:0}
.site-home .hero-side{width:min(100%,290px);justify-self:end;align-self:end;margin-bottom:10px;padding:8px 20px;background:rgba(10,13,12,.78);border:1px solid rgba(255,255,255,.28);border-radius:16px;box-shadow:0 15px 40px #0005;backdrop-filter:blur(16px)}
.site-home .hero-side__line{justify-content:flex-start;padding:13px 0;color:#fff;font-size:14px;font-weight:650;text-shadow:0 1px 8px #0009}
.site-home .hero-side__line:last-child{border-bottom:0}
html[data-theme=light] .site-home .hero-side{background:rgba(249,246,238,.91);border-color:rgba(32,35,30,.2);box-shadow:0 15px 40px #0003}
html[data-theme=light] .site-home .hero-side__line{color:#20241f;text-shadow:none;border-color:rgba(32,35,30,.17)}
.site-home .feature-row{grid-template-columns:minmax(0,1fr) 28px;gap:20px}
.site-home .tariff-item,.site-home .tariff-item[style]{border-radius:17px!important}

/* Match the layout language of the supplied landing-page recording. */
.site-home .hero{background:linear-gradient(90deg,rgba(5,6,9,.7),rgba(5,6,9,.28) 56%,rgba(5,6,9,.22)),linear-gradient(0deg,#0d0e10,transparent 34%),url('assets/sakura-world.jpg') center/cover no-repeat;min-height:100svh;padding:170px 32px 110px}
.site-home .hero-inner{width:min(1240px,100%);grid-template-columns:minmax(0,1fr) 235px;gap:44px;align-items:center}
.site-home .hero-copy{max-width:810px}
.site-home .hero h1{font-size:clamp(52px,6.1vw,90px);line-height:1.01;letter-spacing:-.07em;margin:0 0 44px;max-width:820px}
.site-home .hero-buttons{gap:12px}
.site-home .hero .btn-primary,.site-home .hero .btn-secondary{min-width:124px;text-align:center;padding:16px 24px;font-size:16px}
.site-home .hero .btn-primary{background:#f7f7f8;color:#101015}
.site-home .hero .btn-secondary{background:rgba(7,8,11,.55);border-color:#77777c;color:#fff}
.site-home .hero-side{width:100%;padding:0 0 0 24px;margin:0;justify-self:end;align-self:center;background:transparent;border:0;border-left:1px solid rgba(255,255,255,.22);border-radius:0;box-shadow:none;backdrop-filter:none}
.site-home .hero-side__line{display:flex;flex-direction:column;gap:3px;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.2);text-shadow:none;font-weight:400}
.site-home .hero-side__line strong{font-size:31px;line-height:1;font-weight:800;color:#fff}
.site-home .hero-side__line span{font-size:15px;color:#c1c3ca}
.site-home .hero-scroll{display:none}
.site-home .advantages{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:5vw;min-height:640px;padding-top:130px;padding-bottom:130px;background:#0b0b0e;color:#f6f5f7}
.site-home .section-heading .section-title{font-size:clamp(48px,5vw,72px);line-height:1.05;color:#f6f5f7}
.site-home .feature-list{max-width:none;border-color:#27282c}
.site-home .feature-row{grid-template-columns:70px minmax(0,1fr);align-items:start;gap:34px;padding:31px 0;border-color:#27282c}
.site-home .feature-tag{font-size:12px;letter-spacing:.08em;color:#83858a;padding-top:7px}
.site-home .feature-row h3{font-size:23px;color:#f6f5f7}
.site-home .feature-row p{font-size:15px;color:#999ba3;max-width:580px}
.site-home .tariffs{background:#0b0b0e}
.site-home .tariff-item-name{font-size:25px}
.site-home .tariff-item-sub{font-size:16px}
.site-home .tariff-item-price{font-size:27px}
.site-home .tariff-item,.site-home .tariff-item[style]{min-height:138px}
.site-home .tariff-category-title{font-size:15px}
.site-policy .dynamic-island,.site-home .dynamic-island,body.site-panel .panel-topbar{width:max-content;max-width:calc(100% - 32px);gap:16px;padding:7px 12px 7px 16px;min-height:58px;background:rgba(18,20,20,.95);border:1px solid rgba(255,255,255,.16);border-radius:999px;box-shadow:0 12px 32px #0004}
.site-home .di-avatar,.site-policy .di-avatar{display:flex;align-items:center;gap:8px;padding:4px 12px 4px 5px;border-radius:99px;background:#263329;color:#d6e7d3;max-width:170px}
.site-home .di-avatar img,.site-policy .di-avatar img,.site-home .di-letter,.site-policy .di-letter{width:29px;height:29px;flex:0 0 29px;border-radius:50%}
.site-home .di-username,.site-policy .di-username{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-home .di-avatar .online-dot,.site-policy .di-avatar .online-dot{display:none}
html[data-theme=light] .site-home .hero{background:linear-gradient(90deg,rgba(228,231,240,.74),rgba(228,231,240,.28)),url('assets/sakura-world.jpg') center/cover no-repeat;color:#161a23}
html[data-theme=light] .site-home .hero h1{color:#161a23;text-shadow:none}
html[data-theme=light] .site-home .hero .btn-primary{background:#fff;color:#101015}
html[data-theme=light] .site-home .hero-side{background:transparent;border:0;border-left:1px solid #555a68;border-radius:0;box-shadow:none;backdrop-filter:none}
html[data-theme=light] .site-home .hero-side__line{border-color:#666a75}
html[data-theme=light] .site-home .hero-side__line strong{color:#151923}
html[data-theme=light] .site-home .hero-side__line span{color:#313744}
html[data-theme=light] .site-home .advantages{background:#f1ece2;color:#1b1e19}
html[data-theme=light] .site-home .section-heading .section-title,html[data-theme=light] .site-home .feature-row h3{color:#1b1e19}
html[data-theme=light] .site-home .feature-row p{color:#555b52}
html[data-theme=light] .site-home .feature-list,html[data-theme=light] .site-home .feature-row{border-color:#d1d3c9}
html[data-theme=light] .site-home .tariffs{background:#eee9df}
html[data-theme=light] .site-policy .dynamic-island,html[data-theme=light] .site-home .dynamic-island,html[data-theme=light] body.site-panel .panel-topbar{background:rgba(255,253,248,.96);border-color:#d6d5cb}

/* The desktop account menu occupies its own column and never covers cards. */
body.site-panel .panel-topbar{width:max-content;max-width:calc(100% - 32px);gap:14px;padding-right:12px;transition:all .3s ease;animation:topbar-arrive .48s cubic-bezier(.2,.7,.25,1) both}
body.site-panel .panel-topbar__brand{font-size:16px;gap:8px}
body.site-panel .panel-topbar__brand img{width:32px;height:32px;transition:transform .28s ease,filter .28s ease}
body.site-panel .panel-topbar__brand:hover img{transform:scale(1.08) rotate(-4deg);filter:drop-shadow(0 0 7px #2999ff66)}
body.site-panel .panel-topbar__links{gap:4px}
body.site-panel .panel-topbar__links a{padding:6px 14px;font-size:14px;font-weight:500;transition:color .2s ease,background-color .2s ease,transform .2s ease}
body.site-panel .panel-topbar__links a:hover{transform:translateY(-1px)}
body.site-panel .panel-topbar__controls{gap:6px}
body.site-panel .panel-topbar .site-control{width:34px;height:34px;flex-basis:34px}
body.site-panel .panel-topbar__user{gap:7px;padding:4px 12px 4px 5px;transition:background-color .2s ease,transform .2s ease,box-shadow .2s ease}
body.site-panel .panel-topbar__user:hover{transform:translateY(-2px);box-shadow:0 5px 14px #0003}
body.site-panel.panel-nav-open .panel-topbar__user{box-shadow:0 0 0 2px #e5ae4955}
body.site-panel .panel-topbar__menu{transition:background-color .2s ease,transform .2s ease}
body.site-panel .panel-topbar__menu:hover{transform:translateY(-2px)}
@keyframes topbar-arrive{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}
body.site-panel .panel-topbar__user #top-avatar{width:34px;height:34px;flex:0 0 34px;border:2px solid #3b82f6;box-shadow:0 0 12px #3b82f680;background-size:cover;background-position:center}
body.site-panel .panel-topbar__links{flex:0 0 auto}
body.site-panel .panel-topbar__menu{display:none}
body.site-panel .cab{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;max-width:1500px;margin:0 auto;padding:98px 24px 80px}
body.site-panel .cab-side{position:sticky!important;top:98px;left:auto;bottom:auto;width:260px!important;height:calc(100vh - 120px);min-height:570px;max-height:810px;visibility:visible;pointer-events:auto;transform:none!important;box-shadow:none;padding:15px 12px;background:#181b18;border:1px solid #30362e;border-radius:17px;display:flex;flex-direction:column;overflow:auto;z-index:10}
body.site-panel .cab-side .brand{display:flex;align-items:center;gap:9px;margin:4px 9px 13px;padding-bottom:12px;border-bottom:1px solid #343a32;font-size:15px;font-weight:800;white-space:nowrap}
body.site-panel .cab-side .brand img{width:24px;height:24px;object-fit:contain}
body.site-panel .cab-side .panel-side-close{display:none}
body.site-panel .cab-side .side-nav{display:flex;align-items:center;gap:11px;min-height:46px;padding:10px 12px;margin:1px 0;border-radius:10px;font-size:15px;line-height:1.25;cursor:pointer}
body.site-panel .cab-side .side-nav svg{flex:0 0 18px;width:18px;height:18px}
body.site-panel .cab-side .side-foot{margin-top:auto}
body.site-panel .cab-main{width:100%;max-width:none;min-width:0;margin:0!important;padding:0 0 60px;background:transparent}
body.site-panel .dash-hero{margin:0 0 24px!important}
body.site-panel .dash-hi{font-size:clamp(34px,3.2vw,46px)!important}
body.site-panel .dash-grid{grid-template-areas:"prof prof prof prof" "account account account account" "sub reg access uid" "hwid hwid hwid hwid"!important}
body.site-panel .account-section-title{grid-area:account;margin:18px 0 0;color:#f5f2ea;font-size:23px;letter-spacing:-.04em}
body.site-panel .a-prof{min-height:165px}
body.site-panel .stat-card{min-height:128px}
body.site-panel .a-hwid{min-height:76px}
body.site-panel .dash-card,body.site-panel .stat-card,body.site-panel .panel-card,body.site-panel .panel-bottom-card,body.site-panel .panel-action-grid button{border-radius:16px!important}
body.site-panel .panel-actions{margin-top:38px}
body.site-panel .panel-action-grid button{min-height:90px}
body.site-panel .panel-shortcuts button{border:1px solid #343a32}
body.site-panel.panel-account-view:not(.panel-nav-open) .cab{display:block;max-width:1320px;padding-top:98px}
body.site-panel.panel-account-view:not(.panel-nav-open) .cab-side{display:none}
body.site-panel.panel-account-view:not(.panel-nav-open) .cab-main{width:100%;margin:0 auto!important}
body.site-panel.panel-account-view .panel-topbar__menu,body.site-panel.panel-account-view .panel-header-logout{display:none}
body.site-panel .panel-header-logout{position:fixed;z-index:285;top:22px;right:24px;display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #30352d;border-radius:999px;background:#1b1e1a;color:#efeee9;font:700 13px Inter,system-ui;cursor:pointer}
body.site-panel .panel-header-logout svg{width:17px;height:17px}
body.site-panel .panel-topbar .di-sep{width:1px;height:24px;background:#3a3f38}
html[data-theme=light] body.site-panel .cab-side{background:#fffdf8;border-color:#d2d4cb}
html[data-theme=light] body.site-panel .cab-side .brand{border-color:#d2d4cb;color:#20241e}
html[data-theme=light] body.site-panel .account-section-title{color:#20241d}
html[data-theme=light] body.site-panel .panel-shortcuts button{border-color:#d1d4c9}
html[data-theme=light] body.site-panel .panel-topbar .di-sep{background:#d0d3c9}
html[data-theme=light] body.site-panel .panel-header-logout{background:#fffdf8;border-color:#d2d4cb;color:#20241e}

@media(max-width:1050px){
  body.site-panel .panel-header-logout{display:none}
  body.site-panel .panel-topbar__user b{display:none}
  body.site-panel.panel-account-view .panel-topbar__menu{display:flex;position:fixed;top:27px;right:16px;left:auto}
  body.site-panel .cab{grid-template-columns:220px minmax(0,1fr);gap:16px;padding:90px 16px 60px}
  body.site-panel .cab-side{top:90px;width:220px!important;padding:12px 9px}
  body.site-panel .cab-side .side-nav{font-size:14px;gap:9px;padding:9px 10px}
  body.site-panel .a-prof{padding:22px!important}
  body.site-panel .a-prof .prof-sub{flex-basis:180px}
  body.site-panel .a-prof .prof-sub-v{font-size:16px;white-space:nowrap}
  body.site-panel .dash-grid{grid-template-areas:"prof prof" "account account" "sub reg" "access uid" "hwid hwid"!important}
}
@media(max-width:900px){body.site-panel .panel-topbar__links{display:none}}
@media(max-width:900px){
  .site-home .hero-inner{grid-template-columns:minmax(0,1fr) 180px;gap:20px}
  .site-home .hero h1{font-size:clamp(48px,6vw,70px)}
  .site-home .advantages{grid-template-columns:1fr;padding:90px 24px}
  .site-home .section-heading{margin-bottom:24px}
}
@media(max-width:700px){
  .site-home .dynamic-island{width:calc(100% - 20px);max-width:none}
  .site-home .feature-row{grid-template-columns:minmax(0,1fr) 22px;gap:12px}
  .site-home .hero{padding:155px 22px 70px}
  .site-home .hero-inner{display:block}
  .site-home .hero-side{display:none}
  .site-home .hero h1{font-size:clamp(46px,11vw,64px)}
  .site-home .feature-row{grid-template-columns:44px minmax(0,1fr);gap:18px}
  .site-home .feature-row h3{font-size:19px}
  .site-home .feature-row p{font-size:14px}
  body.site-panel .panel-topbar{width:calc(100% - 16px);max-width:none;gap:6px}
  body.site-panel .panel-topbar__menu{display:flex;align-items:center;justify-content:center;position:fixed;z-index:300;top:18px;right:16px;left:auto}
  body.site-panel.panel-account-view .panel-topbar__menu{position:fixed;top:18px;right:16px;left:auto}
  body.site-panel .panel-topbar{left:8px;transform:none;width:calc(100% - 62px);max-width:none}
  body.site-panel .cab{display:block;padding:84px 14px 60px}
  body.site-panel.panel-account-view:not(.panel-nav-open) .cab{padding:84px 14px 60px}
  body.site-panel .cab-main{width:100%}
  body.site-panel .cab-side{position:fixed!important;top:76px;left:8px;bottom:8px;width:min(260px,calc(100vw - 16px))!important;height:auto;max-height:none;min-height:0;z-index:280;visibility:hidden;pointer-events:none;transform:translateX(calc(-100% - 20px))!important;box-shadow:0 20px 50px #0008}
  body.site-panel.panel-nav-open .cab-side{visibility:visible;pointer-events:auto;transform:none!important}
  body.site-panel .cab-side .panel-side-close{display:flex;align-self:flex-end;margin:0 3px 8px}
  body.site-panel .cab-side .side-nav{font-size:15px}
  body.site-panel .cab-side .brand{display:none}
  body.site-panel.panel-account-view.panel-nav-open .cab{display:block}
  body.site-panel .a-prof{flex-wrap:wrap}
  body.site-panel .a-prof .prof-sub{flex-basis:100%;text-align:left}
  body.site-panel .a-prof .prof-sub-v{white-space:normal}
  body.site-panel .dash-grid{grid-template-areas:"prof prof" "account account" "sub reg" "access uid" "hwid hwid"!important}
}

/* Cabinet polish: compact navigation, calmer product cards and consistent motion. */
body.site-panel .cab-side{height:auto;min-height:0;max-height:calc(100vh - 120px);align-self:start;justify-content:flex-start;overscroll-behavior:contain}
body.site-panel .cab-side .side-foot{margin-top:24px;padding-top:12px}
body.site-panel .cab-side .side-nav{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease}
body.site-panel .cab-side .side-nav:hover{transform:translateX(2px)}
body.site-panel .cab-page.active{animation:cabinet-page-in .28s cubic-bezier(.2,.7,.25,1) both}
body.site-panel .cab-main .dash-card,body.site-panel .cab-main .stat-card,body.site-panel .cab-main .panel-card,body.site-panel .cab-main .panel-bottom-card,body.site-panel .panel-action-grid button,body.site-panel .panel-shortcuts button{transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
body.site-panel .panel-action-grid button:hover,body.site-panel .panel-shortcuts button:hover{transform:translateY(-2px)}
@keyframes cabinet-page-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
body.site-panel #page-shop .shop-bal-banner,
body.site-panel #page-shop .panel-card[style],
body.site-panel #page-shop .shop-msg{max-width:none!important;width:100%;box-sizing:border-box}
body.site-panel #page-shop .shop-bal-banner{min-height:58px;padding:14px 18px;border-radius:16px;background:#151b18;border-color:#303b32;color:#e8e8e2}
body.site-panel #page-shop .shop-bal-banner b{color:#e5ae49}
body.site-panel #page-shop .shop-bal-hint{font-size:13px}
body.site-panel #page-shop .products[style]{max-width:none!important;width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:22px!important}
body.site-panel #page-shop .products>.plan{min-width:0;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important}
body.site-panel #page-shop .plan-list{gap:12px}
body.site-panel #page-shop .shop-row{min-height:124px;box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:start;align-items:start;gap:14px 12px;padding:19px 20px;border:1px solid #343a34;border-radius:18px;background:#1b1e1b;transition:transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease}
body.site-panel #page-shop .shop-row:hover{transform:translateY(-2px);border-color:#666044;background:#20241f;box-shadow:0 12px 26px #0002}
body.site-panel #page-shop .shop-row .label{font-size:15px;line-height:1.35;color:#f1f0ea}
body.site-panel #page-shop .shop-row .label small{margin-top:5px;color:#a5a69d;font-size:12.5px;line-height:1.4}
body.site-panel #page-shop .shop-row .val{margin:0;color:#e5ae49;font-size:19px;white-space:nowrap}
body.site-panel #page-shop .pay-btns{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-start;flex-basis:auto;margin:0}
body.site-panel #page-shop .btn-pay{min-height:36px;padding:8px 14px;border-radius:999px}
body.site-panel #page-shop .btn-bal{background:#e5ae49;color:#171812}
body.site-panel #page-shop .btn-bal:disabled{background:#343831;color:#a5a69d}
body.site-panel #page-shop .btn-fp{background:#292d28;color:#e7e6df;border:1px solid #41463e}
body.site-panel #page-shop .panel-card[style]{margin-top:22px!important;border-radius:18px!important}
html[data-theme=light] body.site-panel #page-shop .shop-bal-banner{background:#fffdf8;border-color:#d4d6cd;color:#252821}
html[data-theme=light] body.site-panel #page-shop .shop-bal-banner b{color:#a86e20}
html[data-theme=light] body.site-panel #page-shop .shop-row{background:#fffdf8;border-color:#d6d7cf}
html[data-theme=light] body.site-panel #page-shop .shop-row:hover{background:#f8f4eb;border-color:#c9a66d;box-shadow:0 12px 26px #25200e12}
html[data-theme=light] body.site-panel #page-shop .shop-row .label{color:#252821}
html[data-theme=light] body.site-panel #page-shop .shop-row .label small{color:#697064}
html[data-theme=light] body.site-panel #page-shop .btn-fp{background:#eeeee7;color:#30342d;border-color:#d1d3ca}
html[data-theme=light] body.site-panel .cab-side .side-foot{border-color:#d2d4cb}
.site-home #header-auth{flex:0 0 auto;min-width:0}
.site-home #header-auth .di-avatar{width:auto;height:40px;min-width:0;min-height:40px;max-width:180px;aspect-ratio:auto;flex:0 0 auto;align-self:center;box-sizing:border-box;justify-content:flex-start;gap:8px;margin:0;padding:4px 12px 4px 5px;border-radius:999px;overflow:hidden}
.site-home #header-auth .di-avatar img,.site-home #header-auth .di-avatar .di-letter{width:30px;height:30px;flex:0 0 30px;object-fit:cover}
.site-home #header-auth .di-username{display:block;max-width:150px;font-size:15px;font-weight:700;line-height:1.1;white-space:nowrap;text-overflow:ellipsis;color:#edf4e9}
body.site-panel .panel-topbar__user{font-size:14px;font-weight:700}
html{scroll-behavior:smooth}
body.site-panel{scroll-behavior:smooth}
@media(max-width:700px){body.site-panel .cab-side{max-height:none;height:auto}body.site-panel #page-shop .products[style]{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}body.site-panel #page-shop .shop-bal-hint{font-size:12px}}
@media(prefers-reduced-motion:reduce){html,body{scroll-behavior:auto!important}body.site-panel .panel-topbar,body.site-panel .panel-topbar__links a,body.site-panel .panel-topbar__brand img,body.site-panel .panel-topbar__user,body.site-panel .panel-topbar__menu{transition:none!important;animation:none!important}body.site-panel .panel-topbar__links a:hover,body.site-panel .panel-topbar__brand:hover img,body.site-panel .panel-topbar__user:hover,body.site-panel .panel-topbar__menu:hover{transform:none;filter:none}body.site-panel .cab-page.active{animation:none!important}body.site-panel .cab-side .side-nav,body.site-panel #page-shop .shop-row,body.site-panel .cab-main .dash-card,body.site-panel .cab-main .stat-card,body.site-panel .cab-main .panel-card,body.site-panel .cab-main .panel-bottom-card,body.site-panel .panel-action-grid button,body.site-panel .panel-shortcuts button{transition:none!important}body.site-panel .cab-side .side-nav:hover,body.site-panel #page-shop .shop-row:hover,body.site-panel .panel-action-grid button:hover,body.site-panel .panel-shortcuts button:hover{transform:none}}

/* Five duration cards from the reference product strip. */
.duration-products{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid #282522;border-radius:26px;background:#282522;text-align:left}
.duration-product{position:relative;display:flex;min-width:0;min-height:350px;flex-direction:column;padding:28px 24px 22px;background:#121110;color:#f4f2ef;transition:background-color .24s ease,transform .24s ease,box-shadow .24s ease}
.duration-product[role=button]{cursor:pointer}
.duration-product:hover{z-index:1;background:#191715;box-shadow:inset 0 0 0 1px #ffffff0c}
.duration-value{font-size:clamp(54px,5.8vw,88px);font-weight:800;line-height:.98;letter-spacing:-.075em}
.duration-caption{margin-top:17px;color:#aaa6a0;font-size:17px;line-height:1.3}
.duration-arrow{position:absolute;top:24px;right:22px;display:grid;width:42px;height:42px;place-items:center;border:1px solid #383431;border-radius:50%;color:#aaa6a0;font-size:21px;line-height:1;transition:transform .22s ease,border-color .22s ease,color .22s ease}
.duration-product:hover .duration-arrow{transform:translateX(3px);border-color:#756a58;color:#f2d49f}
.duration-price{display:flex;flex-direction:column;gap:7px;margin-top:auto;padding-top:20px;border-top:1px solid #272320}
.duration-price strong{font-size:25px;font-weight:800;line-height:1;color:#f2f0ed;white-space:nowrap}
.duration-price small{color:#817b74;font-size:14px;line-height:1.25;white-space:nowrap}
.duration-product--lifetime{background:#e6a735;color:#17130c}
.duration-product--lifetime:hover{background:#efb443}
.duration-product--lifetime .duration-caption{color:#805719}
.duration-product--lifetime .duration-arrow{border-color:#cf922d;color:#402d11}
.duration-product--lifetime:hover .duration-arrow{border-color:#9c6b20;color:#17130c}
.duration-product--lifetime .duration-price{border-color:#d49730}
.duration-product--lifetime .duration-price strong{color:#17130c}
.duration-product--lifetime .duration-price small{color:#805719}
.site-home .duration-products{margin:0 0 34px}
.site-home .duration-products--extras{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}
.duration-products--extras .duration-product--named .duration-value{font-size:clamp(36px,4vw,58px);letter-spacing:-.06em;white-space:nowrap}
.duration-products--extras .duration-product--named .duration-caption{max-width:230px}
.site-home .tariffs-extras{grid-template-columns:repeat(2,minmax(0,1fr))}
body.site-panel #page-shop .duration-products{width:100%;margin:18px 0 24px}
body.site-panel #page-shop .duration-product{min-height:280px;padding:24px 18px 18px}
body.site-panel #page-shop .duration-value{font-size:clamp(44px,4vw,66px)}
body.site-panel #page-shop .duration-caption{font-size:15px}
body.site-panel #page-shop .duration-arrow{top:18px;right:15px;width:36px;height:36px}
body.site-panel #page-shop .duration-price strong{font-size:21px}
body.site-panel #page-shop .duration-price small{font-size:11px;white-space:normal}
body.site-panel #page-shop .shop-extra-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 24px}
body.site-panel #page-shop .shop-extra-products .shop-row{min-height:142px}
html[data-theme=light] .duration-products{border-color:#d6d2ca;background:#d6d2ca}
html[data-theme=light] .duration-product{background:#fbf9f5;color:#24211c}
html[data-theme=light] .duration-product:hover{background:#f2eee7}
html[data-theme=light] .duration-value{color:#24211c}
html[data-theme=light] .duration-caption{color:#76716a}
html[data-theme=light] .duration-arrow{border-color:#ded9d0;color:#766f64}
html[data-theme=light] .duration-price{border-color:#e2ddd4}
html[data-theme=light] .duration-price strong{color:#24211c}
html[data-theme=light] .duration-price small{color:#898278}
html[data-theme=light] .duration-product--lifetime{background:#e6a735;color:#17130c}
html[data-theme=light] .duration-product--lifetime:hover{background:#efb443}
html[data-theme=light] .duration-product--lifetime .duration-value,html[data-theme=light] .duration-product--lifetime .duration-price strong{color:#17130c}
html[data-theme=light] .duration-product--lifetime .duration-caption,html[data-theme=light] .duration-product--lifetime .duration-price small{color:#805719}
html[data-theme=light] .duration-product--lifetime .duration-price{border-color:#d49730}
@media(max-width:1100px){.duration-products{grid-template-columns:repeat(3,minmax(0,1fr))}.site-home .duration-products--extras{grid-template-columns:repeat(3,minmax(0,1fr))}body.site-panel #page-shop .duration-product{min-height:250px}body.site-panel #page-shop .shop-extra-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.duration-products{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;border-radius:20px}.duration-product{flex:0 0 245px;min-height:300px;scroll-snap-align:start;padding:23px 20px 18px}.duration-value{font-size:64px}.duration-caption{font-size:15px}.duration-arrow{top:18px;right:17px;width:38px;height:38px}.duration-price strong{font-size:23px}.duration-price small{font-size:12px}.site-home .tariffs-extras{grid-template-columns:1fr}body.site-panel #page-shop .duration-products{margin-top:14px}body.site-panel #page-shop .duration-product{min-height:280px;flex-basis:235px}body.site-panel #page-shop .shop-extra-products{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.duration-product,.duration-arrow{transition:none!important}.duration-product:hover .duration-arrow{transform:none}}

/* Apply the same product-card language to BETA, combo and HWID reset. */
.site-home .tariffs-extras{gap:26px}
.site-home .tariffs-extras .tariff-category{min-width:0}
.site-home .tariffs-extras .tariff-category-title{margin:0 0 12px}
.site-home .tariffs-extras .tariff-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.site-home .tariffs-extras .tariff-item{position:relative;display:flex;min-width:0;min-height:280px;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px;padding:24px!important;border:1px solid #282522!important;border-radius:22px!important;background:#121110!important;color:#f4f2ef;box-shadow:none;transition:background-color .24s ease,border-color .24s ease,transform .24s ease,box-shadow .24s ease}
.site-home .tariffs-extras .tariff-item:hover{transform:translateY(-3px);border-color:#51463a!important;background:#191715!important;box-shadow:0 14px 30px #0003}
.site-home .tariffs-extras .tariff-item>div{min-width:0;margin:0 auto 0 0;padding:0 45px 0 0}
.site-home .tariffs-extras .tariff-item-name{font-size:24px;line-height:1.14;color:#f4f2ef}
.site-home .tariffs-extras .tariff-item-sub{margin-top:12px;font-size:14px;line-height:1.4;color:#918b84}
.site-home .tariffs-extras .tariff-item-price{display:block;width:100%;flex:none;margin-top:auto;padding-top:18px;border-top:1px solid #282522;color:#e6a735!important;font-size:24px;line-height:1}
.site-home .tariffs-extras .tariff-item::after{content:'→';position:absolute;top:20px;right:20px;display:grid;width:40px;height:40px;place-items:center;border:1px solid #383431;border-radius:50%;color:#aaa6a0;font-size:20px;transition:transform .22s ease,border-color .22s ease,color .22s ease}
.site-home .tariffs-extras .tariff-item:hover::after{transform:translateX(3px);border-color:#756a58;color:#f2d49f}
body.site-panel #page-shop .shop-extra-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.site-panel #page-shop .shop-extra-products .shop-row{position:relative;display:flex;min-width:0;min-height:280px;flex-direction:column;align-items:stretch;gap:14px;padding:22px;border:1px solid #282522;border-radius:22px;background:#121110;color:#f4f2ef;transition:background-color .24s ease,border-color .24s ease,transform .24s ease,box-shadow .24s ease}
body.site-panel #page-shop .shop-extra-products .shop-row:hover{transform:translateY(-3px);border-color:#51463a;background:#191715;box-shadow:0 14px 30px #0003}
body.site-panel #page-shop .shop-extra-products .shop-row::after{content:'→';position:absolute;top:18px;right:18px;display:grid;width:38px;height:38px;place-items:center;border:1px solid #383431;border-radius:50%;color:#aaa6a0;font-size:19px;pointer-events:none}
body.site-panel #page-shop .shop-extra-products .shop-row .label{min-height:78px;padding:0 34px 0 0;color:#f4f2ef;font-size:20px;line-height:1.2}
body.site-panel #page-shop .shop-extra-products .shop-row .label small{margin-top:10px;color:#918b84;font-size:13px;line-height:1.45}
body.site-panel #page-shop .shop-extra-products .shop-row .val{width:100%;margin:auto 0 0;padding-top:18px;border-top:1px solid #282522;color:#e6a735;font-size:23px;line-height:1}
body.site-panel #page-shop .shop-extra-products .pay-btns{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;margin:0}
html[data-theme=light] .site-home .tariffs-extras .tariff-item,html[data-theme=light] body.site-panel #page-shop .shop-extra-products .shop-row{border-color:#d6d2ca!important;background:#fbf9f5!important;color:#24211c}
html[data-theme=light] .site-home .tariffs-extras .tariff-item:hover,html[data-theme=light] body.site-panel #page-shop .shop-extra-products .shop-row:hover{border-color:#c5ad87!important;background:#f2eee7!important}
html[data-theme=light] .site-home .tariffs-extras .tariff-item-name,html[data-theme=light] body.site-panel #page-shop .shop-extra-products .shop-row .label{color:#24211c}
html[data-theme=light] .site-home .tariffs-extras .tariff-item-sub,html[data-theme=light] body.site-panel #page-shop .shop-extra-products .shop-row .label small{color:#76716a}
html[data-theme=light] .site-home .tariffs-extras .tariff-item-price,html[data-theme=light] body.site-panel #page-shop .shop-extra-products .shop-row .val{border-color:#e2ddd4;color:#a97732!important}
html[data-theme=light] .site-home .tariffs-extras .tariff-item::after,html[data-theme=light] body.site-panel #page-shop .shop-extra-products .shop-row::after{border-color:#ded9d0;color:#766f64}
@media(max-width:1100px){.site-home .tariffs-extras .tariff-items{grid-template-columns:1fr}body.site-panel #page-shop .shop-extra-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.site-home .tariffs-extras{grid-template-columns:1fr}.site-home .tariffs-extras .tariff-items{grid-template-columns:1fr}body.site-panel #page-shop .shop-extra-products{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.site-home .tariffs-extras .tariff-item,body.site-panel #page-shop .shop-extra-products .shop-row,.site-home .tariffs-extras .tariff-item::after,body.site-panel #page-shop .shop-extra-products .shop-row::after{transition:none!important}.site-home .tariffs-extras .tariff-item:hover,body.site-panel #page-shop .shop-extra-products .shop-row:hover{transform:none}}

/* Keep every offer on the same large-card rhythm as the duration products. */
.site-home .tariffs-extras{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.site-home .tariffs-extras .tariff-category:first-child{grid-column:span 2}
.site-home .tariffs-extras .tariff-category:last-child{grid-column:span 1}
.site-home .tariffs-extras .tariff-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.site-home .tariffs-extras .tariff-item{min-height:350px;padding:27px!important;border-radius:22px!important}
.site-home .tariffs-extras .tariff-item-name{font-size:clamp(27px,2.4vw,38px);letter-spacing:-.035em;line-height:1.04}
.site-home .tariffs-extras .tariff-item-sub{font-size:16px;line-height:1.45}
.site-home .tariffs-extras .tariff-item-price{text-align:left;font-size:28px}
body.site-panel #page-shop .shop-extra-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.site-panel #page-shop .shop-extra-products .shop-row{min-height:350px;padding:26px;border-radius:22px}
body.site-panel #page-shop .shop-extra-products .shop-row .label{min-height:0;padding-right:45px;font-size:clamp(25px,2vw,34px);letter-spacing:-.03em;line-height:1.08}
body.site-panel #page-shop .shop-extra-products .shop-row .label small{margin-top:12px;font-size:15px;line-height:1.45;letter-spacing:0}
body.site-panel #page-shop .shop-extra-products .shop-row .val{margin-top:auto;text-align:left;font-size:28px}
body.site-panel #page-shop .shop-extra-products .pay-btns{margin-top:2px}
html[data-theme=light] .site-home .tariffs-extras .tariff-item{background:#fbf9f5!important}
html[data-theme=light] .site-home .tariffs-extras .tariff-item:hover{background:#f2eee7!important}
@media(max-width:1100px){.site-home .tariffs-extras{grid-template-columns:repeat(2,minmax(0,1fr))}.site-home .tariffs-extras .tariff-category:first-child,.site-home .tariffs-extras .tariff-category:last-child{grid-column:span 1}.site-home .tariffs-extras .tariff-items{grid-template-columns:1fr}body.site-panel #page-shop .shop-extra-products{grid-template-columns:repeat(2,minmax(0,1fr))}.site-home .tariffs-extras .tariff-item,body.site-panel #page-shop .shop-extra-products .shop-row{min-height:320px}}
@media(max-width:700px){.site-home .tariffs-extras{grid-template-columns:1fr}.site-home .tariffs-extras .tariff-items{grid-template-columns:1fr}.site-home .tariffs-extras .tariff-item,body.site-panel #page-shop .shop-extra-products .shop-row{min-height:290px}.site-home .tariffs-extras .tariff-item-name{font-size:30px}body.site-panel #page-shop .shop-extra-products .shop-row .label{font-size:29px}}