/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/predloge/fonts/gf/jost_v20_92zatBhPNqw73oDd4iYl.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/predloge/fonts/gf/jost_v20_92zatBhPNqw73ord4iYl.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/predloge/fonts/gf/jost_v20_92zatBhPNqw73oTd4g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/predloge/fonts/gf/jost_v20_92zatBhPNqw73oDd4iYl.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/predloge/fonts/gf/jost_v20_92zatBhPNqw73ord4iYl.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/predloge/fonts/gf/jost_v20_92zatBhPNqw73oTd4g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/predloge/fonts/gf/jost_v20_92zatBhPNqw73oDd4iYl.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/predloge/fonts/gf/jost_v20_92zatBhPNqw73ord4iYl.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/predloge/fonts/gf/jost_v20_92zatBhPNqw73oTd4g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/predloge/fonts/gf/jost_v20_92zatBhPNqw73oDd4iYl.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/predloge/fonts/gf/jost_v20_92zatBhPNqw73ord4iYl.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/predloge/fonts/gf/jost_v20_92zatBhPNqw73oTd4g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/predloge/fonts/gf/newsreader_v26_cY9CfjOCX1hbuyalUrK439vCgYhCFpY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/predloge/fonts/gf/newsreader_v26_cY9CfjOCX1hbuyalUrK439vCgIhCFpY.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(/predloge/fonts/gf/newsreader_v26_cY9CfjOCX1hbuyalUrK439vCjohC.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/predloge/fonts/gf/newsreader_v26_cY9CfjOCX1hbuyalUrK439vCgYhCFpY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/predloge/fonts/gf/newsreader_v26_cY9CfjOCX1hbuyalUrK439vCgIhCFpY.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(/predloge/fonts/gf/newsreader_v26_cY9CfjOCX1hbuyalUrK439vCjohC.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/predloge/fonts/gf/newsreader_v26_cY9AfjOCX1hbuyalUrK439HyjJBG.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/predloge/fonts/gf/newsreader_v26_cY9AfjOCX1hbuyalUrK439DyjJBG.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/predloge/fonts/gf/newsreader_v26_cY9AfjOCX1hbuyalUrK4397yjA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/predloge/fonts/gf/newsreader_v26_cY9AfjOCX1hbuyalUrK439HyjJBG.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/predloge/fonts/gf/newsreader_v26_cY9AfjOCX1hbuyalUrK439DyjJBG.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/predloge/fonts/gf/newsreader_v26_cY9AfjOCX1hbuyalUrK4397yjA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/predloge/fonts/gf/newsreader_v26_cY9AfjOCX1hbuyalUrK439HyjJBG.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/predloge/fonts/gf/newsreader_v26_cY9AfjOCX1hbuyalUrK439DyjJBG.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/predloge/fonts/gf/newsreader_v26_cY9AfjOCX1hbuyalUrK4397yjA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/predloge/fonts/gf/newsreader_v26_cY9AfjOCX1hbuyalUrK439HyjJBG.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/predloge/fonts/gf/newsreader_v26_cY9AfjOCX1hbuyalUrK439DyjJBG.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Newsreader';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/predloge/fonts/gf/newsreader_v26_cY9AfjOCX1hbuyalUrK4397yjA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.6.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.6.3') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.6.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.6.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-float-left{float:left}.fa-float-right{float:right}.fa.fa-float-left{margin-right:.3em}.fa.fa-float-right{margin-left:.3em}.float-right{float:right}.float-left{float:left}.fa.float-left{margin-right:.3em}.fa.float-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}
/* ============================================================
   MATCHMe.si — Prenova "Golden Sunset" (topla premium estetika)
   Dizajn-sistem (PHP 5.6 / Smarty drop-in, brez build koraka)
   Re-skin V1 arhitekture po mockupih stranke (jun 2026)
   ============================================================ */

:root{
  --cream:#FFFDFB; --cream-2:#FAF4EE; --blush:#FCEDE9; --blush-2:#F6D6CF;
  --coral:#E8536B; --coral-l:#F0798C; --coral-d:#D23F57;
  --wine:#C9304E; --wine-d:#A52740; --wine-deep:#262640;
  --gold:#D6A93E; --gold-l:#E8C46F; --gold-d:#B98A2A;
  --purple:#8B5C9E; --purple-d:#6F4781;
  --ink:#2A2A3C; --ink-2:#54505E; --ink-3:#20202F;
  --text:#46424E; --muted:#6E6A76; --white:#fff; /* muted potemnjen za WCAG AA ~4.6:1 (2026-07-09) */
  --line:rgba(40,40,60,.10); --line-2:rgba(40,40,60,.16);
  --shadow:0 24px 60px -28px rgba(40,40,70,.34);
  --shadow-sm:0 14px 34px -20px rgba(40,40,70,.26);
  --r-sm:12px; --r-md:18px; --r-lg:26px; --r-xl:34px; --r-pill:999px;
  --maxw:1200px;
  --serif:"Newsreader","Georgia",serif;
  --sans:"Jost","Segoe UI",system-ui,-apple-system,sans-serif;
  --tier-match:#CC626B; --tier-vip:#C08A34; --tier-premium:#9E5C64; --tier-elite:#2A2A3C;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:var(--sans);color:var(--text);background:var(--cream);
  font-size:17px;line-height:1.4;-webkit-font-smoothing:antialiased;font-weight:400;overflow-x:clip}
img{max-width:100%;height:auto;display:block}
figure{margin:0}
a{color:var(--wine);text-decoration:none;transition:color .2s,opacity .2s,transform .2s}
a:hover{color:var(--coral)}
/* [MOBILNI TAP 2026-07-22] iOS Safari prvi dotik porabi za :hover, ce ta animirano spremeni videz,
   zato je bil za odpiranje povezav potreben dvojni tap (Moji odgovori, dodatne storitve ...).
   Na napravah brez miske hover ucinke izklopimo, touch-action pa odpravi zamik dvojnega tapa za zoom. */
a,button,.btn,label{touch-action:manipulation}
@media (hover: none){
  /* [Ninka 27.7.2026 - DVOJNI TAP, koreniti popravek]
     Na iPhonu je bilo treba marsikje tapniti dvakrat. Trije vzroki, vsi odpravljeni tukaj:
     1. gladko drsenje: prvi tap se je porabil za ustavitev drsece animacije (najpogostejsi vzrok),
     2. :hover ucinki (senca, barva, premik) so prvi tap porabili za "prehod na hover",
     3. prehodi (transition) na interaktivnih elementih so podaljsali isto stanje.
     Na napravah z miško (namizje) ostane vse nespremenjeno. */
  html{scroll-behavior:auto}
  a{transition:none}
  a:hover{color:var(--wine)}
  *:hover{transform:none !important}
  a,button,.btn,.pbtn,label,.opt,.dash-tile,.hq,.card,.plan,.pick,.form-link,
  input[type=submit],input[type=button],summary{transition:none !important}
  a:hover,button:hover,.btn:hover,.pbtn:hover,label:hover,.opt:hover,.dash-tile:hover,
  .hq:hover,.card:hover,.plan:hover,.pick:hover,.form-link:hover,summary:hover,
  .btn-primary:hover,.btn-ghost:hover,.btn-gold:hover,.btn-light:hover{
    box-shadow:none !important;filter:none !important;
  }
  .btn-primary:hover{background:var(--coral);color:#fff}
  .btn-ghost:hover{background:transparent;color:var(--ink);border-color:var(--line)}
}
/* Tipografska lestvica: SAMO dve ravni naslovov (H1, H2) + besedilo. H3/H4 = poenoten majhen podnapis (bere kot krepko besedilo). */
h1,h2{font-family:var(--serif);color:var(--ink);font-weight:600;line-height:1.13;margin:0 0 .5em;letter-spacing:.005em}
h1{font-size:clamp(2.3rem,5vw,3.6rem)}
h2{font-size:clamp(1.85rem,3.6vw,2.6rem)}
h3,h4{font-family:var(--serif);color:var(--ink);font-weight:700;line-height:1.3;margin:0 0 .5em;letter-spacing:.005em;font-size:1.2rem}
p{margin:0 0 1rem}
.container{max-width:var(--maxw);margin:0 auto;padding:0 26px;position:relative}
.section{padding:96px 0;position:relative;overflow:hidden}
.section.sm{padding:66px 0}
/* Enoten zgornji razmak PRVE vsebinske sekcije za drobtinicami oz. page-hero pasom na VSEH straneh
   (Ninka 25.7.2026: "niso enaki razmaki zgoraj") - vrednosti sledita landing heroju (.lhero 58px/34px).
   Varianta "+ script +" pokrije predloge, kjer je med pasom in sekcijo JSON-LD <script> (storitev, srecna-zgodba). */
.page-hero + .section,.account-crumbs + .section,.page-hero + script + .section,.account-crumbs + script + .section,.account-crumbs + .auth-wrap,.account-crumbs + .msg{padding-top:58px}
.account-crumbs + .auth-wrap{padding-bottom:58px}
@media(max-width:600px){.page-hero + .section,.account-crumbs + .section,.page-hero + script + .section,.account-crumbs + script + .section,.account-crumbs + .auth-wrap,.account-crumbs + .msg{padding-top:34px}
.account-crumbs + .auth-wrap{padding-bottom:34px}}
/* Varovalka proti mesanju pisav v urejevalniski vsebini (Ninka 25.7.2026): morebitni vrinjeni
   font-family iz prilepljenih besedil (Word ipd.) se prisilno poenoti s pisavo strani. */
.prose [style*="font-family"],.prose font{font-family:inherit!important}
.bg-cream2{background:var(--cream-2)}
.bg-ink{background:var(--ink);color:#F4E7DD}
.bg-ink h2,.bg-ink h3,.bg-ink h4{color:#fff}

/* dekorativni mehki blobi */
.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;z-index:0;pointer-events:none}
.blob.coral{background:radial-gradient(circle,rgba(238,123,78,.42),transparent 70%)}
.blob.gold{background:radial-gradient(circle,rgba(233,162,60,.4),transparent 70%)}
.blob.blush{background:radial-gradient(circle,rgba(252,227,206,.9),transparent 70%)}
.section>.container{z-index:2}

/* tipografski pomocniki */
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);
  font-weight:600;font-size:.78rem;letter-spacing:.22em;text-transform:uppercase;color:var(--coral);margin-bottom:16px}
.eyebrow::before,.eyebrow.deco::after{content:"";width:30px;height:2px;background:var(--gold);border-radius:2px}
.eyebrow.deco{justify-content:center}
.section-head{max-width:760px;margin:0 auto 58px;text-align:center}
.section-head .eyebrow{display:flex;justify-content:center}
.section-head h2{position:relative;display:inline-block;font-size:clamp(1.9rem,3.7vw,2.7rem)}
.section-head h1{position:relative;display:inline-block;font-size:clamp(2.2rem,3.9vw,3.2rem)}
/* [SEO 25.7.2026] H1, ki je vizualno POPOLNOMA enak h2 - za strani, kjer je glavni naslov postal H1 zaradi SEO, videz pa mora ostati nespremenjen. */
.section-head h1.kot-h2{font-size:clamp(1.9rem,3.7vw,2.7rem)}
.ornament{display:flex;align-items:center;justify-content:center;gap:14px;color:var(--gold);margin:12px 0 14px}
.ornament::before,.ornament::after{content:"";height:1px;width:54px;background:linear-gradient(90deg,transparent,var(--gold))}
.ornament::after{background:linear-gradient(90deg,var(--gold),transparent)}
.ornament i{color:var(--coral)}
.lead{font-size:1.16rem;line-height:1.4;color:var(--ink-2)}
.text-center{text-align:center}.muted{color:var(--muted)}

/* gumbi */
.btn{display:inline-flex;align-items:center;gap:10px;cursor:pointer;border:0;font-family:var(--sans);
  font-weight:600;font-size:1rem;line-height:1;padding:16px 30px;border-radius:var(--r-pill);letter-spacing:.02em;
  transition:transform .22s,box-shadow .22s,background .22s,color .22s;text-decoration:none;white-space:nowrap}
.btn i{font-size:1.05em}
.btn-primary{background:linear-gradient(135deg,var(--coral),var(--wine));color:#fff;box-shadow:0 16px 32px -12px rgba(201,48,78,.5)}
.btn-primary:hover{color:#fff;transform:translateY(-3px);box-shadow:0 24px 44px -14px rgba(201,48,78,.68)}
.btn-ghost{background:transparent;color:var(--ink);border:2px solid var(--line-2);padding:14px 28px}
.btn-ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink);transform:translateY(-3px)}
.btn-gold{background:linear-gradient(135deg,var(--gold-l),var(--gold-d));color:#3a2410;box-shadow:0 16px 30px -14px rgba(198,126,34,.6)}
.btn-gold:hover{color:#3a2410;transform:translateY(-3px)}
.btn-light{background:#fff;color:var(--wine);box-shadow:var(--shadow-sm)}
.btn-light:hover{color:var(--wine);transform:translateY(-3px)}
.btn-lg{padding:18px 38px;font-size:1.06rem}

/* ============ GLAVA (SVETLA, ZRAČNA) ============ */
.topbar{background:#fff;color:var(--ink-2);font-size:.84rem;border-bottom:1px solid var(--line)}
.topbar .container{display:flex;justify-content:space-between;align-items:center;height:42px;gap:16px;max-width:1340px}
.topbar a{color:var(--ink-2)}.topbar a:hover{color:var(--coral)}
.topbar .tb-left{display:flex;gap:24px;flex-wrap:wrap;font-weight:500}
.topbar .tb-left i{color:var(--coral)}
.topbar .tb-soc a{margin-left:13px;font-size:.95rem;color:var(--ink-2)}
.topbar .tb-soc a:hover{color:var(--coral)}

.nav{position:sticky;top:0;z-index:900;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);
  border-bottom:1px solid var(--line)}
.nav.scrolled{box-shadow:0 10px 34px -20px rgba(40,40,70,.3)}
.nav .container{display:flex;align-items:center;justify-content:space-between;height:82px;gap:14px;max-width:1340px}

/* zacasen "M" emblem (placeholder do pravega zlatega loga) */
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.brand-logo{height:52px;width:auto;max-width:none;display:block;flex:none}
@media(max-width:560px){.brand-logo{height:44px}}
.brand-emblem{width:46px;height:46px;border-radius:50%;border:2px solid var(--gold);display:flex;align-items:center;
  justify-content:center;font-family:var(--serif);font-weight:700;font-size:1.5rem;color:var(--gold-d);
  background:radial-gradient(circle at 30% 25%,#fff,var(--blush));flex:none}
.brand-word{display:flex;flex-direction:column;line-height:1}
.brand-word b{font-family:var(--serif);font-weight:700;font-size:1.5rem;color:var(--ink);letter-spacing:.01em}
.brand-word b i{font-style:italic;color:var(--coral);font-weight:600}
.brand-word small{font-size:.6rem;letter-spacing:.34em;text-transform:uppercase;color:var(--muted);margin-top:3px}
.nav-logo img{max-height:46px;width:auto}

.nav-links{display:flex;align-items:center;gap:1px;list-style:none;margin:0;padding:0}
.nav-links>li{position:relative}
.nav-links>li>a{display:block;padding:9px 10px;color:var(--ink);font-weight:600;font-size:.82rem;letter-spacing:.03em;text-transform:uppercase;border-radius:10px;white-space:nowrap}
.nav-links>li>a:hover{color:var(--coral);background:var(--blush)}
.nav-links .sub{position:absolute;top:100%;left:0;min-width:248px;width:max-content;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-md);box-shadow:var(--shadow);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);
  transition:.2s;list-style:none;margin:8px 0 0}
.nav-links>li:hover .sub{opacity:1;visibility:visible;transform:translateY(0)}
.nav-links .sub a{display:block;padding:9px 14px;border-radius:10px;color:var(--text);font-size:.9rem;font-weight:500;text-transform:none;letter-spacing:0;white-space:nowrap}
.nav-links .sub a:hover{background:var(--blush);color:var(--wine)}
.nav-cta{display:flex;align-items:center;gap:10px}
.nav-toggle{display:none;align-items:center;justify-content:center;flex:0 0 48px;width:48px;height:48px;padding:0;background:none;border:0;border-radius:12px;font-size:1.6rem;line-height:1;color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.nav-toggle:focus-visible{outline:2px solid var(--coral);outline-offset:2px}
.nav-cta-mobile{display:none}
.nav-acct-mobile{display:none}
.nav .btn-ghost{color:var(--ink);border-color:var(--line-2);padding:11px 20px;font-size:.84rem;text-transform:uppercase;letter-spacing:.05em}
.nav .btn-ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.nav .btn-primary{padding:12px 22px;font-size:.84rem;text-transform:uppercase;letter-spacing:.05em}

.usermenu{position:relative}
.usermenu>button{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--coral),var(--wine));
  border:0;color:#fff;font-weight:600;font-family:var(--sans);text-transform:uppercase;letter-spacing:.05em;
  padding:9px 16px 9px 9px;border-radius:var(--r-pill);cursor:pointer;font-size:.84rem;box-shadow:0 12px 26px -14px rgba(201,48,78,.6)}
.usermenu .um-av{width:28px;height:28px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.28);display:inline-flex;align-items:center;justify-content:center;flex:none;font-size:.9rem}
.usermenu .um-av img{width:100%;height:100%;object-fit:cover}
.usermenu .um-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.usermenu .um-list{position:absolute;right:0;top:120%;min-width:262px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-md);box-shadow:var(--shadow);padding:8px;list-style:none;margin:0;display:none;z-index:1000}
.usermenu.open .um-list{display:block}
.usermenu .um-list a{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;color:var(--text);font-weight:500;font-size:.93rem}
.usermenu .um-list a:hover{background:var(--blush);color:var(--wine)}
.usermenu .um-list a i{color:var(--coral);width:16px;text-align:center}

/* ============ HERO ============ */
.hero{position:relative;min-height:660px;display:flex;align-items:center;overflow:hidden}
.hero-slide{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.1s ease;z-index:1;transform:scale(1.04);animation:heroZoom 14s ease-in-out infinite alternate}
.hero-slide.active{opacity:1}
@keyframes heroZoom{from{transform:scale(1.04)}to{transform:scale(1.12)}}
.hero::after{content:"";position:absolute;inset:0;z-index:2;
  background:linear-gradient(100deg,rgba(42,22,32,.9) 0%,rgba(122,40,42,.62) 46%,rgba(233,162,60,.3) 100%)}
.hero-inner{position:relative;z-index:3;color:#fff;max-width:760px;padding:90px 0}
.hero h1{color:#fff;text-shadow:0 2px 36px rgba(0,0,0,.3)}
.hero .eyebrow{color:var(--gold-l)}.hero .eyebrow::before{background:var(--gold-l)}
.hero p.lead{color:#FBE7DC;font-size:1.24rem;max-width:580px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.hero-badge{position:absolute;right:6%;bottom:90px;z-index:4;background:rgba(42,22,32,.5);
  backdrop-filter:blur(8px);border:1px solid rgba(233,162,60,.5);border-radius:var(--r-lg);
  padding:18px 24px;color:#fff;text-align:center;max-width:210px}
.hero-badge .big{font-family:var(--serif);font-size:2.3rem;font-weight:700;color:var(--gold-l);line-height:1}
.hero-badge small{display:block;margin-top:6px;color:#FBE7DC;font-size:.82rem;letter-spacing:.02em}
.hero-badge .stars{color:var(--gold);font-size:.95rem;margin-bottom:6px}
.hero-dots{position:absolute;bottom:28px;left:0;right:0;z-index:4;display:flex;gap:10px;justify-content:center}
.hero-dots button{width:11px;height:11px;border-radius:50%;border:0;background:rgba(255,255,255,.45);cursor:pointer;padding:0;transition:.3s}
.hero-dots button.active{background:var(--gold-l);width:32px;border-radius:6px}
.hero-wave{position:absolute;left:0;right:0;bottom:-1px;z-index:3;line-height:0}
.hero-wave svg{width:100%;height:70px;display:block}

/* ============ KORAKI ============ */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.step{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:42px 30px 34px;text-align:center;
  position:relative;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s;overflow:hidden}
.step::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,var(--gold),var(--coral))}
.step:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.step .num{position:absolute;top:18px;right:22px;font-family:var(--serif);font-size:2.8rem;font-weight:700;color:var(--blush-2);line-height:1}
.step .ico{width:84px;height:84px;border-radius:24px;background:linear-gradient(135deg,var(--blush),var(--blush-2));color:var(--wine);
  display:flex;align-items:center;justify-content:center;font-size:2.1rem;margin:0 auto 20px;transform:rotate(-4deg);transition:transform .25s}
.step:hover .ico{transform:rotate(0)}

/* ============ STEVCI ============ */
.stats{background:linear-gradient(135deg,var(--ink),var(--wine-deep));color:#fff}
.stats .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.stat{text-align:center;padding:16px;position:relative}
.stat:not(:last-child)::after{content:"";position:absolute;right:-12px;top:20%;bottom:20%;width:1px;background:rgba(255,255,255,.14)}
.stat .num{font-family:var(--sans);font-weight:700;font-size:3.3rem;color:#fff;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.stat label{display:block;margin-top:10px;color:#F2D9CC;font-weight:500}
.stat img{height:50px;width:auto;margin:0 auto 12px}

/* ============ KARTICE ============ */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-sm);
  transition:transform .25s,box-shadow .25s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.card .thumb{aspect-ratio:4/3;overflow:hidden;position:relative}
.card .thumb::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(42,22,32,.35),transparent 50%)}
.card .thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.card:hover .thumb img{transform:scale(1.07)}
.card .body{padding:26px 26px 28px;display:flex;flex-direction:column;flex:1}
.card h4{margin-bottom:10px}
.card .excerpt{color:var(--ink-2);font-size:.98rem;flex:1}
.card .more{margin-top:18px;font-weight:600;color:var(--wine);display:inline-flex;align-items:center;gap:7px}
.card:hover .more{color:var(--coral)}
.card .more i{transition:transform .2s}.card:hover .more i{transform:translateX(4px)}

/* ============ IZJAVE ============ */
.testi{max-width:840px;margin:0 auto;text-align:center;position:relative;z-index:2}
/* Besedilo izjave v sans (prej serif kurziva - serif je rezerviran za naslove; Ninka 25.7.2026). */
.testi .quote{font-family:var(--sans);font-size:clamp(1.05rem,3.6vw,1.45rem);line-height:1.6;color:#fff;font-style:normal;margin-bottom:26px}
.testi .quote::before{content:"\201C";color:var(--gold-l);font-size:2.6em;line-height:0;vertical-align:-.35em;margin-right:.06em}
.testi .avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;margin:0 auto 14px;border:3px solid var(--gold)}
.testi .who{font-weight:600;color:var(--gold-l);letter-spacing:.05em;font-size:1.05rem}

/* ============ CTA / VIDEO PAS ============ */
.cta-band{position:relative;background-size:cover;background-position:center;color:#fff;text-align:center}
.cta-band::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(150,38,70,.85) 0%,rgba(214,74,88,.70) 48%,rgba(232,140,84,.60) 100%)}
.cta-band .container{position:relative;z-index:2}
.play{width:88px;height:88px;border-radius:50%;background:rgba(255,255,255,.16);border:2px solid #fff;color:#fff;
  display:inline-flex;align-items:center;justify-content:center;font-size:1.9rem;margin-top:14px;transition:transform .2s,background .2s;animation:pulse 2.4s infinite}
