/* SmartDoctor naslovnica: prozirni vektorski telefon u izvornoj crno-crvenoj paleti.
   Nema rasterske fotografije, pravokutne pozadine ni CSS maskiranja. */
.hero{
 isolation:isolate;position:relative;overflow:hidden;
 background:
  radial-gradient(ellipse 50% 67% at 86% 45%,rgba(182,12,34,.20),transparent 74%),
  radial-gradient(ellipse 72% 90% at 14% 36%,rgba(24,35,59,.25),transparent 76%),
  linear-gradient(114deg,#0c101b 0%,#0e101a 52%,#1e0812 100%);
}
.hero:before{
 content:"";position:absolute;inset:0;width:auto;height:auto;right:auto;top:auto;
 background:radial-gradient(ellipse 30% 41% at 82% 58%,rgba(230,13,31,.16),transparent 77%);
 pointer-events:none;z-index:0;
}
.hero:after{
 content:"";position:absolute;width:75%;height:390px;
 border:1px solid rgba(245,40,64,.20);border-radius:50%;inset:auto -19% -240px auto;
 transform:rotate(-17deg);box-shadow:0 -12px 90px rgba(222,12,31,.09);
 pointer-events:none;z-index:0;
}
.hero-grid{
 grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
 min-height:615px;padding:58px 0 65px;gap:5px;align-items:center;
}
.hero-grid>div:first-child{position:relative;z-index:3}
.hero h1{position:relative;text-wrap:balance}
.hero p{max-width:525px}
.sdw-hero-art{
 position:relative;display:flex;align-items:center;justify-content:center;
 isolation:isolate;min-height:590px;height:595px;z-index:1;
}
.sdw-hero-art:before{
 content:"";position:absolute;z-index:-1;width:90%;height:85%;top:9%;left:12%;
 border-radius:50%;
 background:radial-gradient(ellipse at 58% 53%,rgba(215,12,34,.33),rgba(181,10,26,.12) 37%,transparent 75%);
 filter:blur(34px);pointer-events:none;
}
.sdw-hero-halo{
 display:block;position:absolute;z-index:-1;
 width:clamp(280px,37vw,510px);height:clamp(280px,37vw,510px);
 left:18%;top:23%;border-radius:50%;
 background:radial-gradient(circle,rgba(230,19,41,.13),transparent 66%);
 box-shadow:0 0 0 1px rgba(229,18,44,.08);
 pointer-events:none;
}
.sdw-hero-photo{
 display:block;position:relative;
 width:100%;max-width:550px;height:600px;
 object-fit:contain;object-position:center;max-height:none;
 filter:drop-shadow(16px 24px 23px rgba(0,0,0,.48));
 -webkit-mask-image:none;mask-image:none;
 transform:translateY(8px);
}
@media(max-width:1020px){
 .hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding:52px 0 54px;min-height:535px}
 .sdw-hero-art{height:520px;min-height:520px}
 .sdw-hero-photo{height:530px}
 .hero h1{font-size:clamp(43px,5.5vw,70px)}
}
@media(max-width:690px){
 .hero-grid{display:flex;flex-direction:column;align-items:stretch;padding:50px 0 0;gap:0;min-height:0}
 .hero h1{font-size:clamp(44px,11vw,66px)}
 .hero p{font-size:16px}
 .sdw-hero-art{height:355px;min-height:355px;margin-top:-8px;overflow:hidden;align-items:flex-start}
 .sdw-hero-photo{height:430px;max-width:435px;transform:translateY(-16px)}
 .sdw-hero-art:before{top:2%;height:90%}
 .hero:after{left:5%;right:-20%;bottom:-290px}
}
@media(max-width:420px){
 .hero-grid{padding-top:44px}
 .sdw-hero-art{height:325px;min-height:325px}
 .sdw-hero-photo{height:395px;transform:translateY(-12px)}
 .hero-proof{gap:8px}
 .hero-proof span{font-size:10px}
}

.sdw-custom-hero{width:100%;height:100%;object-fit:contain;display:block}