/*
Theme Name: YOM Teknoloji
Template: blocksy
Description: YOM Teknoloji e-ticaret alt teması (Blocksy)
Version: 2.0
Text Domain: yom
*/
:root{--navy:#0b1b3a;--blue:#2b5bff;--cyan:#10c8e0;--bg:#f4f6fa;--card:#fff;--text:#16213a;--muted:#667391;--line:#e4e9f2;--r:16px;--grad:linear-gradient(135deg,#2b5bff,#10c8e0)}
body.yom{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Helvetica,Arial,sans-serif}
.yom-wrap{max-width:1320px;margin:0 auto;padding:0 20px}
/* Blocksy başlık/alt bilgi gizle (kendi başlığımız var) */
.yom #header,.yom footer.ct-footer,.yom .ct-header-trigger{display:none!important}
/* ===== Başlık ===== */
.yh{position:sticky;top:0;z-index:50;background:#fff;box-shadow:0 1px 0 var(--line)}
.yh-top{background:var(--navy);color:#c5d2f0;font-size:13px}
.yh-top .yom-wrap{display:flex;justify-content:space-between;align-items:center;height:36px;gap:16px}
.yh-top a{color:#dce6ff;text-decoration:none;display:inline-flex;gap:6px;align-items:center}.yh-top .yi{width:15px;height:15px}
.yh-top-r{display:flex;gap:18px}
.yh-main .yom-wrap{display:flex;align-items:center;gap:26px;height:78px}
.yh-logo img{height:52px;width:auto;display:block}
.yh-search{flex:1;max-width:640px;position:relative}
.yh-search input{width:100%;height:46px;border:1.5px solid var(--line);background:var(--bg);border-radius:99px;padding:0 54px 0 22px;font-size:15px;outline:0;transition:.15s}
.yh-search input:focus{border-color:var(--blue);background:#fff;box-shadow:0 0 0 4px rgba(43,91,255,.12)}
.yh-search button{position:absolute;right:4px;top:4px;width:38px;height:38px;border-radius:50%;border:0;background:var(--grad);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.yh-act{display:flex;gap:6px;margin-left:auto}
.yh-ic{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text);text-decoration:none;font-size:12px;padding:6px 12px;border-radius:12px;font-weight:600}.yh-ic:hover{background:var(--bg)}
.yom-cnt-w{position:absolute;top:0;right:4px}.yom-cnt{display:inline-grid;place-items:center;min-width:19px;height:19px;border-radius:99px;background:var(--blue);color:#fff;font-size:11px;padding:0 5px}
.yh-burger,.yh-close{display:none;border:0;background:none;color:var(--text);padding:6px;cursor:pointer}
.yh-nav{border-top:1px solid var(--line);background:#fff}
.yh-nav>.yom-wrap>ul{display:flex;gap:4px;list-style:none;margin:0;padding:0}
.yh-nav li{position:relative;list-style:none}
.yh-nav li>a{display:block;padding:14px 16px;font-weight:700;font-size:15px;color:var(--text);text-decoration:none;border-bottom:3px solid transparent}
.yh-nav li:hover>a{color:var(--blue);border-color:var(--blue)}
.yh-nav .mega{display:none;position:absolute;left:0;top:100%;background:#fff;border-radius:0 0 var(--r) var(--r);box-shadow:0 20px 40px rgba(11,27,58,.15);min-width:300px;padding:18px 22px;z-index:60}
.yh-nav li.has:hover .mega{display:block}
.mega h6{margin:0 0 10px;font-size:12px;letter-spacing:.6px;color:var(--muted);text-transform:uppercase}
.mega ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(150px,1fr));gap:2px 24px}
.mega li a{padding:8px 0!important;font-weight:500!important;font-size:14px!important;border:0!important;color:var(--text)!important}.mega li a:hover{color:var(--blue)!important}
.m-only,.yh-ov{display:none}
/* ===== Slider ===== */
.ys{position:relative;overflow:hidden}
.ys-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.ys-track::-webkit-scrollbar{display:none}
.ys-slide{flex:0 0 100%;scroll-snap-align:start;display:block;text-decoration:none;color:inherit;min-height:480px}
.ys-in{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:480px;gap:20px}
.ys-tag{display:inline-block;background:rgba(255,255,255,.65);backdrop-filter:blur(6px);padding:6px 14px;border-radius:99px;font-size:13px;font-weight:700;margin-bottom:16px}
.ys-txt h2{font-size:clamp(34px,5vw,64px);line-height:1.02;margin:0 0 14px;letter-spacing:-1.5px;font-weight:800;color:inherit}
.ys-txt p{font-size:18px;max-width:480px;margin:0 0 20px;opacity:.8}
.ys-price small{display:block;opacity:.7;font-size:13px}.ys-price b{font-size:30px;font-weight:800;display:block;margin-bottom:22px}
.ys-btn{display:inline-block;background:var(--navy);color:#fff;padding:14px 30px;border-radius:99px;font-weight:700;transition:.2s}
.ys-slide:hover .ys-btn{transform:translateX(4px);background:var(--blue)}
.ys-art{display:flex;justify-content:center;align-items:center}
.ys-art img{max-height:440px;width:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s}
.ys-slide:hover .ys-art img{transform:scale(1.04)}
.ys-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;border:0;background:rgba(255,255,255,.85);color:var(--navy);display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 20px rgba(0,0,0,.12);padding:0}
.ys-nav:hover{background:#fff}.ys-prev{left:18px}.ys-next{right:18px}
.ys-dots{position:absolute;left:0;right:0;bottom:16px;display:flex;justify-content:center;gap:8px}
.ys-dots button{width:9px;height:9px;border-radius:99px;border:0;background:rgba(11,27,58,.25);padding:0;cursor:pointer;transition:.25s}.ys-dots button.on{width:28px;background:var(--navy)}
/* ===== USP ===== */
.yom-usp{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border-radius:var(--r);box-shadow:0 8px 28px rgba(11,27,58,.07);margin-top:-26px;position:relative;z-index:2}
.yom-usp>div{display:flex;gap:14px;align-items:center;padding:20px 22px;border-right:1px solid var(--line);font-size:13px;color:var(--muted)}.yom-usp>div:last-child{border:0}
.yom-usp .yi{color:var(--blue);flex:none;width:30px;height:30px}.yom-usp b{display:block;color:var(--text);font-size:15px}
/* ===== Bölümler ===== */
.yom-sec{margin:46px 0}
.yom-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:18px}
.yom-head h2{margin:0;font-size:28px;font-weight:800;letter-spacing:-.5px;color:var(--navy)}.yom-head p{margin:4px 0 0;color:var(--muted)}
.yom-head-r{display:flex;align-items:center;gap:8px}.yom-more{font-weight:700;color:var(--blue);text-decoration:none;margin-right:8px}
.yom-arr{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--line);background:#fff;color:var(--navy);display:grid;place-items:center;cursor:pointer;padding:0}.yom-arr:hover{border-color:var(--blue);color:var(--blue)}
.yom-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*16px)/5);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 2px 20px;margin:0 -2px}
.yom-track::-webkit-scrollbar{display:none}.yom-track>*{scroll-snap-align:start}
/* kategori daireleri */
.yom-cats{display:grid;grid-template-columns:repeat(9,1fr);gap:14px}
.yom-cat{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-weight:700;font-size:14px;text-align:center}
.yom-cat .ci{width:100%;aspect-ratio:1;max-width:130px;border-radius:50%;background:#fff;box-shadow:0 6px 20px rgba(11,27,58,.08);display:grid;place-items:center;overflow:hidden;transition:.2s;border:2px solid transparent}
.yom-cat:hover .ci{border-color:var(--blue);transform:translateY(-3px)}
.yom-cat .ci img{width:78%;height:78%;object-fit:contain}
/* ürün kartı */
.yc{background:var(--card);border-radius:var(--r);border:1px solid var(--line);display:flex;flex-direction:column;transition:.2s;overflow:hidden}
.yc:hover{box-shadow:0 14px 34px rgba(11,27,58,.13);transform:translateY(-3px);border-color:transparent}
.yc-img{position:relative;display:block;background:#fff;padding:14px;aspect-ratio:1}
.yc-img img{width:100%;height:100%;object-fit:contain;display:block}
.yc-badge{position:absolute;left:12px;top:12px;background:var(--grad);color:#fff;font-size:12px;font-weight:700;padding:4px 10px;border-radius:99px;z-index:1}
.yc-body{padding:4px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1}
.yc-title{font-size:14px;line-height:1.35;font-weight:600;color:var(--text);text-decoration:none;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:38px}
.yc-price{font-size:18px;font-weight:800;color:var(--navy);margin-top:auto}.yc-price small{display:block;font-size:11px;font-weight:600;color:var(--muted)}
.yc-price del{font-size:13px;color:var(--muted);font-weight:500}.yc-price ins{text-decoration:none}
.yc-btn{display:block;text-align:center;padding:10px;border-radius:99px;border:1.5px solid var(--blue);color:var(--blue);font-weight:700;font-size:14px;text-decoration:none;transition:.15s}
.yc-btn:hover{background:var(--blue);color:#fff}
.yc .added_to_cart{display:block;text-align:center;font-size:13px;color:var(--blue);font-weight:700}
/* bannerlar */
.yom-banners{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.yom-ban{border-radius:22px;color:#fff;text-decoration:none;display:flex;justify-content:space-between;align-items:center;padding:34px 38px;min-height:230px;overflow:hidden;position:relative;transition:.25s}
.yom-ban:hover{transform:translateY(-4px)}
.yom-ban small{opacity:.8;font-weight:700;letter-spacing:.5px;text-transform:uppercase;font-size:12px}
.yom-ban h3{color:#fff;font-size:34px;margin:6px 0;letter-spacing:-.8px}.yom-ban p{margin:0 0 16px;opacity:.85;max-width:260px}.yom-ban span{font-weight:700}
.yom-ban i{width:190px;height:190px;flex:none;background:#fff;border-radius:20px;display:grid;place-items:center;transform:rotate(4deg);box-shadow:0 18px 40px rgba(0,0,0,.25)}.yom-ban i img{width:88%;height:88%;object-fit:contain}
.yom-brands{display:flex;flex-wrap:wrap;gap:12px;align-items:center;background:#fff;border-radius:var(--r);padding:22px 26px;box-shadow:0 6px 20px rgba(11,27,58,.05)}
.yom-brands span{color:var(--muted);font-weight:600;margin-right:10px}.yom-brands b{font-size:19px;letter-spacing:-.3px;color:#8a97b4;padding:4px 14px;font-weight:800}
.yom-why{display:grid;grid-template-columns:1fr 1fr;gap:18px}.yom-why>div{background:#fff;border-radius:var(--r);padding:28px;box-shadow:0 6px 20px rgba(11,27,58,.05)}.yom-why h3{margin:0 0 10px;color:var(--navy)}.yom-why p{margin:0;color:var(--muted);line-height:1.7}
/* ===== Mağaza / ürün sayfaları ===== */
.woocommerce ul.products li.product{background:#fff;border-radius:var(--r);border:1px solid var(--line);padding:12px 12px 18px;transition:.2s}
.woocommerce ul.products li.product:hover{box-shadow:0 14px 34px rgba(11,27,58,.13);transform:translateY(-3px)}
.woocommerce ul.products li.product img{aspect-ratio:1;object-fit:contain;background:#fff}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:14px;font-weight:600;line-height:1.35}
.woocommerce ul.products li.product .price{color:var(--navy);font-weight:800}
.woocommerce span.onsale{background:var(--grad);border-radius:99px;min-height:0;line-height:1;padding:8px 12px}
.woocommerce a.button.alt,.woocommerce button.button.alt,.single_add_to_cart_button,.woocommerce #respond input#submit.alt,.wc-block-components-button:not(.is-link){background:var(--grad)!important;border:0!important;border-radius:99px!important;color:#fff!important;font-weight:700}
.woocommerce div.product .summary .price{color:var(--navy);font-weight:800;font-size:30px}
.woocommerce div.product div.images img{background:#fff;object-fit:contain}
.yom-specs{width:100%;border-collapse:collapse}.yom-specs th{text-align:left;width:30%;color:var(--muted);font-weight:600}.yom-specs td,.yom-specs th{padding:10px 12px;border-bottom:1px solid var(--line)}
/* ===== Alt bilgi ===== */
.yom-footer{background:var(--navy);color:#b7c4e6;margin-top:60px;padding:50px 0 18px;font-size:14px}
.yom-fgrid{display:grid;grid-template-columns:1.2fr .8fr .9fr .9fr 1.5fr;gap:30px}
.yom-footer h4{color:#fff;font-size:15px;margin:0 0 14px}.yom-footer a{display:block;color:#b7c4e6;text-decoration:none;margin-bottom:9px}.yom-footer a:hover{color:#fff}
.yom-flogo{height:50px;width:auto;margin-bottom:12px}.yom-footer strong{color:#fff}.yom-footer p{line-height:1.6;margin:0 0 10px}
.yom-fcopy{border-top:1px solid rgba(255,255,255,.12);margin-top:28px;padding-top:16px;font-size:12px;color:#8496c4}
/* ===== Duyarlı ===== */
@media(max-width:1100px){.yom-track{grid-auto-columns:calc((100% - 2*16px)/3)}.yom-cats{grid-template-columns:repeat(5,1fr)}.yom-fgrid{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:1020px){
 .yh-top-c,.yh-top-r{display:none}.yh-top .yom-wrap{justify-content:center}
 .yh-main .yom-wrap{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px;gap:10px 8px}
 .yh-burger{display:block;order:1}.yh-logo{order:2;margin-right:auto}.yh-logo img{height:40px}.yh-act{order:3;margin-left:0}.yh-ic span:not(.yom-cnt){display:none}.yh-ic{padding:6px}
 .yh-search{order:4;flex:0 0 100%;max-width:none}.yh-search input{height:42px}
 .yh-nav{position:fixed;inset:0 auto 0 0;width:84%;max-width:340px;transform:translateX(-102%);transition:.25s;z-index:80;overflow:auto;border:0;padding:12px 0}
 .yh-nav>.yom-wrap>ul{flex-direction:column;gap:0}.yh-nav li>a{border:0;padding:15px 8px;border-bottom:1px solid var(--line)!important}
 .yh-nav .mega{display:none!important;position:static;box-shadow:none;padding:0 0 8px 12px;min-width:0}.yh-nav li.open .mega{display:block!important}.mega ul{grid-template-columns:1fr}.mega h6{display:none}
 .yh-close{display:block;margin-left:auto}.m-only{display:block}.hide-m{display:none!important}
 .yh-ov{position:fixed;inset:0;background:rgba(11,27,58,.5);z-index:70;opacity:0;pointer-events:none;transition:.2s;display:block}
 body.yom-menu-open .yh-nav{transform:none}body.yom-menu-open .yh-ov{opacity:1;pointer-events:auto}
 .ys-slide,.ys-in{min-height:0}.ys-in{grid-template-columns:1fr;padding-top:26px;padding-bottom:46px;gap:0}.ys-art{order:-1}.ys-art img{max-height:250px}.ys-txt{text-align:center}.ys-txt p{margin-left:auto;margin-right:auto;font-size:15px}.ys-nav{display:none}.ys-price b{font-size:24px;margin-bottom:14px}
 .yom-usp{grid-template-columns:1fr 1fr;margin-top:-18px}.yom-usp>div{border-bottom:1px solid var(--line);padding:14px}
 .yom-track{grid-auto-columns:calc((100% - 12px)/2);gap:12px}.yom-arr{display:none}.yom-head h2{font-size:22px}.yom-sec{margin:32px 0}
 .yom-cats{grid-template-columns:repeat(3,1fr)}.yom-banners,.yom-why{grid-template-columns:1fr}.yom-ban{padding:24px;min-height:190px}.yom-ban h3{font-size:26px}.yom-ban i{width:120px;height:120px}
 .yom-fgrid{grid-template-columns:1fr 1fr}
}
.ys-art img{border-radius:28px}
@media(max-width:1020px){.ys-art img{max-height:210px}.yom-usp .yi{width:24px;height:24px}.yom-usp>div{flex-direction:column;align-items:flex-start;gap:6px}}