/* ==========================================================================
   MAXTECH — tasarım katmanı (site.css)
   Amaç: mağaza vitrini netliği. Büyük ürün görseli, sakin tipografi,
   ölçülü boşluk, gri-kırık zeminler, tek vurgu rengi.
   ========================================================================== */

:root{
  --mx-ink:#111110;
  --mx-soft-ink:#5f5c57;
  --mx-paper:#ffffff;
  --mx-sand:#f4f2ee;
  --mx-sand-2:#ece9e3;
  --mx-line:#dedad2;
  --mx-red:#d62e31;
  --mx-radius:2px;
  --mx-max:1280px;
}

/* ---------- tipografi ---------- */
html body .home-r95 h1,
html body .home-r95 h2,
html body .home-r95 h3{
  letter-spacing:-.035em;
}
html body .cx-hero-copy h1{
  font-size:clamp(40px,5.4vw,84px)!important;
  line-height:.96!important;
  font-weight:500!important;
  letter-spacing:-.045em!important;
  max-width:16ch;
}

/* ---------- hero ---------- */
html body .cx-hero-cta{
  min-height:52px!important;
  padding:0 26px!important;
  font-size:13px!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  border-radius:var(--mx-radius)!important;
}
html body .cx-hero-shade{
  background:linear-gradient(90deg,rgba(6,6,6,.86) 0%,rgba(6,6,6,.55) 42%,rgba(6,6,6,.12) 100%)!important;
}

/* ---------- kuvvet mozaiği: ürün görseli daha büyük ---------- */
html body .cx-power-tile{
  background:linear-gradient(180deg,#faf9f7 0%,#eeece7 100%)!important;
  border-radius:var(--mx-radius)!important;
}
html body .cx-power-tile img{
  padding:clamp(10px,1.6vw,26px) clamp(10px,1.6vw,26px) clamp(64px,6vw,84px)!important;
  transform:scale(1.06)!important;
  transition:transform 1.1s cubic-bezier(.2,.7,.1,1)!important;
}
html body .cx-power-tile:hover img{
  transform:scale(1.12)!important;
}
html body .cx-power-cap{
  padding:0 clamp(20px,2.4vw,34px) clamp(20px,2.2vw,30px)!important;
}
html body .cx-power-cap strong{
  font-size:clamp(17px,1.55vw,23px)!important;
  letter-spacing:-.02em!important;
}
html body .cx-power-cap span{
  font-size:11px!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}

/* ---------- kategori şeridi ---------- */
html body .home-category-grid{
  gap:clamp(10px,1.2vw,18px)!important;
}
html body .home-category-card{
  background:var(--mx-sand)!important;
  border-radius:var(--mx-radius)!important;
  padding:clamp(14px,1.6vw,22px) clamp(12px,1.4vw,18px)!important;
  transition:background .25s ease,transform .25s ease!important;
}
html body .home-category-card:hover{
  background:var(--mx-sand-2)!important;
  transform:translateY(-2px);
}
html body .home-category-card img{
  width:clamp(56px,6vw,84px)!important;
  height:clamp(56px,6vw,84px)!important;
  transform:scale(1.18)!important;
  mix-blend-mode:multiply;
}
html body .home-category-card span{
  font-size:11px!important;
  letter-spacing:.04em!important;
  line-height:1.25!important;
}

/* ---------- öne çıkan ürünler ---------- */
html body .r95-product-card{
  background:var(--mx-sand)!important;
  border-radius:var(--mx-radius)!important;
  overflow:hidden!important;
}
html body .r95-product-card:hover{
  background:var(--mx-sand-2)!important;
}
html body .r95-product-image{
  background:transparent!important;
  overflow:hidden!important;
}
html body .r95-product-image img{
  padding:3%!important;
  transform:scale(1.1)!important;
  transition:transform .45s cubic-bezier(.2,.7,.1,1)!important;
}
html body .r95-product-card:hover .r95-product-image img{
  transform:scale(1.16)!important;
}
html body .r95-product-copy{
  padding:0 clamp(14px,1.2vw,20px) clamp(16px,1.4vw,22px)!important;
}
html body .r95-product-copy h3{
  font-size:14.5px!important;
  font-weight:600!important;
  letter-spacing:-.01em!important;
  line-height:1.3!important;
}
html body .r95-product-copy span{
  font-size:11px!important;
  letter-spacing:.14em!important;
  color:var(--mx-soft-ink)!important;
  margin-top:8px!important;
}

/* ---------- seriler vitrini ---------- */
html body .cx-slide-code{
  opacity:.07!important;
  letter-spacing:-.05em!important;
}
html body .cx-show-btn{
  border-radius:var(--mx-radius)!important;
}

/* ---------- geniş bant (CTA) ---------- */
html body .t98-band-copy h2{
  font-size:clamp(32px,3.4vw,52px)!important;
  line-height:1.02!important;
  letter-spacing:-.04em!important;
  font-weight:500!important;
}
html body .t98-band-copy p{
  font-size:15px!important;
  max-width:42ch!important;
}

/* ---------- split karolar ---------- */
html body .t98-tile{
  border-radius:var(--mx-radius)!important;
  overflow:hidden!important;
}
html body .t98-tile::after{
  background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.72) 100%)!important;
}
html body .t98-tile span,
html body .t98-tile strong{
  letter-spacing:-.02em!important;
}

