/**
 * Blackdeer Software — Vortex Streetwear Theme Styles
 * Dosya Yolu: views/themes/vortex/assets/theme.css
 */

/* ==========================================================================
   1. TIPOGRAFİ VE HARF BOŞLUKLARI
   ========================================================================== */
.font-street-bold {
  font-family: 'Syne', sans-serif;
  letter-spacing: -0.03em;
}

.font-sans-clean {
  font-family: 'Plus Jakarta Sans', sans-serif;
}

.font-mono-num {
  font-family: 'JetBrains Mono', monospace;
}

.tracking-luxury {
  letter-spacing: 0.22em;
}

.tracking-mega {
  letter-spacing: 0.14em;
}

/* ==========================================================================
   2. GÖRSEL VE KART ETKİLEŞİMLERİ (HOVER & ZOOM)
   ========================================================================== */
.fashion-img-zoom {
  transition: transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform;
}

.group:hover .fashion-img-zoom {
  transform: scale(1.06);
}

.vortex-card-hover {
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;
}

.vortex-card-hover:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.7);
}

/* ==========================================================================
   3. MEGA MENÜ AÇILIŞ DİNAMİKLERİ
   ========================================================================== */
.mega-menu-container {
  opacity: 0;
  visibility: hidden;
  transform: translateY(-8px);
  transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), 
              transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), 
              visibility 0.25s;
}

