@font-face{font-family: 'Inter';font-style: normal;font-weight: 300 700;font-display: swap;src: url('/assets/fonts/inter-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Inter';font-style: normal;font-weight: 300 700;font-display: swap;src: url('/assets/fonts/inter-latin-ext.woff2') format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: 'Syne';font-style: normal;font-weight: 700 800;font-display: swap;src: url('/assets/fonts/syne-latin.woff2') format('woff2');unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: 'Syne';font-style: normal;font-weight: 700 800;font-display: swap;src: url('/assets/fonts/syne-latin-ext.woff2') format('woff2');unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}*{margin: 0;padding: 0;box-sizing: border-box;-webkit-user-drag: none}button{-webkit-tap-highlight-color: transparent;-webkit-appearance: none;appearance: none}button svg{pointer-events: none;display: block}img,video,canvas,svg,picture{-webkit-user-drag: none;user-select: none;-webkit-user-select: none}html,body{overflow-x: hidden}html{scroll-behavior: smooth}#kategori-vitrin{scroll-margin-top: 100px}.skip-to-content{position: absolute;top: -100%;left: 50%;transform: translateX(-50%);z-index: 99999;padding: .75rem 1.5rem;background: var(--color-accent);color: var(--color-bg);font-weight: 700;border-radius: 0 0 12px 12px;text-decoration: none;transition: top .2s ease}.skip-to-content:focus{top: 0}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);white-space: nowrap;border: 0}.side-fab{position: fixed;left: 20px;bottom: 24px;z-index: 1050;display: flex;flex-direction: column;gap: .6rem}.side-fab__btn{width: 48px;height: 48px;border-radius: 50%;border: none;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: transform .2s,box-shadow .2s;text-decoration: none}.side-fab__btn:hover{transform: scale(1.1)}.side-fab__btn--wa{background: #25d366;color: #fff;box-shadow: 0 4px 15px rgba(37,211,102,.4)}.side-fab__btn--bell{position: relative;background: rgba(239,192,123,.15);border: 1px solid rgba(239,192,123,.3);color: var(--color-accent);box-shadow: 0 4px 15px rgba(0,0,0,.2);animation: fabBellShake 4s ease-in-out infinite}.side-fab__btn--bell:hover{background: rgba(239,192,123,.25)}.side-fab__dot{position: absolute;top: 4px;right: 4px;width: 9px;height: 9px;border-radius: 50%;background: #ef4444;border: 2px solid var(--color-bg);animation: fabDotPulse 1.8s ease-in-out infinite}@keyframes fabBellShake{0%,80%,100%{transform: rotate(0)}82%{transform: rotate(-12deg)}84%{transform: rotate(10deg)}86%{transform: rotate(-8deg)}88%{transform: rotate(6deg)}90%{transform: rotate(-4deg)}92%{transform: rotate(0)}}@keyframes fabDotPulse{0%,100%{transform: scale(1);opacity: 1}50%{transform: scale(1.3);opacity: .7}}@media (max-width: 768px){.side-fab{left: 12px;bottom: 16px}.side-fab__btn{width: 48px;height: 48px}}.scroll-top-btn{position: fixed;right: 20px;bottom: 24px;z-index: 1050;width: 48px;height: 48px;border-radius: 50%;border: 1px solid rgba(239,192,123,.3);background: rgba(239,192,123,.15);color: var(--color-accent);box-shadow: 0 4px 15px rgba(0,0,0,.2);display: flex;align-items: center;justify-content: center;cursor: pointer;opacity: 0;visibility: hidden;transform: translateY(10px);transition: opacity .25s,transform .25s,visibility .25s,background .2s}.scroll-top-btn.is-visible{opacity: 1;visibility: visible;transform: translateY(0)}@media (hover: hover){.scroll-top-btn:hover{background: rgba(239,192,123,.25)}}@media (max-width: 768px){.scroll-top-btn{right: 12px;bottom: 16px;width: 48px;height: 48px}}.info-modal{position: fixed;inset: 0;z-index: 1200;background: rgba(0,0,0,.6);backdrop-filter: blur(6px);display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;transition: opacity .3s ease,visibility .3s ease}.info-modal.open{opacity: 1;visibility: visible}.info-modal__content{background: rgba(15,23,42,.95);border: 1px solid rgba(239,192,123,.2);border-radius: 20px;padding: 2rem 2rem 1.5rem;max-width: 480px;width: 90%;position: relative;transform: translateY(20px) scale(.95);transition: transform .3s ease}.info-modal.open .info-modal__content{transform: translateY(0) scale(1)}.info-modal__close{position: absolute;top: 1rem;right: 1rem;background: none;border: none;color: var(--color-text-muted);cursor: pointer;transition: color .2s}.info-modal__close:hover{color: var(--color-text)}.info-modal__icon{width: 52px;height: 52px;border-radius: 50%;background: rgba(239,192,123,.12);border: 1px solid rgba(239,192,123,.25);display: flex;align-items: center;justify-content: center;color: var(--color-accent);margin-bottom: 1.25rem}.info-modal__content h3{font-family: var(--font-display);font-size: 1.15rem;color: var(--color-text);margin-bottom: 1rem}.info-modal__content p{font-size: .88rem;color: var(--color-text-muted);line-height: 1.7;margin-bottom: .75rem}.info-modal__content p strong{color: var(--color-accent)}:root{--color-bg: #0b0f17;--color-header-bg: rgba(15,23,42,0.65);--color-border: rgba(30,58,95,0.4);--color-accent: #efc07b;--color-accent-muted: rgba(239,192,123,0.75);--color-text: #f8fafc;--color-text-muted: #94a3b8;--font-display: 'Syne',sans-serif;--font-sans: 'Inter',sans-serif}body{font-family: var(--font-sans);background-color: var(--color-bg);color: var(--color-text);min-height: 100vh;overflow-x: hidden;position: relative;display: flex;flex-direction: column}#main-content{flex: 1}::-webkit-scrollbar{display: none}body{-ms-overflow-style: none;scrollbar-width: none}.site-bg-anim{position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: -1;pointer-events: none;overflow: hidden;background-color: var(--color-bg)}.orb{position: absolute;border-radius: 50%;filter: blur(120px);opacity: 0.5;mix-blend-mode: screen;}.orb-1{width: 60vw;height: 60vw;background: radial-gradient(circle,rgba(74,144,164,0.35) 0%,transparent 70%);top: -20%;left: -10%;animation: floatOrb 12s infinite ease-in-out alternate}.orb-2{width: 55vw;height: 55vw;background: radial-gradient(circle,rgba(239,192,123,0.25) 0%,transparent 70%);bottom: -15%;right: -10%;animation: floatOrb 15s infinite ease-in-out alternate-reverse}.orb-3{width: 50vw;height: 50vw;background: radial-gradient(circle,rgba(168,85,247,0.2) 0%,transparent 70%);top: 30%;right: 5%;animation: floatOrb 14s infinite ease-in-out alternate}.orb-4{width: 45vw;height: 45vw;background: radial-gradient(circle,rgba(6,182,212,0.25) 0%,transparent 70%);bottom: 20%;left: 10%;animation: floatOrb 11s infinite ease-in-out alternate-reverse}@keyframes floatOrb{0%{transform: translate(0,0) scale(1) rotate(0deg)}33%{transform: translate(15%,20%) scale(1.15) rotate(45deg)}66%{transform: translate(-10%,-15%) scale(0.9) rotate(90deg)}100%{transform: translate(5%,10%) scale(1.25) rotate(135deg)}}.header-wrapper{position: fixed;top: 20px;left: 50%;transform: translateX(-50%);width: 92%;max-width: 1200px;z-index: 1000}.header{width: 100%;background-color: var(--color-header-bg);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);will-change: transform;border: 1px solid var(--color-border);border-radius: 9999px;box-shadow: 0 10px 30px rgba(0,0,0,0.25);transition: all 0.3s cubic-bezier(0.4,0,0.2,1)}.header-container{padding: 0 2.2rem;height: 56px;display: flex;justify-content: space-between;align-items: center;overflow: visible}.logo-link{display: flex;align-items: center;text-decoration: none;flex-shrink: 0}.logo-img{height: 72px;width: auto;display: block;transition: opacity 0.2s ease}.logo-link:hover .logo-img{opacity: 0.85}.footer-logo-img{height: 56px;width: auto;display: block;opacity: 0.9}.logo-text{text-decoration: none;font-family: var(--font-display);font-size: 1.4rem;font-weight: 800;letter-spacing: 2px;text-transform: uppercase;color: var(--color-text);display: flex;align-items: center;gap: 8px;transition: transform 0.3s ease}.logo-text:hover{transform: scale(1.02)}.nav-menu{display: flex;list-style: none;gap: 2.2rem;align-items: center}.nav-item{position: relative}.nav-item a{text-decoration: none;color: var(--color-text-muted);font-weight: 500;font-size: 0.9rem;letter-spacing: 0.3px;transition: color 0.25s ease;padding: 0.75rem 0.5rem;min-height: 48px;display: flex;align-items: center}.nav-item a::after{content: '';position: absolute;bottom: -2px;left: 0;width: 0;height: 2px;background-color: var(--color-accent);transition: width 0.3s ease}.nav-item a:hover{color: var(--color-text)}.nav-item a:hover::after{width: 100%}.nav-item a.is-active{color: var(--color-text)}.nav-item a.is-active::after{width: 100%}.nav-dropdown__trigger{cursor: pointer}.nav-dropdown__menu{display: none;position: absolute;top: 100%;left: 50%;transform: translateX(-50%);min-width: 200px;background: rgba(15,23,42,0.95);border: 1px solid var(--color-border);border-radius: 12px;padding: 0.5rem 0;backdrop-filter: blur(20px);box-shadow: 0 12px 32px rgba(0,0,0,0.4);z-index: 100;list-style: none}.nav-dropdown__menu li a{display: flex;align-items: center;gap: 8px;padding: 0.6rem 1.2rem;font-size: 0.85rem;color: var(--color-text-muted);text-decoration: none;transition: background 0.2s,color 0.2s;white-space: nowrap}.nav-dropdown__menu li a::after{display: none}.nav-dropdown__menu li a:hover{background: rgba(239,192,123,0.08);color: var(--color-accent)}@media (hover: hover){.nav-dropdown:hover .nav-dropdown__menu{display: block}}.header-actions{display: flex;align-items: center;gap: 1.3rem}.action-btn{background: transparent;border: none;outline: none;color: var(--color-text-muted);cursor: pointer;padding: 6px;border-radius: 50%;transition: color 0.25s ease;position: relative;display: flex;align-items: center;justify-content: center}@media (hover: hover){.action-btn:hover{color: var(--color-accent);background-color: rgba(255,255,255,0.08);transform: translateY(-1px)}}.cart-action-btn{background-color: rgba(239,192,123,0.1);border: 1px solid rgba(239,192,123,0.3);color: var(--color-accent);cursor: pointer;padding: 8px 16px;border-radius: 99px;transition: all 0.25s ease;display: flex;align-items: center;justify-content: center;gap: 8px;font-family: var(--font-sans);font-weight: 600;font-size: 0.9rem}.cart-action-btn:hover{background-color: var(--color-accent);color: var(--color-bg);transform: translateY(-1px)}.cart-badge{position: absolute;top: -2px;right: -2px;background-color: var(--color-accent);color: var(--color-bg);font-size: 0.65rem;font-weight: 700;border-radius: 50%;width: 15px;height: 15px;display: flex;align-items: center;justify-content: center;box-shadow: 0 0 6px rgba(255,255,255,0.3)}.mobile-toggle{display: none;background: transparent;border: none;outline: none;color: var(--color-text);cursor: pointer;padding: 6px}@media (max-width: 992px){.nav-menu{display: none}.mobile-toggle{display: block;padding: 11px}.header-actions{gap: 0.15rem}}.mobile-menu-panel{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(11,15,23,0.98);backdrop-filter: blur(20px);-webkit-backdrop-filter: blur(20px);z-index: 1100;display: flex;flex-direction: column;gap: 0;opacity: 0;pointer-events: none;transition: opacity 0.3s ease}.mobile-menu-panel.open{opacity: 1;pointer-events: auto}.mobile-menu-header{display: flex;align-items: center;justify-content: space-between;padding: 0.6rem 1.6rem;flex-shrink: 0;opacity: 0;transition: opacity 0.3s ease;transition-delay: 0.05s}.mobile-menu-panel.open .mobile-menu-header{opacity: 1}.mobile-menu-scroll{flex: 1;overflow-y: auto;padding: 0.5rem 1.25rem 2rem;display: flex;flex-direction: column;align-items: center}.mobile-menu-close{background: transparent;border: none;outline: none;color: var(--color-text);cursor: pointer;padding: 11px;display: flex;align-items: center;justify-content: center;transition: color 0.2s}.mobile-menu-close:hover{color: var(--color-accent)}.mobile-menu-nav{list-style: none;display: flex;flex-direction: column;align-items: stretch;gap: 0;width: 100%;max-width: 360px}.mobile-menu-nav li{opacity: 0;transform: translateY(14px);transition: all 0.35s ease}.mobile-menu-panel.open .mobile-menu-nav li{opacity: 1;transform: translateY(0)}.mobile-menu-panel.open .mobile-menu-nav li:nth-child(1){transition-delay: 0.06s}.mobile-menu-panel.open .mobile-menu-nav li:nth-child(2){transition-delay: 0.1s}.mobile-menu-panel.open .mobile-menu-nav li:nth-child(3){transition-delay: 0.14s}.mobile-menu-panel.open .mobile-menu-nav li:nth-child(4){transition-delay: 0.18s}.mobile-menu-panel.open .mobile-menu-nav li:nth-child(5){transition-delay: 0.22s}.mobile-menu-panel.open .mobile-menu-nav li:nth-child(6){transition-delay: 0.26s}.mobile-menu-nav a,.mobile-menu-group__link{text-decoration: none;color: var(--color-text);font-family: var(--font-display);font-size: 1.05rem;font-weight: 700;padding: 0.75rem 0.5rem;display: flex;align-items: center;gap: 10px;transition: color 0.2s;text-transform: uppercase;letter-spacing: 0.5px}.mobile-menu-nav > li > a:hover,.mobile-menu-group__link:hover{color: var(--color-accent)}.mobile-menu-group__head{display: flex;align-items: stretch}.mobile-menu-group__head .mobile-menu-group__link{flex: 1;min-width: 0}.mobile-menu-group__toggle{background: none;border: none;color: var(--color-text-muted);cursor: pointer;padding: 0.75rem 0.5rem;display: flex;align-items: center;transition: color 0.2s,transform 0.3s ease}.mobile-menu-group__toggle:hover{color: var(--color-accent)}.mobile-menu-group__toggle[aria-expanded="true"]{transform: rotate(180deg);color: var(--color-accent)}.mobile-menu-submenu{list-style: none;max-height: 0;overflow: hidden;transition: max-height 0.35s ease}.mobile-menu-submenu a{font-family: var(--font-sans);font-size: 0.88rem;font-weight: 500;text-transform: none;letter-spacing: normal;padding: 0.6rem 0.5rem 0.6rem 1.6rem;color: var(--color-text-muted)}.mobile-menu-submenu a:hover{color: var(--color-accent)}.mobile-menu-actions{display: flex;gap: 1rem;margin-top: 1.75rem;flex-shrink: 0}.mobile-menu-actions button{padding: 0.7rem 1.5rem;border-radius: 30px;font-family: var(--font-sans);font-size: 0.9rem;font-weight: 600;cursor: pointer;transition: all 0.3s;display: flex;align-items: center;gap: 8px}.mobile-menu-actions .btn-login{background: none;border: 1px solid var(--color-border);color: var(--color-text)}.mobile-menu-actions .btn-login:hover{border-color: var(--color-accent);color: var(--color-accent)}.mobile-menu-actions .btn-register{background: var(--color-accent);border: none;color: var(--color-bg)}.mobile-menu-actions .btn-register:hover{background: var(--color-text)}.hero{position: relative;width: 100vw;min-height: 100vh;background: transparent;display: flex;align-items: center;justify-content: center;padding: 6rem 0 3rem}.hero-split{position: relative;z-index: 2;max-width: 1200px;width: 92%;display: grid;grid-template-columns: 1fr 1fr;align-items: center;gap: 2rem}.hero-split__text{text-align: left;padding-right: 1rem;position: relative;z-index: 3}.hero-split__carousel{display: flex;align-items: center;justify-content: center;position: relative;z-index: 2}.hero-title{font-family: var(--font-display);font-size: clamp(2.2rem,4.5vw,4.2rem);font-weight: 800;line-height: 1.15;padding: 0 0 0.3em 0;margin-bottom: 1.2rem;text-transform: uppercase;letter-spacing: -1px;text-shadow: 0 10px 30px rgba(0,0,0,0.5);background: linear-gradient(to right,#ffffff 20%,#efc07b 50%,#ffffff 80%);background-size: 200% auto;background-position: 60% center;color: transparent;-webkit-background-clip: text;background-clip: text}.hero-subtitle{font-size: clamp(1rem,1.5vw,1.25rem);color: var(--color-text-muted);margin-bottom: 2rem;font-weight: 400;line-height: 1.7;max-width: 480px}.hero-actions{text-align: left}@media (max-width: 960px){.hero-split{grid-template-columns: 1fr;text-align: center}.hero-split__text{text-align: center;padding-right: 0;order: 1}.hero-split__carousel{order: 2}.hero-actions{text-align: center}.hero-subtitle{max-width: 100%}}.hero-btn{display: inline-block;padding: 1rem 2.5rem;background-color: var(--color-accent);color: var(--color-bg);font-family: var(--font-display);font-size: 1.1rem;font-weight: 700;text-decoration: none;border-radius: 50px;transition: all 0.3s ease;text-transform: uppercase;letter-spacing: 1px}.hero-btn:hover{transform: translateY(-2px);background-color: #ffffff}.hero-carousel{position: relative;width: 100%;max-width: 700px;height: 340px;margin: 0 auto;perspective: 1000px}.hero-carousel__track{position: relative;width: 100%;height: 100%;transform-style: preserve-3d}.hero-carousel__item{position: absolute;top: 50%;left: 50%;width: 200px;height: 270px;border-radius: 18px;overflow: hidden;background: rgba(15,23,42,.8);border: 1px solid rgba(239,192,123,.1);box-shadow: none;transition: transform 0.6s cubic-bezier(0.25,0.46,0.45,0.94),opacity 0.6s cubic-bezier(0.25,0.46,0.45,0.94);transform: translate(-50%,-50%) rotateY(0deg) translateZ(0px) scale(0.5);opacity: 0;pointer-events: none;text-decoration: none;display: flex;flex-direction: column}.hero-carousel__item::after{content: '';position: absolute;inset: 0;border-radius: inherit;border: 1px solid rgba(239,192,123,.6);opacity: 0;transition: opacity 0.6s cubic-bezier(0.25,0.46,0.45,0.94);pointer-events: none}.hero-carousel__item img{width: 100%;height: 200px;object-fit: cover;display: block}.hero-carousel__label{display: block;padding: .6rem .75rem;font-size: .78rem;font-weight: 600;color: var(--color-text);text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;background: rgba(15,23,42,.9);flex: 1;display: flex;align-items: center;justify-content: center}.hero-carousel__item[data-pos="0"]{transform: translate(-50%,-50%) rotateY(0deg) translateZ(280px) scale(1);opacity: 1;z-index: 10;pointer-events: auto}.hero-carousel__item[data-pos="0"]::after{opacity: 1}.hero-carousel__item[data-pos="1"]{transform: translate(-50%,-50%) rotateY(25deg) translateZ(180px) translateX(60%) scale(0.85);opacity: 1;z-index: 8;pointer-events: auto}.hero-carousel__item[data-pos="-1"]{transform: translate(-50%,-50%) rotateY(-25deg) translateZ(180px) translateX(-60%) scale(0.85);opacity: 1;z-index: 8;pointer-events: auto}.hero-carousel__item[data-pos="2"]{transform: translate(-50%,-50%) rotateY(45deg) translateZ(80px) translateX(110%) scale(0.7);opacity: 0.7;z-index: 6}.hero-carousel__item[data-pos="-2"]{transform: translate(-50%,-50%) rotateY(-45deg) translateZ(80px) translateX(-110%) scale(0.7);opacity: 0.7;z-index: 6}.hero-carousel__item[data-pos="3"]{transform: translate(-50%,-50%) rotateY(60deg) translateZ(-20px) translateX(140%) scale(0.55);opacity: 0.4;z-index: 4}.hero-carousel__item[data-pos="-3"]{transform: translate(-50%,-50%) rotateY(-60deg) translateZ(-20px) translateX(-140%) scale(0.55);opacity: 0.4;z-index: 4}.hero-carousel__btn{position: absolute;top: 50%;transform: translateY(-50%);z-index: 20;width: 44px;height: 44px;border-radius: 50%;border: 1px solid rgba(239,192,123,.3);background: rgba(15,23,42,.7);backdrop-filter: blur(10px);color: var(--color-accent);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: all .25s ease}.hero-carousel__btn:hover{background: rgba(239,192,123,.15);border-color: var(--color-accent);transform: translateY(-50%) scale(1.1)}.hero-carousel__btn--prev{left: -10px}.hero-carousel__btn--next{right: -10px}@media (max-width: 768px){.hero-carousel{height: 260px;max-width: 100%;overflow: hidden}.hero-carousel__item{width: 140px;height: 200px}.hero-carousel__item img{height: 150px}.hero-carousel__item[data-pos="0"]{transform: translate(-50%,-50%) translateZ(160px) scale(1)}.hero-carousel__item[data-pos="1"]{transform: translate(-50%,-50%) rotateY(20deg) translateZ(80px) translateX(50%) scale(0.8)}.hero-carousel__item[data-pos="-1"]{transform: translate(-50%,-50%) rotateY(-20deg) translateZ(80px) translateX(-50%) scale(0.8)}.hero-carousel__item[data-pos="2"],.hero-carousel__item[data-pos="-2"],.hero-carousel__item[data-pos="3"],.hero-carousel__item[data-pos="-3"]{opacity: 0}.hero-carousel__btn--prev{left: 5px}.hero-carousel__btn--next{right: 5px}}.trust-bar{width: 100%;background: transparent;padding: 2rem 0;position: relative;z-index: 10}.trust-container{width: 92%;max-width: 1200px;margin: 0 auto;display: grid;grid-template-columns: repeat(auto-fit,minmax(220px,1fr));gap: 2rem}.trust-item{display: flex;align-items: center;gap: 1.2rem;color: var(--color-text)}.trust-icon{display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;background: rgba(236,240,241,0.05);border-radius: 12px;color: var(--color-accent);flex-shrink: 0;transition: all 0.3s ease}.trust-item:hover .trust-icon{background: var(--color-accent);color: var(--color-bg);transform: scale(1.05)}.trust-content strong{font-size: 0.95rem;font-weight: 600;margin-bottom: 0.2rem;letter-spacing: 0.3px}.trust-content p{font-size: 0.8rem;color: var(--color-text-muted);line-height: 1.4}@media (max-width: 768px){.trust-bar{padding: 1rem 0}}.section--cat-showcase{width: 92%;max-width: 1200px;margin: 0 auto;padding: 3rem 0;overflow: hidden}.cat-showcase{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;gap: 2rem;align-items: start}.cat-showcase__sidebar{grid-column: span 1;background: rgba(15,23,42,.92);border: 1px solid rgba(239,192,123,.1);border-radius: 16px;padding: 1.5rem;display: flex;flex-direction: column}.cat-showcase__sidebar-title{font-family: var(--font-display);font-size: 1rem;color: var(--color-accent);margin-bottom: 1.25rem;display: flex;align-items: center;gap: .5rem;text-transform: uppercase;letter-spacing: .5px}.cat-showcase__list{list-style: none;flex: 1}.cat-showcase__cat-btn{width: 100%;background: none;border: none;color: var(--color-text-muted);font-size: .9rem;font-family: var(--font-sans);padding: .7rem .75rem;text-align: left;cursor: pointer;border-radius: 10px;transition: all .2s;display: flex;justify-content: space-between;align-items: center}.cat-showcase__cat-btn:hover{color: var(--color-text);background: rgba(239,192,123,.06)}.cat-showcase__cat-btn.active{color: var(--color-accent);background: rgba(239,192,123,.1);font-weight: 600}.cat-showcase__cat-btn--firsat{margin-top: .75rem;background: linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.05));border: 1px solid rgba(239,68,68,.3);color: #f87171;font-weight: 600}.cat-showcase__cat-btn--firsat:hover{background: linear-gradient(135deg,rgba(239,68,68,.25),rgba(239,68,68,.1));color: #fca5a5}.cat-showcase__cat-btn--firsat.active{background: linear-gradient(135deg,rgba(239,68,68,.3),rgba(239,68,68,.15));border-color: rgba(239,68,68,.5);color: #fca5a5}.cat-showcase__promo{display: none;padding: 1rem;background: linear-gradient(135deg,rgba(239,192,123,.15),rgba(239,192,123,.05));border: 1px solid rgba(239,192,123,.25);border-radius: 12px;text-decoration: none;color: var(--color-accent);font-size: .85rem;font-weight: 600;transition: all .2s}.cat-showcase__promo:hover{background: linear-gradient(135deg,rgba(239,192,123,.25),rgba(239,192,123,.1))}.cat-showcase__promo-badge{background: var(--color-accent);color: var(--color-bg);font-size: .65rem;font-weight: 800;padding: .2rem .5rem;border-radius: 6px;letter-spacing: .5px}.cat-showcase__promo-text{flex: 1}.cat-showcase__main{grid-column: span 3;position: relative;min-width: 0}.cat-showcase__panel{display: none}.cat-showcase__panel.active{display: block;animation: catFadeIn .3s ease}.cat-tabs{display: flex;gap: 0.5rem;margin-bottom: 1.2rem;align-items: stretch}.cat-tabs__scroll{display: flex;gap: 0.5rem;flex: 1;min-width: 0;overflow-x: auto;scrollbar-width: none;padding-bottom: 0.25rem}.cat-tabs__scroll::-webkit-scrollbar{display: none}.cat-tabs__btn{padding: 0.5rem 1.1rem;border-radius: 10px;border: 1px solid var(--color-border);background: transparent;color: var(--color-text-muted);font-size: 0.85rem;font-family: var(--font-sans);cursor: pointer;white-space: nowrap;transition: all 0.2s}.cat-tabs__btn:hover{border-color: var(--color-accent);color: var(--color-text)}.cat-tabs__btn.active{background: var(--color-accent);border-color: var(--color-accent);color: #0b0f17;font-weight: 600}.cat-tabs__btn--firsat{display: inline-flex;align-items: center;justify-content: center;gap: 5px;flex-shrink: 0;position: relative;border-color: rgba(239,68,68,0.35);color: #f87171}.cat-tabs__btn--firsat::after{content: '';position: absolute;inset: -1px;border-radius: inherit;border: 1px solid #fca5a5;opacity: 0;animation: firsatPulse 2.5s ease-in-out infinite;pointer-events: none}@keyframes firsatPulse{0%,100%{opacity: 0}50%{opacity: 1}}.cat-tabs__btn--firsat:hover{border-color: #f87171;color: #f87171}.cat-tabs__btn--firsat:hover::after{animation: none;opacity: 0}.cat-tabs__btn--firsat.active{background: #ef4444;border-color: #ef4444;color: #fff}.cat-tabs__btn--firsat.active::after{animation: none;opacity: 0}@media (max-width: 768px){.cat-tabs{flex-direction: column}.cat-tabs__btn--firsat{width: 100%;margin-top: 2px}}.cat-showcase__panel{display: none}.cat-showcase__panel.active{display: block}.kampanya-sayac{display: flex;align-items: center;justify-content: center;gap: 8px;flex-wrap: wrap;background: rgba(239,68,68,0.08);border: 1px solid rgba(239,68,68,0.25);border-radius: 10px;padding: 0.6rem 1rem;margin-bottom: 1.25rem;color: #f87171;font-size: 0.88rem;font-weight: 500}.kampanya-sayac__deger{font-family: var(--font-display);color: #fff;background: #ef4444;border-radius: 6px;padding: 0.15rem 0.6rem;letter-spacing: 0.5px;font-size: 0.9rem}.cat-showcase__main{position: relative}.cat-showcase__arrow{position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;border-radius: 50%;border: 1px solid var(--color-border);background: rgba(15,23,42,0.85);backdrop-filter: blur(10px);color: var(--color-text);display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 10;transition: border-color 0.2s}.cat-showcase__arrow:hover{border-color: var(--color-accent)}.cat-showcase__arrow--left{left: -16px}.cat-showcase__arrow--right{right: -16px}@keyframes catFadeIn{from{opacity: 0;transform: translateY(8px)}to{opacity: 1;transform: translateY(0)}}.cat-showcase__topbar{display: flex;justify-content: flex-end;margin-bottom: 1rem}.cat-showcase__view-all{color: var(--color-accent);font-size: .85rem;text-decoration: none;display: flex;align-items: center;gap: .3rem;transition: gap .2s}.cat-showcase__view-all:hover{gap: .6rem}@media (max-width: 960px){.cat-showcase{grid-template-columns: 1fr}.cat-showcase__sidebar{grid-column: span 1;padding: 1rem;overflow: hidden}.cat-showcase__main{grid-column: span 1}.cat-showcase__sidebar-title{margin-bottom: .75rem}.cat-showcase__list{display: flex;flex-wrap: nowrap;gap: .5rem;overflow-x: auto;scrollbar-width: none;-webkit-overflow-scrolling: touch}.cat-showcase__list::-webkit-scrollbar{display: none}.cat-showcase__list li{flex: 0 0 auto}.cat-showcase__cat-btn{padding: .5rem .9rem;font-size: .82rem;border: 1px solid rgba(255,255,255,.08);white-space: nowrap}.cat-showcase__cat-btn i[data-lucide="chevron-right"]{display: none}.cat-showcase__cat-btn--firsat{width: 100%;justify-content: center;margin-top: .25rem}.cat-showcase__promo{display: none}}@media (max-width: 480px){.cat-showcase__grid{grid-template-columns: repeat(2,1fr);gap: .75rem}.cat-showcase__card-body{padding: .6rem .7rem}.cat-showcase__card-body h4{font-size: .78rem}.cat-showcase__price-now{font-size: .88rem}}.products-section{padding: 2.5rem 0;width: 92%;max-width: 1200px;margin: 0 auto}.video-showcase{content-visibility: visible;contain-intrinsic-size: auto}.section-header{display: flex;justify-content: space-between;align-items: flex-end;margin-bottom: 1.5rem}.filter-bar{display: flex;gap: 0.75rem;align-items: center;margin-bottom: 2rem;background: rgba(15,23,42,0.5);border: 1px solid var(--color-border);border-radius: 12px;padding: 0.6rem 1rem;backdrop-filter: blur(10px);position: relative;z-index: 50}.filter-bar__sort{position: relative}.filter-bar__sort-btn{display: flex;align-items: center;gap: 8px;background: transparent;border: 1px solid var(--color-border);border-radius: 10px;color: var(--color-text);font-size: 0.85rem;font-family: var(--font-sans);padding: 0.55rem 1rem;cursor: pointer;transition: border-color 0.2s;white-space: nowrap}.filter-bar__sort-btn:hover{border-color: var(--color-accent)}.filter-bar__sort-menu{display: none;position: absolute;top: calc(100% + 6px);left: 0;min-width: 220px;background: rgba(15,23,42,0.95);border: 1px solid var(--color-border);border-radius: 12px;padding: 0.4rem 0;backdrop-filter: blur(20px);box-shadow: 0 12px 32px rgba(0,0,0,0.5);z-index: 100;list-style: none}.filter-bar__sort-menu.open{display: block}.filter-bar__sort-menu li{padding: 0.55rem 1.1rem;font-size: 0.85rem;color: var(--color-text-muted);cursor: pointer;transition: background 0.15s,color 0.15s;display: flex;align-items: center;gap: 8px}.filter-bar__sort-menu li:hover{background: rgba(239,192,123,0.08);color: var(--color-accent)}.filter-bar__sort-menu li.active{color: var(--color-accent)}.filter-bar__search{display: flex;align-items: center;gap: 8px;margin-left: auto;flex: 1;max-width: 280px;border-left: 1px solid var(--color-border);padding-left: 0.75rem}.filter-bar__search:focus-within{border-color: var(--color-accent)}.filter-bar__search i{color: var(--color-text-muted);flex-shrink: 0}.filter-bar__input{background: transparent;border: none;color: var(--color-text);font-size: 0.85rem;font-family: var(--font-sans);width: 100%;outline: none}.filter-bar__input::placeholder{color: var(--color-text-muted)}.filter-bar__count{color: var(--color-text-muted);font-size: 0.8rem;white-space: nowrap;flex-shrink: 0}@media (max-width: 600px){.filter-bar{flex-direction: row;flex-wrap: wrap}.filter-bar__sort{flex: 0 0 auto;min-width: 0}.filter-bar__count{margin-left: auto;font-size: 0.75rem}.filter-bar__search{flex: 1;min-width: 0;max-width: none;border-left: none;padding-left: 0;border-top: 1px solid var(--color-border);padding-top: 0.5rem;margin-top: 0.25rem;width: 100%;flex-basis: 100%}}.section-title{font-family: var(--font-display);font-size: 2.2rem;font-weight: 700;color: var(--color-text);position: relative;letter-spacing: -0.5px}.section-title::after{content: '';position: absolute;bottom: -12px;left: 0;width: 60px;height: 4px;background-color: var(--color-accent);border-radius: 4px}.products-grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 2rem}.products-grid .product-image{aspect-ratio: 16 / 9}@media (min-width: 1920px){.hero-title{font-size: 5.5rem}}@media (max-width: 1280px){.products-grid{grid-template-columns: repeat(3,1fr)}}@media (max-width: 1024px){.products-grid{grid-template-columns: repeat(2,1fr)}.hero-title{font-size: 3.5rem}.section-title{font-size: 1.8rem}}@media (max-width: 768px){.header-wrapper{width: 96%;top: 10px}.header-container{padding: 0.6rem 1.6rem}.logo-text{font-size: 1.1rem;letter-spacing: 1px}.hero{min-height: auto;padding: 80px 0 2rem}.hero-title{font-size: 2rem}.hero-subtitle{font-size: .9rem}.hero-btn{padding: 0.8rem 1.8rem;font-size: 0.95rem}.products-section{width: 92%;padding: 2.5rem 0;margin: 0 auto}.section-header{margin-bottom: 1.5rem}.section-title{font-size: 1.5rem}.products-grid{display: grid;grid-template-columns: repeat(2,1fr);gap: 0.9rem}.products-grid > .product-card{max-width: none}.products-grid .product-details{padding: 0.65rem}.products-grid .product-title{font-size: 0.85rem;margin-bottom: 0.1rem;line-height: 1.25}.products-grid--tek-kategori .product-category{display: none}.products-grid .product-category{font-size: 0.68rem;margin-bottom: 0.2rem}.products-grid .product-rating{font-size: 0.66rem;margin-bottom: 0.25rem}.products-grid .product-rating__adet-kelime{display: none}.products-grid .product-rating__adet{border-bottom: none;padding-bottom: 0}.products-grid .urun-durum-satiri{margin-bottom: 0.5rem}.products-grid .stock-status{font-size: 0.7rem;margin-bottom: 0}.products-grid .new-price{font-size: 1rem}.products-grid .old-price{font-size: 0.7rem}.products-grid .action-btn-main{padding: 0.6rem;font-size: 0.76rem;gap: 0.3rem}.products-grid .action-btn-main i{width: 14px;height: 14px}.products-grid .qty-buy-row{gap: 0.4rem}.products-grid .qty-btn{width: 26px;min-height: 36px;font-size: 1rem}.products-grid .qty-value{min-width: 1.1rem;font-size: 0.8rem}.trust-container{grid-template-columns: 1fr 1fr;gap: 1rem}.trust-content strong{font-size: 0.85rem}.trust-content p{font-size: 0.7rem}}@media (max-width: 480px){.header-container{padding: 0.5rem 1rem}.products-section{padding: 2rem 0}.logo-text{font-size: 1rem}.header-actions{gap: 0.15rem}.action-btn{padding: 11px}.cart-badge{top: 4px;right: 4px}.cart-drawer{max-width: 100%}.cart-badge{width: 14px;height: 14px;font-size: 0.6rem}.hero-title{font-size: 1.8rem}.hero-subtitle{font-size: .85rem}.trust-container{grid-template-columns: 1fr 1fr}}.product-card{background-color: rgba(15,23,42,0.92);border: 1px solid var(--color-border);border-radius: 16px;overflow: hidden;transition: transform 0.3s cubic-bezier(0.4,0,0.2,1),border-color 0.35s ease;position: relative;display: flex;flex-direction: column;contain: layout style paint}@media (hover: hover){.product-card:hover{transform: translateY(-4px);border-color: rgba(239,192,123,0.4)}.product-card:hover .product-image{transform: scale(1.05)}.product-card:hover .product-inspect-overlay{opacity: 1}.product-card:hover .inspect-label{transform: translateY(0)}}.product-image{width: 100%;aspect-ratio: 4 / 3;object-fit: cover;border-bottom: 1px solid var(--color-border);transition: transform 0.5s ease;display: block}.img-container{overflow: hidden;position: relative}.product-inspect-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(11,15,23,0.65);display: flex;align-items: center;justify-content: center;opacity: 0;transition: opacity 0.35s ease;text-decoration: none;z-index: 5}.inspect-label{background-color: var(--color-accent);color: var(--color-bg);padding: 0.7rem 1.6rem;border-radius: 30px;font-family: var(--font-sans);font-weight: 700;font-size: 0.85rem;display: flex;align-items: center;gap: 8px;transform: translateY(15px);transition: transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);}.inspect-label i{width: 16px;height: 16px}.stock-status{display: flex;align-items: center;gap: 6px;font-size: 0.8rem;font-weight: 600;margin-bottom: 1rem;font-family: var(--font-sans);padding: 2px 0}.stock-status i{width: 16px;height: 16px}.status-in-stock{color: #10b981;}.status-low-stock{color: #f59e0b;}.status-out-of-stock{color: #ef4444;}.urun-durum-satiri{display: flex;align-items: center;justify-content: space-between;gap: .5rem;margin-bottom: 1rem}.urun-durum-satiri .stock-status{align-self: center;line-height: 1;height: 24px;margin-bottom: 0}.stock-status,.detail-stock{flex-shrink: 0}.urun-rozet{display: inline-flex;align-items: center;align-self: center;box-sizing: border-box;height: 24px;line-height: 1;gap: 2px;padding: 0 .6rem;border-radius: 20px;font-size: .7rem;font-weight: 600;letter-spacing: .1px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-width: 0;background: rgba(15,23,42,.55);backdrop-filter: blur(8px);border: 1px solid}.urun-rozet--cok_satan{border-color: rgba(239,192,123,.4);color: var(--color-accent)}.urun-rozet--yuksek_puanli{border-color: rgba(147,197,253,.35);color: #93c5fd}.urun-rozet--cok_bakilan{border-color: rgba(196,181,253,.35);color: #c4b5fd}.urun-rozet--yeni{border-color: rgba(203,213,225,.3);color: #cbd5e1}.product-details{padding: 1.5rem;display: flex;flex-direction: column;flex-grow: 1}.product-title{font-family: var(--font-display);font-size: 1.15rem;font-weight: 700;color: var(--color-text);margin-bottom: 0.3rem;line-height: 1.3;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.product-category{font-size: 0.85rem;color: var(--color-text-muted);margin-bottom: 0.5rem;font-weight: 500}.product-rating{display: flex;align-items: center;gap: 4px;font-size: .78rem;margin-bottom: .5rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-decoration: none;color: inherit;width: fit-content}.product-rating__adet{border-bottom: 1px dashed rgba(255,255,255,.3);padding-bottom: 1px}@media (hover: hover){.product-rating:hover .product-rating__adet{color: var(--color-accent);border-bottom-color: var(--color-accent)}}.product-rating__yildiz{color: var(--color-accent);letter-spacing: 1px;font-size: .85rem}.product-rating__puan{color: var(--color-text);font-weight: 700}.product-rating__adet{color: var(--color-text-muted)}.bottom-action{margin-top: auto;width: 100%}.variant-overlay{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(15,23,42,0.97);z-index: 10;display: flex;flex-direction: column;padding: 1.5rem;transform: translateY(-101%);transition: transform 0.4s cubic-bezier(0.4,0,0.2,1);will-change: transform;border-radius: inherit}.product-card.show-variants .variant-overlay{transform: translateY(0)}.product-card.show-variants{transform: none !important;box-shadow: 0 2px 12px rgba(0,0,0,0.2) !important;border-color: rgba(239,192,123,0.25)}.overlay-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 1.5rem;padding-bottom: 0.8rem;border-bottom: 1px solid var(--color-border)}.step-title{font-size: 1.05rem;color: var(--color-text);font-weight: 700}.close-overlay{background: transparent;border: none;outline: none;color: var(--color-text-muted);cursor: pointer;transition: color 0.2s;display: flex;align-items: center;justify-content: center;padding: 11px}.close-overlay:hover{color: var(--color-accent)}.overlay-scroll-area{flex-grow: 1;overflow-y: auto;padding-right: 8px;display: flex;flex-direction: column;gap: 1.5rem}.overlay-scroll-area::-webkit-scrollbar{width: 5px}.overlay-scroll-area::-webkit-scrollbar-track{background: rgba(0,0,0,0.1);border-radius: 4px}.overlay-scroll-area::-webkit-scrollbar-thumb{background: rgba(239,192,123,0.3);border-radius: 4px}.overlay-scroll-area::-webkit-scrollbar-thumb:hover{background: rgba(239,192,123,0.6)}.variant-step{display: none;flex-direction: column;animation: fadeInStep 0.3s ease}.variant-step.active{display: flex}.step-success{flex-grow: 1;justify-content: center}.success-content{display: flex;flex-direction: column;align-items: center;justify-content: center;flex-grow: 1;color: #10b981;text-align: center}.success-icon{width: 60px;height: 60px;margin-bottom: 1rem;color: #10b981;animation: scaleIn 0.4s cubic-bezier(0.175,0.885,0.32,1.275)}.success-text{font-size: 1.2rem;font-weight: 700}@keyframes fadeInStep{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}@keyframes scaleIn{from{transform: scale(0)}to{transform: scale(1)}}.pill-group{display: flex;gap: 0.6rem;flex-wrap: wrap}.pill-btn{background: rgba(15,52,96,0.3);border: 1px solid var(--color-border);color: var(--color-text-muted);padding: 8px 6px;border-radius: 8px;font-size: 0.8rem;font-weight: 600;cursor: pointer;transition: all 0.2s ease;font-family: var(--font-sans);flex: 1 1 calc(50% - 0.5rem);min-width: 60px;text-align: center;position: relative;display: flex;justify-content: center;align-items: center;white-space: normal;word-break: break-word;min-height: 42px;}.pill-btn:hover{border-color: var(--color-accent-muted);color: var(--color-text)}.pill-btn.selected{background-color: var(--color-accent);color: var(--color-bg);border-color: var(--color-accent);transform: translateY(-2px);box-shadow: 0 4px 10px rgba(239,192,123,0.2)}.selection-summary{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.8rem}.summary-text{font-size: 0.8rem;color: var(--color-accent);font-weight: 700;background: rgba(239,192,123,0.1);padding: 4px 10px;border-radius: 6px;border: 1px solid rgba(239,192,123,0.2)}.summary-price{font-size: 1.2rem;font-weight: 800;color: var(--color-text);font-family: var(--font-sans)}.action-btn-main{width: 100%;padding: 0.9rem;background-color: var(--color-border);color: var(--color-text);border: none;border-radius: 10px;font-weight: 700;cursor: pointer;transition: all 0.3s cubic-bezier(0.4,0,0.2,1);display: flex;justify-content: center;align-items: center;gap: 0.6rem;font-family: var(--font-sans);font-size: 0.95rem}.action-btn-main.start-flow{background-color: rgba(239,192,123,0.1);color: var(--color-accent);border: 1px solid rgba(239,192,123,0.3)}.action-btn-main.start-flow:hover{background-color: var(--color-accent);color: var(--color-bg);box-shadow: 0 0 12px rgba(239,192,123,0.2)}.qty-buy-row{display: flex;gap: 0.6rem;align-items: stretch}.qty-buy-row .action-btn-main--icon{width: auto;flex: 0 0 auto;padding: 0.9rem 1.1rem}.qty-stepper{display: flex;align-items: center;justify-content: space-between;flex: 1;min-width: 0;border: 1px solid var(--color-border);border-radius: 10px;background: rgba(255,255,255,0.03);overflow: hidden}.qty-btn{background: transparent;border: none;color: var(--color-text-muted);font-size: 1.15rem;font-weight: 600;line-height: 1;width: 32px;height: 100%;min-height: 44px;cursor: pointer;transition: color 0.2s ease,background-color 0.2s ease}@media (hover: hover){.qty-btn:hover:not(:disabled){color: var(--color-accent);background: rgba(239,192,123,0.08)}}.qty-btn:disabled{opacity: 0.35;cursor: not-allowed}.qty-value{min-width: 1.4rem;text-align: center;font-weight: 700;font-size: 0.9rem;color: var(--color-text);font-family: var(--font-sans)}.action-btn-main.final-add{background-color: #10b981;color: #fff}.action-btn-main.final-add:hover{background-color: #059669;transform: translateY(-2px);box-shadow: 0 5px 15px rgba(16,185,129,0.4)}.price-container{display: flex;align-items: center;gap: 0.8rem;margin-bottom: 0.8rem}.old-price{font-size: 0.9rem;color: #8b96a7;text-decoration: line-through}.new-price{font-size: 1.5rem;font-weight: 800;color: var(--color-accent);font-family: var(--font-sans)}.cart-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(15,20,25,0.6);backdrop-filter: blur(4px);z-index: 1050;opacity: 0;pointer-events: none;transition: opacity 0.3s ease}.cart-overlay.open{opacity: 1;pointer-events: auto}.cart-stok-warn{display: none;font-size: 0.72rem;color: #f87171;margin-top: 0.3rem;padding: 0.2rem 0.5rem;background: rgba(239,68,68,0.08);border: 1px solid rgba(239,68,68,0.2);border-radius: 6px}.cart-drawer{position: fixed;top: 0;right: 0;bottom: 0;width: 100%;max-width: 400px;background-color: #16213e;z-index: 1060;box-shadow: -5px 0 30px rgba(0,0,0,0.5);transform: translateX(100%);transition: transform 0.4s cubic-bezier(0.4,0,0.2,1);display: flex;flex-direction: column;border-left: 1px solid var(--color-border)}.cart-drawer.open{transform: translateX(0)}.cart-header{padding: 1.5rem;border-bottom: 1px solid var(--color-border);display: flex;justify-content: space-between;align-items: center;background-color: rgba(15,20,25,0.3)}.cart-header h3{font-family: var(--font-sans);font-size: 1.2rem;font-weight: 700;color: var(--color-text);display: flex;align-items: center;gap: 6px}.cart-header h3 span{color: var(--color-accent)}.cart-close-btn{background: transparent;border: none;outline: none;color: var(--color-text-muted);cursor: pointer;transition: color 0.2s;display: flex;align-items: center;justify-content: center;padding: 11px}.cart-close-btn:hover{color: var(--color-accent)}.cart-items-container{flex-grow: 1;overflow-y: auto;padding: 1.5rem;position: relative}.cart-items-container::-webkit-scrollbar{width: 5px}.cart-items-container::-webkit-scrollbar-track{background: rgba(0,0,0,0.1)}.cart-items-container::-webkit-scrollbar-thumb{background: rgba(239,192,123,0.3);border-radius: 4px}.empty-cart-msg{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;color: var(--color-text-muted);text-align: center;opacity: 1;transition: opacity 0.3s}.empty-cart-msg.hidden{display: none !important}.cart-item{display: flex;gap: 1rem;margin-bottom: 1.2rem;padding-bottom: 1.2rem;border-bottom: 1px solid rgba(255,255,255,0.05);animation: slideIn 0.3s ease-out forwards}@keyframes slideIn{from{opacity: 0;transform: translateX(20px)}to{opacity: 1;transform: translateX(0)}}.cart-item-img{width: 75px;height: 75px;object-fit: cover;border-radius: 8px;background: #0f1419;border: 1px solid var(--color-border)}.cart-item-details{flex-grow: 1;display: flex;flex-direction: column;justify-content: center}.cart-item-title{font-weight: 700;font-size: 0.95rem;margin-bottom: 0.3rem;font-family: var(--font-display)}.cart-item-variants{font-size: 0.75rem;color: var(--color-text-muted);margin-bottom: 0.5rem}.cart-item-variants span{color: var(--color-accent);font-weight: 600}.cart-item-bottom{display: flex;justify-content: space-between;align-items: center;gap: .5rem}.cart-item-qty{display: flex;align-items: center;gap: 0;border: 1px solid var(--color-border);border-radius: 8px;overflow: hidden}.cart-qty-btn{background: transparent;border: none;color: var(--color-accent);width: 26px;height: 26px;font-size: 1rem;line-height: 1;cursor: pointer;transition: background .15s}.cart-qty-btn:hover{background: rgba(239,192,123,.12)}.cart-qty-val{min-width: 24px;text-align: center;font-size: .85rem;font-weight: 700;color: var(--color-text);border-left: 1px solid var(--color-border);border-right: 1px solid var(--color-border);padding: 0 3px;line-height: 26px}.cart-item-price{font-weight: 800;font-size: 1rem;color: var(--color-text);white-space: nowrap}.cart-item-remove{background: none;border: none;color: var(--color-text-muted);cursor: pointer;transition: color 0.2s;font-size: 0.8rem;display: flex;align-items: center;gap: 4px}.cart-item-remove:hover{color: #ef4444}.cart-footer{padding: 1.5rem;border-top: 1px solid var(--color-border);background-color: rgba(15,20,25,0.3)}.cart-kargo-row{display: flex;justify-content: space-between;align-items: center;padding: 0.5rem 0;font-size: 0.88rem;color: var(--color-text-muted);border-bottom: 1px solid rgba(255,255,255,0.06);margin-bottom: 0.5rem}.cart-kargo-row span{display: inline-flex;align-items: center;gap: 6px}.cart-total{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.8rem;font-size: 1.1rem;font-weight: 700}.total-price-display{font-size: clamp(1rem,4vw,1.6rem);font-weight: 800;color: var(--color-accent);font-family: var(--font-sans);white-space: nowrap;overflow: hidden;text-overflow: ellipsis}.free-shipping-msg{font-size: 0.8rem;color: #10b981;display: flex;align-items: center;font-weight: 600;background: rgba(16,185,129,0.1);padding: 8px 12px;border-radius: 6px;border: 1px solid rgba(16,185,129,0.2)}.cart-loyalty-banner{font-size: 0.8rem;color: var(--color-accent);display: flex;align-items: center;gap: 6px;font-weight: 600;background: rgba(239,192,123,0.1);padding: 8px 12px;border-radius: 6px;border: 1px solid rgba(239,192,123,0.2);margin-top: 0.6rem}.cart-coupon-box{margin-top: 0.8rem}.cart-coupon-input-row{display: flex;gap: 0.5rem}.cart-coupon-input{flex: 1;padding: 0.65rem 0.9rem;border-radius: 8px;background: rgba(255,255,255,0.05);border: 1px solid var(--color-border);color: var(--color-text);font-family: var(--font-sans);outline: none;text-transform: uppercase;font-size: 0.85rem}.cart-coupon-input:focus{border-color: var(--color-accent);box-shadow: 0 0 0 3px rgba(239,192,123,.15)}.cart-coupon-btn{padding: 0.65rem 1.1rem;border-radius: 8px;background: rgba(239,192,123,0.12);border: 1px solid rgba(239,192,123,0.3);color: var(--color-accent);font-weight: 600;font-size: 0.85rem;cursor: pointer;white-space: nowrap}.cart-coupon-btn:hover{background: rgba(239,192,123,0.22)}.cart-coupon-msg{font-size: 0.78rem;margin-top: 0.5rem}.cart-coupon-msg.success{color: #34d399}.cart-coupon-msg.error{color: #f87171}.cart-discount-row{margin-top: 0.8rem;padding-top: 0.6rem;border-top: 1px dashed var(--color-border)}.cart-discount-line,.cart-net-line{display: flex;justify-content: space-between;align-items: center;font-size: 0.85rem;margin-bottom: 0.3rem}.cart-discount-line{color: #34d399;font-weight: 600}.cart-net-line{color: var(--color-text);font-weight: 700;font-size: 0.95rem}.checkout-modal-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(15,20,25,0.8);backdrop-filter: blur(8px);z-index: 2000;display: flex;justify-content: center;align-items: center;opacity: 0;pointer-events: none;transition: opacity 0.3s ease}.checkout-modal-overlay.open{opacity: 1;pointer-events: auto}.checkout-modal{background-color: #16213e;width: calc(100% - 2rem);max-width: 500px;max-height: calc(100% - 2rem);border-radius: 16px;box-shadow: 0 20px 50px rgba(0,0,0,0.5);border: 1px solid var(--color-border);transform: scale(0.95);transition: transform 0.3s cubic-bezier(0.4,0,0.2,1);overflow: hidden;display: flex;flex-direction: column}.checkout-modal-overlay.open .checkout-modal{transform: scale(1)}.checkout-header{padding: 1.5rem;border-bottom: 1px solid var(--color-border);display: flex;justify-content: space-between;align-items: center;background-color: rgba(15,20,25,0.4)}.checkout-header h3{font-family: var(--font-display);font-size: 1.25rem;color: var(--color-text)}.checkout-body{padding: 1.5rem;overflow-y: auto}.checkout-info-box{background: rgba(239,192,123,0.05);border: 1px solid rgba(239,192,123,0.2);border-radius: 12px;padding: 1.2rem;margin-bottom: 1.5rem;text-align: center}.checkout-order-id{font-size: 1.8rem;font-family: var(--font-display);font-weight: 800;color: var(--color-accent);letter-spacing: 2px;margin: 0.5rem 0}.checkout-total-price{font-size: 1.2rem;color: var(--color-text);font-weight: 600}.bank-details{background: rgba(15,20,25,0.4);border-radius: 12px;padding: 1.2rem;margin-bottom: 1.5rem;border: 1px solid var(--color-border)}.bank-details h4{color: var(--color-text-muted);font-size: 0.85rem;text-transform: uppercase;letter-spacing: 1px;margin-bottom: 1rem}.bank-row{display: flex;justify-content: space-between;align-items: center;margin-bottom: 0.8rem;padding-bottom: 0.8rem;border-bottom: 1px solid rgba(255,255,255,0.05)}.bank-row:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0}.bank-label{color: var(--color-text-muted);font-size: 0.85rem}.bank-val{color: var(--color-text);font-weight: 600;font-family: var(--font-display)}.checkout-actions{display: flex;flex-direction: column;gap: 0.8rem}.btn-whatsapp{background-color: #25D366;color: white;padding: 1rem;border-radius: 10px;text-align: center;font-weight: 700;display: flex;justify-content: center;align-items: center;gap: 8px;text-decoration: none;transition: background 0.2s}.btn-whatsapp:hover{background-color: #128C7E}.btn-outline{background: transparent;color: var(--color-accent);border: 1px solid var(--color-accent);padding: 1rem;border-radius: 10px;text-align: center;font-weight: 700;cursor: pointer;transition: all 0.2s}.btn-outline:hover{background: rgba(239,192,123,0.1)}.btn-primary{display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 0.9rem 2rem;background-color: var(--color-accent);color: var(--color-bg);font-family: var(--font-sans);font-size: 1rem;font-weight: 700;border: none;border-radius: 12px;cursor: pointer;transition: all 0.3s ease;text-align: center}.btn-primary:hover{background-color: var(--color-text);color: var(--color-bg);transform: translateY(-2px);box-shadow: 0 8px 20px rgba(239,192,123,0.3)}.notification-form{display: none;animation: fadeIn 0.3s ease}@keyframes fadeIn{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}.form-group{margin-bottom: 1.2rem}.form-group label{display: block;color: var(--color-text-muted);font-size: 0.85rem;margin-bottom: 0.4rem}.form-group input,.form-group textarea{width: 100%;background: rgba(15,20,25,0.5);border: 1px solid var(--color-border);color: var(--color-text);padding: 0.8rem 1rem;border-radius: 8px;font-family: var(--font-sans);outline: none;transition: border-color 0.2s}.form-group input:focus,.form-group textarea:focus{border-color: var(--color-accent)}.form-group input:read-only{background: rgba(15,20,25,0.8);color: var(--color-accent);font-weight: 700}.form-group input.gecersiz{border-color: #f87171}.form-group__hata{display: none;color: #f87171;font-size: 0.78rem;margin-top: 0.4rem}.form-group__hata.gorunur{display: block}.profile-dropdown-container{position: relative}.profile-dropdown{position: absolute;top: calc(100% + 10px);right: 0;background-color: var(--color-surface);border: 1px solid var(--color-border);border-radius: 12px;box-shadow: 0 10px 30px rgba(0,0,0,0.5);padding: 0.5rem;min-width: 180px;opacity: 0;pointer-events: none;transform: translateY(10px);transition: all 0.3s cubic-bezier(0.175,0.885,0.32,1.275);z-index: 1000}.profile-dropdown.show{opacity: 1;pointer-events: auto;transform: translateY(0)}.dropdown-item{display: flex;align-items: center;gap: 10px;width: 100%;background: none;border: none;color: var(--color-text);padding: 10px 14px;font-size: 0.9rem;font-family: var(--font-sans);font-weight: 500;border-radius: 8px;cursor: pointer;transition: all 0.2s;text-align: left}.dropdown-item:hover{background-color: rgba(239,192,123,0.1);color: var(--color-accent)}.auth-modal-overlay{position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(15,20,25,0.7);backdrop-filter: blur(5px);z-index: 2000;display: flex;align-items: center;justify-content: center;opacity: 0;pointer-events: none;transition: opacity 0.3s ease}.auth-modal-overlay.open{opacity: 1;pointer-events: auto}.auth-modal-box{background-color: #16213e;border: 1px solid var(--color-border);border-radius: 20px;width: calc(100% - 2rem);max-width: 450px;max-height: calc(100% - 2rem);position: relative;transform: scale(0.95) translateY(20px);transition: transform 0.4s cubic-bezier(0.175,0.885,0.32,1.275);overflow: hidden;box-shadow: 0 20px 50px rgba(0,0,0,0.5);display: flex;flex-direction: column}.auth-modal-overlay.open .auth-modal-box{transform: scale(1) translateY(0)}.auth-modal-content{padding: 2.5rem 2rem;overflow-y: auto;flex: 1}.auth-title{font-family: var(--font-display);font-size: 1.8rem;color: var(--color-accent);text-align: center;margin-bottom: 2rem}.auth-switch{text-align: center;margin-top: 1.5rem;font-size: 0.9rem;color: var(--color-text-muted)}.auth-switch a{color: var(--color-accent);text-decoration: none;font-weight: 600}.auth-switch a:hover{text-decoration: underline}.guest-benefit-list{list-style: none;padding: 0;margin: 0 0 2rem;display: flex;flex-direction: column;gap: 0.9rem}.guest-benefit-list li{display: flex;align-items: center;gap: 10px;color: var(--color-text);font-size: 0.92rem}.guest-benefit-list li i{width: 18px;height: 18px;color: var(--color-accent);flex-shrink: 0}.btn-primary{display: inline-flex;align-items: center;justify-content: center;gap: 0.5rem;padding: 1rem 2rem;background-color: var(--color-accent);color: var(--color-bg);font-family: var(--font-sans);font-size: 1rem;font-weight: 700;border: none;border-radius: 12px;cursor: pointer;transition: all 0.3s ease;text-align: center;box-shadow: 0 0 20px rgba(239,192,123,0.2);width: 100%}.btn-primary:hover{background-color: var(--color-text);color: var(--color-bg);transform: translateY(-2px);box-shadow: 0 0 25px rgba(239,192,123,0.4);}.detail-wrapper{max-width: 1200px;margin: 120px auto 60px;padding: 0 20px;display: grid;grid-template-columns: 1fr 1fr;gap: 50px;min-height: 60vh}.detail-image-box{background: rgba(15,52,96,0.15);border: 1px solid var(--color-border);border-radius: 20px;overflow: hidden}.detail-image-box img{width: 100%;height: 100%;object-fit: cover;display: block}.detail-info{display: flex;flex-direction: column;justify-content: center}.detail-category{font-size: 0.95rem;color: var(--color-accent);font-weight: 600;margin-bottom: 8px;text-transform: uppercase;letter-spacing: 1px}.detail-title{font-family: var(--font-display);font-size: 2.4rem;font-weight: 800;margin-bottom: 15px;line-height: 1.1}.detail-desc{color: var(--color-text-muted);font-size: 1.05rem;line-height: 1.7;margin-bottom: 25px}.detail-rating{display: inline-flex;align-items: center;gap: 6px;margin-bottom: 18px;text-decoration: none;cursor: pointer}.detail-rating__yildiz{color: var(--color-accent);font-size: 1.05rem;letter-spacing: 1px}.detail-rating__puan{color: var(--color-text);font-weight: 700;font-size: .95rem}.detail-rating__adet{color: var(--color-text-muted);font-size: .88rem;text-decoration: underline;text-underline-offset: 2px}.detail-rating:hover .detail-rating__adet{color: var(--color-accent)}.detail-price-row{display: flex;align-items: baseline;gap: 12px;margin-bottom: 20px}.detail-price-row .new-price{font-size: 2rem;font-weight: 800;color: var(--color-accent);font-family: var(--font-sans)}.detail-price-row .old-price{font-size: 1.1rem;color: var(--color-text-muted);text-decoration: line-through}.detail-stock{display: inline-flex;align-items: center;gap: 6px;font-size: 0.85rem;font-weight: 600;margin-bottom: 30px}.detail-stock i{width: 16px;height: 16px}.detail-variant-box{background: rgba(15,23,42,0.6);border: 1px solid var(--color-border);border-radius: 16px;padding: 25px;margin-bottom: 20px}.detail-variant-box .variant-label{font-size: 0.95rem;font-weight: 700;color: var(--color-text);margin-bottom: 12px}.detail-buy-btn{display: flex;align-items: center;justify-content: center;gap: 10px;width: 100%;padding: 1rem 2rem;background-color: var(--color-accent);color: var(--color-bg);font-family: var(--font-sans);font-size: 1.1rem;font-weight: 700;border: none;border-radius: 14px;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 0 25px rgba(239,192,123,0.2)}.detail-buy-btn:hover{background-color: var(--color-text);transform: translateY(-3px);box-shadow: 0 0 35px rgba(239,192,123,0.4)}.detail-buy-btn i{width: 20px;height: 20px}.custom-select-wrapper{position: relative;flex: 1}.custom-select-wrapper label{display: block;font-size: 0.85rem;color: var(--color-text-muted);margin-bottom: 8px;text-transform: uppercase;letter-spacing: 0.5px;font-weight: 600}.custom-select{width: 100%;appearance: none;background-color: rgba(15,23,42,0.6);border: 1px solid var(--color-border);color: var(--color-text);padding: 14px 45px 14px 20px;border-radius: 12px;font-family: var(--font-sans);font-size: 1rem;font-weight: 500;cursor: pointer;transition: all 0.3s ease;color-scheme: dark}.custom-select:focus{outline: none;border-color: var(--color-accent);background-color: rgba(15,23,42,0.9);box-shadow: 0 0 0 3px rgba(239,192,123,0.15)}.custom-select option{background-color: #10172a;color: var(--color-text);padding: 10px}.custom-select option:checked,.custom-select option:hover{background-color: var(--color-accent);color: var(--color-bg)}.select-icon{position: absolute;right: 16px;bottom: 14px;pointer-events: none;color: var(--color-accent)}.cs-trigger{width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 10px;background-color: rgba(15,23,42,0.6);border: 1px solid var(--color-border);color: var(--color-text);padding: 14px 16px 14px 20px;border-radius: 12px;font-family: var(--font-sans);font-size: 1rem;font-weight: 500;cursor: pointer;transition: border-color .25s ease,background-color .25s ease,box-shadow .25s ease}.cs-trigger:hover{border-color: rgba(239,192,123,.4)}.cs-trigger.open{border-color: var(--color-accent);background-color: rgba(15,23,42,0.9);box-shadow: 0 0 0 3px rgba(239,192,123,0.15)}.cs-trigger .select-icon{position: static;flex-shrink: 0;transition: transform .25s ease}.cs-trigger.open .select-icon{transform: rotate(180deg);color: var(--color-accent)}.cs-trigger-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.cs-popup{position: absolute;left: 0;right: 0;top: calc(100% + 8px);z-index: 40;background: #10172a;border: 1px solid var(--color-border);border-radius: 14px;box-shadow: 0 16px 40px rgba(0,0,0,.45);list-style: none;margin: 0;padding: 6px;max-height: 260px;overflow-y: auto;opacity: 0;visibility: hidden;pointer-events: none;transform: translateY(-6px);transition: opacity .18s ease,transform .18s ease,visibility .18s}.cs-popup.open{opacity: 1;visibility: visible;pointer-events: auto;transform: translateY(0)}.cs-option{padding: 11px 14px;border-radius: 9px;font-size: .95rem;font-weight: 500;color: var(--color-text);cursor: pointer;transition: background .15s ease,color .15s ease}.cs-option:hover{background: rgba(239,192,123,.12)}.cs-option.active{background: var(--color-accent);color: var(--color-bg);font-weight: 700}.select-row{display: flex;gap: 20px;margin-bottom: 25px}.qty-row{display: flex;align-items: center;gap: 20px;margin-bottom: 25px}.qty-label{font-size: 0.85rem;color: var(--color-text-muted);text-transform: uppercase;letter-spacing: 0.5px;font-weight: 600}.qty-selector{display: flex;align-items: center;background-color: rgba(15,23,42,0.6);border: 1px solid var(--color-border);border-radius: 12px;overflow: hidden}.qty-btn{background: transparent;border: none;color: var(--color-accent);padding: 10px 18px;font-size: 1.2rem;cursor: pointer;transition: background 0.2s}.qty-btn:hover{background: rgba(239,192,123,0.1)}.qty-input{background: transparent;border: none;color: var(--color-text);width: 50px;text-align: center;font-weight: 700;font-size: 1.1rem;-moz-appearance: textfield;appearance: textfield}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance: none;appearance: none;margin: 0}.warning-bar{margin-top: 35px;background-color: rgba(239,68,68,0.05);border: 1px solid rgba(239,68,68,0.2);border-left: 4px solid #ef4444;padding: 18px 20px;border-radius: 8px;display: flex;gap: 16px;align-items: flex-start}.warning-icon{color: #ef4444;flex-shrink: 0;background: rgba(239,68,68,0.1);padding: 8px;border-radius: 50%}.warning-text h4{color: #ef4444;font-size: 0.95rem;margin-bottom: 6px;text-transform: uppercase;letter-spacing: 1px;font-weight: 800}.warning-text p{color: var(--color-text-muted);font-size: 0.85rem;line-height: 1.6}.bundle-item .stok-yok-text{color: #ef4444;font-weight: 800;font-size: 0.95rem}.stok-yok-banner{width: 92%;max-width: 1200px;margin: 0 auto 40px;background-color: rgba(239,68,68,0.05);border: 1px solid rgba(239,68,68,0.2);border-left: 4px solid #ef4444;padding: 22px 26px;border-radius: 14px;display: flex;gap: 18px;align-items: center;box-sizing: border-box}.stok-yok-banner-icon{color: #ef4444;flex-shrink: 0;background: rgba(239,68,68,0.1);padding: 10px;border-radius: 50%;display: flex}.stok-yok-banner h3{color: var(--color-text);font-family: var(--font-display);font-size: 1.15rem;margin-bottom: 4px}.stok-yok-banner p{color: var(--color-text-muted);font-size: 0.9rem;line-height: 1.5}@media (max-width: 768px){.stok-yok-banner{flex-direction: column;text-align: center;padding: 20px}}.tabs-wrapper{max-width: 1200px;margin: 0 auto 80px;padding: 0 20px}.tabs-header{display: flex;gap: 15px;border-bottom: 2px solid rgba(255,255,255,0.05);margin-bottom: 30px;overflow-x: auto;overflow-y: hidden;-webkit-overflow-scrolling: touch;scrollbar-width: none;touch-action: pan-x}.tabs-header::-webkit-scrollbar{display: none}.tab-btn{background: transparent;border: none;color: var(--color-text-muted);font-family: var(--font-sans);font-size: 1.05rem;font-weight: 600;padding: 12px 24px;cursor: pointer;position: relative;transition: color 0.3s ease;white-space: nowrap;-webkit-user-select: none;user-select: none;-webkit-user-drag: none}@media (max-width: 768px){.tabs-header{gap: 0}.tab-btn{font-size: 0.82rem;padding: 10px 14px}.tabs-wrapper{margin-bottom: 40px}}.tab-btn:hover{color: var(--color-text)}.tab-btn.active{color: var(--color-accent)}.tab-btn::after{content: '';position: absolute;bottom: -2px;left: 0;width: 100%;height: 2px;background-color: var(--color-accent);transform: scaleX(0);transition: transform 0.3s ease}.tab-btn.active::after{transform: scaleX(1)}.tab-pane{display: none;animation: fadeInTab 0.4s ease forwards;color: var(--color-text-muted);line-height: 1.8;font-size: 1.05rem}.tab-pane.active{display: block}@keyframes fadeInTab{from{opacity: 0;transform: translateY(10px)}to{opacity: 1;transform: translateY(0)}}.tech-table{width: 100%;border-collapse: collapse;background-color: rgba(15,23,42,0.4);border-radius: 12px;overflow: hidden;border: 1px solid var(--color-border)}.tech-table th,.tech-table td{padding: 18px 24px;text-align: left;border-bottom: 1px solid rgba(255,255,255,0.05)}.tech-table th{width: 30%;color: var(--color-text);font-weight: 700;background-color: rgba(255,255,255,0.02)}.tech-table tr:last-child th,.tech-table tr:last-child td{border-bottom: none}.tech-table td{color: var(--color-accent);font-weight: 500}.tab-pane h3{color: var(--color-text);font-family: var(--font-display);font-size: 1.6rem;margin-bottom: 15px}.tab-pane p{margin-bottom: 15px}.yorum-ozet{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: .5rem .75rem;padding: 1rem 1.25rem;background: rgba(15,23,42,0.6);border: 1px solid var(--color-border);border-radius: 12px;margin-bottom: 1.25rem}.yorum-ozet__sol{display: flex;align-items: center;gap: .75rem}.yorum-ozet__puan{font-family: var(--font-display);font-size: 1.6rem;font-weight: 700;color: var(--color-text)}.yorum-ozet__yildiz{color: var(--color-accent);font-size: 1.1rem;letter-spacing: 1px}.yorum-ozet__adet{color: var(--color-text-muted);font-size: .85rem}.yorum-ozet__aksiyon{font-size: .85rem;color: var(--color-text-muted);text-align: right}.yorum-ozet__aksiyon a{color: var(--color-accent);font-weight: 600;text-decoration: none}.yorum-ozet__aksiyon a:hover{text-decoration: underline}.yorum-ozet__aksiyon--basarili{color: #4ade80}.yorum-bos-notu{font-size: .9rem;color: var(--color-text-muted);padding: .85rem 1rem;background: rgba(15,23,42,0.4);border: 1px solid var(--color-border);border-radius: 10px;margin-bottom: 1.25rem}.yorum-form{display: flex;flex-direction: column;gap: .85rem;padding: 1.25rem;background: rgba(15,23,42,0.6);border: 1px solid var(--color-border);border-radius: 12px;margin-bottom: 1.5rem}.yorum-yildiz-secici{display: flex;flex-direction: row-reverse;justify-content: flex-end;gap: 4px;font-size: 1.8rem}.yorum-yildiz-secici input{position: absolute;opacity: 0;pointer-events: none}.yorum-yildiz-secici label{color: var(--color-border);cursor: pointer;transition: color .15s;line-height: 1}.yorum-yildiz-secici label:hover,.yorum-yildiz-secici label:hover ~ label,.yorum-yildiz-secici input:checked ~ label{color: var(--color-accent)}.yorum-form textarea{width: 100%;background: rgba(11,15,23,0.6);border: 1px solid var(--color-border);border-radius: 10px;color: var(--color-text);font-family: var(--font-sans);font-size: .9rem;padding: .7rem .9rem;resize: vertical}.yorum-form textarea:focus{outline: none;border-color: var(--color-accent)}.yorum-gonder-btn{align-self: flex-start;padding: .6rem 1.4rem;background: var(--color-accent);color: #0b0f17;border: none;border-radius: 10px;font-weight: 600;font-size: .88rem;cursor: pointer;transition: opacity .2s}.yorum-gonder-btn:hover{opacity: .88}.yorum-liste{display: flex;flex-direction: column;gap: .85rem}.yorum-kart{padding: 1rem 1.25rem;background: rgba(15,23,42,0.6);border: 1px solid var(--color-border);border-radius: 12px}.yorum-kart__ust{display: flex;align-items: center;gap: .75rem;margin-bottom: .4rem;flex-wrap: wrap}.yorum-kart__ust strong{color: var(--color-text);font-size: .92rem}.yorum-kart__yildiz{color: var(--color-accent);font-size: .85rem;letter-spacing: 1px}.yorum-kart__tarih{color: var(--color-text-muted);font-size: .78rem;margin-left: auto}.yorum-kart__metin{font-size: .9rem;margin: 0;line-height: 1.6;white-space: pre-line}.yorum-daha-fazla-btn{display: block;margin: 1rem auto 0;padding: .6rem 1.6rem;background: transparent;color: var(--color-accent);border: 1px solid var(--color-border);border-radius: 10px;font-weight: 600;font-size: .85rem;cursor: pointer;transition: border-color .2s,background .2s}.yorum-daha-fazla-btn:hover{border-color: var(--color-accent);background: rgba(239,192,123,.06)}.yorum-daha-fazla-btn:disabled{opacity: .5;cursor: default}.detail-full-desc{width: 92%;max-width: 1200px;margin: 0 auto 40px;padding: 32px 40px;background: rgba(15,23,42,0.92);border: 1px solid var(--color-border);border-radius: 20px}.detail-full-desc .section-title{font-family: var(--font-display);font-size: 1.3rem;margin-bottom: 1rem;color: var(--color-text)}.detail-full-desc__content{color: var(--color-text-muted);font-size: 0.95rem;line-height: 1.8}.bundle-section{width: 92%;max-width: 1200px;margin: 0 auto 40px;padding: 2rem 2.5rem;background: rgba(15,23,42,0.4);border: 1px solid var(--color-border);border-radius: 16px;box-sizing: border-box}.bundle-title{font-family: var(--font-display);font-size: 1.3rem;margin-bottom: 1.2rem;color: var(--color-text)}.bundle-content{display: flex;align-items: start;gap: 0.5rem}.bundle-item{display: flex;flex-direction: column;align-items: center;text-align: center;flex: 1 1 0;min-width: 0;position: relative;cursor: pointer;padding: 8px;border-radius: 14px;transition: background 0.2s}.bundle-item:hover{background: rgba(255,255,255,0.03)}.bundle-item.disabled{cursor: default}.bundle-item.disabled:hover{background: transparent}.bundle-checkbox{-webkit-appearance: none;appearance: none;position: absolute;top: 8px;left: 8px;width: 20px;height: 20px;margin: 0;border-radius: 50%;cursor: pointer;z-index: 6;background: rgba(11,15,23,0.65);border: 2px solid rgba(255,255,255,0.55);box-shadow: 0 0 0 2px rgba(11,15,23,0.45);display: flex;align-items: center;justify-content: center;transition: background 0.15s,border-color 0.15s}.bundle-checkbox:checked{background: var(--color-accent);border-color: var(--color-accent)}.bundle-checkbox:checked::after{content: '';width: 5px;height: 9px;border: solid #0b0f17;border-width: 0 2px 2px 0;transform: rotate(45deg) translate(-1px,-1px)}.bundle-item-img-wrap[data-bundle-secim-alani]{cursor: pointer}.bundle-item-img-wrap.bundle-secili{box-shadow: 0 0 0 2px var(--color-accent) inset}.bundle-item img{width: 100%;aspect-ratio: 1;object-fit: cover;border-radius: 12px;display: block;margin-bottom: 15px;border: 1px solid rgba(255,255,255,0.05)}.bundle-item-img-wrap{position: relative;margin-bottom: 8px;width: 100%;border-radius: 12px;overflow: hidden;background: rgba(11,15,23,0.5)}.bundle-incele-link{display: flex;width: 100%;align-items: center;justify-content: center;gap: 4px;color: var(--color-text-muted);text-decoration: none;font-size: 0.78rem;font-weight: 600;padding: 6px 10px;margin-bottom: 4px;border: 1px solid var(--color-border);border-radius: 8px;background: rgba(255,255,255,0.03);box-sizing: border-box;transition: color 0.15s,border-color 0.15s,background 0.15s}.bundle-incele-link i{width: 13px;height: 13px}.bundle-incele-link:hover,.bundle-incele-link:focus-visible{color: var(--color-accent);border-color: var(--color-accent);background: rgba(239,192,123,0.08)}.bundle-item-img-wrap img{margin-bottom: 0;display: block}.bundle-item-soldout-overlay{position: absolute;inset: 0;background: rgba(11,15,23,0.78);border-radius: 16px;display: flex;align-items: center;justify-content: center}.bundle-item-soldout-overlay span{color: #ef4444;font-weight: 800;font-size: 0.85rem;text-transform: uppercase;letter-spacing: 0.5px;padding: 5px 12px;border: 1px solid rgba(239,68,68,0.4);border-radius: 20px;background: rgba(239,68,68,0.12)}.bundle-item span{font-size: 0.8rem;font-weight: 600;color: var(--color-text);margin-bottom: 3px;line-height: 1.3;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.bundle-item .b-price{color: var(--color-accent);font-weight: 700;font-size: 1rem}.bundle-plus{font-size: 1.5rem;color: var(--color-text-muted);font-weight: 300;flex-shrink: 0;align-self: center}.bundle-action{padding-left: 1.2rem;border-left: 1px solid var(--color-border);display: flex;flex-direction: column;align-items: center;justify-content: flex-end;text-align: center;flex: 0 0 auto}.bundle-total{font-size: 0.75rem;color: var(--color-text-muted);margin-bottom: 4px;text-transform: uppercase;letter-spacing: 1px}.bundle-hint{font-size: 0.7rem;color: var(--color-text-muted);margin-top: 6px;opacity: 0.6}.bundle-total-price{font-size: 1.8rem;color: var(--color-accent);font-weight: 800;font-family: var(--font-sans);margin-bottom: 10px}.bundle-btn{display: flex;align-items: center;justify-content: center;gap: 8px;width: 100%;padding: 0.7rem 1.5rem;background-color: var(--color-accent);color: var(--color-bg);font-family: var(--font-sans);font-size: 0.95rem;font-weight: 700;border: none;border-radius: 14px;cursor: pointer;transition: all 0.3s ease;box-shadow: 0 0 25px rgba(239,192,123,0.2)}.bundle-btn:hover{background-color: var(--color-text);transform: translateY(-3px);box-shadow: 0 0 35px rgba(239,192,123,0.4)}@media (max-width: 768px){.detail-wrapper{grid-template-columns: 1fr;margin-top: 100px}.select-row{flex-direction: column;gap: 15px}.bundle-content{flex-direction: column;gap: 20px}.bundle-action{margin-left: 0;padding-left: 0;border-left: none;border-top: 1px solid rgba(255,255,255,0.1);padding-top: 30px;margin-top: 10px;width: 100%}.bundle-section{padding: 1.2rem;border-radius: 14px}.bundle-content{flex-wrap: nowrap;gap: 0.5rem}.bundle-item{flex: 0 0 130px}.bundle-plus{font-size: 1.2rem}.bundle-action{min-width: 120px;padding-left: 1rem}.bundle-total-price{font-size: 1.3rem}.bundle-btn{padding: 0.5rem 1rem;font-size: 0.8rem}}.dashboard-wrapper{display: grid;grid-template-columns: 260px 1fr;min-height: 100vh;width: 92%;max-width: 1200px;margin: 100px auto 60px;padding: 0;gap: 2rem;align-items: start}.dashboard-sidebar{background: rgba(15,23,42,0.7);border: 1px solid var(--color-border);border-radius: 16px;padding: 1.5rem;position: relative;backdrop-filter: blur(12px)}.dash-user-info{display: flex;align-items: center;gap: 1rem;padding-bottom: 1.25rem;margin-bottom: 1.25rem;border-bottom: 1px solid var(--color-border)}.dash-user-name{font-weight: 600;font-size: .95rem}.dash-user-phone{font-size: .8rem;color: var(--color-text-muted);margin-top: 2px}.dash-nav{display: flex;flex-direction: column;gap: .3rem}.dash-nav-btn{display: flex;align-items: center;gap: .75rem;padding: .7rem 1rem;border-radius: 10px;border: none;background: transparent;color: var(--color-text-muted);font-family: var(--font-sans);font-size: .875rem;cursor: pointer;transition: all .2s;text-decoration: none;position: relative}.dash-nav-btn:hover{background: rgba(239,192,123,.08);color: var(--color-text)}.dash-nav-btn.active{background: rgba(239,192,123,.12);color: var(--color-accent)}.dash-badge{margin-left: auto;background: var(--color-accent);color: #0b0f17;font-size: .7rem;font-weight: 700;padding: .15rem .45rem;border-radius: 20px}.dash-logout{color: #ef4444;margin-top: .5rem}.dash-logout:hover{background: rgba(239,68,68,.1);color: #ef4444}.dashboard-content{min-width: 0}.dash-section{display: none}.dash-section.active{display: block}.dash-section-title{font-family: var(--font-sans);font-size: 1.5rem;font-weight: 700;margin-bottom: 1.5rem;color: var(--color-text)}.dash-card{background: rgba(15,23,42,0.6);border: 1px solid var(--color-border);border-radius: 14px;padding: 1.5rem;backdrop-filter: blur(8px)}.dash-card-title{font-size: 1rem;font-weight: 600;margin-bottom: 1.25rem}.dash-info-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(220px,1fr));gap: 1.25rem}.dash-info-item label{display: block;font-size: .75rem;color: var(--color-text-muted);margin-bottom: .25rem;text-transform: uppercase;letter-spacing: .5px}.dash-info-item span{font-size: .95rem;font-weight: 500}.dash-form{display: flex;flex-direction: column;gap: 0}.dash-form-row{display: grid;grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: 1rem;margin-bottom: 1rem}.dash-btn{display: inline-flex;align-items: center;gap: .5rem;padding: .65rem 1.5rem;background: var(--color-accent);color: #0b0f17;border: none;border-radius: 8px;font-weight: 600;font-size: .875rem;cursor: pointer;transition: opacity .2s;text-decoration: none}.dash-btn:hover{opacity: .85}.dash-btn-sm{padding: .4rem 1rem;font-size: .8rem;border-radius: 6px;border: none;cursor: pointer;font-weight: 600;transition: opacity .2s}.dash-btn-danger{background: rgba(239,68,68,.15);color: #ef4444}.dash-btn-danger:hover{background: rgba(239,68,68,.25)}.status-badge{display: inline-block;padding: .25rem .7rem;border-radius: 20px;font-size: .72rem;font-weight: 700;text-transform: uppercase;letter-spacing: .4px}.badge-pending{background: rgba(234,179,8,.15);color: #eab308}.badge-preparing{background: rgba(59,130,246,.15);color: #3b82f6}.badge-shipped{background: rgba(139,92,246,.15);color: #8b5cf6}.badge-done{background: rgba(16,185,129,.15);color: #10b981}.badge-cancel{background: rgba(239,68,68,.15);color: #ef4444}.orders-table-wrap{max-height: 520px;overflow-y: auto;overflow-x: auto;scrollbar-width: thin;scrollbar-color: rgba(239,192,123,.2) transparent}.orders-main-table{width: 100%;border-collapse: collapse;font-size: .85rem}.orders-main-table thead{position: sticky;top: 0;z-index: 2;background: rgba(15,23,42,0.95);backdrop-filter: blur(8px)}.orders-main-table thead tr{border-bottom: 1px solid var(--color-border)}.orders-main-table th{padding: .75rem 1rem;text-align: left;font-size: .68rem;font-weight: 600;text-transform: uppercase;letter-spacing: .8px;color: var(--color-text-muted);white-space: nowrap}.order-main-row{border-bottom: 1px solid rgba(30,58,95,.25);cursor: pointer;transition: background .15s}.order-main-row:hover{background: rgba(239,192,123,.04)}.order-main-row.open{background: rgba(239,192,123,.06)}.order-main-row td{padding: .8rem 1rem;vertical-align: middle}.order-chevron{color: var(--color-text-muted)}.order-main-row.open .order-chevron{transform: rotate(180deg)}.order-detail-row{display: none}.order-detail-row.open{display: table-row}.order-detail-row td{padding: 0;background: rgba(8,12,24,.5)}.order-detail-inner{padding: .75rem 1rem 1rem}.order-inner-table{width: 100%;border-collapse: collapse;font-size: .82rem}.order-inner-table th{padding: .5rem .75rem;text-align: left;font-size: .65rem;font-weight: 600;text-transform: uppercase;letter-spacing: .7px;color: var(--color-text-muted);border-bottom: 1px solid var(--color-border)}.order-inner-table td{padding: .6rem .75rem;vertical-align: middle;border-bottom: 1px solid rgba(30,58,95,.15)}.order-inner-table tbody tr:last-child td{border-bottom: none}.order-more{font-size: .72rem;color: var(--color-text-muted);background: rgba(239,192,123,.1);border: 1px solid rgba(239,192,123,.2);border-radius: 99px;padding: 1px 7px;margin-left: 5px}.order-card{background: rgba(15,23,42,0.6);border: 1px solid var(--color-border);border-radius: 14px;overflow: hidden;margin-bottom: 1.25rem}.order-meta-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(160px,1fr));gap: 0;border-bottom: 1px solid var(--color-border)}.order-meta-item{display: flex;flex-direction: column;gap: 3px;padding: .9rem 1.1rem;border-right: 1px solid var(--color-border)}.order-meta-item:last-child{border-right: none}.order-meta-label{font-size: .68rem;font-weight: 600;text-transform: uppercase;letter-spacing: .8px;color: var(--color-text-muted)}.order-meta-value{font-size: .88rem;color: var(--color-text);display: flex;align-items: center;flex-wrap: wrap}.order-no{font-weight: 700;font-size: .9rem;color: var(--color-accent)}.order-total{font-weight: 700;color: var(--color-accent)}.order-table-wrap{overflow-x: auto}.order-table{width: 100%;border-collapse: collapse;font-size: .85rem}.order-table thead tr{background: rgba(239,192,123,0.05);border-bottom: 1px solid var(--color-border)}.order-table th{padding: .65rem 1rem;text-align: left;font-size: .7rem;font-weight: 600;text-transform: uppercase;letter-spacing: .8px;color: var(--color-text-muted);white-space: nowrap}.order-table td{padding: .75rem 1rem;border-bottom: 1px solid rgba(30,58,95,0.2);vertical-align: middle;color: var(--color-text)}.order-table tbody tr:last-child td{border-bottom: none}.order-table tbody tr:hover{background: rgba(239,192,123,0.03)}.order-product-cell{display: flex;align-items: center;gap: .65rem}.order-item-img{width: 44px;height: 44px;object-fit: cover;border-radius: 8px;background: rgba(255,255,255,.05);flex-shrink: 0}.order-td-muted{color: var(--color-text-muted);font-size: .82rem}.order-td-price{font-weight: 700;color: var(--color-accent);white-space: nowrap}@media (max-width: 640px){.order-meta-grid{grid-template-columns: 1fr 1fr}.order-table th:nth-child(2),.order-table td:nth-child(2){display: none}}.address-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(280px,1fr));gap: 1rem;margin-bottom: 1.5rem}.address-card{display: flex;flex-direction: column;height: 100%}.address-card-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: .75rem;flex-wrap: wrap;gap: .5rem}.address-title{font-weight: 600}.address-text{color: var(--color-text-muted);font-size: .9rem;line-height: 1.6}.havale-card{margin-bottom: 1rem}.havale-card-header{display: flex;justify-content: space-between;align-items: center;margin-bottom: 1rem;flex-wrap: wrap;gap: .5rem}.havale-details{display: grid;grid-template-columns: repeat(auto-fill,minmax(200px,1fr));gap: .75rem}.havale-row{display: flex;flex-direction: column;gap: .2rem}.havale-row > span{font-size: .75rem;color: var(--color-text-muted);text-transform: uppercase;letter-spacing: .4px}.havale-row > strong{font-size: .9rem}.dash-alert{padding: 1rem 1.25rem;border-radius: 10px;margin-bottom: 1.5rem;font-size: .9rem}.dash-alert-success{background: rgba(16,185,129,.12);border: 1px solid rgba(16,185,129,.3);color: #10b981}.dash-empty{text-align: center;padding: 3rem 1rem;color: var(--color-text-muted)}.flash-toast{position: fixed;top: 90px;right: 1.5rem;z-index: 9999;display: flex;align-items: center;gap: .75rem;padding: .85rem 1.1rem;border-radius: 10px;font-size: .875rem;max-width: 380px;animation: slideInRight .3s ease;backdrop-filter: blur(12px)}.flash-error{background: rgba(239,68,68,.15);border: 1px solid rgba(239,68,68,.3);color: #fca5a5}.flash-close{background: none;border: none;color: inherit;cursor: pointer;padding: 0;line-height: 1}@keyframes slideInRight{from{transform: translateX(110%);opacity: 0}to{transform: translateX(0);opacity: 1}}.hesabim-link{display:inline-flex;align-items:center;justify-content:center}@media (max-width: 900px){.dashboard-wrapper{grid-template-columns: 1fr;margin-top: 80px}.dashboard-sidebar{position: static}.dash-nav{flex-direction: row;flex-wrap: wrap;gap: .4rem}.dash-nav-btn{flex: 1;justify-content: center;min-width: 100px}.dash-badge{position: absolute;top: 4px;right: 4px}.dash-user-info{justify-content: center}}.section-header{display: flex;align-items: center;justify-content: space-between}.section-view-all{display: inline-flex;align-items: center;gap: 4px;font-size: 0.85rem;font-weight: 500;color: var(--color-accent);text-decoration: none;opacity: 0.8;transition: opacity 0.2s}.section-view-all:hover{opacity: 1}.hero-actions{display: flex;gap: 1rem;flex-wrap: wrap;justify-content: center}.hero-btn--outline{background: transparent;border: 1px solid rgba(239,192,123,0.4);color: var(--color-accent)}.hero-btn--outline:hover{background: rgba(239,192,123,0.1)}.section--categories{padding: 3rem 5%;max-width: 1300px;margin: 0 auto}.section--categories__title{font-family: var(--font-display);font-size: 1.4rem;font-weight: 700;color: var(--color-text);margin-bottom: 1.5rem;text-align: center}.section--categories__grid{display: grid;grid-template-columns: repeat(4,1fr);gap: 1rem}.category-card{display: flex;flex-direction: column;align-items: center;gap: 0.75rem;padding: 1.75rem 1rem;background: rgba(15,23,42,0.92);border: 1px solid rgba(239,192,123,0.12);border-radius: 16px;text-decoration: none;transition: all 0.3s ease}.category-card:hover{border-color: rgba(239,192,123,0.4);transform: translateY(-4px);box-shadow: 0 12px 30px rgba(0,0,0,0.3)}.category-card__icon{width: 52px;height: 52px;background: rgba(239,192,123,0.1);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: var(--color-accent)}.category-card__name{font-size: 0.95rem;font-weight: 600;color: var(--color-text);text-align: center}.category-card__sub{font-size: 0.78rem;color: var(--color-text-muted);text-align: center}@media (max-width: 768px){.section--categories__grid{grid-template-columns: repeat(2,1fr)}}.section--flash-sale{border-top: 2px solid rgba(239,68,68,0.35);border-bottom: 1px solid var(--color-border);padding-top: 2.5rem !important;padding-bottom: 3rem !important}.flash-sale__hdr{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;gap: 1rem;margin-bottom: 2rem}.flash-sale__hdr-left{display: flex;align-items: center;gap: 1rem;flex-wrap: wrap}.flash-sale__hdr-right{display: flex;align-items: center;gap: 0.75rem;flex-shrink: 0}.flash-sale__badge{display: inline-flex;align-items: center;gap: 5px;background: rgba(239,68,68,0.12);border: 1px solid rgba(239,68,68,0.35);color: #f87171;font-size: 0.72rem;font-weight: 700;letter-spacing: 1.5px;padding: 4px 12px;border-radius: 99px}.flash-sale__title{font-family: var(--font-display);font-size: 1.5rem;font-weight: 800;color: var(--color-text);margin: 0}.flash-sale__sub{font-size: 0.75rem;color: var(--color-text-muted)}.flash-sale__timer{display: flex;align-items: center;gap: 6px}.flash-sale__unit{display: flex;flex-direction: column;align-items: center;background: rgba(239,192,123,0.08);border: 1px solid rgba(239,192,123,0.2);border-radius: 8px;padding: 5px 10px;min-width: 50px}.flash-sale__unit span{font-family: var(--font-display);font-size: 1.25rem;font-weight: 700;color: var(--color-accent);line-height: 1}.flash-sale__unit small{font-size: 0.58rem;color: var(--color-text-muted);text-transform: uppercase;letter-spacing: 0.5px;margin-top: 2px}.flash-sale__sep{font-size: 1.1rem;font-weight: 700;color: var(--color-accent);opacity: 0.5;margin-bottom: 10px}@media (max-width: 640px){.flash-sale__hdr{flex-direction: column;align-items: flex-start}.flash-sale__title{font-size: 1.2rem}}.promo-banner{width: 92%;max-width: 1200px;margin: 0 auto;padding: 2rem 0}.promo-banner__inner{display: flex;align-items: center;gap: 1.2rem;padding: 1.2rem 1.8rem;background: linear-gradient(135deg,rgba(239,192,123,0.08) 0%,rgba(239,192,123,0.02) 100%);border: 1px solid rgba(239,192,123,0.2);border-radius: 16px;position: relative;overflow: hidden}.promo-banner__inner::before{content: '';position: absolute;top: -50%;right: -10%;width: 200px;height: 200px;background: radial-gradient(circle,rgba(239,192,123,0.1) 0%,transparent 70%);border-radius: 50%;pointer-events: none}.promo-banner__badge{flex-shrink: 0;width: 44px;height: 44px;border-radius: 12px;background: rgba(239,192,123,0.15);display: flex;align-items: center;justify-content: center;color: var(--color-accent)}.promo-banner__content{flex: 1;min-width: 0}.promo-banner__slider{position: relative;height: 2.8rem;overflow: hidden}.promo-banner__slide{position: absolute;top: 50%;left: 0;width: 100%;transform: translateY(calc(-50% + 12px));opacity: 0;transition: opacity 0.5s ease,transform 0.5s ease;pointer-events: none}.promo-banner__slide.active{opacity: 1;transform: translateY(-50%);pointer-events: auto}.promo-banner__title{font-family: var(--font-display);font-size: 1.15rem;color: var(--color-text);margin-bottom: 0.15rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.promo-banner__title span{color: var(--color-accent)}.promo-banner__desc{font-size: 0.85rem;color: var(--color-text-muted);overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.promo-banner__btn{flex-shrink: 0;width: 42px;height: 42px;border-radius: 50%;border: 1px solid rgba(239,192,123,0.3);background: transparent;display: flex;align-items: center;justify-content: center;color: var(--color-accent);text-decoration: none;transition: background 0.2s,border-color 0.2s}.promo-banner__btn:hover{background: rgba(239,192,123,0.1);border-color: var(--color-accent)}@media (max-width: 600px){.promo-banner__inner{padding: 0.8rem 1rem;gap: 0.6rem}.promo-banner__slider{height: 2.6rem}.promo-banner__title{font-size: 0.78rem}.promo-banner__desc{font-size: 0.68rem}.promo-banner__badge{width: 32px;height: 32px;border-radius: 8px}.promo-banner__badge svg{width: 16px;height: 16px}.promo-banner__btn{width: 32px;height: 32px}}.video-showcase__titles{display: flex;justify-content: space-around;padding: 0 0 1rem}.video-showcase__title-left,.video-showcase__title-right{font-family: 'Syne',var(--font-display),cursive;font-style: italic;color: var(--color-accent);font-size: 1.15rem;letter-spacing: 0.03em;text-align: center;position: relative;padding-bottom: 0.5rem;flex: 1}.video-showcase__title-left::after,.video-showcase__title-right::after{content: '';position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);width: 50%;height: 2px;background: linear-gradient(90deg,transparent,var(--color-accent),transparent);border-radius: 2px}@media (max-width: 768px){.video-showcase__titles{flex-direction: column;gap: 0.5rem;padding-bottom: 0.8rem}.video-showcase__title-left,.video-showcase__title-right{font-size: 0.95rem}}.video-showcase__grid{display: grid;grid-template-columns: 1fr auto 1fr;gap: 1.5rem;align-items: center}.video-showcase__divider{width: 1px;height: 60%;align-self: center;background: linear-gradient(to bottom,transparent 0%,rgba(239,192,123,0.4) 30%,rgba(239,192,123,0.5) 50%,rgba(239,192,123,0.4) 70%,transparent 100%)}.video-showcase__item{position: relative;z-index: 1;border-radius: 16px;overflow: hidden;border: 1px solid rgba(239,192,123,0.15);background: rgba(15,23,42,0.6);box-shadow: 0 4px 20px rgba(0,0,0,0.25);transition: border-color 0.3s ease,box-shadow 0.3s ease;aspect-ratio: 16 / 9}@media (hover: hover){.video-showcase__item:hover{border-color: rgba(239,192,123,0.35);box-shadow: 0 8px 32px rgba(0,0,0,0.35)}}.video-showcase__player{width: 130%;height: 130%;margin-left: -15%;margin-top: -5%;display: block;object-fit: cover;object-position: center top}.solo-banner{display: grid;grid-template-columns: 1fr auto 1fr;gap: 1.5rem;height: 360px;position: relative}.solo-banner__video{height: 100%}.solo-banner__video .video-showcase__item{height: 100%}.solo-banner__video .video-showcase__player{width: 135%;height: 135%;margin-left: -10%;margin-top: -5%;object-fit: cover;object-position: left top}.solo-banner__photo{position: relative;border-radius: 16px;overflow: hidden;border: 1px solid rgba(239,192,123,0.15);background: rgba(15,23,42,0.6);box-shadow: 0 4px 20px rgba(0,0,0,0.25);height: 100%}.solo-banner__photo img{width: 100%;height: 100%;object-fit: cover;object-position: center 30%;display: block}.video-showcase--solo.products-section{padding-top: 1rem}.solo-play-wrap{position: relative}.solo-play-wrap > .solo-play-btn{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 10;width: 62px;height: 62px;border-radius: 50%;border: 2px solid rgba(239,192,123,0.5);background: rgba(15,23,42,0.8);color: var(--color-accent);display: flex;align-items: center;justify-content: center;cursor: pointer}.solo-play-btn::before,.solo-play-btn::after{content: '';position: absolute;inset: -4px;border-radius: 50%;border: 1.5px solid rgba(239,192,123,0.35)}.solo-play-btn::before{animation: soloRipple 2.4s cubic-bezier(0.215,0.61,0.355,1) infinite}.solo-play-btn::after{animation: soloRipple 2.4s cubic-bezier(0.215,0.61,0.355,1) 0.8s infinite}.solo-play-btn .solo-ripple-3{position: absolute;inset: -4px;border-radius: 50%;border: 1.5px solid rgba(239,192,123,0.35);animation: soloRipple 2.4s cubic-bezier(0.215,0.61,0.355,1) 1.6s infinite;pointer-events: none}@keyframes soloRipple{0%{transform: scale(1);opacity: 0.4}100%{transform: scale(2.2);opacity: 0}}.solo-video-overlay{display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0,0,0,0.85);z-index: 9999;align-items: center;justify-content: center;animation: soloFadeIn 0.3s ease}.solo-video-overlay.active{display: flex}@keyframes soloFadeIn{from{opacity: 0}to{opacity: 1}}.solo-video-modal{position: relative;max-width: 420px;max-height: 85vh;width: 90%;border-radius: 20px;overflow: hidden;box-shadow: 0 20px 60px rgba(0,0,0,0.6);border: 1px solid rgba(239,192,123,0.2);animation: soloSlideUp 0.4s ease}@keyframes soloSlideUp{from{transform: translateY(40px);opacity: 0}to{transform: translateY(0);opacity: 1}}.solo-video-player{width: 130%;height: auto;display: block;background: #000;max-height: 85vh;margin-left: -15%;margin-bottom: -15%;object-fit: cover}.solo-video-close{position: absolute;top: 12px;right: 12px;z-index: 10;width: 40px;height: 40px;border-radius: 50%;border: none;background: rgba(0,0,0,0.6);color: #fff;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: background 0.2s}.solo-video-close:hover{background: rgba(239,68,68,0.7)}@media (max-width: 768px){.solo-play-btn{width: 44px;height: 44px}.solo-video-modal{max-width: 92%}}@media (max-width: 768px){.solo-banner{grid-template-columns: 1fr !important;height: auto;gap: 1rem}.solo-banner .video-showcase__divider{width: 60%;height: 1px;margin: 0 auto;background: linear-gradient(to right,transparent 0%,rgba(239,192,123,0.4) 30%,rgba(239,192,123,0.5) 50%,rgba(239,192,123,0.4) 70%,transparent 100%)}.solo-banner__video,.solo-banner__video .video-showcase__item{height: 220px}.solo-banner__photo{height: 280px}.solo-banner__heading{font-size: 0.95rem}}@media (max-width: 768px){.video-showcase__grid{grid-template-columns: 1fr}.video-showcase--solo .video-showcase__item{max-height: 280px}.video-showcase__divider{width: 60%;height: 1px;margin: 0 auto;background: linear-gradient(to right,transparent 0%,rgba(239,192,123,0.4) 30%,rgba(239,192,123,0.5) 50%,rgba(239,192,123,0.4) 70%,transparent 100%)}}.cat-strip .section-header{margin-bottom: 1.2rem}.cat-strip__viewall{display: inline-flex;align-items: center;gap: 6px;font-size: 0.9rem;color: var(--color-accent);text-decoration: none;font-weight: 500;transition: opacity 0.2s;white-space: nowrap}.cat-strip__viewall:hover{opacity: 0.8}.cat-strip__wrapper{position: relative}.cat-strip__track{display: flex;gap: 1.2rem;overflow-x: auto;scroll-behavior: smooth;scrollbar-width: none;padding: 0.25rem 0}.cat-strip__track::-webkit-scrollbar{display: none}.cat-strip__track > .product-card{flex: 0 0 260px;min-width: 0}.cat-strip__arrow{position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;border-radius: 50%;border: 1px solid var(--color-border);background: rgba(15,23,42,0.85);backdrop-filter: blur(10px);color: var(--color-text);display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 10;transition: border-color 0.2s,background 0.2s}.cat-strip__arrow:hover{border-color: var(--color-accent);background: rgba(15,23,42,0.95)}.cat-strip__arrow--left{left: 8px}.cat-strip__arrow--right{right: 8px}@media (max-width: 768px){.cat-strip__wrapper{padding: 0}.cat-strip__track{scroll-snap-type: x mandatory;-webkit-overflow-scrolling: touch}.cat-strip__track > .product-card{flex: 0 0 85%;scroll-snap-align: center}.cat-strip__arrow{display: none}}.section--brands{padding: 1.5rem 0;overflow: hidden;position: relative;content-visibility: auto;contain-intrinsic-size: auto 80px}.section--brands__marquee{overflow: hidden;-webkit-mask-image: linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%);mask-image: linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%)}.section--brands__track{display: flex;gap: 3rem;animation: brands-scroll 30s linear infinite;white-space: nowrap;width: max-content}.section--brands__track span{font-family: var(--font-display);font-size: .9rem;font-weight: 600;color: #8b96a7;letter-spacing: 1px;text-transform: uppercase;flex-shrink: 0}.section--brands__track:hover{animation-play-state: paused}@keyframes brands-scroll{from{transform: translateX(0)}to{transform: translateX(-50%)}}.faq-columns{display: grid;grid-template-columns: 1fr 1fr;gap: 1.5rem;align-items: start}.faq-list{display: flex;flex-direction: column;gap: .85rem}.faq-item{background: rgba(15,23,42,.92);border: 1px solid rgba(239,192,123,.1);border-radius: 16px;padding: 0 1.25rem;transition: border-color .3s ease,background .3s ease}.faq-item.open{border-color: rgba(239,192,123,.35);background: rgba(15,23,42,.8)}.faq-question{width: 100%;background: none;border: none;display: flex;align-items: center;justify-content: space-between;gap: 1rem;padding: 1.1rem 0;cursor: pointer;font-weight: 600;font-size: .95rem;color: var(--color-text);text-align: left;font-family: inherit}.faq-chevron{color: var(--color-accent);flex-shrink: 0;transition: transform .35s ease}.faq-item.open .faq-chevron{transform: rotate(180deg)}.faq-answer-wrap{max-height: 0;overflow: hidden;opacity: 0;transition: max-height .4s ease,opacity .3s ease}.faq-item.open .faq-answer-wrap{opacity: 1}.faq-answer{padding: 0 0 1.25rem;color: var(--color-text-muted);font-size: .92rem;line-height: 1.6}@media (max-width: 900px){.faq-columns{grid-template-columns: 1fr}}.section--newsletter{padding: 3.5rem 0;background: rgba(15,23,42,0.5)}.section--newsletter__inner{width: 92%;max-width: 700px;margin: 0 auto;display: flex;flex-direction: column;align-items: center;gap: 1.5rem;text-align: center}@media (max-width: 768px){.section--newsletter__text h2{font-size: 1.2rem}.section--newsletter__form{flex-direction: column;max-width: 100%}.section--newsletter__form button{justify-content: center}}.section--newsletter__text h2{font-family: var(--font-display);font-size: 1.6rem;font-weight: 800;color: var(--color-text);margin-bottom: 0.5rem}.newsletter__highlight{color: var(--color-accent)}.section--newsletter__text p{font-size: 0.9rem;color: var(--color-text-muted)}.section--newsletter__form{display: flex;gap: 0.75rem;width: 100%;max-width: 480px}.section--newsletter__form input{flex: 1;padding: 0.75rem 1.2rem;background: rgba(255,255,255,0.05);border: 1px solid var(--color-border);border-radius: 99px;color: var(--color-text);font-family: var(--font-sans);font-size: 0.9rem;outline: none;transition: border-color 0.2s}.section--newsletter__form input:focus{border-color: rgba(239,192,123,0.5)}.section--newsletter__form input::placeholder{color: var(--color-text-muted)}.section--newsletter__form button{display: inline-flex;align-items: center;gap: 6px;padding: 0.75rem 1.4rem;background: var(--color-accent);color: var(--color-bg);border: none;border-radius: 99px;font-family: var(--font-sans);font-size: 0.9rem;font-weight: 600;cursor: pointer;transition: opacity 0.2s;white-space: nowrap}.section--newsletter__form button:hover{opacity: 0.85}.newsletter__success{display: flex;align-items: center;gap: 10px;font-size: 1rem;color: #10b981;font-weight: 600;padding: 0.75rem 1.5rem;background: rgba(16,185,129,0.1);border: 1px solid rgba(16,185,129,0.3);border-radius: 12px}@media (max-width: 540px){.section--newsletter__form{flex-direction: column}.section--newsletter__form input,.section--newsletter__form button{width: 100%;justify-content: center;border-radius: 12px}}.page-wrapper{width: 92%;max-width: 800px;margin: 0 auto;padding: 100px 0 80px}.page-header{text-align: center;margin-bottom: 2.5rem}.page-title{font-family: var(--font-display);font-size: 2.2rem;color: var(--color-text);letter-spacing: -0.5px;margin-bottom: 0.4rem}.page-subtitle{color: var(--color-text-muted);font-size: 1rem}.page-content{background: rgba(15,23,42,0.92);border: 1px solid var(--color-border);border-radius: 20px;padding: 2.5rem}.page-text{color: var(--color-text-muted);font-size: 1rem;line-height: 1.8}.page-text p{margin-bottom: 1.2rem}.page-text p:last-child{margin-bottom: 0}.page-section-title{font-family: var(--font-display);font-size: 1.25rem;color: var(--color-text);margin: 2rem 0 0.8rem;padding-bottom: 0.4rem;border-bottom: 1px solid rgba(239,192,123,0.15)}.page-text .page-section-title:first-child{margin-top: 0}.contact-cards{display: grid;grid-template-columns: 1fr 1fr;gap: 1rem;margin-top: 2rem}.contact-card{background: rgba(15,23,42,0.5);border: 1px solid var(--color-border);border-radius: 14px;padding: 1.1rem 1.4rem;text-decoration: none;display: flex;align-items: center;gap: 1rem;transition: border-color 0.2s}.contact-card i,.contact-card svg{color: var(--color-accent);flex-shrink: 0}.contact-card__text{display: flex;flex-direction: column;gap: 0.2rem;min-width: 0}.contact-card span{font-size: 0.8rem;color: var(--color-text-muted)}.contact-card strong{color: var(--color-text);font-size: 0.9rem;overflow-wrap: break-word}.contact-card:hover{border-color: var(--color-accent)}.contact-form-section{margin-top: 2rem;padding-top: 2rem;border-top: 1px solid var(--color-border)}.contact-form-title{font-family: var(--font-display);font-size: 1.3rem;margin-bottom: 1.2rem;color: var(--color-text)}.contact-form-row{display: grid;grid-template-columns: 1fr 1fr;gap: 1rem}.contact-alert{display: flex;align-items: center;gap: 8px;padding: 0.85rem 1.2rem;border-radius: 12px;font-size: 0.9rem;margin-top: 1.5rem}.contact-alert--success{background: rgba(34,197,94,0.1);border: 1px solid rgba(34,197,94,0.25);color: #4ade80}.contact-alert--error{background: rgba(239,68,68,0.1);border: 1px solid rgba(239,68,68,0.25);color: #f87171}@media (max-width: 540px){.contact-cards{grid-template-columns: 1fr}.contact-form-row{grid-template-columns: 1fr}.page-content{padding: 1.5rem}}.site-footer{background: rgba(8,12,20,0.95);border-top: 1px solid var(--color-border);padding: 2.5rem 0 1rem;content-visibility: auto;contain-intrinsic-size: auto 300px}.site-footer__inner{width: 92%;max-width: 1200px;margin: 0 auto;display: grid;grid-template-columns: 1.5fr 1.8fr 1fr 1.2fr;gap: 2rem;padding-bottom: 2rem;border-bottom: 1px solid var(--color-border)}.site-footer__logo{text-decoration: none;display: block;margin-bottom: 0.6rem}.site-footer__brand p{font-size: 0.82rem;color: var(--color-text-muted);line-height: 1.6;margin-bottom: 0.5rem}.site-footer__warning{display: inline-flex !important;align-items: center;gap: 4px;font-size: 0.75rem !important;color: #f87171 !important}.site-footer__nav h4,.site-footer__contact h4{font-size: 0.8rem;font-weight: 700;letter-spacing: 1.5px;text-transform: uppercase;color: var(--color-accent);margin-bottom: 1rem}.site-footer__nav{display: grid;grid-template-columns: 1fr 1fr;column-gap: 1.2rem;align-content: start}.site-footer__nav h4{grid-column: 1 / -1}.site-footer__nav a,.site-footer__contact a{display: flex;align-items: center;gap: 6px;font-size: 0.85rem;color: var(--color-text-muted);text-decoration: none;padding: 0.45rem 0;transition: color 0.2s;white-space: nowrap}.site-footer__nav--single{grid-template-columns: 1fr}.site-footer__nav a:hover,.site-footer__contact a:hover{color: var(--color-text)}.site-footer__bottom{width: 92%;max-width: 1200px;margin: 0 auto;padding-top: 1rem;display: flex;justify-content: space-between;align-items: center;font-size: 0.78rem;color: var(--color-text-muted)}.site-footer__secure{display: inline-flex;align-items: center;gap: 5px}@media (max-width: 900px){.site-footer__inner{grid-template-columns: 1fr 1fr}}@media (max-width: 540px){.site-footer__inner{grid-template-columns: 1fr}.site-footer__bottom{flex-direction: column;gap: 0.5rem;text-align: center}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important}html{scroll-behavior: auto !important}}.blog-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(300px,1fr));gap: 1.75rem}.blog-card{background: rgba(15,23,42,0.6);border: 1px solid rgba(239,192,123,0.08);border-radius: 16px;overflow: hidden;transition: border-color 0.3s ease,transform 0.3s ease}@media (hover: hover){.blog-card:hover{border-color: rgba(239,192,123,0.25);transform: translateY(-4px)}}.blog-card__link{text-decoration: none;color: inherit;display: block}.blog-card__img{aspect-ratio: 16 / 9;overflow: hidden;background: var(--color-bg)}.blog-card__img img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease}@media (hover: hover){.blog-card:hover .blog-card__img img{transform: scale(1.05)}}.blog-card__body{padding: 1.25rem 1.5rem 1.5rem}.blog-card__cat{display: inline-block;font-size: 0.72rem;text-transform: uppercase;letter-spacing: 0.5px;color: var(--color-accent);background: rgba(239,192,123,0.08);border: 1px solid rgba(239,192,123,0.15);padding: 0.2rem 0.6rem;border-radius: 6px;margin-bottom: 0.6rem}.blog-card__title{font-family: var(--font-display);font-size: 1.15rem;color: var(--color-text);margin-bottom: 0.5rem;line-height: 1.35}.blog-card__excerpt{font-size: 0.88rem;color: var(--color-text-muted);line-height: 1.55;margin-bottom: 0.75rem;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.blog-card__date{font-size: 0.78rem;color: var(--color-text-muted);opacity: 0.7}.blog-content h2,.blog-content h3{font-family: var(--font-display);color: var(--color-accent);margin: 2rem 0 0.75rem}.blog-content h2{font-size: 1.4rem}.blog-content h3{font-size: 1.15rem}.blog-content p{margin-bottom: 1rem}@media (max-width: 640px){.blog-grid{grid-template-columns: 1fr}.blog-card__title{font-size: 1.05rem}}