/* Pisava za glavni meni: zaobljena, rahlo zozena (mora biti na vrhu datoteke) */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&display=swap');

:root {
	--max_sirina: 1600px;
	--temno_siva: #696C6D;
	--svetlo_siva: #e7e6e6;
	--roza: #f1e1da;
	--zelena: #cce981;

	/* Facelift 2026 - dodatne barve */
	--zelena_temna: #b8d86a;
	--roza_temna: #D4C0C3;
	--roza_akcent: #AE9A9A;
	--roza_allura: #efd8d1;
	--siva_cena: #a99a9e;
	--ozadje_svetlo: #f7f7f8;
	--ozadje_modro: #eceff4;
	--besedilo: #1f2021;

	/* Soft Blush paleta */
	--blush_50: #fdf8f6;
	--blush_100: #faeee9;
	--rose_300: #eac3ba;
	--rose_400: #e3a9a0;
	--rose_500: #d98f8a;
	--rose_600: #b85f5b;
	--ink: #2d2427;
	--muted: #8c7f83;
	--crta: #f1e4df;
	--lime: #a3cb3a;
	--lime_dark: #6f9a1e;
	--lime_300: #dcebb5;
	--lime_ink: #2f4a0c;
	--lime_soft: #f2f8e4;
	--gutter: clamp(16px, 3vw, 40px);
	--banner_gap: 12px;
	--gradient_rose: linear-gradient(135deg, #f8e8e2 0%, #f0d3ca 100%);
	--gradient_rose_hover: linear-gradient(135deg, #f0d3ca 0%, #e3a9a0 100%);
	--senca_rose: 0 22px 44px -18px rgba(185, 95, 91, .30), 0 10px 24px -14px rgba(163, 203, 58, .35);

	/* Facelift 2026 - oblike, sence, gibanje */
	--radius_sm: 10px;
	--radius: 18px;
	--radius_lg: 26px;
	--senca_sm: 0 1px 2px rgba(20, 20, 20, .06), 0 2px 8px rgba(20, 20, 20, .05);
	--senca_md: 0 8px 24px rgba(20, 20, 20, .08), 0 2px 6px rgba(20, 20, 20, .05);
	--senca_lg: 0 18px 40px rgba(20, 20, 20, .12), 0 4px 12px rgba(20, 20, 20, .06);
	--ease: cubic-bezier(.4, 0, .2, 1);
	--ease_out: cubic-bezier(.16, 1, .3, 1);
	--hitro: .2s;
	--srednje: .35s;
	--pocasi: .6s;
}
 
* {
 	font-family: 'Montserrat', sans-serif;
 }

h2 {
 	font-size: 22px;
 	text-align: center;
  	text-transform: uppercase;
  	font-weight: 600;
 }

h3 {
	font-size: 22px;
	font-weight: 500;
} 

h4 {
 	text-transform: uppercase;
 	font-size: 16px;
 	margin-bottom: 0px;
 	line-height: 210%; 
 	text-align: center;
 }


img, .popup_content img {
    height: auto; 
}

.popup_content img {
    height: auto !important;
}

/*******************************/
/* Common                       */

.navigation, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, /*.page-wrapper > .page-bottom,*/ .block.category.event, .top-container, .page-main {
    max-width: var(--max_sirina) !important; 
}

.navigation .level0.parent > .level-top > .ui-menu-icon:after {
    position: absolute;
    font-size: 30px !important;
    top: -9px !important;
    left: -14px !important;
}

.navigation .level0 {
    margin-left: 8px !important;
}

.page-wrapper > .page-bottom, .izobrazevanje, .breadcrumbs {
	max-width: 100% !important;
}

.breadcrumbs .items {
    max-width: 1600px;
    margin: 0 auto;
}

.page-wrapper > .breadcrumbs, .page-wrapper > .top-container, .page-wrapper > .widget {
    margin-top: 10px;
}

.nav-sections {
    background: #fff;
 }

.product-item .price-box {
    margin: 10px 0 10px;
}

.product-item-actions .actions-secondary {
	padding-top: 5px;
}

.message.error {
    background: var(--zelena);
    color: #000;
}

.message.error > *:first-child:before,
.message.notice > *:first-child:before,
.message.success > *:first-child:before,
.message.info > *:first-child:before {
    display: none !important;
}

.message a {
    color: #000 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.message a:hover {
    color: #000 !important;
    font-weight: 700 !important;
    text-decoration: underline !important;
}

.message.notice {
    background: var(--zelena);
    color: var(--temno_siva);
}

html[lang=en] .price-wrapper.price-excluding-tax span {
    color: #000;
    font-size: 1.8rem !important;
    font-weight: 700;
}

html[lang=en] .price-wrapper.price-including-tax span {
    color: var(--siva_cena);
    font-size: 1.2rem !important;
    font-weight: 500;
}

html[lang=en] .level0.last, html[lang=de] .level0.last {
    display: none !important;
}

 /* Glava */

.logo {
    margin: 0px !important;
    padding: 0px 0px 10px 20px;
}

.logo img {
    height: 90px;
    width: auto;
}

.header.content > li {
	display: inline;
	float: right;
	padding-right: 25px;
	text-align: right;
}

.header.content a {
	text-decoration: none;
	color: #000;
}

.header_content a {
    padding-right: 15px;
}

.header_content img {
	width: 25px;
	padding-right: 10px;
}

.minicart-wrapper {
	margin-left: 0px !important;
    padding-right: 15px;
}

.action.advanced {
	display: none;
}

.header_content {
	display: inline-block;
	border-left: 1px solid var(--svetlo_siva);
	border-right: 1px solid var(--svetlo_siva);
	padding: 0px 0px 0px 30px;
	float: right;
	margin: 0 20px 0px 30px;
    line-height: 0px;
}

.header.content {
    padding: 0px !important;
    padding-top: 20px !important;
}

.navigation ul {
	width: auto;
	text-align: right;
}

.navigation li {
	text-align: left !important;
}

.navigation .level0 .submenu {
	padding: 0px !important;
}

.navigation .level0 .submenu .active > a {
    border: none !important;
    font-weight: 800;
}

.navigation .level0 .submenu a:hover, .navigation .level0 .submenu a.ui-state-focus {
    background: var(--lime_soft) !important;
}



.header.content > li > a[href*="customer/account"] {
	background:url(/pub/media/ikone/user.png);
	background-size: 27px 27px;
	background-repeat: no-repeat;
	font-size:0px;
	width:27px;
	height:27px;
	display: block;
}

.header.content > li > a[href*="wishlist"] {
	background:url(/pub/media/ikone/wish-list.png);
	background-size: 28px 28px;
	background-repeat: no-repeat;
	font-size:0px;
	width:28px;
	height:28px;
	display: block;
}

.minicart-wrapper > a {
	background:url(/pub/media/ikone/shoping-cart.png);
	width:28px;
	height:28px;
	background-repeat: no-repeat;
	background-size: 28px;
}

.minicart-wrapper .action.showcart:before {
	content: none !important;
}

.actions-secondary .action.towishlist {
	background:url(/pub/media/ikone/wish-list.png);
	width:25px;
	height:25px;
	background-repeat: no-repeat;
	background-size: 25px;
	margin-left: 5px;
	transition: transform var(--hitro) var(--ease);
}

.actions-secondary .action.towishlist:before {
	content: none !important;
}

.actions-secondary .action.towishlist:hover {
	transform: scale(1.15);
}

.product-item .special-price {
    text-align: center;
    width: 100%;
}

.old-price, .old.price {
    text-align: center;
    width: 100%;
}

.minicart-wrapper .action.showcart .counter.qty {
    background: var(--roza);
    color: #000;
    height: 18px;
    line-height: 18px;
    border-radius: 100px;
    margin: 1px 0 0;
    padding: 0 1px;
    width: 16px;
    font-size: 10px;
    position: absolute;
    left: 15px;
    top: 15px;
}

.product-item-pricing, .minicart-items-wrapper.overflowed .product-item-name {
	text-align: left;
}

.minicart-items-wrapper .product-item-name {
    text-align: left !important;
    min-height: 0px !important;
}

.block.block-minicart.ui-dialog-content.ui-widget-content .minicart-items-wrapper {
	height: auto !important;
}

.header.content input[type="text"] {
   height: 30px;
}

/* store language */
.switcher.language.switcher-language, .page-header .switcher .options ul.dropdown a {
    float: right;
    margin-top: 0px;
}

.switcher.language.switcher-language {
    margin-right: 20px;
    padding-right: 15px;
    border-right: 1px solid var(--svetlo_siva);
    height: 36px;
}

.page-header .switcher .options ul.dropdown a {
    padding: 0px 8px;
}

.switcher.language.switcher-language a {
    margin:0;
    padding:0;
}

.page-header .switcher .options ul.dropdown {
    list-style: none;
    border: none;
    margin-top: 4px;
    min-width: 0px;
    display: inline-block;
    position: relative;
    top: 0;
    box-shadow: none;
    padding-top: 6px;
    padding-left: 0;
}

.page-header .switcher .options .action.toggle {
    padding: 0px 8px;
}

.page-header .switcher .options ul.dropdown li {
    display: inline-block;
}

.page-header .switcher .options .action.toggle:after, .page-header .switcher .options ul.dropdown:before, .page-header .switcher .options ul.dropdown:after, .page-header .switcher .options ul.dropdown:after, .page-header .switcher .options .action.toggle, .cms-home .action.tocompare, .actions-secondary .action.tocompare  {
    display: none;
}


.page-header .switcher strong, .page-header .switcher li, .page-header .switcher li a {
    font-style: normal;
    font-weight: 400;    
    font-size: 1.4rem;
}

.page-header .switcher strong {
    font-weight: 700;
    color: var(--roza);
    display: none;
}

.header.content .minicart-wrapper a, .header.content .link.wishlist a {
    margin-top:0px;
}

/*  Noga */

 .footer_sub_content {
 	float: left;
 	display: inline;
 	width: 20%;
 	text-align: center;
 }

 .footer_sub_content img {
 	display: block;
 	margin: 10px auto;
 	width: 180px;
 }

 .footer_sub_content a {
 	color: var(--temno_siva);
 	transition: color var(--hitro) var(--ease), text-decoration-color var(--hitro) var(--ease);
 }

.footer_sub_content a:hover, .alink:hover, .footer_sub_content a:visited, .alink:visited {
    color: var(--temno_siva);
    text-decoration: none;
}

.footer_sub_content a:hover, .alink:hover {
	color: #000;
	text-decoration: underline;
	text-decoration-color: var(--zelena);
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

.authorization-link {
    display: block;
}

.footer_social {
	position: relative;
	border-bottom: 1px solid var(--svetlo_siva);
	float: left;
    width: 100%;
    margin-bottom: 30px;
}

.footer_social_links {
	width: 170px;
    margin: 0 auto;
    margin-bottom: -35px;
    background-color: #fff;
}

 .footer_social p {
 	width: 100%;
 	text-align: center;
}

.footer_social_links img {
	width: 40px;
	padding: 0px 5px;
}

.copyright {
 	display: block;
 	width: 100%;
 	text-align: center;
 	color: var(--temno_siva);
    float: left;
    margin-right: 0px !important;
    padding-bottom: 10px;
}

.footer .copyright {
    margin: 10px 0 0;
}

 .footer.content {
    border-top: none;
    margin-top: 0px;
    padding-top: 0px;
}



 /******************************/
/* Home              */

.cms-home #banner-slider-carousel {
    margin-top: 0px;
    margin-bottom: 0px;
}

.cms-home .page-title {
    display: none !important;
}

.navigation {
    background: #fff !important;
}

.cms-home .product-item-name, .cms-home .product-item-actions {
	text-align: center;
}

.product-item-name a {
	font-weight: bolder;
	text-transform: uppercase;
    margin: 10px 0px
}

.product-item-name a:hover {
    text-decoration: none;
}

.cms-home .action.primary {
	font-size: 12px;
}

.cms-home .short_description, .catalog-category-view .short_description, .cms-home .short_description p, .catalog-category-view .short_description p, .catalogsearch-result-index .short_description p, .page-products.page-with-filter.catalogsearch-result-index .short_description {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    color: var(--siva_cena);
    text-align: center;
    font-size: 12px;
    margin-bottom: 0px;
}

.cms-home .short_description, .catalog-category-view .short_description, .page-products.page-with-filter.catalogsearch-result-index .short_description {
    min-height: 52px;
}


.product-item {
	position: relative;
	isolation: isolate;
}

.product-item-name {
     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    min-height: 44.8px;
}

.cms-home .product-item-name {
    font-size: 16px;
}

.storitve {
    padding-top: 20px;
}

.storitve .widget.block.block-static-block img {
    width: auto;
    height: 60px;
}

.storitve p {
    font-size: 16px;
    font-weight: 500;
}

.storitve td {
    background: var(--roza);
    vertical-align: middle;
}

.storitve table {
    border-collapse: separate !important;
    border-spacing: 50px;
}

.storitve .block-static-block.widget {
    margin-top: 0px;
}

.love_what_we_do {
	background-color: #fbfbfb;
}

.love_what_we_do_1600 {
	text-align: center;
	width: 70%;
    margin: 0 auto;
    padding-bottom: 50px;
    padding-top: 50px;
    overflow: hidden;
}

.love_what_we_do_1600 h2 {
	position: relative;
	z-index: 2;
}

.love_what_we_do_1600 > p:nth-child(2) {
    color: var(--roza);
    font-size: 140px;
    margin-top: -110px;
    opacity: 70%;
    font-family: Allura;
    line-height: 90%;
    position: relative;
    z-index: 1;
	transition: transform var(--pocasi) var(--ease_out);
}

.love_what_we_do:hover .love_what_we_do_1600 > p:nth-child(2) {
    transform: scale(1.1);
}

.love_what_we_do_1600 td {
	width: 25%;
}

.love_what_we_do_1600 td p:nth-child(2) {
	font-weight: 900;
	text-transform: uppercase;
}

.love_what_we_do_1600 td p:last-child {
	font-size: 12px;
	color: var(--temno_siva);
} 

.cms-home .block-title, .abs-account-blocks .block-title > strong, .block-compare .block-title > strong, .block-giftregistry-results .block-title > strong, .block-giftregistry-shared-items .block-title > strong, .block-wishlist-search-results .block-title > strong, .block-reorder .block-title > strong, .widget .block-title > strong, .block-wishlist .block-title > strong, .account .column.main .block:not(.widget) .block-title > strong, .multicheckout .block-title > strong, .paypal-review .block .block-title > strong, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > strong, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title > strong, .sales-guest-view .column.main .block:not(.widget) .block-title > strong {
	font-size: 18px;
 	text-align: center !important;
 	font-weight: 600;
 	text-transform: uppercase;
 	padding-bottom: 20px;
 }

 .slider_levo {
 	float: left;
 	margin-top: 40px;
 	width: 49%;
 }

 .slider_desno {
 	float: right;
 	margin-top: 40px;
 	width: 49%;
}

 .slider_desno img, .slider_levo img {
 	width: 100% !important;
 	height: auto;
}

 .cms-home .novice {
 	width: 100%;
}

 .cms-home .bottom_novice_1600 {
	max-width: 1600px;
    overflow: hidden;
    margin: 0px auto; 
    padding: 0 15px;
    padding-top: 50px;
    position: relative;
}

.cms-home .bottom_novice_1600  > p {
    color: var(--roza);
    font-size: 120px;
    margin: -60px 0px 130px 0px;
    opacity: 70%;
    font-family: Allura;
    position: relative;
    line-height: 10%;
    z-index: 1;
    text-align: center;
	transition: transform var(--pocasi) var(--ease_out);
}

.cms-home .bottom_novice_1600 > h2 {
	position: relative;
	z-index: 2;
}

.cms-home .blog__post-list-wrapper .blog__post-list .blog__post-item {
    border-bottom: none;
    width: 49%;
    margin-bottom: 0px;
    display: inline-table;
    vertical-align: top;
}

.novice:hover .bottom_novice_1600  > p {
	transform: scale(1.1);
}

.cms-home .blog__post-list-wrapper .blog__post-list {
     margin-bottom: 0px;
}

.cms-home .blog__post-item .blog__post-excerpt > img, .blog__post-item .blog__post-excerpt > a > img {
    max-width: 50%;
}

.cms-home .blog__post-title a {
	text-transform: uppercase;
    font-size: 18px !important;
    font-weight: 600;
}

.cms-home .blog__post-excerpt p {
    text-align: left;
    padding-right: 20px;
    overflow: hidden;
}

.cms-home .blog__post-item .blog__post-excerpt .read-more, .blog__post-item .blog__post-excerpt .read-more {
    color: #000;
    text-decoration: none;
    background-color: var(--roza);
    padding: 4px 10px;
    border-radius: 30px;
    display: inline-block;
    float: right;
    margin-right: 20px;
}

.cms-home .blog__post-item .blog__post-excerpt .read-more:hover, .blog__post-item .blog__post-excerpt .read-more:hover {
	color: var(--besedilo);
	background-color: var(--roza_temna);
}

.cms-home .block.blog__main-recent .block-title {
	display: none;
}


 .page-bottom {
 	width: 100% !important;
 	padding-left: 0px !important;
 	padding-right: 0px !important;
}

 .izobrazevanje {
  	background:url(/pub/media/ikone/bg_home.jpg);
  	background-size: cover;
  	padding-top: 20px;
 }

.bottom_izobrazevanje_1600 {
	text-align: center;
	max-width: 1600px;
    margin: 0 auto;
    padding-bottom: 40px;
    padding-top: 20px;
    overflow: hidden;
}

.bottom_izobrazevanje_1600 td {
	background-color: #fff;
	border-radius: var(--radius);
	transition: transform var(--srednje) var(--ease_out), box-shadow var(--srednje) var(--ease);
	width: 25% !important;
	padding-bottom: 40px;
}

.bottom_izobrazevanje_1600 table {
	border-spacing: 50px;
}

.bottom_izobrazevanje_1600 table p {
	font-size: 14px;
	line-height: 90%;
	font-weight: 600;
	font-style: italic;
}

.bottom_izobrazevanje_1600 td p:nth-child(4) {
	font-size: 40px;
	color: var(--zelena);
	font-style: normal;
	font-family: Allura;
	padding: 0;
}

.bottom_izobrazevanje_1600 a {
	text-decoration: none;
	text-transform: uppercase;
	color: #000;
	background-color: var(--roza);
    border: none;
    padding: 5px 30px;
    border-radius: 30px;
    font-style: normal;
}

.bottom_izobrazevanje_1600 > p:nth-child(2) {
    color: var(--roza);
    font-size: 110px;
    margin-top: -20px;
    opacity: 70%;
    font-family: Allura;
    line-height: 10%;
    position: relative;
    z-index: 1;
	transition: transform var(--pocasi) var(--ease_out);
}

.bottom_izobrazevanje_1600 h2, .bottom_izobrazevanje_1600 p {
	position: relative;
	z-index: 2;
} 

.izobrazevanje:hover .bottom_izobrazevanje_1600 > p:nth-child(2) {
	transform: scale(1.2);
}

.bottom_izobrazevanje_1600 a:hover {
	background: var(--roza_temna);
	color: var(--besedilo);
}

.bottom_izobrazevanje_1600 a:focus, .bottom_izobrazevanje_1600 a:active {
    background: var(--roza_akcent);
}

.bottom_izobrazevanje_1600 td:hover {
	transform: translateY(-6px);
	box-shadow: var(--senca_lg);
}

.widget.block.block-static-block td {
	height: auto !important;
	text-align: center;
}

.widget.block.block-static-block img {
	width: 200px;
	height: auto;
}

.cms-home .block-title {
	padding: 50px 0px;
	margin-bottom: 0px;
}


.cms-home .grid:first-of-type .block-title {
    padding-top: 0px;
}

.block, .sidebar .widget.block:not(:last-child), .sidebar .widget:not(:last-child), .block-banners, .block-banners-inline {
    margin-bottom: 0px !important;
}

.page-layout-1column .block.widget .products-grid .product-item {
    margin-bottom: 0px !important;
}

.cms-home .columns .column.main {
    padding-bottom: 30px;
}

.block-static-block.widget, .block-cms-link.widget {
    margin-top: 40px;
}

.newsletter_block {
	width: 100%;
	background-color: var(--ozadje_modro);
	overflow: hidden;
}

.newsletter_block_1600 {
	max-width: 1600px;
	margin: 0 auto;
	padding: 60px 0px;
}

.newsletter_block_1600 h2 {
	text-align: right;
	line-height: 0%;
	padding-right: 60px;
	z-index: 2;
	position: relative;
}

.newsletter_block_1600 td:first-child p {
	text-align: right;
	font-family: Allura;
    font-size: 120px;
    margin-top: -110px;
    color: white;
    z-index: 1;
    position: relative;
    padding-right: 30px;
	transition: transform var(--pocasi) var(--ease_out);
}

.newsletter_block_1600 td:last-child p {
	font-size: 12px;
	margin-top: -25px;
}

.newsletter_block:hover td:first-child p {
	transform: scale(1.05);
}

.block.newsletter input {
     height: 55px;
     margin-right: 0px;
     width: 400px;
}

.block.newsletter {
    padding-top: 50px;
}

.block.newsletter .action.subscribe {
    height: 55px;
    margin-left: 10px;
    font-size: 14px;
}

.block.newsletter .field .control:before {
    padding-top: 12px;
}

.newsletter_block p:nth-child(2) {
	text-align: center;
	padding-right: 300px;
	padding-left: 300px;
}

.newsletter input:after {
    background-color: var(--zelena) !important;
}

.message.success {
    margin: 10px 0px;
    background: var(--zelena);
    color: var(--temno_siva);
}

.message.success a:hover {
    color: var(--temno_siva);
    font-weight: 600;
    text-decoration: none;
}

.message.success a {
    color: var(--temno_siva);
}

.cms-home .product-image-container .popust {
    font-size: 2.2rem !important;
}

.catalog-product-view .product.media .novo {
    font-size: 4rem;
}



/*******************/
/* Popusti in Novo */
.product-image-container {
    position: relative;
}

.novo, .product.media .novo {
    position: absolute;
    left:0px;
    top:0px;
    color: #000;
    background: var(--roza);
    z-index:10;
    padding:6px 6px;
    width:25%;
    aspect-ratio: 1 / 1;
    font-size:1.1rem;
    font-weight:700;
    line-height:300%;
    border-radius:0px 0px 200px 0px;
    border-top-left-radius: var(--radius);
    transform-origin: top left;
    transition: transform var(--srednje) var(--ease_out);
}

.popust, .product.media .popust {
    position: absolute;
    right:0px;
    top:0px;
    z-index:2;
    padding:6px 6px;
    background: var(--zelena);
    color: var(--besedilo);
    width:25%;
    aspect-ratio: 1 / 1;
    font-size:100%;
    text-align:right;
    line-height:250%;
    font-weight: 700;
    border-radius:0px 0px 0px 200px;
    border-top-right-radius: var(--radius);
    transform-origin: top right;
    transition: transform var(--srednje) var(--ease_out);
}


/******************************/
/* Category view              */


.block-subtitle.filter-subtitle, .block-title.filter-title {
	display: none;
}

.price-label {
    display: none !important;
}

.catalog-category-view .action.primary, .page-products.page-with-filter.catalogsearch-result-index .action.primary {
	font-size: 10px;
}

.category-image {
    margin-top: 0px;
}

.filter-options-content ol {
	border: 1px solid;
	border-bottom: none;
	border-color: var(--svetlo_siva);
}

.filter-options-title {
	text-transform: uppercase; 
}

.filter-options-content b {
	color: #000;
	text-decoration: none;
	font-weight: 400;
    font-size: 1.4rem;
}

.filter-options-content li {
   border-bottom: 1px solid var(--svetlo_siva); 
}

.filter-options .count {
    color: #aaa;
    float: right;
    padding: 6px 10px 0px 0px;
}

.product-image-wrapper {
	border: 1px solid var(--crta);
	border-radius: var(--radius);
	height: 100%;
}

.product-image-photo {
	margin: 0px;
	transition: transform var(--pocasi) var(--ease_out);
	width: 100%;
}

.item.product.product-item:hover .product-image-photo {
	transform: scale(1.06);
}

.product.name a {
    font-weight: 800;
    text-transform: uppercase;
}

.abs-actions-addto-gridlist:before, .product-item-actions .actions-secondary > .action:before, .table-comparison .wishlist.split.button > .action.split:before, .product-items .wishlist.split.button > .action.split:before, .product-items .action.towishlist:before, .products.list.items .action.towishlist:before, .table-comparison .action.towishlist:before {
    font-size: 30px;
    color: #000;
}

.action.primary {
    background: var(--roza);
    border: 1px solid var(--roza);
    padding: 4px 14px !important;
    font-weight: 500;
    text-transform: uppercase;
    color: #494545;
}

.action.primary:hover {
    background: var(--roza_temna);
    border: 1px solid var(--roza_temna);
    color: var(--besedilo);
}
    
button, a.action.primary, .cart.table-wrapper .actions-toolbar > .action, .action-gift {
    border-radius: 30px;
}

.action.primary:focus, .action.primary:active {
    background: var(--roza_akcent);
    border: 1px solid var(--roza_akcent);   
}

.old-price, .special-price {
	display: inline;
	margin-bottom: 10px;
}

.product-item .special-price .price, .product-item .minimal-price .price, .product-item .price-box .price {
    font-size: 16px;
    font-weight: 800;
}

.old-price .price {
	font-weight: 800;
    font-size: 16px;
    color: var(--siva_cena);
}

.old-price, .old.price {
    text-decoration-color: var(--siva_cena);
}
 
.catalog-category-view .page-title-wrapper {
	text-align: center;
    padding-top: 40px;
    z-index: 2;
    position: relative;
}

.catalog-category-view .page-title-wrapper h1 {
	font-size: 28px;
    font-weight: 400;
    margin-bottom: 20px;
}

.category-description {
    font-size: 80px;
    color: var(--zelena);
    text-align: center;
    margin-top: -100px;
    z-index: 1;
    opacity: 70%;
    position: relative;
    margin-bottom: 0px;
}

.page-products .category-description {
    font-size: 1.4rem !important;
    color: #000 !important;    
    margin-top: 0px !important;
    opacity: 100% !important;    
    font-family: 'Montserrat', sans-serif !important;
}

.page-products .category-description p {
    font-family: 'Montserrat', sans-serif !important;
}


.category-description p {
	font-family: Allura;
}

.toolbar-products {
    margin-bottom: 0px;
}

.catalog-category-view .products {
    margin: 20px 0;
}

.catalog-category-view .owl-carousel .owl-stage-outer {
    margin-bottom: 40px;
    margin-top: 0px;
}

.filter-options .filter-options-title {
    font-weight: 500;
    font-size: 16px;
    margin-top: 0rem;
    margin-bottom: 0rem;
    margin: 20px 0px 10px;
}

.catalog-category-view .product.media .popust {
    font-size: 1.3rem !important;
}



.filter-current + .filter-actions {
    margin: 20px 0px;
}

.filter-current, .block-actions.filter-actions {
    display: none;
}

.filter-actions a {
	color: var(--temno_siva);
	text-decoration: none;
	font-size: 12px;
}

.sorter-options a {
	background: var(--zelena) !important;
}

.pages a.page, .pages a.page:visited {
    color: var(--temno_siva);
}

.pages a.page:hover {
    color: #000;
}

.catalog-category-view .swatch-attribute-options {
    border: 1px solid var(--svetlo_siva);
    padding: 10px 10px 5px 10px;
}

.swatch-option-link-layered a {
    border: none !important;
}

.swatch-option.color:not(.disabled):hover {
    outline: 2px solid var(--temno_siva);
}

.swatch-option.color:not(.disabled):focus {
    outline: 2px solid var(--temno_siva);
}

.product-add-form form .product-options-wrapper .fieldset .swatch-opt div.swatch-attribute div div.swatch-option.selected:not(.color) {
    outline: none !important;
    border: 1px solid var(--lime) !important;
    background: linear-gradient(135deg, #f4fae6 0%, var(--lime_300) 100%) !important;
    color: var(--lime_ink) !important;
    font-weight: 600;
    box-shadow: 0 6px 16px -8px rgba(126, 166, 42, .7);
}


.sidebar.sidebar-main .ui-slider-handle {
    background: var(--zelena);
}

.sidebar.sidebar-main .bss_slider_container {
    margin: 20px 15px 15px 15px;
    width: 83% !important;
}

.sidebar.sidebar-main .filter-current .action.remove {
    color: var(--temno_siva);
    float: right;
    font-size: 12px;
}

/* layered navigation nov modul */

.block.filter li.item {
    padding: 8px 10px;
}

div[attribute=price] li.item {
    padding: 0 !important;
}

.items.bss-items-cat li.item {
    padding-left: 10px !important;
}

.block.filter input[type="checkbox"] {
    top: 1px;
    margin: 2px 8px 0 0;
}

.block.filter span.count {
    display: none;
}

.block.filter li.item a {
    color: #000 !important;
}

.filter-options-content b {
    line-height: 150% !important;
}



@media screen and (max-width: 879px) {
	.footer_sub_content {
		display: block !important;
		width: 100% !important;
		float: none !important;
	}
	.product.actions.product-item-actions {
		text-align: center;
	}
}

@media screen and (max-width: 769px) {
	.catalog-category-view .banner-item.banner-slider {
		display: none;
	}

	.page-layout-2columns-left .sidebar-main, .sidebar.sidebar-additional {
        max-width: 100% !important;
    }

    .catalog-category-view .owl-carousel .owl-stage-outer, .block.filter {
       margin-bottom: 0px;
    }

    .catalog-category-view .sidebar.sidebar-additional {
    	text-align: center;
    }

    .catalog-category-view .columns .column.main {
        padding-bottom: 0px;
    }

    .catalog-category-view .block.block-wishlist {
    	margin-bottom: 30px;
    }

    .category-description {
        font-size: 45px;
       margin-top: -50px;
    }

    .catalog-category-view .sidebar.sidebar-additional {
        margin-top: 30px;
    }
}

@media screen and (min-width: 768px) {
    .page-layout-2columns-left .column.main {
        width: 72% !important;
    }

    .page-layout-2columns-left .sidebar-main, .sidebar.sidebar-additional {
        width: 28% !important;
    }

    .catalog-category-view .sidebar-main {
        margin-bottom: 15px;
    }

    .kategorija_banner_mini {
        margin-top: 20px
    }

    .catalog-product-view .product.media {
        width: 45% !important;
    }

    .catalog-product-view .fotorama__wrap.fotorama__wrap--css3-fotorama__wrap--slide.fotorama__wrap--toggle-arrows.fotorama__wrap--no-controls {
        max-width: 100% !important;
    }

    .catalog-product-view .product-info-main {
        width: 50% !important;
    }

    .navigation .level0 > .level-top {
        padding-bottom: 15px !important;
    }
}
 
@media screen and (max-width: 990px) {
	.product.actions.product-item-actions {
		text-align: center;
	}
}

@media screen and (min-width: 1200px) {
    .page-layout-2columns-left .column.main {
        width: 80% !important;
    }

    .page-layout-2columns-left .sidebar-main, .sidebar.sidebar-additional {
        width: 20% !important;
    }

    /*
    .sections.nav-sections {
    	display: none;
    }
    */
}

@media (min-width: 1280px) {
    .page-layout-2columns-left .column.main {
        width: 80% !important;
    }

    .page-layout-2columns-left .sidebar-main,
    .page-layout-2columns-left .sidebar.sidebar-additional {
        width: 20% !important;
        padding-right: 0 !important;
    }

    .page-products .products-grid .product-items {
        display: flex;
        flex-wrap: wrap;
        column-gap: 2%;
        row-gap: 24px;
    }

    .page-products .products-grid .product-item {
        width: 18.4% !important;
        margin-left: 0 !important;
    }
}

@media (min-width: 1600px) {
    .page-products .products-grid .product-item {
        width: 15% !important;
        margin-left: 0 !important;
    }

    .breadcrumbs .item.home {
        padding-left: 20px;
    }
}


/*     Wish list,compare sidebar         */

.sidebar.sidebar-additional .old-price {
	display: none;
}

.sidebar.sidebar-additional .special-price {
	text-align: left;
	width: 100%;
}

.sidebar.sidebar-additional .block-wishlist .price-box.price-final_price {
    min-height: auto;
}

.sidebar.sidebar-additional .actions-toolbar > .primary .action:last-child, .actions-toolbar > .secondary .action:last-child {
    color: var(--temno_siva);
}

.sidebar.sidebar-additional .action.primary {
    background: var(--roza);
    border: 1px solid var(--roza);
    color: #000 !important;
    font-size: 10px !important;
    padding: 2px 8px !important;
}

.sidebar.sidebar-additional .action.primary:hover {
    background: var(--roza_temna);
    border: 1px solid var(--roza_temna);
    color: var(--besedilo) !important;
}

.block-wishlist .counter {
    display: block;
}

.sidebar.sidebar-additional .block, .sidebar .widget.block:not(:last-child), .sidebar .widget:not(:last-child), .block-banners, .block-banners-inline {
    margin-bottom: 40px;
    border: 1px solid var(--svetlo_siva);
    padding: 10px;
    border-radius: var(--radius);
}

button#wishlist_create {
    background: var(--roza) !important;
    border-color: var(--roza) !important;
    font-size: 11px;
}
    
.bssfancybox-skin input[type="text"] {
    height: 28px;
}

.bssfancybox-wrap {
    transition: box-shadow var(--srednje) var(--ease);
}

.bssfancybox-wrap:hover {
    box-shadow: var(--senca_lg);
}

@media (min-width: 880px) and (max-width: 1200px) {
        .wishlist-index-index .products-grid .product-item:nth-child(2n + 1) {
            margin-left: 2% !important;
        }

        .wishlist-index-index .products-grid .product-item:nth-child(3n + 1) {
            margin-left: 0% !important;
        }

        .wishlist-index-index .products-grid .product-item {
            width: calc((100% - 4%) / 3) !important;
        }
}

@media (min-width: 450px) and (max-width: 880px) {
        .wishlist-index-index .products-grid .product-item:nth-child(n + 1) {
            margin-left: 2% !important;
        }

        .wishlist-index-index .products-grid .product-item:nth-child(2n + 1) {
            margin-left: 0% !important;
        }

        .wishlist-index-index .products-grid .product-item {
            width: calc((100% - 2%) / 2) !important;
        }

        .products-grid.wishlist .product-item {
             border-bottom: none;
        }

        .products-grid.wishlist .product-item:first-child {
            border-top: none;
        }
}



/******************************/
/* Product view              */

.breadcrumbs {
	background-color: var(--ozadje_modro);
	padding: 10px 0px;
}

.breadcrumbs .item.product {
    color: #000;
    font-size: 12px;
}

.breadcrumbs .item.category, .breadcrumbs .item.home, .breadcrumbs a:hover, .breadcrumbs a:visited {
	color: var(--temno_siva);
	font-size: 12px;
	text-transform: uppercase;
}

.fotorama__stage__frame .fotorama__img {
	border: 0 !important;
}

.product-info-main .stock.available, .product-info-main .stock.unavailable {
	display: block;
} 

.catalog-product-view .product.name.product-item-name, .catalog-product-view .price-box.price-final_price, .catalog-product-view .special-price  {
   text-align: left !important;
}

.abs-revert-field-type-desktop .fieldset > .field:not(.choice) > .label, .abs-revert-field-type-desktop .fieldset .fields > .field:not(.choice) > .label, .product-add-form .fieldset > .field:not(.choice) > .label, .product-add-form .fieldset .fields > .field:not(.choice) > .label {
    display: none;
}

.product-reviews-summary .reviews-actions a, .product-reviews-summary.empty {
    display: none;
}

.product-info-main .box-tocart .input-text.qty, .product-options-bottom .box-tocart .input-text.qty {
    height: 32px;
    width: 32px;
}

.product-info-main .box-tocart .actions, .product-options-bottom .box-tocart .actions {
    padding-top: 0px !important; 
}



.page-layout-1column .product-info-main {
      margin-top: 30px;
}

.product.name.product-item-name {
    text-align: center;
    min-height: 43.6px;
}

.price-box.price-final_price, .cms-home .product-item-actions, .page-products .product-item-actions {
    text-align: center;
}

.price-box.price-final_price {
    min-height: 50.6px;
}

.product-info-main .page-title-wrapper .page-title {
	margin-top: 0px !important;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 500;
}

.product-info-main .price-box.price-final_price {
	border-top: 1px solid var(--svetlo_siva);
	padding-top: 30px;
    margin-top: 30px;
}

.product-info-main .product-add-form {
	/*border-bottom: 1px solid var(--svetlo_siva);*/
	margin-bottom: 30px;
	padding-bottom: 10px;
}

.product-info-main .product.attribute.overview {
	border-top: 1px solid var(--svetlo_siva);
	padding-top: 30px;
    margin-top: 30px;
}

.product-info-main .box-tocart, .product-options-bottom .box-tocart {
	margin: 0px;
	margin-top: 20px;
}

.catalog-product-view .old-price {
	text-align: left;
	float: none;
}

.product-info-main .price-box {
     margin-top: 0px; 
}

.catalog-product-view .columns .column.main {
    padding-bottom: 0px;
}

.swatch-option:not(.disabled):hover {
    background: var(--blush_100);
}

.fotorama-hidden, .fotorama--hidden, .fotorama__load {
    left: -99999px;
    position: absolute;
    top: -99999px;
    z-index: -1000;
}

.product-info-main .box-tocart .action.tocart, .product-options-bottom .box-tocart .action.tocart {
    font-size: 1.2rem !important;
}

.product-add-form .fieldset > .field:not(.choice) > .label {
    float: left;
    display: block;
    width: 100%;
    margin: 18px 0px 10px 0px;
}

.price-wrapper.price-excluding-tax {
    color: #aaa;
}

.catalog-product-view .product.media .popust {
    font-size: 4.3rem;
}


/* Related product              */

.block.related .block-actions, .block.related .field.choice.related, .block.related .product.actions.product-item-actions, .block.related .short_description {
	display: none;
}

.block.related {
    width: 100%;
    float: left;
    padding-top: 40px;
}

.product-item-info {
    width: auto !important;
}

.block-content.content .product.name.product-item-name, .block-content.content .price-box.price-final_price, .block-content.content .special-price, .block-content.content .old-price  {
	text-align: center !important;
}

.block-content.content .old-price, .block-content.content .special-price {
	display: inline;
	width: 49%;
	margin-bottom: 25px;
}

.block-content.content .old-price {
	float: left;
	text-align: right !important;
	width: 48%;
}

.block-content.content .special-price {
	float: right;
	text-align: left !important;
	width: 48%;
}

.block.related .product-item-info.related-available, .product-image-container {
	width: 100% !important;
}

.block.related .product-image-photo {
	width: 100%;
}

.block.related .block-title.title {
	text-align: center;
}

.block.related .block-title.title strong {
	font-size: 26px;
    font-weight: normal;
}


/*     Checkout    */

.bss-onestepcheckout .navigation ul {
    margin-top: 20px;
}

.bss-onestepcheckout .step-title::before, .bss-onestepcheckout #opc-sidebar .opc-block-summary > .title::before, .bss-onestepcheckout input[type="radio"]:checked {
    background-color: var(--zelena) !important;
}

.bss-onestepcheckout .form.form-login .fieldset > .field:not(.choice) > .label {
    width: 30% !important;
}

.bss-onestepcheckout #opc-sidebar .discount-code #discount-form .actions-toolbar {
    margin-left: 0% !important;
}

