*{box-sizing:border-box}
:root{
  --ink:#06152b;--ink-2:#0a2445;--red:#d7192d;--red-2:#ef3340;
  --text:#15223a;--muted:#6f7a8c;--line:#e4e8ee;--soft:#f4f6f8;
  --white:#fff;--header:84px;--shadow:0 26px 80px rgba(7,22,45,.14)
}
html{scroll-behavior:smooth}
body{margin:0;color:var(--text);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
button{font:inherit}
.container{width:min(1280px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:100;height:var(--header);border-bottom:1px solid rgba(228,232,238,.86);background:rgba(255,255,255,.94);backdrop-filter:blur(22px);transition:.25s}
.site-header.compact{height:70px;box-shadow:0 10px 35px rgba(6,21,43,.07)}
.site-header.compact .header-inner{min-height:70px}
.header-inner{min-height:var(--header);display:flex;align-items:center;gap:28px;transition:.25s}
.brand{width:176px;margin-right:auto}
.desktop-nav{display:flex;align-items:center;gap:32px;color:#4b566b;font-size:.86rem;font-weight:800}
.nav-link{position:relative;padding:31px 0;border:0;background:none;color:inherit;cursor:pointer}
.nav-link:hover,.nav-link.active{color:var(--ink)}
.nav-link.active:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:var(--red)}
.products-trigger{display:flex;align-items:center;gap:7px}
.nav-chevron{transition:.22s}
.products-nav.is-open .nav-chevron{transform:rotate(180deg)}
.store-button{padding:13px 18px;border-radius:14px;color:#fff;background:var(--ink);font-size:.78rem;font-weight:900}
.menu-button,.mobile-nav{display:none}

.mega-menu{position:absolute;left:0;right:0;top:100%;z-index:95;visibility:hidden;opacity:0;transform:translateY(-10px);border-top:1px solid var(--line);background:rgba(255,255,255,.99);box-shadow:0 35px 90px rgba(7,22,45,.16);transition:.22s}
.products-nav.is-open .mega-menu{visibility:visible;opacity:1;transform:none}
.mega-inner{padding:38px 0 44px}
.mega-top{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:26px;border-bottom:1px solid var(--line)}
.mega-kicker{color:var(--red);font-size:.64rem;font-weight:900;letter-spacing:.17em}
.mega-top h2{margin:7px 0 0;color:var(--ink);font-size:2.15rem;line-height:1.03;letter-spacing:-.05em}
.mega-all{font-size:.76rem;font-weight:900}
.mega-layout{display:grid;grid-template-columns:1fr 330px;gap:46px;padding-top:28px}
.mega-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}
.mega-column h3{margin:0 0 12px;color:var(--ink);font-size:.96rem}
.mega-column a{display:block;padding:7px 0;color:#5d687a;font-size:.81rem;transition:.18s}
.mega-column a:hover,.mega-column a.is-active{color:var(--red);transform:translateX(4px)}
.mega-preview{padding-left:28px;border-left:1px solid var(--line)}
.preview-image{height:130px;margin-bottom:18px;overflow:hidden;border-radius:18px;background:#10142a}
.preview-image img{width:100%;height:100%;object-fit:cover}
.mega-preview>span{color:var(--red);font-size:.62rem;font-weight:900;letter-spacing:.14em}
.mega-preview h3{margin:7px 0;color:var(--ink);font-size:1.13rem}
.mega-preview p{margin:0;color:var(--muted);font-size:.75rem}
.preview-products{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.preview-products a{padding:7px 9px;border-radius:999px;background:#f0f3f7;color:var(--ink);font-size:.66rem;font-weight:800}

.hero{position:relative;min-height:calc(100vh - var(--header));display:grid;align-items:center;overflow:hidden;background:#050914}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,8,20,.97) 0%,rgba(3,8,20,.82) 42%,rgba(3,8,20,.30) 72%,rgba(3,8,20,.08) 100%)}
.hero-glow{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(100px);opacity:.27}
.glow-one{left:-130px;bottom:-130px;background:#4b46ff}
.glow-two{right:10%;top:8%;background:#c4217b}
.hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:60px;padding:105px 0 145px}
.eyebrow{display:inline-block;margin-bottom:18px;color:var(--red);font-size:.68rem;font-weight:900;letter-spacing:.19em}
.eyebrow.light{color:#ff8e98}
.hero h1{margin:0;color:#fff;font-size:clamp(4.2rem,7.3vw,7.8rem);line-height:.91;letter-spacing:-.074em}
.hero-copy>p{max-width:720px;margin:30px 0;color:rgba(255,255,255,.7);font-size:1.04rem}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:51px;padding:0 20px;border-radius:14px;font-size:.8rem;font-weight:900}
.button.primary{color:#fff;background:var(--red);box-shadow:0 13px 30px rgba(215,25,45,.3)}
.button.glass{color:#fff;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);backdrop-filter:blur(14px)}
.hero-proof{display:flex;align-items:center;gap:12px;margin-top:34px;color:#fff}
.hero-proof span{padding:6px 9px;border-radius:999px;color:#ff8e98;background:rgba(255,255,255,.08);font-size:.59rem;font-weight:900;letter-spacing:.12em}
.hero-proof strong{font-size:.72rem}
.hero-visual{position:relative;min-height:520px}
.glass-card{position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:30px;color:#fff;background:linear-gradient(145deg,rgba(21,49,89,.66),rgba(12,20,50,.55));box-shadow:0 38px 100px rgba(0,0,0,.38);backdrop-filter:blur(22px)}
.glass-card-main{right:0;top:45px;width:min(100%,480px);min-height:390px;padding:42px}
.glass-card-main>span{color:#ff8e98;font-size:.62rem;font-weight:900;letter-spacing:.15em}
.glass-card-main>strong{display:block;margin-top:82px;font-size:clamp(2.1rem,3.5vw,3.8rem);line-height:1.02;letter-spacing:-.055em}
.progress{position:absolute;left:42px;right:42px;bottom:42px;height:5px;border-radius:99px;background:rgba(255,255,255,.15)}
.progress i{display:block;width:72%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ef3340,#ff7180)}
.floating-card{position:absolute;display:flex;align-items:center;gap:13px;min-width:190px;padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:18px;color:#fff;background:rgba(255,255,255,.1);box-shadow:0 22px 50px rgba(0,0,0,.24);backdrop-filter:blur(17px);animation:float 4.8s ease-in-out infinite}
.floating-card b{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:var(--red);font-size:.68rem}
.floating-card span{font-size:.74rem;font-weight:800}
.floating-one{left:0;top:110px}
.floating-two{right:25px;bottom:10px;animation-delay:-2.1s}
@keyframes float{50%{transform:translateY(-12px)}}
.scroll-cue{position:absolute;z-index:4;left:50%;bottom:25px;display:grid;justify-items:center;gap:8px;transform:translateX(-50%);color:rgba(255,255,255,.55);font-size:.61rem;font-weight:800;letter-spacing:.08em}
.scroll-cue span{width:1px;height:32px;background:linear-gradient(#fff,transparent)}

.manifesto{padding:125px 0;background:#fff}
.section-number{display:inline-block;margin-bottom:28px;color:var(--red);font-size:.66rem;font-weight:900;letter-spacing:.17em}
.section-number.light{color:#ff929b}
.manifesto-copy p{margin:0;color:var(--ink);font-size:clamp(3.8rem,7.2vw,7.8rem);font-weight:860;line-height:.92;letter-spacing:-.074em}
.manifesto-copy p.muted{color:#9aa4b3}
.manifesto-copy p.red{color:var(--red)}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:105px}
.metrics article{padding-top:24px;border-top:1px solid var(--line)}
.metrics strong,.metrics span{display:block}
.metrics strong{color:var(--ink);font-size:clamp(1.75rem,3vw,3.3rem);line-height:1}
.metrics span{margin-top:11px;color:var(--muted);font-size:.75rem}

.lifestyle-scene{position:relative;min-height:850px;display:grid;align-items:end;overflow:hidden}
.lifestyle-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lifestyle-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,14,28,.88),rgba(4,14,28,.02) 68%)}
.lifestyle-copy{position:relative;z-index:2;padding-bottom:85px;color:#fff}
.lifestyle-copy h2{max-width:900px;margin:0;font-size:clamp(3rem,5.8vw,6.2rem);line-height:.95;letter-spacing:-.067em}
.lifestyle-copy p{max-width:650px;color:rgba(255,255,255,.7)}

.section{padding:125px 0}
.about-layout{display:grid;grid-template-columns:1fr .82fr;gap:110px;align-items:start}
.about-title h2,.distributor-copy h2,.final-heading h2{margin:0;color:var(--ink);font-size:clamp(2.8rem,5vw,5.2rem);line-height:1;letter-spacing:-.064em}
.about-body p{margin:0 0 22px;color:var(--muted)}
.about-body .lead{color:var(--text);font-size:1.13rem;font-weight:650}
.about-image{position:relative;height:720px;margin-top:95px;overflow:hidden;border-radius:36px;box-shadow:var(--shadow)}
.about-image>img{width:100%;height:100%;object-fit:cover}
.about-caption{position:absolute;left:30px;right:30px;bottom:30px;padding:23px;border:1px solid rgba(255,255,255,.2);border-radius:20px;color:#fff;background:rgba(6,21,43,.66);backdrop-filter:blur(18px)}
.about-caption span,.about-caption strong{display:block}
.about-caption span{color:#ff929b;font-size:.62rem;font-weight:900;letter-spacing:.14em}
.about-caption strong{margin-top:8px}

.values{padding:0 0 125px;background:#fff}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.value-card{min-height:340px;padding:34px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#fff,#f6f8fa);transition:.3s}
.value-card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.value-card>span{color:var(--red);font-size:.7rem;font-weight:900;letter-spacing:.1em}
.value-card h3{margin:110px 0 10px;color:var(--ink);font-size:1.35rem}
.value-card p{margin:0;color:var(--muted);font-size:.85rem}

.distributor-scene{position:relative;min-height:920px;display:grid;align-items:center;overflow:hidden;background:#080b18}
.distributor-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.distributor-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,17,.97),rgba(3,7,17,.76) 55%,rgba(3,7,17,.30))}
.distributor-layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr .82fr;gap:100px;align-items:center;color:#fff}
.switchbot-logo{width:290px;margin:10px 0 36px}
.distributor-copy h2{color:#fff}
.distributor-copy p{max-width:680px;color:rgba(255,255,255,.68)}
.distributor-list{display:grid}
.distributor-list>div{display:grid;grid-template-columns:45px 1fr;column-gap:16px;padding:25px 0;border-top:1px solid rgba(255,255,255,.16)}
.distributor-list span{grid-row:1/3;color:#ff929b;font-size:.65rem;font-weight:900}
.distributor-list strong{font-size:.95rem}
.distributor-list small{color:rgba(255,255,255,.5)}

.final-section{background:var(--soft)}
.final-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}
.final-lines article{display:grid;grid-template-columns:55px 1fr;gap:16px;padding:27px 0;border-top:1px solid #ccd3dc}
.final-lines article>span{color:var(--red);font-size:.68rem;font-weight:900}
.final-lines h3{margin:0;color:var(--ink);font-size:1.2rem}
.final-lines p{margin:4px 0 0;color:var(--muted);font-size:.82rem}

.site-footer{padding:80px 0 45px;color:#fff;background:#06152b}
.footer-top{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-bottom:55px;border-bottom:1px solid rgba(255,255,255,.13)}
.footer-top img{width:240px;filter:brightness(0) invert(1)}
.footer-top p{margin:0;color:rgba(255,255,255,.6);text-align:right}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding-top:45px}
.footer-column{display:grid;align-content:start;gap:9px}
.footer-column strong{margin-bottom:8px}
.footer-column a,.footer-column span{color:rgba(255,255,255,.55);font-size:.76rem}

.reveal{opacity:0;transform:translateY(34px);transition:opacity .85s ease,transform .85s ease}
.reveal.visible{opacity:1;transform:none}

@media(max-width:1180px){
  .desktop-nav,.store-button{display:none}
  .menu-button{display:grid;width:44px;height:44px;place-content:center;gap:7px;border:1px solid var(--line);border-radius:13px;background:#fff}
  .menu-button span{display:block;width:20px;height:2px;background:var(--ink)}
  .mobile-nav{position:fixed;inset:var(--header) 0 auto 0;z-index:98;display:grid;gap:8px;max-height:calc(100vh - var(--header));overflow:auto;padding:20px;background:#fff;transform:translateY(-130%);transition:.25s}
  .mobile-nav.open{transform:translateY(0)}
  .mobile-nav>a,.mobile-nav summary{padding:12px;border-radius:11px;background:var(--soft);font-weight:800;cursor:pointer;list-style:none}
  .mobile-products{display:grid;gap:5px;padding:10px 8px}
  .mobile-products strong{margin-top:12px;color:var(--ink);font-size:.8rem}
  .mobile-products a{padding:7px 3px;color:var(--muted);font-size:.77rem}
}
@media(max-width:980px){
  .hero-grid,.about-layout,.distributor-layout,.final-layout{grid-template-columns:1fr}
  .hero-visual{display:none}
  .metrics{grid-template-columns:1fr 1fr}
  .values-grid{grid-template-columns:1fr}
  .about-layout,.distributor-layout,.final-layout{gap:55px}
}
@media(max-width:700px){
  :root{--header:76px}
  .container{width:min(100% - 24px,1280px)}
  .brand{width:150px}
  .hero{min-height:760px}
  .hero-grid{padding:80px 0 135px}
  .hero h1{font-size:3.65rem}
  .hero-copy>p{font-size:.94rem}
  .scroll-cue{display:none}
  .manifesto{padding:85px 0}
  .manifesto-copy p{font-size:3.4rem}
  .metrics{grid-template-columns:1fr;margin-top:65px}
  .lifestyle-scene{min-height:650px}
  .lifestyle-copy{padding-bottom:55px}
  .section{padding:85px 0}
  .about-image{height:500px;margin-top:55px}
  .value-card{min-height:280px}
  .value-card h3{margin-top:70px}
  .distributor-scene{min-height:850px}
  .footer-top{align-items:flex-start;flex-direction:column}
  .footer-top p{text-align:left}
  .footer-grid{grid-template-columns:1fr 1fr}
}

/* HERO PREMIUM SADELEŞTİRME */
.hero-grid{
  grid-template-columns:1.02fr .98fr;
  gap:34px;
}

.hero h1{
  max-width:760px;
  font-size:clamp(4rem,6.25vw,6.7rem);
  line-height:.92;
}

.hero-copy>p{
  max-width:650px;
}

.hero-visual-clean{
  position:relative;
  min-height:540px;
  pointer-events:none;
}

.official-badge{
  position:absolute;
  right:10px;
  bottom:38px;
  width:270px;
  padding:20px 22px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:20px;
  color:#fff;
  background:rgba(7,18,41,.54);
  box-shadow:0 24px 60px rgba(0,0,0,.25);
  backdrop-filter:blur(18px);
}

.official-badge span,
.official-badge strong,
.official-badge small{
  display:block;
}

.official-badge span{
  color:#ff8e98;
  font-size:.61rem;
  font-weight:900;
  letter-spacing:.15em;
}

.official-badge strong{
  margin-top:7px;
  font-size:1rem;
}

.official-badge small{
  margin-top:4px;
  color:rgba(255,255,255,.58);
  font-size:.67rem;
}

/* Eski hero kutularını tamamen devre dışı bırak */
.glass-card,
.floating-card{
  display:none !important;
}

@media(max-width:980px){
  .hero-grid{
    grid-template-columns:1fr;
  }

  .hero-visual-clean{
    display:block;
    min-height:110px;
  }

  .official-badge{
    left:0;
    right:auto;
    bottom:0;
  }
}

@media(max-width:700px){
  .hero h1{
    max-width:100%;
    font-size:3.35rem;
  }

  .hero-grid{
    padding-top:68px;
  }

  .hero-visual-clean{
    min-height:105px;
  }

  .official-badge{
    width:min(100%,270px);
  }
}

/* ANA SAYFA SON PREMIUM DOKUNUŞLAR */
.desktop-nav .nav-link,.products-trigger{transition:color .22s ease,opacity .22s ease}
.desktop-nav .nav-link::before,.products-trigger::before{content:"";position:absolute;left:0;right:100%;bottom:17px;height:2px;border-radius:99px;background:var(--red);transition:right .26s ease}
.desktop-nav .nav-link:hover::before,.products-trigger:hover::before,.desktop-nav .nav-link.active::before{right:0}
.desktop-nav .nav-link.active::after{display:none}
.mega-menu{transform:translateY(-14px) scale(.995);filter:blur(5px);transform-origin:top center;transition:opacity .24s ease,transform .24s ease,filter .24s ease,visibility .24s ease}
.products-nav.is-open .mega-menu{transform:translateY(0) scale(1);filter:blur(0)}
.hero-grid{padding-top:135px;padding-bottom:155px}
.hero-copy{transform:translateY(18px)}
.hero-bg{transform:scale(1.025);transition:transform .18s linear;will-change:transform}
.button{transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.button:hover{transform:translateY(-2px)}
.button.primary:hover{box-shadow:0 18px 38px rgba(215,25,45,.35)}
.reveal{opacity:0;transform:translateY(38px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.value-card{transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.value-card:hover{transform:translateY(-9px);border-color:rgba(215,25,45,.22);box-shadow:0 28px 70px rgba(7,22,45,.12)}
.site-footer{padding:0;color:#fff;background:radial-gradient(circle at 15% 10%,rgba(33,78,132,.18),transparent 34%),#06152b}
.footer-showcase{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;padding:78px 0 58px;border-bottom:1px solid rgba(255,255,255,.12)}
.footer-logo{width:240px;filter:brightness(0) invert(1)}
.footer-brand-block p{max-width:530px;margin:20px 0 0;color:rgba(255,255,255,.57);font-size:.82rem}
.footer-distributor{padding:24px 0 4px 28px;border-left:1px solid rgba(255,255,255,.14)}
.footer-distributor span,.footer-distributor strong,.footer-distributor small{display:block}
.footer-distributor span{color:#ff8e98;font-size:.64rem;font-weight:900;letter-spacing:.15em}
.footer-distributor strong{margin-top:10px;font-size:1.08rem}
.footer-distributor small{margin-top:5px;color:rgba(255,255,255,.45)}
.footer-links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:42px;padding:48px 0 52px}
.footer-column{display:grid;align-content:start;gap:9px}
.footer-column strong{margin-bottom:9px;font-size:.84rem}
.footer-column a,.footer-column span{color:rgba(255,255,255,.52);font-size:.75rem;transition:color .18s ease,transform .18s ease}
.footer-column a:hover{color:#fff;transform:translateX(3px)}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 0 30px;border-top:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.38);font-size:.68rem}
.footer-bottom a{color:rgba(255,255,255,.62);font-weight:800}
@media(max-width:980px){.footer-showcase{grid-template-columns:1fr;gap:38px}.footer-distributor{padding-left:0;border-left:0}.footer-links-grid{grid-template-columns:1fr 1fr}.hero-copy{transform:none}}
@media(max-width:700px){.hero-grid{padding-top:88px;padding-bottom:130px}.footer-showcase{padding-top:58px}.footer-links-grid{grid-template-columns:1fr;gap:30px}.footer-bottom{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-bg{transform:none!important}}


/* === MENÜ VE MARKA YAPISI GÜNCELLEMESİ === */
.brand{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:2px;
  width:176px;
}

.brand img{
  width:100%;
}

.brand small{
  display:block;
  margin-left:2px;
  color:#7f8999;
  font-size:.62rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.menu-icon{
  width:30px;
  height:30px;
  display:inline-grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:10px;
  color:var(--red);
  background:#fff1f2;
}

.menu-icon svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.mega-column h3{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:32px;
}

.mobile-products strong{
  display:flex;
  align-items:center;
  gap:7px;
}

.mobile-products strong span{
  color:var(--red);
  font-size:.9rem;
}

@media(max-width:700px){
  .brand{
    width:150px;
  }

  .brand small{
    font-size:.56rem;
  }
}

/* === MEGA MENÜ HİZA SON DÜZENLEME === */

/* Dört sütunun başlangıç ve içerik ölçülerini eşitler */
.mega-groups,
.mega-categories {
  align-items: start;
}

.mega-column {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

/* Başlık alanı her kategoride aynı yükseklikte */
.mega-column h3 {
  min-height: 38px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: center;
  column-gap: 9px;
  margin: 0 0 14px;
  color: var(--ink, var(--navy));
  font-size: .91rem;
  font-weight: 800;
  line-height: 1.18;
  letter-spacing: -.012em;
}

/* İkonlar sabit ve daha sade */
.menu-icon {
  width: 24px;
  height: 24px;
  display: inline-grid;
  place-items: center;
  align-self: center;
  border-radius: 8px;
  color: var(--red);
  background: #fff2f3;
  transition: color .18s ease, background .18s ease, transform .18s ease;
}

.menu-icon svg {
  width: 14px;
  height: 14px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
}

/* Alt bağlantılar başlığın metin başlangıcıyla aynı hizaya gelir */
.mega-column > a {
  width: 100%;
  margin-left: 33px;
  padding: 6px 0;
  color: #606b7d;
  font-size: .79rem;
  line-height: 1.35;
  transform: none;
  transition: color .18s ease, padding-left .18s ease;
}

/* Taşmayı önler */
.mega-column > a {
  max-width: calc(100% - 33px);
  overflow-wrap: anywhere;
}

.mega-column > a:hover,
.mega-column > a.is-active {
  color: var(--red);
  padding-left: 4px;
  transform: none;
}

.mega-column:hover .menu-icon {
  color: #fff;
  background: var(--red);
  transform: translateY(-1px);
}

/* Sütunlar arasında daha dengeli boşluk */
.mega-groups,
.mega-categories {
  gap: 30px;
}

/* Mobil kategori başlıkları */
.mobile-products strong {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  align-items: center;
  gap: 7px;
  min-height: 30px;
  margin-top: 14px;
  color: var(--ink, var(--navy));
  font-size: .79rem;
  line-height: 1.25;
}

.mobile-products strong span {
  width: 20px;
  text-align: center;
  color: var(--red);
  font-size: .8rem;
}

.mobile-products a {
  margin-left: 27px;
  padding: 6px 0;
}

/* Dar masaüstünde sütun düzenini korur */
@media (max-width: 1120px) and (min-width: 981px) {
  .mega-groups,
  .mega-categories {
    gap: 20px;
  }

  .mega-column h3 {
    font-size: .84rem;
  }

  .mega-column > a {
    font-size: .74rem;
  }
}

/* === MEGA MENÜ HİZA SON DÜZENLEME BİTİŞ === */


/* DESTEK SAYFASI */
.support-page{background:#fff}.support-hero{position:relative;min-height:720px;display:grid;align-items:center;overflow:hidden;background:#f4f6f8}.support-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:.54;filter:saturate(.72) contrast(.94)}.support-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.95) 38%,rgba(255,255,255,.70) 64%,rgba(255,255,255,.28) 100%)}.support-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .72fr;gap:90px;align-items:center;padding:105px 0}.support-hero-copy h1{max-width:760px;margin:0;color:var(--ink,var(--navy));font-size:clamp(4rem,6.4vw,7rem);line-height:.92;letter-spacing:-.072em}.support-hero-copy>p{max-width:640px;margin:28px 0;color:#687386;font-size:1.02rem}.support-actions{display:flex;flex-wrap:wrap;gap:12px}.support-whatsapp{color:#fff;background:var(--red);box-shadow:0 14px 32px rgba(215,25,45,.25)}.support-call{color:#fff;background:var(--ink,var(--navy))}.support-mini-info{display:flex;align-items:center;gap:12px;margin-top:30px;color:#7b8595;font-size:.72rem}.support-mini-info strong{color:var(--ink,var(--navy))}.support-search-card{padding:34px;border:1px solid rgba(255,255,255,.75);border-radius:28px;background:rgba(255,255,255,.74);box-shadow:0 30px 85px rgba(7,22,45,.14);backdrop-filter:blur(22px)}.support-search-card>span{color:var(--red);font-size:.63rem;font-weight:900;letter-spacing:.16em}.support-search-card h2{margin:10px 0 22px;color:var(--ink,var(--navy));font-size:2rem;line-height:1.08;letter-spacing:-.045em}.support-search{display:grid;grid-template-columns:24px 1fr;gap:10px;align-items:center;min-height:58px;padding:0 18px;border:1px solid #dfe4eb;border-radius:16px;background:#fff}.support-search span{color:var(--red);font-size:1.2rem}.support-search input{min-width:0;border:0;outline:0;color:var(--ink,var(--navy));background:transparent;font:inherit;font-size:.84rem}.support-search-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:17px}.support-search-links a{padding:8px 10px;border-radius:999px;color:#556176;background:#eef1f5;font-size:.68rem;font-weight:800}.support-search-links a.search-hidden{display:none}.support-section-heading{max-width:900px;margin-bottom:62px}.support-section-heading h2,.contact-copy h2,.faq-heading h2{margin:0;color:var(--ink,var(--navy));font-size:clamp(2.8rem,5vw,5.1rem);line-height:1;letter-spacing:-.064em}.support-section-heading.light h2{color:#fff}.support-section-heading>p{max-width:660px;color:rgba(255,255,255,.58)}.quick-support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.quick-support-card{min-height:210px;display:grid;grid-template-columns:54px 1fr 28px;gap:20px;align-items:start;padding:30px;border:1px solid #e1e6ed;border-radius:26px;background:linear-gradient(145deg,#fff,#f7f8fa);transition:.26s}.quick-support-card:hover{transform:translateY(-7px);border-color:rgba(215,25,45,.22);box-shadow:0 28px 70px rgba(7,22,45,.11)}.quick-icon{display:grid;width:54px;height:54px;place-items:center;border-radius:17px;color:#fff;background:var(--ink,var(--navy));font-size:1.1rem}.quick-support-card small{color:var(--red);font-size:.61rem;font-weight:900;letter-spacing:.13em}.quick-support-card h3{margin:7px 0 5px;color:var(--ink,var(--navy));font-size:1.25rem}.quick-support-card p{margin:0;color:#758093;font-size:.8rem}.quick-support-card>b{color:var(--red)}.contact-section{background:#f5f7f9}.contact-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:start}.contact-copy>p{color:#707b8d}.contact-details{display:grid;margin-top:45px}.contact-details article{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:22px 0;border-top:1px solid #d9dfe7}.contact-details article>span{color:var(--red);font-size:.65rem;font-weight:900}.contact-details small,.contact-details strong,.contact-details a{display:block}.contact-details small{color:#8a94a4;font-size:.59rem;font-weight:900;letter-spacing:.13em}.contact-details strong,.contact-details a{margin-top:6px;color:var(--ink,var(--navy));font-size:.88rem;font-weight:800;line-height:1.55}.map-card{position:relative;min-height:620px;overflow:hidden;border-radius:32px;background:#e9edf2;box-shadow:0 28px 75px rgba(7,22,45,.13)}.map-card iframe{width:100%;height:620px;border:0}.map-overlay-card{position:absolute;left:24px;top:24px;width:260px;padding:21px;border:1px solid rgba(255,255,255,.78);border-radius:18px;background:rgba(255,255,255,.88);box-shadow:0 18px 45px rgba(7,22,45,.14);backdrop-filter:blur(16px)}.map-overlay-card span,.map-overlay-card strong,.map-overlay-card a{display:block}.map-overlay-card span{color:var(--red);font-size:.61rem;font-weight:900;letter-spacing:.14em}.map-overlay-card strong{margin-top:7px;color:var(--ink,var(--navy))}.map-overlay-card a{margin-top:14px;color:var(--ink,var(--navy));font-size:.72rem;font-weight:900}.technical-section{padding:120px 0;color:#fff;background:radial-gradient(circle at 82% 12%,rgba(110,68,177,.27),transparent 32%),linear-gradient(145deg,#06152b,#0c315b)}.service-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.service-timeline article{min-height:270px;padding:25px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.06)}.service-timeline article>span{color:#ff929b;font-size:.67rem;font-weight:900}.service-timeline h3{margin:75px 0 9px;font-size:1rem}.service-timeline p{margin:0;color:rgba(255,255,255,.56);font-size:.74rem}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.faq-heading p{color:#738093}.faq-item{border-top:1px solid #dce1e8}.faq-item summary{position:relative;padding:25px 42px 25px 0;color:var(--ink,var(--navy));font-weight:850;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::after{content:"+";position:absolute;right:4px;top:20px;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:var(--red);background:#fff1f2;font-size:1.15rem;transition:.2s}.faq-item[open] summary::after{transform:rotate(45deg)}.faq-item p{margin:0;padding:0 50px 25px 0;color:#758093;font-size:.82rem}@media(max-width:1050px){.support-hero-grid,.contact-layout,.faq-layout{grid-template-columns:1fr}.support-search-card{max-width:650px}.service-timeline{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.support-hero{min-height:760px}.support-hero-grid{gap:45px;padding:75px 0}.support-hero-copy h1{font-size:3.55rem}.support-hero-overlay{background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,.83))}.support-search-card{padding:24px}.quick-support-grid,.service-timeline{grid-template-columns:1fr}.quick-support-card{grid-template-columns:48px 1fr 20px;padding:23px}.quick-icon{width:48px;height:48px}.map-card,.map-card iframe{min-height:480px;height:480px}.map-overlay-card{left:14px;right:14px;top:14px;width:auto}.technical-section{padding:85px 0}.service-timeline article{min-height:220px}.service-timeline h3{margin-top:52px}}

/* =========================================================
   KEŞFET SAYFASI TASLAK
   ========================================================= */
.discover-page{background:#fff}
.discover-hero{position:relative;min-height:760px;display:grid;align-items:end;overflow:hidden;background:#080c19}
.discover-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.discover-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,10,24,.94),rgba(4,10,24,.66) 54%,rgba(4,10,24,.18)),linear-gradient(0deg,rgba(4,10,24,.78),transparent 60%)}
.discover-hero-content{position:relative;z-index:2;padding:120px 0 95px;color:#fff}
.discover-hero h1{max-width:900px;margin:0;font-size:clamp(4rem,7vw,7.4rem);line-height:.92;letter-spacing:-.074em}
.discover-hero p{max-width:670px;color:rgba(255,255,255,.7);font-size:1.02rem}
.discover-image-label{position:absolute;z-index:5;right:20px;top:20px;padding:8px 10px;border-radius:999px;color:#8b4450;background:rgba(255,255,255,.88);font-size:.57rem;font-weight:900;letter-spacing:.11em;backdrop-filter:blur(10px)}
.discover-image-label.dark{color:#fff;background:rgba(6,21,43,.72)}
.discover-intro-grid{display:grid;grid-template-columns:1fr .72fr;gap:90px;align-items:end}
.discover-intro h2,.discover-section-heading h2,.updates-heading h2{margin:0;color:var(--ink,var(--navy));font-size:clamp(2.9rem,5vw,5.2rem);line-height:1;letter-spacing:-.064em}
.discover-intro-grid>p{margin:0;color:#6f7b8e;font-size:1rem}
.story-cover{position:relative;min-height:650px;display:block;overflow:hidden;border-radius:34px;background:#10182b;box-shadow:0 30px 80px rgba(7,22,45,.13)}
.story-cover>img{width:100%;height:650px;object-fit:cover;transition:transform .65s ease}
.story-cover:hover>img{transform:scale(1.035)}
.story-cover-overlay,.idea-overlay,.video-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,14,30,.9),transparent 68%)}
.story-cover-copy{position:absolute;z-index:3;left:36px;right:36px;bottom:36px;color:#fff}
.story-cover-copy span,.idea-copy span{color:#ff929b;font-size:.63rem;font-weight:900;letter-spacing:.14em}
.story-cover-copy h2{max-width:800px;margin:10px 0;font-size:clamp(2rem,4vw,4.2rem);line-height:1.02;letter-spacing:-.055em}
.story-cover-copy p{max-width:620px;color:rgba(255,255,255,.67)}
.story-cover-copy b{font-size:.78rem}
.discover-section-heading{max-width:900px;margin-bottom:55px}
.ideas-section{background:#f5f7f9}
.ideas-magazine-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}
.idea-card{position:relative;min-height:330px;overflow:hidden;border-radius:28px;background:#10182b}
.idea-large{grid-row:span 2;min-height:680px}
.idea-card>img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.idea-card:hover>img{transform:scale(1.035)}
.idea-copy{position:absolute;z-index:3;left:28px;right:28px;bottom:26px;color:#fff}
.idea-copy h3{max-width:560px;margin:8px 0;font-size:clamp(1.4rem,2.6vw,2.6rem);line-height:1.05}
.idea-copy p{color:rgba(255,255,255,.65)}
.automation-section{padding:120px 0;color:#fff;background:radial-gradient(circle at 85% 10%,rgba(129,76,194,.3),transparent 30%),linear-gradient(145deg,#06152b,#0c315b)}
.automation-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:90px;align-items:center}
.automation-copy h2{margin:0;font-size:clamp(3rem,5.3vw,5.8rem);line-height:.96;letter-spacing:-.067em}
.automation-copy p{max-width:580px;color:rgba(255,255,255,.62)}
.text-arrow{font-size:.78rem;font-weight:900}
.automation-flow{display:grid}
.automation-flow article{display:grid;grid-template-columns:45px 1fr;gap:18px;padding:26px 0;border-top:1px solid rgba(255,255,255,.16)}
.automation-flow span{color:#ff929b;font-size:.66rem;font-weight:900}
.automation-flow strong{font-size:1rem}
.knowledge-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.knowledge-card{min-height:270px;padding:30px;border-top:1px solid #ccd3dc;background:#fff;transition:.25s}
.knowledge-card:hover{transform:translateY(-5px);box-shadow:0 24px 60px rgba(7,22,45,.08)}
.knowledge-card>span{color:var(--red);font-size:.67rem;font-weight:900}
.knowledge-card h3{margin:60px 0 10px;color:var(--ink,var(--navy));font-size:1.35rem}
.knowledge-card p{color:#748093;font-size:.83rem}
.knowledge-card b{font-size:.75rem}
.updates-section{padding:120px 0;color:#fff;background:#06152b}
.updates-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}
.updates-heading h2{color:#fff}
.updates-list{display:grid}
.update-row{display:grid;grid-template-columns:120px 1fr 30px;gap:20px;align-items:center;padding:27px 0;border-top:1px solid rgba(255,255,255,.15)}
.update-row span{color:#ff929b;font-size:.62rem;font-weight:900}
.update-row h3{margin:0;font-size:1rem}
.update-row b{color:#ff929b}
@media(max-width:980px){.discover-intro-grid,.automation-layout,.video-grid,.updates-layout{grid-template-columns:1fr}.ideas-magazine-grid{grid-template-columns:1fr}.idea-large{grid-row:auto;min-height:500px}.knowledge-grid{grid-template-columns:1fr}}
@media(max-width:700px){.discover-hero{min-height:680px}.discover-hero-content{padding:95px 0 70px}.discover-hero h1{font-size:3.65rem}.story-cover,.story-cover>img{min-height:480px;height:480px}.idea-card,.idea-large{min-height:380px}.automation-section,.updates-section{padding:85px 0}.video-main,.video-main>img{min-height:430px;height:430px}.video-small{grid-template-columns:115px 1fr}.update-row{grid-template-columns:1fr 25px}.update-row span{grid-column:1/-1}}

/* KEŞFET DETAY SAYFALARI */
.article-hero{position:relative;min-height:620px;display:grid;align-items:end;overflow:hidden;background:#0b1323}
.article-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.article-hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,14,30,.92),rgba(4,14,30,.18) 70%),linear-gradient(90deg,rgba(4,14,30,.65),transparent)}
.article-hero-content{position:relative;z-index:2;padding:100px 0 70px;color:#fff}
.article-hero-content h1{max-width:960px;margin:0;font-size:clamp(3.2rem,6vw,6.4rem);line-height:.95;letter-spacing:-.07em}
.article-hero-content p{max-width:720px;color:rgba(255,255,255,.72)}
.article-main{padding:100px 0}
.article-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:start}
.article-sidebar{position:sticky;top:110px}
.article-sidebar a{display:block;margin-bottom:14px;color:var(--red);font-size:.75rem;font-weight:900}
.article-sidebar p{color:#748094;font-size:.82rem}
.article-content{display:grid;gap:18px}
.article-content section{padding:28px 0;border-top:1px solid #dfe4ea}
.article-content h2{margin:0 0 10px;color:var(--ink,var(--navy));font-size:1.55rem}
.article-content p{margin:0;color:#6f7b8e}
.article-tips{margin-top:25px;padding:28px;border-radius:22px;background:#f4f6f8}
.article-tips h3{margin-top:0;color:var(--ink,var(--navy))}
.article-tips ul{margin:0;padding-left:18px;color:#657184}
.article-back{display:inline-flex;margin-top:35px;font-weight:900;font-size:.8rem}
.related-strip{padding:70px 0;background:#06152b;color:#fff}
.related-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.related-strip h2{margin:0;font-size:2rem}
.related-strip a{padding:12px 17px;border-radius:13px;color:#fff;background:var(--red);font-weight:900;font-size:.78rem}
@media(max-width:850px){.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}.related-strip-inner{align-items:flex-start;flex-direction:column}}

/* ARTICLE FULL CONTENT ADDITIONS */
.article-extra{padding-top:35px}
.article-faq{border-bottom:1px solid #dfe4ea}
.article-faq details{border-top:1px solid #dfe4ea}
.article-faq summary{position:relative;padding:20px 42px 20px 0;color:var(--ink,var(--navy));font-weight:850;cursor:pointer;list-style:none}
.article-faq summary::-webkit-details-marker{display:none}
.article-faq summary::after{content:"+";position:absolute;right:4px;top:15px;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:var(--red);background:#fff1f2}
.article-faq details[open] summary::after{transform:rotate(45deg)}
.article-faq p{margin:0;padding:0 45px 20px 0;color:#6f7b8e}
.article-cta-box{margin-top:28px;padding:30px;border-radius:24px;color:#fff;background:linear-gradient(145deg,#06152b,#0c315b)}
.article-cta-box span{color:#ff929b;font-size:.62rem;font-weight:900;letter-spacing:.14em}
.article-cta-box h2{margin:10px 0;color:#fff}
.article-cta-box p{color:rgba(255,255,255,.62)}
.article-cta-box a{display:inline-flex;margin-top:8px;padding:11px 15px;border-radius:12px;color:#fff;background:var(--red);font-size:.76rem;font-weight:900}

/* === KEŞFET DETAY ALT BÖLÜM DÜZELTMESİ === */
.article-main{
  padding:100px 0 110px;
}

.article-content{
  min-width:0;
}

.article-back{
  margin-top:42px;
  margin-bottom:0;
}

.related-strip{
  position:relative;
  z-index:1;
  min-height:190px;
  display:flex;
  align-items:center;
  padding:54px 0;
  overflow:visible;
}

.related-strip-inner{
  width:100%;
  min-height:82px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
}

.related-strip h2{
  max-width:720px;
  margin:0;
  padding:0;
  color:#fff;
  font-size:clamp(1.85rem,3.2vw,3rem);
  line-height:1.08;
  letter-spacing:-.045em;
}

.related-strip a{
  flex:0 0 auto;
  white-space:nowrap;
}

.discover-article-page .site-footer{
  margin-top:0;
}

@media(max-width:700px){
  .article-main{
    padding:72px 0 82px;
  }

  .related-strip{
    min-height:220px;
    padding:44px 0;
  }

  .related-strip-inner{
    align-items:flex-start;
    flex-direction:column;
  }
}
/* === KEŞFET DETAY ALT BÖLÜM DÜZELTMESİ BİTİŞ === */

/* PRODUCTS CATALOG */
.catalog-hero{padding:120px 0 90px;background:linear-gradient(145deg,#f4f6f9,#fff)}
.catalog-hero-grid{display:flex;align-items:end;justify-content:space-between;gap:50px}
.catalog-hero h1{max-width:850px;margin:0;color:var(--ink,var(--navy));font-size:clamp(3.8rem,6.4vw,6.8rem);line-height:.92;letter-spacing:-.073em}
.catalog-hero p{max-width:650px;color:#6d788a}.catalog-stat{text-align:right}
.catalog-stat strong,.catalog-stat span{display:block}.catalog-stat strong{color:var(--red);font-size:4rem;line-height:1}
.catalog-stat span{color:#7d8797;font-size:.75rem;font-weight:850}
.catalog-main{padding:85px 0 120px}.catalog-layout{display:grid;grid-template-columns:250px 1fr;gap:70px;align-items:start}
.catalog-sidebar{position:sticky;top:110px;display:grid;gap:8px}.catalog-sidebar>span{margin-bottom:8px;color:#8a94a4;font-size:.6rem;font-weight:900;letter-spacing:.14em}
.catalog-filter{display:grid;grid-template-columns:28px 1fr 28px;gap:8px;align-items:center;width:100%;padding:14px 12px;border:0;border-radius:12px;color:#667184;background:transparent;text-align:left;font:inherit;font-size:.76rem;font-weight:850;cursor:pointer}
.catalog-filter em{font-style:normal}.catalog-filter span{color:#a2aab6;font-size:.6rem}.catalog-filter b{text-align:right;color:#9aa3b1;font-size:.64rem}
.catalog-filter.active{color:#fff;background:var(--ink,var(--navy))}.catalog-filter.active span,.catalog-filter.active b{color:#ff929b}
.catalog-category{display:none}.catalog-category.active{display:block}
.catalog-category-title{display:grid;grid-template-columns:55px 1fr;gap:20px;padding-bottom:45px;border-bottom:1px solid #dce2e9}
.catalog-category-title>span{color:var(--red);font-size:.72rem;font-weight:900}.catalog-category-title small{color:var(--red);font-size:.59rem;font-weight:900;letter-spacing:.13em}
.catalog-category-title h1{margin:8px 0;color:var(--ink,var(--navy));font-size:clamp(2.5rem,4.2vw,4.7rem);line-height:1;letter-spacing:-.055em}.catalog-category-title p{margin:0;color:#758092}
.catalog-subcategory{padding:55px 0 25px}.catalog-subheading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}
.catalog-subheading h2{margin:0;color:var(--ink,var(--navy));font-size:1.65rem}.catalog-subheading span{color:#8b95a5;font-size:.68rem;font-weight:850}
.product-guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product-guide-card{overflow:hidden;border:1px solid #e0e5eb;border-radius:24px;background:#fff;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.product-guide-card:hover{transform:translateY(-6px);border-color:rgba(215,25,45,.2);box-shadow:0 24px 60px rgba(7,22,45,.1)}
.product-guide-image{height:285px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#f6f7f9,#eceff3)}
.product-guide-image img{width:100%;height:100%;object-fit:contain}.product-guide-copy{padding:22px}
.product-guide-copy span{color:var(--red);font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.product-guide-copy h3{min-height:52px;margin:8px 0 18px;color:var(--ink,var(--navy));font-size:1rem;line-height:1.28}.product-guide-copy b{color:var(--ink,var(--navy));font-size:.7rem}
.simple-inner-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid #e4e8ee;backdrop-filter:blur(18px)}
.simple-inner-header-row{min-height:82px;display:flex;align-items:center;gap:30px}
.simple-inner-brand{width:175px;margin-right:auto}.simple-inner-brand img{width:100%}.simple-inner-brand small{display:block;color:#7f8999;font-size:.57rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.simple-inner-header nav{display:flex;gap:26px;color:#566176;font-size:.8rem;font-weight:850}.simple-inner-header nav .active{color:var(--red)}
.simple-store-button{padding:12px 16px;border-radius:13px;color:#fff;background:#071a33;font-size:.74rem;font-weight:900}
.install-product-hero{padding:100px 0;background:linear-gradient(145deg,#f4f6f9,#fff)}
.install-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.install-product-image{min-height:580px;display:grid;place-items:center;overflow:hidden;border-radius:34px;background:#fff;box-shadow:0 26px 75px rgba(7,22,45,.09)}
.install-product-image img{width:100%;height:580px;object-fit:contain}.install-product-copy>a{display:inline-block;margin-bottom:28px;color:var(--red);font-size:.72rem;font-weight:900}
.install-product-copy>span{display:block;color:#8a94a5;font-size:.62rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.install-product-copy h1{margin:12px 0;color:var(--ink,var(--navy));font-size:clamp(2.8rem,4.8vw,5rem);line-height:.98;letter-spacing:-.06em}.install-product-copy p{color:#707b8d}
.install-status{display:inline-flex;align-items:center;gap:9px;margin-top:20px;padding:11px 14px;border-radius:999px;color:#536075;background:#fff;font-size:.68rem;font-weight:850}
.install-status i{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #fff0f1}
.install-placeholder{padding:100px 0;background:#06152b;color:#fff}.install-placeholder-heading{max-width:760px;margin-bottom:45px}
.install-placeholder-heading span{color:#ff929b;font-size:.62rem;font-weight:900;letter-spacing:.14em}.install-placeholder-heading h2{margin:10px 0;font-size:clamp(2.5rem,4.5vw,4.8rem);line-height:1;letter-spacing:-.055em}
.install-placeholder-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.install-placeholder-grid article{min-height:230px;padding:25px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.05)}
.install-placeholder-grid span{color:#ff929b;font-size:.65rem;font-weight:900}.install-placeholder-grid h3{margin:65px 0 8px;font-size:1rem}.install-placeholder-grid p{color:rgba(255,255,255,.55);font-size:.74rem}
.simple-inner-footer{padding:55px 0;background:#06152b;color:#fff}.simple-inner-footer-row{display:grid;grid-template-columns:1.2fr .8fr auto;gap:40px;align-items:start}
.simple-inner-footer img{width:190px;filter:brightness(0) invert(1)}.simple-inner-footer p{color:rgba(255,255,255,.5);font-size:.74rem}.simple-inner-footer div:nth-child(2){display:grid;gap:7px}
.simple-inner-footer a,.simple-inner-footer span{color:rgba(255,255,255,.55);font-size:.72rem}
@media(max-width:1050px){.catalog-layout{grid-template-columns:1fr}.catalog-sidebar{position:static;grid-template-columns:repeat(2,1fr)}.product-guide-grid{grid-template-columns:repeat(2,1fr)}.install-product-grid{grid-template-columns:1fr}.install-placeholder-grid{grid-template-columns:repeat(2,1fr)}.simple-inner-header nav{display:none}}
@media(max-width:700px){.catalog-hero-grid{align-items:flex-start;flex-direction:column}.catalog-stat{text-align:left}.catalog-sidebar{grid-template-columns:1fr}.product-guide-grid{grid-template-columns:1fr}.product-guide-image{height:270px}.install-product-image,.install-product-image img{min-height:420px;height:420px}.install-placeholder-grid{grid-template-columns:1fr}.simple-store-button{display:none}.simple-inner-footer-row{grid-template-columns:1fr}}

/* === GERÇEK ÜRÜN GÖRSELLERİ / PREMIUM KART DÜZENİ === */
.product-guide-image{
  position:relative;
  height:300px;
  padding:28px;
  background:#f7f8fa;
}
.product-guide-image::after{
  content:"";
  position:absolute;
  left:18%;
  right:18%;
  bottom:20px;
  height:22px;
  border-radius:50%;
  background:rgba(15,31,55,.08);
  filter:blur(16px);
  pointer-events:none;
}
.product-guide-image img{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:contain;
  transition:transform .35s ease;
}
.product-guide-card:hover .product-guide-image img{transform:scale(1.045)}
.product-guide-copy span{
  color:#d7192d;
  font-size:.59rem;
  font-weight:900;
  letter-spacing:.13em;
}
.product-guide-copy h3{min-height:58px}
.install-product-image{
  padding:45px;
  background:#f8f9fb;
}
.install-product-image img{
  width:100%;
  height:500px;
  object-fit:contain;
}
@media(max-width:700px){
  .product-guide-image{height:280px;padding:24px}
  .install-product-image{padding:26px}
  .install-product-image img{height:360px}
}
/* === GERÇEK ÜRÜN GÖRSELLERİ BİTİŞ === */

/* === AYRI KATEGORİ SAYFALARI === */
.main-categories-section{
  padding:90px 0 120px;
  background:#f5f7f9;
}
.main-category-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
}
.main-category-card{
  position:relative;
  min-height:520px;
  overflow:hidden;
  border:1px solid #e1e6ec;
  border-radius:30px;
  background:#fff;
  box-shadow:0 20px 55px rgba(7,22,45,.07);
  transition:transform .28s ease,box-shadow .28s ease;
}
.main-category-card:hover{
  transform:translateY(-7px);
  box-shadow:0 30px 80px rgba(7,22,45,.12);
}





.main-category-copy{padding:28px}
.main-category-copy>span{color:var(--red);font-size:.65rem;font-weight:900}
.main-category-copy small{display:block;margin-top:10px;color:#929baa;font-size:.57rem;font-weight:900;letter-spacing:.13em}
.main-category-copy h2{margin:8px 0;color:var(--ink,var(--navy));font-size:2rem;letter-spacing:-.045em}
.main-category-copy p{color:#788395}
.main-category-copy b{color:var(--ink,var(--navy));font-size:.74rem}
.category-page-hero{
  padding:110px 0 80px;
  background:linear-gradient(145deg,#f5f7f9,#fff);
}
.category-page-hero.compact{padding-bottom:65px}
.category-page-hero h1{
  max-width:980px;
  margin:8px 0;
  color:var(--ink,var(--navy));
  font-size:clamp(3rem,5.7vw,6rem);
  line-height:.95;
  letter-spacing:-.067em;
}
.category-page-hero p{color:#737e90}
.category-back{
  display:inline-block;
  margin-bottom:30px;
  color:var(--red);
  font-size:.72rem;
  font-weight:900;
}
.category-page-content,
.subcategory-products{
  padding:80px 0 120px;
  background:#fff;
}
.category-subsection{padding:55px 0;border-top:1px solid #e0e5eb}
.category-subsection:first-child{padding-top:0;border-top:0}
.category-subsection-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:30px;
  margin-bottom:28px;
}
.category-subsection-heading span{
  color:var(--red);
  font-size:.59rem;
  font-weight:900;
  letter-spacing:.13em;
}
.category-subsection-heading h2{
  margin:7px 0 0;
  color:var(--ink,var(--navy));
  font-size:2rem;
}
.category-subsection-heading>a{
  color:var(--ink,var(--navy));
  font-size:.74rem;
  font-weight:900;
}
@media(max-width:900px){
  .main-category-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .main-category-card{min-height:450px}
  
  .category-subsection-heading{align-items:flex-start;flex-direction:column}
}
/* === AYRI KATEGORİ SAYFALARI BİTİŞ === */

/* === PREMIUM ANA KATEGORİ KARTLARI === */
.main-categories-section{
  padding:86px 0 125px;
  background:#f4f6f8;
}

.main-category-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.main-category-card{
  position:relative;
  min-height:610px;
  overflow:hidden;
  border:0;
  border-radius:30px;
  background:#07152b;
  box-shadow:0 24px 70px rgba(7,22,45,.12);
  isolation:isolate;
  transition:transform .35s ease,box-shadow .35s ease;
}

.main-category-card:hover{
  transform:translateY(-7px);
  box-shadow:0 34px 90px rgba(7,22,45,.2);
}

.main-category-visual{
  position:absolute;
  inset:0;
  overflow:hidden;
}

.main-category-visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .7s cubic-bezier(.2,.7,.2,1);
}

.main-category-card:hover .main-category-visual img{
  transform:scale(1.045);
}

.main-category-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(4,12,26,.06) 0%,rgba(4,12,26,.18) 38%,rgba(4,12,26,.9) 100%),
    linear-gradient(90deg,rgba(4,12,26,.18),transparent 62%);
}

.main-category-copy{
  position:absolute;
  z-index:2;
  left:0;
  right:0;
  bottom:0;
  padding:34px 34px 32px;
  color:#fff;
}

.main-category-copy>span{
  display:inline-block;
  margin-bottom:12px;
  color:#ff8f9a;
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.14em;
}

.main-category-copy small{
  display:block;
  margin:0 0 9px;
  color:rgba(255,255,255,.58);
  font-size:.57rem;
  font-weight:900;
  letter-spacing:.14em;
}

.main-category-copy h2{
  margin:0;
  color:#fff;
  font-size:clamp(2.1rem,3.3vw,3.35rem);
  line-height:1;
  letter-spacing:-.055em;
}

.main-category-description{
  max-width:520px;
  margin:14px 0 18px;
  color:rgba(255,255,255,.72);
  font-size:.9rem;
  line-height:1.55;
}

.main-category-count{
  display:inline-flex;
  align-items:center;
  margin:0 12px 0 0;
  color:rgba(255,255,255,.56);
  font-size:.72rem;
  font-weight:800;
}

.main-category-copy b{
  display:inline-flex;
  align-items:center;
  padding:10px 14px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:999px;
  color:#fff;
  background:rgba(255,255,255,.1);
  backdrop-filter:blur(10px);
  font-size:.7rem;
  font-weight:900;
  transition:background .25s ease,border-color .25s ease;
}

.main-category-card:hover .main-category-copy b{
  border-color:rgba(255,255,255,.38);
  background:rgba(255,255,255,.18);
}

@media(max-width:920px){
  .main-category-grid{
    grid-template-columns:1fr;
  }

  .main-category-card{
    min-height:560px;
  }
}

@media(max-width:700px){
  .main-categories-section{
    padding:62px 0 90px;
  }

  .main-category-card{
    min-height:500px;
    border-radius:24px;
  }

  .main-category-copy{
    padding:26px 24px 25px;
  }

  .main-category-description{
    font-size:.82rem;
  }
}
/* === PREMIUM ANA KATEGORİ KARTLARI BİTİŞ === */

/* === GÜVENLİK KARTI LOCK ULTRA GÖRSELİ === */
.security-lock-card .main-category-visual{
  background:
    radial-gradient(circle at 70% 30%,rgba(69,108,166,.34),transparent 34%),
    linear-gradient(145deg,#0a1830,#101f39);
}

.security-lock-card .main-category-visual img{
  object-fit:cover;
  object-position:center;
  filter:saturate(.92) contrast(1.04);
}

.security-lock-card .main-category-overlay{
  background:
    linear-gradient(180deg,rgba(4,12,26,.04) 0%,rgba(4,12,26,.18) 42%,rgba(4,12,26,.92) 100%),
    linear-gradient(90deg,rgba(4,12,26,.12),transparent 60%);
}

@media(max-width:700px){
  .security-lock-card .main-category-visual img{
    object-position:58% center;
  }
}
/* === GÜVENLİK KARTI LOCK ULTRA GÖRSELİ BİTİŞ === */


/* === DETAYLI ÜRÜN KURULUM SAYFALARI === */
.product-guide-overview{padding:0 0 82px;background:linear-gradient(145deg,#f4f6f9,#fff)}
.guide-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #dfe5eb;border-radius:22px;background:#fff;box-shadow:0 20px 55px rgba(7,22,45,.07)}
.guide-meta-grid article{padding:25px;border-right:1px solid #e4e8ed}
.guide-meta-grid article:last-child{border-right:0}
.guide-meta-grid span,.guide-red-label{display:block;color:#d7192d;font-size:.58rem;font-weight:900;letter-spacing:.13em}
.guide-meta-grid strong{display:block;margin-top:8px;color:#071a33;font-size:.95rem}
.product-guide-section{padding:95px 0;border-top:1px solid #e1e6ec;background:#fff}
.guide-two-column{display:grid;grid-template-columns:.75fr 1.25fr;gap:90px;align-items:start}
.guide-section-label{position:sticky;top:115px}
.guide-section-label>span,.guide-heading>span{color:#d7192d;font-size:.6rem;font-weight:900;letter-spacing:.14em}
.guide-section-label h2,.guide-heading h2,.guide-support-grid h2{margin:10px 0;color:#071a33;font-size:clamp(2.2rem,4vw,4.4rem);line-height:1;letter-spacing:-.06em}
.guide-section-label p{max-width:460px;color:#778294}
.guide-checklist{padding:30px;border-radius:24px;background:#f4f6f8}
.guide-checklist ul{display:grid;gap:0;margin:0;padding:0;list-style:none}
.guide-checklist li{position:relative;padding:18px 0 18px 42px;border-top:1px solid #dfe4e9;color:#5f6b7e}
.guide-checklist li:first-child{border-top:0}
.guide-checklist li::before{content:"✓";position:absolute;left:0;top:15px;display:grid;width:26px;height:26px;place-items:center;border-radius:7px;color:#fff;background:#d7192d;font-size:.73rem;font-weight:900}
.guide-steps-section{color:#fff;background:#06152b}
.guide-steps-section .guide-heading h2{color:#fff}
.guide-steps-list{display:grid;margin-top:50px}
.guide-step{display:grid;grid-template-columns:70px 1fr;gap:28px;padding:30px 0;border-top:1px solid rgba(255,255,255,.14)}
.guide-step-number{color:#ff8e99;font-size:.65rem;font-weight:900}
.guide-step h3{margin:0 0 8px;color:#fff;font-size:1.12rem}
.guide-step p{margin:0;color:rgba(255,255,255,.6)}
.guide-test-section{background:#f6f7f9}
.guide-after-section{background:#fff}
.guide-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:45px}
.guide-feature-grid article{min-height:155px;padding:25px;border:1px solid #e0e5eb;border-radius:22px;background:#fff}
.guide-feature-grid span{color:#d7192d;font-size:.63rem;font-weight:900}
.guide-feature-grid p{margin:45px 0 0;color:#2f3d52;font-weight:780}
.guide-support-section{background:#f4f6f8}
.guide-support-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:60px}
.guide-support-grid h2{font-size:2.3rem}
.guide-faq-list{border-bottom:1px solid #dbe1e7}
.guide-faq-item{border-top:1px solid #dbe1e7}
.guide-faq-item summary{position:relative;padding:18px 42px 18px 0;color:#071a33;font-weight:850;cursor:pointer;list-style:none}
.guide-faq-item summary::-webkit-details-marker{display:none}
.guide-faq-item summary::after{content:"+";position:absolute;right:2px;top:14px;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:#d7192d;background:#fff}
.guide-faq-item[open] summary::after{transform:rotate(45deg)}
.guide-faq-item p{padding:0 42px 20px 0;color:#697589}
.product-service-note{padding:70px 0;background:#071a33;color:#fff}
.product-service-note-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}
.product-service-note span{color:#ff8d98;font-size:.6rem;font-weight:900;letter-spacing:.14em}
.product-service-note h2{margin:9px 0;color:#fff;font-size:2.2rem}
.product-service-note p{max-width:820px;color:rgba(255,255,255,.62)}
.product-service-note a{flex:0 0 auto;padding:13px 17px;border-radius:13px;color:#fff;background:#d7192d;font-size:.75rem;font-weight:900}
@media(max-width:900px){
 .guide-meta-grid{grid-template-columns:repeat(2,1fr)}
 .guide-meta-grid article:nth-child(2){border-right:0}
 .guide-meta-grid article:nth-child(-n+2){border-bottom:1px solid #e4e8ed}
 .guide-two-column,.guide-support-grid{grid-template-columns:1fr}
 .guide-section-label{position:static}
 .guide-feature-grid{grid-template-columns:1fr}
 .product-service-note-inner{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
 .product-guide-section{padding:72px 0}
 .guide-meta-grid{grid-template-columns:1fr}
 .guide-meta-grid article{border-right:0;border-bottom:1px solid #e4e8ed}
 .guide-meta-grid article:last-child{border-bottom:0}
 .guide-step{grid-template-columns:40px 1fr;gap:14px}
}
/* === DETAYLI ÜRÜN KURULUM SAYFALARI BİTİŞ === */

/* === ÜRÜN KARTI TIKLAMA DÜZELTMESİ === */
.product-guide-card{
  position:relative;
  display:block;
  cursor:pointer;
  text-decoration:none;
  pointer-events:auto;
}
.product-guide-card *{
  pointer-events:none;
}
/* === ÜRÜN KARTI TIKLAMA DÜZELTMESİ BİTİŞ === */

/* === ÜRÜN KURULUM İÇERİĞİ GÖRÜNÜRLÜK GARANTİSİ === */
.product-install-page .product-guide-overview *,
.product-install-page .product-guide-section *,
.product-install-page .product-service-note *{
  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}
/* === ÜRÜN KURULUM İÇERİĞİ GÖRÜNÜRLÜK GARANTİSİ BİTİŞ === */

/* === SWITCHBOT UYGULAMA EKRAN REHBERİ === */
.app-walkthrough-section{
  padding:110px 0;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 88% 4%,rgba(215,25,45,.18),transparent 26%),
    radial-gradient(circle at 5% 42%,rgba(43,91,152,.28),transparent 28%),
    #06152b;
}
.app-walkthrough-heading{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:70px;
  align-items:end;
  margin-bottom:70px;
}
.app-walkthrough-heading span,
.app-step-copy>span{
  color:#ff8f9a;
  font-size:.61rem;
  font-weight:900;
  letter-spacing:.15em;
}
.app-walkthrough-heading h2{
  max-width:780px;
  margin:10px 0 0;
  color:#fff;
  font-size:clamp(3rem,5.3vw,5.8rem);
  line-height:.96;
  letter-spacing:-.068em;
}
.app-walkthrough-heading>p{
  margin:0;
  color:rgba(255,255,255,.58);
  font-size:.86rem;
}
.app-walkthrough-list{display:grid}
.app-walkthrough-step{
  display:grid;
  grid-template-columns:1fr 420px;
  gap:90px;
  align-items:center;
  min-height:610px;
  padding:70px 0;
  border-top:1px solid rgba(255,255,255,.13);
}
.app-walkthrough-step:nth-child(even){
  grid-template-columns:420px 1fr;
}
.app-walkthrough-step:nth-child(even) .app-step-copy{order:2}
.app-walkthrough-step:nth-child(even) .app-phone-wrap{order:1}
.app-step-copy{max-width:680px}
.app-step-index{
  margin-bottom:34px;
  color:rgba(255,255,255,.17);
  font-size:5.2rem;
  font-weight:900;
  line-height:1;
  letter-spacing:-.07em;
}
.app-step-copy h3{
  margin:10px 0;
  color:#fff;
  font-size:clamp(2rem,3.4vw,3.8rem);
  line-height:1;
  letter-spacing:-.055em;
}
.app-step-copy>p{
  max-width:620px;
  color:rgba(255,255,255,.63);
}
.app-path{
  margin-top:30px;
  padding:18px 20px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:18px;
  background:rgba(255,255,255,.06);
}
.app-path b,.app-path strong{display:block}
.app-path b{
  margin-bottom:7px;
  color:#ff8f9a;
  font-size:.58rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.app-path strong{
  color:#fff;
  font-size:.82rem;
}
.app-phone-wrap{
  position:relative;
  display:grid;
  place-items:center;
  min-height:550px;
}
.app-phone-wrap::before{
  content:"";
  position:absolute;
  width:360px;
  height:360px;
  border-radius:50%;
  background:rgba(71,114,174,.2);
  filter:blur(20px);
}
.app-phone{
  position:relative;
  z-index:1;
  width:300px;
  min-height:570px;
  overflow:hidden;
  border:8px solid #0d111b;
  border-radius:48px;
  color:#0a1a32;
  background:#f7f8fb;
  box-shadow:
    0 45px 95px rgba(0,0,0,.42),
    inset 0 0 0 1px rgba(255,255,255,.25);
}
.app-phone-notch{
  position:absolute;
  z-index:3;
  top:9px;
  left:50%;
  width:94px;
  height:24px;
  border-radius:20px;
  background:#0d111b;
  transform:translateX(-50%);
}
.app-phone-status{
  display:flex;
  justify-content:space-between;
  padding:14px 19px 7px;
  font-size:.56rem;
  font-weight:900;
}
.app-phone-header{
  display:grid;
  grid-template-columns:34px 1fr 34px;
  gap:6px;
  align-items:center;
  padding:13px 14px;
  border-top:1px solid #e7eaf0;
  border-bottom:1px solid #e2e6ec;
  background:#fff;
}
.app-phone-header button{
  width:30px;
  height:30px;
  border:0;
  border-radius:10px;
  color:#0b203d;
  background:#f1f3f6;
  font-size:1.05rem;
}
.app-phone-header div{text-align:center}
.app-phone-header small,.app-phone-header strong{display:block}
.app-phone-header small{
  color:#d7192d;
  font-size:.49rem;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.app-phone-header strong{
  overflow:hidden;
  color:#0b203d;
  font-size:.69rem;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.app-phone-body{
  display:flex;
  min-height:430px;
  padding:24px 18px 28px;
  align-items:center;
  flex-direction:column;
  text-align:center;
  background:
    radial-gradient(circle at 50% 22%,rgba(215,25,45,.08),transparent 30%),
    #f7f8fb;
}
.app-phone-product{
  align-self:flex-start;
  max-width:100%;
  overflow:hidden;
  padding:7px 9px;
  border-radius:999px;
  color:#697589;
  background:#eceff3;
  font-size:.5rem;
  font-weight:850;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.app-phone-icon{
  display:grid;
  width:94px;
  height:94px;
  margin:50px 0 25px;
  place-items:center;
  border-radius:30px;
  color:#fff;
  background:linear-gradient(145deg,#e22b40,#b90620);
  box-shadow:0 20px 40px rgba(215,25,45,.25);
  font-size:2.2rem;
  font-weight:900;
}
.app-phone-body>p{
  min-height:50px;
  margin:0 0 20px;
  color:#536075;
  font-size:.67rem;
  line-height:1.45;
}
.app-phone-action{
  width:100%;
  padding:13px 12px;
  border-radius:14px;
  color:#fff;
  background:#071a33;
  font-size:.67rem;
  font-weight:900;
}
.app-phone-note{
  margin-top:12px;
  padding:9px 11px;
  border-radius:10px;
  color:#8b4450;
  background:#fff0f2;
  font-size:.56rem;
}
.app-phone-progress{
  height:4px;
  margin:0 18px 13px;
  overflow:hidden;
  border-radius:999px;
  background:#dfe3e9;
}
.app-phone-progress i{
  display:block;
  height:100%;
  border-radius:999px;
  background:#d7192d;
}
.app-phone-home{
  width:92px;
  height:4px;
  margin:0 auto 10px;
  border-radius:999px;
  background:#111827;
}
@media(max-width:980px){
  .app-walkthrough-heading{grid-template-columns:1fr}
  .app-walkthrough-step,
  .app-walkthrough-step:nth-child(even){
    grid-template-columns:1fr;
    gap:35px;
    padding:65px 0;
  }
  .app-walkthrough-step:nth-child(even) .app-step-copy,
  .app-walkthrough-step:nth-child(even) .app-phone-wrap{order:initial}
  .app-phone-wrap{min-height:600px}
}
@media(max-width:600px){
  .app-walkthrough-section{padding:80px 0}
  .app-step-index{font-size:4rem}
  .app-phone{width:280px;min-height:540px}
  .app-phone-wrap{min-height:560px}
}
/* === SWITCHBOT UYGULAMA EKRAN REHBERİ BİTİŞ === */



/* PREMIUM ETKİLEŞİMLİ UYGULAMA REHBERİ */
.app-overall-progress{margin:-30px 0 54px;padding:18px 20px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.06)}
.app-overall-progress-top{display:flex;justify-content:space-between;margin-bottom:10px;color:rgba(255,255,255,.75);font-size:.72rem;font-weight:850}
.app-overall-progress-top b{color:#fff}
.app-overall-progress-bar{height:7px;overflow:hidden;border-radius:999px;background:rgba(255,255,255,.12)}
.app-overall-progress-bar span{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#d7192d,#ff7180);transition:width .3s ease}
.app-step-extra{display:grid;gap:14px;margin-top:18px}
.app-tip-card{padding:16px 17px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.06)}
.app-tip-card span{display:block;margin-bottom:6px;font-size:.58rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.app-tip-card p{margin:0;color:rgba(255,255,255,.67);font-size:.76rem}
.app-tip-card.tip span{color:#7cc5ff}.app-tip-card.warning span{color:#ffb45e}
.app-complete-check{display:flex;align-items:center;gap:11px;cursor:pointer;user-select:none}
.app-complete-check input{position:absolute;opacity:0}
.app-check-box{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(255,255,255,.26);border-radius:8px;color:transparent;background:rgba(255,255,255,.05)}
.app-complete-check b{color:rgba(255,255,255,.75);font-size:.74rem}
.app-complete-check input:checked + .app-check-box{color:#fff;border-color:#d7192d;background:#d7192d}
.app-complete-check input:checked ~ b{color:#fff;text-decoration:line-through}
.app-screen-caption{width:100%;margin:14px 0 16px;color:#0b203d;font-size:.73rem;font-weight:900;text-align:left}
.premium-ui-card{width:100%;padding:12px;border-radius:18px;background:#fff;box-shadow:0 14px 34px rgba(7,22,45,.08)}
.premium-ui-top{display:grid;grid-template-columns:28px 1fr 28px;align-items:center;padding-bottom:12px;border-bottom:1px solid #e7eaf0;color:#0b203d;font-size:.62rem}
.premium-ui-top b{text-align:center}.premium-ui-back{font-size:1.1rem}
.premium-ui-icon{display:grid;width:86px;height:86px;margin:34px auto 20px;place-items:center;border-radius:26px;color:#fff;background:linear-gradient(145deg,#e22b40,#b90620);box-shadow:0 18px 34px rgba(215,25,45,.25);font-size:1.5rem;font-weight:900}
.premium-ui-path{min-height:44px;margin-bottom:16px;color:#5c687b;font-size:.62rem;line-height:1.45;text-align:center}
.premium-ui-action{padding:12px;border-radius:12px;color:#fff;background:#071a33;font-size:.64rem;font-weight:900;text-align:center}
.premium-ui-callout{margin-top:10px;color:#d7192d;font-size:.54rem;font-weight:900;text-align:center}
@media(max-width:600px){.app-overall-progress{margin-top:-15px}}


/* =========================================================
   HUB 3 MASTER KURULUM SAYFASI
   ========================================================= */
.hub3-master{background:#fff}
.hub3-hero{position:relative;overflow:hidden;padding:110px 0 92px;background:radial-gradient(circle at 80% 15%,rgba(215,25,45,.10),transparent 27%),linear-gradient(145deg,#f7f8fa,#fff)}
.hub3-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}
.hub3-back{display:inline-flex;margin-bottom:30px;color:#d7192d;font-size:.72rem;font-weight:900}
.hub3-eyebrow,.hub3-section-heading>span{display:block;color:#d7192d;font-size:.61rem;font-weight:900;letter-spacing:.15em}
.hub3-hero h1{max-width:760px;margin:12px 0;color:#071a33;font-size:clamp(3.6rem,6vw,6.7rem);line-height:.92;letter-spacing:-.075em}
.hub3-hero-copy>p{max-width:670px;color:#697589;font-size:1rem}
.hub3-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.hub3-primary,.hub3-secondary{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border:0;border-radius:13px;font:inherit;font-size:.75rem;font-weight:900;cursor:pointer}
.hub3-primary{color:#fff;background:#d7192d}.hub3-secondary{color:#071a33;background:#eef1f4}
.hub3-trust-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:26px;color:#647084;font-size:.68rem;font-weight:850}
.hub3-product-stage{position:relative;display:grid;min-height:610px;place-items:center}
.hub3-product-stage img{position:relative;z-index:2;width:84%;max-height:570px;object-fit:contain;filter:drop-shadow(0 30px 55px rgba(7,22,45,.2))}
.hub3-product-glow{position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,rgba(215,25,45,.14),rgba(66,103,157,.08) 45%,transparent 70%)}
.hub3-product-callout{position:absolute;z-index:3;padding:10px 13px;border:1px solid rgba(7,26,51,.1);border-radius:13px;color:#748094;background:rgba(255,255,255,.9);box-shadow:0 12px 30px rgba(7,22,45,.08);font-size:.58rem;backdrop-filter:blur(10px)}
.hub3-product-callout b{display:block;margin-top:3px;color:#071a33;font-size:.7rem}.callout-one{left:0;top:31%}.callout-two{right:2%;bottom:23%}.callout-three{right:2%;top:17%}
.hub3-sticky-progress{position:sticky;z-index:50;top:82px;padding:13px 0;border-top:1px solid #e1e6eb;border-bottom:1px solid #e1e6eb;background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}
.hub3-progress-inner{display:grid;grid-template-columns:200px 1fr auto;gap:22px;align-items:center}
.hub3-progress-inner>div:first-child span,.hub3-progress-inner>div:first-child strong{display:block}.hub3-progress-inner span{color:#7b8596;font-size:.58rem;font-weight:850;text-transform:uppercase}.hub3-progress-inner strong{margin-top:2px;color:#071a33;font-size:.72rem}
.hub3-progress-track{height:7px;overflow:hidden;border-radius:999px;background:#e4e8ed}.hub3-progress-track span{display:block;width:0;height:100%;border-radius:999px;background:linear-gradient(90deg,#d7192d,#ff6576);transition:.3s}
.hub3-progress-inner button{border:0;color:#687487;background:transparent;font-size:.65rem;font-weight:900;cursor:pointer}
.hub3-section{padding:105px 0;border-top:1px solid #e4e8ed}
.hub3-section-heading{max-width:950px;margin-bottom:55px}.hub3-section-heading.compact{margin-bottom:0}.hub3-section-heading h2{margin:10px 0;color:#071a33;font-size:clamp(2.7rem,4.7vw,5rem);line-height:.98;letter-spacing:-.065em}.hub3-section-heading p{max-width:650px;color:#748094}.hub3-section-heading.light h2{color:#fff}.hub3-section-heading.light p{color:rgba(255,255,255,.6)}
.hub3-summary{background:#fff}.hub3-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hub3-summary-grid article{min-height:190px;padding:25px;border:1px solid #e1e6eb;border-radius:22px;background:#fff;box-shadow:0 15px 40px rgba(7,22,45,.05)}.hub3-summary-grid small{color:#d7192d;font-size:.57rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.hub3-summary-grid strong{display:block;margin:48px 0 8px;color:#071a33;font-size:1.1rem}.hub3-summary-grid p{margin:0;color:#778294;font-size:.75rem}
.hub3-two-column{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:start}.hub3-materials{background:#f5f7f9}.hub3-material-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.hub3-material-grid article{padding:24px;border-radius:21px;background:#fff}.hub3-material-grid i{display:grid;width:45px;height:45px;place-items:center;border-radius:13px;background:#f1f3f6;font-style:normal}.hub3-material-grid strong{display:block;margin:35px 0 8px;color:#071a33}.hub3-material-grid p{margin:0;color:#748094;font-size:.75rem}
.hub3-matrix{overflow:hidden;border:1px solid #dfe4e9;border-radius:22px}.hub3-matrix-row{display:grid;grid-template-columns:1.4fr .7fr .7fr;align-items:center;min-height:66px;padding:0 22px;border-top:1px solid #e4e8ed}.hub3-matrix-row:first-child{border-top:0}.hub3-matrix-row.header{color:#fff;background:#071a33}.hub3-matrix-row span{color:#435168;font-size:.78rem;font-weight:800}.hub3-matrix-row.header span,.hub3-matrix-row.header b{color:#fff}.hub3-matrix-row b{text-align:center}.hub3-matrix-row .yes{color:#159447}.hub3-matrix-row .no{color:#a5adb8}
.hub3-app-guide{padding:115px 0;color:#fff;background:radial-gradient(circle at 90% 5%,rgba(215,25,45,.17),transparent 24%),#06152b}
.hub3-app-steps{display:grid}.hub3-app-step{display:grid;grid-template-columns:1fr 390px;gap:95px;align-items:center;min-height:650px;padding:78px 0;border-top:1px solid rgba(255,255,255,.14)}.hub3-app-step.reverse{grid-template-columns:390px 1fr}.hub3-app-step.reverse .hub3-step-copy{order:2}.hub3-app-step.reverse .hub3-phone{order:1}
.hub3-step-copy>span{display:block;color:rgba(255,255,255,.16);font-size:5rem;font-weight:900;line-height:1}.hub3-step-copy small{display:block;margin-top:22px;color:#ff8f9a;font-size:.58rem;font-weight:900;letter-spacing:.15em}.hub3-step-copy h3{margin:10px 0;color:#fff;font-size:clamp(2.2rem,3.7vw,4rem);line-height:1;letter-spacing:-.057em}.hub3-step-copy>p{max-width:650px;color:rgba(255,255,255,.63)}
.hub3-touch-path{margin-top:25px;padding:17px 19px;border:1px solid rgba(255,255,255,.14);border-radius:16px;color:rgba(255,255,255,.72);background:rgba(255,255,255,.05);font-size:.75rem}.hub3-touch-path b{color:#fff}
.hub3-tip{margin-top:13px;padding:15px 17px;border-radius:15px;background:rgba(108,183,245,.08)}.hub3-tip.warning{background:rgba(255,174,86,.08)}.hub3-tip strong{display:block;margin-bottom:5px;color:#80c8ff;font-size:.57rem;letter-spacing:.12em;text-transform:uppercase}.hub3-tip.warning strong{color:#ffb363}.hub3-tip p{margin:0;color:rgba(255,255,255,.62);font-size:.72rem}
.hub3-check{display:flex;align-items:center;gap:11px;margin-top:17px;cursor:pointer}.hub3-check input{position:absolute;opacity:0}.hub3-check i{display:grid;width:29px;height:29px;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:transparent;font-style:normal;background:rgba(255,255,255,.05)}.hub3-check b{color:rgba(255,255,255,.75);font-size:.73rem}.hub3-check input:checked+i{color:#fff;border-color:#d7192d;background:#d7192d}.hub3-check input:checked~b{color:#fff;text-decoration:line-through}
.hub3-phone{position:relative;min-height:570px;padding:55px 18px 25px;border:8px solid #111722;border-radius:48px;color:#071a33;background:#f7f8fb;box-shadow:0 45px 90px rgba(0,0,0,.38)}.hub3-notch{position:absolute;top:10px;left:50%;width:96px;height:24px;border-radius:999px;background:#111722;transform:translateX(-50%)}.hub3-phone-status{position:absolute;top:14px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:.5rem;font-weight:900}.hub3-app-head{display:flex;align-items:center;justify-content:space-between;margin:15px 0 20px;font-size:.8rem}.hub3-highlight{display:grid;width:37px;height:37px;place-items:center;border:2px solid #d7192d;border-radius:50%;color:#d7192d;background:#fff;box-shadow:0 0 0 7px rgba(215,25,45,.1);font-size:1.2rem;font-weight:900}.hub3-room-tabs{display:flex;gap:6px;margin-bottom:15px}.hub3-room-tabs span{padding:7px 9px;border-radius:999px;color:#7e8796;background:#e9edf1;font-size:.48rem;font-weight:850}.hub3-room-tabs .active{color:#fff;background:#071a33}.hub3-device-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.hub3-device-cards i{height:105px;border-radius:15px;background:linear-gradient(145deg,#fff,#e7ebf0)}.hub3-arrow-label{margin-top:20px;color:#d7192d;font-size:.58rem;font-weight:900;text-align:right}
.hub3-screen-title{margin:12px 0 22px;color:#071a33;font-size:.8rem;font-weight:900;text-align:center}.hub3-category-chip{width:max-content;margin-bottom:12px;padding:7px 10px;border-radius:999px;color:#fff;background:#071a33;font-size:.52rem;font-weight:850}.hub3-product-option{display:grid;grid-template-columns:60px 1fr 20px;gap:10px;align-items:center;margin-bottom:10px;padding:12px;border-radius:15px;background:#fff;box-shadow:0 8px 20px rgba(7,22,45,.06)}.hub3-product-option.selected{outline:2px solid rgba(215,25,45,.3)}.hub3-product-option img,.hub3-placeholder{width:55px;height:55px;object-fit:contain;border-radius:12px;background:#f0f2f5}.hub3-product-option b,.hub3-product-option small{display:block}.hub3-product-option b{font-size:.65rem}.hub3-product-option small{margin-top:4px;color:#8a94a3;font-size:.48rem}
.pairing-screen>img{display:block;width:170px;height:190px;margin:10px auto;object-fit:contain}.hub3-hold-buttons{display:flex;position:relative;justify-content:center;gap:12px;margin:10px 0 25px}.hub3-hold-buttons span{display:grid;width:55px;height:55px;place-items:center;border-radius:50%;color:#fff;background:#071a33;font-size:.62rem;font-weight:900}.hub3-hold-buttons b{position:absolute;top:62px;color:#d7192d;font-size:.55rem}.hub3-phone button{width:100%;padding:12px;border:0;border-radius:12px;color:#fff;background:#071a33;font-size:.62rem;font-weight:900}
.hub3-phone label{display:block;margin:11px 0 6px;color:#657184;font-size:.52rem;font-weight:850}.hub3-input{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:12px;background:#fff;box-shadow:0 7px 18px rgba(7,22,45,.06);font-size:.58rem}.hub3-input.selected{outline:2px solid rgba(215,25,45,.25)}.wifi-screen button,.name-screen button{margin-top:20px}.hub3-room-select{display:flex;flex-wrap:wrap;gap:7px}.hub3-room-select span{padding:8px 10px;border-radius:999px;color:#697589;background:#e8ecf1;font-size:.5rem}.hub3-room-select .active{color:#fff;background:#d7192d}
.hub3-version{display:flex;justify-content:space-between;margin-bottom:10px;padding:13px;border-radius:13px;background:#fff;font-size:.58rem}.hub3-update-bar{height:7px;margin:24px 0;border-radius:999px;background:#dfe4e9}.hub3-update-bar i{display:block;width:76%;height:100%;border-radius:999px;background:#d7192d}.hub3-manage-row{display:flex;justify-content:space-between;margin-bottom:10px;padding:14px;border-radius:13px;background:#fff;font-size:.57rem;font-weight:850}.hub3-button-map{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:22px 0}.hub3-button-map span{display:grid;height:47px;place-items:center;border-radius:13px;color:#fff;background:#071a33;font-size:.64rem;font-weight:900}.hub3-qr-grid{width:170px;height:170px;margin:15px auto;background:repeating-conic-gradient(#071a33 0 25%,#fff 0 50%) 50%/18px 18px;box-shadow:inset 0 0 0 14px #fff}.hub3-matter-code{margin:15px 0;padding:12px;border-radius:12px;color:#071a33;background:#fff;font-size:.75rem;font-weight:900;text-align:center;letter-spacing:.08em}
.hub3-physical{background:#f5f7f9}.hub3-physical-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.hub3-annotated-product{position:relative;display:grid;min-height:550px;place-items:center;border-radius:30px;background:#fff}.hub3-annotated-product img{width:75%;height:480px;object-fit:contain}.hub3-annotated-product .pin{position:absolute;display:grid;width:34px;height:34px;place-items:center;border-radius:50%;color:#fff;background:#d7192d;font-size:.7rem;font-weight:900}.hub3-annotated-product .pin b{position:absolute;width:175px;padding:10px 12px;border-radius:12px;color:#071a33;background:#fff;box-shadow:0 12px 25px rgba(7,22,45,.1);font-size:.62rem}.pin-one{top:20%;left:18%}.pin-one b{left:43px}.pin-two{right:19%;top:43%}.pin-two b{right:43px}.pin-three{bottom:18%;left:30%}.pin-three b{left:43px}.hub3-location-rules{display:grid}.hub3-location-rules article{display:grid;grid-template-columns:36px 1fr;gap:15px;padding:22px 0;border-top:1px solid #dfe4e9}.hub3-location-rules span{display:grid;width:29px;height:29px;place-items:center;border-radius:8px;color:#fff;background:#159447;font-weight:900}.hub3-location-rules article:nth-child(n+3) span{background:#d7192d}.hub3-location-rules b{color:#071a33}.hub3-location-rules p{margin:6px 0 0;color:#748094;font-size:.76rem}
.hub3-compatible-grid,.hub3-error-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.hub3-compatible-grid article,.hub3-error-grid article{min-height:210px;padding:24px;border:1px solid #e1e6eb;border-radius:22px}.hub3-compatible-grid span{color:#d7192d;font-size:.57rem;font-weight:900;text-transform:uppercase}.hub3-compatible-grid h3,.hub3-error-grid h3{margin:50px 0 8px;color:#071a33}.hub3-compatible-grid p,.hub3-error-grid p{margin:0;color:#748094;font-size:.75rem}
.hub3-automations{color:#fff;background:#071a33}.hub3-automations .hub3-section-heading h2{color:#fff}.hub3-automation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.hub3-automation-grid article{min-height:220px;padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.05)}.hub3-automation-grid i{font-style:normal;font-size:1.6rem}.hub3-automation-grid h3{margin:65px 0 8px}.hub3-automation-grid p{margin:0;color:rgba(255,255,255,.6);font-size:.75rem}
.hub3-error-grid article span{display:grid;width:34px;height:34px;place-items:center;border-radius:10px;color:#fff;background:#d7192d;font-size:1rem;font-weight:900}.hub3-maintenance{background:#f5f7f9}.hub3-maintenance-list{display:grid}.hub3-maintenance-list article{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:21px 0;border-top:1px solid #dfe4e9}.hub3-maintenance-list b{color:#d7192d;font-size:.68rem}.hub3-maintenance-list span{color:#526075;font-size:.78rem}
.hub3-assistant{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px}.hub3-assistant-options{display:grid;gap:9px}.hub3-assistant-options button{padding:16px 18px;border:1px solid #dfe4e9;border-radius:14px;color:#536075;background:#fff;text-align:left;font:inherit;font-size:.75rem;font-weight:850;cursor:pointer}.hub3-assistant-options button.active{color:#fff;border-color:#071a33;background:#071a33}.hub3-assistant-answer{min-height:260px;padding:30px;border-radius:24px;color:#fff;background:#071a33}.hub3-assistant-answer span{color:#ff8e99;font-size:.58rem;font-weight:900;letter-spacing:.13em}.hub3-assistant-answer h3{margin:35px 0 10px;font-size:1.65rem}.hub3-assistant-answer p{color:rgba(255,255,255,.62)}
.hub3-faq{background:#f5f7f9}.hub3-faq-list{border-bottom:1px solid #dbe1e7}.hub3-faq-list details{border-top:1px solid #dbe1e7}.hub3-faq-list summary{position:relative;padding:22px 45px 22px 0;color:#071a33;font-weight:850;cursor:pointer;list-style:none}.hub3-faq-list summary::-webkit-details-marker{display:none}.hub3-faq-list summary::after{content:"+";position:absolute;right:4px;top:17px;display:grid;width:31px;height:31px;place-items:center;border-radius:50%;color:#d7192d;background:#fff}.hub3-faq-list details[open] summary::after{transform:rotate(45deg)}.hub3-faq-list p{padding:0 45px 22px 0;color:#697589}
.hub3-service-flow{padding:105px 0;color:#fff;background:#06152b}.hub3-service-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.hub3-service-steps article{min-height:230px;padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:21px;background:rgba(255,255,255,.05)}.hub3-service-steps span{color:#ff8f9a;font-size:.62rem;font-weight:900}.hub3-service-steps b{display:block;margin:70px 0 8px}.hub3-service-steps p{margin:0;color:rgba(255,255,255,.58);font-size:.74rem}.hub3-service-warning{margin:30px 0 0;color:#ffb363;font-size:.72rem;font-weight:850}
.hub3-complete{padding:110px 0;text-align:center;background:linear-gradient(145deg,#fff,#f4f6f8)}.hub3-complete-inner{max-width:850px}.hub3-complete-icon{display:grid;width:76px;height:76px;margin:0 auto 24px;place-items:center;border-radius:50%;color:#fff;background:#c4cbd4;font-size:1.7rem;font-weight:900;transition:.3s}.hub3-complete.completed .hub3-complete-icon{background:#159447;box-shadow:0 0 0 12px rgba(21,148,71,.1)}.hub3-complete span{color:#d7192d;font-size:.6rem;font-weight:900;letter-spacing:.14em}.hub3-complete h2{margin:10px 0;color:#071a33;font-size:clamp(2.8rem,5vw,5.2rem);letter-spacing:-.065em}.hub3-complete p{color:#748094}.hub3-complete-actions{display:flex;justify-content:center;gap:12px;margin-top:25px}.hub3-complete-actions button,.hub3-complete-actions a{padding:13px 17px;border:0;border-radius:13px;color:#fff;background:#071a33;font:inherit;font-size:.73rem;font-weight:900;cursor:pointer}.hub3-complete-actions a{background:#d7192d}
@media(max-width:1000px){.hub3-hero-grid,.hub3-two-column,.hub3-physical-grid,.hub3-assistant{grid-template-columns:1fr}.hub3-product-stage{min-height:500px}.hub3-summary-grid,.hub3-compatible-grid,.hub3-error-grid{grid-template-columns:repeat(2,1fr)}.hub3-automation-grid,.hub3-service-steps{grid-template-columns:repeat(2,1fr)}.hub3-app-step,.hub3-app-step.reverse{grid-template-columns:1fr;gap:35px}.hub3-app-step.reverse .hub3-step-copy,.hub3-app-step.reverse .hub3-phone{order:initial}.hub3-phone{width:340px;max-width:100%;margin:auto}.hub3-progress-inner{grid-template-columns:170px 1fr}}
@media(max-width:700px){.hub3-hero{padding-top:80px}.hub3-section,.hub3-app-guide,.hub3-service-flow{padding:78px 0}.hub3-sticky-progress{top:72px}.hub3-progress-inner{grid-template-columns:1fr auto}.hub3-progress-track{grid-column:1/-1;grid-row:2}.hub3-summary-grid,.hub3-material-grid,.hub3-compatible-grid,.hub3-error-grid,.hub3-automation-grid,.hub3-service-steps{grid-template-columns:1fr}.hub3-matrix-row{grid-template-columns:1.3fr .7fr .7fr;padding:0 12px}.hub3-matrix-row span{font-size:.67rem}.hub3-product-callout{display:none}.hub3-app-step{padding:55px 0}.hub3-phone{min-height:530px}.hub3-annotated-product .pin b{display:none}.hub3-maintenance-list article{grid-template-columns:1fr;gap:6px}.hub3-complete-actions{flex-direction:column}}
@media print{.simple-inner-header,.simple-inner-footer,.hub3-sticky-progress,.hub3-hero-actions,.hub3-assistant-section,.hub3-complete-actions{display:none!important}.hub3-section,.hub3-app-guide,.hub3-service-flow{break-inside:avoid;padding:35px 0}.hub3-app-step{min-height:0;break-inside:avoid}.hub3-phone{box-shadow:none}.hub3-master{font-size:11px}}

/* =========================================================
   ÜRÜN GÖRSELLERİ — ORTALANMIŞ PREMIUM DÜZEN
   ========================================================= */

/* Kategori ve alt kategori ürün kartları */
.product-guide-image{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  height:320px;
  padding:30px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 42%,rgba(255,255,255,.98) 0%,rgba(247,249,252,.96) 54%,rgba(236,240,245,.92) 100%);
}

.product-guide-image::before{
  content:"";
  position:absolute;
  inset:18px;
  border:1px solid rgba(7,26,51,.045);
  border-radius:20px;
  pointer-events:none;
}

.product-guide-image::after{
  content:"";
  position:absolute;
  left:24%;
  right:24%;
  bottom:28px;
  height:18px;
  border-radius:50%;
  background:rgba(7,26,51,.10);
  filter:blur(17px);
  opacity:.48;
  pointer-events:none;
}

.product-guide-image img{
  position:relative;
  z-index:2;
  display:block;
  width:auto !important;
  height:auto !important;
  max-width:88% !important;
  max-height:86% !important;
  margin:auto;
  object-fit:contain !important;
  object-position:center center !important;
  transform:translateZ(0);
  transition:transform .35s ease,filter .35s ease;
  filter:drop-shadow(0 10px 18px rgba(7,26,51,.07));
}

.product-guide-card:hover .product-guide-image img{
  transform:scale(1.045);
  filter:drop-shadow(0 16px 24px rgba(7,26,51,.12));
}

/* Uzun ve ince ürünlerin kartta kaybolmasını önle */
.product-guide-card img[alt*="Lambader"],
.product-guide-card img[alt*="LED Şerit"],
.product-guide-card img[alt*="Perde Motoru"],
.product-guide-card img[alt*="Güneş Enerjili"]{
  max-height:91% !important;
  max-width:92% !important;
}

/* Büyük ürünlerin kutuyu taşırmaması */
.product-guide-card img[alt*="Robot Süpürge"],
.product-guide-card img[alt*="Hava Temizleyici"],
.product-guide-card img[alt*="Kapı Kilidi"]{
  max-width:84% !important;
  max-height:82% !important;
}

/* Ürün detay sayfalarındaki ana görsel */
.install-product-image{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:600px;
  padding:55px;
  overflow:hidden;
  border:1px solid rgba(7,26,51,.055);
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 43%,#fff 0%,#f8fafc 54%,#eef2f6 100%);
  box-shadow:
    0 28px 70px rgba(7,22,45,.08),
    inset 0 1px 0 rgba(255,255,255,.9);
}

.install-product-image::after{
  content:"";
  position:absolute;
  left:28%;
  right:28%;
  bottom:42px;
  height:22px;
  border-radius:50%;
  background:rgba(7,26,51,.11);
  filter:blur(20px);
  opacity:.45;
}

.install-product-image img{
  position:relative;
  z-index:2;
  display:block;
  width:auto !important;
  height:auto !important;
  max-width:88% !important;
  max-height:500px !important;
  margin:auto;
  object-fit:contain !important;
  object-position:center !important;
  filter:drop-shadow(0 18px 28px rgba(7,26,51,.10));
}

/* Hub 3 master hero görseli */
.hub3-product-stage{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:610px;
  padding:38px;
}

.hub3-product-stage img{
  position:relative;
  z-index:2;
  display:block;
  width:auto !important;
  height:auto !important;
  max-width:82% !important;
  max-height:530px !important;
  margin:auto;
  object-fit:contain !important;
  object-position:center !important;
  filter:drop-shadow(0 32px 50px rgba(7,22,45,.17));
}

.hub3-product-glow{
  left:50%;
  top:50%;
  width:480px;
  height:480px;
  transform:translate(-50%,-50%);
}

/* Hub 3 fiziksel konumlandırma görseli */
.hub3-annotated-product{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:42px;
}

.hub3-annotated-product img{
  display:block;
  width:auto !important;
  height:auto !important;
  max-width:82% !important;
  max-height:460px !important;
  margin:auto;
  object-fit:contain !important;
  object-position:center !important;
  filter:drop-shadow(0 18px 30px rgba(7,26,51,.10));
}

/* Ana kategori kartlarında görsel kadrajını iyileştir */
.main-category-visual img{
  object-position:center center !important;
}

.security-lock-card .main-category-visual img{
  object-position:center 42% !important;
}

/* Mobil */
@media(max-width:900px){
  .product-guide-image{
    height:300px;
    padding:26px;
  }

  .install-product-image{
    min-height:500px;
    padding:38px;
  }

  .install-product-image img{
    max-height:420px !important;
  }

  .hub3-product-stage{
    min-height:500px;
    padding:24px;
  }

  .hub3-product-stage img{
    max-width:88% !important;
    max-height:430px !important;
  }
}

@media(max-width:600px){
  .product-guide-image{
    height:270px;
    padding:22px;
  }

  .product-guide-image img{
    max-width:91% !important;
    max-height:88% !important;
  }

  .install-product-image{
    min-height:410px;
    padding:28px;
    border-radius:25px;
  }

  .install-product-image img{
    max-width:92% !important;
    max-height:350px !important;
  }

  .hub3-product-stage{
    min-height:420px;
  }

  .hub3-product-stage img{
    max-width:92% !important;
    max-height:360px !important;
  }
}

/* =========================================================
   49 ÜRÜN — TEK TEK OPTİK HİZALAMA
   ========================================================= */

/* Kartların ürün sahnesi tüm ürünlerde aynı optik merkez çizgisini kullanır. */
.product-guide-image{
  position:relative;
  display:grid !important;
  place-items:center !important;
  height:320px !important;
  padding:32px !important;
}

.product-guide-image img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  padding:34px !important;
  margin:0 !important;
  object-fit:contain !important;
  object-position:50% 50% !important;
  transform-origin:50% 50% !important;
  transition:transform .34s cubic-bezier(.2,.7,.2,1),filter .34s ease !important;
}

/* Kart metinleri de aynı taban çizgisinde dursun. */
.product-guide-copy{
  display:flex;
  min-height:175px;
  flex-direction:column;
}

.product-guide-copy h3{
  display:-webkit-box;
  min-height:58px;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.product-guide-copy b{
  margin-top:auto;
}

/* Büyük detay görselleri için aynı optik merkez mantığı. */
.install-product-image img{
  transform-origin:50% 50% !important;
  transition:transform .3s ease !important;
}

/* Mobil ölçekte dikey farkları azalt. */
@media(max-width:700px){
  .product-guide-image{
    height:285px !important;
    padding:25px !important;
  }

  .product-guide-image img{
    padding:28px !important;
  }

  .product-guide-copy{
    min-height:162px;
  }
}

.product-guide-card[data-product="akilli-ev-yonetim-merkezi-2"] .product-guide-image img{
  transform:translate(0px,-3px) scale(1.04);
}
.product-guide-card[data-product="akilli-ev-yonetim-merkezi-2"]:hover .product-guide-image img{
  transform:translate(0px,-3px) scale(1.0764);
}
body[data-product-page="akilli-ev-yonetim-merkezi-2"] .install-product-image img{
  transform:translate(0px,-3px) scale(1.04);
}


.product-guide-card[data-product="akilli-ev-yonetim-merkezi-3"] .product-guide-image img{
  transform:translate(0px,-3px) scale(1.0);
}
.product-guide-card[data-product="akilli-ev-yonetim-merkezi-3"]:hover .product-guide-image img{
  transform:translate(0px,-3px) scale(1.0350);
}
body[data-product-page="akilli-ev-yonetim-merkezi-3"] .install-product-image img{
  transform:translate(0px,-3px) scale(1.0);
}


.product-guide-card[data-product="akilli-ev-yonetim-merkezi-mini"] .product-guide-image img{
  transform:translate(0px,-3px) scale(1.13);
}
.product-guide-card[data-product="akilli-ev-yonetim-merkezi-mini"]:hover .product-guide-image img{
  transform:translate(0px,-3px) scale(1.1695);
}
body[data-product-page="akilli-ev-yonetim-merkezi-mini"] .install-product-image img{
  transform:translate(0px,-3px) scale(1.1);
}


.product-guide-card[data-product="akilli-guvenlik-kamerasi-3k"] .product-guide-image img{
  transform:translate(0px,-4px) scale(1.05);
}
.product-guide-card[data-product="akilli-guvenlik-kamerasi-3k"]:hover .product-guide-image img{
  transform:translate(0px,-4px) scale(1.0867);
}
body[data-product-page="akilli-guvenlik-kamerasi-3k"] .install-product-image img{
  transform:translate(0px,-4px) scale(1.05);
}


.product-guide-card[data-product="akilli-kumanda-tum-markalarla-uyumlu"] .product-guide-image img{
  transform:translate(0px,-2px) scale(1.08);
}
.product-guide-card[data-product="akilli-kumanda-tum-markalarla-uyumlu"]:hover .product-guide-image img{
  transform:translate(0px,-2px) scale(1.1178);
}
body[data-product-page="akilli-kumanda-tum-markalarla-uyumlu"] .install-product-image img{
  transform:translate(0px,-2px) scale(1.08);
}


.product-guide-card[data-product="akilli-led-serit-3-nesil"] .product-guide-image img{
  transform:translate(0px,-2px) scale(1.12);
}
.product-guide-card[data-product="akilli-led-serit-3-nesil"]:hover .product-guide-image img{
  transform:translate(0px,-2px) scale(1.1592);
}
body[data-product-page="akilli-led-serit-3-nesil"] .install-product-image img{
  transform:translate(0px,-2px) scale(1.1);
}


.product-guide-card[data-product="akilli-parmak-robotu-beyaz"] .product-guide-image img{
  transform:translate(0px,-5px) scale(1.2);
}
.product-guide-card[data-product="akilli-parmak-robotu-beyaz"]:hover .product-guide-image img{
  transform:translate(0px,-5px) scale(1.2420);
}
body[data-product-page="akilli-parmak-robotu-beyaz"] .install-product-image img{
  transform:translate(0px,-5px) scale(1.1);
}


.product-guide-card[data-product="akilli-parmak-robotu-siyah"] .product-guide-image img{
  transform:translate(0px,-5px) scale(1.2);
}
.product-guide-card[data-product="akilli-parmak-robotu-siyah"]:hover .product-guide-image img{
  transform:translate(0px,-5px) scale(1.2420);
}
body[data-product-page="akilli-parmak-robotu-siyah"] .install-product-image img{
  transform:translate(0px,-5px) scale(1.1);
}


.product-guide-card[data-product="akilli-robot-supurge-k10-pro-combo"] .product-guide-image img{
  transform:translate(0px,-2px) scale(0.96);
}
.product-guide-card[data-product="akilli-robot-supurge-k10-pro-combo"]:hover .product-guide-image img{
  transform:translate(0px,-2px) scale(0.9936);
}
body[data-product-page="akilli-robot-supurge-k10-pro-combo"] .install-product-image img{
  transform:translate(0px,-2px) scale(0.96);
}


.product-guide-card[data-product="akilli-robot-supurge-s20"] .product-guide-image img{
  transform:translate(0px,-2px) scale(0.98);
}
.product-guide-card[data-product="akilli-robot-supurge-s20"]:hover .product-guide-image img{
  transform:translate(0px,-2px) scale(1.0143);
}
body[data-product-page="akilli-robot-supurge-s20"] .install-product-image img{
  transform:translate(0px,-2px) scale(0.98);
}


.product-guide-card[data-product="akilli-robot-supurge-s20-tam-otomatik-su-baglantili-versiyon"] .product-guide-image img{
  transform:translate(0px,-2px) scale(0.93);
}
.product-guide-card[data-product="akilli-robot-supurge-s20-tam-otomatik-su-baglantili-versiyon"]:hover .product-guide-image img{
  transform:translate(0px,-2px) scale(0.9626);
}
body[data-product-page="akilli-robot-supurge-s20-tam-otomatik-su-baglantili-versiyon"] .install-product-image img{
  transform:translate(0px,-2px) scale(0.93);
}


.product-guide-card[data-product="akilli-role-anahtari-tekli"] .product-guide-image img{
  transform:translate(0px,-4px) scale(1.15);
}
.product-guide-card[data-product="akilli-role-anahtari-tekli"]:hover .product-guide-image img{
  transform:translate(0px,-4px) scale(1.1902);
}
body[data-product-page="akilli-role-anahtari-tekli"] .install-product-image img{
  transform:translate(0px,-4px) scale(1.1);
}


.product-guide-card[data-product="akilli-role-anahtari-tekli-enerji-olcumlu"] .product-guide-image img{
  transform:translate(0px,-4px) scale(1.15);
}
.product-guide-card[data-product="akilli-role-anahtari-tekli-enerji-olcumlu"]:hover .product-guide-image img{
  transform:translate(0px,-4px) scale(1.1902);
}
body[data-product-page="akilli-role-anahtari-tekli-enerji-olcumlu"] .install-product-image img{
  transform:translate(0px,-4px) scale(1.1);
}


.product-guide-card[data-product="akilli-role-anahtari-cift-kanalli-enerji-olcumlu"] .product-guide-image img{
  transform:translate(0px,-4px) scale(1.15);
}
.product-guide-card[data-product="akilli-role-anahtari-cift-kanalli-enerji-olcumlu"]:hover .product-guide-image img{
  transform:translate(0px,-4px) scale(1.1902);
}
body[data-product-page="akilli-role-anahtari-cift-kanalli-enerji-olcumlu"] .install-product-image img{
  transform:translate(0px,-4px) scale(1.1);
}


.product-guide-card[data-product="akilli-role-anahtari-garaj-kapisi"] .product-guide-image img{
  transform:translate(0px,-3px) scale(1.1);
}
.product-guide-card[data-product="akilli-role-anahtari-garaj-kapisi"]:hover .product-guide-image img{
  transform:translate(0px,-3px) scale(1.1385);
}
body[data-product-page="akilli-role-anahtari-garaj-kapisi"] .install-product-image img{
  transform:translate(0px,-3px) scale(1.1);
}


.product-guide-card[data-product="akilli-stor-perde-beyaz-110-140-cm"] .product-guide-image img{
  transform:translate(0px,-1px) scale(1.03);
}
.product-guide-card[data-product="akilli-stor-perde-beyaz-110-140-cm"]:hover .product-guide-image img{
  transform:translate(0px,-1px) scale(1.0660);
}
body[data-product-page="akilli-stor-perde-beyaz-110-140-cm"] .install-product-image img{
  transform:translate(0px,-1px) scale(1.03);
}


.product-guide-card[data-product="akilli-stor-perde-beyaz-140-185-cm"] .product-guide-image img{
  transform:translate(0px,-1px) scale(1.03);
}
.product-guide-card[data-product="akilli-stor-perde-beyaz-140-185-cm"]:hover .product-guide-image img{
  transform:translate(0px,-1px) scale(1.0660);
}
body[data-product-page="akilli-stor-perde-beyaz-140-185-cm"] .install-product-image img{
  transform:translate(0px,-1px) scale(1.03);
}


.product-guide-card[data-product="akilli-stor-perde-beyaz-58-80-cm"] .product-guide-image img{
  transform:translate(0px,-1px) scale(1.03);
}
.product-guide-card[data-product="akilli-stor-perde-beyaz-58-80-cm"]:hover .product-guide-image img{
  transform:translate(0px,-1px) scale(1.0660);
}
body[data-product-page="akilli-stor-perde-beyaz-58-80-cm"] .install-product-image img{
  transform:translate(0px,-1px) scale(1.03);
}


.product-guide-card[data-product="akilli-stor-perde-beyaz-80-110-cm"] .product-guide-image img{
  transform:translate(0px,-1px) scale(1.03);
}
.product-guide-card[data-product="akilli-stor-perde-beyaz-80-110-cm"]:hover .product-guide-image img{
  transform:translate(0px,-1px) scale(1.0660);
}
body[data-product-page="akilli-stor-perde-beyaz-80-110-cm"] .install-product-image img{
  transform:translate(0px,-1px) scale(1.03);
}


.product-guide-card[data-product="akilli-stor-perde-gri-110-140-cm"] .product-guide-image img{
  transform:translate(0px,-1px) scale(1.03);
}
.product-guide-card[data-product="akilli-stor-perde-gri-110-140-cm"]:hover .product-guide-image img{
  transform:translate(0px,-1px) scale(1.0660);
}
body[data-product-page="akilli-stor-perde-gri-110-140-cm"] .install-product-image img{
  transform:translate(0px,-1px) scale(1.03);
}


.product-guide-card[data-product="akilli-stor-perde-gri-140-185-cm"] .product-guide-image img{
  transform:translate(0px,-1px) scale(1.03);
}
.product-guide-card[data-product="akilli-stor-perde-gri-140-185-cm"]:hover .product-guide-image img{
  transform:translate(0px,-1px) scale(1.0660);
}
body[data-product-page="akilli-stor-perde-gri-140-185-cm"] .install-product-image img{
  transform:translate(0px,-1px) scale(1.03);
}


.product-guide-card[data-product="akilli-stor-perde-gri-58-80-cm"] .product-guide-image img{
  transform:translate(0px,-1px) scale(1.03);
}
.product-guide-card[data-product="akilli-stor-perde-gri-58-80-cm"]:hover .product-guide-image img{
  transform:translate(0px,-1px) scale(1.0660);
}
body[data-product-page="akilli-stor-perde-gri-58-80-cm"] .install-product-image img{
  transform:translate(0px,-1px) scale(1.03);
}


.product-guide-card[data-product="akilli-stor-perde-gri-80-110-cm"] .product-guide-image img{
  transform:translate(0px,-1px) scale(1.03);
}
.product-guide-card[data-product="akilli-stor-perde-gri-80-110-cm"]:hover .product-guide-image img{
  transform:translate(0px,-1px) scale(1.0660);
}
body[data-product-page="akilli-stor-perde-gri-80-110-cm"] .install-product-image img{
  transform:translate(0px,-1px) scale(1.03);
}


.product-guide-card[data-product="akilli-su-kacagi-sensoru"] .product-guide-image img{
  transform:translate(0px,-3px) scale(1.13);
}
.product-guide-card[data-product="akilli-su-kacagi-sensoru"]:hover .product-guide-image img{
  transform:translate(0px,-3px) scale(1.1695);
}
body[data-product-page="akilli-su-kacagi-sensoru"] .install-product-image img{
  transform:translate(0px,-3px) scale(1.1);
}


.product-guide-card[data-product="gorev-uygulayici-akilli-etiket"] .product-guide-image img{
  transform:translate(0px,-3px) scale(1.26);
}
.product-guide-card[data-product="gorev-uygulayici-akilli-etiket"]:hover .product-guide-image img{
  transform:translate(0px,-3px) scale(1.3041);
}
body[data-product-page="gorev-uygulayici-akilli-etiket"] .install-product-image img{
  transform:translate(0px,-3px) scale(1.1);
}


.product-guide-card[data-product="gunes-enerjili-2k-kamera-sarji"] .product-guide-image img{
  transform:translate(0px,-3px) scale(1.08);
}
.product-guide-card[data-product="gunes-enerjili-2k-kamera-sarji"]:hover .product-guide-image img{
  transform:translate(0px,-3px) scale(1.1178);
}
body[data-product-page="gunes-enerjili-2k-kamera-sarji"] .install-product-image img{
  transform:translate(0px,-3px) scale(1.08);
}


.product-guide-card[data-product="gunes-enerjili-perde-sarji"] .product-guide-image img{
  transform:translate(0px,-3px) scale(1.08);
}
.product-guide-card[data-product="gunes-enerjili-perde-sarji"]:hover .product-guide-image img{
  transform:translate(0px,-3px) scale(1.1178);
}
body[data-product-page="gunes-enerjili-perde-sarji"] .install-product-image img{
  transform:translate(0px,-3px) scale(1.08);
}


.product-guide-card[data-product="guvenlik-kamerasi-kablosuz-2k"] .product-guide-image img{
  transform:translate(0px,-3px) scale(1.04);
}
.product-guide-card[data-product="guvenlik-kamerasi-kablosuz-2k"]:hover .product-guide-image img{
  transform:translate(0px,-3px) scale(1.0764);
}
body[data-product-page="guvenlik-kamerasi-kablosuz-2k"] .install-product-image img{
  transform:translate(0px,-3px) scale(1.04);
}


.product-guide-card[data-product="k10-pro-aksesuar-seti"] .product-guide-image img{
  transform:translate(0px,0px) scale(1.1);
}
.product-guide-card[data-product="k10-pro-aksesuar-seti"]:hover .product-guide-image img{
  transform:translate(0px,0px) scale(1.1385);
}
body[data-product-page="k10-pro-aksesuar-seti"] .install-product-image img{
  transform:translate(0px,0px) scale(1.1);
}


.product-guide-card[data-product="kablosuz-akilli-kapi-kilidi-lock-pro"] .product-guide-image img{
  transform:translate(0px,-4px) scale(1.02);
}
.product-guide-card[data-product="kablosuz-akilli-kapi-kilidi-lock-pro"]:hover .product-guide-image img{
  transform:translate(0px,-4px) scale(1.0557);
}
body[data-product-page="kablosuz-akilli-kapi-kilidi-lock-pro"] .install-product-image img{
  transform:translate(0px,-4px) scale(1.02);
}


.product-guide-card[data-product="kablosuz-akilli-kapi-kilidi-lock-ultra"] .product-guide-image img{
  transform:translate(0px,-4px) scale(1.0);
}
.product-guide-card[data-product="kablosuz-akilli-kapi-kilidi-lock-ultra"]:hover .product-guide-image img{
  transform:translate(0px,-4px) scale(1.0350);
}
body[data-product-page="kablosuz-akilli-kapi-kilidi-lock-ultra"] .install-product-image img{
  transform:translate(0px,-4px) scale(1.0);
}


.product-guide-card[data-product="kablosuz-akilli-kontrol-butonu-mini"] .product-guide-image img{
  transform:translate(0px,-4px) scale(1.18);
}
.product-guide-card[data-product="kablosuz-akilli-kontrol-butonu-mini"]:hover .product-guide-image img{
  transform:translate(0px,-4px) scale(1.2213);
}
body[data-product-page="kablosuz-akilli-kontrol-butonu-mini"] .install-product-image img{
  transform:translate(0px,-4px) scale(1.1);
}


.product-guide-card[data-product="kablosuz-ekranli-co2-isi-nem-sensoru"] .product-guide-image img{
  transform:translate(0px,-3px) scale(1.1);
}
.product-guide-card[data-product="kablosuz-ekranli-co2-isi-nem-sensoru"]:hover .product-guide-image img{
  transform:translate(0px,-3px) scale(1.1385);
}
body[data-product-page="kablosuz-ekranli-co2-isi-nem-sensoru"] .install-product-image img{
  transform:translate(0px,-3px) scale(1.1);
}


.product-guide-card[data-product="kablosuz-ekranli-isi-nem-sensoru"] .product-guide-image img{
  transform:translate(0px,-2px) scale(1.0);
}
.product-guide-card[data-product="kablosuz-ekranli-isi-nem-sensoru"]:hover .product-guide-image img{
  transform:translate(0px,-2px) scale(1.0350);
}
body[data-product-page="kablosuz-ekranli-isi-nem-sensoru"] .install-product-image img{
  transform:translate(0px,-2px) scale(1.0);
}


.product-guide-card[data-product="kablosuz-goruntulu-kapi-zili"] .product-guide-image img{
  transform:translate(0px,-3px) scale(1.03);
}
.product-guide-card[data-product="kablosuz-goruntulu-kapi-zili"]:hover .product-guide-image img{
  transform:translate(0px,-3px) scale(1.0660);
}
body[data-product-page="kablosuz-goruntulu-kapi-zili"] .install-product-image img{
  transform:translate(0px,-3px) scale(1.03);
}


.product-guide-card[data-product="kablosuz-hareket-sensoru"] .product-guide-image img{
  transform:translate(0px,-4px) scale(1.18);
}
.product-guide-card[data-product="kablosuz-hareket-sensoru"]:hover .product-guide-image img{
  transform:translate(0px,-4px) scale(1.2213);
}
body[data-product-page="kablosuz-hareket-sensoru"] .install-product-image img{
  transform:translate(0px,-4px) scale(1.1);
}


.product-guide-card[data-product="kablosuz-kapi-pencere-sensoru"] .product-guide-image img{
  transform:translate(0px,-3px) scale(1.17);
}
.product-guide-card[data-product="kablosuz-kapi-pencere-sensoru"]:hover .product-guide-image img{
  transform:translate(0px,-3px) scale(1.2109);
}
body[data-product-page="kablosuz-kapi-pencere-sensoru"] .install-product-image img{
  transform:translate(0px,-3px) scale(1.1);
}


.product-guide-card[data-product="kablosuz-kapi-sifre-paneli-parmak-izi-sifrematik-erisim-karti"] .product-guide-image img{
  transform:translate(0px,-2px) scale(1.32);
}
.product-guide-card[data-product="kablosuz-kapi-sifre-paneli-parmak-izi-sifrematik-erisim-karti"]:hover .product-guide-image img{
  transform:translate(0px,-2px) scale(1.3662);
}
body[data-product-page="kablosuz-kapi-sifre-paneli-parmak-izi-sifrematik-erisim-karti"] .install-product-image img{
  transform:translate(0px,-2px) scale(1.1);
}


.product-guide-card[data-product="kablosuz-kapi-sifre-paneli-yuz-tanima-parmak-izi-sifrematik-erisim-karti"] .product-guide-image img{
  transform:translate(0px,-2px) scale(1.32);
}
.product-guide-card[data-product="kablosuz-kapi-sifre-paneli-yuz-tanima-parmak-izi-sifrematik-erisim-karti"]:hover .product-guide-image img{
  transform:translate(0px,-2px) scale(1.3662);
}
body[data-product-page="kablosuz-kapi-sifre-paneli-yuz-tanima-parmak-izi-sifrematik-erisim-karti"] .install-product-image img{
  transform:translate(0px,-2px) scale(1.1);
}


.product-guide-card[data-product="kablosuz-perde-motoru-boru-tipi"] .product-guide-image img{
  transform:translate(0px,-3px) scale(1.12);
}
.product-guide-card[data-product="kablosuz-perde-motoru-boru-tipi"]:hover .product-guide-image img{
  transform:translate(0px,-3px) scale(1.1592);
}
body[data-product-page="kablosuz-perde-motoru-boru-tipi"] .install-product-image img{
  transform:translate(0px,-3px) scale(1.1);
}


.product-guide-card[data-product="kablosuz-perde-motoru-jaluzi-tipi"] .product-guide-image img{
  transform:translate(0px,-2px) scale(1.12);
}
.product-guide-card[data-product="kablosuz-perde-motoru-jaluzi-tipi"]:hover .product-guide-image img{
  transform:translate(0px,-2px) scale(1.1592);
}
body[data-product-page="kablosuz-perde-motoru-jaluzi-tipi"] .install-product-image img{
  transform:translate(0px,-2px) scale(1.1);
}


.product-guide-card[data-product="kablosuz-perde-motoru-u-ray-tipi-kornislere-uygundur"] .product-guide-image img{
  transform:translate(0px,-3px) scale(1.13);
}
.product-guide-card[data-product="kablosuz-perde-motoru-u-ray-tipi-kornislere-uygundur"]:hover .product-guide-image img{
  transform:translate(0px,-3px) scale(1.1695);
}
body[data-product-page="kablosuz-perde-motoru-u-ray-tipi-kornislere-uygundur"] .install-product-image img{
  transform:translate(0px,-3px) scale(1.1);
}


.product-guide-card[data-product="kablosuz-su-kacagi-sensoru-uzatma-sensorlu"] .product-guide-image img{
  transform:translate(0px,-3px) scale(1.13);
}
.product-guide-card[data-product="kablosuz-su-kacagi-sensoru-uzatma-sensorlu"]:hover .product-guide-image img{
  transform:translate(0px,-3px) scale(1.1695);
}
body[data-product-page="kablosuz-su-kacagi-sensoru-uzatma-sensorlu"] .install-product-image img{
  transform:translate(0px,-3px) scale(1.1);
}


.product-guide-card[data-product="kablosuz-ic-ve-dis-mekan-isi-nem-olcer"] .product-guide-image img{
  transform:translate(0px,-2px) scale(1.0);
}
.product-guide-card[data-product="kablosuz-ic-ve-dis-mekan-isi-nem-olcer"]:hover .product-guide-image img{
  transform:translate(0px,-2px) scale(1.0350);
}
body[data-product-page="kablosuz-ic-ve-dis-mekan-isi-nem-olcer"] .install-product-image img{
  transform:translate(0px,-2px) scale(1.0);
}


.product-guide-card[data-product="kapi-erisim-karti"] .product-guide-image img{
  transform:translate(0px,-2px) scale(1.32);
}
.product-guide-card[data-product="kapi-erisim-karti"]:hover .product-guide-image img{
  transform:translate(0px,-2px) scale(1.3662);
}
body[data-product-page="kapi-erisim-karti"] .install-product-image img{
  transform:translate(0px,-2px) scale(1.1);
}


.product-guide-card[data-product="kapi-kilidi-uyum-mekanizmasi"] .product-guide-image img{
  transform:translate(0px,-4px) scale(1.18);
}
.product-guide-card[data-product="kapi-kilidi-uyum-mekanizmasi"]:hover .product-guide-image img{
  transform:translate(0px,-4px) scale(1.2213);
}
body[data-product-page="kapi-kilidi-uyum-mekanizmasi"] .install-product-image img{
  transform:translate(0px,-4px) scale(1.1);
}


.product-guide-card[data-product="masa-tipi-hava-temizleyici"] .product-guide-image img{
  transform:translate(0px,-2px) scale(0.97);
}
.product-guide-card[data-product="masa-tipi-hava-temizleyici"]:hover .product-guide-image img{
  transform:translate(0px,-2px) scale(1.0039);
}
body[data-product-page="masa-tipi-hava-temizleyici"] .install-product-image img{
  transform:translate(0px,-2px) scale(0.97);
}


.product-guide-card[data-product="uyari-sistemli-akilli-konum-takip-karti"] .product-guide-image img{
  transform:translate(0px,-2px) scale(1.18);
}
.product-guide-card[data-product="uyari-sistemli-akilli-konum-takip-karti"]:hover .product-guide-image img{
  transform:translate(0px,-2px) scale(1.2213);
}
body[data-product-page="uyari-sistemli-akilli-konum-takip-karti"] .install-product-image img{
  transform:translate(0px,-2px) scale(1.1);
}


.product-guide-card[data-product="cok-renkli-akilli-lambader"] .product-guide-image img{
  transform:translate(0px,-1px) scale(1.04);
}
.product-guide-card[data-product="cok-renkli-akilli-lambader"]:hover .product-guide-image img{
  transform:translate(0px,-1px) scale(1.0764);
}
body[data-product-page="cok-renkli-akilli-lambader"] .install-product-image img{
  transform:translate(0px,-1px) scale(1.04);
}

/* =========================================================
   49 ÜRÜN — TEK TEK OPTİK HİZALAMA BİTİŞ
   ========================================================= */

/* =========================================================
   ÜRÜN KARTLARI — 4 SÜTUN PREMIUM DÜZEN
   ========================================================= */

/* Sayfa genişliği ve grid */
.subcategory-products .container,
.category-page-content .container{
  width:min(1420px,calc(100% - 64px)) !important;
  max-width:1420px !important;
}

.product-guide-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
}

/* Kart */
.product-guide-card{
  display:flex !important;
  min-height:520px !important;
  overflow:hidden !important;
  flex-direction:column !important;
  border:1px solid #e3e7ec !important;
  border-radius:24px !important;
  background:#fff !important;
  box-shadow:0 16px 42px rgba(7,22,45,.07) !important;
  transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease !important;
}

.product-guide-card:hover{
  transform:translateY(-6px) !important;
  border-color:#d7dde5 !important;
  box-shadow:0 26px 66px rgba(7,22,45,.12) !important;
}

/* Görsel alanı */
.product-guide-image{
  position:relative !important;
  display:flex !important;
  width:100% !important;
  height:300px !important;
  min-height:300px !important;
  padding:26px !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 50% 46%,#fff 0%,#fbfcfd 50%,#f2f5f8 100%) !important;
}

.product-guide-image::before{
  content:"" !important;
  position:absolute !important;
  inset:14px !important;
  border:1px solid rgba(7,26,51,.04) !important;
  border-radius:18px !important;
}

.product-guide-image::after{
  content:"" !important;
  position:absolute !important;
  left:27% !important;
  right:27% !important;
  bottom:26px !important;
  height:18px !important;
  border-radius:50% !important;
  background:rgba(7,26,51,.10) !important;
  filter:blur(16px) !important;
  opacity:.34 !important;
}

/* Ürün görseli */
.product-guide-image img{
  position:relative !important;
  z-index:2 !important;
  inset:auto !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:82% !important;
  max-height:82% !important;
  padding:0 !important;
  margin:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
  filter:drop-shadow(0 14px 20px rgba(7,26,51,.09)) !important;
  transform-origin:center center !important;
}

/* Metin alanı */
.product-guide-copy{
  display:flex !important;
  min-height:220px !important;
  padding:22px 20px 18px !important;
  flex:1 1 auto !important;
  flex-direction:column !important;
  background:#fff !important;
}

.product-guide-copy>span{
  margin-bottom:9px !important;
  color:#e0182d !important;
  font-size:.62rem !important;
  font-weight:900 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}

.product-guide-copy h3{
  display:-webkit-box !important;
  min-height:68px !important;
  margin:0 !important;
  overflow:hidden !important;
  color:#071a33 !important;
  font-size:1rem !important;
  line-height:1.35 !important;
  letter-spacing:-.025em !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important;
}

.product-guide-copy b{
  display:flex !important;
  min-height:44px !important;
  margin-top:auto !important;
  padding:12px 14px !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid #dde3e9 !important;
  border-radius:13px !important;
  color:#071a33 !important;
  background:#fff !important;
  font-size:.68rem !important;
  font-weight:900 !important;
  transition:background .2s ease,color .2s ease,border-color .2s ease !important;
}

.product-guide-card:hover .product-guide-copy b{
  color:#fff !important;
  border-color:#071a33 !important;
  background:#071a33 !important;
}

/* Alt kategori başlığı */
.category-page-hero.compact{
  padding:90px 0 62px !important;
}

.category-page-hero.compact .container{
  width:min(1420px,calc(100% - 64px)) !important;
  max-width:1420px !important;
}

.category-page-hero.compact h1{
  margin-top:10px !important;
  font-size:clamp(3.2rem,5vw,5.4rem) !important;
}

/* Masaüstünde son satır sola hizalı */
.product-guide-grid::after{
  content:none !important;
}

/* Tablet */
@media(max-width:1180px){
  .product-guide-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

/* Küçük tablet */
@media(max-width:900px){
  .subcategory-products .container,
  .category-page-content .container,
  .category-page-hero.compact .container{
    width:min(100% - 40px,100%) !important;
  }

  .product-guide-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
  }
}

/* Mobil */
@media(max-width:620px){
  .product-guide-grid{
    grid-template-columns:1fr !important;
  }

  .product-guide-card{
    min-height:500px !important;
  }

  .product-guide-image{
    height:290px !important;
    min-height:290px !important;
  }

  .product-guide-copy{
    min-height:205px !important;
  }
}
/* =========================================================
   ÜRÜN KARTLARI — 4 SÜTUN PREMIUM DÜZEN BİTİŞ
   ========================================================= */

/* =========================================================
   ÜRÜN KARTLARI — APPLE PREMIUM SON DOKUNUŞ
   ========================================================= */

/* Kart oranı ve genel görünüm */
.product-guide-card{
  min-height:560px !important;
  border-radius:26px !important;
  box-shadow:
    0 14px 34px rgba(7,22,45,.055),
    0 2px 8px rgba(7,22,45,.025) !important;
  transition:
    transform .34s cubic-bezier(.2,.7,.2,1),
    box-shadow .34s ease,
    border-color .34s ease !important;
}

.product-guide-card:hover{
  transform:translateY(-8px) !important;
  border-color:#d6dde5 !important;
  box-shadow:
    0 30px 75px rgba(7,22,45,.13),
    0 5px 16px rgba(7,22,45,.05) !important;
}

/* Görsel alanı daha büyük ve ferah */
.product-guide-image{
  height:350px !important;
  min-height:350px !important;
  padding:30px !important;
  background:
    radial-gradient(circle at 50% 45%,#ffffff 0%,#fbfcfd 48%,#f2f5f8 100%) !important;
}

.product-guide-image::before{
  inset:16px !important;
  border-radius:20px !important;
}

.product-guide-image::after{
  left:29% !important;
  right:29% !important;
  bottom:30px !important;
  height:20px !important;
  opacity:.30 !important;
  filter:blur(18px) !important;
}

/* Ürün daha büyük görünür */
.product-guide-image img{
  max-width:88% !important;
  max-height:88% !important;
  filter:drop-shadow(0 16px 24px rgba(7,26,51,.10)) !important;
  transition:
    transform .38s cubic-bezier(.2,.7,.2,1),
    filter .38s ease !important;
}

.product-guide-card:hover .product-guide-image img{
  filter:drop-shadow(0 22px 30px rgba(7,26,51,.15)) !important;
}

/* Metin daha sade ve ferah */
.product-guide-copy{
  min-height:210px !important;
  padding:22px 20px 20px !important;
}

.product-guide-copy>span{
  margin-bottom:10px !important;
  font-size:.58rem !important;
  letter-spacing:.15em !important;
}

.product-guide-copy h3{
  min-height:60px !important;
  font-size:.96rem !important;
  line-height:1.32 !important;
  letter-spacing:-.022em !important;
  -webkit-line-clamp:3 !important;
}

/* Buton sade ve premium */
.product-guide-copy b{
  position:relative !important;
  min-height:auto !important;
  margin-top:auto !important;
  padding:11px 42px 11px 14px !important;
  justify-content:flex-start !important;
  border:1px solid #e0e5eb !important;
  border-radius:12px !important;
  color:#071a33 !important;
  background:#fff !important;
  font-size:.66rem !important;
  font-weight:850 !important;
}

.product-guide-copy b::before{
  content:"Kurulum Rehberi" !important;
}

.product-guide-copy b{
  font-size:0 !important;
}

.product-guide-copy b::before{
  font-size:.66rem !important;
}

.product-guide-copy b::after{
  content:"→" !important;
  position:absolute !important;
  right:14px !important;
  top:50% !important;
  color:#071a33 !important;
  font-size:.9rem !important;
  transform:translateY(-50%) !important;
  transition:transform .22s ease,color .22s ease !important;
}

.product-guide-card:hover .product-guide-copy b{
  color:#071a33 !important;
  border-color:#cfd7e0 !important;
  background:#f7f9fb !important;
}

.product-guide-card:hover .product-guide-copy b::after{
  color:#d7192d !important;
  transform:translate(3px,-50%) !important;
}

/* Kart içindeki içerik ritmi */
.product-guide-copy{
  gap:0 !important;
}

.product-guide-copy h3 + *{
  margin-top:auto !important;
}

/* Büyük ekranlarda kartlar daha rafine */
@media(min-width:1400px){
  .product-guide-grid{
    gap:26px !important;
  }

  .product-guide-card{
    min-height:575px !important;
  }

  .product-guide-image{
    height:360px !important;
    min-height:360px !important;
  }
}

/* Tablet */
@media(max-width:1180px){
  .product-guide-image{
    height:330px !important;
    min-height:330px !important;
  }
}

/* Mobil */
@media(max-width:620px){
  .product-guide-card{
    min-height:535px !important;
  }

  .product-guide-image{
    height:320px !important;
    min-height:320px !important;
  }

  .product-guide-copy{
    min-height:190px !important;
  }
}
/* =========================================================
   ÜRÜN KARTLARI — APPLE PREMIUM SON DOKUNUŞ BİTİŞ
   ========================================================= */

/* =========================================================
   49 ÜRÜN — GERÇEK OPTİK KADRAJ VE EŞİT BOYUT
   ========================================================= */
.product-guide-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
}

.product-guide-card{
  display:flex !important;
  min-height:555px !important;
  overflow:hidden !important;
  flex-direction:column !important;
  border:1px solid #e2e7ec !important;
  border-radius:24px !important;
  background:#fff !important;
  box-shadow:0 16px 42px rgba(7,22,45,.065) !important;
}

.product-guide-image{
  position:relative !important;
  display:flex !important;
  width:100% !important;
  height:350px !important;
  min-height:350px !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:radial-gradient(circle at 50% 45%,#fff 0%,#fafbfd 52%,#f0f3f7 100%) !important;
}

.product-guide-image img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  transform-origin:center !important;
  filter:drop-shadow(0 14px 22px rgba(7,26,51,.10)) !important;
  transition:transform .34s cubic-bezier(.2,.7,.2,1),filter .34s ease !important;
}

.product-guide-card:hover{
  transform:translateY(-7px) !important;
  box-shadow:0 28px 68px rgba(7,22,45,.13) !important;
}

.product-guide-card:hover .product-guide-image img{
  filter:drop-shadow(0 20px 29px rgba(7,26,51,.15)) !important;
}

.product-guide-copy{
  display:flex !important;
  min-height:205px !important;
  padding:22px 20px 20px !important;
  flex:1 !important;
  flex-direction:column !important;
}

.product-guide-copy h3{
  display:-webkit-box !important;
  min-height:64px !important;
  margin:0 !important;
  overflow:hidden !important;
  color:#071a33 !important;
  font-size:.96rem !important;
  line-height:1.32 !important;
  -webkit-box-orient:vertical !important;
  -webkit-line-clamp:3 !important;
}

.product-guide-copy b{
  margin-top:auto !important;
}

@media(max-width:1180px){
  .product-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media(max-width:900px){
  .product-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
}
@media(max-width:620px){
  .product-guide-grid{grid-template-columns:1fr !important;}
  .product-guide-image{height:320px !important;min-height:320px !important;}
}
/* =========================================================
   49 ÜRÜN — GERÇEK OPTİK KADRAJ VE EŞİT BOYUT BİTİŞ
   ========================================================= */

.product-guide-card[data-product="akilli-ev-yonetim-merkezi-2"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.85) !important;
}
.product-guide-card[data-product="akilli-ev-yonetim-merkezi-2"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.9147) !important;
}


.product-guide-card[data-product="akilli-ev-yonetim-merkezi-3"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.75) !important;
}
.product-guide-card[data-product="akilli-ev-yonetim-merkezi-3"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.8112) !important;
}


.product-guide-card[data-product="akilli-ev-yonetim-merkezi-mini"] .product-guide-image img {
  transform: translate(0px,0px) scale(2.05) !important;
}
.product-guide-card[data-product="akilli-ev-yonetim-merkezi-mini"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(2.1217) !important;
}


.product-guide-card[data-product="akilli-guvenlik-kamerasi-3k"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.75) !important;
}
.product-guide-card[data-product="akilli-guvenlik-kamerasi-3k"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.8112) !important;
}


.product-guide-card[data-product="akilli-kumanda-tum-markalarla-uyumlu"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.75) !important;
}
.product-guide-card[data-product="akilli-kumanda-tum-markalarla-uyumlu"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.8112) !important;
}


.product-guide-card[data-product="akilli-led-serit-3-nesil"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.65) !important;
}
.product-guide-card[data-product="akilli-led-serit-3-nesil"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.7077) !important;
}


.product-guide-card[data-product="akilli-parmak-robotu-beyaz"] .product-guide-image img {
  transform: translate(0px,0px) scale(2.05) !important;
}
.product-guide-card[data-product="akilli-parmak-robotu-beyaz"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(2.1217) !important;
}


.product-guide-card[data-product="akilli-parmak-robotu-siyah"] .product-guide-image img {
  transform: translate(0px,0px) scale(2.05) !important;
}
.product-guide-card[data-product="akilli-parmak-robotu-siyah"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(2.1217) !important;
}


.product-guide-card[data-product="akilli-robot-supurge-k10-pro-combo"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.42) !important;
}
.product-guide-card[data-product="akilli-robot-supurge-k10-pro-combo"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.4697) !important;
}


.product-guide-card[data-product="akilli-robot-supurge-s20"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.4) !important;
}
.product-guide-card[data-product="akilli-robot-supurge-s20"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.4490) !important;
}


.product-guide-card[data-product="akilli-robot-supurge-s20-tam-otomatik-su-baglantili-versiyon"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.35) !important;
}
.product-guide-card[data-product="akilli-robot-supurge-s20-tam-otomatik-su-baglantili-versiyon"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.3972) !important;
}


.product-guide-card[data-product="akilli-role-anahtari-tekli"] .product-guide-image img {
  transform: translate(0px,0px) scale(2.05) !important;
}
.product-guide-card[data-product="akilli-role-anahtari-tekli"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(2.1217) !important;
}


.product-guide-card[data-product="akilli-role-anahtari-tekli-enerji-olcumlu"] .product-guide-image img {
  transform: translate(0px,0px) scale(2.05) !important;
}
.product-guide-card[data-product="akilli-role-anahtari-tekli-enerji-olcumlu"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(2.1217) !important;
}


.product-guide-card[data-product="akilli-role-anahtari-cift-kanalli-enerji-olcumlu"] .product-guide-image img {
  transform: translate(0px,0px) scale(2.05) !important;
}
.product-guide-card[data-product="akilli-role-anahtari-cift-kanalli-enerji-olcumlu"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(2.1217) !important;
}


.product-guide-card[data-product="akilli-role-anahtari-garaj-kapisi"] .product-guide-image img {
  transform: translate(0px,0px) scale(2.05) !important;
}
.product-guide-card[data-product="akilli-role-anahtari-garaj-kapisi"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(2.1217) !important;
}


.product-guide-card[data-product="akilli-stor-perde-beyaz-110-140-cm"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.45) !important;
}
.product-guide-card[data-product="akilli-stor-perde-beyaz-110-140-cm"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.5007) !important;
}


.product-guide-card[data-product="akilli-stor-perde-beyaz-140-185-cm"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.45) !important;
}
.product-guide-card[data-product="akilli-stor-perde-beyaz-140-185-cm"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.5007) !important;
}


.product-guide-card[data-product="akilli-stor-perde-beyaz-58-80-cm"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.45) !important;
}
.product-guide-card[data-product="akilli-stor-perde-beyaz-58-80-cm"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.5007) !important;
}


.product-guide-card[data-product="akilli-stor-perde-beyaz-80-110-cm"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.45) !important;
}
.product-guide-card[data-product="akilli-stor-perde-beyaz-80-110-cm"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.5007) !important;
}


.product-guide-card[data-product="akilli-stor-perde-gri-110-140-cm"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.45) !important;
}
.product-guide-card[data-product="akilli-stor-perde-gri-110-140-cm"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.5007) !important;
}


.product-guide-card[data-product="akilli-stor-perde-gri-140-185-cm"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.45) !important;
}
.product-guide-card[data-product="akilli-stor-perde-gri-140-185-cm"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.5007) !important;
}


.product-guide-card[data-product="akilli-stor-perde-gri-58-80-cm"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.45) !important;
}
.product-guide-card[data-product="akilli-stor-perde-gri-58-80-cm"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.5007) !important;
}


.product-guide-card[data-product="akilli-stor-perde-gri-80-110-cm"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.45) !important;
}
.product-guide-card[data-product="akilli-stor-perde-gri-80-110-cm"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.5007) !important;
}


.product-guide-card[data-product="akilli-su-kacagi-sensoru"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.85) !important;
}
.product-guide-card[data-product="akilli-su-kacagi-sensoru"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.9147) !important;
}


.product-guide-card[data-product="gorev-uygulayici-akilli-etiket"] .product-guide-image img {
  transform: translate(0px,0px) scale(2.35) !important;
}
.product-guide-card[data-product="gorev-uygulayici-akilli-etiket"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(2.4322) !important;
}


.product-guide-card[data-product="gunes-enerjili-2k-kamera-sarji"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.75) !important;
}
.product-guide-card[data-product="gunes-enerjili-2k-kamera-sarji"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.8112) !important;
}


.product-guide-card[data-product="gunes-enerjili-perde-sarji"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.75) !important;
}
.product-guide-card[data-product="gunes-enerjili-perde-sarji"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.8112) !important;
}


.product-guide-card[data-product="guvenlik-kamerasi-kablosuz-2k"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.75) !important;
}
.product-guide-card[data-product="guvenlik-kamerasi-kablosuz-2k"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.8112) !important;
}


.product-guide-card[data-product="k10-pro-aksesuar-seti"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.7) !important;
}
.product-guide-card[data-product="k10-pro-aksesuar-seti"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.7595) !important;
}


.product-guide-card[data-product="kablosuz-akilli-kapi-kilidi-lock-pro"] .product-guide-image img {
  transform: translate(0px,0px) scale(2.1) !important;
}
.product-guide-card[data-product="kablosuz-akilli-kapi-kilidi-lock-pro"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(2.1735) !important;
}


.product-guide-card[data-product="kablosuz-akilli-kapi-kilidi-lock-ultra"] .product-guide-image img {
  transform: translate(0px,0px) scale(2.0) !important;
}
.product-guide-card[data-product="kablosuz-akilli-kapi-kilidi-lock-ultra"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(2.0700) !important;
}


.product-guide-card[data-product="kablosuz-akilli-kontrol-butonu-mini"] .product-guide-image img {
  transform: translate(0px,0px) scale(2.15) !important;
}
.product-guide-card[data-product="kablosuz-akilli-kontrol-butonu-mini"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(2.2252) !important;
}


.product-guide-card[data-product="kablosuz-ekranli-co2-isi-nem-sensoru"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.95) !important;
}
.product-guide-card[data-product="kablosuz-ekranli-co2-isi-nem-sensoru"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(2.0182) !important;
}


.product-guide-card[data-product="kablosuz-ekranli-isi-nem-sensoru"] .product-guide-image img {
  transform: translate(0px,0px) scale(2.05) !important;
}
.product-guide-card[data-product="kablosuz-ekranli-isi-nem-sensoru"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(2.1217) !important;
}


.product-guide-card[data-product="kablosuz-goruntulu-kapi-zili"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.65) !important;
}
.product-guide-card[data-product="kablosuz-goruntulu-kapi-zili"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.7077) !important;
}


.product-guide-card[data-product="kablosuz-hareket-sensoru"] .product-guide-image img {
  transform: translate(0px,0px) scale(2.05) !important;
}
.product-guide-card[data-product="kablosuz-hareket-sensoru"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(2.1217) !important;
}


.product-guide-card[data-product="kablosuz-kapi-pencere-sensoru"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.95) !important;
}
.product-guide-card[data-product="kablosuz-kapi-pencere-sensoru"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(2.0182) !important;
}


.product-guide-card[data-product="kablosuz-kapi-sifre-paneli-parmak-izi-sifrematik-erisim-karti"] .product-guide-image img {
  transform: translate(0px,0px) scale(2.25) !important;
}
.product-guide-card[data-product="kablosuz-kapi-sifre-paneli-parmak-izi-sifrematik-erisim-karti"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(2.3287) !important;
}


.product-guide-card[data-product="kablosuz-kapi-sifre-paneli-yuz-tanima-parmak-izi-sifrematik-erisim-karti"] .product-guide-image img {
  transform: translate(0px,0px) scale(2.25) !important;
}
.product-guide-card[data-product="kablosuz-kapi-sifre-paneli-yuz-tanima-parmak-izi-sifrematik-erisim-karti"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(2.3287) !important;
}


.product-guide-card[data-product="kablosuz-perde-motoru-boru-tipi"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.8) !important;
}
.product-guide-card[data-product="kablosuz-perde-motoru-boru-tipi"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.8630) !important;
}


.product-guide-card[data-product="kablosuz-perde-motoru-jaluzi-tipi"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.75) !important;
}
.product-guide-card[data-product="kablosuz-perde-motoru-jaluzi-tipi"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.8112) !important;
}


.product-guide-card[data-product="kablosuz-perde-motoru-u-ray-tipi-kornislere-uygundur"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.8) !important;
}
.product-guide-card[data-product="kablosuz-perde-motoru-u-ray-tipi-kornislere-uygundur"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.8630) !important;
}


.product-guide-card[data-product="kablosuz-su-kacagi-sensoru-uzatma-sensorlu"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.85) !important;
}
.product-guide-card[data-product="kablosuz-su-kacagi-sensoru-uzatma-sensorlu"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.9147) !important;
}


.product-guide-card[data-product="kablosuz-ic-ve-dis-mekan-isi-nem-olcer"] .product-guide-image img {
  transform: translate(0px,0px) scale(2.05) !important;
}
.product-guide-card[data-product="kablosuz-ic-ve-dis-mekan-isi-nem-olcer"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(2.1217) !important;
}


.product-guide-card[data-product="kapi-erisim-karti"] .product-guide-image img {
  transform: translate(0px,0px) scale(2.25) !important;
}
.product-guide-card[data-product="kapi-erisim-karti"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(2.3287) !important;
}


.product-guide-card[data-product="kapi-kilidi-uyum-mekanizmasi"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.95) !important;
}
.product-guide-card[data-product="kapi-kilidi-uyum-mekanizmasi"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(2.0182) !important;
}


.product-guide-card[data-product="masa-tipi-hava-temizleyici"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.5) !important;
}
.product-guide-card[data-product="masa-tipi-hava-temizleyici"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.5525) !important;
}


.product-guide-card[data-product="uyari-sistemli-akilli-konum-takip-karti"] .product-guide-image img {
  transform: translate(0px,0px) scale(2.2) !important;
}
.product-guide-card[data-product="uyari-sistemli-akilli-konum-takip-karti"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(2.2770) !important;
}


.product-guide-card[data-product="cok-renkli-akilli-lambader"] .product-guide-image img {
  transform: translate(0px,0px) scale(1.55) !important;
}
.product-guide-card[data-product="cok-renkli-akilli-lambader"]:hover .product-guide-image img {
  transform: translate(0px,0px) scale(1.6042) !important;
}

/* =========================================================
   ÜRÜN KARTLARI — KÜÇÜK GÖRSEL ALANI VE TAM ORTALAMA
   ========================================================= */

.product-guide-card{
  min-height:485px !important;
  overflow:hidden !important;
  border:1px solid #e3e7ec !important;
  border-radius:24px !important;
  background:#fff !important;
  box-shadow:0 14px 36px rgba(7,22,45,.06) !important;
}

.product-guide-image{
  position:relative !important;
  display:flex !important;
  width:100% !important;
  height:235px !important;
  min-height:235px !important;
  padding:24px !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  background:#fff !important;
}

.product-guide-image::before{
  content:"" !important;
  position:absolute !important;
  inset:14px !important;
  border:1px solid rgba(7,26,51,.04) !important;
  border-radius:18px !important;
}

.product-guide-image::after{
  content:"" !important;
  position:absolute !important;
  left:31% !important;
  right:31% !important;
  bottom:22px !important;
  height:12px !important;
  border-radius:50% !important;
  background:rgba(7,26,51,.08) !important;
  filter:blur(12px) !important;
  opacity:.25 !important;
}

/* Tüm eski ürün bazlı ölçekleri iptal et */
.product-guide-card .product-guide-image img{
  position:relative !important;
  inset:auto !important;
  display:block !important;
  width:auto !important;
  height:auto !important;
  max-width:72% !important;
  max-height:72% !important;
  margin:auto !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  transform:none !important;
  transform-origin:center center !important;
  filter:drop-shadow(0 10px 16px rgba(7,26,51,.08)) !important;
  transition:transform .28s ease,filter .28s ease !important;
}

.product-guide-card:hover .product-guide-image img{
  transform:scale(1.025) !important;
  filter:drop-shadow(0 14px 20px rgba(7,26,51,.11)) !important;
}

.product-guide-card:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 24px 58px rgba(7,22,45,.11) !important;
}

/* Metin alanı daha kompakt */
.product-guide-copy{
  min-height:210px !important;
  padding:20px 18px 18px !important;
}

.product-guide-copy h3{
  min-height:62px !important;
  font-size:.94rem !important;
  line-height:1.32 !important;
}

.product-guide-copy b{
  margin-top:auto !important;
}

/* Büyük ekran */
@media(min-width:1400px){
  .product-guide-image{
    height:245px !important;
    min-height:245px !important;
  }

  .product-guide-card{
    min-height:495px !important;
  }
}

/* Tablet */
@media(max-width:900px){
  .product-guide-image{
    height:225px !important;
    min-height:225px !important;
  }

  .product-guide-card .product-guide-image img{
    max-width:75% !important;
    max-height:75% !important;
  }
}

/* Mobil */
@media(max-width:620px){
  .product-guide-card{
    min-height:470px !important;
  }

  .product-guide-image{
    height:220px !important;
    min-height:220px !important;
  }

  .product-guide-card .product-guide-image img{
    max-width:78% !important;
    max-height:78% !important;
  }

  .product-guide-copy{
    min-height:200px !important;
  }
}
/* =========================================================
   ÜRÜN KARTLARI — KÜÇÜK GÖRSEL ALANI VE TAM ORTALAMA BİTİŞ
   ========================================================= */

/* === 49 ÜRÜN MASTER KURULUM TASARIMI === */
.product-master-page{background:#fff}.master-hero{padding:100px 0 85px;background:radial-gradient(circle at 82% 18%,rgba(215,25,45,.09),transparent 26%),linear-gradient(145deg,#f6f8fa,#fff)}
.master-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}.master-back{display:inline-flex;margin-bottom:28px;color:#d7192d;font-size:.72rem;font-weight:900}.master-eyebrow,.master-heading>span{color:#d7192d;font-size:.6rem;font-weight:900;letter-spacing:.15em}.master-hero h1{margin:10px 0;color:#071a33;font-size:clamp(3.4rem,5.8vw,6.4rem);line-height:.93;letter-spacing:-.072em}.master-hero p{max-width:680px;color:#6f7b8d}.master-actions{display:flex;gap:12px;margin-top:28px}.master-actions a,.master-actions button,.master-complete button,.master-complete a{padding:13px 17px;border:0;border-radius:13px;color:#fff;background:#d7192d;font:inherit;font-size:.72rem;font-weight:900;cursor:pointer}.master-actions button,.master-complete button{color:#071a33;background:#edf1f4}.master-product-stage,.master-product-visual{display:flex;align-items:center;justify-content:center;min-height:520px;border-radius:30px;background:#fff}.master-product-stage img,.master-product-visual img{max-width:78%;max-height:430px;object-fit:contain;filter:drop-shadow(0 24px 40px rgba(7,22,45,.13))}
.master-progress{position:sticky;z-index:40;top:82px;padding:13px 0;border-top:1px solid #e2e7ec;border-bottom:1px solid #e2e7ec;background:rgba(255,255,255,.94);backdrop-filter:blur(15px)}.master-progress .container{display:grid;grid-template-columns:190px 1fr auto;gap:20px;align-items:center}.master-progress span,.master-progress b{display:block;font-size:.64rem}.master-progress-bar{height:7px;overflow:hidden;border-radius:999px;background:#e5e9ee}.master-progress-bar span{display:block;width:0;height:100%;background:#d7192d}.master-progress button{border:0;background:transparent;color:#687487;font-weight:850}
.master-section,.master-app-section,.master-service{padding:100px 0;border-top:1px solid #e3e7ec}.master-section.alt{background:#f5f7f9}.master-section.dark,.master-service{color:#fff;background:#06152b}.master-heading{max-width:900px;margin-bottom:50px}.master-heading h2{margin:10px 0;color:#071a33;font-size:clamp(2.7rem,4.6vw,4.8rem);line-height:.98;letter-spacing:-.06em}.master-heading.light h2{color:#fff}.master-heading p{color:#788394}.master-heading.light p{color:rgba(255,255,255,.6)}
.master-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.master-summary-grid article{min-height:150px;padding:23px;border:1px solid #e1e6eb;border-radius:21px}.master-summary-grid small{color:#d7192d;font-weight:900}.master-summary-grid strong{display:block;margin-top:55px;color:#071a33}
.master-two-column{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.master-mini-grid,.master-error-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.master-mini-grid article,.master-error-grid article{min-height:150px;padding:23px;border:1px solid #e0e5ea;border-radius:20px;background:#fff}.master-mini-grid span,.master-error-grid span{color:#d7192d;font-size:.62rem;font-weight:900}.master-mini-grid h3,.master-error-grid h3{margin:48px 0 0;color:#071a33;font-size:.95rem}.light-grid article{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.05)}.light-grid h3{color:#fff}
.master-app-section{color:#fff;background:radial-gradient(circle at 90% 6%,rgba(215,25,45,.15),transparent 24%),#06152b}.master-app-list{display:grid}.master-app-step{display:grid;grid-template-columns:1fr 360px;gap:90px;align-items:center;min-height:610px;padding:70px 0;border-top:1px solid rgba(255,255,255,.13)}.master-step-copy>span{color:rgba(255,255,255,.16);font-size:4.8rem;font-weight:900}.master-step-copy small{display:block;margin-top:20px;color:#ff8f9a;font-size:.58rem;font-weight:900;letter-spacing:.15em}.master-step-copy h3{margin:10px 0;color:#fff;font-size:clamp(2rem,3.5vw,3.7rem);line-height:1}.master-step-copy p{color:rgba(255,255,255,.62)}.master-path{margin-top:22px;padding:16px 18px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.05);font-size:.72rem}.master-check{display:flex;align-items:center;gap:10px;margin-top:15px;cursor:pointer}.master-check input{position:absolute;opacity:0}.master-check i{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:transparent;font-style:normal}.master-check input:checked+i{color:#fff;background:#d7192d;border-color:#d7192d}.master-check b{font-size:.72rem}
.master-phone{position:relative;min-height:530px;padding:55px 18px 25px;border:8px solid #111722;border-radius:46px;color:#071a33;background:#f7f8fb;box-shadow:0 40px 85px rgba(0,0,0,.35)}.master-notch{position:absolute;top:10px;left:50%;width:95px;height:23px;border-radius:999px;background:#111722;transform:translateX(-50%)}.master-status{position:absolute;top:14px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:.5rem;font-weight:900}.master-screen-title{margin:12px 0 20px;text-align:center;font-weight:900}.master-screen-card{padding:20px;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(7,22,45,.08);text-align:center}.master-screen-card>span{display:grid;width:80px;height:80px;margin:20px auto;place-items:center;border-radius:24px;color:#fff;background:#d7192d;font-size:1.4rem;font-weight:900}.master-screen-card b{display:block;margin-bottom:10px}.master-screen-card p{min-height:48px;color:#6e798b;font-size:.62rem}.master-screen-card button{width:100%;padding:12px;border:0;border-radius:12px;color:#fff;background:#071a33;font-size:.64rem;font-weight:900}
.master-physical-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.master-rules article{display:grid;grid-template-columns:32px 1fr;gap:14px;padding:20px 0;border-top:1px solid #e0e5ea}.master-rules span{display:grid;width:28px;height:28px;place-items:center;border-radius:8px;color:#fff;background:#159447;font-weight:900}.master-rules p{margin:0;color:#5e6b7f}
.master-maintenance article{display:grid;grid-template-columns:60px 1fr;gap:15px;padding:18px 0;border-top:1px solid #dfe4e9}.master-maintenance span{color:#d7192d;font-weight:900}.master-maintenance p{margin:0;color:#57657a}
.master-assistant{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px}.master-assistant-buttons{display:grid;gap:9px}.master-assistant-buttons button{padding:15px 17px;border:1px solid #dfe4e9;border-radius:14px;background:#fff;text-align:left;font-weight:850}.master-assistant-buttons button.active{color:#fff;background:#071a33}.master-assistant-answer{min-height:240px;padding:28px;border-radius:23px;color:#fff;background:#071a33}.master-assistant-answer span{color:#ff8f9a;font-size:.58rem;font-weight:900}.master-assistant-answer h3{margin:35px 0 10px}.master-assistant-answer p{color:rgba(255,255,255,.62)}
.master-faq{border-bottom:1px solid #dce2e8}.master-faq details{border-top:1px solid #dce2e8}.master-faq summary{padding:20px 0;color:#071a33;font-weight:850;cursor:pointer}.master-faq p{color:#687487}
.master-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.master-service-grid article{min-height:220px;padding:22px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.05)}.master-service-grid span{color:#ff8f9a;font-size:.62rem;font-weight:900}.master-service-grid b{display:block;margin:65px 0 8px}.master-service-grid p{margin:0;color:rgba(255,255,255,.58);font-size:.74rem}.master-warning{margin-top:25px;color:#ffb363;font-size:.72rem}
.master-complete{padding:100px 0;text-align:center;background:linear-gradient(145deg,#fff,#f4f6f8)}.master-complete-icon{display:grid;width:72px;height:72px;margin:0 auto 22px;place-items:center;border-radius:50%;color:#fff;background:#c5ccd4;font-size:1.5rem;font-weight:900}.master-complete.completed .master-complete-icon{background:#159447}.master-complete span{color:#d7192d;font-size:.6rem;font-weight:900}.master-complete h2{margin:10px 0;color:#071a33;font-size:clamp(2.8rem,5vw,5rem);letter-spacing:-.06em}.master-complete p{color:#748094}.master-complete>div>div:last-child{display:flex;justify-content:center;gap:12px;margin-top:24px}
@media(max-width:950px){.master-hero-grid,.master-two-column,.master-physical-grid,.master-assistant{grid-template-columns:1fr}.master-summary-grid{grid-template-columns:repeat(2,1fr)}.master-app-step{grid-template-columns:1fr;gap:30px}.master-phone{width:340px;max-width:100%;margin:auto}.master-service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.master-section,.master-app-section,.master-service{padding:75px 0}.master-summary-grid,.master-mini-grid,.master-error-grid,.master-service-grid{grid-template-columns:1fr}.master-progress .container{grid-template-columns:1fr auto}.master-progress-bar{grid-column:1/-1}.master-product-stage{min-height:400px}.master-phone{min-height:500px}}
@media print{.master-progress,.master-actions,.master-assistant,.master-complete>div>div:last-child{display:none!important}.master-section,.master-app-section,.master-service{padding:35px 0}.master-app-step{min-height:0;break-inside:avoid}}
/* === 49 ÜRÜN MASTER KURULUM TASARIMI BİTİŞ === */

/* === HUB 3 GERÇEK UYGULAMA AKIŞI MASTER === */
.hub3-real-app-section{padding:115px 0;color:#fff;background:radial-gradient(circle at 90% 5%,rgba(215,25,45,.18),transparent 25%),radial-gradient(circle at 5% 45%,rgba(70,117,181,.22),transparent 28%),#06152b}
.hub3-official-note{display:grid;grid-template-columns:130px 1fr;gap:22px;margin:-24px 0 60px;padding:18px 20px;border:1px solid rgba(255,255,255,.13);border-radius:17px;background:rgba(255,255,255,.05)}
.hub3-official-note span{color:#ff8f9a;font-size:.58rem;font-weight:900;letter-spacing:.14em}.hub3-official-note p{margin:0;color:rgba(255,255,255,.62);font-size:.75rem}
.hub3-real-steps{display:grid}.hub3-real-step{display:grid;grid-template-columns:1fr 390px;gap:90px;align-items:center;min-height:650px;padding:75px 0;border-top:1px solid rgba(255,255,255,.13)}
.hub3-real-step.reverse{grid-template-columns:390px 1fr}.hub3-real-step.reverse .hub3-real-copy{order:2}.hub3-real-step.reverse .hub3-real-phone-wrap{order:1}
.hub3-real-copy>span{display:block;color:rgba(255,255,255,.15);font-size:5rem;font-weight:900;line-height:1}.hub3-real-copy small{display:block;margin-top:22px;color:#ff8f9a;font-size:.58rem;font-weight:900;letter-spacing:.15em}.hub3-real-copy h3{margin:10px 0;color:#fff;font-size:clamp(2.2rem,3.6vw,3.9rem);line-height:1;letter-spacing:-.056em}.hub3-real-copy>p{max-width:650px;color:rgba(255,255,255,.63)}
.hub3-real-path{margin-top:25px;padding:17px 19px;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.05)}.hub3-real-path b,.hub3-real-path strong{display:block}.hub3-real-path b{margin-bottom:6px;color:#ff8f9a;font-size:.57rem;letter-spacing:.12em;text-transform:uppercase}.hub3-real-path strong{color:#fff;font-size:.75rem}
.hub3-real-tip{margin-top:13px;padding:15px 17px;border-radius:15px;background:rgba(108,183,245,.08)}.hub3-real-tip>b{display:block;margin-bottom:5px;color:#80c8ff;font-size:.57rem;letter-spacing:.12em;text-transform:uppercase}.hub3-real-tip p{margin:0;color:rgba(255,255,255,.62);font-size:.72rem}
.hub3-real-phone-wrap{display:grid;place-items:center}
.sb-phone{position:relative;width:310px;min-height:590px;overflow:hidden;border:8px solid #111722;border-radius:48px;color:#071a33;background:#f5f7fa;box-shadow:0 45px 95px rgba(0,0,0,.42)}
.sb-notch{position:absolute;z-index:4;top:9px;left:50%;width:98px;height:24px;border-radius:999px;background:#111722;transform:translateX(-50%)}.sb-status{display:flex;justify-content:space-between;padding:14px 19px 7px;font-size:.5rem;font-weight:900}.sb-app-bar{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;padding:12px 14px;border-top:1px solid #e6e9ee;border-bottom:1px solid #e0e4ea;background:#fff}.sb-app-bar button{width:30px;height:30px;border:0;border-radius:10px;color:#071a33;background:#f0f2f5}.sb-app-bar b{text-align:center;font-size:.72rem}.sb-phone-body{min-height:465px;padding:20px 17px}.sb-home-indicator{width:94px;height:4px;margin:4px auto 10px;border-radius:999px;background:#111722}
.sb-home-header,.sb-screen-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.sb-home-header b,.sb-screen-header b{font-size:.8rem}.sb-tap-ring{display:grid;width:36px;height:36px;place-items:center;border:2px solid #d7192d;border-radius:50%;color:#d7192d;background:#fff;box-shadow:0 0 0 7px rgba(215,25,45,.11);font-size:1.2rem;font-weight:900}.sb-tap-ring.small{width:32px;height:32px;font-size:1rem}
.sb-tabs{display:flex;gap:6px;margin-bottom:14px}.sb-tabs span{padding:6px 8px;border-radius:999px;color:#7b8595;background:#e8ecf1;font-size:.47rem;font-weight:850}.sb-tabs .active{color:#fff;background:#071a33}.sb-device-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.sb-device-grid i{height:96px;border-radius:14px;background:linear-gradient(145deg,#fff,#e7ebf0)}.sb-tap-label{margin-top:14px;color:#d7192d;font-size:.55rem;font-weight:900;text-align:right}
.sb-sheet{margin-top:80px;padding:12px;border-radius:22px 22px 16px 16px;background:#fff;box-shadow:0 18px 40px rgba(7,22,45,.12)}.sb-sheet-handle{width:40px;height:4px;margin:0 auto 13px;border-radius:999px;background:#cbd1d9}.sb-sheet button{width:100%;margin:4px 0;padding:13px;border:0;border-radius:12px;color:#4d596d;background:#f2f4f7;text-align:left;font-size:.62rem;font-weight:850}.sb-sheet button.highlight{color:#fff;background:#d7192d}
.sb-search{padding:11px 13px;border-radius:12px;color:#9aa2af;background:#e9edf1;font-size:.55rem}.sb-category-list{display:grid;margin-top:12px}.sb-category-list span{padding:14px 12px;border-bottom:1px solid #e3e7ec;font-size:.62rem;font-weight:850}.sb-category-list span.highlight{color:#d7192d;background:#fff0f2}
.sb-product-row{display:grid;grid-template-columns:56px 1fr 18px;gap:10px;align-items:center;margin-bottom:10px;padding:11px;border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(7,22,45,.06)}.sb-product-row.highlight{outline:2px solid rgba(215,25,45,.35)}.sb-hub-icon{display:grid;width:54px;height:54px;place-items:center;border-radius:14px;color:#fff;background:#d7192d;font-weight:900}.sb-hub-icon.muted{background:#8995a6}.sb-product-row b,.sb-product-row small{display:block}.sb-product-row b{font-size:.64rem}.sb-product-row small{margin-top:3px;color:#8c95a3;font-size:.47rem}
.sb-system-dialog{margin-top:75px;padding:20px;border-radius:20px;background:#fff;box-shadow:0 18px 45px rgba(7,22,45,.16);text-align:center}.sb-system-dialog b{font-size:.73rem}.sb-system-dialog p{color:#697589;font-size:.58rem}.sb-system-dialog button{width:100%;padding:10px;border:0;border-top:1px solid #e3e7ec;color:#1677ff;background:#fff;font-weight:850}.sb-system-dialog button.muted{color:#d7192d}
.sb-pair-device{text-align:center}.sb-hub-render{display:grid;width:150px;height:180px;margin:10px auto 15px;place-items:center;border-radius:25px;color:#fff;background:linear-gradient(145deg,#27364c,#071a33);box-shadow:0 18px 35px rgba(7,22,45,.23)}.sb-buttons{display:flex;justify-content:center;gap:10px}.sb-buttons span{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;color:#fff;background:#d7192d;font-size:.58rem;font-weight:900}.sb-pair-device b{display:block;margin:10px;color:#667286;font-size:.58rem}
.sb-primary{width:100%;padding:12px;border:0;border-radius:12px;color:#fff;background:#071a33;font-size:.62rem;font-weight:900}.sb-radar{position:relative;width:190px;height:190px;margin:25px auto}.sb-radar i{position:absolute;inset:0;border:1px solid rgba(215,25,45,.25);border-radius:50%}.sb-radar i:nth-child(2){inset:25px}.sb-radar i:nth-child(3){inset:50px}.sb-radar div{position:absolute;inset:70px;display:grid;place-items:center;border-radius:20px;color:#fff;background:#d7192d;font-weight:900}.sb-found-card{display:flex;align-items:center;justify-content:space-between;padding:13px;border-radius:14px;background:#fff}.sb-found-card b,.sb-found-card small{display:block}.sb-found-card small{color:#8a94a3;font-size:.47rem}.sb-found-card button{border:0;border-radius:10px;color:#fff;background:#071a33;padding:9px 12px;font-size:.55rem}
.sb-list-title{margin-bottom:12px;font-size:.72rem;font-weight:900}.sb-wifi-row,.sb-radio-row,.sb-menu-row,.sb-scene-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding:13px;border-radius:13px;background:#fff;box-shadow:0 6px 16px rgba(7,22,45,.05);font-size:.58rem}.sb-wifi-row.highlight,.sb-radio-row.highlight,.sb-menu-row.highlight{outline:2px solid rgba(215,25,45,.3)}.sb-wifi-row b,.sb-radio-row i{color:#d7192d}.sb-wifi-row small{color:#a1a8b4}
.sb-phone-body label{display:block;margin:11px 0 6px;color:#687487;font-size:.52rem;font-weight:850}.sb-input{padding:12px;border-radius:12px;background:#fff;box-shadow:0 6px 16px rgba(7,22,45,.05);font-size:.58rem}.sb-spinner{width:72px;height:72px;margin:65px auto 25px;border:7px solid #dfe4ea;border-top-color:#d7192d;border-radius:50%;animation:sbSpin 1s linear infinite}.sb-center-title{display:block;text-align:center}.sb-center-copy{text-align:center;color:#6b778a;font-size:.58rem}.sb-connect-steps{display:grid;margin-top:25px}.sb-connect-steps span{padding:10px;border-bottom:1px solid #e1e5ea;color:#9aa3af;font-size:.56rem}.sb-connect-steps span.done{color:#159447}.sb-room-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-bottom:15px}.sb-room-grid span{padding:10px;border-radius:11px;color:#657184;background:#e8ecf1;font-size:.5rem;text-align:center}.sb-room-grid span.highlight{color:#fff;background:#d7192d}
.sb-success{display:grid;width:82px;height:82px;margin:55px auto 20px;place-items:center;border-radius:50%;color:#fff;background:#159447;font-size:1.8rem;font-weight:900}.sb-version{display:flex;justify-content:space-between;margin-bottom:9px;padding:13px;border-radius:13px;background:#fff;font-size:.58rem}.sb-version.highlight{outline:2px solid rgba(215,25,45,.3)}.sb-progress-line{height:7px;margin:25px 0;border-radius:999px;background:#dfe4ea}.sb-progress-line i{display:block;width:72%;height:100%;border-radius:999px;background:#d7192d}
.sb-hub-dashboard{display:flex;align-items:center;justify-content:space-between;padding:18px;border-radius:18px;color:#fff;background:#071a33}.sb-temp{font-size:1.8rem;font-weight:900}.sb-temp small{display:block;font-size:.5rem}.sb-dash-icons{display:flex;gap:8px}.sb-dash-icons span{display:grid;width:30px;height:30px;place-items:center;border-radius:10px;background:rgba(255,255,255,.1)}
.sb-device-list{display:grid}.sb-device-list span{padding:12px;border-bottom:1px solid #e0e5ea;font-size:.58rem}.sb-scene-row button{border:0;border-radius:8px;color:#fff;background:#d7192d;width:30px;height:30px}.sb-switch{width:34px;height:20px;border-radius:999px;background:#d7dce3}.sb-switch.on{background:#d7192d}.sb-weather-preview{display:grid;margin-top:25px;text-align:center}.sb-weather-preview span{font-size:2.2rem}.sb-weather-preview b{font-size:1.8rem}.sb-weather-preview small{color:#758093}
.sb-radio-row i{display:grid;width:24px;height:24px;place-items:center;border:1px solid #d8dde4;border-radius:50%;font-style:normal}.sb-button-map{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:20px 0}.sb-button-map>span{display:flex;height:90px;padding:12px;align-items:center;justify-content:center;flex-direction:column;border-radius:17px;color:#fff;background:#071a33;font-size:1rem;font-weight:900}.sb-button-map small{margin-top:5px;color:rgba(255,255,255,.6);font-size:.47rem}.sb-direction-card{display:grid;margin-bottom:12px;padding:15px;border-radius:15px;background:#fff}.sb-direction-card span{color:#d7192d;font-size:.52rem;font-weight:900}.sb-direction-card b{margin:10px 0}.sb-direction-card button{padding:9px;border:0;border-radius:9px;background:#edf1f4;font-size:.55rem}
.sb-matter-logo{display:grid;width:88px;height:88px;margin:35px auto 20px;place-items:center;border-radius:25px;color:#fff;background:#071a33;font-size:2rem;font-weight:900}.sb-code{margin:20px 0;padding:13px;border-radius:12px;background:#fff;text-align:center;font-weight:900;letter-spacing:.08em}.sb-home-platforms{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:30px 0}.sb-home-platforms span{display:grid;height:110px;place-items:center;border-radius:17px;background:#fff;font-size:1.6rem}.sb-home-platforms small{display:block;font-size:.48rem}.sb-final-checks{display:grid;margin:20px 0}.sb-final-checks span{padding:10px;border-bottom:1px solid #e1e5ea;color:#159447;font-size:.57rem}
@keyframes sbSpin{to{transform:rotate(360deg)}}
@media(max-width:980px){.hub3-real-step,.hub3-real-step.reverse{grid-template-columns:1fr;gap:35px}.hub3-real-step.reverse .hub3-real-copy,.hub3-real-step.reverse .hub3-real-phone-wrap{order:initial}}
@media(max-width:620px){.hub3-real-app-section{padding:80px 0}.hub3-official-note{grid-template-columns:1fr}.sb-phone{width:290px}.hub3-real-step{padding:58px 0}}
/* === HUB 3 GERÇEK UYGULAMA AKIŞI MASTER BİTİŞ === */

/* === ÜRÜN GÖRSELİ YÜKLEME GÜVENLİĞİ === */
.master-product-stage img,
.master-product-visual img,
.install-product-image img,
.hub3-product-stage img,
.hub3-annotated-product img{
  display:block;
  width:auto;
  height:auto;
  margin:auto;
  object-fit:contain;
  object-position:center;
}

.product-image-fallback{
  position:relative;
}

.product-image-fallback::after{
  content:"Ürün görseli yükleniyor…";
  position:absolute;
  left:50%;
  top:50%;
  color:#7b8595;
  font-size:.72rem;
  font-weight:800;
  transform:translate(-50%,-50%);
}

.product-image-load-error{
  opacity:0;
}
/* === ÜRÜN GÖRSELİ YÜKLEME GÜVENLİĞİ BİTİŞ === */

/* === HUB 3 ONAY DEMOSU SON DOKUNUŞLAR === */
.hub3-guide-version{
  width:max-content;
  max-width:100%;
  margin:0 0 18px;
  padding:8px 11px;
  border:1px solid #e0e5eb;
  border-radius:999px;
  color:#687487;
  background:rgba(255,255,255,.75);
  font-size:.58rem;
  font-weight:850;
}

.hub3-hero-meta{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  margin:28px 0 4px;
}

.hub3-hero-meta article{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:10px;
  align-items:center;
  min-height:67px;
  padding:11px 12px;
  border:1px solid #e2e7ec;
  border-radius:15px;
  background:rgba(255,255,255,.88);
  box-shadow:0 8px 22px rgba(7,22,45,.045);
}

.hub3-hero-meta article>span{
  display:grid;
  width:32px;
  height:32px;
  place-items:center;
  border-radius:10px;
  color:#d7192d;
  background:#fff0f2;
  font-weight:900;
}

.hub3-hero-meta small,
.hub3-hero-meta b{
  display:block;
}

.hub3-hero-meta small{
  color:#8892a1;
  font-size:.48rem;
  font-weight:850;
  text-transform:uppercase;
}

.hub3-hero-meta b{
  margin-top:3px;
  color:#071a33;
  font-size:.64rem;
}

.master-progress [data-master-percent]{
  margin-top:4px;
  color:#d7192d;
  font-size:.82rem;
  font-weight:900;
}

.hub3-section-nav{
  position:fixed;
  z-index:35;
  top:50%;
  left:18px;
  display:grid;
  width:126px;
  padding:14px;
  border:1px solid rgba(7,26,51,.08);
  border-radius:17px;
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 45px rgba(7,22,45,.10);
  transform:translateY(-50%);
  backdrop-filter:blur(14px);
}

.hub3-section-nav>span{
  margin-bottom:8px;
  color:#d7192d;
  font-size:.51rem;
  font-weight:900;
  letter-spacing:.14em;
}

.hub3-section-nav a{
  padding:7px 8px;
  border-radius:9px;
  color:#6f7b8d;
  font-size:.59rem;
  font-weight:850;
}

.hub3-section-nav a:hover,
.hub3-section-nav a.active{
  color:#071a33;
  background:#f0f3f6;
}

.hub3-troubleshoot-grid{
  display:grid;
  gap:10px;
}

.hub3-troubleshoot-grid details{
  overflow:hidden;
  border:1px solid #dfe5eb;
  border-radius:16px;
  background:#fff;
}

.hub3-troubleshoot-grid summary{
  position:relative;
  padding:18px 48px 18px 18px;
  color:#071a33;
  font-size:.76rem;
  font-weight:900;
  cursor:pointer;
  list-style:none;
}

.hub3-troubleshoot-grid summary::-webkit-details-marker{display:none}

.hub3-troubleshoot-grid summary::after{
  content:"+";
  position:absolute;
  top:12px;
  right:14px;
  display:grid;
  width:31px;
  height:31px;
  place-items:center;
  border-radius:50%;
  color:#d7192d;
  background:#fff0f2;
  font-size:1rem;
}

.hub3-troubleshoot-grid details[open] summary::after{
  transform:rotate(45deg);
}

.hub3-troubleshoot-grid details>div{
  padding:0 18px 18px;
}

.hub3-troubleshoot-grid p{
  margin:0 0 13px;
  color:#697589;
  font-size:.74rem;
}

.hub3-troubleshoot-grid button{
  padding:10px 12px;
  border:0;
  border-radius:10px;
  color:#fff;
  background:#071a33;
  font:inherit;
  font-size:.61rem;
  font-weight:900;
  cursor:pointer;
}

.master-complete{
  position:relative;
  overflow:hidden;
}

.master-complete::before{
  content:"";
  position:absolute;
  left:50%;
  top:36px;
  width:300px;
  height:300px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(21,148,71,.14),transparent 70%);
  transform:translateX(-50%);
  pointer-events:none;
}

.master-complete .container{
  position:relative;
  z-index:2;
}

.master-complete.completed{
  background:linear-gradient(145deg,#f8fff9,#fff);
}

@media(max-width:1280px){
  .hub3-section-nav{display:none}
}

@media(max-width:760px){
  .hub3-hero-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:500px){
  .hub3-hero-meta{grid-template-columns:1fr}
  .hub3-guide-version{width:100%;text-align:center}
}

@media print{
  .hub3-section-nav,
  .hub3-guide-version{display:none!important}
}
/* === HUB 3 ONAY DEMOSU SON DOKUNUŞLAR BİTİŞ === */

/* === TÜM ÜRÜNLER HUB3 SEVİYESİ MASTER === */
.sb-phone.generic .sb-generic-screen{padding:24px 10px;text-align:center}
.sb-generic-index{display:grid;width:88px;height:88px;margin:35px auto 22px;place-items:center;border-radius:26px;color:#fff;background:linear-gradient(145deg,#e22b40,#b90620);box-shadow:0 18px 34px rgba(215,25,45,.25);font-size:1.5rem;font-weight:900}
.sb-generic-screen>b{display:block;color:#071a33;font-size:.8rem}.sb-generic-screen p{min-height:55px;margin:12px 0;color:#687487;font-size:.6rem}
.sb-generic-screen button{width:100%;padding:12px;border:0;border-radius:12px;color:#fff;background:#071a33;font-size:.62rem;font-weight:900}
.sb-generic-screen>span{display:block;margin-top:10px;color:#d7192d;font-size:.53rem;font-weight:900}
.product-master-page .hub3-guide-version{width:max-content;max-width:100%;margin:0 0 18px;padding:8px 11px;border:1px solid #e0e5eb;border-radius:999px;color:#687487;background:rgba(255,255,255,.75);font-size:.58rem;font-weight:850}
.product-master-page .hub3-hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:28px 0 4px}
.product-master-page .hub3-hero-meta article{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;min-height:67px;padding:11px 12px;border:1px solid #e2e7ec;border-radius:15px;background:rgba(255,255,255,.88);box-shadow:0 8px 22px rgba(7,22,45,.045)}
.product-master-page .hub3-hero-meta article>span{display:grid;width:32px;height:32px;place-items:center;border-radius:10px;color:#d7192d;background:#fff0f2;font-weight:900}
.product-master-page .hub3-hero-meta small,.product-master-page .hub3-hero-meta b{display:block}.product-master-page .hub3-hero-meta small{color:#8892a1;font-size:.48rem;font-weight:850;text-transform:uppercase}.product-master-page .hub3-hero-meta b{margin-top:3px;color:#071a33;font-size:.64rem}
.product-master-page .master-progress [data-master-percent]{margin-top:4px;color:#d7192d;font-size:.82rem;font-weight:900}
.product-master-page .hub3-section-nav{position:fixed;z-index:35;top:50%;left:18px;display:grid;width:126px;padding:14px;border:1px solid rgba(7,26,51,.08);border-radius:17px;background:rgba(255,255,255,.92);box-shadow:0 18px 45px rgba(7,22,45,.10);transform:translateY(-50%);backdrop-filter:blur(14px)}
.product-master-page .hub3-section-nav>span{margin-bottom:8px;color:#d7192d;font-size:.51rem;font-weight:900;letter-spacing:.14em}.product-master-page .hub3-section-nav a{padding:7px 8px;border-radius:9px;color:#6f7b8d;font-size:.59rem;font-weight:850}.product-master-page .hub3-section-nav a:hover,.product-master-page .hub3-section-nav a.active{color:#071a33;background:#f0f3f6}
@media(max-width:1280px){.product-master-page .hub3-section-nav{display:none}}
@media(max-width:760px){.product-master-page .hub3-hero-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:500px){.product-master-page .hub3-hero-meta{grid-template-columns:1fr}.product-master-page .hub3-guide-version{width:100%;text-align:center}}
/* === TÜM ÜRÜNLER HUB3 SEVİYESİ MASTER BİTİŞ === */

/* === 49 ÜRÜN HUB3 KALİTESİ FARKLI TELEFON EKRANLARI === */
.sb-phone.all-products .sb-phone-body{min-height:465px;padding:18px 16px}
.ui-home-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.ui-ring{display:grid;width:36px;height:36px;place-items:center;border:2px solid #d7192d;border-radius:50%;color:#d7192d;background:#fff;box-shadow:0 0 0 7px rgba(215,25,45,.1);font-size:1.2rem;font-weight:900}
.ui-tabs,.ui-chips{display:flex;gap:6px;margin-bottom:13px;flex-wrap:wrap}.ui-tabs span,.ui-chips span{padding:7px 9px;border-radius:999px;color:#7d8797;background:#e8ecf1;font-size:.47rem;font-weight:850}.ui-tabs .active,.ui-chips .active{color:#fff;background:#071a33}
.ui-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.ui-grid i{height:94px;border-radius:14px;background:linear-gradient(145deg,#fff,#e7ebf0)}.ui-home-head~em{display:block;margin-top:12px;color:#d7192d;font-size:.54rem;font-style:normal;font-weight:900;text-align:right}
.ui-sheet{margin-top:70px;padding:12px;border-radius:22px;background:#fff;box-shadow:0 18px 40px rgba(7,22,45,.12)}.ui-sheet>i{display:block;width:40px;height:4px;margin:0 auto 12px;border-radius:999px;background:#cbd1d9}.ui-sheet button{width:100%;margin:4px 0;padding:13px;border:0;border-radius:12px;background:#f2f4f7;text-align:left;font-size:.62rem;font-weight:850}.ui-sheet button.active{color:#fff;background:#d7192d}
.ui-search{padding:11px 13px;border-radius:12px;color:#9aa2af;background:#e9edf1;font-size:.55rem}.ui-list{display:grid;margin-top:12px}.ui-list span{padding:14px 12px;border-bottom:1px solid #e3e7ec;font-size:.62rem;font-weight:850}.ui-list span.active{color:#d7192d;background:#fff0f2}
.ui-product{display:grid;grid-template-columns:55px 1fr 18px;gap:10px;align-items:center;margin:12px 0;padding:11px;border-radius:14px;background:#fff;box-shadow:0 8px 20px rgba(7,22,45,.06)}.ui-product.active{outline:2px solid rgba(215,25,45,.35)}.ui-product>i{display:grid;width:53px;height:53px;place-items:center;border-radius:14px;color:#fff;background:#d7192d;font-style:normal;font-weight:900}.ui-product b,.ui-product small{display:block}.ui-product b{font-size:.61rem}.ui-product small{margin-top:3px;color:#8c95a3;font-size:.46rem}
.ui-dialog{margin-top:70px;padding:19px;border-radius:20px;background:#fff;box-shadow:0 18px 45px rgba(7,22,45,.16);text-align:center}.ui-dialog b{font-size:.7rem}.ui-dialog p{color:#697589;font-size:.56rem}.ui-dialog button{width:100%;padding:10px;border:0;border-top:1px solid #e3e7ec;color:#1677ff;background:#fff;font-weight:850}.ui-dialog button.muted{color:#d7192d}
.ui-radar{position:relative;width:180px;height:180px;margin:25px auto}.ui-radar i{position:absolute;inset:0;border:1px solid rgba(215,25,45,.25);border-radius:50%}.ui-radar i:nth-child(2){inset:25px}.ui-radar i:nth-child(3){inset:50px}.ui-radar b{position:absolute;inset:68px;display:grid;place-items:center;border-radius:18px;color:#fff;background:#d7192d}.ui-found{display:flex;align-items:center;justify-content:space-between;padding:13px;border-radius:14px;background:#fff}.ui-found button{border:0;border-radius:10px;color:#fff;background:#071a33;padding:9px 12px}
.ui-title{margin-bottom:12px;font-size:.72rem;font-weight:900}.ui-choice,.ui-row,.ui-version{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding:13px;border-radius:13px;background:#fff;box-shadow:0 6px 16px rgba(7,22,45,.05);font-size:.58rem}.ui-choice.active,.ui-version.active{outline:2px solid rgba(215,25,45,.3)}.ui-choice b{color:#d7192d}
.ui-primary{width:100%;padding:12px;border:0;border-radius:12px;color:#fff;background:#071a33;font-size:.62rem;font-weight:900}.ui-input{padding:12px;border-radius:12px;background:#fff;box-shadow:0 6px 16px rgba(7,22,45,.05);font-size:.58rem}.sb-phone.all-products label{display:block;margin:11px 0 6px;color:#687487;font-size:.52rem;font-weight:850}
.ui-spinner{width:70px;height:70px;margin:60px auto 22px;border:7px solid #dfe4ea;border-top-color:#d7192d;border-radius:50%;animation:sbSpin 1s linear infinite}.ui-center{display:block;text-align:center}.ui-copy{text-align:center;color:#697589;font-size:.56rem}.ui-steps{display:grid;margin-top:20px}.ui-steps span{padding:10px;border-bottom:1px solid #e1e5ea;color:#9aa3af;font-size:.55rem}.ui-steps span.done{color:#159447}
.ui-progress{height:7px;margin:20px 0;border-radius:999px;background:#dfe4ea}.ui-progress i{display:block;width:72%;height:100%;border-radius:999px;background:#d7192d}.ui-switch{width:34px;height:20px;border-radius:999px;background:#d8dde4}.ui-switch.on{background:#d7192d}.ui-success{display:grid;width:82px;height:82px;margin:55px auto 20px;place-items:center;border-radius:50%;color:#fff;background:#159447;font-size:1.8rem;font-weight:900}
@media(max-width:620px){.sb-phone.all-products{width:290px}}
/* === 49 ÜRÜN HUB3 KALİTESİ FARKLI TELEFON EKRANLARI BİTİŞ === */

/* === 49 ÜRÜN SON PREMIUM DOKUNUŞLAR === */
.product-master-page .sb-phone{
  border-color:#0d1420;
  box-shadow:
    0 48px 100px rgba(0,0,0,.42),
    0 0 0 1px rgba(255,255,255,.06),
    inset 0 0 0 1px rgba(255,255,255,.04);
}

.product-master-page .sb-phone::before{
  content:"";
  position:absolute;
  z-index:5;
  top:80px;
  right:-3px;
  width:3px;
  height:75px;
  border-radius:4px 0 0 4px;
  background:#242c38;
}

.product-master-page .sb-phone::after{
  content:"";
  position:absolute;
  z-index:5;
  top:105px;
  left:-3px;
  width:3px;
  height:55px;
  border-radius:0 4px 4px 0;
  background:#242c38;
}

.master-hub-requirement{
  display:grid;
  grid-template-columns:125px 1fr;
  gap:20px;
  margin-top:26px;
  padding:20px;
  border:1px solid #dce3ea;
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#f6f8fa);
}

.master-hub-requirement>span{
  color:#d7192d;
  font-size:.56rem;
  font-weight:900;
  letter-spacing:.14em;
}

.master-hub-requirement h3{
  margin:0 0 7px;
  color:#071a33;
  font-size:.9rem;
}

.master-hub-requirement p{
  margin:0;
  color:#687487;
  font-size:.72rem;
}

.master-final-checklist{
  padding:90px 0;
  border-top:1px solid #e2e7ec;
  background:#f5f7f9;
}

.master-final-check-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.master-final-check-grid label{
  display:grid;
  grid-template-columns:34px 1fr;
  gap:12px;
  align-items:center;
  min-height:76px;
  padding:16px;
  border:1px solid #dfe5eb;
  border-radius:16px;
  background:#fff;
  cursor:pointer;
}

.master-final-check-grid input{
  position:absolute;
  opacity:0;
}

.master-final-check-grid i{
  display:grid;
  width:31px;
  height:31px;
  place-items:center;
  border:1px solid #d5dce4;
  border-radius:9px;
  color:transparent;
  font-style:normal;
  font-weight:900;
}

.master-final-check-grid input:checked+i{
  color:#fff;
  border-color:#159447;
  background:#159447;
}

.master-final-check-grid span{
  color:#46556b;
  font-size:.72rem;
  font-weight:800;
}

.master-direct-support{
  display:grid;
  grid-template-columns:1fr auto;
  gap:35px;
  align-items:center;
  margin-top:42px;
  padding:27px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:22px;
  background:rgba(255,255,255,.055);
}

.master-direct-support>div:first-child>span{
  color:#ff8f9a;
  font-size:.56rem;
  font-weight:900;
  letter-spacing:.14em;
}

.master-direct-support h3{
  margin:9px 0;
  color:#fff;
  font-size:1.35rem;
}

.master-direct-support p{
  max-width:720px;
  margin:0;
  color:rgba(255,255,255,.62);
  font-size:.72rem;
}

.master-support-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  justify-content:flex-end;
}

.master-support-actions a{
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:12px;
  color:#fff;
  background:rgba(255,255,255,.07);
  font-size:.64rem;
  font-weight:900;
}

.master-support-actions a:first-child{
  border-color:#159447;
  background:#159447;
}

@media(max-width:850px){
  .master-hub-requirement,
  .master-direct-support{
    grid-template-columns:1fr;
  }

  .master-support-actions{
    justify-content:flex-start;
  }
}

@media(max-width:620px){
  .master-final-check-grid{
    grid-template-columns:1fr;
  }

  .master-hub-requirement{
    grid-template-columns:1fr;
  }

  .master-support-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .master-support-actions a{
    text-align:center;
  }
}

@media print{
  .master-direct-support,
  .master-final-checklist{
    break-inside:avoid;
  }
}
/* === 49 ÜRÜN SON PREMIUM DOKUNUŞLAR BİTİŞ === */

/* === PREMIUM FINAL V2 === */
.product-master-page{--accent:#d7192d;--accent-soft:#fff0f2}
.family-hub{--accent:#2878c8;--accent-soft:#edf6ff}.family-security{--accent:#d7192d;--accent-soft:#fff0f2}.family-camera{--accent:#7a4dc7;--accent-soft:#f4efff}.family-curtain{--accent:#1d8c7a;--accent-soft:#edf9f7}.family-robot{--accent:#e67d22;--accent-soft:#fff5ea}.family-air{--accent:#328aa8;--accent-soft:#edf8fb}.family-sensor{--accent:#32935e;--accent-soft:#edf9f2}.family-light{--accent:#c28c17;--accent-soft:#fff9e7}.family-relay{--accent:#596579;--accent-soft:#f1f3f6}.family-control{--accent:#c9457d;--accent-soft:#fff0f6}
.product-master-page .hub3-hero-meta article>span,.product-master-page .hub3-section-nav>span,.product-master-page .master-progress [data-master-percent],.product-master-page .hub3-guide-version,.product-master-page .master-hub-requirement>span{color:var(--accent)!important}
.product-master-page .hub3-hero-meta article>span{background:var(--accent-soft)!important}.product-master-page .master-progress-bar span{background:var(--accent)!important}
.master-progress-copy{display:grid;gap:3px}.master-progress-copy b{color:#071a33;font-size:.68rem}.master-progress-copy span{color:#7a8594;font-size:.52rem}
.hub3-troubleshoot-grid summary{display:flex;align-items:center;gap:12px}.trouble-icon{display:grid;width:30px;height:30px;min-width:30px;place-items:center;border-radius:9px;color:var(--accent,#d7192d);background:var(--accent-soft,#fff0f2);font-size:.78rem;font-weight:900}
.master-actions [data-print-master],.master-complete [data-print-master]{position:relative;padding-left:40px!important}.master-actions [data-print-master]::before,.master-complete [data-print-master]::before{content:"▣";position:absolute;left:15px;top:50%;transform:translateY(-50%)}
.master-complete.completed .master-complete-icon{animation:completionPop .55s cubic-bezier(.2,.8,.2,1)}.completion-particles{position:absolute;inset:0;pointer-events:none;opacity:0}.master-complete.completed .completion-particles{opacity:1}.completion-particles i{position:absolute;width:8px;height:8px;border-radius:2px;background:var(--accent,#159447);animation:particleFloat 1.2s ease-out both}.completion-particles i:nth-child(1){left:43%;top:38%}.completion-particles i:nth-child(2){left:47%;top:31%;animation-delay:.08s}.completion-particles i:nth-child(3){left:51%;top:34%;animation-delay:.14s}.completion-particles i:nth-child(4){left:55%;top:39%;animation-delay:.2s}.completion-particles i:nth-child(5){left:46%;top:42%;animation-delay:.26s}.completion-particles i:nth-child(6){left:53%;top:45%;animation-delay:.32s}
.site-smart-search{padding:80px 0;border-top:1px solid #e3e7ec;border-bottom:1px solid #e3e7ec;background:linear-gradient(145deg,#f7f9fb,#fff)}.site-smart-search-copy{max-width:850px}.site-smart-search-copy>span{color:#d7192d;font-size:.58rem;font-weight:900;letter-spacing:.14em}.site-smart-search-copy h2{margin:10px 0;color:#071a33;font-size:clamp(2.2rem,4vw,4.4rem);line-height:1;letter-spacing:-.055em}.site-smart-search-copy p{color:#6e798b}.site-smart-search-box{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:28px}.site-smart-search-box input{min-height:56px;padding:0 18px;border:1px solid #dce2e8;border-radius:15px;color:#071a33;background:#fff;font:inherit;font-size:.8rem}.site-smart-search-box button{padding:0 18px;border:0;border-radius:15px;color:#fff;background:#071a33;font:inherit;font-size:.68rem;font-weight:900}.site-search-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.site-search-result{display:grid;gap:4px;padding:14px;border:1px solid #dfe5eb;border-radius:14px;background:#fff}.site-search-result b{color:#071a33;font-size:.72rem}.site-search-result span{color:#7b8595;font-size:.54rem}.site-search-empty{padding:16px;border:1px dashed #d7dee6;border-radius:14px;color:#7b8595;background:#fff;font-size:.68rem}
@keyframes completionPop{0%{transform:scale(.75);opacity:.3}65%{transform:scale(1.12)}100%{transform:scale(1)}}@keyframes particleFloat{0%{transform:translate(0,0);opacity:0}25%{opacity:1}100%{transform:translate(var(--x,20px),-70px) rotate(180deg);opacity:0}}.completion-particles i:nth-child(odd){--x:-35px}.completion-particles i:nth-child(even){--x:35px}
@media(max-width:900px){.site-search-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.master-progress-copy span{display:none}.site-smart-search{padding:60px 0}.site-smart-search-box{grid-template-columns:1fr}.site-search-results{grid-template-columns:1fr}}
/* === PREMIUM FINAL V2 BİTİŞ === */


/* === LACIVERT FINAL FIX === */
.product-master-page,.master-hero{background:#071A33!important;}
.master-hero h1,.master-hero h2,.master-hero h3,.master-hero p,
.master-back,.master-back a,.master-eyebrow,
.master-progress,.master-progress *,
.hub3-hero-meta small,.hub3-hero-meta b,
.hub3-hero-meta article>span{color:#fff!important;}
.hub3-hero-meta article{
background:rgba(255,255,255,.06)!important;
border:1px solid rgba(255,255,255,.12)!important;
}
.hub3-hero-meta article>span{
background:rgba(255,255,255,.08)!important;
}
.master-progress{
background:#071A33!important;
border-color:rgba(255,255,255,.12)!important;
}
.master-progress-bar{background:rgba(255,255,255,.15)!important;}
.master-progress-bar span{background:#ed1b2f!important;}
/* === END FIX === */

/* =========================================================
   TRAIMARKET TAM LACİVERT ÜRÜN SAYFALARI — FINAL
   ========================================================= */

/* Tüm ürün kurulum sayfası ve ana bölümler */
.product-master-page,
.product-master-page .master-hero,
.product-master-page .master-section,
.product-master-page .master-section.alt,
.product-master-page .master-section.dark,
.product-master-page .hub3-real-app-section,
.product-master-page .master-app-section,
.product-master-page .master-service,
.product-master-page .master-complete,
.product-master-page .master-final-checklist{
  background:#071A33 !important;
  color:#fff !important;
}

/* Bölüm ayırıcıları */
.product-master-page .master-section,
.product-master-page .master-app-section,
.product-master-page .hub3-real-app-section,
.product-master-page .master-service,
.product-master-page .master-final-checklist{
  border-color:rgba(255,255,255,.12) !important;
}

/* Lacivert zemin üzerindeki başlık ve açıklamalar */
.product-master-page h1,
.product-master-page h2,
.product-master-page h3,
.product-master-page h4,
.product-master-page p,
.product-master-page a,
.product-master-page b,
.product-master-page strong,
.product-master-page small,
.product-master-page span,
.product-master-page summary{
  color:#fff;
}

/* İkincil metinler */
.product-master-page .master-hero p,
.product-master-page .master-heading p,
.product-master-page .master-heading.light p,
.product-master-page .hub3-real-copy > p,
.product-master-page .hub3-real-tip p,
.product-master-page .master-rules p,
.product-master-page .master-maintenance p,
.product-master-page .master-faq p,
.product-master-page .master-direct-support p,
.product-master-page .master-hub-requirement p{
  color:rgba(255,255,255,.74) !important;
}

/* Ürün hero bilgi kartları */
.product-master-page .hub3-hero-meta{
  gap:14px !important;
}

.product-master-page .hub3-hero-meta article{
  min-height:112px !important;
  padding:18px !important;
  border:1px solid rgba(255,255,255,.16) !important;
  background:rgba(255,255,255,.07) !important;
  box-shadow:none !important;
}

.product-master-page .hub3-hero-meta article > span{
  color:#fff !important;
  background:rgba(255,255,255,.09) !important;
  border:1px solid rgba(255,255,255,.16) !important;
  font-size:1.55rem !important;
}

/* 1–2 punto büyütülmüş kart yazıları */
.product-master-page .hub3-hero-meta small{
  color:rgba(255,255,255,.76) !important;
  font-size:.60rem !important;
  line-height:1.25 !important;
  letter-spacing:.05em !important;
}

.product-master-page .hub3-hero-meta b{
  color:#fff !important;
  font-size:.82rem !important;
  line-height:1.25 !important;
}

/* Hero */
.product-master-page .master-hero h1,
.product-master-page .master-back,
.product-master-page .master-eyebrow{
  color:#fff !important;
}

/* Ürün görsel sahneleri lacivert ton */
.product-master-page .master-product-stage,
.product-master-page .master-product-visual{
  background:rgba(255,255,255,.04) !important;
  border:1px solid rgba(255,255,255,.10) !important;
}

/* İlerleme alanı */
.product-master-page .master-progress{
  color:#fff !important;
  background:#071A33 !important;
  border-color:rgba(255,255,255,.14) !important;
}

.product-master-page .master-progress *,
.product-master-page .master-progress-copy b,
.product-master-page .master-progress-copy span,
.product-master-page [data-master-done],
.product-master-page [data-master-total],
.product-master-page [data-master-percent]{
  color:#fff !important;
}

.product-master-page .master-progress-copy span{
  color:rgba(255,255,255,.72) !important;
}

.product-master-page .master-progress-bar{
  background:rgba(255,255,255,.16) !important;
}

.product-master-page .master-progress-bar span{
  background:#ED1B2F !important;
}

.product-master-page .master-progress button{
  color:#fff !important;
  background:#ED1B2F !important;
}

/* Beyaz kartların yerine lacivert yarı saydam kartlar */
.product-master-page .master-mini-grid article,
.product-master-page .master-error-grid article,
.product-master-page .master-summary-grid article,
.product-master-page .hub3-troubleshoot-grid details,
.product-master-page .master-final-check-grid label,
.product-master-page .master-assistant-answer,
.product-master-page .master-hub-requirement{
  border-color:rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.06) !important;
}

.product-master-page .master-mini-grid h3,
.product-master-page .master-error-grid h3,
.product-master-page .master-summary-grid strong,
.product-master-page .master-faq summary,
.product-master-page .hub3-troubleshoot-grid summary,
.product-master-page .master-final-check-grid span{
  color:#fff !important;
}

/* Telefon ekranlarının çevresi lacivert sayfada korunur */
.product-master-page .sb-phone{
  box-shadow:0 44px 90px rgba(0,0,0,.48) !important;
}

/* Sticky bölüm menüsü */
.product-master-page .hub3-section-nav{
  border-color:rgba(255,255,255,.14) !important;
  background:rgba(7,26,51,.94) !important;
}

.product-master-page .hub3-section-nav > span,
.product-master-page .hub3-section-nav a{
  color:#fff !important;
}

.product-master-page .hub3-section-nav a:hover,
.product-master-page .hub3-section-nav a.active{
  background:rgba(255,255,255,.10) !important;
}

/* Destek ve son kontrol */
.product-master-page .master-direct-support,
.product-master-page .master-service-grid article{
  border-color:rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.055) !important;
}

/* Tamamlandı alanı */
.product-master-page .master-complete.completed{
  background:#071A33 !important;
}

/* Mobil */
@media(max-width:760px){
  .product-master-page .hub3-hero-meta{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:500px){
  .product-master-page .hub3-hero-meta{
    grid-template-columns:1fr !important;
  }

  .product-master-page .hub3-hero-meta small{
    font-size:.64rem !important;
  }

  .product-master-page .hub3-hero-meta b{
    font-size:.9rem !important;
  }
}
/* =========================================================
   TRAIMARKET TAM LACİVERT ÜRÜN SAYFALARI — FINAL BİTİŞ
   ========================================================= */

/* === HERO ICON ALIGN FIX === */
.product-master-page .hub3-hero-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.product-master-page .hub3-hero-meta article{display:flex!important;align-items:center!important;gap:22px!important;min-height:150px;padding:26px}
.product-master-page .hub3-hero-meta article>span{flex:0 0 72px;width:72px;height:72px;display:flex!important;align-items:center!important;justify-content:center!important;font-size:32px;border-radius:18px;margin:0;padding:0}
.product-master-page .hub3-hero-meta article>div{display:flex;flex-direction:column;justify-content:center;gap:8px;min-width:0}
.product-master-page .hub3-hero-meta small{margin:0;font-size:13px;line-height:1.2;letter-spacing:.08em}
.product-master-page .hub3-hero-meta b{margin:0;font-size:22px;line-height:1.25}
@media(max-width:768px){.product-master-page .hub3-hero-meta{grid-template-columns:1fr}.product-master-page .hub3-hero-meta article{min-height:120px;padding:20px;gap:18px}.product-master-page .hub3-hero-meta article>span{width:60px;height:60px;flex-basis:60px;font-size:26px}.product-master-page .hub3-hero-meta b{font-size:18px}}
/* === END HERO ICON ALIGN FIX === */

/* =========================================================
   SWITCHBOT UYGULAMA İNDİRME + TÜRKÇE/İNGİLİZCE EKRANLAR
   ========================================================= */
.switchbot-download-block{
  padding:70px 0;
  border-top:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
  background:#071A33;
}

.switchbot-download-block .container{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:40px;
  align-items:center;
}

.switchbot-download-copy>span{
  color:#fff;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.14em;
}

.switchbot-download-copy h2{
  margin:9px 0;
  color:#fff;
  font-size:clamp(2rem,3.6vw,4rem);
  line-height:1;
  letter-spacing:-.045em;
}

.switchbot-download-copy p{
  max-width:760px;
  margin:0;
  color:rgba(255,255,255,.74);
  font-size:.75rem;
}

.switchbot-store-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(165px,1fr));
  gap:10px;
}

.switchbot-store-actions a{
  display:grid;
  min-height:66px;
  padding:13px 17px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:15px;
  color:#fff;
  background:rgba(255,255,255,.07);
}

.switchbot-store-actions small,
.switchbot-store-actions b{
  color:#fff!important;
}

.switchbot-store-actions small{
  font-size:.52rem;
  opacity:.7;
}

.switchbot-store-actions b{
  margin-top:3px;
  font-size:.8rem;
}

.hub3-real-phone-wrap{
  width:100%;
}

.bilingual-phone-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(300px,1fr));
  gap:28px;
  align-items:start;
  justify-items:center;
  width:100%;
}

.phone-language-column{
  display:grid;
  justify-items:center;
  gap:13px;
  min-width:0;
}

.phone-language-label{
  padding:7px 11px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  color:#fff!important;
  background:rgba(255,255,255,.07);
  font-size:.54rem;
  font-weight:900;
  letter-spacing:.12em;
}

.bilingual-phone-grid .sb-phone{
  width:min(310px,100%);
}

@media(max-width:1100px){
  .hub3-real-step,
  .hub3-real-step.reverse{
    grid-template-columns:1fr!important;
  }

  .hub3-real-step.reverse .hub3-real-copy,
  .hub3-real-step.reverse .hub3-real-phone-wrap{
    order:initial!important;
  }

  .switchbot-download-block .container{
    grid-template-columns:1fr;
  }

  .switchbot-store-actions{
    width:min(470px,100%);
  }
}

@media(max-width:720px){
  .bilingual-phone-grid{
    grid-template-columns:1fr;
  }

  .switchbot-store-actions{
    grid-template-columns:1fr;
  }
}
/* =========================================================
   SWITCHBOT UYGULAMA İNDİRME + TÜRKÇE/İNGİLİZCE EKRANLAR BİTİŞ
   ========================================================= */

/* =========================================================
   TR / EN TELEFON EKRANLARI — YERLEŞİM DÜZELTMESİ
   Yalnızca kurulum adımı ve telefon hizasını düzenler.
   ========================================================= */

/* Her kurulum adımı tek akışta ilerlesin:
   önce açıklama, altında Türkçe ve İngilizce ekranlar */
.product-master-page .hub3-real-step,
.product-master-page .hub3-real-step.reverse{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) !important;
  gap:42px !important;
  align-items:start !important;
  min-height:auto !important;
  padding:84px 0 !important;
  overflow:visible !important;
}

/* Reverse adımlardaki eski sıralamayı iptal et */
.product-master-page .hub3-real-step.reverse .hub3-real-copy,
.product-master-page .hub3-real-step.reverse .hub3-real-phone-wrap{
  order:initial !important;
}

/* Metin kısmı tam genişlikte ve okunaklı */
.product-master-page .hub3-real-copy{
  width:100% !important;
  max-width:980px !important;
  min-width:0 !important;
}

.product-master-page .hub3-real-copy h3{
  max-width:950px !important;
  margin-right:0 !important;
  overflow-wrap:anywhere !important;
}

/* Telefon alanı tam satır kaplasın */
.product-master-page .hub3-real-phone-wrap{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  overflow:visible !important;
}

/* İki telefonu ortala; kolonlar birbirine girmesin */
.product-master-page .bilingual-phone-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(260px, 310px)) !important;
  justify-content:center !important;
  justify-items:center !important;
  align-items:start !important;
  gap:56px !important;
  width:100% !important;
  max-width:760px !important;
  margin:0 auto !important;
  overflow:visible !important;
}

/* Dil etiketi ve telefon aynı kolon içinde ortalı */
.product-master-page .phone-language-column{
  display:grid !important;
  grid-template-rows:auto auto !important;
  justify-items:center !important;
  align-items:start !important;
  gap:14px !important;
  width:100% !important;
  min-width:0 !important;
}

/* Telefonlar sabit ve eşit ölçüde */
.product-master-page .bilingual-phone-grid .sb-phone{
  width:300px !important;
  max-width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  transform:none !important;
}

/* Dil rozetleri ekranın tam ortasında */
.product-master-page .phone-language-label{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:78px !important;
  margin:0 !important;
  text-align:center !important;
}

/* Adımlar arasında düzgün ayırıcı */
.product-master-page .hub3-real-step{
  border-top:1px solid rgba(255,255,255,.13) !important;
}

.product-master-page .hub3-real-step:first-child{
  border-top:0 !important;
}

/* Sabit sol rehber, içeriğin üstüne binmesin */
@media(min-width:1281px){
  .product-master-page .hub3-real-steps{
    padding-left:150px !important;
    padding-right:30px !important;
  }
}

/* Orta masaüstü / küçük laptop */
@media(max-width:1280px){
  .product-master-page .hub3-real-steps{
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .product-master-page .hub3-real-step,
  .product-master-page .hub3-real-step.reverse{
    padding:70px 0 !important;
  }
}

/* Tablet: iki telefon hâlâ yan yana ama biraz küçülür */
@media(max-width:820px){
  .product-master-page .bilingual-phone-grid{
    grid-template-columns:repeat(2, minmax(220px, 280px)) !important;
    gap:24px !important;
  }

  .product-master-page .bilingual-phone-grid .sb-phone{
    width:270px !important;
  }
}

/* Mobil: telefonlar alt alta */
@media(max-width:620px){
  .product-master-page .hub3-real-step,
  .product-master-page .hub3-real-step.reverse{
    gap:30px !important;
    padding:56px 0 !important;
  }

  .product-master-page .bilingual-phone-grid{
    grid-template-columns:1fr !important;
    gap:34px !important;
    max-width:320px !important;
  }

  .product-master-page .bilingual-phone-grid .sb-phone{
    width:290px !important;
  }

  .product-master-page .hub3-real-copy h3{
    font-size:clamp(2rem,11vw,3rem) !important;
  }
}

/* Yatay taşmayı kesin olarak engelle */
.product-master-page,
.product-master-page .hub3-real-app-section,
.product-master-page .hub3-real-steps{
  overflow-x:hidden !important;
}
/* =========================================================
   TR / EN TELEFON EKRANLARI — YERLEŞİM DÜZELTMESİ BİTİŞ
   ========================================================= */

/* =========================================================
   TÜM ÜRÜNLER SAYFASI
   ========================================================= */
.all-products-page-section{
  padding:80px 0 110px;
  background:#071A33;
}

.all-products-heading{
  max-width:900px;
  margin-bottom:38px;
}

.all-products-heading>span{
  color:#fff;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.14em;
}

.all-products-heading h1{
  margin:10px 0;
  color:#fff;
  font-size:clamp(2.5rem,5vw,5rem);
  line-height:1;
  letter-spacing:-.055em;
}

.all-products-heading p{
  max-width:760px;
  color:rgba(255,255,255,.72);
}

.all-products-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.all-products-grid .product-guide-card{
  min-width:0;
}

@media(max-width:1200px){
  .all-products-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

@media(max-width:900px){
  .all-products-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:600px){
  .all-products-page-section{
    padding:60px 0 80px;
  }

  .all-products-grid{
    grid-template-columns:1fr;
  }
}
/* =========================================================
   TÜM ÜRÜNLER SAYFASI BİTİŞ
   ========================================================= */

/* =========================================================
   SWITCHBOT APP V3 — GERÇEK UYGULAMAYA YAKIN YENİ TASARIM
   ========================================================= */
.switchbot-app-v3{
  --sb-blue:#1677ff;
  --sb-blue-soft:#edf5ff;
  --sb-text:#1b2638;
  --sb-muted:#7d8796;
  --sb-border:#e4e8ee;
  --sb-bg:#f6f7f9;
  position:relative!important;
  width:310px!important;
  min-height:640px!important;
  overflow:hidden!important;
  border:9px solid #111722!important;
  border-radius:48px!important;
  color:var(--sb-text)!important;
  background:var(--sb-bg)!important;
  box-shadow:0 48px 100px rgba(0,0,0,.44)!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}

.switchbot-app-v3 .sb-notch{
  top:10px!important;
  width:104px!important;
  height:25px!important;
  background:#111722!important;
}

.switchbot-app-v3 .sb-status{
  height:40px!important;
  padding:14px 20px 7px!important;
  color:#111722!important;
  background:#fff!important;
  font-size:.5rem!important;
}

.switchbot-app-v3 .sb-app-bar{
  display:grid!important;
  grid-template-columns:36px 1fr 36px!important;
  align-items:center!important;
  min-height:56px!important;
  padding:8px 13px!important;
  border-top:0!important;
  border-bottom:1px solid var(--sb-border)!important;
  background:#fff!important;
}

.switchbot-app-v3 .sb-app-bar button{
  display:grid!important;
  width:34px!important;
  height:34px!important;
  place-items:center!important;
  border:0!important;
  border-radius:50%!important;
  color:#253044!important;
  background:#f1f3f6!important;
  font-size:.9rem!important;
}

.switchbot-app-v3 .switchbot-wordmark{
  color:#111722!important;
  font-size:.76rem!important;
  font-weight:800!important;
  letter-spacing:-.02em!important;
}

.switchbot-app-v3 .sb-phone-body{
  min-height:485px!important;
  padding:18px 16px 78px!important;
  color:var(--sb-text)!important;
  background:
    radial-gradient(circle at 95% 0,rgba(22,119,255,.08),transparent 25%),
    var(--sb-bg)!important;
}

.switchbot-app-v3 .sb-phone-body *{
  box-sizing:border-box!important;
}

/* Ortak kart dili */
.switchbot-app-v3 .ui-row,
.switchbot-app-v3 .sx-row,
.switchbot-app-v3 .sb-menu-row,
.switchbot-app-v3 .ui-choice,
.switchbot-app-v3 .sx-choice,
.switchbot-app-v3 .sb-radio-row,
.switchbot-app-v3 .ui-version,
.switchbot-app-v3 .sx-version,
.switchbot-app-v3 .sb-version,
.switchbot-app-v3 .ui-product,
.switchbot-app-v3 .sx-product,
.switchbot-app-v3 .sb-product-row{
  min-height:52px!important;
  margin-bottom:9px!important;
  padding:12px 13px!important;
  border:1px solid var(--sb-border)!important;
  border-radius:14px!important;
  color:var(--sb-text)!important;
  background:#fff!important;
  box-shadow:0 5px 15px rgba(29,43,63,.045)!important;
}

.switchbot-app-v3 .active,
.switchbot-app-v3 .highlight{
  border-color:rgba(22,119,255,.34)!important;
  outline:2px solid rgba(22,119,255,.16)!important;
  background:var(--sb-blue-soft)!important;
}

.switchbot-app-v3 .ui-title,
.switchbot-app-v3 .sx-title,
.switchbot-app-v3 .sb-list-title{
  margin:4px 0 14px!important;
  color:var(--sb-text)!important;
  font-size:.77rem!important;
  font-weight:800!important;
}

.switchbot-app-v3 label{
  margin:13px 0 6px!important;
  color:#667286!important;
  font-size:.53rem!important;
  font-weight:700!important;
}

.switchbot-app-v3 .ui-input,
.switchbot-app-v3 .sx-input,
.switchbot-app-v3 .sb-input{
  min-height:47px!important;
  padding:13px!important;
  border:1px solid var(--sb-border)!important;
  border-radius:13px!important;
  color:var(--sb-text)!important;
  background:#fff!important;
  box-shadow:none!important;
}

.switchbot-app-v3 .ui-primary,
.switchbot-app-v3 .sx-primary,
.switchbot-app-v3 .sb-primary,
.switchbot-app-v3 .sb-screen-card button{
  min-height:44px!important;
  padding:12px 15px!important;
  border:0!important;
  border-radius:13px!important;
  color:#fff!important;
  background:var(--sb-blue)!important;
  box-shadow:0 8px 18px rgba(22,119,255,.24)!important;
  font-size:.62rem!important;
  font-weight:800!important;
}

/* Ana ekran */
.switchbot-app-v3 .ui-home-head,
.switchbot-app-v3 .sx-home-head,
.switchbot-app-v3 .sb-home-header{
  margin-bottom:17px!important;
}

.switchbot-app-v3 .ui-home-head b,
.switchbot-app-v3 .sx-home-head b,
.switchbot-app-v3 .sb-home-header b{
  color:var(--sb-text)!important;
  font-size:1rem!important;
  font-weight:800!important;
}

.switchbot-app-v3 .ui-ring,
.switchbot-app-v3 .sx-ring,
.switchbot-app-v3 .sb-tap-ring{
  width:38px!important;
  height:38px!important;
  border:0!important;
  color:#fff!important;
  background:var(--sb-blue)!important;
  box-shadow:0 7px 17px rgba(22,119,255,.28)!important;
}

.switchbot-app-v3 .ui-tabs span,
.switchbot-app-v3 .sx-tabs span,
.switchbot-app-v3 .sb-tabs span,
.switchbot-app-v3 .ui-chips span,
.switchbot-app-v3 .sx-room span,
.switchbot-app-v3 .sb-room-grid span{
  color:#6e7888!important;
  background:#eceff3!important;
}

.switchbot-app-v3 .ui-tabs .active,
.switchbot-app-v3 .sx-tabs .active,
.switchbot-app-v3 .sb-tabs .active,
.switchbot-app-v3 .ui-chips .active,
.switchbot-app-v3 .sx-room .active,
.switchbot-app-v3 .sb-room-grid .highlight{
  color:#fff!important;
  background:var(--sb-blue)!important;
  outline:0!important;
}

.switchbot-app-v3 .ui-grid i,
.switchbot-app-v3 .sx-grid i,
.switchbot-app-v3 .sb-device-grid i{
  position:relative!important;
  min-height:98px!important;
  border:1px solid var(--sb-border)!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:0 7px 20px rgba(29,43,63,.05)!important;
}

.switchbot-app-v3 .ui-grid i::before,
.switchbot-app-v3 .sx-grid i::before,
.switchbot-app-v3 .sb-device-grid i::before{
  content:""!important;
  position:absolute!important;
  top:15px!important;
  left:15px!important;
  width:36px!important;
  height:36px!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#dcecff,#a9d1ff)!important;
}

.switchbot-app-v3 .ui-grid i::after,
.switchbot-app-v3 .sx-grid i::after,
.switchbot-app-v3 .sb-device-grid i::after{
  content:"Device"!important;
  position:absolute!important;
  left:15px!important;
  bottom:14px!important;
  color:#465267!important;
  font-size:.48rem!important;
  font-weight:700!important;
}

/* Ekleme sheet */
.switchbot-app-v3 .ui-sheet,
.switchbot-app-v3 .sx-sheet,
.switchbot-app-v3 .sb-sheet{
  margin-top:55px!important;
  padding:14px!important;
  border:1px solid var(--sb-border)!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 22px 50px rgba(29,43,63,.16)!important;
}

.switchbot-app-v3 .ui-sheet button,
.switchbot-app-v3 .sx-sheet button,
.switchbot-app-v3 .sb-sheet button{
  min-height:48px!important;
  border-radius:13px!important;
  color:#374459!important;
  background:#f4f6f8!important;
}

.switchbot-app-v3 .ui-sheet button.active,
.switchbot-app-v3 .sx-sheet button.active,
.switchbot-app-v3 .sb-sheet button.highlight{
  color:#fff!important;
  background:var(--sb-blue)!important;
  outline:0!important;
}

/* Arama ve kategori */
.switchbot-app-v3 .ui-search,
.switchbot-app-v3 .sx-search,
.switchbot-app-v3 .sb-search{
  min-height:44px!important;
  padding:12px 14px!important;
  border:1px solid var(--sb-border)!important;
  border-radius:13px!important;
  color:#8b94a1!important;
  background:#fff!important;
}

.switchbot-app-v3 .ui-list span,
.switchbot-app-v3 .sx-list span,
.switchbot-app-v3 .sb-category-list span{
  min-height:48px!important;
  padding:14px!important;
  border-bottom:1px solid var(--sb-border)!important;
  color:#475469!important;
  background:#fff!important;
}

.switchbot-app-v3 .ui-list span.active,
.switchbot-app-v3 .sx-list span.active,
.switchbot-app-v3 .sb-category-list span.highlight{
  color:var(--sb-blue)!important;
  background:var(--sb-blue-soft)!important;
}

/* İzin diyaloğu */
.switchbot-app-v3 .ui-dialog,
.switchbot-app-v3 .sx-dialog,
.switchbot-app-v3 .sb-system-dialog{
  margin-top:64px!important;
  padding:20px!important;
  border:1px solid var(--sb-border)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 24px 55px rgba(29,43,63,.18)!important;
}

.switchbot-app-v3 .ui-dialog b,
.switchbot-app-v3 .sx-dialog b,
.switchbot-app-v3 .sb-system-dialog b{
  color:#1c2739!important;
  font-size:.7rem!important;
}

.switchbot-app-v3 .ui-dialog p,
.switchbot-app-v3 .sx-dialog p,
.switchbot-app-v3 .sb-system-dialog p{
  color:#6f7989!important;
}

.switchbot-app-v3 .ui-dialog button,
.switchbot-app-v3 .sx-dialog button,
.switchbot-app-v3 .sb-system-dialog button{
  color:var(--sb-blue)!important;
}

/* Radar / bağlantı */
.switchbot-app-v3 .ui-radar i,
.switchbot-app-v3 .sx-radar i,
.switchbot-app-v3 .sb-radar i{
  border-color:rgba(22,119,255,.23)!important;
}

.switchbot-app-v3 .ui-radar b,
.switchbot-app-v3 .sx-radar b,
.switchbot-app-v3 .sb-radar div{
  color:#fff!important;
  background:var(--sb-blue)!important;
  box-shadow:0 10px 30px rgba(22,119,255,.26)!important;
}

/* Switch */
.switchbot-app-v3 .ui-switch,
.switchbot-app-v3 .switch,
.switchbot-app-v3 .sb-switch{
  position:relative!important;
  width:38px!important;
  height:22px!important;
  background:#ccd2da!important;
}

.switchbot-app-v3 .ui-switch::after,
.switchbot-app-v3 .switch::after,
.switchbot-app-v3 .sb-switch::after{
  content:""!important;
  position:absolute!important;
  top:3px!important;
  left:3px!important;
  width:16px!important;
  height:16px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 2px 5px rgba(0,0,0,.18)!important;
}

.switchbot-app-v3 .ui-switch.on,
.switchbot-app-v3 .switch.on,
.switchbot-app-v3 .sb-switch.on{
  background:var(--sb-blue)!important;
}

.switchbot-app-v3 .ui-switch.on::after,
.switchbot-app-v3 .switch.on::after,
.switchbot-app-v3 .sb-switch.on::after{
  left:19px!important;
}

/* Progress */
.switchbot-app-v3 .ui-progress,
.switchbot-app-v3 .sx-progress,
.switchbot-app-v3 .sb-progress-line{
  height:7px!important;
  background:#e2e6eb!important;
}

.switchbot-app-v3 .ui-progress i,
.switchbot-app-v3 .sx-progress i,
.switchbot-app-v3 .sb-progress-line i{
  background:var(--sb-blue)!important;
}

/* Başarı */
.switchbot-app-v3 .ui-success,
.switchbot-app-v3 .sx-success,
.switchbot-app-v3 .sb-success{
  width:86px!important;
  height:86px!important;
  color:#fff!important;
  background:linear-gradient(145deg,#27b56a,#16934f)!important;
  box-shadow:0 15px 30px rgba(22,147,79,.24)!important;
}

/* Kamera canlı alanı */
.switchbot-app-v3.screen-camera .ui-live,
.switchbot-app-v3.screen-camera .sx-live,
.switchbot-app-v3.screen-camera .sb-live{
  border:1px solid #3b4656!important;
  background:linear-gradient(145deg,#586779,#222d3c)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05)!important;
}

/* Robot harita alanı */
.switchbot-app-v3.screen-robot .ui-row,
.switchbot-app-v3.screen-robot .sx-row{
  border-left:3px solid #40a6ff!important;
}

/* Kilit ekranı */
.switchbot-app-v3.screen-lock .ui-row,
.switchbot-app-v3.screen-lock .sx-row{
  border-left:3px solid #8d6cff!important;
}

/* Perde */
.switchbot-app-v3.screen-curtain .ui-row,
.switchbot-app-v3.screen-curtain .sx-row{
  border-left:3px solid #23a88e!important;
}

/* Aydınlatma */
.switchbot-app-v3.screen-lighting .ui-row,
.switchbot-app-v3.screen-lighting .sx-row{
  border-left:3px solid #e4a62a!important;
}

/* Alt navigation */
.switchbot-bottom-nav{
  position:absolute!important;
  z-index:8!important;
  left:0!important;
  right:0!important;
  bottom:9px!important;
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  min-height:58px!important;
  padding:7px 9px 8px!important;
  border-top:1px solid var(--sb-border)!important;
  background:rgba(255,255,255,.96)!important;
  backdrop-filter:blur(14px)!important;
}

.switchbot-bottom-nav span{
  display:grid!important;
  justify-items:center!important;
  gap:2px!important;
  color:#9aa2ae!important;
}

.switchbot-bottom-nav i{
  color:inherit!important;
  font-size:.82rem!important;
  font-style:normal!important;
}

.switchbot-bottom-nav b{
  color:inherit!important;
  font-size:.42rem!important;
  font-weight:700!important;
}

.switchbot-bottom-nav .active{
  color:var(--sb-blue)!important;
  border:0!important;
  outline:0!important;
  background:transparent!important;
}

.switchbot-app-v3 .sb-home-indicator{
  position:absolute!important;
  z-index:10!important;
  left:50%!important;
  bottom:3px!important;
  width:92px!important;
  margin:0!important;
  transform:translateX(-50%)!important;
}

/* TR/EN iki ekran */
.product-master-page .bilingual-phone-grid{
  grid-template-columns:repeat(2,minmax(300px,310px))!important;
  gap:42px!important;
}

@media(max-width:760px){
  .product-master-page .bilingual-phone-grid{
    grid-template-columns:1fr!important;
    max-width:330px!important;
  }

  .switchbot-app-v3{
    width:295px!important;
  }
}
/* =========================================================
   SWITCHBOT APP V3 — GERÇEK UYGULAMAYA YAKIN YENİ TASARIM BİTİŞ
   ========================================================= */

/* === SWITCHBOT APP FULL REVISION === */
.switchbot-app-v3{--app-blue:#1683ff;--app-blue-soft:#edf6ff;--app-bg:#f5f6f8;--app-card:#fff;--app-text:#182235;--app-muted:#758094;--app-line:#e4e8ee;width:310px!important;min-height:650px!important;border:9px solid #111722!important;border-radius:49px!important;overflow:hidden!important;color:var(--app-text)!important;background:var(--app-bg)!important;box-shadow:0 50px 110px rgba(0,0,0,.46)!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",Arial,sans-serif!important}
.switchbot-app-v3 .sb-status{height:40px!important;padding:14px 20px 7px!important;color:#111722!important;background:#fff!important}
.switchbot-app-v3 .sb-app-bar{display:grid!important;grid-template-columns:38px 1fr 38px!important;align-items:center!important;min-height:58px!important;padding:8px 13px!important;border-bottom:1px solid var(--app-line)!important;background:#fff!important}
.switchbot-app-v3 .sb-app-bar button{display:grid!important;width:35px!important;height:35px!important;place-items:center!important;border:0!important;border-radius:50%!important;color:#273246!important;background:#f0f2f5!important}
.switchbot-app-v3 .switchbot-wordmark{color:#111722!important;font-size:.78rem!important;font-weight:800!important}
.switchbot-app-v3 .sb-phone-body{min-height:492px!important;padding:18px 16px 78px!important;color:var(--app-text)!important;background:radial-gradient(circle at 100% 0,rgba(22,131,255,.08),transparent 25%),var(--app-bg)!important}
.switchbot-app-v3 .ui-row,.switchbot-app-v3 .sx-row,.switchbot-app-v3 .ui-choice,.switchbot-app-v3 .sx-choice,.switchbot-app-v3 .ui-version,.switchbot-app-v3 .sx-version,.switchbot-app-v3 .ui-product,.switchbot-app-v3 .sx-product,.switchbot-app-v3 .sb-menu-row,.switchbot-app-v3 .sb-radio-row,.switchbot-app-v3 .sb-version,.switchbot-app-v3 .sb-product-row{min-height:52px!important;margin:0 0 9px!important;padding:12px 13px!important;border:1px solid var(--app-line)!important;border-radius:15px!important;color:var(--app-text)!important;background:var(--app-card)!important;box-shadow:0 5px 14px rgba(28,42,62,.045)!important}
.switchbot-app-v3 .active,.switchbot-app-v3 .highlight{border-color:rgba(22,131,255,.36)!important;outline:2px solid rgba(22,131,255,.13)!important;background:var(--app-blue-soft)!important}
.switchbot-app-v3 .ui-title,.switchbot-app-v3 .sx-title,.switchbot-app-v3 .sb-list-title{margin:4px 0 14px!important;color:var(--app-text)!important;font-size:.78rem!important;font-weight:800!important}
.switchbot-app-v3 label{display:block!important;margin:13px 0 6px!important;color:#69758a!important;font-size:.53rem!important;font-weight:700!important}
.switchbot-app-v3 .ui-input,.switchbot-app-v3 .sx-input,.switchbot-app-v3 .sb-input{min-height:47px!important;padding:13px!important;border:1px solid var(--app-line)!important;border-radius:13px!important;color:var(--app-text)!important;background:#fff!important}
.switchbot-app-v3 .ui-primary,.switchbot-app-v3 .sx-primary,.switchbot-app-v3 .sb-primary,.switchbot-app-v3 .sb-screen-card button{min-height:44px!important;padding:12px 15px!important;border:0!important;border-radius:13px!important;color:#fff!important;background:var(--app-blue)!important;box-shadow:0 9px 20px rgba(22,131,255,.24)!important;font-size:.62rem!important;font-weight:800!important}
.switchbot-app-v3 .ui-search,.switchbot-app-v3 .sx-search,.switchbot-app-v3 .sb-search{min-height:44px!important;padding:12px 14px!important;border:1px solid var(--app-line)!important;border-radius:13px!important;color:#8b94a1!important;background:#fff!important}
.switchbot-app-v3 .ui-product>i,.switchbot-app-v3 .sx-product>i,.switchbot-app-v3 .sb-product-row>i{display:grid!important;width:48px!important;height:48px!important;place-items:center!important;border-radius:14px!important;color:#fff!important;background:linear-gradient(145deg,#32a0ff,#1674ef)!important;font-style:normal!important;font-weight:900!important}
.switchbot-app-v3 .ui-switch,.switchbot-app-v3 .switch,.switchbot-app-v3 .sb-switch{position:relative!important;width:39px!important;height:23px!important;border-radius:999px!important;background:#ccd2da!important}
.switchbot-app-v3 .ui-switch::after,.switchbot-app-v3 .switch::after,.switchbot-app-v3 .sb-switch::after{content:""!important;position:absolute!important;top:3px!important;left:3px!important;width:17px!important;height:17px!important;border-radius:50%!important;background:#fff!important;box-shadow:0 2px 5px rgba(0,0,0,.18)!important}
.switchbot-app-v3 .ui-switch.on,.switchbot-app-v3 .switch.on,.switchbot-app-v3 .sb-switch.on{background:var(--app-blue)!important}.switchbot-app-v3 .ui-switch.on::after,.switchbot-app-v3 .switch.on::after,.switchbot-app-v3 .sb-switch.on::after{left:19px!important}
.switchbot-bottom-nav{position:absolute!important;z-index:8!important;left:0!important;right:0!important;bottom:9px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;min-height:59px!important;padding:7px 8px 8px!important;border-top:1px solid var(--app-line)!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(14px)!important}
.switchbot-bottom-nav span{display:grid!important;justify-items:center!important;gap:2px!important;color:#9aa2ae!important}.switchbot-bottom-nav span.active{color:var(--app-blue)!important;border:0!important;outline:0!important;background:transparent!important}.switchbot-bottom-nav i{color:inherit!important;font-size:.83rem!important;font-style:normal!important}.switchbot-bottom-nav b{color:inherit!important;font-size:.41rem!important;font-weight:700!important}
.switchbot-app-v3.screen-lock{--app-blue:#7257e7;--app-blue-soft:#f1efff}.switchbot-app-v3.screen-camera{--app-blue:#4f74dc;--app-blue-soft:#eef2ff}.switchbot-app-v3.screen-curtain{--app-blue:#1d9d83;--app-blue-soft:#ecfaf6}.switchbot-app-v3.screen-robot{--app-blue:#2f93d2;--app-blue-soft:#edf8ff}.switchbot-app-v3.screen-sensor{--app-blue:#31985f;--app-blue-soft:#eef9f2}.switchbot-app-v3.screen-lighting{--app-blue:#d79419;--app-blue-soft:#fff8e7}.switchbot-app-v3.screen-keypad{--app-blue:#c44f85;--app-blue-soft:#fff0f6}.switchbot-app-v3.screen-relay{--app-blue:#536279;--app-blue-soft:#f0f3f6}
.product-master-page .bilingual-phone-grid{grid-template-columns:repeat(2,minmax(300px,310px))!important;gap:44px!important}
@media(max-width:760px){.product-master-page .bilingual-phone-grid{grid-template-columns:1fr!important;max-width:330px!important}.switchbot-app-v3{width:295px!important}}
/* === END SWITCHBOT APP FULL REVISION === */

/* =========================================================
   SWITCHBOT REFERANSLI — GÖRSELSİZ UYGULAMA ARAYÜZÜ
   Kişisel ekran görüntüsü kullanılmaz; yalnızca HTML/CSS.
   ========================================================= */

.switchbot-app-v3{
  --sb-text:#343a49;
  --sb-muted:#9ca2aa;
  --sb-bg:#f6f6f7;
  --sb-card:#ffffff;
  --sb-line:#ececef;
  --sb-dark:#343a49;
  --sb-red:#ed4048;
  width:310px!important;
  min-height:672px!important;
  overflow:hidden!important;
  border:8px solid #11151d!important;
  border-radius:46px!important;
  color:var(--sb-text)!important;
  background:#fff!important;
  box-shadow:0 44px 95px rgba(0,0,0,.42)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif!important;
}

.switchbot-app-v3 .sb-notch{
  top:10px!important;
  width:104px!important;
  height:25px!important;
  border-radius:20px!important;
  background:#000!important;
}

.switchbot-app-v3 .sb-status{
  height:42px!important;
  padding:14px 22px 6px!important;
  color:#000!important;
  background:#fff!important;
  font-size:.55rem!important;
  font-weight:800!important;
}

.switchbot-app-v3 .sb-app-bar{
  display:grid!important;
  grid-template-columns:38px 1fr 38px!important;
  align-items:center!important;
  min-height:61px!important;
  padding:9px 16px!important;
  border-bottom:1px solid var(--sb-line)!important;
  background:#fff!important;
}

.switchbot-app-v3 .sb-app-bar b{
  color:var(--sb-text)!important;
  font-size:.82rem!important;
  font-weight:760!important;
}

.switchbot-app-v3 .sb-app-bar button{
  display:grid!important;
  width:35px!important;
  height:35px!important;
  place-items:center!important;
  border:0!important;
  color:var(--sb-text)!important;
  background:transparent!important;
  font-size:1rem!important;
}

.switchbot-app-v3 .sb-phone-body{
  min-height:500px!important;
  padding:18px 14px 78px!important;
  color:var(--sb-text)!important;
  background:var(--sb-bg)!important;
}

/* Başlıklar */
.switchbot-app-v3 .ui-title,
.switchbot-app-v3 .sx-title,
.switchbot-app-v3 .sb-list-title,
.switchbot-app-v3 .ui-home-head b,
.switchbot-app-v3 .sx-home-head b,
.switchbot-app-v3 .sb-home-header b{
  color:var(--sb-text)!important;
  font-size:.92rem!important;
  font-weight:760!important;
  letter-spacing:-.025em!important;
}

/* Kartlar */
.switchbot-app-v3 .ui-row,
.switchbot-app-v3 .sx-row,
.switchbot-app-v3 .ui-choice,
.switchbot-app-v3 .sx-choice,
.switchbot-app-v3 .ui-version,
.switchbot-app-v3 .sx-version,
.switchbot-app-v3 .ui-product,
.switchbot-app-v3 .sx-product,
.switchbot-app-v3 .sb-menu-row,
.switchbot-app-v3 .sb-radio-row,
.switchbot-app-v3 .sb-version,
.switchbot-app-v3 .sb-product-row{
  min-height:65px!important;
  margin-bottom:10px!important;
  padding:14px 15px!important;
  border:0!important;
  border-radius:17px!important;
  color:var(--sb-text)!important;
  background:var(--sb-card)!important;
  box-shadow:none!important;
}

.switchbot-app-v3 .active,
.switchbot-app-v3 .highlight{
  border:0!important;
  outline:0!important;
  background:#fff!important;
}

/* Ürün seçim kartları */
.switchbot-app-v3 .ui-product,
.switchbot-app-v3 .sx-product,
.switchbot-app-v3 .sb-product-row{
  display:grid!important;
  grid-template-columns:55px minmax(0,1fr) auto!important;
  gap:11px!important;
  align-items:center!important;
}

.switchbot-app-v3 .ui-product>i,
.switchbot-app-v3 .sx-product>i,
.switchbot-app-v3 .sb-product-row>i{
  display:grid!important;
  width:51px!important;
  height:51px!important;
  place-items:center!important;
  border-radius:12px!important;
  color:#7c8797!important;
  background:#e5e8eb!important;
  font-style:normal!important;
  font-size:.58rem!important;
  font-weight:800!important;
}

.switchbot-app-v3 .ui-product b,
.switchbot-app-v3 .sx-product b,
.switchbot-app-v3 .sb-product-row b{
  color:var(--sb-text)!important;
  font-size:.63rem!important;
  font-weight:740!important;
  line-height:1.15!important;
}

/* Formlar */
.switchbot-app-v3 label{
  display:block!important;
  margin:13px 0 6px!important;
  color:var(--sb-text)!important;
  font-size:.58rem!important;
  font-weight:650!important;
}

.switchbot-app-v3 .ui-input,
.switchbot-app-v3 .sx-input,
.switchbot-app-v3 .sb-input{
  min-height:50px!important;
  padding:14px!important;
  border:0!important;
  border-bottom:1px solid var(--sb-line)!important;
  border-radius:0!important;
  color:var(--sb-text)!important;
  background:#fff!important;
}

/* Koyu işlem butonu */
.switchbot-app-v3 .ui-primary,
.switchbot-app-v3 .sx-primary,
.switchbot-app-v3 .sb-primary,
.switchbot-app-v3 .sb-screen-card button{
  min-height:52px!important;
  padding:14px 18px!important;
  border:0!important;
  border-radius:14px!important;
  color:#fff!important;
  background:var(--sb-dark)!important;
  box-shadow:none!important;
  font-size:.68rem!important;
  font-weight:760!important;
}

/* Arama alanı */
.switchbot-app-v3 .ui-search,
.switchbot-app-v3 .sx-search,
.switchbot-app-v3 .sb-search{
  min-height:47px!important;
  padding:13px 15px!important;
  border:0!important;
  border-radius:14px!important;
  color:#9ba0a7!important;
  background:#eceef1!important;
}

/* Kategori listeleri */
.switchbot-app-v3 .ui-list span,
.switchbot-app-v3 .sx-list span,
.switchbot-app-v3 .sb-category-list span{
  min-height:50px!important;
  padding:14px!important;
  border-bottom:1px solid var(--sb-line)!important;
  color:var(--sb-text)!important;
  background:#fff!important;
}

.switchbot-app-v3 .ui-list span.active,
.switchbot-app-v3 .sx-list span.active,
.switchbot-app-v3 .sb-category-list span.highlight{
  position:relative!important;
  color:var(--sb-text)!important;
  background:#fff!important;
}

.switchbot-app-v3 .ui-list span.active::before,
.switchbot-app-v3 .sx-list span.active::before,
.switchbot-app-v3 .sb-category-list span.highlight::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:14px!important;
  bottom:14px!important;
  width:3px!important;
  border-radius:2px!important;
  background:var(--sb-red)!important;
}

/* Ana sayfa + butonu */
.switchbot-app-v3 .ui-ring,
.switchbot-app-v3 .sx-ring,
.switchbot-app-v3 .sb-tap-ring{
  width:38px!important;
  height:38px!important;
  border:3px solid var(--sb-text)!important;
  color:var(--sb-text)!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* Alt navigasyon */
.switchbot-app-v3 .switchbot-bottom-nav{
  min-height:61px!important;
  padding:7px 8px 9px!important;
  border-top:1px solid var(--sb-line)!important;
  background:#fff!important;
}

.switchbot-app-v3 .switchbot-bottom-nav span{
  color:#a5a9ad!important;
}

.switchbot-app-v3 .switchbot-bottom-nav .active{
  color:var(--sb-text)!important;
}

/* İzin diyaloğu */
.switchbot-app-v3 .ui-dialog,
.switchbot-app-v3 .sx-dialog,
.switchbot-app-v3 .sb-system-dialog{
  margin-top:54px!important;
  padding:20px!important;
  border:0!important;
  border-radius:19px!important;
  background:#fff!important;
  box-shadow:0 14px 36px rgba(0,0,0,.12)!important;
}

.switchbot-app-v3 .ui-dialog button,
.switchbot-app-v3 .sx-dialog button,
.switchbot-app-v3 .sb-system-dialog button{
  color:var(--sb-text)!important;
}

/* Bluetooth bağlantı göstergesi */
.switchbot-app-v3 .ui-radar b,
.switchbot-app-v3 .sx-radar b,
.switchbot-app-v3 .sb-radar div{
  color:#fff!important;
  background:var(--sb-red)!important;
  box-shadow:0 0 0 22px rgba(237,64,72,.13)!important;
}

/* Wi-Fi, kamera ve başarı sayfaları */
.switchbot-app-v3.screen-wifi .sb-phone-body,
.switchbot-app-v3.screen-camera .sb-phone-body,
.switchbot-app-v3.screen-permission .sb-phone-body,
.switchbot-app-v3.screen-success .sb-phone-body{
  background:#f7f7f8!important;
}

/* QR görünümü */
.switchbot-app-v3 .ui-qr,
.switchbot-app-v3 .sx-qr,
.switchbot-app-v3 .sb-qr{
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
}

/* İki dil ekranları */
.product-master-page .bilingual-phone-grid{
  grid-template-columns:repeat(2,minmax(300px,310px))!important;
  gap:46px!important;
}

@media(max-width:760px){
  .product-master-page .bilingual-phone-grid{
    grid-template-columns:1fr!important;
    max-width:330px!important;
  }

  .switchbot-app-v3{
    width:295px!important;
    min-height:640px!important;
  }
}
/* =========================================================
   SWITCHBOT REFERANSLI — GÖRSELSİZ UYGULAMA ARAYÜZÜ BİTİŞ
   ========================================================= */


/* === SWITCHBOT NATIVE CAMERA PROTOTYPE === */
.sb-native-phone{position:relative!important;width:310px!important;height:672px!important;min-height:672px!important;overflow:hidden!important;border:8px solid #11151d!important;border-radius:46px!important;background:#fff!important;color:#343a49!important;box-shadow:0 44px 95px rgba(0,0,0,.42)!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif!important}
.sb-native-status{display:flex!important;align-items:center!important;justify-content:space-between!important;height:43px!important;padding:14px 21px 5px!important;color:#000!important;background:#fff!important;font-size:.58rem!important}.sb-native-status b{font-size:.65rem!important}.sb-native-signals{letter-spacing:1px!important}.sb-native-signals em{padding:1px 6px!important;border-radius:7px!important;color:#fff!important;background:#111!important;font-style:normal!important}
.sb-native-header{display:grid!important;grid-template-columns:38px 1fr 38px!important;align-items:center!important;min-height:59px!important;padding:7px 14px!important;border-bottom:1px solid #ececef!important;background:#fff!important}.sb-native-header button{border:0!important;color:#343a49!important;background:transparent!important;font-size:1.5rem!important}.sb-native-header strong{text-align:center!important;color:#343a49!important;font-size:.79rem!important;font-weight:760!important}
.sb-native-body{position:relative!important;height:562px!important;overflow:hidden!important;padding:14px!important;background:#f6f6f7!important}.sb-native-home-indicator{position:absolute!important;left:50%!important;bottom:4px!important;width:94px!important;height:4px!important;border-radius:4px!important;background:#111!important;transform:translateX(-50%)!important}
.native-home-top{display:flex!important;align-items:center!important;justify-content:space-between!important}.native-home-top h4{margin:0!important;color:#343a49!important;font-size:1.15rem!important}.native-home-actions{display:flex!important;gap:10px!important}.native-home-actions i{display:grid!important;width:34px!important;height:34px!important;place-items:center!important;border:3px solid #343a49!important;border-radius:50%!important;font-style:normal!important;font-weight:900!important}
.native-kata-card{margin-top:54px!important;padding:18px 14px!important;border-radius:18px!important;background:linear-gradient(135deg,#eef7ff,#fff0f5)!important;text-align:center!important}.native-kata-face{margin:-58px auto 4px!important;width:68px!important;height:48px!important;border-radius:20px!important;color:#fff!important;background:#ed4048!important;font-weight:900!important}.native-kata-card b{font-size:.72rem!important}.native-kata-card b span{color:#4b75e6!important}.native-kata-card p{margin:10px 0 0!important;padding:12px!important;border-radius:13px!important;background:#fff!important;color:#343a49!important;font-size:.58rem!important;line-height:1.35!important}
.native-pill-row{display:flex!important;gap:8px!important;margin:14px 0!important;overflow:hidden!important}.native-pill-row span{white-space:nowrap!important;padding:9px 12px!important;border-radius:12px!important;background:#fff!important;font-size:.55rem!important;font-weight:700!important}.sb-native-body h5{margin:15px 0 8px!important;color:#343a49!important;font-size:.76rem!important}
.native-camera-preview{position:relative!important;height:118px!important;overflow:hidden!important;border-radius:15px!important;background:#dfe4e9!important}.native-office-placeholder{display:grid!important;height:100%!important;place-items:center!important;color:#8a929d!important;font-size:.55rem!important}.native-camera-preview small{position:absolute!important;left:8px!important;bottom:6px!important;color:#fff!important}
.native-bottom-nav{position:absolute!important;left:0!important;right:0!important;bottom:0!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important;height:60px!important;padding:7px 4px!important;border-top:1px solid #ececef!important;background:#fff!important}.native-bottom-nav span{display:grid!important;justify-items:center!important;color:#a5a9ad!important;font-size:.72rem!important}.native-bottom-nav span b{font-size:.4rem!important;font-weight:500!important}.native-bottom-nav .active{color:#343a49!important}
.native-home-faded{position:absolute!important;inset:0!important;background:linear-gradient(#cfe8ff,#f4f4f4)!important}.native-popover{position:absolute!important;top:18px!important;right:24px!important;width:162px!important;overflow:hidden!important;border-radius:14px!important;background:#fff!important;box-shadow:0 13px 35px rgba(0,0,0,.18)!important}.native-pop-row{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:13px 14px!important;border-bottom:1px solid #ececef!important}.native-pop-row b{font-size:.61rem!important}.native-pop-row i{color:#9ba1a8!important}
.native-scan-line{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 14px!important;font-size:.64rem!important}.native-scan-line i{display:grid!important;width:18px!important;height:18px!important;place-items:center!important;border-radius:50%!important;color:#fff!important;background:#ed4048!important;font-style:normal!important;font-size:.5rem!important}.native-mini-device-strip{display:flex!important;gap:8px!important;margin-bottom:20px!important;overflow:hidden!important}.native-mini-device-strip i{display:grid!important;min-width:46px!important;height:46px!important;place-items:center!important;border-radius:12px!important;color:#7d8795!important;background:#fff!important;font-style:normal!important}.native-category-title{position:relative!important;padding-left:9px!important}.native-category-title:before{content:""!important;position:absolute!important;left:0!important;top:2px!important;bottom:2px!important;width:3px!important;background:#ed4048!important}.native-device-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.native-device-card{display:grid!important;grid-template-columns:42px 1fr!important;align-items:center!important;gap:7px!important;min-height:70px!important;padding:9px!important;border-radius:14px!important;background:#fff!important}.native-device-card i{display:grid!important;width:39px!important;height:39px!important;place-items:center!important;border-radius:11px!important;color:#7d8795!important;background:#e4e8ec!important;font-style:normal!important}.native-device-card b{font-size:.54rem!important;line-height:1.15!important}.native-device-selected{outline:2px solid #ed4048!important}
.native-permission-card{margin:70px auto!important;padding:20px!important;border-radius:18px!important;background:#fff!important;box-shadow:0 14px 35px rgba(0,0,0,.15)!important;text-align:center!important}.native-app-icon{display:grid!important;width:48px!important;height:48px!important;margin:auto!important;place-items:center!important;border-radius:13px!important;color:#fff!important;background:#ed4048!important;font-weight:900!important}.native-permission-card h4{font-size:.69rem!important}.native-permission-card p{color:#69717c!important;font-size:.56rem!important;line-height:1.4!important}.native-permission-actions{display:grid!important;grid-template-columns:1fr 1fr!important;margin:16px -20px -20px!important;border-top:1px solid #ececef!important}.native-permission-actions button{padding:12px!important;border:0!important;background:#fff!important;color:#343a49!important}
.native-content-card{display:flex!important;height:100%!important;flex-direction:column!important;padding:12px 10px 18px!important;border-radius:16px!important;background:#fff!important}.native-camera-illustration{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;height:180px!important;border-radius:12px!important;background:#f8f8f8!important}.native-camera-shape{position:relative!important;width:70px!important;height:105px!important;border-radius:35px 35px 20px 20px!important;background:linear-gradient(#e8edf0,#cfd7dc)!important}.native-camera-shape i{position:absolute!important;top:13px!important;left:15px!important;width:40px!important;height:40px!important;border-radius:50%!important;background:#1e2934!important;box-shadow:inset 0 0 0 12px #0c1117!important}.native-reset-circle{display:grid!important;width:92px!important;height:92px!important;place-items:center!important;border:4px solid #dfe5e9!important;border-radius:50%!important;color:#ed4048!important;text-align:center!important;font-size:.6rem!important}.native-copy{color:#343a49!important;font-size:.62rem!important;line-height:1.45!important}.native-primary{margin-top:auto!important;min-height:51px!important;border:0!important;border-radius:13px!important;color:#fff!important;background:#343a49!important;font-size:.7rem!important;font-weight:760!important}.native-text-button{margin-top:8px!important;border:0!important;background:transparent!important;color:#a5a9ad!important}
.native-wifi-compare{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:10px 0 24px!important}.native-wifi-compare span{display:grid!important;justify-items:center!important;padding:15px!important;border-radius:12px!important;background:#fafafa!important;font-size:1rem!important}.native-wifi-compare b{font-size:.85rem!important}.native-wifi-compare .ok{color:#16c965!important}.native-wifi-compare .bad{color:#e14545!important}.native-form-row{display:grid!important;grid-template-columns:24px 1fr auto!important;align-items:center!important;min-height:56px!important;border-bottom:1px solid #ececef!important;color:#6e7681!important}.native-form-row b,.native-form-row span{color:#343a49!important}
.native-fake-qr{width:210px!important;height:210px!important;margin:0 auto 14px!important;background:repeating-conic-gradient(#000 0 25%,#fff 0 50%) 50%/24px 24px!important;border:12px solid #fff!important;box-shadow:inset 0 0 0 8px #000!important}.native-qr-help{display:flex!important;align-items:center!important;justify-content:space-around!important;height:65px!important;border-radius:11px!important;background:#f7f7f7!important;color:#ed4048!important}.native-camera-mini{width:36px!important;height:46px!important;border-radius:18px 18px 10px 10px!important;background:#cfd7dc!important;box-shadow:inset 0 0 0 12px #313b46!important}.native-phone-mini{font-size:1.4rem!important}
.native-center{align-items:center!important;text-align:center!important}.native-connect-visual{display:flex!important;align-items:center!important;gap:18px!important;margin-top:46px!important}.native-connect-visual span{color:#ed4048!important}.native-camera-mini.big{width:55px!important;height:72px!important}.native-globe{font-size:3rem!important;color:#dce4e8!important}.native-timer{margin:12px!important;font-size:.82rem!important}.native-muted{margin:40px 10px!important;color:#a5aaaf!important;font-size:.65rem!important;line-height:1.4!important}.native-progress-list{display:grid!important;width:100%!important;text-align:left!important}.native-progress-list span{padding:14px 0!important;border-bottom:1px solid #ececef!important}
.native-device-avatar{display:grid!important;width:86px!important;height:86px!important;margin:60px auto!important;place-items:center!important;border-radius:50%!important;color:#08ace3!important;background:#f0f2f3!important;font-size:2rem!important}.native-edit-row{display:grid!important;grid-template-columns:70px 1fr!important;width:82%!important;padding:16px 0!important;border-bottom:1px solid #ececef!important;text-align:left!important}.native-edit-row span{color:#9ea4aa!important}.native-secondary{margin-top:10px!important;min-height:51px!important;border:0!important;border-radius:13px!important;color:#a5a9ad!important;background:#f7f7f7!important}
.native-live-head{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:4px 0 10px!important}.native-live-head b{font-size:.72rem!important}.native-live-status{padding:0 0 8px!important}.native-live-preview{position:relative!important;display:grid!important;height:175px!important;place-items:center!important;color:#fff!important;background:linear-gradient(135deg,#687680,#b7c6d0)!important}.native-watermark{position:absolute!important;right:8px!important;bottom:8px!important;font-weight:800!important}.native-ai-card{margin:8px 0!important;padding:14px!important;border-radius:14px!important;background:linear-gradient(135deg,#e7f1ff,#f4f7ff)!important}.native-ai-card b{font-size:.7rem!important}.native-ai-card p{margin:7px 0!important;color:#9aa0a6!important;font-size:.55rem!important}.native-ai-card button{width:100%!important;padding:9px!important;border:0!important;border-radius:10px!important;color:#fff!important;background:#3860eb!important}.native-event-title{display:flex!important;justify-content:space-between!important;margin:8px 0!important;color:#a4a8ac!important}.native-event-title span{color:#4779f6!important}.native-event-row{display:grid!important;grid-template-columns:25px 1fr 65px!important;align-items:center!important;padding:10px!important;border-radius:13px!important;background:#fff!important}.native-event-row p{margin:5px 0!important}.native-event-row em{display:grid!important;height:46px!important;place-items:center!important;border-radius:8px!important;background:#dfe5e9!important;font-size:.45rem!important;font-style:normal!important}
@media(max-width:760px){.sb-native-phone{width:295px!important;height:650px!important;min-height:650px!important}.sb-native-body{height:540px!important}}
/* === END SWITCHBOT NATIVE CAMERA PROTOTYPE === */

/* === CAMERA PROTOTYPE EMPTY SCREEN + KATA FIX === */

/* Native prototype should not inherit old generated-phone styles */
.product-master-page .sb-native-phone{
  display:block!important;
  position:relative!important;
  width:310px!important;
  height:672px!important;
  min-height:672px!important;
  overflow:hidden!important;
  color:#343a49!important;
  background:#fff!important;
}

.product-master-page .sb-native-phone *,
.product-master-page .sb-native-phone *::before,
.product-master-page .sb-native-phone *::after{
  box-sizing:border-box!important;
}

/* Body must remain visible */
.product-master-page .sb-native-body{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:562px!important;
  min-height:562px!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  color:#343a49!important;
  background:#f6f6f7!important;
}

/* Home screen after removing KATA */
.product-master-page .native-screen-1 .sb-native-body{
  padding-top:18px!important;
}

.product-master-page .native-screen-1 .native-home-top{
  margin-bottom:22px!important;
}

.product-master-page .native-screen-1 .native-pill-row{
  margin-top:12px!important;
}

/* Make all main content elements visible */
.product-master-page .sb-native-phone .native-home-top,
.product-master-page .sb-native-phone .native-pill-row,
.product-master-page .sb-native-phone .native-camera-preview,
.product-master-page .sb-native-phone .native-popover,
.product-master-page .sb-native-phone .native-scan-line,
.product-master-page .sb-native-phone .native-mini-device-strip,
.product-master-page .sb-native-phone .native-category-title,
.product-master-page .sb-native-phone .native-device-grid,
.product-master-page .sb-native-phone .native-permission-card,
.product-master-page .sb-native-phone .native-content-card,
.product-master-page .sb-native-phone .native-live-head,
.product-master-page .sb-native-phone .native-live-status,
.product-master-page .sb-native-phone .native-live-preview,
.product-master-page .sb-native-phone .native-ai-card,
.product-master-page .sb-native-phone .native-event-title,
.product-master-page .sb-native-phone .native-event-row,
.product-master-page .sb-native-phone .native-bottom-nav{
  opacity:1!important;
  visibility:visible!important;
}

/* Old generic phone selectors must not affect prototype rows */
.product-master-page .sb-native-phone .native-pop-row{
  display:flex!important;
  min-height:48px!important;
  margin:0!important;
  padding:13px 14px!important;
  border:0!important;
  border-bottom:1px solid #ececef!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}

.product-master-page .sb-native-phone .native-device-card{
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  min-height:70px!important;
  margin:0!important;
  padding:9px!important;
  border:0!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
}

/* Strong text visibility */
.product-master-page .sb-native-phone b,
.product-master-page .sb-native-phone strong,
.product-master-page .sb-native-phone p,
.product-master-page .sb-native-phone span,
.product-master-page .sb-native-phone h4,
.product-master-page .sb-native-phone h5{
  opacity:1!important;
  visibility:visible!important;
}

/* Prevent old bottom-nav rules from shrinking native nav */
.product-master-page .sb-native-phone .native-bottom-nav{
  display:grid!important;
  grid-template-columns:repeat(4,1fr)!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:0!important;
  height:60px!important;
  min-height:60px!important;
  background:#fff!important;
}

/* Responsive */
@media(max-width:760px){
  .product-master-page .sb-native-phone{
    width:295px!important;
    height:650px!important;
    min-height:650px!important;
  }

  .product-master-page .sb-native-body{
    height:540px!important;
    min-height:540px!important;
  }
}
/* === END CAMERA PROTOTYPE EMPTY SCREEN + KATA FIX === */

/* === ADD DEVICE SCREEN FINAL === */

.product-master-page .native-add-device-phone .sb-native-body{
  padding:0!important;
  overflow:hidden!important;
  background:#f6f6f7!important;
}

.product-master-page .native-add-device-phone .sb-native-header{
  background:#fff!important;
}

.product-master-page .native-add-device-phone .native-search-button{
  position:relative!important;
  width:34px!important;
  height:34px!important;
  border:0!important;
  background:transparent!important;
}

.product-master-page .native-add-device-phone .native-search-button::before{
  content:""!important;
  position:absolute!important;
  left:7px!important;
  top:6px!important;
  width:15px!important;
  height:15px!important;
  border:2px solid #343a49!important;
  border-radius:50%!important;
}

.product-master-page .native-add-device-phone .native-search-button::after{
  content:""!important;
  position:absolute!important;
  left:21px!important;
  top:21px!important;
  width:8px!important;
  height:2px!important;
  border-radius:2px!important;
  background:#343a49!important;
  transform:rotate(45deg)!important;
  transform-origin:left center!important;
}

.product-master-page .native-add-device-screen{
  height:100%!important;
  overflow:hidden!important;
  color:#343a49!important;
  background:#f6f6f7!important;
}

.product-master-page .native-add-device-topline{
  padding:13px 14px 10px!important;
}

.product-master-page .native-scan-status{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:32px!important;
}

.product-master-page .native-scan-status i{
  display:grid!important;
  width:19px!important;
  height:19px!important;
  place-items:center!important;
  border-radius:50%!important;
  color:#fff!important;
  background:#ed4048!important;
  box-shadow:0 0 0 4px rgba(237,64,72,.12)!important;
  font-size:.48rem!important;
  font-style:normal!important;
  font-weight:900!important;
}

.product-master-page .native-scan-status span{
  color:#343a49!important;
  font-size:.62rem!important;
  line-height:1.25!important;
}

.product-master-page .native-found-grid,
.product-master-page .native-manual-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  padding:0 12px!important;
}

.product-master-page .native-found-card,
.product-master-page .native-manual-card{
  display:grid!important;
  grid-template-columns:43px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  min-height:72px!important;
  padding:10px 11px!important;
  border:0!important;
  border-radius:14px!important;
  color:#343a49!important;
  background:#fff!important;
  box-shadow:none!important;
}

.product-master-page .native-found-card b,
.product-master-page .native-manual-card b{
  color:#343a49!important;
  font-size:.55rem!important;
  font-weight:750!important;
  line-height:1.15!important;
}

.product-master-page .native-product-icon{
  display:grid!important;
  width:40px!important;
  height:40px!important;
  place-items:center!important;
  border-radius:11px!important;
  color:#6f7a8a!important;
  background:#e2e6e9!important;
  font-size:.49rem!important;
  font-weight:850!important;
}

.product-master-page .native-show-more{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:48%!important;
  min-height:43px!important;
  margin:11px auto 16px!important;
  border:0!important;
  border-radius:13px!important;
  color:#343a49!important;
  background:#fff!important;
  box-shadow:none!important;
  font-size:.61rem!important;
}

.product-master-page .native-show-more span{
  color:#9ca2aa!important;
  font-size:.8rem!important;
}

.product-master-page .native-section-divider{
  height:1px!important;
  margin:0 13px 16px!important;
  background:#dcdde0!important;
}

.product-master-page .native-manual-label{
  padding:0 13px 7px!important;
  color:#737b88!important;
  font-size:.6rem!important;
}

.product-master-page .native-category-heading{
  position:relative!important;
  margin:0 13px 12px!important;
  padding-left:9px!important;
  color:#343a49!important;
  font-size:.72rem!important;
  font-weight:780!important;
}

.product-master-page .native-category-heading::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:3px!important;
  bottom:3px!important;
  width:3px!important;
  border-radius:2px!important;
  background:#ed4048!important;
}

.product-master-page .native-manual-grid{
  padding-bottom:24px!important;
}

.product-master-page .native-manual-card.is-selected{
  outline:2px solid #ed4048!important;
  background:#fff!important;
}

.product-master-page .native-manual-card.is-selected::after{
  content:"✓"!important;
  display:grid!important;
  width:20px!important;
  height:20px!important;
  margin-left:auto!important;
  place-items:center!important;
  border-radius:50%!important;
  color:#fff!important;
  background:#ed4048!important;
  font-size:.48rem!important;
  font-weight:900!important;
}

/* Scale the long list to fit the phone without breaking the reference look */
.product-master-page .native-screen-4 .native-manual-card,
.product-master-page .native-screen-3 .native-manual-card{
  min-height:66px!important;
}

.product-master-page .native-screen-4 .native-manual-card b,
.product-master-page .native-screen-3 .native-manual-card b{
  font-size:.51rem!important;
}

@media(max-width:760px){
  .product-master-page .native-found-card,
  .product-master-page .native-manual-card{
    min-height:66px!important;
  }
}
/* === END ADD DEVICE SCREEN FINAL === */

/* === ADD DEVICE FIXED SCREEN === */
.product-master-page .add-device-fixed-phone{
  position:relative!important;
  display:block!important;
  width:310px!important;
  height:672px!important;
  min-height:672px!important;
  overflow:hidden!important;
  border:8px solid #11151d!important;
  border-radius:46px!important;
  color:#343a49!important;
  background:#fff!important;
  box-shadow:0 44px 95px rgba(0,0,0,.42)!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif!important;
}
.product-master-page .add-device-fixed-phone,
.product-master-page .add-device-fixed-phone *{
  box-sizing:border-box!important;
}
.product-master-page .adf-status{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  height:43px!important;
  padding:14px 21px 5px!important;
  color:#000!important;
  background:#fff!important;
}
.product-master-page .adf-status b{font-size:.64rem!important;color:#000!important}
.product-master-page .adf-status span{font-size:.55rem!important;color:#000!important}
.product-master-page .adf-status em{
  padding:1px 6px!important;
  border-radius:7px!important;
  color:#fff!important;
  background:#111!important;
  font-style:normal!important;
}
.product-master-page .adf-header{
  display:grid!important;
  grid-template-columns:36px 1fr 36px!important;
  align-items:center!important;
  min-height:59px!important;
  padding:7px 14px!important;
  border-bottom:1px solid #ececef!important;
  background:#fff!important;
}
.product-master-page .adf-header button{
  border:0!important;
  color:#343a49!important;
  background:transparent!important;
  font-size:1.5rem!important;
}
.product-master-page .adf-header strong{
  color:#343a49!important;
  text-align:center!important;
  font-size:.79rem!important;
}
.product-master-page .adf-search{
  position:relative!important;
  width:34px!important;
  height:34px!important;
}
.product-master-page .adf-search::before{
  content:""!important;
  position:absolute!important;
  left:7px!important;
  top:6px!important;
  width:15px!important;
  height:15px!important;
  border:2px solid #343a49!important;
  border-radius:50%!important;
}
.product-master-page .adf-search::after{
  content:""!important;
  position:absolute!important;
  left:21px!important;
  top:21px!important;
  width:8px!important;
  height:2px!important;
  background:#343a49!important;
  transform:rotate(45deg)!important;
  transform-origin:left center!important;
}
.product-master-page .adf-body{
  display:block!important;
  position:relative!important;
  height:562px!important;
  min-height:562px!important;
  padding:13px 12px 20px!important;
  overflow:hidden!important;
  opacity:1!important;
  visibility:visible!important;
  background:#f6f6f7!important;
}
.product-master-page .adf-scan{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:30px!important;
  margin-bottom:10px!important;
}
.product-master-page .adf-scan i{
  display:grid!important;
  width:19px!important;
  height:19px!important;
  place-items:center!important;
  border-radius:50%!important;
  color:#fff!important;
  background:#ed4048!important;
  box-shadow:0 0 0 4px rgba(237,64,72,.12)!important;
  font-size:.48rem!important;
  font-style:normal!important;
}
.product-master-page .adf-scan span{
  color:#343a49!important;
  font-size:.6rem!important;
}
.product-master-page .adf-grid{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
}
.product-master-page .adf-card{
  display:grid!important;
  grid-template-columns:40px minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
  min-height:66px!important;
  margin:0!important;
  padding:9px 10px!important;
  border:0!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:none!important;
  opacity:1!important;
  visibility:visible!important;
}
.product-master-page .adf-card i{
  display:grid!important;
  width:38px!important;
  height:38px!important;
  place-items:center!important;
  border-radius:11px!important;
  color:#6f7a8a!important;
  background:#e2e6e9!important;
  font-size:.48rem!important;
  font-style:normal!important;
  font-weight:850!important;
}
.product-master-page .adf-card b{
  color:#343a49!important;
  font-size:.52rem!important;
  font-weight:750!important;
  line-height:1.15!important;
}
.product-master-page .adf-more{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  width:48%!important;
  min-height:40px!important;
  margin:10px auto 13px!important;
  border:0!important;
  border-radius:12px!important;
  color:#343a49!important;
  background:#fff!important;
  font-size:.59rem!important;
}
.product-master-page .adf-more span{color:#9ca2aa!important}
.product-master-page .adf-divider{
  height:1px!important;
  margin:0 1px 13px!important;
  background:#dcdde0!important;
}
.product-master-page .adf-manual-label{
  display:block!important;
  margin-bottom:6px!important;
  color:#737b88!important;
  font-size:.56rem!important;
}
.product-master-page .adf-category{
  position:relative!important;
  margin:0 0 10px!important;
  padding-left:9px!important;
  color:#343a49!important;
  font-size:.68rem!important;
  font-weight:780!important;
}
.product-master-page .adf-category::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:2px!important;
  bottom:2px!important;
  width:3px!important;
  border-radius:2px!important;
  background:#ed4048!important;
}
.product-master-page .adf-manual-grid .adf-card{
  min-height:60px!important;
}
.product-master-page .adf-home-indicator{
  position:absolute!important;
  left:50%!important;
  bottom:4px!important;
  width:94px!important;
  height:4px!important;
  border-radius:4px!important;
  background:#111!important;
  transform:translateX(-50%)!important;
}
@media(max-width:760px){
  .product-master-page .add-device-fixed-phone{
    width:295px!important;
    height:650px!important;
    min-height:650px!important;
  }
  .product-master-page .adf-body{
    height:540px!important;
    min-height:540px!important;
  }
}
/* === END ADD DEVICE FIXED SCREEN === */


/* === CAMERA 3K FINAL REVISION === */
.camera-account-note{display:grid;grid-template-columns:58px minmax(0,1fr);gap:20px;max-width:1160px;margin:40px auto;padding:26px;border:1px solid rgba(255,255,255,.14);border-radius:24px;color:#fff;background:rgba(255,255,255,.07)}
.camera-account-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;color:#071a33;background:#fff;font-size:1.4rem;font-weight:900}
.camera-account-note span{font-size:.58rem;font-weight:900;letter-spacing:.14em}.camera-account-note h3{margin:7px 0;color:#fff;font-size:1.4rem}.camera-account-note p{max-width:800px;margin:0;color:rgba(255,255,255,.75);line-height:1.6}
.store-download-button{display:inline-flex!important;align-items:center!important;gap:12px!important;min-width:205px!important;padding:12px 16px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:16px!important;color:#fff!important;background:#0b1220!important;text-decoration:none!important}
.store-logo{display:grid;width:34px;height:34px;place-items:center}.store-logo svg{width:30px;height:30px}.apple-logo svg{fill:#fff}.store-copy{display:grid;text-align:left}.store-copy small{color:rgba(255,255,255,.72);font-size:.58rem}.store-copy b{color:#fff;font-size:.9rem}
.camera-direct-command{max-width:760px;margin:14px 0 24px;color:#fff;font-size:1.05rem;font-weight:700;line-height:1.55}
.camera-real-app-phone{position:relative!important;width:310px!important;height:672px!important;min-height:672px!important;overflow:hidden!important;border:8px solid #11151d!important;border-radius:46px!important;background:#fff!important;box-shadow:0 44px 95px rgba(0,0,0,.42)!important}
.camera-real-app-phone img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:top center!important;border-radius:37px!important}
.camera-completion-overlay[hidden]{display:none!important}.camera-completion-overlay{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:24px;background:rgba(3,13,27,.78);backdrop-filter:blur(14px)}
.camera-completion-card{width:min(560px,100%);padding:42px;border:1px solid rgba(255,255,255,.14);border-radius:30px;color:#fff;background:linear-gradient(145deg,#0b2340,#071a33);box-shadow:0 40px 120px rgba(0,0,0,.45);text-align:center}
.camera-completion-check{display:grid;width:88px;height:88px;margin:0 auto 24px;place-items:center;border-radius:50%;color:#071a33;background:#fff;box-shadow:0 0 0 14px rgba(255,255,255,.08);font-size:2.2rem;font-weight:900}
.camera-completion-card>span{font-size:.6rem;font-weight:900;letter-spacing:.16em}.camera-completion-card h2{margin:12px 0;color:#fff;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.05}.camera-completion-card p{margin:0 auto 26px;color:rgba(255,255,255,.72);line-height:1.6}
.camera-product-button,.camera-completion-close{display:flex;width:100%;min-height:54px;align-items:center;justify-content:center;border:0;border-radius:15px;font-weight:800}.camera-product-button{color:#fff;background:#ed1c2e;text-decoration:none}.camera-completion-close{margin-top:10px;color:#071a33;background:#fff;cursor:pointer}body.completion-open{overflow:hidden}
@media(max-width:760px){.camera-account-note{grid-template-columns:1fr;margin:28px 18px}.camera-real-app-phone{width:295px!important;height:650px!important;min-height:650px!important}.camera-completion-card{padding:30px 22px}}
/* === END CAMERA 3K FINAL REVISION === */

/* === CAMERA 3K SINGLE SCREEN / 8 STEP LAYOUT === */
.product-master-page .single-phone-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  justify-items:center!important;
  width:100%!important;
  max-width:360px!important;
  margin:0 auto!important;
  gap:0!important;
}

.product-master-page .hub3-real-step{
  min-height:auto!important;
  padding-top:44px!important;
  padding-bottom:44px!important;
  margin:0!important;
}

.product-master-page .hub3-real-step + .hub3-real-step{
  border-top:1px solid rgba(255,255,255,.08)!important;
}

.product-master-page .hub3-real-step > *{
  margin-top:0!important;
  margin-bottom:0!important;
}

.product-master-page .hub3-real-step h2,
.product-master-page .hub3-real-step h3{
  margin:0 0 12px!important;
  line-height:1.05!important;
}

.product-master-page .camera-only-command{
  max-width:720px!important;
  margin:0 0 24px!important;
  color:#fff!important;
  font-size:1rem!important;
  font-weight:700!important;
  line-height:1.5!important;
}

.product-master-page .camera-real-app-phone{
  margin:0 auto!important;
}

.product-master-page .hub3-real-step .step-copy,
.product-master-page .hub3-real-step .step-content,
.product-master-page .hub3-real-step .step-text{
  margin-bottom:20px!important;
}

.product-master-page .phone-language-column{
  width:100%!important;
  margin:0!important;
  padding:0!important;
}

.product-master-page .camera-account-note{
  margin-top:28px!important;
  margin-bottom:28px!important;
}

.product-master-page .app-download-section,
.product-master-page .download-app-section,
.product-master-page [class*="app-download"]{
  margin-top:28px!important;
  margin-bottom:28px!important;
}

@media(max-width:760px){
  .product-master-page .hub3-real-step{
    padding-top:28px!important;
    padding-bottom:28px!important;
  }

  .product-master-page .camera-only-command{
    margin-bottom:18px!important;
    font-size:.95rem!important;
  }
}
/* === END CAMERA 3K SINGLE SCREEN / 8 STEP LAYOUT === */

/* === CAMERA 3K 8 STEP FLOW FIX === */
.product-master-page .hub3-real-step{
  padding-top:34px!important;
  padding-bottom:34px!important;
}
.product-master-page .hub3-real-step h2,
.product-master-page .hub3-real-step h3{
  max-width:820px!important;
  margin:0 0 10px!important;
  font-size:clamp(1.7rem,3.2vw,3rem)!important;
}
.product-master-page .camera-only-command{
  max-width:820px!important;
  margin:0 0 18px!important;
  font-size:1rem!important;
  line-height:1.48!important;
}
.product-master-page .single-phone-grid{
  margin-top:0!important;
}
@media(max-width:760px){
  .product-master-page .hub3-real-step{
    padding-top:24px!important;
    padding-bottom:24px!important;
  }
  .product-master-page .camera-only-command{
    margin-bottom:14px!important;
  }
}
/* === END CAMERA 3K 8 STEP FLOW FIX === */

/* === OUTDOOR SPOTLIGHT CAM 2K FINAL === */
.product-master-page .camera-2k-step{
  min-height:auto!important;
  padding-top:34px!important;
  padding-bottom:34px!important;
  margin:0!important;
}
.product-master-page .camera-2k-step + .camera-2k-step{
  border-top:1px solid rgba(255,255,255,.08)!important;
}
.product-master-page .camera-2k-step h3{
  max-width:820px!important;
  margin:0 0 10px!important;
}
.product-master-page .camera-2k-step .camera-only-command{
  max-width:820px!important;
  margin:0 0 18px!important;
  color:#fff!important;
  font-size:1rem!important;
  font-weight:700!important;
  line-height:1.5!important;
}
.product-master-page .camera-2k-phone{
  margin:0 auto!important;
}
.product-master-page .camera-2k-phone img{
  object-fit:contain!important;
  background:#fff!important;
}
.product-master-page .camera-2k-section-heading{
  max-width:1160px;
  margin:26px auto 0;
  padding:34px 28px 12px;
  color:#fff;
  border-top:1px solid rgba(255,255,255,.12);
}
.product-master-page .camera-2k-section-heading span{
  font-size:.6rem;
  font-weight:900;
  letter-spacing:.16em;
}
.product-master-page .camera-2k-section-heading h2{
  margin:8px 0;
  color:#fff;
  font-size:clamp(2rem,4vw,3.5rem);
}
.product-master-page .camera-2k-section-heading p{
  max-width:760px;
  margin:0;
  color:rgba(255,255,255,.72);
  line-height:1.6;
}
@media(max-width:760px){
  .product-master-page .camera-2k-step{
    padding-top:24px!important;
    padding-bottom:24px!important;
  }
  .product-master-page .camera-2k-step .camera-only-command{
    margin-bottom:14px!important;
    font-size:.95rem!important;
  }
  .product-master-page .camera-2k-section-heading{
    margin:18px 18px 0;
    padding:28px 0 8px;
  }
}
/* === END OUTDOOR SPOTLIGHT CAM 2K FINAL === */

/* === CAMERA 2K SAME FOUNDATION AS 3K === */
.camera-download-block,
.camera-account-note{
  max-width:1160px;
  margin:28px auto;
}
.camera-download-block{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:28px;
  align-items:center;
  padding:28px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:24px;
  background:rgba(255,255,255,.06);
}
.camera-download-copy>span{
  color:#fff;
  font-size:.58rem;
  font-weight:900;
  letter-spacing:.14em;
}
.camera-download-copy h2{
  margin:8px 0 0;
  color:#fff;
  font-size:clamp(1.8rem,3vw,3rem);
  line-height:1.05;
}
.camera-store-buttons{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:12px!important;
}
.store-download-button{
  display:inline-flex!important;
  align-items:center!important;
  gap:12px!important;
  min-width:205px!important;
  padding:12px 16px!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:16px!important;
  color:#fff!important;
  background:#0b1220!important;
  text-decoration:none!important;
}
.store-logo{
  display:grid!important;
  width:34px!important;
  height:34px!important;
  place-items:center!important;
  flex:0 0 34px!important;
}
.store-logo svg{
  display:block!important;
  width:30px!important;
  height:30px!important;
}
.apple-logo svg{fill:#fff!important}
.store-copy{
  display:grid!important;
  text-align:left!important;
  line-height:1.05!important;
}
.store-copy small{
  color:rgba(255,255,255,.72)!important;
  font-size:.58rem!important;
}
.store-copy b{
  color:#fff!important;
  font-size:.9rem!important;
}
@media(max-width:760px){
  .camera-download-block{
    grid-template-columns:1fr;
    margin:22px 18px;
    padding:22px;
  }
  .camera-store-buttons{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
}
/* === END CAMERA 2K SAME FOUNDATION AS 3K === */

/* === AIR PURIFIER TABLE FINAL === */
.product-master-page .purifier-table-step{min-height:auto!important;padding-top:34px!important;padding-bottom:34px!important;margin:0!important}
.product-master-page .purifier-table-step + .purifier-table-step{border-top:1px solid rgba(255,255,255,.08)!important}
.product-master-page .purifier-table-step h3{max-width:820px!important;margin:0 0 10px!important}
.product-master-page .purifier-table-step .camera-only-command{max-width:820px!important;margin:0 0 18px!important;color:#fff!important;font-size:1rem!important;font-weight:700!important;line-height:1.5!important}
.product-master-page .purifier-table-phone{margin:0 auto!important}
.product-master-page .purifier-table-phone img{object-fit:contain!important;background:#fff!important}
@media(max-width:760px){.product-master-page .purifier-table-step{padding-top:24px!important;padding-bottom:24px!important}.product-master-page .purifier-table-step .camera-only-command{margin-bottom:14px!important;font-size:.95rem!important}}
/* === END AIR PURIFIER TABLE FINAL === */