.exit-package-card {
  --primary: #ff4757;
  --secondary: #000000;
  --card-bg: rgba(255, 255, 255, 0.02); 
  --card-border: rgba(255, 255, 255, 0.08);
  --sale: #ff4757;
  position: relative;
  background: var(--card-bg) !important;
  backdrop-filter: blur(15px) saturate(180%);
  border: 1px solid var(--card-border) !important;
  border-radius: 24px;
  overflow: hidden;
  transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
  transform-style: flat;
  height: 100%;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}

/* Glow Removed for Blur-Free UI */

.card-shine {
  position: absolute; 
  top: 0;
  left: -150%;
  width: 150%;
  height: 100%;
  background: linear-gradient(
    120deg, 
    transparent, 
    rgba(255, 255, 255, 0.1), 
    rgba(255, 255, 255, 0.2), 
    rgba(255, 255, 255, 0.1), 
    transparent
  );
  transition: 0.8s ease; 
  pointer-events: none; 
  z-index: 10;
  transform: skewX(-25deg);
}
.exit-package-card:hover .card-shine { 
  left: 150%; 
}

.card-inner { display: flex; flex-direction: column; height: 100%; position: relative; z-index: 2; }
.card-media, 
.card-media::before, 
.card-media::after { 
  background-image: none !important; 
  background-color: #000 !important;
  content: none !important; /* Kill any ghost patterns */
}

.card-media { 
  position: relative; 
  aspect-ratio: 16 / 12; /* Çok daha geniş bir dikey alan */
  overflow: hidden; 
  display: flex; 
  align-items: center; 
  justify-content: center; 
  background: #000;
  margin: 0 !important; /* Boşlukları zorla sıfırla */
  width: 100% !important;
}

.product-image { 
  width: 100% !important; 
  height: 100% !important; 
  object-fit: cover !important; 
  object-position: center; 
  transition: 0.8s cubic-bezier(0.2, 0, 0.2, 1);
  z-index: 2;
  border-radius: 0 !important; /* Köşe yuvarlamasını kartın kendisine bırak */
}

/* Arkaplan Efekti Kaldırıldı - Eski Sade Haline Dönüldü */

.exit-package-card:hover .product-image { transform: scale(1.08); }

.media-overlay {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center;
  opacity: 0; transition: 0.4s; z-index: 5; background: rgba(0,0,0,0.3);
}
.exit-package-card:hover .media-overlay { opacity: 1; }
.view-text {
  color: #fff; font-size: 0.8rem; font-weight: 800; padding: 12px 24px;
  border: 2px solid var(--primary); border-radius: 50px; background: rgba(255, 71, 87, 0.1);
}