.billing-address-same-as-shipping-block, .naslov_racun {
    background: var(--zelena);
    padding: 12px;
    border-radius: 3px;
}

.opc-block-summary .minicart-items-wrapper .product-image-container {
	width: 78px !important;
}

.bss-onestepcheckout .minicart-items .product-item-name a {
    color: #000;
}

.checkout-shipping-address input[type="checkbox"] {
    top: 2px;
}

.racun_podjetje {
    padding-bottom: 30px;
}

.opc-wrapper .shipping-address-item.selected-item, .bss-onestepcheckout .opc-wrapper #shipping #checkout-step-shipping .shipping-address-item:hover {
    border-color: var(--zelena);
}

.opc-wrapper .shipping-address-item.selected-item::after {
    background: var(--zelena);
}

.checkout-onepage-success.page-layout-1column .page-main {
    width: 50%;
    text-align: center;
    border: 1px solid var(--svetlo_siva);
    padding: 30px;
    margin: 30px auto;
    max-height: 500px;
}

.checkout-onepage-success.page-layout-1column .page-main > .page-title-wrapper .page-title + .action {
    line-height: 50%;
    display: block;
    float: none;
    margin-top: 0px;
    margin-bottom: 40px;
    color: var(--temno_siva);
}

.checkout-onepage-success.page-layout-1column .actions-toolbar > .primary .action:last-child, .actions-toolbar > .secondary .action:last-child {
    margin-bottom: 0;
    margin-top: 20px;
}

