/*
Theme Name: Oyun Sepetim
Theme URI: https://oyunsepetim.net
Author: Oyun Sepetim
Description: Oyun Sepetim icin ozel WooCommerce temasi. Acik ve gece modu, filtreli katalog, PayTR ve uyelik akislarina dokunmaz.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: oyunsepetim
Tags: e-commerce, woocommerce, custom-colors, dark-mode
WC requires at least: 8.0
WC tested up to: 9.9
*/

/* ============================================================
   1. TOKENS
   ============================================================ */
:root{
  --accent:#16a34a; --accent-2:#15803d; --accent-3:#0d5f2c;
  --accent-soft:#eefcf3; --accent-line:#cfeeda; --on-accent:#fff;
  --bg:#f6f5f2; --card:#ffffff; --card-2:#faf9f7; --sunk:#edebe6;
  --line:#e6e4de; --line-2:#d6d3cc; --line-3:#bfbcb4;
  --tx:#101010; --tx-2:#4d4d4d; --tx-3:#8b8883;
  --red:#d03a2a; --red-2:#b32e20;
  --sh-s:0 1px 2px rgba(20,25,20,.05);
  --sh-m:0 4px 14px -6px rgba(20,35,22,.16), 0 1px 3px rgba(20,25,20,.05);
  --sh-l:0 18px 40px -18px rgba(14,40,20,.34), 0 3px 10px rgba(20,25,20,.06);
  --scrim:14,24,16;
  --f:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  --max:1360px;
  --e:cubic-bezier(.22,.7,.28,1);
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --accent:#4ade80; --accent-2:#3bd36f; --accent-3:#7bf0a6;
    --accent-soft:#0e2618; --accent-line:#1e4530; --on-accent:#052e16;
    --bg:#0a0a0a; --card:#151515; --card-2:#1b1b1b; --sunk:#111111;
    --line:#262626; --line-2:#343434; --line-3:#4d4d4d;
    --tx:#ededed; --tx-2:#b2b2b2; --tx-3:#767676;
    --red:#f0614f; --red-2:#ff7a68;
    --sh-s:0 1px 2px rgba(0,0,0,.5);
    --sh-m:0 4px 14px -6px rgba(0,0,0,.7), 0 1px 3px rgba(0,0,0,.5);
    --sh-l:0 18px 40px -18px rgba(0,0,0,.9), 0 3px 10px rgba(0,0,0,.5);
    --scrim:4,8,5;
  }
}
:root[data-theme="dark"]{
  --accent:#4ade80; --accent-2:#3bd36f; --accent-3:#7bf0a6;
  --accent-soft:#0e2618; --accent-line:#1e4530; --on-accent:#052e16;
  --bg:#0a0a0a; --card:#151515; --card-2:#1b1b1b; --sunk:#111111;
  --line:#262626; --line-2:#343434; --line-3:#4d4d4d;
  --tx:#ededed; --tx-2:#b2b2b2; --tx-3:#767676;
  --red:#f0614f; --red-2:#ff7a68;
  --sh-s:0 1px 2px rgba(0,0,0,.5);
  --sh-m:0 4px 14px -6px rgba(0,0,0,.7), 0 1px 3px rgba(0,0,0,.5);
  --sh-l:0 18px 40px -18px rgba(0,0,0,.9), 0 3px 10px rgba(0,0,0,.5);
  --scrim:4,8,5;
}

/* ============================================================
   2. BASE
   ============================================================ */
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--bg);color:var(--tx);font-family:var(--f);font-size:14.5px;line-height:1.5;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;font-optical-sizing:auto;letter-spacing:-.006em}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
button,select,input,textarea{font-family:inherit;color:inherit}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
h1,h2,h3,h4,h5{margin:0;font-weight:600;letter-spacing:-.02em;line-height:1.25}
.os-w{max-width:var(--max);margin:0 auto;padding-inline:22px}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:12px;top:12px;z-index:999;background:var(--card);padding:10px 16px;border-radius:8px;box-shadow:var(--sh-m)}

/* ============================================================
   3. UTILITY BAR + HEADER
   ============================================================ */
.os-util{background:var(--sunk);font-size:12.5px;color:var(--tx-3)}
.os-util .os-w{display:flex;align-items:center;gap:20px;padding-block:8px}
.os-util a:hover{color:var(--tx)}
.os-util .r{margin-left:auto;display:flex;gap:18px;align-items:center}
.os-util .grn{color:var(--accent-2);display:inline-flex;align-items:center;gap:7px}
.os-util .grn i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}

.os-head{background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(180%) blur(18px);
  border-bottom:1px solid transparent;position:sticky;top:0;z-index:50;transition:border-color .25s,box-shadow .25s}
.admin-bar .os-head{top:32px}
@media(max-width:782px){.admin-bar .os-head{top:46px}}
.os-head.is-stuck{border-bottom-color:var(--line);box-shadow:var(--sh-s)}
.os-head .os-w{display:flex;align-items:center;gap:24px;padding-block:15px}

.os-logo{display:flex;align-items:center;gap:10px;flex-shrink:0}
.os-logo .mk{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;font-size:13px;
  font-weight:700;letter-spacing:-.02em;background:linear-gradient(145deg,var(--accent),var(--accent-3));
  box-shadow:0 6px 16px -7px var(--accent)}
:root[data-theme="dark"] .os-logo .mk{color:var(--on-accent)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .os-logo .mk{color:var(--on-accent)}}
.os-logo b{font-size:17px;font-weight:600;letter-spacing:-.028em}
.os-logo img{max-height:38px;width:auto}

