/* Ürün sayfaları (kategori + ürün detay) ortak stil */
.ur-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:0;padding:0}
.ur-grid:after,.ur-grid:before{display:none!important}
.ur-kart{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;text-decoration:none!important;background:linear-gradient(180deg,#d3d3d3 0%,#d3d3d3 18%,#fff 64%);box-shadow:0 1px 3px rgba(0,0,0,.08);transition:transform .25s,box-shadow .25s}
.ur-kart:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,0,0,.14)}
.ur-gorsel{position:relative;display:block;aspect-ratio:1/1;width:100%}
.ur-gorsel img{position:absolute;top:20px;left:20px;width:calc(100% - 40px)!important;height:calc(100% - 40px)!important;max-width:none!important;object-fit:contain;object-position:center;mix-blend-mode:multiply;margin:0!important;transition:transform .35s}
.ur-kart:hover .ur-gorsel img{transform:scale(1.04)}
.ur-ad{position:relative;isolation:isolate;overflow:hidden;flex:1;display:flex;align-items:center;justify-content:center;text-align:center;min-height:60px;padding:13px 16px;background:linear-gradient(115deg,#b80a14 0%,#e50613 25%,#f4a3a7 45%,#e50613 62%,#b80a14 80%,#e50613 100%);background-size:300% 300%;animation:urHolo 8s ease-in-out infinite;text-shadow:0 1px 3px rgba(90,0,6,.55);color:#fff!important;font:400 15px/1.35 Inter,Arial,sans-serif!important;letter-spacing:.01em;overflow-wrap:anywhere}
.ur-ad:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(105deg,rgba(255,255,255,0) 0px,rgba(255,255,255,.16) 22px,rgba(255,255,255,.34) 34px,rgba(255,255,255,.16) 46px,rgba(255,255,255,0) 68px);background-size:200% 100%;mix-blend-mode:soft-light;opacity:1;animation:urHoloKay 7s linear infinite}
.ur-ad:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:45%;z-index:-1;background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.28) 50%,rgba(255,255,255,0) 100%);transform:skewX(-18deg);transition:left .7s ease}
.ur-kart:hover .ur-ad:after{left:120%}
.ur-kart:hover .ur-ad{animation-duration:4s}
@keyframes urHolo{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes urHoloKay{from{background-position:0 0}to{background-position:-200% 0}}
@media (prefers-reduced-motion:reduce){.ur-ad,.ur-ad:before{animation:none}}
.ur-sayfa{max-width:1200px;margin:0 auto;padding:10px 24px 70px}
.ur-icerik{max-width:1000px;margin:0 auto}
.ur-kat{margin:6px 0 34px}
.ur-kat > ul{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0;padding:0;list-style:none}
.ur-kat-li{position:relative;list-style:none;margin:0}
.ur-kat-btn{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #dcdcdc;border-radius:30px;padding:10px 16px;font:500 14px/1 Inter,Arial,sans-serif!important;letter-spacing:0!important;text-transform:none!important;color:#333;cursor:pointer;transition:all .2s;white-space:nowrap}
.ur-kat-btn i{font-size:14px;transition:transform .2s}
.ur-kat-li:hover .ur-kat-btn,.ur-kat-li:focus-within .ur-kat-btn{border-color:#e50613;color:#e50613}
.ur-kat-li:hover .ur-kat-btn i,.ur-kat-li:focus-within .ur-kat-btn i{transform:rotate(180deg)}
.ur-kat-li.aktif .ur-kat-btn{background:#e50613;border-color:#e50613;color:#fff}
.ur-alt{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%,6px);min-width:230px;background:#fff;border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.16);padding:8px;margin:0;list-style:none;z-index:50;opacity:0;visibility:hidden;transition:opacity .2s,transform .2s,visibility .2s}
.ur-alt:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}
.ur-kat-li:hover .ur-alt,.ur-kat-li:focus-within .ur-alt{opacity:1;visibility:visible;transform:translate(-50%,0)}
.ur-alt li{list-style:none;margin:0}
.ur-alt a{display:block;padding:9px 14px;border-radius:8px;color:#333!important;font:400 14px/1.3 Inter,Arial,sans-serif!important;text-decoration:none!important;white-space:nowrap}
.ur-alt a:hover{background:#f4f4f4;color:#e50613!important}
.ur-alt a.secili{background:#e50613;color:#fff!important}
.ur-bos{text-align:center;color:#666;font:400 16px/1.5 Inter,Arial,sans-serif;margin:30px 0}
.ur-iletisim{background:#363636;color:#ececec;text-align:center;padding:26px 20px;font:500 17px/1.45 Inter,Arial,sans-serif}
.ur-iletisim p{margin:0;color:#ececec;font:inherit}
.ur-iletisim a{color:#ececec!important;text-decoration:none!important}
.ur-iletisim a:hover{color:#fff!important}
.ur-iletisim .ur-wa{display:inline-flex;align-items:center;gap:7px;background:#25d366;color:#fff!important;font:600 14px/1 Inter,Arial,sans-serif;padding:8px 16px;border-radius:30px;margin:6px 0}
.ur-iletisim .ur-wa:hover{background:#1ebe5a}
.ur-iletisim .ur-wa i{font-size:17px}
.jx-titlebar .jx-page-title{float:none!important;width:100%;text-align:center}
.jx-breaducrumb.ur-baslik{display:flex!important;justify-content:center;float:none!important;margin:0 auto;background:none!important;border:0!important;padding:0!important}
.jx-breaducrumb.ur-baslik span{position:relative;isolation:isolate;overflow:hidden;display:inline-block;color:#fff!important;border:0!important;border-radius:14px;padding:14px 34px!important;font:700 30px/1.15 Inter,Arial,sans-serif!important;letter-spacing:.02em;text-shadow:0 1px 3px rgba(90,0,6,.55);background:linear-gradient(115deg,#b80a14 0%,#e50613 25%,#f4a3a7 45%,#e50613 62%,#b80a14 80%,#e50613 100%)!important;background-size:300% 300%!important;animation:urHolo 8s ease-in-out infinite;box-shadow:0 8px 22px rgba(229,6,19,.22)}
.jx-breaducrumb.ur-baslik span:before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(105deg,rgba(255,255,255,0) 0px,rgba(255,255,255,.16) 22px,rgba(255,255,255,.34) 34px,rgba(255,255,255,.16) 46px,rgba(255,255,255,0) 68px);background-size:200% 100%;mix-blend-mode:soft-light;animation:urHoloKay 7s linear infinite}
@media (prefers-reduced-motion:reduce){.jx-breaducrumb.ur-baslik span,.jx-breaducrumb.ur-baslik span:before{animation:none}}
.ur-kat-mobil{display:none}
@media (max-width:767px){.ur-sayfa{padding:6px 14px 50px}.ur-kat{display:none}.ur-kat-mobil{display:block;margin:4px auto 22px;max-width:420px;position:relative}.ur-kat-mobil label{display:block;font:600 12px/1 Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#777;margin:0 0 8px 4px}.ur-kat-mobil select{width:100%;-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23e50613' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;border:1px solid #dcdcdc;border-radius:12px;padding:14px 44px 14px 16px;font:500 16px/1.2 Inter,Arial,sans-serif!important;color:#222;height:auto}.jx-breaducrumb.ur-baslik span{font-size:22px!important;padding:11px 24px!important}.ur-iletisim{font-size:15px}}
/* Gradient buton – ışıltı animasyonu (deneme: Yüz Maskeleri) */
.ur-btn-stil .ur-kart{background:linear-gradient(180deg,#d3d3d3 0%,#d3d3d3 18%,#fff 64%)}
.ur-btn-stil .ur-ad{flex:0 0 auto;margin:0 14px 14px;min-height:52px;border-radius:12px;padding:12px 16px;font:600 15px/1.3 Inter,Arial,sans-serif!important;letter-spacing:.01em;text-shadow:none;background:linear-gradient(135deg,#e2412f 0%,#cf231d 48%,#a9131a 100%)!important;background-size:100% 100%!important;animation:none!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 10px rgba(169,19,26,.22);transition:background .3s,box-shadow .3s,transform .2s}
.ur-btn-stil .ur-ad:before{display:none}
.ur-btn-stil .ur-ad:after{top:0;bottom:0;left:-75%;width:55%;background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.38) 50%,rgba(255,255,255,0) 100%);transform:skewX(-20deg);transition:left .8s ease}
.ur-btn-stil .ur-kart:hover .ur-ad{background:linear-gradient(135deg,#f04e36 0%,#de2c22 48%,#b8161d 100%)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 10px 22px rgba(229,6,19,.35);transform:translateY(-1px)}
.ur-btn-stil .ur-kart:hover .ur-ad:after{left:130%}
.ur-btn-stil .ur-kart:active .ur-ad{background:linear-gradient(135deg,#bf1d19 0%,#a3141a 50%,#850c12 100%)!important;box-shadow:inset 0 2px 6px rgba(0,0,0,.28);transform:translateY(1px)}
@media (max-width:479px){.ur-btn-stil .ur-ad{margin:0 10px 10px;font-size:13.5px!important;min-height:46px;padding:10px}}
.jx-breaducrumb.ur-btn-baslik span{background:linear-gradient(135deg,#e2412f 0%,#cf231d 48%,#a9131a 100%)!important;background-size:100% 100%!important;animation:none!important;text-shadow:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 8px 20px rgba(169,19,26,.28)}
.jx-breaducrumb.ur-btn-baslik span:before{content:"";display:block;position:absolute;inset:0 auto 0 -80%;width:55%;z-index:-1;background:linear-gradient(100deg,rgba(255,255,255,0) 0%,rgba(255,255,255,.42) 50%,rgba(255,255,255,0) 100%)!important;mix-blend-mode:normal;transform:skewX(-20deg);animation:urParilti 5s ease-in-out infinite!important}
@keyframes urParilti{0%{left:-80%}28%{left:135%}100%{left:135%}}
@media (prefers-reduced-motion:reduce){.jx-breaducrumb.ur-btn-baslik span:before{animation:none!important;display:none}}
@media (max-width:959px){.ur-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media (max-width:479px){.ur-grid{gap:12px}.ur-gorsel img{top:12px;left:12px;width:calc(100% - 24px)!important;height:calc(100% - 24px)!important}.ur-ad{font-size:13.5px;min-height:52px;padding:10px 10px}}

/* Ürün sayfalarında büyük başlık kutusu kaldırıldı (2026-10-31); başlık yalnızca ekran okuyucular için kalır */
.jx-titlebar{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.ur-sayfa{padding-top:34px!important}
@media (max-width:767px){.ur-sayfa{padding-top:22px!important}}

/* Köşeli kutular (2026-10-31): ürün kartları ve ürün detay kutuları */
.ur-kart,.ur-ad,.ur-btn-stil .ur-ad,.ur-gorsel,.ud-ana,.ud-ana img,.ud-kucuk button,.ud-kucuk button img,.ud-iletisim,.ud-dosya,.ud-butonlar a{border-radius:0!important}