.checkout-success .order-number {
	color: var(--temno_siva);
}

.checkout-success .actions-toolbar .primary {
    float: none;
}

.checkout-onepage-success.page-layout-1column .columns .column.main {
    padding-bottom: 15px;
    min-height: 100px !important;
} 

.authentication-wrapper {
    margin-top: 0px;
}

.action.action-auth-toggle {
    color: #000;
    padding: 5px 10px;
    background-color: var(--zelena);
    border-radius: 30px;
    text-transform: uppercase;
    margin: 20px 0px 10px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
}

.action.action-auth-toggle:hover {
    color: #555;
}

.bss-onestepcheckout .message.success {
    margin: 20px 0px;
}

button, .cart.table-wrapper .actions-toolbar > .action, .action-gift {
    background: var(--roza);
    border: 1px solid var(--roza);
    font-weight: 400;
    color: #333;
    padding: 4px 8px;
}

button:hover, .cart.table-wrapper .actions-toolbar > .action:hover, .action-gift:hover {
    background-color: var(--roza_temna);
    border: 1px solid var(--roza_temna);
    color: #000;
}

.bss-onestepcheckout .fieldset > .field:not(.choice) > .control {
    width: 68%;
    float: right;
}

.bss-onestepcheckout .fieldset > .field:not(.choice) > .label {
    width: 32%;
}

.block-cart-failed .action.continue, .cart-container .form-cart .action.continue {
   background: var(--roza);
   border-color: var(--roza);
}

.abs-shopping-cart-items .action.continue:hover, .block-cart-failed .action.continue:hover, .cart-container .form-cart .action.continue:hover {
    background: var(--roza_temna);
    border: 1px solid var(--roza_temna);
    color: #fff;
}

.fieldset.hidden-fields.create-account {
    display: none !important;
}

.checkout-shipping-method, .checkout-payment-method, .checkout-shipping-address {
    display: block !important;
}

.bss-onestepcheckout .opc-wrapper .payment-virtual {
    width: 48% !important;
    margin-top: 25px !important;
}



/* Recently ordered */

.reorder .actions-toolbar {
    max-width: 100%;
    margin: 5px 0;
}

.reorder .actions-toolbar > .secondary .action:last-child {
    margin-top: 5px;
}


/* Edit Account Info */

.account-nav .item a:hover {
    background: var(--blush_100);
}

.field.password-info {
	width: 60%;
}

.fieldset:last-child {
    margin-bottom: 0px;
}

.wishlist-index-index .product-item-actions a {
	color: var(--temno_siva);
    font-size: 12px;
    text-decoration: none;
}

.account.customer-address-index .actions-toolbar > .primary, .actions-toolbar > .secondary {
    margin: 10px 0px;
}

.message.info {
    background: var(--zelena);
    color: var(--temno_siva);
}

.wishlist-index-index .action.update, .field.comment-box, .action.edit {
    display: none;
}

.wishlist-index-index .main .form-wishlist-items .actions-toolbar {
    margin-left: 0 !important;
}

.wishlist-index-index .product-item-info {
    text-align: center;
}

.sidebar-additional .product-item-info {
    text-align: left;
}


.wishlist-index-index .price-as-configured, .wishlist-index-index .old-price, .wishlist-index-index .special-price {
    margin-bottom: 0rem;
}

.form.form-edit-account .field.password-info {
	display: none;
}

.content.account-nav-content .nav.items li a {
    color: #000; 
    text-decoration: none;
}

.account-nav .item.current a, .account-nav .item.current strong {
    border: none;
}

.products-grid.wishlist .product-item .fieldset .field.qty {
    margin: 10px 0;
}

.products-grid.wishlist .product-item .fieldset .field.qty .label {
    width: 50% !important;
    padding: 6px 0px 0 0;
}

#wishlist-view-form .product-item .fieldset .field.qty .control {
    width: 50% !important;
}

.sidebar.sidebar-additional .product-item-info img {
    width: 70px !important;
    height: 70px !important;
}

.sidebar.sidebar-additional .product-image-container {
    width: 70px !important;
}

.sidebar.sidebar-additional .block-wishlist .product-item-name p, .sidebar.sidebar-additional .block-wishlist .product-item-name {
    font-size: 10px;
    overflow: hidden;
    text-overflow: ellipsis; 
    display: -webkit-box; 
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    min-height: 20px;
}

.sidebar.sidebar-additional .block-wishlist .product-item .price-box .price {
    font-size: 14px;
}

.sidebar.sidebar-additional .block-wishlist .price-box.price-final_price {
    text-align: left;
}



/* Customer Login */

.fieldset > .field.required > .label::after, .fieldset > .fields > .field.required > .label::after, .fieldset > .field._required > .label::after, .fieldset > .fields > .field._required > .label::after {
    color: var(--zelena);
}

.login-container .fieldset::after {
    margin-top: 10px;
    color: var(--zelena);
}

.customer-account-login .fieldset > .field:not(.choice) > .control {
    width: 60% !important;
}

.form.form-login .fieldset > .field:not(.choice) > .label {
    width: 15.8%;
}

.form.form-login .actions-toolbar {
	width: 60%;
}

.form.form-login .actions-toolbar > .secondary .action:last-child {
    margin-top: 0px !important;
}

.customer-account-login .block.block-new-customer, .customer-account-login .block.block-customer-login {
	border: 1px solid var(--svetlo_siva);
    padding: 20px;
    width: 46% !important;
    border-radius: var(--radius);
    transition: box-shadow var(--srednje) var(--ease);
}

.customer-account-login .block.block-new-customer:hover, .customer-account-login .block.block-customer-login:hover {
	box-shadow: var(--senca_lg);
}

.customer-account-login .block.block-customer-login .fieldset:last-child {
    margin-bottom: 0px;
}

.customer-account-login .block-customer-login .actions-toolbar, .customer-account-login .login-container .fieldset:after {
    margin-left: 15.8% !important;
}

@media (max-width: 1200px) {
    .customer-account-login .block.block-customer-login, .customer-account-login .block.block-new-customer {
        width: 95% !important;
        margin: 0px auto;
        margin-top: 20px;
     }

    .customer-account-login .login-container .block:nth-child(even) {
        float: left;
     }

     .bss-onestepcheckout .fieldset > .field:not(.choice) > .label {
        text-align: left;
     }
}

@media (min-width: 768px) {
    .navigation .level0 > .level-top {
        line-height: 0px !important; 
        border: none !important; 
        padding-right: 10px !important;
    }

    .navigation {
        float: right;
        width: calc(100% - 180px) !important;
        overflow: auto;
        font-weight: 600 !important;
        font-size: 18px;
    }

    .navigation .level0 .submenu a {
       font-weight: 400;
       font-size: 14px;
    }

    .navigation .level0 .submenu {
        z-index: 20 !important;
    }

    /*
    .section-item-content.nav-sections-item-content .navigation {
        display: none;
    }
    */

    .products-grid.wishlist .product-item .box-tocart input.qty {
        margin-left: 15px;
    }

}

@media (max-width: 767px) {
    .section-item-title.nav-sections-item-title, .header_content {
        display: none;
    }

    .block-search .control {
        border-top: none;
    }

    .minicart-wrapper {
        position: absolute;
        bottom: 0;
        right: 0;
    }

    .page-header {
        border-bottom: none;
        margin-bottom: 20px;
    }

    .breadcrumbs {
        padding: 10px 20px;
    }

    .nav-sections, .navigation .level0 > .level-top {
        background: var(--blush_100);
    }

    .nav-sections .navigation .submenu:not(:first-child) ul > li {
        padding-left: 20px;
    }

    .nav-sections .nav-sections-item-content {
       padding: 0px; 
       width: 100% !important
    }

    .nav-sections .navigation .level0 {
        background: var(--blush_100);
        padding: 10px;
    }

    .nav-sections .navigation .level0 > .level-top {
        color: #000;
        font-weight: 600;
    }
 
    .customer-account-login .block.block-customer-login, .customer-account-login .block.block-new-customer {
        width: 90% !important;
    }

    .customer-account-login .fieldset > .field:not(.choice) > .control {
        width: 100% !important;
    }

    .customer-account-login .login-container .fieldset:after {
        width: 100% !important;
    }

    .form.form-login .actions-toolbar {
        width: 100%;
    }

    .customer-account-login .block-customer-login .actions-toolbar, .customer-account-login .login-container .fieldset:after {
        margin-left: 0% !important; 
    }

    .bss-onestepcheckout .fieldset > .field:not(.choice) > .label, 
    .bss-onestepcheckout .fieldset > .field:not(.choice) > .control,
    .bss-onestepcheckout .form.form-login .fieldset > .field:not(.choice) > .label {
        width: 100% !important;
    }

    .checkout-shipping-address input[type="checkbox"] {
       top: 22px;
       left: 60%;
    }
}
    

 /* Cart */


.checkout-cart-index.page-layout-1column .cart-container .product-image-container {
	width: 110px !important;
}

.checkout-cart-index.page-layout-1column .cart-container .actions-toolbar {
	margin-left: 0% !important;
}

.checkout.methods.items.checkout-methods-items a {
	color: var(--temno_siva);
}

/* Novice */

.blog-post-view .blog__post-featured-image {
    float: none;
    width: 100%;
}

.table-comparison {
    text-align: center;
}

/* Blog */

.blog .blog__post-item .blog__post-header .blog__post-title a {
    font-size: 20px;
    font-weight: 500;
}

.blog__post-meta, .blog__post-header a, .blog__post-meta-author a {
    color: var(--temno_siva);
}

.blog .blog__post-item .blog__post-excerpt > a > img {
    max-width: 300px;
    margin-left: 0px;
}

.blog .toolbar-amount {
    float: right;
}

.blog .action.primary {
    border-radius: 2px;
    padding: 6.5px 10px !important;
    margin: 0px !important;
}

.blog h2 {
    text-align: left;
}

.blog .blog__sidebar-main>.block {
    border: 1px solid var(--svetlo_siva);
    padding: 10px;
}

.blog .sidebar.sidebar-main a {
    color: #333;
}

.blog .sidebar.sidebar-main a:hover {
    color: #000;
    text-decoration: underline;
    text-decoration-color: var(--zelena);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}

.blog__sidebar-rss-link {
    display: none;
}

.blog__sidebar-tag-cloud {
    border: none !important;
    padding: 5px 0px !important;
}

.blog__sidebar-tag-cloud a {
    font-size: 14px !important;
    border: 1px solid var(--svetlo_siva);
    padding: 5px;
    margin-right: 5px;
}

.blog__sidebar-tag-cloud a:hover {
    background: var(--roza);
    font-weight: 400;
} 

.blog__post-view-related-products .block-title {
    font-size: 24px;
    text-align: center;
}

/* Google maps */

.zemljevid {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
}

.zemljevid iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}

/* Aljoša Mod */
.blog__copyright-wrapper, .blog__post-footer, #switcher-language-nav {
    display: none;
}

.customer-account-create .field.taxvat {
    display: none !important;
}

.footer_vavcer, .footer_vavcer p {
    float:left;
    width:100%;
    text-align:center;
}

.message.global.cookie {
    padding: 10px 20px 18px 20px !important;
    background: var(--zelena) !important;
    border-color: var(--zelena) !important;
    color: #000 !important;    
}

.message.global.cookie #btn-cookie-allow {
    background: #fff !important;
    color: #000 !important; 
}

.sparsh_consent_checkbox {
    padding-left: 205px !important;
}

@media only screen and (max-width: 1350px) {

    .navigation .level0 {
        margin-left: 20px !important;
    }

    .header.content > li {
       padding-right: 15px;
    }

    .header_content {
        padding: 0px 0px 0px 20px;
    }

    .header_content a {
        padding-right: 10px;
    }
 
    .love_what_we_do_1600 > p:nth-child(2) {
        font-size: 110px;
        margin-top: -95px;
    }

    .newsletter_block p:nth-child(2) {
        padding-right: 150px;
        padding-left: 150px;
    }

    .cms-home .blog__post-item .blog__post-excerpt > a > img {
        margin-left: 0px;
    }

    .bottom_izobrazevanje_1600 h3 {
        font-size: 18px;
    }

    .cms-home .product-image-container .novo, .cms-home .product.media .novo {
        font-size:1.1rem !important;
    }

    .cms-home .product-image-container .popust {
        font-size: 1.8rem !important;
    }

    .catalog-product-view .product.media .popust {
        font-size: 3.2rem !important;
    }

    .catalog-product-view .product.media .novo {
        font-size: 3rem;
    }
}


@media only screen and (max-width: 1200px) {
    .cms-home .blog__post-list-wrapper {
        padding: 0 15px;
    }

    .blog__post-item .blog__post-excerpt > a > img {
        max-width: 100%;
    }

    .blog__post-excerpt {
        width: 90%;
        margin: 0 auto;
    }

    .cms-home .blog__post-item .blog__post-excerpt .read-more, .blog__post-item .blog__post-excerpt .read-more {
        margin-right: 0px;
    }

    .cms-home .blog__post-excerpt p {
        padding-right: 0px;
     }
}

@media only screen and (min-width: 768px) and (max-width: 1030px) {
    .navigation {
       padding-top: 61px !important;
    }

    .block-search {
        position: absolute !important;
        right: 15px !important;
        top: 68px !important;
    }

    .catalog-product-view .product.media .popust {
        font-size: 2.3rem !important;
    }

    .catalog-product-view .product.media .novo {
        font-size: 2rem;
    }
}

@media only screen and (max-width: 1030px) {
    .navigation .level0 {
        margin-left: 0px !important;
    }

    .cms-home .banner-slider-carousel {
        margin-bottom: 0px !important;
    }

    .cms-home .nav-sections {
        margin-bottom: 0px;
    }

    .love_what_we_do_1600 {
        width: 90%;
    }

    .storitve table {
        border-spacing: 20px;
    }

    .block.widget.block-products-list.grid .block-title {
        padding-top: 20px;
    }

    .storitve {
        padding-top: 30px;
    }

    .bottom_izobrazevanje_1600 table {
    border-spacing: 15px;
    }

    .bottom_izobrazevanje_1600 td {
       width: 100%;
    }

    .newsletter_block_1600 {
        max-width: 100%;
        margin: 20px auto;
    } 

    .cms-home .product-image-container .novo {
        font-size:1rem !important;
    }

    .cms-home .product-image-container .popust {
        font-size: 1.5rem !important;
    }

}

@media only screen and (max-width: 880px) {

    .navigation .level0 > .level-top {
        font-size: 16px;
    }

    .header.content a {
        font-size: 12px;
    }
    
    .love_what_we_do_1600 > p:nth-child(2) {
       font-size: 90px;
       margin-top: -85px;
    }

    .block-static-block.widget {
        padding: 0px;
    }

    .cms-home .block-title {
        padding: 30px 0px;
    }

    .slider_levo, .slider_desno {
        margin-top: 30px;
    }

    .cms-home .columns .column.main {
        padding-bottom: 0px;
    }

    .cms-home .bottom_novice_1600 {
         max-width: 800px;
         padding: 50px 10px 0px 10px;
    }

    .cms-home .blog__post-list-wrapper .blog__post-list .blog__post-item {
        padding: 0px !important;
    }

    .blog__post-excerpt p {
        padding-right: 1px !important;
    }

    .newsletter_block_1600 {
       margin: 0px auto;
       padding: 30px 0px;
    }

    .bottom_izobrazevanje_1600 td {
       width: 35% !important;
       padding-bottom: 40px;
       display: inline-block;
       margin: 20px;
    }

    .bottom_izobrazevanje_1600 p {
        max-width: 600px;
        margin: 10px auto;
    }

    .block.newsletter input {
        width: auto;
        min-width: 300px;
    }

    .newsletter_block td:first-child p {
        padding-right: 5px;
    }

    .newsletter_block p:nth-child(2) {
        padding-right: 50px;
        padding-left: 50px;
    }

    .cms-home .block.widget .products-grid .product-item {
        margin-bottom: 20px !important;
    }

    .block-static-block.widget, .block-cms-link.widget {
        margin-top: 0px;   
    }

    .cms-home .product-image-container .novo, .cms-home .product.media .novo {
        font-size:1.1rem !important;
    }

    .cms-home .product-image-container .popust, .cms-home .product.media .popust {
        font-size: 1.8rem !important;
    }
}

