/* #8954: samodejna izpostavitev ponudb - slovnica rocne slike ozadja (trak + temni stolpec, cenovna ploscica z vrha, krog Super cena z belim obrocem,
   krogi s fotografijami, beli krog z oznako). HTML: BusinessLogic.Promo.PromoRenderer. Kopija: Admin.UI/Content/promo/promo.css (test enakosti).
   Mere: ozadje trak 90 px, stolpec 138 px; banner zavihka 790 x 220; banner naslovne 960 x 230; kompaktna pasica 102 px; velika pasica 192 px. */
.pr-ad{position:absolute;display:block;overflow:hidden;color:#fff;text-decoration:none;font-family:'Roboto Condensed','Arial Narrow',Arial,sans-serif;line-height:1.1}
.pr-ad:hover,.pr-ad:focus,.pr-ad:visited{color:#fff;text-decoration:none}
.pr-ad>*{position:absolute;box-sizing:border-box}
.pr-tex{background-color:var(--th);background-image:linear-gradient(100deg,rgba(255,255,255,.07),rgba(255,255,255,0) 40%),repeating-linear-gradient(120deg,rgba(255,255,255,0) 0 13px,rgba(255,255,255,.045) 13px 22px)}
.pr-tex.pr-dark{background-color:var(--th-col)}
.pr-bgx{left:0;top:0;right:0;bottom:0}
.pr-tile{display:flex;align-items:center;justify-content:center;background:linear-gradient(#FFD630,#FDB515 70%,#F6A90C);color:#121212;font:700 var(--fs,60px)/1 'Roboto Condensed',Arial,sans-serif;letter-spacing:-.035em;border-radius:0 0 10px 10px;box-shadow:0 4px 10px rgba(0,0,0,.45);white-space:nowrap;z-index:8}
.pr-sup{display:grid;place-items:center;border:var(--sw,3px) solid #fff;border-radius:50%;background:radial-gradient(circle at 38% 30%,#FFB23A,#F7931A 60%,#E9800C);box-shadow:0 3px 8px rgba(0,0,0,.35);z-index:9}
/* Super cena: nagnjeno 8 stopinj, brez kurziva, nezna senca (Dino 5. 10. 2026; prej kurziv + debela senca = prevec izkrivljeno) */
.pr-sup span{display:block;text-align:center;transform:rotate(8deg);font:700 var(--fs,30px)/.92 'Roboto Condensed',Arial,sans-serif;letter-spacing:.01em;text-transform:uppercase;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.28)}
.pr-head,.pr-hd,.pr-hx{font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.35);z-index:8}
.pr-ad mark{background:none;color:#FFC414}
.pr-ring{border-radius:50%;border:var(--rw,6px) solid #fff;background-size:cover;background-position:center;box-shadow:0 6px 16px rgba(0,0,0,.28)}
.pr-tc{display:grid;place-items:center;text-align:center;border-radius:50%;padding:calc(var(--d) * .15);font:700 var(--fs,24px)/1.05 'Roboto Condensed',Arial,sans-serif;text-transform:uppercase;text-shadow:0 1px 2px rgba(0,0,0,.3);box-shadow:0 5px 14px rgba(0,0,0,.25)}
.pr-red{background:radial-gradient(circle at 38% 32%,#F53A40,#E3141C 70%)}
.pr-or{background:radial-gradient(circle at 38% 32%,#FFAE3D,#F7941D 70%)}
.pr-cta{background:linear-gradient(#EC1A23,#AB090F);border-bottom:2px solid #710004;border-radius:3px;color:#fff;font:700 15px/1 'Roboto Condensed',Arial,sans-serif;padding:7px 12px 6px;white-space:nowrap;text-shadow:none;z-index:9}
.pr-tags{display:flex;gap:6px;align-items:center;z-index:9;white-space:nowrap}
.pr-pill{background:#E3141C;color:#fff;font:700 13px/1 'Roboto Condensed',Arial,sans-serif;text-transform:uppercase;letter-spacing:.02em;padding:5px 8px 4px;border-radius:2px;overflow:hidden;text-overflow:ellipsis;max-width:100%}
/* NOVO = oznaka s kartic portala (style-2014.css .tag.green) */
.pr-new{display:inline-block;background:#1CA642;background:linear-gradient(#1AB946,#1E953F);color:#fff;font:700 13px/1 'Roboto Condensed',Arial,sans-serif;text-transform:uppercase;letter-spacing:.02em;padding:5px 9px 4px;border-radius:3px;text-shadow:0 1px 1px rgba(0,0,0,.2)}
.pr-bl{display:flex;white-space:nowrap;overflow:hidden;font:700 14px/18px 'Roboto Condensed',Arial,sans-serif;text-transform:uppercase;letter-spacing:.02em;z-index:8}
.pr-bl span+span:before{content:"\00B7";padding:0 7px;color:rgba(255,255,255,.6)}
.pr-bl .pr-y{color:#FFC414}

/* ---- beli krog z oznako; velikost besedila = premer kroga x --kb / --ks (x --z na ozadju) ---- */
.pr-lg{border-radius:50%;background:#fff;box-shadow:0 5px 14px rgba(0,0,0,.3);display:grid;place-items:center;z-index:6}
/* #9031: vecji logotip (prej 62 % sirine); okvir 78 x 64 % je se znotraj kroga, contain za siroke in pokoncne logotipe */
.pr-lg img{width:78%;height:64%;object-fit:contain;display:block}
.pr-bd{display:grid;justify-items:center;text-align:center;font-family:'Roboto Condensed',Arial,sans-serif;font-weight:700;line-height:1}
.pr-bd b{display:flex;align-items:center;gap:.05em;font-size:calc(var(--d) * var(--kb,.27) * var(--z,1));letter-spacing:0}
.pr-bd small{font-size:calc(var(--d) * var(--ks,.14) * var(--z,1));font-weight:700;letter-spacing:.03em;margin-top:calc(var(--d) * .02)}
.pr-bd svg{width:.8em;height:.8em;margin-top:-.06em}
.pr-bd-top{color:#C8161D}.pr-bd-top small{color:#1D2228}
.pr-bd-exp{color:#C8161D}.pr-bd-exp b{--kb:.21}.pr-bd-exp small{--ks:.16;color:#1D2228}
.pr-bd-pick small{--ks:.13;color:#1D2228}.pr-bd-pick b{--kb:.26;color:#C8161D}
/* flash sale: rumena nalepka, strela, FLASH crno + SALE rdece */
.pr-lg.pr-lg-flash{background:radial-gradient(circle at 36% 30%,#FFE65C,#FFC414 55%,#F2A100);box-shadow:0 0 0 3px #fff,0 5px 14px rgba(0,0,0,.35)}
.pr-bd-flash b{--kb:.23;flex-direction:column;line-height:.9;color:#121212}
.pr-bd-flash b span+span{color:#D0021B}
.pr-bd-flash svg{width:calc(var(--d) * .16 * var(--z,1));height:calc(var(--d) * .16 * var(--z,1));margin:0 0 calc(var(--d) * .01)}

/* ---- odstevalnik flash sale ---- */
.pr-fcd{display:flex;align-items:flex-start;gap:5px;z-index:9;color:#fff}
.pr-fcd-t{align-self:center;font:700 15px/1 'Roboto Condensed',Arial,sans-serif;text-transform:uppercase;letter-spacing:.03em;color:#FFC414;margin-right:2px}
.pr-us{display:flex;align-items:flex-start;gap:4px}
.pr-u{display:grid;justify-items:center;gap:2px}
.pr-u b{min-width:1.35em;text-align:center;background:#111316;color:#FFC414;font:700 22px/1 'Roboto Condensed',Arial,sans-serif;padding:4px 3px 3px;border-radius:4px;font-variant-numeric:tabular-nums;box-shadow:0 0 0 1px rgba(255,196,20,.35)}
.pr-u small{font:700 8.5px/1 'Roboto Condensed',Arial,sans-serif;letter-spacing:.06em;color:rgba(255,255,255,.85)}
.pr-c{color:#FFC414;font:700 18px/26px 'Roboto Condensed',Arial,sans-serif}
.pr-fcd-pill{z-index:9;display:inline-flex;align-items:center;gap:5px;background:#111316;color:#FFC414;border-radius:4px;font:700 13px/1 'Roboto Condensed',Arial,sans-serif;letter-spacing:.02em;padding:5px 7px 4px;white-space:nowrap;font-variant-numeric:tabular-nums;box-shadow:0 0 0 1px rgba(255,196,20,.4)}
.pr-fcd-pill svg{width:11px;height:11px}

/* ---- ozadje (A, racunalnik): 90 px v toku pred .wrap kot .background_link; .wrap (1000 px, bel, position:relative) prekrije sredino pod trakom ---- */
.pr-wall{position:relative;width:100%;height:90px}
.pr-wall>.pr-ad{left:0;right:0;top:0;height:908px;z-index:0;clip-path:inset(0 0 -2000px 0);--L:calc(50% - 500px);--R:calc(50% + 500px);--tw:138px;--f:1}
.pr-wall .pr-bgL{left:0;top:0;width:var(--L);height:820px;background-size:cover;background-position:center}
.pr-wall .pr-bgR{left:var(--R);right:0;top:0;height:820px;background-size:cover;background-position:center}
.pr-wall .pr-band{left:calc(var(--L) - var(--tw));width:calc(var(--R) - var(--L) + var(--tw) + 20px);top:0;height:90px;z-index:2}
.pr-wall .pr-col{left:calc(var(--L) - var(--tw));width:var(--tw);top:90px;height:720px;padding:16px 8px 0 12px;z-index:2}
.pr-wall .pr-col ul{list-style:none;margin:0;padding:0;display:grid;gap:19px}
.pr-wall .pr-col li{font:700 17px/19px 'Roboto Condensed',Arial,sans-serif;text-transform:uppercase;letter-spacing:.01em;margin:0;padding:0;background:none;list-style:none;display:block}
.pr-wall .pr-col li.pr-y{color:#FFC414}
.pr-wall .pr-col li:before,.pr-wall .pr-col li:after{content:none;display:none}
.pr-wall .pr-col .pr-new{margin:0 0 14px}
.pr-wall .pr-col .pr-fcd{display:grid;gap:5px;margin:0 0 16px}
.pr-wall .pr-col .pr-fcd-t{font-size:14px;margin:0}
.pr-wall .pr-col .pr-us{gap:3px}
.pr-wall .pr-col .pr-u b{font-size:18px;min-width:1.2em;padding:4px 2px 3px}
.pr-wall .pr-tile{left:calc(var(--L) - var(--tw));width:var(--tw);top:0;height:70px;padding-right:16px;--fs:62px}
.pr-wall .pr-sup{left:calc(var(--L) - 14px);top:-9px;width:100px;height:100px;--fs:27px}
.pr-wall .pr-head{left:calc(var(--L) + 116px);width:calc(var(--R) - var(--L) - 116px - 46px - 125px * var(--f));top:0;height:90px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:35px;line-height:37px}
.pr-wall .pr-lg{--d:calc(250px * var(--f));--z:.72;width:var(--d);height:var(--d);left:calc(var(--R) - 22px - var(--d) / 2);top:calc(42px - var(--d) / 2);z-index:7;display:block}
.pr-wall .pr-lg>*{position:absolute;left:0;right:0;top:calc(var(--d) / 2 - 32px)}
.pr-wall .pr-lg img{left:20%;width:60%;height:calc(var(--d) * .4);object-position:center top}
.pr-wall .pr-lg .pr-bd-flash b{flex-direction:row;gap:.22em}
.pr-wall .pr-p1{--d:calc(330px * var(--f));width:var(--d);height:var(--d);left:calc(var(--R) + 150px * var(--f) - var(--d) / 2);top:calc(168px * var(--f) - var(--d) / 2);z-index:3}
.pr-wall .pr-p2{--d:calc(300px * var(--f));width:var(--d);height:var(--d);left:calc(var(--R) + 140px * var(--f) - var(--d) / 2);top:calc(505px * var(--f) - var(--d) / 2);z-index:4}
.pr-wall[data-rings="1"] .pr-p1{--d:calc(380px * var(--f));top:calc(220px * var(--f) - var(--d) / 2)}
.pr-wall .pr-red{--d:calc(196px * var(--f));--fs:calc(24px * var(--f));width:var(--d);height:var(--d);left:calc(var(--R) - 4px);top:calc(372px * var(--f) - var(--d) / 2);z-index:5}
.pr-wall .pr-or{--d:calc(212px * var(--f));--fs:calc(24px * var(--f));width:var(--d);height:var(--d);left:calc(var(--R) - 4px);top:calc(708px * var(--f) - var(--d) / 2);z-index:6}
.pr-wall .pr-fade{left:0;right:0;top:540px;height:290px;background:linear-gradient(rgba(247,242,231,0),#F7F2E7 82%);z-index:10;pointer-events:none}
@media (max-width:1799px){.pr-wall>.pr-ad{--f:.85}}
@media (max-width:1499px){.pr-wall>.pr-ad{--f:.65}.pr-wall .pr-col li{font-size:15px;line-height:17px}.pr-wall .pr-col li:nth-child(n+5){display:none}}
@media (max-width:1279px){
  .pr-wall .pr-bgL,.pr-wall .pr-bgR,.pr-wall .pr-col,.pr-wall .pr-ring,.pr-wall .pr-tc,.pr-wall .pr-lg,.pr-wall .pr-fade{display:none}
  .pr-wall .pr-band{left:var(--L);width:1000px}
  .pr-wall .pr-tile{left:calc(var(--L) + 10px);width:122px;--fs:52px}
  .pr-wall .pr-sup{left:calc(var(--L) + 118px);top:-6px;width:84px;height:84px;--fs:22px}
  .pr-wall .pr-head{left:calc(var(--L) + 214px);width:760px}
}

/* ---- velik banner (B, racunalnik) v stolpcu s ponudbami zavihka in strani Top 30 ---- */
.pr-banner{position:relative;max-width:790px;height:220px;margin:0 0 16px}
.pr-banner>.pr-ad,.pr-hero>.pr-ad{left:0;top:0;right:0;bottom:0;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.18)}
.pr-banner .pr-tile{left:22px;top:0;width:132px;height:62px;padding-right:12px;--fs:52px}
.pr-banner .pr-sup{left:142px;top:-5px;width:84px;height:84px;--fs:22px}
.pr-banner .pr-tags{left:238px;top:20px;max-width:222px}
.pr-banner .pr-nolg .pr-tags{max-width:286px}
.pr-banner .pr-hd{left:22px;top:74px;width:430px;height:78px;display:flex;align-items:center;font-size:31px;line-height:34px}
.pr-banner .pr-bl{left:22px;top:158px;width:430px;height:18px}
.pr-banner .pr-cta{left:22px;top:184px}
.pr-banner .pr-fcd{left:162px;top:177px}
.pr-banner .pr-r1{--rw:6px;width:270px;height:270px;left:548px;top:-25px;z-index:3}
.pr-banner .pr-r2{--rw:5px;width:140px;height:140px;left:452px;top:94px;z-index:4}
.pr-banner[data-rings="1"] .pr-r1{left:520px;width:300px;height:300px;top:-40px}
.pr-banner .pr-lg{--d:96px;width:96px;height:96px;left:466px;top:2px}

/* ---- banner cez celo sirino naslovne (B, racunalnik): pod glavo, nad levim menijem in ponudbami ---- */
.pr-hero{position:relative;width:960px;height:230px;margin:20px 20px 20px;clear:both}
.pr-hero .pr-tile{left:24px;top:0;width:142px;height:66px;padding-right:14px;--fs:56px}
.pr-hero .pr-sup{left:150px;top:-6px;width:92px;height:92px;--fs:24px}
.pr-hero .pr-tags{left:256px;top:22px;max-width:318px}
.pr-hero .pr-nolg .pr-tags{max-width:370px}
.pr-hero .pr-hd{left:24px;top:80px;width:540px;height:84px;display:flex;align-items:center;font-size:35px;line-height:38px}
.pr-hero .pr-bl{left:24px;top:170px;width:540px;height:18px}
.pr-hero .pr-cta{left:24px;top:196px}
.pr-hero .pr-fcd{left:166px;top:188px}
.pr-hero .pr-r1{--rw:6px;width:300px;height:300px;left:660px;top:-35px;z-index:3}
.pr-hero .pr-r2{--rw:5px;width:160px;height:160px;left:568px;top:90px;z-index:4}
.pr-hero[data-rings="1"] .pr-r1{left:620px;width:340px;height:340px;top:-55px}
.pr-hero .pr-lg{--d:104px;width:104px;height:104px;left:580px;top:0}

/* ---- telefon (<= 980 px): kompaktna pasica (A) in velika pasica (B) pod glavo; ozadje in bannerja skrita ---- */
.pr-strip,.pr-big{display:none;position:relative;width:100%;overflow:hidden}
.pr-strip>.pr-ad,.pr-big>.pr-ad{left:0;top:0;right:0;bottom:0}
.pr-strip{height:102px}
.pr-strip .pr-tile{left:12px;top:0;width:92px;height:44px;padding-right:8px;--fs:34px;border-radius:0 0 7px 7px}
.pr-strip .pr-sup{--sw:2px;left:94px;top:-3px;width:54px;height:54px;--fs:14px}
.pr-strip .pr-yel{left:12px;top:54px;width:96px;color:#FFC414;font:700 12.5px/1.15 'Roboto Condensed',Arial,sans-serif;text-transform:uppercase;letter-spacing:.02em}
.pr-strip .pr-hx{left:156px;right:96px;top:8px;height:62px;display:flex;align-items:flex-end;font-size:16px;line-height:17px}
.pr-strip .pr-plc{left:156px;right:96px;top:74px;font:500 12px/14px Roboto,Arial,sans-serif;color:rgba(255,255,255,.88);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-strip .pr-fcd-pill{left:156px;top:72px;font-size:12px;padding:4px 6px 3px}
.pr-strip .pr-p1{--rw:4px;width:124px;height:124px;right:-38px;top:-11px}
.pr-big{height:192px}
.pr-big .pr-tile{left:14px;top:0;width:104px;height:54px;padding-right:10px;--fs:44px;border-radius:0 0 8px 8px}
.pr-big .pr-sup{--sw:2px;left:106px;top:-6px;width:68px;height:68px;--fs:18px}
.pr-big .pr-tags{left:182px;top:16px}
.pr-big .pr-hd{left:14px;right:150px;top:62px;height:84px;display:flex;align-items:center;font-size:19px;line-height:21px}
.pr-big .pr-is-flash .pr-hd{top:58px;height:62px}
.pr-big .pr-fcd-pill{left:14px;top:124px}
.pr-big .pr-cta{left:14px;top:153px}
.pr-big .pr-p1{--rw:5px;width:204px;height:204px;right:-64px;top:-6px}
.pr-big .pr-lg{--d:84px;width:84px;height:84px;right:70px;top:104px;z-index:7}
@media (max-width:980px){.pr-wall,.pr-banner,.pr-hero{display:none}.pr-strip,.pr-big{display:block}}

/* ---- #9031: popust v krogu je ena vrstica - vecja pisava kot dvovrsticna SUPER CENA ---- */
.pr-sup-pct span{font-size:calc(var(--fs,30px) * 1.3);letter-spacing:-.01em}

/* ---- #9031: svetel trak (pr-light, svetlost barve nad 0,4): temno besedilo, rdeci poudarki namesto rumenih, temnejsa tekstura ---- */
.pr-ad.pr-light,.pr-ad.pr-light:hover,.pr-ad.pr-light:focus,.pr-ad.pr-light:visited{color:#1C2127}
.pr-light .pr-tex{background-image:linear-gradient(100deg,rgba(255,255,255,.35),rgba(255,255,255,0) 40%),repeating-linear-gradient(120deg,rgba(0,0,0,0) 0 13px,rgba(0,0,0,.035) 13px 22px)}
.pr-light .pr-head,.pr-light .pr-hd,.pr-light .pr-hx{text-shadow:none}
.pr-light mark,.pr-light .pr-bl .pr-y,.pr-light .pr-yel,.pr-wall .pr-light .pr-col li.pr-y,.pr-light .pr-fcd-t,.pr-light .pr-c{color:#C8161D}
.pr-light .pr-bl span+span:before{color:rgba(28,33,39,.45)}
.pr-strip .pr-light .pr-plc{color:rgba(28,33,39,.8)}
.pr-light .pr-fcd{color:#1C2127}
.pr-light .pr-u small{color:rgba(28,33,39,.75)}

/* ---- #9091: krog z logotipom ponudnika na ozadju je desno od stolpca strani (prej ga je stolpec pri >= 1800 px delno prekril); ostali krogi, prehod
   v ozadje strani, stranski fotografiji in stolpec so nize za --dy. --ls = velikost logotipa (CompanyLogo.LogoScale 0,8-1,3, inline iz PromoRenderer),
   na 1280-1499 px najvec 1,15 (desno od strani je samo 140 px); --cy = sredisce kroga, da je okvir logotipa vsaj 8 px pod zgornjim robom ---- */
@media (min-width:1280px){
  .pr-wall .pr-haslogo{--ls:1;--lse:var(--ls);--cy:max(42px, 8px + 32px * var(--f) * var(--lse));--dy:calc(80px + 125px * (var(--lse) - 1) + (var(--cy) - 42px) / var(--f))}
  .pr-wall .pr-haslogo .pr-lg-logo{--d:calc(250px * var(--f) * var(--lse));left:calc(var(--R) + max(100px, 90px * var(--lse) + 5px) * var(--f) - var(--d) / 2);top:calc(var(--cy) - var(--d) / 2)}
  .pr-wall .pr-haslogo .pr-lg-logo img{left:14%;right:auto;width:72%;top:calc(var(--d) * .372);height:calc(var(--d) * .44);object-position:center center}
  .pr-wall .pr-haslogo .pr-head{width:calc(var(--R) - var(--L) - 162px)}
  .pr-wall .pr-haslogo .pr-p1{top:calc((168px + var(--dy)) * var(--f) - var(--d) / 2)}
  .pr-wall[data-rings="1"] .pr-haslogo .pr-p1{top:calc((220px + var(--dy)) * var(--f) - var(--d) / 2)}
  .pr-wall .pr-haslogo .pr-red{top:calc((372px + var(--dy)) * var(--f) - var(--d) / 2)}
  .pr-wall .pr-haslogo .pr-p2{top:calc((505px + var(--dy)) * var(--f) - var(--d) / 2)}
  .pr-wall .pr-haslogo .pr-or{top:calc((708px + var(--dy)) * var(--f) - var(--d) / 2)}
  .pr-wall .pr-haslogo .pr-fade{top:calc(540px + var(--dy))}
  .pr-wall .pr-haslogo .pr-bgL,.pr-wall .pr-haslogo .pr-bgR{height:calc(820px + var(--dy))}
  .pr-wall .pr-haslogo .pr-col{height:calc(720px + var(--dy))}
}
@media (min-width:1280px) and (max-width:1499px){.pr-wall .pr-haslogo{--lse:min(var(--ls), 1.15)}}