/*
 * OBDeleven.ro native homepage. Visual source of truth: the live WEB-SR01 homepage
 * (decoded from the legacy LeBe iframe on 2026-10-13). Section A is copied verbatim
 * so geometry stays 1:1; section B holds only native-markup and consent additions.
 * No page builder, no carousel, no remote fonts.
 */
/* ===== A. Live WEB-SR01 stylesheet (verbatim) ===== */
  :root{
    --white:#FFFFFF;
    --bg-soft:#F5F6F8;
    --ink:#1C1C1C;
    --body:#4D4D4D;
    --muted:#8A8A8A;
    --border:#E5E5E8;
    --blue:#2D55F8;
    --blue-tint:#EEF1FF;
    --red:#D8093E;
    --red-tint:#FCEBEF;
    --premium:#262A38;
    --premium-tint:#EEEFF3;
    --black:#111111;
    --bg-blue-soft:#F2F4FA;
    --border-strong:#D6D8E0;
    --cartline-orange:#FF6A1A;
    --cartline-orange-dark:#B34D0E;
    --cartline-orange-tint:#FFF0E5;
    --cartline-navy:#15161E;
    --cartline-navy-card:#212330;
    --cartline-navy-border:#3A3D4E;
    --radius:14px;
    --radius-sm:10px;
    --shadow-card: 0 1px 2px rgba(20,20,30,.04), 0 10px 24px rgba(20,20,30,.05);
    --maxw:1320px;
    --header-h:72px;
  }
  *{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
    color:var(--body);
    background:var(--white);
    -webkit-font-smoothing:antialiased;
  }
  img{max-width:100%;display:block;}
  a{color:inherit;text-decoration:none;}
  h1,h2,h3{color:var(--ink);margin:0 0 .4em;line-height:1.15;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
  .eyebrow{
    font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--blue);margin-bottom:8px;display:block;
  }
  .btn{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    font-size:15px;font-weight:700;padding:13px 22px;border-radius:999px;border:2px solid transparent;cursor:pointer;
    transition:transform .12s ease, opacity .12s ease;
  }
  .btn:active{transform:scale(.98);}
  .btn-black{background:var(--black);color:var(--white);}
  .btn-black:hover{opacity:.88;}
  .btn-blue{background:var(--blue);color:var(--white);}
  .btn-blue:hover{opacity:.9;}
  .btn-red{background:var(--red);color:var(--white);}
  .btn-red:hover{opacity:.9;}
  .btn-premium{background:var(--premium);color:var(--white);}
  .btn-premium:hover{opacity:.9;}
  .btn-outline{background:var(--white);color:var(--ink);border-color:var(--border);}
  .btn-outline:hover{border-color:var(--ink);}
  .btn-block{width:100%;}
  section{padding:56px 0;}
  .section-head{text-align:center;max-width:640px;margin:0 auto 32px;}
  .section-head h2{font-size:28px;}
  .section-head p{font-size:15px;color:var(--body);margin:0;}
  .band-soft{background:var(--bg-soft);}
  .band-blue{background:var(--bg-blue-soft);}

  /* ---------- Header ---------- */
  header.site-header{
    position:sticky;top:0;z-index:50;background:var(--white);border-bottom:1px solid var(--border);height:var(--header-h);
  }
  .header-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:24px;}
  .logo{font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.01em;display:flex;align-items:center;}
  .logo .dot{width:9px;height:9px;border-radius:50%;background:var(--blue);display:inline-block;margin-right:8px;}
  nav.primary-nav{display:flex;align-items:center;gap:16px;}
  nav.primary-nav a{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;}
  nav.primary-nav a:hover{color:var(--blue);}
  .nav-dropdown{position:relative;}
  .nav-dropdown-toggle{
    font-size:13px;font-weight:600;color:var(--ink);background:none;border:none;cursor:pointer;padding:0;
    font-family:inherit;white-space:nowrap;
  }
  .nav-dropdown-toggle:hover{color:var(--blue);}
  .nav-dropdown-menu{
    display:none;position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);
    background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);
    padding:8px;min-width:180px;z-index:30;
  }
  .nav-dropdown-menu.open{display:block;}
  .nav-dropdown-menu a{display:block;padding:9px 12px;font-size:13.5px;font-weight:600;white-space:normal;border-radius:6px;}
  .nav-dropdown-menu a:hover{background:var(--bg-soft);}
  .header-utils{display:flex;align-items:center;gap:18px;}
  .icon-btn{background:none;border:none;cursor:pointer;padding:6px;color:var(--ink);position:relative;display:flex;}
  .icon-btn svg{width:20px;height:20px;}
  .search-wrap{position:relative;}
  .search-flyout{
    position:absolute;top:calc(100% + 10px);right:-8px;background:var(--white);border:1px solid var(--border);
    border-radius:999px;box-shadow:var(--shadow-card);padding:4px;display:none;width:260px;
  }
  .search-flyout.open{display:block;}
  .search-flyout input{
    width:100%;border:none;background:none;padding:10px 16px;font-size:14px;color:var(--ink);outline:none;
  }
  .cart-count{
    position:absolute;top:-2px;right:-2px;background:var(--blue);color:#fff;font-size:10px;font-weight:800;
    width:15px;height:15px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  }
  .menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px;}
  .menu-toggle svg{width:24px;height:24px;}
  .mobile-nav{
    display:none;position:fixed;inset:0;background:var(--white);z-index:60;padding:20px 24px;overflow-y:auto;
  }
  .mobile-nav.open{display:block;}
  .mobile-nav-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;}
  .mobile-nav a{display:block;font-size:19px;font-weight:700;color:var(--ink);padding:14px 0;border-bottom:1px solid var(--border);}
  .mobile-nav-group{border-bottom:1px solid var(--border);padding:14px 0 6px;}
  .mobile-nav-label{display:block;font-size:19px;font-weight:700;color:var(--ink);margin-bottom:4px;}
  .mobile-nav a.mobile-nav-sub{font-size:15.5px;font-weight:600;color:var(--body);padding:8px 0 8px 12px;border-bottom:none;}

  /* ---------- Hero ---------- */
  .hero{padding:52px 0 40px;}
  .hero-inner{display:grid;grid-template-columns:1.15fr 1fr;gap:48px;align-items:center;}
  .hero h1{font-size:44px;letter-spacing:-.01em;}
  .hero p.lead{font-size:17px;line-height:1.55;max-width:480px;margin:0 0 26px;}
  .hero-visual{
    background:#0A0A0C;border-radius:var(--radius);aspect-ratio:16/10;display:flex;align-items:center;justify-content:center;overflow:hidden;
    position:relative;
  }
  .hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 40%;}

  /* ---------- Switch ---------- */
  .switch-section{padding:22px 24px 44px;text-align:center;}
  .switch-track{
    display:inline-flex;border-radius:999px;padding:7px;gap:4px;position:relative;
    min-width:380px;max-width:460px;justify-content:center;
  }
  .switch-track.is-stuck{position:sticky;top:calc(var(--header-h) + 10px);z-index:40;box-shadow:0 4px 16px rgba(20,20,30,.14);}
  .switch-btn{
    position:relative;border:1.5px solid var(--ink);background:none;padding:15px 28px;border-radius:999px;font-size:15.5px;font-weight:700;color:var(--body);cursor:pointer;
    transition:background .15s ease, color .15s ease, box-shadow .15s ease, border-color .15s ease;white-space:nowrap;
  }
  .switch-btn:hover{color:var(--ink);}
  .switch-btn[aria-selected="true"]{background:var(--white);color:var(--ink);border-color:var(--cartline-orange);}

  /* ---------- Offer cards ---------- */
  .offers{padding-top:8px;padding-bottom:64px;}
  .offer-grid{display:grid;gap:24px;grid-template-columns:repeat(3,1fr);align-items:stretch;}
  .offer-card{
    position:relative;background:var(--white);border:1.5px solid var(--border-strong);border-radius:var(--radius);
    padding:30px 26px 26px;display:flex;flex-direction:column;overflow:hidden;
    box-shadow:0 2px 5px rgba(20,20,30,.05), 0 16px 32px rgba(20,20,30,.07);
  }
  .offer-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:transparent;}
  .offer-card.accent-blue::before{background:var(--blue);}
  .offer-card.accent-blue{box-shadow:0 2px 5px rgba(20,20,30,.05), 0 16px 32px rgba(45,85,248,.10);}
  .offer-card.accent-premium::before{background:var(--premium);}
  .card-badge{
    position:absolute;top:16px;right:-1px;background:var(--blue);color:#fff;font-size:11.5px;font-weight:800;
    letter-spacing:.03em;text-transform:uppercase;padding:6px 14px 6px 16px;border-radius:8px 0 0 8px;
  }
  .card-badge.soft{position:static;display:inline-block;background:var(--blue-tint);color:var(--blue);border-radius:999px;margin-bottom:10px;padding:5px 12px;}
  .card-image{
    background:var(--bg-soft);border:2px solid var(--ink);border-radius:var(--radius-sm);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;
    margin-bottom:18px;overflow:hidden;
  }
  .card-image img{width:80%;object-fit:contain;}
  .card-image .img-fallback{font-size:12px;color:var(--muted);text-align:center;padding:0 16px;}
  .offer-card h3{font-size:19px;margin-bottom:6px;}
  .offer-card .card-sub{font-size:13.5px;color:var(--muted);margin-bottom:14px;}
  .card-includes{list-style:none;margin:0 0 18px;padding:0;font-size:14px;}
  .card-includes li{padding:6px 0 6px 22px;position:relative;border-top:1px solid var(--border);}
  .card-includes li:first-child{border-top:none;}
  .card-includes li::before{content:"";position:absolute;left:0;top:12px;width:7px;height:7px;border-radius:50%;background:var(--black);}
  .offer-card.accent-blue .card-includes li::before{background:var(--blue);}
  .offer-card.accent-premium .card-includes li::before{background:var(--premium);}
  .card-footnote{font-size:11.5px;color:var(--muted);margin:-10px 0 14px;}
  .price-row{margin-top:auto;padding-top:6px;}
  .price-now{font-size:24px;font-weight:800;color:var(--ink);}
  .price-old{font-size:14px;color:var(--muted);text-decoration:line-through;margin-left:8px;}
  .price-combo{font-size:12.5px;color:var(--muted);margin:2px 0 12px;}
  .card-cta{margin-top:12px;}
  .device-link-row{text-align:center;padding:26px 0 8px;font-size:14.5px;}
  .device-link-row a{color:var(--blue);font-weight:700;border-bottom:1px solid transparent;}
  .device-link-row a:hover{border-color:var(--blue);}

  /* ---------- Compatibility gateway ---------- */
  .compat-gateway{max-width:560px;margin:0 auto;text-align:center;}
  .compat-gateway h2{font-size:26px;}
  .compat-gateway p{font-size:15px;color:var(--body);margin:0 0 24px;}

  /* ---------- Comparison ---------- */
  .comparison-scroll{overflow-x:auto;border:1.5px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-card);}
  table.compare{width:100%;border-collapse:collapse;min-width:640px;font-size:14px;}
  table.compare th, table.compare td{padding:15px 16px;text-align:left;border-bottom:1px solid var(--border);transition:border-color .15s ease;}.compare tbody tr:hover td{border-color:var(--blue);}
  table.compare th:not(:first-child), table.compare td:not(:first-child){border-left:1px solid var(--border);}
  table.compare thead th{background:#EDEEF3;font-size:12.5px;color:var(--body);font-weight:800;text-transform:uppercase;letter-spacing:.03em;}
  table.compare th:first-child, table.compare td:first-child{
    position:sticky;left:0;background:var(--white);font-weight:700;color:var(--ink);z-index:2;min-width:170px;
  }
  table.compare thead th:first-child{background:#EDEEF3;}
  table.compare td.col-pro, table.compare th.col-pro{background:var(--blue-tint);border-left:1.5px solid var(--blue);border-right:1.5px solid var(--blue);}
  table.compare th:first-child.col-pro{background:#EDEEF3;}
  table.compare th.col-pro{box-shadow:inset 0 3px 0 var(--blue);}
  table.compare .pro-label{color:var(--blue);font-weight:800;}
  table.compare tr:last-child td{border-bottom:none;}
  .comparison-scroll-hint{display:none;font-size:12px;color:var(--muted);text-align:center;margin-top:10px;}

  /* ---------- FAQ ---------- */
  .faq-state-label{
    text-align:center;font-size:13px;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.03em;margin-bottom:18px;
  }
  .faq-list{max-width:840px;margin:0 auto;}
  .faq-item{border-bottom:1px solid var(--border);transition:border-color .15s ease;}.faq-item:hover{border-color:var(--blue);}
  .faq-q{
    width:100%;text-align:left;background:none;border:none;padding:18px 4px;font-size:15.5px;font-weight:700;color:var(--ink);
    display:flex;justify-content:space-between;align-items:center;cursor:pointer;gap:16px;
  }
  .faq-q svg{flex:0 0 auto;width:16px;height:16px;transition:transform .18s ease;}
  .faq-item[data-open="true"] .faq-q svg{transform:rotate(45deg);}
  .faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;font-size:14.5px;line-height:1.6;}
  .faq-item[data-open="true"] .faq-a{max-height:640px;}
  .faq-a p{margin:0 4px 14px;}
  .faq-a p:last-child{margin-bottom:18px;}
  .faq-steps{margin:0 4px 14px;padding-left:20px;}
  .faq-steps li{margin-bottom:6px;}
  .faq-a a{color:var(--blue);font-weight:700;border-bottom:1px solid transparent;}
  .faq-a a:hover{border-color:var(--blue);}

  /* ---------- Knowledge Center entry ---------- */
  .kc-entry{background:var(--cartline-navy);color:#EDEEF3;border-radius:var(--radius);padding:48px 40px;margin:0 24px;max-width:calc(var(--maxw) - 48px);margin-left:auto;margin-right:auto;}
  .kc-entry .wrap{padding:0;}
  .kc-inner{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;}
  .kc-lockup{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--cartline-orange);margin-bottom:14px;}
  .kc-entry h2{color:#fff;font-size:26px;}
  .kc-entry p.lead{color:#B9BCC9;font-size:15px;margin-bottom:0;}
  .kc-search{
    display:flex;align-items:center;gap:12px;background:var(--cartline-navy-card);border:1.5px solid var(--cartline-navy-border);border-radius:999px;padding:16px 22px;margin-bottom:16px;
    box-shadow:0 8px 24px rgba(0,0,0,.18);
  }
  .kc-search svg{width:20px;height:20px;color:var(--cartline-orange);flex:0 0 auto;}
  .kc-search input{flex:1;background:none;border:none;color:#fff;font-size:16px;outline:none;}
  .kc-search input::placeholder{color:#7A7D8C;}
  .kc-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;}
  .kc-chip{display:inline-block;background:var(--cartline-navy-card);color:#C9CBD6;font-size:12.5px;font-weight:600;padding:7px 13px;border-radius:999px;transition:background .15s ease,color .15s ease;}
  .kc-chip:hover{background:#32364A;color:var(--cartline-orange);}
  .kc-cta{background:var(--cartline-orange);color:#fff;}
  .kc-cta:hover{opacity:.9;}

  /* ---------- Why buy ---------- */
  .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .why-tile{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:20px;}
  .why-tile .icon{width:34px;height:34px;border-radius:9px;background:var(--blue-tint);color:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
  .why-tile .icon svg{width:18px;height:18px;}
  .why-tile h3{font-size:15px;margin-bottom:4px;}
  .why-tile p{font-size:13.5px;margin:0;color:var(--body);}
  .why-tile.why-featured{
    border-color:var(--cartline-orange);background:var(--cartline-orange-tint);
    box-shadow:0 4px 10px rgba(255,106,26,.10), 0 18px 34px rgba(20,20,30,.06);
  }
  .why-tile.why-featured .icon{background:#FFE0C7;color:var(--cartline-orange-dark);}
  .why-tile.why-featured p{color:var(--cartline-orange-dark);font-weight:700;}
  .why-badge{
    display:inline-block;background:var(--cartline-orange);color:#fff;font-size:11px;font-weight:800;
    letter-spacing:.03em;padding:3px 9px;border-radius:999px;margin-left:6px;vertical-align:middle;
  }

  /* ---------- Footer ---------- */
  footer.site-footer{background:var(--bg-soft);padding-top:32px;}
  .footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:20px;padding-bottom:20px;}
  .footer-col h4{font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin:0 0 14px;}
  .footer-col ul{list-style:none;margin:0;padding:0;}
  .footer-col li{margin-bottom:10px;font-size:14px;}
  .footer-col a:hover{color:var(--blue);}
  .footer-unresolved{color:var(--muted);border-bottom:1px dotted var(--border);cursor:default;}
  .footer-brand .logo{margin-bottom:10px;}
  .footer-brand p{font-size:13px;color:var(--muted);max-width:220px;}
  .footer-company{font-size:13px;color:var(--muted);margin:0;line-height:1.6;}
  .footer-company a{color:var(--body);}
  .footer-company a:hover{color:var(--blue);}
  .footer-bottom{border-top:1px solid var(--border);padding:14px 0;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;color:var(--muted);text-align:center;}
  .footer-bottom strong{color:var(--body);}
  .footer-legal-entity{display:block;font-size:11px;color:var(--muted);margin-top:2px;}
  .footer-trust-strip{
    border-top:1px solid var(--border);padding:16px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
    gap:8px 14px;font-size:12.5px;font-weight:600;color:var(--body);text-align:center;
  }
  .footer-trust-sep{color:var(--muted);font-weight:400;}
  .footer-trust-link{color:var(--blue);font-weight:700;margin-left:6px;}
  .footer-trust-link:hover{border-bottom:1px solid var(--blue);}

  /* ---------- Utility ---------- */
  .hide-desktop{display:none;}

  /* ---------- Mobile ---------- */
  @media (max-width: 880px){
    nav.primary-nav{display:none;}
    .menu-toggle{display:block;}
    .hero-inner{grid-template-columns:1fr;gap:28px;text-align:center;}
    .hero p.lead{margin-left:auto;margin-right:auto;}
    .hero h1{font-size:32px;}
    .hero-visual{order:-1;}
    .offer-grid{grid-template-columns:1fr;}
    .kc-inner{grid-template-columns:1fr;}
    .why-grid{grid-template-columns:repeat(2,1fr);}
    .footer-grid{grid-template-columns:1fr;gap:6px;padding-bottom:8px;}
    .footer-col{border-bottom:1px solid var(--border);}
    .footer-col h4{cursor:pointer;padding:16px 0;margin:0;display:flex;justify-content:space-between;align-items:center;}
    .footer-col ul{display:none;padding-bottom:14px;}
    .footer-col[data-open="true"] ul{display:block;}
    .footer-brand{border-bottom:none;}
    .footer-brand ul{display:block;padding-bottom:16px;}
    .hide-desktop{display:block;}
    .comparison-scroll-hint{display:block;}
    .footer-trust-strip{flex-direction:column;gap:6px;}
    .footer-trust-sep{display:none;}
    .footer-trust-link{margin-left:0;margin-top:4px;}
    .switch-track{min-width:0;max-width:100%;width:100%;}
    .switch-btn{flex:1 1 0;padding:16px 18px;font-size:15px;}

    /* ---------- Knowledge Center mobile containment ---------- */
    .kc-entry{width:100%;max-width:100%;box-sizing:border-box;margin:0;padding:32px 20px;}
    .kc-entry .kc-inner{width:100%;max-width:100%;}
    form.kc-search{width:100%;max-width:100%;box-sizing:border-box;}
    .kc-search input{min-width:0;width:100%;max-width:100%;}
    .kc-chips{width:100%;max-width:100%;}
    .kc-cta{max-width:100%;box-sizing:border-box;white-space:normal;text-align:center;}

    /* ---------- Comparison table mobile containment ---------- */
    .comparison-scroll{width:100%;max-width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch;}
    table.compare{table-layout:fixed;min-width:0;}
    table.compare th, table.compare td{padding:10px 10px;font-size:12.5px;white-space:normal;word-break:break-word;}
    table.compare th:first-child, table.compare td:first-child{width:104px;min-width:104px;max-width:104px;}
    table.compare th:not(:first-child), table.compare td:not(:first-child){width:240px;min-width:240px;max-width:240px;}
  }

  .offer-card{transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;}
  .offer-card:hover{transform:scale(1.035);border-color:var(--blue);box-shadow:0 6px 16px rgba(20,20,30,.10), 0 28px 56px rgba(20,20,30,.14);z-index:2;}

/* ===== A2. Live produse dropdown stylesheet (verbatim) ===== */
.produse-nav-item { position: relative; }
.produse-nav-item .produse-dropdown {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
  padding: 8px 0;
  min-width: 190px;
  z-index: 1000;
}
.produse-nav-item:hover .produse-dropdown,
.produse-nav-item:focus-within .produse-dropdown { display: block; }
.produse-dropdown a {
  display: block;
  padding: 8px 16px;
  white-space: nowrap;
  font-size: 13px;
  font-weight: 600;
}
a.produse-sub-mobile {
  padding-left: 32px !important;
  font-size: 0.92em !important;
  font-weight: 500 !important;
  opacity: 0.85;
}

/* ===== B. Native-markup additions (no visual change versus live) ===== */
[hidden]{display:none!important;}
.site-header .logo img{height:34px;width:auto;display:block;}
.mobile-nav-head .logo img,.footer-brand .logo img{height:30px;width:auto;display:block;}
.card-image img{height:auto;}
.obd-skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--white);color:var(--ink);padding:10px 16px;}
.obd-skip:focus{left:16px;top:8px;}