@media only screen and (max-width: 768px) {

    .block-search .label {
        float: none !important;
    }

    .header.content {
        position: relative;
        min-height: 100px;
    }

    .logo {
        float: none !important;
        max-width: 100%;
        position: absolute !important;
        left: 0px;
        right: 0px;
        margin: 0 auto !important;
        width: 150px;
        height: auto;
        bottom: 0px !important;
        padding: 0px;
    }

    .block.block-search {
        float: none !important;
        padding-bottom: 5px;
        width: 180px !important;
        padding-left: 10px;
        position: absolute !important;
        bottom: 0px;
        left: 0px;
    }
    
    .switcher.language.switcher-language {
        margin-right: 15px;
        padding-right: 5px;
        padding-left: 5px;
    }

    .love_what_we_do_1600 > p:nth-child(2) {
        font-size: 70px;
        margin-top: -75px;
    }

    .love_what_we_do_1600 td {
        width: 40% !important;
        display: inline-block;
    }

    .storitve table {
        border-spacing: 10px;
    }

    .block.widget.block-products-list.grid .block-title {
        padding-top: 20px;
    }

    .slider_levo, .slider_desno {
        width: 100%;
    }

    .cms-home .bottom_novice_1600 > p {
       font-size: 100px;
    }

    .bottom_izobrazevanje_1600 > p:nth-child(2) {
        margin-top: -53px;
        padding-bottom: 42px;
    }
 
    .newsletter_block_1600 {
        padding: 40px 20px;
    }

    .newsletter_block td {
        display: inline-block;
        width: 100% !important;
    }

    .newsletter_block tr {
        text-align: center;
    }

    .newsletter_block_1600 h2 {
        text-align: center;
        padding-right: 0px;
    }

    .newsletter_block_1600 td:first-child p {
        text-align: center;
        font-size: 120px;
        padding-right: 0px
    }

    .newsletter_block_1600 td:nth-child(2) {
        margin-top: -40px;
        width: auto !important;
    }

    .block.newsletter .field .control, .newsletter_block_1600 td:last-child p {
        text-align: left;
    }

    .block.newsletter .action.subscribe {
        border-radius: 0px;
    }

    .newsletter_block_1600 td:first-child p {
        font-size: 100px;
        margin-top: -90px;
    }

    .bottom_izobrazevanje_1600 > p {
        padding: 0px 30px;
    }

    .bottom_izobrazevanje_1600 {
        padding-top: 0px;
    }

    .nav-sections-item-content {
        margin-top: 15px;
    }

    .block-search input {
        margin: 0px 0px 0px 0px;
        position: absolute;
    }

    .switcher.language.switcher-language {
        border-left: 1px solid var(--svetlo_siva);
        padding-left: 15px;
    }

    .bss-onestepcheckout .minicart-wrapper {
        display: none;
    }

    .bss-onestepcheckout .fieldset > .field:not(.choice) > .label {
        padding-top: 10px;
    }

    .checkout-shipping-address input[type="checkbox"] {
        top: 32px !important;
        left: 84% !important;
    }

    .catalog-product-view .product.media .popust {
        font-size: 3.5rem !important;
    }

    .product.media .popust {
        width: 25%;
        height: 25%;
    }

    .catalog-product-view .product.media .novo {
        font-size: 2.8rem;
    }

    .products-grid.wishlist .product-item-name {
        margin-left: 0px !important;
    }

    .products-grid.wishlist .product-item .box-tocart {
        float: none !important;
        margin-right: 0;
    }

    #wishlist-view-form .product-item .fieldset .field.qty .control {
        padding-left: 0px;
        margin: 0 auto;
    }

    .products-grid.wishlist .product-item-actions {
        float: none !important;
    }

    .products-grid.wishlist .product-item-photo {
        float: none;
        margin-right: 0px;
        margin-top: 10px;
    }

    .products-grid.wishlist .product-image-container {
        max-width: 100%;
    }

    .products-grid.wishlist .product-item .price-box {
        margin-left: 0px;
    }

    .authorization-link {
        padding-bottom: 20px;
    }
}

@media only screen and (max-width: 639px) {
    .bss-onestepcheckout .opc-wrapper .payment-virtual {
        width: 100% !important;
    }

    .opc-wrapper .step-title {
        padding-bottom: 10px;
    }

    .product-item-info {
        padding-bottom: 20px;
    }
}

@media only screen and (max-width: 498px) {
     .logo  {
        height: 60px;
        width: 100px;
    }

    .page-header .switcher .options ul.dropdown a {
        padding: 0px 5px;
        font-size: 10px;
    }

    .love_what_we_do_1600 > p:nth-child(2) {
        font-size: 55px;
        margin-top: -105px;
        padding-bottom: 40px;
    }

    .love_what_we_do_1600 {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .storitve td {
        width: 90% !important;
        display: block;
        margin: 0 auto;
        margin-bottom: 20px;
        padding: 10px 0;
    }

    .storitve table {
        border-spacing: 0px;
    }

    .block.widget.block-products-list.grid .block-title {
        padding-top: 10px;
    }  

    .cms-home .action.primary {
        font-size: 10px;
    }

    .izobrazevanje {
        padding-top: 20px;
    }

    .cms-home .blog__post-list-wrapper .blog__post-list .blog__post-item {
        width: 100%;
        margin-bottom: 30px;
    }

    .blog__post-excerpt {
        width: 100%;
    }

    .bottom_izobrazevanje_1600 > p:nth-child(2) {
        font-size: 60px;
    }

    .bottom_izobrazevanje_1600 > p {
       padding: 0px 10px;
    }

    .bottom_izobrazevanje_1600 td {
        width: 80% !important;
        margin-bottom: 20px;
        padding-bottom: 20px;
     }

    .bottom_izobrazevanje_1600 td img {
        width: 80px;
        height: auto;
    }

    .bottom_izobrazevanje_1600 td p:nth-child(4) {
        font-size: 35px;
    }

    .bottom_izobrazevanje_1600 table p {
        font-size: 12px;
        line-height: 80%;
    }

    .blog__post-item .blog__post-excerpt .read-more {
        float: right;
    }

    .cms-home .bottom_novice_1600 > p {
        font-size: 64px;
    }

    .blog__post-item .blog__post-excerpt > a > img {
        max-width: 100% !important;
    }

    .block.newsletter input {
        width: auto;
        min-width: 230px;
    }

    .newsletter_block p:nth-child(2) {
       padding-right: 0px;
       padding-left: 0px;
    }

    .love_what_we_do:hover .love_what_we_do_1600 > p:nth-child(2), .izobrazevanje:hover .bottom_izobrazevanje_1600 > p:nth-child(2), .novice:hover .bottom_novice_1600  > p, .newsletter_block:hover td:first-child p {
       transform: none;
    }

    .catalog-product-view .product.media .popust {
        font-size: 2.5rem !important;
    }

    .cms-home .product-image-container .popust, .cms-home .product.media .popust {
        font-size: 1.6rem !important;
    }

    .catalog-product-view .product.media .novo {
        font-size: 2.3rem;
    }

}

@media only screen and (max-width: 380px) {

    h2 {
        font-size: 20px;
    }

    .love_what_we_do_1600 td {
        width: 80% !important;
    }

    .bottom_izobrazevanje_1600 > p:nth-child(2) {
        font-size: 55px;
    }

    .cms-home .bottom_novice_1600 {
        padding: 20px 10px 0px 10px;
    }

    .cms-home .bottom_novice_1600 > p {
        margin: -48px 0px 80px 0px;
    }

    .cms-home .bottom_novice_1600 {
        overflow: hidden;
    }

    .cms-home .bottom_novice_1600 > p {
       font-size: 70px;
    }

    .block.newsletter .actions {
        position: absolute;
        top: 250px;
        text-align: center;
        width: 100%;
        right: 0%;
    }

    .newsletter_block_1600 td:first-child p {
       font-size: 70px;
       margin-top: -65px;
    }

    .block.newsletter {
        padding-top: 0px;
    }

    .block.newsletter input {
        min-width: 250px;
    }

    .block.newsletter .action.subscribe {
        height: 35px;
        margin-left: 0px;
        border-radius: 30px;
    }

    .cms-home .product-image-container .novo, .cms-home .product.media .novo {
        font-size:0.8rem !important;
    }

    .cms-home .product-image-container .popust, .cms-home .product.media .popust {
        font-size: 1.1rem !important;
    }

    .catalog-product-view .product.media .popust {
       font-size: 2rem !important;
    }

    .product-image-container .novo {
        font-size: 0.9rem;
    }

    .catalog-product-view .product.media .novo {
        font-size: 1.6rem;
    }

}

/* Trenerke AS-Lashes */

.cms-trenerke-aslashes .page-title-wrapper {
    text-align: center;
    margin-top: 20px;
}

.trenerke_oblika1 h2 {
    font-size: 28px;
    color: #000;
    background: var(--roza);
    padding: 20px 0;
    margin: 0 20px;
}

.trenerke_oblika1 table {
    width: calc(33.33% - 44px) !important;
    display: inline-table;
    margin: 20px;
    transition: transform var(--srednje) var(--ease_out), filter var(--srednje) var(--ease), box-shadow var(--srednje) var(--ease);
    filter: grayscale(60%);
    padding: 15px;
}

.trenerke_oblika1 td {
    border: 1px solid var(--roza);
    text-align: center;
    vertical-align: bottom;
}

.trenerke_oblika1 table:hover {
    filter: grayscale(0%);
    box-shadow: 0px 0px 5px var(--roza);
    transform: scale(1.01);
}

.trenerke_oblika2 table {
    width: calc(33.33% - 44px) !important;
    display: inline-table;
    margin: 20px;
    margin-top: 50px;
    transition: transform var(--srednje) var(--ease_out);
}


.trenerke_oblika2 h2 {
    padding: 20px 0;
    font-size: 28px;
    margin: 0px 20px;
    color: #fff;
    background: var(--zelena);
}

.trenerke_oblika2 td {
    border: 1px solid var(--zelena);
    text-align: center;
    vertical-align: bottom;
}

.trenerke_oblika2 table:hover {
    transform: scale(1.05);
}


@media only screen and (max-width: 1030px) {
.trenerke_oblika2 table, .trenerke_oblika1 table {
        width: 45% !important;
        margin: 2.3%;
        margin-top: 50px;
        filter: grayscale(0%);
    }
}

@media only screen and (max-width: 660px) {
.trenerke_oblika2 table, .trenerke_oblika1 table {
        width: calc(100% - 40px) !important;
        margin: 20px;
    }
}

 /* Aljosa */
 .items.check.payable {
    display: none;
 }

 .freegift-msg {
    padding: 6px 16px;
    background: var(--zelena);
    float: left;
    margin-top: 36px;
    border-radius: 100px;
    margin-bottom: 6px;
 }

.fgp-content {
    clear: left;
}

.freeproduct-information {
    text-align: center;
} 

/* Checkout */

.firecheckout #checkout .opc-wrapper .shipping-address-item.selected-item {
    border-color: var(--roza) !important;
}

.firecheckout #checkout .opc-wrapper .shipping-address-item.selected-item:after {
    background: var(--roza) !important;
}

.firecheckout button.action.action-select-shipping-item, .firecheckout button.action.action-show-popup, .firecheckout .payment-option-content button.action.action-apply {
    color: #000 !important;
    background: var(--roza) !important;
    border-color: var(--roza) !important;
}

.firecheckout button.action.action-select-shipping-item:hover, .firecheckout button.action.action-show-popup:hover, .firecheckout .payment-option-content button.action.action-apply:hover {
    color: #000 !important;
    background: var(--zelena) !important;
}

.firecheckout button.action.action-update, .firecheckout button.action.action-auth-toggle, .block.block-customer-login button.action.action-login.secondary {
    background: var(--roza) !important;
    border: 2px solid var(--roza) !important;
}

.firecheckout button.action.action-update:hover, .block.block-customer-login button.action.action-login.secondary:hover {
    background: var(--zelena) !important;
    border: 2px solid var(--zelena) !important;
    color: #000 !important;
}

.firecheckout button.action.primary.checkout {
    background: var(--roza) !important;
    border: 2px solid var(--roza) !important;
    font-size: 18px;
    text-transform: uppercase;
    color: #000 !important;
    padding: 20px !important;
}

.firecheckout button.action.primary.checkout:hover {
    background: var(--zelena) !important;
    border: 2px solid var(--zelena) !important;
    color: #000 !important;
}

.firecheckout #checkout .opc-wrapper .step-content > * + .form-shipping-address {
    margin-top: 2px !important;
}

.firecheckout .fieldset.hidden-fields .actions-toolbar {
    margin-left: 0%;
}

.firecheckout button.action.login.primary {
    border-color: var(--roza) !important;
    color: #000 !important;
    margin-bottom: 20px;
}

.firecheckout button.action.login.primary:hover {
    background: var(--zelena) !important;
    color: #000 !important;
}

.firecheckout strong.product-item-name {
    color: #000 !important;
    font-weight: 500;
}

.firecheckout strong.product-item-name:hover {
    font-weight: 600;
}

.firecheckout a.product-item-link:hover {
    text-decoration: none !important;
}

.firecheckout .form.form-login {
    margin-bottom: 20px !important;
}

.billing-address-same-as-shipping-block.field.choice.fc-dirty, .checkout-shipping-address div.choice.field.fc-dirty span {
    font-weight: 600;
}

.firecheckout #checkout .opc-wrapper .form-shipping-address, .firecheckout #checkout .checkout-shipping-address .fieldset {
    margin-bottom: 0px !important;
}

.firecheckout .payment-method._active dt.title {
    display: none;
}

.checkout-onepage-success a.action.back {
    display: none;
}

.firecheckout:not(.page-layout-checkout) .page-title-wrapper {
    display: block;
}

.firecheckout #maincontent .authentication-wrapper {
    text-align: left;
    margin-bottom: 10px !important;
}

.checkout-container {
    margin-top: 20px !important;
}

.firecheckout .checkout-shipping-address .action.primary, .firecheckout .checkout-billing-address .action.primary, .firecheckout .actions-toolbar .action.primary, .firecheckout .checkout-shipping-address button.action, .firecheckout .checkout-billing-address button.action, .firecheckout .actions-toolbar button.action {
    color: #000 !important;
}

.firecheckout .checkout-shipping-address button.action.action-cancel, .firecheckout .checkout-billing-address button.action.action-cancel, .firecheckout .actions-toolbar button.action.action-cancel {
    background: var(--roza) !important;
    color: #000 !important;
    padding: 13px 16px !important;
    border: 1px solid var(--roza);
}

.firecheckout .checkout-shipping-address .action.primary:hover, .firecheckout .checkout-billing-address .action.primary:hover, .firecheckout .modal-footer .action.primary:hover, .firecheckout .actions-toolbar .action.primary:hover, .firecheckout .checkout-shipping-address button.action:hover, .firecheckout .checkout-billing-address button.action:hover, .firecheckout .modal-footer button.action:hover, .firecheckout .actions-toolbar button.action:hover, .firecheckout .checkout-shipping-address .action.primary:focus, .firecheckout .checkout-billing-address .action.primary:focus, .firecheckout .modal-footer .action.primary:focus, .firecheckout .actions-toolbar .action.primary:focus, .firecheckout .checkout-shipping-address button.action:focus, .firecheckout .checkout-billing-address button.action:focus, .firecheckout .modal-footer button.action:focus, .firecheckout .actions-toolbar button.action:focus {
    border-color: var(--zelena) !important;
    color: #000 !important;
    background: var(--zelena) !important;
}

.firecheckout .checkout-shipping-address .action.primary, .firecheckout .checkout-billing-address .action.primary, .firecheckout .modal-footer .action.primary, .firecheckout .actions-toolbar .action.primary, .firecheckout .checkout-shipping-address button.action, .firecheckout .checkout-billing-address button.action, .firecheckout .modal-footer button.action, .firecheckout .actions-toolbar button.action {
    border-color: var(--roza) !important;
    background: var(--roza) !important;
}

.firecheckout .modal-popup .modal-footer .action + .action {
    margin: 0px 10px !important;
} 

.firecheckout .modal-footer button.action.action-agree {
    background: var(--roza) !important;
    color: #000 !important;
} 

.firecheckout .checkout-agreement .action {
    color: #676767;
    font-size: 12px;
    margin-left: 6px;
}

.firecheckout .modal-footer button.action:hover {
    color: #000 !important;
    background: var(--zelena);
    border: 1px solid var(--zelena);
}

.firecheckout .header.content {
    border-bottom: 1px solid #d9d9d9;
}

footer.modal-footer button.action-primary.action-accept, footer.modal-footer button.action-secondary.action-dismiss {
    font-size: 14px !important;
    color: #000;
    text-transform: uppercase;
    border-radius: 10px;
    background: var(--roza);
    font-weight: 400;
    border: 1px solid var(--roza);
    line-height: 1.7;
    padding: 5px 10px;
}

footer.modal-footer button.action-primary.action-accept:hover, footer.modal-footer button.action-secondary.action-dismiss:hover {
    background: var(--zelena);
    border: 1px solid var(--zelena);
}

.firecheckout .checkout-shipping-address button.action.action-cancel:hover, .firecheckout .checkout-billing-address button.action.action-cancel:hover, .firecheckout .actions-toolbar button.action.action-cancel:hover {
    color: #000 !important;
}

.firecheckout .place-order .actions-toolbar .primary .action, .firecheckout button.action.action-auth-toggle {
    background: var(--roza) !important;
    border: 1px solid var(--roza) !important;
    color: #000 !important;
}

.firecheckout .checkout-shipping-address .new-address-popup button.action, .firecheckout .modal-footer .action.primary, .firecheckout .modal-footer button.action {
    color: #000 !important;
}

.firecheckout .checkout-shipping-address button.action {
    color: #000 !important;
}

.firecheckout .checkout-shipping-address .new-address-popup button.action:hover {
    color: #000 !important;
}

.firecheckout .field.password-info, .firecheckout .fieldset > .field:not(.choice) > .control {
    width: 100% !important;
}

.firecheckout .modal-footer button.action {
    padding: 11px 16px !important;
    float: right !important;
}

.abs-button-l, .bundle-actions .action.primary, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .product-info-main .box-tocart .action.tocart, .product-options-bottom .box-tocart .action.tocart, .cart-container .checkout-methods-items .action.primary, .methods-shipping .actions-toolbar .action.primary, .block-authentication .action.action-register, .block-authentication .action.action-login, .checkout-payment-method .payment-method-content>.actions-toolbar>.primary .action.primary, .form-address-edit .actions-toolbar .action.primary, .multicheckout .action.primary {
    line-height: 100% !important;
    padding: 10px 12px !important;
    font-size: 1.4rem !important;
}