.os-search{flex:1;max-width:520px;display:flex;align-items:center;gap:10px;background:var(--card);
  border:1px solid var(--line);border-radius:99px;padding:3px 4px 3px 16px;box-shadow:var(--sh-s);transition:.2s var(--e)}
.os-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}
.os-search svg{color:var(--tx-3);flex-shrink:0}
.os-search input[type=search]{flex:1;border:0;background:none;padding:8px 0;font-size:14px;outline:none;min-width:0}
.os-search input[type=search]::placeholder{color:var(--tx-3)}
.os-search button{background:var(--accent);color:var(--on-accent);border:0;border-radius:99px;padding:8px 18px;
  font-size:13.5px;font-weight:500;cursor:pointer;transition:.18s var(--e)}
.os-search button:hover{background:var(--accent-2)}

.os-hact{margin-left:auto;display:flex;align-items:center;gap:3px}
.os-hb{display:flex;align-items:center;gap:8px;padding:9px 13px;border-radius:99px;color:var(--tx-2);
  font-size:13.5px;transition:.18s var(--e);background:none;border:0;cursor:pointer}
.os-hb:hover{background:var(--card);color:var(--tx);box-shadow:var(--sh-s)}
.os-hb .ct{background:var(--accent);color:var(--on-accent);font-size:11px;font-weight:600;border-radius:99px;
  padding:0 6px;min-width:18px;text-align:center;font-style:normal}
.os-sun{display:none}
:root[data-theme="dark"] .os-sun{display:block}
:root[data-theme="dark"] .os-moon{display:none}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .os-sun{display:block}
  :root:not([data-theme="light"]) .os-moon{display:none}
}

.os-nav .os-w{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;padding-block:4px 14px}
.os-nav .os-w::-webkit-scrollbar{display:none}
.os-nav a{font-size:13.5px;color:var(--tx-2);padding:8px 15px;white-space:nowrap;border-radius:99px;transition:.18s var(--e)}
.os-nav a:hover{background:var(--card);color:var(--tx);box-shadow:var(--sh-s)}
.os-nav li.current-menu-item>a,.os-nav a.is-on{background:var(--tx);color:var(--bg);font-weight:500}
.os-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}

/* ============================================================
   4. SHOWCASE (front page)
   ============================================================ */
.os-show{display:grid;grid-template-columns:1.62fr 1fr;gap:16px;padding-block:6px 16px}
.os-big,.os-sm{position:relative;border-radius:18px;overflow:hidden;display:flex;align-items:flex-end;
  isolation:isolate;box-shadow:var(--sh-m);transition:transform .45s var(--e),box-shadow .45s var(--e)}
.os-big{min-height:430px}
.os-sm{min-height:207px}
.os-big:hover,.os-sm:hover{transform:translateY(-3px);box-shadow:var(--sh-l)}
.os-big img,.os-sm img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform 1.2s var(--e)}
.os-big:hover img,.os-sm:hover img{transform:scale(1.05)}
.os-big::after,.os-sm::after{content:"";position:absolute;inset:0;z-index:-1}
.os-big::after{background:
  linear-gradient(74deg, rgba(var(--scrim),.95) 8%, rgba(var(--scrim),.72) 38%, rgba(var(--scrim),.18) 72%, rgba(var(--scrim),.05) 100%),
  radial-gradient(120% 90% at 8% 100%, rgba(22,163,74,.34) 0%, transparent 62%)}