.play:hover{transform:scale(1.08);background:var(--coral);color:#fff;border-color:var(--coral)}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.4)}70%{box-shadow:0 0 0 22px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}

/* ============ NOGA ============ */
.footer{background:var(--ink-3);color:#D9C6BD;padding:48px 0 0;font-size:.96rem;position:relative;overflow:hidden}
.foot-nl{position:relative;z-index:2;max-width:760px;margin:0 auto;text-align:center;padding-bottom:38px}
.foot-nl .fnl-eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;font-weight:700;color:var(--gold-l);margin-bottom:14px}
.foot-nl .fnl-eyebrow i{font-size:1.15rem}
.foot-nl .fnl-sub{color:#EAD9DC;font-size:1rem;line-height:1.55;margin:0 auto 22px;max-width:600px}
.fnl-form{display:flex;gap:10px;max-width:560px;margin:0 auto}
.fnl-input{position:relative;flex:1;display:flex;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:var(--r-pill,999px);padding:0 18px}
.fnl-input input{flex:1;min-width:0;background:transparent;border:0;outline:none;color:#fff;font-family:inherit;font-size:1rem;padding:15px 0;text-align:center}
.fnl-input input::placeholder{color:transparent}
.fnl-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:.5em;color:#B9A9AE;pointer-events:none;transition:opacity .15s}
.fnl-placeholder i{color:var(--gold-l);flex:0 0 auto}
.fnl-input input:focus + .fnl-placeholder,.fnl-input input:not(:placeholder-shown) + .fnl-placeholder{opacity:0}
.fnl-form .btn{flex:0 0 auto;white-space:nowrap}
.fnl-trust{display:flex;justify-content:center;margin-top:26px;flex-wrap:wrap;row-gap:6px}
.fnl-trust>div{flex:1 1 0;min-width:118px;display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 12px;position:relative;font-size:.82rem;color:#EAD9DC;line-height:1.35}
.fnl-trust>div:not(:last-child)::after{content:"";position:absolute;right:0;top:12%;bottom:12%;width:1px;background:rgba(255,255,255,.14)}
.fnl-trust i{color:var(--gold-l);font-size:1.3rem}
.foot-sep{height:1px;background:rgba(255,255,255,.12);margin:0 0 42px;position:relative;z-index:2}
.foot-motto{position:relative;z-index:2;margin-top:44px;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:20px 26px;display:flex;align-items:center;gap:16px;color:#EAD9DC;line-height:1.5;font-size:.98rem}
.foot-motto i{color:var(--gold-l);font-size:1.5rem;flex:0 0 auto}
@media(max-width:560px){.fnl-form{flex-direction:column}.fnl-form .btn{width:100%;justify-content:center}.foot-motto{flex-direction:column;text-align:center;gap:10px}}
.footer h4{color:#fff;font-family:var(--sans);font-size:1.05rem;font-weight:600;margin-bottom:13px;letter-spacing:.02em}
.footer a{color:#D9C6BD}.footer a:hover{color:var(--gold-l)}
.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:26px 28px;position:relative;z-index:2}
.footer-mobile-line{display:inline}
@media(max-width:560px){.footer-mobile-line{display:block;white-space:nowrap}}
.footer-mobile-break{display:inline}
@media(max-width:560px){.footer-mobile-break{display:block}}
.footer ul{list-style:none;margin:0;padding:0}.footer li{margin-bottom:6px;line-height:1.35}

/* [A11Y 2026-07-09] viden fokus za tipkovnico (WCAG 2.4.7) */
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--coral);outline-offset:2px;border-radius:3px}
.pick input:focus-visible + .box,.opt input:focus-visible + .box,label.opt:focus-within .box{outline:3px solid var(--coral);outline-offset:2px}
.footer .brand{display:block}
.footer .brand img{display:block;height:56px;width:auto;max-width:100%;margin-bottom:18px}
.footer .soc a{display:inline-flex;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.08);
  align-items:center;justify-content:center;margin-right:8px;font-size:1.05rem}
.footer .soc a:hover{background:var(--coral);color:#fff;transform:translateY(-2px)}
.footer-bottom{margin-top:58px;border-top:1px solid rgba(255,255,255,.1);padding:24px 0;display:flex;justify-content:space-between;
  gap:14px;flex-wrap:wrap;font-size:.85rem;color:#A8938A;position:relative;z-index:2}

/* obvestila */
.obvestilo{max-width:var(--maxw);margin:18px auto;padding:0 26px}
.obvestilo .box{background:var(--blush);border:1px solid var(--blush-2);border-left:4px solid var(--gold);
  border-radius:var(--r-sm);padding:16px 20px;color:var(--ink)}

/* ============ RESPONSIVE ============ */
@media (max-width:1150px){
  .nav-links{display:none}
  .nav-toggle{display:flex}
  .nav-links.open{display:flex;position:absolute;top:74px;left:0;right:0;flex-direction:column;align-items:stretch;
    background:var(--ink);border-top:1px solid rgba(255,255,255,.1);padding:10px 14px 16px;gap:1px;box-shadow:var(--shadow);z-index:1000;
    max-height:calc(100vh - 74px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .nav-links.open>li{width:100%}
  /* top-level rows: full width, left-aligned label, caret pushed to the right */
  .nav-links.open>li>a{display:flex;align-items:center;justify-content:space-between;gap:10px;
    color:#F4E3D6;padding:13px 14px;border-radius:10px;text-align:left;transition:background .15s,color .15s}
  .nav-links.open>li>a:hover,.nav-links.open>li>a:focus{background:var(--blush);color:var(--ink)}
  .nav-links.open>li>a .fa-angle-down{transition:transform .28s ease;font-size:1.05rem;opacity:.75}
  /* open category keeps the light (readable) state so its label stays legible while expanded */
  .nav-links.open>li.sub-open>a{background:var(--blush);color:var(--ink)}
  .nav-links.open>li.sub-open>a .fa-angle-down{transform:rotate(180deg);opacity:1}
  /* submenu: collapsed by default; expands only when parent has .sub-open (toggled by JS) */
  .nav-links.open .sub{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;border:0;
    list-style:none;background:rgba(0,0,0,.18);border-radius:10px;margin:1px 0 3px;padding:0 6px;
    max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}
  .nav-links.open>li.sub-open>.sub{max-height:660px;padding:6px}
  .nav-links.open .sub a{display:block;color:#D8C3B6;padding:8px 14px;border-radius:8px;text-align:left;
    font-weight:500;transition:background .15s,color .15s}
  .nav-links.open .sub a:hover,.nav-links.open .sub a:focus{background:var(--blush);color:var(--ink)}
  /* Prijavljeni: bliznjica "Moj račun" na vrhu vsebinskega predala */
  .nav-links.open>li.nav-acct-mobile{display:block;margin-bottom:7px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.14)}
  .nav-links.open>li.nav-acct-mobile>a{display:flex;align-items:center;justify-content:flex-start;gap:10px;
    background:var(--coral);color:#fff;font-weight:700;padding:14px 16px;border-radius:12px;
    box-shadow:0 8px 20px rgba(232,83,107,.34)}
  .nav-links.open>li.nav-acct-mobile>a:hover,.nav-links.open>li.nav-acct-mobile>a:focus{background:var(--wine);color:#fff}
}
@media (max-width:980px){
  .steps,.cards{grid-template-columns:1fr 1fr}
  .stats .grid{grid-template-columns:1fr 1fr}.stat:nth-child(2)::after{display:none}
  .footer-grid{grid-template-columns:1fr 1fr}
  .hero-badge{display:none}
}
@media (max-width:680px){
  .section{padding:66px 0}
  .steps,.cards,.stats .grid,.footer-grid{grid-template-columns:1fr}
  .stat::after{display:none}
  .hero{min-height:580px}
}
/* --- Mobile header: keep contact visible, move CTA buttons into the hamburger drawer --- */
@media (max-width:820px){
  /* Header CTA text buttons never fit reliably next to the hamburger on phones/small tablets
     — hide them here (well above any overflow point) and expose them inside the drawer instead */
  .nav-cta>.btn{display:none}
  /* Prijavljeni: gumb z imenom -> kompakten okrogel avatar (ime lahko dolgo) */
  .usermenu .um-name,.usermenu .um-caret{display:none}
  .usermenu>button{padding:0;width:44px;height:44px;justify-content:center;border-radius:50%;gap:0}
  .usermenu .um-av{width:40px;height:40px;background:rgba(255,255,255,.2)}
  .nav-links.open>li.nav-cta-mobile{display:block}
  /* divider above the auth block so the buttons read as a distinct footer of the menu */
  .nav-links.open>li.nav-cta-mobile--first{margin-top:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}
  .nav-links.open>li.nav-cta-mobile+li.nav-cta-mobile{margin-top:9px}
  .nav-links.open>li.nav-cta-mobile>a{display:flex;align-items:center;justify-content:center;gap:8px;
    text-align:center;text-transform:uppercase;letter-spacing:.04em;font-weight:700;font-size:.9rem;
    padding:14px 16px;border-radius:12px;transition:.15s;
    background:transparent;border:1.5px solid rgba(255,255,255,.42);color:#fff}
  .nav-links.open>li.nav-cta-mobile>a:hover,.nav-links.open>li.nav-cta-mobile>a:focus{background:rgba(255,255,255,.12);color:#fff}
  .nav-links.open>li.nav-cta-mobile--primary>a{background:var(--coral);border-color:var(--coral);color:#fff;box-shadow:0 8px 20px rgba(232,83,107,.38)}
  .nav-links.open>li.nav-cta-mobile--primary>a:hover,.nav-links.open>li.nav-cta-mobile--primary>a:focus{background:var(--wine);border-color:var(--wine);color:#fff}
}
@media (max-width:680px){
  /* Keep BOTH contact (e-mail+phone) AND the social icons visible on mobile — just shrink to fit */
  .topbar{font-size:.74rem}
  .topbar .container{gap:8px}
  .topbar .tb-left{gap:14px}
  .topbar .tb-soc a{margin-left:8px}
}
@media (max-width:420px){
  .topbar{font-size:.7rem}
  .topbar .tb-left{gap:10px}
  .topbar .tb-soc a{margin-left:7px}
}

/* ===== E-NOVICE (newsletter) blok — svetla (domača) + temna (noga) varianta ===== */
.nl-wrap{padding:60px 0}
.nl{max-width:720px;margin:0 auto;text-align:center;border-radius:24px;padding:44px 40px 36px;border:1px solid var(--line)}
.nl-ic{width:66px;height:66px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:1.5rem;border:1.5px solid var(--gold);color:var(--gold-d)}
.nl-eyebrow{display:block;text-transform:uppercase;letter-spacing:.24em;font-size:.72rem;font-weight:700;color:var(--gold-d);margin-bottom:12px}
.nl-title{font-family:var(--serif);font-size:clamp(1.7rem,3.3vw,2.4rem);margin:0 0 14px;line-height:1.1}
.nl-dot{color:var(--coral)}
.nl-sub{max-width:540px;margin:0 auto 26px;color:var(--ink-2);font-size:1.02rem;line-height:1.45}
.nl .nl-btn{border-radius:999px}
.nl-trust{display:flex;justify-content:center;margin-top:30px;flex-wrap:wrap;row-gap:6px;border-top:1px solid var(--line);padding-top:22px}
.nl-trust>div{flex:1 1 0;min-width:118px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;position:relative;font-size:.82rem;color:var(--ink-2);line-height:1.35}
.nl-trust>div:not(:last-child)::after{content:"";position:absolute;right:0;top:12%;bottom:12%;width:1px;background:var(--line)}
.nl-trust i{color:var(--gold-d);font-size:1.25rem}
.nl--light{background:linear-gradient(160deg,#FDF4F0,#FAE7E3)}
.nl--dark{background:linear-gradient(155deg,var(--ink),var(--wine-deep));border-color:rgba(255,255,255,.10)}
.nl--dark .nl-title{color:#fff}
.nl--dark .nl-sub{color:#EAD9DC}
.nl--dark .nl-eyebrow{color:var(--gold-l)}
.nl--dark .nl-ic{color:var(--gold-l);border-color:rgba(214,169,62,.5)}
.nl--dark .nl-trust{border-top-color:rgba(255,255,255,.14)}
.nl--dark .nl-trust>div{color:#EAD9DC}
.nl--dark .nl-trust>div::after{background:rgba(255,255,255,.14)}
.nl--dark .nl-trust i{color:var(--gold-l)}
@media(max-width:560px){
  .nl-wrap{padding:44px 0}
  .nl{padding:34px 22px 28px}
  .nl-trust>div{flex:1 1 42%}
  .nl-trust>div:nth-child(2)::after{display:none}
}

/* [A11Y 2026-07-09] skip-link do vsebine + inline napake obrazcev (namesto alert) */
.skip-link{position:absolute;left:-9999px;top:0;z-index:3000;background:var(--coral);color:#fff;padding:10px 18px;border-radius:0 0 10px 0;font-weight:600;text-decoration:none}
.skip-link:focus{left:0}
#glavna-vsebina,section[id],#elementi{scroll-margin-top:90px}
#glavna-vsebina:focus{outline:none}
.form-error{display:none;white-space:pre-line;background:#FDECEA;border:1px solid var(--coral);color:#8A1F2C;border-radius:12px;padding:12px 16px;margin:0 0 16px;font-size:.95rem;font-weight:500}
.form-error.show{display:block}
input[aria-invalid="true"],select[aria-invalid="true"],textarea[aria-invalid="true"]{border-color:var(--coral-d)!important;box-shadow:0 0 0 3px rgba(210,63,87,.12)}
/* ============================================================
   MATCHMe.si — Prenova "Topla romantika" — komponente podstrani
   (uporablja CSS spremenljivke iz prenova.css)
   ============================================================ */

/* ---- NOTRANJI PAGE-HERO ---- */
.page-hero{position:relative;padding:118px 0 84px;background:#7a2440;overflow:hidden;color:#fff;text-align:center}
.page-hero.has-img{background-size:cover;background-position:center}
.page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(150,38,70,.88) 0%,rgba(214,74,88,.72) 50%,rgba(232,140,84,.6) 100%)}
.page-hero .container{position:relative;z-index:2}
.page-hero h1{color:#fff;font-size:clamp(2.2rem,4.6vw,3.5rem);margin-bottom:14px;text-shadow:0 2px 30px rgba(0,0,0,.3)}
.page-hero .lead{color:#FBE7DC;max-width:640px;margin:14px auto 0;font-size:1.12rem}
.page-hero .eyebrow{justify-content:center}
.page-hero .ornament{margin-top:6px}
.breadcrumb{display:flex;justify-content:center;gap:10px;align-items:center;list-style:none;margin:18px 0 0;padding:0;
  flex-wrap:wrap;font-size:.9rem;color:#F2D9CC}
.breadcrumb a{color:#FBE7DC}.breadcrumb a:hover{color:var(--gold-l)}
.breadcrumb i{color:var(--gold);font-size:.78rem}
.breadcrumb .current{color:var(--gold-l)}

/* ---- PROSE (CKEditor vsebina) ---- */
.prose{font-size:1.05rem;line-height:1.45;color:var(--text)}
.prose>*:first-child{margin-top:0}
.prose h2{font-size:2rem;margin:1.8em 0 .6em}
.prose h3{font-size:1.2rem;margin:1.5em 0 .4em;font-family:var(--serif)}
.prose h4{font-size:1.05rem;margin:1.2em 0 .4em}
/* konsistentne barve naslovov v CKEditor vsebini — prepreci sporadicne inline barve iz urejevalnika */
.prose h1,.prose h2{color:var(--ink)!important}
.prose h3{color:var(--wine)!important}
.prose h4,.prose h5,.prose h6{color:var(--coral-d)!important}
.prose p{margin:0 0 1.1em}
.prose a{color:var(--wine);text-decoration:underline;text-underline-offset:3px}.prose a:hover{color:var(--coral)}
.prose ul,.prose ol{margin:0 0 1.2em;padding-left:1.4em}
.prose ul{list-style:none;padding-left:0}
.prose ul>li{display:flex;align-items:baseline;gap:12px;margin-bottom:.55em}
.prose ul>li::before{content:"\f004";font-family:FontAwesome;color:var(--coral);flex:0 0 auto;font-size:.85em;position:static}
/* seznami znotraj centriranega section-head/lead: levo poravnan, centriran blok (sicer pika levo, tekst na sredini) */
.section-head ul,.section-head ol,.section-head .lead ul,.section-head .lead ol{display:inline-block;text-align:left;max-width:620px;margin:14px auto;padding-left:1.4em}
.section-head li{margin-bottom:.4em}
.prose ol{counter-reset:li;list-style:none;padding-left:0}
.prose ol>li{position:relative;padding-left:40px;margin-bottom:.55em;counter-increment:li}
.prose ol>li::before{content:counter(li);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;
  background:var(--blush);color:var(--wine);font-weight:700;font-size:.85rem;display:flex;align-items:center;justify-content:center;font-family:var(--sans)}
.prose img{border-radius:var(--r-md);margin:1em 0;box-shadow:var(--shadow-sm)}
.prose blockquote{margin:1.8em 0;padding:30px 34px;background:linear-gradient(135deg,var(--blush) 0%,#fff 150%);
  border:1px solid var(--blush-2);border-left:5px solid var(--coral);border-radius:var(--r-lg);
  font-family:var(--serif);font-style:italic;font-size:1.18rem;color:var(--wine-deep);box-shadow:var(--shadow-sm)}
/* info / CTA okvir = blockquote z naslovom ali povezavo (npr. "Pred naslednjim MATCH iskanjem") */
.prose blockquote:has(h3),.prose blockquote:has(a){font-family:var(--sans);font-style:normal;font-size:1.06rem;
  line-height:1.75;color:var(--text);padding:34px 38px}
.prose blockquote h3{margin:0 0 .4em;font-style:normal;color:var(--wine);font-size:1.2rem}
.prose blockquote u{text-decoration:none}
.prose blockquote a{display:inline-flex;align-items:center;margin-top:12px;padding:13px 30px;
  background:linear-gradient(135deg,var(--coral),var(--wine));color:#fff !important;
  text-decoration:none !important;border-radius:var(--r-pill);font-family:var(--sans);font-style:normal;
  font-weight:700;font-size:1rem;letter-spacing:.01em;box-shadow:0 14px 28px -12px rgba(216,95,51,.5);
  transition:transform .2s,box-shadow .2s,filter .2s}
.prose blockquote a:hover{transform:translateY(-2px);color:#fff !important;filter:brightness(1.06);box-shadow:0 20px 36px -12px rgba(216,95,51,.6)}

/* ikonice na CTA gumbih (NE na info-linkih z mocnim besedilom) */
.prose td:only-child:not(:has(strong)) a::after,
.prose blockquote a::after{content:"\f004";font-family:FontAwesome;font-weight:400;font-style:normal;
  margin-left:11px;font-size:.92em;line-height:1;display:inline-block;transition:transform .25s ease}
.prose td:only-child:not(:has(strong)) a:hover::after,
.prose blockquote a:hover::after{transform:scale(1.28)}
.prose strong,.prose b{font-weight:700;color:var(--ink)}
.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.prose table{width:100%;border-collapse:collapse;margin:1.2em 0}
.prose th,.prose td{padding:12px 14px;border:1px solid var(--line);text-align:left}
.prose th{background:var(--blush);color:var(--wine-deep)}
/* CTA okvir = enocelicna prose tabela (npr. "Pridruzite se NASLEDNJEMU MATCH ISKANJU") */
.prose table:has(td:only-child){border:0;border-collapse:separate;border-spacing:0;margin:1.7em 0}
.prose td:only-child{background:linear-gradient(135deg,var(--blush),var(--cream-2)) !important;
  border:1.5px solid var(--blush-2) !important;border-radius:var(--r-lg) !important;
  padding:26px 30px !important;text-align:center !important;font-size:1.12rem;color:var(--ink);
  box-shadow:var(--shadow-sm)}
.prose td:only-child a{display:inline-flex;align-items:center;margin:4px 0 0 8px;padding:13px 30px;
  background:linear-gradient(135deg,var(--coral),var(--wine));color:#fff !important;
  text-decoration:none !important;border-radius:var(--r-pill);font-weight:700;letter-spacing:.01em;
  box-shadow:0 14px 28px -12px rgba(216,95,51,.5);transition:transform .2s,box-shadow .2s,filter .2s}
.prose td:only-child a:hover{transform:translateY(-2px);color:#fff !important;filter:brightness(1.06);box-shadow:0 20px 36px -12px rgba(216,95,51,.6)}
/* info okvir = enocelicna tabela z mocnim besedilom (daljse priporocilo, npr. "Toplo vam priporocamo 49 EUR") -> levo poravnan, povezava ostane inline poudarjen link, ne velik gumb */
.prose td:only-child:has(strong){text-align:left !important;font-size:1.06rem;line-height:1.7;padding:28px 32px !important}
.prose td:only-child:has(strong) a{display:inline;margin:0;padding:0;background:none !important;
  color:var(--wine) !important;border-radius:0;box-shadow:none;font-weight:700;
  text-decoration:underline;text-underline-offset:3px}
.prose td:only-child:has(strong) a:hover{transform:none;color:var(--coral) !important;box-shadow:none}

/* ---- VIDEO ---- */
.video-wrap{position:relative;width:100%;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);margin:1.5em 0}
.video-wrap::after{content:"";display:block;padding-top:56.25%}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ---- AKORDEON (FAQ) ---- */
.accordion{max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:14px}
.acc-item{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-sm)}
.acc-head{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;text-align:left;cursor:pointer;
  padding:20px 24px;background:none;border:0;font-family:var(--sans);font-weight:700;font-size:1.05rem;color:var(--ink);transition:.2s}
.acc-head:hover{color:var(--wine)}
.acc-head .ic{flex:0 0 auto;width:30px;height:30px;border-radius:50%;background:var(--blush);color:var(--wine);
  display:flex;align-items:center;justify-content:center;transition:.3s}
.acc-item.open .acc-head .ic{background:var(--blush);color:var(--coral);transform:rotate(180deg)}
.acc-body{max-height:0;overflow:hidden;transition:max-height .35s ease}
.acc-item.open .acc-body{max-height:1200px}
.acc-body .inner{padding:0 24px 22px;color:var(--text);line-height:1.45}
.acc-body .inner a{font-weight:400;color:var(--wine);text-decoration:underline;text-underline-offset:3px}
.acc-body .inner a:hover{color:var(--coral)}
.acc-body .inner ul{list-style:none;padding-left:0;margin:0 0 1em}
.acc-body .inner ul>li{display:flex;align-items:center;gap:12px;margin-bottom:.5em}
.acc-body .inner ul>li::before{content:"\f004";font-family:FontAwesome;color:var(--coral);flex:0 0 auto;font-size:.85em}

/* ---- KONTAKT KARTICE ---- */
.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin-bottom:10px}
.contact-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:34px 24px;text-align:center;box-shadow:var(--shadow-sm);transition:transform .25s}
.contact-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.contact-card .ic{width:64px;height:64px;border-radius:50%;background:var(--blush);color:var(--wine);display:flex;align-items:center;justify-content:center;font-size:1.6rem;margin:0 auto 16px}
.contact-card a{color:var(--ink);font-weight:600}.contact-card a:hover{color:var(--coral)}

/* ---- OBRAZCI / AVTENTIKACIJA ---- */
.auth-wrap{min-height:50vh;display:flex;align-items:center;justify-content:center;padding:56px 0 28px;
  background:var(--cream)} /* enako ozadje kot registracija (Ninka/Tomi 25.7.2026), prej roza preliv */
.auth-card{width:100%;max-width:480px;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);
  box-shadow:var(--shadow);padding:46px 44px;text-align:center}
.auth-card .ic-top{width:74px;height:74px;border-radius:50%;background:linear-gradient(135deg,var(--coral),var(--wine));color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:1.9rem;margin:0 auto 20px;box-shadow:0 14px 28px -12px rgba(216,95,51,.5)}
.auth-card h1,.auth-card h2{font-size:1.9rem;margin-bottom:8px}
.auth-card .sub{color:var(--muted);margin-bottom:26px}
.field{margin-bottom:16px;text-align:left}
.field label{display:block;font-weight:600;font-size:.9rem;color:var(--ink-2);margin-bottom:7px}
.field .ipt,.field input[type=text],.field input[type=email],.field input[type=password],.field input[type=tel],
.field input[type=date],.field input[type=number],.field select,.field textarea{
  width:100%;padding:14px 16px;border:1.5px solid var(--line-2);border-radius:var(--r-md);background:var(--cream);
  font-family:var(--sans);font-size:1rem;color:var(--text);transition:.2s}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--coral);background:#fff;box-shadow:0 0 0 4px rgba(238,123,78,.16)}
.field textarea{min-height:120px;resize:vertical}
.field .with-ic{position:relative}
.field .with-ic input{padding-left:46px}
.field .with-ic>i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--coral)}
.btn-block{width:100%;justify-content:center}
.auth-foot{margin-top:22px;color:var(--muted);font-size:.96rem}
.auth-foot a{color:var(--wine);font-weight:600}
.form-link{display:inline-block;margin:6px 0 2px;color:var(--wine);font-size:.92rem;font-weight:600}

/* ---- SPLOSNA OBRAZCNA KARTICA ---- */
.form-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-sm);padding:40px;max-width:760px;margin:0 auto}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
.form-grid .full{grid-column:1/-1}
.form-section-title{font-family:var(--serif);font-size:1.4rem;color:var(--wine);margin:8px 0 18px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.check{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;font-size:.96rem;cursor:pointer}
.check input{margin-top:4px;width:18px;height:18px;accent-color:var(--coral)}

/* izbira paketa / radio kartice */
.pick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:8px}
.pick{position:relative;display:block;cursor:pointer}
.pick input{position:absolute;opacity:0;inset:0}
.pick .box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:2px solid var(--line-2);border-radius:var(--r-lg);padding:22px 18px;text-align:center;transition:.2s;height:100%;min-height:96px;background:var(--cream)}
.pick .box .ic{font-size:1.8rem;color:var(--coral);margin-bottom:10px}
.pick .box b{display:block;color:var(--ink);font-size:1.05rem;margin-bottom:4px}
.pick .box small{color:var(--muted)}
.pick input:checked+.box{border-color:var(--coral);background:#fff;box-shadow:0 14px 30px -16px rgba(216,95,51,.45)}
.pick input:checked+.box::after{content:"\f00c";font-family:FontAwesome;position:absolute;top:12px;right:14px;color:var(--coral)}
/* wizard korak 2 — uravnotezen spol (kompaktni gumbi) + datum selecti iste visine */
.pick-compact{margin-bottom:0}
.pick-compact .box{min-height:56px;padding:12px 16px;flex-direction:row;justify-content:center;gap:8px}
.pick-compact .box strong{font-size:1.02rem;color:var(--ink)}
.pick-compact input:checked+.box::after{top:50%;transform:translateY(-50%);right:14px}
.wiz-datum select{min-height:56px}

/* ---- RACUN (account) postavitev ---- */
.account{display:grid;grid-template-columns:280px 1fr;gap:34px;align-items:start}
.account>*{min-width:0}
.account-nav{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:14px;position:sticky;top:96px}
.account-nav .who{display:flex;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--line);margin-bottom:8px}
.account-nav .who .av{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--coral),var(--wine));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--serif);font-size:1.1rem}
.account-nav .who b{color:var(--ink);font-size:.98rem}.account-nav .who small{color:var(--muted)}
.account-nav a{display:flex;align-items:center;gap:11px;padding:11px 14px;border-radius:10px;color:var(--text);font-weight:500;font-size:.95rem}
.account-nav a i{color:var(--coral);width:18px;text-align:center}
.account-nav a:hover,.account-nav a.active{background:var(--blush);color:var(--wine)}
.acc-nav-toggle{display:none}
.account-body{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:36px 38px}
.account-body h2{font-size:1.7rem;line-height:1.05;margin-bottom:6px}
.account-body .hint{color:var(--muted);margin-bottom:24px}
.account-body-questionnaire .wizard{max-width:none}
.account-body-questionnaire .wiz-card{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}

/* ---- nadzorna plosca (bazni moj-racun) ---- */
.dash-warn{background:var(--blush);border:1px solid var(--blush-2,#F6D9D0);border-left:4px solid var(--coral);border-radius:var(--r-md);padding:20px 24px;margin:0 0 24px}
.dash-warn .dw-head{font-family:var(--serif);font-size:1.18rem;font-weight:700;color:var(--wine);display:flex;align-items:center;gap:9px}
.dash-warn .dw-head i{color:var(--coral)}
.dash-warn .dw-lead{margin:8px 0 14px;color:var(--ink-2);font-size:.98rem}
.dash-warn .dw-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.dash-warn .dw-list li{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.dash-warn .dw-list a{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--coral);text-decoration:none}
.dash-warn .dw-list a:hover{color:var(--wine);text-decoration:underline}
.dash-warn .dw-list small{color:var(--muted)}
.dash-warn .dw-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
/* korakovnik registracije (1-2-3) */
.reg-steps{display:flex;align-items:center;gap:8px;justify-content:center;margin:0 0 26px;flex-wrap:wrap}
.reg-steps .rs{display:inline-flex;align-items:center;gap:8px;font-size:.86rem;font-weight:600;color:var(--muted)}
.reg-steps .rs b{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--line);color:var(--ink-2);font-size:.82rem}
.reg-steps .rs.on{color:var(--wine)}
.reg-steps .rs.on b{background:var(--coral);color:#fff}
.reg-steps .rs.done{color:var(--ink-2)}
.reg-steps .rs.done b{background:var(--gold,#D6A93E);color:#fff}
.reg-steps .rs:not(:last-child)::after{content:"";width:20px;height:2px;background:var(--line);margin-left:8px}
@media (max-width:440px){
  .reg-steps{gap:5px;flex-wrap:nowrap}
  .reg-steps .rs{font-size:.75rem;gap:5px}
  .reg-steps .rs b{width:20px;height:20px;font-size:.72rem}
  .reg-steps .rs:not(:last-child)::after{width:10px;margin-left:5px}
}

/* [GDPR 2026-07-09] soglasje na registraciji */
.reg-consent{margin:10px 0 18px;text-align:left}
.reg-check{display:flex;gap:12px;align-items:flex-start;font-size:.9rem;line-height:1.5;color:var(--text);cursor:pointer;padding:10px 12px;border-radius:12px;transition:background .15s}
.reg-check:hover{background:var(--cream-2)}
.reg-check input[type=checkbox]{margin-top:2px;flex:none;width:19px;height:19px;accent-color:var(--coral);cursor:pointer}
.reg-check a{color:var(--coral);font-weight:400;text-decoration:underline}
.reg-check--opt{color:var(--muted)}
.reg-check--opt em{font-style:normal;color:var(--muted)}
/* veckoracni wizard (dokoncaj profil) */
.wiz-step-head{text-align:center;margin:0 0 22px}
.wiz-step-head .wsh-ic{width:56px;height:56px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--coral),var(--wine));color:#fff;font-size:1.5rem;margin-bottom:12px}
.wiz-step-head h2{font-size:1.55rem;margin:0 0 4px}
.wiz-step-head p{color:var(--ink-2);margin:0;font-size:.98rem}
.wiz-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}
.wiz-nav .btn-primary{flex:1}
.wiz-skip{background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;font-size:.92rem;font-family:inherit}
.wiz-skip:hover{color:var(--coral)}
.dash-status{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px}
.dash-pill{display:inline-flex;align-items:center;gap:8px;background:var(--cream);border:1px solid var(--line-2);border-radius:var(--r-pill);padding:8px 16px;color:var(--ink);font-size:.92rem}
.dash-pill i{color:var(--coral)}
.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}
.dash-tile{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:20px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:var(--shadow-sm)}
.dash-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--coral)}
.dash-tile .ic{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:13px;background:linear-gradient(135deg,var(--coral),var(--wine));color:#fff;font-size:1.18rem;margin-bottom:6px}
.dash-tile b{color:var(--ink);font-size:1.05rem}
.dash-tile small{color:var(--muted);line-height:1.45}

/* ---- SLIKE / galerija ---- */
.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}
.photo{position:relative;aspect-ratio:3/4;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line);background:var(--blush)}
.photo img{width:100%;height:100%;object-fit:cover}

/* ---- PAKETI / cenik kartice ---- */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:28px;align-items:stretch}
/* scoped pod .plans, da premagamo kolizijo z domacim .plan (prenova-home.css) */
.plans .plan{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);padding:34px 30px 30px;box-shadow:var(--shadow-sm);
  display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s;position:relative;overflow:visible}
.plans .plan::after{content:none}
.plans .plan:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.plans .plan.featured{border:2px solid var(--coral);box-shadow:0 20px 46px -22px rgba(201,48,78,.45)}
.plans .plan .tag{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--coral),var(--wine));
  color:#fff;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:7px 18px;border-radius:var(--r-pill);
  box-shadow:0 8px 18px -6px rgba(201,48,78,.6);white-space:nowrap;z-index:4}
.plans .plan h3{font-size:1.3rem;color:var(--wine);margin:0 0 16px}
.plans .plan .thumb{border-radius:var(--r-lg);overflow:hidden;margin-bottom:18px;aspect-ratio:16/10;background:var(--cream-2)}
.plans .plan .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.plans .plan .prose{font-size:1rem;line-height:1.72}
.plans .plan .price{margin:auto 0 0;padding-top:20px;border-top:1px solid var(--line);line-height:1}
.plans .plan .price small{font-family:var(--serif);font-size:1.7rem;color:var(--wine);font-weight:700}
.plans .plan ul{list-style:none;margin:18px 0;padding:0;text-align:left;flex:1}
.plans .plan ul li{display:flex;align-items:center;gap:11px;padding:9px 0;color:var(--text);border-bottom:1px solid var(--line);line-height:1.5}
.plans .plan ul li::before{content:"\f00c";font-family:FontAwesome;color:var(--coral);flex:0 0 auto;font-size:.9em;line-height:1;position:static}

/* ---- SPOROCILNA KARTICA (zahvala/napaka) ---- */
.msg{min-height:56vh;display:flex;align-items:center;justify-content:center;padding:70px 0;background:linear-gradient(160deg,var(--blush),var(--cream))}
.msg-card{max-width:600px;width:100%;background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow);padding:50px 44px;text-align:center}
.msg-card .ic{width:84px;height:84px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;margin:0 auto 22px}
.msg-card .ic.ok{background:#E7F6EE;color:#1f9d57}
.msg-card .ic.warn{background:#FDEEDD;color:var(--gold-d)}
.msg-card .ic.heart{background:var(--blush);color:var(--wine)}
.msg-card h1{font-size:2rem;margin-bottom:10px}
.msg-card p{color:var(--ink-2);font-size:1.06rem}
.msg-card .actions{margin-top:26px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ---- ZAHVALA po registraciji (statična stran) ---- */
.reg-thanks .msg-card{padding-top:46px}
.thanks-heart{width:104px;height:104px;margin:0 auto 22px;filter:drop-shadow(0 12px 24px rgba(201,48,78,.26));animation:thpulse 2.6s ease-in-out infinite}
.thanks-heart svg{display:block;width:104px;height:104px}
@keyframes thpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@media (prefers-reduced-motion: reduce){.thanks-heart{animation:none}}
.thanks-card .thanks-lead{font-size:1.12rem;color:var(--ink-2);margin:0 auto 14px;max-width:460px}
.thanks-card .thanks-note{font-size:.95rem;color:var(--muted);background:var(--cream-2,#FAF4EE);border:1px solid var(--line);border-radius:14px;padding:12px 18px;display:inline-block;max-width:500px}
.thanks-card .thanks-note .fa{color:var(--gold,#D6A93E);margin-right:6px}
/* vprasalnik: benefit framing + po-vprasalniku MATCH */
.wiz-benefit{margin:14px 0 0;padding:12px 16px;background:var(--blush);border-radius:12px;color:var(--ink-2);font-size:.95rem;text-align:center}
.wiz-benefit .fa{color:var(--coral);margin-right:6px}
.wiz-priporocilo{margin:16px 0 0;padding:12px 16px;background:var(--cream-2,#FAF4EE);border:1px solid var(--line);border-radius:12px;color:var(--ink-2);font-size:.9rem;line-height:1.5}
.wiz-priporocilo .fa{color:var(--gold,#D6A93E);margin-right:6px}
.wiz-nav{margin-top:28px}
.next-match{display:flex;gap:18px;align-items:flex-start;text-align:left;background:linear-gradient(135deg,#fff,var(--cream-2,#FAF4EE));border:1px solid var(--line);border-radius:18px;padding:24px;margin:26px 0;box-shadow:var(--shadow-sm)}
.next-match .nm-badge{flex:0 0 auto;width:56px;height:56px;border-radius:50%;background:var(--coral);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem}
.next-match .nm-eyebrow{display:block;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--coral);font-weight:700;margin-bottom:2px}
.next-match h2{font-size:1.5rem;margin:0 0 8px}
.next-match p{margin:0 0 10px;color:var(--ink-2)}
.next-match .nm-guarantee{color:var(--ink);font-size:.98rem}
.next-match .nm-guarantee .fa{color:var(--gold,#D6A93E);margin-right:4px}
@media(max-width:560px){.next-match{flex-direction:column;text-align:center;align-items:center}}
/* trust vrstica pod hero */
.trust-strip{background:var(--ink-3,#20202F);padding:14px 0}
.trust-strip .ts-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;align-items:center}
.trust-strip .ts-item{color:#f3ece6;font-size:.92rem;white-space:nowrap;display:inline-flex;align-items:center;gap:7px}
.trust-strip .ts-item b{color:#fff}
.trust-strip .ts-item .fa{color:var(--gold,#D6A93E)}
/* hero nujnost (obiskovalec) + userbox rok */
.hero-urgency{margin-top:12px;display:inline-flex;align-items:center;gap:8px;background:var(--blush);color:var(--wine);border-radius:18px;padding:9px 16px;font-size:.92rem;font-weight:600;max-width:100%;line-height:1.4}
.hero-urgency .fa{color:var(--coral);flex:none}
.hero-urgency .hu-rok{white-space:nowrap}
@media(max-width:600px){.hero-urgency .hu-dash{display:none}.hero-urgency .hu-rok{display:block}}
.hub-event-rok{margin-top:4px;font-size:.86rem;color:var(--wine)}
.hub-event-rok .fa{margin-right:4px}
@media(max-width:560px){
  .hub-event-rok--answers{font-size:clamp(.65rem,3.55vw,.82rem);letter-spacing:-.015em;white-space:nowrap;font-variant-numeric:tabular-nums}
  .hub-event-rok--answers .fa{display:none}
}
/* dashboard nujnost + pregled-profila nudge */
.dash-urgency{margin:18px 0;padding:14px 18px;background:var(--blush);border-left:4px solid var(--coral);border-radius:10px;color:var(--ink-2);font-size:.98rem}
.dash-urgency .fa{color:var(--coral);margin-right:6px}
.dash-nudge{display:flex;gap:16px;align-items:flex-start;margin:18px 0;padding:20px;background:linear-gradient(135deg,#fff,var(--cream-2,#FAF4EE));border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-sm)}
.dash-nudge .dn-ic{flex:0 0 auto;width:48px;height:48px;border-radius:50%;background:var(--blush);color:var(--coral);display:flex;align-items:center;justify-content:center;font-size:1.3rem}
.dash-nudge .dn-body b{font-size:1.05rem;color:var(--ink)}
.dash-nudge .dn-body p{margin:6px 0 12px;color:var(--ink-2);font-size:.96rem}
@media(max-width:560px){.dash-nudge{flex-direction:column}}

/* ---- TABELA (npr. moji odgovori) ---- */
.data-table{width:100%;border-collapse:collapse;background:#fff;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-sm)}
.data-table th,.data-table td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line)}
.data-table th{background:var(--blush);color:var(--wine-deep);font-weight:700;font-size:.92rem}
.data-table tr:last-child td{border-bottom:0}

/* ---- OBVESTILA ---- */
#obvestila{background:linear-gradient(160deg,var(--blush),#fff);border-bottom:1px solid var(--blush-2)}
#obvestila .container{padding-top:16px;padding-bottom:8px}
#obvestila .o-box{background:#fff;border:1px solid var(--blush-2);border-left:4px solid var(--coral);border-radius:var(--r-sm);
  padding:14px 20px;margin-bottom:8px;color:var(--wine-deep);display:flex;gap:12px;align-items:center}
#obvestila .o-box i{color:var(--coral);margin-top:0}

/* ---- VPRASALNIK CAROVNIK ---- */
.wizard{max-width:840px;margin:0 auto}
.wiz-progress{margin-bottom:30px}
.wiz-bar{height:10px;background:var(--blush-2);border-radius:var(--r-pill);overflow:hidden}
.wiz-bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--coral),var(--gold));border-radius:var(--r-pill);transition:width .4s ease}
.wiz-meta{display:flex;justify-content:space-between;margin-top:10px;font-size:.92rem;color:var(--muted);font-weight:600}
.wiz-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow);padding:40px 42px}
.wiz-q{font-family:var(--serif);font-size:1.7rem;color:var(--ink);margin:30px 0 6px;line-height:1.25}
.wiz-hint{color:var(--muted);margin-bottom:24px}
.opt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.opt{position:relative;display:block;cursor:pointer}
.opt input{position:absolute;opacity:0;inset:0}
.opt .box{border:2px solid var(--line-2);border-radius:var(--r-md);padding:16px 18px;transition:.18s;background:var(--cream);
  display:flex;align-items:center;gap:12px;font-weight:600;color:var(--ink-2);height:100%}
.opt .box::before{content:"";flex:0 0 auto;width:22px;height:22px;border-radius:50%;border:2px solid var(--line-2);transition:.18s}
.opt input:checked+.box{border-color:var(--coral);background:#fff;color:var(--wine);box-shadow:0 12px 26px -16px rgba(216,95,51,.45)}
.opt input:checked+.box::before{border-color:var(--coral);background:var(--coral);box-shadow:inset 0 0 0 4px #fff}
.opt input[type=checkbox]~.box::before{border-radius:6px}
.wiz-actions{display:flex;justify-content:space-between;margin-top:30px;gap:12px;flex-wrap:wrap}
.wiz-cols{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:6px}
.wiz-col-h{font-family:var(--serif);font-size:1.2rem;color:var(--wine);margin-bottom:14px;padding-bottom:9px;border-bottom:1px solid var(--line);text-align:center}
.wiz-importance{margin-top:28px;padding:22px 24px;background:var(--cream);border:1px dashed var(--line-2);border-radius:var(--r-md)}
.wiz-importance .opt .box{justify-content:flex-start;text-align:left}
.wiz-importance .opt-txt{display:flex;flex-direction:column;gap:3px;line-height:1.3}
.wiz-importance .opt-s{font-weight:400;font-size:.82rem;color:var(--ink-2);opacity:.72}
.wiz-priporocilo .wp-item{margin:0}
.wiz-priporocilo .wp-locilo{text-align:center;margin:8px 0;color:var(--coral);opacity:.55}
.dropzone{border:2px dashed var(--line-2)!important;border-radius:var(--r-lg)!important;background:var(--cream)!important;min-height:180px;padding:24px!important}
@media (max-width:680px){.wiz-cols{grid-template-columns:1fr}.wiz-actions{justify-content:center}.wiz-importance .opt-grid{grid-template-columns:1fr !important}.wiz-importance .opt{min-width:0}}

/* ---- PROFIL ---- */
.profile-head{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-bottom:30px}
.profile-photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;margin-bottom:30px}
.profile-photos img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:var(--r-md);border:1px solid var(--line)}
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.kv .item{background:var(--cream);border:1px solid var(--line);border-radius:var(--r-md);padding:14px 18px}
.kv .item label{display:block;font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px}
.kv .item b{color:var(--ink);font-weight:600}

@media (max-width:860px){
  .account{grid-template-columns:1fr}
  .account-nav{position:static}
  html.js .acc-nav-toggle{display:flex;align-items:center;gap:11px;width:100%;padding:13px 16px;background:var(--cream-2,#FAF4EE);border:1px solid var(--line);border-radius:var(--r-md,14px);font-family:var(--serif);font-size:1.02rem;color:var(--ink);cursor:pointer;text-align:left}
  .acc-nav-toggle .fa-bars{color:var(--coral)}
  .acc-nav-toggle .ant-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .acc-nav-toggle .ant-chev{transition:transform .25s;color:var(--muted)}
  .acc-nav-toggle:focus-visible{outline:2px solid var(--coral);outline-offset:2px}
  html.js .acc-nav-list{display:none}
  .account-nav.open .acc-nav-list{display:block;margin-top:8px}
  .account-nav.open .ant-chev{transform:rotate(180deg)}
  .form-grid{grid-template-columns:1fr}
  .contact-cards{grid-template-columns:1fr}
  .form-card,.account-body{padding:28px 22px}
  .account-body .btn{max-width:100%;white-space:normal;text-align:center;justify-content:center}
  .account-body .btn-lg{padding:16px 20px}
  .auth-card{padding:36px 26px}
  .wiz-card{padding:30px 24px}
  .page-hero{padding:90px 0 64px}
}

/* ===== #61/#62 — mobilni vrh podstrani brez slike (poenoteno s cenikom/nacini iskanja) ===== */
@media (max-width:767px){
  .page-hero{background-color:var(--cream-2);color:var(--ink);padding:14px 0 10px;text-align:center;border-bottom:1px solid var(--line)}
  .page-hero.has-img{background-image:none!important}
  .page-hero::after{display:none}
  .page-hero .container{display:flex;flex-direction:column}
  .page-hero .breadcrumb{order:-1;justify-content:flex-start;margin:0 0 8px;color:var(--ink-2)}
  .page-hero .breadcrumb a{color:var(--ink-2)}
  .page-hero .breadcrumb a:hover{color:var(--coral)}
  .page-hero .breadcrumb .current{color:var(--ink)}
  .page-hero .breadcrumb i{color:var(--muted)}
  .page-hero h1{color:var(--ink);text-shadow:none;font-size:clamp(1.6rem,6.6vw,2.05rem);line-height:1.16;margin:2px 0 0;text-wrap:balance}
  .page-hero .lead{color:var(--ink-2);margin-top:10px}
  .page-hero .eyebrow{color:var(--coral);justify-content:center}
  .page-hero .ornament{display:none}
  /* #62 — naslovi razdelkov naj se lomijo uravnoteceno */
  .section-head h1,.section-head h2{text-wrap:balance}
}

/* ===== Storitve mreza (4-stolpci + cenovni zeton) ===== */
.cards.four{grid-template-columns:repeat(4,1fr)}
.cards.four .card .thumb{aspect-ratio:1/1}
.card .price{display:inline-block;align-self:flex-start;margin:2px 0 12px;font-family:var(--sans);font-weight:600;
  font-size:.86rem;letter-spacing:.03em;color:var(--wine);background:var(--blush);border:1px solid var(--blush-2);
  padding:5px 14px;border-radius:var(--r-pill)}
@media(max-width:980px){.cards.four{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.cards.four{grid-template-columns:1fr}}

/* ===== Moj račun — cene paketov + info naročil ===== */
.pick-price{display:block;margin-top:8px;font-family:var(--serif);font-weight:600;color:var(--coral);font-size:1.02rem}
.order-info{background:var(--cream-2);border:1px solid var(--line);border-radius:var(--r-md);padding:20px 22px;margin-bottom:22px;max-width:560px}
.order-info .order-price{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding-bottom:14px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.order-info .order-price span{color:var(--ink-2);font-weight:500}
.order-info .order-price b{font-family:var(--serif);font-size:1.55rem;color:var(--coral);line-height:1}
.order-info .order-intro{margin:0 0 12px;line-height:1.35}
.order-info ul{margin:0;padding-left:20px;color:var(--text);line-height:1.35}
.order-info li{margin-bottom:12px}
.order-info li:last-child{margin-bottom:0}

/* ===== Moj račun — moderni foto nalagalnik ===== */
.foto-upload{border:2px dashed var(--line-2,#e3d9d0);border-radius:var(--r-md);background:var(--cream-2);
  min-height:130px;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;
  padding:24px;margin-bottom:22px;transition:border-color .2s,background .2s}
.foto-upload:hover,.foto-upload.dz-drag-hover{border-color:var(--coral);background:var(--blush)}
.foto-upload .dz-message{margin:0;display:flex;flex-direction:column;gap:7px;align-items:center;color:var(--ink-2)}
.foto-upload .dz-message i{font-size:2.1rem;color:var(--coral)}
.foto-upload .dz-message b{color:var(--ink)}
.foto-upload .dz-message small{color:var(--muted)}
.foto-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.foto-nalagam{grid-column:1/-1;text-align:center;color:var(--muted);padding:26px}
.foto-card{position:relative;border-radius:var(--r-md);overflow:hidden;background:var(--cream-2);
  border:1px solid var(--line);aspect-ratio:1/1;cursor:grab;box-shadow:0 6px 18px rgba(42,42,60,.06);user-select:none}
.foto-card:active{cursor:grabbing}
.foto-card.vlecem{opacity:.35;outline:2px dashed var(--coral)}
.foto-card img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}
.foto-card.je-glavna{border:2px solid var(--coral)}
.foto-badge{position:absolute;top:9px;left:9px;z-index:2;background:var(--coral);color:#fff;font-size:.72rem;
  font-weight:700;padding:4px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:5px;letter-spacing:.02em;
  box-shadow:0 3px 10px rgba(232,83,107,.4)}
.foto-akcije{position:absolute;top:9px;right:9px;z-index:2;display:flex;gap:6px;opacity:0;transition:opacity .15s}
.foto-card:hover .foto-akcije{opacity:1}
.foto-akcije button{width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.96);
  color:var(--ink);cursor:pointer;box-shadow:0 3px 12px rgba(0,0,0,.2);font-size:1rem;display:flex;align-items:center;justify-content:center;transition:.15s}
.foto-akcije button:hover{transform:scale(1.08)}
.foto-akcije .fa-glavna:hover{color:var(--gold)}
.foto-akcije .fa-brisi:hover{color:var(--wine)}
.foto-vleci{position:absolute;left:9px;bottom:9px;z-index:3;width:40px;height:40px;border:0;border-radius:50%;
  background:rgba(255,255,255,.96);color:var(--ink);cursor:grab;box-shadow:0 3px 12px rgba(0,0,0,.2);
  font-size:1rem;display:flex;align-items:center;justify-content:center;touch-action:none;-webkit-user-select:none;user-select:none}
.foto-vleci:active{cursor:grabbing;color:var(--coral)}
.foto-card.vlecem{z-index:4}
body.foto-vlecenje{overscroll-behavior:none}
.foto-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:34px 20px;border:1px dashed var(--line);
  border-radius:var(--r-md);display:flex;flex-direction:column;gap:6px;align-items:center}
.foto-empty i{font-size:1.9rem;color:var(--line-2,#d9cfc6)}
@media (hover:none){.foto-akcije{opacity:1}.foto-vleci{width:44px;height:44px}}
@media (max-width:560px){.foto-grid{grid-template-columns:1fr 1fr;gap:12px}}

/* Sticky meni računa deluje samo, če nadrejeni .section ne obreže overflow */
.section.account-section{overflow:visible}

/* Kompakten hero za račun — meni je višje, prej se prilepi (sticky) */
.page-hero-slim{padding:52px 0 42px}
.page-hero-slim h1{font-size:clamp(1.8rem,3.4vw,2.6rem);margin-bottom:8px}
@media (max-width:680px){.page-hero-slim{padding:42px 0 34px}}

/* Krogec v meniju računa = glavna slika uporabnika */
.account-nav .who .av{overflow:hidden}
.account-nav .who .av img{width:100%;height:100%;object-fit:cover;display:block}

/* ===== Moji MATCH-i (racun) ===== */
.dash-match{display:flex;flex-wrap:wrap;gap:18px;align-items:center;justify-content:space-between;background:linear-gradient(135deg,var(--blush),var(--cream-2));border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin-bottom:24px}
.dash-match .dm-info{flex:1;min-width:220px}
.dash-match .dm-name{font-family:var(--serif);font-weight:600;color:var(--ink);font-size:1.2rem;margin:3px 0 8px}
.dash-match .dm-todo{color:var(--ink-2);font-weight:500}
.dash-match .dm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.dm-link{color:var(--coral);font-weight:600;font-size:.9rem;text-decoration:none;white-space:nowrap}
.dm-link:hover{color:var(--wine)}
.mn-eyebrow{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gold-d,#b7891f);display:inline-flex;align-items:center;gap:5px}
.match-next{border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-bottom:24px;background:#fff}
.match-next.highlight{border-color:var(--coral);box-shadow:0 12px 34px rgba(232,83,107,.14);background:linear-gradient(135deg,#fff,var(--blush))}
.match-next .mn-name{font-family:var(--serif);font-weight:600;color:var(--ink);font-size:1.35rem;margin:4px 0 10px}
.match-next .mn-date{color:var(--muted);font-size:.92rem;font-weight:400}
.match-next .mn-ask{color:var(--ink-2);font-weight:500;margin:0 0 14px}
.match-next .hub-actions{margin-top:4px}
.match-none{background:var(--cream-2);border:1px solid var(--line);border-radius:14px;padding:20px 22px;color:var(--ink-2);display:flex;gap:10px;align-items:flex-start;margin-bottom:24px}
.match-none i{color:var(--coral);margin-top:2px}
.match-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px}
.match-stats .ms-item{background:var(--cream-2);border:1px solid var(--line);border-radius:14px;padding:18px 12px;text-align:center;text-decoration:none;color:inherit;display:block}
a.ms-item:hover{background:var(--blush)}
.match-stats .ms-item b{display:block;font-family:var(--serif);font-size:1.9rem;color:var(--coral);line-height:1.05}
.match-stats .ms-item b small{font-size:.9rem;color:var(--muted);font-weight:500}
.match-stats .ms-item span{font-size:.78rem;color:var(--ink-2);margin-top:4px;display:block}
.match-h3{font-family:var(--serif);color:var(--ink);font-size:1.25rem;margin:0 0 14px}
.match-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:14px}
.match-table{width:100%;border-collapse:collapse;font-size:.94rem;min-width:480px}
.match-table th{text-align:left;padding:13px 16px;background:var(--cream-2);color:var(--ink-2);font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--line)}
.match-table td{padding:13px 16px;border-bottom:1px solid var(--line);color:var(--text)}
.match-table tr:last-child td{border-bottom:0}
.match-table tbody tr:hover{background:var(--cream-2)}
.mt-badge{display:inline-block;padding:3px 11px;border-radius:20px;font-size:.78rem;font-weight:600}
.mt-badge.ok{background:#e3f5ec;color:#1c8a5a}
.mt-badge.no{background:#fbe0e5;color:var(--wine)}
.mt-badge.wait{background:#fdf1dd;color:#b7891f}
@media (max-width:680px){.match-stats{grid-template-columns:1fr 1fr}.dash-match{flex-direction:column;align-items:stretch}}

/* Racun brez velike pasice — samo tanek breadcrumb pas (locitev od navigacije) */
.account-crumbs{background:var(--cream-2);border-bottom:1px solid var(--line);padding:15px 0}
.account-crumbs .breadcrumb{justify-content:flex-start;margin:0}
.account-crumbs .breadcrumb a{color:var(--ink-2)}
.account-crumbs .breadcrumb a:hover{color:var(--coral)}
.account-crumbs .breadcrumb i{color:var(--muted)}
.account-crumbs .breadcrumb .current{color:var(--ink)}
.section.account-section{padding-top:44px}

/* ===== O NAS — intro split + pristop/dejavnost kartice ===== */
.about-split{align-items:center;gap:48px}
.about-split>div:first-child p{margin:0 0 16px;color:var(--ink-2);line-height:1.55}
.about-split>div:first-child p:last-child{margin-bottom:0}
.about-split b{color:var(--ink)}
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.feat-grid--3{grid-template-columns:repeat(3,1fr)}
.feat{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:30px 24px;text-align:center;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s}
.feat:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.feat .ic{width:64px;height:64px;border-radius:50%;background:#FBEDE9;color:var(--coral);display:flex;align-items:center;justify-content:center;font-size:1.55rem;margin:0 auto 16px}
.feat h4{font-family:var(--serif);font-size:1.16rem;font-weight:700;margin:0 0 9px;color:var(--ink);line-height:1.25}
.feat p{font-size:.92rem;color:var(--ink-2);line-height:1.45;margin:0}
@media(max-width:900px){.feat-grid,.feat-grid--3{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.feat-grid,.feat-grid--3{grid-template-columns:1fr}.about-split{gap:28px}}
@media(max-width:560px){.section-head.about-intro-head{margin-bottom:30px}}

/* [KONVERZIJA 2026-07-09] napredek dokončanosti profila (retencijski nudge) */
.dw-progress{height:12px;border-radius:999px;background:rgba(0,0,0,.10);overflow:hidden;margin:14px 0 8px}
.dw-progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--coral),var(--gold));transition:width .5s ease}
.dw-pct{margin:0 0 14px;font-size:.95rem;color:var(--text)}
.dw-pct a{color:var(--coral-d);font-weight:600;text-decoration:underline}
/* USP „brez tveganja" značka ob CTA */
.usp-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(214,169,62,.14);border:1px solid var(--gold);color:var(--gold-d);
  font-weight:600;font-size:.86rem;padding:7px 14px;border-radius:999px;margin:6px 0}
.usp-badge i{color:var(--gold-d)}
/* ============================================================
   MATCHMe.si — Domača (portalska) stran "Golden Sunset"
   Sekcije po mockupu stranke (jun 2026)
   ============================================================ */

/* ---------- HERO (svetel, 2-stolpčni) ---------- */
.home-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,var(--cream-2) 100%);padding:64px 0 78px}
.home-hero .container{display:grid;grid-template-columns:1.04fr .96fr;gap:52px;align-items:center}
.home-hero h1{font-size:clamp(2.5rem,4.6vw,3.8rem);margin-bottom:2px;line-height:1.06}
.home-hero h1 .accent{color:var(--coral);font-style:italic;display:block;white-space:nowrap}
.home-hero h1.hero-promise{margin-bottom:16px}
.home-hero h1.hero-promise .accent{display:inline;white-space:nowrap}
@media(max-width:600px){.home-hero h1.hero-promise br{display:none}}
.home-hero .sub{font-family:var(--serif);font-size:1.55rem;font-weight:600;color:var(--ink);margin-bottom:18px}
.home-hero .intro{color:var(--ink-2);font-size:1rem;max-width:560px}
.home-hero .intro p{margin-bottom:.7rem}
.home-hero .intro p:first-child{font-family:var(--serif);font-size:1.5rem;font-weight:600;color:var(--ink);margin-bottom:14px;line-height:1.2}
.home-hero .intro br{display:none}
.home-hero .intro p:first-child br{display:inline}
.home-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}

/* hero login (neprijavljeni) / pozdrav (prijavljeni) */
.hero-login{margin-top:26px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--shadow-sm);padding:20px 22px;max-width:460px}
.hero-login .hl-top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:13px}
.hero-login h3{font-family:var(--sans);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink);margin:0}
.hero-login .hl-top a{font-size:.82rem;font-weight:600}
.hero-login .lf{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}
.hero-login input{width:100%;padding:12px 15px;border:1px solid var(--line-2);border-radius:var(--r-pill);
  font-family:var(--sans);font-size:.92rem;background:var(--cream-2)}
.hero-login input:focus{outline:0;border-color:var(--coral);background:#fff;box-shadow:0 0 0 4px rgba(232,83,107,.12)}
.hero-login .lf .btn{padding:12px 22px;font-size:.86rem}
.hero-login .hl-foot{margin:11px 0 0;font-size:.82rem;color:var(--muted)}
.hero-welcome{margin-top:24px;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:20px 24px;max-width:460px}
.hero-welcome b{font-family:var(--serif);font-size:1.3rem;color:var(--ink)}
.hero-welcome .ql{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}

/* hero media + plavajoča kartica zaupanja */
.home-hero-media{position:relative}
.home-hero-media .photo{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3.5}
.home-hero-media .photo img{width:100%;height:100%;object-fit:cover}
.trust-card{position:absolute;right:-12px;bottom:30px;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);box-shadow:var(--shadow);padding:18px 20px;display:grid;gap:13px;max-width:236px}
.trust-card .row{display:flex;align-items:center;gap:12px;font-weight:600;font-size:.82rem;color:var(--ink);line-height:1.25}
.trust-card .row i{width:34px;height:34px;border-radius:10px;background:var(--blush);color:var(--coral);
  display:flex;align-items:center;justify-content:center;font-size:.95rem;flex:none}

/* hero z ozadjem (blok hero_ozadje1) + desna slika v loku */
.home-hero.has-bg{background-size:cover;background-position:center;background-repeat:no-repeat}
.home-hero.has-bg .home-hero-media{position:relative}
.hero-photo{overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3.5;
  border-radius:26px}
.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 28%}
.home-hero.has-bg .trust-card{position:absolute;right:-16px;bottom:12px;max-width:238px}
@media(max-width:980px){
  .home-hero.has-bg .trust-card{position:static;right:auto;bottom:auto;max-width:none;margin-top:14px}
}

/* ---------- 3 ZAUPANJA ---------- */
.feature-3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.feature{display:flex;gap:18px;align-items:flex-start;background:#fff;border:1px solid var(--line);
  border-radius:var(--r-lg);padding:28px 28px;box-shadow:var(--shadow-sm)}
.feature .fi{width:56px;height:56px;border-radius:15px;background:var(--blush);color:var(--coral);
  display:flex;align-items:center;justify-content:center;font-size:1.45rem;flex:none}
.feature h4{font-family:var(--serif);margin-bottom:6px;font-size:1.28rem}
.feature p{font-size:.92rem;color:var(--ink-2);margin:0}

/* ---------- KAKO DELUJE (5 korakov) ---------- */
.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;position:relative}
.flow::before{content:"";position:absolute;top:36px;left:9%;right:9%;height:2px;
  background:linear-gradient(90deg,var(--blush-2),var(--coral) 50%,var(--blush-2));z-index:0}
.flow-step{text-align:center;position:relative;z-index:1}
.flow-step .ci{width:74px;height:74px;border-radius:50%;background:#fff;border:2px solid var(--blush-2);
  color:var(--coral);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0 auto 18px;
  box-shadow:var(--shadow-sm);position:relative}
.flow-step .ci .n{position:absolute;right:-2px;bottom:-2px;width:25px;height:25px;border-radius:50%;
  background:var(--coral);color:#fff;font-size:.76rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.flow-step h4{font-size:1.04rem;font-family:var(--serif);margin-bottom:7px;line-height:1.2}
.flow-step p{font-size:.84rem;color:var(--ink-2);margin:0;line-height:1.5}

/* ---------- PAKETI (4 tier kartice) ---------- */
.plans-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.plan{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;position:relative;
  box-shadow:var(--shadow-sm);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s;--tier:var(--coral)}
.plan::after{display:none}
.plan:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
/* imena/ikone/zgornji rob kartic = točni toni z reference (lokalno, ne dira global tier tokene) */
.plan.t-match{--tier:#CC626B}.plan.t-vip{--tier:#C08A34}
.plan.t-premium{--tier:#9E5C64}.plan.t-elite{--tier:#C9A44E}
.plan .ph{aspect-ratio:16/10;overflow:hidden;position:relative}
.plan .ph img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.plan:hover .ph img{transform:scale(1.06)}
.plan .pb{padding:24px 22px;display:flex;flex-direction:column;flex:1}
.plan .pname{font-family:var(--serif);font-size:1.3rem;font-weight:700;color:var(--tier);line-height:1.14;
  min-height:2.3em;display:flex;align-items:center;margin-bottom:9px}
.plan .pprice{font-size:.9rem;font-weight:700;color:var(--ink);letter-spacing:.01em;
  margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.plan p{font-size:.88rem;color:var(--ink-2);flex:1;margin:0 0 20px;line-height:1.55}
.plan .pbtn{align-self:stretch;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;
  background:var(--tier);color:#fff;font-weight:600;font-size:.86rem;letter-spacing:.01em;
  padding:13px 16px;border-radius:var(--r-pill);transition:transform .2s,filter .2s,box-shadow .2s;
  box-shadow:0 10px 22px -12px var(--tier)}
.plan .pbtn:hover{color:#fff;transform:translateY(-2px);filter:brightness(1.06)}
.plan .pbtn i{transition:transform .2s}.plan .pbtn:hover i{transform:translateX(3px)}
/* tier ikona v krogu (prekrije mejo foto/telo) + topel sunset ton na fotografiji */
.plan .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(150,38,70,0) 45%,rgba(150,38,70,.30) 100%);pointer-events:none}
.plan .pb{position:relative;padding-top:34px;text-align:center;align-items:center}
.plan .pic{position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:60px;height:60px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--tier);display:flex;align-items:center;justify-content:center;font-size:1.55rem;box-shadow:0 8px 20px -8px rgba(42,42,60,.4);z-index:4}
.plan .pname{justify-content:center}
.plans-tagline{text-align:center;font-family:var(--serif);font-style:italic;color:var(--muted);font-size:1.55rem;margin:32px 0 0}
.plans-tagline::before,.plans-tagline::after{content:"❤";color:var(--coral);font-size:.7rem;margin:0 8px;vertical-align:middle;font-style:normal}
/* ===== kartice po referenci (vzorčeni piksli): topla tier-tint ozadja; ELITE topla temna sliva; gumbi tier-gradient ===== */
.plan.t-match{background:linear-gradient(180deg,#FDF5EF 0%,#F7E7DB 100%)}
.plan.t-vip{background:linear-gradient(180deg,#FCF2E6 0%,#F4E0CB 100%)}
.plan.t-premium{background:linear-gradient(180deg,#F8ECE8 0%,#EAD1CB 100%)}
.plan.t-elite{background:linear-gradient(165deg,#463640 0%,#2e2531 52%,#221C28 100%);border-color:#3a2f45}
/* gumbi = tier gradient (mehkejši toni z reference) */
.plan.t-match .pbtn{background:linear-gradient(135deg,#E08A7E,#CE6D68);box-shadow:0 10px 22px -12px rgba(196,96,92,.6)}
.plan.t-vip .pbtn{background:linear-gradient(135deg,#E6A652,#D89237);box-shadow:0 10px 22px -12px rgba(200,130,45,.55)}
.plan.t-premium .pbtn{background:linear-gradient(135deg,#A96970,#8E535A);box-shadow:0 10px 22px -12px rgba(142,83,90,.55)}
.plan.t-elite .pbtn{background:linear-gradient(135deg,#3E2A3C,#241E2A);color:#E9BD82;border:1px solid rgba(228,176,112,.4);box-shadow:0 10px 22px -12px rgba(0,0,0,.6)}
.plan.t-elite .pbtn:hover{color:#F3D6A2}
/* ELITE temna kartica — zlati poudarki (zlato #E4B070 z reference) */
.plan.t-elite::after{background:#C9A44E}
.plan.t-elite .pname{color:#E4B070}
.plan.t-elite .pprice{color:#EFE0C8;border-bottom-color:rgba(255,255,255,.14)}
.plan.t-elite p{color:rgba(255,255,255,.82)}
.plan.t-elite .pic{background:#1E1A1F;border-color:rgba(228,176,112,.5);color:#E4B070;box-shadow:0 8px 20px -8px rgba(0,0,0,.65)}
.plan.t-elite .ph::after{background:linear-gradient(180deg,rgba(34,28,40,0) 34%,rgba(34,28,40,.72) 100%)}
/* fotografija se toplo zlije v tier-tint dna kartice (kot na referenci) */
.plan.t-match .ph::after{background:linear-gradient(180deg,rgba(190,96,90,0) 46%,rgba(190,96,90,.26) 100%)}
.plan.t-vip .ph::after{background:linear-gradient(180deg,rgba(196,134,60,0) 46%,rgba(196,134,60,.24) 100%)}
.plan.t-premium .ph::after{background:linear-gradient(180deg,rgba(150,88,98,0) 46%,rgba(150,88,98,.24) 100%)}
/* PREMIUM = najbolj priljubljen: oznaka na foto + poudarjena kartica */
.plan-badge{position:absolute;top:12px;left:12px;z-index:4;background:linear-gradient(135deg,#A96970,#8E535A);color:#fff;font-size:.66rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:6px 13px;border-radius:999px;box-shadow:0 8px 18px -8px rgba(0,0,0,.5);display:inline-flex;align-items:center;gap:6px}
.plan-badge .fa{font-size:.72rem}
.plan--featured{box-shadow:0 22px 48px -20px rgba(158,92,100,.5)}
.plan--featured:hover{box-shadow:0 28px 56px -22px rgba(158,92,100,.55)}

/* ---------- ZA VSAKIM UJEMANJEM STOJI ČLOVEK (Ninka) ---------- */
.expert{display:grid;grid-template-columns:.82fr 1.18fr;gap:48px;align-items:center}
.expert-photo{position:relative;border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:1/1.14}
.expert-photo img{width:100%;height:100%;object-fit:cover}
.expert-name{position:absolute;left:18px;bottom:18px;background:rgba(32,32,47,.84);backdrop-filter:blur(6px);
  color:#fff;border-radius:var(--r-md);padding:13px 18px;display:flex;gap:11px;align-items:center}
.expert-name i{color:var(--coral);font-size:1.1rem}
.expert-name b{font-family:var(--serif);font-size:1.12rem;display:block;line-height:1.1}
.expert-name small{font-size:.72rem;color:#D9C6CD;display:block;margin-top:2px}
.expert-body .lead{margin-bottom:14px}
.expert-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 14px;margin:26px 0 26px}
.expert-stat{text-align:center}
.expert-stat i{color:var(--gold-d);font-size:1.4rem}
.expert-stat span{display:block;font-size:.74rem;color:var(--ink-2);margin-top:8px;line-height:1.35}
.expert-body>.btn{margin-left:auto;margin-right:auto;display:flex;width:max-content}

/* ---------- ŠTEVCI (navy pas) ---------- */
.statband{background:var(--ink);color:#fff;padding:54px 0}
.statband .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.statband .s{text-align:center;position:relative}
.statband .s:not(:last-child)::after{content:"";position:absolute;right:-10px;top:18%;bottom:18%;width:1px;background:rgba(255,255,255,.12)}
.statband .s>i{color:var(--coral);font-size:1.5rem;display:block;margin-bottom:11px}
.statband .s .num{font-family:var(--sans);font-size:1.95rem;font-weight:700;color:#fff;line-height:1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.statband .s label{display:block;margin-top:8px;font-size:.78rem;color:#C7C2D4;font-weight:500;line-height:1.35}

/* ---------- SREČNE ZGODBE ---------- */
.story-row{display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.story{background:#fff;border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}
.story .sph{aspect-ratio:1/1;overflow:hidden}
.story .sph img{width:100%;height:100%;object-fit:cover}
.story .sbody{padding:14px 15px;display:flex;flex-direction:column;flex:1}
.story .q{font-size:.96rem;color:var(--text);line-height:1.55;margin:0 0 10px;flex:1;
  display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.story .who{font-weight:700;font-size:.82rem;color:var(--coral)}

/* ---------- VIDEO ---------- */
.video-2{display:grid;grid-template-columns:.9fr 1.25fr;gap:44px;align-items:center}
.video-thumb{position:relative;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:16/9}
.video-thumb{cursor:pointer}
.video-thumb img{width:100%;height:100%;object-fit:cover;object-position:20% 32%}

/* ---------- VIDEO MODAL (YouTube embed + fullscreen) ---------- */
.vmodal{position:fixed;inset:0;z-index:2000;background:rgba(20,16,26,.88);backdrop-filter:blur(5px);
  display:none;align-items:center;justify-content:center;padding:24px}
.vmodal.open{display:flex}
.vmodal-inner{position:relative;width:min(1040px,94vw)}
.vmodal-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--r-md);overflow:hidden;box-shadow:var(--shadow)}
.vmodal-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vmodal-close{position:absolute;top:-48px;right:0;width:42px;height:42px;border-radius:50%;border:0;
  background:rgba(255,255,255,.16);color:#fff;font-size:1.7rem;line-height:1;cursor:pointer;transition:background .2s,transform .2s}
.vmodal-close:hover{background:var(--coral);transform:rotate(90deg)}
@media(max-width:600px){.vmodal-close{top:-44px;width:38px;height:38px}}
.video-thumb .play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}
.video-thumb .play:hover{transform:translate(-50%,-50%) scale(1.08)}

/* ---------- ČASOVNICA (2010+) ---------- */
.mile-wrap{display:grid;grid-template-columns:1.6fr 1fr;gap:46px;align-items:center}
.milestones{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative}
.milestones::before{content:"";position:absolute;top:30px;left:10%;right:10%;height:2px;
  background:linear-gradient(90deg,var(--blush-2),var(--coral) 50%,var(--blush-2));z-index:0}
.ms{text-align:center;position:relative;z-index:1}
.ms .ci{width:62px;height:62px;border-radius:50%;background:#fff;border:2px solid var(--blush-2);color:var(--coral);
  display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin:0 auto 14px;box-shadow:var(--shadow-sm)}
.ms .yr{font-family:var(--serif);font-weight:700;color:var(--coral);font-size:1.25rem;margin-bottom:5px}
.ms p{font-size:.8rem;color:var(--ink-2);margin:0;line-height:1.45}
.mile-aside .lead{margin-bottom:16px}
.mile-text{max-width:840px;margin:44px auto 0}

/* ---------- TRADICIJA: pristop (3 stebri) + čipi + citat ---------- */
.approach-intro{text-align:center;max-width:660px;margin:74px auto 40px}
.approach-intro .eyebrow{justify-content:center}
.approach-intro h2{margin:0}
.approach{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.appcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:36px 28px;text-align:center;
  box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s}
.appcard:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.appcard .ai{width:74px;height:74px;border-radius:20px;margin:0 auto 18px;display:flex;align-items:center;
  justify-content:center;font-size:1.85rem;color:#fff;background:linear-gradient(135deg,var(--coral),var(--wine));
  box-shadow:0 14px 28px -14px rgba(201,48,78,.6)}
.appcard h4{font-family:var(--serif);font-size:1.3rem;margin-bottom:9px}
.appcard p{font-size:.92rem;color:var(--ink-2);margin:0;line-height:1.55}
.beyond{display:flex;align-items:center;justify-content:center;gap:16px 20px;flex-wrap:wrap;margin:48px auto 0}
.beyond-label{font-weight:700;color:var(--ink);text-transform:uppercase;letter-spacing:.06em;font-size:.82rem}
.chips{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.chip{display:inline-flex;align-items:center;gap:9px;background:var(--blush);color:var(--wine);border:1px solid var(--blush-2);
  border-radius:var(--r-pill);padding:10px 18px;font-weight:600;font-size:.9rem;transition:transform .2s,background .2s}
.chip i{color:var(--coral)}
.chip:hover{transform:translateY(-2px);background:var(--blush-2)}
.approach-quote{max-width:780px;margin:50px auto 32px;text-align:center;font-family:var(--serif);font-style:italic;
  font-size:1.55rem;line-height:1.5;color:var(--muted);position:relative}
@media(max-width:860px){.approach{grid-template-columns:1fr}.beyond{flex-direction:column;gap:16px}}

/* ---------- RESPONSIVE ---------- */
@media (max-width:980px){
  .home-hero .container{grid-template-columns:1fr;gap:34px}
  /* Naslov in uvod PRED sliko (Ninka/Tomi 25.7.2026); kartica znack skrita na mobilnem, ker podvaja temno vrstico zaupanja tik pod herojem. */
  .trust-card{display:none}
  .feature-3{grid-template-columns:1fr}
  .flow{grid-template-columns:1fr 1fr 1fr}.flow::before{display:none}
  .plans-4{grid-template-columns:1fr 1fr}
  .expert{grid-template-columns:1fr;gap:30px}
  .statband .grid{grid-template-columns:1fr 1fr}.statband .s::after{display:none}
  .story-row{grid-template-columns:1fr 1fr}
  .video-2,.mile-wrap{grid-template-columns:1fr;gap:30px}
  .expert-stats{grid-template-columns:1fr 1fr 1fr}
  .milestones::before{display:none}
}
@media (max-width:560px){
  .hero-login .lf{grid-template-columns:1fr}
  .flow,.plans-4,.statband .grid,.milestones{grid-template-columns:1fr 1fr}
  .story-row{grid-template-columns:1fr}
  .home-hero-actions .btn{flex:1}
  .home-hero{padding:44px 0 30px}
  .section-head{margin-bottom:14px}
  .eb-extra{display:none}
  .section-head .br-mob,.hero-microtrust .br-mob,.approach-intro .br-mob,.approach .br-mob,.approach-quote .br-mob,.about-split .br-mob{display:inline}
  .plans-tagline{font-size:1.24rem}
  .approach-quote{font-size:1.24rem;margin:34px auto 26px}
}

/* ============ HERO MICRO-TRUST (pod CTA gumboma) ============ */
.hero-microtrust{margin:16px 0 0;font-size:.9rem;color:var(--ink-2);display:flex;align-items:flex-start;gap:9px;font-weight:500;line-height:1.5}
.hero-microtrust i{color:var(--coral);flex:none;margin-top:3px;font-size:1rem}
.br-mob{display:none}

/* ============ IZJAVE STRANK (socialni dokaz) ============ */
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.tcard{background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);padding:26px 24px 22px;
  display:flex;flex-direction:column;box-shadow:0 10px 30px rgba(42,42,60,.05)}
.tcard .tq{font-size:1.7rem;line-height:1;margin-bottom:8px}
.tcard .tq i{color:var(--coral);opacity:.4}
.tcard blockquote{margin:0 0 18px;font-size:.96rem;line-height:1.55;color:var(--text);flex:1}
.tcard figcaption{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:14px}
.tcard figcaption img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none}
.tcard figcaption span{font-family:var(--serif);font-weight:600;color:var(--ink)}

/* ============ BLOG (zadnji zapisi) ============ */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.bcard{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);border-radius:var(--r-md);
  overflow:hidden;box-shadow:0 10px 30px rgba(42,42,60,.05);transition:transform .2s,box-shadow .2s;color:inherit}
.bcard:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(42,42,60,.13)}
.bcard .bph{aspect-ratio:16/10;min-height:180px;overflow:hidden;background:var(--cream-2)}
.bcard .bph img{width:100%;height:100%;object-fit:cover;object-position:center 28%;transition:transform .4s}
.bcard:hover .bph img{transform:scale(1.05)}
.bcard .bbody{padding:22px 22px 24px;display:flex;flex-direction:column;flex:1}
.bcard h3{font-family:var(--serif);font-size:1.16rem;line-height:1.32;margin:0 0 10px;color:var(--ink)}
.bcard p{font-size:.92rem;line-height:1.5;color:var(--text);margin:0 0 16px;flex:1}
.bcard .blink{color:var(--coral);font-weight:600;font-size:.9rem}
.bcard:hover .blink{color:var(--wine)}

/* ============ FAQ (pogosta vprašanja) ============ */
.faq{max-width:840px;margin:0 auto}
.faq-item{background:var(--white);border:1px solid var(--line);border-radius:14px;margin-bottom:12px;overflow:hidden;transition:box-shadow .2s}
.faq-item[open]{box-shadow:0 10px 30px rgba(42,42,60,.07)}
.faq-item summary{list-style:none;cursor:pointer;padding:18px 22px;font-family:var(--serif);font-size:1.08rem;
  font-weight:600;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:14px;transition:color .15s}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:hover{color:var(--coral)}
.faq-item summary::after{content:"\f107";font-family:FontAwesome;color:var(--coral);transition:transform .25s;font-size:1.15rem;flex:none}
.faq-item[open] summary{color:var(--coral)}
.faq-item[open] summary::after{transform:rotate(180deg)}
.faq-a{padding:0 22px 20px;color:var(--text);line-height:1.45}
.faq-a p{margin:0 0 .6em}
.faq-a p:last-child{margin-bottom:0}
.faq-a ul{list-style:none;margin:.3em 0 0;padding-left:0}
.faq-a ul>li{display:flex;align-items:baseline;gap:12px;margin:.3em 0}
.faq-a ul>li::before{content:"\f004";font-family:FontAwesome;color:var(--coral);flex:0 0 auto;font-size:.85em}
.faq-a ol{margin:.3em 0 0;padding-left:1.25em}
.faq-a ol li{margin:.28em 0}
.faq-a a{color:var(--wine);font-weight:400;text-decoration:underline;text-underline-offset:3px}

/* ---- responsive za nove sekcije ---- */
@media (max-width:980px){
  .testi-grid{grid-template-columns:1fr 1fr}
  .blog-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  .testi-grid{grid-template-columns:1fr;gap:26px}
  .blog-grid{grid-template-columns:1fr;gap:26px}
  .story-row{gap:26px}
  .faq-item summary{font-size:1rem;padding:16px 18px}
}

/* Prazna hero slika za prijavljene brez glavne slike — temna silhueta + gumb */
.hero-photo-empty{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:16px;text-align:center;padding:26px;background:linear-gradient(160deg,#2a2a3c,#191924);color:#fff}
.hero-photo-empty i{font-size:5rem;color:rgba(255,255,255,.45)}
.hero-photo-empty span{color:rgba(255,255,255,.82);font-weight:500;max-width:230px;font-size:.95rem;line-height:1.5}

/* ===== Hero mini-statistika za prijavljene (MATCH) ===== */
.hero-userbox{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 50px rgba(42,42,60,.13);padding:18px 20px;margin-top:18px}
.hub-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;text-align:center}
.hub-stat{padding:8px 4px;border-radius:12px;color:inherit;text-decoration:none;display:block;transition:background .15s}
.hub-stat:hover{background:var(--blush)}
.hub-stat b{display:block;font-family:var(--serif);font-size:1.55rem;color:var(--coral);line-height:1.1}
.hub-stat b small{font-size:.78rem;color:var(--muted);font-weight:500}
.hub-stat span{font-size:.72rem;color:var(--ink-2);text-transform:uppercase;letter-spacing:.03em}
.hub-todo{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 13px;border-radius:11px;background:var(--blush);color:var(--wine);font-weight:600;font-size:.85rem;text-decoration:none}
.hub-todo:hover{background:#fbe0e5}
.hub-event{margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}
.hub-event-eyebrow{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--gold-d,#b7891f);display:inline-flex;align-items:center;gap:5px}
.hub-event-name{font-family:var(--serif);font-weight:600;color:var(--ink);font-size:1.08rem;margin:3px 0 5px} /* Ninka 27.7.: manjsi razmak do vrstice pod naslovom */
.hub-status{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.92rem;margin-bottom:10px}
.hub-status.ok{color:#1c8a5a}.hub-status.no{color:var(--wine)}
.hub-actions{display:flex;gap:9px}
.hub-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border-radius:22px;font-weight:600;font-size:.9rem;text-decoration:none;cursor:pointer;transition:.15s}
.hub-primary{background:var(--coral);color:#fff;box-shadow:0 6px 16px rgba(232,83,107,.3)}.hub-primary:hover{background:var(--wine);color:#fff}
.hub-ghost{background:transparent;border:1.5px solid var(--line-2,#e0d5cb);color:var(--ink)}.hub-ghost:hover{border-color:var(--coral);color:var(--coral)}
.hub-btn+.hub-btn{margin-left:2px}
.hub-status+.hub-btn{margin-top:0}
.hub-note{margin-top:12px;font-size:.8rem;color:var(--ink-2);display:flex;align-items:center;gap:7px;line-height:1.4}
.hub-note b{color:var(--ink)}
.hub-note.locked{color:var(--wine)}
.hub-note--single-line{white-space:nowrap}
.hub-note--single-line .fa{flex:none}
@media(max-width:560px){.hub-note--single-line{font-size:clamp(.56rem,2.45vw,.68rem);gap:5px}}

/* Prijavljeni hero — koraki na levi + glava statusne kocke */
.hero-steps{display:flex;flex-direction:column;gap:15px;margin:24px 0 28px;max-width:430px}
.hero-steps .hs{display:flex;align-items:center;gap:14px}
.hero-steps .hs .n{width:36px;height:36px;flex:none;border-radius:50%;background:var(--blush);color:var(--coral);font-weight:700;font-family:var(--serif);display:flex;align-items:center;justify-content:center;font-size:1.05rem}
.hero-steps .hs b{display:block;color:var(--ink);font-size:1.02rem;line-height:1.2}
.hero-steps .hs small{color:var(--ink-2);font-size:.9rem}
.home-hero-media .hero-userbox{margin-top:0}
.hub-head{display:flex;align-items:center;gap:13px;padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid var(--line)}
.hub-av{width:50px;height:50px;flex:none;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,var(--coral),var(--wine));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:1.25rem}
.hub-av img{width:100%;height:100%;object-fit:cover}
.hub-head-txt b{display:block;color:var(--ink);font-family:var(--serif);font-size:1.1rem;line-height:1.2}
.hub-head-txt small{color:var(--muted);font-size:.85rem}

/* Prijavljeni hero — eyebrow (datum) + časovni pozdrav */
.home-hero .hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--coral);margin-bottom:16px}
.home-hero .hero-eyebrow i{color:var(--gold)}
.home-hero h1.hero-greet{font-size:clamp(2.2rem,4vw,3.3rem);line-height:1.08}

/* Prijavljeni hero — hitre povezave (chip-i) */
.hero-quick{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0 26px;max-width:490px}
.hero-quick .hq{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border-radius:14px;background:#fff;border:1px solid var(--line);color:var(--ink);font-weight:600;font-size:.9rem;text-decoration:none;box-shadow:0 6px 16px rgba(42,42,60,.05);transition:transform .18s,border-color .18s,box-shadow .18s,color .18s}
.hero-quick .hq i{color:var(--coral);font-size:1.05rem}
.hero-quick .hq:hover{border-color:var(--coral);color:var(--coral);transform:translateY(-2px);box-shadow:0 12px 24px rgba(232,83,107,.15)}
.hero-quick--account{max-width:560px}
@media(max-width:560px){
  .hero-quick--account{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-quick--account .hq{min-width:0;min-height:54px;padding:10px 12px;line-height:1.2}
  .hero-quick--account .hq i{flex:none}
}
@media(max-width:360px){.hero-quick--account{grid-template-columns:1fr}}

/* dodatni mobilni prelomi (QA pred pregledom stranke) */
@media(max-width:820px){.milestones{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.plans-4{grid-template-columns:1fr}}
/* ============================================================
   MATCHMe.si — Podstrani (landing) komponente "Golden Sunset"
   Vzorci po mockupih: paket landing, pregled profila, storitve
   ============================================================ */

/* ---------- LANDING HERO (svetel, 2-stolpčni) ---------- */
.lhero{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,var(--cream-2) 100%);padding:58px 0 72px}
.lhero .container{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center}
.lhero .eyebrow{margin-bottom:14px}
.lhero--elite .eyebrow i{color:var(--coral)}
.lhero h1{font-size:clamp(2.2rem,4.3vw,3.4rem);line-height:1.08;margin-bottom:14px}
.lhero h1 .accent{color:var(--coral);font-style:italic;display:block} /* poenoteno s koral poudarkom na domaci (prej zlata) */
.lhero .lead{max-width:540px;margin-left:auto;margin-right:auto;margin-bottom:24px}
.lhero-actions{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}
/* Enotna glava landing hero (kot Blog): centrirano, deco nadnapis z obema crtama, ornament srcek (Ninka 25.7.2026) */
.lhero-text{text-align:center}
.lhero-text .eyebrow.deco{display:flex;justify-content:center}
/* Dolgi nadnapisi (npr. MESECNO POSREDOVANJE KONTAKTOV): besedilo v .ebt se omeji in uravnotezeno prelomi,
   crtici pa ostaneta tik ob besedilu (ne odletita na robova). */
.eyebrow .ebt{display:block;max-width:min(100%,300px);text-wrap:balance}
.lhero-nota{justify-content:center;text-align:center}
.lhero-media{position:relative}
.lhero-media .photo{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3.3}
.lhero-media .photo img{width:100%;height:100%;object-fit:cover}
.lbadge{position:absolute;right:-10px;bottom:32px;background:var(--ink);color:#fff;border-radius:var(--r-lg);
  padding:20px 24px;max-width:236px;box-shadow:var(--shadow);border:1px solid rgba(214,169,62,.25)}
.lbadge .ic{width:42px;height:42px;border-radius:50%;background:rgba(214,169,62,.18);color:var(--gold-l);
  display:flex;align-items:center;justify-content:center;margin-bottom:12px;font-size:1.05rem}
.lbadge p{font-family:var(--serif);font-size:1.28rem;line-height:1.25;margin:0;color:#fff}
.lbadge .hl{display:block;margin-top:6px;color:var(--gold-l);font-style:normal;font-family:var(--sans);font-size:.95rem;line-height:1.5;font-weight:500}

/* ---------- PROCES (4/5/6 korakov) ---------- */
.proc{display:grid;gap:20px;position:relative}
.proc.c4{grid-template-columns:repeat(4,1fr)}
.proc.c5{grid-template-columns:repeat(5,1fr)}
.proc.c6{grid-template-columns:repeat(6,1fr)}
.proc::before{content:"";position:absolute;top:34px;left:7%;right:7%;height:2px;
  background:linear-gradient(90deg,var(--blush-2),var(--coral) 50%,var(--blush-2));z-index:0}
.proc-step{text-align:center;position:relative;z-index:1}
.proc-step .ci{width:70px;height:70px;border-radius:50%;background:#fff;border:2px solid var(--blush-2);color:var(--coral);
  display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin:0 auto 16px;box-shadow:var(--shadow-sm);position:relative}
.proc-step .ci .n{position:absolute;right:-2px;bottom:-2px;width:24px;height:24px;border-radius:50%;
  background:var(--coral);color:#fff;font-size:.74rem;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
.proc-step h4{font-size:1rem;font-family:var(--serif);margin-bottom:6px;line-height:1.2}
.proc-step p{font-size:.82rem;color:var(--ink-2);margin:0;line-height:1.45}

/* ---------- TEMNI "ZAKAJ" PAS ---------- */
.whyband{background:var(--ink);color:#fff;padding:74px 0}
.whyband .section-head h2{color:#fff}
.whyband .section-head .ornament{color:var(--gold)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 26px}
.why-grid.c5{grid-template-columns:repeat(5,1fr)}
.why-grid.c6{grid-template-columns:repeat(6,1fr)}
.why{text-align:center}
.why .ic{width:58px;height:58px;border-radius:14px;border:1px solid rgba(214,169,62,.4);color:var(--gold-l);
  display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin:0 auto 10px}
.why h4{color:var(--ink);font-family:var(--serif);font-size:1.12rem;margin-bottom:7px}
.why p{font-size:.9rem;color:var(--ink-2);margin:0;line-height:1.55}
.whyband .why h4{color:#fff}
.whyband .why p{color:#C7C2D4}

/* ---------- SPLIT (slika + vsebina) ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}
.split.media-left .split-media{order:-1}
.split-media{border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow);aspect-ratio:4/3.2}
.split-media img{width:100%;height:100%;object-fit:cover}
.checks{list-style:none;margin:18px 0 0;padding:0}
.checks li{display:flex;gap:13px;align-items:flex-start;margin-bottom:14px;font-size:1rem;color:var(--ink-2)}
.checks li i{width:26px;height:26px;border-radius:50%;background:var(--blush);color:var(--coral);
  display:flex;align-items:center;justify-content:center;font-size:.8rem;flex:none;margin-top:2px}

/* ---------- OŠTEVILČENI KORAKI ---------- */
.nsteps{list-style:none;margin:18px 0 0;padding:0}
.nsteps li{display:flex;gap:16px;align-items:flex-start;margin-bottom:20px}
.nsteps li .nn{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--coral),var(--wine));
  color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;flex:none}
.nsteps li b{font-family:var(--serif);font-size:1.14rem;color:var(--ink);display:block;margin-bottom:2px}
.nsteps li p{margin:0;font-size:.92rem;color:var(--ink-2)}

/* ---------- ENA PONUDBA ---------- */
.offer{max-width:480px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);
  box-shadow:var(--shadow);padding:34px 34px;text-align:center;border-top:4px solid var(--coral)}
.offer .tag{display:inline-block;background:var(--blush);color:#fff;font-weight:700;font-size:.78rem;
  text-transform:uppercase;letter-spacing:.05em;padding:5px 16px;border-radius:var(--r-pill);margin-bottom:14px}
.offer h3{font-family:var(--serif);font-size:1.3rem;margin-bottom:4px}
.offer .price{font-family:var(--serif);font-size:2.4rem;font-weight:700;color:var(--coral);line-height:1;margin:10px 0 18px}
.offer .price small{font-family:var(--sans);line-height:1.55}
/* Ikone v alinejah cenovnih kartic na /paketi (zamenjava emojijev, Ninka 25.7.2026) */
.pcard-lines .fa{color:var(--coral);margin-right:6px}
/* Ikone stevcev na o-nas (zamenjava emoji slicic, Ninka 25.7.2026) */
.stats .stat .stat-ic{display:block;font-size:1.7rem;color:var(--coral);margin-bottom:10px}
/* Inicialka namesto praznega zlatega obroca pri izjavah brez fotografije (Ninka 25.7.2026) */
.izjava-avatar--init{display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:1.6rem;color:var(--gold);background:var(--cream-2,#FAF4EE)}
.offer .checks{display:inline-block;text-align:left;margin:0 auto 22px}

/* ---------- LASTNOSTI PAKETA (cenik) ---------- */
.pfeat{display:grid;grid-template-columns:1fr 1fr;gap:0 34px;list-style:none;margin:0;padding:0}
.pfeat li{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line);font-size:.95rem;align-items:flex-start}
.pfeat li>i{color:var(--coral);margin-top:3px;flex:none}
.pfeat li b{color:var(--ink);font-weight:600;margin-right:4px}
.pfeat li span{color:var(--ink-2)}

/* ---------- price tag (storitve mreža; razširitev) ---------- */
.svc-price-row{display:flex;align-items:center;gap:8px;margin:2px 0 12px}

/* ---------- RESPONSIVE ---------- */
@media(max-width:980px){
  .lhero .container{grid-template-columns:1fr;gap:30px}
  .lbadge{position:static;max-width:none;margin-top:14px}
  .proc.c6,.proc.c5{grid-template-columns:1fr 1fr 1fr}.proc::before{display:none}
  .why-grid,.why-grid.c5,.why-grid.c6{grid-template-columns:1fr 1fr}
  .split{grid-template-columns:1fr;gap:28px}.split.media-left .split-media{order:0}
  .pfeat{grid-template-columns:1fr}
}
@media(max-width:560px){
  .proc.c4,.proc.c5,.proc.c6{grid-template-columns:1fr 1fr}
  .why-grid,.why-grid.c5,.why-grid.c6{grid-template-columns:1fr}
  .service-benefits--match .why-grid,.service-benefits--vip .why-grid,.service-benefits--premium .why-grid,.service-benefits--elite .why-grid{row-gap:44px}
}

/* ---------- IZJAVE (3 kartice) ---------- */
.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.qcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:28px 26px}
.qcard .stars{color:var(--gold);margin-bottom:12px;font-size:.95rem}
.qcard .qt{font-style:italic;color:var(--ink-2);font-size:.98rem;margin:0 0 14px;line-height:1.5}
.qcard .who{font-weight:700;color:var(--coral)}
@media(max-width:880px){.quotes{grid-template-columns:1fr}}

/* ===== STORITEV LANDING (statične prodajne strani; --acc = tier poudarek) ===== */
.stz-hero{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;padding:56px 0}
.stz-hero-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:34px;align-items:center}
.stz-hero-text{min-width:0}
.stz-ribbon{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.32);color:#fff;font-weight:700;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;padding:5px 12px;border-radius:999px;margin-bottom:12px}
.stz-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;letter-spacing:.06em;text-transform:uppercase;opacity:.92;font-weight:600}
.stz-hero h1{font-family:var(--serif);font-size:clamp(2.2rem,4.6vw,3.4rem);line-height:1.08;margin:10px 0 12px;color:#fff}
.stz-sub{font-size:1.14rem;max-width:560px;opacity:.96;margin-bottom:22px;line-height:1.55}
.stz-cta{display:flex;gap:12px;flex-wrap:wrap}
.stz-btn{background:#fff;color:var(--acc);font-weight:700;border:0}
.stz-btn:hover{background:#fff;color:var(--acc);opacity:.92}
.stz-hero .btn-ghost{border-color:rgba(255,255,255,.6);color:#fff}
.stz-hero .btn-ghost:hover{background:rgba(255,255,255,.14);color:#fff}
.stz-price{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.26);border-radius:18px;padding:22px 26px;text-align:center;min-width:210px}
.stz-price-lbl{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;opacity:.85}
.stz-price-val{display:block;font-family:var(--serif);font-size:2.4rem;font-weight:700;margin:2px 0 6px;color:#fff}
.stz-price-note{display:block;font-size:.82rem;opacity:.9;line-height:1.4}
.stz-narrow{max-width:820px}
.stz-narrow .section-head{margin-bottom:22px}
/* tier landing v svetlem slogu naročilnih strani */
.why-grid.c3{grid-template-columns:repeat(3,1fr)}
.checks--2{columns:2;column-gap:36px}
.checks--2 li{break-inside:avoid;-webkit-column-break-inside:avoid}
.offer.offer--wide{text-align:left}
.stzl-nsteps li .nn{background:var(--acc)}
.offer-note{font-size:.96rem;color:var(--ink-2);margin:0 0 18px;line-height:1.55;display:flex;gap:9px;align-items:baseline;justify-content:center;text-align:left;max-width:460px;margin-left:auto;margin-right:auto}
.offer-note .fa{flex:0 0 auto}
.offer-ic{width:56px;height:56px;border-radius:50%;background:var(--blush);color:var(--coral);display:flex;align-items:center;justify-content:center;font-size:1.35rem;margin:0 auto 16px}
.cta-trust{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 40px;margin:26px auto 0;max-width:640px}
.cta-trust-item{display:inline-flex;align-items:center;gap:10px;font-size:.95rem;font-weight:600;color:var(--ink-2)}
.cta-trust-item i{font-size:1.02rem}
@media(max-width:560px){.cta-trust{flex-direction:column;align-items:center;gap:16px}}
@media(max-width:820px){.why-grid.c3{grid-template-columns:1fr}.checks--2{columns:1}}
.stz-lead{font-size:1.14rem;line-height:1.7;color:var(--ink-2);text-align:center}
.stz-two{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}
.stz-vkey{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:var(--shadow-sm)}
.stz-vkey h3{font-size:1.3rem;margin-bottom:16px}
.stz-vkey ul{list-style:none;margin:0 0 22px;padding:0}
.stz-vkey li{display:flex;align-items:baseline;gap:11px;padding:9px 0;border-bottom:1px solid var(--line);color:var(--ink-2)}
.stz-vkey li:last-child{border-bottom:0}
.stz-vkey li .fa{color:var(--acc);flex:0 0 auto}
.stz-feats{display:flex;flex-direction:column;gap:16px}
.stz-feat{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px}
.stz-feat-ic{flex:0 0 auto;width:50px;height:50px;border-radius:12px;background:var(--cream-2,#FAF4EE);border:1px solid var(--line);color:var(--acc);display:flex;align-items:center;justify-content:center;font-size:1.4rem}
.stz-feat h4{margin:0 0 4px;font-size:1.08rem}
.stz-feat p{margin:0;color:var(--ink-2);font-size:.96rem}
.stz-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stz-step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 20px}
.stz-step-n{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--acc);color:#fff;font-weight:700;margin-bottom:12px}
.stz-step h4{margin:0 0 6px;font-size:1.05rem}
.stz-step p{margin:0;color:var(--ink-2);font-size:.94rem}
.stz-guarantee{background:linear-gradient(135deg,var(--acc),var(--acc2));color:#fff;padding:30px 0}
.stz-guarantee .container{display:flex;align-items:center;gap:18px;justify-content:center;text-align:center;flex-wrap:wrap}
.stz-guarantee .fa{font-size:2rem;opacity:.92}
.stz-guarantee p{margin:0;font-size:1.16rem;font-weight:600;max-width:720px}
.stz-final h2{margin-bottom:8px}
@media(max-width:820px){.stz-hero-in{grid-template-columns:1fr}.stz-two{grid-template-columns:1fr}.stz-steps{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.stz-steps{grid-template-columns:1fr}}

/* dodatne storitve — 3 kartice v vrsto */
.cards.three{grid-template-columns:repeat(3,1fr)}
.cards.three .card .thumb{aspect-ratio:4/3}
@media(max-width:900px){.cards.three{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.cards.three{grid-template-columns:1fr}}

/* ===== CENIK KARTICE PAKETOV (/paketi; --acc = tier) ===== */
.pricing{display:grid;grid-template-columns:repeat(2,1fr);gap:34px 26px;align-items:stretch;margin:8px auto 0;max-width:920px}
.pcard{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px 28px 26px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column}
.pcard--featured{border:2px solid var(--acc);box-shadow:0 22px 46px -22px var(--acc)}
.pcard-ribbon{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--acc);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:5px 14px;border-radius:999px;white-space:nowrap;display:inline-flex;gap:5px;align-items:center;box-shadow:0 6px 14px -4px var(--acc)}
.pcard-top{text-align:center;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:18px}
.pcard-ic{width:58px;height:58px;border-radius:50%;background:#fff;border:1px solid var(--line);color:var(--acc);display:inline-flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:12px;box-shadow:0 8px 20px -8px rgba(42,42,60,.22)}
.pcard-top h3{font-size:1.32rem;margin:0 0 8px;letter-spacing:.01em;color:var(--acc);font-family:var(--serif)}
.pcard-price{font-family:var(--serif);font-size:2rem;font-weight:700;color:var(--acc);line-height:1}
.pcard-price-note{font-size:.8rem;color:var(--muted);margin-top:6px;line-height:1.4}
.pcard-feats{list-style:none;margin:0 0 22px;padding:0;flex:1 0 auto}
.pcard-feats li{display:flex;align-items:baseline;gap:9px;padding:7px 0;font-size:.9rem;color:var(--ink-2);border-bottom:1px solid var(--line)}
.pcard-feats li:last-child{border-bottom:0}
.pcard-feats li .fa{color:var(--acc);flex:0 0 auto;font-size:.82rem}
.pcard-cta{text-align:center;margin-top:auto}
.pcard-btn{display:block;background:var(--acc);color:#fff;font-weight:700;padding:13px 18px;border-radius:999px;text-decoration:none;transition:transform .2s,filter .2s,box-shadow .2s;box-shadow:0 10px 22px -12px var(--acc)}
.pcard-btn:hover{transform:translateY(-2px);filter:brightness(1.05);color:#fff}
.pcard-more{display:inline-block;margin-top:12px;color:var(--acc);font-weight:600;font-size:.9rem;text-decoration:none}
.pcard-more:hover{text-decoration:underline}
/* ===== tier-toni z reference (kot kartice na domači strani) ===== */
.pcard.t-match{background:linear-gradient(180deg,#FDF5EF 0%,#F7E7DB 100%)}
.pcard.t-vip{background:linear-gradient(180deg,#FCF2E6 0%,#F4E0CB 100%)}
.pcard.t-premium{background:linear-gradient(180deg,#F8ECE8 0%,#EAD1CB 100%)}
.pcard.t-elite{background:linear-gradient(165deg,#463640 0%,#2e2531 52%,#221C28 100%);border-color:#3a2f45}
/* gumbi = tier gradient */
.pcard.t-match .pcard-btn{background:linear-gradient(135deg,#E08A7E,#CE6D68);box-shadow:0 10px 22px -12px rgba(196,96,92,.6)}
.pcard.t-vip .pcard-btn{background:linear-gradient(135deg,#E6A652,#D89237);box-shadow:0 10px 22px -12px rgba(200,130,45,.55)}
.pcard.t-premium .pcard-btn{background:linear-gradient(135deg,#A96970,#8E535A);box-shadow:0 10px 22px -12px rgba(142,83,90,.55)}
.pcard.t-elite .pcard-btn{background:linear-gradient(135deg,#3E2A3C,#241E2A);color:#E9BD82;border:1px solid rgba(228,176,112,.4);box-shadow:0 10px 22px -12px rgba(0,0,0,.6)}
.pcard.t-elite .pcard-btn:hover{color:#F3D6A2}
/* ELITE temna kartica — svetlo besedilo, zlati poudarki */
.pcard.t-elite .pcard-top{border-bottom-color:rgba(255,255,255,.14)}
.pcard.t-elite .pcard-ic{background:#1E1A1F;border-color:rgba(228,176,112,.5);box-shadow:0 8px 20px -8px rgba(0,0,0,.6)}
.pcard.t-elite .pcard-price-note{color:rgba(255,255,255,.7)}
.pcard.t-elite .pcard-feats li{color:rgba(255,255,255,.82);border-bottom-color:rgba(255,255,255,.1)}
.pcard.t-elite .pcard-feats li b,.pcard.t-elite .pcard-feats li strong{color:#fff}
.pcard.t-elite .pcard-more{color:#E4B070}
@media(max-width:760px){.pricing{grid-template-columns:1fr;max-width:440px}}

/* ===== CENIK DODATNIH STORITEV ===== */
.cdd-skupina{margin-bottom:40px}
.cdd-skupina-naslov{display:flex;align-items:center;gap:16px;font-size:1.3rem;color:var(--wine);margin:0 0 22px}
.cdd-skupina-naslov::after{content:"";flex:1;height:1px;background:var(--line)}
.cdd-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.cdd-item{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}
.cdd-item:hover{box-shadow:0 14px 30px -18px rgba(42,42,60,.3);transform:translateY(-2px)}
.cdd-ic{flex:0 0 auto;width:46px;height:46px;border-radius:12px;background:var(--blush);color:var(--coral);display:flex;align-items:center;justify-content:center;font-size:1.25rem}
.cdd-body{flex:1;min-width:0}
.cdd-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px}
.cdd-head h3{font-size:1.06rem;margin:0}
.cdd-cena{flex:0 0 auto;font-weight:700;color:var(--wine);white-space:nowrap;font-size:1rem}
.cdd-cena small{color:var(--muted);font-weight:500;font-size:.8rem}
.cdd-item p{margin:0;color:var(--ink-2);font-size:.93rem;line-height:1.55}
.cdd-cta{text-align:center;margin-top:34px;padding-top:30px;border-top:1px solid var(--line)}
.cdd-cta p{color:var(--ink-2);margin-bottom:16px;font-size:1.05rem}
.cdd-cta .btn{margin:0 6px}
@media(max-width:760px){.cdd-grid{grid-template-columns:1fr}}
@media(max-width:480px){.cdd-head{flex-direction:column;gap:2px}}
@media(max-width:560px){
  .cdd-mobile-line{display:block}
  .cdd-cta .btn{
    display:flex;
    width:min(100%,340px);
    margin:0 auto;
    justify-content:center;
  }
  .cdd-cta .btn + .btn{margin-top:14px}
  .cmp-mobile-line,.cmp-mobile-plus{display:block}
}

/* ===== PRIMERJAVA PAKETOV (moderna tabela) ===== */
.cmp-wrap{overflow-x:auto;border-radius:18px;box-shadow:var(--shadow-sm);border:1px solid #d9d9d9;-webkit-overflow-scrolling:touch} /* Ninka 27.7.: rahlo siv rob okoli primerjalne tabele */
.cmp{width:100%;border-collapse:collapse;background:#fff;min-width:780px}
.cmp th,.cmp td{padding:15px 18px;text-align:center;vertical-align:middle;border-bottom:1px solid var(--line)}
.cmp thead th{border-bottom:0;vertical-align:bottom;padding:20px 16px}
.cmp-corner{text-align:left;background:#fff;font-weight:700;color:var(--ink);font-size:1rem;width:22%}
/* Nezhna razlicica glave tabele (Ninka 25.7.2026): pastelno ozadje v barvi paketa namesto polne barve. */
.cmp-th{background:color-mix(in srgb,var(--tc) 14%,#fff);color:var(--tc);position:relative}
.cmp-th:first-of-type{border-top-left-radius:0}
.cmp-th .cmp-name{display:block;font-weight:700;font-size:1.02rem;letter-spacing:.01em}
.cmp-th .cmp-price{display:block;font-family:var(--serif);font-size:1.22rem;font-weight:700;margin-top:4px;opacity:.96}
.cmp-th .cmp-badge{display:inline-flex;gap:5px;align-items:center;background:#fff;border:1px solid var(--tc);color:var(--tc);font-size:.64rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:3px 10px;border-radius:999px;margin-bottom:8px}
.cmp-row-h{text-align:left;font-weight:600;color:var(--ink);background:#fff;width:22%;font-size:.95rem}
.cmp tbody tr:nth-child(even) td,.cmp tbody tr:nth-child(even) .cmp-row-h{background:var(--cream-2,#FAF4EE)}
.cmp tbody tr:hover td,.cmp tbody tr:hover .cmp-row-h{background:var(--blush)}
.cmp td{color:var(--ink-2);font-size:.93rem;line-height:1.4}
.cmp-yes{color:var(--coral);font-size:1.15rem} /* prej zelena #2FA968 - edina zelena na spletiscu (Ninka 25.7.2026) */
.cmp-no{color:#d2ccd6;font-size:1rem}
.cmp-hl{background:rgba(158,92,100,.07);box-shadow:inset 3px 0 0 #9E5C64,inset -3px 0 0 #9E5C64}
.cmp-th.cmp-hl{background:color-mix(in srgb,#9E5C64 20%,#fff);box-shadow:none}
.cmp tbody tr:hover .cmp-hl{background:rgba(158,92,100,.13)}
.cmp-cta-row td{border-bottom:0;padding-top:20px;padding-bottom:22px}
.cmp-cta-row:hover td{background:#fff}
.cmp-btn{display:inline-block;background:var(--coral);color:#fff;padding:9px 20px;border-radius:999px;font-size:.86rem;font-weight:600;text-decoration:none;transition:filter .2s}
.cmp-btn:hover{color:#fff;filter:brightness(1.25)}
.cmp-btn-hl{background:#9E5C64}
.cmp-note{max-width:820px;margin:26px auto 0;color:var(--ink-2);font-size:.95rem;text-align:center}

@media(max-width:820px){
  .cmp-wrap{border:0;box-shadow:none;overflow:visible}
  .cmp{min-width:0}
  .cmp thead{display:none}
  .cmp,.cmp tbody,.cmp tr,.cmp td,.cmp th{display:block;width:auto}
  .cmp tbody tr{border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:16px;box-shadow:var(--shadow-sm)}
  .cmp-row-h{background:var(--cream-2,#FAF4EE);color:var(--ink);text-align:center;font-size:1.05rem;padding:14px}
  .cmp td{display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:right;border-bottom:1px solid var(--line)}
  .cmp td::before{content:attr(data-label);font-weight:600;color:var(--ink);text-align:left}
  .cmp td:last-child{border-bottom:0}
  .cmp-hl{box-shadow:none;background:rgba(158,92,100,.08)}
  .cmp tbody tr:nth-child(odd) .cmp-hl,
  .cmp tbody tr:nth-child(odd):hover .cmp-hl{background:#fff}
  .cmp tbody tr:nth-child(even) .cmp-hl,
  .cmp tbody tr:nth-child(even):hover .cmp-hl{background:var(--cream-2,#FAF4EE)}
  .cmp-cta-row,.cmp-note{display:none !important}
}

/* ===== NAJINA DVOJINA (prodajna stran) ===== */
.contrast{max-width:640px;margin:0 auto;display:grid;gap:14px}
.crow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:16px 24px;box-shadow:var(--shadow-sm)}
.crow .less{text-align:right;color:var(--muted);font-size:.98rem}
.crow>.fa{color:var(--coral);font-size:1.1rem}
.crow .more2{text-align:left;font-family:var(--serif);font-weight:700;color:var(--ink);font-size:1.14rem}
.checks--center{max-width:max-content;margin-left:auto;margin-right:auto}
.buy-band{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap;max-width:720px;margin:34px auto 0;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:26px 32px;box-shadow:var(--shadow-sm)}
.buy-band .buy-price{font-family:var(--serif);font-size:2.1rem;font-weight:700;color:var(--coral);line-height:1}
.buy-band p{margin:8px 0 0;color:var(--ink-2);font-size:.92rem;max-width:430px}
.buy-band .btn{flex:0 0 auto}
.sklopi{list-style:none;padding:0;max-width:760px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}
.sklopi li{display:flex;align-items:center;gap:14px;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:13px 18px;font-family:var(--serif);font-size:1.05rem;color:var(--ink);box-shadow:var(--shadow-sm)}
.sklopi .n{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--coral),var(--wine));color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--sans);font-weight:700;font-size:.9rem}
.experts{display:flex;flex-wrap:wrap;justify-content:center;gap:11px}
.experts span{background:var(--white);border:1px solid var(--line);border-radius:999px;padding:9px 18px;font-size:.92rem;color:var(--ink);font-weight:600;box-shadow:var(--shadow-sm)}
.promise-band .promise-vals{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:8px}
.promise-band .promise-vals span{color:#fff;font-family:var(--serif);font-size:1.22rem;display:inline-flex;align-items:center;gap:9px}
.promise-band .promise-vals .fa{color:var(--gold-l)}
@media(max-width:640px){
  .crow{grid-template-columns:1fr;gap:6px;text-align:center;padding:16px 20px}
  .crow .less,.crow .more2{text-align:center}
  .crow>.fa{transform:rotate(90deg)}
  .sklopi{grid-template-columns:1fr}
  .buy-band{flex-direction:column;text-align:center}
  .buy-band p{max-width:none}
}

/* ===== NAJINA DVOJINA — vsebina izdelka (v 880px CMS stolpcu, tip html_koda) ===== */
.nd{color:var(--ink-2);line-height:1.75}
.nd p{margin:0 0 16px}
.nd h2{font-family:var(--serif);color:var(--ink);font-size:1.7rem;line-height:1.2;margin:48px 0 16px}
.nd h2:first-of-type{margin-top:26px}
.nd b{color:var(--ink)}
.nd-lead{font-size:1.32rem !important;font-family:var(--serif);color:var(--ink);line-height:1.5;margin-bottom:18px !important}
.nd-verse{font-family:var(--serif);font-style:italic;color:var(--coral);font-size:1.1rem;line-height:1.7}
.nd-hl{list-style:none;padding:0;margin:24px 0;display:grid;gap:10px}
.nd-hl li{display:flex;align-items:center;gap:12px;font-weight:600;color:var(--ink);font-size:1.02rem}
.nd-hl .fa{color:var(--coral)}
.nd-buy{display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;background:linear-gradient(135deg,#FBEDE9,#FAF4EE);border:1px solid var(--line);border-radius:20px;padding:30px 32px;margin:32px 0;text-align:center}
.nd-price{font-family:var(--serif);font-weight:700;color:var(--coral);font-size:2.4rem;line-height:1}
.nd-price span{display:block;font-family:var(--sans);font-size:.86rem;font-weight:500;color:var(--ink-2);margin-top:9px;max-width:340px;line-height:1.5}
.nd-callout{background:#fff;border:1px solid var(--line);border-left:4px solid var(--coral);border-radius:14px;padding:26px 28px;margin:26px 0;box-shadow:var(--shadow-sm)}
.nd-callout h3{font-family:var(--serif);color:var(--coral);font-size:1.3rem;margin:0 0 12px}
.nd-callout p:last-child{margin-bottom:0}
.nd-benefits{display:grid;gap:12px;margin:22px 0}
.nd-benefits>div{display:flex;gap:14px;background:var(--cream-2);border:1px solid var(--line);border-radius:12px;padding:16px 20px}
.nd-benefits .fa{color:var(--coral);flex:0 0 auto;margin-top:4px}
.nd-benefits span{color:var(--ink-2)}
.nd-note{color:var(--muted);font-style:italic}
.nd-steps{list-style:none;padding:0;margin:22px 0;display:grid;gap:14px}
.nd-steps li{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 22px;box-shadow:var(--shadow-sm)}
.nd-steps .n{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--coral),var(--wine));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--serif);font-size:1.15rem}
.nd-steps b{display:block;font-family:var(--serif);color:var(--ink);font-size:1.1rem;margin-bottom:4px}
.nd-steps p{margin:0;font-size:.94rem}
.nd-chapters{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0}
.nd-chapters>div{display:flex;gap:14px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;box-shadow:var(--shadow-sm)}
.nd-chapters .c-n{flex:0 0 auto;width:38px;height:38px;border-radius:50%;background:#FBEDE9;color:var(--coral);display:flex;align-items:center;justify-content:center;font-weight:700;font-family:var(--serif)}
.nd-chapters b{display:block;font-family:var(--serif);color:var(--ink);margin-bottom:3px}
.nd-chapters p{margin:0;font-size:.9rem;line-height:1.5}
.nd-experts{display:grid;gap:0;margin:22px 0;padding:8px 24px;background:var(--cream-2);border-radius:16px;border:1px solid var(--line)}
.nd-experts>div{color:var(--ink-2);font-size:.96rem;padding:12px 0;border-bottom:1px solid var(--line)}
.nd-experts>div:last-child{border-bottom:0}
.nd-experts b{color:var(--ink)}
.nd-sign{font-family:var(--serif);font-style:italic;color:var(--coral);font-size:1.15rem;margin-top:20px !important}
@media(max-width:640px){
  .nd-chapters{grid-template-columns:1fr}
  .nd h2{font-size:1.42rem;margin-top:38px}
  .nd-lead{font-size:1.16rem !important}
  .nd-buy{flex-direction:column;gap:18px;padding:24px}
}

/* ============================================================
   MOBILNI MENI - bogate postavke (ikone + pilule + priporocamo) 2026-07-12
   Desktop NEDOTAKNJEN: nove dekoracije privzeto skrite, prikaz le v .nav-links.open
   ============================================================ */
.mnav-ic,.subrow-ic,.subrow-caret,.mnav-rec{display:none}
@media (max-width:1150px){
  .nav-links.open>li>a{background:rgba(255,255,255,.045)}
  .nav-links.open .mnav-lbl{display:flex;align-items:center;gap:11px;min-width:0}
  .nav-links.open .mnav-ic{display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;color:var(--coral);font-size:1.02rem}
  .nav-links.open .mnav-txt{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .nav-links.open>li.sub-open>.sub{max-height:1400px}
  .nav-links.open .sub{background:rgba(0,0,0,.26)}
  .nav-links.open .sub li{border-bottom:1px solid rgba(255,255,255,.07)}
  .nav-links.open .sub li:last-child{border-bottom:0}
  .nav-links.open .sub a{display:flex;align-items:center;gap:12px}
  .nav-links.open .subrow-ic{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;border:1px solid rgba(214,169,62,.5);color:var(--gold-l);font-size:.82rem}
  .nav-links.open .subrow-tx{flex:1;min-width:0;color:#D8C3B6}
  .nav-links.open .subrow-caret{display:inline-block;flex:0 0 auto;color:var(--gold-l);opacity:.8;font-size:.95rem}
  .nav-links.open .pkg-a{color:var(--gold-l);font-weight:700}
  .nav-links.open .pkg-b{color:#C9B3A6;font-weight:500}
  .nav-links.open .mnav-rec{display:block;margin:6px 4px 4px;padding:12px 12px 10px;border:1px solid rgba(214,169,62,.55);border-radius:12px;background:rgba(214,169,62,.06)}
  .nav-links.open .mnav-rec-h{display:flex;align-items:center;gap:10px;margin-bottom:6px}
  .nav-links.open .mnav-rec-ic{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border-radius:50%;border:1px solid rgba(214,169,62,.6);color:var(--gold-l);font-size:.8rem}
  .nav-links.open .mnav-rec-h b{color:var(--gold-l);font-weight:700;letter-spacing:.01em}
  .nav-links.open .mnav-rec-p{margin:0 0 8px;font-size:.8rem;line-height:1.4;color:#C9B3A6}
  .nav-links.open .mnav-rec .mnav-rec-a{display:flex;align-items:center;gap:9px;color:#E9DBC9;padding:7px 6px;font-size:.9rem;border-radius:8px;font-weight:500;text-align:left}
  .nav-links.open .mnav-rec .mnav-rec-a i{color:var(--gold-l);flex:0 0 auto;font-size:.85rem}
  .nav-links.open .mnav-rec .mnav-rec-a:hover,.nav-links.open .mnav-rec .mnav-rec-a:focus{background:rgba(214,169,62,.12);color:#fff}
}

/* ================= Popravki 73-90 (2026-07-13; vecinoma MOBILNO) ================= */
/* #79 manjsi razmik nad hero naslovom (vse landing: MATCH/VIP/PREMIUM/ELITE) */
.lhero{padding-top:34px}
/* #84 srce-nota pod hero leadom (samo MATCH ima hero_nota) */
.lhero-nota{margin:2px 0 18px;display:flex;gap:9px;align-items:baseline;color:var(--ink-2);font-weight:600}
.lhero-nota .fa{flex:none}
.match-mobile-line,.search-mobile-line,.vip-mobile-line,.premium-mobile-line,.elite-mobile-line,.services-mobile-line{display:inline}
.lhero--match .lbadge .ic,.lhero--vip .lbadge .ic,.lhero--premium .lbadge .ic,.lhero--elite .lbadge .ic{margin-left:auto;margin-right:auto}
@media(max-width:560px){
  .match-mobile-line,.lhero--search-mode .search-mobile-line,.vip-mobile-line,.premium-mobile-line,.elite-mobile-line,.services-mobile-line{display:block}
  .lhero--services .lhero-text{text-align:center}
  .lhero--services .eyebrow{justify-content:center}
  .lhero--services .lead{margin-left:auto;margin-right:auto}
  .lhero--services .lhero-actions{justify-content:center}
  .lhero--search-mode .lhero-text{text-align:center}
  .lhero--search-mode .eyebrow{justify-content:center}
  .lhero--search-mode .lead{margin-left:auto;margin-right:auto}
  .lhero--search-mode .lhero-nota{justify-content:center;text-align:center}
  .lhero--search-mode .lhero-actions{justify-content:center}
}
/* #80 manjsi razmik nad sekcijo Narocilo (Prvi korak do novih poznanstev) */
#narocilo{padding-top:44px}
/* #87 vecji razmik med naslovom Postopek in prvim korakom */
.stzl-nsteps{margin-top:34px}
/* #74 manj praznega prostora pod foto na /storitve (mobilno) */
@media(max-width:980px){.lhero{padding-bottom:26px}}
/* #77 vecji razmik pred prvo skupino (Za boljsa ujemanja) na ceniku dodatnih */
.section-head + .cdd-skupina{margin-top:34px}
/* #78 primerjava: temna group-header vrstica tudi na sodih vrsticah/hover (kontrast) */
/* Nezhna razlicica (Ninka 25.7.2026): vrsticne glave niso vec temne, ostanejo v kremni barvi. */
.cmp tbody tr:nth-child(even) .cmp-row-h,.cmp tbody tr:hover .cmp-row-h{background:var(--cream-2,#FAF4EE);color:var(--ink)}
/* #75 elegantna znacka Naslednji MATCH na domaci */
.hero-next{margin-top:18px;display:inline-flex;align-items:stretch;max-width:100%;background:linear-gradient(180deg,#fff,var(--cream-2));border:1px solid var(--blush-2);border-radius:16px;box-shadow:0 12px 28px -16px rgba(201,48,78,.35);overflow:hidden}
.hero-next .hn-ic{display:flex;align-items:center;justify-content:center;flex:none;width:52px;background:linear-gradient(135deg,var(--coral),var(--wine));color:#fff;font-size:1.15rem}
.hero-next .hn-body{display:flex;flex-direction:column;gap:2px;padding:11px 18px}
.hero-next .hn-label{font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.hero-next .hn-name{font-family:var(--serif);font-weight:700;font-size:1.06rem;color:var(--wine);line-height:1.2}
.hero-next .hn-rok{font-size:.86rem;color:var(--ink-2);font-weight:500}
.hero-next .hn-rok .fa{color:var(--coral);margin-right:4px}
.hero-next .hn-rok b{color:var(--ink);font-weight:700}
/* [Ninka 28.7.2026, tocka 6] Neobvezna dodatna vrstica pod rokom prijave. Izpise se samo,
   ce je v vsebinskem bloku "vstop-match" izpolnjeno polje besedilo. */
.hero-next .hn-info{font-size:.82rem;color:var(--ink-2);margin-top:3px}
@media(max-width:600px){.hero-next{width:100%}.hero-next .hn-ic{width:46px}.hero-next .hn-name{font-size:1rem}}
/* #76 poenotene glave podstrani (mobilno): naslov VEN iz pasu, ostanejo samo drobtine (kot Nacini iskanja) */
@media(max-width:767px){
  .page-hero h1{display:none}
  .page-hero.hero-solo h1{display:block}
  .page-hero .breadcrumb{margin:0}
  .page-hero.hero-solo .breadcrumb{margin:0 0 8px}
}
/* profile-hero (ogled profila) na svetlem mobilnem pasu: citljive barve besedila */
@media(max-width:767px){
  .page-hero.profile-hero .profile-hero-age{color:var(--ink-2)}
  .page-hero.profile-hero .profile-hero-info .eyebrow{color:var(--coral)}
  .page-hero.profile-hero .profile-hero-photo img{border-color:var(--blush-2)}
}

/* Mobilna kartica posamezne dodatne storitve: brez preseganja zaslona. */
@media(max-width:560px){
  .plans{
    width:100%;
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
    grid-template-columns:minmax(0,1fr);
  }
  .plans .plan{
    width:100%;
    min-width:0;
    max-width:100%;
    box-sizing:border-box;
  }
}

/* Ninka 27.7.2026: poenotene glave treh strani dodatnih storitev (pregled, fotografiranje, /storitve):
   gumba v hero sklopu en pod drugim na vseh velikostih zaslona. */
.lhero--profile-review .lhero-actions,
.lhero--photo-order .lhero-actions,
.lhero--services .lhero-actions{flex-direction:column;align-items:center}

/* Kontaktni podatki: zahtevani mobilni prelom pred e-računom. */
/* [Ninka 27.7.2026] Vrednost za dvopicjem: krepko in z ozjim razmakom (privzeti presledek je bil videti kot dva). */
.nav-val{font-weight:600;margin-left:.24em}
.contact-eracun{display:inline}
@media(max-width:560px){
  .account-body .contact-eracun{display:block}
}

/* Pregled profila: popolna sredinska poravnava mobilnega hero sklopa. */
@media(max-width:560px){
  .lhero--profile-review .lhero-text{text-align:center}
  .lhero--profile-review .eyebrow{justify-content:center}
  .lhero--profile-review .lead{margin-left:auto;margin-right:auto}
  .lhero--profile-review .lhero-actions{justify-content:center}
  .lhero--profile-review .lhero-actions .btn{
    width:100%;
    max-width:340px;
    justify-content:center;
  }
.lhero--profile-review .lhero-media{
    width:100%;
    margin-left:auto;
    margin-right:auto;
  }
}

/* Profesionalno fotografiranje: popolna sredinska poravnava mobilnega hero sklopa. */
@media(max-width:560px){
  .lhero--photo-order .lhero-text{text-align:center}
  .lhero--photo-order .eyebrow{justify-content:center}
  .lhero--photo-order .lead{margin-left:auto;margin-right:auto}
  .lhero--photo-order .lhero-actions{justify-content:center}
  .lhero--photo-order .lhero-actions .btn{
    width:100%;
    max-width:340px;
    justify-content:center;
  }
  .lhero--photo-order .lhero-media{
    width:100%;
    margin-left:auto;
    margin-right:auto;
  }
  .photo-note-mobile-line{display:block}
  .extras-price-mobile-line{display:block}
}

/* Poglobljeni pregled profila: zahtevani mobilni prelom v opozorilu. */
.profile-review-mobile-line{display:inline}
@media(max-width:560px){
  .profile-review-mobile-line{display:block}
}

/* Poglobljeni pregled profila: osebni pregled v svoji mobilni vrstici. */
.profile-review-personal-line{display:inline}
@media(max-width:560px){
  .profile-review-personal-line{display:block}
}

/* Mobilni blog: kartice člankov in navigacija se odprejo že ob prvem dotiku.
   Na zaslonih na dotik odstranimo poznejše hover učinke, ki jih iOS Safari
   sicer ob prvem pritisku samo vključi in šele drugi pritisk odpre povezavo. */
@media (hover:none), (pointer:coarse){
  main a.card,
  main a.btn.btn-ghost[href^="/blog/"]{
    touch-action:manipulation;
    transition:none;
    -webkit-tap-highlight-color:transparent;
  }
  main a.card:hover{
    color:var(--wine);
    transform:none;
    box-shadow:var(--shadow-sm);
  }
  main a.card .thumb img,
  main a.card .more i{
    transition:none;
  }
  main a.card:hover .thumb img,
  main a.card:hover .more i{
    transform:none;
  }
  main a.card:hover .more{
    color:var(--wine);
  }
  main a.btn.btn-ghost[href^="/blog/"]:hover{
    background:transparent;
    color:var(--ink);
    border-color:var(--line-2);
    transform:none;
  }
}

/* Mobilni prelomi po uredniških navodilih; namizni prikaz ostane tekoč. */
.mm-mobile-break{display:none}
@media(max-width:767px){
  .mm-mobile-break{display:block}

  /* Članek: kratka drobtinica Domov > Blog, brez ponovljenega naslova. */
  .blog-article-hero .breadcrumb{
    justify-content:center;
  }
  .blog-article-hero .breadcrumb .blog-current-separator,
  .blog-article-hero .breadcrumb .current{
    display:none;
  }
  .blog-article-hero h1{
    margin-top:8px;
    text-align:center;
  }
}


/* ============================================================
   VPRASALNIK, blok pomembnosti (prenova, 1.8.2026)
   Zgornji okvircek = samo besedilo. Dva izbirna okvircka z ikonama.
   Spodnji okvircek = naslov in besedilo. Vsa tri besedila so
   urejevalna v adminu pri vsakem vprasanju posebej.
   ============================================================ */
.wiz-uvod{margin:0 0 16px;color:var(--ink-2);font-size:.95rem;line-height:1.55;text-align:center;text-wrap:balance;-webkit-hyphens:none;hyphens:none}
.wiz-importance .opt-grid.wiz-pomembnost{grid-template-columns:1fr 1fr !important;gap:14px;max-width:560px;margin:0 auto}
.wiz-pomembnost .opt .box{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:7px;padding:18px 14px}
.wiz-pomembnost .opt .box::before{order:3;margin-top:2px}
.wiz-pomembnost .wp-ikona{font-size:1.9rem;line-height:1;color:#9b9baa}
.wiz-pomembnost .opt-vazno .wp-ikona{color:var(--coral)}
.wiz-pomembnost .opt-t{font-size:1rem;font-weight:700;line-height:1.25}
.wiz-pomembnost .opt-s{font-size:.8rem;line-height:1.35}
.wiz-priporocilo .wp-naslov{display:block;margin:0 0 6px;color:var(--gold);font-weight:700}
@media (max-width:380px){
  .wiz-importance .opt-grid.wiz-pomembnost{grid-template-columns:1fr !important}
}

/* ============================================================
   VELIKI ZASLONI (4K in siroki namizni monitorji) - 1.8.2026
   Do 1650px se NE spremeni nic. Nad tem se stolpec vsebine in
   pisava sorazmerno povecata, da stran na velikem zaslonu ne
   deluje kot ozek trak sredi prazne povrsine.
   Korenska velikost (html) je dvignjena zato, da se povecajo
   tudi vsi rem-ovski elementi (.lead, naslovi s clamp), ne le
   tisti, ki dedujejo od body.
   Glava (topbar/nav) se siri skupaj z vsebino, da logotip
   ostane poravnan z robom vsebine.
   ============================================================ */
@media (min-width:1650px){
  html{font-size:17px}
  body{font-size:18px}
  :root{--maxw:1360px}
  .topbar .container,.nav .container{max-width:1500px}
}
@media (min-width:2100px){
  html{font-size:18px}
  body{font-size:19px}
  :root{--maxw:1520px}
  .topbar .container,.nav .container{max-width:1660px}
}


/* ============================================================
   POENOTENA TIPOGRAFIJA IN GUMBI  [Ninka 28.7.2026]
   Tri velikosti: (1) naslovi, (2) uvodni stavki/podnaslovi,
   (3) vsa ostala besedila. Referenca za (3) je bil odstavek
   "Z naso pomocjo je nastalo ze vec kot 3.900 parov...".
   Velja na vstopni in na landing straneh (body.poenoteno).
   NE povecujemo navigacije, topbara, noge, znack in stevilk,
   ker to ni besedilo, ampak vmesnik.
   ============================================================ */

/* (3) OSTALO BESEDILO = 1.16rem */
.poenoteno .trust-card .row,
.poenoteno .trust-strip .ts-item,
.poenoteno .feature p,
.poenoteno .flow-step p,
.poenoteno .plan p,
.poenoteno .plans .plan .prose,
.poenoteno .plans .plan ul li,
.poenoteno .expert-body p,
.poenoteno .story .q,
.poenoteno .story .who,
.poenoteno .tcard blockquote,
.poenoteno .testi .who,
.poenoteno .bcard p,
.poenoteno .ms p,
.poenoteno .mile-text p,
.poenoteno .faq-item summary,
.poenoteno .faq-a,
.poenoteno .faq-a p,
.poenoteno .faq-a li,
.poenoteno .video-2 p,
.poenoteno .cta-band p,
.poenoteno .proc-step p,
.poenoteno .pfeat p,
.poenoteno .offer p,
.poenoteno .offer li,
.poenoteno .qcard,
.poenoteno .qcard p,
.poenoteno .checks li,
.poenoteno .nsteps p,
.poenoteno .whyband p,
.poenoteno .split p,
.poenoteno .cards .card p{font-size:1.16rem;line-height:1.5}

/* (2) UVODNI STAVKI / PODNASLOVI = malo vecji od ostalega besedila */
.poenoteno .home-hero .intro,
.poenoteno .lhero .lead,
.poenoteno .lhero .lead p,
.poenoteno .page-hero .lead{font-size:1.3rem;line-height:1.45}

/* Ikone v kartici zaupanja naj sledijo besedilu */
.poenoteno .trust-card .row i{font-size:1.16rem}
.poenoteno .trust-strip .ts-item i{font-size:1.1rem}

/* ---- GUMBI: povsod eden pod drugim, vecji, z vec zraka ---- */
.poenoteno .home-hero-actions,
.poenoteno .lhero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:32px}
.poenoteno .lhero-actions{align-items:center}
.poenoteno .home-hero-actions .btn,
.poenoteno .lhero-actions .btn{font-size:1.06rem;padding:19px 40px;min-width:290px;justify-content:center;text-align:center}

@media (max-width:900px){
  .poenoteno .home-hero-actions{align-items:center}
}
@media (max-width:560px){
  .poenoteno .trust-card .row,
  .poenoteno .trust-strip .ts-item,
  .poenoteno .feature p,
  .poenoteno .flow-step p,
  .poenoteno .plan p,
  .poenoteno .plans .plan .prose,
  .poenoteno .plans .plan ul li,
  .poenoteno .expert-body p,
  .poenoteno .story .q,
  .poenoteno .story .who,
  .poenoteno .tcard blockquote,
  .poenoteno .testi .who,
  .poenoteno .bcard p,
  .poenoteno .ms p,
  .poenoteno .mile-text p,
  .poenoteno .faq-item summary,
  .poenoteno .faq-a,
  .poenoteno .faq-a p,
  .poenoteno .faq-a li,
  .poenoteno .video-2 p,
  .poenoteno .cta-band p,
  .poenoteno .proc-step p,
  .poenoteno .pfeat p,
  .poenoteno .offer p,
  .poenoteno .offer li,
  .poenoteno .qcard,
  .poenoteno .qcard p,
  .poenoteno .checks li,
  .poenoteno .nsteps p,
  .poenoteno .whyband p,
  .poenoteno .split p,
  .poenoteno .cards .card p{font-size:1.08rem}
  .poenoteno .home-hero .intro,
  .poenoteno .lhero .lead,
  .poenoteno .lhero .lead p,
  .poenoteno .page-hero .lead{font-size:1.18rem}
  .poenoteno .home-hero-actions .btn,
  .poenoteno .lhero-actions .btn{min-width:0;width:100%;max-width:340px;padding:18px 26px}
}

/* ============================================================
   DOPOLNITEV NORMALIZACIJE  [Ninka 28.7.2026, drugi krog]
   Ninka: "Naj se uskladi vse. Imejva max 3 razlicne velikosti.
   Naslov. Podnaslov. Besedila." Spodaj so mesta, ki so ostala
   manjsa od dogovorjenih 1.16rem, plus zracnost naslovov v
   vsebinskih straneh (Splosni pogoji ipd.).
   ============================================================ */

/* --- besedila, ki so bila premajhna --- */
.poenoteno .feat p,                 /* kartice Kaj vse pocnemo (O NAS) - bilo 0.92rem */
.poenoteno .cdd-item p,             /* opisi na Ceniku dodatnih storitev - bilo 0.93rem */
.poenoteno .cmp td,                 /* celice primerjalne tabele - bilo 0.93rem */
.poenoteno .prose,
.poenoteno .prose p,
.poenoteno .prose li,
.poenoteno .prose td,
.poenoteno .stat label,
.poenoteno .statband .s label{font-size:1.16rem;line-height:1.5}

/* imena storitev in cene na ceniku dodatnih storitev */
.poenoteno .cdd-head h3{font-size:1.16rem}
.poenoteno .cdd-cena{font-size:1.16rem}
.poenoteno .cdd-cena small{font-size:.95rem}

/* --- stevilke na temnih pasovih: ista pisava kot naslovi --- */
/* Ninka: "te stevilke na temni podlagi niso enakega fonta kot preostalo besedilo" */
.poenoteno .stat .num,
.poenoteno .statband .s .num{font-family:var(--serif)}

/* --- naslovi v vsebinskih straneh naj dihajo --- */
.poenoteno .prose h2{font-size:1.9rem;margin:2.1em 0 .75em}
.poenoteno .prose h3{font-size:1.45rem;margin:1.9em 0 .6em}
.poenoteno .prose h4{font-size:1.25rem;margin:1.8em 0 .55em}
.poenoteno .prose h2:first-child,
.poenoteno .prose h3:first-child,
.poenoteno .prose h4:first-child{margin-top:0}

/* Prelomi vrstic v vsebini naj dihajo. Ninka v urejevalniku ne more narediti
   praznih vrstic (Shift+Enter da <br>), zato jim damo zracnost v slogu.
   Kazalo (seznami) ostane nedotaknjeno. */
.poenoteno .prose p br{display:block;content:"";margin-bottom:.45em}
.poenoteno .prose ul br,
.poenoteno .prose ol br{display:inline;margin-bottom:0}

/* gumbi pod primerjalno tabelo: vec zraka nad njimi */
.poenoteno .cmp-cta,
.poenoteno .cmp-wrap + p,
.poenoteno .cmp-wrap + div{margin-top:42px}

@media (max-width:560px){
  .poenoteno .feat p,
  .poenoteno .cdd-item p,
  .poenoteno .cmp td,
  .poenoteno .prose,
  .poenoteno .prose p,
  .poenoteno .prose li,
  .poenoteno .prose td,
  .poenoteno .stat label,
  .poenoteno .statband .s label{font-size:1.08rem}
  .poenoteno .cdd-head h3,
  .poenoteno .cdd-cena{font-size:1.08rem}
  .poenoteno .prose h2{font-size:1.6rem}
  .poenoteno .prose h3{font-size:1.32rem}
  .poenoteno .prose h4{font-size:1.18rem}
}

/* ============================================================
   NAVPICNE CRTE MED PAKETI IN VECJI GUMBI  [Ninka 28.7.2026]
   ============================================================ */

/* Sive navpicne locnice med stolpci paketov v primerjalni tabeli. */
.poenoteno .cmp th + th,
.poenoteno .cmp td + td{border-left:1px solid var(--line)}
.poenoteno .cmp thead th + th{border-left:1px solid var(--line)}

/* Gumbi razreda .btn naj sledijo dogovorjeni velikosti besedila. */
.poenoteno .btn{font-size:1.02rem}
.poenoteno .btn-lg{font-size:1.08rem;padding:18px 40px}

/* Prelom, ki ga uporabljamo za lepsi razpored vrstic v uvodnih stavkih. */
.mm-prelom{display:inline}
@media (max-width:700px){.mm-prelom{display:none}}

@media (max-width:820px){
  /* V mobilnem pogledu je tabela zlozena v kartice, zato locnic ne rabimo. */
  .poenoteno .cmp td + td{border-left:0}
}

/* ============================================================
   VSEBINSKE STRANI: RAZMIKI IN GUMBI  [Ninka 28.7.2026]
   ============================================================ */

/* Manj prostora med naslovom strani in zacetkom besedila. */
.poenoteno .stran-vsebina{padding-top:26px}

/* Naslovi v vsebini naj dihajo tudi, kadar so oblikovani kot krepko besedilo
   znotraj odstavka (tako jih Ninka pise v urejevalniku). */
.poenoteno .prose p > strong:only-child{display:inline-block;margin-top:.7em}
.poenoteno .prose p:first-child > strong:only-child{margin-top:0}

/* Gumbi, ki so <button> in so zato izgubili pisavo strani. */
.poenoteno .withdrawal-print,
.poenoteno button.terms-action{font-family:inherit;font-size:1.02rem;font-weight:600;line-height:1.2}

/* Pojasnilo v pasici piskotkov naj se zacne v novi vrstici. */
.poenoteno .cc-text .cc-more,
.cc-panel .cc-more{display:block;margin-top:8px}

@media (max-width:560px){
  .poenoteno .stran-vsebina{padding-top:18px}
}

/* ============================================================
   VPRASALNIK: RAZMEJITEV IN EN STOLPEC  [Ninka 28.7.2026]
   ============================================================ */

/* 55: jasnejsa navpicna razmejitev med "Jaz sem" in "Pri partnerju zelim" */
.wiz-cols{position:relative}
@media (min-width:681px){
  /* [2026-08-29] prej od 861 px; v pasu 681-860 px (tablice pokoncno) sta bila
     stolpca dva, a brez crte in razmika - zdaj crta velja povsod, kjer sta stolpca. */
  .wiz-cols > div:first-child{padding-right:26px;border-right:1px solid var(--line)}
  .wiz-cols > div:last-child{padding-left:26px}
}

/* 57-59: vprasanja z dolgimi odgovori v enem stolpcu, sirse okence */
.opt-grid.wiz-en-stolpec{grid-template-columns:1fr;max-width:640px;margin-left:auto;margin-right:auto}
.opt-grid.wiz-en-stolpec .opt .box{padding:16px 18px}

/* 60: vec zraka med vprasanjem in odgovori */
.wiz-q{margin-bottom:6px}
.wiz-q + .opt-grid,
.wiz-hint + .opt-grid,
.wiz-q + .wiz-cols,
.wiz-hint + .wiz-cols{margin-top:28px}

/* ============================================================
   OKENCE NASLEDNJI MATCH  [Ninka 28.7.2026]
   Vec zraka nad okencem, da ne visi tik pod gumboma.
   ============================================================ */
.poenoteno .hero-next{margin-top:38px}
@media (max-width:600px){.poenoteno .hero-next{margin-top:28px}}

/* ============================================================
   DROBNI RAZMIKI V VSEBINI  [Ninka 28.7.2026]
   ============================================================ */

/* 40: naslov v okvircku (npr. Kako posljete izjavo?) naj ima zracnost okoli sebe. */
.poenoteno .prose .withdrawal-note{padding:24px 26px;margin:28px 0}
.poenoteno .prose .withdrawal-note h3{margin-top:0;margin-bottom:12px}

/* 44: krepko besedilo, ki sledi prelomu vrstice, deluje kot podnaslov (npr. Odgovorna oseba
   na Vizitki podjetja). Ninka v urejevalniku ne more narediti prazne vrstice, zato mu damo
   zracnost s slogom. */
.poenoteno .prose p br + strong,
.poenoteno .prose p br + b{display:inline-block;margin-top:1em}

/* ===== OBRAZEC ZA ODSTOP (Ninka, tocka 40) =====================================
   Naslova "Kako posljete izjavo?" in "OBRAZEC ZA UVELJAVITEV..." sta prvi otrok
   svojega okvirja, zato jima pravilo :first-child pobrise zgornji rob in sta bila
   stisnjena ob rob okvirja ter ob besedilo pod sabo. Prostor zato dodamo okvirju
   in pod naslov, da naslova dihata. */
.poenoteno .prose .withdrawal-note{padding-top:30px}
.poenoteno .prose .withdrawal-note h3{margin-bottom:16px}
.poenoteno .prose .withdrawal-document{padding-top:44px}
.poenoteno .prose .withdrawal-document h2{margin-bottom:16px;line-height:1.35}
@media (max-width:640px){
	.poenoteno .prose .withdrawal-note{padding-top:24px}
	.poenoteno .prose .withdrawal-document{padding-top:32px}
}

/* ===== PASICA NA VSEH STRANEH (Ninka, tocka 11) ==============================
   Vsebina prihaja iz vsebinskega bloka 'pasica-vse-strani'. Pasica stoji tik nad
   nogo in je vidna na vseh straneh; ce je blok prazen, se sploh ne izrise. */
.pasica-vse{background:var(--cream2,#FBF3EE);border-top:1px solid var(--line,#e7ddd6);border-bottom:1px solid var(--line,#e7ddd6)}
.pasica-vse .container{padding-top:22px;padding-bottom:22px;text-align:center;font-size:1.08rem;line-height:1.55}
.pasica-vse p{margin:0 0 8px}
.pasica-vse p:last-child{margin-bottom:0}
.pasica-vse a{color:var(--coral,#C9304E);font-weight:600;text-decoration:underline}
.pasica-vse img{max-width:100%;height:auto;border-radius:10px;margin:6px 0}
@media (max-width:640px){
	.pasica-vse .container{padding-top:18px;padding-bottom:18px;font-size:1rem}
}

/* ============================================================
   POENOTENJE PISAV, 2. KROG  [Ninka 29.8.2026: 'eni fonti so se vedno premajhni']
   Sistematicna meritev vseh strani je pokazala vsebinska besedila, ki so usla
   poenotenju na 1.16rem (18,56 px), ker imajo lastna, starejsa pravila:
   izjave, odgovori V&O, besedila na predstavitvah nacinov iskanja, povzetki
   kartic, vrstice paketov na ceniku, vrstice primerjave. Namerno majhni
   elementi (meni, drobtinice, nadnaslovi, znacke, noga) ostajajo nespremenjeni.
   ============================================================ */
/* Izjave strank (bilo 1.04rem) */
.poenoteno .izjava-text{font-size:1.16rem}
/* Povzetki kartic: blog, zgodbe, storitve, o-nas (bilo .98rem) */
.poenoteno .card .excerpt{font-size:1.16rem}
/* V&O: vprasanje in odgovor (bilo 1.05rem / 17px) */
.poenoteno .acc-head{font-size:1.16rem}
.poenoteno .acc-body .inner{font-size:1.16rem}
/* Predstavitve nacinov iskanja (bilo .9rem-1.14rem) */
.poenoteno .why p{font-size:1.16rem}
.poenoteno .why h4{font-size:1.16rem}
.poenoteno .stz-lead{font-size:1.3rem}
.poenoteno .stz-povzetek li{font-size:1.16rem}
.poenoteno .lhero-nota{font-size:1.16rem}
.poenoteno .offer .price small{font-size:1rem}
/* Cenik nacinov iskanja: vrstice paketov (bilo .94rem) */
.poenoteno .pcard-lines li{font-size:1.16rem}
.poenoteno .pcard-more{font-size:1rem}
/* Primerjava: naslovi vrstic (bilo .95rem; celice so ze poenotene) */
.poenoteno .cmp-row-h{font-size:1.16rem}
/* Vstopna: naslovi korakov in povezava pod izjavami */
.poenoteno .flow-step h4{font-size:1.16rem}
.poenoteno .tcard-more{font-size:1rem}

/* Mobilnik: isti vzorec kot obstojece poenotenje (1.08rem telo, 1.18rem uvod) */
@media (max-width:820px){
	.poenoteno .izjava-text,
	.poenoteno .card .excerpt,
	.poenoteno .acc-head,
	.poenoteno .acc-body .inner,
	.poenoteno .why p,
	.poenoteno .why h4,
	.poenoteno .stz-povzetek li,
	.poenoteno .lhero-nota,
	.poenoteno .pcard-lines li,
	.poenoteno .flow-step h4{font-size:1.08rem}
	.poenoteno .stz-lead{font-size:1.18rem}
}