@font-face {font-family:Benzin; src:url(../fonts/Benzin-Regular.woff2) format("woff2"); font-weight:400; font-style:normal; font-display:swap}
@font-face {font-family:Benzin; src:url(../fonts/Benzin-Medium.woff2) format("woff2"); font-weight:500; font-style:normal; font-display:swap}
@font-face {font-family:Benzin; src:url(../fonts/Benzin-Bold.woff2) format("woff2"); font-weight:600; font-style:normal; font-display:swap}
:root {--bg:#141420; --bg2:#262632; --text:#fff; --text1:#000; --text2:#c8c8d5; --color1:#fc4f16; --color2:#f86636; --light:rgb(255 255 255 / 10%); --light2:rgb(255 255 255 / 30%); --dark:rgb(0 0 0 / 30%); --radius:12px}
body {background:var(--bg); color:var(--text); line-height:normal; font-family:"Benzin",sans-serif; font-size:12px; font-weight:400}
body:before {content:""; position:fixed; inset:0; background:radial-gradient(40% 40% at 0 30%,#22222d 0,var(--bg) 100%)}
header {position:relative; background:transparent; border-bottom:1px solid var(--light); width:100%; top:0; padding:15px 0; z-index:5}
header .container {display:flex; align-items:center; justify-content:space-between; grid-gap:10px}
.header-logo {font-size:28px; font-weight:bold; text-transform:uppercase}
.header-fav {display:inline-block; background:var(--light); border-radius:50%; width:40px; height:40px; line-height:40px; text-align:center}
.header-menu {display:flex; align-items:center; justify-content:center; grid-gap:40px; color:var(--text2); border-radius:0 0 var(--radius) var(--radius); padding:20px 0}
.header-menu a i {background:var(--light); border-radius:50%; width:30px; height:30px; line-height:30px; text-align:center; margin-right:8px}
.mobmenu-btn,.mobmenu-close {display:none; width:40px; height:40px; line-height:40px; color:inherit; font-size:25px; text-align:center}
.mobmenu-sub,.mobmenu-sub > a {position:relative; display:block}
@media (min-width:860px) {.mobmenu-sub:hover div {visibility:visible; opacity:1}
}
.mobmenu-sub > a + div {position:absolute; top:100%; display:flex; flex-direction:column; grid-gap:20px; padding:20px; background:#fff; color:var(--text1); border-radius:var(--radius); visibility:hidden; min-width:160px; width:100%; opacity:0; transition:all 0.3s}
@media (max-width:860px) {.mobmenu-sub > a + div {position:relative; top:0; height:0; padding:0 20px}
}
.mobmenu-sub > a:after {display:inline-block; content:"\f078"; font-family:"Font Awesome 6 Pro"; margin-left:10px}
.mobmenu-sub > div a:hover {color:var(--color1)}
@media (max-width:860px) {.mobmenu-btn {display:block}
 .mobmenu-btn.active:before {content:"\f00d"}
 .mobmenu {position:fixed; background:var(--bg2); padding:30px; display:flex; flex-direction:column; justify-content:flex-start; align-items:flex-start; top:70px; left:-300px; width:200px; height:100%; margin-left:0; color:#fff; transition:left 0.3s; overflow-y:auto; z-index:8}
 .mobmenu.active {left:0; border-radius:0}
 .mobmenu-sub > a.active {margin-bottom:15px}
 .mobmenu-sub > a.active:after {transform:rotate(180deg)}
 .mobmenu-sub > a.active + div {visibility:visible; opacity:1; height:auto; padding:20px}
 .mobmenu .mobmenu-close {position:fixed; top:-40px; right:90px; width:40px; height:40px; line-height:40px; color:var(--bg2); font-size:25px; text-align:center; transition:0.3s}
 .mobmenu.active .mobmenu-close {display:block; top:20px}
}
.header-search {margin:0 auto}
@media (max-width:860px) {.header-search {margin-left:auto; margin-right:0}
}
.header-search form {display:flex; align-items:center; background:var(--light); border-radius:var(--radius); padding:0 0 0 10px}
@media (max-width:860px) {.header-search form {visibility:hidden; opacity:0; position:fixed; width:100%; top:-40px; left:0; background:var(--bg2); border-radius:0; padding:10px; transition:0.3s; z-index:5}
}
.header-search.active form {visibility:visible; opacity:1; top:0}
.header-search_icon {background:var(--light); border-radius:50%; width:40px; height:40px; line-height:40px; text-align:center}
.header-search form .fa-magnifying-glass {display:inline-block; background:var(--light); border-radius:50%; margin:5px; width:35px; height:35px; line-height:35px; text-align:center}
.header-search .fa-xmark {width:40px; height:40px; line-height:40px; color:#a5a1b2; font-size:20px; text-align:center}
.header-search form input {background:none; padding:0; width:300px; height:inherit; border-radius:0; margin-left:15px}
.header-search .fa-xmark:not(.header-search.active .fa-xmark) {display:none}
.header-user > img {display:inline-block; width:40px; height:40px; object-fit:cover; border-radius:5px; cursor:pointer}
.header-user > a .fa-user {display:inline-block; background:var(--color1); color:#fff; width:40px; height:40px; line-height:40px; text-align:center; border-radius:50%; cursor:pointer}
.header-user > div {position:absolute; width:220px; top:100%; right:0; background:#fff; color:#000; padding:15px; box-shadow:0 0 20px 0 rgb(0 0 0 / 10%); border-radius:var(--radius); visibility:hidden; opacity:0; transition:0.3s; z-index:5}
.header-user > div:before {content:""; position:absolute; top:-5px; right:15px; width:10px; height:10px; background:#fff; transform:rotate(45deg)}
.header-user.active > div {visibility:visible; opacity:1; transform:translateY(10px)}
.header-user_top {display:flex; align-items:center; grid-gap:15px; padding:10px; border-radius:var(--radius); margin-bottom:20px}
.header-user_top > img {width:40px; height:40px; border-radius:50%}
.header-user_top > div span {display:block; color:#a5a5a5; font-size:10px; margin-top:2px}
.header-user_balance {font-size:18px; font-weight:bold; border-top:1px dotted var(--dark); border-bottom:1px dotted var(--dark); padding:10px; margin-bottom:10px}
.header-user_balance > span:last-child {display:block; color:#454252; font-weight:300; font-size:10px; margin-top:3px}
.header-user > div a:not(.header-user_top) {display:block; border-radius:var(--radius); padding:10px; font-size:14px}
.header-user > div a:hover {background:#e6e6e6}
.header-user > div a i {margin-right:8px}
.header-user > div a:last-child {color:#F44336; font-weight:500}
a[href="#modal-login"]:not(.modal-auth a) {display:inline-block; background:var(--color1); color:#fff; font-weight:500; border-radius:50%; width:40px; height:40px; line-height:40px; text-align:center}
a[href="#modal-login"]:hover:not(.modal-auth a) {background:var(--color2)}
.modal-auth {display:none; position:fixed; max-width:500px; top:50%; left:50%; margin-right:-50%; transform:translate(-50%,-50%); background:var(--bg); color:#fff; border-radius:20px; padding:50px 60px 20px; text-align:center; z-index:9}
@media (max-width:860px) {.modal-auth {padding:30px 30px 20px; max-width:400px}
}
.modal-auth > .fa-xmark {position:absolute; top:20px; right:20px; background:var(--bg2); border-radius:var(--radius); width:35px; height:35px; line-height:35px; font-size:20px; text-align:center; cursor:pointer}
.modal-auth > .fa-chevron-left {position:absolute; top:30px; left:40px; font-size:20px}
.modal-auth h2 + span {display:block; color:#8d8d8d; margin-top:-20px; margin-bottom:35px; font-size:14px}
.modal-auth_type {}
.modal-auth_type > a {position:relative; display:block; background:#f3f3f3; padding:15px 20px; border-radius:var(--radius); font-weight:bold; transition:0.3s}
.modal-auth_type > a:hover {background:#e7e7e7}
.modal-auth_type > a + a {margin-top:15px}
.modal-auth_type > a[name="modal"] {background:var(--color1); color:#fff; text-align:center}
.modal-auth_type > a[name="modal"]:hover {background:var(--color2)}
.modal-auth_type > a > img {position:absolute; top:12px; left:20px; width:30px; height:30px}
.modal-auth_type > a iframe {position:absolute; inset:0; opacity:0}
.modal-auth_btn {display:flex; align-items:center; justify-content:center; grid-gap:10px; margin-top:30px}
.modal-auth_btn > a {background:var(--bg2)}
.modal-auth_copy {display:block; color:#8d8d8d; font-size:12px; margin-top:30px}
.modal-auth_copy > a,.modal-auth_lost > a {color:var(--text2); text-decoration:underline; opacity:0.9}
.modal-auth_lost {display:block; font-size:14px; text-align:center; border-top:1px solid var(--light); margin:20px -60px 0; padding-top:20px}
@media (max-width:860px) {.modal-auth_lost {margin:20px -30px 0}
}
.speedbar {color:#808191; font-size:12px; margin-bottom:30px}
.speedbar a:hover {color:var(--color1)}
header + h1 + p,.dle-form h1 + p {color:#a5a1b2; max-width:600px}
.dol-home {margin-bottom:30px}
.dol-home > .fal {position:absolute; top:35%; left:20%; width:30px; height:60px; background:var(--bg); border-radius:var(--radius); color:var(--text2); line-height:60px; font-size:20px; text-align:center; z-index:6; cursor:pointer}
@media (max-width:860px) {.dol-home > .fal {display:none}
}
.dol-home > .fa-chevron-right {left:unset; right:20%}
.dol-home_item {transition:0.3s; text-align:center}
.dol-home_item:not(.dol-home_item.swiper-slide-active) {transform:scale(0.90); opacity:0.2}
.dol-home_item > img {width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border-radius:var(--radius); overflow:hidden}
.dol-home_item a {display:block; font-size:25px; font-weight:bold; margin:20px 0}
.dol-home_meta {}
.dol-home_meta span {display:inline-block; border:2px solid var(--light2); color:var(--text2); border-radius:5px; padding:3px 8px; font-size:12px; margin-left:5px}
.dol-sect_title {display:flex; align-items:center; justify-content:space-between; grid-gap:20px; margin-bottom:30px}
.dol-sect_title h2 {margin-bottom:0}
.dol-sect_title > a {display:flex; align-items:center; grid-gap:10px; border-bottom:1px dashed var(--text2); color:var(--text2); padding-bottom:5px}
.dol-items {position:relative; overflow:hidden}
@media (max-width:860px) {.dol-items {overflow:visible}
}
.dol-items > .fal {position:absolute; top:35%; left:0; width:30px; height:60px; background:var(--bg2); border-radius:var(--radius); color:var(--text2); line-height:60px; font-size:20px; text-align:center; z-index:6; cursor:pointer}
@media (max-width:860px) {.dol-items > .fal {display:none}
}
.dol-items > .fa-chevron-right {left:unset; right:0}
.dol-item {position:relative; background:linear-gradient(360deg,var(--bg2),transparent); padding:15px; border-radius:var(--radius); height:max-content; overflow:hidden}
.dol-item_bg {width:100%; height:auto; aspect-ratio:1/1; border-radius:var(--radius); overflow:hidden}
.dol-item_title {display:block; font-size:16px; font-weight:bold; margin:10px 0}
.dol-item_link {display:flex; align-items:center; justify-content:space-between; grid-gap:10px; color:var(--text2)}
.dol-item_price {}
.dol-item_link > a {background:var(--color1); border-radius:var(--radius); color:#fff; width:35px; height:35px; line-height:35px; text-align:center}
.dol-step {display:grid; grid-gap:20px 20px; grid-auto-rows:max-content; grid-template-columns:repeat(3,1fr)}
@media (max-width:860px) {.dol-step {grid-template-columns:1fr}
}
.dol-step li {position:relative; display:flex; align-items:center; grid-gap:10px; background:linear-gradient(90deg,var(--light),transparent),radial-gradient(30% 70% at 70% 100%,rgb(252 79 22 / 50%) 0,transparent 100%); border:1px solid var(--light); border-radius:var(--radius); padding:20px; color:var(--text2); font-size:12px}
.dol-step li div b {display:block; color:#fff; font-size:16px; font-weight:bold; margin-bottom:15px}
.dol-step li img {width:120px; height:120px; object-fit:contain; margin-top:-90px}
.dol-step li {transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1); will-change:transform}
.dol-step li:hover {transform:translateY(-5px); box-shadow:0 10px 20px rgba(252,79,22,0.15); border-color:rgba(252,79,22,0.3)}
.dol-step li:hover img {animation:float 3s ease-in-out infinite}
.dol-step li:hover div b {animation:textPulse 0.6s ease}
@keyframes float {0%,100% {transform:translateY(0)}
 50% {transform:translateY(-8px)}
}
@keyframes textPulse {0% {transform:scale(1)}
 50% {transform:scale(1.03)}
 100% {transform:scale(1)}
}
.dol-seo b {background-color:var(--light2); background-image:linear-gradient(147deg,transparent 40%,var(--color1) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; font-size:30px; text-transform:uppercase}
.dol-seo div {color:var(--text2); line-height:1.8}
.gradient-wrap {position:absolute; inset:0; width:100%; height:100%; opacity:0.6; z-index:-1}
.dol-full {position:relative; display:grid; grid-gap:20px 20px; grid-auto-rows:max-content; grid-template-columns:1fr 320px; margin-bottom:40px}
.dol-seo--vertical {display: block !important;}
@media (max-width:860px) {.dol-full {grid-template-columns:1fr}
}
.dol-full_center {display:flex; align-items:flex-start; grid-gap:30px; overflow:hidden}
@media (max-width:860px) {.dol-full_center {flex-direction:column; align-items:center}; .e-grid2 {grid-template-columns: 1fr !important;}
}
.dol-full_center > img {width:300px; height:auto; aspect-ratio:1/1; border-radius:var(--radius)}
.dol-full_spec {grid-template-columns:repeat(2,1fr); margin-bottom:20px}
.dol-full_spec li {display:flex; align-items:center; grid-gap:20px}
.dol-full_spec li i {background:var(--light); border-radius:var(--radius); width:40px; height:40px; line-height:40px; text-align:center}
.dol-full_spec li div span {display:block; color:var(--text2); margin-top:5px}
.dol-full_buy {display:inline-block; height:max-content; background:linear-gradient(0deg,var(--light),transparent); border:1px solid var(--light); padding:30px; border-radius:var(--radius); text-align:center; overflow:hidden}
.dol-full_share {display:flex; align-items:center; grid-gap:20px; border-bottom:1px solid var(--light); padding-bottom:20px}
.dol-full_price {display:block; font-size:25px; font-weight:bold; margin:20px 0}
.dol-full_price > span {font-size:14px; font-weight:400; text-decoration:line-through; color:var(--text2)}
.dol-full_link {display:block; background:linear-gradient(45deg,#f96417,#fc2b0f); padding:15px 20px; font-weight:bold; border-radius:var(--radius)}
.dol-full_buy > ul li {display:flex; align-items:center; justify-content:left; grid-gap:10px; margin-top:10px; color:var(--text2)}
.dol-full_buy > ul li i {color:#8BC34A}
.runi-screens {position:relative; border-radius:var(--radius); width:100%; height:auto; aspect-ratio:16/9; overflow:hidden}
.runi-screens img,.runi-screens iframe {width:100%; height:100%; object-fit:cover}
.runi-screens_mini {position:relative; margin:20px 0}
.runi-screens_mini > .fal {position:absolute; left:20px; top:45%; font-size:30px; z-index:5; cursor:pointer}
.runi-screens_mini > .fa-chevron-right {left:unset; right:20px}
.runi-screens_mini > .swiper-button-disabled {display:none}
.runi-screens_mini .swiper-slide-thumb-active img {border:1px solid var(--light2)}
.runi-screens_mini img {width:100%; height:128px; object-fit:cover; border:1px solid transparent; border-radius:var(--radius); padding:2px; overflow:hidden}
.label {display:inline-block; background:#eec616; color:#000; padding:5px 15px; border-radius:0 20px; font-size:12px; font-weight:bold}
footer {position:relative; background:#0d0d17; box-shadow:0 -10px 0 0 rgb(26 26 41); border-radius:80px 80px 0 0; color:#fff; padding:30px 0}
footer .container {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center}
@media (max-width:860px) {footer .container {justify-content:center}
}
.footer-logo {font-size:30px; font-weight:bolder; text-transform:uppercase}
@media (max-width:860px) {.footer-logo,.footer-help,.footer-dev {display:none}
}
.footer-menu_sub {display:flex; align-items:center; justify-content:center}
.footer-menu_sub:nth-child(2) {color:var(--text2); font-size:12px; margin:20px 0}
.footer-menu_sub a + a {margin-left:20px}
.footer-soc {display:flex; flex-wrap:wrap; align-items:center; justify-content:center}
.footer-soc > a {display:inline-block; background:var(--light); color:#a3a7bc; border-radius:var(--radius); width:40px; height:40px; line-height:40px; font-size:20px; text-align:center}
.footer-soc > a + a {margin-left:10px}
.footer-soc > a:hover {background:var(--color1); color:var(--text)}
.footer-help {color:var(--text2); font-size:12px; text-align:right}
.footer-help a {display:block; font-size:18px; color:#fff; margin-top:10px}
.footer-copyright {display:block; width:100%; flex:100%; color:var(--text2); opacity:0.4; font-size:10px; font-weight:400; margin-top:15px}
.footer-dev {position:absolute; color:#797882; font-size:12px; right:0; bottom:0}
.footer-dev > a {color:var(--color1); margin-left:5px}
.dol-item_bg.e-cover {transition:transform 0.3s ease,box-shadow 0.3s ease,border 0.3s ease; border-radius:8px; overflow:hidden; border:2px solid transparent}
.dol-item_bg.e-cover:hover {transform:scale(1.05); box-shadow:0 8px 16px rgba(0,0,0,0.3); border:2px solid #0070d1}
.radio-options {text-align:left; margin:15px 0}
.radio-options label {display:block; margin-bottom:10px; cursor:pointer}
.radio-options input[type="radio"] {margin-right:10px}
.price-display {margin:15px 0; text-decoration:none !important}
.actual-price {font-size:24px; font-weight:700; color:#000; text-decoration:none !important}
.price-display span,.actual-price,.dol-full_price span {text-decoration:none !important}
.container.is-fluid {width:100%; max-width:none; padding:0 15px}
.contact-grid {display:grid; grid-template-columns:1fr; gap:20px; max-width:1200px; margin:0 auto}
.contact-card {background:#2a2a3a; border-radius:8px; padding:25px; transition:transform 0.3s ease}
.contact-card:hover {transform:translateY(-5px); box-shadow:0 10px 20px rgba(0,0,0,0.2)}
.contact-icon {font-size:2rem; color:#6c5ce7; margin-bottom:15px}
.contact-title {color:#ffffff; font-size:1.3rem; margin-bottom:15px; font-weight:600}
.contact-content p {color:#e0e0e0; margin-bottom:10px; line-height:1.6}
.contact-content strong {color:#ffffff}
.social-links {display:flex; flex-direction:column; gap:10px}
.social-link {color:#a29bfe; text-decoration:none; display:flex; align-items:center; gap:8px; transition:color 0.2s ease}
.social-link:hover {color:#6c5ce7}
.social-link i {font-size:1.2rem}
.contact-notice {margin:40px auto; padding:20px; background:#2a2a3a; border-radius:8px; text-align:center; color:#e0e0e0; max-width:800px}
.contact-notice a {color:#6c5ce7; text-decoration:none; font-weight:600}
.contact-notice a:hover {text-decoration:underline}
@media (min-width:768px) {.contact-grid {grid-template-columns:repeat(2,1fr)}
}
@media (min-width:1024px) {.contact-grid {grid-template-columns:repeat(2,1fr)}
}
.fas,.fab {font-family:'Font Awesome 5 Free'; font-weight:900}
@media (max-width:860px) {.dol-home {margin-top:20px; padding-top:10px}
 header + .dol-home {margin-top:30px}
}
@media (max-width:860px) {.header-search_icon,.header-fav,a[href="#modal-login"]:not(.modal-auth a),.header-user > a .fa-user {width:36px !important; height:36px !important; line-height:36px !important; font-size:16px !important; flex-shrink:0 !important; display:inline-flex !important; align-items:center; justify-content:center; border-radius:50% !important; background:var(--light); color:var(--text)}
 a[href="#modal-login"]:not(.modal-auth a),.header-user > a .fa-user {background:var(--color1) !important; color:#fff !important}
 .header-logo {font-size:18px !important; flex:1 1 auto; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
 @media (max-width:360px) {.header-fav {display:none !important}
 }
}
@media (max-width:860px) {footer .container {flex-direction:column; align-items:center; text-align:center; gap:10px; padding:15px 0}
 .footer-menu_sub {flex-direction:column; gap:6px; margin:8px 0}
 .footer-menu_sub a {margin-left:0 !important; padding:6px 0; font-size:13px}
 .footer-soc {margin:8px 0; justify-content:center; gap:12px}
 .footer-soc > a {margin-left:0 !important; width:34px; height:34px; line-height:34px; font-size:15px}
 .footer-copyright {margin-top:8px; font-size:10px}
 .footer-logo {display:block !important; font-size:22px; margin-bottom:8px}
 .footer-menu_sub {padding-bottom:10px; border-bottom:1px solid var(--light)}
 .footer-soc {padding-bottom:10px; border-bottom:1px solid var(--light)}
}
.return-policy {max-width:800px; margin:50px auto; padding:30px; background:var(--bg2); border-radius:var(--radius); color:var(--text2); line-height:1.8; font-size:14px}
 .return-policy h1 {color:var(--text); font-size:28px; margin-bottom:20px}
 .return-policy h2 {color:var(--text); font-size:20px; margin-top:30px}
.privacy-policy {max-width: 800px;margin: 50px auto;padding: 30px;background: var(--bg2);border-radius: var(--radius);color: var(--text2);line-height: 1.8;font-size: 14px;}
.privacy-policy h1 {color: var(--text);font-size: 28px;margin-bottom: 20px;}
.privacy-policy h2 {color: var(--text);font-size: 20px;margin-top: 30px;}
.offer-policy {max-width: 800px;margin: 50px auto;padding: 30px;background: var(--bg2);border-radius: var(--radius);color: var(--text2);line-height: 1.8;font-size: 14px;}
.offer-policy h1 {color: var(--text);font-size: 28px;margin-bottom: 20px;}
.offer-policy h2 {color: var(--text);font-size: 20px;margin-top: 30px;}