.os-sm::after{background:linear-gradient(6deg, rgba(var(--scrim),.94) 14%, rgba(var(--scrim),.45) 62%, rgba(var(--scrim),.08) 100%)}
.os-stack{display:grid;grid-template-rows:1fr 1fr;gap:16px}
.os-sin{padding:30px;color:#fff;max-width:480px;position:relative}
.os-sm .os-sin{padding:22px}
.os-tag{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.11em;
  text-transform:uppercase;color:#a7f0c4;margin-bottom:12px}
.os-tag::before{content:"";width:18px;height:1.5px;background:currentColor;border-radius:2px}
.os-big h2{font-size:clamp(26px,3.3vw,40px);line-height:1.04;margin-bottom:10px;color:#fff;letter-spacing:-.032em;
  text-shadow:0 2px 20px rgba(0,0,0,.35)}
.os-sm h3{font-size:20px;color:#fff;letter-spacing:-.026em;margin-bottom:7px;text-shadow:0 2px 14px rgba(0,0,0,.4)}
.os-big p{margin:0 0 18px;font-size:14px;color:rgba(255,255,255,.76);line-height:1.55;max-width:40ch}
.os-prow{display:flex;align-items:baseline;gap:11px;margin-bottom:20px;flex-wrap:wrap}
.os-sm .os-prow{margin-bottom:14px}
.os-prow .n{font-size:26px;font-weight:600;letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums}
.os-sm .os-prow .n{font-size:19px}
.os-prow .o{font-size:13.5px;color:rgba(255,255,255,.5);text-decoration:line-through}
.os-prow .d{font-size:12px;font-weight:600;color:#06240f;background:#a7f0c4;padding:3px 9px;border-radius:99px}

/* ============================================================
   5. BUTTONS
   ============================================================ */
.os-btn,
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,
.woocommerce #respond input#submit,.woocommerce a.button.alt,.woocommerce button.button.alt{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 22px;border-radius:99px;
  font-size:13.5px;font-weight:500;line-height:1.2;transition:.2s var(--e);border:0;cursor:pointer;
  background:var(--accent);color:var(--on-accent);box-shadow:0 8px 20px -10px var(--accent);text-decoration:none}
.os-btn:active,.woocommerce .button:active{transform:scale(.97)}
.os-btn:hover,
.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover{
  background:var(--accent-2);color:var(--on-accent);transform:translateY(-1px)}
.os-btn--glass{background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.26);
  backdrop-filter:blur(10px);box-shadow:none}
.os-btn--glass:hover{background:rgba(255,255,255,.26);color:#fff}
.os-btn--outline{border:1px solid var(--line-2);color:var(--tx);background:var(--card);box-shadow:none}
.os-btn--outline:hover{border-color:var(--line-3);background:var(--card-2);color:var(--tx)}
.woocommerce .button.wc-backward{background:var(--card);color:var(--tx);border:1px solid var(--line-2);box-shadow:none}

/* ============================================================
   6. SHOP LAYOUT
   ============================================================ */
.os-shop{display:grid;grid-template-columns:238px 1fr;gap:30px;padding-block:26px 56px;align-items:start}
.os-shop--full{grid-template-columns:1fr}
.os-side{position:sticky;top:120px;background:var(--card);border-radius:16px;padding:20px;box-shadow:var(--sh-s);font-size:13.5px}
.admin-bar .os-side{top:152px}
.os-side .widget{border-top:1px solid var(--line);padding-block:16px}
.os-side .widget:first-child{border-top:0;padding-top:0}
.os-side .widget-title,.os-side h2,.os-side h3{font-size:12.5px;font-weight:600;margin:0 0 12px;letter-spacing:0}
.os-side ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}
.os-side ul li{color:var(--tx-2)}
.os-side ul li a{transition:color .15s}
.os-side ul li a:hover{color:var(--accent-2)}
.os-side .count{margin-left:auto;font-size:12px;color:var(--tx-3);font-variant-numeric:tabular-nums}
.os-side .wc-block-components-product-sort-select,.os-side select{width:100%;border:1px solid var(--line);
  border-radius:9px;padding:8px 10px;background:var(--bg);font-size:13px}
.woocommerce .widget_price_filter .price_slider_amount .button{padding:7px 14px;font-size:12.5px}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{background:var(--accent)}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{background:var(--card);border:2px solid var(--accent)}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{background:var(--sunk)}

.os-tbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:18px}
.os-tbar h1,.os-tbar .woocommerce-products-header__title{font-size:22px;letter-spacing:-.026em;margin:0}
.os-tbar .woocommerce-result-count{color:var(--tx-3);font-size:13px;font-variant-numeric:tabular-nums;margin:0}
.os-tbar .woocommerce-ordering{margin-left:auto}
.os-tbar select,.woocommerce-ordering select{border:1px solid var(--line);border-radius:99px;padding:9px 15px;
  background:var(--card);font-size:13px;cursor:pointer;outline:none;box-shadow:var(--sh-s)}
.os-tbar select:focus{border-color:var(--accent)}
.os-chip{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;background:var(--card);
  border:1px solid var(--line);border-radius:99px;padding:5px 12px;color:var(--tx-2);box-shadow:var(--sh-s)}

/* ============================================================
   7. PRODUCT GRID
   ============================================================ */
.woocommerce ul.products,
ul.products{display:grid!important;grid-template-columns:repeat(4,1fr);gap:16px;margin:0;padding:0;list-style:none}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none}
.woocommerce ul.products li.product,
ul.products li.product{width:auto!important;margin:0!important;float:none!important;
  background:var(--card);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;
  box-shadow:var(--sh-s);transition:transform .32s var(--e),box-shadow .32s var(--e);position:relative}
.woocommerce ul.products li.product:hover{transform:translateY(-5px);box-shadow:var(--sh-l)}
.os-pthumb{aspect-ratio:16/9;overflow:hidden;background:var(--sunk);position:relative;display:block}
.os-pthumb img{width:100%;height:100%;object-fit:cover;margin:0;transition:transform .7s var(--e)}
.woocommerce ul.products li.product:hover .os-pthumb img{transform:scale(1.07)}
.os-disc{position:absolute;left:10px;top:10px;color:#fff;font-size:11.5px;font-weight:600;padding:3px 9px;
  border-radius:99px;background:linear-gradient(160deg,var(--red-2),var(--red));box-shadow:0 4px 12px -4px rgba(0,0,0,.5);z-index:2}
.os-wish{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:99px;display:grid;
  place-items:center;background:rgba(255,255,255,.92);color:#3a3a3a;opacity:0;transform:scale(.85);
  transition:.24s var(--e);backdrop-filter:blur(6px);z-index:2}
.woocommerce ul.products li.product:hover .os-wish{opacity:1;transform:scale(1)}
.os-wish:hover{color:var(--red);background:#fff}
.os-pbody{padding:15px 16px 16px;display:flex;flex-direction:column;gap:9px;flex:1}
.os-plat{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--tx-3)}
.woocommerce ul.products li.product .os-ptitle{font-size:14.5px;font-weight:500;line-height:1.34;
  letter-spacing:-.012em;flex:1;margin:0;padding:0;transition:color .18s;color:var(--tx)}
.woocommerce ul.products li.product:hover .os-ptitle{color:var(--accent-2)}
.os-stock{font-size:12px;color:var(--tx-3);display:flex;align-items:center;gap:6px}
.os-stock i{width:5px;height:5px;border-radius:50%;background:var(--accent);flex-shrink:0;
  box-shadow:0 0 0 3px var(--accent-soft);font-style:normal}
