* { box-sizing: border-box; margin: 0; padding: 0; }
    body { background: #F4F3EF; }
    .dk-serif { font-family: 'Inter Tight', 'Inter', system-ui, sans-serif; letter-spacing: 0.01em; }
    .dk-card { transition: border-color 0.25s ease, transform 0.25s ease; }
    .dk-card:hover { border-color: #050505 !important; transform: translateY(-2px); }
    .dk-btn { transition: background 0.2s ease, opacity 0.2s ease; }
    .dk-btn:active { opacity: 0.85; }
    .dk-tab { position: relative; cursor: pointer; padding: 4px 0 6px; }
    .dk-tab::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1.5px; background: #050505; transform: scaleX(0); transition: transform 0.25s ease; }
    .dk-tab:hover::after { transform: scaleX(1); }
    .dk-size:hover { border-color: #050505 !important; }
    .dk-tile:hover { background: #FFFFFF !important; }
    ::selection { background: #050505; color: #F4F3EF; }
    a { text-decoration: none; }
    input, button { font-family: 'Inter', system-ui, sans-serif; }
    html, body { max-width: 100%; overflow-x: hidden; }
    img { max-width: 100%; height: auto; }

    /* ============================================================
       Responsive katman — inline stiller media query ile ezilemedigi
       icin hedefli class + !important kullaniyoruz (tek gecerli sebep).
       Mobile-first: temel kurallar kucuk ekran, min-width ile buyur.
       ============================================================ */

    /* Urun izgaralari: kucuk telefon 1, mobil 2, tablet 3, masaustu 4 */
    .dk-pgrid { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
    @media (max-width: 359px){ .dk-pgrid { grid-template-columns: 1fr !important; } }
    @media (min-width: 768px){ .dk-pgrid { grid-template-columns: repeat(3, 1fr) !important; gap: 16px !important; } }
    @media (min-width: 1024px){ .dk-pgrid { grid-template-columns: repeat(4, 1fr) !important; gap: 18px !important; } }
    /* Kart ic bosluklarini mobilde kucult */
    @media (max-width: 767px){ .dk-pgrid > .dk-card { padding: 12px !important; } }

    /* Kategori seridi (4 tile): mobil 2, masaustu 4 */
    .dk-cat4 { grid-template-columns: repeat(2, 1fr) !important; }
    @media (min-width: 768px){ .dk-cat4 { grid-template-columns: repeat(4, 1fr) !important; } }

    /* Guven seridi (4 madde): mobil 1, kucuk tablet 2, masaustu 4 */
    .dk-trust4 { grid-template-columns: 1fr !important; gap: 16px !important; }
    @media (min-width: 480px){ .dk-trust4 { grid-template-columns: repeat(2, 1fr) !important; } }
    @media (min-width: 1024px){ .dk-trust4 { grid-template-columns: repeat(4, 1fr) !important; gap: 28px !important; } }

    /* Footer: mobil 1, tablet 2, masaustu 4 */
    .dk-foot4 { grid-template-columns: 1fr !important; gap: 28px !important; }
    @media (min-width: 560px){ .dk-foot4 { grid-template-columns: repeat(2, 1fr) !important; } }
    @media (min-width: 1024px){ .dk-foot4 { grid-template-columns: repeat(4, 1fr) !important; gap: 30px !important; } }

    /* Urun detay: mobil tek sutun, tablet+ iki sutun */
    .dk-pdp { grid-template-columns: 1fr !important; gap: 28px !important; }
    @media (min-width: 768px){ .dk-pdp { grid-template-columns: 1fr 1fr !important; gap: 56px !important; } }

    /* Urun detay gorseli mobilde asiri uzamasin */
    @media (max-width: 767px){ .dk-pdp-media { min-height: 300px !important; } .dk-pdp-media img { min-height: 300px !important; } }

    /* Bulten adi + e-posta: mobilde alt alta */
    .dk-nlrow { flex-direction: column !important; }
    @media (min-width: 480px){ .dk-nlrow { flex-direction: row !important; } }

    /* Sepet cekmecesi ekrandan tasmasin */
    .dk-cartpanel { width: min(420px, 100vw) !important; }
    @media (max-width: 480px){ .dk-cartpanel { padding: 20px !important; } }

    /* Header: mobilde nav gizlenir, hamburger gorunur */
    .dk-burger { display: none; }
    @media (max-width: 900px){
      .dk-nav { display: none !important; }
      .dk-login { display: none !important; }
      .dk-burger { display: inline-flex !important; }
    }
    /* Mobilde grid yerine flex: logo solda, aksiyonlar en saga yapisir */
    @media (max-width: 900px){
      .dk-head { display: flex !important; justify-content: space-between !important; gap: 8px !important; }
      .dk-actions { margin-left: auto !important; gap: 8px !important; flex-shrink: 0 !important; }
      .dk-actions > *:last-child { margin-right: 0 !important; }
    }
    @media (max-width: 480px){
      .dk-head { padding: 12px 12px !important; }
      .dk-logo-text { font-size: 15px !important; }
      .dk-actions { gap: 6px !important; }
      /* Sepet butonu daralsin ki arama + hamburger sagda sigsin */
      .dk-actions > .dk-btn { padding: 8px 10px !important; font-size: 11px !important; }
    }
    @media (max-width: 380px){
      .dk-logo-text { display: none !important; }
    }

    /* Arama kutusu ve sonuc paneli mobilde tasmasin */
    @media (max-width: 600px){ .dk-searchbox { width: min(220px, 52vw) !important; } }
    /* Arama acikken sepet+hamburger sagda kalsin, satir tasmasin */
    @media (max-width: 480px){ .dk-searchbox { width: min(190px, 44vw) !important; } }
    .dk-searchresults { min-width: min(320px, calc(100vw - 32px)) !important; max-width: calc(100vw - 32px); }

    /* Hero carousel mobilde alcak ve kucuk yazi */
    @media (max-width: 600px){
      .dk-hero-slide { height: 260px !important; padding: 24px 20px !important; }
      .dk-hero-title { font-size: clamp(20px, 6vw, 28px) !important; }
    }

    /* Dinamik sayili izgaralar (yorumlar / is birlikleri) kucuk ekranda daralir */
    @media (max-width: 560px){ .dk-rev-grid { grid-template-columns: 1fr !important; } .dk-collab-grid { grid-template-columns: repeat(2, 1fr) !important; } }
    @media (min-width: 561px) and (max-width: 1023px){ .dk-rev-grid { grid-template-columns: repeat(2, 1fr) !important; } }

    /* Mobil menu cekmecesi */
    .dk-mnav { position: fixed; inset: 0; z-index: 80; display: none; }
    .dk-mnav.is-open { display: block; }
    .dk-mnav-scrim { position: absolute; inset: 0; background: rgba(5,5,5,0.5); }
    .dk-mnav-panel { position: absolute; top: 0; right: 0; height: 100%; width: min(86vw, 340px);
      background: #F4F3EF; box-shadow: -20px 0 50px -30px rgba(0,0,0,0.5);
      transform: translateX(100%); transition: transform 0.28s cubic-bezier(.2,.7,.2,1);
      padding: 20px; overflow-y: auto; }
    .dk-mnav.is-open .dk-mnav-panel { transform: translateX(0); }
    body.dk-lock { overflow: hidden; }

    /* ============================================================
       PLP (Urun Listeleme Sayfasi) — premium yeniden tasarim.
       Mobile-first, component tabanli. Inline stiller media query ile
       ezilemedigi icin hedefli class + degisken kullaniyoruz.
       ============================================================ */
    .dk-plp-wrap { display:grid; grid-template-columns:264px 1fr; gap:34px; align-items:start; }
    @media (max-width:1023px){ .dk-plp-wrap{ grid-template-columns:1fr; gap:0; } }

    .dk-plp-sidebar { position:sticky; top:18px; align-self:start; max-height:calc(100vh - 36px); overflow-y:auto; overflow-x:hidden; padding-right:6px; }
    .dk-plp-sidebar::-webkit-scrollbar{ width:6px; }
    .dk-plp-sidebar::-webkit-scrollbar-thumb{ background:#E2E0DA; border-radius:6px; }
    @media (max-width:1023px){ .dk-plp-sidebar-desktop{ display:none !important; } }

    .dk-plp-grid { display:grid; gap:20px; grid-template-columns:repeat(var(--cols,4),1fr); }
    @media (max-width:1023px){ .dk-plp-grid{ grid-template-columns:repeat(2,1fr) !important; gap:14px !important; } }
    @media (max-width:380px){ .dk-plp-grid{ gap:10px !important; } }
    .dk-plp-grid.is-list{ grid-template-columns:1fr !important; gap:14px !important; }

    .dk-plp-card{ position:relative; background:#FFFFFF; border:1px solid #E2E0DA; border-radius:20px; overflow:hidden; cursor:pointer; display:flex; flex-direction:column; transition:transform .3s cubic-bezier(.2,.7,.2,1), box-shadow .3s ease, border-color .3s ease; }
    .dk-plp-card:hover{ transform:translateY(-6px); box-shadow:0 20px 44px -24px rgba(5,5,5,.55); border-color:#C9C7C0; }
    .dk-plp-media{ position:relative; overflow:hidden; background:#F0EFE9; aspect-ratio:1/1; }
    .dk-plp-img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.7,.2,1), opacity .45s ease; }
    .dk-plp-card:hover .dk-plp-img{ transform:scale(1.07); }
    .dk-plp-img-2{ opacity:0; }
    .dk-plp-card:hover .dk-plp-img-2{ opacity:1; }

    .dk-plp-fav{ position:absolute; top:10px; right:10px; z-index:3; width:36px; height:36px; border-radius:50%; border:none; background:rgba(246,241,229,.92); display:flex; align-items:center; justify-content:center; cursor:pointer; color:#050505; box-shadow:0 4px 12px -6px rgba(0,0,0,.4); transition:transform .2s ease, background .2s ease, color .2s ease; }
    .dk-plp-fav:hover{ transform:scale(1.12); }
    .dk-plp-fav.is-active{ background:#050505; color:#FFFFFF; }

    .dk-plp-actions{ position:absolute; left:10px; right:10px; bottom:10px; z-index:3; display:flex; gap:8px; opacity:0; transform:translateY(12px); transition:opacity .28s ease, transform .28s ease; }
    .dk-plp-card:hover .dk-plp-actions{ opacity:1; transform:none; }
    @media (hover:none){ .dk-plp-actions{ opacity:1; transform:none; } }
    .dk-plp-abtn{ flex:1; border:none; border-radius:11px; padding:11px 8px; font-size:11px; font-weight:600; letter-spacing:.03em; text-transform:uppercase; cursor:pointer; white-space:nowrap; transition:background .2s ease, opacity .2s ease, transform .15s ease; }
    .dk-plp-abtn:active{ transform:scale(.97); }

    .dk-plp-badges{ position:absolute; top:10px; left:10px; z-index:2; display:flex; flex-direction:column; gap:6px; align-items:flex-start; }
    .dk-badge{ font-size:9.5px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; padding:4px 8px; border-radius:7px; line-height:1; box-shadow:0 3px 8px -4px rgba(0,0,0,.35); }

    .dk-plp-card.is-list{ flex-direction:row; align-items:stretch; }
    .dk-plp-card.is-list .dk-plp-media{ width:220px; flex:none; aspect-ratio:auto; }
    .dk-plp-card.is-list .dk-plp-body{ flex:1; }
    @media (max-width:600px){ .dk-plp-card.is-list .dk-plp-media{ width:132px; } }

    @keyframes dk-shimmer{ 0%{ background-position:-400px 0; } 100%{ background-position:400px 0; } }
    .dk-skel{ background:linear-gradient(90deg,#F0EFE9 0px,#FBFAF7 200px,#F0EFE9 400px); background-size:800px 100%; animation:dk-shimmer 1.3s infinite linear; border-radius:8px; }

    @keyframes dk-fadein{ from{ opacity:0; transform:translateY(10px); } to{ opacity:1; transform:none; } }
    .dk-fade{ animation:dk-fadein .45s ease both; }
    @keyframes dk-pop{ from{ opacity:0; transform:scale(.96); } to{ opacity:1; transform:none; } }

    .dk-acc-body{ overflow:hidden; transition:max-height .3s ease, opacity .3s ease; }
    .dk-chk{ width:18px; height:18px; border-radius:5px; border:1.5px solid #C9C7C0; display:inline-flex; align-items:center; justify-content:center; flex:none; transition:background .18s ease, border-color .18s ease; }
    .dk-chk.is-on{ background:#050505; border-color:#050505; }
    .dk-facetrow{ display:flex; align-items:center; gap:10px; padding:7px 4px; cursor:pointer; border-radius:8px; transition:background .15s ease; }
    .dk-facetrow:hover{ background:#F0EFE9; }

    .dk-page-btn{ min-width:40px; height:40px; padding:0 10px; border-radius:11px; border:1px solid #E2E0DA; background:transparent; font-size:13px; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:.2s; color:#050505; }
    .dk-page-btn:hover:not(:disabled):not(.is-active){ border-color:#050505; background:#FFFFFF; }
    .dk-page-btn.is-active{ background:#050505; color:#F4F3EF; border-color:#050505; }
    .dk-page-btn:disabled{ opacity:.35; cursor:not-allowed; }

    .dk-plp-mobilebar{ display:none; }
    @media (max-width:1023px){ .dk-plp-mobilebar{ display:flex; position:sticky; top:0; z-index:30; gap:10px; padding:12px 0; margin-bottom:14px; background:#F4F3EF; } }
    .dk-drawer{ position:fixed; inset:0; z-index:90; display:none; }
    .dk-drawer.is-open{ display:block; }
    .dk-drawer-scrim{ position:absolute; inset:0; background:rgba(5,5,5,.5); animation:dk-fadein .25s ease; }
    .dk-drawer-panel{ position:absolute; top:0; left:0; height:100%; width:min(88vw,360px); background:#F4F3EF; box-shadow:20px 0 60px -30px rgba(0,0,0,.55); transform:translateX(-100%); transition:transform .3s cubic-bezier(.2,.7,.2,1); display:flex; flex-direction:column; }
    .dk-drawer.is-open .dk-drawer-panel{ transform:none; }

    .dk-range-wrap{ position:relative; height:22px; }
    .dk-range-track{ position:absolute; top:9px; left:0; right:0; height:3px; background:#E2E0DA; border-radius:3px; }
    .dk-range-fill{ position:absolute; top:9px; height:3px; background:#050505; border-radius:3px; }
    .dk-range{ -webkit-appearance:none; appearance:none; width:100%; height:3px; background:transparent; outline:none; pointer-events:none; position:absolute; top:9px; margin:0; }
    .dk-range::-webkit-slider-thumb{ -webkit-appearance:none; pointer-events:auto; width:18px; height:18px; border-radius:50%; background:#050505; border:2px solid #F4F3EF; cursor:pointer; box-shadow:0 2px 6px -1px rgba(0,0,0,.4); margin-top:0; }
    .dk-range::-moz-range-thumb{ pointer-events:auto; width:18px; height:18px; border-radius:50%; background:#050505; border:2px solid #F4F3EF; cursor:pointer; }

    .dk-dd{ position:relative; }
    .dk-dd-menu{ position:absolute; top:calc(100% + 6px); right:0; z-index:40; background:#FFFFFF; border:1px solid #E2E0DA; border-radius:14px; box-shadow:0 22px 44px -24px rgba(0,0,0,.5); overflow:hidden; min-width:220px; animation:dk-pop .18s ease both; }
    .dk-dd-item{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:11px 16px; font-size:13px; cursor:pointer; transition:background .15s ease; }
    .dk-dd-item:hover{ background:#F0EFE9; }

    .dk-iconbtn{ width:40px; height:40px; border-radius:10px; border:1px solid #E2E0DA; background:transparent; display:inline-flex; align-items:center; justify-content:center; cursor:pointer; color:#6F6E6A; transition:.18s; }
    .dk-iconbtn:hover{ border-color:#050505; color:#050505; }
    .dk-iconbtn.is-active{ background:#050505; border-color:#050505; color:#F4F3EF; }
    @media (max-width:520px){ .dk-gridtoggle-hide{ display:none !important; } }

    .dk-chip{ display:inline-flex; align-items:center; gap:6px; padding:6px 11px; border-radius:20px; background:#FFFFFF; border:1px solid #E2E0DA; font-size:11.5px; font-weight:500; cursor:pointer; transition:.15s; }
    .dk-chip:hover{ border-color:#050505; }

    .dk-qv{ position:fixed; inset:0; z-index:95; display:flex; align-items:center; justify-content:center; padding:20px; }
    .dk-qv-scrim{ position:absolute; inset:0; background:rgba(5,5,5,.55); animation:dk-fadein .22s ease; }
    .dk-qv-panel{ position:relative; z-index:2; background:#F4F3EF; border-radius:22px; width:min(860px,100%); max-height:90vh; overflow:auto; display:grid; grid-template-columns:1fr 1fr; animation:dk-pop .24s ease both; }
    @media (max-width:700px){ .dk-qv-panel{ grid-template-columns:1fr; } }

    .dk-plp-toolbar{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-bottom:22px; }
    @media (max-width:1023px){ .dk-plp-toolbar{ display:none; } }
    .dk-plp-title{ font-size:clamp(28px,5vw,42px); font-style:italic; line-height:1.05; }
    .dk-sizebox{ min-width:44px; height:38px; padding:0 8px; border-radius:9px; border:1px solid #E2E0DA; background:transparent; font-size:12.5px; font-weight:600; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:.15s; color:#050505; }
    .dk-sizebox:hover{ border-color:#050505; }
    .dk-sizebox.is-on{ background:#050505; color:#F4F3EF; border-color:#050505; }
    .dk-swatch{ width:22px; height:22px; border-radius:50%; border:1px solid rgba(0,0,0,.15); cursor:pointer; position:relative; transition:transform .15s ease; }
    .dk-swatch:hover{ transform:scale(1.12); }
    .dk-swatch.is-on{ box-shadow:0 0 0 2px #F4F3EF, 0 0 0 4px #050505; }