.discounts-page .nav.container{height:214px!important}

.discounts-page .discount-subnav{
  position:absolute!important;
  top:193px!important;
  left:50%!important;
  display:flex!important;
  width:486px;
  max-width:calc(100% - 32px);
  align-items:center;
  justify-content:space-around;
  gap:0!important;
  margin:0!important;
  padding:29px 0 8px!important;
  transform:translateX(-50%)!important;
  border:0!important;
  border-top:2px solid #55565d!important;
  border-radius:0!important;
  background:transparent!important;
}

.discounts-page .discount-subnav::before{
  position:absolute;
  top:-25px;
  left:50%;
  width:2px;
  height:25px;
  background:#55565d;
  content:"";
}

.discounts-page .discount-subnav a{
  position:relative;
  flex:1;
  padding:6px 4px 10px!important;
  border-radius:0!important;
  color:#85858c!important;
  text-align:center;
  font-size: 9px !important;
  font-weight: 500;
  transition: all 0.3s ease;
}

.discounts-page .discount-subnav a::after{right:0!important;left:0!important}

.discounts-page .discount-subnav a::before{
  position:absolute;
  top:-30px;
  left:50%;
  width:2px;
  height:30px;
  background:#55565d;
  content:"";
}

.discounts-page .discount-subnav a.is-active{
  background:transparent!important;
  color:#fff!important;
  font-size: 14px !important;
  font-weight: 800;
}
.discounts-page .discount-subnav a::after{right:18px;bottom:-1px;left:18px}
.discounts-page .discount-subnav a.is-active::after{background:var(--theme-color)!important}


.discounts-page .live-deals .reserved-deal-slot{height:99px}

.discounts-page .live-deals{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}

.discounts-page .live-deals article{
  min-height:132px;
  grid-template-columns:68px minmax(0,1fr) auto 20px;
  gap:14px;
  padding:14px;
  transition:border-color .2s ease,transform .2s ease;
}

.discounts-page .live-deals article:hover{
  border-color:var(--theme-color);
  transform:translateY(-2px);
}

.discounts-page .live-deals article .mini-product{height:68px;font-size:40px}
.discounts-page .live-deals article .live-info h2{font-size:14px}
.discounts-page .live-deals article .price strong{font-size:16px}
.discounts-page .live-deals .reserved-deal-slot{height:132px}

@media(max-width:760px){
  .discounts-page .live-deals{grid-template-columns:1fr}
  .discounts-page .live-deals article{grid-template-columns:60px minmax(0,1fr) 22px;min-height:0}
  .discounts-page .live-deals article .mini-product{height:60px}
  .discounts-page .live-deals .reserved-deal-slot{display:none}
}