.os-stock.is-out i{background:var(--red);box-shadow:none}
.woocommerce ul.products li.product .price{display:flex;align-items:baseline;gap:9px;color:var(--tx);
  font-size:18px;font-weight:600;letter-spacing:-.028em;font-variant-numeric:tabular-nums;margin:0}
.woocommerce ul.products li.product .price del{font-size:12.5px;color:var(--tx-3);opacity:1;font-weight:400;order:2}
.woocommerce ul.products li.product .price ins{text-decoration:none;font-weight:600;order:1;background:none;color:var(--tx)}
.woocommerce ul.products li.product .button{width:100%;margin:2px 0 0;border-radius:99px;padding:10px;
  font-size:13.5px;font-weight:500;background:var(--sunk);color:var(--tx-2);box-shadow:none}
.woocommerce ul.products li.product:hover .button{background:var(--accent);color:var(--on-accent);
  box-shadow:0 8px 18px -10px var(--accent)}
.woocommerce ul.products li.product .added_to_cart{display:none}
.woocommerce span.onsale{display:none}

/* pagination */
.woocommerce nav.woocommerce-pagination ul{border:0;display:flex;gap:6px;justify-content:center;margin-top:30px}
.woocommerce nav.woocommerce-pagination ul li{border:0;margin:0}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{min-width:38px;height:38px;padding:0 11px;border-radius:99px;
  display:grid;place-items:center;font-size:13.5px;color:var(--tx-2);background:var(--card);box-shadow:var(--sh-s);
  font-variant-numeric:tabular-nums;transition:.2s var(--e);line-height:1}
.woocommerce nav.woocommerce-pagination ul li a:hover{color:var(--tx);transform:translateY(-1px);box-shadow:var(--sh-m);background:var(--card)}
.woocommerce nav.woocommerce-pagination ul li span.current{background:var(--tx);color:var(--bg);font-weight:500}

/* ============================================================
   8. SINGLE PRODUCT
   ============================================================ */
.woocommerce-breadcrumb{font-size:12.5px;color:var(--tx-3);padding-block:18px;margin:0}
.woocommerce-breadcrumb a{color:var(--tx-3)}
.woocommerce-breadcrumb a:hover{color:var(--accent-2)}
.woocommerce div.product{display:grid;grid-template-columns:1fr 350px;gap:40px;padding-bottom:50px;align-items:start}
.woocommerce div.product div.images{width:100%;float:none;margin:0}
.woocommerce div.product div.images img{border-radius:18px;box-shadow:var(--sh-m)}
.woocommerce div.product div.images .flex-control-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:10px}
.woocommerce div.product div.images .flex-control-thumbs li{width:auto;float:none;margin:0}
.woocommerce div.product div.images .flex-control-thumbs img{border-radius:10px;opacity:.5;transition:.22s var(--e);border:2px solid transparent}
.woocommerce div.product div.images .flex-control-thumbs img.flex-active,
.woocommerce div.product div.images .flex-control-thumbs img:hover{opacity:1;border-color:var(--accent)}
.woocommerce div.product div.summary{width:100%;float:none;margin:0;background:var(--card);border-radius:18px;
  padding:24px;box-shadow:var(--sh-m);display:flex;flex-direction:column;gap:14px}

.woocommerce div.product .product_title{font-size:23px;letter-spacing:-.028em;margin:0}
.woocommerce div.product p.price,.woocommerce div.product span.price{display:flex;align-items:baseline;gap:11px;
  flex-wrap:wrap;font-size:31px;font-weight:600;letter-spacing:-.034em;color:var(--tx);font-variant-numeric:tabular-nums;margin:0}
.woocommerce div.product p.price del{font-size:14.5px;color:var(--tx-3);opacity:1;font-weight:400;order:2}
.woocommerce div.product p.price ins{text-decoration:none;order:1;background:none;color:var(--tx);font-weight:600}
.woocommerce div.product .woocommerce-product-details__short-description{font-size:14.5px;color:var(--tx-2);line-height:1.6}
.os-instock{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--accent-2);background:var(--accent-soft);
  border:1px solid var(--accent-line);border-radius:12px;padding:10px 13px}
.woocommerce div.product form.cart{display:flex;gap:10px;align-items:center;margin:0;flex-wrap:wrap}
.woocommerce div.product form.cart .quantity{display:flex;align-items:center;border:1px solid var(--line);
  border-radius:99px;overflow:hidden;background:var(--bg);margin:0}
.woocommerce .quantity input.qty{width:56px;border:0;background:none;text-align:center;padding:9px 0;
  font-weight:500;font-variant-numeric:tabular-nums;-moz-appearance:textfield}
.woocommerce .quantity input.qty::-webkit-outer-spin-button,
.woocommerce .quantity input.qty::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.woocommerce div.product form.cart .button{flex:1;min-width:150px}
.os-paybox{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:10px;
  font-size:12.5px;color:var(--tx-3)}