.group-mega:hover .mega-menu-container,
.group-mega:focus-within .mega-menu-container {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* ==========================================================================
   4. ÖZEL VORTEX KAYDIRMA ÇUBUĞU (SCROLLBAR)
   ========================================================================== */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-webkit-scrollbar-track {
  background: var(--theme-bg, #08090B);
}

::-webkit-scrollbar-thumb {
  background: #22252C;
  border-radius: 9999px;
}

::-webkit-scrollbar-thumb:hover {
  background: #323642;
}

/* ==========================================================================
   5. ACİLİYET / STOK ÇUBUĞU ANİMASYONU
   ========================================================================== */
@keyframes urgencyPulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.animate-urgency {
  animation: urgencyPulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}/* Shared storefront widget system */
.bdw{width:min(100%,1440px);margin-inline:auto;padding:clamp(36px,6vw,84px) clamp(18px,4vw,52px);color:var(--theme-primary,#f4f4f6)}
.bdw :where(h2,h3,p){margin-block:0 12px}.bdw h2{font-family:var(--theme-heading-font,var(--theme-font,sans-serif));font-size:clamp(26px,4vw,48px);line-height:1.05;letter-spacing:-.045em}.bdw-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px;padding-bottom:14px;border-bottom:1px solid var(--theme-border,rgba(128,128,128,.25))}.bdw-heading h2{margin:0}.bdw :where(a,button){color:inherit}.bdw :where(a,button):focus-visible{outline:2px solid var(--theme-accent,#d1d5db);outline-offset:3px}.bdw img{display:block;max-width:100%;object-fit:cover}.bdw-product-grid,.bdw-category-grid,.bdw-quote-grid,.bdw-benefit-grid,.bdw-promo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,24px)}.bdw-product-card,.bdw-category-card,.bdw-promo-card{min-width:0;overflow:hidden}.bdw-product-card img,.bdw-category-card img,.bdw-promo-card img{width:100%;aspect-ratio:4/5;background:var(--theme-card-bg,#17191f);transition:transform .35s ease}.bdw :is(.bdw-product-card,.bdw-category-card,.bdw-promo-card):hover img{transform:scale(1.025)}.bdw-product-card h3,.bdw-category-card span,.bdw-promo-card span{display:block;margin:10px 0 4px;font-size:13px;font-weight:650}.bdw-product-card p{font-size:13px}.bdw-product-card del{opacity:.6;margin-right:6px}.bdw-product-rail{display:grid;grid-auto-columns:minmax(200px,24%);grid-auto-flow:column;gap:18px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding:2px 2px 16px}.bdw-product-rail>*{scroll-snap-align:start}.bdw-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bdw-category-card{position:relative;min-height:180px;background:var(--theme-card-bg,#17191f)}.bdw-category-card img{height:100%;position:absolute;inset:0}.bdw-category-card span{position:absolute;inset:auto 0 0;margin:0;padding:38px 16px 14px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.72));font-size:15px}.bdw-quote-grid,.bdw-benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bdw-quote,.bdw-benefit-grid article{margin:0;padding:22px;border:1px solid var(--theme-border,rgba(128,128,128,.25));background:var(--theme-card-bg,rgba(128,128,128,.06))}.bdw-quote p{font-size:clamp(16px,2vw,22px);line-height:1.5}.bdw-quote footer{font-size:12px;opacity:.72}.bdw-benefit-grid article>span,.bdw-eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.bdw-rich-text{max-width:980px}.bdw-rich-text--narrow{max-width:760px}.bdw-rich-text>div,.bdw-editorial__body{max-width:68ch;line-height:1.8;opacity:.82}.bdw-video,.bdw-editorial,.bdw-featured{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,5vw,68px)}.bdw-video video,.bdw-editorial img,.bdw-featured img{width:100%;max-height:620px;aspect-ratio:4/3;background:var(--theme-card-bg,#17191f)}.bdw-video a,.bdw-editorial a,.bdw-rich-text a,.bdw-cta a,.bdw-featured a{display:inline-flex;margin-top:14px;padding:12px 18px;border:1px solid currentColor;font-size:12px}.bdw-editorial--image-first>img{order:-1}.bdw-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.bdw-gallery img{width:100%;aspect-ratio:1/1}.bdw-gallery img:first-child{grid-row:span 2;aspect-ratio:auto;height:100%}.bdw-faq{border-top:1px solid var(--theme-border,rgba(128,128,128,.25))}.bdw-faq details{border-bottom:1px solid var(--theme-border,rgba(128,128,128,.25));padding:16px 0}.bdw-faq summary{cursor:pointer;font-weight:600}.bdw-faq details p{margin:12px 0 0;max-width:70ch;opacity:.8;line-height:1.7}.bdw-cta{padding:clamp(28px,5vw,64px);background:var(--theme-card-bg,rgba(128,128,128,.08));border:1px solid var(--theme-border,rgba(128,128,128,.25))}.bdw-countdown time{display:block;font-variant-numeric:tabular-nums;font-size:clamp(28px,5vw,64px);font-weight:700;letter-spacing:.04em}.bdw-divider{display:flex;align-items:center;gap:18px;padding:0 clamp(18px,4vw,52px);opacity:.72}.bdw-divider:before,.bdw-divider:after{content:"";height:1px;flex:1;background:var(--theme-border,rgba(128,128,128,.4))}.bdw-divider--dots:before,.bdw-divider--dots:after{height:4px;background:radial-gradient(circle,currentColor 1px,transparent 2px) 0 0/8px 4px}.bdw-divider--line span:empty,.bdw-divider--dots span:empty{display:none}.bdw-spacer--small{height:28px}.bdw-spacer--medium{height:56px}.bdw-spacer--large{height:92px}.bdw-spacer--ruled{border-top:1px solid var(--theme-border,rgba(128,128,128,.25))}.bdw-featured>a{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:28px}.bdw-featured--portrait>a{grid-template-columns:1fr;max-width:720px;margin-inline:auto}.bdw-logo-marquee{overflow:hidden}.bdw-logo-marquee__track{display:flex;align-items:center;justify-content:center;gap:clamp(24px,6vw,80px);flex-wrap:wrap}.bdw-logo-marquee__track img{width:auto;max-width:150px;max-height:52px;object-fit:contain}.bdw-logo-marquee--marquee .bdw-logo-marquee__track{width:max-content;flex-wrap:nowrap;animation:bdw-marquee 24s linear infinite}.bdw-logo-marquee--marquee:hover .bdw-logo-marquee__track{animation-play-state:paused}.bdw-carousel{position:relative}.bdw-carousel__track{position:relative;min-height:clamp(300px,48vw,600px);background:var(--theme-card-bg,#17191f)}.bdw-carousel__slide{position:absolute;inset:0;display:grid;align-items:end;overflow:hidden}.bdw-carousel__slide[hidden]{display:none!important}.bdw-carousel__slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bdw-carousel__slide:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.76))}.bdw-carousel__copy{position:relative;z-index:1;padding:clamp(24px,6vw,72px);color:#fff}.bdw-carousel__copy h2{font-size:clamp(32px,7vw,82px)}.bdw-carousel__controls{display:flex;align-items:center;gap:12px;padding-top:14px}.bdw-carousel__controls button,.bdw-heading button{min-width:38px;min-height:38px;border:1px solid var(--theme-border,rgba(128,128,128,.35));background:transparent;cursor:pointer}.bdw-carousel__controls [data-bdw-pause]{margin-left:auto;padding-inline:12px;font-size:12px}.bdw-promo-card{position:relative;min-height:220px;background:var(--theme-card-bg,#17191f)}.bdw-promo-card img{position:absolute;inset:0;height:100%}.bdw-promo-card span{position:absolute;inset:auto 0 0;margin:0;padding:36px 16px 14px;color:white;background:linear-gradient(transparent,rgba(0,0,0,.75));font-size:18px}.bdw :where(button,a){transition:color .2s ease,border-color .2s ease,background-color .2s ease}.bdw :where(button:hover,a:hover){border-color:var(--theme-accent,#d1d5db)}
@keyframes bdw-marquee{to{transform:translateX(-50%)}}
@media(max-width:800px){.bdw-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bdw-category-grid,.bdw-promo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bdw-quote-grid,.bdw-benefit-grid{grid-template-columns:1fr}.bdw-video,.bdw-editorial{grid-template-columns:1fr}.bdw-editorial--image-first>img{order:0}.bdw-featured>a{grid-template-columns:1fr}.bdw-product-rail{grid-auto-columns:minmax(180px,42%)}.bdw-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.bdw-product-rail{grid-auto-columns:minmax(155px,72%)}.bdw-carousel__track{min-height:390px}.bdw-carousel__controls{gap:7px}.bdw-carousel__controls [data-bdw-pause]{font-size:10px;padding-inline:7px}.bdw-gallery img:first-child{grid-row:auto;aspect-ratio:1/1}.bdw-divider{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.bdw-logo-marquee--marquee .bdw-logo-marquee__track{animation:none;flex-wrap:wrap;width:auto}.bdw :where(*,::before,::after){scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}