/* =========================
   CAMERA BUTTON EFFECTS
   AHD + IP sayfaları için hero tarzı premium buton efekti
   Header/footer componentlerini etkilemez.
========================= */

/* AHD filtre butonları + IP kategori butonları */
.page-content .filter-btn,
.page-ip .subcategory-btn,
.products-page .product-cat{
  position:relative !important;
  overflow:hidden !important;
  border:2px solid rgba(255,255,255,.88) !important;
  background:rgba(255,255,255,.015) !important;
  color:#fff !important;
  cursor:pointer !important;
  font-family:'Rajdhani',sans-serif !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  isolation:isolate !important;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease !important;
}

.page-content .filter-btn::before,
.page-ip .subcategory-btn::before,
.products-page .product-cat::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(105deg, transparent 0%, transparent 28%, rgba(255,255,255,.22) 42%, rgba(255,30,36,.18) 50%, transparent 64%, transparent 100%);
  transform:translateX(-140%);
  transition:transform .55s ease;
  z-index:-1;
}

.page-content .filter-btn::after,
.page-ip .subcategory-btn::after,
.products-page .product-cat::after{
  content:"";
  position:absolute;
  left:9px;
  right:9px;
  bottom:6px;
  height:2px;
  background:linear-gradient(90deg, transparent, #ff1e24 24%, #fff 50%, #ff1e24 76%, transparent);
  transform:scaleX(.18);
  transform-origin:center;
  opacity:.9;
  transition:transform .22s ease, opacity .22s ease, box-shadow .22s ease;
  box-shadow:0 0 10px rgba(255,30,36,.20);
  z-index:0;
}

.page-content .filter-btn:hover,
.page-ip .subcategory-btn:hover,
.products-page .product-cat:hover{
  transform:translateY(-2px) !important;
  border-color:#fff !important;
  background:rgba(255,255,255,.045) !important;
  box-shadow:0 14px 30px rgba(255,30,36,.16), 0 0 22px rgba(255,30,36,.12), inset 0 0 0 1px rgba(255,255,255,.09) !important;
}

.page-content .filter-btn:hover::before,
.page-ip .subcategory-btn:hover::before,
.products-page .product-cat:hover::before{
  transform:translateX(140%);
}

.page-content .filter-btn:hover::after,
.page-ip .subcategory-btn:hover::after,
.products-page .product-cat:hover::after{
  transform:scaleX(1);
  opacity:1;
  box-shadow:0 0 16px rgba(255,30,36,.35),0 0 30px rgba(255,30,36,.20);
}

.page-content .filter-btn.active,
.page-ip .subcategory-btn.active,
.products-page .product-cat.active{
  border-color:#ff1e24 !important;
  background:rgba(255,30,36,.10) !important;
  box-shadow:0 0 0 1px rgba(255,30,36,.35),0 0 18px rgba(255,30,36,.22),inset 0 0 18px rgba(255,30,36,.08) !important;
}

/* AHD/IP Sepete Ekle butonları */
.page-content .cart-btn,
.page-ip .ip-content .btn,
.products-page .add-cart{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-height:48px !important;
  background:#ff1e24 !important;
  color:#fff !important;
  border:0 !important;
  font-family:'Rajdhani',sans-serif !important;
  font-size:15px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  cursor:pointer !important;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease !important;
  box-shadow:0 10px 25px rgba(255,30,36,.20) !important;
}

.page-content .cart-btn::before,
.page-ip .ip-content .btn::before,
.products-page .add-cart::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent, rgba(255,255,255,.34), transparent);
  transform:translateX(-140%);
  transition:transform .5s ease;
  z-index:-1;
}

.page-content .cart-btn:hover,
.page-ip .ip-content .btn:hover,
.products-page .add-cart:hover{
  transform:translateY(-2px) !important;
  background:#ff1e24 !important;
  box-shadow:0 16px 34px rgba(255,30,36,.32),0 0 18px rgba(255,30,36,.22) !important;
}

.page-content .cart-btn:hover::before,
.page-ip .ip-content .btn:hover::before,
.products-page .add-cart:hover::before{
  transform:translateX(140%);
}


/* Ürünler sayfası kategori ve sepete ekle butonları */
.products-page .product-cat{
  min-height:44px !important;
  padding:10px 16px !important;
}
.products-page .add-cart{
  min-width:132px !important;
  height:42px !important;
  width:auto !important;
}
@media(max-width:600px){
  .products-page .add-cart{width:100% !important;}
}