/* ---------- SSS ---------- */
html body .r176-faq-heading h2{
  font-size:clamp(30px,3.2vw,46px)!important;
  line-height:1.02!important;
  letter-spacing:-.03em!important;
}
html body .r176-faq-list details summary{
  font-size:clamp(15px,1.35vw,18px)!important;
  letter-spacing:-.01em!important;
  padding:22px 0!important;
}
html body .r176-faq-list details p{
  font-size:14.5px!important;
  line-height:1.65!important;
  color:var(--mx-soft-ink)!important;
  max-width:70ch;
}

/* ---------- footer ---------- */
html body .r173-footer{
  background:#0c0c0b!important;
}
html body .r173-footer-inner{
  max-width:var(--mx-max)!important;
  margin:0 auto!important;
}
html body .r173-footer-main{
  border-bottom:1px solid rgba(255,255,255,.1)!important;
  padding-bottom:clamp(28px,3vw,44px)!important;
  margin-bottom:clamp(24px,2.4vw,36px)!important;
}
html body .r173-footer-column summary h2{
  font-size:10px!important;
  letter-spacing:.24em!important;
  color:rgba(255,255,255,.5)!important;
  font-weight:600!important;
}
html body .r173-footer-column li a{
  font-size:13.5px!important;
  line-height:2!important;
  color:rgba(255,255,255,.82)!important;
}
html body .r173-footer-column li a:hover{
  color:#fff!important;
}

/* ---------- genel: yumuşak geçişler, ince çizgiler ---------- */
html body section{
  scroll-margin-top:96px;
}
html body img{
  -webkit-user-drag:none;
}

/* ---------- mobil ince ayar ---------- */
@media (max-width:767px){
  html body .cx-hero-copy h1{font-size:clamp(34px,9vw,54px)!important}
  html body .r95-product-image img{padding:2%!important;transform:scale(1.06)!important}
  html body .home-category-card img{width:52px!important;height:52px!important}
  html body .cx-power-tile img{padding:8px 8px 48px!important}
}

/* ==========================================================================
   HERO — editoryal giriş
   ========================================================================== */
html body .cx-hero-copy{align-items:flex-start;display:flex;flex-direction:column;gap:0}
html body .mx-hero-eyebrow{
  display:inline-flex;align-items:center;gap:12px;
  font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;
  color:rgba(255,255,255,.72);margin-bottom:20px;
}
html body .mx-hero-eyebrow::before{content:"";width:26px;height:1px;background:currentColor;opacity:.6}
html body .mx-hero-lede{
  margin:22px 0 0;max-width:46ch;
  font-size:clamp(14px,1.15vw,16px);line-height:1.6;
  color:rgba(255,255,255,.78);
}
html body .mx-hero-actions{
  display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:30px;
}
html body .mx-hero-ghost{
  display:inline-flex;align-items:center;min-height:52px;padding:0 24px;
  border:1px solid rgba(255,255,255,.42);color:#fff;border-radius:var(--mx-radius);
  font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  transition:background .2s ease,border-color .2s ease;
}
html body .mx-hero-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.7)}

/* ==========================================================================
   SERİLER — hayalet kodlar ürünün önüne geçmesin
   ========================================================================== */
html body .cx-slide-code{display:none!important}

/* ==========================================================================
   SSS — arşiv bağlantısı
   ========================================================================== */
