@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");:root{--primary:221 83% 45%;--primary-light:217 91% 60%;--primary-glow:217 91% 60%/0.15;--secondary:199 89% 48%;--background:210 20% 98%;--foreground:224 71% 4%;--card:0 0% 100%;--card-foreground:224 71% 4%;--popover:0 0% 100%;--popover-foreground:224 71% 4%;--border:220 13% 91%;--input:220 13% 91%;--ring:221 83% 45%;--shadow:0 10px 30px -10px rgba(0,0,0,.05),0 1px 3px rgba(0,0,0,.02);--header-bg:0 0% 100%/0.8;--sidebar-bg:0 0% 100%;--badge-bg:221 83% 45%/0.08;--badge-fg:221 83% 45%}[data-theme=dark]{--background:224 71% 4%;--foreground:210 20% 98%;--card:224 71% 7%;--card-foreground:210 20% 98%;--popover:224 71% 6%;--popover-foreground:210 20% 98%;--border:224 71% 12%;--input:224 71% 12%;--ring:217 91% 60%;--shadow:0 10px 40px -15px rgba(0,0,0,.6);--header-bg:224 71% 4%/0.8;--sidebar-bg:224 71% 5%;--badge-bg:217 91% 60%/0.15;--badge-fg:217 91% 60%}*{box-sizing:border-box;padding:0;margin:0;border:0;font-family:Plus Jakarta Sans,Outfit,sans-serif;transition:background-color .3s ease,border-color .3s ease}body{background-color:hsl(var(--background));color:hsl(var(--foreground));min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;background:none;font-family:inherit}input,select,textarea{font-family:inherit;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:99px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--primary-light)/.4)}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{display:flex;flex:1 1;padding-top:76px;position:relative}.header{position:fixed;top:0;left:0;right:0;height:76px;background-color:hsl(var(--header-bg));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid hsl(var(--border));z-index:50;justify-content:space-between;padding:0 24px}.header,.header-left{display:flex;align-items:center}.header-left{gap:24px;flex:1 1;max-width:50%}.logo-link{display:flex;align-items:center;height:52px}.logo-img{height:100%;width:auto;object-fit:contain;transition:transform .2s ease}.logo-img:hover{transform:scale(1.03)}.search-container{position:relative;width:100%;max-width:400px}.search-input{width:100%;height:42px;padding:0 16px 0 44px;border-radius:12px;border:1px solid hsl(var(--border));background-color:hsl(var(--background));color:hsl(var(--foreground));font-size:.95rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.search-input:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsl(var(--primary-glow));background-color:hsl(var(--card))}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:hsl(var(--foreground)/.4);pointer-events:none;transition:color .2s ease}.search-input:focus+.search-icon{color:hsl(var(--ring))}.header-right{gap:16px}.header-right,.icon-btn{display:flex;align-items:center}.icon-btn{justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid hsl(var(--border));color:hsl(var(--foreground));background-color:transparent;position:relative;transition:all .2s ease}.icon-btn:hover{background-color:hsl(var(--border)/.5);transform:translateY(-1px)}.cart-badge{position:absolute;top:-6px;right:-6px;background-color:hsl(var(--primary-light));color:#121620;font-weight:700;font-size:.75rem;height:18px;min-width:18px;padding:0 4px;border-radius:99px;justify-content:center}.btn-primary,.cart-badge{display:flex;align-items:center}.btn-primary{background-color:hsl(var(--primary));color:#fff;font-weight:600;padding:10px 20px;border-radius:12px;font-size:.95rem;gap:8px;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.btn-primary:hover{background-color:hsl(var(--primary)/.9);transform:translateY(-1px);box-shadow:0 8px 20px -6px hsl(var(--primary)/.4)}.btn-outline{border:1px solid hsl(var(--border));color:hsl(var(--foreground));font-weight:600;padding:10px 20px;border-radius:12px;font-size:.95rem;transition:all .2s ease}.btn-outline:hover{background-color:hsl(var(--border)/.5)}.sidebar-overlay{display:none}.sidebar{width:280px;background-color:hsl(var(--sidebar-bg));border-right:1px solid hsl(var(--border));padding:16px 20px;height:calc(100vh - 76px);position:-webkit-sticky;position:sticky;top:76px;display:flex;flex-direction:column;gap:16px;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed{width:76px;padding:16px 10px}.sidebar.collapsed .category-btn{justify-content:center;padding:10px 0}.sidebar.collapsed .category-btn-left{gap:0}.mobile-only-header{display:none}.sidebar-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--foreground)/.4);margin-bottom:8px}.category-list{list-style:none;display:flex;flex-direction:column;gap:6px}.category-item{width:100%}.category-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:12px;font-size:.85rem;font-weight:500;color:hsl(var(--foreground)/.7);transition:all .2s ease;text-align:left}.category-btn-left{display:flex;align-items:center;gap:8px}.category-btn:hover{background-color:hsl(var(--border)/.3);color:hsl(var(--foreground))}.category-btn.active{background-color:hsl(var(--primary-glow));color:hsl(var(--primary-light));font-weight:600}.category-count{font-size:.75rem;padding:2px 8px;border-radius:99px;background-color:hsl(var(--border));color:hsl(var(--foreground)/.6);font-weight:600}.category-btn.active .category-count{background-color:hsl(var(--primary-light)/.2);color:hsl(var(--primary-light))}.body-area{flex:1 1;padding:20px 24px;overflow-y:auto}.body-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.body-title-container{display:flex;flex-direction:column;gap:4px}.body-title{font-size:.85rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:hsl(var(--foreground)/.6)}.body-subtitle{font-size:.82rem;color:hsl(var(--foreground)/.5)}.addon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));grid-gap:16px;gap:16px}.card-addon{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.card-addon:hover{transform:translateY(-4px);border-color:hsl(var(--primary-light)/.3);box-shadow:0 20px 40px -15px rgba(0,0,0,.08),0 0 0 1px hsl(var(--primary-light)/.1)}[data-theme=dark] .card-addon:hover{box-shadow:0 20px 40px -20px rgba(0,0,0,.8),0 0 20px 1px hsl(var(--primary-light)/.05)}.card-image-container{height:120px;width:100%;position:relative;background:linear-gradient(135deg,hsl(var(--primary)/.08) 0,hsl(var(--secondary)/.05) 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid hsl(var(--border))}.card-image-fallback{display:flex;flex-direction:column;align-items:center;gap:12px;color:hsl(var(--primary-light))}.card-badge-container{position:absolute;top:10px;left:10px;display:flex;gap:6px}.badge-pill{padding:3px 8px;border-radius:99px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.badge-popular{background-color:gold;color:#121620}.badge-new{background-color:hsl(var(--primary-light));color:#121620}.card-body{padding:14px 16px;display:flex;flex-direction:column;flex:1 1}.card-title{font-size:.98rem;font-weight:700;margin-bottom:6px;line-height:1.4;color:hsl(var(--foreground))}.card-desc{font-size:.78rem;color:hsl(var(--foreground)/.6);line-height:1.5;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;height:calc(1.5em * 3)}.card-features{list-style:none;display:flex;flex-direction:column;gap:4px;margin-bottom:12px;flex:1 1}.card-feature-item{font-size:.75rem;color:hsl(var(--foreground)/.75);display:flex;align-items:center;gap:6px}.card-feature-item svg{color:hsl(var(--primary-light));flex-shrink:0}.card-rating-row{display:flex;align-items:center;gap:5px;margin-bottom:12px;border-top:1px solid hsl(var(--border)/.5);padding-top:10px;flex-wrap:wrap;row-gap:4px}.rating-star{color:#ffb100;flex-shrink:0}.rating-value{font-weight:700;font-size:.8rem}.reviews-count{color:hsl(var(--foreground)/.4)}.active-subs-count,.reviews-count{font-size:.75rem;white-space:nowrap}.active-subs-count{display:flex;align-items:center;gap:4px;margin-left:auto;color:hsl(var(--foreground)/.5)}.card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid hsl(var(--border));padding-top:10px;margin-top:auto}.price-container{display:flex;flex-direction:column}.price-original{font-size:.76rem;text-decoration:line-through;color:hsl(var(--foreground)/.4)}.price-actual{font-size:1.15rem;font-weight:800;color:hsl(var(--foreground));display:flex;align-items:baseline}.price-currency{font-size:.9rem;font-weight:600;margin-right:1px}.price-period{font-size:.72rem;font-weight:500;color:hsl(var(--foreground)/.5);margin-left:3px}.card-buy-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;background-color:hsl(var(--primary));color:#fff;transition:all .25s cubic-bezier(.4,0,.2,1)}.card-buy-btn:hover{background-color:hsl(var(--primary-light));color:#121620;transform:scale(1.05)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-out}.modal-content{background-color:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:24px;width:100%;max-width:440px;box-shadow:var(--shadow);overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1);position:relative}.modal-close{position:absolute;top:16px;right:16px;color:hsl(var(--foreground)/.4);width:32px;height:32px;border-radius:99px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background-color:hsl(var(--border)/.5);color:hsl(var(--foreground))}.modal-header-tabs{display:flex;border-bottom:1px solid hsl(var(--border))}.tab-btn{flex:1 1;padding:18px;font-size:1rem;font-weight:600;color:hsl(var(--foreground)/.4);border-bottom:2px solid transparent;transition:all .2s ease}.tab-btn.active{color:hsl(var(--primary-light));border-color:hsl(var(--primary-light))}.modal-body{padding:32px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.form-label{font-size:.85rem;font-weight:600;color:hsl(var(--foreground)/.7)}.form-input{height:46px;padding:0 16px;border-radius:12px;border:1px solid hsl(var(--border));background-color:hsl(var(--background));color:hsl(var(--foreground));font-size:.95rem;transition:all .2s ease}.form-input:focus{border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsl(var(--primary-glow))}.cart-drawer-overlay{left:0;background-color:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:90;animation:fadeIn .2s ease-out}.cart-drawer,.cart-drawer-overlay{position:fixed;top:0;right:0;bottom:0}.cart-drawer{width:100%;max-width:400px;background-color:hsl(var(--sidebar-bg));border-left:1px solid hsl(var(--border));box-shadow:var(--shadow);z-index:91;display:flex;flex-direction:column;animation:slideLeft .3s cubic-bezier(.16,1,.3,1)}.cart-drawer-header{padding:24px;border-bottom:1px solid hsl(var(--border));display:flex;align-items:center;justify-content:space-between}.cart-drawer-title{font-size:1.25rem;font-weight:700}.cart-drawer-body{flex:1 1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px}.cart-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:hsl(var(--foreground)/.4);gap:12px}.cart-item-row{display:flex;gap:14px;padding-bottom:16px;border-bottom:1px solid hsl(var(--border)/.5)}.cart-item-details{flex:1 1;display:flex;flex-direction:column;gap:4px}.cart-item-title{font-size:.95rem;font-weight:600;color:hsl(var(--foreground))}.cart-item-price{font-size:.9rem;font-weight:700;color:hsl(var(--primary-light))}.cart-item-actions{display:flex;align-items:center;justify-content:space-between;margin-top:8px}.quantity-controller{display:flex;align-items:center;border:1px solid hsl(var(--border));border-radius:8px;overflow:hidden}.quantity-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:hsl(var(--foreground));font-weight:700}.quantity-btn:hover{background-color:hsl(var(--border)/.5)}.quantity-value{padding:0 8px;font-size:.85rem;font-weight:600}.cart-item-remove{color:hsl(var(--foreground)/.4);font-size:.8rem;font-weight:600}.cart-item-remove:hover{color:#ff4d4d}.cart-drawer-footer{padding:24px;border-top:1px solid hsl(var(--border));display:flex;flex-direction:column;gap:16px}.cart-summary-row{display:flex;justify-content:space-between;font-size:1.05rem;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideLeft{0%{transform:translateX(100%)}to{transform:translateX(0)}}.sidebar-toggle-btn{display:none;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;border:1px solid hsl(var(--border));color:hsl(var(--foreground))}@media (max-width:1024px){.sidebar{width:240px}}@media (max-width:768px){.mobile-only-header,.sidebar-toggle-btn{display:flex}.sidebar{position:fixed;top:76px;left:-280px;z-index:80;height:calc(100vh - 76px);width:280px;box-shadow:var(--shadow)}.sidebar.open{left:0}.sidebar-overlay{display:block;position:fixed;top:76px;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:79;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1;pointer-events:auto}.header{padding:0 10px}.header-left{max-width:55%;gap:8px}.sidebar-toggle-btn{width:36px;height:36px;flex-shrink:0}.logo-link{height:30px}.header-right{gap:4px}.icon-btn{width:36px;height:36px}.header-auth-btn,.header-more-btn{padding:8px!important;width:36px;height:36px;justify-content:center}.header-btn-label,.search-container{display:none}.body-area{padding:20px}}.detail-layout-grid{grid-template-columns:3fr 1fr}.desktop-purchase-card-sidebar{display:block}.mobile-purchase-card-wrapper{display:none}@media (max-width:991px){.detail-layout-grid{grid-template-columns:1fr!important}.desktop-purchase-card-sidebar{display:none!important}.mobile-purchase-card-wrapper{display:block!important}}.legal-content h1{font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:6px}.legal-content h2{font-size:1.25rem;font-weight:700;margin-top:32px;margin-bottom:10px;padding-top:20px;border-top:1px solid hsl(var(--border))}.legal-content h2:first-of-type{margin-top:20px;padding-top:0;border-top:none}.legal-content h3{font-size:1.02rem;font-weight:700;margin-top:18px;margin-bottom:8px;color:hsl(var(--primary-light))}.legal-content p{margin-bottom:12px}.legal-content ol,.legal-content ul{margin:0 0 14px 22px;display:flex;flex-direction:column;gap:6px}.legal-content li{line-height:1.6}.legal-content a{color:hsl(var(--primary-light));font-weight:600;text-decoration:underline}.legal-content strong{font-weight:700}.legal-content hr{border:none;border-top:1px solid hsl(var(--border));margin:24px 0}