/* akcija.css — slogi pristajalne strani akcija.php (izvlečeno iz inline bloka).
   Naloži se ZA stin.css, zato njegova pravila prevladajo. */
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:"Inter",sans-serif;color:#1a1a1a;line-height:1.6;-webkit-font-smoothing:antialiased;background:#fff;overflow-x:hidden;}
.stin-page-frame{width:calc(100% - 48px);max-width:1280px;margin:24px auto 0;overflow:hidden;border-radius:22px 22px 0 0;}
a{text-decoration:none;color:inherit;}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px;}
.urgency{background:#C8102E;color:#fff;text-align:center;padding:10px 24px;font-size:14px;font-weight:600;letter-spacing:0.02em;}
.urgency span{opacity:.8;}
.hero{background: linear-gradient(rgba(20,20,20,0.58), rgba(20,20,20,0.58)), url('/images/hitachi-zunaj.jpg') center 60% / cover no-repeat; padding:40px 0 56px; border-bottom:1px solid #e8e8e8;}
.hero-inner{max-width:760px;margin:0;text-align:left;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid rgba(200,16,46,.5);color:#fff;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:6px 14px;border-radius:100px;margin-bottom:18px;}
.hero-badge .dot{width:6px;height:6px;border-radius:50%;background:#C8102E;animation:bl 2s infinite;}
@keyframes bl{0%,100%{opacity:1;}50%{opacity:.3;}}
.hero h1{font-family:"Barlow Condensed",sans-serif;font-size:clamp(38px,6vw,64px);font-weight:800;line-height:1.04;color:#fff;text-transform:uppercase;margin-bottom:10px;letter-spacing:0;}
.hero h1 em{color:#C8102E;font-style:normal;}
.hero-sub{display:inline-block;font-size:clamp(16px,2vw,19px);color:#fff;margin-bottom:28px;font-weight:600;border:1.5px solid rgba(255,255,255,.55);border-radius:7px;padding:11px 18px;}
.hero-price-row{display:flex;align-items:center;gap:16px;margin-bottom:22px;flex-wrap:nowrap;}
.hero-price{display:inline-flex;align-items:center;background:#C8102E;padding:10px 20px;border-radius:8px;font-family:"Barlow Condensed",sans-serif;font-size:clamp(36px,5vw,52px);font-weight:800;color:#fff;line-height:1;white-space:nowrap;}
.hero-price span{font-size:clamp(20px,2.5vw,28px);font-weight:600;color:rgba(255,255,255,.85);margin-right:5px;}
.hero-price-note{font-size:12px;color:rgba(255,255,255,0.70);line-height:1.45;max-width:300px;}
.hero-bullets{list-style:none;margin-bottom:30px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;}
.hero-bullets li{display:flex;align-items:center;gap:7px;font-size:14px;color:#fff;font-weight:600;}
.hero-bullets svg{flex:none;color:#C8102E;}
.hero-bonus{display:inline-flex;align-items:center;gap:7px;background:rgba(0,0,0,0.72);backdrop-filter:blur(4px);border-radius:100px;padding:8px 14px;margin-bottom:28px;font-size:14px;color:#fff;font-weight:600;}
.hero-bonus strong{color:#fff;font-weight:700;}
.hero-bonus .gift-icon{font-size:15px;flex:none;}
.hero-cta-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-bottom:26px;}
.hero-call{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:rgba(255,255,255,0.88);}
.hero-call svg{color:#C8102E;flex:none;}
.hero-micro{display:flex;gap:10px;flex-wrap:wrap;font-size:14px;margin-top:22px;}
.hero-micro span{display:flex;align-items:center;gap:7px;background:rgba(0,0,0,0.72);backdrop-filter:blur(4px);color:#fff;font-weight:600;padding:8px 14px;border-radius:100px;}
.hero-micro svg{color:#3ddc84;flex:none;}
.stars{color:#f2a93b;letter-spacing:normal;}
.btn{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15px;padding:14px 24px;border-radius:7px;border:none;cursor:pointer;font-family:"Inter",sans-serif;transition:.15s;}
.btn-red{background:#C8102E;color:#fff;box-shadow:0 4px 14px rgba(200,16,46,.25);}
.btn-red:hover{background:#a50d24;transform:translateY(-1px);}
.btn-outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55);}
.btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.08);}
.cfg-promo{background:#f7f7f7;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;padding:56px 0;}
.cfg-promo-inner{max-width:680px;margin:0 auto;text-align:center;}
.cfg-promo h2{font-family:"Barlow Condensed",sans-serif;font-size:clamp(26px,4vw,38px);font-weight:800;text-transform:uppercase;line-height:1.08;margin-bottom:12px;}
.cfg-promo p{font-size:16px;color:#555;margin-bottom:24px;}
.cfg-promo .btn{background:#C8102E;color:#fff;box-shadow:0 4px 14px rgba(200,16,46,.25);}
.cfg-promo .btn:hover{background:#a50d24;transform:translateY(-1px);}
.btn-ghost{background:#fff;border:1px solid #ddd;color:#1a1a1a;}
.btn-ghost:hover{border-color:#999;}
.reasons{padding:64px 0;background:#fff;}
.sec-tag{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#C8102E;display:block;margin-bottom:10px;}
.sec-title{font-family:"Barlow Condensed",sans-serif;font-size:clamp(24px,3.5vw,32px);font-weight:800;text-transform:uppercase;margin-bottom:36px;}
.reasons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
@media(max-width:760px){.reasons-grid{grid-template-columns:1fr;}}
.rcard{background:#f7f7f7;border:1px solid #e8e8e8;border-radius:13px;padding:26px 22px;display:block;overflow:visible;transition:none;}
.rcard:hover{box-shadow:none;transform:none;}
.rnum{font-size:11.5px;font-weight:700;color:#C8102E;text-transform:uppercase;letter-spacing:.05em;margin-bottom:14px;display:block;}
.rcard h3{font-size:17px;font-weight:700;margin-bottom:8px;}
.rcard p{font-size:14px;color:#666;line-height:1.6;}
.sband{background:#C8102E;color:#fff;padding:48px 0;}
.sgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;}
@media(max-width:700px){.sgrid{grid-template-columns:repeat(2,1fr);gap:28px;}}
.sn{font-family:"Barlow Condensed",sans-serif;font-size:clamp(28px,4vw,42px);font-weight:800;}
.sl{font-size:12.5px;color:#fff;margin-top:4px;}
.potek{padding:64px 0;background:#f7f7f7;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.proc-list{max-width:680px;}
.pstep{display:grid;grid-template-columns:88px 1fr;gap:18px;padding:20px 0;border-top:1px solid #e0e0e0;}
.pstep:first-child{border-top:none;}
.pday{font-size:12.5px;font-weight:700;color:#C8102E;text-transform:uppercase;letter-spacing:.04em;padding-top:2px;margin-bottom:0;}
.pbody h3{font-size:17px;font-weight:700;margin-bottom:5px;}
.pbody p{font-size:14px;color:#666;line-height:1.6;}
.form-sec{padding:64px 0;background:#fff;}
.form-card{max-width:580px;margin:0 auto;background:#f7f7f7;border:1px solid #e0e0e0;border-radius:14px;padding:38px;}
@media(max-width:560px){.form-card{padding:24px 18px;}}
.form-card h2{font-family:"Barlow Condensed",sans-serif;font-size:clamp(22px,3.5vw,28px);font-weight:800;text-transform:uppercase;text-align:center;margin-bottom:8px;}
.form-sub{text-align:center;color:#666;font-size:14.5px;margin-bottom:26px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
@media(max-width:500px){.form-row{grid-template-columns:1fr;}}
.field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;}
.field label{font-size:12.5px;font-weight:600;color:#555;}
.field input,.field select,.field textarea{border:1px solid #ddd;border-radius:7px;padding:11px 13px;font-size:15px;font-family:"Inter",sans-serif;color:#1a1a1a;outline:none;transition:border-color .15s;background:#fff;}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#C8102E;}
.field input::placeholder,.field textarea::placeholder{color:#bbb;}
.btn-submit{width:100%;background:#C8102E;color:#fff;font-weight:700;font-size:16px;padding:15px;border:none;border-radius:7px;cursor:pointer;font-family:"Inter",sans-serif;transition:.15s;margin-top:4px;}
.btn-submit:hover{background:#a50d24;}
.form-micro{text-align:center;font-size:12px;color:#aaa;margin-top:10px;}
.form-success{background:#eaf7f0;border:1px solid #2d9b5e;border-radius:10px;padding:32px;text-align:center;}
.form-success .icon{font-size:40px;margin-bottom:12px;}
.form-success h3{font-size:22px;font-weight:700;color:#1a6640;margin-bottom:8px;}
.form-success p{color:#2d7a54;font-size:14.5px;}
.form-error{background:#fce8eb;border:1px solid rgba(200,16,46,.3);border-radius:10px;padding:18px;margin-bottom:16px;}
.form-error p{color:#a50d24;font-size:14px;}
.cta-band{background:#C8102E;color:#fff;padding:48px 0;}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.cta-inner h2{font-family:"Barlow Condensed",sans-serif;font-size:clamp(20px,3vw,28px);font-weight:800;text-transform:uppercase;}
.cta-inner p{font-size:14px;opacity:.88;margin-top:6px;}
.btn-white{background:#fff;color:#C8102E;font-weight:700;font-size:15px;padding:14px 24px;border-radius:7px;display:inline-flex;align-items:center;gap:8px;transition:.15s;}
.btn-white:hover{background:#fce8eb;}
@media(max-width:700px){.stin-page-frame{width:calc(100% - 24px);margin-top:12px;border-radius:16px 16px 0 0;}}
.stk{position:fixed;bottom:0;left:0;right:0;z-index:99;background:#1a1a1a;border-top:1px solid #333;padding:12px 16px;display:none;}
.stk-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:none;margin:0;}
.stk-txt .t1{font-size:11px;color:#888;}
.stk-txt .t2{font-size:15px;font-weight:700;color:#fff;}
.stk-btn{background:#C8102E;color:#fff;font-weight:700;font-size:14px;padding:11px 20px;border-radius:6px;white-space:normal;}
@media(max-width:760px){.stk{display:block;}body{padding-bottom:70px;}}
.faq{padding:64px 0;background:#fff;}
.faq-list{max-width:760px;margin:0 auto;border-top:1px solid #e0e0e0;}
.faq-item{border-bottom:1px solid #e0e0e0;padding:0;}
.faq-q{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;width:100%;background:none;border:none;text-align:left;cursor:pointer;padding:18px 0;font-family:"Inter",sans-serif;font-weight:600;font-size:16px;color:#1a1a1a;line-height:1.4;}
.faq-q:hover{color:#C8102E;}
.faq-q .faq-ico{flex:none;font-size:24px;font-weight:400;line-height:1;color:#999;transition:transform .2s,color .2s;}
.faq-item.open .faq-q .faq-ico{color:#C8102E;transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .28s ease;}
.faq-a-inner{padding:0 0 20px;color:#444;font-size:15px;line-height:1.65;}
.faq-item.open .faq-a{max-height:400px;}
@media(max-width:560px){.faq-q{font-size:15px;}.faq-a-inner{font-size:14px;}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;}}