.firecheckout .form-shipping-address .fieldset, .firecheckout .payment-method .fieldset, .firecheckout #checkout .form-login .fieldset, .firecheckout #maincontent .block-authentication .fieldset, .firecheckout #checkout .checkout-shipping-address .fieldset, .firecheckout #checkout .checkout-billing-address .fieldset {
    width: 100%;
}

.billing-address-same-as-shipping-block, .naslov_racun {
    padding: 12px !important;
}

.drug_naslov {
    display: none;
}

.cms-home .top-container {
    max-width: 100% !important;
    padding-left: 0px !important;
    padding-right: 0px !important;

}

.firecheckout form.form.form-login .actions-toolbar .secondary {
    float: left;
    width: 100%;
    text-align: left;
}

.catalog-product-view .magebuzz-social {
    display: none !important;
}

.sidebar-additional .block-wishlist {
    display: none;
}

@media (min-width: 768px) {
    .sidebar-additional {
        padding-right: 2%;
    }
}

@media (max-width: 767.9px) {
    ul.openfix {
        display: block !important;
    }

    .logo img {
        height: auto;
        width: 110px;
    }

    .switcher.language.switcher-language {
        border-left: none;
        padding-left: 10px;
    }

    .header.content > li {
        margin-top: 7px;
    }
}

.blog .blog__post-item {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.blog__post-list-wrapper .blog__post-list > li {
    margin-bottom: 0;
    border-bottom: none;
}

.blog_levo, .blog_desno {
    flex-basis: 50% !important;
    flex-shrink: 0;
    vertical-align: middle;
}

.blog_levo a {
    margin-bottom: 0;
    padding-bottom: 0;
}

.blog_desno {
    padding: 20px;
    flex-basis: calc(50% - 64px) !important;
    margin-left: 24px;
}

.blog__post-meta {
    margin-bottom: 5px;
}

.blog__post-meta-author {
    display: none;
}

.blog_opis {
    float: left;
    width: 100%;
}

a.read-more {
    background: var(--roza);
    border: 1px solid var(--roza);
    padding: 8px 20px !important;
    font-weight: 500;
    text-transform: uppercase;
    color: #494545;
    display: block;
    border-radius: 30px;
    margin-top: 10px;
    float: left;
}

a.read-more:hover {
    background: var(--roza_temna);
    border: 1px solid var(--roza_temna);
    color: var(--besedilo);
    text-decoration: none;
}

.blog .crta {
    border: 1px solid #f7f7f7;
    margin: 30px 0;
    width: 100%;
}

.blog__sidebar-search,
.blog__sidebar-category-tree {
    display: none;
}

.blog__post-view .blog__post-featured-image {
    padding: 0 0rem 20px 0;
}

/* Multi banner */
.levo {
    float: left;
    width: 66%;
    margin: 0;
    padding: 0;
}
.desno {
    float: left;
    width: calc(33% - 12px);
    margin: 0;
    padding: 0px 0px 0px 12px;
}

.banner1 {
    float: left;
    width: calc(100% - 12px);
    padding: 12px 0px 0px 12px;
    margin: 0;
}

.banner2 {
    float: left;
    width: 100%;
    padding: 12px 12px 12px 0px;
    margin: 0;
}

.banner3 {
    float: left;
    width: calc(50% - 12px);
    padding: 12px 6px 0px 12px;
    margin: 0;
}

.banner4 {
    float: left;
    width: calc(50% - 12px);
    padding: 12px 0px 0px 6px;
    margin: 0;
}

.social_banner .social {
    float: left;
    width: calc(50% - 24px);
    padding: 12px 12px 12px 12px;
}

/* 2025-12-13 */
.rnv_ugodnosti{
  max-width: 1600px;
  margin: 0 auto;
  background: #f9f9f9;
}

.rnv_row{
  display: flex;
}

.rnv_cell{
  flex: 0 0 33.3333%;
  box-sizing: border-box;
  height: 120px;  
}

.rnv_inner{
  padding-top: 20px;  
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: 12px;
  width: 285px;
  margin: 0 auto;  
}

.rnv_inner img{
  width: 80px !important;
  height: auto;
  flex-shrink: 0;
}

.rnv_inner p{
  padding: 24px 0px 0px 0px;
  font-weight: 700;
  line-height: 1.3;
  text-align: left;
}

.rnv_cell a, .rnv_cell a p {
    text-decoration: none !important;
    color: #000;
}


/* mobile */
@media (max-width: 767px){
  .rnv_ugodnosti{ display:none; }

  .multibanner .levo, .multibanner .desno, .banner1, .banner2, .banner3, .banner4 {
    width: calc(100% - 12px);
  }
}

/* 2026-10-20 AM */
.navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container, .page-main {
    padding-left: 0px !important;
    padding-right: 0px !important;         
}

.product-image-wrapper {
    padding-bottom: 0% !important;
}

/* "Že od" levo od cene, v isti vrstici */
.product-item .price-box .price-container > .price-label {
    display: inline-block !important;
    margin-right: 6px;
    vertical-align: baseline;
}
.product-item .price-box .price-container > .price-including-tax {
    display: inline-block !important;
    vertical-align: baseline;
}
.product-item .price-box .price-container > .price-excluding-tax {
    display: block;
}

/* Stara cena samo, ko je res znižana */
body .price-box .old-price.no-display,
body .price-box .old-price.sly-old-price.no-display {
    display: none !important;
}

.cms-index-index .novo, .product.media .novo {
    font-size: 2rem;
}

/* Main navigation - zaobljena, elegantna pisava (Quicksand) */
.navigation .level0 > .level-top,
.navigation .level0 > .level-top > span {
    font-family: 'Quicksand', 'Montserrat', sans-serif !important;
    font-weight: 700 !important;
    font-size: 17px !important;
    letter-spacing: .02em;
}

/* Decorative Allura text behind heading */
.row-full-width-inner {
    position: relative;
    padding-top: 50px;
}

.row-full-width-inner > .allura {
    position: absolute;
    top: 5px;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    z-index: 0;
    overflow: visible;
    pointer-events: none;
}

.row-full-width-inner > .allura h2 {
    margin: 0;
    font-family: 'Allura', cursive !important;
    font-size: 95px;
    font-weight: 400;
    line-height: 1;
    color: var(--roza_allura);
    text-transform: lowercase;
    white-space: nowrap;
    transition: transform var(--pocasi) var(--ease_out);
    transform-origin: center center;
}

.row-full-width-inner > .allura h2::first-letter {
    text-transform: uppercase;
}

.row-full-width-inner:hover > .allura h2 {
    transform: scale(1.05);
}

.row-full-width-inner > .allura + [data-content-type="text"] {
    position: relative;
    z-index: 1;
    margin-top: -25px;
}


/* Product grid - short description max 2 lines */
.products-grid .product-item .short_description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 24px;
    height: 48px;
}

.products-grid .product-item .short_description p {
    margin: 0;
    padding: 0;
    display: inline;
}

.products-grid .product-item .short_description p:not(:last-child)::after {
    content: " ";
}

/* Product grid - square image area */
.page-products .products-grid .product-image-wrapper {
    position: relative;
    width: 100%;
    height: auto !important;
    aspect-ratio: 1 / 1;
    padding-bottom: 0 !important;
    overflow: hidden;
}

.page-products .products-grid .product-image-photo {
    position: absolute;
    top: 50% !important;
    left: 50% !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    transform: translate(-50%, -50%);
    object-fit: contain;
}

.page-products .products-grid .product-item:hover .product-image-photo {
    transform: translate(-50%, -50%) scale(1.06) !important;
}

/* Cart - shipping estimate */
.cart-summary #shipping-zip-form .fieldset.estimate {
    margin: 0;
}

.cart-summary #shipping-zip-form .field {
    display: block;
    margin: 0 0 18px;
}

.cart-summary #shipping-zip-form .field > .label {
    display: block;
    width: 100%;
    margin: 0 0 7px;
    text-align: left;
    font-weight: 700;
}

.cart-summary #shipping-zip-form .field > .control {
    display: block;
    width: 100%;
}

.cart-summary #shipping-zip-form select,
.cart-summary #shipping-zip-form input {
    width: 100%;
    height: 48px;
}

.cart-summary #shipping-zip-form .field.note {
    display: block;
    margin: 0 0 20px;
}

.cart-summary .fieldset.rate .item-options .field.choice.item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin: 0 0 10px;
}

.cart-summary .fieldset.rate .item-options .field.choice.item input[type="radio"] {
    width: auto;
    height: auto;
    margin: 0 10px 0 0;
    flex: 0 0 auto;
}

.cart-summary .fieldset.rate .item-options .field.choice.item .label {
    margin: 0;
    text-align: left;
}

.bannersize img {
    width: 100% !important;
}

/* Allura - mobile: centered, clipped inside parent, -40% */
@media (max-width: 767px) {
    .row-full-width-inner > .allura {
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        transform: none;
        overflow: hidden;
        display: flex;
        justify-content: center;
    }
    .row-full-width-inner > .allura h2 {
        font-size: 57px;
        text-align: center;
        flex-shrink: 0;
    }
    .row-full-width-inner:hover > .allura h2 {
        transform: none;
    }
}

/* Product image container: force 1:1 (overrides inline 240/300) */
.product-image-container {
    aspect-ratio: 1 / 1 !important;
}

/* ==========================================================================
   FACELIFT 2026 "SOFT BLUSH" v3
   Nezen, zenstven, minimalisticen videz: pudrasto roza + zelena iz logotipa,
   mehki robovi, tople sence in subtilne animacije.

   POMEMBNO: template.css se nalaga PRED Magento styles-l.css (desktop).
   Zato imajo pravila tukaj predpono "html body" (visja specificnost),
   kjer Magento ali moduli uporabljajo !important, pa tudi !important.
   Barve, radiji, odmiki in hitrosti se nastavljajo v :root na vrhu.

   Znacke modula Petka_Badges (.pbdg - npr. BEST SELLER) namenoma NISO
   stilizirane: barve in obliko dolocajo nastavitve v Magento adminu.
   ========================================================================== */


/* ---------- 1. Osnova ---------- */

html {
    scrollbar-color: var(--lime) var(--lime_soft);
}

html body {
    color: var(--ink);
    background:
        radial-gradient(1100px 520px at 105% -8%, rgba(241, 211, 202, .45), transparent 60%),
        radial-gradient(900px 480px at -10% 900px, rgba(163, 203, 58, .14), transparent 60%),
        #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

@media (prefers-reduced-motion: no-preference) {
    html {
        scroll-behavior: smooth;
    }
}

::selection {
    background: var(--lime_300);
    color: var(--ink);
}

a {
    transition: color var(--hitro) var(--ease), text-decoration-color var(--hitro) var(--ease);
}

html body h2 {
    letter-spacing: .08em;
}

html body a:focus-visible,
html body button:focus-visible,
html body .action:focus-visible,
html body .swatch-option:focus-visible {
    outline: 2px solid var(--rose_500);
    outline-offset: 3px;
}

@keyframes fl-spust {
    from { opacity: 0; transform: translateY(-10px) scale(.98); }
    to   { opacity: 1; transform: none; }
}

@keyframes fl-gor {
    from { opacity: 0; transform: translateY(24px); }
    to   { opacity: 1; transform: none; }
}

@keyframes fl-lesk {
    from { background-position: 0% 50%; }
    to   { background-position: 200% 50%; }
}

@keyframes fl-sij {
    from { transform: translateX(-120%) skewX(-20deg); }
    to   { transform: translateX(320%) skewX(-20deg); }
}

@keyframes fl-pulz {
    0%, 100% { box-shadow: 0 0 0 0 rgba(163, 203, 58, .7); }
    70%      { box-shadow: 0 0 0 7px rgba(163, 203, 58, 0); }
}

@keyframes fl-iskra {
    0%, 100% { transform: scale(1) rotate(0deg); opacity: 1; }
    50%      { transform: scale(.6) rotate(90deg); opacity: .6; }
}

@keyframes fl-kenburns {
    from { scale: 1; }
    to   { scale: 1.1; }
}


/* ---------- 2. Odmik od roba na manjsih zaslonih ---------- */

@media (max-width: 1679px) {
    html body .page-main,
    html body .header.content,
    html body .footer.content,
    html body .breadcrumbs,
    html body .page-wrapper > .top-container,
    html body .page-wrapper > .widget {
        box-sizing: border-box;
        padding-left: var(--gutter) !important;
        padding-right: var(--gutter) !important;
    }
}



/* ---------- 3. Obrazci ---------- */

html body input[type="text"],
html body input[type="email"],
html body input[type="password"],
html body input[type="search"],
html body input[type="tel"],
html body input[type="number"],
html body input[type="url"],
html body select,
html body textarea {
    border-color: var(--crta);
    border-radius: var(--radius_sm);
    transition: border-color var(--hitro) var(--ease), box-shadow var(--hitro) var(--ease), background-color var(--hitro) var(--ease);
}

html body input[type="text"]:focus,
html body input[type="email"]:focus,
html body input[type="password"]:focus,
html body input[type="search"]:focus,
html body input[type="tel"]:focus,
html body input[type="number"]:focus,
html body input[type="url"]:focus,
html body select:focus,
html body textarea:focus {
    border-color: var(--lime);
    box-shadow: 0 0 0 4px rgba(163, 203, 58, .22);
}

html body .sorter-options {
    height: 40px;
    padding: 0 36px 0 18px;
    border-radius: 999px;
}


/* ---------- 4. Gumbi ---------- */

html body .action.primary {
    background: var(--gradient_rose);
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--ink);
    font-weight: 600;
    letter-spacing: .08em;
    box-shadow: 0 4px 14px -8px rgba(185, 95, 91, .55);
    transition: background var(--srednje) var(--ease), color var(--srednje) var(--ease), box-shadow var(--srednje) var(--ease), transform var(--hitro) var(--ease);
}

html body .action.primary:hover,
html body .action.primary:focus {
    background: var(--gradient_rose_hover);
    border-color: transparent;
    color: var(--ink);
    box-shadow: 0 10px 24px -10px rgba(185, 95, 91, .7);
    transform: translateY(-2px);
}

html body .action.primary:active {
    transform: translateY(0);
    box-shadow: 0 3px 10px -6px rgba(185, 95, 91, .6);
}

/* lesk, ki preleti gumb "V kosarico" in "Na blagajno" */
html body .action.tocart,
html body .action.primary.checkout {
    position: relative;
    overflow: hidden;
}

html body .action.tocart::after,
html body .action.primary.checkout::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 45%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .65), rgba(255, 255, 255, 0));
    transform: translateX(-120%) skewX(-20deg);
    pointer-events: none;
}

/* "V kosarico": ob prehodu se roza prelije v zeleno iz logotipa */
html body .action.tocart {
    isolation: isolate;
}

html body .action.tocart::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(135deg, #e6f4bd 0%, var(--lime) 100%);
    opacity: 0;
    transition: opacity .5s var(--ease);
}

@media (hover: hover) {
    html body .action.tocart:hover::before,
    html body .action.tocart:focus-visible::before {
        opacity: 1;
    }

    html body .action.primary.tocart:hover,
    html body .action.primary.tocart:focus-visible {
        color: var(--lime_ink);
        box-shadow: 0 10px 24px -10px rgba(126, 166, 42, .75);
    }
}

@media (hover: hover) {
    html body .action.tocart:hover::after,
    html body .action.primary.checkout:hover::after,
    html body .product-item-info:hover .action.tocart::after {
        animation: fl-sij .9s var(--ease);
    }
}


/* Page Builder gumbi (Button element) - enako kot "V kosarico", le malce vecji */
html body .pagebuilder-button-primary,
html body .pagebuilder-button-secondary {
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin: 6px;
    padding: 14px 34px;
    background: var(--gradient_rose);
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--ink);
    font-family: 'Montserrat', sans-serif;
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 4px 14px -8px rgba(185, 95, 91, .55);
    transition: background var(--srednje) var(--ease), color var(--srednje) var(--ease), box-shadow var(--srednje) var(--ease), transform var(--hitro) var(--ease);
}

html body .pagebuilder-button-primary:hover,
html body .pagebuilder-button-primary:focus,
html body .pagebuilder-button-secondary:hover,
html body .pagebuilder-button-secondary:focus {
    background: var(--gradient_rose_hover);
    border-color: transparent;
    color: var(--ink);
    text-decoration: none;
    box-shadow: 0 10px 24px -10px rgba(185, 95, 91, .7);
    transform: translateY(-2px);
}

html body .pagebuilder-button-primary:active,
html body .pagebuilder-button-secondary:active {
    transform: translateY(0);
    box-shadow: 0 3px 10px -6px rgba(185, 95, 91, .6);
}

html body .pagebuilder-button-primary::after,
html body .pagebuilder-button-secondary::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 45%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .65), rgba(255, 255, 255, 0));
    transform: translateX(-120%) skewX(-20deg);
    pointer-events: none;
}

@media (hover: hover) {
    html body .pagebuilder-button-primary:hover::after,
    html body .pagebuilder-button-secondary:hover::after {
        animation: fl-sij .9s var(--ease);
    }
}


/* ---------- 5. Glava ---------- */

@media (min-width: 768px) {
    html body .page-header,
    html body .nav-sections,
    html body .navigation {
        background: transparent !important;
    }

    html body .header.content .block-search input {
        height: 38px;
        padding: 0 44px 0 20px;
        border: 1px solid var(--crta);
        border-radius: 999px;
        background: rgba(253, 248, 246, .8);
    }

    html body .header.content .block-search input:focus {
        background: #fff;
    }

    /* ikona iskalnika: poravnana na sredino polja (Magento ima pod poljem 25px odmika) */
    html body .header.content .block-search .action.search {
        top: 0;
        right: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        border-radius: 50%;
        transform: none;
        opacity: 1;
        transition: background-color var(--hitro) var(--ease);
    }

    html body .header.content .block-search .action.search::before {
        color: var(--rose_600);
        font-size: 20px;
        line-height: 38px;
    }

    html body .header.content .block-search .action.search:hover {
        background-color: var(--blush_100);
    }

    html body .header.content .block-search .action.search[disabled] {
        opacity: 1;
    }
}

html body .logo img {
    transition: transform var(--pocasi) var(--ease_out);
}

/* glava: tanek roza -> zelen trak na vrhu in nezna crta spodaj */
html body .page-header {
    position: relative;
    border-bottom: 0;
    background-image: linear-gradient(90deg, transparent, var(--crta) 20%, var(--crta) 80%, transparent);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 1px;
}

html body .page-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--rose_300), var(--rose_500) 45%, var(--lime));
}