.card-content { padding: 24px; flex-grow: 1; display: flex; flex-direction: column; gap: 12px; }
.category-tag {
  font-size: 0.65rem; color: var(--primary); background: rgba(255, 71, 87, 0.1); 
  padding: 5px 12px; border-radius: 50px; font-weight: 800; text-transform: uppercase; text-decoration: none; width: fit-content;
}
.product-title { font-size: 1.1rem; font-weight: 950; margin: 0; line-height: 1.3; }
.product-title a { color: #fff; text-decoration: none; }

/* ⭐ VOTING SYSTEM */
.voting-system { position: relative; margin-top: 5px; }
.star-voter { display: flex; gap: 4px; margin-bottom: 5px; }
.vote-star { background: none; border: none; padding: 0; cursor: pointer; color: rgba(255,255,255,0.1); transition: 0.2s; }
.vote-star.active { color: #ffc107; filter: drop-shadow(0 0 5px rgba(255,193,7,0.4)); }
.vote-star:hover { scale: 1.25; }

.compatibility-info {
  display: flex;
  gap: 8px;
  margin: 0 0 15px 0;
}
.comp-box { 
  font-size: 0.65rem; 
  font-weight: 850; 
  color: rgba(255, 255, 255, 0.4); 
  background: rgba(255, 255, 255, 0.04); 
  border: 1px solid rgba(255, 255, 255, 0.08); 
  padding: 5px 12px; 
  border-radius: 8px; 
  text-transform: uppercase;
  letter-spacing: 0.8px;
  transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.comp-box:hover {
  background: rgba(255, 255, 255, 0.08);
  border-color: rgba(255, 255, 255, 0.15);
  color: #fff;
  transform: translateY(-3px);
  box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

.vote-success-msg { 
  position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
  background: rgba(13, 13, 18, 0.9); backdrop-filter: blur(10px);
  color: var(--primary); font-size: 0.6rem; font-weight: 900;
  display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: 0.3s;
  border-radius: 12px;
}
.vote-success-msg.show { opacity: 1; }
.voted-complete .star-voter { filter: grayscale(1) opacity(0.5); }

.product-features { display: flex; flex-wrap: wrap; gap: 6px; }
.feature-tag { font-size: 0.65rem; color: rgba(255,255,255,0.5); background: rgba(255,255,255,0.03); padding: 4px 10px; border-radius: 6px; border: 1px solid rgba(255,255,255,0.05); }

.stock-indicator { margin-top: auto; padding-top: 10px; }
.stock-bar { height: 4px; background: rgba(255,255,255,0.05); border-radius: 10px; overflow: hidden; margin-bottom: 6px; }
.stock-fill { height: 100%; background: linear-gradient(90deg, var(--primary), var(--secondary)); }
.stock-text { font-size: 0.65rem; color: rgba(255,255,255,0.4); font-weight: 800; }

.card-footer { padding: 0 24px 24px; border-top: 1px solid rgba(255, 255, 255, 0.05); }
.action-row { 
    display: flex; 
    flex-direction: column; 
    gap: 15px; 
    margin-top: 20px; 
}

/* 🔥 PREMIUM PRICE DISPLAY */
.exit-price-container {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 20px;
}

.price-now { 
    font-family: 'Space Grotesk', sans-serif !important;
}

.price-now strong {
    font-size: 2.3rem !important; 
    font-weight: 1000 !important; 
    color: #fff !important; 
    line-height: 1;
    letter-spacing: -2px;
}

.price-discount-perc {
    /* Styles are handled via inline in actions.twig but kept here for stability */
}

.price-then strong {
    font-size: 1.1rem !important;
    color: rgba(255, 255, 255, 0.2) !important;
    text-decoration: line-through !important;
    font-weight: 600;
}

/* Premium TRUE Glass Button Logic */
.action-row .btn, 
.action-row button[class*="btn"],
.action-row a.btn {
  width: 100% !important; 
  height: 52px !important; 
  background: rgba(255, 255, 255, 0.03) !important; 
  background-image: none !important; /* Kill gradients */
  backdrop-filter: blur(15px) saturate(180%) !important;
  color: #fff !important;
  border-radius: 14px !important; 
  font-weight: 800 !important; 
  text-transform: uppercase !important; 
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0 !important;
  letter-spacing: 1.5px !important;
  transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
  cursor: pointer !important;
  position: relative;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2) !important;
}

.action-row .btn.add::after, 
.action-row button.add::after,
.action-row a.btn.add::after {
  content: "ADD TO BASKET" !important;
  font-size: 0.85rem !important;
  font-weight: 900 !important;
  color: #fff !important;
}

.action-row .btn:hover {
    transform: translateY(-5px) !important;
    background: rgba(255, 71, 87, 0.1) !important;
    border-color: rgba(255, 71, 87, 0.5) !important;
    box-shadow: 0 15px 40px rgba(255, 71, 87, 0.2) !important;
}

/* Red Indicator line at the bottom of button */
.action-row .btn::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 2px;
    background: var(--primary);
    transition: 0.4s;
    transform: translateX(-50%);
}

.action-row .btn:hover::before {
    width: 60%;
}

/* Hide Quantity & Noise - User Request */
.action-row .quantity-field,
.action-row .quantity,
.action-row .quantity-control-wrapper,
.action-row label,
.action-row .form-group:has(.quantity-field) {
    display: none !important;
}

/* Shared presentation for database-backed catalogue and marquee cards. */
.exit-package-card .store-card-add{margin:0;width:100%}.exit-package-card .card-footer{border:0;padding:0}.exit-package-card .card-content{padding:24px;min-height:88px}.exit-package-card .card-inner{min-height:100%}.exit-package-card .action-row{margin-top:20px}.exit-package-card .exit-price-container{margin-bottom:0}.exit-package-card .price-discount-perc{box-shadow:0 5px 15px #ff47574d;font-weight:950}.exit-package-card .price-then{display:block;margin:6px 0 0 4px;font-weight:600}.exit-package-card .card-media-link{display:block;position:relative}.exit-package-card .card-media{flex:none}.exit-package-card .media-overlay{pointer-events:none}.exit-package-card .store-card-add .btn-primary{font-size:14px!important;letter-spacing:0!important;min-height:56px}.exit-package-card .store-card-add .btn-primary:after{content:none!important}.exit-package-card .product-title{font-weight:950}.exit-package-card:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#ffffff1c,transparent 42%,#ffffff04 58%,transparent);pointer-events:none;z-index:1}.exit-package-card:after{content:"";position:absolute;top:0;left:0;width:27%;height:48%;background:linear-gradient(145deg,#ffffff20,#ffffff06);clip-path:polygon(0 0,100% 0,0 100%);pointer-events:none;z-index:1}
.marquee-content .product-slide{width:380px;flex:0 0 380px;display:flex!important}.marquee-content .exit-package-card{width:100%;min-height:540px;box-sizing:border-box}.marquee-track{align-items:stretch}.marquee-content{flex-shrink:0}.marquee-content .card-content{flex:1}.marquee-content .product-title{min-height:52px}.marquee-container{overscroll-behavior-x:contain}.marquee-container:focus-within .marquee-track{animation-play-state:paused}
.store-catalog-controls{margin:0}.store-catalog-controls .search-box{min-width:0}.store-catalog-controls .search-icon.store-search-submit{border:0;background:transparent!important;padding:0;width:22px;height:24px;box-shadow:none!important;backdrop-filter:none!important;flex:none;cursor:pointer;color:#777382}.store-catalog-controls input{min-width:0}.store-sort{display:flex;align-items:center;gap:10px;flex:none;background:#0003;border:1px solid #ffffff05;border-radius:30px;padding:8px 18px}.store-sort label{font-size:12px;color:#ffffff50;white-space:nowrap;font-weight:700}.store-sort select{background:transparent;border:0;color:#fff;font:800 12px Inter,sans-serif;max-width:180px;cursor:pointer}.store-sort option{background:#111116;color:white}.store-catalog-controls .results-count{white-space:nowrap}.store-catalog-controls .results-count span{color:#ff4757}.store-catalog-controls .search-shortcut{font-family:inherit}.products-grid .store-pagination{grid-column:1/-1}
@media(max-width:767px){.store-catalog-controls{flex-wrap:wrap;border-radius:24px;padding:12px;gap:12px}.store-catalog-controls .search-box{flex:1 1 100%}.store-catalog-controls .controls-divider{display:none}.store-sort{flex:1;min-width:0}.store-sort select{max-width:165px}.store-catalog-controls .results-count{font-size:10px;padding-right:6px}.marquee-content .product-slide{width:300px;flex-basis:300px}.marquee-content .exit-package-card{min-height:495px}.exit-package-card .card-content{padding:20px 12px}.marquee-track,.marquee-content{gap:20px!important}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none!important}.marquee-container{overflow-x:auto}.card-shine{display:none}}

.marquee-track{gap:0!important}.marquee-content{padding-right:30px}.floating-controls{top:94px}.marquee-content img{user-select:none;-webkit-user-drag:none}@media(max-width:767px){.marquee-track{gap:0!important}.marquee-content{padding-right:20px}}

.marquee-container .marquee-track{gap:0!important;animation-duration:var(--store-marquee-duration,600s)!important}@media(max-width:767px){.exit-package-card{background:rgba(15,15,20,.86)!important}.marquee-content .product-slide{width:300px!important}}