/* İndirim kanalı tarzı ürün kartları */
.discounts-page .live-deals{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.discounts-page .live-deals article{
  position:relative;
  display:block;
  min-height:326px;
  padding:12px;
  overflow:hidden;
  border:1px solid #37373d;
  border-radius:16px;
  background:#19191b;
  transform:none;
}
.discounts-page .live-deals article::before{
  position:absolute;
  z-index:1;
  top:13px;
  left:13px;
  padding:5px 9px;
  border-radius:999px;
  background:#3a2512;
  color:#ffad22;
  content:"↘ %34";
  font:800 11px Manrope,Arial,sans-serif;
}
.discounts-page .live-deals article::after{
  position:absolute;
  top:17px;
  right:14px;
  color:#c6c8ca;
  content:"şimdi";
  font:500 11px Manrope,Arial,sans-serif;
}
.discounts-page .live-deals article:nth-of-type(2)::before{background:#3c1f20;color:#ff7772;content:"↘ %26"}
.discounts-page .live-deals article:nth-of-type(3)::before{background:#3a2512;color:#ffad22;content:"↘ %35"}
.discounts-page .live-deals article:nth-of-type(4)::before{background:#3c1f20;color:#ff7772;content:"↘ %31"}
.discounts-page .live-deals article:nth-of-type(2)::after{content:"3 dk"}
.discounts-page .live-deals article:nth-of-type(3)::after{content:"8 dk"}
.discounts-page .live-deals article:nth-of-type(4)::after{content:"12 dk"}
.discounts-page .live-deals article .mini-product{
  width:100%;
  height:142px;
  margin:37px 0 13px;
  border-radius:12px;
  background:#d6d6d8;
  color:#1e2023;
  font-size:62px;
}
.discounts-page .live-deals article .live-info span{
  display:block;
  color:#e4c77e;
  font:700 11px Manrope,Arial,sans-serif;
}
.discounts-page .live-deals article .live-info span::before{content:"amazon  ";font-weight:800;color:#fff}
.discounts-page .live-deals article .live-info h2{
  overflow:hidden;
  margin:5px 0 3px;
  color:#f5f5f6;
  font-size:14px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.discounts-page .live-deals article .live-info p{display:none}
.discounts-page .live-deals article .price{display:flex;align-items:baseline;gap:6px;margin-top:7px;text-align:left}
.discounts-page .live-deals article .price strong{color:#2fc96b;font-size:15px}.discounts-page .live-deals article .price small{order:2;color:#909399}.discounts-page .live-deals article .price b{display:none}
.discounts-page .live-deals article>a{position:absolute;right:12px;bottom:12px;display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#29292c;color:#d8d8da;font-size:23px}
.discounts-page .live-deals article:hover{border-color:#5a5a62;transform:translateY(-3px)}
.discounts-page .live-deals .reserved-deal-slot{height:326px}

@media(max-width:900px){.discounts-page .live-deals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.discounts-page .live-deals{grid-template-columns:1fr}.discounts-page .live-deals article{min-height:310px}.discounts-page .live-deals .reserved-deal-slot{display:none}}

/* BuFırsat'a özgü: fırsat bileti kartları */
.discounts-page .live-deals{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.discounts-page .live-deals article{
  display:grid;
  grid-template-columns:104px minmax(0,1fr);
  grid-template-rows:auto 1fr auto;
  min-height:178px;
  padding:0;
  border:1px solid #383840;
  border-radius:9px;
  background:linear-gradient(135deg,#202026,#17171b 70%);
}
.discounts-page .live-deals article::before{
  top:12px;
  left:118px;
  padding:3px 7px;
  border-radius:3px;
  background:transparent;
  color:#fb5c59;
  content:"FIRSAT  %34";
  font:800 10px Manrope,Arial,sans-serif;
  letter-spacing:.3px;
}
.discounts-page .live-deals article::after{
  top:13px;
  right:16px;
  color:#818188;
  font:700 10px 'DM Mono',monospace;
}
.discounts-page .live-deals article:nth-of-type(2)::before{background:transparent;color:#e6ad48;content:"FIRSAT  %26"}
.discounts-page .live-deals article:nth-of-type(3)::before{background:transparent;color:#e6ad48;content:"FIRSAT  %35"}
.discounts-page .live-deals article:nth-of-type(4)::before{background:transparent;color:#fb5c59;content:"FIRSAT  %31"}
.discounts-page .live-deals article .mini-product{
  grid-column:1;
  grid-row:1 / 4;
  width:auto;
  height:auto;
  min-height:176px;
  margin:0;
  border-radius:8px 0 0 8px;
  background:linear-gradient(145deg,#243d51,#1c738b);
  color:#f6fbfd;
  font-size:48px;
}
.discounts-page .live-deals article:nth-of-type(2) .mini-product{background:linear-gradient(145deg,#563650,#9e5164)}
.discounts-page .live-deals article:nth-of-type(3) .mini-product{background:linear-gradient(145deg,#3c4c35,#719e57)}
.discounts-page .live-deals article:nth-of-type(4) .mini-product{background:linear-gradient(145deg,#4a3b67,#8259a7)}
.discounts-page .live-deals article .live-info{grid-column:2;grid-row:2;align-self:center;padding:20px 54px 7px 14px}
.discounts-page .live-deals article .live-info span{color:#aeb6c0;font-size:10px}.discounts-page .live-deals article .live-info span::before{content:"AMAZON · ";color:#f0b13c}
.discounts-page .live-deals article .live-info h2{white-space:normal;margin:4px 0 0;font-size:15px;line-height:1.3}
.discounts-page .live-deals article .price{grid-column:2;grid-row:3;align-self:end;margin:0;padding:10px 54px 12px 14px;border-top:1px dashed #393940}
.discounts-page .live-deals article .price strong{color:#fff;font-size:17px}.discounts-page .live-deals article .price small{color:#7c7d83}.discounts-page .live-deals article>a{right:13px;bottom:13px;width:31px;height:31px;border-radius:50%;background:var(--theme-color);color:#fff;font-size:18px}
.discounts-page .live-deals .reserved-deal-slot{height:178px}

@media(max-width:760px){
  .discounts-page .live-deals{grid-template-columns:1fr}
  .discounts-page .live-deals article{min-height:164px}
  .discounts-page .live-deals article .mini-product{min-height:162px}
  .discounts-page .live-deals .reserved-deal-slot{display:none}
}

/* Geniş ekranda dört fırsat kartı */
.discounts-page .live-deals{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.discounts-page .live-deals{margin-top:82px}
.discounts-page .discount-subnav{z-index:6}
.discounts-page .live-deals .reserved-deal-slot{display:none}
.discounts-page .live-deals article{grid-template-columns:72px minmax(0,1fr);min-height:154px}
.discounts-page .live-deals article .mini-product{min-height:152px;font-size:38px}
.discounts-page .live-deals article::before{top:10px;left:84px;font-size:9px}.discounts-page .live-deals article::after{top:11px;right:10px;font-size:9px}
.discounts-page .live-deals article .live-info{padding:18px 37px 5px 11px}.discounts-page .live-deals article .live-info h2{font-size:13px;line-height:1.25}.discounts-page .live-deals article .live-info span{font-size:9px}.discounts-page .live-deals article .price{padding:8px 37px 10px 11px}.discounts-page .live-deals article .price strong{font-size:15px}.discounts-page .live-deals article>a{right:9px;bottom:10px;width:27px;height:27px;font-size:15px}

@media(max-width:1100px){.discounts-page .live-deals{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.discounts-page .live-deals{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:68px}}
@media(max-width:520px){.discounts-page .live-deals{grid-template-columns:1fr}}

/* Beşli görünüm */
.discounts-page main.discounts.container{width:calc(100% - 64px);max-width:none}
.discounts-page .live-deals{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.discounts-page .live-deals article{grid-template-columns:60px minmax(0,1fr);min-height:142px}
.discounts-page .live-deals article .mini-product{min-height:140px;font-size:32px}.discounts-page .live-deals article::before{left:70px;font-size:8px}.discounts-page .live-deals article::after{right:8px;font-size:8px}.discounts-page .live-deals article .live-info{padding:16px 30px 4px 9px}.discounts-page .live-deals article .live-info h2{font-size:12px}.discounts-page .live-deals article .live-info span{font-size:8px}.discounts-page .live-deals article .price{padding:7px 30px 8px 9px}.discounts-page .live-deals article .price strong{font-size:14px}.discounts-page .live-deals article>a{right:8px;bottom:8px;width:25px;height:25px;font-size:14px}.discounts-page .live-deals .reserved-deal-slot{height:142px}
@media(max-width:1100px){.discounts-page .live-deals{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.discounts-page .live-deals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.discounts-page .live-deals{grid-template-columns:1fr}}
@media(max-width:760px){.discounts-page main.discounts.container{width:calc(100% - 32px)}}

/* Kare ürün görseli: kartın sol alanını tamamen kaplar */
.discounts-page .live-deals article{grid-template-columns:142px minmax(0,1fr)}
.discounts-page .live-deals article .mini-product{
  align-self:stretch;
  justify-self:stretch;
  width:100%;
  height:140px;
  min-height:140px;
  border-radius:8px 0 0 8px;
}
.discounts-page .live-deals article::before{left:153px}
.discounts-page .live-deals article .live-info{padding-left:8px}
.discounts-page .live-deals article .price{padding-left:8px}

/* Fiyat bilgi alanında, satın alma butonu alt şeritte */
.discounts-page .live-deals article{grid-template-columns:142px minmax(0,1fr);min-height:142px}
.discounts-page .live-deals article .mini-product{height:140px;min-height:140px}
.discounts-page .live-deals article::before{left:153px}
.discounts-page .live-deals article .live-info{padding:13px 10px 41px 8px}
.discounts-page .live-deals article .live-info .price{display:flex;align-items:baseline;gap:5px;margin:9px 0 0;padding:0;border:0;text-align:left}
.discounts-page .live-deals article .live-info .price strong{font-size:16px;color:#fff}.discounts-page .live-deals article .live-info .price small{color:#85858c}.discounts-page .live-deals article>a{right:0;bottom:0;left:142px;display:flex;width:auto;height:34px;justify-content:center;border-radius:0 0 8px 0;background:var(--theme-color);color:#fff;font:800 11px Manrope,Arial,sans-serif;text-decoration:none}

.discounts-page .live-deals article>a{left:150px;right:8px;bottom:5px;height:27px;border-radius:8px;font-size:10px}

/* Her ürün görseli üzerinde eğik BuFırsat damgası */
.discounts-page .live-deals article .mini-product{position:relative;overflow:hidden}
.discounts-page .live-deals article .mini-product::after{position:absolute;inset:-15%;background:url('bufirsat-logo-dark.png') center/68% auto no-repeat;opacity:.18;transform:rotate(-45deg);content:"";pointer-events:none}

.discounts-page .discount-subnav::before,.discounts-page .discount-subnav a::before{transform:translateX(-50%)}
.discounts-page .discount-subnav a::before{top:-29px;height:29px}

@media(max-width:650px){
  .discounts-page .discount-subnav{padding:0 4px!important}
  .discounts-page .discount-subnav a{padding:9px 10px 11px!important;font-size:8px!important}
  .discounts-page .discount-subnav a.is-active{font-size:12px!important}
  .discounts-page .discount-subnav a::after{right:10px;left:10px}
}

/* 5 Sütun için Dikey (Stacked) Görünüm ve Buton Stili (En Altta Olmalı) */
.discounts-page main.discounts.container {
  width: calc(100% - 64px);
  max-width: none;
}
.discounts-page .live-deals {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 15px;
}

.discounts-page .live-deals article {
  display: flex !important;
  flex-direction: column !important;
  padding: 12px !important;
  min-height: auto !important;
}

.discounts-page .live-deals article .mini-product {
  width: 100% !important;
  height: 160px !important;
  min-height: 160px !important;
  margin: 0 !important;
  border-radius: 8px !important;
}

.discounts-page .live-deals article::before {
  top: 20px !important;
  left: 20px !important;
  font-size: 10px !important;
}

.discounts-page .live-deals article::after {
  display: none !important;
}

.discounts-page .live-deals article .live-info {
  padding: 15px 0 0 0 !important;
}

.discounts-page .live-deals article .live-info h2 {
  font-size: 13px !important;
  margin: 5px 0 !important;
}

.discounts-page .live-deals article .price {
  padding: 5px 0 15px 0 !important;
}

.discounts-page .live-deals article .live-info .price {
  margin: 0 !important;
}

.discounts-page .live-deals article>a {
  position: static !important;
  width: 100% !important;
  height: 38px !important;
  border-radius: 8px !important;
  background: #ea4335 !important;
  color: #fff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.2s ease-in-out !important;
  margin-top: auto !important;
}

.discounts-page .live-deals article>a:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 5px 15px rgba(234, 67, 53, 0.4) !important;
  filter: brightness(1.1) !important;
}

/* Temiz ürün vitrini: kanal ekran görüntüsü görünümü yerine ürün odaklı kartlar. */
.discounts-page .live-deals {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
}
.discounts-page .live-deals article {
  min-height: 300px !important;
  padding: 12px !important;
  border-color: #34343a;
  border-radius: 14px;
  background: #19191b;
}
.discounts-page .live-deals article .mini-product,
.discounts-page .live-deals article .mini-product.has-image {
  height: 132px !important;
  min-height: 132px !important;
  padding: 10px !important;
  border-radius: 12px !important;
  background: #d2d2d4 !important;
}
.discounts-page .live-deals article .mini-product::after {
  display: none !important;
  content: none !important;
}
.discounts-page .live-deals article .mini-product img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
  mix-blend-mode: multiply;
  filter: drop-shadow(0 8px 8px rgba(0,0,0,.16));
}
.discounts-page .live-deals article .live-info {
  padding: 12px 0 0 !important;
}
.discounts-page .live-deals article .live-info h2 {
  display: -webkit-box;
  min-height: 35px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}
.discounts-page .live-deals article .price { padding: 7px 0 12px !important; }
@media (max-width: 1500px) { .discounts-page .live-deals { grid-template-columns: repeat(5, minmax(0, 1fr)); } }
@media (max-width: 1100px) { .discounts-page .live-deals { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 760px) { .discounts-page .live-deals { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

@media(max-width:1100px) {
  .discounts-page .live-deals { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media(max-width:760px) {
  .discounts-page .live-deals { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .discounts-page main.discounts.container { width: calc(100% - 32px); }
}
@media(max-width:520px) {
  .discounts-page .live-deals { grid-template-columns: 1fr; }
}

/* Slider CSS */
.page-search-box {
  width: 100%;
  max-width: 600px;
  margin: 70px auto 0px auto;
  position: relative;
  z-index: 10;
  display: flex;
}
.page-search-box label {
  display: flex;
  align-items: center;
  position: relative;
  background: #1c1c21;
  border: 1px solid #34343c;
  border-radius: 999px;
  padding: 12px 20px;
  transition: all 0.2s ease;
  cursor: text;
}
@keyframes border-pulse {
  0% { border-color: rgba(255, 51, 51, 1); box-shadow: 0 0 0 2px rgba(255, 51, 51, 0.2); }
  50% { border-color: rgba(255, 51, 51, 0.3); box-shadow: 0 0 0 2px rgba(255, 51, 51, 0.0); }
  100% { border-color: rgba(255, 51, 51, 1); box-shadow: 0 0 0 2px rgba(255, 51, 51, 0.2); }
}
.page-search-box label:hover {
  border-color: #ff3333;
}
.page-search-box label:focus-within {
  animation: border-pulse 1.5s infinite;
}
.page-search-box .search-icon {
  display: inline-block;
  margin-right: 12px;
  width: 20px;
  height: 20px;
  min-width: 20px;
  color: #aeb4ae;
  transition: color 0.2s ease;
}
.page-search-box label:focus-within .search-icon {
  color: #fff;
}
.page-search-box input {
  flex: 1;
  background: transparent;
  border: 0;
  outline: 0;
  color: #fff;
  font: 600 14px Manrope, Arial, sans-serif;
}
.page-search-box input::placeholder {
  color: #85858c;
}

/* Hide default cancel button in Webkit browsers */
.page-search-box input[type="search"]::-webkit-search-cancel-button,
.page-search-box input[type="search"]::-webkit-search-decoration,
.page-search-box input[type="search"]::-webkit-search-results-button,
.page-search-box input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

.tabs-slider-container {
  overflow: hidden;
  width: 100%;
  position: relative;
  margin-top: 15px;
}
.tabs-slider-track {
  display: flex;
  width: 300%;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1);
  will-change: transform;
}
.tab-panel {
  width: 33.3333%;
  flex: 0 0 33.3333%;
  padding-bottom: 20px;
}