@media (min-width: 768px) {
    html body .page-header {
        background-color: transparent !important;
    }

    /* zgornja vrstica glave: vse poravnano na sredino iskalnika (38px) */
    html body .header_content {
        height: 38px;
        line-height: 1;
    }

    html body .header_content p {
        display: flex;
        align-items: center;
        height: 38px;
        margin: 0;
        line-height: 1;
    }

    html body .header.content > .switcher-language {
        display: flex;
        align-items: center;
        height: 38px;
    }

    html body .header.content > .switcher-language .switcher-options {
        display: flex;
        align-items: center;
        height: 38px;
        margin: 0;
    }

    html body .page-header .switcher .options ul.dropdown {
        display: flex;
        align-items: center;
        top: 0;
        height: 38px;
        margin: 0;
        padding: 0;
    }

    html body .page-header .switcher .options ul.dropdown li {
        display: flex;
        align-items: center;
        height: 38px;
        margin: 0;
    }

    html body .page-header .switcher .options ul.dropdown a {
        float: none;
        line-height: 20px;
    }

    html body .header.content > li,
    html body .minicart-wrapper {
        display: flex;
        align-items: center;
        height: 38px;
    }

    html body .minicart-wrapper > a.showcart {
        position: relative;
    }

    /* locilne crte v glavi mehkejse */
    html body .header_content,
    html body .switcher.language.switcher-language {
        border-color: var(--crta);
    }

    /* e-posta in telefon: roza ob prehodu, ikona se rahlo zaziba */
    html body .header_content a {
        transition: color var(--hitro) var(--ease);
    }

    html body .header_content a:hover {
        color: var(--rose_600);
    }

    html body .header_content img {
        transition: transform var(--srednje) var(--ease_out);
    }

    html body .header_content img:hover {
        transform: rotate(-10deg) scale(1.1);
    }

    /* DE / EN kot majhni "pill" gumbi */
    html body .page-header .switcher .options ul.dropdown a {
        display: inline-block;
        padding: 4px 10px;
        border-radius: 999px;
        transition: background-color var(--hitro) var(--ease), color var(--hitro) var(--ease);
    }

    html body .page-header .switcher .options ul.dropdown a:hover {
        background: var(--blush_100);
        color: var(--rose_600);
        text-decoration: none;
    }
}

@media (hover: hover) {
    html body .logo:hover img {
        transform: rotate(-4deg) scale(1.04);
    }
}

.header.content > li > a[href*="customer/account"],
.header.content > li > a[href*="wishlist"],
.minicart-wrapper > a {
    transition: transform var(--hitro) var(--ease), opacity var(--hitro) var(--ease);
}

@media (hover: hover) {
    .header.content > li > a[href*="customer/account"]:hover,
    .header.content > li > a[href*="wishlist"]:hover,
    .minicart-wrapper > a:hover {
        transform: translateY(-2px);
        opacity: .7;
    }
}

html body .minicart-wrapper .action.showcart .counter.qty {
    background: var(--lime);
    color: var(--lime_ink);
    font-weight: 700;
    box-shadow: 0 0 0 2px #fff;
}

/* stevilo izdelkov v kosarici: nezen "utrip" (1 s noter, 1 s ven), samo ko kosarica ni prazna */
@keyframes fl-utrip {
    from { transform: scale(1); }
    to   { transform: scale(1.35); }
}

html body .minicart-wrapper .action.showcart .counter.qty:not(.empty) {
    transform-origin: center;
    animation: fl-utrip .7s ease-in-out infinite alternate;
}

html body .minicart-wrapper .block-minicart {
    border: 1px solid var(--crta);
    border-radius: var(--radius_lg);
    box-shadow: var(--senca_rose);
}

html body .minicart-wrapper.active .block-minicart {
    animation: fl-spust var(--srednje) var(--ease_out);
}


/* ---------- 6. Navigacija (desktop) ---------- */

@media (min-width: 768px) {
    html body .navigation .level0 > .level-top {
        color: var(--ink);
        transition: color var(--srednje) var(--ease);
    }

    /* srednje siroki zasloni: meni ostane v eni vrstici */
@media (min-width: 768px) and (max-width: 1399px) {
    html body .navigation .level0 {
        margin-left: 4px !important;
    }

    html body .navigation .level0 > .level-top,
    html body .navigation .level0 > .level-top > span {
        font-size: 15px !important;
        letter-spacing: 0;
    }
}

@media (min-width: 768px) and (max-width: 1100px) {
    html body .navigation .level0 {
        margin-left: 0 !important;
        margin-right: 4px !important;
    }

    html body .navigation .level0 > .level-top {
        padding-left: 6px !important;
        padding-right: 6px !important;
    }

    html body .navigation .level0 > .level-top,
    html body .navigation .level0 > .level-top > span {
        font-size: 13px !important;
    }
}

/* crta roza -> zelena, ki zraste iz sredine */
    html body .navigation .level0 > .level-top > span:not(.ui-menu-icon) {
        padding-bottom: 6px;
        background-image: linear-gradient(90deg, var(--rose_400), var(--lime));
        background-repeat: no-repeat;
        background-position: 50% 100%;
        background-size: 0% 2px;
        transition: background-size .45s var(--ease_out);
    }

    html body .navigation .level0:hover > .level-top,
    html body .navigation .level0 > .level-top.ui-state-focus {
        color: var(--lime_dark);
    }

    html body .navigation .level0:hover > .level-top > span:not(.ui-menu-icon),
    html body .navigation .level0 > .level-top.ui-state-focus > span:not(.ui-menu-icon),
    html body .navigation .level0.active > .level-top > span:not(.ui-menu-icon),
    html body .navigation .level0.has-active > .level-top > span:not(.ui-menu-icon) {
        background-size: 100% 2px;
    }

    html body .navigation .level0 .submenu {
        min-width: 240px;
        padding: 10px !important;
        border: 1px solid var(--crta);
        border-top: 3px solid var(--lime);
        border-radius: var(--radius);
        box-shadow: var(--senca_rose);
        animation: fl-spust var(--srednje) var(--ease_out);
    }

    html body .navigation .level0 .submenu a {
        padding: 9px 16px;
        border-radius: var(--radius_sm);
        transition: background-color var(--hitro) var(--ease), color var(--hitro) var(--ease), padding-left var(--srednje) var(--ease_out);
    }

    html body .navigation .level0 .submenu a:hover,
    html body .navigation .level0 .submenu a.ui-state-focus {
        padding-left: 24px;
        color: var(--lime_ink);
    }
}


/* ---------- 7. Drobtinice ---------- */

html body .breadcrumbs {
    background: linear-gradient(90deg, var(--blush_50), var(--blush_100) 45%, var(--lime_soft));
    border-bottom: 1px solid var(--crta);
}

html body .breadcrumbs .items {
    letter-spacing: .06em;
}

html body .breadcrumbs .item:not(:last-child)::after {
    color: var(--lime_dark);
}

html body .breadcrumbs a:hover {
    color: var(--rose_600);
}


/* ---------- 8. Naslovi ---------- */

html body.catalog-category-view .page-title-wrapper h1 {
    font-weight: 300;
    letter-spacing: .14em;
}

/* naslovi ostalih strani (Kosarica, Nakup, Moj racun, CMS ...) enako kot kategorija */
html body .page-main > .page-title-wrapper {
    margin: 32px 0 26px;
    text-align: center;
}

html body .page-main > .page-title-wrapper .page-title {
    margin: 0;
    color: var(--ink);
    font-size: 28px;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: .14em;
    text-transform: uppercase;
}

/* drobna crta roza -> zelena pod naslovi */
html body.catalog-category-view .page-title-wrapper h1::after,
html body .page-main > .page-title-wrapper .page-title::after,
html body .row-full-width-inner > .allura + [data-content-type="text"] h2::after {
    content: "";
    display: block;
    width: 140px;
    height: 3px;
    margin: 18px auto 0;
    border-radius: 3px;
    background: linear-gradient(90deg, rgba(217, 143, 138, 0) 0%, var(--rose_500) 22%, var(--rose_600) 45%, var(--lime) 72%, rgba(163, 203, 58, 0) 100%);
    box-shadow: 0 2px 10px -2px rgba(185, 95, 91, .35);
}

/* Allura napisi v ozadju - nezen lesk */
html body .row-full-width-inner > .allura h2,
html body .bottom_novice_1600 > p,
html body .love_what_we_do_1600 > p:nth-child(2),
html body .bottom_izobrazevanje_1600 > p:nth-child(2) {
    background: linear-gradient(100deg, #efc9bf 0%, #d98f8a 22%, #c9716c 34%, #fff4ef 48%, #d98f8a 62%, #efc9bf 80%, #d98f8a 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
    animation: fl-lesk 6s linear infinite;
}


/* ---------- 9. Produktne kartice (kategorija + widgeti) ---------- */

/* kartica je "tiha": vidna je le ploscica s sliko, ob prehodu z misko se dvigne */
html body .products-grid .product-item-info {
    position: relative;
    box-sizing: border-box;
    height: 100%;
    padding: 8px 8px 16px;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--radius_lg);
    transition: transform .45s var(--ease_out), box-shadow .45s var(--ease_out), background-color .45s var(--ease), border-color .45s var(--ease);
}

@media (hover: hover) {
    html body .products-grid .product-item-info:hover {
        transform: translateY(-4px);
        background-color: #fff;
        box-shadow: var(--senca_rose);
    }
}

/* ploscica s sliko: pudrasta podlaga, belo ozadje fotografije se zlije z njo */
html body .products-grid .product-image-wrapper {
    border: 0;
    border-radius: var(--radius);
    background-color: var(--blush_50);
    background-image: radial-gradient(circle at 30% 20%, rgba(255, 255, 255, .9), rgba(255, 255, 255, 0) 60%);
    transition: background-color var(--srednje) var(--ease);
}

html body .products-grid .product-image-photo {
    mix-blend-mode: multiply;
}

html body .products-grid .product-item-info:hover .product-image-wrapper {
    background-color: var(--lime_soft);
}

html body .products-grid .product-item-name {
    min-height: 2.7em;
    max-height: 2.7em;
    overflow: hidden;
    margin: 12px 0 4px;
    font-size: 14px;
    line-height: 1.35;
}

html body .products-grid .product-item-name,
html body .products-grid .product-item-name a {
    color: var(--ink);
    font-weight: 600;
    letter-spacing: .04em;
}

html body .products-grid .product-item-name a {
    margin: 0;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

html body .products-grid .product-item-link:hover {
    color: var(--rose_600);
    text-decoration: none;
}

html body .products-grid .product-item .short_description {
    height: 36px;
    min-height: 0;
    margin: 0 0 2px;
    color: var(--muted);
    font-size: 12px;
    line-height: 18px;
}

html body .products-grid .product-item-actions {
    margin: 0;
}

html body .products-grid .product-item .action.tocart {
    padding: 9px 22px !important;
    font-size: 11px !important;
}

@media (hover: hover) {
    html body .products-grid .product-item-info:hover .action.tocart {
        background: var(--gradient_rose_hover);
        box-shadow: 0 10px 24px -10px rgba(185, 95, 91, .7);
    }
}

/* manj praznega prostora med vrsticami (razmik doloca row-gap) */
@media (min-width: 1280px) {
    html body.page-products .products-grid .product-item {
        margin-bottom: 0 !important;
    }
}

/* kartice na naslovnici prijetno "priplavajo" ob nalaganju */
@media (prefers-reduced-motion: no-preference) {
    html body .widget-product-grid .product-item {
        animation: fl-gor .7s var(--ease_out) both;
    }
    html body .widget-product-grid .product-item:nth-child(2) { animation-delay: .08s; }
    html body .widget-product-grid .product-item:nth-child(3) { animation-delay: .16s; }
    html body .widget-product-grid .product-item:nth-child(4) { animation-delay: .24s; }
    html body .widget-product-grid .product-item:nth-child(5) { animation-delay: .32s; }
    html body .widget-product-grid .product-item:nth-child(n+6) { animation-delay: .4s; }
}

/* znacka NOVO - svez zelen poudarek iz logotipa z iskrico */
html body .product-item .product-item-photo .novo,
html body.catalog-product-view .product.media .novo {
    top: 18px !important;
    left: 18px !important;
    width: auto !important;
    height: auto !important;
    aspect-ratio: auto !important;
    padding: 6px 14px 6px 11px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--lime_ink) !important;
    background: linear-gradient(135deg, #e6f4bd 0%, var(--lime) 100%) !important;
    box-shadow: 0 6px 16px -6px rgba(126, 166, 42, .75), inset 0 0 0 1px rgba(255, 255, 255, .55);
}

html body .product-item .product-item-photo .novo::before,
html body.catalog-product-view .product.media .novo::before {
    content: "\2726";
    display: inline-block;
    margin-right: 6px;
    animation: fl-iskra 2.4s ease-in-out infinite;
}

/* znacka popusta (-X %) */
html body .product-item .product-item-photo .popust,
html body.catalog-product-view .product.media .popust {
    top: 18px !important;
    right: 18px !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    aspect-ratio: auto !important;
    padding: 5px 12px !important;
    border-radius: 999px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    text-align: center !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--rose_500), var(--rose_600)) !important;
    box-shadow: 0 6px 16px -6px rgba(185, 95, 91, .6);
}

@media (hover: hover) {
    html body .product-item:hover .novo,
    html body .product-item:hover .popust {
        transform: scale(1.08);
    }
}


/* ---------- 10. Cene: brez napisov, v eni vrstici, sredinsko ---------- */

html body .product-item .price-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    gap: 2px 10px;
    min-height: 0;
    margin: 8px 0 12px;
}

html body .product-info-main .price-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: baseline;
    gap: 2px 14px;
}

html body .product-item .price-box .special-price,
html body .product-item .price-box .old-price,
html body .product-item .price-box .normal-price,
html body .product-info-main .price-box .special-price,
html body .product-info-main .price-box .old-price,
html body .product-info-main .price-box .normal-price {
    display: inline-block;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    text-align: center !important;
}

/* napisa "Akcijska cena" / "Redna cena" skrijemo ("Ze od" ostane) */
html body .product-item .price-box .special-price .price-label,
html body .product-item .price-box .old-price .price-label,
html body .product-info-main .price-box .special-price .price-label,
html body .product-info-main .price-box .old-price .price-label {
    display: none !important;
}

html body .price-box .old-price .price {
    color: var(--siva_cena) !important;
    font-size: .85em;
    font-weight: 500 !important;
    text-decoration: line-through;
    text-decoration-color: var(--rose_400);
}

/* znizana cena v roza */
html body .price-box .special-price .price,
html body .price-box:has(.sly-old-price:not(.no-display)) .normal-price .price {
    color: var(--rose_600) !important;
}

html body .products-grid .price-box .price-label {
    color: var(--muted);
    font-size: 12px;
}


/* ---------- 11. Stran izdelka ---------- */

@media (min-width: 1024px) {
    html body.catalog-product-view .product.media {
        width: 34% !important;
    }

    html body.catalog-product-view .product-info-main {
        width: 60% !important;
    }
}

html body .fotorama__stage {
    border-radius: var(--radius_lg);
    background: var(--blush_50);
}

/* pocasen "Ken Burns" zoom slike - 10 s, nato obstane */
@media (prefers-reduced-motion: no-preference) {
    html body .fotorama__stage__frame.fotorama__active .fotorama__img {
        animation: fl-kenburns 10s var(--ease) forwards;
    }
}

html body .fotorama__nav__frame .fotorama__thumb {
    border-radius: var(--radius_sm);
}

html body .fotorama__thumb-border {
    border-color: var(--rose_400) !important;
    border-radius: var(--radius_sm);
}

html body .product-info-main .page-title-wrapper .page-title {
    font-size: 30px;
    font-weight: 400;
    letter-spacing: .06em;
    line-height: 1.25;
}

/* cena + zaloga v nezni kartici */
html body .product-info-main .product-info-price {
    margin: 22px 0 8px;
    padding: 18px 24px;
    border: 1px solid var(--crta);
    border-left: 4px solid var(--lime);
    border-radius: var(--radius_lg);
    background: linear-gradient(135deg, var(--blush_50) 0%, #fff 60%, var(--lime_soft) 140%);
}

html body .product-info-main .product-info-price .price-box.price-final_price {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px dashed var(--crta);
}

html body .product-info-main .price-box .price-wrapper .price {
    font-size: 3rem;
    color: var(--ink);
}

/* "Na zalogi" z utripajoco zeleno piko */
html body .product-info-main .stock.available > span::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 10px 2px 2px;
    border-radius: 50%;
    background: var(--lime);
    vertical-align: middle;
    animation: fl-pulz 2.4s ease-out infinite;
}

html body .product-info-main .product.attribute.overview {
    border-top-color: var(--crta);
}

/* izbire (Ukrivljenost, Debelina, Dolzina) */
html body .swatch-attribute-label {
    color: var(--muted);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
}

html body .swatch-option.text {
    height: auto !important;
    min-width: 44px;
    margin: 0 8px 8px 0;
    padding: 10px 18px !important;
    border: 1px solid var(--crta) !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: var(--ink) !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    transition: border-color var(--hitro) var(--ease), background-color var(--hitro) var(--ease), box-shadow var(--srednje) var(--ease), transform var(--hitro) var(--ease);
}

html body .swatch-option.text:not(.disabled):not(.selected):hover {
    border-color: var(--lime) !important;
    background: var(--lime_soft) !important;
    transform: translateY(-1px);
}

html body .swatch-option.color,
html body .swatch-option.image {
    border-radius: var(--radius_sm);
}

/* kolicina + velik gumb v kosarico */
html body .product-info-main .box-tocart .input-text.qty,
html body .product-options-bottom .box-tocart .input-text.qty {
    width: 64px !important;
    height: 52px !important;
    border: 1px solid var(--rose_300);
    border-radius: 999px;
    text-align: center;
    font-weight: 600;
}

html body .product-info-main .box-tocart .action.tocart,
html body .product-options-bottom .box-tocart .action.tocart {
    min-height: 52px;
    padding: 16px 38px !important;
    line-height: 1 !important;
    font-size: 1.4rem !important;
}

@media (min-width: 768px) {
    html body .product-info-main .box-tocart {
        display: block;
    }

    html body .product-info-main .box-tocart .fieldset {
        display: flex;
        align-items: flex-end;
        gap: 14px;
    }

    html body .product-info-main .box-tocart .field.qty {
        margin: 0;
        padding-right: 0;
    }

    html body .product-info-main .box-tocart .actions {
        display: block;
        flex: 1;
        max-width: 380px;
    }

    html body .product-info-main .box-tocart .action.tocart {
        width: 100%;
    }
}

/* prednosti nakupa pod gumbom (samo slovenska trgovina) */
html[lang="sl"] body .product-info-main .product-social-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
    margin: 18px 0 6px;
}

html[lang="sl"] body .product-info-main .product-social-links::before,
html[lang="sl"] body .product-info-main .product-social-links::after {
    display: inline-flex;
    align-items: center;
    padding: 7px 14px;
    border: 1px solid var(--crta);
    border-radius: 999px;
    background: #fff;
    color: var(--ink);
    font-size: 12px;
    font-weight: 500;
}

