@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wdth,wght@0,62.5..100,100..900;1,62.5..100,100..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap");@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css");:root{--color-primary:#a0a0a0;--color-brighter-bg:#1E1E1E;--bg-image:url("https://files.catbox.moe/2hfy00.webp");--widget-padding:24px;--content-padding:20px;--background-dark:#121212;--card-dark:#1e1e1e;--text-light:#fff;--accent-color:#6a1b9a;--tooltip-background:#2a2a2a}@media (min-width:960px){:root{--content-padding:40px}}body{font-family:Lato,sans-serif;background-color:#121212;color:#fff}body::before{content:"";position:absolute;top:0;left:0;right:0;width:100%;height:100%;max-height:400px;z-index:-1;background:var(--bg-image) center center/cover no-repeat;mask-image:linear-gradient(rgba(0,0,0,0.5) 60%,transparent);pointer-events:none}h1,h2,h3,h4,h5,h6{font-family:Rubik,sans-serif;font-weight:700}.btn-primary,.btn-secondary,.btn-tertiary{border-radius:4px;cursor:pointer;transition:all 0.3s ease}.btn-primary:hover,.btn-primary:focus,.btn-secondary:hover,.btn-secondary:focus{filter:brightness(1.1)}.btn-fivem-login{display:flex;align-items:center;gap:8px;background-color:#e5e7eb;color:#000;padding:12px 16px;border-radius:8px;text-decoration:none;font-family:Inter,sans-serif;font-weight:700;font-size:14px;border:1px solid #d1d5db;transition:all 0.2s ease;min-height:40px;white-space:nowrap;cursor:pointer}.btn-fivem-login:hover{background-color:#d1d5db;border-color:#9ca3af;color:#000;text-decoration:none;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.btn-fivem-login:active{transform:translateY(0);box-shadow:0 1px 4px rgba(0,0,0,0.1)}.btn-fivem-login:focus{outline:2px solid #4285f4;outline-offset:2px}.fivem-logo{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#000}.fivem-logo svg{width:100%;height:100%;color:inherit}.btn-fivem-login .login-text{color:#000;font-weight:700;font-size:14px;flex-shrink:0}@media (min-width:960px){.navigation-horizontal .login-nav-item{height:50px;display:flex;align-items:center}.navigation-horizontal .btn-fivem-login{height:auto;padding:10px 14px;font-size:13px;gap:6px;background-color:#e5e7eb !important;backdrop-filter:none !important;border:1px solid #d1d5db !important;border-radius:8px !important}.navigation-horizontal .btn-fivem-login:hover{background-color:#d1d5db !important;border-color:#9ca3af !important;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1) !important}.navigation-horizontal .fivem-logo{width:20px;height:20px}.navigation-horizontal .btn-fivem-login .login-text{font-size:13px;font-weight:700}}@media (max-width:960px){.btn-fivem-login{width:100%;justify-content:center;padding:14px 18px;margin:8px 0;gap:10px}.fivem-logo{width:22px;height:22px}.btn-fivem-login .login-text{font-size:15px}}.login-btn-nav{display:none !important}.quantity-field{border-radius:4px;overflow:hidden}.site-header-inner{font-family:Rubik,sans-serif}.site-header-inner .info .image{border-radius:5px}.site-header-inner .user-name ul li{overflow:hidden}.site-header-inner .user-name ul li:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.site-header-inner .user-name ul li:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.site-sale-banner{border-radius:4px}.site-home-categories{position:relative;z-index:1}.site-home-categories .category{display:flex;flex-direction:column;justify-content:flex-end;position:relative;padding:32px;min-height:215px;border-radius:8px;overflow:hidden;background:var(--color-brighter-bg);transition:transform 0.3s ease}.site-home-categories .category:hover{color:var(--color-primary);transform:translateY(-5px)}.site-home-categories .category img{position:relative;width:100%;height:auto;border-radius:8px;transition:transform 0.3s ease}.site-home-categories .category:hover img{transform:scale(1.05)}.store-text,.category-description,.store-product,.no-products{border-radius:8px;border:1px solid #2D2D2D;padding:calc(var(--widget-padding) - 1px);background:var(--color-brighter-bg)}.store-text h1,.store-text h2,.store-text h3,.store-text h4,.store-text h5,.store-text h6,.category-description h1,.category-description h2,.category-description h3,.category-description h4,.category-description h5,.category-description h6,.store-product .descr h1,.store-product .descr h2,.store-product .descr h3,.store-product .descr h4,.store-product .descr h5,.store-product .descr h6{color:#fff}.site-navigation .menu,.navigation-vertical .menu,.navigation-horizontal .menu{font-family:Rubik,sans-serif;font-weight:400}@media (min-width:960px){.navigation-horizontal .menu{padding:5px;border-radius:0px}.navigation-horizontal .menu>li{border:1px solid transparent;line-height:20px}.navigation-horizontal .menu>li>a{padding:10px calc(var(--widget-padding) / 2)}.navigation-horizontal .menu>li.active{border-color:#464747;background:#1A1A1A}}.navigation-horizontal a.link-active{color:#fff;font-weight:700}.navigation-vertical{border-radius:8px;border:1px solid #2D2D2D;padding:calc(var(--widget-padding) / 2);background:var(--color-brighter-bg)}.widget{padding:0}.widget-title{margin-bottom:18px;font-size:22px;font-weight:700;text-align:center}.widget-content{border-radius:8px;border:1px solid #2D2D2D;padding:calc(var(--widget-padding) - 1px);background:var(--color-brighter-bg)}.widget-featured .store-product{border:0;padding:0}.widget .store-product{text-align:center}.popup .popup-close{border-radius:0 8px 0 0}.store-product-tiered{border-radius:8px;border:1px solid #2D2D2D;background:rgba(0,0,0,0.5)}.store-category-tiered-header h1,.store-category-tiered-header h2,.store-category-tiered-header h3,.store-category-tiered-header h4,.store-category-tiered-header h5,.store-category-tiered-header h6{text-align:center}.store-products-list .store-product,.store-products-images .store-product{border-radius:5px;background:var(--color-brighter-bg)}.store-products-images .store-product{text-align:center}.store-product-full{border-radius:5px;background:var(--color-brighter-bg)}.store-product .quantity-field{border-radius:5px;background:var(--color-brighter-bg)}.store-product .quantity-field input[type=number]{border:none}@media (min-width:960px){.navigation-horizontal>ul{border-radius:5px}}.navigation-horizontal .has-children>ul{border-radius:5px}@media (max-width:960px){.widget.site-navigation{border-radius:0;background:transparent}}.widget-gift-card .gift-card-input{border-radius:2px}.widget-top-donator .avatar{border-radius:50%}.widget-community-goal .progress,.widget-goal .progress{border-radius:2px}.widget-community-goal .progress-bar,.widget-goal .progress-bar{border-radius:2px}.popup-content{border-radius:5px}.popup-close{border-radius:0 5px 0 5px}.basket-popup-content,.basket-popup-content .popup-close{border-radius:0}.basket-items{padding:var(--widget-padding) calc(var(--content-padding) - var(--widget-padding))}.basket-item{border-radius:5px}.basket-item .quantity{border-radius:2px}.toast{border-radius:6px}.toast-close{border-radius:2px}.store-category-tiered{border-radius:5px;background:var(--color-brighter-bg)}.widget.widget-recent .avatar{width:40px;height:40px;border-radius:50%;filter:grayscale(100%);transition:filter 0.3s ease}.widget.widget-recent .avatar:hover{filter:grayscale(0%)}.widget-top-donator .widget-title{display:flex;align-items:center;justify-content:center;gap:8px;font-size:0;margin:0;padding:10px 0;text-align:center}.widget-top-donator .widget-title i.fa-solid.fa-crown{display:none}.widget-top-donator .widget-title::before{content:"\f521";font-family:"Font Awesome 6 Free";font-weight:900;font-size:22px;background:linear-gradient(135deg,#FFD700,#FA0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:1px 1px 3px rgba(0,0,0,0.4);transition:all 0.3s ease}.widget-top-donator .widget-title::after{content:"Top Customer";font-family:Rubik,sans-serif;font-weight:700;font-size:22px;background:linear-gradient(135deg,#FFD700,#FA0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:1px 1px 3px rgba(0,0,0,0.4);letter-spacing:0.5px;transition:all 0.3s ease}.widget-top-donator .widget-title:hover::before,.widget-top-donator .widget-title:hover::after{text-shadow:2px 2px 5px rgba(255,215,0,0.6);filter:brightness(1.1)}.add i{margin-right:8px}.store-product .image-link{display:block;width:100%;text-decoration:none}.store-product .image{width:100%;height:auto;display:block;border-radius:0;box-shadow:none}.site-navigation .menu a{font-size:18px;color:#e1e1e1;font-family:inherit;font-weight:800;cursor:pointer;border:none;background:none;text-transform:uppercase;transition:color 0.3s ease;text-decoration:none !important;display:inline-flex;align-items:center}.site-navigation .menu a:focus,.site-navigation .menu a:hover{color:#fff}.site-navigation .menu a i{transition:color 400ms cubic-bezier(0.25,0.8,0.25,1);margin-right:8px}.site-navigation .menu ul a{position:relative}@media (max-width:960px){.site-navigation .menu a{font-size:16px}}.site-navigation{pointer-events:auto}.user-actions .btn-secondary.btn-glyph-text.user-name:hover{color:red}.user-actions .btn-secondary.btn-glyph-text.user-name:hover i{color:red}.widget.widget-recent{background-color:var(--color-brighter-bg);border:none;outline:none;box-shadow:none;padding:var(--widget-padding);max-width:600px;margin:20px auto}.widget.widget-recent .widget-content{border:none;outline:none;box-shadow:none;padding:0;background:transparent}.widget-title{display:flex;align-items:center;font-family:Rubik,sans-serif;font-size:22px;font-weight:700;color:var(--text-light);letter-spacing:0.5px;margin-bottom:25px;text-align:left}.user-icon{margin-right:10px;font-size:24px;color:var(--color-primary)}.first-purchase-card{display:flex;align-items:center;gap:15px;margin-bottom:25px;text-align:left}.purchase-card-avatar .avatar{width:60px;height:60px;border-radius:50%;filter:grayscale(0%)}.purchase-card-info{display:flex;flex-direction:column;gap:8px}.customer-name{font-family:Rubik,sans-serif;font-size:16px;font-weight:700;color:var(--text-light);line-height:1.2}.purchase-action{font-family:Rubik,sans-serif;font-size:14px;font-weight:400;color:#a0a0a0;line-height:1.2}.package-details{font-family:Rubik,sans-serif;font-size:14px;font-weight:400;color:var(--color-primary);line-height:1.2;display:flex;align-items:center;gap:6px}.purchase-price,.tooltip-price{font-weight:400;color:#a0a0a0}.purchase-time{font-size:12px;color:#777;margin-top:8px}.purchases-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;justify-items:center}.purchase-item{position:relative;cursor:pointer}.purchase-item .avatar{width:40px;height:40px;border-radius:50%;filter:grayscale(100%)}.purchase-item:hover .avatar,.purchase-item:focus .avatar{filter:grayscale(0%)}.purchase-item .tooltip{visibility:hidden;opacity:0;position:absolute;bottom:calc(100%+10px);left:50%;transform:translateX(-50%) translateY(10px);background-color:var(--tooltip-background);color:var(--text-light);padding:12px 18px;min-width:150px;text-align:left;z-index:10;pointer-events:none;transition:opacity 0.3s ease,transform 0.3s ease;display:flex;flex-direction:column;gap:8px}.purchase-item:hover .tooltip,.purchase-item:focus .tooltip{visibility:visible;opacity:1;transform:translateX(-50%) translateY(0)}.tooltip .ign{font-family:Rubik,sans-serif;font-weight:700;color:var(--text-light);font-size:16px}.tooltip .purchase-action{font-size:14px;font-weight:400;color:#a0a0a0}.tooltip .package-details{font-size:14px;font-weight:400;color:var(--color-primary);display:flex;align-items:center;gap:6px}.tooltip small{font-size:12px;color:#777}.tooltip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-8px;border-width:8px;border-style:solid;border-color:var(--tooltip-background) transparent transparent transparent}.no-payments{text-align:center;color:var(--color-primary);font-size:14px;padding:10px}@media (max-width:960px){.widget.widget-recent{max-width:100%;padding:15px}.purchases-grid{grid-template-columns:repeat(2,1fr);gap:10px}.purchase-item .avatar{width:35px;height:35px}.purchase-item .tooltip{min-width:120px;padding:10px 14px;font-size:13px}.first-purchase-card{flex-direction:column;text-align:center;gap:10px}.purchase-card-info{align-items:center}}.store-content{opacity:0;transform:translateY(20px);transition:opacity 0.8s ease-in-out,transform 0.8s ease-in-out}.store-content.loaded{opacity:1;transform:translateY(0)}.loader{display:flex;align-items:center;justify-content:center}.bar{display:inline-block;width:3px;height:20px;background-color:rgba(255,255,255,0.5);border-radius:10px;animation:scale-up4 1s linear infinite}.bar:nth-child(2){height:35px;margin:0 5px;animation-delay:0.25s}.bar:nth-child(3){animation-delay:0.5s}@keyframes scale-up4{20%{background-color:#fff;transform:scaleY(1.5)}40%{transform:scaleY(1)}}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(18,18,18,0.8);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:1;transition:opacity 0.5s ease}.loading-overlay.hidden{opacity:0;pointer-events:none}@media (min-width:960px){.bar{width:4px;height:30px}.bar:nth-child(2){height:50px}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}body.home-entry .site-home-categories .category{border:2px solid var(--color-primary);background:linear-gradient(to bottom,#1e1e1e,#121212)}body.category-escrow .store-product{border-color:#4a90e2;background:linear-gradient(to bottom,#1e1e1e,#2a3a4a)}body.category-open-source .store-product{border-color:#2ecc71;background:linear-gradient(to bottom,#1e1e1e,#2a4a3a)}body.category-1 .store-product{border-color:#e94e77;background:linear-gradient(to bottom,#1e1e1e,#4a2a3a)}.store-products,.site-home-categories{transition:all 0.5s ease}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(18,18,18,0.8);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:1;transition:opacity 0.5s ease}.loading-overlay.hidden{opacity:0;pointer-events:none}.loader{display:flex;align-items:center}.bar{display:inline-block;width:3px;height:20px;background-color:rgba(255,255,255,0.5);border-radius:10px;animation:scale-up4 1s linear infinite}.bar:nth-child(2){height:35px;margin:0 5px;animation-delay:0.25s}.bar:nth-child(3){animation-delay:0.5s}@keyframes scale-up4{20%{background-color:#fff;transform:scaleY(1.5)}40%{transform:scaleY(1)}}@media (min-width:960px){.bar{width:4px;height:30px}.bar:nth-child(2){height:50px}}.store-text{text-align:center;font-family:Lato,sans-serif}.store-header-title{margin-bottom:20px}.store-welcome-text{font-family:Rubik,sans-serif;font-size:16px;font-weight:500;color:#a0a0a0;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:5px}.store-main-title-container{display:flex;justify-content:center;align-items:center;gap:15px}.store-main-title{font-family:Rubik,sans-serif;font-size:38px;font-weight:800;color:#fff;margin:0;line-height:1.2}.store-main-logo{width:52px;height:52px;object-fit:contain}.store-text p{color:#a0a0a0;line-height:1.6;margin-bottom:15px}.store-text{text-align:center;font-family:Lato,sans-serif}.store-header-title{margin-bottom:20px}.store-welcome-text{font-family:Rubik,sans-serif;font-size:16px;font-weight:500;color:#a0a0a0;letter-spacing:2px;text-transform:uppercase;display:block;margin-bottom:5px}.store-main-title-container{display:flex;justify-content:center;align-items:center;gap:15px}.store-main-title{font-family:Rubik,sans-serif;font-size:38px;font-weight:800;color:#fff;margin:0;line-height:1.2}.store-main-logo{width:52px;height:52px;object-fit:contain}.store-text p{color:#a0a0a0;line-height:1.6;margin-bottom:15px}.title-divider{border:0;height:1px;background:#2D2D2D;margin:20px auto;width:60%}.store-product .image-link{position:relative;display:block;text-decoration:none;overflow:hidden;border-radius:12px}.store-product .image-link .image{width:100%;height:auto;display:block;border-radius:12px;transform:scale(1);transition:transform 0.3s ease-in-out,opacity 0.3s ease-in-out}.store-product .image-link .hover-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity 0.3s ease;pointer-events:none}.store-product .image-link .hover-overlay .fa-eye{color:#fff;font-size:32px;margin-bottom:10px;transform:translateY(10px);opacity:0;transition:transform 0.3s ease,opacity 0.3s ease}.store-product .image-link .hover-overlay .hover-text{font-family:Rubik,sans-serif;font-size:14px;font-weight:500;color:#fff;opacity:0;transform:translateY(10px);transition:transform 0.3s ease,opacity 0.3s ease}.store-product .image-link:hover .image{opacity:0.8;transform:scale(1.05)}.store-product .image-link:hover .hover-overlay{opacity:1;visibility:visible}.store-product .image-link:hover .hover-overlay .fa-eye,.store-product .image-link:hover .hover-overlay .hover-text{opacity:1;transform:translateY(0)}.product-tag{position:absolute;top:15px;right:-5px;font-family:Rubik,sans-serif;font-size:12px;font-weight:700;padding:5px 10px;border-radius:4px;text-transform:uppercase;letter-spacing:1px;z-index:10;transform:rotate(5deg);box-shadow:0 4px 10px rgba(0,0,0,0.3);display:flex;align-items:center;gap:5px}.product-tag-bestseller{background-color:#ffc107;color:#212529}.product-tag-bestseller i.fa-trophy{font-size:14px}.log-in.btn-tertiary{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#5a3a1a,#4a2c0f);padding:8px 14px;border-radius:8px;text-decoration:none;color:#d36a20;font-weight:bold;font-size:16px;font-family:Inter,sans-serif}.log-in.btn-tertiary:hover{filter:saturate(1.2)}.log-in.btn-tertiary .logo{width:24px;height:24px}.log-in.btn-tertiary .login-text,.log-in.btn-tertiary .provider-text{color:#d36a20}@media (min-width:960px){.navigation-horizontal .menu{display:flex;align-items:center;gap:0;background:rgba(0,0,0,0.3);backdrop-filter:blur(8px);border-radius:0;padding:0;box-shadow:0 1px 3px rgba(0,0,0,0.1);border:none;height:50px;width:100%;margin:0;position:fixed;top:0;left:0;right:0;z-index:1000}.navigation-horizontal .menu>li{border-radius:0;transition:all 0.2s ease;height:50px;display:flex;align-items:center}.navigation-horizontal .menu>li>a,.navigation-horizontal .menu>li>button{border-radius:0;white-space:nowrap;background:transparent;border:none;transition:all 0.2s ease;height:30px;display:flex;align-items:center;font-size:14px;font-weight:500}.navigation-horizontal .menu>li:hover{transform:none;background:rgba(255,255,255,0.1)}.navigation-horizontal .menu>li>a:hover,.navigation-horizontal .menu>li>button:hover{background:transparent;border:none;box-shadow:none;color:#fff}}.site-navigation .discord-link .discord-nav-link{color:#5865F2 !important;font-weight:500;transition:all 0.2s ease;position:relative;backdrop-filter:none;background:transparent !important;border:none !important;border-radius:0;padding:0 20px;height:50px;display:flex;align-items:center}.site-navigation .discord-link .discord-nav-link:hover{color:#fff !important;background:rgba(88,101,242,0.2) !important;border:none !important;transform:none;box-shadow:none}.site-navigation .discord-link .discord-nav-link i{color:inherit;font-size:14px;transition:all 0.2s ease}.site-navigation .discord-link .discord-nav-link:hover i{transform:none}.nav-basket-btn{background:transparent !important;backdrop-filter:none !important;border:none !important;color:#fff !important;font-weight:500;transition:all 0.2s ease;position:relative;overflow:visible;padding:0 20px !important;border-radius:0;min-width:auto;height:50px;display:flex;align-items:center;justify-content:center;box-shadow:none}.nav-basket-btn:hover{background:rgba(160,160,160,0.2) !important;border:none !important;transform:none;box-shadow:none;color:#fff !important}.nav-basket-btn:active{transform:none;box-shadow:none}.nav-basket-btn i{font-size:16px !important;transition:none;color:#fff !important;margin:0 !important;filter:none}.nav-basket-btn:hover i{transform:none}.basket-count{position:absolute;top:12px;right:12px;background:#ff4757;color:white;border-radius:50%;width:16px;height:16px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,0.3);box-shadow:none;backdrop-filter:none;animation:none}.user-profile-nav{display:flex;align-items:center;gap:8px;background:transparent !important;backdrop-filter:none;border:none !important;border-radius:0;padding:0 20px;transition:all 0.2s ease;height:50px}.user-profile-nav:hover{background:rgba(76,175,80,0.2) !important;border:none !important;box-shadow:none}.user-icon{color:#4CAF50;font-size:14px}.user-name-nav{color:#fff;font-weight:500;font-size:14px;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:0;color:#f44336;text-decoration:none;transition:all 0.2s ease}.logout-btn:hover{background:rgba(244,67,54,0.2);border:none;color:#fff;transform:none}.logout-btn i{font-size:12px}.btn-fivem-login{display:flex;align-items:center;gap:12px;background-color:#e5e5e5;color:#000;padding:10px 16px;border-radius:8px;text-decoration:none;font-family:Inter,sans-serif;font-weight:600;font-size:14px;border:1px solid #d0d0d0;transition:all 0.2s ease;min-height:40px;white-space:nowrap;cursor:pointer}.btn-fivem-login:hover{background-color:#d5d5d5;border-color:#c0c0c0;color:#000;text-decoration:none}.btn-fivem-login:focus{outline:2px solid #4285f4;outline-offset:2px}.fivem-logo{width:24px;height:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.fivem-logo svg{width:100%;height:100%}.btn-fivem-login .login-text{color:#000;font-weight:600;font-size:14px}@media (min-width:960px){.navigation-horizontal .login-nav-item{height:50px;display:flex;align-items:center}.navigation-horizontal .btn-fivem-login{height:auto;padding:8px 14px;font-size:13px;background-color:#e5e5e5 !important;backdrop-filter:none !important;border:1px solid #d0d0d0 !important;border-radius:8px !important}.navigation-horizontal .btn-fivem-login:hover{background-color:#d5d5d5 !important;border-color:#c0c0c0 !important;transform:none;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.navigation-horizontal .fivem-logo{width:20px;height:20px}.navigation-horizontal .btn-fivem-login .login-text{font-size:13px}}@media (max-width:960px){.btn-fivem-login{width:100%;justify-content:center;padding:12px 16px;margin:8px 0}}.site-navigation .menu li{position:relative;transition:all 0.2s ease}.site-navigation .menu li:hover{transform:none}.site-navigation .menu li a{transition:all 0.2s ease;border-radius:0;position:relative}.site-navigation .menu li a:hover{background:rgba(255,255,255,0.1);backdrop-filter:none;box-shadow:none}.site-navigation .menu li.active{background:rgba(255,255,255,0.1);backdrop-filter:none;border:none;border-radius:0;box-shadow:none}@media (min-width:960px){.navigation-horizontal .discord-link{order:997;margin-left:auto}.navigation-horizontal .user-nav-item,.navigation-horizontal .login-nav-item{order:998}.navigation-horizontal .basket-nav-item{order:999}}.user-profile-nav::before{display:none}.nav-tooltip{display:none !important}@keyframes pulse-glow{0%,100%{transform:scale(1);box-shadow:none}50%{transform:scale(1);box-shadow:none}}@keyframes pulse-online{0%,100%{opacity:1;transform:scale(1)}50%{opacity:1;transform:scale(1)}}.nav-basket-btn:focus,.site-navigation .menu li a:focus{outline:1px solid rgba(255,255,255,0.3);outline-offset:-1px}.logout-btn:focus,.login-btn-nav:focus{outline:1px solid rgba(255,255,255,0.3);outline-offset:-1px}@media (max-width:960px){.site-navigation .menu li{opacity:0;transform:translateY(-30px);transition:all 0.6s cubic-bezier(0.25,0.8,0.25,1)}.show-navigation .site-navigation .menu li{opacity:1;transform:translateY(0)}.show-navigation .site-navigation .menu li:nth-child(1){transition-delay:0.1s}.show-navigation .site-navigation .menu li:nth-child(2){transition-delay:0.15s}.show-navigation .site-navigation .menu li:nth-child(3){transition-delay:0.2s}.show-navigation .site-navigation .menu li:nth-child(4){transition-delay:0.25s}.show-navigation .site-navigation .menu li:nth-child(5){transition-delay:0.3s}.show-navigation .site-navigation .menu li:nth-child(6){transition-delay:0.35s}.show-navigation .site-navigation .menu li:nth-child(7){transition-delay:0.4s}.show-navigation .site-navigation .menu li:nth-child(8){transition-delay:0.45s}.show-navigation .site-navigation .menu li:nth-child(9){transition-delay:0.5s}.show-navigation .site-navigation .menu li:nth-child(10){transition-delay:0.55s}.show-navigation .site-navigation .menu li{animation:slideInFromTop 0.6s cubic-bezier(0.25,0.8,0.25,1) forwards}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-30px)}100%{opacity:1;transform:translateY(0)}}.show-navigation .site-navigation .menu li:nth-child(1){animation-delay:0.1s}.show-navigation .site-navigation .menu li:nth-child(2){animation-delay:0.15s}.show-navigation .site-navigation .menu li:nth-child(3){animation-delay:0.2s}.show-navigation .site-navigation .menu li:nth-child(4){animation-delay:0.25s}.show-navigation .site-navigation .menu li:nth-child(5){animation-delay:0.3s}.show-navigation .site-navigation .menu li:nth-child(6){animation-delay:0.35s}.show-navigation .site-navigation .menu li:nth-child(7){animation-delay:0.4s}.show-navigation .site-navigation .menu li:nth-child(8){animation-delay:0.45s}.show-navigation .site-navigation .menu li:nth-child(9){animation-delay:0.5s}.show-navigation .site-navigation .menu li:nth-child(10){animation-delay:0.55s}}@media (max-width:960px){.toggle-navigation{position:fixed;top:20px;right:20px;left:auto;z-index:1002}@media (max-width:480px){.toggle-navigation{right:15px;left:auto}}}.site-header{margin-top:50px}@media (max-width:960px){.site-navigation .login-nav-item{display:block !important;opacity:1 !important;transform:none !important;visibility:visible !important}.site-navigation .login-nav-item,.show-navigation .site-navigation .login-nav-item{animation:none !important;transition-delay:0s !important;opacity:1 !important;transform:translateY(0) !important}.site-navigation .btn-fivem-login{display:flex !important;width:calc(100% - 16px) !important;margin:8px auto !important;padding:14px 18px !important;background-color:#e5e7eb !important;color:#000 !important;border:1px solid #d1d5db !important;border-radius:8px !important;justify-content:center !important;align-items:center !important;gap:10px !important}.site-navigation .menu{display:block !important}.show-navigation .site-navigation{display:block !important;visibility:visible !important}.site-navigation{display:block !important}@media (max-width:960px){.widget.site-navigation{background:var(--color-brighter-bg) !important;border:1px solid #2D2D2D !important;border-radius:8px !important}}}@media (max-width:960px){.site-navigation .menu li{display:block !important;width:100% !important}.site-navigation .menu li a,.site-navigation .menu li .btn-fivem-login{display:flex !important;width:100% !important}}.login-nav-item .btn-fivem-login{display:flex !important;visibility:visible !important}@media (max-width:960px){.btn-fivem-login{width:100% !important;justify-content:center !important;padding:14px 18px !important;margin:8px 0 !important;gap:10px !important;background-color:#e5e7eb !important;color:#000 !important;border:1px solid #d1d5db !important;border-radius:8px !important;font-weight:700 !important;display:flex !important;align-items:center !important}.fivem-logo{width:22px !important;height:22px !important}.btn-fivem-login .login-text{font-size:15px !important;color:#000 !important;font-weight:700 !important}}.hero-info-container{max-width:100%;margin:0 auto;position:relative;z-index:2}.hero-info-content{text-align:center}.welcome-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(160,160,160,0.1);border:1px solid #2D2D2D;border-radius:6px;padding:8px 16px;margin-bottom:20px;font-size:12px;font-weight:500;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px}.welcome-badge i{color:var(--color-primary);font-size:14px}.main-title-container{display:flex;align-items:center;justify-content:center;gap:15px;margin-bottom:20px;flex-wrap:wrap}.main-title{font-family:Rubik,sans-serif;font-size:2.5rem;font-weight:700;color:#fff;margin:0;line-height:1.1}.title-logo{height:50px;background:var(--color-primary);border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease}.title-logo:hover{transform:scale(1.05)}.title-logo img{width:32px;height:32px;object-fit:contain}.title-logo i{font-size:24px;color:#fff}.hero-description{font-size:1rem;color:#a0a0a0;line-height:1.6;margin:0 0 30px 0;max-width:500px;margin-left:auto;margin-right:auto;font-weight:400}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:600px;margin:0 auto}.stat-item{text-align:center;padding:20px 15px;background:rgba(160,160,160,0.05);border:1px solid #2D2D2D;border-radius:8px;transition:all 0.3s ease}.stat-item:hover{background:rgba(160,160,160,0.1);transform:translateY(-2px)}.stat-number{font-family:Rubik,sans-serif;font-size:2rem;font-weight:700;color:#fff;margin-bottom:5px;display:block}.stat-label{font-size:0.85rem;color:var(--color-primary);text-transform:uppercase;letter-spacing:1px;font-weight:500}.feature-section-title{text-align:center;font-family:Rubik,sans-serif;font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:2rem;text-shadow:0 2px 10px rgba(0,0,0,0.3)}.feature-cards-section{padding:3rem 1rem}.feature-cards-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin:0 auto}.feature-card{background:rgba(255,255,255,0.03);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:2rem 1rem;text-align:center;color:#fff;position:relative;overflow:hidden;cursor:pointer;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);box-shadow:0 8px 32px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.1)}.feature-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.08),transparent );transition:left 0.6s cubic-bezier(0.25,0.46,0.45,0.94);z-index:1}.feature-card::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient( circle at center,rgba(255,255,255,0.05) 0%,transparent 70% );opacity:0;transition:opacity 0.4s ease;z-index:0;pointer-events:none}.feature-card:hover{background:rgba(255,255,255,0.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:rgba(255,255,255,0.2);transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,0.2),0 0 0 1px rgba(255,255,255,0.1),inset 0 1px 0 rgba(255,255,255,0.2)}.feature-card:hover::before{left:100%}.feature-card:hover::after{opacity:1}.feature-card>*{position:relative;z-index:2}.feature-card i{font-size:2rem;margin-bottom:1rem;color:var(--color-primary);transition:all 0.4s ease;filter:drop-shadow(0 4px 8px rgba(0,0,0,0.3))}.feature-card:hover i{transform:scale(1.1) rotateY(5deg);color:#fff;text-shadow:0 0 20px var(--color-primary)}.feature-card h3{margin:0.5rem 0;font-weight:700;font-size:1.1rem;transition:all 0.3s ease;text-shadow:0 2px 4px rgba(0,0,0,0.3)}.feature-card:hover h3{color:#fff;transform:translateY(-2px);text-shadow:0 4px 8px rgba(0,0,0,0.4)}.feature-card p{color:#a0a0a0;font-size:0.95rem;transition:all 0.3s ease;line-height:1.5}.feature-card:hover p{color:#e0e0e0;transform:translateY(-1px)}.features-container{display:flex;gap:20px;justify-content:space-between;max-width:1200px;margin:auto}.feature-box{flex:1;min-width:250px;background:rgba(255,255,255,0.03);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.1);padding:20px;border-radius:16px;text-align:center;position:relative;overflow:hidden;cursor:pointer;transition:all 0.4s cubic-bezier(0.25,0.46,0.45,0.94);box-shadow:0 8px 32px rgba(0,0,0,0.1),inset 0 1px 0 rgba(255,255,255,0.1)}.feature-box::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,0.08),transparent );transition:left 0.6s cubic-bezier(0.25,0.46,0.45,0.94);z-index:1}.feature-box::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient( circle at center,rgba(255,255,255,0.05) 0%,transparent 70% );opacity:0;transition:opacity 0.4s ease;z-index:0;pointer-events:none}.feature-box:hover{background:rgba(255,255,255,0.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-color:rgba(255,255,255,0.2);transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,0.2),0 0 0 1px rgba(255,255,255,0.1),inset 0 1px 0 rgba(255,255,255,0.2)}.feature-box:hover::before{left:100%}.feature-box:hover::after{opacity:1}.feature-box>*{position:relative;z-index:2}.feature-card:nth-child(1){transition-delay:0ms}.feature-card:nth-child(2){transition-delay:50ms}.feature-card:nth-child(3){transition-delay:100ms}.feature-card:nth-child(4){transition-delay:150ms}.feature-card:nth-child(5){transition-delay:200ms}.feature-card:nth-child(6){transition-delay:250ms}@media (max-width:768px){.features-container{flex-direction:column;gap:15px}.feature-card,.feature-box{transform:none}.feature-card:hover,.feature-box:hover{transform:translateY(-4px) scale(1.01)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-card,.feature-box{animation:fadeInUp 0.6s ease forwards}.customer-reviews-section{text-align:center;margin-top:0rem;padding:2rem 1rem;color:#fff}.customer-reviews-section h2{font-family:Rubik,sans-serif;font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:0.5rem}.customer-reviews-section>p{font-size:1rem;margin-bottom:2rem;color:#a0a0a0;font-weight:400}.reviews-carousel{position:relative;overflow:hidden;max-width:1200px;margin:0 auto;cursor:grab;border-radius:12px;mask-image:linear-gradient( to right,transparent 0%,rgba(0,0,0,0.1) 5%,rgba(0,0,0,0.8) 15%,black 25%,black 75%,rgba(0,0,0,0.8) 85%,rgba(0,0,0,0.1) 95%,transparent 100% );-webkit-mask-image:linear-gradient( to right,transparent 0%,rgba(0,0,0,0.1) 5%,rgba(0,0,0,0.8) 15%,black 25%,black 75%,rgba(0,0,0,0.8) 85%,rgba(0,0,0,0.1) 95%,transparent 100% )}.reviews-carousel:active{cursor:grabbing}.reviews-carousel::before,.reviews-carousel::after{content:'';position:absolute;top:0;bottom:0;width:120px;z-index:10;pointer-events:none}.reviews-carousel::before{left:0;background:linear-gradient( to right,var(--background-dark) 0%,rgba(18,18,18,0.9) 20%,rgba(18,18,18,0.7) 40%,rgba(18,18,18,0.3) 70%,transparent 100% )}.reviews-carousel::after{right:0;background:linear-gradient( to left,var(--background-dark) 0%,rgba(18,18,18,0.9) 20%,rgba(18,18,18,0.7) 40%,rgba(18,18,18,0.3) 70%,transparent 100% )}.reviews-container{display:flex;gap:1.5rem;padding:1rem 0;will-change:transform}.reviews-container.dragging{transition:none}.review-card{background:var(--color-brighter-bg);border:1px solid #2D2D2D;border-radius:8px;padding:1.5rem;min-width:320px;flex:0 0 320px;transition:transform 0.3s ease,opacity 0.3s ease;user-select:none;opacity:0.7}.review-card.center{opacity:1;transform:scale(1.02)}.review-card:hover{transform:translateY(-3px);opacity:1}.review-stars{display:flex;justify-content:center;gap:0.25rem;margin-bottom:1rem}.review-stars i{color:#ffc107;font-size:1rem}.review-card img{width:50px;height:50px;border-radius:50%;margin:0 auto 1rem;display:block;border:2px solid #2D2D2D}.review-card p{font-size:0.9rem;color:#a0a0a0;line-height:1.5;margin-bottom:1rem;font-style:italic}.review-card span{display:block;font-size:0.85rem;color:#fff;font-weight:500}.carousel-dots{display:flex;justify-content:center;gap:0.5rem;margin-top:1.5rem}.dot{width:8px;height:8px;border-radius:50%;background-color:#2D2D2D;cursor:pointer;transition:all 0.3s ease}.dot.active,.dot:hover{background-color:var(--color-primary);transform:scale(1.2)}.extra-section{text-align:center;margin-top:2rem;padding:1.5rem;background:var(--color-brighter-bg);border:1px solid #2D2D2D;color:white;border-radius:8px}.extra-section h3{font-family:Rubik,sans-serif;font-weight:600;margin-bottom:0.5rem;color:#fff}.extra-section p{color:#a0a0a0;margin-bottom:1rem}.extra-section .btn{display:inline-block;padding:0.6rem 1.5rem;background:var(--color-primary);color:#000;border-radius:4px;text-decoration:none;font-weight:500;transition:all 0.3s ease;font-size:0.9rem}.extra-section .btn:hover{filter:brightness(1.1);transform:translateY(-1px)}@media (max-width:768px){.customer-reviews-section{padding:1.5rem 0.5rem}.review-card{min-width:280px;flex:0 0 280px;padding:1.25rem}.reviews-container{gap:1rem}.reviews-carousel::before,.reviews-carousel::after{width:80px}.reviews-carousel{mask-image:linear-gradient( to right,transparent 0%,rgba(0,0,0,0.3) 8%,black 20%,black 80%,rgba(0,0,0,0.3) 92%,transparent 100% );-webkit-mask-image:linear-gradient( to right,transparent 0%,rgba(0,0,0,0.3) 8%,black 20%,black 80%,rgba(0,0,0,0.3) 92%,transparent 100% )}}.dot:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.reviews-container{animation:none}.review-card{transition:none}}.reviews-carousel{box-shadow:inset 40px 0 40px -40px rgba(18,18,18,0.8),inset -40px 0 40px -40px rgba(18,18,18,0.8)}.help-support-section{position:relative;padding:3rem 1rem;margin-top:0rem;text-align:center;background:var(--background-dark);overflow:hidden}.help-support-section::before{content:'';position:absolute;top:50%;left:50%;width:800px;height:600px;transform:translate(-50%,-50%) scale(0);background:radial-gradient( ellipse at center,rgba(255,255,255,0.03) 0%,rgba(255,255,255,0.015) 30%,rgba(255,255,255,0.005) 60%,transparent 100% );pointer-events:none;z-index:1;opacity:0;transition:all 1.2s cubic-bezier(0.25,0.8,0.25,1)}.help-support-section.animate::before{transform:translate(-50%,-50%) scale(1);opacity:1}.help-support-container{position:relative;z-index:2;max-width:600px;margin:0 auto}.help-support-content h2{font-family:Rubik,sans-serif;font-size:2.5rem;font-weight:700;color:#fff;margin-bottom:1.5rem;line-height:1.2;overflow:hidden}.help-support-content h2 .letter{display:inline-block;opacity:0;transform:translateY(50px) rotateX(90deg);transition:all 0.6s cubic-bezier(0.25,0.8,0.25,1)}.help-support-section.animate .help-support-content h2 .letter{opacity:1;transform:translateY(0) rotateX(0deg)}.help-support-content p{font-size:1.1rem;color:#ccc;line-height:1.6;margin-bottom:2rem;overflow:hidden}.help-support-content p .word{display:inline-block;opacity:0;transform:translateY(30px);transition:all 0.5s cubic-bezier(0.25,0.8,0.25,1);margin-right:0.3em}.help-support-section.animate .help-support-content p .word{opacity:0.9;transform:translateY(0)}.discord-cta-btn{display:inline-flex;align-items:center;gap:12px;background-color:#f5f5f5;color:#333;padding:14px 28px;border-radius:10px;text-decoration:none;font-family:Rubik,sans-serif;font-weight:600;font-size:1rem;box-shadow:0 4px 15px rgba(0,0,0,0.1);opacity:0;transform:translateY(30px) scale(0.9);transition:all 0.8s cubic-bezier(0.25,0.8,0.25,1);overflow:hidden;position:relative}.discord-cta-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.6s ease}.help-support-section.animate .discord-cta-btn{opacity:1;transform:translateY(0) scale(1);transition-delay:0.7s}.help-support-section.animate .discord-cta-btn::before{left:100%;transition-delay:1.2s}.discord-cta-btn .btn-text{display:inline-block;opacity:0;transform:translateX(-10px);transition:all 0.4s cubic-bezier(0.25,0.8,0.25,1)}.help-support-section.animate .discord-cta-btn .btn-text{opacity:1;transform:translateX(0);transition-delay:0.9s}.help-support-section.animate .discord-cta-btn:hover{background-color:#e8e8e8;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px rgba(0,0,0,0.15);text-decoration:none;color:#333;transition:all 0.3s ease}.discord-cta-btn i{font-size:1.2rem;color:#5865f2;opacity:0;transform:rotate(-180deg) scale(0.5);transition:all 0.8s cubic-bezier(0.25,0.8,0.25,1)}.help-support-section.animate .discord-cta-btn i{opacity:1;transform:rotate(0deg) scale(1);transition-delay:0.8s}@media (max-width:768px){.help-support-section{padding:3rem 1rem}.help-support-section::before{width:600px;height:450px}.help-support-content h2{font-size:2rem;margin-bottom:1.25rem}.help-support-content p{font-size:1rem;margin-bottom:1.75rem}.discord-cta-btn{padding:12px 24px;font-size:0.95rem;gap:10px}}@media (max-width:480px){.help-support-section{padding:2.5rem 0.75rem}.help-support-section::before{width:400px;height:350px}.help-support-content h2{font-size:1.75rem}.help-support-content p{font-size:0.95rem}.discord-cta-btn{width:100%;justify-content:center;max-width:280px}}.discord-cta-btn:focus{outline:2px solid #5865f2;outline-offset:2px}@media (prefers-reduced-motion:reduce){.help-support-section::before,.help-support-content h2 .letter,.help-support-content p .word,.discord-cta-btn,.discord-cta-btn i,.discord-cta-btn .btn-text,.discord-cta-btn::before{transition:none;transform:none;opacity:1}.help-support-section.animate .discord-cta-btn:hover{transform:none}}.site-footer{font-family:Rajdhani,sans-serif;font-size:12px;color:#fff}.site-footer-inner{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.site-footer .copyright{margin:0;color:#fff}.site-footer .copyright span{color:#00c3ff}.site-footer .designed-by{display:flex;align-items:center;text-decoration:none;color:#888;font-size:11px}.site-footer .designed-by:hover{color:#00c3ff}.site-footer .designed-text{margin-right:6px;font-size:10px}.site-footer .designed-by img{height:16px;display:inline-block}.site-footer a{text-decoration:none}body{overflow:hidden}.page-content{opacity:0;transform:translateY(20px);transition:opacity 0.8s ease-in-out,transform 0.8s ease-in-out}.page-content.loaded{opacity:1;transform:translateY(0)}.browse-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;color:#000;background:linear-gradient(to right,#e5e5e5,#cfcfcf,#bfbfbf);border:none;border-radius:12px;cursor:pointer;text-decoration:none;line-height:1}.browse-btn svg{width:18px;height:18px;stroke:#000;stroke-width:2;fill:none}

.site-header .actions .toggle-navigation {
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;
  left: auto !important;
  z-index: 1002 !important;
  width: 48px !important;
  height: 48px !important;
  padding: 0 !important;
  margin: 0 !important;
  background: rgba(30, 30, 30, 0.95) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  box-sizing: border-box !important;
}

@media (max-width: 960px) {
  .site-header .actions .toggle-navigation {
    display: flex !important;
  }
}

.toggle-navigation .hamburger-icon {
  position: relative !important;
  width: 24px !important;
  height: 20px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
}

.toggle-navigation .hamburger-icon .line {
  display: block !important;
  width: 100% !important;
  height: 2px !important;
  background-color: #ffffff !important;
  border-radius: 2px !important;
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
  transform-origin: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  position: relative !important;
  opacity: 1 !important;
}

.toggle-navigation .hamburger-icon .line-1 {
  top: 0 !important;
}

.toggle-navigation .hamburger-icon .line-2 {
  top: auto !important;
  bottom: auto !important;
}

.toggle-navigation .hamburger-icon .line-3 {
  bottom: 0 !important;
}

body.show-navigation .toggle-navigation .hamburger-icon .line-1 {
  transform: translateY(9px) rotate(45deg) !important;
  background-color: #ff4444 !important;
}

body.show-navigation .toggle-navigation .hamburger-icon .line-2 {
  opacity: 0 !important;
  transform: scaleX(0) !important;
}

body.show-navigation .toggle-navigation .hamburger-icon .line-3 {
  transform: translateY(-9px) rotate(-45deg) !important;
  background-color: #ff4444 !important;
}

.toggle-navigation:hover {
  background: rgba(40, 40, 40, 0.95) !important;
  transform: scale(1.05) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

body.show-navigation .toggle-navigation {
  background: rgba(244, 67, 54, 0.1) !important;
  border-color: rgba(244, 67, 54, 0.3) !important;
}

.toggle-navigation::before,
.toggle-navigation::after,
.hamburger-icon::before,
.hamburger-icon::after,
.line::before,
.line::after {
  display: none !important;
}

.toggle-navigation span:not(.hamburger-icon):not(.line) {
  display: none !important;
}

.site-header {
  position: relative;
  z-index: 100;
}

.site-header .actions {
  position: static;
}

@media (max-width: 960px) {
  .site-navigation {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100vh !important;
    background: rgba(18, 18, 18, 0.98) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    transform: translateX(-100%) !important;
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
    z-index: 1000 !important;
    overflow-y: auto !important;
    padding: 80px 20px 20px !important;
    display: block !important;
  }

  body.show-navigation .site-navigation {
    transform: translateX(0) !important;
  }

  .site-navigation .close-navigation {
    display: none !important;
  }
}

.nav-overlay {
  display: none !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  background: rgba(0, 0, 0, 0.5) !important;
  z-index: 999 !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
}

body.show-navigation .nav-overlay {
  display: block !important;
  opacity: 1 !important;
}

.toggle-navigation:focus {
  outline: 2px solid var(--color-primary) !important;
  outline-offset: 2px !important;
}

.toggle-navigation {
  pointer-events: auto !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important;
}

@keyframes pulse-attention {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.4);
  }
  70% {
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}

.toggle-navigation.pulse {
  animation: pulse-attention 2s !important;
}
   .user-avatar {
       width: 20px;
       height: 20px;
       border-radius: 50%;
       display: inline-block;
       vertical-align: middle;
   }

.user-profile-nav {

  all: unset !important;

  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  padding: 1px 12px !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  height: auto !important;
  min-height: 20px !important;
  width: fit-content !important;
  transform: none !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  position: relative !important;
}

.user-profile-nav:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

.user-icon {
  all: unset !important;
  color: #ffffff !important;
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}

.user-name-nav {
  all: unset !important;
  color: #ffffff !important;
  font-weight: 500 !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  max-width: 120px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-shadow: none !important;
  flex-shrink: 1 !important;
  font-family: 'Lato', sans-serif !important;
}

.logout-btn {
  display: none !important;
  visibility: hidden !important;
}

.user-profile-nav::after {
  content: "\f078" !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  font-size: 10px !important;
  width: 10px !important;
  height: 10px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: transform 0.3s ease !important;
}

.user-profile-nav:hover::after {
  transform: translateY(1px) !important;
}

.user-profile-nav.open::after {
  transform: rotate(180deg) !important;
}

.user-dropdown-menu {
  position: absolute !important;
  top: calc(100% + 8px) !important;
  right: 0 !important;
  min-width: 200px !important;
  background: rgba(30, 30, 30, 0.95) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(-10px) scale(0.95) !important;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
  z-index: 1000 !important;
  overflow: hidden !important;
}

.user-profile-nav.open .user-dropdown-menu {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) scale(1) !important;
}

