/* =========================================================
   DEKORATİF TAŞ FİYATLARI — GLOBAL MASTER SHELL 2026
   Ana sayfa tasarım dili tüm siteye uygulanır.
   ========================================================= */
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap');
:root{
 --dtf-orange:#ff6418;
 --dtf-orange-dark:#e8520b;
 --dtf-ink:#101419;
 --dtf-night:#080c10;
 --dtf-night-2:#101820;
 --dtf-paper:#ffffff;
 --dtf-bg:#f7f7f5;
 --dtf-line:#e7e8e8;
 --dtf-muted:#69737a;
 --dtf-green:#19a95f;
 --dtf-container:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.site-unified{margin:0;background:var(--dtf-bg);color:var(--dtf-ink)}
.site-shell-container{width:min(var(--dtf-container),calc(100% - 40px));margin-inline:auto}

/* topbar */
.site-master-top{
 background:#0b100e;color:#fff;font-size:12px;position:relative;z-index:102
}
.site-master-top .site-shell-container{
 min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:20px
}
.site-master-top-left{font-weight:750}
.site-master-top-right{display:flex;align-items:center;gap:17px}
.site-master-top a{color:#fff;text-decoration:none;font-weight:900}
.site-master-top .top-wa{color:#33c778}

/* header */
.site-master-header{
 position:sticky;top:0;z-index:101;background:rgba(255,255,255,.97);
 border-bottom:1px solid #ececec;box-shadow:0 3px 15px rgba(0,0,0,.035);
 backdrop-filter:blur(10px)
}
.site-master-nav{min-height:84px;display:flex;align-items:center;gap:24px}
.site-master-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#15191d;flex:none}
.site-master-mark{
 width:43px;height:43px;border-radius:50%;border:1px solid #cfd2d4;
 display:grid;place-items:center;font-weight:950;font-size:15px;background:#fff
}
.site-master-brand-copy{font-weight:950;font-size:18px;line-height:1.02}
.site-master-brand-copy b{color:var(--dtf-orange)}
.site-master-menu{display:flex;align-items:stretch;gap:20px;margin-left:auto}
.site-master-menu a{
 display:flex;align-items:center;min-height:84px;text-decoration:none;color:#171b1f;
 font-size:11px;font-weight:950;border-bottom:3px solid transparent;white-space:nowrap
}
.site-master-menu a:hover,.site-master-menu a.active{color:var(--dtf-orange);border-bottom-color:var(--dtf-orange)}
.site-master-offer{
 display:inline-flex;align-items:center;justify-content:center;background:var(--dtf-orange);
 color:#fff;text-decoration:none;font-size:11px;font-weight:950;border-radius:8px;
 padding:0 18px;height:46px;flex:none
}
.site-master-offer:hover{background:var(--dtf-orange-dark)}
.site-master-mobile{display:none;margin-left:auto;border:0;background:#111;color:#fff;width:42px;height:42px;border-radius:9px;font-size:20px}

/* unify inner pages visually without replacing their content */
body.site-unified:not(.t1-body) main{background:var(--dtf-bg)}
body.site-unified:not(.t1-body) .page-hero{background:#faf9f6!important;border-bottom:1px solid #ece9e2!important}
body.site-unified:not(.t1-body) .page-hero h1{
 color:#121619!important;letter-spacing:-1.8px!important;font-size:clamp(38px,5vw,62px)!important
}
body.site-unified:not(.t1-body) .page-hero p{color:#555f66!important}
body.site-unified:not(.t1-body) .eyebrow,
body.site-unified:not(.t1-body) .tag{color:#c94c10}
body.site-unified:not(.t1-body) .btn.primary,
body.site-unified:not(.t1-body) .nav-cta{background:var(--dtf-orange)!important;border-color:var(--dtf-orange)!important}
body.site-unified:not(.t1-body) .card,
body.site-unified:not(.t1-body) .info-box,
body.site-unified:not(.t1-body) .filter-box{
 border-color:#e4e5e5!important;border-radius:14px!important;box-shadow:0 7px 25px rgba(0,0,0,.045)!important
}
body.site-unified:not(.t1-body) .product-card:hover{box-shadow:0 14px 36px rgba(0,0,0,.09)!important}
body.site-unified:not(.t1-body) .price strong,
body.site-unified:not(.t1-body) .price-box strong{color:var(--dtf-orange)!important}
body.site-unified:not(.t1-body) .section-head h2{letter-spacing:-.9px}

/* footer */
.site-master-footer{
 background:linear-gradient(135deg,#090d11 0%,#111820 100%);
 color:#fff;border-top:4px solid var(--dtf-orange)
}
.site-master-footer-main{
 display:grid;grid-template-columns:1.65fr .75fr .75fr 1.3fr;gap:40px;padding:55px 0 32px
}
.site-footer-logo{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-weight:950;font-size:20px}
.site-footer-logo .site-master-mark{color:#fff;background:transparent;border-color:#4a535b}
.site-footer-logo b{color:var(--dtf-orange)}
.site-footer-about{color:#aeb7bf;line-height:1.7;font-size:12px;max-width:420px;margin:17px 0}
.site-footer-badges{display:flex;gap:7px;flex-wrap:wrap}
.site-footer-badges span{border:1px solid #2a343e;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:900;color:#dce2e6}
.site-master-footer h4{font-size:14px;margin:4px 0 19px;padding-bottom:10px;position:relative}
.site-master-footer h4:after{content:"";position:absolute;left:0;bottom:0;width:27px;height:2px;background:var(--dtf-orange)}
.site-footer-col a{display:block;color:#b9c2c9;text-decoration:none;font-size:12px;margin:11px 0;transition:.2s}
.site-footer-col a:hover{color:#fff;transform:translateX(3px)}
.site-footer-contact-item{display:flex;gap:11px;align-items:flex-start;color:#fff;text-decoration:none;margin:12px 0}
.site-footer-contact-icon{width:33px;height:33px;flex:0 0 33px;border:1px solid #27323c;background:#161f28;border-radius:9px;display:grid;place-items:center;color:var(--dtf-orange)}
.site-footer-contact-item small{display:block;color:#89959f;font-size:9px;margin-bottom:2px}
.site-footer-contact-item strong{display:block;color:#f4f6f7;font-size:12px;line-height:1.45}
.site-footer-legal{display:flex;gap:12px;flex-wrap:wrap;margin-top:17px}
.site-footer-legal a{color:#7f8b95!important;font-size:10px!important;margin:0!important}
.site-footer-cta{
 border:1px solid #27313a;border-radius:13px;background:#0d141b;padding:19px 21px;
 display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:29px
}
.site-footer-cta span{display:block;color:#ff7b3b;font-size:10px;font-weight:950;letter-spacing:.07em;margin-bottom:4px}
.site-footer-cta strong{font-size:14px}
.site-footer-cta-actions{display:flex;gap:9px}
.site-footer-cta-actions a{padding:11px 14px;border-radius:8px;text-decoration:none;color:#fff;font-size:11px;font-weight:950}
.site-footer-cta-actions a:first-child{background:var(--dtf-green)}
.site-footer-cta-actions a:last-child{background:var(--dtf-orange)}
.site-footer-bottom{background:#070a0d;border-top:1px solid #242d35}
.site-footer-bottom .site-shell-container{min-height:48px;display:flex;justify-content:space-between;align-items:center;color:#75818b;font-size:10px}

/* fixed contact icons */
.site-fixed-contact{
 position:fixed;left:18px;bottom:18px;z-index:9997;display:flex;flex-direction:column;gap:12px;align-items:center
}
.site-fixed-contact a{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:#fff;box-shadow:0 10px 28px rgba(0,0,0,.2);position:relative}
.site-fixed-phone{background:var(--dtf-orange)}
.site-fixed-wa{background:var(--dtf-green)}
.site-fixed-contact svg{width:27px;height:27px}
.site-fixed-phone .phone-glyph{font-size:23px;animation:siteRing 1.7s ease-in-out infinite}
.site-fixed-phone:before,.site-fixed-phone:after{
 content:"";position:absolute;inset:0;border-radius:50%;border:2px solid rgba(255,100,24,.5);
 animation:sitePulse 2s ease-out infinite;pointer-events:none
}
.site-fixed-phone:after{animation-delay:1s}
@keyframes siteRing{0%,69%,100%{transform:rotate(0)}73%{transform:rotate(16deg)}77%{transform:rotate(-14deg)}81%{transform:rotate(11deg)}85%{transform:rotate(-8deg)}89%{transform:rotate(5deg)}93%{transform:rotate(0)}}
@keyframes sitePulse{0%{transform:scale(.9);opacity:.7}75%,100%{transform:scale(1.55);opacity:0}}
.site-backtop{
 position:fixed;right:18px;bottom:18px;z-index:9997;width:46px;height:46px;border:0;
 border-radius:50%;background:#0a0e12;color:#fff;font-size:20px;cursor:pointer;
 opacity:0;visibility:hidden;transform:translateY(6px);transition:.2s
}
.site-backtop.show{opacity:1;visibility:visible;transform:none}

/* cookie */
.site-cookie{
 position:fixed;left:18px;right:18px;bottom:18px;max-width:1120px;margin:auto;z-index:10050;
 background:#0d141b;color:#fff;border:1px solid #2b353e;border-radius:15px;
 padding:17px 19px;box-shadow:0 18px 55px rgba(0,0,0,.3);display:none;align-items:center;justify-content:space-between;gap:20px
}
.site-cookie.open{display:flex}
.site-cookie strong{display:block;font-size:14px;margin-bottom:4px}
.site-cookie p{margin:0;color:#b9c2c9;font-size:11px;line-height:1.55;max-width:750px}
.site-cookie a{color:#ff7b3b}
.site-cookie-actions{display:flex;gap:8px;flex:none}
.site-cookie button{border:0;border-radius:8px;padding:10px 14px;font-size:11px;font-weight:900;cursor:pointer}
.site-cookie-reject{background:#242e37;color:#fff}.site-cookie-accept{background:var(--dtf-orange);color:#fff}

/* legacy floating duplicates hidden */
body.site-unified>a.whatsapp,
body.site-unified>a.t1-wa,
body.site-unified>.fixed-contact-stack,
body.site-unified>.dtf-mobile-actions{display:none!important}

@media(max-width:1400px){
 .site-master-menu{gap:13px}.site-master-menu a{font-size:10px}
 .site-master-footer-main{grid-template-columns:1.4fr 1fr 1fr}
 .site-footer-contact{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
 .site-footer-contact h4{grid-column:1/-1}
}
@media(max-width:1320px){
 .site-master-nav{min-height:72px}.site-master-menu{
   display:none;position:absolute;left:0;right:0;top:72px;background:#fff;border-top:1px solid #eee;
   padding:10px 20px 18px;box-shadow:0 14px 24px rgba(0,0,0,.08)
 }
 .site-master-menu.open{display:grid;grid-template-columns:1fr 1fr}
 .site-master-menu a{min-height:42px;border-bottom:0;font-size:11px;padding:0 8px;border-radius:8px}
 .site-master-menu a:hover,.site-master-menu a.active{background:#fff2eb}
 .site-master-mobile{display:block}.site-master-offer{display:none}
}
@media(max-width:700px){
 .site-shell-container{width:min(100% - 24px,var(--dtf-container))}
 .site-master-top-left{display:none}.site-master-top .site-shell-container{justify-content:flex-end}.site-master-top-right{gap:11px}
 .site-master-top{font-size:10px}
 .site-master-brand-copy{font-size:16px}.site-master-mark{width:39px;height:39px}
 .site-master-footer-main{grid-template-columns:1fr 1fr;gap:27px 18px;padding-top:42px}
 .site-footer-brand{grid-column:1/-1}
 .site-footer-contact{grid-column:1/-1;display:block}
 .site-footer-cta{flex-direction:column;align-items:flex-start}
 .site-footer-cta-actions{width:100%}.site-footer-cta-actions a{flex:1;text-align:center}
 .site-footer-bottom .site-shell-container{display:block;padding:14px 0}.site-footer-bottom span{display:block;margin:3px 0}
 .site-cookie{left:9px;right:9px;bottom:9px;flex-direction:column;align-items:stretch}
 .site-cookie-actions{display:grid;grid-template-columns:1fr 1fr}
 .site-fixed-contact{left:12px;bottom:12px;gap:10px}.site-fixed-contact a{width:48px;height:48px}
 .site-backtop{right:12px;bottom:12px}
}
@media(prefers-reduced-motion:reduce){.site-fixed-phone .phone-glyph,.site-fixed-phone:before,.site-fixed-phone:after{animation:none!important}}


/* =========================================================
   GLOBAL TYPOGRAPHY — ROBOTO
   Tüm site için tek font standardı
   ========================================================= */
html, body,
body.site-unified,
button, input, select, textarea,
a, p, span, small, strong, b, em, i, label,
h1, h2, h3, h4, h5, h6,
nav, header, footer, section, article, div {
  font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}

body.site-unified{
  font-weight:400;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4,h5,h6{
  font-weight:900 !important;
  letter-spacing:-0.02em;
}

.site-master-menu a,
.site-master-offer,
.site-master-brand-copy,
.site-footer-logo,
.site-master-top a,
.site-fixed-contact a,
button,
.btn,
.nav-cta{
  font-weight:700 !important;
}

p, li, input, select, textarea{
  font-weight:400;
}

strong,b{
  font-weight:700;
}

.price strong,
.price-box strong,
.s1-product-price strong,
.t1-price-long-grid strong,
.t1-float strong{
  font-weight:900 !important;
  letter-spacing:-0.025em;
}

@media(max-width:700px){
  body.site-unified{
    font-size:16px;
  }
}

/* =========================================================
   BRAND + HEADER REFINEMENT — 10.08.2026
   Yalnız logo ve üst menü görünümünü düzenler.
   ========================================================= */
.site-master-header .site-shell-container{
  width:min(1320px,calc(100% - 36px));
}
.site-master-nav{
  min-height:86px;
  gap:12px;
}
.site-master-brand{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  min-width:0;
}
.site-master-brand-logo{
  display:block;
  width:clamp(194px,15vw,205px);
  height:auto;
}
.site-master-menu{
  display:flex;
  align-items:center;
  gap:3px !important;
  margin-left:auto;
  padding:5px;
  background:#f5f6f5;
  border:1px solid #e6e9e7;
  border-radius:14px;
}
.site-master-menu a{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 9px;
  border:0;
  border-radius:9px;
  color:#30363a;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1;
  letter-spacing:0 !important;
  white-space:nowrap;
  transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;
}
.site-master-menu a:hover,
.site-master-menu a.active{
  color:var(--dtf-orange);
  background:#fff;
  border:0;
  box-shadow:0 4px 14px rgba(16,20,25,.08);
}
.site-master-menu a:hover{transform:translateY(-1px)}
.site-master-offer{
  display:inline-flex;
  height:48px;
  padding:0 13px !important;
  border-radius:11px;
  font-size:13px !important;
  font-weight:800 !important;
  box-shadow:0 8px 20px rgba(255,100,24,.24);
  transition:background-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.site-master-offer:hover{
  transform:translateY(-1px);
  box-shadow:0 11px 24px rgba(255,100,24,.29);
}
.site-master-mobile{display:none}
.site-footer-logo .site-footer-emblem{
  display:block;
  width:60px;
  height:auto;
  flex:0 0 60px;
  padding:5px;
  background:#fff;
  border-radius:9px;
}

@media(max-width:1320px){
  .site-master-header .site-shell-container{width:min(100% - 32px,1180px)}
  .site-master-nav{min-height:76px}
  .site-master-brand-logo{width:210px}
  .site-master-menu{
    display:none;
    position:absolute;
    left:16px;
    right:16px;
    top:76px;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:7px !important;
    margin:0;
    padding:12px;
    background:#fff;
    border:1px solid #e4e7e5;
    border-radius:0 0 16px 16px;
    box-shadow:0 16px 30px rgba(16,20,25,.12);
  }
  .site-master-menu.open{display:grid}
  .site-master-menu a{
    min-height:46px;
    padding:0 10px;
    background:#f6f7f6;
    font-size:13px !important;
    line-height:1.2;
    text-align:center;
    white-space:normal;
  }
  .site-master-menu a:hover,
  .site-master-menu a.active{background:#fff2eb;box-shadow:none;transform:none}
  .site-master-mobile{display:grid;place-items:center}
  .site-master-offer{display:none}
}

@media(max-width:700px){
  .site-master-header .site-shell-container{width:calc(100% - 24px)}
  .site-master-nav{gap:12px}
  .site-master-brand-logo{width:min(210px,calc(100vw - 94px))}
  .site-master-menu{left:12px;right:12px}
  .site-footer-logo{gap:10px;font-size:18px}
  .site-footer-logo .site-footer-emblem{width:56px;flex-basis:56px}
}


/* =========================================================
   FIXED CONTACT ICONS — PHONE ANIMATION + WHATSAPP SVG
   ========================================================= */
.site-fixed-contact{
  position:fixed!important;
  left:18px!important;
  bottom:18px!important;
  z-index:9997!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  gap:12px!important;
}
.site-fixed-contact a{
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  min-height:52px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  margin:0!important;
  text-decoration:none!important;
  color:#fff!important;
  position:relative!important;
  overflow:visible!important;
}
.site-fixed-phone{
  background:#ff6418!important;
  box-shadow:0 10px 28px rgba(255,100,24,.32)!important;
}
.site-fixed-wa{
  background:#19a95f!important;
  box-shadow:0 10px 28px rgba(25,169,95,.30)!important;
}
.site-fixed-phone .phone-glyph{
  width:52px!important;
  height:52px!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  z-index:3!important;
  font-size:23px!important;
  line-height:1!important;
  color:#fff!important;
  animation:dtfPhoneRing 1.7s ease-in-out infinite!important;
  transform-origin:50% 55%;
}
.site-phone-ring{
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  border:2px solid rgba(255,100,24,.58)!important;
  pointer-events:none!important;
  z-index:1!important;
  animation:dtfPhonePulse 2s ease-out infinite!important;
}
.site-phone-ring-2{animation-delay:1s!important}
.dtf-wa-svg{
  width:28px!important;
  height:28px!important;
  display:block!important;
  color:#fff!important;
  fill:currentColor!important;
}
@keyframes dtfPhoneRing{
  0%,68%,100%{transform:rotate(0)}
  72%{transform:rotate(16deg)}
  76%{transform:rotate(-14deg)}
  80%{transform:rotate(12deg)}
  84%{transform:rotate(-10deg)}
  88%{transform:rotate(7deg)}
  92%{transform:rotate(-4deg)}
  96%{transform:rotate(0)}
}
@keyframes dtfPhonePulse{
  0%{transform:scale(.92);opacity:.78}
  72%,100%{transform:scale(1.6);opacity:0}
}
@media(max-width:640px){
  .site-fixed-contact{
    left:12px!important;
    bottom:12px!important;
    gap:10px!important;
  }
  .site-fixed-contact a,
  .site-fixed-phone .phone-glyph{
    width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important
  }
  .dtf-wa-svg{width:26px!important;height:26px!important}
}
@media(prefers-reduced-motion:reduce){
  .site-fixed-phone .phone-glyph,
  .site-phone-ring{animation:none!important}
}


/* =========================================================
   TELEFON SABİT İKONU — DAHA BELİRGİN ÇALMA + SİYAH İÇ FON
   ========================================================= */
.site-fixed-phone{
  background:#ff6418 !important;
  box-shadow:0 10px 28px rgba(255,100,24,.34) !important;
}

.site-fixed-phone .phone-glyph{
  width:38px !important;
  height:38px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:#0b0d0f !important;
  color:#ffffff !important;
  font-size:21px !important;
  line-height:1 !important;
  position:relative !important;
  z-index:4 !important;
  animation:dtfPhoneRingVisible 1.35s ease-in-out infinite !important;
  transform-origin:50% 55% !important;
  box-shadow:0 3px 10px rgba(0,0,0,.28) !important;
}

.site-phone-ring{
  position:absolute !important;
  inset:0 !important;
  border-radius:50% !important;
  border:2px solid rgba(255,100,24,.72) !important;
  pointer-events:none !important;
  z-index:1 !important;
  animation:dtfPhonePulseVisible 1.8s ease-out infinite !important;
}

.site-phone-ring-2{
  animation-delay:.9s !important;
}

@keyframes dtfPhoneRingVisible{
  0%,54%,100%{transform:rotate(0) scale(1)}
  58%{transform:rotate(18deg) scale(1.03)}
  62%{transform:rotate(-16deg) scale(1.03)}
  66%{transform:rotate(14deg) scale(1.03)}
  70%{transform:rotate(-12deg) scale(1.03)}
  74%{transform:rotate(9deg) scale(1.02)}
  78%{transform:rotate(-6deg) scale(1.01)}
  82%{transform:rotate(3deg) scale(1)}
  86%{transform:rotate(0) scale(1)}
}

@keyframes dtfPhonePulseVisible{
  0%{transform:scale(.92);opacity:.82}
  72%,100%{transform:scale(1.68);opacity:0}
}

@media(max-width:640px){
  .site-fixed-phone .phone-glyph{
    width:35px !important;
    height:35px !important;
    font-size:19px !important;
  }
}


/* =========================================================
   TELEFON İKONU V2 — WHATSAPP GİBİ SADE / İNCE
   Masaüstü + mobil aynı görünüm
   ========================================================= */
.site-fixed-phone{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  min-height:52px !important;
  border-radius:50% !important;
  background:#111315 !important;
  color:#fff !important;
  display:grid !important;
  place-items:center !important;
  box-shadow:0 10px 28px rgba(0,0,0,.24) !important;
  border:0 !important;
}

/* Eski kalın siyah iç yuvarlağı kaldır */
.site-fixed-phone .phone-glyph{
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:transparent !important;
  font-size:0 !important;
  display:block !important;
  position:relative !important;
  z-index:4 !important;
  animation:dtfPhoneRingClean 1.45s ease-in-out infinite !important;
}

/* İnce beyaz telefon çizimi */
.site-fixed-phone .phone-glyph::before{
  content:"" !important;
  display:block !important;
  width:25px !important;
  height:25px !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:25px 25px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") !important;
}

.site-phone-ring{
  inset:-4px !important;
  border:2px solid rgba(255,100,24,.58) !important;
  animation:dtfPhonePulseClean 1.9s ease-out infinite !important;
}
.site-phone-ring-2{animation-delay:.95s !important;}

@keyframes dtfPhoneRingClean{
  0%,55%,100%{transform:rotate(0)}
  60%{transform:rotate(13deg)}
  65%{transform:rotate(-12deg)}
  70%{transform:rotate(10deg)}
  75%{transform:rotate(-8deg)}
  80%{transform:rotate(5deg)}
  85%{transform:rotate(-3deg)}
  90%{transform:rotate(0)}
}
@keyframes dtfPhonePulseClean{
  0%{transform:scale(.88);opacity:.72}
  75%,100%{transform:scale(1.48);opacity:0}
}

/* Mobilde de birebir aynı ikon; komple siyah blok oluşmasını engeller */
@media(max-width:640px){
  .site-fixed-phone{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    border-radius:50% !important;
    background:#111315 !important;
  }
  .site-fixed-phone .phone-glyph{
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    background:transparent !important;
    border-radius:0 !important;
  }
  .site-fixed-phone .phone-glyph::before{
    width:23px !important;
    height:23px !important;
    background-size:23px 23px !important;
  }
}


/* =========================================================
   TELEFON İKONU V3 — TURUNCU + İNCE BEYAZ TELEFON
   Masaüstü ve mobil aynı görünüm
   ========================================================= */
.site-fixed-phone{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  min-height:52px !important;
  border-radius:50% !important;
  background:#ff6418 !important;
  color:#fff !important;
  border:0 !important;
  display:grid !important;
  place-items:center !important;
  box-shadow:0 10px 26px rgba(255,100,24,.30) !important;
}

.site-fixed-phone .phone-glyph{
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border:0 !important;
  border-radius:0 !important;
  color:transparent !important;
  font-size:0 !important;
  display:block !important;
  position:relative !important;
  z-index:4 !important;
  animation:dtfPhoneRingOrange 1.45s ease-in-out infinite !important;
  transform-origin:50% 55% !important;
}

.site-fixed-phone .phone-glyph::before{
  content:"" !important;
  display:block !important;
  width:25px !important;
  height:25px !important;
  background-repeat:no-repeat !important;
  background-position:center !important;
  background-size:25px 25px !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.33 1.78.62 2.63a2 2 0 0 1-.45 2.11L8 9.73a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.85.29 1.73.5 2.63.62A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") !important;
}

.site-phone-ring{
  position:absolute !important;
  inset:-4px !important;
  border-radius:50% !important;
  border:2px solid rgba(255,100,24,.62) !important;
  pointer-events:none !important;
  z-index:1 !important;
  animation:dtfPhonePulseOrange 1.9s ease-out infinite !important;
}
.site-phone-ring-2{animation-delay:.95s !important;}

@keyframes dtfPhoneRingOrange{
  0%,55%,100%{transform:rotate(0)}
  60%{transform:rotate(13deg)}
  65%{transform:rotate(-12deg)}
  70%{transform:rotate(10deg)}
  75%{transform:rotate(-8deg)}
  80%{transform:rotate(5deg)}
  85%{transform:rotate(-3deg)}
  90%{transform:rotate(0)}
}
@keyframes dtfPhonePulseOrange{
  0%{transform:scale(.88);opacity:.75}
  75%,100%{transform:scale(1.48);opacity:0}
}

@media(max-width:640px){
  .site-fixed-phone{
    width:48px !important;
    height:48px !important;
    min-width:48px !important;
    min-height:48px !important;
    border-radius:50% !important;
    background:#ff6418 !important;
  }
  .site-fixed-phone .phone-glyph{
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    background:transparent !important;
  }
  .site-fixed-phone .phone-glyph::before{
    width:23px !important;
    height:23px !important;
    background-size:23px 23px !important;
  }
}


/* =========================================================
   HIZLI MODEL BULUCU V2
   Model adı alanı kaldırıldı, etiketler okunaklı yapıldı.
   ========================================================= */

/* Formdaki ilk "Model ara" alanını tamamen kaldır */
.finder-form > *:first-child,
.model-finder-form > *:first-child,
.quick-finder-form > *:first-child{
  display:none !important;
}

/* Form, kalan 3 seçim + buton + temizle için yeniden dağıtılsın */
.finder-form,
.model-finder-form,
.quick-finder-form{
  grid-template-columns:repeat(3,minmax(0,1fr)) auto auto !important;
}

/* Beyaz zeminde kaybolan başlık/etiketleri koyu yap */
.finder-form label,
.model-finder-form label,
.quick-finder-form label,
.finder-form .label,
.model-finder-form .label,
.quick-finder-form .label{
  color:#17191b !important;
  opacity:1 !important;
  font-weight:700 !important;
}

/* Select içleri */
.finder-form select,
.model-finder-form select,
.quick-finder-form select{
  color:#17191b !important;
  background-color:#fff !important;
}

/* Mobil */
@media(max-width:800px){
  .finder-form,
  .model-finder-form,
  .quick-finder-form{
    grid-template-columns:1fr !important;
  }
}


/* =========================================================
   MODEL BULUCU — SON DÜZELTME
   Model adı yok; Ürün Türü / Renk / Kullanım Alanı görünür.
   ========================================================= */
.model-finder-form{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) auto auto !important;
  gap:12px !important;
  align-items:end !important;
}

/* Gizli finderQuery alanı layout kaplamasın */
.model-finder-form > input[type="hidden"]{
  display:none !important;
}

/* Beyaz form üzerinde başlıklar siyah ve net */
.model-finder-form .finder-field label{
  color:#17191b !important;
  opacity:1 !important;
  font-weight:700 !important;
  font-size:12px !important;
  display:block !important;
  margin:0 0 7px 2px !important;
}

/* Alanların iç yazıları */
.model-finder-form select{
  color:#17191b !important;
  background:#fff !important;
  font-weight:400 !important;
}

/* Form beyaz zemini ve buton hizası */
.model-finder-form .finder-field{
  min-width:0 !important;
}
.model-finder-form .finder-submit{
  align-self:end !important;
}
.model-finder-form .finder-reset{
  align-self:end !important;
}

/* Mobil: 3 seçim alanı ve butonlar alt alta */
@media(max-width:800px){
  .model-finder-form{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }
  .model-finder-form .finder-submit,
  .model-finder-form .finder-reset{
    width:100% !important;
  }
}

/* FILTRE BASLIKLARI - KESIN SIYAH */
#homeModelFinder .finder-field > label,
#homeModelFinder label,
.model-finder-form .finder-field > label{
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
  opacity:1 !important;
  font-weight:700 !important;
  text-shadow:none !important;
}
#homeModelFinder select,
#homeModelFinder select option{
  color:#111111 !important;
  -webkit-text-fill-color:#111111 !important;
  background:#fff !important;
}


/* =========================================================
   ÖNE ÇIKAN FIRSAT MODELLERİ — PROFESYONEL ÜRÜN VİTRİNİ
   ========================================================= */
.featured-shop-section{
  padding-top:64px !important;
  padding-bottom:68px !important;
}
.featured-shop-section h2,
.featured-shop-section h3{
  margin-bottom:8px !important;
  font-size:32px !important;
  line-height:1.15 !important;
  letter-spacing:-.5px !important;
}
.featured-shop-desc{
  margin:0 0 28px !important;
  color:#666 !important;
  font-size:15px !important;
  line-height:1.6 !important;
}

/* Ürün kartlarının mevcut yapısını bozmadan premium mağaza görünümü */
.featured-shop-section article,
.featured-shop-section .model-card,
.featured-shop-section .product-card{
  background:#fff !important;
  border:1px solid #e6e6e6 !important;
  border-radius:14px !important;
  overflow:hidden !important;
  box-shadow:0 8px 26px rgba(0,0,0,.055) !important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease !important;
}
.featured-shop-section article:hover,
.featured-shop-section .model-card:hover,
.featured-shop-section .product-card:hover{
  transform:translateY(-4px) !important;
  border-color:#d9d9d9 !important;
  box-shadow:0 14px 34px rgba(0,0,0,.10) !important;
}
.featured-shop-section img{
  transition:transform .35s ease !important;
}
.featured-shop-section article:hover img,
.featured-shop-section .model-card:hover img,
.featured-shop-section .product-card:hover img{
  transform:scale(1.035) !important;
}

/* Kart metin alanlarında daha güçlü ürün hiyerarşisi */
.featured-shop-section article h3,
.featured-shop-section article h4,
.featured-shop-section .model-card h3,
.featured-shop-section .product-card h3{
  font-size:18px !important;
  line-height:1.3 !important;
  margin-top:12px !important;
}
.featured-shop-section del{
  color:#8a8a8a !important;
  font-size:13px !important;
  margin-right:7px !important;
}
.featured-shop-section strong{
  font-weight:800 !important;
}

/* "İncele" bağlantısını mağaza CTA'sı gibi göster */
.featured-shop-section article a:not(:has(img)),
.featured-shop-section .model-card a:not(:has(img)),
.featured-shop-section .product-card a:not(:has(img)){
  font-weight:800 !important;
  text-decoration:none !important;
}

/* Mobil */
@media(max-width:800px){
  .featured-shop-section{
    padding-top:42px !important;
    padding-bottom:46px !important;
  }
  .featured-shop-section h2,
  .featured-shop-section h3{
    font-size:25px !important;
  }
  .featured-shop-desc{
    font-size:14px !important;
    margin-bottom:20px !important;
  }
}


/* =========================================================
   ÖNE ÇIKAN FIRSAT MODELLERİ — KARTLI E-TİCARET VİTRİNİ V2
   ========================================================= */
.featured-shop-section{
  background:#f7f8f9 !important;
  padding:56px 0 62px !important;
}
.featured-shop-section .container{
  width:min(1180px,calc(100% - 40px)) !important;
  margin-inline:auto !important;
}
.featured-shop-section .t1-heading{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:20px !important;
  margin-bottom:26px !important;
}
.featured-shop-section .t1-heading h2,
.featured-shop-section .t1-heading h3{
  margin:0 !important;
  font-size:31px !important;
  line-height:1.15 !important;
}
.featured-shop-section .featured-shop-desc{
  color:#6e7479 !important;
  font-size:14px !important;
  line-height:1.5 !important;
  margin:0 0 24px !important;
}

/* 3x2 ürün vitrini */
.featured-shop-section .t1-products{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:20px !important;
  align-items:stretch !important;
}

/* Gerçek kart */
.featured-shop-section .shop-product-card{
  background:#fff !important;
  border:1px solid #e0e3e6 !important;
  border-radius:16px !important;
  overflow:hidden !important;
  box-shadow:0 8px 24px rgba(16,24,32,.07) !important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease !important;
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
}
.featured-shop-section .shop-product-card:hover{
  transform:translateY(-5px) !important;
  border-color:#d2d6da !important;
  box-shadow:0 16px 38px rgba(16,24,32,.12) !important;
}

/* Görsel alanı */
.featured-shop-section .shop-product-card .s1-product-image{
  display:block !important;
  position:relative !important;
  overflow:hidden !important;
  aspect-ratio:1.55/1 !important;
  background:#eceeef !important;
}
.featured-shop-section .shop-product-card .s1-product-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  transition:transform .35s ease !important;
}
.featured-shop-section .shop-product-card:hover .s1-product-image img{
  transform:scale(1.045) !important;
}

/* Rozet */
.featured-shop-section .shop-product-card .s1-badge{
  top:12px !important;
  left:12px !important;
  border-radius:999px !important;
  padding:7px 10px !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  box-shadow:0 4px 12px rgba(0,0,0,.14) !important;
}

/* Kart alt gövdesi */
.featured-shop-section .shop-product-card .s1-product-body{
  padding:17px 17px 16px !important;
  display:flex !important;
  flex-direction:column !important;
  flex:1 !important;
}
.featured-shop-section .shop-product-card .home-product-kind{
  display:inline-flex !important;
  width:max-content !important;
  color:#737b82 !important;
  background:#f3f4f5 !important;
  border-radius:999px !important;
  padding:5px 8px !important;
  font-size:13px !important;
  font-weight:700 !important;
  margin-bottom:9px !important;
}
.featured-shop-section .shop-product-card h3{
  font-size:18px !important;
  line-height:1.3 !important;
  margin:0 0 13px !important;
  color:#111519 !important;
}

/* Fiyat kutusu */
.featured-shop-section .shop-product-card .s1-product-price{
  display:flex !important;
  align-items:flex-end !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  margin:0 0 14px !important;
  padding:13px 14px !important;
  background:#fff7f2 !important;
  border:1px solid #ffe0cf !important;
  border-radius:11px !important;
}
.featured-shop-section .shop-product-card .shop-old-price{
  display:inline-block !important;
  color:#8a9197 !important;
  font-size:13px !important;
  font-weight:500 !important;
  text-decoration:line-through !important;
  text-decoration-thickness:1.5px !important;
  text-decoration-color:#aeb4b9 !important;
  margin:0 !important;
  line-height:1.2 !important;
}
.featured-shop-section .shop-product-card .shop-new-price{
  display:inline-block !important;
  color:#ff6418 !important;
  font-size:23px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:-.02em !important;
}

/* CTA */
.featured-shop-section .shop-product-card .shop-cta{
  margin-top:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  background:#11161b !important;
  color:#fff !important;
  border-radius:9px !important;
  padding:0 12px !important;
  font-size:13px !important;
  font-weight:800 !important;
  letter-spacing:.02em !important;
  text-decoration:none !important;
  transition:background .2s ease,transform .2s ease !important;
}
.featured-shop-section .shop-product-card .shop-cta:hover{
  background:#ff6418 !important;
}

/* Tüm modeller butonu */
.featured-shop-section .t1-heading a{
  background:#fff !important;
  border:1px solid #dfe2e5 !important;
  color:#171b1f !important;
  border-radius:9px !important;
  padding:11px 15px !important;
  font-weight:800 !important;
  text-decoration:none !important;
  box-shadow:0 4px 12px rgba(0,0,0,.035) !important;
}

@media(max-width:900px){
  .featured-shop-section .t1-products{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media(max-width:620px){
  .featured-shop-section{
    padding:40px 0 44px !important;
  }
  .featured-shop-section .container{
    width:min(100% - 24px,1180px) !important;
  }
  .featured-shop-section .t1-heading{
    align-items:flex-start !important;
  }
  .featured-shop-section .t1-heading h2,
  .featured-shop-section .t1-heading h3{
    font-size:25px !important;
  }
  .featured-shop-section .t1-products{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
  .featured-shop-section .shop-product-card .shop-new-price{
    font-size:22px !important;
  }
}

/* İçerik/erişilebilirlik tamamlamaları — mevcut master görsel dili korunur. */
.product-detail .gallery-main{cursor:zoom-in}
.product-detail .thumbs img{cursor:pointer;outline:2px solid transparent;outline-offset:2px}
.product-detail .thumbs img.is-active{outline-color:var(--dtf-orange)}
.product-detail .gallery-main:focus-visible,.product-detail .thumbs img:focus-visible,.masonry img:focus-visible{outline:3px solid var(--dtf-orange);outline-offset:3px}
.masonry img{cursor:zoom-in}
.section-soft{background:#f1f2ef}
.content-panel{max-width:1040px;margin:0 auto;background:#fff;border:1px solid var(--dtf-line);border-radius:18px;padding:32px;box-shadow:0 12px 32px rgba(14,21,27,.05)}
.content-panel>h2,.article-shell h2{margin:26px 0 10px;color:var(--dtf-ink);line-height:1.18}
.content-panel>h2:first-of-type{margin-top:8px}
.content-panel p,.article-shell p{color:#49545c;line-height:1.75}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}
.guide-card{border:1px solid var(--dtf-line);border-radius:14px;padding:20px;background:#fafaf8}
.guide-card h3{margin:0 0 8px;font-size:18px}.guide-card p{margin:0;font-size:15px}
.content-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.content-links a{display:inline-flex;padding:9px 13px;border:1px solid #d9dde0;border-radius:999px;color:#242b31;background:#fff;text-decoration:none;font-weight:700}.content-links a:hover{border-color:var(--dtf-orange);color:var(--dtf-orange)}
.price-highlight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}
.price-highlight{display:flex;flex-direction:column;gap:6px;border-left:4px solid var(--dtf-orange);background:#fff7f2;border-radius:10px;padding:16px}.price-highlight .price,.price-highlight strong{font-size:20px;color:var(--dtf-ink)}.price-highlight small{color:#66717a}
.cost-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.cost-list>div{border:1px solid var(--dtf-line);border-radius:12px;padding:16px;background:#fff}
.usage-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px 0}
.article-shell{max-width:860px;margin:0 auto;background:#fff;border:1px solid var(--dtf-line);border-radius:18px;padding:34px}.article-hero-image{display:block;width:100%;height:auto;max-height:520px;object-fit:cover;border-radius:14px;margin:0 0 28px}.article-note{border-left:4px solid var(--dtf-orange);background:#fff7f2;padding:16px 18px;border-radius:8px;margin:22px 0;line-height:1.65}.blog-card-image{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.contact-details{display:grid;gap:10px;margin-top:20px}.contact-details>a,.contact-details>div{display:flex;flex-direction:column;gap:3px;padding:12px 14px;background:rgba(255,255,255,.08);border-radius:10px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field>span{font-size:13px;font-weight:700}.form-field.full,.form-help{grid-column:1/-1}.form-help{font-size:13px;line-height:1.55;color:#6c747b}
@media(max-width:900px){.guide-grid,.price-highlight-grid,.usage-guide-grid{grid-template-columns:1fr 1fr}.content-panel,.article-shell{padding:24px}}
@media(max-width:620px){.guide-grid,.price-highlight-grid,.usage-guide-grid,.cost-list{grid-template-columns:1fr}.content-panel,.article-shell{padding:18px;border-radius:14px}.content-links a{width:100%;justify-content:center}}

/* =========================================================
   2026-08-08 ACIL GORSEL ORAN DUZELTMESI
   HTML width/height sunum ipuclarinin responsive kartlarda
   yuksekligi 600px'te tutup gorselleri dikey uzatmasini engeller.
   Renk/model eslestirme verisine dokunmaz.
   ========================================================= */

/* Tum standart urun/model kartlari: kaynak gorseller 900x600 = 3:2 */
.card.product-card > a:first-child{
  display:block;
  width:100%;
  aspect-ratio:3 / 2;
  overflow:hidden;
  background:#eceeef;
}
.card.product-card > a:first-child > img.product-image-img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  aspect-ratio:3 / 2 !important;
}

/* Ana sayfa "One Cikan Firsat Modelleri" */
.dtf-featured-products .home-featured-card .s1-product-image{
  display:block !important;
  width:100% !important;
  aspect-ratio:3 / 2 !important;
  overflow:hidden !important;
  background:#eceeef !important;
}
.dtf-featured-products .home-featured-card .s1-product-image > img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  aspect-ratio:3 / 2 !important;
}

/* 21 model detay sayfasindaki buyuk ana gorsel */
.product-detail .gallery-main{
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:3 / 2 !important;
  object-fit:cover !important;
}

/* =========================================================
   2026-08-08 GORSEL ORAN NIHAIL DUZELTME + CACHE SAFE
   Blog kartlari ve model detay thumbnail'lerinde HTML height
   ipuclarinin kart yuksekligini bozmasini kesin olarak engeller.
   ========================================================= */

/* Model detay: ana urun gorseli kendi gercek 3:2 oraninda */
.product-detail > div:first-child{
  min-width:0;
}
.product-detail .gallery-main{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:contain !important;
}

/* Model detay: renk thumbnail'leri yatay ve esit */
.product-detail .thumbs{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  align-items:start !important;
}
.product-detail .thumbs img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  aspect-ratio:3 / 2 !important;
  object-fit:cover !important;
}

/* Blog liste kartlari: tum kapaklar 3:2 ve kart icinde crop */
.blog-grid .card > a:first-child{
  display:block !important;
  width:100% !important;
  aspect-ratio:3 / 2 !important;
  overflow:hidden !important;
  background:#eceeef !important;
}
.blog-grid .card > a:first-child > img.blog-card-image{
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-height:none !important;
  aspect-ratio:auto !important;
  object-fit:cover !important;
}

@media(max-width:620px){
  .product-detail .thumbs{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}


/* 2026-08-15 MODEL DETAY GALERI BASLIK + KOMPAKT RENKLER */
.model-gallery-heading{
  display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:0 0 12px;padding:12px 16px;
  background:linear-gradient(135deg,#fff7f2 0%,#ffffff 72%);
  border:1px solid #f0d8cc;border-left:5px solid var(--dtf-orange);
  border-radius:14px;
}
.model-gallery-heading span{
  flex:0 0 auto;font-size:11px;font-weight:850;letter-spacing:.45px;text-transform:uppercase;
  color:#c9551f;background:#fff1e9;border-radius:999px;padding:6px 9px;
}
.model-gallery-heading h2{
  margin:0!important;font-size:22px!important;line-height:1.2!important;letter-spacing:-.35px!important;
  color:#151515!important;text-align:right;
}
.product-detail .thumbs{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;margin-top:12px!important;
}
.product-detail .color-thumb{min-width:0;text-align:center}
.product-detail .color-thumb img{
  border-radius:10px!important;border:2px solid transparent!important;
}
.product-detail .color-thumb-name{
  display:block;margin-top:6px;padding:0 2px;
  font-size:12px;line-height:1.25;font-weight:800;color:#2d302e;
  white-space:normal;overflow-wrap:anywhere;
}
.product-detail .color-thumb:has(img.is-active) .color-thumb-name{color:var(--dtf-orange)}
@media(max-width:900px){
  .model-gallery-heading h2{font-size:20px!important}
  .product-detail .thumbs{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .model-gallery-heading{display:block;padding:11px 13px}
  .model-gallery-heading span{display:inline-flex;margin-bottom:7px}
  .model-gallery-heading h2{text-align:left;font-size:18px!important}
  .product-detail .thumbs{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .product-detail .color-thumb-name{font-size:11px}
}