html[lang="sl"] body .product-info-main .product-social-links::before {
    content: "\2713\00a0 Brezpla\010D na dostava nad 100 \20AC";
    order: -1;
}

html[lang="sl"] body .product-info-main .product-social-links::after {
    content: "\2726\00a0 Zbiraj to\010D ke zvestobe in prihrani 10 %";
    border-color: #e3efc6;
    background: var(--lime_soft);
    color: var(--lime_ink);
}

/* zavihki Opis / Mnenja: "pill" naslovi + obarvano telo */
@media (min-width: 768px) {
    html body .product.data.items > .item.title {
        margin: 0 8px 0 0;
    }

    html body .product.data.items > .item.title > .switch {
        height: auto !important;
        padding: 10px 26px !important;
        border: 1px solid transparent !important;
        border-radius: 999px !important;
        background: transparent !important;
        color: var(--muted) !important;
        font-size: 1.3rem !important;
        font-weight: 600;
        line-height: 20px !important;
        letter-spacing: .08em;
        text-transform: uppercase;
        transition: background-color var(--hitro) var(--ease), color var(--hitro) var(--ease), box-shadow var(--srednje) var(--ease);
    }

    html body .product.data.items > .item.title > .switch:hover {
        background: var(--blush_50) !important;
        color: var(--rose_600) !important;
    }

    html body .product.data.items > .item.title.active > .switch,
    html body .product.data.items > .item.title.active > .switch:hover {
        background: var(--gradient_rose) !important;
        color: var(--ink) !important;
        box-shadow: 0 6px 16px -10px rgba(185, 95, 91, .7);
    }

    html body .product.data.items > .item.content {
        margin-top: 58px !important;
        padding: 32px 36px !important;
        border: 1px solid var(--crta) !important;
        border-radius: var(--radius_lg);
        background: linear-gradient(180deg, var(--blush_50) 0%, #fff 60%, var(--lime_soft) 100%) !important;
        box-shadow: 0 18px 40px -32px rgba(185, 95, 91, .6);
    }
}

html body .product.data.items > .item.title.active > .switch::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 8px 2px 0;
    border-radius: 50%;
    background: var(--lime);
    vertical-align: middle;
}

@media (max-width: 767px) {
    html body .product.data.items > .item.title > .switch {
        margin-bottom: 6px;
        border: 1px solid var(--crta) !important;
        border-radius: var(--radius_sm) !important;
        background: var(--blush_50) !important;
        color: var(--ink) !important;
    }

    html body .product.data.items > .item.content {
        padding: 18px !important;
        border-radius: var(--radius);
        background: var(--blush_50) !important;
    }
}


/* ---------- 12. Kategorija ---------- */

html body .sidebar-main img,
html body.catalog-category-view .column.main > :not(.products):not(.toolbar) img {
    border-radius: var(--radius_lg);
}

html body .sidebar-main img {
    transition: transform var(--srednje) var(--ease_out), box-shadow var(--srednje) var(--ease_out);
}

@media (hover: hover) {
    html body .sidebar-main img:hover {
        transform: translateY(-4px);
        box-shadow: var(--senca_rose);
    }
}

html body .pages .item a.page,
html body .pages .item strong.page,
html body .pages .action {
    border-radius: 999px;
}

html body .pages .item.current strong.page {
    padding: 0 12px;
    background: linear-gradient(135deg, #e6f4bd, var(--lime));
    color: var(--lime_ink);
}

html body .block.filter li.item {
    border-radius: var(--radius_sm);
    transition: background-color var(--hitro) var(--ease);
}

@media (hover: hover) {
    html body .block.filter li.item:hover {
        background-color: var(--lime_soft);
    }
}


/* ---------- 13. Naslovnica ---------- */

/* Page Builder vrstice (npr. siva sekcija) z mehkimi robovi */
html body.cms-index-index .column.main > [data-content-type="row"] {
    border-radius: var(--radius_lg);
}

html body .rnv_ugodnosti {
    background: linear-gradient(120deg, var(--blush_50), var(--blush_100) 50%, var(--lime_soft));
    border-radius: var(--radius_lg);
}

/* enakomeren razmik med Page Builder bannerji (neodvisno od odmikov v Page Builderju);
   negativni rob skupine poskrbi, da so zunanji robovi poravnani z ostalo vsebino */
html body.cms-index-index .pagebuilder-column-group:has(figure[data-content-type="image"]) {
    margin: calc(var(--banner_gap) / -2);
}

html body.cms-index-index .pagebuilder-column > figure[data-content-type="image"] {
    margin: 0;
    padding: calc(var(--banner_gap) / 2);
}

/* bannerji: zaobljeni, ob prehodu se rahlo dvignejo */
html body .multibanner img,
html body .social_banner img,
html body .slider_levo img,
html body .slider_desno img,
html body.cms-index-index [data-content-type="image"] img {
    border-radius: var(--radius_lg);
    transition: transform var(--pocasi) var(--ease_out), box-shadow var(--pocasi) var(--ease_out);
}

@media (hover: hover) {
    html body .multibanner img:hover,
    html body .social_banner img:hover,
    html body .slider_levo img:hover,
    html body .slider_desno img:hover,
    html body.cms-index-index [data-content-type="image"] img:hover {
        transform: translateY(-4px);
        box-shadow: var(--senca_rose);
    }
}

.storitve td,
.love_what_we_do_1600 td img,
.rnv_inner img,
.footer_social_links img {
    transition: transform var(--srednje) var(--ease_out), box-shadow var(--srednje) var(--ease), opacity var(--hitro) var(--ease);
}

html body .storitve td {
    border-radius: var(--radius_lg);
}

@media (hover: hover) {
    .storitve td:hover {
        transform: translateY(-4px);
        box-shadow: var(--senca_rose);
    }

    .love_what_we_do_1600 td:hover img,
    .rnv_cell:hover .rnv_inner img {
        transform: translateY(-5px) rotate(-3deg);
    }

    .footer_social_links img:hover {
        transform: translateY(-3px);
        opacity: .75;
    }
}


/* ---------- 14. Sporocila, bloki, noga ---------- */

html body .message.success,
html body .message.error,
html body .message.notice,
html body .message.info,
html body .message.warning {
    padding: 14px 20px;
    border: 1px solid transparent;
    border-radius: var(--radius);
}

html body .message.error {
    background: #fdecea;
    border-color: #f6d3cf;
    color: #8e3a35;
}

html body .message.success {
    background: var(--lime_soft);
    border-color: #e1efc4;
    color: var(--lime_ink);
}

html body .message.notice,
html body .message.info,
html body .message.warning {
    background: var(--blush_50);
    border-color: var(--crta);
    color: var(--ink);
}

html body .page.messages .message {
    animation: fl-spust var(--srednje) var(--ease_out);
}

html body.customer-account-login .block.block-new-customer,
html body.customer-account-login .block.block-customer-login,
html body.checkout-onepage-success.page-layout-1column .page-main,
html body .blog__sidebar-main > .block {
    border-color: var(--crta);
    border-radius: var(--radius_lg);
}

html body .page-footer {
    background-image: linear-gradient(90deg, transparent, var(--rose_300), var(--lime), transparent);
    background-size: 100% 1px;
    background-repeat: no-repeat;
}

html body .footer_sub_content h4 {
    letter-spacing: .12em;
}

html body .footer_sub_content h4::after {
    content: "";
    display: block;
    width: 28px;
    height: 2px;
    margin: 8px auto 6px;
    border-radius: 2px;
    background: var(--lime);
}

html body .footer_sub_content a:hover {
    color: var(--rose_600);
    text-decoration-color: var(--lime);
}

html body .footer_social {
    border-bottom-color: var(--crta);
}

.blog_levo a {
    display: block;
    overflow: hidden;
    border-radius: var(--radius_lg);
}

.blog_levo img {
    display: block;
    transition: transform var(--pocasi) var(--ease_out);
}

@media (hover: hover) {
    .blog .blog__post-item:hover .blog_levo img {
        transform: scale(1.04);
    }
}


/* ---------- 16. Kosarica: gumbi kot v mini kosarici + mehak povzetek ---------- */

html body .cart.table-wrapper .actions-toolbar > .action,
html body .cart-container .form-cart .action.continue,
html body .cart-container .form-cart .action.update {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 22px;
    background: var(--gradient_rose);
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--ink);
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 4px 14px -8px rgba(185, 95, 91, .55);
    transition: background var(--srednje) var(--ease), box-shadow var(--srednje) var(--ease), transform var(--hitro) var(--ease);
}

html body .cart.table-wrapper .actions-toolbar > .action:hover,
html body .cart-container .form-cart .action.continue:hover,
html body .cart-container .form-cart .action.update:hover {
    background: var(--gradient_rose_hover);
    border-color: transparent;
    color: var(--ink);
    text-decoration: none;
    box-shadow: 0 10px 24px -10px rgba(185, 95, 91, .7);
    transform: translateY(-2px);
}

html body .cart-container .form-cart .action.continue,
html body .cart-container .form-cart .action.update {
    padding: 12px 26px;
}

/* povzetek kosarice: nezna kartica z roza/zelenim sijem in barvnim trakom na vrhu */
html body .cart-summary {
    position: relative;
    overflow: hidden;
    padding: 28px 26px 26px;
    background:
        radial-gradient(420px 220px at 110% -10%, rgba(241, 211, 202, .6), transparent 70%),
        radial-gradient(360px 200px at -20% 110%, rgba(163, 203, 58, .12), transparent 70%),
        #fff;
    border: 1px solid var(--crta);
    border-radius: var(--radius_lg);
    box-shadow: var(--senca_rose);
}

html body .cart-summary::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--rose_300), var(--rose_500), var(--lime));
}

/* na racunalniku povzetek ostane viden med drsenjem */
@media (min-width: 768px) {
    html body .cart-summary {
        position: sticky;
        top: 24px;
    }
}

html body .cart-summary > .title {
    display: block;
    margin: 0 0 16px;
    color: var(--rose_600);
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

/* zlozljiva bloka (Ocena dostave, Koda popusta) kot mehke vrstice */
html body .cart-summary .block {
    margin: 0 0 10px;
}

html body .cart-summary .block > .title {
    padding: 12px 40px 12px 16px;
    border: 1px solid var(--crta);
    border-radius: 14px;
    background: rgba(255, 255, 255, .8);
    transition: background-color var(--hitro) var(--ease), border-color var(--hitro) var(--ease);
}

html body .cart-summary .block > .title strong {
    font-size: 1.4rem;
    font-weight: 500;
    white-space: nowrap;
}

html body .cart-summary .block > .title::after {
    color: var(--rose_500);
}

html body .cart-summary .block > .title:hover {
    border-color: var(--rose_300);
    background: var(--blush_50);
}

html body .cart-summary .block.active > .title {
    border-color: var(--lime);
    background: var(--lime_soft);
}

html body .cart-summary .block .content {
    padding: 14px 4px 4px;
}

/* nacini dostave kot izbirne "kartice" */
html body .cart-summary .items.methods .item-title {
    margin-top: 10px;
    color: var(--muted);
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: .04em;
}

html body .cart-summary .fieldset.rate .item-options .field.choice.item {
    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: 12px;
    transition: background-color var(--hitro) var(--ease), border-color var(--hitro) var(--ease);
}

html body .cart-summary .fieldset.rate .item-options .field.choice.item:hover {
    background: var(--blush_50);
}

html body .cart-summary .fieldset.rate .item-options .field.choice.item:has(input:checked) {
    border-color: var(--lime);
    background: var(--lime_soft);
}

/* zneski: skupna vsota poudarjena */
html body .cart-summary .cart-totals {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed var(--crta);
}

html body .cart-summary .cart-totals .grand .mark,
html body .cart-summary .cart-totals .grand .amount {
    padding-top: 16px;
    border-top: 1px solid var(--crta);
}

html body .cart-summary .cart-totals .grand .mark strong,
html body .cart-summary .cart-totals .grand .amount strong {
    font-size: 1.9rem;
    color: var(--ink);
}

html body .cart-summary .cart-totals .grand .amount strong {
    color: var(--rose_600);
}

/* "Skupna vsota narocila" manjsa, da ostane v eni vrstici (kosarica + blagajna) */
html body .cart-summary .cart-totals .grand .mark strong,
html body.firecheckout .opc-block-summary .table-totals .grand .mark strong {
    font-size: 1.6rem;
    white-space: nowrap;
}

/* velik gumb "Nadaljujte na placilo" (lesk ob prehodu je ze pri .action.primary.checkout) */
html body .cart-summary .checkout-methods-items .action.primary.checkout {
    width: 100%;
    padding: 18px 16px !important;
    font-size: 1.4rem !important;
    letter-spacing: .1em;
    white-space: nowrap;
    box-shadow: 0 12px 26px -12px rgba(185, 95, 91, .75);
}


/* ---------- 17. Blagajna (Swissup Firecheckout) ---------- */

/* kartice korakov in povzetka */
html body.firecheckout #checkout .opc-wrapper .opc > li,
html body.firecheckout #checkout .opc-sidebar {
    border: 1px solid var(--crta);
    border-radius: var(--radius_lg);
    box-shadow: 0 18px 40px -30px rgba(185, 95, 91, .45);
}

html body.firecheckout #checkout .opc-wrapper .step-title:before,
html body.firecheckout #checkout .opc-block-summary > .title:before,
html body.firecheckout #checkout .opc-sidebar .step-title:before {
    color: var(--lime_dark);
}

/* polja: zaobljena, nezna podlaga */
html body.firecheckout #checkout input:not([type="checkbox"]):not([type="radio"]):not([type="image"]),
html body.firecheckout #checkout select,
html body.firecheckout #checkout textarea {
    border: 1px solid var(--crta);
    border-radius: 12px;
    background-color: var(--blush_50);
}

html body.firecheckout #checkout input:not([type="checkbox"]):not([type="radio"]):not([type="image"]):focus,
html body.firecheckout #checkout select:focus,
html body.firecheckout #checkout textarea:focus {
    border-color: var(--lime);
    background-color: #fff;
    box-shadow: 0 0 0 4px rgba(163, 203, 58, .22);
}

/* izbrani radio / checkbox v zeleni (logotip) namesto sive */
html body.firecheckout #checkout input[type="radio"]:checked,
html body.firecheckout #checkout input[type="checkbox"]:checked {
    box-shadow: 0 0 0 10px var(--lime) inset;
}

/* "Zelim racun na podjetje ali drug naslov" - nezno zelen, zaobljen */
html body .billing-address-same-as-shipping-block,
html body .naslov_racun {
    border: 1px solid #dcebb5;
    border-radius: var(--radius);
    background: var(--lime_soft);
    color: var(--lime_ink);
}

/* "Podatki za racun" + povzetek naslova skrijemo, ko je racun na naslov za dostavo;
   ko stranka odpre obrazec za drug naslov / podjetje, se naslov spet prikaze */
html body.firecheckout .checkout-billing-address:has(.billing-address-details) > .step-title,
html body.firecheckout .checkout-billing-address .billing-address-details {
    display: none !important;
}

/* "Komentar ob narocilu" (Swissup CheckoutFields): napis nad poljem, poravnan levo */
html body.firecheckout #checkout .field.swissup-checkout-fields__field > .label {
    display: block;
    float: none !important;
    width: auto !important;
    margin: 0;
    padding: 0 0 8px 2px !important;
    text-align: left !important;
}

html body.firecheckout #checkout .field.swissup-checkout-fields__field > .control {
    float: none !important;
    width: 100% !important;
}

/* povzetek: napisi se ne lomijo sredi besede ("Narocilo brez D DV") */
html body.firecheckout .opc-block-summary .table-totals th,
html body.firecheckout .opc-block-summary .table-totals td {
    word-break: normal;
    overflow-wrap: normal;
    hyphens: manual;
}

/* gumb "Oddaj narocilo" - velik roza pill z leskom */
html body.firecheckout .place-order .actions-toolbar .primary .action,
html body.firecheckout button.action.primary.checkout {
    position: relative;
    overflow: hidden;
    padding: 20px !important;
    background: var(--gradient_rose) !important;
    border: 0 !important;
    border-radius: 999px !important;
    color: var(--ink) !important;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .14em;
    box-shadow: 0 10px 24px -10px rgba(185, 95, 91, .7);
    transition: background var(--srednje) var(--ease), box-shadow var(--srednje) var(--ease), transform var(--hitro) var(--ease), opacity 0ms linear 500ms;
}

html body.firecheckout .place-order .actions-toolbar .primary .action:hover,
html body.firecheckout .place-order .actions-toolbar .primary .action:focus,
html body.firecheckout button.action.primary.checkout:hover {
    background: var(--gradient_rose_hover) !important;
    border: 0 !important;
    color: var(--ink) !important;
    box-shadow: 0 14px 30px -12px rgba(185, 95, 91, .8);
    transform: translateY(-2px);
}

html body.firecheckout .place-order .actions-toolbar .primary .action::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 30%;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .6), rgba(255, 255, 255, 0));
    transform: translateX(-120%) skewX(-20deg);
    pointer-events: none;
}

@media (hover: hover) {
    html body.firecheckout .place-order .actions-toolbar .primary .action:hover::after {
        animation: fl-sij 1s var(--ease);
    }
}

/* ostali gumbi na blagajni (Prijava, Posodobi, Uporabi kodo ...) - pill */
html body.firecheckout button.action.action-auth-toggle,
html body.firecheckout #checkout button.action,
html body.firecheckout .modal-popup button.action,
html body.firecheckout .form-login .actions-toolbar .action.primary {
    border-radius: 999px !important;
}

html body.firecheckout button.action.action-auth-toggle {
    padding: 10px 24px !important;
    background: var(--gradient_rose) !important;
    border: 0 !important;
    color: var(--ink) !important;
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    box-shadow: 0 4px 14px -8px rgba(185, 95, 91, .55);
}

html body.firecheckout #checkout .opc-wrapper .shipping-address-item {
    border-radius: var(--radius);
}

html body.firecheckout #checkout .opc-wrapper .shipping-address-item.selected-item {
    border-color: var(--lime);
    background: var(--lime_soft);
}


/* ---------- 17a. Porabi tocke (Mageplaza Reward Points, ion.rangeSlider) ---------- */

/* razmik od "Uporabi kodo popusta" nad njim */
html body .payment-option.opc-payment-additional.reward {
    margin-top: 12px;
}

