@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Rowdies:wght@300;400;700&display=swap";.header{background-color:var(--header-bg-color,var(--header-nav));color:var(--header-text-color,var(--color-text));border-bottom:var(--header-border-bottom,none);-webkit-backdrop-filter:blur(12px);align-items:center;min-height:68px;padding:0 1.25rem;transition:box-shadow .3s,background-color .3s;display:flex;box-shadow:0 1px #ffffff0f,0 4px 20px #0000002e}.header .logo{flex-shrink:0;padding:4px 0}.header .logo img{max-height:var(--header-logo-height,52px);object-fit:contain;filter:drop-shadow(0 1px 3px #0003);width:auto;max-width:180px;transition:transform .2s,filter .2s;display:block}.header .logo img:hover{filter:drop-shadow(0 2px 8px #0000004d);transform:scale(1.05)}.header .brand-title{font-size:1.5rem;font-family:var(--font-heading,"Rowdies", sans-serif);color:var(--nav-text-color,var(--header-text-color,var(--color-text)));vertical-align:middle;letter-spacing:.04em;font-weight:700;line-height:1}@media (width<=768px){.header .brand-title{font-size:1.2rem}}.header .navbar-brand{align-items:center;gap:.4rem;margin-right:1.5rem;text-decoration:none;display:flex}.header .navbar-brand:hover .brand-title{color:var(--nav-hover-color,var(--header-hover-color,var(--color-primary)))}.header .navbar-nav .nav-item{margin-left:0;font-size:.93rem;font-weight:500}.header .navbar-nav .nav-item .nav-link{color:var(--nav-text-color,var(--header-text-color,var(--color-text)));white-space:nowrap;border-radius:6px;padding:.5rem .7rem;text-decoration:none;transition:color .2s,background-color .2s;position:relative}.header .navbar-nav .nav-item .nav-link:after{content:"";background:var(--nav-hover-color,var(--color-primary,#e62020));border-radius:2px;width:60%;height:2px;transition:transform .2s;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)scaleX(0)}.header .navbar-nav .nav-item .nav-link:hover,.header .navbar-nav .nav-item .nav-link:focus{color:var(--nav-hover-color,var(--header-hover-color,var(--color-primary)));background-color:#ffffff0f;outline:none;text-decoration:none}.header .navbar-nav .nav-item .nav-link.active{color:var(--nav-hover-color,var(--header-hover-color,var(--color-primary)));font-weight:600}.header .navbar-nav .nav-item .nav-link.active:after{transform:translate(-50%)scaleX(1)}.header ul.navbar-nav.me-auto{gap:.1rem}.header .search-bar{margin:0;padding:0;list-style:none}.header .search-bar li{list-style:none}.header .nav-actions{flex-wrap:nowrap;align-items:center;gap:.2rem;display:flex}.header .nav-actions .nav-item{padding-top:0;padding-bottom:0}.header .wishlist-btn-group{align-items:center;display:flex}.header .wishlist-btn-group button.btn.btn-link{width:38px;height:38px;color:var(--header-text-color,var(--color-wish));border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .2s,background-color .2s;display:flex;position:relative}.header .wishlist-btn-group button.btn.btn-link:hover{color:var(--header-hover-color,var(--color-primary));background-color:#ffffff1a}.header .wishlist-btn-group button.btn.btn-link .wishlist-count{color:#fff;pointer-events:none;background:#e62020;border-radius:9px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 3px;font-size:.65rem;font-weight:700;line-height:1;display:flex;position:absolute;top:0;right:0}.header .wishlist-btn-group .btn.btn-link:last-child{border-radius:0 6px 6px 0;width:22px;height:38px}.header .dropdown-menu{background-color:var(--header-bg-color,var(--background-color));border:1px solid #ffffff1f;border-radius:10px;max-height:400px;margin-top:.5rem;padding:.4rem;overflow-y:auto;box-shadow:0 8px 32px #0000003d}.header .dropdown-menu .text-danger{color:var(--color-danger,#dc3545)}.header .dropdown-menu .text-success{color:var(--color-success,#28a745)}.header .dropdown-item{white-space:nowrap;color:var(--header-text-color,var(--color-text));border-radius:6px;justify-content:space-between;align-items:center;padding:.45rem .75rem;font-size:.9rem;transition:background-color .15s;display:flex}.header .dropdown-item:hover{background-color:#ffffff14}.header .dropdown-item a{color:var(--header-text-color,var(--color-text))}.header .dropdown-item a:hover{color:var(--header-hover-color,var(--color-primary))}.header .dropdown-item svg{cursor:pointer;transition:transform .15s}.header .dropdown-item svg:hover{transform:scale(1.2)}.header .user-image{object-fit:cover;border:2px solid #fff3;border-radius:50%;width:34px;height:34px;transition:border-color .2s,transform .2s;display:block}.header .user-image:hover{border-color:var(--nav-hover-color,var(--color-primary,#e62020));transform:scale(1.08)}.header .header-login-text{color:var(--header-text-color,var(--color-text));white-space:nowrap;border-radius:6px;padding:.4rem .75rem;font-size:.93rem;font-weight:500;transition:color .2s,background-color .2s}.header .header-login-text:hover{color:var(--header-hover-color,var(--color-primary));background-color:#ffffff0f}.header button.nav-link.header-button.header-login-text{cursor:pointer;background:0 0;border:none;font-size:.93rem}.header button.nav-link.header-button.header-login-text:hover{color:#c01515;background-color:#ffffff14}.header .navbar-toggler{border:1.5px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;transition:background-color .2s,border-color .2s;display:flex}.header .navbar-toggler:hover{background-color:#ffffff1a;border-color:#fff6}.header .navbar-toggler:focus{box-shadow:none;outline:2px solid var(--nav-hover-color,#e62020);outline-offset:2px}.header .navbar-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(200,200,200,0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");width:20px;height:20px}.header .navbar-collapse{transition:opacity .2s,transform .2s}@media (width<=991px){.header .navbar-collapse.show{background-color:var(--header-bg-color,var(--background-color));border-top:1px solid #ffffff14;border-radius:0 0 12px 12px;padding:.75rem;animation:.2s slideDown;box-shadow:0 8px 24px #0003}.header .navbar-collapse .navbar-nav{gap:.15rem}.header .navbar-collapse .nav-item .nav-link{border-radius:8px;padding:.6rem .85rem}}.header .mark-text{font-size:x-large;font-family:var(--font-heading,"Rowdies", sans-serif);font-style:normal;font-weight:700}.header.header-preview{position:relative!important}.header .header-preview-container{border:1px solid #ddd;margin-top:20px;padding:10px;position:relative}.header .header-preview-container header{position:relative!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-bar-container{width:100%;position:relative}.search-bar-container .search-bar{background-color:#fff;border:1.5px solid #0000001f;border-radius:8px;align-items:center;padding:7px 12px;transition:box-shadow .2s,border-color .2s;display:flex;box-shadow:0 1px 4px #0000001a}.search-bar-container .search-bar:focus-within{border-color:#e62020;box-shadow:0 0 0 3px #e620201f}.search-bar-container .search-bar input[type=text]{color:#1a1a1a;background-color:#0000;border:none;outline:none;flex:1;font-size:15px}.search-bar-container .search-bar input[type=text]::placeholder{color:#999}.search-bar-container .search-bar button{cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:18px;line-height:1;transition:transform .15s}.search-bar-container .search-bar button:hover{transform:scale(1.12)}.search-bar-container .search-bar button i{color:#e62020}.search-bar-container .search-results{z-index:1000;background-color:#fff;border:1px solid #0000001a;border-radius:8px;width:100%;max-height:260px;margin:0;padding:4px 0;list-style:none;animation:.18s ease-in-out fadeIn;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 8px 24px #00000024}.search-bar-container .search-results li{cursor:pointer;color:#1a1a1a;outline:none;padding:10px 14px;font-size:14px;list-style:none;transition:background .15s}.search-bar-container .search-results li:hover,.search-bar-container .search-results li:focus{color:#e62020;background-color:#e620200f}.search-bar-container .search-loading,.search-bar-container .no-results{color:#555;z-index:999;background:#fff;border:1px solid #0000001a;border-radius:8px;width:100%;padding:10px 14px;font-size:13px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 12px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.country-language-selector{display:inline-block;position:relative}.country-language-selector .selector-button{background:var(--background-color,#fff);border:1px solid var(--border-color,#dee2e6);cursor:pointer;color:var(--text-color,#333);border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;transition:all .3s;display:flex}.country-language-selector .selector-button svg{font-size:1.1rem}.country-language-selector .selector-button .current-selection{font-weight:500}.country-language-selector .selector-button:hover{background:var(--hover-bg,#f8f9fa);border-color:var(--primary-color,#4a90e2)}.country-language-selector .selector-button:focus{outline:none;box-shadow:0 0 0 3px #4a90e21a}.country-language-selector .selector-overlay{z-index:1000;background:#0000004d;position:fixed;inset:0}@media (width<=576px){.country-language-selector .selector-overlay{z-index:9998;background:#00000080}}.country-language-selector .selector-dropdown{background:var(--background-color,#fff);border:1px solid var(--border-color,#dee2e6);z-index:1001;border-radius:8px;width:320px;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 4px 12px #00000026}@media (width<=576px){.country-language-selector .selector-dropdown{z-index:9999;width:90vw;max-width:350px;max-height:85vh;position:fixed;top:50%;left:50%;right:auto;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0000004d}}.country-language-selector .selector-dropdown .selector-header{border-bottom:1px solid var(--border-color,#dee2e6);background:var(--header-bg,#f8f9fa);display:flex}.country-language-selector .selector-dropdown .selector-header .tab-button{cursor:pointer;color:var(--text-color-secondary,#6c757d);background:0 0;border:none;flex:1;padding:.75rem;font-weight:500;transition:all .3s;position:relative}.country-language-selector .selector-dropdown .selector-header .tab-button:hover{background:var(--hover-bg,#4a90e20d)}.country-language-selector .selector-dropdown .selector-header .tab-button.active{color:var(--primary-color,#4a90e2)}.country-language-selector .selector-dropdown .selector-header .tab-button.active:after{content:"";background:var(--primary-color,#4a90e2);height:2px;position:absolute;bottom:0;left:0;right:0}.country-language-selector .selector-dropdown .selector-content{max-height:400px;overflow-y:auto}@media (width<=576px){.country-language-selector .selector-dropdown .selector-content{max-height:calc(85vh - 60px)}}.country-language-selector .selector-dropdown .selector-content::-webkit-scrollbar{width:6px}.country-language-selector .selector-dropdown .selector-content::-webkit-scrollbar-track{background:var(--scrollbar-track,#f1f1f1)}.country-language-selector .selector-dropdown .selector-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb,#888);border-radius:3px}.country-language-selector .selector-dropdown .selector-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover,#555)}.country-language-selector .selector-dropdown .selector-content .country-list,.country-language-selector .selector-dropdown .selector-content .language-list{padding:.5rem 0}.country-language-selector .selector-dropdown .selector-content .country-item,.country-language-selector .selector-dropdown .selector-content .language-item{cursor:pointer;text-align:left;width:100%;color:var(--text-color,#333);background:0 0;border:none;align-items:center;gap:.75rem;padding:.75rem 1rem;transition:all .2s;display:flex}.country-language-selector .selector-dropdown .selector-content .country-item:hover,.country-language-selector .selector-dropdown .selector-content .language-item:hover{background:var(--hover-bg,#f8f9fa)}.country-language-selector .selector-dropdown .selector-content .country-item.selected,.country-language-selector .selector-dropdown .selector-content .language-item.selected{background:var(--selected-bg,#4a90e21a);color:var(--primary-color,#4a90e2)}.country-language-selector .selector-dropdown .selector-content .country-item .country-flag,.country-language-selector .selector-dropdown .selector-content .language-item .country-flag{min-width:30px;font-size:1.5rem}.country-language-selector .selector-dropdown .selector-content .country-item .country-info,.country-language-selector .selector-dropdown .selector-content .country-item .language-info,.country-language-selector .selector-dropdown .selector-content .language-item .country-info,.country-language-selector .selector-dropdown .selector-content .language-item .language-info{flex-direction:column;flex:1;gap:.15rem;display:flex}.country-language-selector .selector-dropdown .selector-content .country-item .country-info .country-name,.country-language-selector .selector-dropdown .selector-content .country-item .country-info .language-name,.country-language-selector .selector-dropdown .selector-content .country-item .language-info .country-name,.country-language-selector .selector-dropdown .selector-content .country-item .language-info .language-name,.country-language-selector .selector-dropdown .selector-content .language-item .country-info .country-name,.country-language-selector .selector-dropdown .selector-content .language-item .country-info .language-name,.country-language-selector .selector-dropdown .selector-content .language-item .language-info .country-name,.country-language-selector .selector-dropdown .selector-content .language-item .language-info .language-name{font-size:.9rem;font-weight:500}.country-language-selector .selector-dropdown .selector-content .country-item .country-info .country-currency,.country-language-selector .selector-dropdown .selector-content .country-item .country-info .language-native,.country-language-selector .selector-dropdown .selector-content .country-item .language-info .country-currency,.country-language-selector .selector-dropdown .selector-content .country-item .language-info .language-native,.country-language-selector .selector-dropdown .selector-content .language-item .country-info .country-currency,.country-language-selector .selector-dropdown .selector-content .language-item .country-info .language-native,.country-language-selector .selector-dropdown .selector-content .language-item .language-info .country-currency,.country-language-selector .selector-dropdown .selector-content .language-item .language-info .language-native{color:var(--text-color-secondary,#6c757d);font-size:.75rem}.country-language-selector .selector-dropdown .selector-content .country-item .check-icon,.country-language-selector .selector-dropdown .selector-content .language-item .check-icon{color:var(--primary-color,#4a90e2);font-size:1rem}body.dark .country-language-selector .selector-button{background:var(--dark-bg,#2c3e50);border-color:var(--dark-border,#34495e);color:var(--dark-text,#ecf0f1)}body.dark .country-language-selector .selector-button:hover{background:var(--dark-hover-bg,#34495e)}body.dark .country-language-selector .selector-dropdown{background:var(--dark-bg,#2c3e50);border-color:var(--dark-border,#34495e)}body.dark .country-language-selector .selector-dropdown .selector-header{background:var(--dark-header-bg,#34495e);border-color:var(--dark-border,#34495e)}body.dark .country-language-selector .selector-dropdown .selector-header .tab-button{color:var(--dark-text-secondary,#95a5a6)}body.dark .country-language-selector .selector-dropdown .selector-header .tab-button:hover{background:var(--dark-hover-bg,#4a90e21a)}body.dark .country-language-selector .selector-dropdown .selector-header .tab-button.active{color:var(--primary-color,#4a90e2)}body.dark .country-language-selector .selector-dropdown .selector-content .country-item,body.dark .country-language-selector .selector-dropdown .selector-content .language-item{color:var(--dark-text,#ecf0f1)}body.dark .country-language-selector .selector-dropdown .selector-content .country-item:hover,body.dark .country-language-selector .selector-dropdown .selector-content .language-item:hover{background:var(--dark-hover-bg,#34495e)}body.dark .country-language-selector .selector-dropdown .selector-content .country-item.selected,body.dark .country-language-selector .selector-dropdown .selector-content .language-item.selected{background:var(--dark-selected-bg,#4a90e233)}body.dark .country-language-selector .selector-dropdown .selector-content .country-item .country-currency,body.dark .country-language-selector .selector-dropdown .selector-content .country-item .language-native,body.dark .country-language-selector .selector-dropdown .selector-content .language-item .country-currency,body.dark .country-language-selector .selector-dropdown .selector-content .language-item .language-native{color:var(--dark-text-secondary,#95a5a6)}
