/* =====================================================================
   TRENDY · PREMIUM KATMANI — style.css'ten SONRA yüklenir.
   Trendy'nin turuncu kimliği ve yerleşimi korunur; yalnız üzerine yazılır.
   ===================================================================== */
:root{
  --tp-ease:cubic-bezier(.22,1,.36,1);
  --tp-ring:0 0 0 1px rgba(20,20,30,.07);
  --tp-sh-1:0 1px 2px rgba(20,20,30,.05), 0 10px 24px -18px rgba(20,20,40,.35);
  --tp-sh-2:0 2px 6px rgba(20,20,30,.05), 0 30px 60px -36px rgba(20,20,40,.45);
  --tp-ok:#0F8A5F; --tp-ok-soft:#E6F6EF;
  --tp-orange:var(--primary-orange, #ff6000); --tp-orange-soft:#FFF1E8;
}
body{ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; text-rendering:optimizeLegibility; }

/* ---------- üst şerit + başlık ---------- */
.top-banner{ font-size:12.5px; letter-spacing:.01em; }
.top-banner-text{ color:#fff; font-weight:600; }
.top-banner .top-links a{ opacity:.9; transition:opacity .2s; text-decoration:none; }
.top-banner .top-links a:hover{ opacity:1; }
.header-main{ box-shadow:0 1px 0 rgba(20,20,30,.06); }
.header-main .search-input, .mobile-search .search-input{ border-radius:999px 0 0 999px !important; background:#F5F5F7; border-color:transparent !important; transition:background .2s, box-shadow .2s; }
.header-main .search-input:focus, .mobile-search .search-input:focus{ background:#fff; box-shadow:0 0 0 3px var(--tp-orange-soft), inset 0 0 0 1.5px var(--tp-orange) !important; }
.header-main .search-btn, .mobile-search .search-btn{ border-radius:0 999px 999px 0 !important; }
.user-btn, .cart-btn{ border-radius:12px; transition:background .2s, color .2s; }
.user-btn:hover, .cart-btn:hover{ background:var(--tp-orange-soft); }
.main-nav .nav-link{ border-radius:10px; transition:background .2s, color .2s; }
.main-nav .nav-link:hover{ background:var(--tp-orange-soft); color:var(--tp-orange); }
.breadcrumb-section .breadcrumb{ font-size:12.5px; }
.breadcrumb-section .breadcrumb-item a{ color:#6E6E73; text-decoration:none; }
.breadcrumb-section .breadcrumb-item a:hover{ color:var(--tp-orange); }

/* ---------- hikâyeler (artık bağlantı) ---------- */
a.category-icon{ color:inherit; text-decoration:none; }
a.category-icon:hover{ color:var(--tp-orange); }
.category-icon img{ transition:transform .35s var(--tp-ease), box-shadow .35s; }
a.category-icon:hover img{ transform:scale(1.05); }

/* ---------- ürün kartları ---------- */
.product-card, .flash-card{ border-radius:16px !important; transition:transform .3s var(--tp-ease), box-shadow .3s var(--tp-ease), border-color .3s; }
.product-card:hover, .flash-card:hover{ transform:translateY(-3px); box-shadow:var(--tp-sh-2); border-color:transparent; }
.product-card .product-image{ overflow:hidden; border-radius:14px 14px 0 0; }
.product-card .product-image img{ transition:transform .7s var(--tp-ease); }
.product-card:hover .product-image img{ transform:scale(1.05); }
.product-card .product-price, .flash-card .product-price{ font-weight:800; letter-spacing:-.01em; }

/* ---------- ürün sayfası ---------- */
.single-product-page .main-image{ border-radius:20px; overflow:hidden; box-shadow:var(--tp-ring); }
.single-product-page .main-image img{ transition:transform .5s var(--tp-ease); }
.single-product-page .thumbnail{ border-radius:12px; transition:box-shadow .2s, transform .2s, opacity .2s; }
.single-product-page .thumbnail:hover{ transform:translateY(-2px); }
.single-product-page .thumbnail.active{ box-shadow:0 0 0 2px var(--tp-orange); }
.single-product-page .product-title{ letter-spacing:-.02em; }
.tp-sku{ font-size:12.5px; color:#6E6E73; margin-top:4px; }
.tp-sku span{ color:#3A3A3C; font-weight:600; font-variant-numeric:tabular-nums; }
.price-section .price-main{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; }
.price-section .current-price{ font-size:30px; font-weight:800; letter-spacing:-.03em; }
.tp-old-price{ font-size:15px; color:#9A9AA0; text-decoration:line-through; }
.tp-discount{ font-size:12.5px; font-weight:800; color:#fff; background:var(--tp-orange); padding:4px 9px; border-radius:999px; }
.tp-save{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:700; color:var(--tp-ok); background:var(--tp-ok-soft); padding:5px 11px; border-radius:999px; }
.tp-vat{ font-size:12px; color:#86868B; margin-top:2px; }
.installment-info{ border-radius:12px; }
.tp-promo{ display:flex; align-items:center; gap:14px; margin:14px 0 4px; padding:14px 16px; border-radius:16px; background:linear-gradient(135deg, var(--tp-orange-soft), #fff 72%); box-shadow:inset 0 0 0 1px rgba(255,96,0,.22); }
.tp-promo-ic{ width:42px; height:42px; flex-shrink:0; border-radius:12px; display:grid; place-items:center; color:#fff; font-size:18px; background:var(--tp-orange); box-shadow:0 8px 18px -10px var(--tp-orange); }
.tp-promo-tx{ flex:1; min-width:0; }
.tp-promo-tx > b{ display:block; font-size:14.5px; }
.tp-promo-tx span{ font-size:12.5px; color:#3A3A3C; line-height:1.5; }
.tp-promo-btn{ flex-shrink:0; border:0; height:38px; padding:0 14px; border-radius:10px; font-size:12.5px; font-weight:700; color:#fff; background:#1D1D1F; transition:background .2s; }
.tp-promo-btn:hover, .tp-promo-btn.done{ background:var(--tp-orange); }
.tp-try-btn{ width:100%; display:flex; align-items:center; gap:12px; padding:12px 16px; border:0; border-radius:16px; text-align:left; color:#fff; background:radial-gradient(120% 160% at 100% 0%, #3A3A40 0%, #1D1D1F 60%); box-shadow:0 18px 34px -22px rgba(0,0,0,.7); transition:transform .2s; }
.tp-try-btn:hover{ transform:translateY(-2px); }
.tp-try-ic{ width:40px; height:40px; flex-shrink:0; border-radius:12px; display:grid; place-items:center; font-size:18px; background:rgba(255,255,255,.12); }
.tp-try-btn b{ display:block; font-size:14.5px; }
.tp-try-btn small{ display:block; font-size:12px; color:rgba(255,255,255,.7); }
.tp-eta{ display:flex; align-items:center; gap:8px; font-size:13px; color:#3A3A3C; padding:10px 12px; border-radius:12px; background:#F5F5F7; }
.tp-eta i{ color:var(--tp-orange); }
.add-to-cart-section .add-to-cart-btn{ border-radius:14px !important; font-size:15.5px; letter-spacing:-.01em; box-shadow:0 14px 28px -18px var(--tp-orange); transition:transform .15s, box-shadow .2s; }
.add-to-cart-section .add-to-cart-btn:hover{ box-shadow:0 18px 32px -16px var(--tp-orange); }
.add-to-cart-section .add-to-cart-btn:active{ transform:scale(.985); }
.tp-btn-total{ font-weight:600; opacity:.9; margin-left:2px; font-variant-numeric:tabular-nums; }
.add-to-cart-section .border.rounded{ border-radius:14px !important; }
.color-option, .size-option{ transition:box-shadow .2s, transform .2s, border-color .2s; }
.size-option{ border-radius:10px !important; font-weight:600; }
.color-option:hover{ transform:scale(1.06); }
.size-option.active{ border-color:var(--tp-orange) !important; box-shadow:0 0 0 3px var(--tp-orange-soft); color:var(--tp-orange); }
[data-variant-widget] .tp-oos{ position:relative; opacity:.5; }
[data-variant-widget] .tp-oos::after{ content:""; position:absolute; left:10%; right:10%; top:50%; height:1.5px; background:currentColor; transform:rotate(-18deg); pointer-events:none; }
.product-highlights, .product-stats, .coupon-banner, .delivery-info, .payment-options, .coupon-section{ border-radius:16px !important; }
.highlight-item, .stat-item, .delivery-item, .payment-item{ border-radius:12px; }
.coupon-banner{ box-shadow:inset 0 0 0 1px rgba(255,96,0,.2); }
.reviews-section .review-item, .reviews-section .review-card{ border-radius:16px; box-shadow:var(--tp-ring); }

/* tam ekran galeri */
.tp-lightbox{ position:fixed; inset:0; z-index:3000; display:none; align-items:center; justify-content:center; background:rgba(15,15,18,.92); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); }
.tp-lightbox.on{ display:flex; animation:tpFade .25s ease; }
.tp-lightbox img{ max-width:min(92vw,1100px); max-height:84vh; object-fit:contain; border-radius:16px; background:#fff; }
.tp-lb-close, .tp-lb-nav{ position:absolute; border:0; width:48px; height:48px; border-radius:50%; display:grid; place-items:center; background:rgba(255,255,255,.12); color:#fff; font-size:20px; transition:background .2s; }
.tp-lb-close:hover, .tp-lb-nav:hover{ background:rgba(255,255,255,.24); }
.tp-lb-close{ top:18px; right:18px; } .tp-lb-nav.prev{ left:18px; } .tp-lb-nav.next{ right:18px; }
.tp-lightbox.single .tp-lb-nav{ display:none; }
.tp-lb-count{ position:absolute; bottom:20px; left:50%; transform:translateX(-50%); color:#fff; font-size:13px; font-weight:600; padding:6px 12px; border-radius:999px; background:rgba(255,255,255,.12); }
@keyframes tpFade{ from{ opacity:0; } }
.tp-modal{ border:0; border-radius:20px; box-shadow:0 40px 90px -30px rgba(0,0,0,.45); }
.tp-modal .modal-title{ font-weight:700; display:flex; align-items:center; gap:8px; }
.tp-muted{ font-size:14px; color:#3A3A3C; }
.tp-msg{ font-size:13px; margin-top:10px; } .tp-msg.ok{ color:var(--tp-ok); } .tp-msg.err{ color:#C81E1E; }

/* ---------- PREMIUM ALTBİLGİ ---------- */
.footer.tf{ background:#FAFAFB; border-top:0; padding:0; margin-top:48px; color:#3A3A3C; }
.tf a{ color:#3A3A3C; text-decoration:none; transition:color .2s; }
.tf a:hover{ color:var(--tp-orange); }
.tf-trust{ background:#fff; border-top:1px solid rgba(20,20,30,.06); border-bottom:1px solid rgba(20,20,30,.06); padding:18px 0; }
.tf-trust-grid{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.tf-trust-item{ display:flex; align-items:center; gap:12px; padding:12px 14px; border-radius:16px; background:#FAFAFB; box-shadow:var(--tp-ring); }
.tf-trust-ic{ width:44px; height:44px; flex-shrink:0; border-radius:14px; display:grid; place-items:center; font-size:20px; color:var(--tp-orange); background:var(--tp-orange-soft); }
.tf-trust-item b{ display:block; font-size:14px; color:#1D1D1F; }
.tf-trust-item small{ display:block; font-size:12.5px; color:#6E6E73; }
.tf-main{ display:grid; grid-template-columns:1.6fr repeat(4, minmax(0,1fr)); gap:28px; padding:40px 0 30px; }
.tf-logo{ display:inline-flex; align-items:center; font-size:22px; font-weight:800; letter-spacing:-.03em; color:#1D1D1F !important; margin-bottom:12px; }
.tf-logo img{ max-height:38px; width:auto; }
.tf-brand p{ font-size:13.5px; line-height:1.7; color:#6E6E73; max-width:360px; margin:0 0 14px; }
.tf-contact{ display:flex; flex-direction:column; gap:8px; margin-bottom:14px; max-width:320px; }
.tf-contact a{ display:flex; align-items:center; gap:10px; padding:10px 12px; border-radius:14px; background:#fff; box-shadow:var(--tp-ring); font-size:13.5px; font-weight:600; color:#1D1D1F; }
.tf-contact i{ font-size:17px; color:var(--tp-orange); }
.tf-contact small{ display:block; font-size:11px; font-weight:500; color:#86868B; }
.tf-social{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.tf-social a{ width:40px; height:40px; border-radius:50%; display:grid; place-items:center; font-size:16px; color:#1D1D1F; background:#fff; box-shadow:var(--tp-ring); transition:background .2s, color .2s, transform .2s; }
.tf-social a:hover{ background:var(--tp-orange); color:#fff; transform:translateY(-2px); }
.tf-apps{ display:flex; gap:8px; flex-wrap:wrap; }
.tf-apps a{ display:inline-flex; align-items:center; gap:10px; padding:8px 14px; border-radius:12px; background:#1D1D1F; color:#fff !important; font-size:14px; font-weight:700; }
.tf-apps a:hover{ background:#000; }
.tf-apps i{ font-size:20px; }
.tf-apps small{ display:block; font-size:10px; font-weight:500; opacity:.75; }
.tf-col h5{ font-size:13px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#1D1D1F; margin-bottom:14px; }
.tf-col ul{ list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px; }
.tf-col ul a{ font-size:13.5px; color:#6E6E73; display:inline-block; transition:color .2s, transform .2s; }
.tf-col ul a:hover{ color:var(--tp-orange); transform:translateX(3px); }
.tf-bottom{ display:flex; justify-content:space-between; align-items:center; gap:14px; flex-wrap:wrap; padding:18px 0 22px; border-top:1px solid rgba(20,20,30,.08); font-size:12.5px; color:#6E6E73; }
.tf-brandline{ color:#9A9AA0; }
.tf-pay{ display:flex; gap:6px; flex-wrap:wrap; }
.tf-pay span{ font-size:11px; font-weight:800; letter-spacing:.03em; padding:6px 10px; border-radius:8px; background:#fff; box-shadow:var(--tp-ring); color:#3A3A3C; }
.tf-pay .tf-ssl{ color:var(--tp-ok); }
.tf-legal{ display:flex; gap:16px; }
.tf-legal a{ font-size:12.5px; color:#6E6E73; }
@media (max-width:1199px){ .tf-main{ grid-template-columns:1fr 1fr 1fr; } .tf-brand{ grid-column:1 / -1; } }
@media (max-width:991px){ .tf-trust-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:767px){
  .tf-main{ grid-template-columns:1fr 1fr; gap:22px; padding:28px 0 20px; }
  .tf-trust-item{ padding:10px; gap:10px; } .tf-trust-ic{ width:38px; height:38px; font-size:17px; border-radius:12px; }
  .tf-trust-item b{ font-size:13px; } .tf-trust-item small{ font-size:11.5px; }
  .tf-bottom{ flex-direction:column; align-items:flex-start; padding-bottom:90px; }
  .price-section .current-price{ font-size:26px; }
  .tp-promo{ flex-wrap:wrap; } .tp-promo-btn{ width:100%; }
  .tp-lb-nav{ display:none; } .tp-lightbox img{ border-radius:0; max-width:100vw; }
}
@media (prefers-reduced-motion: reduce){ .product-card, .flash-card, .product-card .product-image img, .category-icon img, .tf-social a, .tf-col ul a{ transition:none; } .tp-lightbox.on{ animation:none; } }

/* =====================================================================
   TRENDY · PREMIUM v2 — kapsamlı katman (başlık, menü, kategori sayfası,
   ürün kartı, çekmeceler, ürün sayfası, mobil). Turuncu kimlik korunur.
   ===================================================================== */
:root{ --tp-ink:#1D1D1F; --tp-muted:#6E6E73; --tp-line:rgba(20,20,30,.08); --tp-soft:#F5F5F7; --tp-r:18px; }
body{ background:#fff; color:var(--tp-ink); letter-spacing:-.005em; }

/* ---------- başlık ---------- */
.header-main{ position:sticky; top:0; z-index:1020; background:rgba(255,255,255,.86) !important; -webkit-backdrop-filter:saturate(180%) blur(18px); backdrop-filter:saturate(180%) blur(18px); border-bottom:1px solid var(--tp-line); box-shadow:none !important; }
.header-main > .container-fluid > .row{ padding-top:14px !important; padding-bottom:14px !important; }
.header-main .logo, .header-main .logo-text{ letter-spacing:-.04em; }
.header-main .search-wrapper .input-group{ border-radius:999px; background:var(--tp-soft); padding:4px; box-shadow:inset 0 0 0 1px transparent; transition:background .2s, box-shadow .2s; }
.header-main .search-wrapper .input-group:focus-within{ background:#fff; box-shadow:inset 0 0 0 1.5px var(--tp-orange), 0 0 0 4px var(--tp-orange-soft); }
.header-main .search-wrapper .search-input{ background:transparent !important; border:0 !important; box-shadow:none !important; height:42px; padding-left:16px; font-size:14.5px; border-radius:999px !important; }
.header-main .search-wrapper .search-btn{ width:42px; height:42px; border-radius:50% !important; background:var(--tp-orange) !important; color:#fff !important; border:0 !important; display:grid; place-items:center; padding:0; flex:0 0 42px; }
.header-main .user-actions .user-btn, .header-main .user-actions .cart-btn{ background:transparent !important; color:var(--tp-ink) !important; border:0 !important; border-radius:14px !important; padding:9px 14px !important; font-size:14px; font-weight:600; text-decoration:none !important; display:inline-flex; align-items:center; gap:6px; box-shadow:none !important; transition:background .2s, color .2s; }
.header-main .user-actions .user-btn:hover{ background:var(--tp-soft) !important; }
.header-main .user-actions .cart-btn{ background:var(--tp-ink) !important; color:#fff !important; }
.header-main .user-actions .cart-btn:hover{ background:var(--tp-orange) !important; }
.header-main .cart-badge{ top:-4px !important; right:-4px !important; min-width:20px; height:20px; padding:0 5px; border-radius:999px; background:var(--tp-orange) !important; color:#fff !important; font-size:11px; font-weight:800; display:grid; place-items:center; box-shadow:0 0 0 2px #fff; }
.header-main .btn-link{ color:var(--tp-ink); text-decoration:none; }
.categories-menu{ border-top:1px solid var(--tp-line); padding:6px 0 !important; }
.categories-toggle{ background:var(--tp-soft) !important; color:var(--tp-ink) !important; border:0 !important; border-radius:12px !important; font-size:12.5px !important; font-weight:800 !important; letter-spacing:.04em; padding:10px 16px !important; box-shadow:none !important; }
.categories-toggle:hover{ background:var(--tp-orange-soft) !important; color:var(--tp-orange) !important; }
.main-nav{ gap:2px; }
.main-nav .nav-link{ position:relative; font-size:14px; font-weight:600; color:var(--tp-ink); padding:10px 12px !important; border-radius:10px; background:transparent !important; }
.main-nav .nav-link::after{ content:""; position:absolute; left:12px; right:12px; bottom:4px; height:2px; border-radius:2px; background:var(--tp-orange); transform:scaleX(0); transform-origin:left; transition:transform .3s var(--tp-ease); }
.main-nav .nav-link:hover{ color:var(--tp-orange); }
.main-nav .nav-link:hover::after{ transform:scaleX(1); }
.main-nav .nav-link.text-warning{ color:#C2410C !important; }
.main-nav .nav-link.text-danger{ color:#DC2626 !important; }
.dropdown-submenu, .categories-dropdown .dropdown-content{ border:0 !important; border-radius:20px !important; background:rgba(255,255,255,.97) !important; -webkit-backdrop-filter:blur(20px); backdrop-filter:blur(20px); box-shadow:0 0 0 1px var(--tp-line), 0 30px 60px -30px rgba(20,20,40,.35) !important; }
.dropdown-submenu a, .categories-dropdown .dropdown-content a{ border-radius:10px; transition:background .2s, color .2s; }
.dropdown-submenu a:hover, .categories-dropdown .dropdown-content a:hover{ background:var(--tp-orange-soft); color:var(--tp-orange) !important; }
.premium-banner{ background:var(--tp-ink) !important; color:rgba(255,255,255,.86) !important; font-size:12px; font-weight:700; letter-spacing:.06em; }
.premium-banner .marquee-content{ padding:9px 0 !important; }
.premium-banner i{ color:var(--tp-orange); opacity:.95; }
.top-banner{ background:linear-gradient(90deg, var(--tp-orange), #FF7A1A) !important; }

/* ---------- kategori sayfası ---------- */
.breadcrumb-section{ background:transparent !important; border:0 !important; padding:14px 0 4px !important; }
.category-header{ background:transparent !important; border:0 !important; padding:6px 0 18px !important; }
.category-header > .container-fluid > .row{ background:linear-gradient(135deg, var(--tp-orange-soft), #fff 65%); border-radius:24px; padding:22px 26px; margin:0; box-shadow:inset 0 0 0 1px rgba(255,96,0,.14); }
.category-title{ font-size:clamp(1.6rem, 2.6vw, 2.2rem) !important; font-weight:800 !important; letter-spacing:-.035em; margin:0 0 4px !important; color:var(--tp-ink); }
.category-description{ color:var(--tp-muted) !important; margin:0 !important; font-size:14px; }
.category-stats{ display:flex; align-items:center; justify-content:flex-end; gap:12px; flex-wrap:wrap; }
.category-stats .product-count{ font-size:13px; font-weight:700; color:var(--tp-muted); background:#fff; padding:8px 12px; border-radius:999px; box-shadow:var(--tp-ring); }
.sort-select{ border:0 !important; border-radius:999px !important; height:40px; min-width:200px; padding-left:16px !important; font-size:13.5px !important; font-weight:600; background-color:#fff !important; box-shadow:var(--tp-ring) !important; cursor:pointer; }
.filters-sidebar{ position:sticky; top:150px; background:transparent !important; border:0 !important; padding:0 !important; box-shadow:none !important; }
.filters-title{ font-size:18px !important; font-weight:800 !important; letter-spacing:-.02em; margin:0 0 12px !important; }
.filter-group{ background:#fff; border:0 !important; border-radius:18px; padding:16px !important; margin-bottom:12px !important; box-shadow:var(--tp-ring), 0 10px 24px -22px rgba(20,20,40,.4); }
.filter-title{ font-size:13px !important; font-weight:800 !important; letter-spacing:.04em; text-transform:uppercase; color:var(--tp-ink); margin:0 0 12px !important; }
.filter-group .form-control{ border:0 !important; border-radius:12px !important; background:var(--tp-soft) !important; height:40px; font-size:13.5px; box-shadow:none !important; }
.filter-group .form-control:focus{ background:#fff !important; box-shadow:inset 0 0 0 1.5px var(--tp-orange), 0 0 0 3px var(--tp-orange-soft) !important; }
.filter-group .btn-dark{ border-radius:12px !important; height:40px; font-weight:700; background:var(--tp-ink) !important; border:0 !important; }
.filter-group .btn-dark:hover{ background:var(--tp-orange) !important; }
.filter-search{ margin-bottom:10px; }
.filter-options, .size-filter-options{ max-height:220px; overflow:auto; display:flex; flex-direction:column; gap:2px; scrollbar-width:thin; }
.filter-group .form-check{ display:flex; align-items:center; gap:10px; padding:7px 8px !important; margin:0 !important; border-radius:10px; transition:background .15s; }
.filter-group .form-check:hover{ background:var(--tp-soft); }
.filter-group .form-check-input{ width:18px; height:18px; margin:0 !important; border-radius:6px !important; border:1.5px solid #C7C7CC; flex-shrink:0; cursor:pointer; float:none !important; }
.filter-group .form-check-input:checked{ background-color:var(--tp-orange); border-color:var(--tp-orange); }
.filter-group .form-check-input:focus{ box-shadow:0 0 0 3px var(--tp-orange-soft); }
.filter-group .form-check-label{ font-size:13.5px; color:var(--tp-ink); cursor:pointer; flex:1; }
.option-count{ color:#9A9AA0; font-size:12px; margin-left:2px; }
.color-filter-options{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:6px; }
.color-filter-item input{ position:absolute; opacity:0; pointer-events:none; }
.color-option-label{ display:flex; align-items:center; gap:8px; padding:7px 9px; border-radius:12px; font-size:13px; cursor:pointer; background:var(--tp-soft); transition:box-shadow .2s, background .2s; width:100%; }
.color-filter-item input:checked + .color-option-label{ background:#fff; box-shadow:inset 0 0 0 1.5px var(--tp-orange); }
.color-circle{ width:18px !important; height:18px !important; border-radius:50% !important; flex-shrink:0; box-shadow:inset 0 0 0 1px rgba(0,0,0,.12); border:0 !important; }
.active-filters{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:14px; }
.filter-tag{ display:inline-flex !important; align-items:center; gap:4px; padding:6px 6px 6px 12px !important; border-radius:999px !important; background:var(--tp-orange-soft) !important; color:var(--tp-orange) !important; font-size:12.5px; font-weight:700; border:0 !important; }
.filter-tag .btn{ width:22px; height:22px; border-radius:50% !important; padding:0 !important; display:grid; place-items:center; color:var(--tp-orange); background:#fff; line-height:1; }
.pagination{ gap:6px; }
.pagination .page-link{ border:0 !important; border-radius:12px !important; min-width:42px; height:42px; display:grid; place-items:center; font-weight:700; color:var(--tp-ink) !important; background:var(--tp-soft) !important; box-shadow:none !important; }
.pagination .page-item.active .page-link{ background:var(--tp-orange) !important; color:#fff !important; }
.pagination .page-link:hover{ background:var(--tp-orange-soft) !important; color:var(--tp-orange) !important; }
#mobileFilterToggle{ border-radius:14px !important; height:44px; font-weight:700; }

/* ---------- PREMIUM ÜRÜN KARTI (inc/product-card.php) ---------- */
.product-card.trc{ position:relative; display:flex; flex-direction:column; height:100%; padding:0 !important; border:0 !important; border-radius:20px !important; background:#fff !important; overflow:hidden; box-shadow:var(--tp-ring) !important; transition:transform .35s var(--tp-ease), box-shadow .35s var(--tp-ease) !important; }
.product-card.trc:hover{ transform:translateY(-4px); box-shadow:0 0 0 1px rgba(255,96,0,.18), 0 30px 50px -30px rgba(20,20,40,.45) !important; }
.trc .trc-media{ position:relative; aspect-ratio:4/5; margin:0 !important; background:#F6F6F7; overflow:hidden; border-radius:0 !important; height:auto !important; }
.trc .trc-imglink{ position:absolute; inset:0; display:block; }
.trc .trc-media .trc-img{ position:absolute; inset:0; width:100% !important; height:100% !important; max-height:none !important; object-fit:cover; transition:opacity .5s var(--tp-ease), transform .9s var(--tp-ease) !important; }
.trc .trc-media .trc-img-2{ opacity:0; }
.trc:hover .trc-media .trc-img{ transform:scale(1.04); }
.trc:hover .trc-media.has-second .trc-img:not(.trc-img-2){ opacity:0; }
.trc:hover .trc-media.has-second .trc-img-2{ opacity:1; }
.trc .trc-badges{ position:absolute; top:10px; left:10px; z-index:2; display:flex; flex-direction:column; align-items:flex-start; gap:5px; }
.trc-badge{ display:inline-flex; align-items:center; gap:4px; font-size:11px; font-weight:800; line-height:1; padding:6px 9px; border-radius:999px; letter-spacing:.01em; }
.trc-b-off{ background:var(--tp-orange); color:#fff; box-shadow:0 6px 14px -8px var(--tp-orange); }
.trc-b-promo{ background:#fff; color:var(--tp-orange); box-shadow:inset 0 0 0 1.5px var(--tp-orange); }
.trc-b-flash{ background:#1D1D1F; color:#FFD60A; }
.trc-b-new{ background:#fff; color:var(--tp-ink); box-shadow:var(--tp-ring); }
.trc .trc-fav{ position:absolute !important; top:10px !important; right:10px !important; z-index:2; width:38px; height:38px; border-radius:50% !important; border:0 !important; padding:0 !important; display:grid !important; place-items:center; background:rgba(255,255,255,.85) !important; -webkit-backdrop-filter:blur(10px) saturate(160%); backdrop-filter:blur(10px) saturate(160%); color:var(--tp-ink) !important; font-size:16px; box-shadow:0 4px 12px -6px rgba(0,0,0,.35) !important; transition:transform .2s, color .2s; opacity:1 !important; }
.trc .trc-fav:hover{ transform:scale(1.08); color:var(--tp-orange) !important; }
.trc .trc-fav.active, .trc .trc-fav.active i{ color:#E11D48 !important; }
.trc-stock{ position:absolute; left:10px; bottom:10px; z-index:2; font-size:11px; font-weight:800; padding:6px 10px; border-radius:999px; background:#FFF4E5; color:#B45309; box-shadow:var(--tp-ring); }
.trc-stock.is-out{ background:var(--tp-ink); color:#fff; }
.trc.is-soldout .trc-img{ filter:grayscale(.6); opacity:.7; }
.trc .trc-body{ display:flex; flex-direction:column; gap:7px; padding:13px 14px 14px !important; flex:1; }
.trc .trc-name{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; min-height:2.7em; font-size:13.5px; line-height:1.35; color:var(--tp-ink) !important; text-decoration:none !important; }
.trc .trc-name .product-brand{ display:inline; font-size:13.5px !important; font-weight:800 !important; color:var(--tp-ink) !important; text-transform:none !important; letter-spacing:-.01em; margin:0 !important; }
.trc .trc-name .product-title{ display:inline; font-size:13.5px !important; font-weight:500 !important; color:#3A3A3C !important; margin:0 !important; white-space:normal !important; }
.trc .trc-name:hover .product-title{ color:var(--tp-orange) !important; }
.trc-rating{ display:flex; align-items:center; gap:5px; font-size:12px; }
.trc-stars{ position:relative; display:inline-block; width:66px; height:12px; background:linear-gradient(90deg, #FFB800 var(--r), #E5E5EA var(--r)); -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 66 12'%3E%3Cg fill='black'%3E%3Cpath id='s' d='M6 0l1.76 3.9 4.24.38-3.2 2.8.95 4.17L6 9.06 2.25 11.25l.95-4.17L0 4.28l4.24-.38z'/%3E%3Cuse href='%23s' x='13.5'/%3E%3Cuse href='%23s' x='27'/%3E%3Cuse href='%23s' x='40.5'/%3E%3Cuse href='%23s' x='54'/%3E%3C/g%3E%3C/svg%3E") center/66px 12px no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 66 12'%3E%3Cg fill='black'%3E%3Cpath id='s' d='M6 0l1.76 3.9 4.24.38-3.2 2.8.95 4.17L6 9.06 2.25 11.25l.95-4.17L0 4.28l4.24-.38z'/%3E%3Cuse href='%23s' x='13.5'/%3E%3Cuse href='%23s' x='27'/%3E%3Cuse href='%23s' x='40.5'/%3E%3Cuse href='%23s' x='54'/%3E%3C/g%3E%3C/svg%3E") center/66px 12px no-repeat; }
.trc-rating b{ font-weight:800; color:var(--tp-ink); }
.trc-rating small{ color:#9A9AA0; }
.trc .trc-price{ display:flex !important; align-items:baseline; gap:8px; flex-wrap:wrap; margin:2px 0 0 !important; }
.trc .trc-now{ font-size:18px !important; font-weight:800 !important; letter-spacing:-.02em; color:var(--tp-orange) !important; }
.trc .trc-was{ font-size:12.5px; color:#9A9AA0; text-decoration:line-through; }
.trc-perks{ display:flex; gap:5px; flex-wrap:wrap; }
.trc-ship{ font-size:11px; font-weight:700; color:#0F766E; background:#E6F7F5; padding:4px 8px; border-radius:999px; }
.trc-save{ font-size:11px; font-weight:700; color:var(--tp-ok); background:var(--tp-ok-soft); padding:4px 8px; border-radius:999px; }
.trc .trc-cta{ margin-top:auto; padding-top:6px; }
.trc-btn{ width:100%; height:42px; border:0; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; gap:7px; font-size:13.5px; font-weight:700; background:var(--tp-ink); color:#fff !important; text-decoration:none !important; transition:background .2s, transform .15s; }
.trc-btn:hover{ background:var(--tp-orange); }
.trc-btn:active{ transform:scale(.98); }
.trc-btn-ghost{ background:var(--tp-soft); color:var(--tp-ink) !important; }
.trc-btn-ghost:hover{ background:var(--tp-ink); color:#fff !important; }
.trc .product-overlay{ display:none !important; }
.trc-flash{ box-shadow:0 0 0 1.5px rgba(255,214,10,.6) !important; }
.products-grid > .row, .flash-products > .row{ --bs-gutter-x:16px; }

/* ---------- sağ paneller (sepet, hesap, favoriler, mobil menü) ---------- */
.sidebar-overlay{ background:rgba(15,15,20,.32) !important; -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); }
.sidebar{ border:0 !important; background:rgba(255,255,255,.94) !important; -webkit-backdrop-filter:saturate(180%) blur(24px); backdrop-filter:saturate(180%) blur(24px); box-shadow:0 30px 80px -20px rgba(20,20,40,.4) !important; }
.sidebar.cart-sidebar, .sidebar.user-sidebar{ border-radius:28px 0 0 28px; }
.sidebar-header{ padding:22px 22px 14px !important; border-bottom:1px solid var(--tp-line) !important; background:transparent !important; }
.sidebar-header h5{ font-size:22px !important; font-weight:800 !important; letter-spacing:-.03em; margin:0; }
.sidebar-header .close-sidebar{ width:38px; height:38px; border-radius:50% !important; background:var(--tp-soft) !important; color:var(--tp-ink) !important; display:grid; place-items:center; padding:0 !important; text-decoration:none; }
.sidebar-header .close-sidebar:hover{ background:var(--tp-orange-soft) !important; color:var(--tp-orange) !important; }
.cart-items-list{ padding:12px 16px !important; display:flex; flex-direction:column; gap:10px; }
.cart-items-list > div{ border:0 !important; background:#fff; border-radius:18px; padding:12px !important; gap:12px !important; box-shadow:var(--tp-ring), 0 10px 24px -20px rgba(20,20,40,.4); }
.cart-items-list img{ width:68px !important; height:68px !important; border-radius:14px !important; background:var(--tp-soft); }
.cart-items-list [data-qty-minus], .cart-items-list [data-qty-plus]{ width:30px; height:30px; border-radius:50% !important; padding:0 !important; display:grid; place-items:center; border:0 !important; background:var(--tp-soft) !important; color:var(--tp-ink) !important; font-weight:700; }
.cart-items-list [data-qty-minus]:hover, .cart-items-list [data-qty-plus]:hover{ background:var(--tp-orange-soft) !important; color:var(--tp-orange) !important; }
.cart-items-list [data-cart-remove]{ width:32px; height:32px; border-radius:50%; display:grid; place-items:center; padding:0 !important; }
.cart-items-list [data-cart-remove]:hover{ background:#FEE2E2; }
.cart-sidebar .border-top.mt-auto{ margin:0 16px 16px; border:0 !important; border-radius:20px; background:var(--tp-soft); padding:16px !important; }
.cart-sidebar .border-top.mt-auto .btn{ border-radius:14px !important; height:48px; font-weight:800; }
.empty-cart i{ width:72px; height:72px; border-radius:22px; display:inline-grid !important; place-items:center; background:var(--tp-orange-soft); color:var(--tp-orange) !important; font-size:30px !important; }
.empty-cart .btn{ border-radius:999px !important; padding:10px 22px; font-weight:700; }
.user-sidebar .nav-tabs{ display:flex; gap:4px; padding:4px; border-radius:999px; background:var(--tp-soft); border:0 !important; }
.user-sidebar .nav-tabs .nav-link{ border:0 !important; border-radius:999px !important; font-weight:700; color:var(--tp-muted) !important; padding:8px 12px !important; background:transparent; }
.user-sidebar .nav-tabs .nav-link.active{ background:#fff !important; color:var(--tp-ink) !important; box-shadow:0 1px 4px rgba(0,0,0,.12); }
.user-sidebar .form-control, .sidebar .form-control{ border:0 !important; border-radius:12px !important; min-height:46px; background:var(--tp-soft) !important; }
.user-sidebar .form-control:focus, .sidebar .form-control:focus{ background:#fff !important; box-shadow:inset 0 0 0 1.5px var(--tp-orange), 0 0 0 3px var(--tp-orange-soft) !important; }
.sidebar .btn-primary{ border-radius:14px !important; min-height:46px; font-weight:800; }

/* ---------- ürün sayfası (genel) ---------- */
.single-product-page .product-info-section{ background:#fff; border-radius:24px; padding:22px !important; box-shadow:var(--tp-ring), 0 30px 60px -44px rgba(20,20,40,.4); }
.single-product-page .product-title{ font-size:clamp(1.3rem, 2vw, 1.7rem) !important; font-weight:800 !important; line-height:1.2; }
.single-product-page .price-section{ background:transparent !important; border:0 !important; padding:6px 0 0 !important; }
.single-product-page .product-highlights, .single-product-page .delivery-info, .single-product-page .payment-options{ background:var(--tp-soft) !important; border:0 !important; padding:14px !important; }
.single-product-page .nav-tabs{ display:inline-flex; gap:4px; padding:5px; border-radius:999px; background:var(--tp-soft); border:0 !important; flex-wrap:nowrap; overflow:auto; max-width:100%; }
.single-product-page .nav-tabs .nav-link{ border:0 !important; border-radius:999px !important; font-weight:700; color:var(--tp-muted) !important; padding:9px 18px !important; white-space:nowrap; }
.single-product-page .nav-tabs .nav-link.active{ background:#fff !important; color:var(--tp-ink) !important; box-shadow:0 1px 4px rgba(0,0,0,.12); }
.reviews-section .card, .reviews-section .review-item{ border:0 !important; border-radius:18px !important; box-shadow:var(--tp-ring) !important; }
.mobile-sticky-cart{ background:rgba(255,255,255,.92) !important; -webkit-backdrop-filter:saturate(180%) blur(16px); backdrop-filter:saturate(180%) blur(16px); border-top:1px solid var(--tp-line) !important; box-shadow:0 -10px 30px -20px rgba(0,0,0,.35) !important; }
.mobile-sticky-cart .sticky-product-image{ border-radius:12px; }
.mobile-sticky-cart .add-to-cart-btn{ border-radius:14px !important; font-weight:800; }

/* ---------- mobil alt gezinme ---------- */
.mobile-bottom-nav{ left:10px !important; right:10px !important; bottom:10px !important; width:auto !important; border-radius:22px !important; background:rgba(255,255,255,.88) !important; -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter:saturate(180%) blur(20px); border:0 !important; box-shadow:0 0 0 1px var(--tp-line), 0 18px 40px -18px rgba(20,20,40,.45) !important; padding-bottom:env(safe-area-inset-bottom, 0px); }
.mobile-bottom-nav .nav-item.active, .mobile-bottom-nav .mobile-nav-link.active{ color:var(--tp-orange) !important; }

@media (max-width:991px){
  .filters-sidebar{ position:static; }
  .category-header > .container-fluid > .row{ padding:18px; border-radius:20px; }
  .category-stats{ justify-content:space-between; margin-top:12px; }
  .sort-select{ min-width:0; }
  .header-main{ position:sticky; }
}
@media (max-width:575px){
  .trc .trc-body{ padding:10px 10px 12px !important; gap:6px; }
  .trc .trc-now{ font-size:16px !important; }
  .trc-btn{ height:38px; font-size:12.5px; }
  .trc .trc-fav{ width:34px; height:34px; }
  .products-grid > .row, .flash-products > .row{ --bs-gutter-x:10px; }
  .sidebar.cart-sidebar, .sidebar.user-sidebar{ border-radius:24px 24px 0 0; }
  .single-product-page .product-info-section{ padding:16px !important; border-radius:20px; }
}
@media (prefers-reduced-motion: reduce){ .product-card.trc, .trc .trc-img, .main-nav .nav-link::after{ transition:none !important; } }
/* başlık düğmeleri: style.css ve başlıktaki kimlik (#id) kuralları renkli bloklar yapıyordu (mor degrade, turuncu blok) */
.header-main #desktopUserMenuToggle, .header-main #favoritesToggle{ background:transparent !important; background-image:none !important; color:var(--tp-ink) !important; border:0 !important; border-radius:14px !important; padding:9px 14px !important; font-size:14px !important; font-weight:600 !important; box-shadow:none !important; text-shadow:none !important; }
.header-main #desktopUserMenuToggle:hover, .header-main #favoritesToggle:hover{ background:var(--tp-soft) !important; color:var(--tp-ink) !important; transform:none !important; }
.header-main #desktopUserMenuToggle i, .header-main #favoritesToggle i{ color:var(--tp-ink) !important; }
.header-main #cartToggle{ background:var(--tp-ink) !important; background-image:none !important; color:#fff !important; border:0 !important; border-radius:14px !important; padding:9px 16px !important; font-size:14px !important; font-weight:700 !important; box-shadow:0 10px 22px -14px rgba(0,0,0,.6) !important; }
.header-main #cartToggle:hover{ background:var(--tp-orange) !important; transform:none !important; }
.header-main #cartToggle i{ color:#fff !important; }
/* mobil filtreler: başta kapalı, "Filtreleri Göster" açar (eskiden düğme hiçbir şey yapmıyor, filtreler hep açıktı) */
@media (max-width:991px){
  .filters-sidebar .filters-content{ display:none; }
  .filters-sidebar .filters-content.is-open{ display:block; animation:tpFade .25s ease; }
  .filters-sidebar .filters-title{ display:none; }
}
#mobileFilterToggle{ background:#fff !important; color:var(--tp-ink) !important; border:0 !important; box-shadow:var(--tp-ring) !important; display:flex; align-items:center; justify-content:center; gap:6px; }
#mobileFilterToggle:hover{ background:var(--tp-soft) !important; }
.tp-fcount{ display:inline-grid; place-items:center; min-width:20px; height:20px; padding:0 6px; border-radius:999px; background:var(--tp-orange); color:#fff; font-size:11px; font-weight:800; margin-left:4px; }
.single-product-page .price-section, .single-product-page .tp-vat{ text-align:left !important; }