/* ==========================================================================
   LuxeLoom — Ürün Kartı Yeniden Tasarımı v1
   İki farklı şablon (products.php: .product-card / .price / .card-actions,
   anasayfa: .lx-product-card / .lx-price / .lx-card-actions) aynı kart
   fikrini iki ayrı sınıf isimlendirmesiyle uyguluyordu ve 7 farklı eski CSS
   dosyası üstüne üstüne yamanmıştı (çelişen köşe yuvarlaklığı, gölge,
   grid kolon sayısı vb). Bu dosya ikisini TEK, kasıtlı bir tasarımda
   birleştirir. En son yüklenir; tüm eski kuralları güvenle geçersiz kılar.

   Tasarım fikri: "mühür/seal" rozeti — kategori etiketi görselin köşesine
   yarı bindirilmiş bir mühür gibi oturur; bu, markanın "Luxe" (lüks/mühür)
   kimliğini kartlara taşıyan tek imza detayı. Geri kalan her şey sakin:
   sıcak beyaz zemin, ince kenarlık, tek bir birincil aksiyon.
   ========================================================================== */

.products,.ll-products{
    display:grid!important;
    grid-template-columns:repeat(auto-fit,minmax(272px,1fr))!important;
    gap:26px!important;
}

.product-card,.lx-product-card{
    position:relative;
    display:flex!important;flex-direction:column;
    background:linear-gradient(180deg,#ffffff,#fdfbf6)!important;
    border:1px solid #ece4d3!important;
    border-radius:22px!important;
    padding:20px!important;
    box-shadow:0 1px 2px rgba(15,23,42,.04),0 18px 40px -20px rgba(15,23,42,.16)!important;
    overflow:hidden!important;max-width:100%!important;
    transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s ease,border-color .25s ease;
}
.product-card:before,.lx-product-card:before{
    content:"";position:absolute;inset:auto -60px -80px auto;width:180px;height:180px;border-radius:50%;
    background:radial-gradient(circle,rgba(212,175,55,.16),transparent 70%);pointer-events:none;
}
.product-card:hover,.lx-product-card:hover{
    transform:translateY(-5px)!important;
    box-shadow:0 1px 2px rgba(15,23,42,.05),0 26px 56px -18px rgba(212,175,55,.30)!important;
    border-color:#e7d19b!important;
}

/* Görsel medalyon + köşesine yarı bindirilmiş "mühür" kategori rozeti */
.product-card .lx-product-img,.lx-product-card .lx-product-img{
    position:relative;z-index:1;
    height:172px!important;max-height:172px!important;margin:0 0 14px!important;
    border-radius:18px!important;
    background:radial-gradient(circle at 30% 24%,rgba(212,175,55,.16),transparent 55%),linear-gradient(150deg,#f7f5ef,#eef1f6)!important;
    border:1px solid #ece4d3!important;
    display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important;
}
.product-card .lx-product-img i,.lx-product-card .lx-product-img i{font-size:46px;color:#d4af37}
.product-card .lx-product-img img,.lx-product-card .lx-product-img img{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;display:block!important}

.product-card .product-tag,.lx-product-card .lx-tag{
    position:relative;z-index:2;align-self:flex-start;
    margin:-30px 0 12px 4px!important;
    display:inline-flex;align-items:center;gap:6px;
    padding:7px 13px!important;border-radius:999px!important;
    background:linear-gradient(135deg,#f6d365,#d4af37)!important;
    color:#1a1300!important;font-weight:800!important;font-size:11px!important;
    text-transform:uppercase;letter-spacing:.5px;
    box-shadow:0 6px 16px rgba(212,175,55,.35);
}

.product-card h3,.lx-product-card h3{
    margin:0 0 6px!important;font-size:18.5px!important;font-weight:800!important;
    letter-spacing:-.3px;color:#151a24!important;
    display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;
}
.product-card p,.lx-product-card p{
    margin:0 0 14px!important;color:#69707e!important;font-size:13.5px;line-height:1.55;flex:none;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em;
}
.product-card small,.lx-product-card small{
    display:block;order:5;color:#8a91a0!important;font-size:11.5px;font-weight:700;margin:8px 0 0;
}

.product-card .price,.lx-product-card .lx-price{
    margin-top:auto!important;padding-top:12px!important;border-top:1px dashed #ece4d3!important;
    font-size:23px!important;font-weight:900!important;letter-spacing:-.5px;
    background:linear-gradient(135deg,#8a6a12,#d4af37);-webkit-background-clip:text;background-clip:text;color:transparent!important;
}

/* Aksiyonlar: tek birincil (dolu) + iki eşit ikincil (çerçeveli) düğme */
.product-card .card-actions,.lx-product-card .lx-card-actions{
    order:6;display:flex!important;flex-wrap:wrap;gap:9px;margin-top:12px!important;
}
.product-card .card-actions>a:first-child,.product-card .card-actions>a.btn.gold,
.lx-product-card .lx-card-actions>a:first-child{
    flex:1 1 100%!important;justify-content:center!important;
    padding:12px 16px!important;border-radius:13px!important;font-weight:800!important;font-size:13.5px;
    background:linear-gradient(135deg,#f6d365,#d4af37)!important;color:#161200!important;border:none!important;
    box-shadow:0 10px 22px rgba(212,175,55,.30)!important;
}
.product-card .card-actions form,.product-card .card-actions>a:not(:first-child),
.lx-product-card .lx-card-actions>a:not(:first-child){flex:1 1 0!important;min-width:0;}
.product-card .card-actions form button,.product-card .card-actions>a:not(:first-child),
.lx-product-card .lx-card-actions>a:not(:first-child){
    width:100%!important;justify-content:center!important;
    padding:10px 12px!important;border-radius:13px!important;font-size:12.5px!important;font-weight:800!important;
    background:#fff!important;color:#151a24!important;border:1px solid #e2e0d8!important;
    display:inline-flex!important;align-items:center;gap:6px;white-space:nowrap;min-height:0!important;
}
.product-card .card-actions form button:hover,.product-card .card-actions>a:not(:first-child):hover,
.lx-product-card .lx-card-actions>a:not(:first-child):hover{
    border-color:#d4af37!important;color:#8a6a12!important;transform:translateY(-1px);
}

/* Koyu mod */
html[data-theme="dark"] .product-card,html[data-theme="dark"] .lx-product-card{
    background:linear-gradient(180deg,#121a2c,#0e1524)!important;border-color:rgba(212,175,55,.16)!important;
}
html[data-theme="dark"] .product-card h3,html[data-theme="dark"] .lx-product-card h3{color:#f6f7fb!important}
html[data-theme="dark"] .product-card p,html[data-theme="dark"] .lx-product-card p{color:#98a2b8!important}
html[data-theme="dark"] .product-card small,html[data-theme="dark"] .lx-product-card small{color:#7d879c!important}
html[data-theme="dark"] .product-card .lx-product-img,html[data-theme="dark"] .lx-product-card .lx-product-img{
    background:radial-gradient(circle at 30% 24%,rgba(212,175,55,.14),transparent 55%),linear-gradient(150deg,#182036,#101728)!important;
    border-color:rgba(212,175,55,.16)!important;
}
html[data-theme="dark"] .product-card .price,html[data-theme="dark"] .lx-product-card .lx-price{border-top-color:rgba(212,175,55,.20)!important}
html[data-theme="dark"] .product-card .card-actions form button,
html[data-theme="dark"] .product-card .card-actions>a:not(:first-child){
    background:#0c1220!important;color:#e6ebf5!important;border-color:rgba(255,255,255,.12)!important;
}

/* Mobil: tek kolon, kompakt görsel, dokunmaya uygun tam genişlik aksiyon düğmeleri */
@media(max-width:640px){
    .products,.ll-products{grid-template-columns:1fr!important;gap:16px!important}
    .product-card,.lx-product-card{padding:16px!important;border-radius:18px!important}
    .product-card .lx-product-img,.lx-product-card .lx-product-img{height:168px!important;max-height:168px!important}
    .product-card h3,.lx-product-card h3{font-size:17px!important}
    .product-card .price,.lx-product-card .lx-price{font-size:21px!important}
    .product-card .card-actions,.lx-product-card .lx-card-actions{gap:8px}
}