/* celoten blok kot nezna kartica */
html body .reward-points-payment-content .reward-box {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: clamp(18px, 3vw, 28px);
    border: 1px solid var(--crta);
    border-radius: var(--radius_lg);
    background: linear-gradient(180deg, #fff 0%, var(--blush_50) 100%);
    box-shadow: 0 18px 40px -30px rgba(185, 95, 91, .45);
    color: var(--ink);
}

/* "Imate 100 tock" - roza znacka z zvezdico */
html body .reward-points-payment-content .reward-box .points {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0;
    padding: 14px 18px;
    border-radius: var(--radius);
    background: var(--gradient_rose);
    box-shadow: var(--senca_rose);
    font-size: 1.5rem;
    line-height: 1.4;
    overflow: hidden;
}

html body .reward-points-payment-content .reward-box .points::before {
    content: "\2605";
    display: grid;
    place-items: center;
    flex: none;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    color: var(--lime_dark);
    font-size: 2.2rem;
    line-height: 1;
    box-shadow: 0 6px 16px -8px rgba(185, 95, 91, .6);
}

/* dekorativni lesk v desnem kotu */
html body .reward-points-payment-content .reward-box .points::after {
    content: "";
    position: absolute;
    top: -40px;
    right: -30px;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, .55) 0%, rgba(255, 255, 255, 0) 70%);
    pointer-events: none;
}

html body .reward-points-payment-content .reward-box .points strong,
html body .reward-points-payment-content .reward-box .points b {
    color: var(--rose_600);
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: .01em;
}

/* "Izberite, koliko tock porabite" + "1 tocka = 1,00 EUR" */
html body .reward-points-payment-content .reward-rule-select {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin: 0;
}

html body .reward-points-payment-content .reward-rule-select > .label {
    flex: 1 1 100%;
    margin: 0;
    padding: 0;
    color: var(--ink);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
}

html body .reward-points-payment-content .reward-rule-select > .content {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 14px;
    border: 1px solid var(--lime_300);
    border-radius: 999px;
    background: var(--lime_soft);
    color: var(--lime_ink);
    font-size: 1.3rem;
    font-weight: 500;
}

html body .reward-points-payment-content .reward-rule-select > .content::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--lime);
    flex: none;
}

html body .reward-points-payment-content .reward-rule-select > .content select {
    border-radius: 999px !important;
}

/* drsnik */
html body .reward-points-payment-content .reward-spending-slider {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

html body .reward-points-payment-content .reward-spending-slider[style*="display: none"] {
    display: none !important;
}

html body .reward-points-payment-content .range-slider {
    width: 100%;
    max-width: none;
    padding: 0 4px;
    box-sizing: border-box;
}

html body .reward-points-payment-content .irs {
    height: 64px;
    font-family: 'Montserrat', sans-serif;
}

html body .reward-points-payment-content .irs .irs-line {
    top: 38px;
    height: 10px;
    border: 0;
    border-radius: 999px;
    background: var(--blush_100);
    box-shadow: inset 0 1px 3px rgba(185, 95, 91, .18);
}

html body .reward-points-payment-content .irs .irs-bar {
    top: 38px;
    height: 10px;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--lime_300) 0%, var(--lime) 60%, var(--lime_dark) 100%);
    box-shadow: 0 4px 12px -4px rgba(111, 154, 30, .55);
}

html body .reward-points-payment-content .irs .irs-shadow,
html body .reward-points-payment-content .irs .irs-handle > i {
    display: none !important;
}

/* rocaj: bel krog z zelenim robom */
html body .reward-points-payment-content .irs .irs-handle {
    top: 30px;
    width: 26px;
    height: 26px;
    border: 3px solid var(--lime);
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 6px 16px -6px rgba(47, 74, 12, .55);
    box-sizing: border-box;
    cursor: grab;
    transition: transform var(--hitro) var(--ease), box-shadow var(--hitro) var(--ease);
}

html body .reward-points-payment-content .irs .irs-handle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    border-radius: 50%;
    background: var(--lime_dark);
}

html body .reward-points-payment-content .irs .irs-handle.state_hover,
html body .reward-points-payment-content .irs .irs-handle:hover {
    transform: scale(1.12);
    box-shadow: 0 0 0 6px rgba(163, 203, 58, .22), 0 8px 18px -6px rgba(47, 74, 12, .55);
}

html body .reward-points-payment-content .irs .irs-handle:active {
    cursor: grabbing;
}

/* oblacek z izbrano vrednostjo */
html body .reward-points-payment-content .irs .irs-single,
html body .reward-points-payment-content .irs .irs-from,
html body .reward-points-payment-content .irs .irs-to {
    top: 0;
    padding: 3px 10px;
    border-radius: 999px;
    background: var(--ink);
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.333;
    text-shadow: none;
    box-shadow: 0 6px 14px -6px rgba(45, 36, 39, .6);
}

html body .reward-points-payment-content .irs .irs-single::before,
html body .reward-points-payment-content .irs .irs-from::before,
html body .reward-points-payment-content .irs .irs-to::before {
    bottom: -8px;
    margin-left: -4px;
    border-width: 4px;
    border-top-color: var(--ink);
}

/* min / max: brez podlage, diskretno */
html body .reward-points-payment-content .irs .irs-min,
html body .reward-points-payment-content .irs .irs-max {
    top: 2px;
    padding: 2px 0;
    background: none;
    color: var(--muted);
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-shadow: none;
}

/* "Porabili boste" - vrstica s poljem na desni */
html body .reward-points-payment-content .extra-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin: 0;
    padding: 12px 12px 12px 18px;
    border: 1px solid var(--crta);
    border-radius: var(--radius);
    background: #fff;
    text-align: left !important;
}

html body .reward-points-payment-content .extra-controls label,
html body .reward-points-payment-content .extra-controls .label,
html body .reward-points-payment-content .extra-controls > span {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--muted);
    font-size: 1.3rem;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
    text-align: left !important;
}

html body .reward-points-payment-content .extra-controls input {
    flex: 0 0 auto;
    width: 130px !important;
    max-width: 45%;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 2px solid var(--lime_300) !important;
    border-radius: 999px !important;
    background: var(--lime_soft) !important;
    color: var(--lime_ink) !important;
    font-size: 2rem !important;
    font-weight: 700 !important;
    text-align: center !important;
    transition: border-color var(--hitro) var(--ease), box-shadow var(--hitro) var(--ease), background-color var(--hitro) var(--ease);
}

html body .reward-points-payment-content .extra-controls input:focus {
    border-color: var(--lime) !important;
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(163, 203, 58, .22) !important;
}

/* "Maksimiziraj popust s tockami" - zelena kartica kot "racun na podjetje" */
html body .reward-points-payment-content .reward-spending-slider > .field.choice {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 14px 18px;
    border: 1px solid var(--lime_300);
    border-radius: var(--radius);
    background: var(--lime_soft);
    color: var(--lime_ink);
    cursor: pointer;
    transition: border-color var(--hitro) var(--ease), box-shadow var(--hitro) var(--ease);
}

html body .reward-points-payment-content .reward-spending-slider > .field.choice:hover {
    border-color: var(--lime);
    box-shadow: 0 8px 20px -14px rgba(111, 154, 30, .7);
}

html body .reward-points-payment-content .reward-spending-slider > .field.choice:has(input:checked) {
    border-color: var(--lime);
    background: linear-gradient(135deg, var(--lime_soft) 0%, #e6f2c6 100%);
}

html body .reward-points-payment-content .reward-spending-slider > .field.choice input[type="checkbox"] {
    flex: none;
    margin: 0 !important;
    cursor: pointer;
}

html body .reward-points-payment-content .reward-spending-slider > .field.choice label,
html body .reward-points-payment-content .reward-spending-slider > .field.choice .label {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--lime_ink);
    font-size: 1.4rem;
    font-weight: 600;
    text-align: left !important;
    cursor: pointer;
}

@media (max-width: 480px) {
    html body .reward-points-payment-content .extra-controls {
        flex-wrap: wrap;
    }

    html body .reward-points-payment-content .extra-controls input {
        width: 100% !important;
        max-width: none;
    }
}


/* ---------- 18. Blog (Mirasvit Blog MX) ---------- */

/* skupno: datum kot majhen napis z zeleno piko, gumb "Beri dalje" kot ostali gumbi */
html body .blog__post-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 8px;
    color: var(--muted);
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: .1em;
    text-transform: uppercase;
}

html body .blog__post-meta::before {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--lime);
    flex: none;
}

html body .blog__post-meta i.fa {
    display: none;
}

html body a.read-more,
html body .blog__post-item .blog__post-excerpt a.read-more {
    display: inline-block;
    float: none;
    margin: 14px 0 0;
    padding: 10px 24px !important;
    background: var(--gradient_rose);
    border: 1px solid transparent;
    border-radius: 999px;
    color: var(--ink);
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
    text-decoration: none;
    box-shadow: 0 4px 14px -8px rgba(185, 95, 91, .55);
}

html body a.read-more:hover,
html body .blog__post-item .blog__post-excerpt a.read-more:hover {
    background: var(--gradient_rose_hover);
    border-color: transparent;
    color: var(--ink);
    text-decoration: none;
    box-shadow: 0 10px 24px -10px rgba(185, 95, 91, .7);
    transform: translateY(-2px);
}

/* --- naslovnica: widget "Nasveti za stilistke in stiliste" --- */

/* besedilo "Nasveti" pod naslovom postane dekorativni Allura napis v ozadju (kot pri ostalih sekcijah) */
html body .widget.block-static-block:has(> .blog__main-recent) {
    position: relative;
    padding-top: 40px;
}

html body .widget.block-static-block:has(> .blog__main-recent) > h2 {
    position: relative;
    z-index: 1;
}

html body .widget.block-static-block:has(> .blog__main-recent) > h2::after {
    content: "";
    display: block;
    width: 140px;
    height: 3px;
    margin: 18px auto 0;
    border-radius: 3px;
    background: linear-gradient(90deg, rgba(217, 143, 138, 0) 0%, var(--rose_500) 22%, var(--rose_600) 45%, var(--lime) 72%, rgba(163, 203, 58, 0) 100%);
}

html body .widget.block-static-block:has(> .blog__main-recent) > h2 + p {
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    z-index: 0;
    margin: 0;
    font-family: 'Allura', cursive;
    font-size: 95px;
    line-height: 1;
    text-align: center;
    pointer-events: none;
    background: linear-gradient(100deg, #efc9bf 0%, #d98f8a 22%, #c9716c 34%, #fff4ef 48%, #d98f8a 62%, #efc9bf 80%, #d98f8a 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    animation: fl-lesk 6s linear infinite;
}

html body .blog__main-recent .blog__post-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 28px;
    margin: 36px 0 0;
    padding: 0;
    list-style: none;
}

html body .blog__main-recent .blog__post-list .blog__post-item {
    display: block !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

html body .blog__main-recent .blog__post-list .blog__post-excerpt {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 12px 12px 22px;
    background: #fff;
    border: 1px solid var(--crta);
    border-radius: var(--radius_lg);
    box-shadow: 0 2px 10px -4px rgba(185, 95, 91, .10);
    transition: transform .45s var(--ease_out), box-shadow .45s var(--ease_out);
}

html body .blog__main-recent .blog__post-list .blog__post-excerpt > a:first-child {
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: var(--radius);
}

html body .blog__main-recent .blog__post-list .blog__post-excerpt > a:first-child img {
    display: block;
    width: 100%;
    max-width: 100% !important;
    height: auto;
    margin: 0 !important;
    transition: transform 1.2s var(--ease_out);
}

html body .blog__main-recent .blog__post-list .blog__post-header {
    padding: 16px 8px 0;
}

html body .blog__main-recent .blog__post-list .blog__post-title,
html body .blog__main-recent .blog__post-list .blog__post-title a {
    margin: 0;
    color: var(--ink);
    font-size: 16px !important;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: .04em;
    text-align: left;
    text-decoration: none;
}

html body .blog__main-recent .blog__post-list .blog__post-excerpt a.read-more {
    margin: auto 8px 0;
    padding-top: 10px !important;
}

html body .blog__main-recent .blog__post-list .blog__post-header + a.read-more {
    margin-top: 18px;
}

@media (hover: hover) {
    html body .blog__main-recent .blog__post-list .blog__post-excerpt:hover {
        transform: translateY(-4px);
        box-shadow: var(--senca_rose);
    }

    html body .blog__main-recent .blog__post-list .blog__post-excerpt:hover > a:first-child img {
        transform: scale(1.04);
    }

    html body .blog__main-recent .blog__post-list .blog__post-title a:hover {
        color: var(--rose_600);
    }
}

/* --- seznam objav (Nasveti in novicke) --- */
html body.blog-category-index .blog__post-list > .blog__post-item,
html body.blog-search-index .blog__post-list > .blog__post-item {
    gap: 36px;
    margin: 0 0 28px !important;
    padding: 16px !important;
    background: #fff;
    border: 1px solid var(--crta) !important;
    border-radius: var(--radius_lg);
    transition: transform .45s var(--ease_out), box-shadow .45s var(--ease_out);
}

/* cik-cak: vsaka druga objava ima sliko na desni */
html body.blog-category-index .blog__post-list > .blog__post-item:nth-of-type(even) {
    flex-direction: row-reverse;
}

html body.blog-category-index .blog__post-list .crta,
html body.blog-search-index .blog__post-list .crta {
    display: none;
}

html body.blog-category-index .blog_desno,
html body.blog-search-index .blog_desno {
    margin-left: 0 !important;
    padding: 12px 16px 12px 0;
}

html body.blog-category-index .blog__post-item:nth-of-type(even) .blog_desno {
    padding: 12px 0 12px 16px;
}

html body.blog-category-index .blog__post-title,
html body.blog-category-index .blog__post-title a,
html body.blog-search-index .blog__post-title a {
    margin: 0 0 12px;
    color: var(--ink) !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    line-height: 1.35;
    letter-spacing: .03em;
    text-decoration: none;
}

html body.blog-category-index .blog_opis,
html body.blog-search-index .blog_opis {
    color: #5c5256;
    font-size: 1.5rem;
    line-height: 1.75;
}

html body.blog-category-index .blog__post-footer {
    display: none;
}

@media (hover: hover) {
    html body.blog-category-index .blog__post-list > .blog__post-item:hover,
    html body.blog-search-index .blog__post-list > .blog__post-item:hover {
        transform: translateY(-4px);
        box-shadow: var(--senca_rose);
    }

    html body.blog-category-index .blog__post-title a:hover {
        color: var(--rose_600) !important;
    }
}

@media (max-width: 767px) {
    html body.blog-category-index .blog__post-list > .blog__post-item,
    html body.blog-category-index .blog__post-list > .blog__post-item:nth-of-type(even),
    html body.blog-search-index .blog__post-list > .blog__post-item {
        flex-direction: column;
        gap: 12px;
    }

    html body.blog-category-index .blog_levo,
    html body.blog-category-index .blog_desno {
        flex-basis: 100% !important;
        width: 100%;
        padding: 0 4px 8px !important;
    }
}

/* --- posamezna objava --- */
html body.blog-post-view .page-main > .page-title-wrapper .page-title {
    max-width: 980px;
    margin: 0 auto;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: .06em;
}

html body.blog-post-view .blog__post-view {
    max-width: 880px;
}

html body.blog-post-view .blog__post-view .blog__post-featured-image {
    display: block;
    width: 100%;
    margin: 6px 0 32px;
    border-radius: var(--radius_lg);
    box-shadow: var(--senca_rose);
}

html body.blog-post-view .blog__post-view > p,
html body.blog-post-view .blog__post-view li {
    color: #3d3438;
    font-size: 1.6rem;
    line-height: 1.8;
}

html body.blog-post-view .blog__post-view h2,
html body.blog-post-view .blog__post-view h3 {
    margin: 34px 0 14px;
    padding-left: 14px;
    border-left: 4px solid var(--lime);
    color: var(--ink);
    font-size: 2rem;
    line-height: 1.35;
    letter-spacing: .04em;
    text-align: left;
}

html body.blog-post-view .blog__post-view ul li::marker {
    color: var(--rose_500);
}

html body.blog-post-view .blog__post-view a:not(.read-more) {
    color: var(--rose_600);
    text-decoration: underline;
    text-decoration-color: var(--rose_300);
    text-underline-offset: 3px;
}

/* sorodni izdelki pod objavo */
html body.blog-post-view .blog__post-view-related-products {
    margin-top: 48px;
    padding-top: 32px;
    border-top: 1px solid var(--crta);
}

html body.blog-post-view .blog__post-view-related-products .block-title {
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .12em;
    text-transform: uppercase;
}

html body.blog-post-view .blog__post-view-related-products .block-title::after {
    content: "";
    display: block;
    width: 140px;
    height: 3px;
    margin: 16px auto 0;
    border-radius: 3px;
    background: linear-gradient(90deg, rgba(217, 143, 138, 0) 0%, var(--rose_500) 22%, var(--rose_600) 45%, var(--lime) 72%, rgba(163, 203, 58, 0) 100%);
}

/* stranski stolpec "Zadnje objave": sirsi stolpec na strani objave */
@media (min-width: 1024px) {
    html body.blog-post-view.page-layout-2columns-right .column.main {
        width: 72% !important;
    }

    html body.blog-post-view.page-layout-2columns-right .sidebar.sidebar-main,
    html body.blog-post-view.page-layout-2columns-right .sidebar.sidebar-additional {
        width: 26% !important;
        padding-left: 2%;
        box-sizing: border-box;
    }
}

html body .blog__sidebar-recent ol.items > li.item > a:first-child {
    grid-column: 1;
    grid-row: 1;
    display: block;
    float: none !important;
    width: auto !important;
    margin: 0 !important;
    overflow: hidden;
    border-radius: 10px;
}

@media (min-width: 768px) {
    html body.blog-post-view .blog__sidebar-recent {
        position: sticky;
        top: 24px;
    }
}

html body .blog__sidebar-recent {
    padding: 22px 20px !important;
    background:
        radial-gradient(260px 160px at 110% -10%, rgba(241, 211, 202, .55), transparent 70%),
        #fff;
    border: 1px solid var(--crta) !important;
    border-radius: var(--radius_lg);
    box-shadow: 0 18px 40px -30px rgba(185, 95, 91, .45);
}

html body .blog__sidebar-recent .block-title strong {
    display: block;
    margin-bottom: 8px;
    color: var(--rose_600);
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

html body .blog__sidebar-recent ol.items {
    margin: 0;
    padding: 0;
    list-style: none;
}

html body .blog__sidebar-recent ol.items > li.item {
    display: grid;
    grid-template-columns: 92px 1fr;
    align-items: center;
    gap: 12px;
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px dashed var(--crta);
}

html body .blog__sidebar-recent ol.items > li.item:last-child {
    border-bottom: 0;
}

html body .blog__sidebar-recent ol.items > li.item img {
    display: block;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    margin: 0 !important;
    border-radius: 10px;
    transition: transform var(--srednje) var(--ease_out);
}

html body .blog__sidebar-recent ol.items > li.item > a:last-child {
    grid-column: 2;
    grid-row: 1;
    color: var(--ink) !important;
    font-size: 1.25rem;
    font-weight: 500 !important;
    line-height: 1.4;
    text-decoration: none;
}

@media (hover: hover) {
    html body .blog__sidebar-recent ol.items > li.item:hover img {
        transform: scale(1.05);
    }

    html body .blog__sidebar-recent ol.items > li.item > a:last-child:hover {
        color: var(--rose_600) !important;
    }
}


/* ---------- 15. Zmanjsano gibanje (nastavitev dostopnosti v OS) ---------- */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}