.elementor-kit-6{--e-global-color-primary:#10231A;--e-global-color-secondary:#2F7D0C;--e-global-color-text:#34493B;--e-global-color-accent:#6FD41C;--e-global-color-do_bg:#F6F9F4;--e-global-color-do_bg2:#ECF3E8;--e-global-color-do_muted:#5A6D61;--e-global-color-do_logo:#5BC113;--e-global-typography-primary-font-family:"Heebo";--e-global-typography-primary-font-weight:800;--e-global-typography-secondary-font-family:"Heebo";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Heebo";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Heebo";--e-global-typography-accent-font-weight:700;background-color:#F6F9F4;color:#34493B;font-family:"Heebo", Sans-serif;font-size:17px;line-height:1.7em;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:#2F7D0C;}.elementor-kit-6 a:hover{color:#10231A;}.elementor-kit-6 h1{color:#10231A;}.elementor-kit-6 h2{color:#10231A;}.elementor-kit-6 h3{color:#10231A;}.elementor-kit-6 h4{color:#10231A;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1240px;}.e-con{--container-max-width:1240px;--container-default-padding-top:0px;--container-default-padding-right:22px;--container-default-padding-bottom:0px;--container-default-padding-left:22px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* ===== Dr Optica 2026 design system (light). Classes prefixed do- ===== */
:root{--do-ink:#10231A;--do-muted:#5A6D61;--do-gd:#2F7D0C;--do-g:#5BC113;--do-neon:#6FD41C;--do-bg:#F6F9F4;--do-bg2:#ECF3E8;
  --do-line:rgba(70,150,20,.28);--do-line2:rgba(16,35,26,.10);--do-glow:rgba(91,193,19,.35);--do-r:18px;
  --do-mono:'JetBrains Mono',ui-monospace,monospace;--do-ease:cubic-bezier(.16,1,.3,1)}
body{-webkit-font-smoothing:antialiased}
:focus-visible{outline:2px solid var(--do-gd);outline-offset:3px}
.do-mono,.do-mono *{font-family:var(--do-mono)!important;direction:ltr;unicode-bidi:isolate;white-space:nowrap}

/* sections */
.e-con.do-sec{padding-top:110px;padding-bottom:110px}
.e-con.do-sec-alt{background:var(--do-bg2)}
.e-con.do-white{background:#fff}
@media (max-width:767px){.e-con.do-sec{padding-top:76px;padding-bottom:76px}}

/* type */
.do-kicker .elementor-heading-title{font-family:var(--do-mono)!important;font-size:13px!important;font-weight:600!important;letter-spacing:.08em;color:var(--do-gd)!important;direction:ltr;text-align:right}
.do-h2 .elementor-heading-title{font-size:clamp(34px,4.6vw,60px)!important;line-height:1.08!important;font-weight:800!important;color:var(--do-ink)!important;letter-spacing:-.01em}
.do-h2.do-center .elementor-heading-title{text-align:center}
.do-hl{color:var(--do-gd)}
.do-lede,.do-lede p{font-size:19px;line-height:1.75;color:#34493B;font-weight:300;max-width:640px}
.do-lede.do-center,.do-lede.do-center p{margin-inline:auto;text-align:center}
.do-muted,.do-muted p{color:var(--do-muted)}

/* buttons (button widget + .do-btn-* class) */
.do-btn-wa .elementor-button,.do-btn-ghost .elementor-button{border-radius:999px!important;padding:14px 24px!important;font-family:'Heebo',sans-serif!important;font-weight:700!important;font-size:16px!important;line-height:1.2;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s}
.do-btn-wa .elementor-button{background:var(--do-neon)!important;color:#0B1A10!important;border:0!important}
.do-btn-wa .elementor-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px var(--do-glow)}
.do-btn-wa .elementor-button-text::before{content:"";display:inline-block;width:19px;height:19px;margin-inline-end:9px;vertical-align:-4px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230B1A10'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5-1.3A10 10 0 1 0 12 2Zm4.5 12.1c-.2-.1-1.5-.7-1.7-.8-.2-.1-.4-.1-.6.1l-.8 1c-.1.2-.3.2-.5.1a6.7 6.7 0 0 1-3.3-2.9c-.3-.4.3-.4.7-1.3.1-.2 0-.3 0-.4l-.8-1.8c-.2-.5-.4-.4-.6-.4h-.5a1 1 0 0 0-.7.3 3 3 0 0 0-.9 2.2 5.1 5.1 0 0 0 1.1 2.7 11.6 11.6 0 0 0 4.4 3.9c1.6.7 2.3.8 3.1.6.5-.1 1.5-.6 1.7-1.2.2-.6.2-1.1.2-1.2l-.6-.3Z'/%3E%3C/svg%3E")}
.do-btn-ghost .elementor-button{background:#fff!important;color:var(--do-ink)!important;border:1px solid var(--do-line)!important}
.do-btn-ghost .elementor-button:hover{border-color:var(--do-gd)!important;transform:translateY(-2px)}
.do-btn-tel .elementor-button-text::before{content:"";display:inline-block;width:18px;height:18px;margin-inline-end:9px;vertical-align:-3px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310231A' stroke-width='1.8'%3E%3Cpath d='M5 4h4l2 5-2.5 1.5a11 11 0 0 0 5 5L15 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2'/%3E%3C/svg%3E")}
.do-btn-tel .elementor-button-text{font-family:var(--do-mono);direction:ltr;unicode-bidi:isolate}
.do-btns{gap:12px!important}
.do-btns > .elementor-widget{width:auto!important;margin:0!important}

/* panels + cards */
.e-con.do-panel{background:#fff;border:1px solid var(--do-line2);border-radius:var(--do-r);box-shadow:0 4px 18px rgba(16,35,26,.05)}
.e-con.do-card{position:relative;min-height:300px;border-radius:var(--do-r);overflow:hidden;justify-content:flex-end;box-shadow:0 10px 30px rgba(16,35,26,.08);text-decoration:none;transition:transform .45s var(--do-ease),box-shadow .45s}
.e-con.do-card::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(6,13,9,.04) 25%,rgba(6,13,9,.9) 88%)}
.e-con.do-card > *{position:relative;z-index:1}
.e-con.do-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(16,35,26,.14)}
.do-card .elementor-heading-title{color:#fff!important;font-size:26px!important;font-weight:800!important}
.do-card .elementor-widget-text-editor,.do-card .elementor-widget-text-editor p{color:#E3EEE5!important;font-size:15.5px;margin:0}
.do-card .do-go .elementor-heading-title{font-size:14.5px!important;color:#9CF05A!important;font-weight:700!important}
.do-panel .elementor-heading-title{color:var(--do-ink)}

/* counters */
.do-counter .elementor-counter-number-wrapper{font-family:var(--do-mono)!important;font-size:clamp(34px,4vw,52px)!important;font-weight:600!important;color:var(--do-ink)!important;direction:ltr;justify-content:flex-start!important}
.do-counter .elementor-counter-number-prefix{color:var(--do-gd);flex-grow:0!important;text-align:right}
.do-counter .elementor-counter-title{color:var(--do-muted)!important;font-size:15px!important;font-weight:400!important;text-align:right!important}
.do-counter .elementor-counter{align-items:flex-start}

/* tick list */
.do-ticks .elementor-icon-list-icon i,.do-ticks .elementor-icon-list-icon svg{color:var(--do-gd)!important;fill:var(--do-gd)!important}
.do-ticks .elementor-icon-list-text{color:var(--do-ink);font-size:17px}

/* quote + reviews */
.do-quote .elementor-heading-title{font-size:clamp(26px,3vw,38px)!important;font-weight:300!important;line-height:1.3!important}
.do-quote b{font-weight:800;color:var(--do-gd)}
.do-stars .elementor-heading-title{color:var(--do-gd)!important;letter-spacing:3px;font-size:15px!important}
.do-name .elementor-heading-title{font-size:15.5px!important;font-weight:700!important}

/* photo frame */
.do-photo img{border-radius:26px;border:1px solid var(--do-line2);width:100%;aspect-ratio:4/3;object-fit:cover}

/* header (Theme Builder) */
.do-header{position:sticky!important;top:0;z-index:50;transition:background .35s,box-shadow .35s}
.do-header.do-solid{background:rgba(255,255,255,.88)!important;backdrop-filter:blur(14px);box-shadow:0 6px 24px rgba(16,35,26,.06)}
.do-header .elementor-nav-menu--main .elementor-item{font-weight:500;font-size:15px;color:var(--do-muted)!important;padding-inline:9px!important;white-space:nowrap}
.do-header .elementor-nav-menu--main > .elementor-nav-menu{flex-wrap:nowrap}
.do-header .e-con:has(> .do-nav){flex:1 1 0%!important;width:auto!important;min-width:0}
.do-header .e-con:has(> .do-logo),.do-header .e-con:has(> .do-btn-wa){flex:0 0 auto!important;width:auto!important}
.do-header .elementor-nav-menu--main .elementor-item:hover,.do-header .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var(--do-gd)!important}
.do-header .elementor-nav-menu--main .elementor-item::after{background-color:var(--do-g)!important;height:2px!important}
.do-header .elementor-menu-toggle{border:1px solid var(--do-line2);border-radius:12px;background:#fff;color:var(--do-ink)}
.do-header .elementor-nav-menu--dropdown{background:#fff;border-radius:14px;box-shadow:0 18px 40px rgba(16,35,26,.12)}
.do-header .elementor-nav-menu--dropdown .elementor-item{color:var(--do-ink)!important}
.do-logo img{height:40px!important;width:auto!important}
.do-header .do-headjs{position:absolute!important;width:0!important;height:0!important;margin:0!important}
@media (max-width:767px){.do-logo img{height:32px!important}}
.do-tel .elementor-button{background:#fff!important;border:1px solid var(--do-line2)!important;color:var(--do-ink)!important;border-radius:999px!important;padding:9px 15px!important;font-family:var(--do-mono)!important;font-size:14.5px!important}
.do-header .do-btn-wa .elementor-button{padding:10px 16px!important;font-size:15px!important}
@media (max-width:1500px){.do-header .do-tel{display:none}}
@media (max-width:1024px){.do-header .do-btn-wa{display:none}}

/* footer */
.do-footer{background:#fff;border-top:1px solid var(--do-line2)}
.do-footer .elementor-heading-title{font-size:16px!important;font-weight:700!important;color:var(--do-ink)!important}
.do-footer,.do-footer p,.do-footer a{color:var(--do-muted);font-size:15px}
.do-footer a:hover{color:var(--do-gd)}
.do-footer .do-legal a{margin-inline-end:16px}
.do-credit,.do-credit p{font-size:13px!important;opacity:.8}

/* floating WhatsApp (mobile) */
.do-fab{position:fixed;bottom:18px;inset-inline-end:18px;z-index:60;width:58px;height:58px;border-radius:50%;background:var(--do-neon);display:none;align-items:center;justify-content:center;box-shadow:0 10px 30px var(--do-glow)}
.do-fab svg{width:28px;height:28px}
@media (max-width:767px){.do-fab{display:flex}}

/* bento grid of service cards (home, services hub) */
.e-con.do-bento{display:grid!important;grid-template-columns:repeat(12,1fr);gap:18px}
.e-con.do-bento > .e-con{width:auto!important}
.e-con.do-c1{grid-column:span 7;min-height:420px}.e-con.do-c2{grid-column:span 5;min-height:420px}
.e-con.do-c3,.e-con.do-c4,.e-con.do-c5{grid-column:span 4}.e-con.do-c6{grid-column:span 12;min-height:240px;background-position:50% 70%!important}
@media (max-width:1024px){.e-con.do-c1,.e-con.do-c2,.e-con.do-c5{grid-column:span 12}.e-con.do-c3,.e-con.do-c4{grid-column:span 6}}
@media (max-width:767px){.e-con.do-c3,.e-con.do-c4{grid-column:span 12}}
/* ===== inner pages (service pages and friends) ===== */
.e-con.do-phero{padding-top:70px;padding-bottom:80px;background:radial-gradient(60% 80% at 15% 40%,rgba(91,193,19,.10),transparent 70%),var(--do-bg)}
.do-pill .elementor-heading-title{display:inline-flex;align-items:center;gap:10px;font-size:14.5px!important;font-weight:500!important;color:var(--do-gd)!important;border:1px solid var(--do-line);background:#fff;padding:6px 14px;border-radius:999px}
.do-pill .elementor-heading-title::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--do-neon);box-shadow:0 0 10px var(--do-neon)}
.do-h1s .elementor-heading-title{font-size:clamp(42px,6vw,76px)!important;line-height:1.04!important;font-weight:900!important;color:var(--do-ink)!important;letter-spacing:-.01em}
.do-ph img{border-radius:28px;width:100%;aspect-ratio:5/4;object-fit:cover;box-shadow:0 30px 70px rgba(16,35,26,.16),0 0 0 6px #fff}
.do-ph{position:relative}
.do-ph::after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;inset-inline-start:-26px;bottom:-26px;border:2px solid var(--do-g);background:radial-gradient(circle,rgba(255,255,255,.6),rgba(255,255,255,.15));backdrop-filter:blur(2px);box-shadow:0 0 0 10px rgba(91,193,19,.08);pointer-events:none}
.do-intro,.do-intro p{font-size:clamp(19px,1.9vw,23px)!important;line-height:1.7;color:var(--do-ink);font-weight:300;max-width:860px;margin-inline:auto;text-align:center}
.e-con.do-chapter{border-top:1px solid var(--do-line2);padding-top:44px;padding-bottom:44px}
.e-con.do-chapter:first-child{border-top:0}
.do-h2s .elementor-heading-title{font-size:clamp(28px,3vw,40px)!important;line-height:1.15!important;font-weight:800!important;color:var(--do-ink)!important}
.do-prose,.do-prose p,.do-prose li{font-size:18px;line-height:1.8;color:#2A3E31}
.do-prose ul{list-style:none;padding:0;margin:14px 0;display:grid;gap:10px}
.do-prose li{position:relative;padding-inline-start:30px}
.do-prose li::before{content:"";position:absolute;inset-inline-start:0;top:.55em;width:16px;height:16px;border-radius:50%;background:#F0F9E8;border:2px solid var(--do-g)}
.do-prose strong{color:var(--do-ink)}
.do-prose ol{list-style:none;counter-reset:dostep;padding:0;margin:14px 0;display:grid;gap:12px}
.do-prose ol li{counter-increment:dostep;padding-inline-start:44px}
.do-prose ol li::before{content:counter(dostep);top:.15em;width:30px;height:30px;border:0;background:var(--do-neon);color:#0B1A10;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;font-family:var(--do-mono)}
.e-con.do-faqgrid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:18px}
.e-con.do-faqgrid > .e-con{width:auto!important;padding:26px}
.do-faqgrid .elementor-heading-title{font-size:19px!important;font-weight:700!important;color:var(--do-ink)!important}
.do-faqgrid .elementor-widget-text-editor,.do-faqgrid p{color:#34493B;font-size:16px}
.e-con.do-minis{display:grid!important;grid-template-columns:repeat(5,1fr);gap:14px}
.e-con.do-minis > .e-con{width:auto!important;min-height:190px!important}
.do-minis .elementor-heading-title{font-size:19px!important}
.e-con.do-cta{text-align:center;background:radial-gradient(60% 70% at 50% 100%,rgba(91,193,19,.18),transparent 70%),#fff}
@media (max-width:1024px){.e-con.do-faqgrid{grid-template-columns:1fr 1fr}.e-con.do-minis{grid-template-columns:repeat(3,1fr)}}
@media (max-width:767px){.e-con.do-phero{padding-top:36px;padding-bottom:56px}.e-con.do-faqgrid,.e-con.do-minis{grid-template-columns:1fr}
  .do-ph::after{width:96px;height:96px;inset-inline-start:-10px;bottom:-14px}.e-con.do-chapter{padding-top:30px;padding-bottom:30px}}
@media (prefers-reduced-motion:reduce){.do-btn-wa .elementor-button:hover,.e-con.do-card:hover{transform:none}}/* End custom CSS */