/* =========================
   PRODUCT SUB BUTTON FINAL
   Ürünler sayfası Kamera altı AHD/IP linkleri
========================= */
.products-page .category-btn-wrap{
  position:relative !important;
  display:inline-block !important;
  padding-bottom:14px !important;
}

.products-page .camera-sub{
  display:none !important;
  position:absolute !important;
  top:calc(100% - 1px) !important;
  left:0 !important;
  min-width:210px !important;
  padding:12px !important;
  background:#071423 !important;
  border:1px solid rgba(255,255,255,.14) !important;
  z-index:9999 !important;
  flex-direction:column !important;
  gap:12px !important;
  box-shadow:0 18px 40px rgba(0,0,0,.35) !important;
}

.products-page .category-btn-wrap:hover .camera-sub,
.products-page .category-btn-wrap:focus-within .camera-sub{
  display:flex !important;
}

.products-page .camera-sub .product-sub-btn{
  width:100% !important;
  min-width:180px !important;
}

.products-page .product-sub-btn{
  position:relative !important;
  overflow:hidden !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:180px !important;
  height:52px !important;
  padding:0 22px !important;
  border:2px solid rgba(255,255,255,.88) !important;
  background:rgba(255,255,255,.02) !important;
  color:#fff !important;
  font-family:'Rajdhani',sans-serif !important;
  font-weight:800 !important;
  letter-spacing:.04em !important;
  text-transform:uppercase !important;
  isolation:isolate !important;
  transition:transform .22s ease, box-shadow .22s ease, background .22s ease, border-color .22s ease !important;
}

.products-page .product-sub-btn::before{
  content:"";
  position:absolute;
  inset:-1px;
  background:linear-gradient(105deg, transparent 0%, transparent 28%, rgba(255,255,255,.25) 42%, rgba(255,30,36,.25) 50%, transparent 64%, transparent 100%);
  transform:translateX(-140%);
  transition:transform .55s ease;
  z-index:0;
}

.products-page .product-sub-btn::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  bottom:6px;
  height:2px;
  background:linear-gradient(90deg, transparent, #ff1e24 24%, #fff 50%, #ff1e24 76%, transparent);
  transform:scaleX(.2);
  transform-origin:center;
  opacity:.9;
  transition:transform .22s ease, opacity .22s ease, box-shadow .22s ease;
  box-shadow:0 0 10px rgba(255,30,36,.20);
  z-index:0;
}

.products-page .product-sub-btn:hover{
  transform:translateY(-2px) !important;
  border-color:#fff !important;
  background:rgba(255,255,255,.05) !important;
  box-shadow:0 14px 30px rgba(255,30,36,.16),0 0 22px rgba(255,30,36,.12),inset 0 0 0 1px rgba(255,255,255,.09) !important;
}

.products-page .product-sub-btn:hover::before{
  transform:translateX(140%);
}

.products-page .product-sub-btn:hover::after{
  transform:scaleX(1);
  opacity:1;
  box-shadow:0 0 16px rgba(255,30,36,.35),0 0 30px rgba(255,30,36,.20);
}

.products-page .product-sub-btn span{
  position:relative;
  z-index:1;
}

@media(max-width:600px){
  .products-page .product-sub-btn{
    width:100% !important;
    min-width:0 !important;
  }
}
   /* =========================
   PREMIUM CARD UPGRADE
========================= */

.products-page .card{
  background:linear-gradient(
    180deg,
    rgba(255,255,255,.05),
    rgba(255,255,255,.015)
  ) !important;

  backdrop-filter:blur(10px) !important;

  border:1px solid rgba(255,255,255,.08) !important;

  box-shadow:
    0 10px 30px rgba(0,0,0,.25),
    inset 0 0 0 1px rgba(255,255,255,.03);

  transition:
    transform .3s ease,
    box-shadow .3s ease,
    border-color .3s ease;
}

/* hover efekti */
.products-page .card:hover{
  transform:translateY(-6px);

  box-shadow:
    0 20px 50px rgba(0,0,0,.35),
    0 0 25px rgba(255,30,36,.15);

  border-color:rgba(255,30,36,.35);
}
.recorder-sub{
  min-width:220px;
}