@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700;800&display=swap');
.otocam-app{--p:#97007d;--navy:#061b3c;--muted:#77859d;--line:#dbe3ef;font-family:Outfit,Arial,sans-serif;color:var(--navy);background:#fff;max-width:980px;margin:auto;border-radius:28px;overflow:hidden;box-shadow:0 18px 55px rgba(9,32,67,.06)}.otocam-app *{box-sizing:border-box}.otocam-header{padding:28px 38px;border-bottom:1px solid #edf0f5}.otocam-header img{display:block;width:min(330px,48vw);height:auto}.otocam-main{padding:48px 38px 38px}.otocam-hero{max-width:850px}.otocam-badge{display:inline-flex;border:2px solid #d650bc;border-radius:999px;padding:12px 22px;font-weight:800;letter-spacing:.06em;color:#8c176f;font-size:17px}.otocam-hero h1{font-size:clamp(40px,6vw,68px);line-height:1.03;letter-spacing:-.04em;margin:32px 0 20px}.otocam-hero p{font-size:clamp(18px,2.4vw,27px);line-height:1.5;color:var(--muted);margin:0 0 42px}.otocam-services{border:2px solid var(--line);border-radius:28px;padding:28px;box-shadow:0 18px 45px rgba(18,47,89,.05)}.otocam-services h2{font-size:30px;margin:0 0 3px}.otocam-services>p{font-size:19px;color:var(--muted);margin:0 0 22px}.otocam-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.otocam-service{appearance:none;background:#fff;border:2px solid var(--line);border-radius:22px;min-height:112px;padding:18px 22px;display:flex;align-items:center;gap:18px;color:var(--navy);cursor:pointer;text-align:left;transition:.2s}.otocam-service:hover{border-color:#c854b5;transform:translateY(-2px);box-shadow:0 12px 30px rgba(151,0,125,.08)}.otocam-service b{font:700 22px Outfit}.otocam-icon{width:64px;height:64px;flex:0 0 64px;border-radius:18px;background:#f8eaf7;display:grid;place-items:center;color:var(--p)}.otocam-icon svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.otocam-service .arrow{margin-left:auto;color:var(--p);font-size:34px}.otocam-contactbar{margin-top:42px;border:2px solid var(--line);border-radius:28px;padding:20px 12px;display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 18px 45px rgba(18,47,89,.05)}.otocam-contactbar button{border:0;background:none;color:var(--navy);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:8px;padding:4px 8px;border-right:1px solid var(--line);font-family:Outfit}.otocam-contactbar button:last-child{border:0}.otocam-contactbar svg{width:54px;height:54px;padding:14px;border-radius:50%;background:var(--p);color:#fff;fill:none;stroke:currentColor;stroke-width:1.8}.otocam-contactbar .wa svg{background:#19b94b}.otocam-contactbar span{font-weight:700;font-size:16px}.otocam-contactbar small{display:block;color:#8794a9;font-size:12px;font-weight:500;margin-top:2px}.otocam-form-screen{max-width:680px;margin:auto}.otocam-back{border:0;background:none;color:var(--p);font:600 16px Outfit;cursor:pointer;padding:0 0 18px}.otocam-form-head{text-align:center}.otocam-form-head img,.otocam-success>img{width:220px;max-width:60%;height:auto}.otocam-form-head h2{font-size:32px;margin:18px 0 4px}.otocam-form-head p{color:var(--muted);font-size:17px;margin:0 0 26px}.otocam-form{display:grid;gap:16px}.otocam-form label{display:grid;gap:7px;font-weight:700;font-size:15px}.otocam-form input:not([type=file]):not([type=checkbox]),.otocam-form textarea{width:100%;border:1.5px solid #ccd7e6;border-radius:12px;padding:14px 15px;font:500 16px Outfit;outline:none}.otocam-form input:focus,.otocam-form textarea:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(151,0,125,.08)}.otocam-upload-title{font-weight:800;margin-top:5px}.otocam-uploads{display:grid;grid-template-columns:1fr 1fr;gap:14px}.otocam-upload{border:1.5px dashed #aab8ca!important;border-radius:16px;padding:22px 12px;display:flex!important;flex-direction:column;align-items:center;text-align:center;cursor:pointer;background:#fcfdff}.otocam-upload svg{width:34px;height:34px;color:var(--p);fill:none;stroke:currentColor;stroke-width:1.7;margin-bottom:8px}.otocam-upload small{color:var(--muted);font-weight:500}.otocam-upload input{max-width:100%;margin-top:12px;font-size:12px}.otocam-file-note{font-size:12px;color:var(--muted);margin:-7px 0 0}.otocam-consent{grid-template-columns:20px 1fr!important;align-items:start;font-weight:500!important;color:#64748b;font-size:13px!important}.otocam-consent input{margin-top:3px}.otocam-submit{border:0;border-radius:13px;background:linear-gradient(90deg,#8e0077,#b60091);color:#fff;padding:15px 22px;font:700 17px Outfit;cursor:pointer}.otocam-submit:disabled{opacity:.6}.otocam-status{font-size:14px;text-align:center}.otocam-status.error{color:#b42318}.otocam-success{text-align:center;max-width:560px;margin:40px auto;padding:30px}.otocam-check{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;margin:30px auto 20px;background:#e9f8ec;color:#22a73f;font-size:48px;font-weight:800}.otocam-success h2{font-size:38px;margin:0 0 10px}.otocam-success p{font-size:19px;color:var(--muted);line-height:1.5}.otocam-success .otocam-submit{margin-top:18px;width:100%}
@media(max-width:650px){.otocam-app{border-radius:0;box-shadow:none}.otocam-header{padding:22px 20px}.otocam-header img{width:210px;max-width:68vw}.otocam-main{padding:30px 20px 24px}.otocam-badge{font-size:13px;padding:10px 15px}.otocam-hero h1{font-size:40px;margin:26px 0 15px}.otocam-hero p{font-size:18px;margin-bottom:30px}.otocam-services{padding:20px 16px;border-radius:22px}.otocam-services h2{font-size:24px}.otocam-services>p{font-size:15px}.otocam-grid{gap:12px}.otocam-service{min-height:88px;padding:12px 10px;gap:10px;border-radius:17px}.otocam-service b{font-size:17px}.otocam-icon{width:48px;height:48px;flex-basis:48px;border-radius:14px}.otocam-icon svg{width:30px;height:30px}.otocam-service .arrow{font-size:25px}.otocam-contactbar{margin-top:30px;border-radius:22px;padding:14px 4px}.otocam-contactbar button{padding:2px}.otocam-contactbar svg{width:42px;height:42px;padding:11px}.otocam-contactbar span{font-size:11px}.otocam-contactbar small{display:none}.otocam-uploads{grid-template-columns:1fr}.otocam-form-head h2{font-size:27px}.otocam-success{padding:15px 0}}
@media(max-width:390px){.otocam-service b{font-size:15px}.otocam-icon{width:43px;height:43px;flex-basis:43px}.otocam-contactbar span{font-size:10px}}

/* v1.3 - only landing screen is compact; form screen keeps original layout */
@media (max-width:650px){
  .otocam-app{min-height:0;display:block;overflow:hidden}
  .otocam-header{padding:14px 18px}
  .otocam-header img{width:170px;max-width:58vw;height:auto}
  .otocam-main{padding:16px 16px 14px;display:block}

  .otocam-home-screen .otocam-badge{font-size:11px;padding:7px 12px;border-width:1.5px}
  .otocam-home-screen .otocam-hero h1{font-size:clamp(29px,8.2vw,36px);line-height:1.02;margin:14px 0 8px}
  .otocam-home-screen .otocam-hero p{font-size:clamp(13px,3.65vw,16px);line-height:1.28;margin:0 0 10px}
  .otocam-home-screen .otocam-services{padding:12px 12px 11px;border-radius:18px;border-width:1.5px}
  .otocam-home-screen .otocam-services h2{font-size:clamp(20px,5.7vw,24px);line-height:1.05;margin:0 0 2px}
  .otocam-home-screen .otocam-services>p{font-size:clamp(11px,3.2vw,14px);line-height:1.15;margin:0 0 9px}
  .otocam-home-screen .otocam-grid{gap:8px}
  .otocam-home-screen .otocam-service{min-height:64px;padding:7px 9px;gap:8px;border-radius:14px;border-width:1.5px}
  .otocam-home-screen .otocam-service b{font-size:clamp(13px,3.8vw,17px);line-height:1.05}
  .otocam-home-screen .otocam-icon{width:40px;height:40px;flex:0 0 40px;border-radius:11px}
  .otocam-home-screen .otocam-icon svg{width:25px;height:25px}
  .otocam-home-screen .otocam-service .arrow{font-size:20px}
  .otocam-home-screen .otocam-contactbar{margin-top:8px;border-radius:18px;padding:7px 2px;border-width:1.5px}
  .otocam-home-screen .otocam-contactbar button{gap:3px;padding:0 1px;min-width:0}
  .otocam-home-screen .otocam-contactbar svg{width:35px;height:35px;padding:9px}
  .otocam-home-screen .otocam-contactbar span{font-size:clamp(8px,2.55vw,11px);line-height:1.05;white-space:nowrap}
  .otocam-home-screen .otocam-contactbar small{display:none}
}

@media (max-width:650px) and (max-height:720px){
  .otocam-header{padding:10px 16px}.otocam-header img{width:145px}
  .otocam-main{padding:10px 14px 10px}
  .otocam-home-screen .otocam-badge{font-size:9px;padding:5px 10px}
  .otocam-home-screen .otocam-hero h1{font-size:27px;margin:9px 0 5px}
  .otocam-home-screen .otocam-hero p{font-size:12px;line-height:1.2;margin-bottom:7px}
  .otocam-home-screen .otocam-services{padding:9px 10px 8px}
  .otocam-home-screen .otocam-services h2{font-size:19px}.otocam-home-screen .otocam-services>p{font-size:10px;margin-bottom:6px}
  .otocam-home-screen .otocam-grid{gap:5px}.otocam-home-screen .otocam-service{min-height:50px;padding:4px 6px}
  .otocam-home-screen .otocam-icon{width:31px;height:31px;flex-basis:31px}.otocam-home-screen .otocam-icon svg{width:19px;height:19px}
  .otocam-home-screen .otocam-service b{font-size:12px}.otocam-home-screen .otocam-contactbar{margin-top:6px;padding:5px 2px}
  .otocam-home-screen .otocam-contactbar svg{width:28px;height:28px;padding:7px}.otocam-home-screen .otocam-contactbar span{font-size:8px}
}
@media(max-width:350px){.otocam-home-screen .otocam-service .arrow{display:none}.otocam-home-screen .otocam-contactbar span{font-size:7.5px}}


/* v1.5 - mobile polish: fixed contact bar, calmer typography, single-line services */
.otocam-hero p{font-weight:500}

@media (max-width:650px){
  /* comfortable vertical rhythm on the landing screen */
  .otocam-main{padding-bottom:118px}
  .otocam-home .otocam-badge{margin-bottom:2px}
  .otocam-home .otocam-hero h1{
    font-size:39px; /* 1px smaller */
    line-height:1.04;
    margin:27px 0 16px;
  }
  .otocam-home .otocam-hero p{
    font-size:17px; /* 1px smaller */
    line-height:1.48;
    font-weight:500 !important;
    margin:0 0 31px;
  }
  .otocam-home .otocam-services h2{
    font-size:23px; /* 1px smaller */
    line-height:1.1;
    margin-bottom:5px;
  }
  .otocam-home .otocam-services>p{margin-bottom:18px}

  /* service labels always stay on one line */
  .otocam-home .otocam-service{min-width:0;gap:8px;padding-left:9px;padding-right:8px}
  .otocam-home .otocam-service b{
    min-width:0;
    white-space:nowrap;
    font-size:16px;
    line-height:1;
    letter-spacing:-.025em;
  }
  .otocam-home .otocam-service .arrow{flex:0 0 auto;margin-left:auto}

  /* contact controls live at the bottom only while home screen is visible */
  .otocam-home .otocam-contactbar{
    position:fixed;
    z-index:9999;
    left:50%;
    bottom:max(8px, env(safe-area-inset-bottom));
    transform:translateX(-50%);
    width:min(calc(100vw - 20px), 620px);
    margin:0;
    padding:8px 3px;
    border-radius:20px;
    background:rgba(255,255,255,.98);
    box-shadow:0 12px 34px rgba(6,27,60,.14);
  }
  .otocam-home .otocam-contactbar button{min-width:0;gap:4px;padding:1px}
  .otocam-home .otocam-contactbar svg{width:38px;height:38px;padding:10px}
  .otocam-home .otocam-contactbar span{font-size:10px;line-height:1;white-space:nowrap}
  .otocam-home .otocam-contactbar small{display:none}

  /* form: keep original form layout; only remove the redundant second logo */
  .otocam-form-head{text-align:left}
  .otocam-form-head h2{margin-top:0}
}

@media (max-width:390px){
  .otocam-home .otocam-service b{font-size:14px;letter-spacing:-.035em}
  .otocam-home .otocam-service{gap:6px;padding-left:7px;padding-right:6px}
  .otocam-home .otocam-icon{width:42px;height:42px;flex-basis:42px}
  .otocam-home .otocam-contactbar{width:calc(100vw - 12px);padding:7px 2px}
  .otocam-home .otocam-contactbar svg{width:35px;height:35px;padding:9px}
  .otocam-home .otocam-contactbar span{font-size:9px}
}

@media (max-width:350px){
  .otocam-home .otocam-service b{font-size:12.5px}
  .otocam-home .otocam-service .arrow{font-size:18px}
}

/* v1.5.1 - compact service cards (restore v1.4 vertical sizing) */
@media (max-width:650px){
  .otocam-home .otocam-grid{gap:8px}
  .otocam-home .otocam-service{
    min-height:58px;
    height:58px;
    padding-top:5px;
    padding-bottom:5px;
  }
  .otocam-home .otocam-icon{
    width:44px;
    height:44px;
    flex-basis:44px;
  }
  .otocam-home .otocam-icon svg{width:27px;height:27px}
}
@media (max-width:390px){
  .otocam-home .otocam-grid{gap:7px}
  .otocam-home .otocam-service{
    min-height:54px;
    height:54px;
    padding-top:4px;
    padding-bottom:4px;
  }
  .otocam-home .otocam-icon{width:40px;height:40px;flex-basis:40px}
  .otocam-home .otocam-icon svg{width:25px;height:25px}
}

/* v1.5.3 - guide badge corrected: target the real .otocam-home class */
.otocam-home .otocam-badge{font-size:15px;padding:9px 17px}
@media(max-width:650px){.otocam-home .otocam-badge{font-size:11px;padding:6px 11px;letter-spacing:.045em}}
@media(max-width:390px){.otocam-home .otocam-badge{font-size:10px;padding:5px 10px;letter-spacing:.04em}}

/* v1.6.0 - desktop viewport fit only; mobile rules untouched */
@media (min-width:651px){
  .otocam-app{max-width:min(980px,calc(100vw - 32px));}
  .otocam-header{padding:clamp(14px,2vh,24px) clamp(24px,3vw,38px);}
  .otocam-header img{width:clamp(190px,23vw,290px);max-height:clamp(58px,10vh,100px);object-fit:contain;object-position:left center;}
  .otocam-main{padding:clamp(20px,3vh,38px) clamp(24px,3vw,38px) clamp(20px,3vh,32px);}
  .otocam-hero h1{font-size:clamp(34px,4.2vw,54px);line-height:1.02;margin:clamp(16px,2.5vh,26px) 0 clamp(10px,1.6vh,16px);}
  .otocam-hero p{font-size:clamp(16px,1.55vw,21px);line-height:1.38;margin-bottom:clamp(18px,2.8vh,30px);}
  .otocam-badge{font-size:clamp(12px,1.15vw,15px);padding:clamp(7px,1vh,10px) clamp(14px,1.6vw,20px);}
  .otocam-services{padding:clamp(16px,2vh,24px);border-radius:24px;}
  .otocam-services h2{font-size:clamp(23px,2.2vw,28px);line-height:1.08;}
  .otocam-services>p{font-size:clamp(15px,1.4vw,18px);margin-bottom:clamp(12px,1.7vh,18px);}
  .otocam-grid{gap:clamp(10px,1.4vh,16px);}
  .otocam-service{min-height:clamp(72px,10vh,96px);padding:clamp(10px,1.4vh,15px) clamp(14px,1.7vw,20px);gap:clamp(10px,1.2vw,16px);}
  .otocam-service b{font-size:clamp(17px,1.7vw,21px);white-space:nowrap;}
  .otocam-icon{width:clamp(48px,5vw,58px);height:clamp(48px,5vw,58px);flex-basis:clamp(48px,5vw,58px);}
  .otocam-icon svg{width:clamp(28px,3vw,34px);height:clamp(28px,3vw,34px);}
  .otocam-service .arrow{font-size:clamp(25px,2.5vw,31px);}
  .otocam-contactbar{margin-top:clamp(16px,2.4vh,28px);padding:clamp(10px,1.5vh,16px) 10px;border-radius:24px;}
  .otocam-contactbar button{gap:clamp(4px,.8vh,7px);}
  .otocam-contactbar svg{width:clamp(40px,4.5vw,50px);height:clamp(40px,4.5vw,50px);padding:clamp(10px,1vw,13px);}
  .otocam-contactbar span{font-size:clamp(12px,1.25vw,15px);}
  .otocam-contactbar small{font-size:clamp(9px,.9vw,11px);}
}
@media (min-width:651px) and (max-height:800px){
  .otocam-header{padding-top:10px;padding-bottom:10px}.otocam-header img{max-height:62px;width:205px}
  .otocam-main{padding-top:14px;padding-bottom:14px}.otocam-hero h1{font-size:34px;margin:12px 0 7px}.otocam-hero p{font-size:15px;line-height:1.28;margin-bottom:12px}
  .otocam-badge{font-size:11px;padding:6px 12px}.otocam-services{padding:12px 14px}.otocam-services h2{font-size:21px}.otocam-services>p{font-size:13px;margin-bottom:8px}
  .otocam-grid{gap:8px}.otocam-service{min-height:60px;padding:7px 12px}.otocam-icon{width:42px;height:42px;flex-basis:42px}.otocam-icon svg{width:25px;height:25px}.otocam-service b{font-size:16px}
  .otocam-contactbar{margin-top:10px;padding:7px 8px}.otocam-contactbar svg{width:34px;height:34px;padding:8px}.otocam-contactbar span{font-size:11px}.otocam-contactbar small{display:none}
}

/* v1.7.0 - internal contact screen; landing/form design untouched */
.otocam-contact-screen{max-width:680px;margin:auto}.otocam-contact-head{text-align:left;margin-bottom:24px}.otocam-contact-head .otocam-badge{font-size:11px;padding:6px 12px;border-width:1.5px}.otocam-contact-head h2{font-size:36px;line-height:1.05;margin:16px 0 8px;letter-spacing:-.03em}.otocam-contact-head p{font-size:17px;line-height:1.5;color:var(--muted);margin:0}.otocam-contact-cards{display:grid;gap:12px}.otocam-contact-card{width:100%;appearance:none;border:1.5px solid var(--line);background:#fff;border-radius:17px;padding:15px 17px;display:flex;align-items:center;gap:14px;text-align:left;color:var(--navy);font-family:Outfit;cursor:pointer}.otocam-contact-card.static{cursor:default}.otocam-contact-card>svg{width:46px;height:46px;flex:0 0 46px;padding:12px;border-radius:14px;background:#f8eaf7;color:var(--p);fill:none;stroke:currentColor;stroke-width:1.8}.otocam-contact-card.wa>svg{background:#eaf8ee;color:#19a746}.otocam-contact-card span{min-width:0;display:grid;gap:2px}.otocam-contact-card small{font-size:12px;color:var(--muted);font-weight:600}.otocam-contact-card b{font-size:16px;line-height:1.25;overflow-wrap:anywhere}.otocam-contact-card i{margin-left:auto;font-style:normal;color:var(--p);font-size:28px}.otocam-contact-form-btn{width:100%;margin-top:18px}.otocam-contact-screen[hidden]{display:none!important}
@media(max-width:650px){.otocam-contact-screen{max-width:none}.otocam-contact-head{margin-bottom:18px}.otocam-contact-head h2{font-size:30px;margin:13px 0 6px}.otocam-contact-head p{font-size:15px;line-height:1.42}.otocam-contact-cards{gap:9px}.otocam-contact-card{padding:11px 12px;border-radius:14px;gap:11px}.otocam-contact-card>svg{width:39px;height:39px;flex-basis:39px;padding:10px;border-radius:12px}.otocam-contact-card small{font-size:11px}.otocam-contact-card b{font-size:14px}.otocam-contact-form-btn{margin-top:13px}.otocam-contact-screen .otocam-back{padding-bottom:12px}}
/* v1.7.2: native dropdowns match existing form fields */
.otocam-form select{width:100%;box-sizing:border-box;font:inherit;color:inherit;background:#fff;border:1px solid #dfe3ea;border-radius:12px;padding:12px 14px;outline:none;min-height:46px}
.otocam-form select:focus{border-color:#9a1b8f;box-shadow:0 0 0 3px rgba(154,27,143,.08)}

/* v1.7.3 - desktop-only visual balance; mobile <=650px untouched */
@media (min-width:651px){
  .otocam-app{max-width:min(1080px,calc(100vw - 48px));}
  .otocam-header{padding:clamp(18px,2.4vh,28px) clamp(34px,3.2vw,46px);}
  .otocam-header img{width:clamp(205px,19vw,270px);max-height:clamp(64px,9vh,92px);}
  .otocam-main{padding:clamp(24px,3.2vh,38px) clamp(34px,3.2vw,46px) clamp(24px,3vh,34px);}
  .otocam-hero h1{font-size:clamp(38px,3.25vw,52px);line-height:1.03;margin:clamp(20px,2.5vh,28px) 0 clamp(12px,1.5vh,17px);max-width:940px;}
  .otocam-hero p{font-size:clamp(17px,1.25vw,20px);line-height:1.42;margin-bottom:clamp(20px,2.4vh,28px);max-width:970px;}
  .otocam-home .otocam-badge{font-size:clamp(12px,.95vw,14px);padding:8px 16px;}
  .otocam-services{padding:clamp(18px,2.1vh,24px) clamp(20px,2vw,26px);}
  .otocam-services h2{font-size:clamp(24px,1.85vw,28px);}
  .otocam-services>p{font-size:clamp(15px,1.15vw,17px);margin-bottom:clamp(13px,1.5vh,17px);}
  .otocam-grid{gap:clamp(10px,1.2vh,14px);}
  .otocam-service{min-height:clamp(68px,8.2vh,82px);padding:10px 16px;}
  .otocam-service b{font-size:clamp(17px,1.25vw,20px);}
  .otocam-icon{width:clamp(46px,3.8vw,54px);height:clamp(46px,3.8vw,54px);flex-basis:clamp(46px,3.8vw,54px);}
  .otocam-icon svg{width:clamp(27px,2.4vw,32px);height:clamp(27px,2.4vw,32px);}
  .otocam-contactbar{margin-top:clamp(18px,2.2vh,24px);padding:clamp(10px,1.2vh,14px) 10px;}
  .otocam-contactbar svg{width:clamp(40px,3.6vw,48px);height:clamp(40px,3.6vw,48px);padding:11px;}
  .otocam-contactbar span{font-size:clamp(12px,1vw,14px);}
  .otocam-contactbar small{font-size:clamp(9px,.78vw,11px);}
}
/* Short desktop/laptop viewports: keep every home option visible without changing mobile. */
@media (min-width:651px) and (max-height:820px){
  .otocam-app{max-width:min(1040px,calc(100vw - 36px));}
  .otocam-header{padding:10px 32px}.otocam-header img{width:200px;max-height:58px}
  .otocam-main{padding:14px 32px 14px}.otocam-home .otocam-badge{font-size:11px;padding:6px 12px}
  .otocam-hero h1{font-size:34px;margin:12px 0 8px}.otocam-hero p{font-size:15px;line-height:1.3;margin-bottom:12px}
  .otocam-services{padding:12px 16px}.otocam-services h2{font-size:21px}.otocam-services>p{font-size:13px;margin-bottom:8px}
  .otocam-grid{gap:8px}.otocam-service{min-height:58px;height:58px;padding:6px 12px}.otocam-icon{width:42px;height:42px;flex-basis:42px}.otocam-icon svg{width:25px;height:25px}.otocam-service b{font-size:16px}
  .otocam-contactbar{margin-top:10px;padding:7px 8px}.otocam-contactbar svg{width:34px;height:34px;padding:8px}.otocam-contactbar span{font-size:11px}.otocam-contactbar small{display:none}
}


/* v1.7.5 - requested copy polish only */
@media (max-width:650px){
  .otocam-home .otocam-hero p{font-size:16px;}
}
@media (min-width:651px){
  .otocam-home .otocam-hero p{font-size:clamp(16px,calc(1.25vw - 1px),19px);}
}
@media (min-width:651px) and (max-height:820px){
  .otocam-home .otocam-hero p{font-size:14px;}
}

/* v1.7.6 - desktop-only spacing refinement; mobile untouched */
@media (min-width:651px){
  .otocam-home .otocam-hero h1{margin-top:clamp(24px,3vh,34px);margin-bottom:clamp(16px,2vh,22px);}
  .otocam-home .otocam-hero p{margin-bottom:clamp(28px,3.5vh,38px);}
  .otocam-home .otocam-services{margin-top:0;}
  .otocam-home .otocam-services h2{margin-bottom:clamp(7px,1vh,11px);}
  .otocam-home .otocam-services>p{margin-bottom:clamp(17px,2vh,22px);}
  .otocam-home .otocam-contactbar{margin-top:clamp(24px,3vh,34px);}
}
@media (min-width:651px) and (max-height:820px){
  .otocam-home .otocam-hero h1{margin-top:16px;margin-bottom:11px;}
  .otocam-home .otocam-hero p{margin-bottom:18px;}
  .otocam-home .otocam-services h2{margin-bottom:5px;}
  .otocam-home .otocam-services>p{margin-bottom:11px;}
  .otocam-home .otocam-contactbar{margin-top:15px;}
}

/* v1.7.8 - Success screen call card */
.otocam-success-call{margin:26px auto 0;padding:20px 22px;border:1.5px solid #efd7eb;border-radius:18px;background:linear-gradient(135deg,#fff8fe,#f9eef8);max-width:330px;box-shadow:0 10px 28px rgba(151,0,125,.06);display:flex;flex-direction:column;align-items:center;gap:8px}.otocam-success-headset{color:var(--p);line-height:0}.otocam-success-headset svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.otocam-success-call>span{font-size:15px;line-height:1.35;color:#68758c}.otocam-success-call-btn{width:100%;margin-top:3px;border:0;border-radius:10px;background:linear-gradient(90deg,#8e0077,#b60091);color:#fff;padding:11px 16px;font:700 15px Outfit;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.otocam-success-call-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.otocam-success-home{margin-top:18px;border:0;background:none;color:var(--p);text-decoration:underline;font:600 14px Outfit;cursor:pointer}.otocam-success .otocam-submit{margin-top:18px;width:100%}
@media(max-width:650px){.otocam-success{max-width:420px;margin:12px auto;padding:8px 0}.otocam-check{width:76px;height:76px;margin:12px auto 16px;font-size:40px}.otocam-success h2{font-size:30px}.otocam-success p{font-size:16px}.otocam-success-call{margin-top:22px;max-width:290px;padding:17px 18px}.otocam-success-call>span{font-size:14px}}
/* v1.7.9 - compact visual upload cards */
.otocam-upload input[type=file]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important}
.otocam-upload{position:relative;min-height:150px;justify-content:center}
.otocam-upload .otocam-selected{display:block;margin-top:8px;max-width:100%;font-size:12px;line-height:1.25;color:#8c176f;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:650px){.otocam-uploads{grid-template-columns:1fr 1fr!important;gap:10px}.otocam-upload{min-height:120px;padding:14px 8px!important;border-radius:12px!important}.otocam-upload svg{width:28px!important;height:28px!important;margin-bottom:6px!important}.otocam-upload b{font-size:13px;line-height:1.2}.otocam-upload small{font-size:11px;line-height:1.25}.otocam-upload .otocam-selected{font-size:10px;margin-top:6px}}

/* v1.8.0 - tighter file-note spacing + clear upload progress */
.otocam-file-note{margin:-7px 0 -8px!important}
.otocam-submit.is-loading{display:flex;align-items:center;justify-content:center;gap:10px;cursor:wait}
.otocam-submit-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.45);border-top-color:#fff;border-radius:50%;display:inline-block;animation:otocam-spin .75s linear infinite;flex:0 0 18px}
@keyframes otocam-spin{to{transform:rotate(360deg)}}

/* v1.8.1 - center main logo only */
.otocam-header{display:flex;justify-content:center;align-items:center;}
.otocam-header img{margin-left:auto;margin-right:auto;object-position:center center!important;}

/* v1.8.2 - desktop title stays on one line; mobile untouched */
@media (min-width:651px){
  .otocam-home .otocam-hero{max-width:none;}
  .otocam-home .otocam-hero h1{
    max-width:none;
    white-space:nowrap;
    font-size:clamp(28px,4.15vw,45px);
    letter-spacing:-.045em;
  }
}
@media (min-width:651px) and (max-height:820px){
  .otocam-home .otocam-hero h1{font-size:clamp(27px,3.6vw,34px);}
}

/* v1.8.3 - clearer insurance/city dropdowns */
.otocam-form select{
  -webkit-appearance:none;
  appearance:none;
  padding-right:48px;
  background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239a1b8f' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 16px center;
  background-size:18px 18px;
  cursor:pointer;
}
.otocam-form select:invalid{color:#7d8ba3;font-weight:400}
.otocam-form select:valid{color:#071d43;font-weight:600}
.otocam-form select option{color:#071d43;font-weight:400;background:#fff}
.otocam-form select option[value=""]{color:#7d8ba3;font-weight:400}


/* v1.9.1 - slower customer-requested form simplification + insurance marquee */
.otocam-form-head .otocam-form-intro{margin:0 0 24px;color:var(--navy);font-size:clamp(21px,2.2vw,28px);line-height:1.25;font-weight:700;text-align:center}
.otocam-location-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.otocam-upload-title span{font-weight:500;color:var(--muted)}
.otocam-insurance-marquee{margin-top:18px;display:grid;gap:8px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.otocam-marquee-row{overflow:hidden;width:100%}
.otocam-marquee-track{display:flex;width:max-content;gap:9px;animation:otocam-marquee-rtl 68s linear infinite;will-change:transform}
.otocam-marquee-track.is-second{animation-duration:80s}
.otocam-marquee-track span{display:inline-flex;align-items:center;white-space:nowrap;padding:7px 13px;border:1px solid #eaddea;border-radius:999px;background:linear-gradient(180deg,#fff,#fbf7fb);color:#7e7181;font:600 11px Outfit,Arial,sans-serif;box-shadow:0 5px 14px rgba(32,22,35,.08);opacity:.82}
@keyframes otocam-marquee-rtl{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.otocam-insurance-marquee:hover .otocam-marquee-track{animation-play-state:paused}
@media(max-width:650px){
 .otocam-form-head .otocam-form-intro{font-size:19px;margin-bottom:18px;padding:0 4px}
 .otocam-location-row{grid-template-columns:1fr 1fr;gap:8px}
 .otocam-location-row label{min-width:0;font-size:13px}
 .otocam-location-row select{min-width:0;width:100%;padding-left:10px!important;padding-right:32px!important;background-position:right 9px center!important;font-size:14px!important}
 .otocam-insurance-marquee{margin-top:12px;gap:6px}
 .otocam-marquee-track{gap:7px;animation-duration:56s}.otocam-marquee-track.is-second{animation-duration:64s}
 .otocam-marquee-track span{font-size:9px;padding:5px 10px;box-shadow:0 3px 10px rgba(32,22,35,.07)}
}
@media (min-width:651px) and (max-height:820px){.otocam-insurance-marquee{margin-top:8px;gap:4px}.otocam-marquee-track span{padding:4px 9px;font-size:9px}.otocam-contactbar{margin-top:8px!important}}

/* v1.9.2 - SEO information section; option/marquee text is injected after load */
.otocam-seo-content{max-width:940px;margin:42px auto 10px;padding:30px;border:1px solid #eee5ed;border-radius:20px;background:#fff;text-align:left;box-shadow:0 12px 34px rgba(32,22,35,.045)}
.otocam-seo-content h2{margin:0 0 12px;color:var(--navy);font:700 25px/1.25 Outfit,Arial,sans-serif;letter-spacing:-.02em}.otocam-seo-content>p{margin:0 0 25px;color:#66758c;font:400 15px/1.75 Outfit,Arial,sans-serif}.otocam-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:4px 0 30px}.otocam-process-grid article{padding:18px;border:1px solid #eee3ec;border-radius:15px;background:#fcf9fc}.otocam-process-grid article>b{display:flex;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:#f4e7f1;color:var(--p);font:700 13px Outfit}.otocam-process-grid h3{margin:12px 0 6px;color:var(--navy);font:700 15px/1.3 Outfit}.otocam-process-grid p{margin:0;color:#748198;font:400 13px/1.55 Outfit}.otocam-faq{margin-top:28px}.otocam-faq details{border-top:1px solid #eee6ed;padding:0}.otocam-faq details:last-child{border-bottom:1px solid #eee6ed}.otocam-faq summary{padding:15px 2px;color:var(--navy);font:600 14px/1.4 Outfit;cursor:pointer}.otocam-faq details p{margin:-2px 0 16px;padding-right:20px;color:#718096;font:400 13px/1.65 Outfit}
@media(max-width:650px){.otocam-seo-content{margin:28px 0 4px;padding:21px 17px;border-radius:16px}.otocam-seo-content h2{font-size:20px}.otocam-seo-content>p{font-size:14px;line-height:1.65}.otocam-process-grid{grid-template-columns:1fr;gap:9px;margin-bottom:26px}.otocam-process-grid article{padding:15px}.otocam-faq summary{font-size:13px}}

/* v1.9.3 - static trust card replacing insurance marquee */
.otocam-trust-card{margin-top:18px;padding:16px 18px;border:1px solid #eaddea;border-radius:18px;background:linear-gradient(180deg,#fff,#fbf8fc);box-shadow:0 8px 24px rgba(32,22,35,.07);text-align:center}
.otocam-trust-card h3{margin:0 0 6px;font:700 16px Outfit,Arial,sans-serif;color:#251b29}
.otocam-trust-card>p{margin:0 auto 12px;max-width:660px;font:400 12px/1.55 Outfit,Arial,sans-serif;color:#786c7c}
.otocam-trust-points{display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap}
.otocam-trust-points span{display:inline-flex;align-items:center;gap:5px;padding:6px 10px;border-radius:999px;background:#fff;border:1px solid #eee5ef;font:600 10px Outfit,Arial,sans-serif;color:#594d5d;box-shadow:0 3px 10px rgba(32,22,35,.04)}
.otocam-trust-points i{font-style:normal;color:#8d0078;font-weight:800}
.otocam-trust-cta{margin-top:12px;border:0;background:transparent;color:#8d0078;font:700 11px Outfit,Arial,sans-serif;cursor:pointer;padding:4px 8px}
.otocam-trust-cta:hover{text-decoration:underline}
@media(max-width:650px){.otocam-trust-card{margin-top:12px;padding:12px 11px;border-radius:15px}.otocam-trust-card h3{font-size:13px}.otocam-trust-card>p{font-size:10px;line-height:1.45;margin-bottom:9px}.otocam-trust-points{gap:5px}.otocam-trust-points span{font-size:8px;padding:5px 7px}.otocam-trust-cta{font-size:9px;margin-top:8px}}


/* =========================================================
   v1.9.5 — Shortcode sonrası özgün WordPress SEO içeriği
   [sigorta_cam_servisi] sonrasında yazılan blokları,
   uygulamanın devamı gibi ortalı ve okunaklı gösterir.
   ========================================================= */
.otocam-app ~ :is(h1,h2,h3,h4,p,ul,ol,blockquote,table,.wp-block-table,.wp-block-group,.wp-block-columns,.wp-block-details){
    width:min(100% - 40px, 980px);
    margin-left:auto !important;
    margin-right:auto !important;
    box-sizing:border-box;
}

.otocam-app ~ :is(h1,h2,h3,h4){
    color:#111827;
    line-height:1.22;
    letter-spacing:-.02em;
}

.otocam-app ~ h2{
    margin-top:42px !important;
    margin-bottom:14px !important;
    font-size:clamp(24px,2.2vw,32px);
    font-weight:800;
}

.otocam-app ~ h3{
    margin-top:30px !important;
    margin-bottom:10px !important;
    font-size:clamp(20px,1.8vw,25px);
    font-weight:750;
}

.otocam-app ~ p,
.otocam-app ~ ul,
.otocam-app ~ ol{
    color:#4b5563;
    font-size:16px;
    line-height:1.8;
}

.otocam-app ~ p{
    margin-top:0 !important;
    margin-bottom:18px !important;
}

.otocam-app ~ ul,
.otocam-app ~ ol{
    padding-left:24px;
    margin-top:8px !important;
    margin-bottom:22px !important;
}

.otocam-app ~ blockquote{
    margin-top:24px !important;
    margin-bottom:24px !important;
    padding:18px 20px;
    border-left:4px solid #7c3aed;
    border-radius:12px;
    background:#fafafa;
    color:#374151;
}

.otocam-app ~ .wp-block-table,
.otocam-app ~ table{
    margin-top:24px !important;
    margin-bottom:28px !important;
}

@media (max-width: 650px){
    .otocam-app ~ :is(h1,h2,h3,h4,p,ul,ol,blockquote,table,.wp-block-table,.wp-block-group,.wp-block-columns,.wp-block-details){
        width:calc(100% - 32px);
    }

    .otocam-app ~ h2{
        margin-top:32px !important;
        font-size:24px;
    }

    .otocam-app ~ h3{
        margin-top:24px !important;
        font-size:20px;
    }

    .otocam-app ~ p,
    .otocam-app ~ ul,
    .otocam-app ~ ol{
        font-size:15.5px;
        line-height:1.75;
    }
}