.user-dropdown-item {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px 16px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  transition: all 0.2s ease !important;
  cursor: pointer !important;
  border: none !important;
  background: transparent !important;
  width: 100% !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

.user-dropdown-item:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.user-dropdown-item.recent-payments {
  color: #ffffff !important;
}

.user-dropdown-item.recent-payments:hover {
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.user-dropdown-item.recent-payments i {
  color: #4CAF50 !important;
  font-size: 14px !important;
  width: 16px !important;
  height: 14px !important;
  text-align: center !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

.user-dropdown-item.recent-payments:hover i {
  color: #66BB6A !important;
}

.user-dropdown-item.logout {
  color: #ff4757 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  margin-top: 4px !important;
}

.user-dropdown-item.logout:hover {
  background: rgba(255, 71, 87, 0.1) !important;
  color: #ff6b7a !important;
  text-decoration: none !important;
}

.user-dropdown-item.logout i {
  color: #ff4757 !important;
  font-size: 14px !important;
  width: 16px !important;
  height: 14px !important;
  text-align: center !important;
  font-family: "Font Awesome 6 Free" !important;
  font-weight: 900 !important;
}

.user-dropdown-item.logout:hover i {
  color: #ff6b7a !important;
}

.user-dropdown-menu::before {
  content: '' !important;
  position: absolute !important;
  top: -6px !important;
  right: 16px !important;
  width: 12px !important;
  height: 12px !important;
  background: rgba(30, 30, 30, 0.95) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  border-bottom: none !important;
  border-right: none !important;
  transform: rotate(45deg) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
}

.user-nav-item {
  all: unset !important;
  display: block !important;
  position: relative !important;
  z-index: 999 !important;
}

@media (min-width: 960px) {
  .navigation-horizontal .user-nav-item {
    all: unset !important;
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    order: 998 !important;
    position: relative !important;
    z-index: 999 !important;
  }

  .navigation-horizontal .user-profile-nav {
    height: auto !important;
    min-height: 18px !important;
    padding: 2px 8px !important;
    font-size: 12px !important;
  }

  .navigation-horizontal .user-icon {
    font-size: 12px !important;
    width: 12px !important;
    height: 12px !important;
  }

  .navigation-horizontal .user-name-nav {
    font-size: 11px !important;
    max-width: 80px !important;
  }

  .navigation-horizontal .user-profile-nav::after {
    font-size: 8px !important;
    width: 8px !important;
    height: 8px !important;
  }

  .navigation-horizontal .user-dropdown-menu {
    top: calc(100% + 6px) !important;
  }

  .navigation-horizontal .user-dropdown-item {
    padding: 10px 14px !important;
    font-size: 13px !important;
  }
}

@media (max-width: 960px) {
  .user-profile-nav {
    width: calc(100% - 16px) !important;
    margin: 8px auto !important;
    justify-content: space-between !important;
    padding: 6px 16px !important;
    min-height: 32px !important;
  }

  .user-name-nav {
    max-width: none !important;
    flex-grow: 1 !important;
    margin: 0 8px !important;
    font-size: 14px !important;
  }

  .user-icon {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
  }

  .user-profile-nav::after {
    font-size: 11px !important;
    width: 11px !important;
    height: 11px !important;
  }

  .user-dropdown-menu {
    right: 8px !important;
    left: 8px !important;
    min-width: auto !important;
  }

  .user-dropdown-menu::before {
    right: 24px !important;
  }
}

.user-profile-nav:focus {
  outline: 2px solid rgba(255, 255, 255, 0.3) !important;
  outline-offset: 2px !important;
}

.user-profile-nav:active {
  transform: translateY(0) !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

.user-profile-nav::before {
  display: none !important;
}

.user-profile-nav * {
  animation: none !important;
}

.user-profile-nav,
.user-profile-nav * {
  font-family: 'Lato', sans-serif !important;
}

.nav-basket-btn {

  all: unset !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 8px !important;
  padding: 6px 12px !important;
  transition: all 0.3s ease !important;
  cursor: pointer !important;
  height: auto !important;
  min-height: 32px !important;
  width: fit-content !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
  position: relative !important;
  overflow: visible !important;
}

.nav-basket-btn i.fa-shopping-cart,
.nav-basket-btn i.fa-solid.fa-shopping-cart,
.nav-basket-btn .fa-shopping-cart {
  display: inline-block !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  filter: none !important;
  transform: none !important;
  transition: color 0.3s ease !important;
  position: relative !important;
  z-index: 1 !important;

  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
  font-weight: 900 !important;
  font-style: normal !important;
  font-variant: normal !important;
  text-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

.nav-basket-btn i.fa-shopping-cart::before {
  content: "\f07a" !important;
  display: inline-block !important;
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  font-size: inherit !important;
}

.nav-basket-btn:hover {
  background: rgba(255, 255, 255, 0.15) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

.nav-basket-btn:hover i {
  color: #ffffff !important;
  transform: scale(1.1) !important;
}

.nav-basket-btn:active {
  transform: translateY(0) !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

.nav-basket-btn:focus {
  outline: 2px solid rgba(255, 255, 255, 0.3) !important;
  outline-offset: 2px !important;
}

@media (min-width: 960px) {
  .navigation-horizontal .basket-nav-item {
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    order: 999 !important;
    position: relative !important;
  }

  .navigation-horizontal .nav-basket-btn {
    height: auto !important;
    min-height: 28px !important;
    padding: 4px 10px !important;
  }

  .navigation-horizontal .nav-basket-btn i.fa-shopping-cart,
  .navigation-horizontal .nav-basket-btn i {
    font-size: 14px !important;
  }

}

@media (max-width: 960px) {
  .basket-nav-item {
    display: block !important;
    width: 100% !important;
    padding: 0 8px !important;
  }

  .nav-basket-btn {
    width: calc(100% - 16px) !important;
    margin: 8px auto !important;
    justify-content: center !important;
    padding: 10px 16px !important;
    min-height: 40px !important;
  }

  .nav-basket-btn i.fa-shopping-cart,
  .nav-basket-btn i {
    font-size: 18px !important;
  }
}

.basket-nav-item {
  all: unset !important;
  display: block !important;
  position: relative !important;
}

.nav-basket-btn::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px) !important;
  background-size: 10px 10px !important;
  border-radius: 8px !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

.nav-basket-btn:hover::after {
  opacity: 1 !important;
}

.nav-basket-btn,
.nav-basket-btn * {
  font-family: 'Lato', sans-serif !important;
}

.nav-basket-btn:empty::before,
.nav-basket-btn:not(:has(i))::before {
  content: "\f07a" !important;
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  display: inline-block !important;
}
@media (min-width: 960px) {
  .navigation-horizontal .basket-nav-item {
    margin-left: 16px !important;
  }
}

@media (max-width: 960px) {
  .basket-nav-item {
    margin-top: 12px !important;
  }
}

@media (min-width: 960px) {

  .navigation-horizontal .user-nav-item,
  .navigation-horizontal .basket-nav-item {
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
    padding: 0 !important;
  }

  .navigation-horizontal .user-profile-nav,
  .navigation-horizontal .nav-basket-btn {

    height: 28px !important;
    min-height: 28px !important;
    max-height: 28px !important;

    padding: 4px 10px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;

    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;

    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;

    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;

    transition: all 0.3s ease !important;
    cursor: pointer !important;

    font-family: 'Lato', sans-serif !important;

    position: relative !important;
    overflow: visible !important;
  }

  .navigation-horizontal .nav-basket-btn {
    min-width: 36px !important;
    width: auto !important;
    gap: 0 !important;
  }

  .navigation-horizontal .user-icon,
  .navigation-horizontal .nav-basket-btn i.fa-shopping-cart {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    flex-shrink: 0 !important;
  }

  .navigation-horizontal .nav-basket-btn i.fa-shopping-cart::before {
    content: "\f07a" !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    font-size: 14px !important;
    display: inline-block !important;
    line-height: 1 !important;
  }

  .navigation-horizontal .user-profile-nav:hover,
  .navigation-horizontal .nav-basket-btn:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
  }

  .navigation-horizontal .user-profile-nav:active,
  .navigation-horizontal .nav-basket-btn:active {
    transform: translateY(0) !important;
    background: rgba(255, 255, 255, 0.12) !important;
  }

  .navigation-horizontal .user-profile-nav:focus,
  .navigation-horizontal .nav-basket-btn:focus {
    outline: 2px solid rgba(255, 255, 255, 0.3) !important;
    outline-offset: 2px !important;
  }

  .navigation-horizontal .basket-nav-item {
    margin-left: 8px !important;
  }

}

@media (max-width: 960px) {
  .user-nav-item,
  .basket-nav-item {
    display: block !important;
    width: 100% !important;
    padding: 0 8px !important;
  }

  .user-profile-nav,
  .nav-basket-btn {

    width: calc(100% - 16px) !important;
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
    margin: 8px auto !important;
    padding: 8px 14px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;

    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 8px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important;
    transition: all 0.3s ease !important;
  }

  .user-icon,
  .nav-basket-btn i.fa-shopping-cart {
    font-size: 16px !important;
    width: 16px !important;
    height: 16px !important;
    color: #ffffff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  .nav-basket-btn i.fa-shopping-cart::before {
    content: "\f07a" !important;
    font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    font-size: 16px !important;
    display: inline-block !important;
    line-height: 1 !important;
  }

}

.basket-nav-item {
  all: unset !important;
  display: block !important;
  position: relative !important;
}

.navigation-horizontal .user-info,
.navigation-horizontal .nav-basket-btn {
  vertical-align: middle !important;
}

.nav-basket-btn::after,
.nav-basket-btn::before {
  display: none !important;
}

.navigation-horizontal .user-profile-nav,
.navigation-horizontal .nav-basket-btn,
.navigation-horizontal .user-profile-nav *,
.navigation-horizontal .nav-basket-btn * {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

.widget.widget-recent {
    background: #ffffff !important;
    border-radius: 50px !important;
    padding: 8px 15px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-family: Arial, sans-serif !important;
    color: #000 !important;
    border: none !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
    max-width: fit-content !important;
    margin: 20px auto !important;
    overflow: visible !important;
}

.widget.widget-recent .widget-content {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    overflow: visible !important;
}

.widget.widget-recent .widget-title {
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    color: #000 !important;
    white-space: nowrap !important;
}

.widget.widget-recent .widget-title i,
.widget.widget-recent .user-icon {
    display: none !important;
}

.widget.widget-recent .widget-title::before {
    content: "" !important;
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0iUmVjZW50bHktVmlld2VkLS1TdHJlYW1saW5lLUNhcmJvbiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTYgMTYiIGhlaWdodD0iMTYiIHdpZHRoPSIxNiI+CiAgPGRlc2M+CiAgICBSZWNlbnRseSBWaWV3ZWQgU3RyZWFtbGluZSBJY29uOiBodHRwczovL3N0cmVhbWxpbmVocS5jb20KICA8L2Rlc2M+CiAgPGRlZnM+PC9kZWZzPgogIDx0aXRsZT5yZWNlbnRseS12aWV3ZWQ8L3RpdGxlPgogIDxwYXRoIGQ9Ik0xMC4yOTUgMTEgNy41IDguMjA1IDcuNSAzLjVsMS0wIDAgNC4yOSAyLjUgMi41MDVMMTAuMjk1IDExeiIgZmlsbD0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIwLjUiPjwvcGF0aD4KICA8cGF0aCBkPSJNOCAxQTYuOTcgNi45NyAwIDAgMCAzIDMuMTE1VjFIMnY0aDRWNEgzLjU0QTYgNiAwIDEgMSAyIDhIMUE3IDcgMCAxIDAgOCAxWiIgZmlsbD0iIzAwMDAwMCIgc3Ryb2tlLXdpZHRoPSIwLjUiPjwvcGF0aD4KICA8cGF0aCBpZD0iX1RyYW5zcGFyZW50X1JlY3RhbmdsZV8iIGQ9Ik0wIDBoMTZ2MTZIMFZ6IiBmaWxsPSJub25lIiBzdHJva2Utd2lkdGg9IjAuNSI+PC9wYXRoPgo8L3N2Zz4=') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    flex-shrink: 0 !important;
}

.widget.widget-recent .first-purchase-card {
    display: flex !important;
    align-items: center !important;
    gap: 0 !important;
    margin: 0 !important;
    position: relative !important;
}

.widget.widget-recent .purchase-card-info {
    display: none !important;
}

.widget.widget-recent .purchase-card-avatar,
.widget.widget-recent .purchase-item {
    position: relative !important;
    margin: 0 !important;
    flex-shrink: 0 !important;
}

.widget.widget-recent .purchase-card-avatar img,
.widget.widget-recent .purchase-item img,
.widget.widget-recent .avatar {
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    border: 2px solid #fff !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
    transition: transform 0.2s ease !important;
    cursor: pointer !important;
    display: block !important;
}

.widget.widget-recent .purchase-card-avatar img:hover,
.widget.widget-recent .purchase-item img:hover,
.widget.widget-recent .avatar:hover {
    transform: scale(1.1) !important;
    z-index: 10 !important;
    position: relative !important;
}

.widget.widget-recent .purchases-grid {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    grid-template-columns: none !important;
    overflow: visible !important;
}

.widget.widget-recent .tooltip {
    visibility: hidden !important;
    opacity: 0 !important;
    position: absolute !important;
    bottom: 45px !important;
    left: 50% !important;
    transform: translateX(-50%) translateY(10px) !important;
    background: #333 !important;
    color: #fff !important;
    padding: 8px 12px !important;
    font-size: 11px !important;
    border-radius: 8px !important;
    white-space: nowrap !important;
    z-index: 1000 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3) !important;
    pointer-events: none !important;
    transition: all 0.3s ease !important;
    display: block !important;
    min-width: 120px !important;
    text-align: center !important;
}

.widget.widget-recent .purchase-item:hover .tooltip,
.widget.widget-recent .purchase-card-avatar:hover .tooltip {
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateX(-50%) translateY(0) !important;
}

.widget.widget-recent .tooltip .ign {
    display: block !important;
    font-weight: bold !important;
    color: #fff !important;
    margin-bottom: 2px !important;
}

.widget.widget-recent .tooltip .purchase-action {
    display: inline !important;
    color: #ccc !important;
    margin-right: 4px !important;
}

.widget.widget-recent .tooltip .package-details {
    display: inline !important;
    color: #4CAF50 !important;
}

.widget.widget-recent .tooltip .tooltip-price {
    color: #FFD700 !important;
}

.widget.widget-recent .tooltip small {
    display: block !important;
    color: #999 !important;
    margin-top: 2px !important;
    font-size: 10px !important;
}

.widget.widget-recent .tooltip::after {
    content: "" !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    margin-left: -6px !important;
    border-width: 6px 6px 0 6px !important;
    border-style: solid !important;
    border-color: #333 transparent transparent transparent !important;
}

.widget.widget-recent .empty {
    display: none !important;
}

.widget.widget-recent .widget-title::after {
    content: "|" !important;
    margin-left: 8px !important;
    color: #ccc !important;
    font-weight: 300 !important;
}

@media (max-width: 768px) {
    .widget.widget-recent {
        padding: 6px 12px !important;
        gap: 8px !important;
        max-width: 95% !important;
    }

    .widget.widget-recent .purchase-card-avatar img,
    .widget.widget-recent .purchase-item img,
    .widget.widget-recent .avatar {
        width: 28px !important;
        height: 28px !important;
    }

    .widget.widget-recent .widget-title {
        font-size: 11px !important;
    }

    .widget.widget-recent .widget-title::before {
        width: 14px !important;
        height: 14px !important;
    }

    .widget.widget-recent .purchases-grid {
        gap: 6px !important;
    }

    .widget.widget-recent .tooltip {
        bottom: 40px !important;
        font-size: 10px !important;
        padding: 6px 10px !important;
    }
}

.widget.widget-recent .purchase-item,
.widget.widget-recent .purchase-card-avatar {
    overflow: visible !important;
}

.widget.widget-recent .purchase-item:hover,
.widget.widget-recent .purchase-card-avatar:hover {
    overflow: visible !important;
    z-index: 1001 !important;
}

article.product {
    background: linear-gradient(135deg, #0a0a0a 0%, #111 100%);
    border-radius: 16px;
    border: none;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease;
    position: relative;
    height: 100%;
}

article.product:hover {
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.4), 0 0 0 2px rgba(255, 255, 255, 0.3);
    transform: translateY(-5px);
}

article.product .image-link {
    position: relative;
    display: block;
    overflow: hidden;
    aspect-ratio: 16/9;
}

article.product .image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
    display: block;
}

article.product .image-link:hover .image {
    transform: scale(1.05);
}

article.product .image-link::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.7));
    pointer-events: none;
}

article.product .hover-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
}

