/* Ürünler sayfası (kategori listeleme; konsept urunler-sayfa-konsept.html ?k=1..4, üretici _ic/urs-konsept.py) — önek .urs */
.urs{position:relative;z-index:1;font-family:"Plus Jakarta Sans",sans-serif;color:#1b1c1f;background:#fff;padding:120px 0 130px}
.urs .za-h{max-width:none;order:0}
.urs .mk2{position:relative;display:block;width:16px;height:16px;flex:none}
.urs .mk2 i{position:absolute;inset:0;margin:auto;width:100%;height:78.7%}
.urs .mk2 .g{background:#878787;clip-path:polygon(0 0,64% 0,0 100%)}
.urs .mk2 .r{background:#d61116;clip-path:polygon(100% 0,100% 100%,36% 100%)}
.urs a{text-decoration:none;color:inherit}
.urs img{display:block}

/* ortak giriş: etiket tam satır; başlık solda, açıklama + rakamlar sağda; altında Z'li ayraç */
.urs-bas{display:grid;grid-template-columns:1.2fr 1fr;column-gap:64px;align-items:start;margin-bottom:64px}
.urs-bas .z-ust{grid-column:1/-1}
.urs-sag{padding-top:.5em}
.urs-lead{margin:0;font:400 17px/1.7 "Plus Jakarta Sans",sans-serif;color:#4a4f55;max-width:520px}
.urs-say{list-style:none;margin:32px 0 0;padding:0;display:flex}
.urs-say li{padding:0 28px;border-left:1px solid #dfe2e6}
.urs-say li:first-child{padding-left:0;border-left:0}
.urs-say b{display:block;font:800 40px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:-.02em;color:#1b1c1f}
.urs-say span{display:block;margin-top:8px;font:500 14px/1.3 "Plus Jakarta Sans",sans-serif;color:#6b6f75}
.urs-bas .ay{grid-column:1/-1;margin-top:30px}
.urs .ay2{display:flex;align-items:center;gap:12px}
.urs .ay2 .mk2{position:relative;display:block;width:16px;height:16px;flex:none}
.urs .ay2 span{height:1px;background:#e3e6e9;flex:1;transform-origin:left;transform:scaleX(var(--ay,0));transition:transform 1.2s cubic-bezier(.7,0,.2,1)}
.urs .ay2 span:first-child{flex:0 0 80px;height:3px;background:#d61116}
.urs .ay.on{--ay:1}
.urs1 .ay2 span:not(:first-child),.urs4 .ay2 span:not(:first-child){background:#d3d7dc}
/* giriş: her içerik grubu kendi alanı ekranın alt %15'ine girince (.gir) açılır */
.urs.hz .urs-sag{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .9s cubic-bezier(.2,.7,.2,1)}
.urs.hz .urs-bas.gir .urs-sag{opacity:1;transform:none;transition-delay:.15s}

/* ---------- 1 · kart ızgarası ---------- */
.urs1{background:#eef0f2}
.urs1-iz{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.urs1-k{position:relative;display:flex;flex-direction:column;background:#fff;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%);overflow:hidden}
.urs1-k .ust{display:flex;justify-content:space-between;align-items:center;padding:22px 24px 0;font:600 13px/1 "Plus Jakarta Sans",sans-serif;color:#9aa0a6;letter-spacing:.04em}
.urs1-k .nr b{color:#1b1c1f;margin-right:4px}
.urs1-k .sy{display:flex;align-items:center;gap:8px;margin-right:18px}
.urs1-k .sy i{width:7px;height:7px;background:#d61116;clip-path:polygon(100% 0,100% 100%,0 100%)}
.urs1-k .im{display:block;height:250px;padding:18px 40px 0}
.urs1-k .im img{width:100%;height:100%;object-fit:contain;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.urs1-k .tx{display:flex;flex-direction:column;padding:22px 24px 28px;border-top:1px solid #eef0f2;margin-top:18px;flex:1}
.urs1-k .ad{font:800 22px/1.2 "Plus Jakarta Sans",sans-serif;letter-spacing:-.01em}
.urs1-k .ds{margin-top:8px;font:400 15px/1.55 "Plus Jakarta Sans",sans-serif;color:#5a5f66}
.urs1-k .cp{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}
.urs1-k .cp span{font:600 12px/1 "Plus Jakarta Sans",sans-serif;color:#4a4f55;background:#f4f5f7;padding:8px 10px}
.urs1-k .ok{position:absolute;right:24px;bottom:26px;width:38px;height:38px;display:grid;place-items:center;background:#1b1c1f;opacity:0;transform:translate(-8px,8px);transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.2,1),background .3s}
.urs1-k .ok svg{width:18px;height:18px;fill:none;stroke:#fff;stroke-width:2}
.urs1-k::before{content:"";position:absolute;right:0;top:0;width:24px;height:24px;background:#d61116;clip-path:polygon(0 0,100% 100%,0 100%);transform:translate(-100%,-100%);transition:transform .4s cubic-bezier(.2,.7,.2,1);z-index:1}
.urs1-k::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#d61116;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.urs1-k:hover .im img{transform:scale(1.06)}
.urs1-k:hover::before,.urs1-k:hover::after{transform:none}
.urs1-k:hover .ok{opacity:1;transform:none;background:#d61116}
.urs.hz .urs1-k{opacity:0;transform:translateY(32px);transition:opacity .7s calc(var(--i)*.06s),transform .9s cubic-bezier(.2,.7,.2,1) calc(var(--i)*.06s)}
.urs.hz .urs1-iz.gir .urs1-k{opacity:1;transform:none}

/* ---------- 2 · dizin ---------- */
.urs2-l{border-top:1px solid #1b1c1f}
.urs2-hd{display:grid;grid-template-columns:72px 1.25fr 1fr 110px 48px;gap:24px;padding:14px 0;border-bottom:1px solid #e3e6e9;font:600 12px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#9aa0a6}
.urs2-hd span:nth-child(4){text-align:right}
.urs2-r{position:relative;display:grid;grid-template-columns:72px 1.25fr 1fr 110px 48px;gap:24px;align-items:center;padding:30px 0;border-bottom:1px solid #e3e6e9;isolation:isolate}
.urs2-r::before{content:"";position:absolute;inset:0 -24px;background:#d61116;z-index:-1;transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.7,0,.2,1);clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%)}
.urs2-r .nr{font:700 14px/1 "Plus Jakarta Sans",sans-serif;color:#9aa0a6;letter-spacing:.04em;transition:color .4s}
.urs2-r .kf{display:none}
.urs2-r .ad{font:800 40px/1.1 "Plus Jakarta Sans",sans-serif;letter-spacing:-.025em;transition:color .4s,transform .55s cubic-bezier(.2,.7,.2,1)}
.urs2-r .al{font:500 15px/1.5 "Plus Jakarta Sans",sans-serif;color:#6b6f75;transition:color .4s}
.urs2-r .sy{text-align:right;font:500 13px/1 "Plus Jakarta Sans",sans-serif;color:#6b6f75;transition:color .4s}
.urs2-r .sy b{display:block;font:800 28px/1 "Plus Jakarta Sans",sans-serif;color:#1b1c1f;margin-bottom:6px;transition:color .4s}
.urs2-r .ok{width:48px;height:48px;display:grid;place-items:center;border:1px solid #dfe2e6;transition:background .4s,border-color .4s,transform .5s cubic-bezier(.2,.7,.2,1)}
.urs2-r .ok svg{width:20px;height:20px;fill:none;stroke:#1b1c1f;stroke-width:2;transition:stroke .4s,transform .4s}
.urs2-r:hover::before{transform:none}
.urs2-r:hover .ad{color:#fff;transform:translateX(12px)}
.urs2-r:hover .nr,.urs2-r:hover .al,.urs2-r:hover .sy,.urs2-r:hover .sy b{color:#fff}
.urs2-r:hover .ok{background:#fff;border-color:#fff}
.urs2-r:hover .ok svg{stroke:#d61116;transform:translate(2px,-2px)}
.urs2-iz{position:fixed;left:0;top:0;width:300px;height:300px;pointer-events:none;z-index:50;opacity:0;transform:scale(.6);transition:opacity .3s,transform .45s cubic-bezier(.2,.7,.2,1)}
.urs2-iz.on{opacity:1;transform:none}
.urs2-iz .ic{position:absolute;inset:0;background:#fff;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);box-shadow:0 30px 60px -20px rgba(0,0,0,.35)}
.urs2-iz img{position:absolute;inset:22px;width:calc(100% - 44px);height:calc(100% - 44px);object-fit:contain;opacity:0;transform:scale(1.08);transition:opacity .35s,transform .6s cubic-bezier(.2,.7,.2,1)}
.urs2-iz img.on{opacity:1;transform:none}
.urs2-iz .et{position:absolute;left:0;bottom:0;width:34px;height:34px;background:#1b1c1f;clip-path:polygon(0 0,100% 100%,0 100%)}
.urs.hz .urs2-r,.urs.hz .urs2-hd{opacity:0;transform:translateY(24px);transition:opacity .7s calc(var(--i,0)*.05s),transform .9s cubic-bezier(.2,.7,.2,1) calc(var(--i,0)*.05s)}
.urs.hz .urs2-l.gir .urs2-r,.urs.hz .urs2-l.gir .urs2-hd{opacity:1;transform:none}
.urs.hz .urs2-l{border-top-color:transparent;background:linear-gradient(#1b1c1f,#1b1c1f) top left/0 1px no-repeat;transition:background-size 1.2s cubic-bezier(.7,0,.2,1)}
.urs.hz .urs2-l.gir{background-size:100% 1px}

/* ---------- 3 · gezgin ---------- */
.urs3-g{display:grid;grid-template-columns:320px 1fr;gap:48px;align-items:start}
.urs3-l{position:sticky;top:120px;display:flex;flex-direction:column;border-top:1px solid #e3e6e9}
.urs3-l button{position:relative;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:17px 14px 17px 0;background:none;border:0;border-bottom:1px solid #e3e6e9;text-align:left;cursor:pointer;font:700 17px/1.2 "Plus Jakarta Sans",sans-serif;color:#6b6f75;transition:color .3s,padding .4s cubic-bezier(.2,.7,.2,1)}
.urs3-l em{font:600 12px/1 "Plus Jakarta Sans",sans-serif;font-style:normal;color:#9aa0a6;letter-spacing:.04em}
.urs3-l small{font:600 13px/1 "Plus Jakarta Sans",sans-serif;color:#9aa0a6}
.urs3-l .cz{position:absolute;left:0;bottom:-1px;width:100%;height:3px;background:#d61116;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.urs3-l button:hover{color:#1b1c1f}
.urs3-l button.on{color:#1b1c1f;padding-left:14px}
.urs3-l button.on em{color:#d61116}
.urs3-l button.on .cz{transform:none}
.urs3-pn{position:relative}
.urs3-p{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;animation:urs3gir .6s cubic-bezier(.2,.7,.2,1)}
.urs3-p[hidden]{display:none}
@keyframes urs3gir{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.urs3-p .ph{position:relative;align-self:start;aspect-ratio:1;background:#f4f5f7;clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%)}
.urs3-p .ph img{position:absolute;inset:36px;width:calc(100% - 72px);height:calc(100% - 72px);object-fit:contain;mix-blend-mode:multiply}
.urs3-p .ph .nb{position:absolute;left:18px;bottom:-14px;font:800 140px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:-.04em;color:#e9ebee}
.urs3-p .ph .sy{position:absolute;right:0;bottom:0;padding:12px 18px;background:#1b1c1f;color:#fff;font:700 13px/1 "Plus Jakarta Sans",sans-serif}
.urs3-p .ph::after{content:"";position:absolute;left:0;top:0;width:34px;height:34px;background:#d61116;clip-path:polygon(0 0,100% 0,0 100%)}
.urs3-p .ust{display:flex;align-items:center;gap:12px;font:600 13px/1 "Plus Jakarta Sans",sans-serif;color:#9aa0a6;letter-spacing:.04em}
.urs3-p .ust .nr{color:#1b1c1f}
.urs3-p .ust i{width:40px;height:2px;background:#d61116}
.urs3-p h3{margin:16px 0 0;font:800 40px/1.1 "Plus Jakarta Sans",sans-serif;letter-spacing:-.025em;color:#1b1c1f}
.urs3-p .tx>p{margin:14px 0 0;font:400 16px/1.65 "Plus Jakarta Sans",sans-serif;color:#5a5f66}
.urs3-p .kts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}
.urs3-p .kt{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 44px 16px 16px;background:#f4f5f7;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);transition:background .3s}
.urs3-p .kt b{font:700 15px/1.25 "Plus Jakarta Sans",sans-serif}
.urs3-p .kt span{font:500 13px/1.35 "Plus Jakarta Sans",sans-serif;color:#6b6f75}
.urs3-p .kt i{position:absolute;right:14px;top:50%;width:18px;height:18px;margin-top:-9px}
.urs3-p .kt svg{width:18px;height:18px;fill:none;stroke:#9aa0a6;stroke-width:2;transition:stroke .3s,transform .4s}
.urs3-p .kt::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#d61116;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.urs3-p .kt:hover{background:#eef0f2}
.urs3-p .kt:hover::after{transform:none}
.urs3-p .kt:hover svg{stroke:#d61116;transform:translate(2px,-2px)}
.urs3-p .xs{margin-top:24px}
.urs3-p .xs .et{display:block;font:600 12px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#9aa0a6;margin-bottom:12px}
.urs3-p .xs .cp{display:flex;flex-wrap:wrap;gap:6px}
.urs3-p .xs .cp a{font:600 13px/1 "Plus Jakarta Sans",sans-serif;color:#4a4f55;border:1px solid #e3e6e9;padding:9px 11px;transition:border-color .3s,color .3s}
.urs3-p .xs .cp a:hover{border-color:#d61116;color:#d61116}
.urs3-p .bt{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:30px}
.urs.hz .urs3-g{opacity:0;transform:translateY(32px);transition:opacity .8s,transform 1s cubic-bezier(.2,.7,.2,1)}
.urs.hz .urs3-g.gir{opacity:1;transform:none}

/* ---------- 4 · mozaik ---------- */
.urs4{background:#eef0f2}
.urs4-g{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:300px;gap:16px;grid-template-areas:"a0 a0 a0 a0 a0 a0 a1 a1 a1 a2 a2 a2" "a0 a0 a0 a0 a0 a0 a3 a3 a3 a4 a4 a4" "a5 a5 a5 a5 a6 a6 a6 a6 a7 a7 a7 a7" "a8 a8 a8 a8 a8 a8 a8 a8 a8 a8 a8 a8"}
.urs4-k{position:relative;display:block;background:#fff;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);overflow:hidden}
.a0{grid-area:a0}.a1{grid-area:a1}.a2{grid-area:a2}.a3{grid-area:a3}.a4{grid-area:a4}.a5{grid-area:a5}.a6{grid-area:a6}.a7{grid-area:a7}.a8{grid-area:a8}
.urs4-k .im{position:absolute;left:0;right:0;top:44px;bottom:84px;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .4s}
.urs4-k .im img{width:100%;height:100%;object-fit:contain;padding:0 28px;box-sizing:border-box}
.urs4-k .ust{position:absolute;left:22px;right:22px;top:20px;display:flex;justify-content:space-between;font:600 13px/1 "Plus Jakarta Sans",sans-serif;color:#9aa0a6;letter-spacing:.04em}
.urs4-k .ust .nr{color:#1b1c1f}
.urs4-k .ust .sy{margin-right:16px}
.urs4-k .tx{position:absolute;left:0;right:0;bottom:0;padding:18px 22px 22px;background:#fff;transform:translateY(calc(100% - 84px));transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.urs4-k .ad{display:block;margin-right:48px;font:800 20px/1.2 "Plus Jakarta Sans",sans-serif;letter-spacing:-.01em}
.urs4-k .ds{display:block;margin-right:48px;margin-top:6px;font:400 14px/1.5 "Plus Jakarta Sans",sans-serif;color:#6b6f75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.urs4-k .al{list-style:none;margin:14px 0 0;padding:14px 0 0;border-top:1px solid #eef0f2;display:grid;grid-template-columns:1fr 1fr;gap:8px 14px}
.urs4-k .al li{position:relative;padding-left:14px;font:600 13px/1.3 "Plus Jakarta Sans",sans-serif;color:#4a4f55}
.urs4-k .al li::before{content:"";position:absolute;left:0;top:4px;width:6px;height:6px;background:#d61116;clip-path:polygon(100% 0,100% 100%,0 100%)}
.urs4-k .ok{position:absolute;right:22px;top:18px;width:36px;height:36px;display:grid;place-items:center;background:#1b1c1f;transition:background .3s,transform .45s cubic-bezier(.2,.7,.2,1);z-index:1}
.urs4-k .ok svg{width:17px;height:17px;fill:none;stroke:#fff;stroke-width:2}
.urs4-k::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:3px;background:#d61116;transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.7,.2,1);z-index:2}
a.urs4-k:hover .tx{transform:none}
a.urs4-k:hover .im{transform:translateY(-44px) scale(.86);opacity:.85}
a.urs4-k:hover .ok{background:#d61116}
a.urs4-k:hover::after{transform:none}
/* büyük kart: alt kategoriler hep açık, görsel büyük */
.urs4-k.a0 .im{top:60px;bottom:170px}
.urs4-k.a0 .im img{padding:0 70px}
.urs4-k.a0 .tx{transform:none;padding:24px 90px 28px 30px}
.urs4-k.a0 .ad{font-size:32px;letter-spacing:-.02em}
.urs4-k.a0 .ds{white-space:normal;font-size:15px}
.urs4-k.a0 .al{grid-template-columns:repeat(4,auto);justify-content:start;gap:8px 24px}
.urs4-k.a0 .ust{left:30px;right:30px;top:28px;font-size:14px}
.urs4-k.a0 .ok{width:48px;height:48px;right:30px;top:24px}
.urs4-k.a0:hover .im{transform:scale(1.05);opacity:1}
/* koyu geniş kart: Özel Üretimler */
.urs4-k.koyu{display:grid;grid-template-columns:1.15fr 1fr;background:#141517;color:#fff;grid-row:span 1;min-height:420px}
.urs4-k.koyu .tx{position:relative;transform:none;background:none;padding:44px 48px;display:flex;flex-direction:column;justify-content:center}
.urs4-k.koyu .ust{position:static;color:#8b9097;margin-bottom:18px}
.urs4-k.koyu .ust .nr{color:#fff}
.urs4-k.koyu .ad{font-size:38px;letter-spacing:-.025em}
.urs4-k.koyu p{margin:14px 0 0;font:400 16px/1.65 "Plus Jakarta Sans",sans-serif;color:#b8bcc2;max-width:560px}
.urs4-k.koyu .al{border-top-color:rgba(255,255,255,.12);grid-template-columns:1fr 1fr;gap:14px 28px;margin-top:22px;max-width:560px}
.urs4-k.koyu .al li{color:#fff;font-size:14px}
.urs4-k.koyu .al small{display:block;margin-top:4px;font:500 12px/1.3 "Plus Jakarta Sans",sans-serif;color:#8b9097}
.urs4-k.koyu .bt{display:flex;flex-wrap:wrap;align-items:center;gap:28px;margin-top:30px}
.urs4-k.koyu .im{position:relative;inset:auto;margin:28px 28px 28px 0;background:#fff;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%)}
.urs4-k.koyu .im img{position:absolute;inset:0;padding:28px 44px}
.urs4-k.koyu .u1,.urs4-k.koyu .u2{position:absolute;right:28px;bottom:28px;width:44px;height:44px;z-index:1}
.urs4-k.koyu .u1{background:#d61116;clip-path:polygon(100% 0,100% 100%,0 100%)}
.urs4-k.koyu .u2{right:72px;width:22px;height:22px;background:#878787;clip-path:polygon(100% 0,100% 100%,0 100%)}
.urs4-k.koyu::after{display:none}
.urs4-k.koyu .bx1 .mk{background:#2a2c30}
.urs.hz .urs4-k{opacity:0;transform:translateY(32px);transition:opacity .7s calc(var(--i)*.06s),transform .9s cubic-bezier(.2,.7,.2,1) calc(var(--i)*.06s)}
.urs.hz .urs4-g.gir .urs4-k{opacity:1;transform:none}

/* ---------- duyarlı ---------- */
@media (max-width:1199px){
 .urs1-k .im{height:210px;padding:14px 28px 0}
 .urs2-r .ad{font-size:34px}
 .urs3-g{grid-template-columns:260px 1fr;gap:36px}
 .urs3-p{grid-template-columns:1fr}
 .urs3-p .ph{aspect-ratio:16/9}
 .urs3-p .ph .nb{font-size:110px}
 .urs4-g{grid-auto-rows:270px}
 .urs4-k.a0 .im img{padding:0 40px}
 .urs4-k.a0 .al{grid-template-columns:1fr 1fr}
 .urs4-k.a0 .im{bottom:200px}
}
@media (max-width:991px){
 .urs{padding:80px 0 90px}
 .urs-bas{grid-template-columns:1fr;row-gap:20px;margin-bottom:40px}
 .urs-sag{padding-top:0}
 .urs1-iz{grid-template-columns:1fr 1fr;gap:12px}
 .urs2-hd{display:none}
 .urs2-r{grid-template-columns:44px 1fr 70px 40px;gap:16px;padding:22px 0}
 .urs2-r .al{grid-column:2/3;grid-row:2;margin-top:-8px;font-size:14px}
 .urs2-r .ad{font-size:28px}
 .urs2-r .sy b{font-size:22px}
 .urs2-r .ok{width:40px;height:40px}
 .urs2-iz{display:none}
 .urs3-g{grid-template-columns:1fr;gap:28px}
 .urs3-l{position:relative;top:auto;flex-direction:row;overflow-x:auto;scrollbar-width:none;border-top:0;border-bottom:1px solid #e3e6e9;margin:0 -24px;padding:0 24px}
 .urs3-l::-webkit-scrollbar{display:none}
 .urs3-l button{flex:none;grid-template-columns:auto auto auto;border-bottom:0;padding:14px 20px 14px 0;font-size:15px}
 .urs3-l button.on{padding-left:0}
 .urs4-g{grid-template-columns:1fr 1fr;grid-auto-rows:auto;grid-template-areas:none;gap:12px}
 .urs4-k{grid-area:auto;height:280px}
 .urs4-k.a0{grid-column:1/-1;height:560px}
 .urs4-k.koyu{height:auto}
 .urs4-k.koyu{grid-column:1/-1;grid-template-columns:1fr;min-height:0;grid-row:auto}
 .urs4-k.koyu .im{margin:0 28px 28px;height:280px}
 .urs4-k.koyu .tx{padding:36px 28px}
 .urs4-k.koyu .al{grid-template-columns:1fr 1fr}
}
@media (max-width:575px){
 .urs{padding:64px 0 72px}
 .urs-say li{padding:0 18px}.urs-say b{font-size:32px}
 .urs1-iz{grid-template-columns:1fr;gap:10px}
 .urs1-k .im{height:220px}
 .urs2-r{grid-template-columns:64px 1fr 36px;gap:14px;align-items:center}
 .urs2-r .nr{display:none}
 .urs2-r .kf{display:block;grid-row:1/3;width:64px;height:64px;background:#f4f5f7;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)}
 .urs2-r .kf img{width:100%;height:100%;object-fit:contain;padding:6px;box-sizing:border-box;mix-blend-mode:multiply}
 .urs2-r .ad{font-size:22px;grid-column:2}
 .urs2-r .al{grid-column:2;grid-row:2;margin-top:-6px;font-size:13px}
 .urs2-r .sy{display:none}
 .urs2-r .ok{grid-column:3;grid-row:1/3;width:36px;height:36px}
 .urs3-p .ph .nb{font-size:80px;bottom:-8px}
 .urs3-p .ph img{inset:20px;width:calc(100% - 40px);height:calc(100% - 40px)}
 .urs3-p h3{font-size:30px}
 .urs3-p .kts{grid-template-columns:1fr}
 .urs4-g{grid-template-columns:1fr}
 .urs4-k{height:300px}
 .urs4-k.a0{height:520px}
 .urs4-k.a0 .im img{padding:0 24px}
 .urs4-k.a0 .tx{padding:20px 76px 22px 22px}
 .urs4-k.a0 .ad{font-size:26px}
 .urs4-k.a0 .ust{left:22px;right:22px;top:20px}
 .urs4-k.a0 .ok{right:22px;top:20px}
 .urs4-k.koyu .ad{font-size:30px}
 .urs4-k.koyu .im{height:220px;margin:0 20px 20px}
 .urs4-k.koyu .tx{padding:30px 22px}
}
/* dokunmatikte üzerine gelme yok: mozaik kartlarında alt kategoriler açık, dizinde dolum yok */
@media (hover:none){
 .urs4-k .tx{transform:none}
 .urs4-k:not(.a0):not(.koyu) .im{bottom:150px}
 .urs4-k .al{display:none}
 .urs4-k.a0 .al,.urs4-k.koyu .al{display:grid}
 .urs1-k .ok{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){.urs.hz *{transition:none!important}.urs3-p{animation:none}}

/* ---------- 5 · anasayfa ürün grubu kartı (zumer-urungrup.css'ten .urs5 altına kopyalandı) ---------- */
.urs5{--ease:cubic-bezier(.2,.7,.2,1);--perde:cubic-bezier(.77,0,.18,1)}
.urs5 .ug-ad{font-weight:800;letter-spacing:-.015em}
.urs5 .ug-say{font-size:13px;font-weight:600;color:#878787}
.urs5 .u2-c{position:relative;flex:none;width:380px;height:min(500px,56vh);display:block;background:#fff;color:#1b1c1f;overflow:hidden;transition:transform .6s var(--ease)}
.urs5 .u2-c::before{content:"";position:absolute;left:0;top:0;width:64px;height:64px;background:#878787;clip-path:polygon(0 0,100% 0,0 100%);z-index:3;transition:background .4s}
.urs5 .u2-c .kn{position:absolute;left:9px;top:8px;z-index:4;font-size:12px;font-weight:800;color:#fff}
.urs5 .u2-c::after{content:"";position:absolute;right:0;top:0;width:52px;height:52px;background:#d61116;clip-path:polygon(0 0,100% 0,100% 100%);z-index:3;transform:translate(100%,-100%);transition:transform .5s var(--ease)}
.urs5 .u2-c .no{position:absolute;right:18px;top:6px;font-size:120px;line-height:1;font-weight:800;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.2px #e2e5e8;transition:-webkit-text-stroke-color .4s}
.urs5 .u2-c .fz{position:absolute;left:30px;right:30px;top:42px;bottom:128px;display:block}
.urs5 .u2-c img{width:100%;height:100%;object-fit:contain;display:block;transform:translateX(var(--ix,0));transition:transform .7s var(--ease)}
.urs5 .u2-c .alt{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;min-height:116px;border-top:1px solid #eef0f2}
.urs5 .u2-c .alt::before{content:"";position:absolute;inset:0;background:#1d1f22;clip-path:inset(100% 0 0 0);transition:clip-path .6s var(--perde)}
.urs5 .u2-c .tx{position:relative;display:block;padding:0 20px 24px 28px}
.urs5 .u2-c .ug-ad{display:block;font-size:23px;margin:0 0 6px;transition:color .4s}
.urs5 .u2-c .ug-say{display:flex;align-items:center;gap:8px;transition:color .4s}
.urs5 .u2-c .ug-say i{width:10px;height:10px;background:#d61116;clip-path:polygon(100% 0,100% 100%,0 100%)}
.urs5 .u2-c .ds{display:block;max-height:0;overflow:hidden;font-size:14px;line-height:1.5;color:rgba(255,255,255,.65);opacity:0;transition:max-height .55s var(--ease),margin .55s var(--ease),opacity .4s}
.urs5 .u2-c .ug-ok{position:relative;width:58px;height:58px;background:#1d1f22;transition:background .3s,width .5s var(--ease),height .5s var(--ease)}
.urs5 .u2-c:hover{transform:translateY(-10px)}
.urs5 .u2-c:hover::before{background:#1d1f22}
.urs5 .u2-c:hover::after{transform:none}
.urs5 .u2-c:hover .no{-webkit-text-stroke-color:#d61116}
.urs5 .u2-c:hover img{transform:translateX(var(--ix,0)) translateY(-12px) scale(1.04)}
.urs5 .u2-c:hover .alt::before{clip-path:inset(0)}
.urs5 .u2-c:hover .ug-ad{color:#fff}
.urs5 .u2-c:hover .ug-say{color:rgba(255,255,255,.45)}
.urs5 .u2-c:hover .ds{max-height:48px;margin-top:8px;opacity:1}
.urs5 .u2-c:hover .ug-ok{background:#d61116;width:70px;height:70px}
.urs5 .u2-c:hover .ug-ok svg{transform:translate(2px,-2px)}
/* sol üst: gri köşe üçgen yerine kesik kenarlı numara rozeti */
.urs5 .u2-c::before{content:none}
.urs5 .u2-c .kn{left:0;top:0;display:flex;align-items:baseline;gap:5px;height:40px;padding:0 22px 0 16px;background:#1d1f22;color:#fff;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);line-height:40px;transition:background .4s}
.urs5 .u2-c .kn b{font-size:15px;font-weight:800;letter-spacing:-.01em}
.urs5 .u2-c .kn i{font-style:normal;font-size:11px;font-weight:600;color:rgba(255,255,255,.45);transition:color .4s}
.urs5 .u2-c .kn::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:#d61116;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.urs5 .u2-c:hover .kn{background:#d61116}
.urs5 .u2-c:hover .kn i{color:rgba(255,255,255,.75)}
/* sağ üst dev numara: hover'da içi kırmızı dolar, hafif kayar */
.urs5 .u2-c .no{background:linear-gradient(#d61116,#d61116) left bottom/100% 0 no-repeat;-webkit-background-clip:text;background-clip:text;transition:-webkit-text-stroke-color .4s,background-size .6s var(--perde),transform .6s var(--ease)}
.urs5 .u2-c:hover .no{background-size:100% 100%;transform:translateY(-4px)}
.urs5 .u2-c::after{content:none}
/* sağ alt ok kutusu: logodaki gri+kırmızı üçgenler; hover'da üçgenler köşelere kaçar, ok belirir */
.urs5 .ok3{position:relative;flex:none;width:58px;height:58px;background:#eef0f2;overflow:hidden;transition:background .4s,width .5s var(--ease),height .5s var(--ease)}
.urs5 .ok3 i{position:absolute;inset:14px;transition:transform .55s var(--ease)}
.urs5 .ok3 .g{background:#878787;clip-path:polygon(0 0,100% 0,0 100%)}
.urs5 .ok3 .r{background:#d61116;clip-path:polygon(100% 10%,100% 100%,10% 100%)}
.urs5 .ok3 svg{position:absolute;left:50%;top:50%;width:20px;height:20px;margin:-10px 0 0 -10px;stroke:#fff;fill:none;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;transform:scale(0) rotate(-45deg);transition:transform .5s var(--ease) .1s}
.urs5 .u2-c:hover .ok3{background:#d61116;width:72px;height:72px}
.urs5 .u2-c:hover .ok3 .g{transform:translate(-120%,-120%)}
.urs5 .u2-c:hover .ok3 .r{transform:translate(120%,120%)}
.urs5 .u2-c:hover .ok3 svg{transform:none}
/* hover'da alt panelin üst kenarında ince kırmızı çizgi */
.urs5 .u2-c .alt::after{content:"";position:absolute;left:0;top:0;height:3px;width:100%;background:#d61116;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease) .25s}
.urs5 .u2-c:hover .alt::after{transform:none}
/* v2: arka plan numaraları yok, ok büyük, ürün sayısı ok kutusunun üstünde */
.urs5 .u2-c .no{display:none}
.urs5 .u2-c .tx{position:static}
.urs5 .u2-c .ug-ad,.urs5 .u2-c .ds{position:relative;z-index:1}
.urs5 .u2-c .tx{padding-right:110px}
.urs5 .u2-c .ug-say{position:absolute;right:0;bottom:76px;z-index:1;padding:0 2px 0 0;white-space:nowrap;font-size:13px;transition:bottom .5s var(--ease),color .4s}
.urs5 .u2-c:hover .ug-say{bottom:92px}
.urs5 .ok3{width:68px;height:68px}
.urs5 .ok3 i{inset:16px}
.urs5 .ok3 svg{width:28px;height:28px;margin:-14px 0 0 -14px;stroke-width:2.2}
.urs5 .u2-c:hover .ok3{width:84px;height:84px}
.urs5 .u2-c .tx{padding-right:88px}
.urs5 .u2-c .ug-say{right:10px}
/* v4: uzun adlarda panel üstte nefes alsın, ok daha az büyüsün */
.urs5 .u2-c .tx{padding-top:24px;padding-right:84px}
.urs5 .u2-c .ug-ad{font-size:22px;line-height:1.2}
.urs5 .u2-c:hover .ok3{width:76px;height:76px}
.urs5 .u2-c:hover .ug-say{bottom:84px}
.urs5 .u2-c .ds{font-size:13.5px}
@media (max-width:1199px){.urs5 .u2-c .ug-ad{font-size:20px}}
.urs5 .urs1-iz{gap:20px}
.urs5 .u2-c{width:auto;height:470px;box-shadow:0 1px 0 rgba(0,0,0,.03)}
@media (max-width:1199px){.urs5 .u2-c{height:430px}}
@media (max-width:991px){.urs5 .u2-c{height:420px}.urs5 .u2-c .ds{display:none}.urs5 .u2-c .tx{padding:18px 10px 18px 18px}.urs5 .u2-c .ug-ad{font-size:19px}}
@media (max-width:575px){.urs5 .u2-c{height:400px}}
.urs5.hz .u2-c{opacity:0;transform:translateY(32px);transition:opacity .7s calc(var(--i)*.06s),transform .9s cubic-bezier(.2,.7,.2,1) calc(var(--i)*.06s)}
.urs5.hz .urs1-iz.gir .u2-c{opacity:1;transform:none}
.urs5.hz .urs1-iz.gir .u2-c:hover{transform:translateY(-10px);transition-delay:0s}
.urs5,.urs8{background:#eef0f2}
.urs5 .ay2 span:not(:first-child),.urs8 .ay2 span:not(:first-child){background:#d3d7dc}
.urs1v a{display:block}

/* ---------- 6 · editoryal (kutusuz) ---------- */
.urs6 .urs1-iz{gap:56px 32px}
.kv6 .im{position:relative;display:block;aspect-ratio:4/3.4;background:#f2f3f5;overflow:hidden}
.kv6 .im img{position:absolute;inset:12%;width:76%;height:76%;object-fit:contain;mix-blend-mode:multiply;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.kv6 .im .sw{position:absolute;left:0;bottom:0;width:100%;height:6px;background:#d61116;transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.7,0,.2,1)}
.kv6 .tx{display:block;margin-top:22px;padding-top:18px;border-top:2px solid #1b1c1f}
.kv6 .ust{display:flex;align-items:baseline;gap:14px}
.kv6 .ust em{font:700 14px/1 "Plus Jakarta Sans",sans-serif;font-style:normal;color:#d61116;letter-spacing:.04em}
.kv6 .ad{flex:1;font:800 26px/1.15 "Plus Jakarta Sans",sans-serif;letter-spacing:-.02em;color:#1b1c1f}
.kv6 .ok svg{width:26px;height:26px;fill:none;stroke:#1b1c1f;stroke-width:2;transition:transform .5s cubic-bezier(.2,.7,.2,1),stroke .3s}
.kv6 .ds{display:block;margin:10px 0 0 34px;font:400 15px/1.55 "Plus Jakarta Sans",sans-serif;color:#5a5f66}
.kv6 .sy{display:inline-block;margin:14px 0 0 34px;font:700 12px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#9aa0a6}
.kv6:hover .im img{transform:scale(1.07)}
.kv6:hover .im .sw{transform:none}
.kv6:hover .ok svg{transform:translateX(6px);stroke:#d61116}

/* ---------- 7 · yatay koyu panel ---------- */
.urs7 .urs1-iz{grid-template-columns:1fr 1fr;gap:20px}
.kv7{display:grid!important;grid-template-columns:44% 1fr;min-height:300px;background:#1b1c1f;overflow:hidden}
.kv7.gn{grid-column:1/-1;grid-template-columns:31% 1fr}
.kv7 .im{position:relative;background:#fff;overflow:hidden}
.kv7 .im img{position:absolute;inset:24px;width:calc(100% - 48px);height:calc(100% - 48px);object-fit:contain;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.kv7 .pn{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:30px 32px;color:#fff}
.kv7 .pn::before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:#d61116;transform:scaleX(0);transform-origin:left;transition:transform .55s cubic-bezier(.7,0,.2,1)}
.kv7 .nr{display:flex;align-items:center;gap:12px;font:700 13px/1 "Plus Jakarta Sans",sans-serif;color:#8b9097;letter-spacing:.04em}
.kv7 .nr i{width:28px;height:2px;background:#d61116}
.kv7 .ad{margin-top:16px;font:800 26px/1.15 "Plus Jakarta Sans",sans-serif;letter-spacing:-.02em}
.kv7 .ds{margin:10px 0 24px;flex:1;font:400 15px/1.55 "Plus Jakarta Sans",sans-serif;color:#a9aeb5}
.kv7 .bx1 .mk{background:#2a2c30}
.kv7:hover .im img{transform:scale(1.07)}
.kv7:hover .pn::before{transform:none}

/* ---------- 8 · teknik föy ---------- */
.kv8{position:relative;display:flex!important;flex-direction:column;background:#fff;border:1px solid #d9dde1;padding:22px 24px 0;transition:border-color .4s,box-shadow .4s}
.kv8 .ar{position:absolute;width:14px;height:14px;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.kv8 .ar::before,.kv8 .ar::after{content:"";position:absolute;background:#1b1c1f;transition:background .4s}
.kv8 .ar::before{left:6px;top:0;width:2px;height:14px}.kv8 .ar::after{left:0;top:6px;width:14px;height:2px}
.kv8 .a1{left:-8px;top:-8px}.kv8 .a2{right:-8px;top:-8px}.kv8 .a3{left:-8px;bottom:-8px}.kv8 .a4{right:-8px;bottom:-8px}
.kv8 .ust{display:flex;justify-content:space-between;padding-bottom:14px;border-bottom:1px dashed #cfd3d8;font:700 12px/1 "Plus Jakarta Sans",sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#6b6f75}
.kv8 .ust span:first-child{color:#1b1c1f}
.kv8 .im{display:block;height:230px;margin:22px 10px 0;background:repeating-linear-gradient(0deg,transparent 0 23px,#f1f2f4 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,#f1f2f4 23px 24px)}
.kv8 .im img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.kv8 .tx{display:block;padding:22px 0 20px;flex:1}
.kv8 .ad{display:block;font:800 23px/1.2 "Plus Jakarta Sans",sans-serif;letter-spacing:-.015em;color:#1b1c1f}
.kv8 .ds{display:block;margin-top:8px;font:400 15px/1.55 "Plus Jakarta Sans",sans-serif;color:#5a5f66}
.kv8 .alt{display:flex;align-items:center;justify-content:space-between;margin:0 -24px;padding:16px 24px;border-top:1px dashed #cfd3d8;font:700 14px/1 "Plus Jakarta Sans",sans-serif;color:#1b1c1f}
.kv8 .lk{display:flex;align-items:center;gap:10px}
.kv8 .mk2{position:relative;display:block;width:14px;height:14px}
.kv8 .ok svg{display:block;width:22px;height:22px;fill:none;stroke:#1b1c1f;stroke-width:2;transition:transform .5s cubic-bezier(.2,.7,.2,1),stroke .3s}
.kv8:hover{border-color:#d61116;box-shadow:0 24px 40px -28px rgba(0,0,0,.35)}
.kv8:hover .ar::before,.kv8:hover .ar::after{background:#d61116}
.kv8:hover .a1{transform:translate(-4px,-4px)}.kv8:hover .a2{transform:translate(4px,-4px)}.kv8:hover .a3{transform:translate(-4px,4px)}.kv8:hover .a4{transform:translate(4px,4px)}
.kv8:hover .im img{transform:scale(1.06)}
.kv8:hover .ok svg{transform:translateX(6px);stroke:#d61116}
.urs8 .urs1-iz{gap:28px}

/* 6–8 giriş */
.urs1v.hz .urs1-iz>a:not(.u2-c){opacity:0;transform:translateY(32px);transition:opacity .7s calc(var(--i)*.06s),transform .9s cubic-bezier(.2,.7,.2,1) calc(var(--i)*.06s)}
.urs1v.hz .urs1-iz.gir>a:not(.u2-c){opacity:1;transform:none}
.urs1v.hz .urs1-iz.gir>a.kv8:hover{transition:opacity .7s,transform .9s,border-color .4s,box-shadow .4s}

@media (max-width:1199px){.kv6 .ad,.kv7 .ad{font-size:23px}.kv8 .im{height:200px}}
@media (max-width:991px){
 .urs6 .urs1-iz{gap:44px 20px}
 .urs7 .urs1-iz{grid-template-columns:1fr}.kv7,.kv7.gn{grid-template-columns:42% 1fr;grid-column:auto}
 .urs8 .urs1-iz{gap:24px}
}
@media (max-width:575px){
 .urs6 .urs1-iz{gap:40px}
 .kv7,.kv7.gn{grid-template-columns:1fr}.kv7 .im{height:220px}.kv7 .pn{padding:24px 22px}
 .kv8 .im{height:210px}
}