/* TEDZİN ana sayfa — ChatGPT tasarımı (18 Eki 2026, TEDZIN_Yeni_Tasarim / dist/styles.css) .ys kapsamına alındı.
   Site başlığı, menü ve alt bilgi kendi stillerinde kalır. Renkler ve ölçüler tasarımdan; küçük yazılar okunurluk için en az 10 px. */
.ys{font-family:Arial,"Helvetica Neue",Helvetica,sans-serif;--ink:#202b2e;--muted:#6c706e;--paper:#f9f8f5;--white:#fff;--line:#dedfd9;--orange:#cb4d25;--orange-hover:#ac3c19;--green:#28554b;--radius:7px;--max:1240px;background:var(--paper);color:var(--ink);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
.ys button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
.ys a{color:inherit;text-decoration:none}
.ys button,.ys input,.ys select{font:inherit;color:inherit}
.ys button,.ys a,.ys input,.ys select{-webkit-tap-highlight-color:transparent}
.ys button,.ys a{touch-action:manipulation}
.ys a{color:inherit;text-decoration:none}
.ys button{cursor:pointer}
.ys button:disabled{cursor:not-allowed;opacity:.45}
.ys button{border:0;background:none}
.ys img{max-width:100%;display:block}
.ys svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.ys h1,.ys h2,.ys h3,.ys p{margin:0}
.ys h1,.ys h2,.ys h3{font-weight:600;letter-spacing:-.035em;line-height:1.15}
.ys button:focus-visible,.ys a:focus-visible,.ys select:focus-visible,.ys input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.ys .wrap{max-width:var(--max);margin:0 auto;width:calc(100% - 96px)}
.ys .eyebrow{font-size:10px;letter-spacing:.13em;font-weight:700;line-height:1.6}
.ys .intro{display:flex;justify-content:space-between;align-items:center;padding:30px 0 22px;gap:28px}
.ys .intro h1{font-size:34px;font-weight:500;letter-spacing:-.045em}
.ys .intro p{font-size:12px;line-height:1.55;color:var(--muted);text-align:right}
.ys .category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ys .category-card{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius);transition:transform .25s ease;isolation:isolate}
.ys .category-card:hover{transform:translateY(-3px)}
.ys .category-card.electronics{background:#e9ebeb}
.ys .category-card.merchandise{background:#eee4d3}
.ys .category-card.photo{background:#f4e5d5}
.ys .category-card.audio{background:#e6e8ef}   /* 4 Kas 2026: 3. kart Audio diafon */
.ys .category-copy{padding:20px 24px 13px}
.ys .category-copy .eyebrow{font-size:10px;letter-spacing:.115em;opacity:.7;margin-bottom:7px}
.ys .category-copy h2{font-size:26px;font-weight:500;letter-spacing:-.04em}
.ys .category-image{height:222px;overflow:hidden}
.ys .category-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.ys .category-card:hover img{transform:scale(1.025)}
.ys .category-foot{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;font-size:12px;font-weight:500}
.ys .circle-arrow{width:30px;height:30px;border:1px solid #202b2e66;border-radius:50%;display:grid;place-items:center;transition:background .2s,color .2s}
.ys .circle-arrow svg{width:17px}
.ys .category-card:hover .circle-arrow{background:var(--ink);color:white;border-color:var(--ink)}
.ys .service-strip{display:flex;align-items:center;justify-content:center;gap:52px;height:67px;border-bottom:1px solid var(--line)}
.ys .service-strip span{display:flex;align-items:center;gap:9px;font-size:11px;color:#5e6762}
.ys .service-strip svg{width:18px;height:18px;stroke-width:1.3}
.ys .products-section{padding-top:30px;padding-bottom:38px;scroll-margin-top:145px}
.ys .section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}
.ys .section-header .eyebrow{color:var(--muted);font-size:10px;margin-bottom:6px}
.ys .section-header h2{font-size:29px;font-weight:500}
.ys .product-tabs{display:flex;gap:22px;align-items:center}
.ys .product-tabs button{font-size:12px;line-height:1.6;color:#6b716e;padding:7px 0;border-bottom:1.5px solid transparent}
.ys .product-tabs button.active{border-color:var(--ink);color:var(--ink)}
.ys .product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ys .product-card{min-width:0}
.ys .product-visual{position:relative;background:#f0f0eb;border-radius:5px;overflow:hidden}
.ys .product-image-button{width:100%;display:block;padding:22px;height:212px}
.ys .product-image-button img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .25s}
.ys .product-image-button:hover img{transform:scale(1.045)}
.ys .product-card[data-key="calculator"] .product-image-button{padding:19px}
.ys .product-flag{position:absolute;top:13px;left:13px;font-size:10px;letter-spacing:.025em;color:#4b5851;background:#ffffffc9;padding:3px 7px;border-radius:2px;pointer-events:none}
.ys .favorite{position:absolute;right:8px;top:8px;height:34px;width:34px;padding:8px;border-radius:50%;display:grid;place-items:center}
.ys .favorite:hover{background:#fff}
.ys .favorite svg{width:18px;height:18px}
.ys .favorite.saved{color:var(--orange)}
.ys .favorite.saved svg{fill:var(--orange);stroke:var(--orange)}
.ys .product-meta{padding:15px 1px}
.ys .product-kind{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:5px}
.ys .product-name{font-size:14px;line-height:1.4;letter-spacing:-.01em;font-weight:500;text-align:left;padding:0;min-height:40px;display:block;width:100%}
.ys .product-sub{font-size:11px;color:#5c625d;margin-top:4px}
.ys .product-price-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;gap:8px}
.ys .product-price-row strong{font-size:17px;font-weight:600;letter-spacing:-.03em}
.ys .product-price-row button{font-size:10px;display:flex;align-items:center;gap:7px;padding:5px 0;border-bottom:1px solid #a7aca5}
.ys .product-price-row button svg{width:13px;height:13px}
.ys .browse-row{display:flex;justify-content:space-between;align-items:center;margin-top:16px}
.ys .browse-row small{color:#7c817c;font-size:10px}
.ys .text-link{display:inline-flex;align-items:center;gap:12px;padding:7px 0;font-size:12px;border-bottom:1px solid #8a9187}
.ys .text-link svg{width:16px}
.ys .photo-feature{display:grid;grid-template-columns:1.07fr 1fr;border-top:1px solid var(--line);padding:46px 0;gap:60px;align-items:center}
.ys .feature-image{position:relative;overflow:hidden;border-radius:5px}
.ys .feature-image img{width:100%;aspect-ratio:1.24;object-fit:cover}
.ys .image-caption{position:absolute;bottom:0;left:0;right:0;background:#faf7efe8;padding:13px 20px;font-size:11px;font-style:italic;color:#5e5d51}
.ys .feature-copy .eyebrow{color:#8f684d;margin-bottom:17px;font-size:10px}
.ys .feature-copy h2{font-size:35px;line-height:1.16;font-weight:500}
.ys .feature-copy h2 em{font-family:Georgia,'Times New Roman',serif;font-size:37px;font-weight:400;color:#775440;letter-spacing:-.04em}
.ys .feature-copy>p{font-size:13px;color:var(--muted);line-height:1.7;margin:18px 0 23px}
.ys .photo-types{margin-bottom:24px}
.ys .photo-types a{display:grid;grid-template-columns:1fr 24px;gap:3px;padding:12px 0;border-top:1px solid var(--line)}
.ys .photo-types a b{font-weight:500;font-size:13px}
.ys .photo-types a span{grid-column:1;color:var(--muted);font-size:11px}
.ys .photo-types svg{grid-column:2;grid-row:1/3;align-self:center;width:17px}
.ys .button{display:inline-flex;align-items:center;justify-content:center;gap:16px;border-radius:4px;min-height:46px;padding:12px 22px;font-size:12px;font-weight:600;line-height:1.3;border:1px solid transparent}
.ys .button svg{width:18px}
.ys .primary{background:var(--orange);color:#fff}
.ys .primary:hover{background:var(--orange-hover)}
.ys .dark{background:var(--ink);color:#fff}
.ys .dark:hover{background:#374b46}
.ys .outline{border-color:var(--ink);background:transparent}
.ys .feature-steps{display:flex;gap:23px;margin-top:20px;font-size:10px;color:var(--muted)}
.ys .merch-feature{display:grid;grid-template-columns:1fr 1fr;background:#ebece4;align-items:center;border-radius:5px;overflow:hidden;margin-top:10px}
.ys .merch-copy{padding:42px 42px 42px 48px}
.ys .merch-copy .eyebrow{font-size:10px;color:#5a6e5d;margin-bottom:15px}
.ys .merch-copy h2{font-size:35px;font-weight:500}
.ys .merch-copy p{font-size:12px;color:#667267;line-height:1.8;margin:18px 0 23px}
.ys .merch-copy .text-link{display:flex;width:fit-content;margin-top:14px;font-size:11px}
.ys .merch-feature>img{height:100%;width:100%;object-fit:cover;max-height:390px}
.ys .guide-section{padding-top:56px;padding-bottom:64px}
.ys .guide-section .section-header{margin-bottom:24px}
.ys .guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ys .guide-grid button{text-align:left;padding:18px 0 14px;border-top:1px solid var(--ink);position:relative}
.ys .guide-grid button>span{font-size:10px;letter-spacing:.09em;color:#777d74}
.ys .guide-grid h3{font-size:20px;font-weight:500;margin:15px 0 8px}
.ys .guide-grid p{font-size:12px;color:var(--muted)}
.ys .guide-grid svg{margin-top:19px;width:19px}
.ys .selected .radio-dot{border:4px solid var(--green)}
.ys .sample-button{font-size:10px;padding-bottom:3px;line-height:1;margin-top:3px}
.ys .warning{color:#845219;background:#fbf0db}
.ys @media(min-width:1500px){.category-image{height:236px}
.ys .category-copy h2{font-size:28px}
.ys }
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}
.ys .category-copy{padding-left:18px;padding-right:18px}
.ys .category-copy h2{font-size:23px}
.ys .category-image{height:190px}
.ys .category-foot{padding:10px 18px}
.ys .service-strip{gap:28px}
.ys .product-grid{gap:18px}
.ys .product-image-button{height:180px;padding:18px}
.ys .photo-feature{gap:35px}
.ys .feature-copy h2{font-size:30px}
.ys .feature-copy h2 em{font-size:31px}
.ys .merch-copy{padding:34px}
.ys }
@media(max-width:800px){.wrap{width:calc(100% - 40px)}
.ys .account{display:none}
.ys .intro h1{font-size:29px}
.ys .intro p{font-size:10px}
.ys .category-copy{padding:18px 14px 14px}
.ys .category-copy .eyebrow{font-size:10px;letter-spacing:.07em}
.ys .category-copy h2{font-size:20px}
.ys .category-image{height:170px}
.ys .category-foot{padding:10px 14px;font-size:10px}
.ys .circle-arrow{width:25px;height:25px}
.ys .category-grid{gap:12px}
.ys .service-strip{gap:22px;height:59px}
.ys .service-strip span{font-size:10px;gap:6px}
.ys .service-strip svg{width:15px;height:15px}
.ys .product-grid{gap:22px;grid-template-columns:repeat(2,minmax(0,1fr))}
.ys .product-image-button{height:220px}
.ys .product-name{min-height:auto}
.ys .photo-feature{gap:28px}
.ys .feature-copy h2{font-size:26px}
.ys .feature-copy h2 em{font-size:27px}
.ys .feature-copy>p{font-size:11px}
.ys .feature-copy .eyebrow{margin-bottom:12px}
.ys .photo-types a b{font-size:11px}
.ys .photo-types a span{font-size:10px}
.ys .merch-copy{padding:28px}
.ys .merch-copy h2{font-size:28px}
.ys .merch-copy p{font-size:11px}
.ys .guide-grid{gap:22px}
.ys .guide-grid h3{font-size:17px}
.ys .guide-grid p{font-size:11px}
.ys }
@media(max-width:640px){html{scroll-padding-top:166px}
.ys .wrap{width:calc(100% - 32px)}
.ys .intro{padding:24px 0 18px;align-items:flex-start}
.ys .intro h1{font-size:26px;max-width:225px;line-height:1.1;font-weight:500}
.ys .intro p{font-size:10px;max-width:95px;padding-top:3px}
.ys .category-grid{grid-template-columns:1fr;gap:10px}
.ys .category-card{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:1fr auto;height:150px;border-radius:5px}
.ys .category-copy{padding:21px 0 0 18px;grid-column:1;grid-row:1;z-index:1}
.ys .category-copy .eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:9px;max-width:155px}
.ys .category-copy h2{font-size:22px;max-width:150px;line-height:1.08}
.ys .category-image{grid-column:2;grid-row:1/3;height:150px}
.ys .category-image img{object-fit:cover;object-position:center}
.ys .category-foot{grid-column:1;grid-row:2;padding:10px 7px 16px 18px;gap:7px;font-size:10px;z-index:1}
.ys .circle-arrow{width:21px;height:21px;border:0;margin-right:8px}
.ys .circle-arrow svg{width:16px}
.ys .service-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;height:auto;padding:20px 7px}
.ys .service-strip span{font-size:10px;gap:8px}
.ys .service-strip svg{width:15px}
.ys .products-section{padding-top:25px;padding-bottom:30px;scroll-margin-top:160px}
.ys .section-header{gap:13px;margin-bottom:18px;align-items:flex-start;flex-direction:column}
.ys .section-header h2{font-size:26px}
.ys .section-header .eyebrow{font-size:10px;margin-bottom:5px}
.ys .product-tabs{gap:23px}
.ys .product-tabs button{font-size:11px;padding:5px 0}
.ys .product-grid{gap:22px 14px}
.ys .product-image-button{height:170px;padding:16px}
.ys .product-flag{font-size:10px;left:8px;top:9px;padding:3px 5px}
.ys .favorite{width:30px;height:30px;right:4px;top:4px}
.ys .favorite svg{width:15px;height:15px}
.ys .product-meta{padding:11px 0 0}
.ys .product-kind{font-size:10px}
.ys .product-name{font-size:12px;min-height:34px;line-height:1.35}
.ys .product-sub{font-size:10px;min-height:26px}
.ys .product-price-row{gap:6px;align-items:flex-start;margin-top:8px;flex-direction:column}
.ys .product-price-row strong{font-size:16px}
.ys .product-price-row button{font-size:10px;padding:5px 0}
.ys .browse-row{margin-top:26px;align-items:flex-start;gap:20px}
.ys .browse-row small{font-size:10px;max-width:120px;text-align:right}
.ys .text-link{font-size:11px;gap:10px}
.ys .photo-feature{grid-template-columns:1fr;padding:30px 0;gap:25px}
.ys .feature-image img{aspect-ratio:1.4;object-fit:cover}
.ys .image-caption{font-size:10px;padding:10px 15px}
.ys .feature-copy h2{font-size:30px}
.ys .feature-copy h2 em{font-size:32px}
.ys .feature-copy>p{font-size:12px}
.ys .feature-copy .eyebrow{font-size:10px}
.ys .photo-types a b{font-size:12px}
.ys .photo-types a span{font-size:11px}
.ys .feature-copy>.button{width:100%}
.ys .feature-steps{justify-content:center;gap:30px;font-size:10px}
.ys .merch-feature{grid-template-columns:1fr;margin-top:5px}
.ys .merch-feature>img{grid-row:1;height:230px}
.ys .merch-copy{padding:27px 25px}
.ys .merch-copy h2{font-size:30px}
.ys .merch-copy p{font-size:11px}
.ys .merch-copy .eyebrow{font-size:10px}
.ys .merch-copy .button{font-size:11px}
.ys .guide-section{padding-top:37px;padding-bottom:35px}
.ys .guide-grid{grid-template-columns:1fr;gap:18px}
.ys .guide-grid button{padding:15px 0 10px}
.ys .guide-grid h3{font-size:20px;margin:10px 0 6px}
.ys .guide-grid svg{position:absolute;right:2px;top:30px}
.ys .guide-grid p{font-size:11px}
.ys .guide-grid button>span{font-size:10px}
.ys .selected .radio-dot{border-width:3px}
.ys }
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.ys }
@media(max-width:640px){.main-nav .other-categories{display:none}
.ys .product-sub{font-size:11px}
.ys .product-kind{font-size:10px}
.ys .product-name{font-size:13px;min-height:36px}
.ys .product-price-row button{font-size:11px;min-height:35px}
.ys .category-foot{font-size:10px}
.ys .guide-grid p{font-size:12px}
.ys .favorite{width:36px;height:36px}
.ys .photo-types a{min-height:58px}
.ys .sample-button{min-height:36px}
.ys }
@media print{.site-header{position:static}
.ys button{print-color-adjust:exact}
.ys .wrap{width:95%}
.ys .category-card{break-inside:avoid}
.ys .product-card{break-inside:avoid}
}   /* 20 Eki 2026: @media print kapanmıyordu → aşağıdaki uyarlamalar yalnız yazdırmada geçerliydi */
/* --- TEDZİN uyarlamaları (gerçek bağlantılar <a>; tasarımdaki <button> kurallarıyla aynı görünüm) --- */
.ys .product-price-row a{font-size:11px;display:flex;align-items:center;gap:7px;padding:5px 0;border-bottom:1px solid #a7aca5;white-space:nowrap}
.ys .product-price-row a svg,.ys .product-price-row button svg{width:13px;height:13px}
.ys .product-price-row button{font-size:11px;white-space:nowrap}
.ys .product-price-row button.eklendi{color:var(--green);border-color:var(--green)}
.ys .product-price-row strong s{font-size:12px;font-weight:400;color:var(--muted)}
.ys .product-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ys .product-visual .favori{position:absolute;right:8px;top:8px;z-index:1}
.ys .guide-grid a{display:block;text-align:left;padding:18px 0 14px;border-top:1px solid var(--ink);position:relative}
.ys .guide-grid a>span{font-size:10px;letter-spacing:.09em;color:#777d74}
.ys .guide-grid a svg{margin-top:19px;width:19px}
.ys .guide-grid a:hover h3{text-decoration:underline;text-underline-offset:4px}
.ys .ys-linkler{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:14px}
.ys .ys-linkler .text-link{font-size:11px}
.ys .browse-row .text-link{font-size:12px}
.ys .ys-rehberler{margin-top:28px;font-size:12px;line-height:1.9;color:var(--muted)}
.ys .ys-rehberler a{text-decoration:underline;text-decoration-color:#c9cbc4;text-underline-offset:3px}
.ys .ys-rehberler a:hover{color:var(--ink)}
.ys .ys-iskelet{height:300px;border-radius:5px;background:linear-gradient(90deg,#f0f0eb,#f6f5f1,#f0f0eb);background-size:200% 100%;animation:ysIskelet 1.2s infinite}
@keyframes ysIskelet{to{background-position:-200% 0}}
.ys .ys-bos{color:var(--muted);font-size:13px}
@media(max-width:640px){.ys .ys-iskelet{height:240px}.ys .guide-grid a{padding:15px 0 10px}.ys .guide-grid a svg{position:absolute;right:2px;top:30px;margin-top:0}.ys .product-price-row{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.ys .ys-iskelet{animation:none}}
.ys h1,.ys h2,.ys h3{font-family:inherit;font-variation-settings:normal;color:inherit}
/* 20 Eki 2026 (Tur 22): promosyon bölümü bağlantıları akan satır — alt alta 6 satır yerine 2–3 satır */
.ys .merch-copy .ys-linkler{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:14px}
.ys .merch-copy .ys-linkler .text-link{display:inline-flex;width:auto;margin-top:0}

/* ---- Audio banner slider (21 Eki 2026): 3 kutunun altında, 4 banner, 4 sn otomatik, ok tuşları, sonsuz döngü, CLS 0 (sabit oran) ---- */
.ys .audio-slider{margin:34px auto 6px}
.ys .as-cerceve{position:relative;border-radius:var(--radius);overflow:hidden;background:#e9ebeb;isolation:isolate}
.ys .as-track{display:flex;aspect-ratio:1600/600;transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform}
.ys .as-slide{flex:0 0 100%;display:block;position:relative;outline-offset:-4px}
.ys .as-slide img{display:block;width:100%;height:100%;object-fit:cover}
.ys .as-ok{position:absolute;bottom:12px;width:42px;height:42px;border-radius:50%;border:1px solid rgba(32,43,46,.14);background:rgba(255,255,255,.88);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;box-shadow:0 4px 14px rgba(20,33,58,.12);transition:background .2s,transform .2s}
.ys .as-ok:hover{background:#fff;transform:scale(1.06)}
.ys .as-ok svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ys .as-onceki{left:12px}.ys .as-sonraki{right:12px}
.ys .as-alt{position:absolute;left:0;right:0;bottom:12px;display:flex;align-items:center;justify-content:center;gap:10px;z-index:3;pointer-events:none}
.ys .as-noktalar{display:flex;gap:8px;pointer-events:auto;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.75)}
.ys .as-noktalar button{position:relative;width:24px;height:24px;border-radius:50%;border:0;background:transparent;padding:0;margin:0 -4px;cursor:pointer}   /* 8 Kas: 24px dokunma alanı (WCAG 2.5.8), görünen nokta 9px */
.ys .as-noktalar button::before{content:"";position:absolute;left:7.5px;top:7.5px;width:9px;height:9px;border-radius:50%;background:rgba(32,43,46,.45);transition:transform .2s,background .2s}
.ys .as-noktalar button[aria-selected="true"]::before{background:#176B69;transform:scale(1.25)}
.ys .as-durdur{pointer-events:auto;width:30px;height:30px;border-radius:50%;border:0;background:rgba(255,255,255,.75);color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}
.ys .as-durdur svg{width:14px;height:14px;fill:currentColor}
.ys .as-durdur .as-ik-oynat{display:none}.ys .as-durdur[aria-pressed="true"] .as-ik-oynat{display:block}.ys .as-durdur[aria-pressed="true"] .as-ik-dur{display:none}
@media(max-width:640px){.ys .audio-slider{margin:22px auto 4px}.ys .as-track{aspect-ratio:1/1}.ys .as-ok{width:36px;height:36px;bottom:8px}.ys .as-onceki{left:8px}.ys .as-sonraki{right:8px}}
/* 4 Kas 2026 (ChatGPT banner denetimi): mobilde oklar/noktalar ürünlerin üstüne biniyordu → görselin altındaki şeride */
@media(max-width:640px){.ys .as-cerceve{background:transparent;padding-bottom:50px}.ys .as-slide img,.ys .as-slide .ak-ic{border-radius:0 0 var(--radius) var(--radius)}.ys .as-ok{bottom:4px}.ys .as-alt{bottom:9px}.ys .as-noktalar,.ys .as-durdur{background:rgba(32,43,46,.06)}}
@media(prefers-reduced-motion:reduce){.ys .as-track{transition:none}}
/* 27 Eki 2026: "Öne çıkanlar" kayan şerit (nitelikli ürünler, 16 kart; masaüstü 4, tablet 3, telefon ~2 kart görünür) */
.ys .product-grid.ys-kayan{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 24px) / 4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;padding-bottom:2px}
.ys .product-grid.ys-kayan::-webkit-scrollbar{display:none}
.ys .product-grid.ys-kayan > *{scroll-snap-align:start}
.ys .ys-oklar{display:inline-flex;gap:8px}
.ys .ys-oklar button{width:36px;height:36px;border:1px solid #d9dbd6;border-radius:50%;display:grid;place-items:center;background:var(--paper,#fff);color:var(--ink)}
.ys .ys-oklar button:hover{border-color:var(--ink)}
.ys .ys-oklar svg{width:16px;height:16px}
@media (max-width:1100px){.ys .product-grid.ys-kayan{grid-auto-columns:calc((100% - 2 * 18px) / 3)}}
@media (max-width:760px){.ys .product-grid.ys-kayan{grid-auto-columns:calc((100% - 14px) / 2.15)}}
.ys .browse-row [hidden]{display:none!important}   /* 27 Eki: .text-link display:flex hidden özniteliğini eziyordu */
/* 27 Eki 2026: Yeni üye hoş geldin kuponu (ChatGPT: "Şahane Kasım" MediaMarkt kampanya adı → kullanılmadı) (Audio slider'ın ilk slaytı; HTML/CSS, görsel değil → metin net, CLS 0) */
.ys .as-kampanya{container-type:inline-size;background:#F3EDE2;color:#14213A;text-decoration:none}
.ys .as-kampanya::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 18%,rgba(23,107,105,.10) 0 18%,transparent 18.2%),radial-gradient(circle at 70% 96%,rgba(203,77,37,.08) 0 14%,transparent 14.2%);pointer-events:none}
.ys .ak-ic{position:relative;display:flex;align-items:center;justify-content:space-between;gap:4cqw;height:100%;padding:0 6.5cqw 0 6cqw}
.ys .ak-metin{display:flex;flex-direction:column;align-items:flex-start;gap:1.1cqw;max-width:56%}
.ys .ak-ust{font-size:1.05cqw;letter-spacing:.16em;font-weight:700;color:#176B69}
.ys .ak-baslik{font-size:3.6cqw;line-height:1.08;letter-spacing:-.035em;font-weight:600;text-wrap:balance}
.ys .ak-baslik em{font-style:normal;color:#176B69}
.ys .ak-alt{font-size:1.35cqw;line-height:1.45;color:#3E4A4D;max-width:40cqw}
.ys .ak-dugme{margin-top:.6cqw;display:inline-flex;align-items:center;gap:.6em;background:#176B69;color:#fff;font-weight:700;font-size:1.25cqw;padding:1cqw 2cqw;border-radius:999px;transition:background .2s}
.ys .ak-dugme::after{content:"→"}
.ys .as-kampanya:hover .ak-dugme{background:#11514F}
.ys .ak-not{font-size:.95cqw;color:#5e6762}
.ys .ak-bilet{flex:0 0 auto;width:30cqw;aspect-ratio:1.55;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5cqw;color:#fff;background:#176B69;border-radius:1.4cqw;transform:rotate(-4deg);box-shadow:0 1.6cqw 3.2cqw rgba(20,33,58,.18);
  -webkit-mask:radial-gradient(circle 1.6cqw at 0 50%,transparent 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 1.6cqw at 100% 50%,transparent 98%,#000) right/51% 100% no-repeat;
          mask:radial-gradient(circle 1.6cqw at 0 50%,transparent 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 1.6cqw at 100% 50%,transparent 98%,#000) right/51% 100% no-repeat;
  outline:.25cqw dashed rgba(255,255,255,.45);outline-offset:-1.6cqw}
.ys .ak-b-ust{font-size:1.05cqw;letter-spacing:.18em;font-weight:700;opacity:.85}
.ys .ak-b-tutar{font-size:8.2cqw;font-weight:800;line-height:1;letter-spacing:-.04em}
.ys .ak-b-tutar small{font-size:.38em;margin-left:.15em;letter-spacing:0}
.ys .ak-b-alt{font-size:1.1cqw;opacity:.9}
@media(max-width:640px){
  .ys .ak-ic{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:5cqw;padding:7cqw 7cqw 19cqw;text-align:left}
  .ys .ak-metin{max-width:100%;gap:2.2cqw}
  .ys .ak-ust{font-size:2.8cqw}.ys .ak-baslik{font-size:7.6cqw}.ys .ak-alt{display:none}
  .ys .ak-dugme{font-size:3.7cqw;padding:2.6cqw 5cqw;margin-top:1cqw}.ys .ak-not{display:none}
  .ys .ak-bilet{order:-1;align-self:center;width:44cqw;border-radius:3cqw;transform:rotate(-3deg);outline-width:.5cqw;outline-offset:-3cqw;
    -webkit-mask:radial-gradient(circle 3.2cqw at 0 50%,transparent 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 3.2cqw at 100% 50%,transparent 98%,#000) right/51% 100% no-repeat;
            mask:radial-gradient(circle 3.2cqw at 0 50%,transparent 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 3.2cqw at 100% 50%,transparent 98%,#000) right/51% 100% no-repeat}
  .ys .ak-b-ust{font-size:2.3cqw}.ys .ak-b-tutar{font-size:12.5cqw}.ys .ak-b-alt{font-size:2.5cqw}
}
@media(max-width:640px){.ys .category-card.audio .category-image img{object-position:28% center}}

/* 4 Kas 2026: kart altı CTA → beyaz hap buton + yeşil ok dairesi (ChatGPT önerisi 1); güven şeridi ve sağ üst not kaldırıldı */
.ys .category-section{padding-bottom:4px}
.ys .category-foot{margin:16px 18px 18px;padding:0 6px 0 20px;height:48px;background:#fff;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:-.01em;color:#14213A;box-shadow:0 1px 2px rgba(20,33,58,.06);transition:background .18s ease,color .18s ease,box-shadow .18s ease}
.ys .category-foot .circle-arrow{width:36px;height:36px;border:0;background:#176B69;color:#fff;transition:background .18s ease,color .18s ease}
.ys .category-foot .circle-arrow svg{width:18px;height:18px;stroke-width:2;transform:rotate(-45deg);transition:transform .18s ease}
.ys .category-card:hover .category-foot,.ys .category-card:focus-visible .category-foot{background:#176B69;color:#fff;box-shadow:0 6px 18px rgba(23,107,105,.25)}
.ys .category-card:hover .circle-arrow,.ys .category-card:focus-visible .circle-arrow{background:#fff;color:#176B69;border-color:transparent}
.ys .category-card:hover .circle-arrow svg,.ys .category-card:focus-visible .circle-arrow svg{transform:rotate(0)}
.ys .category-card:focus-visible{outline:2px solid #176B69;outline-offset:3px}
@media(max-width:1100px){.ys .category-foot{margin:14px 14px 16px;font-size:13px}}
@media(max-width:640px){
  .ys .category-section{padding-bottom:0}
  .ys .category-card{height:172px}
  .ys .category-image{height:172px}
  .ys .category-foot{margin:10px 0 16px 16px;padding:0 4px 0 14px;height:36px;font-size:12px;gap:10px;align-self:end;justify-self:start}
  .ys .category-foot .circle-arrow{width:28px;height:28px;margin-right:0}
  .ys .category-foot .circle-arrow svg{width:15px;height:15px}
}
@media(prefers-reduced-motion:reduce){.ys .category-foot,.ys .category-foot .circle-arrow,.ys .category-foot .circle-arrow svg{transition:none}}

/* 4 Kas 2026 (kullanıcı: "sürekli mesaj vermemiz gerekmiyor"): ana sayfa başlığı yalnız ekran okuyucu/SEO için, kart üst yazıları ve rehber bölümü kaldırıldı */
.ys .ys-gizli{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ys .category-section{padding-top:24px}
@media(max-width:640px){.ys .category-section{padding-top:16px}}
/* 4 Kas 2026 (ChatGPT tur 1, P2): kupon koşulları/bitiş tarihi okunur boyutta; mobilde de görünür */
.ys .ak-not{font-size:max(12px,1.05cqw);color:#4a524e}
@media(max-width:640px){.ys .ak-not{display:block;font-size:max(11px,2.9cqw);margin-top:1cqw}}
/* 5 Kas 2026: kişisel bölümler + aşağı kaydırdıkça yüklenen akış — her bölüm yatay şerit (masaüstü 5, tablet 3, telefon ~2 kart) */
.ys .ys-kisisel,.ys .ys-akis{display:flex;flex-direction:column;gap:34px}
.ys .ys-kisisel{padding-top:30px}
.ys .ys-akis{padding-bottom:10px}
.ys .ys-serit-bas{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}
.ys .ys-serit-bas .eyebrow{color:var(--green,#176B69);margin-bottom:5px}
.ys .ys-serit-bas h2{font-size:23px;font-weight:500;letter-spacing:-.02em;text-wrap:balance}
.ys .ys-serit-bas .text-link{flex:none;font-size:12px}
.ys .ys-serit-govde{position:relative}
.ys .product-grid.ys-serit-grid{gap:20px;grid-auto-columns:calc((100% - 4 * 20px) / 5)}
.ys .ys-serit-grid .product-image-button{height:180px;padding:18px}
.ys .ys-serit-ok{position:absolute;top:72px;width:38px;height:38px;border-radius:50%;border:1px solid #d9dbd6;background:var(--paper,#fff);color:var(--ink);display:grid;place-items:center;box-shadow:0 2px 10px rgba(20,33,58,.08);z-index:2}
.ys .ys-serit-ok svg{width:16px;height:16px}
.ys .ys-serit-ok:hover{border-color:var(--ink)}
.ys .ys-serit-ok.onceki{left:-14px}.ys .ys-serit-ok.sonraki{right:-14px}
.ys .ys-serit-ok[disabled]{opacity:0;pointer-events:none}
.ys .ys-akis-kutu{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 30px;border-radius:var(--radius,8px);background:#F3EDE2;color:#14213A;text-decoration:none}
.ys .ys-akis-kutu.yesil{background:#E3EFEC}
.ys .ys-akis-kutu b{display:block;font-size:21px;font-weight:600;letter-spacing:-.02em;margin-bottom:4px}
.ys .ys-akis-kutu span{font-size:13px;color:#4b5851}
.ys .ys-akis-kutu em{flex:none;font-style:normal;font-size:13px;font-weight:600;background:#176B69;color:#fff;border-radius:999px;padding:11px 18px;display:inline-flex;gap:8px;align-items:center}
.ys .ys-akis-kutu em svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}
.ys .ys-akis-kutu:hover em{background:#11524f}
.ys .ys-akis-son{min-height:2px;padding-bottom:36px;display:flex;justify-content:center}
.ys .ys-akis-tumu{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;border:1px solid var(--ink);border-radius:999px;padding:12px 22px;color:var(--ink);text-decoration:none}
.ys .ys-akis-tumu svg{width:15px;height:15px}
@media (max-width:1100px){.ys .product-grid.ys-serit-grid{grid-auto-columns:calc((100% - 2 * 18px) / 3);gap:18px}}
@media (max-width:760px){.ys .product-grid.ys-serit-grid{grid-auto-columns:calc((100% - 14px) / 2.15);gap:14px}.ys .ys-serit-bas h2{font-size:20px}.ys .ys-serit-ok{display:none}.ys .ys-kisisel,.ys .ys-akis{gap:28px}.ys .ys-akis-kutu{flex-direction:column;align-items:flex-start;padding:22px}.ys .ys-akis-kutu b{font-size:19px}.ys .ys-serit-grid .product-image-button{height:150px;padding:14px}}

/* 9 Kas 2026: "TEDZİN'i Tanıyın" tanıtım videosu kartı (banner ile Öne çıkanlar arası) */
.ys .tzv-ana{margin-top:28px;margin-bottom:6px}
.ys .tzv-kart{display:grid;grid-template-columns:280px minmax(0,1fr);gap:44px;align-items:center;background:#fff;border:1px solid #E6E3DD;border-radius:28px;padding:30px 44px 30px 30px}
.ys .tzv-video{position:relative;width:280px;aspect-ratio:9/16;border-radius:18px;overflow:hidden;background:#14213A;box-shadow:0 18px 40px rgba(20,33,58,.18)}
.ys .tzv-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#14213A}
.ys .tzv-kapak{position:absolute;inset:0;width:100%;height:100%;padding:0;display:block;cursor:pointer}
.ys .tzv-kapak img{width:100%;height:100%;object-fit:cover;display:block}
.ys .tzv-oynat{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:rgba(255,255,255,.95);display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25);transition:transform .2s}
.ys .tzv-oynat svg{width:30px;height:30px;margin-left:5px;fill:#FF5A1F}
.ys .tzv-kapak:hover .tzv-oynat,.ys .tzv-kapak:focus-visible .tzv-oynat{transform:translate(-50%,-50%) scale(1.07)}
.ys .tzv-kapak:focus-visible{outline:3px solid #176B69;outline-offset:-3px}
.ys .tzv-video.oynuyor .tzv-kapak{display:none}
.ys .tzv-ust{font-size:12px;letter-spacing:.14em;font-weight:800;color:#176B69;text-transform:uppercase}
.ys .tzv-metin h2{font-size:clamp(26px,3vw,40px);line-height:1.08;margin:10px 0 12px;color:#14213A;letter-spacing:-.02em}
.ys .tzv-metin p{color:#56636d;font-size:16px;line-height:1.55;margin:0 0 18px;max-width:560px}
.ys .tzv-metin ul{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:1fr 1fr;gap:12px 22px;max-width:640px}
.ys .tzv-metin li{display:flex;gap:10px;align-items:flex-start;font-weight:700;color:#14213A;font-size:15px;line-height:1.35}
.ys .tzv-metin li i{flex:none;width:22px;height:22px;border-radius:50%;background:#E9F3F1;display:grid;place-items:center;font-style:normal;color:#176B69;font-size:13px;font-weight:900}
.ys .tzv-btn{display:flex;gap:12px;flex-wrap:wrap}
.ys .tzv-btn a{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;border-radius:999px;font-weight:700;font-size:15px}
.ys .tzv-b1{background:#176B69;color:#fff}.ys .tzv-b1:hover{background:#115552}
.ys .tzv-b2{border:1.5px solid #14213A;color:#14213A}
@media(max-width:860px){.ys .tzv-kart{grid-template-columns:220px minmax(0,1fr);gap:26px;padding:22px}.ys .tzv-video{width:220px}.ys .tzv-metin ul{grid-template-columns:1fr}}
@media(max-width:640px){   /* telefon: video büyük ve ortada (ChatGPT: küçük tutma), metin altta */
  .ys .tzv-kart{grid-template-columns:1fr;gap:18px;padding:18px;border-radius:22px;justify-items:center}
  .ys .tzv-video{width:min(100%,320px)}.ys .tzv-oynat{width:68px;height:68px}
  .ys .tzv-metin{justify-self:stretch}.ys .tzv-metin h2{font-size:26px}.ys .tzv-metin p{font-size:15px}
  .ys .tzv-btn a{flex:1 1 auto;justify-content:center}}
/* 13 Kas 2026: Kasım indirimi kart fiyatı */
.ys .product-price-row.tz-ind strong{display:flex;flex-direction:column;line-height:1.15}
.ys .product-price-row.tz-ind strong s{font-size:12px;font-weight:500;color:#6B7076}
.ys .product-price-row.tz-ind strong span{color:var(--tz-ind)}

/* ================= 13 Kas 2026 — KASIM İNDİRİMİ + Trendyol mantığında mobil ana sayfa (kullanıcı; ChatGPT TUR 50) =================
   Sıra: ince kampanya bandı → küçük yuvarlak kategoriler → Kasım fırsatları şeridi → Öne çıkanlar → son baktıkların → büyük kartlar/slider.
   Kırmızı/bordo yalnız indirim bilgisinde; eylem rengi marka yeşili. */
.ys{--km-bordo:#8F3028;--km-kirmizi:#B83D32;--km-sampanya:#FFD7A0;--km-acik:#FFF3E9}
.ys .km-bant{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:18px 26px;border-radius:12px;color:#fff;overflow:hidden;position:relative;
  background:radial-gradient(120% 160% at 100% 0%,#D9573F 0%,rgba(217,87,63,0) 55%),linear-gradient(105deg,var(--km-bordo) 0%,#A8352A 55%,var(--km-kirmizi) 100%)}
.ys .km-bant::after{content:"";position:absolute;right:-40px;bottom:-60px;width:220px;height:220px;border-radius:50%;border:28px solid rgba(255,215,160,.13);pointer-events:none}
.ys .km-bant[hidden]{display:none}
.ys .km-sol{display:flex;flex-direction:column;gap:4px;min-width:0;position:relative;z-index:1}
.ys .km-ust{font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--km-sampanya)}
.ys .km-baslik{font-size:30px;font-weight:800;letter-spacing:-.03em;line-height:1.05;text-wrap:balance}
.ys .km-baslik em{font-style:normal;color:var(--km-sampanya)}
.ys .km-alt{font-size:14px;opacity:.95}
.ys .km-alt b{color:var(--km-sampanya)}
.ys .km-sag{display:flex;align-items:center;gap:18px;flex:none;position:relative;z-index:1}
.ys .km-yuzde{font-size:54px;font-weight:900;letter-spacing:-.04em;line-height:1;color:var(--km-sampanya);font-variant-numeric:tabular-nums}
.ys .km-dugme{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--km-bordo);font-weight:700;font-size:14px;padding:11px 16px;border-radius:999px;white-space:nowrap}
.ys .km-dugme svg{width:16px;height:16px}
.ys .km-bant:hover .km-dugme{background:var(--km-acik)}
/* yuvarlak kategoriler */
.ys .km-ikonlar{margin-top:16px}
.ys .km-ikonlar ul{list-style:none;margin:0;padding:7px 0 6px;display:flex;gap:6px;justify-content:space-between;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.ys .km-ikonlar ul::-webkit-scrollbar{display:none}
.ys .km-ikonlar li{flex:0 0 auto;scroll-snap-align:start}
.ys .km-ikonlar a{display:flex;flex-direction:column;align-items:center;gap:6px;width:84px;text-align:center}
.ys .km-ikonlar a[hidden]{display:none}
.ys .km-ik-yuz{width:68px;height:68px;border-radius:50%;background:#fff;border:1px solid var(--line);display:grid;place-items:center;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.ys .km-ik-yuz img{width:100%;height:100%;object-fit:cover}
.ys .km-ikonlar a:hover .km-ik-yuz,.ys .km-ikonlar a:focus-visible .km-ik-yuz{transform:translateY(-2px);border-color:var(--green);box-shadow:0 6px 14px -8px rgba(23,107,105,.5)}
.ys .km-ikonlar a:active .km-ik-yuz{transform:scale(.94)}
.ys .km-ik-kasim{background:linear-gradient(135deg,var(--km-kirmizi),var(--km-bordo));border:0;color:var(--km-sampanya);font-size:30px;font-weight:900;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--km-kirmizi)}
.ys .km-ik-tumu{background:#EEF4F2;border-color:#D5E4DF;color:var(--green)}
.ys .km-ik-tumu svg{width:26px;height:26px}
.ys .km-ik-ad{font-size:12px;line-height:1.2;font-weight:600;color:var(--ink);text-wrap:balance}
.ys .km-ikonlar a[data-kampanya-ikon] .km-ik-ad{color:var(--km-kirmizi)}
/* Kasım fırsatları şeridi */
.ys .km-firsat{margin-top:26px}
.ys .km-firsat[hidden]{display:none}
.ys .km-eyebrow{color:var(--km-kirmizi)!important}
.ys .km-cipler{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:-4px 0 14px;padding-bottom:2px}
.ys .km-cipler::-webkit-scrollbar{display:none}
.ys .km-cipler button{flex:none;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:13px;font-weight:600;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.ys .km-cipler button[aria-pressed="true"]{background:var(--km-bordo);border-color:var(--km-bordo);color:#fff}
.ys .km-cipler button:disabled{opacity:1}
.ys .km-not{margin-top:10px;font-size:12px;color:var(--muted)}
.ys .km-serit .product-card{position:relative}
@media(max-width:760px){
  .ys .km-bant{margin-top:10px;padding:12px 14px;border-radius:10px;gap:10px}
  .ys .km-sol{gap:2px}
  .ys .km-baslik{font-size:20px}
  .ys .km-ust{font-size:9.5px;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .ys .km-alt{font-size:12px;line-height:1.35}
  .ys .km-sag{flex-direction:column;align-items:flex-end;gap:2px}
  .ys .km-yuzde{display:block;font-size:34px}
  .ys .km-dugme{padding:7px 10px;font-size:11.5px;gap:4px}
  .ys .km-dugme svg{width:13px;height:13px}
  .ys .km-bant::after{width:140px;height:140px;border-width:18px;right:-30px;bottom:-50px}
  .ys .km-firsat .km-eyebrow{display:none}
  .ys .km-ikonlar{margin-top:12px}
  .ys .km-ikonlar ul{justify-content:flex-start;gap:4px;margin:0 -20px;padding:7px 20px 6px;scroll-padding-left:20px}
  .ys .km-ikonlar a{width:72px}
  .ys .km-ik-yuz{width:58px;height:58px}
  .ys .km-ik-kasim{font-size:26px}
  .ys .km-ik-ad{font-size:11px}
  .ys .km-firsat{margin-top:18px}
  .ys .products-section{padding-top:22px}
}
@media(max-width:360px){.ys .km-yuzde{font-size:28px}.ys .km-dugme{display:none}}
@media(prefers-reduced-motion:reduce){.ys .km-ik-yuz,.ys .km-cipler button{transition:none}}
/* keyif noktaları: sepet sayısı zıplar, favori kalbi atar */
@keyframes tzZipla{0%{transform:scale(1)}40%{transform:scale(1.35)}100%{transform:scale(1)}}
.tz-zipla{animation:tzZipla .45s cubic-bezier(.3,1.6,.5,1)}
@media(prefers-reduced-motion:reduce){.tz-zipla{animation:none}}
/* 13 Kas 2026 ChatGPT TUR 50 P1: yeşil kompakt sepet düğmesi, sıkı mobil boşluklar */
.ys .product-price-row:has(.tz-sepet-btn){flex-direction:row;align-items:flex-end;justify-content:space-between}
.ys .product-price-row button.tz-sepet-btn{flex:none;width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:#176B69;color:#fff;display:grid;place-items:center;box-shadow:0 4px 10px -6px rgba(23,107,105,.8);transition:transform .15s ease,background .15s ease}
.ys .product-price-row button.tz-sepet-btn svg{width:22px;height:22px;stroke:#fff;stroke-width:1.8}
.ys .product-price-row button.tz-sepet-btn:hover{background:#125654}
.ys .product-price-row button.tz-sepet-btn:active{transform:scale(.92)}
.ys .product-price-row button.tz-sepet-btn.eklendi{background:#2E8B57}
@media(prefers-reduced-motion:reduce){.ys .product-price-row button.tz-sepet-btn{transition:none}}
@media(max-width:760px){
  .ys .km-ikonlar{margin-top:8px}
  .ys .km-firsat{margin-top:8px}
  .ys .km-firsat .ys-serit-bas{margin-bottom:8px}
  .ys .km-firsat .ys-serit-bas h2{font-size:18px}
  .ys .km-cipler{margin:0 0 10px;gap:6px}
  .ys .km-cipler button{min-height:32px;padding:0 12px;font-size:12px}
  .ys .km-serit .product-image-button{height:150px;padding:12px}
  .ys .km-serit .product-meta .product-sub{display:none}
  .ys .product-price-row button.tz-sepet-btn{width:40px;height:40px;min-height:40px}
}

/* ================= 13 Kas 2026 (2. tur, kullanıcı: "yapay zeka yapmış gibi") — DÜKKÂN VİTRİNİ =================
   Gradyan bant, dekoratif daireler, harf aralıklı büyük harf etiketler kaldırıldı. Fikir: Türk elektronik dükkânının camı —
   beyaz vitrin rafında gerçek ürünlerimiz, cama asılmış keçeli kalemle yazılmış kırmızı "İndirim" tabelası, yuvarlak fiyat etiketi.
   Cesaret yalnız tabelada (el yazısı); gerisi sakin: marka laciverti #14213A, eylem yeşili #176B69, keçeli kalem kırmızısı #D62718. */
.ys{--vt-kirmizi:#D62718;--vt-lacivert:#14213A;--vt-cizgi:#E3E6EA}
.ys .vt{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:end;min-height:218px;margin-top:18px;padding:22px 28px 0;background:#fff;border:1px solid var(--vt-cizgi);border-radius:12px;overflow:hidden;color:var(--vt-lacivert)}
.ys .vt[hidden]{display:none}
.ys .vt::after{content:"";position:absolute;left:0;right:0;bottom:0;height:12px;background:var(--vt-lacivert);box-shadow:0 -3px 0 #2A3A5A inset}   /* raf */
.ys .vt-tabela{align-self:center;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding-bottom:26px;position:relative;z-index:2}
.ys .vt-yazi{font-family:"Caveat Brush","Comic Sans MS",cursive;font-size:54px;line-height:.95;color:var(--vt-kirmizi);transform:rotate(-2.5deg);transform-origin:left bottom;max-width:11ch}
.ys .vt-alt{font-family:Archivo,Arial,sans-serif;font-size:15px;line-height:1.35;color:#3D4A5C;max-width:30ch;margin-top:4px}
.ys .vt-dugme{margin-top:8px;display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:8px;background:#176B69;color:#fff;font-family:Archivo,Arial,sans-serif;font-weight:700;font-size:15px}
.ys .vt:hover .vt-dugme{background:#125654}
.ys .vt:focus-visible{outline:3px solid #176B69;outline-offset:3px}
.ys .vt-etiket{position:absolute;z-index:3;left:43%;top:20px;width:92px;height:92px;border-radius:50%;background:var(--vt-kirmizi);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg);box-shadow:0 3px 0 rgba(0,0,0,.12)}
.ys .vt-etiket::before{content:"";position:absolute;top:9px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}   /* etiket deliği */
.ys .vt-etiket b{font-family:Archivo,Arial,sans-serif;font-variation-settings:"wdth" 70;font-weight:900;font-size:36px;line-height:1;margin-top:8px}
.ys .vt-etiket small{font-family:Archivo,Arial,sans-serif;font-weight:700;font-size:12px}
.ys .vt-raf{display:flex;align-items:flex-end;justify-content:flex-end;gap:2%;height:100%;padding:0 4px 11px;position:relative;z-index:1}
.ys .vt-u{display:block;width:auto;max-width:none;object-fit:contain;mix-blend-mode:multiply}
.ys .vt-ups{height:122px}.ys .vt-monitor{height:178px}.ys .vt-dizustu{height:104px;margin-left:-3%}.ys .vt-kamera{height:66px}.ys .vt-kulaklik{height:96px}.ys .vt-ssd{height:58px}.ys .vt-mouse{height:50px}
@media(max-width:1100px){.ys .vt-kulaklik,.ys .vt-ups{display:none}.ys .vt-yazi{font-size:46px}}
@media(max-width:760px){
  .ys .vt{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);min-height:150px;margin-top:10px;padding:14px 14px 0;border-radius:10px}
  .ys .vt::after{height:9px}
  .ys .vt-tabela{padding-bottom:18px;gap:3px}
  .ys .vt-yazi{font-size:33px;max-width:9ch}
  .ys .vt-alt{font-size:12px;max-width:22ch}
  .ys .vt-dugme{min-height:34px;padding:0 12px;font-size:13px;margin-top:4px}
  .ys .vt-etiket{width:62px;height:62px;left:auto;right:10px;top:10px}
  .ys .vt-etiket::before{top:6px;width:6px;height:6px}
  .ys .vt-etiket b{font-size:24px;margin-top:5px}
  .ys .vt-etiket small{font-size:9px}
  .ys .vt-raf{padding-bottom:8px;gap:0}
  .ys .vt-monitor{height:96px}.ys .vt-dizustu{height:58px;margin-left:-14px}.ys .vt-kamera,.ys .vt-mouse{display:none}.ys .vt-ssd{height:30px;margin-left:-6px}
}
@media(prefers-reduced-motion:reduce){.ys .vt-yazi,.ys .vt-etiket{transform:none}}
/* yuvarlak kategoriler: beyaz disk, ince çizgi, ürün diski doldurur; kampanya diski keçeli kalem "%" */
.ys .km-ik-yuz{background:#fff;border:1px solid var(--vt-cizgi);box-shadow:none}
.ys .km-ik-kasim{background:var(--vt-kirmizi);border:0;box-shadow:none;color:#fff;font-family:"Caveat Brush",cursive;font-size:38px;font-weight:400}
.ys .km-ikonlar a[data-kampanya-ikon] .km-ik-ad{color:var(--vt-kirmizi)}
.ys .km-ik-tumu{background:#F1F3F5;border-color:var(--vt-cizgi);color:var(--vt-lacivert)}
.ys .km-ik-ad{font-family:Archivo,Arial,sans-serif;font-weight:600;color:var(--vt-lacivert)}
/* fırsat şeridi: başlık sade, alt satır tarih; çipler yerine altı çizili sekmeler */
.ys .km-firsat h2{font-family:Archivo,Arial,sans-serif;font-variation-settings:"wdth" 80;font-weight:800;letter-spacing:-.01em;color:var(--vt-lacivert)}
.ys .km-alt-bas{margin-top:2px;font-size:13px;color:#5B6676}
.ys .km-cipler{gap:0;border-bottom:1px solid var(--vt-cizgi);margin-bottom:14px}
.ys .km-cipler button{min-height:40px;padding:0 12px;border:0;border-radius:0;background:none;font-family:Archivo,Arial,sans-serif;font-size:13.5px;font-weight:600;color:#5B6676;border-bottom:2px solid transparent;margin-bottom:-1px}
.ys .km-cipler button[aria-pressed="true"]{background:none;color:var(--vt-lacivert);border-bottom-color:var(--vt-kirmizi)}
@media(max-width:760px){.ys .km-cipler button{min-height:38px;padding:0 10px;font-size:12.5px}.ys .km-firsat h2{font-size:21px}}
/* 13 Kas (2. tur düzeltme): mobil vitrin — yazı solda tam görünür, rafta iki ürün; masaüstü raf biraz alçak */
.ys .vt-monitor{height:160px}.ys .vt-ups{height:112px}.ys .vt-dizustu{height:96px}
.ys .vt{min-height:200px}
@media(max-width:760px){
  body:has(#kmBant:not([hidden])) .kat-nav{display:none}
  .ys .vt{grid-template-columns:minmax(0,1fr) auto;min-height:0;padding:12px 12px 0}
  .ys .vt-tabela{padding-bottom:16px}
  .ys .vt-yazi{font-size:29px;max-width:none;line-height:1}
  .ys .vt-yazi{white-space:normal}
  .ys .vt-alt{font-size:12px;max-width:24ch}
  .ys .vt-raf{width:118px;padding-bottom:9px;justify-content:center}
  .ys .vt-monitor{height:74px}
  .ys .vt-dizustu{height:42px;margin-left:-30px}
  .ys .vt-ssd,.ys .vt-kamera,.ys .vt-mouse,.ys .vt-ups,.ys .vt-kulaklik{display:none}
  .ys .vt-etiket{width:56px;height:56px;top:8px;right:8px}
  .ys .vt-etiket b{font-size:21px}
}
@media(max-width:760px){.ys .km-alt-bas{display:none}}
/* 14 Kas 2026 (ChatGPT TUR 51-B): etikette azami oran yerine "Kasım fırsatları" */
.ys .vt-etiket-yazi b{font-size:21px;margin-top:12px;letter-spacing:.01em}
.ys .vt-etiket-yazi small{font-size:11.5px;margin-top:1px}
@media(max-width:640px){.ys .vt-etiket-yazi b{font-size:13px;margin-top:7px}.ys .vt-etiket-yazi small{font-size:7.5px}}