*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}html,body,ul,ol,li,figure,blockquote,dl,dd{margin:0;padding:0}*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}:root{--base100: #222221;--base200: #e6e6e6;--base300: #f2f2f2;--base400: #e5e5e5;--base500: #ffffff;--base600: #000000;--primary100: #daa9f9;--primary200: #a79cf6;--primary300: #c4bdfa;--primary400: #e1ddfc;--textMain: #2c2e35}.color-base100{color:var(--base100) !important}.color-base200{color:var(--base200) !important}.color-base300{color:var(--base300) !important}.color-base400{color:var(--base400) !important}.color-base500{color:var(--base500) !important}.color-base600{color:var(--base600) !important}.color-textMain{color:var(--textMain) !important}.color-primary100{color:var(--primary100) !important}.color-primary200{color:var(--primary200) !important}.color-primary300{color:var(--primary300) !important}.color-primary400{color:var(--primary400) !important}.background-color-base100{background-color:var(--base100) !important}.background-color-base200{background-color:var(--base200) !important}.background-color-base300{background-color:var(--base300) !important}.background-color-base400{background-color:var(--base400) !important}.background-color-base500{background-color:var(--base500) !important}.background-color-base600{background-color:var(--base600) !important}.background-color-primary100{background-color:var(--primary100) !important}.background-color-primary200{background-color:var(--primary200) !important}.background-color-primary300{background-color:var(--primary300) !important}.background-color-primary400{background-color:var(--primary400) !important}@font-face{font-family:"formaDjrMicro";src:url(../../fonts/FormaDJRMicro-Regular.otf)}@font-face{font-family:"formaDjrDisplay";src:url(../../fonts/FormaDJRDisplay-Regular.otf)}body{font-size:1em;color:var(--base100)}h1,.h1{color:var(--base600);font-family:"formaDjrDisplay",Arial,Helvetica,sans-serif;font-weight:400;line-height:1;font-size:3em}@media screen and (min-width: 768px){h1,.h1{font-size:3.5em}}@media screen and (min-width: 1024px){h1,.h1{font-size:5em}}h2,.h2{color:var(--base600);font-family:"formaDjrMicro",Arial,Helvetica,sans-serif;font-weight:400;line-height:1.2;font-size:1.375em}@media screen and (min-width: 1024px){h2,.h2{font-size:2em}}h3,.h3{color:var(--base600);font-family:"formaDjrMicro",Arial,Helvetica,sans-serif;font-weight:400;line-height:1.2;font-size:1.25em}@media screen and (min-width: 1024px){h3,.h3{font-size:1.5em}}h4,.h4{color:var(--textMain);font-family:"formaDjrMicro",Arial,Helvetica,sans-serif;font-weight:400;line-height:1.5;font-size:1.125em}h5,.h5{color:var(--textMain);font-family:"formaDjrMicro",Arial,Helvetica,sans-serif;font-weight:400;line-height:1.5;font-size:1em}h6,.h6{color:var(--textMain);font-family:"formaDjrMicro",Arial,Helvetica,sans-serif;font-weight:400;line-height:1.3;font-size:0.875em}p,.p{color:var(--textMain);font-family:"formaDjrMicro",Arial,Helvetica,sans-serif;font-weight:400;line-height:1.5;font-size:1em}ul{list-style:none}ul li{color:var(--textMain);font-family:"formaDjrMicro",Arial,Helvetica,sans-serif;font-weight:400;line-height:1.5;font-size:1em;position:relative;padding-left:1.75em}ul li:before{content:"";position:absolute;left:0.5em;top:0.25em;width:0.75em;height:0.75em;background-color:var(--base100);border-radius:50%}body{font-family:"formaDjrMicro",Arial,Helvetica,sans-serif;background-color:var(--base400)}main{background:var(--base400)}footer{background:var(--base100)}.container{width:100%;padding-right:20px;padding-left:20px;margin-right:auto;margin-left:auto;max-width:100%}@media screen and (min-width: 1300px){.container{max-width:1286px}}.container--full{max-width:100%}@media screen and (max-width: 768px){.hero .container{padding-right:0px;padding-left:0px}}.hero__wrap{display:flex;justify-content:center;flex-wrap:wrap}@media screen and (min-width: 768px){.hero__wrap{flex-direction:row}}.hero__col-left{width:100%}@media screen and (min-width: 768px){.hero__col-left{width:50%}}.hero__col-right{display:flex;justify-content:center;width:100%;aspect-ratio:4/3}@media screen and (min-width: 768px){.hero__col-right{position:relative;width:50%}}.hero__img{width:100%;height:auto;display:flex;justify-content:center}@media screen and (min-width: 768px){.hero__img{width:100%;height:100%;display:flex;justify-content:center;position:absolute;left:0;top:0}}.hero__img img{width:100%;object-fit:cover;object-position:center}.hero__tag,.hero__title,.hero__subtitle{padding:15px 20px}@media screen and (min-width: 768px){.hero__tag,.hero__title,.hero__subtitle{padding:20px;padding-right:20px}}.hero__title{background-color:var(--primary200);position:relative}.hero__subtitle{background-color:var(--primary300);position:relative;height:100%;display:flex;flex-direction:column}.hero__subtitle .win11-banner{margin-top:auto}.hero__tag__img-wrap img{max-width:140px}@media screen and (min-width: 768px){.hero__tag__img-wrap img{max-width:100%}}.win11-banner{display:flex;flex-direction:column;margin-top:30px}@media screen and (min-width: 768px){.win11-banner{flex-direction:row}}@media screen and (min-width: 1024px){.win11-banner{margin-top:30px}}.win11-banner__text{margin-top:10px}@media screen and (min-width: 768px){.win11-banner__text{margin-left:50px;margin-top:auto}}.win11-banner__text p{margin:0}@media screen and (min-width: 768px){.win11-banner__text p{position:relative;top:-20px}}.win11-banner__img{max-width:85px;max-height:85px}.product-info{margin:30px 0}.product-info__title{padding:20px;margin-bottom:20px}.product-info__text{padding:0 20px}.card-list{display:grid;grid-template-columns:repeat(1, minmax(0, 1fr));align-items:stretch;grid-gap:20px;margin-top:30px}@media screen and (min-width: 760px){.card-list{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 1024px){.card-list{grid-template-columns:repeat(2, minmax(0, 1fr));margin-top:30px}}.card{width:100%;margin-bottom:0px;display:flex;flex-direction:column}.card__header{padding:10px 20px;display:flex;flex-direction:row;align-items:baseline;flex-wrap:wrap}@media screen and (min-width: 1024px){.card__header{align-items:center}}.card__title{position:relative}.card__subtitle{font-size:14px !important}.card__body{padding:0 20px 10px 20px;height:100%;display:flex;flex-direction:column}.card__text{padding-top:20px}.card__footer{margin-top:auto}.card__price{display:flex;justify-content:space-between;align-items:baseline;margin-top:20px}.card__price--eur,.card__price--hrk{color:var(--base600);font-family:"formaDjrMicro",Arial,Helvetica,sans-serif;font-weight:400;line-height:1.2;font-size:1.5em}@media screen and (max-width: 480px){.card__price--eur,.card__price--hrk{font-size:1.125em}}.card__price--big{color:var(--base600);font-family:"formaDjrMicro",Arial,Helvetica,sans-serif;font-weight:400;line-height:1.2;font-size:1.375em}@media screen and (max-width: 480px){.card__price--big{font-size:1.375em}}.card__img{position:relative}.card__img img{margin:0 auto}.card__title-variant{background-color:var(--primary200);padding:10px 15px}.card__subtitle-variant{background-color:var(--primary300);padding:10px 15px}.site-footer{padding:20px 0;margin-top:10px}.site-footer p{margin-bottom:20px}.site-footer p a{text-decoration:none}.site-footer__partner--title{font-weight:bold}.site-footer__copyright{margin-top:20px;padding-top:10px}.site-footer__copyright p,.site-footer__copyright a{color:var(--base500);font-family:"formaDjrMicro",Arial,Helvetica,sans-serif;font-weight:400;line-height:1.3;font-size:0.8125em}.site-footer__copyright a{font-size:0.9375em}.prefooter-section{display:flex;flex-direction:column;margin:50px 0}@media screen and (min-width: 768px){.prefooter-section{flex-direction:row}}.prefooter-section__img-wrap{width:100%}@media screen and (min-width: 768px){.prefooter-section__img-wrap{width:50%}}.prefooter-section__text-wrap{width:100%}@media screen and (min-width: 768px){.prefooter-section__text-wrap{width:50%;display:flex;flex-direction:column}}.prefooter-section__title{background-color:var(--primary200);padding:15px}@media screen and (min-width: 768px){.prefooter-section__title{height:50%}}.prefooter-section__text{background-color:var(--primary300);padding:15px}@media screen and (min-width: 768px){.prefooter-section__text{height:50%}}.cashback-info{display:flex;flex-direction:column;margin:30px 0}.cashback-info__img-wrap{width:100%}.cashback-info__text-wrap{width:100%}.cashback-info__title{background-color:var(--primary300);padding:15px}.cashback-info__text{background-color:var(--primary300);padding:15px;border-top:1px solid var(--base600)}.cashback-info__text a{color:var(--base600);text-decoration:none}.cashback-info__text a:hover{text-decoration:underline}.cashback-info__cta{background-color:var(--primary400);padding:15px;display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:20px}@media screen and (min-width: 600px){.cashback-info__cta{flex-direction:row;align-items:center;justify-content:space-between}.cashback-info__cta h4{max-width:45%}}.cashback-info__cta a.btn__info{background-color:var(--primary200);color:var(--base600);text-decoration:none;transition:all .2s ease-in-out;padding:10px 15px}.cashback-info__cta a.btn__info:hover{background-color:var(--primary300)}.partner-group{margin:70px 0 30px 0}.partner-images{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:30px}.cashback-banner{display:flex;justify-content:center;align-items:center;background-color:var(--primary200);padding:5px;font-size:0.75em;position:absolute;border-radius:50%;bottom:20px;right:20px;width:60px;height:60px;line-height:1}@media screen and (min-width: 768px){.cashback-banner{font-size:0.875em;bottom:50px;right:50px;width:90px;height:90px}}@media screen and (min-width: 1200px){.cashback-banner{bottom:55px;right:90px}}.cashback-banner div{display:flex;flex-direction:column;justify-content:center;align-items:center}.cashback-banner span{color:var(--base600);font-size:1.875em}@media screen and (min-width: 768px){.cashback-banner span{font-size:2.25em}}
