/* ===== 1) FULL-BLEED HERO + VITRIN (Page Styles v3.26) ===== */
.b2b-vhero,.ede-show{
  width:100vw !important;max-width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important}
.b2b-vhero{overflow:hidden !important}
header.b2bhdr,#edeHdr,.b2bhdr-in{background:#EDE6D8 !important}
body .b2b-lead{max-width:86ch!important}
.b2b-compare,.b2b-cta,.b2b-craftv{position:relative;background:transparent!important;border:0!important;box-shadow:none!important;outline:0!important}
.b2b-compare>.b2b-section,.b2b-cta>.b2b-section,.b2b-craftv>.b2b-section{background:transparent!important;border:0!important;box-shadow:none!important}
.b2b-compare::before,.b2b-craftv::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;background:#FAF8F5;z-index:0;pointer-events:none}
.b2b-cta::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;margin-left:-50vw;background:#EFE7DA;z-index:0;pointer-events:none}
.b2b-compare>*,.b2b-cta>*,.b2b-craftv>*{position:relative;z-index:1}
.b2b-progtable{border-collapse:separate!important;border-spacing:0!important;width:100%}
.b2b-progtable td,.b2b-progtable th{padding:26px 28px!important;vertical-align:top!important;line-height:1.55!important;color:#4A4036!important}
.b2b-progtable td:first-child,.b2b-progtable th:first-child{padding-left:0!important;width:20%;white-space:nowrap}
.b2b-progtable td:nth-child(2),.b2b-progtable th:nth-child(2),.b2b-progtable td:nth-child(3),.b2b-progtable th:nth-child(3){border-left:1px solid rgba(74,64,54,.12)!important}
.b2b-progtable tbody td{border-bottom:1px solid rgba(74,64,54,.1)!important}
.b2b-progtable thead th{border-bottom:1px solid rgba(74,64,54,.38)!important}
.b2b-progtable strong,.b2b-progtable b,.b2b-compare p strong,.b2b-compare p b{font-weight:500!important;color:#4A4036!important}
.b2b-compare p a{color:#8A5320!important;text-decoration:none;border-bottom:1px solid rgba(138,83,32,.4)}

/* ===== 2) TEK ZEMIN #FAF8F5 (Page Styles) ===== */
html,body,#main-content,.body,.page,.container,.page-content,main,section{background-color:#FAF8F5}
html,body,#main-content,.body,.page,.container,.page-content{background:#FAF8F5 !important}
[style*="F7F4EC" i]{background-color:#FAF8F5 !important}
html{overflow-x:clip !important;max-width:100% !important}body{overflow-x:visible !important;max-width:100% !important}

/* ===== 3) B2B ANA SAYFA PANELLERI .b2bap-* (Page Styles) ===== */
.b2bap{font-family:Jost,system-ui,-apple-system,sans-serif;color:#231f1a;max-width:1320px;margin:0 auto;padding:8px 0 56px;line-height:1.6}
.b2bap *{box-sizing:border-box}
.b2bap p,.b2bap li{max-width:66ch}
.b2bap-eyebrow{font-family:"Space Mono",monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#B87333;margin:0 0 14px}
.b2bap-h1{font-size:clamp(28px,3.6vw,42px);font-weight:300;line-height:1.15;letter-spacing:-.01em;margin:0 0 18px;color:#231f1a}
.b2bap-lead{font-size:19px;font-weight:300;line-height:1.6;color:#4a443c;max-width:68ch;margin:0 0 48px}
.b2bap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0 0 52px}
.b2bap-card{background:#FAF8F5;border:1px solid #e9e2d6;border-radius:2px;padding:26px 24px 24px;position:relative}
.b2bap-card .n{display:block;font-family:"Space Mono",monospace;font-size:12px;letter-spacing:.16em;color:#B87333;margin-bottom:12px}
.b2bap-card h3{font-size:19px;font-weight:600;margin:0 0 8px;color:#231f1a;line-height:1.25}
.b2bap-card p{font-size:14.5px;line-height:1.55;color:#5c554a;margin:0}
.b2bap-h2{font-size:clamp(22px,2.4vw,28px);font-weight:600;letter-spacing:-.01em;margin:0 0 20px;color:#231f1a;padding-bottom:12px;border-bottom:2px solid #231F1A}
.b2bap-list{list-style:none;margin:0 0 44px;padding:0}
.b2bap-list li{position:relative;padding:15px 0 15px 26px;border-top:1px solid #e9e2d6;font-size:15.5px;line-height:1.6;color:#4a443c}
.b2bap-list li:last-child{border-bottom:1px solid #e9e2d6}
.b2bap-list li:before{content:"";position:absolute;left:0;top:23px;width:8px;height:8px;border-radius:50%;background:#B87333}
.b2bap-list strong{color:#231f1a;font-weight:600}
.b2bap-note{background:#231F1A;color:#e6ded0;border-radius:2px;padding:22px 26px;font-size:15px;line-height:1.6;margin:0 0 48px}
.b2bap-note strong{color:#E8B07C;font-weight:600}
.b2bap-formcue{border-top:1px solid #e9e2d6;padding-top:36px;margin-top:8px}
.b2bap-formcue p{font-size:15.5px;color:#5c554a;margin:0;max-width:66ch}
.b2bap-credit{display:flex;align-items:flex-start;gap:10px;background:#FAF8F5;border-left:3px solid #B87333;padding:16px 20px;margin:0 0 44px;font-size:15px;line-height:1.55;color:#3d3830}
.b2bap-credit b{color:#B87333}
.b2bap-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:start;margin:0 0 48px}
.b2bap-split img{width:100%;height:auto;display:block;border-radius:2px}
.b2bap-split figure{margin:0}
.b2bap-split figcaption{font-family:"Space Mono",monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#8a8071;margin-top:12px}
.b2bap-split p,.b2bap-split li{max-width:none}

/* ===== 4) KATEGORI SAYFASI GRID MIMARISI + TITREME FIX (Page Styles) ===== */
.ede-cat main.page-content{width:100% !important;max-width:none !important;padding:0 88px 0 0 !important;float:none !important}
.ede-cat .page{display:grid !important;grid-template-columns:220px minmax(0,1fr) !important;gap:48px !important;align-items:start}
.productGrid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:28px !important;width:100% !important;max-width:none !important;margin:0 !important;padding:0 !important}
.productGrid .product{width:100% !important;max-width:none !important;flex:none !important;padding:0 !important;margin:0 !important;float:none !important}
.card{max-width:none !important}
.card-img-container{max-width:100% !important}
.card,.card *,.card *:before,.card *:after{transition-duration:.12s !important;transition-delay:0s !important;animation-duration:.12s !important;animation-delay:0s !important}
.productGrid .card-img-container::after{padding-bottom:72% !important;padding-top:0 !important;height:0 !important}
.productGrid .card-img-container{overflow:hidden !important}
.productGrid .card-img-container img,.productGrid .card-image{
  object-fit:contain !important;object-position:center center !important;
  width:100% !important;height:100% !important;position:absolute !important;
  top:0 !important;left:0 !important;
  transform:translateY(6%) scale(1.3) !important;transform-origin:center center !important}
.productGrid .card:hover .card-img-container img,
.productGrid .card:hover .card-image{transform:translateY(8%) scale(1.36) !important}
.productGrid .card-figure{margin:0 !important;padding:0 !important}
.productGrid .ede-sizegrid{margin-top:8px !important;margin-bottom:2px !important}
.productGrid .card,.productGrid .card:hover,
.productGrid .card:hover .card-figure,.productGrid .card:hover .card-body,
.productGrid .card:hover .card-img-container{background:#FAF8F5 !important}
.productGrid .ede-sizegrid{background:#EFEAE0 !important;border-radius:6px !important}
.productGrid .card-title,.productGrid h3.card-title,
.productGrid .card-title a,.productGrid .card-figcaption-title{
  display:block !important;white-space:nowrap !important;overflow:hidden !important;
  text-overflow:ellipsis !important;max-width:100% !important;line-height:20px !important;
  height:20px !important;max-height:20px !important;margin:0 !important;text-align:center !important}
.productGrid .card-body{height:26px !important;min-height:26px !important;max-height:26px !important;
  overflow:hidden !important;padding:2px 6px 0 !important;margin:0 !important;box-sizing:border-box !important}
@media (max-width:1100px){.ede-cat main.page-content{padding-right:0 !important}}
@media (max-width:900px){.ede-cat .page{grid-template-columns:1fr !important}.productGrid{grid-template-columns:repeat(2,1fr) !important;gap:18px !important}}
@media (max-width:560px){.productGrid{grid-template-columns:1fr !important}}

/* ===== 5) KART/URUN GORSELI ZEMIN TEMIZLIGI (Page Styles) ===== */
.card-figure,.card-body,.card-figure__body,.card-title,.card img,.card-image{border:none !important;box-shadow:none !important}
.productView-image,.productView-imageCarousel,.productView-img-container,
.productView-image img,.productView-thumbnail-link{background:#FAF8F5 !important}

/* ===== 6) URUN GORSELI SLICK NOKTALARI (Page Styles) ===== */
.productView-thumbnails,.productView-images .slick-dots,
.productView .slick-dots{position:static !important;display:flex !important;
  flex-direction:row !important;justify-content:center !important;align-items:center !important;
  gap:8px !important;width:100% !important;margin:14px 0 0 !important;padding:0 !important;
  list-style:none !important;float:none !important}
.productView-thumbnails li,.productView .slick-dots li{margin:0 !important;padding:0 !important;
  width:auto !important;height:auto !important;float:none !important}
.productView .slick-dots li button{width:7px !important;height:7px !important;padding:0 !important;
  border-radius:50% !important;background:#ded5c4 !important;border:none !important;
  font-size:0 !important;line-height:0 !important;text-indent:-9999px !important}
.productView .slick-dots li button:before{display:none !important;content:none !important}
.productView .slick-dots li.slick-active button{background:#B87333 !important}

/* ===== 7) CATEGORY GROUPS v1.6 — YALNIZ CSS (JS Script Manager'da) ===== */
.ede-grp{margin:0 0 8px}
.ede-grp-h{display:block;text-align:center;
  margin:56px 0 30px;position:relative;z-index:40;
  background:#FAF8F5;padding:10px 0}
.ede-grp-h:first-child{margin-top:12px}
.ede-grp:first-of-type .ede-grp-h{margin-top:12px}
.ede-grp-h .t{display:block;font-family:Jost,system-ui,sans-serif;
  font-size:26px;font-weight:400;letter-spacing:.03em;color:#231f1a;
  text-align:center}
a.ede-spy-on{color:#B87333 !important;font-weight:600 !important}
.ede-grps-on .productGrid:not(.ede-grp .productGrid){display:none !important}
.ede-grps-on .pagination,.ede-grps-on [class*="pagination"],
.ede-grps-on [class*="pageNav"]{display:none !important}
.ede-desc-note{max-width:76ch !important;width:100% !important;
  margin:56px auto 0 !important;padding:26px 12px 8px !important;
  text-align:center !important;
  border-top:1px solid rgba(184,115,51,.35) !important;
  font-size:14px !important;line-height:1.75 !important;color:#6b6257 !important}
.ede-desc-note p{margin:0 0 10px !important;max-width:none !important;
  text-align:center !important;font-size:14px !important;color:#6b6257 !important}

/* ===== 8) HERO SHOWCASE / MARQUEE v7.3 — YALNIZ CSS (JS Script Manager'da) ===== */
.ede-show{background:#FAF8F5;padding:0 0 12px;position:relative;overflow:hidden}
.ede-show-stage{background:#FAF8F5;position:relative;height:197px;padding:0 20px;overflow:hidden}
.ede-show-track{display:flex;align-items:flex-end;justify-content:center;
  gap:14px;height:100%;width:100%}
.ede-show-item{flex:0 1 auto;min-width:0;display:flex;align-items:flex-end;
  justify-content:center;opacity:0;will-change:transform,opacity,filter;
  transform-origin:center bottom;padding-bottom:0}
.ede-show-item img{height:185px;max-width:100%;width:auto;display:block;
  object-fit:contain;background:transparent;mix-blend-mode:multiply}
.ede-show-bar{display:flex;align-items:center;justify-content:center;gap:18px;
  height:24px;margin:2px 0 0;padding:0 48px}
.ede-show-bar .line{flex:1 1 auto;height:1px;background:rgba(184,115,51,.45);max-width:38%}
.ede-show-bar .n{font-family:Jost,system-ui,sans-serif;font-size:18px;font-weight:400;
  letter-spacing:.02em;color:#3D3830;white-space:nowrap;text-align:center;
  opacity:0;transform:translateY(5px);transition:opacity .4s ease,transform .4s ease}
.ede-show-bar .n.on{opacity:1;transform:translateY(0)}

/* ===== 9) MOBIL: LOGO OLCEK + TABLO TASMA + HERO FOTO (Page Styles, <=768/760px) ===== */
@media (max-width:900px){body .page,body .container,body #main-content{
  padding-left:28px !important;padding-right:28px !important}
  .ede-show-stage{height:104px;padding:0 12px}
  .ede-show-track{gap:10px}
  .ede-show-item img{height:88px;max-width:31%}
  .ede-show-bar{gap:12px;height:20px;margin-top:0px;padding:0 16px}
  .ede-show-bar .n{font-size:15px}
  .ede-show-bar .line{max-width:30%}}
@media (max-width:760px){
  body img,body iframe,body video{max-width:100% !important;height:auto !important}
  body svg{max-width:100% !important}
  .header [class*="logo"],header [class*="logo"],[class*="header"] [class*="logo"]{
    font-size:30px !important;line-height:1 !important}
  .header [class*="logo"] img,header [class*="logo"] img,
  [class*="header"] [class*="logo"] img,[class*="header"] [class*="logo"] svg{
    max-height:34px !important;width:auto !important;height:auto !important}
  .header [class*="logo"] em,.header [class*="logo"] i,.header [class*="logo"] small,
  .header [class*="logo"] span,[class*="header"] [class*="logo"] em,
  [class*="header"] [class*="logo"] small,[class*="header"] [class*="logo"] span{
    font-size:10px !important;letter-spacing:.14em !important;line-height:1.25 !important;display:block !important}
  footer [class*="logo"],[class*="footer"] [class*="logo"]{font-size:40px !important;line-height:1 !important}
  footer [class*="logo"] img,footer [class*="logo"] svg,
  [class*="footer"] [class*="logo"] img,[class*="footer"] [class*="logo"] svg{
    max-height:46px !important;width:auto !important;height:auto !important}
  footer [class*="logo"] em,footer [class*="logo"] small,footer [class*="logo"] span,
  [class*="footer"] [class*="logo"] em,[class*="footer"] [class*="logo"] small{
    font-size:11px !important;letter-spacing:.16em !important;display:block !important}
  body p,body li,body h1,body h2,body h3,body td,body th{
    overflow-wrap:break-word !important;word-break:normal !important;hyphens:none !important}
  table th,table td:first-child,table tr>*:first-child{
    word-break:keep-all !important;overflow-wrap:normal !important;
    white-space:normal !important;min-width:92px !important}
  .b2bap-credit,[class*="credit"],[class*="callout"],[class*="-note"]{display:block !important}
  table{display:block !important;width:100% !important;overflow-x:auto !important;
    -webkit-overflow-scrolling:touch;font-size:12.5px !important;table-layout:auto !important}
  table th,table td{padding:8px 10px !important}
  [class*="outline"],[class*="numeral"],[class*="bigtype"]{
    font-size:clamp(26px,8.5vw,46px) !important;line-height:1.04 !important;letter-spacing:0 !important}
  [class*="outline"],[class*="numeral"]{height:auto !important;min-height:0 !important}
  section,article,figure{height:auto !important}
  .b2bap-grid{grid-template-columns:1fr;gap:14px;margin-bottom:40px}
  .b2bap-lead{font-size:16.5px;margin-bottom:32px}
  .b2bap-note{padding:18px 20px}
  .b2bap-split{grid-template-columns:1fr;gap:24px}
}
@media (max-width:768px){
  a.skip-to-main-link,#skip-to-main-link{position:absolute !important;
    left:-9999px !important;top:auto !important;height:1px !important;
    width:1px !important;overflow:hidden !important}
  #edeHdr,header.b2bhdr{margin-top:0 !important}
  body{padding-top:0 !important}
  #edeHdr .b2bhdr-logo-tag,.b2bhdr .b2bhdr-logo-tag,span.b2bhdr-logo-tag{
    font-size:10px !important;letter-spacing:.18em !important;
    line-height:1.2 !important;opacity:.8 !important;display:block !important}
  #edeHdr .b2bhdr-logo-img,.b2bhdr-logo-img{max-height:36px !important;width:auto !important}
  .ede-show{padding-top:0px !important}
  .b2b-vhero .b2b-section{background:none !important}
  .b2b-vhero::before,.b2b-vhero::after,
  .b2b-vhero .b2b-section::before,.b2b-vhero .b2b-section::after{
    display:none !important;content:none !important;background:none !important}
  .b2b-vhero h1,.b2b-vhero .b2b-h1,.b2b-vhero .b2b-eyebrow,
  .b2b-vhero .b2b-lead,.b2b-vhero .b2b-credit,
  .b2b-vhero .b2b-btn,.b2b-vhero a,.b2b-vhero button,
  .b2b-vhero .b2b-statrail,.b2b-vhero .b2b-stat{display:none !important}
}
/* ==== Our Atelier v2 — modern/minimal/warm (13 Ago) — atl-* namespace ==== */
.atl{max-width:760px;margin:0 auto;padding:56px 4px 80px;font-family:'Jost',system-ui,sans-serif;font-weight:300;font-size:17px;line-height:1.72;color:#4a443c;}
.atl-eyebrow{font-family:'Space Mono',monospace;font-size:11.5px;font-weight:400;letter-spacing:.24em;text-transform:uppercase;color:#B87333;margin:0;}
.atl a{color:#B87333;text-decoration:none;border-bottom:1px solid rgba(184,115,51,.35);padding-bottom:1px;transition:border-color .2s,color .2s;}
.atl a:hover{color:#9C5E23;border-color:#9C5E23;}
.atl strong{font-weight:500;color:#231f1a;}
.atl-meta{font-family:'Space Mono',monospace;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8a8071;display:flex;flex-wrap:wrap;gap:6px 14px;padding-bottom:22px;border-bottom:1px solid #e3dacb;margin-bottom:46px;}
.atl-meta b{color:#231f1a;font-weight:400;}
.atl-title{font-family:'Jost',sans-serif;font-weight:300;color:#231f1a;font-size:clamp(40px,7vw,66px);line-height:1.02;letter-spacing:-.015em;margin:18px 0 0;}
.atl-lead{font-weight:400;font-size:20px;line-height:1.62;color:#3d3830;margin:26px 0 0;max-width:38em;}
.atl-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0 32px;margin:64px 0 8px;border-top:1px solid #B87333;border-bottom:1px solid #e3dacb;}
.atl-stat{padding:26px 0 28px;}
.atl-stat .n{font-family:'Space Mono',monospace;font-weight:700;color:#B87333;font-size:clamp(30px,4.4vw,42px);line-height:1;letter-spacing:-.02em;}
.atl-stat .u{display:block;font-family:'Space Mono',monospace;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#8a8071;margin:12px 0 12px;}
.atl-stat p{margin:0;font-size:14.5px;line-height:1.55;color:#4a443c;}
.atl-sec{margin-top:72px;}
.atl-sec .h{display:flex;align-items:baseline;gap:16px;margin:0 0 22px;}
.atl-sec .num{font-family:'Space Mono',monospace;font-weight:700;font-size:14px;color:#B87333;letter-spacing:.02em;flex:0 0 auto;}
.atl-sec h2{font-family:'Jost',sans-serif;font-weight:400;color:#231f1a;font-size:clamp(25px,3.4vw,33px);line-height:1.12;letter-spacing:-.01em;margin:0;}
.atl-body p{margin:0 0 18px;}
.atl-body p:last-child{margin-bottom:0;}
.atl-body ul{margin:6px 0 0;padding:0;list-style:none;}
.atl-body li{position:relative;padding:12px 0 12px 26px;border-top:1px solid #e3dacb;font-size:16.5px;line-height:1.55;}
.atl-body li:before{content:"";position:absolute;left:0;top:20px;width:7px;height:7px;border-radius:50%;background:#B87333;}
.atl-spec{margin:26px 0 4px;border-top:1px solid #231f1a;}
.atl-row{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:13px 0;border-bottom:1px solid #e3dacb;}
.atl-k{font-family:'Space Mono',monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#8a8071;flex:0 0 auto;}
.atl-v{font-size:15.5px;color:#231f1a;text-align:right;}
.atl-note{background:#f2ece0;border-left:3px solid #B87333;padding:34px 32px;margin:72px 0 0;}
.atl-note .atl-eyebrow{margin-bottom:12px;}
.atl-note h3{font-family:'Jost',sans-serif;font-weight:500;color:#231f1a;font-size:clamp(22px,3vw,29px);line-height:1.15;letter-spacing:-.01em;margin:0 0 16px;}
.atl-note p{margin:0 0 14px;font-size:16.5px;}
.atl-note p:last-child{margin-bottom:0;}
.atl-start{margin-top:76px;padding-top:44px;border-top:1px solid #B87333;}
.atl-start h2{font-family:'Jost',sans-serif;font-weight:400;color:#231f1a;font-size:clamp(24px,3.2vw,32px);margin:0 0 16px;letter-spacing:-.01em;}
.atl-btnrow{margin-top:26px;display:flex;gap:14px;flex-wrap:wrap;}
.atl a.atl-btn{display:inline-block;font-family:'Jost',sans-serif;font-weight:500;font-size:14px;letter-spacing:.06em;padding:14px 30px;text-decoration:none;border:1px solid #231f1a;transition:all .22s ease;}
.atl a.atl-btn.solid{background:#B87333;border-color:#B87333;color:#fff;}
.atl a.atl-btn.solid:hover{background:#9C5E23;border-color:#9C5E23;}
.atl a.atl-btn.ghost{background:transparent;color:#231f1a;}
.atl a.atl-btn.ghost:hover{border-color:#B87333;color:#B87333;}
@media (max-width:640px){
  .atl{padding:32px 0 56px;}
  .atl-stats{grid-template-columns:1fr;}
  .atl-stat{padding:22px 0;border-bottom:1px solid #e3dacb;}
  .atl-stat:last-child{border-bottom:0;}
  .atl-lead{font-size:18px;}
  .atl-row{flex-direction:column;gap:2px;}
  .atl-v{text-align:left;}
}
.wh-page{
  --wh-cream:#FAF7F1; --wh-cream-2:#F2ECE1;
  --wh-ink:#17394B; --wh-espresso:#2A2019; --wh-copper:#B87333;
  --wh-body:#4A4640; --wh-muted:#8A8378;
  --wh-hair:rgba(23,57,75,.14); --wh-hair-light:rgba(23,57,75,.09);
  /* full-bleed: break out of the auto .page-content container */
  margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);
  background:var(--wh-cream); color:var(--wh-body);
  font-family:'Jost',sans-serif; font-weight:300; line-height:1.7; text-align:left;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
.wh-page, .wh-page p, .wh-page li, .wh-page a, .wh-page div, .wh-page span, .wh-page summary, .wh-page td, .wh-page th{font-family:'Space Grotesk',sans-serif !important;}
.wh-page *{box-sizing:border-box;}
.wh-page h1,.wh-page h2,.wh-page .wh-tn{font-family:'Marcellus',serif !important;}
.wh-page h3,.wh-page h4{font-family:'Jost',sans-serif !important;}
.wh-page .wh-eyebrow,.wh-page .wh-idx,.wh-page .wh-n,.wh-page .wh-k,.wh-page .wh-tl,.wh-page .wh-logo-cap,.wh-page .wh-ship-label,.wh-page .wh-mp-v,.wh-page .wh-mk,.wh-page .wh-price th,.wh-page .wh-price td,.wh-page .wh-map-detail h4{font-family:'Space Mono',monospace !important;}
.wh-page h1,.wh-page h2,.wh-page h3,.wh-page h4{font-family:'Marcellus',serif;color:var(--wh-ink);font-weight:400;}
.wh-wrap{max-width:1180px;margin:0 auto;padding:0 40px;}
.wh-eyebrow{font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--wh-copper);margin:0 0 22px;display:block;}
.wh-lead{font-size:1.18rem;line-height:1.65;color:var(--wh-body);max-width:58ch;font-weight:300;}

/* hero */
.wh-hero{padding:56px 0 48px;}
.wh-hero h1{font-size:clamp(2.4rem,5.2vw,4rem);line-height:1.06;letter-spacing:-.012em;margin:0 0 34px;max-width:15ch;}
.wh-hero .wh-lead{margin:0 0 44px;}
.wh-hero-cta{display:flex;gap:16px;flex-wrap:wrap;align-items:center;}
.wh-btn{font-family:'Jost',sans-serif;font-weight:500;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;padding:16px 30px;border-radius:0;text-decoration:none;display:inline-block;transition:all .2s ease;cursor:pointer;}
.wh-btn-primary{background:var(--wh-copper);color:#fff;border:1px solid var(--wh-copper);}
.wh-btn-primary:hover{background:transparent;color:var(--wh-copper);}
.wh-btn-ghost{background:transparent;color:var(--wh-ink);border:1px solid var(--wh-hair);}
.wh-btn-ghost:hover{border-color:var(--wh-ink);}

/* grid-with-hairlines helper */
.wh-grid{display:grid;gap:1px;background:var(--wh-hair-light);border:1px solid var(--wh-hair-light);}
.wh-grid > *{background:var(--wh-cream);}

/* spec ticket */
.wh-specs{grid-template-columns:repeat(5,1fr);border-top:1px solid var(--wh-ink);margin-bottom:76px;}
.wh-spec{padding:32px 26px 28px;}
.wh-spec .wh-n{font-family:'Space Mono',monospace;font-size:1.75rem;color:var(--wh-copper);line-height:1;letter-spacing:-.02em;}
.wh-spec .wh-k{font-family:'Space Mono',monospace;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--wh-muted);margin-top:14px;line-height:1.5;}

/* generic block */
.wh-block{padding:92px 0;}
.wh-block.wh-tight{padding-top:0;}
.wh-head{max-width:62ch;margin-bottom:52px;}
.wh-head h2{font-size:clamp(1.75rem,3.2vw,2.5rem);line-height:1.12;letter-spacing:-.01em;margin:0 0 18px;}
.wh-head p{margin:0;font-size:1.08rem;color:var(--wh-body);max-width:60ch;}

/* statement panel */
.wh-panel{background:var(--wh-cream-2);}
.wh-panel .wh-wrap{padding-top:84px;padding-bottom:84px;}
.wh-panel h2{font-size:clamp(1.9rem,3.4vw,2.8rem);line-height:1.14;margin:0 0 24px;max-width:20ch;}
.wh-panel p{max-width:56ch;font-size:1.08rem;color:var(--wh-body);margin:0 0 16px;}
.wh-panel p:last-child{margin-bottom:0;}

/* steps */
.wh-steps{grid-template-columns:repeat(2,1fr);}
.wh-step{padding:38px 38px 42px;}
.wh-step .wh-idx{font-family:'Space Mono',monospace;font-size:.1.1rem;letter-spacing:.2em;color:var(--wh-copper);}
.wh-step h3{font-size:1.3rem;margin:16px 0 12px;font-weight:400;}
.wh-step p{margin:0;color:var(--wh-body);font-size:.98rem;line-height:1.65;}

/* pricing table — wholesale only */
.wh-price-wrap{overflow-x:auto;}
.wh-price{width:100%;border-collapse:collapse;min-width:560px;table-layout:fixed;border:1px solid var(--wh-ink);}
.wh-price thead th{background:var(--wh-ink);color:var(--wh-cream);font-family:'Space Mono',monospace;font-weight:400;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;text-align:right;padding:16px 20px;line-height:1.45;vertical-align:middle;}
.wh-price thead th:first-child{text-align:left;}
.wh-price tbody td{padding:20px 22px;border-bottom:1px solid var(--wh-hair-light);font-size:.98rem;text-align:right;font-family:'Space Mono',monospace;}
.wh-price tbody tr:last-child td{border-bottom:none;}
.wh-price td.wh-model{font-family:'Jost',sans-serif;font-weight:500;color:var(--wh-ink);text-align:left;font-size:.98rem;}
.wh-price td.wh-rrp{color:var(--wh-muted);}
.wh-price td.wh-yours{color:var(--wh-copper);font-size:1.15rem;font-weight:700;background:rgba(184,115,51,.06);}
.wh-price td.wh-margin{color:var(--wh-ink);font-weight:700;}
.wh-price-note{font-size:.98rem;color:var(--wh-body);margin-top:22px;max-width:66ch;}

/* tiers */
.wh-tiers{grid-template-columns:repeat(5,1fr);}
.wh-tier{padding:30px 24px 32px;display:flex;flex-direction:column;}
.wh-tier .wh-tl{font-family:'Space Mono',monospace;font-size:.66rem;letter-spacing:.16em;color:var(--wh-copper);text-transform:uppercase;}
.wh-tier .wh-tn{font-family:'Marcellus',serif;font-size:1.5rem;color:var(--wh-ink);margin:12px 0 14px;line-height:1.1;}
.wh-tier p{margin:0;font-size:.9rem;color:var(--wh-body);line-height:1.55;padding-top:14px;border-top:1px solid var(--wh-hair-light);margin-top:auto;}

/* shipping strip */
.wh-ship{border-top:1px solid var(--wh-ink);border-bottom:1px solid var(--wh-hair);}
.wh-ship .wh-wrap{padding-top:56px;padding-bottom:56px;display:grid;grid-template-columns:auto 1fr;gap:56px;align-items:start;}
.wh-ship .wh-ship-label{font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--wh-copper);padding-top:6px;white-space:nowrap;}
.wh-ship p{margin:0;font-size:1.08rem;color:var(--wh-body);max-width:70ch;}

/* sub-cards (logo + map detail) */
.wh-subgrid{grid-template-columns:repeat(3,1fr);margin-top:44px;}
.wh-subcard{padding:32px 30px 34px;}
.wh-subcard h4{font-size:1.05rem;font-family:'Jost',sans-serif;font-weight:500;color:var(--wh-ink);margin:0 0 12px;letter-spacing:.01em;}
.wh-subcard p{margin:0;font-size:.92rem;line-height:1.62;color:var(--wh-body);}
.wh-subcard strong{font-weight:500;color:var(--wh-ink);}

/* logo intro */
.wh-logo-intro{display:grid;grid-template-columns:1.3fr 1fr;gap:52px;align-items:center;}
.wh-logo-intro h2{font-size:clamp(1.75rem,3vw,2.4rem);line-height:1.14;margin:0 0 22px;max-width:16ch;}
.wh-logo-intro p{max-width:50ch;font-size:1.08rem;margin:0;}
.wh-logo-media{background:var(--wh-espresso);border:1px solid var(--wh-hair);overflow:hidden;line-height:0;}
.wh-logo-media video{width:100%;height:auto;display:block;}
.wh-logo-cap{font-family:'Space Mono',monospace;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--wh-muted);margin:14px 0 0;line-height:1.5;}

/* MAP */
.wh-map-prices{grid-template-columns:repeat(4,1fr);margin:40px 0 8px;}
.wh-mp{padding:26px 24px;}
.wh-mp .wh-mp-k{font-family:'Jost',sans-serif;font-size:.82rem;color:var(--wh-muted);line-height:1.4;margin-bottom:10px;}
.wh-mp .wh-mp-v{font-family:'Space Mono',monospace;font-size:1.5rem;color:var(--wh-ink);}
.wh-map-detail{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:48px;}
.wh-map-detail h4{font-family:'Space Mono',monospace;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--wh-copper);margin:0 0 14px;}
.wh-map-detail p{margin:0;font-size:.98rem;line-height:1.68;color:var(--wh-body);}
.wh-map-detail strong{color:var(--wh-ink);font-weight:500;}

/* FAQ */
.wh-faq-list{border-top:1px solid var(--wh-ink);}
.wh-faq{border-bottom:1px solid var(--wh-hair-light);}
.wh-faq summary{list-style:none;cursor:pointer;padding:26px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;font-family:'Jost',sans-serif;font-weight:500;font-size:1.06rem;color:var(--wh-ink);}
.wh-faq summary::-webkit-details-marker{display:none;}
.wh-faq summary .wh-mk{font-family:'Space Mono',monospace;color:var(--wh-copper);font-size:1.3rem;line-height:1;transition:transform .2s ease;flex-shrink:0;}
.wh-faq[open] summary .wh-mk{transform:rotate(45deg);}
.wh-faq .wh-ans{padding:0 40px 28px 0;max-width:74ch;color:var(--wh-body);font-size:1rem;line-height:1.7;}
.wh-faq .wh-ans a{color:var(--wh-copper);}

/* cta band */
.wh-cta{background:var(--wh-espresso);color:var(--wh-cream);padding:100px 0;text-align:center;}
.wh-cta .wh-eyebrow{color:rgba(250,247,241,.5);}
.wh-cta h2{color:var(--wh-cream);font-size:clamp(1.9rem,3.4vw,2.8rem);margin:0 0 18px;line-height:1.1;}
.wh-cta p{color:rgba(250,247,241,.72);max-width:52ch;margin:0 auto 38px;font-size:1.08rem;}
.wh-cta-sub{margin-top:28px;font-size:.92rem;color:rgba(250,247,241,.6);}
.wh-cta-sub a{color:var(--wh-copper);text-decoration:none;}

@media(max-width:920px){
  .wh-specs{grid-template-columns:repeat(3,1fr);}
  .wh-tiers{grid-template-columns:repeat(2,1fr);}
  .wh-subgrid{grid-template-columns:1fr;}
  .wh-map-prices{grid-template-columns:repeat(2,1fr);}
  .wh-map-detail{grid-template-columns:1fr;gap:32px;}
  .wh-logo-intro{grid-template-columns:1fr;gap:32px;}
}
@media(max-width:820px){
  .wh-wrap{padding:0 24px;}
  .wh-hero{padding:72px 0 60px;}
  .wh-block{padding:60px 0;}
  .wh-specs{grid-template-columns:repeat(2,1fr);}
  .wh-steps{grid-template-columns:1fr;}
  .wh-tiers{grid-template-columns:1fr;}
  .wh-ship .wh-wrap{grid-template-columns:1fr;gap:16px;}
}
/* ==== FONT OVERRIDE v2 — Marcellus yalniz H1, kalan Jost ==== */
.wh-page h1 {
  font-family: Marcellus, serif !important;
}
.wh-page h2,
.wh-page h3,
.wh-page h4,
.wh-page p,
.wh-page li,
.wh-page td,
.wh-page th,
.wh-page a,
.wh-page button,
.wh-page .wh-lead,
.wh-page .wh-price-note {
  font-family: Jost, sans-serif !important;
}
.wh-page [class*="eyebrow"] {
  font-family: Jost, sans-serif !important;
  font-size: 14px !important;
  letter-spacing: 0.14em !important;
  text-transform: uppercase !important;
  font-weight: 500 !important;
}

/* ============================================================
   WHOLESALE TASARIM CILASI v1 — 6 sikayet cerrahi cozum
   (Halil 16  Agu · ortada sikisma / kucuk yazi / ust nefes /
    video siyah cerceve / FAQ Arial / genel modern cizgi)
   Consolidated blogun SONUNA konuldu — hem ana wh-* hem de
   1128-1167 override katmanini ezer. Hepsi !important.
   ============================================================ */

/* 1) YAYIL — icerik 1180 kelepcesinden 1240'a, iç nefes artar */
.wh-page .wh-wrap{
  max-width:1240px !important;
  padding:0 clamp(28px,5vw,72px) !important;
}

/* 3) UST NEFES — her bloga dikey soluk, ilk blok fazladan */
.wh-page .wh-block{ padding:104px 0 !important; }
.wh-page .wh-hero{ padding:120px 0 96px !important; }

/* 2) OKUNUR GOVDE — 17→18px, satir araligi acilir */
.wh-page p,
.wh-page li,
.wh-page .wh-lead{
  font-size:18px !important;
  line-height:1.72 !important;
}
.wh-page .wh-lead{ font-size:1.22rem !important; line-height:1.6 !important; }

/* 2b) ETIKETLER — cok kucuk mono etiketler okunur boyuta */
.wh-page .wh-tl,
.wh-page .wh-ship-label,
.wh-page .wh-mp-k,
.wh-page .wh-logo-cap,
.wh-page .wh-idx{
  font-size:.72rem !important;
  letter-spacing:.16em !important;
}
.wh-page [class*="eyebrow"]{ font-size:14px !important; }

/* 4) VIDEO SIYAH CERCEVE KALKAR — koyu zemin + border gider, kose yumusar */
.wh-page .wh-logo-media{
  background:transparent !important;
  border:0 !important;
  border-radius:14px !important;
  overflow:hidden !important;
}
.wh-page .wh-logo-media video{ border-radius:14px !important; display:block !important; }

/* 5) FAQ ARIAL DEGIL JOST — soru/cevap Jost'a doner, aralik acilir */
.wh-page .wh-faq,
.wh-page .wh-faq *,
.wh-page .wh-q,
.wh-page .wh-a,
.wh-page details,
.wh-page summary{
  font-family:Jost,sans-serif !important;
}
.wh-page .wh-q,
.wh-page summary{ font-size:1.05rem !important; font-weight:500 !important; }
.wh-page .wh-a,
.wh-page details p{ font-size:17px !important; line-height:1.7 !important; }

/* 6) MODERN CIZGI — ayiricilar incelir, price tablosu nefes alir */
.wh-page .wh-price thead th{ font-size:.66rem !important; letter-spacing:.14em !important; }
.wh-page .wh-price tbody td{ padding:22px 24px !important; font-size:1rem !important; }
.wh-page .wh-tier p{ line-height:1.62 !important; }
/* ============================================================
   WHOLESALE CILA v2 — 8 madde (Halil, ekran turu 17 Agu)
   v1 blogunun devami. Hepsi !important.
   ============================================================ */

/* 7) TEK BASLIK — breadcrumb + BigCommerce sayfa basligi gizlenir,
      sadece bakir WHOLESALE PROGRAM eyebrow kalir */
body:has(.wh-page) .breadcrumbs,
body:has(.wh-page) nav.breadcrumbs,
body:has(.wh-page) .page-heading{display:none!important}

/* 7b) bakir cizgi basligin altindan kalkar, eyebrow'un altina gecer */
.wh-page .wh-hero hr,
.wh-page .wh-hero [class*="rule"],
.wh-page .wh-hero [class*="divider"]{display:none!important}
.wh-page .wh-hero [class*="eyebrow"]::after{
  content:""!important;display:block!important;
  width:52px!important;height:2px!important;
  background:#B87333!important;margin-top:14px!important}

/* GENEL (3-4-5-6) — bolum basliklari tek satir, aciklamalar genisler */
.wh-page .wh-wrap h2{
  max-width:none!important;
  font-size:clamp(1.7rem,2.4vw,2.3rem)!important;
  line-height:1.22!important}
.wh-page .wh-wrap h2 + p,
.wh-page .wh-lead{max-width:80ch!important}
.wh-page .wh-hero .wh-lead{max-width:88ch!important}

/* 1) MAP mini tablosu — hucre nefesi + buyuk yazi */
.wh-page .wh-mp{padding:40px 32px 44px!important}
.wh-page .wh-mp-k{font-size:.95rem!important;letter-spacing:.04em!important}
.wh-page .wh-mp-v{font-size:1.9rem!important}

/* 2) SHIPPING — keskin siyah cizgi soner, yukari nefes acilir */
.wh-page .wh-ship{
  border-top:1px solid rgba(74,64,54,.18)!important;
  border-bottom:1px solid rgba(74,64,54,.12)!important;
  margin-top:48px!important}
.wh-page .wh-ship .wh-wrap{padding-top:72px!important;padding-bottom:72px!important}

/* 3) ORDER TIERS — kesme cizgileri simetrik: hep ismin hemen altinda */
.wh-page .wh-tier p{
  margin-top:22px!important;padding-top:18px!important;
  border-top:1px solid rgba(74,64,54,.16)!important}

/* 4) FIYAT TABLOSU — mavi gider espresso gelir, mono gider Jost gelir */
.wh-page .wh-price thead th{
  background:#2A2019!important;color:#F2ECE1!important;
  font-family:Jost,sans-serif!important;font-weight:500!important;
  font-size:.8rem!important;letter-spacing:.14em!important;
  padding:18px 26px!important}
.wh-page .wh-price tbody td{
  font-family:Jost,sans-serif!important;
  font-size:1.05rem!important;padding:26px!important;
  border-bottom:1px solid rgba(74,64,54,.14)!important}
.wh-page .wh-price td.wh-yours{color:#8A5320!important;font-weight:600!important}

/* 6) MARKA BANDI — zemin sinirindan uzaklasir, nefes alir */
.wh-page :has(> .wh-logo-intro){padding-top:88px!important;padding-bottom:88px!important}
.wh-page .wh-logo-intro h2{max-width:none!important}
.wh-page .wh-logo-intro p{max-width:72ch!important}

/* 8) SPEC SERIDI — buyuk sakin rakam + okunur etiket, ince ayiricilar */
.wh-page .wh-specs{border-top:1px solid rgba(74,64,54,.22)!important}
.wh-page .wh-specs > *{
  padding:46px 32px 50px!important;background:transparent!important;
  border:0!important;border-left:1px solid rgba(74,64,54,.12)!important}
.wh-page .wh-specs > *:first-child{border-left:0!important}
.wh-page .wh-specs > * > :first-child{
  font-size:2.1rem!important;line-height:1!important;
  color:#8A5320!important;margin:0 0 14px!important}
.wh-page .wh-specs > * > :not(:first-child){
  font-size:.95rem!important;letter-spacing:.1em!important;
  line-height:1.6!important;color:#4A4036!important}
/* ============================================================
   WHOLESALE CILA v3 — 12 madde (17 Agu, 2. tur)
   "html body" on eki: 1128-1167 override katmanini
   ozgullukle yener. Siradan bagimsiz calisir.
   ============================================================ */

/* 3+8) TEK ZEMIN — sayfa geneli tek renk, bantlar seffaf
   (espresso CTA bandi haric) */
html body .wh-page{background:#FAF8F5!important}
html body .wh-page section:not(.wh-cta),
html body .wh-page .wh-block,
html body .wh-page .wh-ship,
html body .wh-page .wh-panel{background:transparent!important}

/* 3+11+12) KUTULAR — zeminden net ayrisan sicak krem + ic nefes */
html body .wh-page .wh-mp,
html body .wh-page .wh-subcard,
html body .wh-page .wh-tier,
html body .wh-page .wh-step,
html body .wh-page .wh-specs > *{
  background:#F2ECE1!important;border:0!important;
  padding:38px 34px 42px!important}

/* 1) eyebrow cizgisi incelir; h1 altindaki bakir cizgi (::after) gider */
html body .wh-page [class*="eyebrow"]::after{height:1px!important}
html body .wh-page .wh-hero h1::after{
  display:none!important;content:none!important;background:none!important}

/* 2) SPEC SERIDI — 5. kutu (500 pairs/day) kalkar, 4'lu duzen */
html body .wh-page .wh-specs{
  grid-template-columns:repeat(4,1fr)!important;
  gap:18px!important;border:0!important}
html body .wh-page .wh-specs > *:nth-child(5){display:none!important}
html body .wh-page .wh-specs > * > :first-child{
  color:#2A2019!important;font-size:2rem!important}
html body .wh-page .wh-specs > * > :not(:first-child){
  color:#4A4036!important;letter-spacing:.08em!important}
html body .wh-page .wh-specs s{opacity:.45!important;font-weight:400!important}

/* 5+7) GENISLIK — basliklar tek satir, aciklamalar yayilir
   (override katmanindaki 18ch/58ch kelepceleri kirilir) */
html body .wh-page .wh-wrap h2{
  max-width:none!important;
  font-size:clamp(1.6rem,2.2vw,2.15rem)!important;line-height:1.25!important}
html body .wh-page .wh-wrap h2 + p{max-width:78ch!important}
html body .wh-page .wh-lead{max-width:82ch!important}
html body .wh-page .wh-hero h1{max-width:none!important}
html body .wh-page .wh-hero .wh-lead{max-width:92ch!important}

/* 5) tablo ile sonraki baslik arasi bosluk kisalir */
html body .wh-page .wh-block{padding:80px 0 96px!important}

/* 4) SIRALAMA KARTLARI (01/02/03) — buyur, dengelenir */
html body .wh-page .wh-idx{font-size:1.05rem!important}
html body .wh-page .wh-step h3{font-size:1.4rem!important;margin:18px 0 14px!important}
html body .wh-page .wh-step p{font-size:17.5px!important;line-height:1.68!important}

/* 6) FIYAT TABLOSU — icerik kadar genis, sola hizali */
html body .wh-page .wh-price-wrap{max-width:880px!important;margin:0!important}
html body .wh-page .wh-price{
  width:100%!important;min-width:0!important;table-layout:auto!important}
html body .wh-page .wh-price td,
html body .wh-page .wh-price th{white-space:nowrap!important}
html body .wh-page .wh-price td:first-child,
html body .wh-page .wh-price th:first-child{
  width:auto!important;white-space:normal!important}

/* 9) SHIPPING — etiket uste, aciklama sola */
html body .wh-page .wh-ship .wh-wrap{
  display:block!important;padding-top:64px!important;padding-bottom:64px!important}
html body .wh-page .wh-ship .wh-ship-label{
  display:block!important;margin-bottom:16px!important;padding-top:0!important}
html body .wh-page .wh-ship p{max-width:80ch!important}

/* 10) WHITE-LABEL — eyebrow ile baslik birlesir (grid uste hizalanir) */
html body .wh-page .wh-logo-intro{align-items:start!important}
html body .wh-page .wh-logo-intro h2{margin-top:0!important}
/* ============================================================
   WHOLESALE CILA v4 — SPEC SERIDI RADIKAL (espresso vitrin)
   v3'ten sonra geldigi icin ayni ozgullukte onu ezer.
   ============================================================ */
html body .wh-page .wh-specs{
  background:#2A2019!important;
  grid-template-columns:repeat(4,1fr)!important;
  gap:0!important;border:0!important;
  border-radius:16px!important;overflow:hidden!important}
html body .wh-page .wh-specs > *{
  background:transparent!important;border:0!important;
  border-left:1px solid rgba(250,247,241,.12)!important;
  padding:48px 38px 52px!important}
html body .wh-page .wh-specs > *:first-child{border-left:0!important}
html body .wh-page .wh-specs .wh-n{
  color:#E3B27E!important;font-size:2.6rem!important;
  line-height:1!important;margin:0 0 16px!important}
html body .wh-page .wh-specs .wh-k{
  color:rgba(250,247,241,.78)!important;
  font-size:.92rem!important;letter-spacing:.09em!important;
  line-height:1.6!important}
html body .wh-page .wh-specs .wh-pp{
  display:grid!important;grid-template-columns:1fr 1fr!important;
  gap:10px 22px!important;margin-top:18px!important;
  font-family:'Space Mono',monospace!important;
  font-size:.95rem!important;color:#FAF7F1!important;
  white-space:nowrap!important}
html body .wh-page .wh-specs .wh-pp s{
  color:rgba(250,247,241,.4)!important;margin-right:6px!important}
@media(max-width:920px){
  html body .wh-page .wh-specs{grid-template-columns:repeat(2,1fr)!important}
  html body .wh-page .wh-specs > *:nth-child(3){border-left:0!important}
}
/* ==== WHOLESALE CILA v4.1 — spec fiyat rotusu ==== */
/* etiket tek satir: "carton" ilk satirin sonunda biter */
html body .wh-page .wh-specs .wh-k{white-space:nowrap!important}
html body .wh-page .wh-specs > *{padding-left:34px!important;padding-right:24px!important}
/* eski fiyat: kucuk + silik · yeni fiyat: buyuk + net bakir */
html body .wh-page .wh-specs .wh-pp{
  white-space:normal!important;font-size:1rem!important;
  gap:12px 26px!important;margin-top:20px!important}
html body .wh-page .wh-specs .wh-pp span{white-space:nowrap!important}
html body .wh-page .wh-specs .wh-pp s{
  font-size:.78rem!important;color:rgba(250,247,241,.35)!important;
  margin-right:7px!important}
html body .wh-page .wh-specs .wh-pp b{
  font-size:1.25rem!important;font-weight:700!important;
  color:#E3B27E!important}
  /* ==== WHOLESALE CILA v4.2 — spec hucreleri ortali ==== */
html body .wh-page .wh-specs > *{text-align:center!important}
  /* ============================================================
   WHOLESALE CILA v5 — genislik nukleer + kartlar + fiyat tablosu
   ============================================================ */

/* 1) GENISLIK — istisnasiz tum baslik ve paragraflar (tahmin yok) */
html body .wh-page h1{max-width:none!important}
html body .wh-page h2,
html body .wh-page h3{max-width:none!important}
html body .wh-page p{max-width:82ch!important}
html body .wh-page .wh-lead{max-width:88ch!important}

/* 2) 01-04 KARTLARI — cerceve ve + cizgisi gider, ayrik kartlar gelir */
html body .wh-page .wh-steps{
  gap:22px!important;border:0!important;background:transparent!important}
html body .wh-page .wh-step{
  border:0!important;border-radius:14px!important;
  background:#F2ECE1!important;padding:40px 38px 44px!important}

/* 3) FIYAT TABLOSU — premium: dar, dengeli, vurgulu */
html body .wh-page .wh-price-wrap{max-width:760px!important;margin:0!important}
html body .wh-page .wh-price{
  border:0!important;border-collapse:separate!important;
  border-spacing:0!important;border-radius:14px!important;
  overflow:hidden!important;box-shadow:0 0 0 1px rgba(74,64,54,.14)!important}
/* kategori sutunu icerik kadar — bosluk biter */
html body .wh-page .wh-price td:first-child,
html body .wh-page .wh-price th:first-child{
  width:1%!important;white-space:nowrap!important;padding-right:64px!important}
/* baslik bandi */
html body .wh-page .wh-price thead th{
  background:#2A2019!important;color:#F2ECE1!important;
  font-family:Jost,sans-serif!important;font-weight:500!important;
  font-size:.78rem!important;letter-spacing:.15em!important;
  padding:20px 28px!important;border:0!important}
/* govde satirlari */
html body .wh-page .wh-price tbody td{
  background:#FFFDF9!important;padding:26px 28px!important;
  font-family:Jost,sans-serif!important;font-size:1.05rem!important;
  border-bottom:1px solid rgba(74,64,54,.1)!important}
html body .wh-page .wh-price tbody tr:last-child td{border-bottom:0!important}
/* per-pair sutunu sakin */
html body .wh-page .wh-price td.wh-rrp,
html body .wh-page .wh-price tbody td:nth-child(2){
  color:#8B8177!important;text-align:right!important}
/* karton sutunu: vurgulu — sicak zemin + buyuk bakir rakam */
html body .wh-page .wh-price tbody td:last-child{
  background:#F5EBDB!important;text-align:right!important;
  font-family:'Space Mono',monospace!important;
  font-size:1.3rem!important;font-weight:700!important;
  color:#8A5320!important}
html body .wh-page .wh-price thead th:last-child{
  background:#8A5320!important;color:#FAF7F1!important}
  /* ==== WHOLESALE CILA v5.1 — fiyat tablosu rotus ==== */

/* baslik tek satira sigar */
html body .wh-page h2{
  font-size:clamp(1.5rem,1.9vw,1.95rem)!important;
  white-space:nowrap!important}
@media(max-width:920px){
  html body .wh-page h2{white-space:normal!important}
}

/* fiyat sutunlari basliklariyla ORTALI hizali */
html body .wh-page .wh-price thead th:nth-child(2),
html body .wh-page .wh-price thead th:last-child,
html body .wh-page .wh-price tbody td:nth-child(2),
html body .wh-page .wh-price tbody td:last-child{
  text-align:center!important}

/* per-pair: kutulu ama sakin — soluk zemin, orta gri rakam */
html body .wh-page .wh-price tbody td:nth-child(2){
  background:#F7F2E9!important;
  font-family:'Space Mono',monospace!important;
  font-size:1.05rem!important;color:#8B8177!important}
html body .wh-page .wh-price thead th:nth-child(2){
  background:#4A4036!important;color:rgba(250,247,241,.85)!important}
  
  /* ==== WHOLESALE CILA v6 — FAQ buyur + logo dipnotu ==== */
html body .wh-page .wh-faq summary{font-size:1.15rem!important;font-weight:500!important;padding:22px 0!important}
html body .wh-page .wh-ans{font-size:17.5px!important;line-height:1.7!important}
html body .wh-page .wh-mk{font-size:1.5rem!important;color:#8A5320!important}
html body .wh-page .wh-logo-note{font-size:.95rem!important;color:#8B8177!important;margin-top:14px!important;max-width:60ch!important}

/* ============================================================
   WHOLESALE CILA v7 — video blok + kontur birligi + MAP hizasi
   ============================================================ */

/* 1) VIDEO — yazi blogu ile dikey ortali; keskin kose; espresso kutulu altyazi */
html body .wh-page .wh-logo-intro{align-items:center!important}
html body .wh-page .wh-logo-media,
html body .wh-page .wh-logo-media video{border-radius:0!important}
html body .wh-page .wh-logo-cap{
  display:block!important;background:#231F1A!important;
  color:#FAF7F1!important;margin:0!important;
  padding:12px 16px!important;text-align:center!important;
  font-size:.72rem!important;letter-spacing:.14em!important;
  line-height:1.5!important}

/* 2) KONTUR BIRLIGI — gri cerceve/ayirici gider; her yerde sicak espresso tonu */
html body .wh-page .wh-tiers{border:1px solid rgba(74,64,54,.22)!important;gap:0!important}
html body .wh-page .wh-tier{
  background:transparent!important;border:0!important;
  border-left:1px solid rgba(74,64,54,.16)!important;border-radius:0!important}
html body .wh-page .wh-tier:first-child{border-left:0!important}
html body .wh-page .wh-tier p{border-top:1px solid rgba(74,64,54,.16)!important}
html body .wh-page .wh-map-prices{gap:0!important;border:1px solid rgba(74,64,54,.22)!important}
html body .wh-page .wh-mp{
  background:transparent!important;border:0!important;
  border-left:1px solid rgba(74,64,54,.16)!important;border-radius:0!important}
html body .wh-page .wh-mp:first-child{border-left:0!important}
html body .wh-page .wh-subcard{border:0!important;border-radius:0!important}
html body .wh-page .wh-specs > *{border-left-color:rgba(250,247,241,.14)!important}

/* 3) FIYAT TABLOSU — 4 kose keskin */
html body .wh-page .wh-price{border-radius:0!important;box-shadow:0 0 0 1px rgba(74,64,54,.2)!important}
html body .wh-page .wh-specs{border-radius:0!important}
html body .wh-page .wh-step{border-radius:0!important}

/* 4) MAP KARTLARI — rakamlar ayni taban hizasinda; etiketler Jost */
html body .wh-page .wh-mp{display:flex!important;flex-direction:column!important;
  padding:34px 30px 38px!important}
html body .wh-page .wh-mp-k{
  font-family:Jost,sans-serif!important;font-weight:400!important;
  font-size:.95rem!important;letter-spacing:.02em!important;
  color:#4A4036!important;min-height:52px!important;margin-bottom:14px!important}
html body .wh-page .wh-mp-v{
  margin-top:auto!important;font-size:1.9rem!important;color:#2A2019!important}
  
  /* ============================================================
   MOBIL ROTUS v1 — kunye + kadin manken karti (17 Agu)
   ============================================================ */

/* 1) LOGO KUNYESI — mobilde dikey dokulme biter:
      harf aralikli tek satir, logoya ortali. */
@media (max-width:1300px){
  html body .b2bhdr-logo-tag{
    display:block!important;width:auto!important;
    white-space:nowrap!important;text-align:center!important;
    font-size:6.5px!important;letter-spacing:.28em!important;
    overflow:hidden!important}
  html body .b2bhdr-logo-tag span{display:inline!important}
}

/* 2) KATEGORI KARTLARI — mobil kadraj: ozne ortalanir,
      yazi mankenle bogusmaz */
@media (max-width:700px){
  html body .b2b-cat--w{background-position:62% 22%!important}
  html body .b2b-cat--m{background-position:60% 25%!important}
}
/* ============================================================
   MOBIL ROTUS v3 — ana sayfa hero etiketleri tasma duzeltmesi
   ============================================================ */
@media (max-width:700px){
  html body .b2b-vhero .b2b-eyebrow{
    left:0!important;right:0!important;width:100%!important;
    transform:none!important;text-align:center!important;
    white-space:normal!important;padding:0 16px!important;
    font-size:10.5px!important;letter-spacing:.18em!important;
    box-sizing:border-box!important}
  html body .b2b-vhero .b2b-vhero-tag{
    left:0!important;right:0!important;width:100%!important;
    transform:none!important;text-align:center!important;
    white-space:normal!important;padding:0 16px!important;
    font-size:11px!important;letter-spacing:.14em!important;
    box-sizing:border-box!important}
}

/* ============================================================
   MOBIL ROTUS v4 — logo orani + hamburger boyutu
   ============================================================ */
@media (max-width:1300px){
  /* logo: oran serbest — basiklik biter */
  html body .b2bhdr-logo{flex:0 0 auto!important}
  html body .b2bhdr-logo-img{
    height:30px!important;width:auto!important;
    max-width:none!important;object-fit:contain!important}
  html body .b2bhdr-logo-tag{
    font-size:6.5px!important;letter-spacing:.22em!important;
    margin-top:5px!important}
  /* hamburger: kucuk ve zarif */
  html body .b2bhdr-burger{
    width:36px!important;height:36px!important;border-radius:6px!important}
  html body .b2bhdr-burger span,
  html body .b2bhdr-burger span:before,
  html body .b2bhdr-burger span:after{width:16px!important}
}

/* ============================================================
   MOBIL ROTUS v5 — kunye ortada (logo ile hamburger arasi)
   ============================================================ */
@media (max-width:1300px){
  html body .b2bhdr-logo-tag{
    display:block!important;position:absolute!important;
    left:50%!important;top:50%!important;
    transform:translate(-50%,-50%)!important;
    width:auto!important;margin:0!important;
    white-space:nowrap!important;
    font-size:7px!important;letter-spacing:.26em!important;
    color:#8A5320!important}
  html body .b2bhdr-logo-tag span{display:inline!important}
  /* tirnaklar — begenmezsen bu iki satiri sil */
  html body .b2bhdr-logo-tag::before{content:"\201C"!important}
  html body .b2bhdr-logo-tag::after{content:"\201D"!important}
}

/* ============================================================
   MOBIL ROTUS v6 — kunye: tirnak yok, Cormorant italic, tam simetri
   (v5'i ezer)
   ============================================================ */
@media (max-width:1300px){
  /* tirnaklar gider */
  html body .b2bhdr-logo-tag::before,
  html body .b2bhdr-logo-tag::after{content:none!important}

  /* uc eleman ayni dikey eksende */
  html body .b2bhdr-in{align-items:center!important}
  html body .b2bhdr-logo{align-self:center!important}
  html body .b2bhdr-burger{align-self:center!important;margin-top:0!important;margin-bottom:0!important}

  /* kunye: header'in gercek ortasi + karakterli serif */
  html body .b2bhdr-logo-tag{
    position:absolute!important;left:50%!important;top:50%!important;
    transform:translate(-50%,-50%)!important;
    font-family:'Cormorant Garamond',serif!important;
    font-style:italic!important;font-weight:500!important;
    font-size:13px!important;letter-spacing:.14em!important;
    text-transform:uppercase!important;color:#8A5320!important;
    white-space:nowrap!important;margin:0!important;line-height:1!important}
}
/* ============================================================
   PROCESS SAYFASI v3 — kurumsal yeniden tasarim (18 Agu)
   Dikey zaman cizgisi + iki kollu siparis sonrasi akisi
   ============================================================ */
html body .pcs-page{background:#FAF8F5!important;color:#4A4036!important;
  font-family:Jost,sans-serif!important}
html body .pcs-wrap{max-width:1180px!important;margin:0 auto!important;
  padding:0 clamp(24px,5vw,72px)!important}
html body .pcs-page h1,html body .pcs-page h2{font-family:Marcellus,serif!important;
  color:#2A2019!important;font-weight:400!important;max-width:none!important}
html body .pcs-page h3{font-family:Jost,sans-serif!important;font-weight:500!important;
  color:#2A2019!important}
html body .pcs-page p{font-size:17.5px!important;line-height:1.72!important;
  max-width:78ch!important}
html body .pcs-eyebrow{display:block!important;font-family:'Space Mono',monospace!important;
  font-size:13px!important;letter-spacing:.2em!important;text-transform:uppercase!important;
  color:#8A5320!important;margin-bottom:18px!important}

/* HERO — tek rakam, tek cumle */
html body .pcs-hero{padding:104px 0 88px!important}
html body .pcs-hero h1{font-size:clamp(2.1rem,4vw,3.2rem)!important;
  line-height:1.16!important;margin:0 0 48px!important}
html body .pcs-figure{display:flex!important;align-items:baseline!important;
  gap:26px!important;padding:34px 0!important;
  border-top:1px solid rgba(74,64,54,.18)!important;
  border-bottom:1px solid rgba(74,64,54,.18)!important;margin-bottom:40px!important}
html body .pcs-fig-n{font-family:Marcellus,serif!important;font-size:clamp(3.4rem,7vw,5.4rem)!important;
  line-height:1!important;color:#8A5320!important}
html body .pcs-fig-k{font-family:'Space Mono',monospace!important;font-size:.88rem!important;
  letter-spacing:.1em!important;text-transform:uppercase!important;
  line-height:1.7!important;color:#4A4036!important;max-width:22ch!important}
html body .pcs-lead{font-size:1.15rem!important;max-width:84ch!important}

/* BLOK */
html body .pcs-block{padding:96px 0!important}
html body .pcs-block h2{font-size:clamp(1.7rem,2.6vw,2.4rem)!important;
  margin:0 0 64px!important}

/* ZAMAN CIZGISI */
html body .pcs-tl{margin:0!important;padding:0!important}
html body .pcs-stage{display:grid!important;grid-template-columns:72px 1fr!important;
  gap:34px!important;padding-bottom:52px!important;position:relative!important}
html body .pcs-stage::before{content:""!important;position:absolute!important;
  left:35px!important;top:66px!important;bottom:0!important;width:1px!important;
  background:rgba(138,83,32,.28)!important}
html body .pcs-stage:last-child{padding-bottom:0!important}
html body .pcs-stage:last-child::before{display:none!important}
html body .pcs-num{width:72px!important;height:72px!important;border-radius:50%!important;
  border:1px solid rgba(138,83,32,.45)!important;background:#FAF8F5!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  font-family:'Space Mono',monospace!important;font-size:1.05rem!important;
  color:#8A5320!important;position:relative!important;z-index:2!important}
html body .pcs-cont{padding-top:16px!important}
html body .pcs-cont h3{font-size:1.5rem!important;margin:0 0 14px!important;
  letter-spacing:.01em!important}
html body .pcs-cont p{margin:0!important;max-width:74ch!important}

/* SIPARIS SONRASI — sayfanin agirlik merkezi, espresso bant */
html body .pcs-after{background:#2A2019!important;color:#E8E0D4!important;
  padding:104px 0 96px!important;
  width:100vw!important;position:relative!important;left:50%!important;
  margin-left:-50vw!important}
html body .pcs-after .pcs-eyebrow{color:#E3B27E!important}
html body .pcs-after h2{color:#FAF7F1!important;font-size:clamp(1.7rem,2.6vw,2.4rem)!important;
  margin:0 0 20px!important}
html body .pcs-alead{color:rgba(232,224,212,.8)!important;max-width:76ch!important;
  margin:0 0 56px!important}
html body .pcs-tracks{display:grid!important;grid-template-columns:1fr 1fr!important;
  gap:0!important;border:1px solid rgba(250,247,241,.16)!important}
html body .pcs-track{padding:44px 42px 48px!important;
  border-left:1px solid rgba(250,247,241,.16)!important}
html body .pcs-track:first-child{border-left:0!important}
html body .pcs-track--w{background:rgba(250,247,241,.04)!important}
html body .pcs-tr-tag{font-family:'Space Mono',monospace!important;font-size:.74rem!important;
  letter-spacing:.2em!important;text-transform:uppercase!important;
  color:#E3B27E!important;margin-bottom:18px!important}
html body .pcs-tr-time{font-family:Marcellus,serif!important;font-size:2.6rem!important;
  line-height:1!important;color:#FAF7F1!important;margin-bottom:36px!important}
html body .pcs-tr-time span{display:block!important;font-family:'Space Mono',monospace!important;
  font-size:.72rem!important;letter-spacing:.14em!important;text-transform:uppercase!important;
  color:rgba(232,224,212,.62)!important;margin-top:12px!important}
html body .pcs-tr-list{list-style:none!important;margin:0!important;padding:0!important;
  counter-reset:pcstep!important}
html body .pcs-tr-list li{counter-increment:pcstep!important;position:relative!important;
  padding:0 0 26px 42px!important}
html body .pcs-tr-list li::before{content:counter(pcstep,decimal-leading-zero)!important;
  position:absolute!important;left:0!important;top:2px!important;
  font-family:'Space Mono',monospace!important;font-size:.78rem!important;
  color:#8A5320!important;background:none!important}
html body .pcs-tr-list li b{display:block!important;color:#FAF7F1!important;
  font-weight:500!important;font-size:1.02rem!important;margin-bottom:6px!important}
html body .pcs-tr-list li span{display:block!important;font-size:15.5px!important;
  line-height:1.66!important;color:rgba(232,224,212,.74)!important}
html body .pcs-tr-note{font-size:14.5px!important;line-height:1.65!important;
  color:rgba(232,224,212,.55)!important;margin:14px 0 0!important;
  padding-top:20px!important;border-top:1px solid rgba(250,247,241,.14)!important}
html body .pcs-ship{margin-top:44px!important;padding-top:36px!important;
  border-top:1px solid rgba(250,247,241,.16)!important}
html body .pcs-ship-k{font-family:'Space Mono',monospace!important;font-size:.74rem!important;
  letter-spacing:.2em!important;text-transform:uppercase!important;
  color:#E3B27E!important;margin-bottom:14px!important}
html body .pcs-ship p{color:rgba(232,224,212,.82)!important;max-width:88ch!important;
  margin:0!important}
html body .pcs-ship a{color:#E3B27E!important;text-decoration:none!important;
  border-bottom:1px solid rgba(227,178,126,.4)!important}

/* KAPANIS — sakin, destek bilgi */
html body .pcs-quiet{padding-top:96px!important;padding-bottom:104px!important}
html body .pcs-two{display:grid!important;grid-template-columns:1fr 1fr!important;
  gap:56px!important}
html body .pcs-two h3{font-size:1.3rem!important;margin:0 0 14px!important}
html body .pcs-two p{font-size:16.5px!important;margin:0!important;max-width:52ch!important}

/* MOBIL */
@media(max-width:900px){
  html body .pcs-tracks{grid-template-columns:1fr!important}
  html body .pcs-track{border-left:0!important;
    border-top:1px solid rgba(250,247,241,.16)!important}
  html body .pcs-track:first-child{border-top:0!important}
  html body .pcs-two{grid-template-columns:1fr!important;gap:38px!important}
}
@media(max-width:640px){
  html body .pcs-hero{padding:72px 0 64px!important}
  html body .pcs-block{padding:72px 0!important}
  html body .pcs-stage{grid-template-columns:54px 1fr!important;gap:22px!important}
  html body .pcs-num{width:54px!important;height:54px!important;font-size:.9rem!important}
  html body .pcs-stage::before{left:26px!important;top:50px!important}
  html body .pcs-cont{padding-top:8px!important}
  html body .pcs-figure{flex-direction:column!important;gap:14px!important}
  html body .pcs-track{padding:34px 26px 38px!important}
}

/* ==== PROCESS v5 — dikey triptik + placeholder sistemi ==== */
html body .pcs-trip{
  display:grid!important;grid-template-columns:repeat(3,1fr)!important;
  gap:2px!important;background:#2A2019!important;
  width:100vw!important;position:relative!important;left:50%!important;
  margin-left:-50vw!important;padding:2px 0!important}
html body .pcs-ph{
  position:relative!important;margin:0!important;overflow:hidden!important;
  aspect-ratio:5/7!important;background:#3A312A!important;line-height:0!important}
/* placeholder bilgi kutusu — arkada durur */
html body .pcs-ph-info{
  position:absolute!important;inset:0!important;z-index:1!important;
  display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:center!important;
  text-align:center!important;padding:26px!important;gap:9px!important;
  line-height:1.5!important;
  border:1px dashed rgba(227,178,126,.45)!important;margin:14px!important}
html body .pcs-ph-k{font-family:'Space Mono',monospace!important;font-size:.66rem!important;
  letter-spacing:.2em!important;text-transform:uppercase!important;color:#E3B27E!important}
html body .pcs-ph-info b{font-family:Marcellus,serif!important;font-size:1.15rem!important;
  color:#FAF7F1!important;font-weight:400!important}
html body .pcs-ph-info span:not(.pcs-ph-k){font-size:.82rem!important;
  color:rgba(232,224,212,.66)!important;max-width:24ch!important}
html body .pcs-ph-info code{font-family:'Space Mono',monospace!important;font-size:.72rem!important;
  color:#E3B27E!important;background:rgba(227,178,126,.1)!important;
  padding:5px 10px!important;border-radius:3px!important;margin-top:6px!important}
html body .pcs-ph-info em{font-family:'Space Mono',monospace!important;font-size:.66rem!important;
  color:rgba(232,224,212,.45)!important;font-style:normal!important}
/* fotograf — yuklenince placeholder'in ustunu kapatir */
html body .pcs-ph img{
  position:absolute!important;inset:0!important;z-index:2!important;
  width:100%!important;height:100%!important;object-fit:cover!important;
  display:block!important}
@media(max-width:820px){
  html body .pcs-trip{grid-template-columns:1fr!important;gap:2px!important}
  html body .pcs-ph{aspect-ratio:4/5!important}
}
/* ==== PROCESS v5.1 — triptik sayfa icine alindi (tam genislik iptal) ==== */
html body .pcs-trip{
  width:auto!important;position:static!important;left:auto!important;
  margin:0 auto!important;max-width:1560px!important;
  padding:0 clamp(24px,5vw,72px)!important;
  background:transparent!important;
  grid-template-columns:repeat(3,1fr)!important;gap:20px!important}
html body .pcs-ph{background:#3A312A!important;border-radius:2px!important}
@media(max-width:820px){
  html body .pcs-trip{grid-template-columns:1fr!important;gap:16px!important;
    max-width:620px!important}
}
/* ==== PROCESS v5.2 + WHOLESALE MOBIL v8 (18 Agu) ==== */

/* 1) TRIPTIK — orta boy: 1280 dardi, tam genislik fazlaydi */
html body .pcs-trip{max-width:1560px!important;gap:16px!important;
  padding:0 clamp(20px,3vw,48px)!important}

/* 2) PROCESS MOBIL — icerik ortaya sikismasin, genis aksin */
@media(max-width:640px){
  html body .pcs-wrap{padding:0 18px!important}
  html body .page-type-page .pcs-page{margin:0 -14px!important}
  html body .pcs-page p{font-size:16.5px!important}
  html body .pcs-fig-n{font-size:3.6rem!important}
  html body .pcs-hero h1{font-size:1.9rem!important}
}

/* 4) WHOLESALE MOBIL — spec seridi tasmasi + dev butonlar */
@media(max-width:700px){
  /* tasmanin koku: nowrap etiketler — mobilde acilir */
  html body .wh-page .wh-specs .wh-k{white-space:normal!important}
  html body .wh-page h2{white-space:normal!important}
  html body .wh-page .wh-specs{grid-template-columns:1fr 1fr!important;
    width:100%!important;margin:0!important}
  html body .wh-page .wh-specs > *{padding:26px 18px 30px!important}
  html body .wh-page .wh-specs .wh-n{font-size:1.9rem!important}
  html body .wh-page .wh-specs .wh-k{font-size:.78rem!important;
    letter-spacing:.06em!important}
  /* butonlar zarif boyuta iner */
  html body .wh-page .wh-btn{
    display:block!important;width:100%!important;text-align:center!important;
    padding:14px 20px!important;font-size:12.5px!important;
    letter-spacing:.12em!important;margin:0 0 12px!important}
  html body .wh-page .wh-hero-cta{display:block!important}
}
/* ============================================================
   KATEGORI KARTLARI — MOBIL v1 (18 Agu)
   Sadece <=700px. Desktop'a dokunmaz.
   Foto buyuk ve sabit; sizegrid kucuk; hover efekti kapali.
   ============================================================ */
@media (max-width:700px){

  /* 3a) fotograf: kutuyu 230'a cek — bosluk gider, ayakkabi boyu ~ayni (yatay) */
  html body .card-figure,
  html body .card-img-container{min-height:230px!important}
  html body img.card-image{
    height:230px!important;max-height:none!important;
    object-fit:contain!important;
    transform:none!important;transition:none!important}

  /* dokunmada hover buyumesi iptal — direkt buyuk halde durur */
  html body .card:hover img.card-image,
  html body .card-figure:hover img.card-image,
  html body a:hover img.card-image,
  html body img.card-image:hover{transform:none!important}

  /* fotograf ile kutu arasini iyice yaklastir */
  html body .card.has-sizes .card-figure{margin-bottom:0!important}

  /* 3b) beden kutusu: GRID — 8 sutun => 22 beden tam 3 satir */
  html body .card.has-sizes .ede-sizegrid,
  html body .card.has-sizes:hover .ede-sizegrid,
  html body .card.has-sizes:focus-within .ede-sizegrid{
    display:grid!important;
    grid-template-columns:repeat(8,1fr)!important;
    gap:4px!important;
    padding:7px 8px 8px!important;
    background:#f2ece1!important;
    border-color:rgba(35,31,26,.07)!important;
    border-radius:8px!important;
    margin:4px 0 2px!important}

  /* hint etiketi: tum satiri kaplasin (grid'de tek hucreye sikismasin) */
  html body .card.has-sizes .ede-sizegrid__hint{
    grid-column:1 / -1!important;
    font-family:"Space Mono",monospace!important;
    font-size:8.5px!important;
    letter-spacing:.12em!important;
    color:#9a8f7e!important;
    padding:0!important;margin:0 0 5px!important}

  /* beden butonlari: grid hucresine otursun, kucuk + ince */
  html body .card.has-sizes .ede-sz{
    min-width:0!important;
    width:100%!important;
    height:24px!important;
    padding:0 2px!important;
    font-size:10.5px!important;
    font-weight:400!important;
    border-radius:4px!important;
    border-color:#e2dacb!important}

  /* 3c) urun basligi: ince Jost + KIRPMA YOK (tam gorunur) */
  html body .productGrid>li,
  html body .card.has-sizes,
  html body .card.has-sizes .card-body{overflow:visible!important}
  html body .card.has-sizes .card-title,
  html body .card.has-sizes .card-title a,
  html body .card.has-sizes:hover .card-title,
  html body .card.has-sizes:hover .card-title a{
    font-family:Jost,sans-serif!important;
    font-size:12px!important;
    font-weight:300!important;
    letter-spacing:.04em!important;
    line-height:1.45!important;
    color:#4a443c!important;
    text-transform:capitalize!important;
    white-space:normal!important;
    overflow:visible!important;
    text-overflow:clip!important;
    margin:6px 0 0!important;padding-bottom:2px!important}

}
/* ==== URUN KARTI BASLIGI — HER CIHAZ (desktop dahil): kucuk + ince + Title Case ==== */
 html body .card .card-title,
  html body .card .card-title a{
    font-family:Jost,sans-serif!important;
    font-size:13px!important;
    font-weight:300!important;
    letter-spacing:.03em!important;
    line-height:1.4!important;
    color:#4a443c!important;
    text-transform:capitalize!important}
  /* hover'da tek satira dusen baslik da ayni incelikte kalsin */
  html body .card:hover .card-title,
  html body .card:hover .card-title a,
  html body .card:focus-within .card-title,
  html body .card:focus-within .card-title a{
    font-weight:300!important;
    font-size:13px!important;
    text-transform:capitalize!important}
/* ==== PROCESS v5.3 — triptik genisletme: pcs-wrap (1180px) disina kontrollu tasar,
     1560'a kadar buyur, kenarlara 32px nefes birakir, ortali kalir ==== */
  html body .pcs-trip{
    width:min(1560px,calc(100vw - 64px))!important;
    max-width:none!important;
    position:relative!important;
    left:50%!important;
    transform:translateX(-50%)!important;
    margin:0!important;
  }
  /* mobil: eski duzen aynen korunur */
  @media (max-width:820px){
    html body .pcs-trip{
      width:auto!important;
      left:auto!important;
      transform:none!important;
      max-width:620px!important;
      margin:0 auto!important;
    }
  }