.os-paybox div{display:flex;gap:9px;align-items:flex-start}
.os-paybox svg{color:var(--accent);flex-shrink:0;margin-top:2px}
.os-plogos{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.os-plogos span{border:1px solid var(--line);border-radius:6px;padding:4px 8px;font-size:10.5px;font-weight:600;
  letter-spacing:.03em;color:var(--tx-3);background:var(--bg)}
.woocommerce div.product .product_meta{font-size:12.5px;color:var(--tx-3);border-top:1px solid var(--line);padding-top:12px}

.woocommerce div.product .woocommerce-tabs{grid-column:1/-1;margin-top:10px}
.woocommerce div.product .woocommerce-tabs ul.tabs{padding:0;margin:0 0 20px;display:flex;overflow-x:auto;
  border-bottom:1px solid var(--line);scrollbar-width:none}
.woocommerce div.product .woocommerce-tabs ul.tabs::before{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li{background:none;border:0;border-radius:0;margin:0 26px 0 0;padding:0}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after{display:none}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{font-size:13.5px;font-weight:500;padding:12px 2px;
  color:var(--tx-3);border-bottom:2px solid transparent;margin-bottom:-1px;display:block}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a{color:var(--tx);font-weight:600;border-bottom-color:var(--accent)}
.woocommerce div.product .woocommerce-tabs .panel{font-size:14.5px;color:var(--tx-2);max-width:72ch;line-height:1.68}
.woocommerce div.product .woocommerce-tabs .panel h2{font-size:16px;color:var(--tx);margin-bottom:12px}
.woocommerce table.shop_attributes{border:0;background:var(--card);border-radius:14px;overflow:hidden;box-shadow:var(--sh-s)}
.woocommerce table.shop_attributes th,.woocommerce table.shop_attributes td{padding:11px 16px;border-top:1px solid var(--line);border-bottom:0}
.woocommerce table.shop_attributes tr:first-child th,.woocommerce table.shop_attributes tr:first-child td{border-top:0}
.woocommerce table.shop_attributes th{color:var(--tx-3);font-weight:500;width:180px}

.woocommerce .related,.woocommerce .upsells{grid-column:1/-1;padding-top:16px}
.woocommerce .related>h2,.woocommerce .upsells>h2{font-size:21px;letter-spacing:-.026em;margin-bottom:20px}

/* ============================================================
   9. CART / CHECKOUT / ACCOUNT  (yapiya dokunulmaz, sadece gorunum)
   ============================================================ */
.woocommerce-cart .os-main,.woocommerce-checkout .os-main,.woocommerce-account .os-main{padding-block:20px 60px}
.woocommerce table.shop_table{border:0;border-radius:16px;overflow:hidden;background:var(--card);
  box-shadow:var(--sh-s);border-collapse:separate;border-spacing:0}
.woocommerce table.shop_table th{background:var(--card-2);font-size:12.5px;font-weight:600;color:var(--tx-2);padding:14px 16px;border:0}
.woocommerce table.shop_table td{padding:14px 16px;border:0;border-top:1px solid var(--line)}
.woocommerce table.shop_table img{border-radius:8px;width:64px}
.woocommerce .cart_totals,.woocommerce-checkout #order_review,.woocommerce .woocommerce-checkout-review-order{
  background:var(--card);border-radius:16px;padding:22px;box-shadow:var(--sh-s)}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,
.woocommerce form .form-row select,.select2-container--default .select2-selection--single{
  border:1px solid var(--line);border-radius:10px;padding:11px 13px;background:var(--bg);color:var(--tx);
  font-size:14px;box-shadow:none;height:auto;line-height:1.4}
.woocommerce form .form-row input.input-text:focus,.woocommerce form .form-row select:focus{
  border-color:var(--accent);outline:none;box-shadow:0 0 0 3px var(--accent-soft)}
.woocommerce form .form-row label{font-size:13px;color:var(--tx-2);margin-bottom:6px;display:block}
.woocommerce-form-login,.woocommerce-form-register,.woocommerce form.checkout_coupon,
.woocommerce form.login,.woocommerce form.register{
  border:1px solid var(--line);border-radius:16px;padding:24px;background:var(--card);box-shadow:var(--sh-s)}
.woocommerce-account .woocommerce-MyAccount-navigation{width:24%}
.woocommerce-account .woocommerce-MyAccount-navigation ul{list-style:none;margin:0;padding:16px;background:var(--card);
  border-radius:16px;box-shadow:var(--sh-s);display:flex;flex-direction:column;gap:2px}
.woocommerce-account .woocommerce-MyAccount-navigation li a{display:block;padding:10px 14px;border-radius:10px;
  font-size:13.5px;color:var(--tx-2);transition:.15s}
.woocommerce-account .woocommerce-MyAccount-navigation li a:hover{background:var(--sunk);color:var(--tx)}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a{background:var(--accent);color:var(--on-accent);font-weight:500}
.woocommerce-account .woocommerce-MyAccount-content{width:72%}
.woocommerce-message,.woocommerce-info,.woocommerce-error,.woocommerce-notice{
  border-top:0;border-left:3px solid var(--accent);background:var(--card);border-radius:12px;padding:16px 18px;
  box-shadow:var(--sh-s);color:var(--tx-2);font-size:13.5px}
.woocommerce-error{border-left-color:var(--red)}
.woocommerce-message::before,.woocommerce-info::before,.woocommerce-error::before{display:none}
.woocommerce-message{padding-left:18px}

/* ============================================================
   10. FOOTER
   ============================================================ */
.os-foot{background:var(--card);border-top:1px solid var(--line);margin-top:14px}
.os-fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1.2fr;gap:34px;padding-block:48px}
.os-fg h5{font-size:12.5px;font-weight:600;margin:0 0 14px}
.os-fg ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.os-fg li a,.os-fg p{font-size:13px;color:var(--tx-3);line-height:1.6}
.os-fg li a:hover{color:var(--accent-2)}
.os-fg p{margin:0 0 14px;max-width:34ch}
.os-fcont{font-size:13px;color:var(--tx-3);display:flex;flex-direction:column;gap:9px}
.os-fcont b{color:var(--tx);font-weight:600;font-size:16px;letter-spacing:-.024em}
.os-fbot{border-top:1px solid var(--line);padding-block:20px;display:flex;justify-content:space-between;
  gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--tx-3)}