article.product .image-link:hover .hover-overlay {
    opacity: 1;
}

article.product .hover-overlay i {
    font-size: 2em;
    color: white;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
    margin-bottom: 10px;
    animation: iconPulse 2s infinite;
}

@keyframes iconPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

article.product .hover-text {
    color: white;
    font-size: 0.8rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}

article.product .product-tag {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 3;
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 0.7em;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    animation: tagGlow 3s infinite;
}

@keyframes tagGlow {
    0%, 100% { box-shadow: 0 0 10px rgba(255, 215, 0, 0.5); }
    50% { box-shadow: 0 0 20px rgba(255, 215, 0, 0.8), 0 0 30px rgba(255, 215, 0, 0.6); }
}

article.product .product-tag-bestseller {
    background: linear-gradient(45deg, #ffd700, #ffed4e, #ffd700);
    background-size: 200% 200%;
    color: #333;
    animation: tagGlow 3s infinite, gradientShift 4s infinite;
}

@keyframes gradientShift {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

article.product .product-tag-escrow {
    background: linear-gradient(45deg, #8b0000, #ff0000, #8b0000);
    background-size: 200% 200%;
    color: white;
    animation: gradientShift 4s infinite;
}

article.product .product-tag-esx {
    background: linear-gradient(45deg, #ff6600, #ff9900, #ff6600);
    background-size: 200% 200%;
    color: white;
    animation: gradientShift 4s infinite;
}

article.product .product-tag-standalone {
    background: linear-gradient(45deg, #7a00cc, #9900ff, #7a00cc);
    background-size: 200% 200%;
    color: white;
    animation: gradientShift 4s infinite;
}

article.product .product-info {
    padding: 16px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

article.product .product-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 16px;
}

article.product .price:not(.custom-price),
article.product p.price {
    display: none !important;
}

article.product .custom-price {
    font-size: 1.3rem;
    font-weight: bold;
    color: #ffffff;
    margin: 0;
    text-align: left;
    flex-shrink: 0;
    white-space: nowrap;
    position: relative;
}

article.product .custom-price::after {
    content: '$';
    font-size: 1.1rem;
    font-weight: 600;
    color: #cccccc;
    margin-left: 4px;
}

article.product .product-title {
    margin: 0;
    font-size: 1.1rem;
    font-weight: bold;
    letter-spacing: 0.5px;
    color: white;
    transition: all 0.3s ease;
    line-height: 1.3;
    flex: 1;
    text-align: right;
}

article.product .product-title a {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s ease;
}

article.product .product-title a:hover {
    color: #e9ecef;
}

article.product .countdown {
    display: block;
    background: linear-gradient(45deg, #ff0000, #ff4444, #ff0000);
    background-size: 200% 200%;
    color: white;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: bold;
    margin-top: 8px;
    animation: urgentPulse 1.5s infinite, gradientShift 3s infinite;
    text-transform: uppercase;
    box-shadow: 0 0 15px rgba(255, 0, 0, 0.6);
    width: fit-content;
    margin-left: auto;
}

@keyframes urgentPulse {
    0% { transform: scale(1); box-shadow: 0 0 15px rgba(255, 0, 0, 0.6); }
    50% { transform: scale(1.05); box-shadow: 0 0 25px rgba(255, 0, 0, 0.9); }
    100% { transform: scale(1); box-shadow: 0 0 15px rgba(255, 0, 0, 0.6); }
}

article.product .package-actions {
    margin-top: auto;
    padding: 0;
}

article.product .btn-primary.wide {
    width: 100%;
    height: 50px;
    background-color: #999999;
    color: #000000;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: none;
    padding: 0 16px;
    cursor: pointer;
    transition: background-color 0.2s ease-in-out;
    text-decoration: none;
    text-transform: none;
    letter-spacing: normal;
    box-shadow: none;
    margin: 0;
    position: relative;
    overflow: hidden;
}

article.product .btn-primary.wide:hover {
    background-color: #888888;
    color: #000000;
    text-decoration: none;
    transform: none;
}

article.product .btn-primary.wide:active {
    background-color: #777777;
    transform: none;
    box-shadow: none;
}

article.product .btn-primary.wide:focus {
    outline: 2px solid #0056b3;
    outline-offset: 2px;
    background-color: #888888;
}

article.product .btn-primary.wide:disabled {
    background-color: #cccccc;
    color: #666666;
    cursor: not-allowed;
    opacity: 0.6;
}

article.product .btn-primary.wide.loading {
    pointer-events: none;
    color: transparent;
}

article.product .btn-primary.wide.loading::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid #666666;
    border-top: 2px solid #000000;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@media (max-width: 768px) {
    article.product .btn-primary.wide {
        height: 48px;
        font-size: 15px;
        padding: 0 14px;
    }
}

@media (max-width: 480px) {
    article.product .btn-primary.wide {
        height: 45px;
        font-size: 14px;
        padding: 0 12px;
    }
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    article.product .btn-primary.wide {
        border: 0.5px solid transparent;
    }
}

@media (prefers-reduced-motion: reduce) {
    article.product .btn-primary.wide {
        transition: none;
    }

    article.product .btn-primary.wide.loading::before {
        animation: none;
    }
}

@media (prefers-color-scheme: dark) {
    article.product .btn-primary.wide {
        background-color: #666666;
        color: #ffffff;
    }

    article.product .btn-primary.wide:hover {
        background-color: #555555;
        color: #ffffff;
    }

    article.product .btn-primary.wide:active {
        background-color: #444444;
    }
}

.store-products-images {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 24px;
    padding: 20px 0;
}

.store-products-images > div {
    width: 100%;
    margin: 0;
    display: flex;
}

@media (max-width: 768px) {
    .store-products-images {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 15px;
    }

    article.product {
        border-radius: 12px;
    }

    article.product .product-info {
        padding: 12px;
    }

    article.product .product-header {
        gap: 8px;
    }

    article.product .product-title {
        font-size: 1rem;
    }

    article.product .custom-price {
        font-size: 1.2rem;
    }

    article.product .custom-price::after {
        font-size: 1rem;
        margin-left: 3px;
    }

    article.product .add-to-cart,
    article.product .btn-primary {
        height: 45px;
        font-size: 0.85rem;
    }

    article.product .btn-primary.wide {
        height: 50px;
        font-size: 0.9rem;
    }
}

@media (max-width: 480px) {
    article.product .product-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    article.product .product-title {
        text-align: left;
        order: 2;
    }

    article.product .custom-price {
        order: 1;
    }

    article.product .countdown {
        margin-left: 0;
    }
}

@media (max-width: 900px) and (min-width: 769px) {
    .store-products-images {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 900px) {
    article.product .product-header {
        flex-direction: row;
        align-items: center;
        gap: 12px;
    }

    article.product .product-title {
        text-align: right;
        order: unset;
    }

    article.product .custom-price {
        order: unset;
    }
}

@media (min-width: 1200px) {
    .store-products-images {
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }
}

article.product .add-to-cart:focus-visible,
article.product .btn-primary:focus-visible {
    outline: 3px solid #007bff;
    outline-offset: 2px;
}

article.product .product-title a:focus-visible {
    outline: 2px solid white;
    outline-offset: 1px;
    border-radius: 4px;
}

@media (prefers-reduced-motion: reduce) {
    article.product .add-to-cart,
    article.product .btn-primary,
    article.product .product-tag,
    article.product .countdown,
    article.product .custom-price,
    article.product .hover-overlay i {
        animation: none;
        transition: none;
    }

    article.product .add-to-cart:hover,
    article.product .btn-primary:hover {
        transform: none;
    }

    article.product:hover {
        transform: none;
    }
}

@media print {
    article.product .add-to-cart,
    article.product .btn-primary,
    article.product .hover-overlay,
    article.product .product-tag {
        display: none;
    }

    article.product {
        background: white;
        color: black;
        box-shadow: none;
        border: 1px solid black;
    }

    article.product .product-title,
    article.product .custom-price {
        color: black;
    }

    article.product .countdown {
        background: #666;
        color: white;
        animation: none;
        box-shadow: none;
    }
}

article.product {
    animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

article.product.featured {
    border: 2px solid #007bff;
    box-shadow: 0 8px 25px rgba(0, 123, 255, 0.2);
}

article.product.sold-out {
    opacity: 0.7;
}

article.product.sold-out .add-to-cart,
article.product.sold-out .btn-primary {
    background: linear-gradient(45deg, #6c757d, #5a6268);
    cursor: not-allowed;
}

article.product.sold-out .add-to-cart:hover,
article.product.sold-out .btn-primary:hover {
    transform: none;
    background: linear-gradient(45deg, #6c757d, #5a6268);
}

article.product .add-to-cart.success,
article.product .btn-primary.success {
    background: linear-gradient(45deg, #28a745, #1e7e34);
    animation: successPulse 0.6s ease-out;
}

@keyframes successP极 9.0{
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

article.product,
article.product .image,
article.product .hover-overlay {
    transform: translateZ(0);
    will-change: translate);
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    article.product {
        border-width: 0.5px;
    }
}

.featured-packages-section {
  padding: 40px 20px;
  background: var(--background-dark);
}

.featured-packages-title {
  text-align: center;
  font-size: 2rem;
  margin-bottom: 2rem;
  color: var(--text-light);
}

.featured-packages-container {
  display: flex;
  justify-content: center;
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
  flex-wrap: wrap;
}

.featured-packages-container .product {
  flex: 0 0 320px;
  max-width: 320px;
  background: var(--card-dark);
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.featured-packages-container .product:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}

.featured-packages-container .image-link {
  position: relative;
  display: block;
}

.featured-packages-container .image {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.featured-packages-container .hover-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.3s ease;
  color: white;
}

.featured-packages-container .image-link:hover .hover-overlay {
  opacity: 1;
}

.featured-packages-container .product-tag-bestseller {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #ff6b35;
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 0.75rem;
  font-weight: bold;
  z-index: 2;
}

.featured-packages-container .product-info {
  padding: 1.2rem;
}

.featured-packages-container .custom-price {
  font-size: 1.2rem;
  font-weight: bold;
  color: var(--accent-color);
  margin-bottom: 0.5rem;
}

.featured-packages-container .product-title {
  margin: 0;
  font-size: 1rem;
  color: var(--text-light);
}

.featured-packages-container .product-title a {
  color: inherit;
  text-decoration: none;
}

.featured-packages-container .product-title a:hover {
  color: var(--accent-color);
}

.featured-packages-container .actions {
  padding: 0 1.2rem 1.2rem;
}

.featured-packages-container .btn-primary {
  width: 100%;
  padding: 10px;
  text-align: center;
  text-decoration: none;
  border-radius: 6px;
  font-weight: 600;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  background: var(--accent-color);
  color: white;
  border: none;
  cursor: pointer;
}

.featured-packages-container .btn-primary:hover {
  background: var(--color-primary);
}

@media (max-width: 768px) {
  .featured-packages-container {
    flex-direction: column;
    align-items: center;
  }

  .featured-packages-container .product {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
  .featured-packages-container .product {
    flex: 0 0 300px;
    max-width: 300px;
  }
}

.store-product.store-product-full {
  display: block;
  padding: 0;
  background: transparent;
  border: none;
  max-width: 100%;
  margin: 0;
}

.store-product.store-product-full .product-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
  gap: 24px;
  align-items: start;
  margin-bottom: 28px;
}

.store-product.store-product-full .product-media {
  width: 100%;
}

.store-product.store-product-full .product-media .media-viewport {
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 12px;
  background: var(--color-brighter-bg);
  border: 1px solid #2D2D2D;
}

.store-product.store-product-full .product-media .media-viewport > .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.store-product.store-product-full .product-media .media-viewport:hover > .image {
  transform: scale(1.02);
}

.store-product.store-product-full .media-thumbs {
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  margin-top: 12px;
  overflow-x: auto;
  padding-bottom: 6px;
  scrollbar-width: thin;
  scrollbar-color: var(--color-secondary) transparent;
}

.store-product.store-product-full .media-thumbs:empty {
  display: none;
}

.store-product.store-product-full .media-thumbs .thumb {
  width: 96px;
  height: 64px;
  overflow: hidden;
  border-radius: 8px;
  flex: 0 0 auto;
  border: 2px solid transparent;
  cursor: pointer;
  transition: border-color 0.3s ease;
}

.store-product.store-product-full .media-thumbs .thumb:hover,
.store-product.store-product-full .media-thumbs .thumb.is-active {
  border-color: var(--color-primary);
}

.store-product.store-product-full .media-thumbs .thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.store-product.store-product-full .product-actions {
  position: sticky;
  top: 24px;
  height: fit-content;

  background: transparent;
  border: none;
  padding: 0;
  box-shadow: none;

  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}

.store-product.store-product-full .product-title {
  font-family: 'Inter', 'Helvetica', sans-serif;
  font-size: 2rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 32px 0;
  line-height: 1.2;
  text-align: left;
  width: 100%;
}

.store-product.store-product-full .price-section {
  margin-bottom: 40px;
  width: 100%;
}

.store-product.store-product-full .price-label {
  font-family: 'Inter', 'Helvetica', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: #ffffff;
  margin: 0 0 8px 0;
  text-align: left;
}

.store-product.store-product-full .price {
  font-family: 'Inter', 'Helvetica', sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  color: #ffffff;
  margin: 0;
  text-align: left;
  display: block;
}

.store-product.store-product-full .price strong {
  font-size: inherit;
  font-weight: 700;
  color: inherit;
}

.store-product.store-product-full .actions {
  width: 100%;
  margin: 0;
  padding: 0;
}

.store-product.store-product-full .actions .btn-primary,
.store-product.store-product-full .actions .add-to-cart,
.store-product.store-product-full .actions button[type="submit"] {

  width: 100%;
  height: 56px;
  border-radius: 8px;

  background: linear-gradient(90deg, #e8e8e8 0%, #d0d0d0 100%);
  border: none;

  color: #666666;
  font-family: 'Inter', 'Helvetica', sans-serif;
  font-size: 1rem;
  font-weight: 500;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;

  cursor: pointer;
  transition: all 0.2s ease;

  margin: 0;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.store-product.store-product-full .actions .btn-primary i,
.store-product.store-product-full .actions .add-to-cart i {
  font-size: 1.1rem;
  color: #ffffff;
}

.store-product.store-product-full .actions .btn-primary:hover,
.store-product.store-product-full .actions .add-to-cart:hover {
  background: linear-gradient(90deg, #f0f0f0 0%, #e0e0e0 100%);
  color: #555555;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.store-product.store-product-full .actions .btn-primary:hover i,
.store-product.store-product-full .actions .add-to-cart:hover i {
  color: #555555;
}

.store-product.store-product-full .actions .btn-primary:active,
.store-product.store-product-full .actions .add-to-cart:active {
  background: linear-gradient(90deg, #d8d8d8 0%, #c0c0c0 100%);
  color: #444444;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  transform: translateY(1px);
}

.store-product.store-product-full .actions .btn-secondary {
  width: 100%;
  height: 48px;
  border-radius: 8px;
  background: transparent;
  border: 2px solid rgba(255, 255, 255, 0.3);
  color: #ffffff;
  font-family: 'Inter', 'Helvetica', sans-serif;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  margin-top: 16px;
}

.store-product.store-product-full .actions .btn-secondary:hover {
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.05);
}

.store-product.store-product-full .countdown {
  background: rgba(255, 68, 68, 0.9);
  color: white;
  padding: 6px 12px;
  border-radius: 16px;
  font-size: 0.75rem;
  font-weight: 600;
  margin-bottom: 16px;
  width: fit-content;
}

.store-product.store-product-full .product-description {
  background: var(--color-brighter-bg);
  border: 1px solid #2D2D2D;
  border-radius: 12px;
  padding: 32px;
  margin-top: 28px;
}

.store-product.store-product-full .product-description .description-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-text);
  margin: 0 0 24px 0;
  padding-bottom: 16px;
  border-bottom: 2px solid var(--color-primary);
}

.store-product.store-product-full .descr,
.store-product.store-product-full .text-content {
  color: var(--color-text-secondary);
  line-height: 1.7;
  font-size: 1rem;
}

@media (min-width: 1200px) {
  .store-product.store-product-full .product-grid {
    grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr);
    gap: 32px;
  }

  .store-product.store-product-full .product-title {
    font-size: 2.2rem;
  }

  .store-product.store-product-full .price {
    font-size: 1.6rem;
  }

  .store-product.store-product-full .actions .btn-primary {
    height: 60px;
    font-size: 1.1rem;
  }
}

@media (max-width: 1199px) and (min-width: 768px) {
  .store-product.store-product-full .product-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(260px, 1fr);
    gap: 20px;
  }

  .store-product.store-product-full .product-title {
    font-size: 1.8rem;
  }

  .store-product.store-product-full .price {
    font-size: 1.4rem;
  }
}

@media (max-width: 767px) {
  .store-product.store-product-full .product-grid {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .store-product.store-product-full .product-actions {
    position: static;
    margin-top: 24px;
  }

  .store-product.store-product-full .product-title {
    font-size: 1.6rem;
    margin-bottom: 24px;
  }

  .store-product.store-product-full .price-section {
    margin-bottom: 32px;
  }

  .store-product.store-product-full .price {
    font-size: 1.3rem;
  }

  .store-product.store-product-full .actions .btn-primary {
    height: 52px;
    font-size: 0.95rem;
  }

  .store-product.store-product-full .product-description {
    padding: 20px;
    margin-top: 16px;
  }
}

@media (max-width: 479px) {
  .store-product.store-product-full .product-title {
    font-size: 1.4rem;
    margin-bottom: 20px;
  }

  .store-product.store-product-full .price-section {
    margin-bottom: 28px;
  }

  .store-product.store-product-full .price {
    font-size: 1.2rem;
  }

  .store-product.store-product-full .actions .btn-primary {
    height: 48px;
    font-size: 0.9rem;
  }
}

.store-product.store-product-full {
  animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.store-product.store-product-full .actions .btn-primary:focus,
.store-product.store-product-full .actions .btn-secondary:focus {
  outline: 3px solid #007bff;
  outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
  .store-product.store-product-full,
  .store-product.store-product-full .actions .btn-primary,
  .store-product.store-product-full .product-media .media-viewport > .image {
    animation: none;
    transition: none;
  }

  .store-product.store-product-full .actions .btn-primary:hover {
    transform: none;
  }
}

.store-product.store-product-full .product-actions,
.store-product.store-product-full .product-media .media-viewport > .image {
  transform: translateZ(0);
  will-change: transform;
}

.store-product.store-product-full .actions {
  width: 100%;
  margin: 0;
  padding: 0;
}

.store-product.store-product-full .actions .btn-primary,
.store-product.store-product-full .actions .add-to-cart,
.store-product.store-product-full .actions button[type="submit"] {
  width: 100%;
  height: 46px;
  border-radius: 8px;

  background: linear-gradient(90deg, #e8e8e8 0%, #d0d0d0 100%);
  border: none;

  color: #666666;
  font-family: 'Inter', 'Helvetica', sans-serif;
  font-size: 1rem;
  font-weight: 500;

  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;

  cursor: pointer;
  transition: all 0.2s ease;

  margin: 0;

  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.store-product.store-product-full .actions .btn-primary:hover {
  background: linear-gradient(90deg, #d0d0d0 0%, #b0b0b0 100%);
  color: #555555;
}

.store-product.store-product-full .actions .btn-primary:active {
  background: linear-gradient(90deg, #c0c0c0 0%, #a0a0a0 100%);
}

.store-product.store-product-full .actions .btn-primary:focus {
  outline: 2px solid #007bff;
  outline-offset: 2px;
}

.store-product.store-product-full .product-media .media-viewport .video-embed {
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  border-radius: 12px !important;
  object-fit: cover !important;
  display: block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
}

.store-product.store-product-full .product-media .media-viewport {
  position: relative !important;
  width: 100%;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 12px;
  background: var(--color-brighter-bg);
  border: 1px solid #2D2D2D;
}

.store-product.store-product-full .product-media .media-viewport .video-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 0;
}

.store-product.store-product-full .product-media .media-viewport .video-wrapper .video-embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  border-radius: 12px;
}
.button-container {
    display: flex;
    align-items: center;
}

.add.btn-primary.wide {
    border: 2px solid #2e7d32;
    border-radius: 8px;
    padding: 10px 20px;
    font-size: 16px;
    color: white;
    display: flex;
    align-items: center;
}

.add.btn-primary.wide .icon {
    margin-right: 8px;
}

.btn-secondary.btn-icon.gift {
    background: #424242;
    border: 2px solid #757575;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-secondary.btn-icon.gift .icon {
    color: white;
    font-size: 20px;
}
.actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  color: white;
  text-decoration: none;
  font-size: 16px;
}

.btn-primary {
  background-color: #28a745;
}

.btn-secondary {
  background-color: #6c757d;
}

.btn-danger {
  background-color: #dc3545;
}

.half {
  width: 48%;
}

.wide {
  width: 100%;
}

.btn-icon {
  padding: 10px;
}

.btn-icon i {
  margin-right: 5px;
}

.price {
  font-size: 14px;
  margin-bottom: 10px;
}

.discount {
  color: red;
  text-decoration: line-through;
}

.site-content.site-content-widgets .payment-info {
  display: none;
}

.store-product.store-product-full .payment-info {
  display: flex;
  margin: 12px auto 0 auto;
  padding: 8px 0;
  border-top: 1px solid #e5e5e5;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.store-product.store-product-full .payment-info p {
  margin: 0 auto;
  font-size: 12px;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  text-align: center;
}

.store-product.store-product-full .payment-info .svg-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
}

.store-product.store-product-full .payment-info .svg-container svg {
  height: 20px;
  width: auto;
  max-width: 60px;
  display: block;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .store-product.store-product-full .payment-info p {
    font-size: 11px;
  }

  .store-product.store-product-full .payment-info .svg-container {
    width: 50px;
    height: 16px;
  }
}

@media (prefers-color-scheme: dark) {
  .store-product.store-product-full .payment-info {
    border-top-color: #333;
  }

  .store-product.store-product-full .payment-info p {
    color: #999;
  }
}

.btn.btn-secondary.btn-icon.gift {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #6c757d;
  border: none;
  border-radius: 8px;
  color: white;
  transition: background-color 0.3s;
}

.btn.btn-secondary.btn-icon.gift:hover {
  background-color: #5a6268;
}

.actions .button-group {
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.actions .button-group .btn.add.btn-primary.wide {
  all: unset !important;

  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;

  height: 50px !important;
  min-height: 50px !important;

  background-color: var(--color-primary, #007bff) !important;
  color: #ffffff !important;
  border: none !important;
  border-radius: 8px 0 0 8px !important;

  font-family: 'Inter', 'Helvetica', sans-serif !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-decoration: none !important;

  padding: 0 20px !important;
  gap: 12px !important;

  cursor: pointer !important;
  transition: background-color 0.3s ease !important;

  box-sizing: border-box !important;
  margin: 0 !important;

  text-align: left !important;
  white-space: nowrap !important;
}

.actions .button-group .btn.add.btn-primary.wide i.fa-shopping-basket,
.actions .button-group .btn.add.btn-primary.wide i.fas.fa-shopping-basket {
  color: #ffffff !important;
  font-size: 18px !important;
  margin-right: 8px;
  flex-shrink: 0 !important;
  display: inline-block !important;
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
  font-weight: 900 !important;
}

.actions .button-group .btn.add.btn-primary.wide .button-text {
  color: #ffffff !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  flex: 1 !important;
  text-align: left !important;
}

.actions .button-group .btn.btn-secondary.btn-icon.gift {
  all: unset !important;

  width: 50px !important;
  height: 50px !important;
  min-width: 50px !important;
  min-height: 50px !important;
  max-width: 50px !important;
  max-height: 50px !important;
  flex-shrink: 0 !important;

  background-color: #6c757d !important;
  border: none !important;
  border-radius: 0 8px 8px 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  cursor: pointer !important;
  transition: background-color 0.3s ease !important;

  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;

  font-size: 0 !important;
  color: transparent !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
}

.actions .button-group .btn.btn-secondary.btn-icon.gift i.fa-gift,
.actions .button-group .btn.btn-secondary.btn-icon.gift .fa-gift {
  all: unset !important;

  display: inline-block !important;
  font-family: "Font Awesome 6 Free", "Font Awesome 5 Free", FontAwesome !important;
  font-weight: 900 !important;

  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1 !important;

  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  text-indent: 0 !important;

  overflow: visible !important;
  z-index: 2 !important;
}

.actions .button-group .btn.btn-secondary.btn-icon.gift i.fa-gift::before {
  content: "\f06b" !important;
}

.actions .button-group .btn.add.btn-primary.wide:hover {
  background-color: #218838 !important;
}

.actions .button-group .btn.btn-secondary.btn-icon.gift:hover {
  background-color: #5a6268 !important;
}

.actions .button-group .btn.btn-secondary.btn-icon.gift:hover i {
  color: #ffffff !important;
  transform: scale(1.1) !important;
}

.actions .button-group .btn.add.btn-primary.wide:active {
  background-color: #1e7e34 !important;
  transform: translateY(1px) !important;
}

.actions .button-group .btn.btn-secondary.btn-icon.gift:active {
  background-color: #545b62 !important;
  transform: translateY(1px) !important;
}

.actions .button-group .btn.add.btn-primary.wide:focus,
.actions .button-group .btn.btn-secondary.btn-icon.gift:focus {
  outline: 2px solid #ffffff !important;
  outline-offset: 2px !important;
}

@media (max-width: 768px) {
  .actions .button-group .btn.add.btn-primary.wide {
    height: 48px !important;
    min-height: 48px !important;
    font-size: 15px !important;
    padding: 0 16px !important;
    gap: 10px !important;
  }

  .actions .button-group .btn.btn-secondary.btn-icon.gift {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
    max-width: 48px !important;
    max-height: 48px !important;
  }

  .actions .button-group .btn.add.btn-primary.wide i,
  .actions .button-group .btn.btn-secondary.btn-icon.gift i {
    font-size: 16px !important;
  }
}

@media (max-width: 480px) {
  .actions .button-group .btn.add.btn-primary.wide {
    height: 45px !important;
    min-height: 45px !important;
    font-size: 14px !important;
    padding: 0 14px !important;
  }

  .actions .button-group .btn.btn-secondary.btn-icon.gift {
    width: 45px !important;
    height: 45px !important;
    min-width: 45px !important;
    min-height: 45px !important;
    max-width: 45px !important;
    max-height: 45px !important;
  }
}

.actions .button-group .btn::before,
.actions .button-group .btn::after {
  display: none !important;
  content: none !important;
}

.actions .button-group {
  position: relative !important;
  z-index: 1 !important;
}

.actions .button-group .btn.btn-secondary.btn-icon.gift span:not(.fa):not([class*="fa-"]),
.actions .button-group .btn.btn-secondary.btn-icon.gift .sr-only {
  display: none !important;
  visibility: hidden !important;
}

.fa-shopping-cart {
    color: white;
}

.fa {
    color: white;
}

:root {

  --bg-0:#07090D; --bg-1:#0E1118; --bg-2:#141823; --bg-3:#1C2231;

  --silver-hi:#F6F8FC; --silver:#D6DCE8; --silver-mid:#AEB5C4; --silver-lo:#7B8294;
  --silver-grad:linear-gradient(180deg,#F8FAFD 0%,#D3D9E6 46%,#9AA1B4 100%);

  --accent:#46C9F0; --accent-bright:#8BE6FF; --accent-deep:#1FA6D6;
  --accent-soft:rgba(70,201,240,0.10); --accent-line:rgba(70,201,240,0.30);
  --accent-glow:0 0 22px rgba(70,201,240,0.22);

  --bezel:rgba(220,226,238,0.10); --bezel-hi:rgba(220,226,238,0.20);
  --r-sm:10px; --r:14px; --r-lg:20px; --shadow:0 16px 44px rgba(0,0,0,0.5);

  --color-bg:var(--bg-0); --color-brighter-bg:var(--bg-1);
  --color-text:#EAEEF6; --color-text-darker:#F6F8FC; --color-text-secondary:#9AA1B2;
  --color-primary:var(--accent); --color-primary-hover:var(--accent-bright);
  --color-primary-text:#041018; --color-primary-text-hover:#041018;
  --color-secondary:var(--silver); --color-secondary-hover:var(--silver-hi); --color-secondary-text:#0A0D12;

  --background-dark:var(--bg-0); --card-dark:var(--bg-1); --text-light:#EAEEF6;
}

body{ font-family:"Outfit",system-ui,sans-serif; background:var(--bg-0); color:var(--color-text); }

body::before{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  max-height:none; mask-image:none; -webkit-mask-image:none;
  background:
    radial-gradient(820px 460px at 50% -6%, rgba(70,201,240,0.10), transparent 62%),
    radial-gradient(1200px 720px at 50% 1%, rgba(150,170,205,0.05), transparent 55%),
    var(--bg-0);
}

h1,h2,h3,h4,h5,h6{ font-family:"Outfit",system-ui,sans-serif; letter-spacing:-0.01em; }

.site-title a{
  background:var(--silver-grad); -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
  font-weight:800; letter-spacing:0.02em;
}

.btn-primary{ transition:box-shadow .2s ease, transform .2s ease, filter .2s ease; }
.btn-primary:hover{ box-shadow:var(--accent-glow); }

.hero-info-section{ padding:56px 20px 36px; text-align:center; position:relative; }
.hero-info-container{ position:relative; z-index:2; }
.hero-info-content{ max-width:800px; margin:0 auto; display:flex; flex-direction:column; align-items:center; gap:22px; }

.hero-logo{ position:relative; margin-bottom:2px; line-height:0; }
.hero-logo::before{
  content:""; position:absolute; left:50%; top:50%; width:340px; height:340px;
  transform:translate(-50%,-50%); border-radius:50%; z-index:0; pointer-events:none;
  background:radial-gradient(circle, rgba(70,201,240,0.26), rgba(70,201,240,0.06) 45%, transparent 70%);
  animation:gemPulse 4.5s ease-in-out infinite;
}
.hero-logo img{ position:relative; z-index:1; width:190px; height:auto;
  filter:drop-shadow(0 8px 20px rgba(70,201,240,0.28)); }
.hero-logo i{ position:relative; z-index:1; font-size:96px; color:var(--silver); }
@keyframes gemPulse{ 0%,100%{ opacity:.6; } 50%{ opacity:1; } }
@media (prefers-reduced-motion:reduce){ .hero-logo::before{ animation:none; } }

.main-title{ margin:0; font-size:clamp(2rem,5vw,3.25rem); font-weight:800;
  line-height:1.08; letter-spacing:-0.02em; color:var(--silver-hi); }
.main-title .title-accent{
  background:linear-gradient(180deg,#BFEFFF, var(--accent) 55%, var(--accent-deep));
  -webkit-background-clip:text; background-clip:text; color:transparent; -webkit-text-fill-color:transparent;
}
.hero-description{ max-width:560px; margin:0 auto; font-size:1.05rem; line-height:1.6; color:var(--color-text-secondary); }

.hero-actions{ margin-top:2px; }
.browse-btn{
  display:inline-flex; align-items:center; gap:10px; padding:14px 26px; line-height:1;
  font-family:"Outfit",sans-serif; font-size:1rem; font-weight:700; color:#041018; text-decoration:none;
  background:linear-gradient(180deg,var(--accent-bright),var(--accent) 60%,var(--accent-deep));
  border:1px solid rgba(255,255,255,0.25); border-radius:12px;
  box-shadow:0 8px 22px rgba(70,201,240,0.25), inset 0 1px 0 rgba(255,255,255,0.45);
  transition:transform .18s ease, box-shadow .18s ease;
}
.browse-btn:hover{ transform:translateY(-2px); color:#041018;
  box-shadow:0 12px 30px rgba(70,201,240,0.40), inset 0 1px 0 rgba(255,255,255,0.55); }
.browse-btn svg{ width:18px; height:18px; stroke:#041018; stroke-width:2; fill:none; }

.hero-stats{ display:flex; flex-wrap:wrap; justify-content:center; gap:14px; margin-top:16px; }
.hero-stats .stat-item{
  min-width:150px; padding:16px 22px; background:rgba(255,255,255,0.025);
  border:1px solid var(--bezel); border-radius:var(--r);
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.05);
  transition:transform .18s ease, border-color .18s ease;
}
.hero-stats .stat-item:hover{ transform:translateY(-3px); border-color:var(--accent-line); }
.hero-stats .stat-number{
  font-size:1.9rem; font-weight:800; line-height:1;
  background:var(--silver-grad); -webkit-background-clip:text; background-clip:text;
  color:transparent; -webkit-text-fill-color:transparent;
}
.hero-stats .stat-label{ margin-top:6px; font-size:0.78rem; text-transform:uppercase; letter-spacing:0.12em; color:var(--silver-lo); }
@media (max-width:600px){
  .hero-stats .stat-item{ min-width:120px; padding:12px 16px; }
  .hero-stats .stat-number{ font-size:1.5rem; }
  .hero-logo img{ width:150px; }
}

body.page-index .site-title{ display:none; }

.site-navigation .menu, .site-navigation .menu *{
  backdrop-filter:none !important; -webkit-backdrop-filter:none !important;
}
@media (width > 960px){
  .navigation-horizontal .menu{
    height:64px !important; padding:0 26px !important; gap:2px; flex-wrap:nowrap !important;
    background:rgba(8,10,15,0.82) !important;
    border-bottom:1px solid var(--bezel) !important;
    box-shadow:0 8px 30px rgba(0,0,0,0.35);
  }
  .site-header{ margin-top:64px; }

  .nav-logo{ display:flex !important; align-items:center; height:64px; margin-right:10px;
    border:none !important; background:transparent !important; }
  .nav-logo a{ display:flex; align-items:center; padding:0 6px; }
  .nav-logo img{ width:34px; height:34px; object-fit:contain;
    filter:drop-shadow(0 2px 7px rgba(70,201,240,0.40)); transition:transform .18s ease; }
  .nav-logo a:hover img{ transform:translateY(-1px) scale(1.05); }

  .navigation-horizontal .menu > li > a{
    font-size:14px !important; font-weight:600 !important; color:var(--silver-mid) !important;
    text-transform:none !important; letter-spacing:0 !important; padding:9px 14px !important;
    border-radius:8px; transition:color .15s ease, background .15s ease;
  }
  .navigation-horizontal .menu > li > a:hover{ color:#fff !important; background:rgba(255,255,255,0.06) !important; }
  .navigation-horizontal .menu > li.active{ background:transparent !important; border:none !important; }
  .navigation-horizontal .menu > li.active > a, .navigation-horizontal a.link-active{ color:#fff !important; }
}

.discord-nav-link{ color:var(--silver-mid) !important; }
.discord-nav-link:hover{ color:#fff !important; background:rgba(88,101,242,0.18) !important; }
.nav-basket-btn{ background:rgba(255,255,255,0.05) !important; border:1px solid var(--bezel) !important; color:var(--silver-hi) !important; }
.nav-basket-btn:hover{ background:rgba(255,255,255,0.10) !important; border-color:var(--accent-line) !important; }

.login-nav-item .btn-fivem-login{
  background:linear-gradient(180deg, rgba(70,201,240,0.18), rgba(70,201,240,0.06)) !important;
  border:1px solid var(--accent-line) !important; color:#EAF7FF !important;
  box-shadow:inset 0 1px 0 rgba(139,230,255,0.18), 0 0 16px rgba(70,201,240,0.16) !important;
  border-radius:10px !important; transition:transform .18s ease, box-shadow .18s ease !important;
}
.login-nav-item .btn-fivem-login:hover{ transform:translateY(-1px) !important;
  box-shadow:inset 0 1px 0 rgba(139,230,255,0.28), 0 0 26px rgba(70,201,240,0.34) !important; }
.login-nav-item .btn-fivem-login .login-text{ color:#EAF7FF !important; }
.login-nav-item .btn-fivem-login .fivem-logo,
.login-nav-item .btn-fivem-login .fivem-logo svg path{ color:#EAF7FF !important; fill:#EAF7FF !important; }

@media (width > 960px){ .site-title{ display:none !important; } }

body::before{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  max-height:none; mask-image:none; -webkit-mask-image:none;
  background:
    radial-gradient(680px 420px at 50% -8%, rgba(70,201,240,0.10), transparent 60%),
    radial-gradient(520px 520px at 10% 6%, rgba(70,201,240,0.07), transparent 62%),
    radial-gradient(560px 560px at 90% 12%, rgba(176,190,214,0.05), transparent 60%),
    radial-gradient(720px 720px at 80% 88%, rgba(70,201,240,0.05), transparent 66%),
    var(--bg-0);
}

body{ background:var(--bg-0); }
body::before, body::after{
  content:""; position:fixed; inset:-25%; z-index:-1; pointer-events:none;
  mask-image:none; -webkit-mask-image:none; max-height:none; will-change:transform;
}
body::before{
  background:
    radial-gradient(700px 460px at 50% 6%, rgba(70,201,240,0.10), transparent 60%),
    radial-gradient(520px 520px at 16% 26%, rgba(70,201,240,0.09), transparent 60%),
    radial-gradient(560px 560px at 84% 30%, rgba(176,190,214,0.06), transparent 62%);
  animation:bgDriftA 26s ease-in-out infinite alternate;
}
body::after{
  background:
    radial-gradient(680px 680px at 74% 84%, rgba(70,201,240,0.08), transparent 64%),
    radial-gradient(460px 460px at 28% 74%, rgba(70,201,240,0.05), transparent 60%);
  animation:bgDriftB 32s ease-in-out infinite alternate;
}
@keyframes bgDriftA{ from{ transform:translate3d(-2%,-1%,0) scale(1); } to{ transform:translate3d(3%,2%,0) scale(1.08); } }
@keyframes bgDriftB{ from{ transform:translate3d(2%,1%,0) scale(1.06); } to{ transform:translate3d(-3%,-2%,0) scale(1); } }
@media (prefers-reduced-motion:reduce){ body::before, body::after{ animation:none; } }

@media (width > 960px){
  .navigation-horizontal .menu{
    background:rgba(10,12,18,0.70) !important;
    backdrop-filter:blur(14px) saturate(140%) !important;
    -webkit-backdrop-filter:blur(14px) saturate(140%) !important;
  }
}

.store-text, .category-description, .no-products,
.store-product, .store-product-full,
.store-products-images .store-product, .store-products-list .store-product,
.store-category-tiered, .store-product-tiered,
.widget-content, .review-card{
  background:linear-gradient(180deg, rgba(22,27,38,0.55), rgba(13,16,23,0.62)) !important;
  border:1px solid var(--bezel) !important;
  border-radius:var(--r) !important;
  box-shadow:0 10px 30px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.04) !important;
}

.featured-packages-section{ padding:46px 20px 6px; }
.featured-packages-title{
  text-align:center; font-size:clamp(1.6rem,3.6vw,2.1rem); font-weight:800;
  letter-spacing:-0.01em; margin:0 auto 28px; color:var(--silver-hi);
}
.featured-packages-container{
  display:grid; grid-template-columns:repeat(auto-fit, minmax(260px,1fr));
  gap:22px; max-width:1120px; margin:0 auto;
}

.product{
  position:relative; display:flex; flex-direction:column; overflow:hidden;
  background:linear-gradient(180deg, rgba(22,27,38,0.60), rgba(13,16,23,0.66)) !important;
  border:1px solid var(--bezel) !important; border-radius:var(--r-lg) !important;
  box-shadow:0 12px 34px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.05);
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.product:hover{
  transform:translateY(-5px); border-color:var(--accent-line) !important;
  box-shadow:0 20px 48px rgba(0,0,0,0.45), 0 0 26px rgba(70,201,240,0.12), inset 0 1px 0 rgba(255,255,255,0.08);
}

.product .image-link{ position:relative; display:block; overflow:hidden; border-radius:var(--r-lg) var(--r-lg) 0 0; }
.product .image-link::after{
  content:""; position:absolute; top:0; left:-60%; width:50%; height:100%; z-index:2; pointer-events:none;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,0.18), transparent);
  transform:skewX(-18deg); transition:left .55s ease;
}
.product:hover .image-link::after{ left:120%; }
.product .image{
  width:100%; aspect-ratio:16/10; object-fit:cover; display:block;
  border-radius:0 !important; transition:transform .35s ease;
}
.product:hover .image{ transform:scale(1.05); }

.product .hover-overlay{
  position:absolute; inset:0; z-index:3; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:8px;
  background:rgba(7,9,13,0.55); color:var(--silver-hi); opacity:0; transition:opacity .25s ease; pointer-events:none;
}
.product .image-link:hover .hover-overlay{ opacity:1; }
.product .hover-overlay i{ font-size:1.6rem; color:var(--accent-bright); }
.product .hover-overlay .hover-text{ font-size:0.85rem; font-weight:600; }

.product .product-info{ padding:16px 18px 2px; }
.product .product-header{ display:flex; flex-direction:column; gap:8px; }
.product .custom-price{
  align-self:flex-start; font-size:0.92rem; font-weight:800; color:#041018; line-height:1;
  background:linear-gradient(180deg, var(--accent-bright), var(--accent));
  padding:5px 11px; border-radius:999px; box-shadow:0 2px 10px rgba(70,201,240,0.25);
}
.product .product-title{ font-size:1.05rem; font-weight:700; line-height:1.25; }
.product .product-title a{ color:var(--silver-hi); }
.product .product-title a:hover{ color:var(--accent-bright); }

.product .product-actions{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; padding:14px 18px 18px; margin-top:auto; }
.product .product-actions .price{ width:100%; margin:0; }
.product .product-actions .btn-primary, .product .product-actions .btn{ border-radius:10px; }

body{ background:radial-gradient(120% 80% at 50% 0%, #0C111B 0%, #090C13 45%, #06080C 100%) !important; }
body::before, body::after{ display:none !important; }
.site{ position:relative; z-index:1; }

.site-bg{ position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
.bg-aurora{
  position:absolute; left:50%; top:0; width:150vmax; height:150vmax;
  transform:translate(-50%,-40%); transform-origin:center;
  background:conic-gradient(from 0deg, transparent 0%, rgba(70,201,240,0.10) 12%, transparent 26%,
    rgba(176,190,214,0.06) 44%, transparent 60%, rgba(70,201,240,0.09) 76%, transparent 90%);
  filter:blur(40px); opacity:.85; animation:bgSpin 50s linear infinite; will-change:transform;
}
.bg-orb{ position:absolute; border-radius:50%; will-change:transform,opacity; }
.bg-orb-1{ width:560px; height:560px; left:4%;  top:2%;
  background:radial-gradient(circle, rgba(70,201,240,0.40), rgba(70,201,240,0.12) 42%, transparent 70%);
  animation:bgDrift1 24s ease-in-out infinite alternate, bgPulse 7s ease-in-out infinite; }
.bg-orb-2{ width:680px; height:680px; right:-6%; top:22%;
  background:radial-gradient(circle, rgba(70,201,240,0.28), rgba(70,201,240,0.08) 45%, transparent 70%);
  animation:bgDrift2 30s ease-in-out infinite alternate, bgPulse 9s ease-in-out infinite .6s; }
.bg-orb-3{ width:520px; height:520px; left:-5%; top:46%;
  background:radial-gradient(circle, rgba(176,190,214,0.16), rgba(176,190,214,0.05) 45%, transparent 70%);
  animation:bgDrift3 27s ease-in-out infinite alternate, bgPulse 8s ease-in-out infinite .3s; }
.bg-orb-4{ width:600px; height:600px; right:6%; top:68%;
  background:radial-gradient(circle, rgba(70,201,240,0.30), transparent 68%);
  animation:bgDrift1 22s ease-in-out infinite alternate-reverse, bgPulse 7.5s ease-in-out infinite .9s; }
.bg-orb-5{ width:460px; height:460px; left:22%; top:90%;
  background:radial-gradient(circle, rgba(70,201,240,0.22), transparent 68%);
  animation:bgDrift2 26s ease-in-out infinite alternate, bgPulse 8.5s ease-in-out infinite .4s; }

#bg-particles{ position:fixed; inset:0; z-index:0; pointer-events:none; }
.bg-vignette{ position:fixed; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(circle at 50% 38%, transparent 50%, rgba(0,0,0,0.55) 100%); }

@keyframes bgSpin{ to{ transform:translate(-50%,-40%) rotate(360deg); } }
@keyframes bgPulse{ 0%,100%{ opacity:.55; } 50%{ opacity:1; } }
@keyframes bgDrift1{ from{ transform:translate(-4%,-2%) scale(1); } to{ transform:translate(6%,4%) scale(1.08); } }
@keyframes bgDrift2{ from{ transform:translate(4%,3%) scale(1.06); } to{ transform:translate(-6%,-4%) scale(1); } }
@keyframes bgDrift3{ from{ transform:translate(2%,-3%) scale(1); } to{ transform:translate(-5%,4%) scale(1.1); } }

.bg-grid{
  position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(176,190,214,0.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(176,190,214,0.022) 1px, transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(circle at 50% 28%, #000 0%, rgba(0,0,0,0.6) 45%, transparent 82%);
  mask-image:radial-gradient(circle at 50% 28%, #000 0%, rgba(0,0,0,0.6) 45%, transparent 82%);
}

.bg-orb-1{ width:640px; height:560px; left:2%;  top:2%;
  background:radial-gradient(ellipse at center, rgba(70,201,240,0.15), rgba(70,201,240,0.05) 40%, transparent 72%); }
.bg-orb-2{ width:780px; height:660px; right:-8%; top:22%;
  background:radial-gradient(ellipse at center, rgba(70,201,240,0.12), rgba(70,201,240,0.035) 44%, transparent 74%); }
.bg-orb-3{ width:580px; height:520px; left:-6%; top:46%;
  background:radial-gradient(ellipse at center, rgba(176,190,214,0.08), rgba(176,190,214,0.025) 46%, transparent 74%); }
.bg-orb-4{ width:700px; height:600px; right:4%; top:68%;
  background:radial-gradient(ellipse at center, rgba(70,201,240,0.11), transparent 72%); }
.bg-orb-5{ width:540px; height:470px; left:20%; top:90%;
  background:radial-gradient(ellipse at center, rgba(70,201,240,0.085), transparent 72%); }

@keyframes bgPulse{ 0%,100%{ opacity:.6; } 50%{ opacity:.85; } }

.site{ z-index:auto !important; }
.site-bg{ z-index:-2 !important; }
#bg-particles{ z-index:-1 !important; }
.bg-vignette{ z-index:-1 !important; }

@media (width > 960px){
  .site-navigation.navigation-horizontal .menu{
    background:rgba(10,12,18,0.62) !important;
    -webkit-backdrop-filter:blur(16px) saturate(140%) !important;
    backdrop-filter:blur(16px) saturate(140%) !important;
  }
}

.help-support-section{
  background:linear-gradient(180deg, transparent 0%, rgba(17,22,33,0.50) 14%, rgba(17,22,33,0.50) 86%, transparent 100%) !important;
}

.featured-packages-section{
  position:relative;
  background:linear-gradient(180deg, transparent 0%, rgba(17,22,33,0.45) 14%, rgba(17,22,33,0.45) 86%, transparent 100%) !important;
}
.featured-packages-section > *{ position:relative; z-index:1; }
.featured-packages-section::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(55% 60% at 50% 42%, rgba(70,201,240,0.07), transparent 70%);
  animation:bandGlow 11s ease-in-out infinite;
}
.featured-packages-section::after{
  content:""; position:absolute; left:10%; right:10%; top:0; height:1px; z-index:0; pointer-events:none;
  background:linear-gradient(90deg, transparent, rgba(176,190,214,0.14), transparent);
}
@keyframes bandGlow{ 0%,100%{ opacity:.7; } 50%{ opacity:1; } }

.help-support-section{
  background:radial-gradient(78% 88% at 50% 50%, rgba(17,22,33,0.52), transparent 78%) !important;
}
.featured-packages-section{
  background:radial-gradient(74% 92% at 50% 48%, rgba(17,22,33,0.46), transparent 80%) !important;
}
.featured-packages-section::after{ display:none !important; }

@media (width > 960px){
  .site-navigation.navigation-horizontal .menu{
    background:linear-gradient(180deg, rgba(19,24,37,0.64), rgba(11,14,22,0.56)) !important;
    backdrop-filter:blur(16px) !important;
    border-bottom:1px solid rgba(184,202,230,0.12) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.07), 0 10px 30px rgba(0,0,0,0.4) !important;
  }
}

@media (width > 960px){
  .site-navigation{ position:relative; z-index:1000; }
}

.site, .site-header, .site-navigation{ view-transition-name:none !important; }

@media (width > 960px){

  .navigation-horizontal .menu > li:hover,
  .navigation-horizontal .menu > li.active,
  .site-navigation .menu li.active{ background:transparent !important; border:none !important; box-shadow:none !important; }

  .navigation-horizontal .menu > li > a:hover,
  .site-navigation .menu li a:hover{ background:rgba(255,255,255,0.07) !important; color:#fff !important; box-shadow:none !important; }
}

.login-nav-item .btn-fivem-login{
  background:linear-gradient(180deg, rgba(70,201,240,0.20), rgba(70,201,240,0.07)) !important;
  background-color:transparent !important;
  border:1px solid var(--accent-line) !important; color:#EAF7FF !important;
  box-shadow:inset 0 1px 0 rgba(139,230,255,0.16) !important;
}
.login-nav-item .btn-fivem-login:hover{
  background:linear-gradient(180deg, rgba(70,201,240,0.30), rgba(70,201,240,0.12)) !important;
  background-color:transparent !important;
  border-color:rgba(70,201,240,0.45) !important; color:#fff !important;
  transform:translateY(-1px) !important;
  box-shadow:inset 0 1px 0 rgba(139,230,255,0.26) !important;
}
.login-nav-item .btn-fivem-login .login-text{ color:inherit !important; }
.login-nav-item .btn-fivem-login .fivem-logo,
.login-nav-item .btn-fivem-login .fivem-logo svg path{ color:#EAF7FF !important; fill:#EAF7FF !important; }

.browse-btn{ box-shadow:0 6px 18px rgba(0,0,0,0.30), inset 0 1px 0 rgba(255,255,255,0.35) !important; }
.browse-btn:hover{ transform:translateY(-2px) !important;
  box-shadow:0 10px 24px rgba(0,0,0,0.40), inset 0 1px 0 rgba(255,255,255,0.45) !important; }

:focus:not(:focus-visible){ outline:none !important; }
:focus-visible{ outline:2px solid var(--accent) !important; outline-offset:2px !important; }

.site-navigation .menu li a:focus:not(:focus-visible),
.site-navigation .menu a:focus:not(:focus-visible),
.site-navigation .menu button:focus:not(:focus-visible),
.btn-fivem-login:focus:not(:focus-visible),
.navigation-horizontal .btn-fivem-login:focus:not(:focus-visible),
.discord-nav-link:focus:not(:focus-visible),
.nav-basket-btn:focus:not(:focus-visible),
.navigation-horizontal .nav-basket-btn:focus:not(:focus-visible),
.user-profile-nav:focus:not(:focus-visible),
.navigation-horizontal .user-profile-nav:focus:not(:focus-visible),
.toggle-navigation:focus:not(:focus-visible),
.dot:focus:not(:focus-visible),
.browse-btn:focus:not(:focus-visible),
.discord-cta-btn:focus:not(:focus-visible),
.btn-primary:focus:not(:focus-visible),
.btn-secondary:focus:not(:focus-visible),
.btn-tertiary:focus:not(:focus-visible){
  outline:none !important;
}

.navigation-horizontal .menu > li,
.navigation-horizontal .menu > li > a,
.navigation-horizontal .menu > li > button,
.site-navigation .menu li,
.site-navigation .menu li a,
.site-navigation .menu li button{
  transition: color .15s ease, background-color .15s ease, transform .15s ease !important;
  outline: none !important;
  border-color: transparent !important;
}
.site-navigation .menu li a:focus,
.navigation-horizontal .menu > li > a:focus{ outline: none !important; }
.site-navigation .menu li a:focus-visible,
.navigation-horizontal .menu > li > a:focus-visible{ outline: 2px solid var(--accent) !important; outline-offset: 2px !important; }

@media (width > 960px){
  .site-navigation .discord-link .discord-nav-link{
    display:inline-flex !important; align-items:center; gap:8px;
    height:auto !important; padding:6px 14px !important;
    border-radius:10px !important;
    background:linear-gradient(180deg, rgba(88,101,242,0.22), rgba(88,101,242,0.09)) !important;
    border:1px solid rgba(88,101,242,0.38) !important;
    color:#CCD2FF !important; font-weight:600 !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.12) !important;
    transition:color .15s ease, background-color .15s ease, transform .15s ease, box-shadow .15s ease !important;
  }
  .site-navigation .discord-link .discord-nav-link:hover{
    background:linear-gradient(180deg, rgba(88,101,242,0.42), rgba(88,101,242,0.20)) !important;
    border-color:rgba(88,101,242,0.60) !important;
    color:#fff !important; transform:translateY(-1px) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.20) !important;
  }
  .site-navigation .discord-link .discord-nav-link i{ color:#fff !important; transform:none !important; }
  .navigation-horizontal .discord-link{ margin-right:6px; }
}

.login-nav-item .btn-fivem-login:hover,
.navigation-horizontal .btn-fivem-login:hover,
.site-navigation .discord-link .discord-nav-link:hover,
.nav-basket-btn:hover,
.browse-btn:hover,
.btn-primary:hover, .btn-secondary:hover, .btn-tertiary:hover{
  transform: none !important;
}

@media (width > 960px){
  .nav-logo a{
    width:44px; height:44px; padding:0 !important; justify-content:center;
    border-radius:11px;
    background:linear-gradient(180deg, rgba(255,255,255,0.07), rgba(255,255,255,0.02)) !important;
    border:1px solid var(--bezel) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.08) !important;
  }
  .nav-logo img{ width:30px !important; height:30px !important; transition:transform .2s ease !important; }
  .nav-logo a:hover img{ transform:scale(1.12) !important; }
}

@media (width > 960px){
  .login-nav-item .btn-fivem-login,
  .site-navigation .discord-link .discord-nav-link{
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
  }
  .login-nav-item .btn-fivem-login:hover{
    transform: translateY(-1px) !important;
    background: linear-gradient(180deg, rgba(70,201,240,0.20), rgba(70,201,240,0.07)) !important;
    border-color: rgba(70,201,240,0.50) !important;
    box-shadow: inset 0 1px 0 rgba(139,230,255,0.20), 0 4px 14px rgba(70,201,240,0.16) !important;
  }
  .site-navigation .discord-link .discord-nav-link:hover{
    transform: translateY(-1px) !important;
    background: linear-gradient(180deg, rgba(88,101,242,0.22), rgba(88,101,242,0.09)) !important;
    border-color: rgba(88,101,242,0.55) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.14), 0 4px 14px rgba(88,101,242,0.20) !important;
  }
}

@media (width > 960px){
  .login-nav-item .btn-fivem-login,
  .site-navigation .discord-link .discord-nav-link{
    height:34px !important; min-height:34px !important; padding:0 14px !important;
    border-radius:10px !important; gap:8px !important;
    font-size:13px !important; font-weight:600 !important;
    display:inline-flex !important; align-items:center !important; justify-content:center !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
  }
  .login-nav-item .btn-fivem-login .login-text{ font-size:13px !important; }

  .login-nav-item .btn-fivem-login:hover,
  .site-navigation .discord-link .discord-nav-link:hover{ transform: translateY(-1px) !important; }
  .login-nav-item .btn-fivem-login:hover{
    border-color: rgba(70,201,240,0.55) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 5px 14px rgba(70,201,240,0.22) !important; }
  .site-navigation .discord-link .discord-nav-link:hover{
    border-color: rgba(88,101,242,0.55) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 5px 14px rgba(88,101,242,0.22) !important; }
}

@media (width > 960px){
  .navigation-horizontal .login-nav-item .btn-fivem-login:hover{
    transform: translateY(-1px) !important;
    border: 1px solid rgba(70,201,240,0.55) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 5px 14px rgba(70,201,240,0.22) !important;
  }
  .navigation-horizontal .discord-link .discord-nav-link:hover{
    transform: translateY(-1px) !important;
    border: 1px solid rgba(88,101,242,0.55) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.16), 0 5px 14px rgba(88,101,242,0.22) !important;
  }
}

:root{ --currency: "$"; }

.featured-packages-section{ padding:54px 20px 12px; }
.featured-packages-title{ font-size:clamp(1.7rem,3.6vw,2.2rem) !important; margin-bottom:30px !important; }
.featured-packages-container{
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 18px !important;
  max-width: 1240px !important;
}
@media (max-width: 820px){
  .featured-packages-container{ grid-template-columns: 1fr !important; max-width: 460px !important; }
}

.product{
  position: relative;
  background: linear-gradient(180deg, rgba(24,30,42,0.66), rgba(13,16,23,0.72)) !important;
  border: 1px solid var(--bezel) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.06) !important;
  overflow: hidden !important;
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease !important;
}
.product:hover{
  transform: translateY(-4px) !important;
  border-color: var(--accent-line) !important;
  box-shadow: 0 18px 42px rgba(0,0,0,0.45), 0 0 22px rgba(70,201,240,0.10), inset 0 1px 0 rgba(255,255,255,0.08) !important;
}
.product .image-link{ border-radius: 16px 16px 0 0 !important; }
.product .image{ aspect-ratio: 16/9 !important; }

.featured-packages-section .product .custom-price{
  position: absolute !important; top: 12px; right: 12px; z-index: 5;
  background: rgba(8,11,18,0.72) !important; border: 1px solid rgba(139,230,255,0.35) !important;
  padding: 5px 11px !important; border-radius: 999px !important;
  color: var(--accent-bright) !important; font-weight: 800 !important; font-size: 0.95rem !important; line-height: 1.1 !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.35) !important;
}
.featured-packages-section .product .custom-price::before{ content: var(--currency, "$"); opacity: 0.85; margin-right: 1px; font-weight: 700; }

.featured-packages-section .product .product-info{ padding: 16px 18px 2px !important; }
.featured-packages-section .product .product-title{ margin: 0 !important; font-size: 1.12rem !important; font-weight: 700 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.featured-packages-section .product .product-title a{ color: var(--silver-hi) !important; }

.featured-packages-section .product .product-actions{ display: flex !important; gap: 10px !important; padding: 14px 16px 16px !important; }
.featured-packages-section .product .product-actions > a{
  flex: 1 1 0 !important; width: auto !important; max-width: none !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  height: 42px !important; line-height: normal !important; border-radius: 10px !important;
  font-weight: 700 !important; text-decoration: none !important;
}
.featured-packages-section .product .product-actions .btn-primary{
  background: linear-gradient(180deg, var(--accent-bright), var(--accent) 60%, var(--accent-deep)) !important;
  color: #041018 !important; border: 1px solid rgba(255,255,255,0.22) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.4) !important;
}
.featured-packages-section .product .product-actions .btn-primary:hover{ filter: brightness(1.06); }
.featured-packages-section .product .product-actions .btn-secondary{
  background: rgba(255,255,255,0.04) !important; color: var(--silver) !important;
  border: 1px solid var(--bezel-hi) !important; font-weight: 600 !important; box-shadow: none !important;
}
.featured-packages-section .product .product-actions .btn-secondary:hover{ background: rgba(255,255,255,0.08) !important; border-color: var(--accent-line) !important; color: #fff !important; }

.product .image-link::after{ display:none !important; }

article.product .custom-price::after{ content:none !important; }

.featured-packages-section .product .product-info{ text-align:center !important; }
.featured-packages-section .product .product-title{ text-align:center !important; }

.featured-packages-section .product .product-actions{
  display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important;
  gap:10px !important; padding:16px !important; margin-top:auto !important;
}
.featured-packages-section .product .product-actions > a{
  flex:1 1 0 !important; width:auto !important; max-width:none !important; min-width:0 !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
  height:48px !important; min-height:48px !important; line-height:normal !important;
  border-radius:12px !important; font-size:1rem !important; font-weight:700 !important; text-decoration:none !important;
}
.featured-packages-section .product .product-actions .btn-primary{
  background:linear-gradient(180deg, var(--accent-bright), var(--accent) 60%, var(--accent-deep)) !important;
  color:#041018 !important; border:1px solid rgba(255,255,255,0.25) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,0.45) !important;
}
.featured-packages-section .product .product-actions .btn-primary:hover{ filter:brightness(1.06); }
.featured-packages-section .product .product-actions .btn-secondary{
  background:rgba(255,255,255,0.07) !important; color:var(--silver-hi) !important;
  border:1px solid var(--bezel-hi) !important; font-weight:600 !important;
}
.featured-packages-section .product .product-actions .btn-secondary:hover{
  background:rgba(255,255,255,0.12) !important; border-color:var(--accent-line) !important; color:#fff !important;
}

.featured-packages-section{
  width:100vw !important; position:relative !important; left:50% !important;
  margin-left:-50vw !important; margin-right:0 !important;
  padding-left:24px !important; padding-right:24px !important;
}
.featured-packages-container{ max-width:1420px !important; margin:0 auto !important; gap:16px !important; }
.featured-packages-section .product .product-info{ padding:16px 18px 6px !important; }
.featured-packages-section .product .product-actions{ margin-top:0 !important; padding:6px 16px 16px !important; }

.site-header{ overflow: visible !important; }

.featured-packages-container{ max-width: 1800px !important; gap: 20px !important; }
.featured-packages-section{ padding-left: 24px !important; padding-right: 24px !important; }

.product .hover-overlay{ display: none !important; }

.featured-packages-container .product{
  flex: 1 1 0 !important;
  max-width: none !important;
  width: 100% !important;
}

.featured-packages-container{ max-width: 1500px !important; }

.loading-overlay{
  position: fixed; inset: 0;
  display: flex; align-items: center; justify-content: center;
  background:
    radial-gradient(60% 50% at 50% 45%, rgba(70,201,240,0.10), transparent 70%),
    var(--bg-0,#07090D) !important;
  z-index: 100000 !important;
  opacity: 1;
  animation: bd-overlay-out 0.45s 1.45s ease forwards;
  will-change: opacity;
}

.loading-overlay::before{
  content: ""; position: absolute;
  width: 340px; height: 340px; border-radius: 50%;
  background: radial-gradient(circle, rgba(70,201,240,0.14), transparent 68%);
  pointer-events: none;
}
.loader-logo{
  position: relative; width: 150px; height: 150px;
  display: flex; align-items: center; justify-content: center;
}
.loader-logo img{
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: contain; user-select: none; -webkit-user-drag: none;
}

.loader-logo .logo-base{ filter: grayscale(1) brightness(0.42) contrast(0.9); }

.loader-logo .logo-fill{
  clip-path: inset(100% 0 0 0);
  animation: bd-fill 0.85s 0.25s cubic-bezier(.22,.61,.36,1) forwards;
  filter: drop-shadow(0 0 10px rgba(70,201,240,0.25));
  will-change: clip-path;
}

.loader-logo .logo-glint{
  position: absolute; inset: 0; pointer-events: none; opacity: 0;
  background: linear-gradient(115deg,
    transparent 40%, rgba(255,255,255,0.0) 46%,
    rgba(255,255,255,0.85) 50%, rgba(255,255,255,0.0) 54%, transparent 60%);
  background-size: 260% 100%;
  background-position: 115% 0;
  -webkit-mask: url("https://dunb17ur4ymx4.cloudfront.net/webstore/logos/783a1a99f19e2a32dcd9c8ff2e4c99c7701f15bf.png") center/contain no-repeat;
          mask: url("https://dunb17ur4ymx4.cloudfront.net/webstore/logos/783a1a99f19e2a32dcd9c8ff2e4c99c7701f15bf.png") center/contain no-repeat;
  animation: bd-glint 0.55s 1.05s ease forwards;
  will-change: background-position, opacity;
}
@keyframes bd-fill{ to{ clip-path: inset(0 0 0 0); } }
@keyframes bd-glint{
  0%{ opacity: 0; background-position: 115% 0; }
  25%{ opacity: 1; }
  80%{ opacity: 1; }
  100%{ opacity: 0; background-position: -15% 0; }
}
@keyframes bd-overlay-out{
  to{ opacity: 0; visibility: hidden; pointer-events: none; }
}

.loading-overlay.is-seen{ animation: bd-overlay-fast 0.22s ease forwards; }
.loading-overlay.is-seen .logo-fill{ animation: none; clip-path: inset(0 0 0 0); }
.loading-overlay.is-seen .logo-glint{ display: none; }
@keyframes bd-overlay-fast{ to{ opacity: 0; visibility: hidden; pointer-events: none; } }

@media (prefers-reduced-motion: reduce){
  .loader-logo .logo-fill{ animation: none; clip-path: inset(0 0 0 0); }
  .loader-logo .logo-glint{ display: none; }
  .loading-overlay{ animation: bd-overlay-out 0.3s 0.6s ease forwards; }
}

.loading-overlay .loader,
.loading-overlay .bar{ display: none !important; }

.store-products-images,
.store-products-grid,
.store-products-list{
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
  gap: 20px !important;
  align-items: stretch !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.store-products-images .product,
.store-products-grid .product,
.store-products-list .product{
  display: flex !important;
  flex-direction: column !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
}

.store-products-images .product .custom-price,
.store-products-grid .product .custom-price,
.store-products-list .product .custom-price{
  position: absolute !important; top: 12px; right: 12px; z-index: 5;
  align-self: auto !important;
  background: rgba(8,11,18,0.72) !important; border: 1px solid rgba(139,230,255,0.35) !important;
  padding: 5px 11px !important; border-radius: 999px !important;
  color: var(--accent-bright) !important; font-weight: 800 !important; font-size: 0.95rem !important; line-height: 1.1 !important;
  box-shadow: 0 4px 14px rgba(0,0,0,0.35) !important;
}
.store-products-images .product .custom-price::before,
.store-products-grid .product .custom-price::before,
.store-products-list .product .custom-price::before{
  content: var(--currency, "$"); opacity: 0.85; margin-right: 1px; font-weight: 700;
}

.store-products-images .product .product-info,
.store-products-grid .product .product-info,
.store-products-list .product .product-info{ padding: 16px 18px 6px !important; text-align: center !important; }
.store-products-images .product .product-title,
.store-products-grid .product .product-title,
.store-products-list .product .product-title{
  margin: 0 !important; font-size: 1.08rem !important; font-weight: 700 !important; text-align: center !important;
  display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
  min-height: 2.7em;
}
.store-products-images .product .product-title a,
.store-products-grid .product .product-title a,
.store-products-list .product .product-title a{ color: var(--silver-hi) !important; }

.store-products-images .product .product-actions,
.store-products-grid .product .product-actions,
.store-products-list .product .product-actions{
  display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important;
  gap: 10px !important; padding: 6px 16px 16px !important; margin-top: auto !important;
}
.store-products-images .product .product-actions > a,
.store-products-grid .product .product-actions > a,
.store-products-list .product .product-actions > a{
  flex: 1 1 0 !important; width: auto !important; max-width: none !important; min-width: 0 !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
  height: 46px !important; min-height: 46px !important; line-height: normal !important;
  border-radius: 12px !important; font-size: 0.98rem !important; font-weight: 700 !important; text-decoration: none !important;
}
.store-products-images .product .product-actions .btn-primary,
.store-products-grid .product .product-actions .btn-primary,
.store-products-list .product .product-actions .btn-primary{
  background: linear-gradient(180deg, var(--accent-bright), var(--accent) 60%, var(--accent-deep)) !important;
  color: #041018 !important; border: 1px solid rgba(255,255,255,0.25) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.45) !important;
}
.store-products-images .product .product-actions .btn-primary:hover,
.store-products-grid .product .product-actions .btn-primary:hover,
.store-products-list .product .product-actions .btn-primary:hover{ filter: brightness(1.06); }
.store-products-images .product .product-actions .btn-secondary,
.store-products-grid .product .product-actions .btn-secondary,
.store-products-list .product .product-actions .btn-secondary{
  background: rgba(255,255,255,0.07) !important; color: var(--silver-hi) !important;
  border: 1px solid var(--bezel-hi) !important; font-weight: 600 !important; box-shadow: none !important;
}
.store-products-images .product .product-actions .btn-secondary:hover,
.store-products-grid .product .product-actions .btn-secondary:hover,
.store-products-list .product .product-actions .btn-secondary:hover{
  background: rgba(255,255,255,0.12) !important; border-color: var(--accent-line) !important; color: #fff !important;
}

.store-products-images .product .payment-info,
.store-products-grid .product .payment-info,
.store-products-list .product .payment-info,
.store-products-images .product .product-actions .price,
.store-products-grid .product .product-actions .price,
.store-products-list .product .product-actions .price{ display: none !important; }

.page-category .site-content,
.page-category .site-content-widgets{ padding-top: 30px !important; }

.category-page-header{
  text-align: center; max-width: 900px; margin: 6px auto 30px; padding: 0 20px;
}
.category-page-title{
  margin: 0 0 8px; font-weight: 800; letter-spacing: -0.01em; line-height: 1.1;
  font-size: clamp(1.9rem, 4vw, 2.6rem);
  background: var(--silver-grad, linear-gradient(180deg,#F8FAFD,#9AA1B4));
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
}
.category-page-sub,
.category-page-sub.text-content{
  color: var(--silver-lo, #7B8294); font-size: 1rem; line-height: 1.5; margin: 0 auto; max-width: 680px;
}
.category-page-sub p{ margin: 0; }

.page-category .site-content-widgets{ display: block; }
.page-category .store-sidebar:empty{ display: none; }

.page-package .site-content,
.page-package .site-content-widgets{ padding-top: 30px !important; }

.store-product.store-product-full aside.product-actions{
  background: linear-gradient(180deg, rgba(24,30,42,0.66), rgba(13,16,23,0.72)) !important;
  border: 1px solid var(--bezel) !important;
  border-radius: 16px !important;
  padding: 26px !important;
  box-shadow: 0 12px 34px rgba(0,0,0,0.35), inset 0 1px 0 rgba(255,255,255,0.05) !important;
}

.store-product.store-product-full .product-title{
  font-family: 'Outfit', sans-serif !important;
  color: var(--silver-hi) !important;
  font-size: 1.7rem !important;
  margin: 0 0 18px 0 !important;
}

.store-product.store-product-full .actions .price{
  font-family: 'Outfit', sans-serif !important;
  color: var(--silver) !important; font-size: 1.5rem !important; font-weight: 700 !important;
  margin: 0 0 16px 0 !important;
}
.store-product.store-product-full .actions .price strong{ color: var(--accent-bright) !important; }
.store-product.store-product-full .actions .price .discount,
.store-product.store-product-full .actions .price del{
  color: var(--silver-lo) !important; font-weight: 500 !important; font-size: 1.05rem !important; margin-right: 8px;
}

.store-product.store-product-full .actions .btn-primary,
.store-product.store-product-full .actions .add,
.store-product.store-product-full .actions .subscribe,
.store-product.store-product-full .actions button[type="submit"]{
  background: linear-gradient(180deg, var(--accent-bright), var(--accent) 60%, var(--accent-deep)) !important;
  color: #041018 !important;
  border: 1px solid rgba(255,255,255,0.25) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 8px 20px rgba(70,201,240,0.22) !important;
  font-family: 'Outfit', sans-serif !important; font-weight: 700 !important;
  border-radius: 12px !important;
}
.store-product.store-product-full .actions .btn-primary i,
.store-product.store-product-full .actions .add i,
.store-product.store-product-full .actions .subscribe i{ color: #041018 !important; }
.store-product.store-product-full .actions .btn-primary:hover,
.store-product.store-product-full .actions .add:hover,
.store-product.store-product-full .actions .subscribe:hover,
.store-product.store-product-full .actions button[type="submit"]:hover{
  filter: brightness(1.06);
  color: #041018 !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.45), 0 10px 26px rgba(70,201,240,0.30) !important;
}
.store-product.store-product-full .actions .btn-primary:hover i,
.store-product.store-product-full .actions .add:hover i,
.store-product.store-product-full .actions .subscribe:hover i{ color: #041018 !important; }

.store-product.store-product-full .actions .payment-info{
  margin-top: 16px !important; opacity: 0.7;
}
.store-product.store-product-full .actions .payment-info p{
  color: var(--silver-lo) !important; font-size: 0.8rem !important; display: flex; align-items: center; gap: 6px;
}

.featured-packages-container,
.store-products-images,
.store-products-grid,
.store-products-list{ align-items: start !important; }

.featured-packages-section .product .product-title,
.store-products-images .product .product-title,
.store-products-grid .product .product-title,
.store-products-list .product .product-title{
  font-size: 1.45rem !important;
  font-weight: 700 !important;
  line-height: 1.25 !important;
  min-height: 0 !important;
  margin: 0 !important;
}

.featured-packages-section .product .product-title a,
.store-products-images .product .product-title a,
.store-products-grid .product .product-title a,
.store-products-list .product .product-title a{ font-size: inherit !important; }

.featured-packages-section .product .product-info,
.store-products-images .product .product-info,
.store-products-grid .product .product-info,
.store-products-list .product .product-info{
  padding: 14px 18px 0 !important;
}

.featured-packages-section .product .product-actions,
.store-products-images .product .product-actions,
.store-products-grid .product .product-actions,
.store-products-list .product .product-actions{
  margin-top: 0 !important;
  padding: 4px 16px 16px !important;
}

.currency-nav-item{ position: relative; display: flex; align-items: center; order: 996 !important; margin-left: auto !important; }
.navigation-horizontal .user-nav-item{ order: 998 !important; }
.site-navigation .discord-link{ margin-left: 0 !important; }
.currency-selector{ position: relative; }
.currency-button{
  display: inline-flex; align-items: center; gap: 7px;
  height: 40px; padding: 0 12px;
  font-family: 'Outfit', sans-serif; font-size: 0.9rem; font-weight: 600;
  color: var(--silver); cursor: pointer;
  background: rgba(255,255,255,0.04);
  border: 1px solid var(--bezel-hi); border-radius: 10px;
  transition: border-color .2s ease, background .2s ease, color .2s ease;
}
.currency-button:hover{ color: var(--silver-hi); border-color: var(--accent-line); background: rgba(255,255,255,0.07); }
.currency-button .fa-coins{ color: var(--accent-bright); font-size: 0.82rem; }
.currency-caret{ font-size: 0.68rem; opacity: 0.7; transition: transform .2s ease; }
.currency-selector.open .currency-caret{ transform: rotate(180deg); }

.currency-menu{
  position: absolute; top: calc(100% + 8px); right: 0; z-index: 1200;
  min-width: 132px; max-height: 320px; overflow-y: auto;
  display: flex; flex-direction: column; gap: 2px; padding: 6px;
  background: linear-gradient(180deg, rgba(20,24,35,0.98), rgba(13,16,23,0.98));
  border: 1px solid var(--bezel-hi); border-radius: 12px;
  box-shadow: 0 18px 40px rgba(0,0,0,0.5);
  opacity: 0; transform: translateY(-6px); pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}
.currency-selector.open .currency-menu{ opacity: 1; transform: translateY(0); pointer-events: auto; }
.currency-option{
  display: flex; align-items: center; justify-content: space-between;
  padding: 9px 12px; border-radius: 8px;
  font-family: 'Outfit', sans-serif; font-size: 0.9rem; font-weight: 600;
  color: var(--silver-mid); text-decoration: none;
  transition: background .15s ease, color .15s ease;
}
.currency-option:hover{ background: rgba(255,255,255,0.06); color: var(--silver-hi); }
.currency-option.active{ color: var(--accent-bright); background: var(--accent-soft); }
.currency-option.active::after{ content: "✓"; font-size: 0.8rem; line-height: 1; }

@media (width > 960px){

  .navigation-horizontal .currency-nav-item,
  .navigation-horizontal .discord-link,
  .navigation-horizontal .login-nav-item,
  .navigation-horizontal .user-nav-item,
  .navigation-horizontal .basket-nav-item{
    display: flex !important; align-items: center !important; height: 64px !important;
  }
  .navigation-horizontal .discord-link,
  .navigation-horizontal .login-nav-item,
  .navigation-horizontal .user-nav-item,
  .navigation-horizontal .basket-nav-item{ margin-left: 8px !important; }
  .navigation-horizontal .discord-link{ margin-right: 0 !important; }

  .currency-button,
  .site-navigation .discord-link .discord-nav-link,
  .navigation-horizontal .basket-nav-item .nav-basket-btn,
  .navigation-horizontal .user-nav-item .user-profile-nav,
  .login-nav-item .btn-fivem-login{
    height: 40px !important; min-height: 40px !important;
    border-radius: 10px !important;
    border-width: 1px !important;
    font-size: 14px !important; font-weight: 600 !important; line-height: 1 !important;
    display: inline-flex !important; align-items: center !important; justify-content: center !important;
    gap: 8px !important; box-sizing: border-box !important;
  }

  .currency-button,
  .site-navigation .discord-link .discord-nav-link,
  .navigation-horizontal .user-nav-item .user-profile-nav,
  .login-nav-item .btn-fivem-login{ padding: 0 16px !important; }

  .navigation-horizontal .user-nav-item .user-profile-nav{
    background: rgba(255,255,255,0.04) !important; border: 1px solid var(--bezel-hi) !important;
    color: var(--silver) !important; cursor: pointer !important;
  }
  .navigation-horizontal .user-nav-item .user-profile-nav:hover{
    color: var(--silver-hi) !important; border-color: var(--accent-line) !important; background: rgba(255,255,255,0.07) !important;
  }
  .navigation-horizontal .user-nav-item .user-info{ display: flex !important; align-items: center !important; gap: 8px !important; }
  .navigation-horizontal .user-nav-item .user-icon{ color: var(--accent-bright) !important; }

  .navigation-horizontal .basket-nav-item .nav-basket-btn{
    width: 40px !important; min-width: 40px !important; max-width: 40px !important; padding: 0 !important;
  }
  .navigation-horizontal .basket-nav-item .nav-basket-btn i.fa-shopping-cart,
  .navigation-horizontal .basket-nav-item .nav-basket-btn i{
    font-size: 16px !important; width: auto !important; height: auto !important;
  }

  .site-navigation .discord-link .discord-nav-link i,
  .currency-button i,
  .login-nav-item .btn-fivem-login .fivem-logo{ margin: 0 !important; }
  .login-nav-item .btn-fivem-login .fivem-logo svg{ width: 18px !important; height: 18px !important; }
}

.widget.widget-recent{
  background: linear-gradient(180deg, rgba(24,30,42,0.92), rgba(13,16,23,0.94)) !important;
  border: 1px solid var(--bezel-hi) !important;
  border-radius: 999px !important;
  padding: 8px 18px !important;
  display: flex !important; align-items: center !important; gap: 14px !important;
  font-family: 'Outfit', sans-serif !important; color: var(--silver) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,0.45) !important;
  max-width: fit-content !important; margin: 24px auto !important;
  overflow: visible !important;
}
.widget.widget-recent .widget-title{
  font-size: 11px !important; font-weight: 700 !important; letter-spacing: 1.2px !important;
  text-transform: uppercase !important; color: var(--silver-lo) !important;
  margin: 0 !important; white-space: nowrap !important;
  display: flex !important; align-items: center !important; gap: 6px !important;
}

.widget.widget-recent .widget-title::before{ filter: invert(1) brightness(1.7) !important; opacity: 0.85 !important; }

.widget.widget-recent .widget-content{
  padding: 0 !important; background: transparent !important; border: none !important;
  display: flex !important; align-items: center !important; box-shadow: none !important;
}
.widget.widget-recent .purchases{
  display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important;
}
.widget.widget-recent .purchase{
  display: flex !important; align-items: center !important; gap: 7px !important;
  padding: 3px 11px 3px 3px !important; margin: 0 !important; border-radius: 999px !important;
  background: rgba(255,255,255,0.04) !important; border: 1px solid var(--bezel) !important;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}
.widget.widget-recent .purchase:hover{
  border-color: var(--accent-line) !important; background: rgba(255,255,255,0.07) !important; transform: translateY(-1px);
}
.widget.widget-recent .avatar{
  width: 26px !important; height: 26px !important; border-radius: 50% !important;
  object-fit: cover !important; border: 1px solid var(--bezel-hi) !important; flex-shrink: 0 !important; margin: 0 !important;
}
.widget.widget-recent .info{ display: flex !important; flex-direction: column !important; margin: 0 !important; }
.widget.widget-recent .username{
  font-size: 12.5px !important; font-weight: 600 !important; color: var(--silver-hi) !important;
  margin: 0 !important; line-height: 1.1 !important; white-space: nowrap !important;
}
.widget.widget-recent .info p,
.widget.widget-recent .info time{ display: none !important; }
.widget.widget-recent .empty{ color: var(--silver-lo) !important; margin: 0 !important; font-size: 13px !important; }

@media (max-width: 560px){
  .widget.widget-recent{ flex-direction: column !important; border-radius: 18px !important; padding: 14px 16px !important; }
}

.popup{
  background: rgba(5,7,11,0.78) !important;
  z-index: 200000 !important;
}
.popup .popup-scroll-cont{ display: flex !important; align-items: center !important; justify-content: center !important; }

.popup-content{
  background: linear-gradient(180deg, rgba(24,30,42,0.98), rgba(13,16,23,0.99)) !important;
  border: 1px solid var(--bezel-hi) !important;
  border-radius: var(--r-lg, 20px) !important;
  box-shadow: 0 30px 80px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.05) !important;
  color: var(--silver) !important;
  font-family: 'Outfit', sans-serif !important;
  padding: 30px !important;
}
.popup-content h1, .popup-content h2, .popup-content h3, .popup-content h4{
  color: var(--silver-hi) !important; font-family: 'Outfit', sans-serif !important;
}
.popup-content p, .popup-content label, .popup-content li{ color: var(--silver-mid) !important; }
.popup-content a{ color: var(--accent-bright) !important; }

.popup-close{
  position: absolute !important; top: 12px !important; right: 12px !important;
  width: 34px !important; height: 34px !important;
  display: flex !important; align-items: center !important; justify-content: center !important;
  background: var(--bg-2, #141823) !important;
  border: 1px solid var(--bezel-hi) !important; border-radius: 10px !important;
  opacity: 1 !important; cursor: pointer !important; z-index: 6 !important;
  transition: border-color .2s ease, background .2s ease !important;
}
.popup-close::before{
  content: "\00d7" !important;
  font-size: 22px !important; line-height: 1 !important; font-weight: 400 !important;
  color: var(--silver-mid) !important; font-family: 'Outfit', Arial, sans-serif !important;
}
.popup-close:hover{ border-color: var(--accent-line) !important; background: var(--bg-3, #1C2231) !important; }
.popup-close:hover::before{ color: var(--silver-hi) !important; }

.login-popup-content{ text-align: center !important; }
.login-popup-content form{ display: flex !important; flex-direction: column !important; align-items: center !important; gap: 14px !important; }
.login-popup-content .btn-primary,
.login-popup-content button,
.login-popup-content input[type="submit"],
.login-popup-content a.btn{ display: inline-flex !important; margin-left: auto !important; margin-right: auto !important; }

.store-form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
.store-form select,
.store-form textarea{
  background: rgba(0,0,0,0.30) !important;
  border: 1px solid var(--bezel) !important; border-radius: 10px !important;
  color: var(--silver-hi) !important; font-family: 'Outfit', sans-serif !important;
  padding: 11px 14px !important;
}
.store-form input::placeholder, .store-form textarea::placeholder{ color: var(--silver-lo) !important; }
.store-form input:focus, .store-form select:focus, .store-form textarea:focus{
  border-color: var(--accent-line) !important; outline: none !important;
  box-shadow: 0 0 0 3px var(--accent-soft) !important;
}
.store-form label{ font-weight: 600 !important; }

.popup-content .btn-primary,
.popup-content button[type="submit"],
.store-form button:not(.btn-secondary):not(.btn-tertiary),
.store-form input[type="submit"]{
  background: linear-gradient(180deg, var(--accent-bright), var(--accent) 60%, var(--accent-deep)) !important;
  color: #041018 !important; border: 1px solid rgba(255,255,255,0.22) !important;
  border-radius: 10px !important; font-family: 'Outfit', sans-serif !important; font-weight: 700 !important;
  padding: 12px 18px !important; cursor: pointer !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.4) !important;
}
.popup-content .btn-primary:hover,
.popup-content button[type="submit"]:hover,
.store-form button:not(.btn-secondary):not(.btn-tertiary):hover,
.store-form input[type="submit"]:hover{ filter: brightness(1.06); }

.page-index .site{ min-height: auto !important; grid-auto-rows: auto !important; }

.page-index .site-content-widgets{ display: block !important; padding-top: 8px !important; }
.page-index .store-content{ padding: 0 !important; margin: 0 auto !important; }
.page-index .store-content:empty{ display: none !important; }

.page-index .site-content-widgets > .store-content:not(:has(*)){ display: none !important; }
.page-index .store-sidebar{ margin-top: 0 !important; }

.store-product-options{ font-family: 'Outfit', sans-serif; }
.store-product-options .product-title{
  color: var(--silver-hi) !important; font-size: 1.4rem !important; font-weight: 700 !important;
  margin: 0 0 18px !important; text-align: center !important;
}
.store-product-options .field{ margin-bottom: 16px !important; }
.store-product-options .field > p,
.store-product-options .field-inline{ color: var(--silver-mid) !important; font-size: 0.95rem !important; margin: 0 0 8px !important; }
.store-product-options .field-inline{ display: flex !important; align-items: center !important; gap: 10px !important; }
.store-product-options select,
.store-product-options input:not([type="checkbox"]):not([type="radio"]){
  width: 100% !important;
  background: rgba(0,0,0,0.30) !important; border: 1px solid var(--bezel) !important; border-radius: 10px !important;
  color: var(--silver-hi) !important; padding: 11px 14px !important; font-family: 'Outfit', sans-serif !important;
}
.store-product-options select:focus,
.store-product-options input:focus{ border-color: var(--accent-line) !important; outline: none !important; box-shadow: 0 0 0 3px var(--accent-soft) !important; }

.store-product-options .actions{
  display: flex !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important;
  gap: 12px !important; margin-top: 22px !important;
}
.store-product-options .actions .btn-primary{
  background: linear-gradient(180deg, var(--accent-bright), var(--accent) 60%, var(--accent-deep)) !important;
  color: #041018 !important; border: 1px solid rgba(255,255,255,0.22) !important; border-radius: 10px !important;
  font-family: 'Outfit', sans-serif !important; font-weight: 700 !important; padding: 12px 22px !important;
  text-decoration: none !important; cursor: pointer !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.4) !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
}
.store-product-options .actions .btn-primary:hover{ filter: brightness(1.06); }
.store-product-options .actions .btn-secondary{
  background: rgba(255,255,255,0.06) !important; color: var(--silver-hi) !important;
  border: 1px solid var(--bezel-hi) !important; border-radius: 10px !important;
  font-family: 'Outfit', sans-serif !important; font-weight: 600 !important; padding: 12px 22px !important;
  text-decoration: none !important; cursor: pointer !important;
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
}
.store-product-options .actions .btn-secondary:hover{ background: rgba(255,255,255,0.10) !important; border-color: var(--accent-line) !important; color: #fff !important; }
.store-product-options .actions .link-text{ color: var(--accent-bright) !important; font-weight: 600 !important; text-decoration: none !important; }
.store-product-options .actions .link-text:hover{ text-decoration: underline !important; }
.store-product-options .actions .btn-discord-login{
  background: #5865F2 !important; color: #fff !important; border-color: #6b76f5 !important;
  box-shadow: 0 8px 20px rgba(88,101,242,0.3) !important;
}
.store-product-options .actions .btn-discord-login:hover{ background: #6b76f5 !important; filter: none !important; }
.store-product-options .actions .btn-discord-login i{ margin-right: 4px; }

.basket{ font-family: 'Outfit', sans-serif; color: var(--silver); }

.popup .popup-scroll-cont,
.basket-popup .popup-scroll-cont{
  display: flex !important; align-items: center !important; justify-content: center !important;
  padding: 28px !important; box-sizing: border-box !important; min-height: 100vh !important;
}
.popup .popup-content{
  align-self: center !important; flex: 0 0 auto !important;
  height: auto !important; min-height: 0 !important; max-height: calc(100vh - 56px) !important;
  margin: 0 auto !important; overflow-y: auto !important;
}
.basket-popup-content{
  width: min(560px, 92vw) !important; max-width: 560px !important;
  height: auto !important; max-height: calc(100vh - 56px) !important;
  border-radius: var(--r-lg, 20px) !important; padding: 28px !important;
}

.basket .basket-header{
  background: transparent !important; padding: 0 0 14px !important; margin-bottom: 14px !important;
  font-size: 1.45rem !important; border-bottom: 1px solid var(--bezel) !important; justify-content: flex-start !important;
}
.basket .basket-title{ color: var(--silver-hi) !important; text-transform: none !important; font-weight: 800 !important; gap: 10px !important; }
.basket .basket-title::before{ background-color: var(--accent-bright) !important; width: 24px !important; height: 24px !important; }

.basket .basket-second-header{
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  background: rgba(255,255,255,0.04) !important; padding: 10px 14px !important;
  border: 1px solid var(--bezel) !important; border-radius: 10px !important; margin-bottom: 16px !important;
  font-weight: 600 !important; text-align: left !important;
}
.basket .basket-second-header .count{ color: var(--silver-mid) !important; font-size: 0.9rem !important; }
.basket .basket-second-header .total,
.basket .basket-second-header .total strong{ color: var(--accent-bright) !important; font-weight: 800 !important; font-size: 1rem !important; }

.basket .basket-items{ padding: 0 !important; gap: 12px !important; }
.basket .basket-item{
  background: rgba(255,255,255,0.03) !important; border: 1px solid var(--bezel) !important; border-radius: 12px !important;
  padding: 12px 14px !important; gap: 12px !important;
}
.basket .basket-item .title{ font-size: 1rem !important; font-weight: 700 !important; }
.basket .basket-item .title a{ color: var(--silver-hi) !important; text-decoration: none !important; }
.basket .basket-item .title a:hover{ color: var(--accent-bright) !important; }
.basket .basket-item .options li{ color: var(--silver-lo) !important; font-size: 0.82rem !important; }
.basket .basket-item .price,
.basket .basket-item .price strong{ color: var(--accent-bright) !important; font-weight: 700 !important; }

.basket .quantity-field{
  height: 38px !important; background: rgba(0,0,0,0.3) !important; border: 1px solid var(--bezel) !important;
  border-radius: 10px !important; overflow: hidden !important;
}
.basket .quantity-field .adjust{ width: 34px !important; background: transparent !important; }
.basket .quantity-field .adjust::before{ background-color: var(--silver-mid) !important; }
.basket .quantity-field .adjust:hover:not(:disabled){ background: rgba(255,255,255,0.06) !important; }
.basket .quantity-field .adjust:hover:not(:disabled)::before{ background-color: var(--accent-bright) !important; }
.basket .quantity-field .adjust:disabled{ opacity: 0.35 !important; }
.basket .quantity-field .quantity{ color: var(--silver-hi) !important; font-weight: 700 !important; background: transparent !important; }

.basket .basket-item .remove{
  background: rgba(239,68,68,0.10) !important; border: 1px solid rgba(239,68,68,0.3) !important; border-radius: 10px !important;
}
.basket .basket-item .remove::before{ background-color: #ff8585 !important; }
.basket .basket-item .remove:hover{ background: rgba(239,68,68,0.2) !important; border-color: rgba(239,68,68,0.5) !important; }
.basket .basket-item .remove:hover::before{ background-color: #fff !important; }

.basket .basket-checkout{ margin-top: 18px !important; padding: 16px 0 0 !important; border-top: 1px solid var(--bezel) !important; }
.basket .basket-checkout h3{
  display: flex !important; align-items: center !important; justify-content: space-between !important;
  text-transform: none !important; color: var(--silver) !important; font-size: 1rem !important; margin: 0 0 14px !important;
}
.basket .basket-checkout h3 .total,
.basket .basket-checkout .total strong{ color: var(--accent-bright) !important; font-weight: 800 !important; font-size: 1.4rem !important; }
.basket .basket-checkout .checkout{
  width: 100% !important;
  display: flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; gap: 8px !important;
  background: linear-gradient(180deg, var(--accent-bright), var(--accent) 60%, var(--accent-deep)) !important;
  color: #041018 !important; border: 1px solid rgba(255,255,255,0.22) !important; border-radius: 12px !important;
  font-family: 'Outfit', sans-serif !important; font-weight: 700 !important; font-size: 1rem !important; padding: 14px !important;
  cursor: pointer !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.4) !important;
}
.basket .basket-checkout .checkout::before,
.basket .basket-checkout .checkout::after{ display: none !important; }
.basket .basket-checkout .checkout:hover{ filter: brightness(1.06); }
.basket .basket-empty{ color: var(--silver-lo) !important; text-align: center !important; padding: 30px 0 !important; }

/* ============================================================
   PERF-LITE — auto-applied (body.perf-lite) for software-rendering /
   low-FPS / prefers-reduced-motion visitors. Strips the GPU-heavy
   effects so the site never crawls (e.g. Brave without hardware
   acceleration). Set by the guard script in layout.html.
   ============================================================ */
/* aggressive: for software rendering (no GPU) every blur + the animated/blurred
   background must go — blur is the #1 software-render killer, even at 16px. */
body.perf-lite #bg-particles{ display: none !important; }
body.perf-lite .site-bg{ display: none !important; }              /* aurora(blur) + orbs + grid -> gone */
body.perf-lite{ background: #0a0d13 !important; }                  /* solid bg, no gradient repaint on scroll */
body.perf-lite::before, body.perf-lite::after{ display: none !important; }

/* strip every blur (backdrop-filter + filter) site-wide */
body.perf-lite *,
body.perf-lite *::before,
body.perf-lite *::after{ backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
body.perf-lite .navigation-horizontal .menu,
body.perf-lite .site-navigation.navigation-horizontal .menu{
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
  background: rgba(10,12,18,0.97) !important;
}
body.perf-lite .hero-logo img,
body.perf-lite .bg-aurora{ filter: none !important; }

/* drop the heavy multi-layer shadows (borders keep the definition) */
body.perf-lite .product,
body.perf-lite .review-card,
body.perf-lite .feature-card,
body.perf-lite aside.product-actions,
body.perf-lite .floating-discount,
body.perf-lite .popup-content,
body.perf-lite .widget.widget-recent{ box-shadow: none !important; }

/* ============================================================
   Package-page action button-group (Purchase + Gift) -> gem theme.
   Theme styled the Purchase button to turn GREEN on hover/active
   (#218838) and the Gift grey; those rules out-specify the gem ones.
   ============================================================ */
.actions .button-group .btn.add.btn-primary.wide,
.actions .button-group .btn.add.btn-primary.half{
  background: linear-gradient(180deg, var(--accent-bright), var(--accent) 60%, var(--accent-deep)) !important;
  color: #041018 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,0.4) !important;
  justify-content: center !important; text-align: center !important;
}
.actions .button-group .btn.add.btn-primary.wide .button-text{ flex: 0 0 auto !important; text-align: center !important; }
.actions .button-group .btn.add.btn-primary.wide:hover,
.actions .button-group .btn.add.btn-primary.half:hover,
.actions .button-group .btn.add.btn-primary.wide:active,
.actions .button-group .btn.add.btn-primary.half:active{
  background: linear-gradient(180deg, var(--accent-bright), var(--accent) 60%, var(--accent-deep)) !important;
  filter: brightness(1.06) !important;
}
.actions .button-group .btn.add.btn-primary.wide i,
.actions .button-group .btn.add.btn-primary.wide i.fa-shopping-basket,
.actions .button-group .btn.add.btn-primary.wide .button-text{ color: #041018 !important; }

.actions .button-group .btn.btn-secondary.btn-icon.gift{ background-color: rgba(255,255,255,0.08) !important; }
.actions .button-group .btn.btn-secondary.btn-icon.gift:hover{ background-color: rgba(255,255,255,0.16) !important; }
.actions .button-group .btn.btn-secondary.btn-icon.gift i,
.actions .button-group .btn.btn-secondary.btn-icon.gift i.fa-gift{ color: var(--silver-hi) !important; }
.actions .button-group .btn.btn-secondary.btn-icon.gift:hover i{ color: var(--accent-bright) !important; }

/* shared.css sets button{ text-align:left } — center our gem/form-submit buttons (e.g. "Send gift") */
.btn-primary,
.store-form button,
.store-form input[type="submit"],
.popup-content button[type="submit"],
.popup-content .actions button{ text-align: center !important; }
.store-form .actions button,
.popup-content .actions button[type="submit"]{
  display: inline-flex !important; align-items: center !important; justify-content: center !important;
}