/* OnlySales Import V18 – buyer-first presentation, scoped to import area */
.import .import-hero{padding-top:0;background:radial-gradient(ellipse at 18% 15%,#eaf5ee 0,transparent 48%),#f5f7f3}
.import .import-hero-grid{align-items:center}
.import .import-hero h1{font-size:clamp(46px,5.3vw,82px);letter-spacing:-.06em;line-height:1.04;max-width:780px}
.import .import-hero h1 em{display:block;line-height:1.05;color:#1e665d}
.import .import-hero-copy>p:not(.import-hero-note){max-width:650px;font-size:17px;line-height:1.7;color:#3c5356}
.import .import-hero .import-hero-note{border-left:3px solid #6ba589;padding-left:14px;color:#5b7772;font-size:12px;line-height:1.8;margin-top:27px}
.import .import-hero .actions{margin-top:26px}
.import .import-hero-card{border:1px solid #d9e8da}
.import .import-hero-label b{max-width:230px;display:block}
.import .nav-right>.btn{font-size:12px;padding:13px 15px}
.import .nav-links{gap:17px}
.import .nav-links a{font-size:12px}
.v18-assurances{background:#102f38;color:white;border-bottom:1px solid #355860}
.v18-assurances-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.v18-assurances-grid>div{display:grid;grid-template-columns:44px 1fr;column-gap:15px;align-content:center;min-height:108px;padding:18px 25px;border-right:1px solid #ffffff23}
.v18-assurances-grid>div:first-child{padding-left:0}
.v18-assurances-grid>div:last-child{border:0}
.v18-assurance-icon{grid-row:span 2;width:40px;height:40px;display:grid;place-items:center;border:1px solid #aadb8b70;border-radius:12px;color:#d2fc74;font-size:12px;font-weight:850}
.v18-assurances-grid strong{font-size:14px;line-height:1.32}
.v18-assurances-grid small{font-size:11px;color:#b1c9c6;margin-top:6px;line-height:1.5}
.import #za-koga{padding-bottom:76px}
.import #za-koga .section-title{max-width:920px}
.v18-compare{background:#e6eee9;padding:84px 0 90px;color:#13323b}
.v18-compare-head{display:flex;align-items:end;justify-content:space-between;gap:34px;margin-bottom:31px}
.v18-compare-head h2{font-size:clamp(36px,4.4vw,60px);max-width:780px;margin:16px 0 18px;line-height:1.1}
.v18-compare-head h2 em{font-style:normal;color:#348574}
.v18-compare-head p{max-width:700px;margin:0;font-size:16px;color:#526d6a}
.v18-compare-head>.btn{flex:0 0 auto;white-space:normal;max-width:290px}
.v18-compare-table{border-radius:18px;overflow:hidden;background:white;box-shadow:0 14px 46px #193b2e14;border:1px solid #d4e0d8}
.v18-compare-row{display:grid;grid-template-columns:.85fr 1.18fr 1.28fr;border-bottom:1px solid #e2eae5;min-height:74px}
.v18-compare-row:last-child{border-bottom:0}
.v18-compare-row>*{margin:0;padding:19px 23px;display:flex;align-items:center;font-size:14px;line-height:1.5}
.v18-compare-row>*+*{border-left:1px solid #e2eae5}
.v18-compare-header{background:#143943;color:white;min-height:48px}
.v18-compare-header span{padding:14px 23px;font-size:12px;letter-spacing:.035em;font-weight:800}
.v18-compare-row>b{font-weight:850;color:#12323a}
.v18-compare-row>span{color:#637674}
.v18-compare-row>strong{background:#eef5e9;color:#1e5745;font-weight:750}
.v18-compare-foot{max-width:920px;font-size:12px;color:#697b73;margin:20px 0 0}
.import #cena{padding:92px 0}
.import .cost-title{font-size:clamp(35px,4.15vw,60px)}
.import .cost-text{font-size:15px;line-height:1.75}
.import #postopek .section-intro{max-width:740px}
.import #postopek .journey-step{border-radius:19px;overflow:hidden;border:1px solid #e1ebe6;box-shadow:0 8px 28px #0d342a0c;margin-bottom:23px}
.import #postopek .journey-copy{background:#fff}
.import #postopek .journal-col{border:1px solid #e5eee8;border-radius:11px;background:#f8fbf8;padding:17px}
.import #postopek .journal-col b{display:flex;align-items:center;gap:8px;color:#214c43;font-size:12px;font-weight:900;letter-spacing:.02em}
.import #postopek .journal-col b:before{content:"";width:7px;height:7px;background:#56a58a;border-radius:50%}
.import #postopek .journal-col p{margin:7px 0 0;font-size:13px;line-height:1.58}
.import #postopek .what-you-see{display:flex;align-items:flex-start;gap:13px;background:#12363f;color:#fff;padding:19px 21px;border-radius:13px;margin-top:20px}
.v18-result-symbol{width:35px;height:35px;flex:none;display:grid;place-items:center;border-radius:50%;background:#d2fc74;color:#193e34;font-weight:900}
.v18-result-text{display:flex;flex-direction:column;gap:3px}
.v18-result-text small{font-size:10px;letter-spacing:.1em;color:#a8ccc8;font-weight:900}
.v18-result-text strong{font-size:17px;font-weight:850}
.v18-result-text>span{font-size:12px;color:#d6e5e1;line-height:1.6}
.v18-audience{padding:94px 0;background:#f0f5ef}
.v18-audience-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.v18-audience-grid article{padding:27px 23px 29px;background:white;border:1px solid #dce8df;border-radius:16px;min-height:235px;display:flex;flex-direction:column;align-items:flex-start}
.v18-audience-grid article>span{font-size:12px;font-weight:900;color:#4b8d70;background:#ebf5e7;border-radius:7px;padding:7px 10px}
.v18-audience-grid h3{font-size:23px;line-height:1.18;letter-spacing:-.05em;margin:26px 0 11px}
.v18-audience-grid p{font-size:13px;line-height:1.6;color:#62746a;margin:0}
.import #izdelki{padding:100px 0}
.import #izdelki .section-intro{max-width:780px}
.import .portal-band .demo-warning{font-size:12px;line-height:1.5}
.import #povprasevanje .lead-grid>div:first-child>p{max-width:530px;font-size:16px}
/* Real case study page */
.case-detail{background:#f8fbf8;color:#153440}
.v18-case-hero{padding:95px 0;background:#e6eee8}
.v18-back{display:inline-flex;color:#315b55;font-size:14px;font-weight:850;margin-bottom:44px;gap:9px;border-bottom:1px solid #afc7bd;padding-bottom:7px}
.v18-case-hero .eyebrow{color:#367761}
.v18-case-hero h1{font-size:clamp(47px,6vw,84px);max-width:980px;margin:22px 0 24px}
.v18-case-hero p{max-width:780px;font-size:20px;color:#54746e}
.v18-case-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:29px}
.v18-case-tags span{border:1px solid #b3cbbd;border-radius:40px;padding:8px 14px;font-size:12px;font-weight:750;color:#285b49}
.v18-case-grid-section{padding:95px 0}
.v18-case-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:75px}
.v18-case-grid h2{font-size:36px;margin:0 0 17px}
.v18-case-grid p{font-size:16px;color:#53706b;line-height:1.75;margin:0 0 35px}
.v18-case-grid ul{font-size:16px;color:#3a5d54;line-height:1.9;padding-left:23px;margin-bottom:30px}
.v18-case-shots{display:flex;flex-direction:column;gap:15px}
.v18-case-shots img{width:100%;height:auto;border:1px solid #e1e7e2;border-radius:15px;box-shadow:0 8px 24px #183e2811}
.v18-case-shots small{color:#657b73;line-height:1.5}
.v18-case-quote{background:#153b46;color:white;padding:100px 0}
.v18-case-quote .eyebrow{color:#d2fc74}
.v18-case-quote blockquote{max-width:950px;font-size:clamp(23px,3.1vw,40px);line-height:1.42;letter-spacing:-.04em;margin:35px 0}
.v18-case-quote .case-person{margin:20px 0 38px}
.v18-case-quote .case-person img{width:70px;height:70px;object-fit:cover;border-radius:50%}
.v18-case-quote .case-person span{color:#c1d8d5}
.v18-case-quote .btn{background:#d2fc74;color:#143b38}
@media(max-width:1100px){.import .nav-links{gap:12px}.import .nav-links a{font-size:11px}.v18-compare-head{display:block}.v18-compare-head>.btn{margin-top:25px}.v18-audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){
 .v18-assurances-grid{grid-template-columns:1fr 1fr}
 .v18-assurances-grid>div{border-bottom:1px solid #ffffff20;min-height:98px}
 .v18-assurances-grid>div:last-child{grid-column:span 2;min-height:88px}
 .v18-compare{padding:64px 0}
 .v18-compare-row{grid-template-columns:1fr 1fr}
 .v18-compare-row>b{grid-column:span 2;background:#f7faf7;padding:12px 16px}
 .v18-compare-header span:first-child{display:none}
 .v18-compare-header{grid-template-columns:1fr 1fr}
 .v18-compare-row>*+*{border-left:0}
 .v18-compare-row>strong{border-left:1px solid #e0e9e0}
 .v18-compare-row>span,.v18-compare-row>strong{padding:15px;font-size:13px}
 .v18-case-grid{grid-template-columns:1fr;gap:30px}
 .v18-case-grid-section,.v18-case-quote{padding:65px 0}
}
@media(max-width:620px){
 .import .import-hero h1{font-size:clamp(42px,11vw,59px)}
 .import .import-hero-copy>p:not(.import-hero-note){font-size:15px}
 .v18-assurances-grid{grid-template-columns:1fr}
 .v18-assurances-grid>div,.v18-assurances-grid>div:first-child{padding:17px 0;min-height:auto;border:0;border-bottom:1px solid #ffffff2b}
 .v18-assurances-grid>div:last-child{grid-column:auto;border:0}
 .v18-compare-head h2{font-size:37px}
 .v18-compare-table{border-radius:12px}
 .v18-compare-row>span,.v18-compare-row>strong{font-size:12px;padding:12px}
 .v18-audience{padding:65px 0}
 .v18-audience-grid{grid-template-columns:1fr 1fr;gap:9px}
 .v18-audience-grid article{min-height:225px;padding:20px 16px}
 .v18-audience-grid h3{font-size:20px;margin:17px 0 9px}
 .v18-audience-grid p{font-size:12px}
 .import #postopek .journal-grid{grid-template-columns:1fr;gap:8px}
 .v18-case-hero{padding:64px 0}
 .v18-case-hero h1{font-size:44px}
 .v18-case-hero p{font-size:16px}
 .v18-case-quote blockquote{font-size:23px}
}