html body .mx-faq-more{
  display:inline-flex;align-items:center;margin-top:26px;
  font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:#fff;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:4px;
}
html body .mx-faq-more:hover{border-color:#fff}

/* HERO zemini — gerçek salon karesi */
html body .cx-hero::before{
  background-image:url('/images/stock/hero-gym?v=3')!important;
  background-size:cover!important;
  background-position:50% 42%!important;
  background-repeat:no-repeat!important;
}

/* Kuvvet mozaiği: karo bazlı ölçek (görsel içeriği küçük kalanlar büyütülür) */
html body .cx-power-tile-1 img{transform:scale(1.3)!important}
html body .cx-power-tile-2 img{transform:scale(1.16)!important}
html body .cx-power-tile-1:hover img{transform:scale(1.36)!important}
html body .cx-power-tile-2:hover img{transform:scale(1.22)!important}

/* ==========================================================================
   ÜRÜN LİSTESİ — kart, filtre, kategori kartları
   ========================================================================== */
html body .product-card{
  background:#fff;
  border:1px solid rgba(17,17,16,.07);
  border-radius:var(--mx-radius);
  overflow:hidden;
  transition:border-color .2s ease,box-shadow .2s ease;
}
html body .product-card:hover{
  border-color:rgba(17,17,16,.16);
  box-shadow:0 14px 34px -22px rgba(17,17,16,.35);
}
html body .product-card-media{
  background:var(--mx-sand);
}
html body .product-image-picture,
html body .product-image-picture img{
  mix-blend-mode:multiply;
}
html body .product-card-media img{
  transform:scale(1.06);
  transition:transform .5s cubic-bezier(.2,.7,.1,1);
}
html body .product-card:hover .product-card-media img{
  transform:scale(1.12);
}
html body .product-card-body{padding:16px 16px 18px!important}
html body .product-card-title{font-size:13.5px!important;font-weight:600!important;letter-spacing:-.01em;line-height:1.3}
html body .product-card-code{
  font-size:10.5px!important;letter-spacing:.16em!important;
  color:#8a847a!important;margin-top:6px!important;
}
/* "Teklif ekle" butonu: sakin, ince çerçeveli */
html body .product-card button,
html body .product-card [role="button"]{
  min-height:38px!important;border-radius:2px!important;
  font-size:10.5px!important;font-weight:600!important;
  letter-spacing:.16em!important;text-transform:uppercase!important;
  background:#fff!important;color:#111110!important;
  border:1px solid rgba(17,17,16,.22)!important;
  transition:background .2s ease,color .2s ease,border-color .2s ease;
}
html body .product-card button:hover,
html body .product-card [role="button"]:hover{
  background:#111110!important;color:#fff!important;border-color:#111110!important;
}

/* filtre çubuğu */
html body .catalog-filters input:not([type="search"]),
html body .catalog-filters select,
html body .catalog-filters input[type="search"]{
  height:46px!important;border:1px solid var(--mx-line)!important;
  border-radius:2px!important;background:#fff!important;
  font-size:13px!important;padding:0 14px!important;color:#111110!important;
}
html body .catalog-filters select{
  appearance:none;-webkit-appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,#6d675f 50%),linear-gradient(135deg,#6d675f 50%,transparent 50%);
  background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;
  background-size:5px 5px,5px 5px;background-repeat:no-repeat;
  text-transform:uppercase;letter-spacing:.08em;font-size:11px!important;
}

/* kategori (taxonomy) kartları */
html body .product-taxonomy-card{
  background:var(--mx-sand)!important;border-radius:var(--mx-radius);
  overflow:hidden;transition:background .25s ease;
}
html body .product-taxonomy-card:hover{background:var(--mx-sand-2)!important}
html body .product-taxonomy-image{
  background:transparent!important;aspect-ratio:4/3!important;
}
html body .product-taxonomy-image img{
  object-fit:contain!important;width:100%!important;height:100%!important;
  padding:6%!important;mix-blend-mode:multiply;
  transform:scale(1.04);transition:transform .5s cubic-bezier(.2,.7,.1,1);
}
html body .product-taxonomy-card:hover .product-taxonomy-image img{transform:scale(1.09)}

/* ==========================================================================
   ÜRÜN DETAY — galeri, bilgi paneli, akordeon, form
   ========================================================================== */
html body .product-gallery-column{position:relative}
html body .product-detail-layout{gap:clamp(24px,3.4vw,64px)!important}
html body [data-mx-anglestrip]{
  grid-template-columns:repeat(4,84px)!important;gap:10px!important;margin-top:18px!important;
}
html body [data-mx-anglestrip] > div{
  width:84px!important;height:84px!important;border-radius:2px;
}
html body .product-accordion{
  border-top:1px solid var(--mx-line);
}
html body .product-accordion-list{border-top:1px solid var(--mx-line)}
html body .product-spec-rows{
  font-size:13px;color:#4b4741;
}
html body .product-spec-rows > *{
  padding:12px 0;border-bottom:1px solid var(--mx-line);
}
html body .eyebrow{
  font-size:10.5px!important;letter-spacing:.22em!important;
  text-transform:uppercase;color:#8a847a!important;
}

/* form alanları */
html body main input:not([type="search"]):not([type="checkbox"]):not([type="radio"]),
html body main textarea,
html body main select{
  border:1px solid var(--mx-line)!important;
  border-radius:2px!important;background:#fff!important;
  font-size:14px!important;color:#111110!important;
  min-height:46px;padding:12px 14px!important;
}
html body main input:focus,
html body main textarea:focus,
html body main select:focus{
  border-color:#111110!important;outline:none!important;
  box-shadow:none!important;
}
html body main input::placeholder,
html body main textarea::placeholder{color:#a9a29a!important}
html body main label{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#6d675f}