/* ============================================================
   11. GENERIC PAGES
   ============================================================ */
.os-page{padding-block:26px 60px}
.os-page .entry-title{font-size:30px;letter-spacing:-.03em;margin-bottom:18px}
.os-entry{font-size:15px;color:var(--tx-2);line-height:1.7;max-width:72ch}
.os-entry h2{font-size:21px;color:var(--tx);margin:28px 0 10px}
.os-entry h3{font-size:17px;color:var(--tx);margin:22px 0 8px}
.os-entry a{color:var(--accent-2);text-decoration:underline}
.os-entry ul,.os-entry ol{padding-left:20px}
.os-entry li{margin-bottom:7px}
.os-entry li::marker{color:var(--accent)}

/* ============================================================
   12. RESPONSIVE
   ============================================================ */
@media(max-width:1180px){
  .woocommerce ul.products,ul.products{grid-template-columns:repeat(3,1fr)}
  .os-fg{grid-template-columns:1fr 1fr 1fr}
}
@media(max-width:980px){
  .os-show{grid-template-columns:1fr}
  .os-big{min-height:340px}
  .os-stack{grid-template-rows:none;grid-template-columns:1fr 1fr}
  .os-sm{min-height:190px}
  .os-shop{grid-template-columns:1fr;gap:20px}
  .os-side{position:static}
  .woocommerce div.product{grid-template-columns:1fr;gap:26px}
  .woocommerce div.product div.summary{position:static}
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content{width:100%}
}
@media(max-width:700px){
  .woocommerce ul.products,ul.products{grid-template-columns:repeat(2,1fr)}
  .os-stack{grid-template-columns:1fr}
  .os-head .os-w{flex-wrap:wrap;gap:12px}
  .os-search{order:3;flex-basis:100%;max-width:none}
  .os-hidemob{display:none}
  .os-fg{grid-template-columns:1fr;gap:26px}
  .woocommerce div.product div.images .flex-control-thumbs{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:430px){
  .woocommerce ul.products,ul.products{grid-template-columns:1fr}
}

/* ============================================================
   12b. VARYASYONLU ÜRÜN (Hesap Türü)
   ============================================================ */
.woocommerce div.product.product-type-variable form.cart{display:block}
.woocommerce div.product form.cart .variations{width:100%;margin:0 0 14px;border:0}
.woocommerce div.product form.cart .variations tbody,
.woocommerce div.product form.cart .variations tr{display:block}
.woocommerce div.product form.cart .variations th,
.woocommerce div.product form.cart .variations td{display:block;padding:0;border:0;text-align:left}
.woocommerce div.product form.cart .variations th label{font-size:13px;font-weight:600;color:var(--tx-2);margin-bottom:7px;display:block}
.woocommerce div.product form.cart .variations select{
  width:100%;border:1px solid var(--line);border-radius:12px;background-color:var(--bg);color:var(--tx);
  padding:13px 40px 13px 14px;font-size:14px;line-height:1.3;cursor:pointer;
  -webkit-appearance:none;appearance:none;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b8883' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px 16px;
  transition:.16s var(--e)}
.woocommerce div.product form.cart .variations select:focus{
  border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}
.woocommerce div.product form.cart .reset_variations{
  display:inline-block;margin-top:9px;font-size:12.5px;color:var(--tx-3)}
.woocommerce div.product form.cart .reset_variations:hover{color:var(--red)}
.woocommerce div.product .woocommerce-variation-price{margin-bottom:14px}
.woocommerce div.product .woocommerce-variation-price .price{font-size:28px;font-weight:600;letter-spacing:-.032em}
.woocommerce div.product .woocommerce-variation-availability{margin-bottom:10px;font-size:13px;color:var(--tx-2)}
.woocommerce div.product .woocommerce-variation-add-to-cart{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.woocommerce div.product .woocommerce-variation-add-to-cart .button{flex:1;min-width:150px}
.woocommerce div.product form.cart .single_variation_wrap{display:block}

/* ============================================================
   13. SEPET & ÖDEME (WooCommerce Blocks)
   ============================================================ */
.wp-block-woocommerce-cart,.wp-block-woocommerce-checkout{max-width:var(--max);margin-inline:auto;padding-inline:22px;padding-block:18px 60px}
.wc-block-components-title,.wp-block-woocommerce-cart h1,.wp-block-woocommerce-checkout h1{letter-spacing:-.03em}

/* --- kart yüzeyleri --- */
.wp-block-woocommerce-cart .wc-block-cart__main,
.wp-block-woocommerce-cart .wc-block-cart__sidebar > *,
.wp-block-woocommerce-checkout .wc-block-checkout__sidebar > *,
.wp-block-woocommerce-checkout .wc-block-components-checkout-step{
  background:var(--card)!important;border:1px solid var(--line)!important;border-radius:18px!important;
  padding:24px!important;box-shadow:var(--sh-s)!important;margin:0 0 16px!important}
.wp-block-woocommerce-checkout .wc-block-components-checkout-step::before,
.wp-block-woocommerce-checkout .wc-block-components-checkout-step::after{display:none!important}
.wp-block-woocommerce-checkout .wc-block-components-checkout-step__container{padding:0!important}
.wc-block-cart__main{margin-right:0}
.wc-block-checkout__form{display:flex;flex-direction:column;gap:16px}
.wc-block-components-checkout-step{margin:0}
.wc-block-components-checkout-step__title{font-size:17px;font-weight:600;letter-spacing:-.022em;color:var(--tx)}
.wc-block-components-checkout-step__description{color:var(--tx-3);font-size:13px}
.wc-block-components-checkout-step__heading{margin-bottom:6px}

/* --- sepet satırları --- */
.wc-block-cart-items__row{border-color:var(--line)!important}
.wc-block-cart-item__image img{border-radius:10px}
.wc-block-cart-item__product-name,.wc-block-components-product-name{font-weight:600;letter-spacing:-.014em;color:var(--tx)}
.wc-block-components-product-price__value{font-weight:600}
.wc-block-cart-item__remove-link{color:var(--tx-3)}
.wc-block-cart-item__remove-link:hover{color:var(--red)}

/* --- yeşil butonlar --- */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-components-button:not(.is-link){
  background:var(--accent)!important;color:var(--on-accent)!important;
  border:0!important;border-radius:99px!important;
  font-weight:600!important;font-size:15px!important;
  padding:15px 26px!important;width:100%;justify-content:center;
  box-shadow:0 10px 24px -12px var(--accent);transition:.2s var(--e)}
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button:not(.is-link):hover{background:var(--accent-2)!important;transform:translateY(-1px)}
.wc-block-components-button:not(.is-link):active{transform:scale(.985)}
.wc-block-components-button.is-link{color:var(--accent-2)}

/* --- form alanları --- */
.wc-block-components-text-input input,
.wc-block-components-address-form input,
.wc-block-components-country-input select,
.wc-block-components-state-input select,
.wc-block-components-combobox input,
.wc-block-components-textarea{
  border:1px solid var(--line)!important;border-radius:12px!important;
  background:var(--bg)!important;color:var(--tx)!important;transition:.16s}
.wc-block-components-text-input input:focus,
.wc-block-components-address-form input:focus,
.wc-block-components-combobox input:focus,
.wc-block-components-textarea:focus{
  border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)!important;outline:none!important}
.wc-block-components-text-input label,.wc-block-components-combobox label{color:var(--tx-3)}

/* --- ödeme seçenekleri: oval kart + yuvarlak tik --- */
.wc-block-components-radio-control{display:flex;flex-direction:column;gap:10px}
.wc-block-components-radio-control--highlight-checked::before,
.wc-block-components-radio-control--highlight-checked::after{display:none!important}
.wc-block-components-radio-control-accordion-option,
.wc-block-components-radio-control__option{
  border:1.5px solid var(--line)!important;border-radius:16px!important;
  background:var(--card)!important;padding:16px 18px!important;margin:0!important;
  transition:.2s var(--e);cursor:pointer}
.wc-block-components-radio-control-accordion-option:hover,
.wc-block-components-radio-control__option:hover{border-color:var(--line-3)!important}
.wc-block-components-radio-control-accordion-option:has(input:checked),
.wc-block-components-radio-control__option:has(input:checked),
.wc-block-components-radio-control-accordion-option--checked-option-highlighted{
  border-color:var(--accent)!important;background:var(--accent-soft)!important;
  box-shadow:0 0 0 3px var(--accent-soft)}
.wc-block-components-radio-control__option::before,
.wc-block-components-radio-control__option::after{display:none!important}

.wc-block-components-radio-control__input{
  -webkit-appearance:none;appearance:none;
  width:22px;height:22px;min-width:22px;border-radius:50%;
  border:2px solid var(--line-3);background:var(--card);
  margin:0 12px 0 0;cursor:pointer;transition:.18s var(--e);
  background-repeat:no-repeat;background-position:center;background-size:13px 13px;
  top:auto!important;left:auto!important;position:relative!important}
.wc-block-components-radio-control__input:checked{
  border-color:var(--accent);background-color:var(--accent);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}
.wc-block-components-radio-control__input:focus-visible{box-shadow:0 0 0 3px var(--accent-soft)}
.wc-block-components-radio-control__label{font-weight:600;letter-spacing:-.014em;color:var(--tx)}
.wc-block-components-radio-control__description,
.wc-block-components-radio-control__secondary-description{color:var(--tx-2);font-size:13px;line-height:1.6;white-space:pre-line}
.wc-block-components-radio-control-accordion-content{padding:0 0 2px 34px;color:var(--tx-2);font-size:13.5px;line-height:1.6;white-space:pre-line}

/* --- sipariş özeti --- */
.wc-block-components-order-summary-item__image img{border-radius:8px}
.wc-block-components-totals-item{color:var(--tx-2)}
.wc-block-components-totals-footer-item .wc-block-components-totals-item__value{font-size:22px;font-weight:600;letter-spacing:-.03em;color:var(--tx)}
.wc-block-components-panel__button{color:var(--tx)}

/* --- bildirimler --- */
.wc-block-components-notice-banner{border-radius:14px;border-left-width:3px}

/* radyo: blok CSS'ini ez */
.wp-block-woocommerce-checkout .wc-block-components-radio-control__input,
.wp-block-woocommerce-cart .wc-block-components-radio-control__input{
  -webkit-appearance:none!important;appearance:none!important;
  width:24px!important;height:24px!important;min-width:24px!important;border-radius:50%!important;
  border:2px solid var(--line-3)!important;background-color:var(--card)!important;
  background-image:none!important;box-shadow:none!important;
  background-repeat:no-repeat!important;background-position:center!important;background-size:14px 14px!important;
  margin:0 12px 0 0!important;cursor:pointer;transition:.18s var(--e)}
.wp-block-woocommerce-checkout .wc-block-components-radio-control__input:checked,
.wp-block-woocommerce-cart .wc-block-components-radio-control__input:checked{
  border-color:var(--accent)!important;background-color:var(--accent)!important;
  background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23052e16' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")!important;box-shadow:none!important}
.wp-block-woocommerce-checkout .wc-block-components-radio-control__input::before,
.wp-block-woocommerce-checkout .wc-block-components-radio-control__input::after{display:none!important;content:none!important}



/* ============================================================
   14. SEPET & ÖDEME — DÜZELTMELER
   ============================================================ */
/* boş blokları tamamen kaldır (dijital ürün: kargo/teslim alma yok) */
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-shipping-method-block,
.wp-block-woocommerce-checkout .wp-block-woocommerce-checkout-pickup-options-block,
.wp-block-woocommerce-cart .wc-block-cart__payment-options{display:none!important}
.wp-block-woocommerce-checkout .wc-block-components-notices,
.wp-block-woocommerce-cart .wc-block-components-notices{
  background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;margin:0!important}
.wp-block-woocommerce-checkout .wc-block-components-notices:empty,
.wp-block-woocommerce-cart .wc-block-components-notices:empty{display:none!important}

/* sepet: ürün listesi de kart olsun */
.wp-block-woocommerce-cart .wc-block-cart__main,
.wp-block-woocommerce-cart .wc-block-cart-items{
  background:var(--card)!important;border:1px solid var(--line)!important;border-radius:18px!important;
  box-shadow:var(--sh-s)!important}
.wp-block-woocommerce-cart .wc-block-cart__main{padding:8px 18px!important;border:0!important;background:transparent!important;box-shadow:none!important}
.wp-block-woocommerce-cart .wc-block-cart-items{padding:6px 18px!important;border-collapse:separate!important}

/* sepet satırı: görseli küçült, boşluğu kapat */
/* görsel: hücre genişliğini WooCommerce belirlesin, sadece resmi sığdır */
.wp-block-woocommerce-cart .wc-block-cart-item__image img{
  width:100%!important;height:auto!important;aspect-ratio:3/2;
  object-fit:cover!important;border-radius:10px!important}
/* sepette gereksiz "..." açıklaması */
.wp-block-woocommerce-cart .wc-block-components-product-metadata__description,
.wp-block-woocommerce-checkout .wc-block-components-product-metadata__description{display:none!important}
/* gizli bildirim kutusu kart görünmesin */
.wp-block-woocommerce-checkout .wc-block-components-notices__snackbar,
.wp-block-woocommerce-cart .wc-block-components-notices__snackbar{
  background:transparent!important;border:0!important;padding:0!important;
  box-shadow:none!important;min-height:0!important}
.wp-block-woocommerce-cart .wc-block-cart-items__row td{
  padding-top:16px!important;padding-bottom:16px!important;vertical-align:top!important}
.wp-block-woocommerce-cart .wc-block-cart-item__wrap>*:last-child{margin-bottom:0!important}

/* butonlarda alt çizgi olmasın */
.wc-block-components-button,.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button{text-decoration:none!important}

/* form etiketleri okunsun */
.wp-block-woocommerce-checkout label,
.wp-block-woocommerce-cart label{color:var(--tx-3)!important}
.wp-block-woocommerce-checkout .wc-block-components-text-input.is-active label{color:var(--tx-2)!important}
.wp-block-woocommerce-checkout .wc-block-components-checkbox__label,
.wp-block-woocommerce-checkout .wc-block-components-checkout-step__description,
.wp-block-woocommerce-checkout .wc-block-components-address-card{color:var(--tx-2)!important}
.wp-block-woocommerce-checkout .wc-block-components-radio-control__label{color:var(--tx)!important;font-weight:600}
.wp-block-woocommerce-checkout select,
.wp-block-woocommerce-checkout .wc-block-components-combobox input{color:var(--tx)!important;background-color:var(--bg)!important}
.wp-block-woocommerce-checkout input::placeholder{color:var(--tx-3)!important;opacity:1}

/* ödeme seçeneği: iç içe kutuyu kaldır */
.wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-option .wc-block-components-radio-control__option{
  border:0!important;background:transparent!important;padding:0!important;
  border-radius:0!important;box-shadow:none!important;margin:0!important}
.wp-block-woocommerce-checkout .wc-block-components-radio-control-accordion-content{
  padding:10px 0 0 36px!important;margin:0!important}
.wp-block-woocommerce-checkout .wc-block-components-radio-control__label-group{gap:4px}

/* adım kartlarında daha dengeli boşluk */
.wp-block-woocommerce-checkout .wc-block-components-checkout-step{padding:22px!important;margin:0 0 14px!important}
.wp-block-woocommerce-checkout .wc-block-checkout__form{gap:0!important}

@media(max-width:780px){
  .wc-block-cart__main,.wc-block-cart__sidebar > *,
  .wc-block-checkout__sidebar > *,.wc-block-components-checkout-step{padding:18px;border-radius:14px}
}