/*!
Theme Name: vdtheme
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vdtheme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

vdtheme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
	margin-top: 0px;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
/* 	padding: 0.35em 0.75em 0.625em; */
/* 	margin-bottom: 0rem !important; */
}
fieldset.w-100 br {
    display: none;
}
fieldset.w-100 label {
	 margin-bottom: 0.5rem !important;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
/* a {
	color: #4169e1;
} */

/* a:visited {
	color: #800080;
} */

a:hover,
a:focus,
a:active {
	color: #191970;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}


/* css-20/may/2025 */



/*===================== TABLE OF CONTENT =======================

1. Reset
2. Body Style
3. Placeholders & Highlights
4. Container & Grid
5. Headings
6. Buttons
7. Form
8. Paddings & Margins
9. Breadcrumbs
10. Custom Style
11. Cookies
12. Pagination
13. Slider 
15. Header
16. Intro
17. Products
18. Categories
19. Brands
20. About
21. Footer
22. Products Page
23. Product Single Page
24. Contact Page
Woocommerce

=============================================================*/
/* ================================================================================== 
1. Reset
===================================================================================== */
*, *::after, *::before { margin: 0; padding: 0; -webkit-box-sizing: inherit; box-sizing: inherit; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a, a:active, a:hover, a:focus { outline: none; } abbr[title] { border-bottom: 1px dotted; } dfn { font-style: italic; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; max-width: 100%; } svg:not(:root) { overflow: hidden; } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; margin-top: 30px; margin-bottom: 35px; border-width: 0; border-top: 1px solid #e1e1e1; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } input:focus, select:focus, textarea:focus, button:focus { outline: none; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } input, textarea, button, select, a { -webkit-tap-highlight-color: transparent; } a { color: inherit; text-decoration: none; -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } strong { font-weight: 700; }
.fancybox__button--zoo, .fancybox__button--slideshow, .fancybox__button--fullscreen, .fancybox__button--thumbs, .fancybox__button--zoom{
  display: none;
}
.none{
  display: none;
}
ul, ol { padding-left: 4rem; }

/* ================================================================================== 
2. Body Style
===================================================================================== */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 56.25%;
  word-wrap: break-word;
}
@media only screen and (min-width: 80.0625em) {
  /*1281px*/
  html {
    font-size: 62.5%;
  }
}
body {
  font-family: "Outfit", sans-serif;
  font-weight: 300;
  line-height: 1.6;
  color:#000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.6rem;
  
}
main{
  position: relative;
}
/* ================================================================================== 
3. Placeholders & Highlights
===================================================================================== */
::placeholder{
    font-weight: 300 !important;
    color: inherit !important;
    opacity: 0.7 !important;
}
textarea::placeholder{
    font-weight: 300 !important;
    color: inherit !important;
    opacity: 0.7 !important;
}
::-webkit-input-placeholder { color: inherit !important; opacity: 0.6 !important; }
:-moz-placeholder { color: inherit!important; opacity: 0.6!important; }
::-moz-placeholder { color: inherit!important; opacity: 0.6!important; }
:-ms-input-placeholder { color: inherit!important; }
::-moz-selection { background-color: #31479e!important;  color: #fff!important; }  
::selection { background-color: #31479e!important; color: #fff!important; }
/* ================================================================================== 
4. Container & Grid
===================================================================================== */
.container {
  position: relative;
  width: 100%;
  max-width: 148rem;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 2rem;
}
.container-lg{
  max-width: 180rem;
}
.container-xl{
  max-width: 192rem;
  padding: 0;
}
.container-sm{
  max-width: 100rem;
}
/* ================================================================================== 
5. Headings
===================================================================================== */

h1, h2, h3, h4, h5, h6 { margin-bottom: 2rem; font-weight: 400;line-height:1.4;}
.title h1, .title h2{ font-size: 2.6rem; }
p { margin-bottom: 2rem; }
.title{ margin-bottom:4rem; }
.title-center{text-align: center;}
@media only screen and (min-width: 75.0625em) {
  /*1201px*/
  .title h1, .title h2{ font-size: 2.8rem; }
}


/* ================================================================================== 
6. Buttons
===================================================================================== */
.contact-form .wpcf7-submit {
padding: 14px 40px !important;
}
.btn {
	display: inline-block;
	padding: 1.2rem 4rem !important;
	font-weight: 400;
  border-radius: 10rem !important;
}
.btn-primary{
  background-color: #31479e !important;
  color: #fff !important;
}
.btn-primary:hover{
  background-color: #fff326 !important;
  color: #000 !important;
	border: none !important;
}
.btn-cart, .single_add_to_cart_button {
	background-image: url(images/cart-white.svg) !important;
	background-position: left 4.2rem center;
	background-size: 2rem;
	background-repeat: no-repeat;
	padding-left: 8rem !important;
}
button.woocommerce-Button.button, button.woocommerce-button.button,  a.button.wc-backward,   .woocommerce a.button.alt, button.button, button#place_order, a.woocommerce-Button.wc-forward.button, .woocommerce-MyAccount-content a.button, a.button.wc-forward{
	display: inline-block;
	padding: 1.2rem 4.6rem !important;
	font-weight: 400;
	border-radius: 10rem !important;
	border: 1px solid transparent;
	transition: all .4s ease-in-out;
	background-color: #31479e !important;
	color: #fff !important;
	border-color: #31479e;
	font-size: inherit;
}
button.woocommerce-Button.button:hover, button.woocommerce-button.button:hover,  a.button.wc-backward:hover,  .woocommerce a.button.alt:hover, button.button:hover, button#place_order:hover, a.woocommerce-Button.wc-forward.button:hover, .woocommerce-MyAccount-content a.button:hover, a.button.wc-forward:hover{
  background-color: #fff326 !important;
    color: #000 !important;
	border-color: #fff326;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
  display: block;
  width: 100% !important;
  padding: 1.6rem 2rem !important;
  font-size: 1.7rem !important;
  font-weight: 600;
  text-align: center;
}
/* sporedni gumbi u kosarici (kupon, azuriraj) - obrub umjesto pune boje */
.actions button.button{
  display: inline-block;
	padding: 1.2rem 3rem !important;
	font-weight: 500;
	border-radius: 10rem;
	border: 1px solid #31479e !important;
  transition: all .4s ease-in-out;
  background-color: #fff !important;
  color: #31479e !important;
  font-size: inherit;
}
.actions button.button:hover{
  background-color: #31479e !important;
  color: #fff !important;
}
.actions button.button:disabled,
.actions button.button:disabled:hover{
  opacity: 0.45;
  background-color: #fff !important;
  color: #31479e !important;
  cursor: default;
}
/* ================================================================================== 
7. Form
===================================================================================== */
form p{
  margin-bottom: 0;
}
input,
textarea, select {
  display: block;
  width: 100%;
  border: 1px solid #cacaca !important;
  padding: 1rem 1.6rem !important;
  outline: none;
  background-color: #ffffff;

}
textarea{
  resize: vertical;
  height: 19rem;
}
input:focus,
textarea:focus, select:focus {
  border-color: #31479e;

}
label {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
button {
  transition: all 0.4s ease-in-out;
  border:0;
}
fieldset{
  border: 0;
  margin-bottom: 2rem;
}
label.check-wrapper {
  position: relative;
  padding-left: 3rem;
  margin-bottom: 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-transform: none;
}
.check-wrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 1.5rem;
  width: 1.5rem;
  border: 1px solid #43515a;
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.check-wrapper input:checked ~ .checkmark:after {
  display: block;
}
.check-wrapper .checkmark::after {
  left: 0.4rem;
  top: 0.2rem;
  width: 0.5rem;
  height: 1rem;
  border: solid #43515a;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
/*-----------*/
.wpcf7-list-item label{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  gap:1rem;
}
.wpcf7-list-item label input{
  width: auto;
  margin: 0;
}
.wpcf7-list-item{
  margin-left: 0;
}
.wpcf7-not-valid-tip{
	position: relative;
	padding: .75rem 1.25rem;
	margin-top: 1rem;
	border: 1px solid #f5c6cb;
	border-radius: .25rem;
  font-size: 1.4rem;
  color: #721c24;
  background-color: #f8d7da;

}
.wpcf7 form .wpcf7-response-output {
	position: relative !important;
	padding: .75rem 1.25rem !important;
	margin-top: 1rem !important;
	border: 1px solid transparent !important;
	border-radius: .25rem !important;
  font-size: 1.4rem !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
  font-size: 1.4rem  !important;
  color: #721c24 !important;
  background-color: #f8d7da !important;
  border: 1px solid #f5c6cb !important;
}
.wpcf7 form.sent .wpcf7-response-output {
  font-size: 1.4rem  !important;
  color: #155724 !important;
  background-color: #c3e6cb !important;
  border: 1px solid #d4edda !important;

}
/*---------------*/
.select2-container .select2-selection--single {
	height: 4.8rem !important;
	display: flex !important;
	align-items: center;
}
.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 1.6rem !important;
	color: #000 !important;
}
.select2-container{
  font-size: 1.5rem;
  color: #000 !important;
  font-weight: 400  !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	transform: translateY(-50%)  !important;
  top: 50% !important;
  right: 1rem !important;
}
.select2-container--default .select2-selection--single {
	background-color: #fff  !important;
	border: 1px solid #cfd5db !important;
	border-radius: 1rem !important;
	color: #000 !important;
  font-weight: 400  !important;
}
.select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--focus .select2-selection--single{
	border-color: #31479e !important;
}
.select2-dropdown {
	background-color: #fff !important;
	border: 1px solid #cfd5db !important;
	border-radius: 1rem !important;
	overflow: hidden;
}
.select2-results__option{
  padding: 0.8rem  1.6rem !important;
  font-size: 1.5rem  !important;
  color: #000!important;
  font-weight: 400  !important;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable,.select2-container--default .select2-results__option--selected {

	background-color: #31479e !important;
	color: #fff !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
	background-color: #ececec;
	color: #fff;
}
/* ================================================================================== 
8. Paddings & Margins
===================================================================================== */
.space {
  padding: 5rem 0;
}
.mt-5{
  margin-top: 5rem;
}
.no-pt{
  padding-top: 0 !important;
}
.no-pb{
  padding-bottom: 0 !important;
}
@media only screen and (min-width: 64.0625em) {
  /*1025px*/

}
/* .menu-item-has-children za wp sub parent*/
/* .current_page_item za wp active link u navigaciji*/
/* ================================================================================== 
9. Breadcrumbs
===================================================================================== */
.breadcrumbs{
  background-color: #f1f2f4;
  padding: 1rem 0;
  font-size: 1.4rem;
}
.breadcrumbs ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.breadcrumbs ul li{
  display: inline-block;
  font-weight: 600;

}
.breadcrumbs ul li::after{
  content: '|';
  display: inline-block;
  margin: 0 1rem;
}
.breadcrumbs ul li a{
  display: inline-block;
  font-weight: 400;
}
.breadcrumbs ul li:last-child:after{
  content: none;
}
/* ================================================================================== 
10. Custom Style
===================================================================================== */
.list ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.list ul li{
  position: relative;
  padding-left: 3rem;
  margin-bottom: 3rem;
}
.list  ul li::before{
  content: '';
  position: absolute;
  left: 0;
  top: 3px;
  width: 2rem;
  height: 2rem;
  background-image: url(images/list.svg);
  background-repeat: no-repeat;
  background-size: 2rem;
}
/* ================================================================================== 
11. Cookies
===================================================================================== */
.cky-btn-accept {
	background: #000 !important;
	border: 2px solid #000 !important;
}
.cky-btn-reject,  .cky-btn-customize, .cky-btn-preferences {
	color: #000 !important;
	border: 2px solid #000 !important;
}
button.cky-show-desc-btn:not(:hover):not(:active){
  color: #000 !important;
  font-weight: 600;
}
.cky-btn-revisit-wrapper{
  background-color: #000 !important;
}
/* ================================================================================== 
12. Pagination
===================================================================================== */
.woocommerce nav.woocommerce-pagination{
  margin-top: 4rem;
}
ul.page-numbers{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.8rem;
}
.woocommerce nav.woocommerce-pagination ul li {
  border: 0 !important;
  background-color: transparent;
  overflow: visible;
}
/* svaki broj je zaobljena kartica; sirina raste s brojem (npr. 580) */
a.page-num,
.woocommerce nav.woocommerce-pagination ul li a.page-numbers,
.woocommerce nav.woocommerce-pagination ul li span.page-numbers{
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 4.4rem;
  height: 4.4rem;
  padding: 0 1.2rem;
  border: 1px solid #cfd5db;
  border-radius: 1rem;
  background-color: #fff;
  color: #000;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1;
  transition: all .2s ease;
}
a.page-num:hover,
.woocommerce nav.woocommerce-pagination ul li a.page-numbers:hover{
  border-color: #31479e;
  background-color: #f0f3fb;
  color: #31479e;
}
.woocommerce nav.woocommerce-pagination ul li span.page-numbers.current{
  border-color: #31479e;
  background-color: #31479e;
  color: #fff;
  font-weight: 600;
}
.woocommerce nav.woocommerce-pagination ul li span.page-numbers.dots{
  min-width: auto;
  padding: 0 0.4rem;
  border-color: transparent;
  background-color: transparent;
  color: #6b7280;
}
/* ================================================================================== 
13. Slider
===================================================================================== */
.swiper-pagination{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap:1rem;
}
.swiper-pagination-bullet{
  display: inline-block;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border:1px solid transparent;
  position: relative;
  background-color: transparent;
  transition: all .4s ease-in-out;
  cursor: pointer;
}
.swiper-pagination-bullet::before{
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  border-radius: 50%;
  width:6px;
  height: 6px;
  background-color: #000;

}

.swiper-pagination-bullet.swiper-pagination-bullet-active{
  border-color: #000;
}

/* -----swiper--- */
.custom-arrows{
  display: flex;
  flex-direction: row;
  gap:1rem;
 
}
.custom-arrow{
  width:5rem;
  height:5rem;
  border-radius: 50%;
  border:1px solid #cfd5db;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.2rem;
  cursor: pointer;
  z-index: 2;
  transition: border-color .3s ease, background-color .3s ease;
}
.custom-arrow:hover{
  border-color: #31479e;
  background-color: #f1f2f4;
}
.custom-next{
  background-image: url(images/next.svg);
}
.custom-prev{
  background-image: url(images/prev.svg);
}
.materials-prev, .materials-next{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.materials-prev{
  left: 0;
}
.materials-next{
  right: 0;
}

/* ================================================================================== 
14. Woocommerce
===================================================================================== */
.woocommerce-checkout input[type="checkbox"], .woocommerce-checkout input[type="radio"] {
	position: static !important;
	width: 1.8rem;
	height: 1.8rem;
	padding: 0 !important;
	accent-color: #31479e;
	left: auto;
	top: auto;
}
.woocommerce-checkout-payment  li,  .woocommerce-shipping-methods li{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
}
.woocommerce-checkout-payment  li input, .woocommerce-shipping-methods li input{
    width:auto;
    margin-right:1rem;
}
/* dostava: radio i tekst uvijek u istom redu, dugi tekst se lomi pored radija */
.woocommerce-shipping-methods li{
    flex-wrap:nowrap;
    align-items:flex-start;
}
.woocommerce-shipping-methods li input{
    flex-shrink:0;
    width:1.8rem !important;
    height:1.8rem;
    margin:0.2rem 1rem 0 0 !important;
    padding:0 !important;
}
.woocommerce-shipping-methods li label{
    flex:1;
    min-width:0;
    margin:0;
    font-weight:500;
    line-height:1.4;
}
.woocommerce-shipping-methods li, .woocommerce ul#shipping_method li{
    margin:0;
    padding:0 !important;
    
}
.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox{
      display:flex;
    align-items:center;
    flex-wrap:wrap; 
      margin:0;
    padding:0 !important;
}
.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox input{
      width:auto;
    margin-right:1rem;
}
.woocommerce ul#shipping_method li input {
	position: static !important;
	left: auto;
}
.woocommerce form .form-row textarea {
	height: 20rem;

}
.wc_payment_methods.payment_methods.methods label{
    margin:0;
}
#order_review_heading {
	margin-top: 3rem;
	clear: both;
	display: block;
	float: left;
}
.woocommerce .col2-set::after, .woocommerce .col2-set::before, .woocommerce-page .col2-set::after, .woocommerce-page .col2-set::before {
	content: none !important;
	display: none !important;
}
.woocommerce form .form-row::after, .woocommerce form .form-row::before, .woocommerce-page form .form-row::after, .woocommerce-page form .form-row::before {
	content: none !important;
	display: none !important;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
	background: transparent;
	border-radius: 0;
}
/* ------login------- */
section.pages:has(#customer_login),
section.pages:has(.lost_reset_password){
  background-color: #f5f5f6;
}
#customer_login{
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
#customer_login .u-column1,
#customer_login .u-column2{
  float: none;
  width: auto;
  padding: 3rem 2rem;
  border: 1px solid #cfd5db;
  border-radius: 2rem;
  background-color: #fff;
}
/* registracija malo drugacije, da se razlikuje od prijave */
#customer_login .u-column2{
  background-color: #f0f3fb;
}
#customer_login h2{
  font-size: 2.4rem;
  font-weight: 600;
  color: #31479e;
  margin-bottom: 2.4rem;
}
#customer_login form{
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
}
/* gumbi Prijava i Registracija na dnu kartica, u istoj liniji */
#customer_login .u-column1,
#customer_login .u-column2{
  display: flex;
  flex-direction: column;
}
#customer_login form{
  flex: 1;
  display: flex;
  flex-direction: column;
}
#customer_login form > p.form-row:not(.form-row-wide){
  order: 2;
  margin-top: auto;
  margin-bottom: 0;
  padding-top: 1rem;
}
#customer_login .form-row{
  display: flex;
  flex-direction: column;
  width: 100%;
  margin: 0 0 1.6rem;
  padding: 0;
}
#customer_login .form-row-wide label{
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 0.6rem;
}
#customer_login .required{
  color: #c9000b;
}
#customer_login .input-text{
  border: 1px solid #cfd5db !important;
  border-radius: 1rem;
  padding: 1.3rem 1.6rem !important;
  font-size: 1.5rem;
  transition: border-color .2s ease, box-shadow .2s ease;
}
#customer_login .input-text:focus{
  border-color: #31479e !important;
  box-shadow: 0 0 0 3px rgba(49,71,158,0.15);
}
.password-input{
  width: 100%;
}
.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme{
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  gap:1rem;
  margin-bottom: 1.6rem;
  font-weight: 400;
}
.woocommerce-form__label.woocommerce-form__label-for-checkbox.woocommerce-form-login__rememberme input{
  width: 1.8rem;
  height: 1.8rem;
  padding: 0 !important;
  accent-color: #31479e;
}
#customer_login .button{
  width: 100%;
  padding: 1.4rem 2rem !important;
  font-weight: 600;
}
#customer_login .cf-turnstile-wrap{
  order: 1;
}
#customer_login .lost_password{
  margin: -0.6rem 0 1.6rem;
  text-align: right;
  font-size: 1.4rem;
}
#customer_login .lost_password a{
  color: #31479e;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
#customer_login form p:not(.form-row):not(.lost_password),
#customer_login .woocommerce-privacy-policy-text p{
  margin-bottom: 1.6rem;
  font-size: 1.3rem;
  line-height: 1.5;
  color: #4b5563;
}
#customer_login .woocommerce-privacy-policy-text a{
  color: #31479e;
}
@media only screen and (min-width: 48.0625em) {
  /*769px*/
  #customer_login{
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
  }
}
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  #customer_login .u-column1,
  #customer_login .u-column2{
    padding: 5rem;
  }
}
/* ------izgubljena / nova lozinka------- */
section.pages:has(.lost_reset_password) .title{
  text-align: center;
}
.woocommerce form.lost_reset_password{
  position: relative;
  max-width: 52rem;
  margin: 5rem auto 0;
  padding: 6rem 2rem 3rem;
  border: 1px solid #cfd5db;
  border-radius: 2rem;
  background-color: #fff;
}
.woocommerce form.lost_reset_password::before{
  content: '';
  position: absolute;
  left: 50%;
  top: -3.6rem;
  transform: translateX(-50%);
  width: 7.2rem;
  height: 7.2rem;
  border: 1px solid #cfd5db;
  border-radius: 50%;
  background-color: #f0f3fb;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2331479e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 2.8rem;
}
.woocommerce form.lost_reset_password > p:first-child{
  margin-bottom: 2.4rem;
  font-size: 1.5rem;
  line-height: 1.6;
  text-align: center;
  color: #4b5563;
}
.woocommerce form.lost_reset_password .form-row{
  float: none;
  width: 100%;
  margin: 0 0 1.6rem;
  padding: 0;
}
.woocommerce form.lost_reset_password label{
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 0.6rem;
}
.woocommerce form.lost_reset_password .required{
  color: #c9000b;
}
.woocommerce form.lost_reset_password .input-text{
  border: 1px solid #cfd5db !important;
  border-radius: 1rem;
  padding: 1.3rem 1.6rem !important;
  font-size: 1.5rem;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.woocommerce form.lost_reset_password .input-text:focus{
  border-color: #31479e !important;
  box-shadow: 0 0 0 3px rgba(49,71,158,0.15);
}
.woocommerce form.lost_reset_password .button{
  width: 100%;
  padding: 1.4rem 2rem !important;
  font-weight: 600;
}
.woocommerce form.lost_reset_password .cf-turnstile-wrap{
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  .woocommerce form.lost_reset_password{
    padding: 6rem 5rem 4rem;
  }
}

/*-----woo result-----*/
.woocommerce .woocommerce-result-count{
  margin: 0;
  float: none;
}
.woocommerce-notices-wrapper{
  width: 100%;
}
.woocommerce .woocommerce-ordering{
  margin: 0;
  float: none;
}
/*-----woo cart-----*/
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
	padding: 1.2rem 2rem !important;
	width: 23rem;
	margin-right: 1rem;
	border: 1px solid #cfd5db !important;
	border-radius: 10rem;
}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text:focus {
	border-color: #31479e !important;
}
section.pages:has(.woocommerce-cart-form){
  background-color: #f5f5f6;
}
/* tablica proizvoda i ukupni iznos kao bijele kartice */
.woocommerce-cart table.shop_table{
  border: 1px solid #cfd5db;
  border-radius: 1.6rem;
  overflow: hidden;
  background-color: #fff;
}
.woocommerce-cart table.shop_table th{
  padding: 1.4rem 1.6rem;
  font-size: 1.3rem;
  font-weight: 600;
  color: #6b7280;
}
.woocommerce-cart table.shop_table thead th{
  background-color: #f9fafb;
}
.woocommerce-cart table.shop_table td{
  padding: 1.6rem;
  border-top-color: #eef0f2;
  vertical-align: middle;
}
.woocommerce-cart table.cart .product-thumbnail img{
  width: 7rem;
  height: 7rem;
  padding: 0.4rem;
  object-fit: contain;
  border: 1px solid #eef0f2;
  border-radius: 1rem;
  background-color: #fff;
}
.woocommerce-cart table.cart .product-name a{
  font-weight: 600;
}
.woocommerce-cart table.cart .product-name a:hover{
  color: #31479e;
}
.woocommerce-cart table.cart .product-subtotal{
  font-weight: 700;
  color: #31479e;
}
.woocommerce-cart .single-quantity{
  gap: 0.4rem;
  padding-right: 0;
}
.woocommerce-cart .single-quantity .qty{
  width: 5rem;
  height: 4.4rem;
  padding: 0 !important;
  border: 1px solid #cfd5db !important;
  border-radius: 1rem;
  text-align: center;
  font-weight: 600;
  -moz-appearance: textfield;
  appearance: textfield;
}
.woocommerce-cart .single-quantity .qty::-webkit-inner-spin-button,
.woocommerce-cart .single-quantity .qty::-webkit-outer-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
.woocommerce-cart .single-quantity .plus,
.woocommerce-cart .single-quantity .minus{
  width: 4rem;
  height: 4.4rem;
}
.woocommerce-cart td.actions .coupon{
  display: flex;
  align-items: center;
}
.woocommerce-cart .cart-collaterals .cart_totals{
  padding: 2.4rem;
  border: 1px solid #cfd5db;
  border-radius: 2rem;
  background-color: #fff;
}
.woocommerce-cart .cart_totals h2{
  font-size: 2rem;
  font-weight: 600;
  color: #31479e;
  margin-bottom: 1.6rem;
}
.woocommerce-cart .cart_totals table.shop_table{
  border: 0;
  border-radius: 0;
}
.woocommerce-cart .cart_totals table.shop_table th,
.woocommerce-cart .cart_totals table.shop_table td{
  padding: 1.4rem 0;
  font-size: 1.5rem;
}
.woocommerce-cart .cart_totals th{
  font-weight: 500;
  color: #4b5563;
}
.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td{
  font-size: 1.9rem;
  color: #000;
}
.woocommerce-cart .cart_totals .order-total .amount{
  color: #31479e;
}
.woocommerce-cart ul#shipping_method li{
  margin-bottom: 0.8rem !important;
}
.woocommerce-cart ul#shipping_method li input{
  accent-color: #31479e;
}
.woocommerce-shipping-destination{
  font-size: 1.3rem;
  color: #6b7280;
}
.shipping-calculator-button{
  color: #31479e;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.woocommerce-cart .wc-proceed-to-checkout{
  padding-bottom: 0;
}
@media only screen and (max-width: 48em) {
  /*768px*/
  .woocommerce-cart .cart_totals table.shop_table_responsive tr td{
    background-color: transparent;
  }
  /* "Otprema:" u svom redu, nacini dostave lijevo ispod */
  .woocommerce-cart .cart_totals tr.shipping td{
    text-align: left;
  }
  .woocommerce-cart .cart_totals tr.shipping td::before{
    float: none;
    display: block;
    margin-bottom: 1rem;
  }
  .woocommerce-cart .cart_totals .woocommerce-shipping-destination{
    margin: 1rem 0 0.4rem;
  }
}
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  .woocommerce-cart .cart-collaterals .cart_totals{
    width: 42rem;
    padding: 3rem;
  }
}
@media only screen and (min-width: 75.0625em) {
  /*1201px*/
  /* popis proizvoda lijevo, ukupni iznos desno */
  .woocommerce-cart .entry-content > .woocommerce:has(> .woocommerce-cart-form){
    display: grid;
    grid-template-columns: minmax(0, 1fr) 38rem;
    gap: 3rem;
    align-items: start;
  }
  .woocommerce-cart .entry-content > .woocommerce > .woocommerce-notices-wrapper{
    grid-column: 1 / -1;
  }
  .woocommerce-cart .entry-content > .woocommerce > .woocommerce-notices-wrapper:empty{
    display: none;
  }
  /* ostaje vidljivo ispod sticky headera dok se scrolla */
  .woocommerce-cart .entry-content > .woocommerce .cart-collaterals{
    position: sticky;
    top: 12rem;
  }
  .woocommerce-cart .cart-collaterals .cart_totals{
    float: none;
    width: 100%;
  }
}
/*-----woo naplata-----*/
section.pages:has(form.woocommerce-checkout){
  background-color: #f5f5f6;
}
/* "Imate kupon?" */
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info{
  margin-bottom: 2rem;
  border: 1px solid #cfd5db;
  border-radius: 1rem;
  background-color: #fff;
  font-size: 1.4rem;
}
.woocommerce-checkout .showcoupon{
  color: #31479e;
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
.woocommerce-checkout form.checkout_coupon{
  margin: 0 0 2rem;
  border: 1px solid #cfd5db;
  border-radius: 1rem;
  background-color: #fff;
}
/* podaci kupca i narudzba kao bijele kartice */
.woocommerce-checkout #customer_details{
  margin-bottom: 3rem;
  padding: 2.4rem;
  border: 1px solid #cfd5db;
  border-radius: 2rem;
  background-color: #fff;
}
.woocommerce-checkout #customer_details h3,
.woocommerce-checkout #order_review_heading{
  font-size: 2rem;
  font-weight: 600;
  color: #31479e;
  margin-bottom: 2rem;
}
.woocommerce-checkout #customer_details #ship-to-different-address{
  font-size: 1.5rem;
  color: #000;
}
.woocommerce-checkout #ship-to-different-address label{
  gap: 1rem;
  cursor: pointer;
}
.woocommerce-checkout .woocommerce-additional-fields{
  margin-top: 2rem;
}
.woocommerce-checkout form .form-row{
  margin-bottom: 1.4rem;
}
.woocommerce-checkout form .form-row label{
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 0.4rem;
}
.woocommerce-checkout form .form-row .required{
  color: #c9000b;
}
.woocommerce-checkout form .form-row .input-text{
  border: 1px solid #cfd5db !important;
  border-radius: 1rem;
  padding: 1.3rem 1.6rem !important;
  font-size: 1.5rem;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.woocommerce-checkout form .form-row .input-text:focus{
  border-color: #31479e !important;
  box-shadow: 0 0 0 3px rgba(49,71,158,0.15);
}
.woocommerce-checkout form .form-row textarea.input-text{
  height: 12rem;
}
.woocommerce-checkout #order_review_heading{
  float: none;
  margin: 0;
  padding: 2.4rem 2.4rem 0;
  border: 1px solid #cfd5db;
  border-bottom: 0;
  border-radius: 2rem 2rem 0 0;
  background-color: #fff;
}
.woocommerce-checkout #order_review{
  padding: 1.6rem 2.4rem 2.4rem;
  border: 1px solid #cfd5db;
  border-top: 0;
  border-radius: 0 0 2rem 2rem;
  background-color: #fff;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table{
  margin-bottom: 2rem;
  border: 0;
  border-radius: 0;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table th,
.woocommerce-checkout table.woocommerce-checkout-review-order-table td{
  padding: 1.2rem 0;
  border-top-color: #eef0f2;
  font-size: 1.5rem;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table thead th{
  padding-top: 0;
  font-size: 1.3rem;
  font-weight: 600;
  color: #6b7280;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-total,
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td{
  text-align: right;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th{
  font-weight: 500;
  color: #4b5563;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout table.woocommerce-checkout-review-order-table .order-total td{
  font-size: 1.9rem;
  color: #000;
}
.woocommerce-checkout table.woocommerce-checkout-review-order-table .order-total .amount{
  color: #31479e;
}
/* nacini placanja kao kartice, odabrani je plavi */
.woocommerce-checkout #payment ul.payment_methods{
  padding: 0;
  border-bottom: 0;
}
.woocommerce-checkout #payment ul.payment_methods li{
  margin-bottom: 0.8rem;
  padding: 1.2rem 1.4rem !important;
  border: 1px solid #cfd5db;
  border-radius: 1rem;
  line-height: 1.4;
}
.woocommerce-checkout #payment ul.payment_methods li:has(input:checked){
  border-color: #31479e;
  background-color: #f0f3fb;
}
.woocommerce-checkout #payment ul.payment_methods li label{
  flex: 1;
  font-weight: 500;
  cursor: pointer;
}
.woocommerce-checkout #payment div.form-row.place-order{
  padding: 1.6rem 0 0;
}
.woocommerce-checkout .woocommerce-privacy-policy-text p{
  font-size: 1.3rem;
  line-height: 1.5;
  color: #6b7280;
}
.woocommerce-checkout .woocommerce-privacy-policy-text a{
  color: #31479e;
}
.checkout-extra-message{
  padding: 1rem 1.4rem;
  border-radius: 1rem;
  background-color: #f0f9ee;
  color: #1b6e12;
  font-size: 1.4rem;
}
@media only screen and (min-width: 75.0625em) {
  /*1201px*/
  /* podaci kupca lijevo, narudzba desno */
  .woocommerce-checkout form.checkout.woocommerce-checkout{
    display: grid;
    grid-template-columns: minmax(0, 1fr) 42rem;
    grid-template-rows: auto auto 1fr;
    column-gap: 3rem;
    align-items: start;
  }
  .woocommerce-checkout form.checkout > .woocommerce-NoticeGroup{
    grid-column: 1 / -1;
    grid-row: 1;
  }
  .woocommerce-checkout #customer_details{
    grid-column: 1;
    grid-row: 2 / span 2;
    margin-bottom: 0;
    padding: 3rem;
  }
  .woocommerce-checkout #customer_details .col-1,
  .woocommerce-checkout #customer_details .col-2{
    float: none;
    width: 100%;
  }
  .woocommerce-checkout #order_review_heading{
    grid-column: 2;
    grid-row: 2;
  }
  .woocommerce-checkout #order_review{
    grid-column: 2;
    grid-row: 3;
  }
}
/*-----woo loader (osvjezavanje kosarice / naplate)-----*/
.woocommerce .blockUI.blockOverlay::before,
.woocommerce .loader::before{
  width: 4rem;
  height: 4rem;
  margin-left: -2rem;
  margin-top: -2rem;
  border: 0.4rem solid #e3e7ec;
  border-top-color: #31479e;
  border-radius: 50%;
  background: none;
  font-size: 1rem;
  animation: vd-spin 0.8s linear infinite;
}
@keyframes vd-spin{
  to{ transform: rotate(360deg); }
}
.woocommerce .quantity .qty {
	width: 8rem;
	padding: 1rem 1.5rem 1rem 1.5rem;
}
.woocommerce a.remove{
  font-size: 0;
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  background-color: #f1f2f4;
  background-image: url(images/delete.svg);
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: center;
  transition: background-color .2s ease;
}
.woocommerce a.remove:hover{
  background-color: #fdeced;
  background-image: url(images/delete.svg);
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: center;
}

@media only screen and (max-width: 48em) {
  /*768px*/
  .woocommerce .quantity .qty {
    margin-left: auto;
  }
}
 
@media only screen and (max-width: 37.5em) {
  /*600px*/
  #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {
    width:100%;
  }
  .actions .coupon  button.button{
    width: 100% !important;
    margin-top: 1rem;
  }
 
}
/*----my account---*/

.woocommerce-MyAccount-navigation ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
section.pages:has(.woocommerce-MyAccount-navigation){
  background-color: #f5f5f6;
}
.woocommerce-MyAccount-navigation{
  padding: 1.2rem;
  border: 1px solid #cfd5db;
  border-radius: 2rem;
  background-color: #fff;
  margin-bottom: 3rem;
}
.woocommerce-MyAccount-navigation ul li{
  margin-bottom: 0.4rem;
}
.woocommerce-MyAccount-navigation ul li a{
  display: flex;
  align-items: center;
  gap: 1.2rem;
  padding: 0.8rem 1.2rem;
  border-radius: 1rem;
  font-size: 1.5rem;
  font-weight: 500;
  position: relative;
}
.woocommerce-MyAccount-navigation ul li a::before{
  content: '';
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: 1.8rem;
  width: 3.6rem;
  height: 3.6rem;
  border-radius: 50%;
  background-color: #f0f3fb;
  background-position: center;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before{
  background-image: url(images/home.svg);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before{
  background-image: url(images/orders.svg);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before{
  background-image: url(images/downloads.svg);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before{
  background-image: url(images/address.svg);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a::before{
  background-image: url(images/payment.svg);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before{
  background-image: url(images/details.svg);
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--withdrawal-requests a::before{
  background-image: url(images/raskid-ugovora.svg);
}
/* odjava istaknuta crvenom */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a{
  color: #c9000b;
  font-weight: 600;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before{
  background-color: #fdeced;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9000b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2v10'/%3E%3Cpath d='M18.4 6.6a9 9 0 1 1-12.8 0'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout{
  margin-top: 0.8rem;
  padding-top: 0.8rem;
  border-top: 1px solid #eef0f2;
}
.woocommerce-MyAccount-navigation ul li a:hover{
  background-color: #f5f5f6;
  color: #31479e;
}
.woocommerce-MyAccount-navigation ul li.is-active a{
  background-color: #31479e;
  color: #fff;
}
.woocommerce-MyAccount-navigation ul li.is-active a::before{
  background-color: #fff;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover{
  background-color: #fdeced;
  color: #c9000b;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover::before{
  background-color: #fff;
}
/* sadrzaj kao bijela kartica */
.woocommerce-MyAccount-content{
  padding: 2.4rem;
  border: 1px solid #cfd5db;
  border-radius: 2rem;
  background-color: #fff;
  font-size: 1.5rem;
  line-height: 1.7;
}
.woocommerce-MyAccount-content > p{
  margin-bottom: 1.6rem;
}
.woocommerce-MyAccount-content p a:not(.button){
  color: #31479e;
  font-weight: 500;
  text-decoration: none;
}
.woocommerce-MyAccount-content p a:not(.button):hover{
  color: #263a85;
}
.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3{
  font-size: 2rem;
  font-weight: 600;
  color: #31479e;
}
.woocommerce-MyAccount-content .edit{
  display: inline-block;
  padding: 0.6rem 1.6rem;
  border: 1px solid #31479e;
  border-radius: 10rem;
  font-size: 1.3rem;
  font-weight: 600;
  background-color: #fff;
  color: #31479e;
  transition: all .2s ease;
}
.woocommerce-MyAccount-content .edit:hover{
  background-color: #31479e;
  color: #fff;
}
header.woocommerce-Address-title{
  position: static;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 1.2rem;
  padding: 0;
  background-color: transparent;
  font-size: 1.7rem;
}
/* clearfix pseudo-elementi bi u flexu razmaknuli naslov i gumb */
header.woocommerce-Address-title::before,
header.woocommerce-Address-title::after{
  display: none !important;
}
header.woocommerce-Address-title h2,
header.woocommerce-Address-title h3{
  float: none;
  margin: 0;
  font-size: 1.7rem;
}
/* "Uredi Adresa za naplatu" -> vidi se samo "Uredi", puni tekst ostaje za citace ekrana */
header.woocommerce-Address-title .edit{
  float: none;
  flex-shrink: 0;
  font-size: 0;
}
header.woocommerce-Address-title .edit::before{
  content: 'Uredi';
  display: inline-block;
  padding-left: 2rem;
  font-size: 1.3rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2331479e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1.4rem;
}
header.woocommerce-Address-title .edit:hover::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4z'/%3E%3C/svg%3E");
}
.woocommerce-MyAccount-content .woocommerce-Addresses{
  display: grid;
  gap: 2rem;
  margin-top: 2rem;
}
.woocommerce-MyAccount-content .woocommerce-Addresses::before,
.woocommerce-MyAccount-content .woocommerce-Addresses::after{
  display: none;
}
.woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address{
  float: none;
  width: auto;
  padding: 2rem;
  border: 1px solid #eef0f2;
  border-radius: 1.4rem;
  background-color: #f9fafb;
}
.woocommerce-MyAccount-content address{
  font-style: normal;
  line-height: 1.7;
}
/* tablice (narudzbe, preuzimanja) */
.woocommerce-account table.shop_table{
  border: 1px solid #cfd5db;
  border-radius: 1.4rem;
  overflow: hidden;
}
.woocommerce-account table.shop_table th{
  padding: 1.2rem 1.4rem;
  background-color: #f9fafb;
  font-size: 1.3rem;
  font-weight: 600;
  color: #6b7280;
}
.woocommerce-account table.shop_table td{
  padding: 1.2rem 1.4rem;
  border-top-color: #eef0f2;
  vertical-align: middle;
}
.woocommerce-account table.shop_table a:not(.button){
  color: #31479e;
  font-weight: 600;
}
/* broj narudzbe je th u redu - bez sive podloge zaglavlja */
.woocommerce-account table.shop_table tbody th{
  background-color: transparent;
  font-size: 1.5rem;
  color: #000;
}
.woocommerce-account table.shop_table a.button{
  margin: 0.2rem 0.4rem 0.2rem 0;
  padding: 0.6rem 1.6rem !important;
  font-size: 1.3rem;
  font-weight: 500;
  white-space: nowrap;
}
/* prvi gumb (Prikazi) pun, ostali obrubljeni */
.woocommerce-account table.shop_table a.button:not(:first-child){
  border: 1px solid #31479e !important;
  background-color: #fff !important;
  color: #31479e !important;
}
.woocommerce-account table.shop_table a.button:not(:first-child):hover{
  background-color: #31479e !important;
  color: #fff !important;
}
/* status narudzbe */
.woocommerce-orders-table__cell-order-status{
  font-weight: 600;
}
.woocommerce-orders-table__row--status-completed .woocommerce-orders-table__cell-order-status{
  color: #228e17;
}
.woocommerce-orders-table__row--status-processing .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__row--status-on-hold .woocommerce-orders-table__cell-order-status{
  color: #b26a00;
}
.woocommerce-orders-table__row--status-cancelled .woocommerce-orders-table__cell-order-status,
.woocommerce-orders-table__row--status-failed .woocommerce-orders-table__cell-order-status{
  color: #c9000b;
}
/* poruka s gumbom (npr. potvrda e-poste) */
.woocommerce-MyAccount-content .woocommerce-info,
.woocommerce-MyAccount-content .woocommerce-message{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.2rem;
}
.woocommerce-MyAccount-content .woocommerce-info .button,
.woocommerce-MyAccount-content .woocommerce-message .button{
  order: 2;
  float: none;
  padding: 0.9rem 2.4rem !important;
  font-size: 1.4rem;
  white-space: nowrap;
}
/* obrasci (adresa, detalji racuna) */
.woocommerce-MyAccount-content form .form-row label{
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 0.4rem;
}
.woocommerce-MyAccount-content form .form-row .required{
  color: #c9000b;
}
.woocommerce-MyAccount-content form .form-row .input-text{
  border: 1px solid #cfd5db !important;
  border-radius: 1rem;
  padding: 1.3rem 1.6rem !important;
  font-size: 1.5rem;
}
.woocommerce-MyAccount-content form .form-row .input-text:focus{
  border-color: #31479e !important;
  box-shadow: 0 0 0 3px rgba(49,71,158,0.15);
}
.woocommerce-MyAccount-content fieldset{
  margin: 2rem 0;
  padding: 2rem;
  border: 1px solid #cfd5db;
  border-radius: 1.4rem;
}
.woocommerce-MyAccount-content legend{
  padding: 0 0.8rem;
  font-weight: 600;
  color: #31479e;
}
#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
  background-color: transparent;
}
#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
  margin: 1rem 0 0;
  padding: 1rem 1.4rem;
  border-radius: 0.8rem;
  background-color: #fff;
  font-size: 1.3rem;
  color: #4b5563;
}
#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
  display: none;
}
.woocommerce-MyAccount-content em{
  font-size: 1.4rem;
  opacity: 0.8;
}
@media only screen and (min-width: 48.0625em) {
  /*769px*/
  .woocommerce-MyAccount-navigation{
    margin-bottom: 0;
  }
  /* izbornik lijevo, sadrzaj desno */
  .woocommerce:has(> .woocommerce-MyAccount-navigation){
    display: grid;
    grid-template-columns: 28rem minmax(0, 1fr);
    gap: 3rem;
    align-items: start;
  }
  /* clearfix pseudo-elementi bi u gridu zauzeli celije */
  .woocommerce:has(> .woocommerce-MyAccount-navigation)::before,
  .woocommerce:has(> .woocommerce-MyAccount-navigation)::after{
    display: none;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation,
  .woocommerce-account .woocommerce-MyAccount-content{
    float: none;
    width: auto;
    grid-row: 1;
  }
  .woocommerce-account .woocommerce-MyAccount-navigation{
    grid-column: 1;
  }
  .woocommerce-account .woocommerce-MyAccount-content{
    grid-column: 2;
  }
  .woocommerce-MyAccount-content{
    padding: 3rem;
  }
  .woocommerce-MyAccount-content .woocommerce-Addresses{
    grid-template-columns: 1fr 1fr;
  }
}
.woocommerce div.product .product_title {
	margin: 3rem 0;

}
.woocommerce-product-details__short-description p{
  margin-bottom: 2rem !important;
}
/* ================================================================================== 
15. Header
===================================================================================== */
.lang{
  display: flex;
  flex-direction: row;
  align-items: center;
  z-index: 3;
  margin-left: 2.4rem;
  padding-left: 2.4rem;
  border-left: 1px solid #cfd5db;
/*   background-image: url(images/arrow-down.svg); */
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 0.8rem;
/*   padding-right: 2rem; */
  position: relative;
	z-index: 9999;
}
.gt_selected a {
    border: 0 !important;
    display: flex !important;
  align-items: center;
  gap: 9px;
}

.gt_selected {
    background: transparent !important;
}


.gt_switcher .gt_selected a:after {
    background-image: url(https://tevetron.vdevs.eu/wp-content/themes/vdtheme/images/arrow-down.svg) !important;
}

.gt_switcher.notranslate a {
    font-size: 14px!important;
    font-family: "Outfit", sans-serif;

    color: #000 !important;
    background-color: transparent !important;
    background: none !important;
/*     display: flex!important; */
}

.gt_option {
    border: 0 !important;
    background: #fff !important;
    border-radius: 0.6rem;
    box-shadow: none !important;
    z-index: 9999;
}
.gt_option  a img{
  margin-right: 7px !important;
}
.gt_switcher.notranslate .gt_option a:hover {
    background-color: #f1f2f4 !important;
}

.gt_switcher.notranslate {
    width: 130px !important;
}

.gt_switcher .gt_option {
  position: absolute !important;
}
/* #Language-Menu ul.sub-menu {
    z-index: 9999999999;
    top: 22px;
    width: auto;
    padding: 10px 0 0;
	border: 0;
} */
/* .lang a{
  display: flex;
  align-items: center;
  gap:1rem
}
.lang img{
  display: block;
  width: 1.8rem;
}
.wpml-ls-legacy-dropdown{
  width: auto;
}
.wpml-ls-legacy-dropdown a{
  border: 0;
  color: #497ca9;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
	border-top: 1px solid transparent;
  opacity: 0;
  transition: all .4s ease-in-out;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle::after {
	display: inline-block;
	border: 0.25em solid transparent;
	border-top: 0.3em solid;
	right: 0;
	top: 50%;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle {
	position: relative;
	padding-right: 16px;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:focus .wpml-ls-sub-menu, .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover .wpml-ls-sub-menu {
	visibility: visible;
  opacity: 1;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover {
	color: #0d3e66;
	background: transparent;
}
.wpml-ls-legacy-list-horizontal a {
	padding: 5px 6px 6px;

}
.wpml-ls-legacy-list-horizontal li:last-child a{
  padding-right: 0;
}
.wpml-ls-legacy-list-horizontal{
  padding: 0;
} */
/*--------*/
.social{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap:1rem
}
.social a{
  display: block;
}
.social a img{
  display: block;
  width: 3.3rem;
  height: auto;
}
.header-top-text p {
    margin-bottom: 0px;
}
/*---------*/
.toggle {
	cursor: pointer;
	overflow: hidden;
	width: 5rem;
	height: 5rem;
	flex-shrink: 0;
	border-radius: 1rem;
	background-color: #f1f2f4;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
    z-index: 11;
    margin-left: 1.2rem;
    order: 3;
    transition: background-color .3s ease;
}
.toggle:active{
	background-color: #e6e9f2;
}


.line-toggle {
	position: absolute;
	display: block;
	width: 2.2rem;
	height: 2px;
	background: #1d2327;
	border-radius: 20px;
	transition: all .4s ease;
	left: 1.4rem;
  z-index: 11;
}

.line-toggle:first-child {
transform: translateY(-0.7rem) translateX(0);
transition-delay: 0s;
}

/* srednja crta kraca */
.toggle .line-toggle:nth-child(2) {
    width: 1.4rem;
    transition-delay: .08s;
}

.line-toggle:last-child {
    transform: translateY(0.7rem) translateX(0);
    transition-delay: 0s;
}
.toggle.activate .line-toggle:first-child {

	transform: translateY(0) translateX(0) rotate(45deg);
	width: 2.2rem;
	height: 2px;
	transition-delay: .1s;
}

.toggle.activate .line-toggle:nth-child(2) {
    transform: translateX(110px);
    transition-delay: 0s;
}

.toggle.activate .line-toggle:last-child {

	transform: translateY(0) translateX(0) rotate(-45deg);
	width: 2.2rem;
	height: 2px;
	transition-delay: .1s;
}
/*-----------*/
header{
  position: sticky;
  left: 0;
  top: 0;
  width: 100%;
  background-color: #fff;
  z-index: 15;
  padding: 1.5rem 0;
}
header .container{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
header ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.header-logo, .custom-logo-link{
  display: block;
}
.header-logo img, .custom-logo-link img{
  display: block;
  width: 8.3rem;
}
header nav, .header-bottom nav{
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background-color: #fff;
  padding: 1rem;
  padding-top: 8rem;
  opacity: 0;
  visibility: hidden;
  transform: translateX(100%);
  transition: all .4s ease-in-out;
  z-index: 2;
  overflow-y: auto;
}
header nav.open, .header-bottom nav.open{
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}
header nav li, .header-bottom nav li{
  display: block;
}
header nav li a,.header-bottom nav li a{
  display: block;
  padding: 1rem 1.6rem;
  font-weight: 400;
}

header nav li a:hover, header nav li.current_page_item a,.header-bottom nav li a:hover, .header-bottom nav li.current_page_item a{
  color: #31479e;
}



.mobile-info{
  margin-top: 3rem;
  padding-top: 3rem;
  border-top: 1px dashed #000;
}
.menu-item-has-children{
  position: relative;
}
header nav .sub-menu, .header-bottom nav .sub-menu{

  display: none;
  padding-left: 3rem;
}

header nav .sub-menu li, .header-bottom nav .sub-menu li{
  display: block;
}
header nav .sub-menu li a, .header-bottom nav .sub-menu li a{
  display: block;
  padding: 1rem;
}

@media only screen and (min-width: 30.0625em) {
  /*481px*/
  header nav, .header-bottom nav{
    width: 40rem;
  }
}

@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  .toggle{
    display: none;
  }
  header nav,  .header-bottom nav{
    position: static;
    top: auto;
    right: auto;
    width: auto;
    height: auto;
    min-height: auto;
    overflow-y: visible;
    transform: none;
    transition: none;
    padding: 0;
    background-color: transparent;
    opacity: 1;
    visibility: visible;
    margin-right: auto;

  }
 header  nav li, .header-bottom  nav li{
    display: inline-block;
  }
 header  nav li a,  .header-bottom  nav li a{
    display: inline-block;
    padding: 1rem 1.6rem;
  }
  .mobile-info{display: none;}
  .sub-menu{
    position: absolute;
    left: 0;
    top: 6rem;
    width: 24rem;
    background-color: #fff;
    padding: 2rem;
    border: 1px solid #cfd5db;
    border-radius: 1rem;
    opacity: 0;
    visibility: hidden;
    display: block;
  }
  .menu-item-has-children:hover .sub-menu{
    opacity: 1;
    visibility: visible;
  }
}
@media only screen and (min-width: 75.0625em) {
  /*1201px*/
 header  nav li a,  .header-bottom  nav li a{
    padding: 1rem 2rem;
  }
  /* "Naslovna" krece na lijevom rubu slidera */
  .main-nav{
    margin-left: 3rem;
  }
  .main-nav #header-menu > li:first-child > a{
    padding-left: 0;
  }
}
@media only screen and (min-width: 90em) {
  /*1440px*/
}
/*-------*/
.top-info{
  background-color: #fff326;
  color: #000;
  padding: 1rem 0;
  font-size: 1.4rem;
  line-height: 1.4;
}
.top-info .container{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1.2rem;
}
.top-info-icon{
  flex-shrink: 0;
  width: 2.4rem;
  height: 2.4rem;
}
.top-info p{
  margin: 0;
}
.top-info p span{
  font-weight: 700;
  margin-right: 0.4rem;
}
/*-------*/
.header-top{
  padding: 0.8rem 0;
  font-size: 1.3rem;
  color: #4b5563;
  background-color: #f5f5f6;
  border-bottom: 1px solid #e3e7ec;
  position: relative;
  z-index: 16;
}
.header-top .container{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.header-top ul{
  list-style: none;
  padding: 0;
	margin: 0;
}
.top-nav li{
  display: inline-block;
  margin-right: 2rem;
}
.top-nav li a{
  display: inline-block;
  font-size: 1.3rem;
  font-weight: 500;
  color: #1d2327;
}
.top-nav {
  margin-right: auto;
}
.top-nav li a:hover{
  color: #31479e;
}
.header-top-text a{
  color: #31479e;
  font-weight: 500;
  white-space: nowrap;
}
.header-top-text a:hover{
  text-decoration: underline;
  text-underline-offset: 0.3rem;
}
/* ikone ispred telefona i maila */
.header-top-text a[href^="tel:"]::before,
.header-top-text a[href^="mailto:"]::before{
  content: '';
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  margin-right: 0.5rem;
  vertical-align: -0.2rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.header-top-text a[href^="tel:"]::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2331479e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z'/%3E%3C/svg%3E");
}
.header-top-text a[href^="mailto:"]::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2331479e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='M22 6l-10 7L2 6'/%3E%3C/svg%3E");
}
.header-top-text{
  display: none;
}

@media only screen and (min-width: 61.3125em) {
  /*981px*/
  .header-top-text{
    display: block;
  }
}

/*-------------*/
.header-search{
  margin-right: auto;
  max-width: 40rem;
  width: 100%;
  position: relative;
  display: none;
  margin-left: 3rem;
}
.header-search input{
  border-radius: 1rem;
  background-color: #fff;
  border:1px solid #cfd5db;
  padding: 1.5rem 2rem !important;
  width: 100%;
  font-size: 1.4rem;
}
.header-search input.search-btn{
  width: 1.6rem;
  height: 1.6rem;
  border: 0 !important;
  background-image: url(images/search.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.6rem;
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);

}
.mobile-search{
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .header-search{
    margin-left: 0;
    display: block;
  }

}
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  .mobile-search{
    display: none;
  }
}
@media only screen and (min-width: 75.0625em) {
  /*1201px*/
  .header-search{
    max-width: 64rem;
  }
}
/*-------------*/
.home-link{
  display: none;
  align-items: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  border-radius: 1rem;
  background-color: #f1f2f4;
  margin: 0 3rem 0 5rem ;
}
.home-link img{
  display: block;
  width: 1.9rem;
  height: 1.9rem;
  object-fit: contain;
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .home-link{
    display: flex;
  }
}  
/*---------*/
.header-user{
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 5rem;
  padding: 0 1.8rem;
  border-radius: 1rem;
  background-color: #f1f2f4;
  font-weight: 500;
  margin-right: 1.2rem;
  margin-left: auto;
  transition: background-color .3s ease, color .3s ease;
}
.header-user:hover{
  background-color: #e6e9f2;
  color: #31479e;
}
.header-user img{
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  object-fit: contain;
  margin-right: 1rem;

}
.header-cart{
  display: flex;
  flex-direction: row;
  align-items: center;
  height: 5rem;
  padding: 0 1.8rem;
  border-radius: 1rem;
  background-color: #31479e;
  transition: background-color .3s ease;
}
.header-cart img{
  display: block;
  width: 2.6rem;
  height: 2.6rem;
  object-fit: contain;
  margin-right: 1rem;
  filter: brightness(0) invert(1);
}
.header-q{
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.2;
  color: rgba(255,255,255,0.75);
}
.header-cart-price{
  font-weight: 600;
  line-height: 1.3;
  color: #fff;
}
.header-cart:hover{
  background-color: #fff326;
}
.header-cart:hover img{
  filter: brightness(0);
}
.header-cart:hover .header-q,
.header-cart:hover .header-cart-price{
  color: #000;
}
.mobile-user {
	height: auto;
	padding: 2rem;
	margin-bottom: 2rem;
	border-radius: 1rem;
	background-color: #f1f2f4;
	max-width: 100%;
	margin-right: auto;
	margin-left: 0;
}
.desktop-user{
  display: none;
}
.header-cart{
  margin-left: auto;
}
.mobile-user  img{
  width: 1.8rem;
  height: 1.8rem;
}
@media only screen and (min-width: 30.0625em) {
  /*481px*/
  .desktop-user{
    display: flex;
  }
  .header-cart{
    margin-left: 0;
  }
  .mobile-user {
    max-width: 18rem;
  }
}
@media only screen and (max-width: 30em) {
  /*480px*/
  .header-logo img, .custom-logo-link img{
    width: 7rem;
  }
  /* uska kosarica: ikona + iznos, broj proizvoda kao zuta znacka na ikoni */
  .header-cart{
    position: relative;
    height: 4.6rem;
    padding: 0 1.4rem;
  }
  .header-cart img{
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 0.8rem;
  }
  .header-q{
    font-size: 0;
  }
  .header-q span{
    position: absolute;
    top: 0.5rem;
    left: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 1.8rem;
    height: 1.8rem;
    padding: 0 0.4rem;
    border-radius: 10rem;
    background-color: #fff326;
    color: #000;
    font-size: 1.1rem;
    font-weight: 700;
  }
  .header-cart-price{
    font-size: 1.5rem;
  }
  .toggle{
    width: 4.6rem;
    height: 4.6rem;
    margin-left: 0.8rem;
  }
  .line-toggle{
    left: 1.2rem;
  }
  /* gornja traka u jednom redu */
  .header-top{
    padding: 0.6rem 0;
  }
  .top-nav ul{
    white-space: nowrap;
  }
  .top-nav li{
    margin-right: 1.2rem;
  }
  .top-nav li:last-child{
    margin-right: 0;
  }
  .top-nav li a{
    font-size: 1.2rem;
    white-space: nowrap;
  }
  .lang{
    margin-left: 1rem;
    padding-left: 1rem;
  }
  /* zuta obavijest kompaktnija */
  .top-info{
    padding: 0.8rem 0;
    font-size: 1.2rem;
  }
  .top-info-icon{
    width: 2rem;
    height: 2rem;
  }
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .header-user{
    margin-left: 0;
  
  }
}
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  .mobile-user{
    display: none;

  }
}
/*---------*/
.header-bottom{
  position: relative;
  z-index: 20;
  padding-bottom: 2rem;
}
.header-bottom .container{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.main-nav{
  margin-right: auto;
}
.main-nav #header-menu > li > a{
  font-weight: 500;
}
.main-nav #header-menu > li.current-menu-item > a,
.main-nav #header-menu > li > a:hover{
  color: #31479e;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 0.8rem;
}
ul#primary-menu {
    margin: 0px;
}
/*-------*/
.send-inquiry{
  display: none;
  align-items: center;
  height: 4.56rem;
  padding: 0 2rem 0 4.2rem;
  border: 1px solid #f5c2c5;
  border-radius: 10rem;
  background-color: #fdeced;
  color: #c9000b !important;
  font-weight: 600;
  background-image: url(images/info.svg);
  background-repeat: no-repeat;
  background-position: left 1.6rem center;
  background-size: 1.6rem;
  transition: border-color .3s ease, background-color .3s ease;
}
.send-inquiry:hover{
  border-color: #c9000b;
  background-color: #fbd9dc;
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .send-inquiry{
    display: inline-flex;
  }

}
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  .header-bottom{
    z-index: 10;
  }
}
.toggle.activate{
  position: absolute;
  top: 2rem;
  right: 2rem;
}
nav ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
/*-----------*/

.categories-nav{
  max-width: 32rem;
  width: 100%;
  position: relative;
  background-color: #fff;
}
.categories-toggle{
  background-color: #31479e;
  border-radius: 1rem;
  width: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: 600;
  padding: 1rem 2rem 1rem 5rem;
  position: relative;
  z-index: 1;
  height: 4.56rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: left 2rem center;
  background-size: 1.8rem;
  transition: background-color .3s ease;
}
/* .categories-toggle::before{
  content: '';
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  background-image: url(images/arrow-down-white.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.8rem;
  z-index: 1;
} */
.categories-toggle:hover{
  color: #fff;
  background-color: #263a85;
}
.categories-nav ul{
  list-style: none;
  margin: 0;

}
.categories-nav ul li a{
  display: flex;
  align-items: center;
  padding: 1rem 1rem;
  line-height: 1.2;
  border-radius: 0;
  background-image: url(images/arrow-right2.svg);
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 0.5rem;


}
.categories-desktop .categories-menu > ul > li > a{
  font-size: 1.5rem;
  font-weight: 500;
  border-radius: 0.8rem;
}
.categories-nav ul li:hover a{
  background-color: #f1f2f4;
}
.categories-desktop .categories-menu > ul > li:hover > a{
  color: #31479e;
}
.categories-nav ul li:hover .sub-menu li a{
  background-color: transparent;
}

.categories-nav ul li a img{
  display: block;
  width: 2.8rem;
  height: 2.5rem;
  object-fit: contain;
  margin-right: 1rem;
}

.categories-nav .sub-menu{

  display: none;
  padding-left: 0;
}

.categories-nav .sub-menu li{
  display: block;
}
.categories-nav .sub-menu li a{
  display: block;
  padding: 0.5rem;
  background-color: transparent;
  background-image: none;
  border-radius: 0.6rem;
}

.categories-nav .menu-item-has-children{
  position: static;
}
.categories-nav ul li .sub-menu li a:hover{
  background-color: #f1f2f4;
  color: #31479e;
}
.categories-menu ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.categories-desktop .categories-menu{
 display: none;
}
body.home  .categories-desktop .categories-menu{
  display: block;
 }
.categories-menu{
  border:1px  solid #cfd5db;
  border-radius: 1rem;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: -1rem;
  padding: 2rem 1rem;
  position: absolute;
  top: 4.56rem;
  left: 0;
  background-color: #fff;
	width: 100%;
}
  .categories-desktop{
  display: none;
}

.mobile-menu {
	width: 100%;
	margin-bottom: 2rem;
	max-width: 100%;
	border-bottom: 0;
	padding-bottom: 0;
}
.menu-toggle {
	position: absolute;
	right: 0;
	top: 1px;
	width: 5rem;
	height: 3.9rem;
	background-image: url(images/arrow-down2.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.2rem;
	cursor: pointer;
	transition: all.4s ease-in-out;
	z-index: 2;
}
.o.menu-toggle{
  transform: rotate(180deg);
}
.mobile-menu .menu-item-has-children{
  position: relative;
}
.mobile-menu .menu-item-has-children a{
  background-image: none;
}
@media only screen and (max-width: 64em) {
  /*1024px*/
  /* mobilni izbornik: zatamnjena pozadina, stranica iza se ne scrolla */
  body:has(.main-nav nav.open){
    overflow: hidden;
  }
  body:has(.main-nav nav.open)::before{
    content: '';
    position: fixed;
    inset: 0;
    z-index: 19;
    background-color: rgba(0,0,0,0.45);
  }
  /* zatvoreni paneli cekaju desno izvan ekrana, bez vodoravnog scrolla */
  .main-nav nav{
    overflow-x: hidden;
  }
  .main-nav nav.has-sub{
    overflow: hidden;
  }
  .header-bottom .mobile-menu > ul > li > a,
  .header-bottom .main-nav #header-menu > li > a{
    display: flex;
    align-items: center;
    padding: 1.2rem 0.4rem;
    border-bottom: 1px solid #eef0f2;
    font-size: 1.5rem;
    font-weight: 500;
    text-decoration: none;
  }
  .mobile-menu .menu-item-has-children > a{
    padding-right: 6rem !important;
  }
  /* strelica je zaseban gumb za otvaranje podkategorija */
  .submenu-open{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 1px;
    width: 5rem;
    padding: 0;
    border: 0;
    border-left: 1px solid #eef0f2;
    border-radius: 0;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2331479e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1.6rem;
    cursor: pointer;
  }
  .submenu-open:active{
    background-color: #f1f2f4;
  }
  .mobile-menu .menu-toggle{
    display: none;
  }
  /* panel podkategorija klizi s desne strane preko izbornika */
  .header-bottom .mobile-menu .sub-menu{
    display: block !important;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 20;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0 1.6rem 3rem;
    overflow-y: auto;
    background-color: #fff;
    transform: translateX(100%);
    visibility: hidden;
    transition: transform .3s ease, visibility .3s ease;
  }
  .header-bottom .mobile-menu .sub-open > .sub-menu{
    transform: none;
    visibility: visible;
  }
  .header-bottom .mobile-menu .sub-menu li a{
    padding: 1.2rem 0.4rem;
    border-bottom: 1px solid #eef0f2;
    font-size: 1.5rem;
  }
  .header-bottom .mobile-menu .submenu-head{
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 1.2rem;
    min-height: 6.4rem;
    margin: 0 -1.6rem 0.8rem;
    padding: 1.2rem 1.6rem;
    border-bottom: 1px solid #cfd5db;
    background-color: #fff;
  }
  .submenu-back{
    flex-shrink: 0;
    display: flex;
    align-items: center;
    height: 3.8rem;
    margin: 0;
    padding: 0 1.4rem 0 3rem;
    border: 0;
    border-radius: 10rem;
    background-color: #f1f2f4;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 1rem center;
    background-size: 1.4rem;
    color: #000;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 500;
    cursor: pointer;
  }
  .submenu-back:active{
    background-color: #e6e9f2;
  }
  .submenu-title{
    flex: 1;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.2;
    color: #31479e;
  }
  .header-bottom .mobile-menu .submenu-all a{
    font-weight: 600;
    color: #31479e;
  }
}

@media only screen and (min-width: 56.3125em) {
  /*901px*/
 
 .categories-desktop{
    display: block;
  }
  
}  
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  .mobile-menu{
    display: none;
  }
  .menu-toggle{
    display: none;
  }
.categories-nav .sub-menu {
	position: absolute;
	left: 100%;
	top: 0;
	width: 80rem;
	min-height: 100%;
	background-color: #fff;
	padding: 2rem;
	border: 1px solid #cfd5db;
	opacity: 0;
	visibility: hidden;
	display: block;
	/* transform: translateX(98%); */
	transition: all .4s ease-in-out;
	border-top-right-radius: 1rem;
	border-bottom-right-radius: 1rem;
	max-height: 90rem;
	column-count: 2;
	font-size: 1.3rem;
}
  .categories-nav .menu-item-has-children:hover .sub-menu{
    opacity: 1;
    visibility: visible;
    /* transform: translateX(100%); */
  }
}
@media only screen and (min-width: 75.0625em) {
  /*1201px*/
  /* gumb + lista kao jedna kartica, u ravnini sa sliderom */
  body.home .categories-desktop .categories-toggle{
    border-radius: 1rem 1rem 0 0;
  }
  body.home .categories-desktop .categories-menu{
    margin-top: 0;
    border-top: 0;
    border-radius: 0 0 1rem 1rem;
    padding: 1rem;
    min-height: 46rem; /* visina slidera + 2rem razmaka iznad slidera */
    display: flex;
    flex-direction: column;
  }
  body.home .categories-desktop .categories-menu > ul{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
/* ================================================================================== 
16. Intro
===================================================================================== */
.intro{
  position: relative;
}
.intro-slider{
  overflow: hidden;
}
.intro-slider img{
  display: block;
  width: 100%;
  height: 70rem;
  object-fit: cover;
  border-radius: 2rem;
}
.intro-slider .swiper-slide{
  position: relative;
  box-sizing: border-box;
}
.intro-text{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: #fff;
  display: flex;
  align-items: center;
}

.intro-inner{
  position: relative;
  z-index: 1;
  max-width: 44rem;
  width: 100%;
  padding: 0 2rem;
  text-shadow: 0 1px 8px rgba(0,0,0,0.25);
}
.intro-inner h1{
  font-size: clamp(2.6rem, 2.4vw, 3.6rem);
  line-height: 1.15;
}
.intro-inner p{
  font-size: 1.6rem;
  line-height: 1.5;
}
.intro-inner .btn{
  margin-top: 3rem;
  text-shadow: none;
}
.intro-pagination{
  position: absolute;
  right: 6rem;
  bottom: 3rem;
  z-index: 1; 
  filter: brightness(0) invert(100);
}
@media only screen and (min-width: 48.0625em) {
  /*769px*/
  .intro-slider img{
    height: auto;
    aspect-ratio: 16/7.72;
  }
}
 
@media only screen and (min-width: 75.0625em) {
  /*1201px*/
  .intro-wrapper{
    padding-left: 35rem;
  }
  .intro-slider img{
    height: 44rem;
    aspect-ratio: auto;
  }
  .intro-inner{
    margin-left: 5rem;
    padding: 0;

  }
}
/* ================================================================================== 
17. Products
===================================================================================== */
.products-wrapper{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap:3%;
}
.products-box{
  width: 48.5%;
  margin-bottom: 3rem;
  display: flex;
  flex-direction: column;
  border: 1px solid #cfd5db;
  border-radius: 2rem;
  padding: 1.6rem;
  background-color: #fff;
  transition: border-color .3s ease, box-shadow .3s ease;
}
.products-box:hover{
  border-color: #31479e;
  box-shadow: 0 0.8rem 2.4rem rgba(49,71,158,0.08);
}
/* na shopu je kartica li > article */
.products-box > article{
  flex: 1;
  display: flex;
  flex-direction: column;
}
.products-image{
  overflow: hidden;
  border-radius: 1.2rem;
  padding: 1rem;
  aspect-ratio: 4/3;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.6rem;
}
.products-image img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16/12;
  object-fit: contain;
}
.products-box h3{
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.3;
  transition: all .4s ease-in-out;
  margin-bottom: 0.5rem;
  min-height: 2.6em;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.products-box h3:hover{
  color: #31479e;
}
.products-box p{
  font-size: 1.3rem;
  line-height: 1.4;
  opacity: 0.6;
  min-height: 2.8em;
  margin-bottom: 1.6rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.products-box-wrap{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  gap: 1rem;
  margin-top: auto;
  padding-top: 1.6rem;
  border-top: 1px solid #eef0f2;
  order: 2;
}
.products-box-price{
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
  font-weight: 700;
}
.price-old{
  font-size: 1.4rem;
  opacity: 0.3;
  text-decoration: line-through;
}
.price-normal{
  font-size: 2rem;
  line-height: 1.2;
}
.price-sale{
  color: #f04444;
}
.products-box .sidrena-cijena,
.products-box .sidrena-cijena__text,
.products-box .sidrena-cijena__text *{
  font-size: 1.2rem !important;
  color: #6b7280;
}
/* tooltip bazne cijene: sirine reda s cijenom, da ne curi van kartice/ekrana */
.products-box-wrap,
.price-single{
  position: relative;
}
.products-box .sidrena-cijena,
.price-single .sidrena-cijena{
  position: static;
}
.products-box .sidrena-cijena__tooltip,
.price-single .sidrena-cijena__tooltip{
  left: 0;
  right: 0;
  width: auto;
  max-width: 32rem;
  font-size: 1.3rem;
  color: #fff;
}
.price-single .sidrena-cijena__tooltip{
  left: 1.6rem;
  right: 1.6rem;
}
.cart-btn{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 5rem;
  height: 5rem;
  border-radius: 1rem;
  background-color: #f1f2f4;
  margin-left: auto;
  transition: background-color .3s ease;
}
.cart-btn:hover{
  background-color: #31479e;
}
.cart-btn img, .cart-btn svg {
    display: block !important;
    width: 1.9rem !important;
    height: 1.9rem !important;
    object-fit: contain;
    margin: 0 !important;
    transition: fill .3s ease;
}
.cart-btn:hover svg{
  fill: #fff;
}
.lager{
  margin-top: 1.2rem;
  order: 2;
}
.lager-badge{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap:1rem;
  color: #000;
  font-size: 1.3rem;
  font-weight: 600;
}
.lager-badge img{
  display: block;
  width: 1.8rem;
  height: auto;
}
.sold-badge{
  color: #b81313;
}
.in-stock-badge{
  color:#228e17
}
/* shop: WooCommerce nadjacava sirinu, margine, padding kartice i naslov */
.woocommerce ul.products{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.2rem;
}
.woocommerce ul.products::before,
.woocommerce ul.products::after{
  display: none;
}
.woocommerce ul.products[class*="columns-"] li.products-box{
  width: auto;
  float: none;
  margin: 0;
  padding: 1.2rem;
}
.woocommerce ul.products li.products-box h3{
  padding: 0;
  margin: 0 0 0.5rem;
  font-size: 1.6rem;
}
.woocommerce ul.products li.products-box .products-image img{
  margin: 0;
}
@media only screen and (max-width: 48em) {
  /*768px*/
  .woocommerce ul.products li.products-box .cart-btn{
    width: 4rem;
    height: 4rem;
  }
  .woocommerce ul.products li.products-box h3{
    font-size: 1.4rem;
  }
  .woocommerce ul.products li.products-box .price-normal{
    font-size: 1.7rem;
  }
}
@media only screen and (min-width: 48.0625em) {
  /*769px*/
  .woocommerce ul.products{
    grid-template-columns: repeat(auto-fill, minmax(21rem, 1fr));
    gap: 2rem;
  }
  .woocommerce ul.products[class*="columns-"] li.products-box{
    padding: 1.6rem;
  }
}

@media only screen and (min-width: 40.0625em) {
  /*641px*/
  .products-box{
    width: 31.3%;
  }
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .products-box{
    width: 22.7%;
  }
  .page-content .products-box{
    width: 31.3%;
  }
} 
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  .page-content .products-box{
    width: 22.7%;
  }
}
@media only screen and (min-width: 75.0625em) {
  /*1201px*/
  .products-box{
    width: 17.6%;
  }
  .page-content .products-box{
    width: 22.7%;
  }
}
/*-----------*/
.products-slider{
  overflow: hidden;
  padding: 0.5rem 0 1rem;
}
.products2{
  background-color: #f5f5f6;
}
.products-slider .swiper-slide{
  height: auto;
}
.title-row{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  text-align: center;
  margin-bottom: 3rem;
}
.title-row .title{
  margin-bottom: 0;
}

.btn-arrow{
  display: inline-block;
  color: #31479e;
  background-image: url(images/arrow-right.svg);
  background-repeat: no-repeat;
  background-size: 1.5rem;
  background-position: right center;
  padding-right: 3rem;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 48.0625em) {
  /*769px*/
  .title-row{
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    text-align: left;
  }
  .btn-arrow{
    margin: 0;
    padding-right: 3rem;
    margin-left: auto;
    margin-right: 5rem;
  }
  .title-row .title h2{
    margin-bottom: 0;
  }
}
/* ================================================================================== 
18. Categories
===================================================================================== */
.categories  .container{
  border-radius: 2rem;
  background-color: #f5f5f6;
  padding: 2rem;
}

.categories-wrapper a{
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap:1rem;
  padding: 1rem 1rem;
  line-height: 1.2;
  border-radius: 1rem;
  background-color: #fff;
  margin-bottom: 2rem;
  background-image: url(images/arrow-right2.svg);
  background-repeat: no-repeat;
  background-position: right 2rem center;
  background-size: 0.5rem;
  padding-right: 3.5rem;
  border:1px solid  #fff;

}
.categories-wrapper a:hover{
  border:1px solid #31479e
}

.categories-wrapper a img{
	display: block;
	width: 2.8rem;
	height: 2.5rem;
	object-fit: contain;
	margin-right: 1rem;
}
 
@media only screen and (min-width: 30.0625em) {
  /*481px*/
  .categories-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap:3%;
  
  }
  .categories-wrapper a{
    width: 48.5%;
  }
}
@media only screen and (min-width: 42.5625em) {
  /*681px*/
  .categories-wrapper a{
    width: 31.3%;
  }
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .categories-wrapper a{
    width: 22.7%;
  }
  .categories  .container{
    padding: 3rem;
  }
}  
/* ================================================================================== 
19. Brands
===================================================================================== */
.brands-slider{
  overflow: hidden;
}
.brands-slider img{
  display: block;
  margin: 0 auto;
  width: 80%;
  height: auto;
  object-fit: contain;
  object-position: center;
}
.brands .container {
	border-radius: 2rem;
	/* background-color: #f5f5f6; */
	padding: 2rem;
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .brands .container {
    padding: 3rem;
  }
}
/* ================================================================================== 
20. About
===================================================================================== */

.about-wrapper{
  background-color: #f5f5f6;
  border-radius: 2rem;
  padding: 1.6rem;
  overflow: hidden;
}
.about-image{
  width: 100%;
}
.about-image img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 1.4rem;
  aspect-ratio: 16/13;
}
.about-text{
  width: 100%;
  padding: 2rem 1rem 0;
  margin-bottom: 3rem;
}
.about-text .title{
  margin-bottom: 2.4rem;
}
.about-text .title h2{
  font-size: 3.2rem;
  font-weight: 600;
  color: #31479e;
}
.about-text .description p{
  font-size: 1.6rem;
  line-height: 1.7;
  color: #333;
}
.about-text .btn{
  margin-top: 3rem;
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .about-wrapper{
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    padding: 0;
  }
  .about-image{
    width: 45%;
  }
  .about-image img{
    height: 100%;
    min-height: 42rem;
    aspect-ratio: auto;
    border-radius: 0;
  }
  .about-text{
    width: 55%;
    padding: 6rem;
    margin-bottom: 0;
    align-self: center;
  }
}
/*-----------*/
/* obrazac za povratne informacije (shortcode u footeru) */
section:has(> .container > .tm-feedback-form) .container{
  background-color: #f0f3fb;
  border-radius: 2rem;
  padding: 4rem 2rem;
  text-align: center;
}
section:has(> .container > .tm-feedback-form) h2{
  font-size: 2.6rem;
  font-weight: 600;
  color: #31479e;
  max-width: 70rem;
  margin: 0 auto 3rem;
}
.tm-feedback-form{
  max-width: 70rem;
  margin: 0 auto;
}
.tm-feedback-form > br,
.tm-feedback-form p br{
  display: none;
}
.tm-feedback-form > label,
.tm-feedback-form p label{
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  margin-bottom: 0.8rem;
}
.tm-feedback-form .tm-stars{
  justify-content: center;
  margin-bottom: 2.4rem;
}
.tm-feedback-form .tm-stars label{
  font-size: 3.4rem;
  line-height: 1;
  color: #cfd5db;
  transition: color .2s ease, transform .2s ease;
}
.tm-feedback-form .tm-stars label:hover{
  transform: scale(1.15);
}
.tm-feedback-form .tm-stars label.active{
  color: #f5b301;
}
.tm-feedback-form p{
  margin: 0 0 2.4rem;
}
.tm-feedback-form textarea{
  display: block;
  width: 100%;
  min-height: 14rem;
  padding: 1.4rem 1.6rem;
  border: 1px solid #cfd5db;
  border-radius: 1rem;
  background-color: #fff;
  font-family: inherit;
  font-size: 1.5rem;
  line-height: 1.5;
  resize: vertical;
  text-align: left;
}
.tm-feedback-form textarea:focus{
  outline: none;
  border-color: #31479e;
  box-shadow: 0 0 0 3px rgba(49,71,158,0.15);
}
.tm-submit-btn{
  display: inline-flex;
  align-items: center;
  padding: 1.2rem 4rem;
  border: 0;
  border-radius: 10rem;
  background-color: #31479e;
  color: #fff;
  font-family: inherit;
  font-size: 1.6rem;
  cursor: pointer;
  transition: background-color .3s ease, color .3s ease;
}
.tm-submit-btn:hover{
  background-color: #fff326;
  color: #000;
}
.tm-feedback-msg:not(:empty){
  padding: 1rem 1.6rem;
  border-radius: 1rem;
  font-size: 1.4rem;
  background-color: #fff;
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  section:has(> .container > .tm-feedback-form) .container{
    padding: 5rem 6rem;
  }
}
/* ================================================================================== 
21. Footer
===================================================================================== */   
footer{
  background-color: #f5f5f6;
  border-top: 4px solid #31479e;
  font-size: 1.5rem;
  color: #4b5563;
}
footer ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
footer li{
  margin-bottom: 0.8rem;
}
footer a{
  transition: color .3s ease;
}
footer a:hover{
  color: #31479e;
}
footer p{
  margin-bottom: 1.2rem;
  line-height: 1.7;
}
.footer-wrapper{
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
}
.footer-box{
  text-align: center;
}
.footer-box h3{
  font-size: 1.6rem;
  font-weight: 600;
  color: #31479e;
  margin-bottom: 2rem;
}
.footer-logo img{
  display: block;
  width: 11rem;
  height: auto;
  margin: 0 auto;
}
.copyright{
  padding: 1.6rem 0;
  background-color: #fff;
  border-top: 1px solid #cfd5db;
  font-size: 1.3rem;
  color: #6b7280;
}
.copyright .container{
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
  text-align: center;

}
@media only screen and (min-width: 37.5625em) {
  /*601px*/
  .footer-wrapper{
    grid-template-columns: 1fr 1fr;
    gap: 4rem 3rem;
  }
  .footer-box{
    text-align: left;
  }
  .footer-logo{
    grid-column: 1 / -1;
  }
  .footer-logo img{
    margin: 0;
  }
  .copyright .container{
    flex-direction: row;
    justify-content: space-between;
    text-align: left;

  }
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .footer-wrapper{
    grid-template-columns: 1.2fr 2fr 1.6fr 1fr 1fr;
  }
  .footer-logo{
    grid-column: auto;
  }
}
/* ================================================================================== 
23. Products Page
===================================================================================== */
.text-center{
  margin: 0 auto;
  max-width: 70rem;
  width: 100%;
  text-align: center;
  margin-bottom: 5rem;
}
.title-sm{
  margin-bottom: 3rem;
}
.page-aside{
  width: 100%;
}
.page-aside .sub-menu{
  width: auto !important;
  column-count: 1;
  margin: 0;
  padding: 0.4rem 0 0.4rem 1.2rem !important;
  max-height: unset  !important;
}

.page-content{
  width: 100%;
  margin-top: 3rem;
}
.page-aside ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.page-aside h3 {
	background-color: #31479e;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: right 1.6rem center;
	background-size: 1.6rem;
	cursor: pointer;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 600;
	padding: 1.2rem 1.6rem;
	border-radius: 1rem;
	margin-bottom: 0;
}
.page-aside h3.open{
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E");
	border-radius: 1rem 1rem 0 0;
}
.aside-content{
  display: none;
}
.page-top{
  margin-bottom: 3rem;
  padding: 1rem 1.6rem;
  background-color: #fff;
  border: 1px solid #cfd5db;
  border-radius: 1rem;
  font-size: 1.4rem;
  color: #000;
}
.page-top p{
  margin-bottom: 0;
}
.top-filter{
  margin-top: 2rem;
}

.top-filter select {
	width: 100%;
	border: 1px solid #cfd5db;
	border-radius: 1rem;
	background-color: #fff;
	padding: 1rem 1.6rem;
  appearance: none;
  background-image: url(images/arrow-down2.svg);
	background-repeat: no-repeat;
	background-position: right 1.6rem center;
	background-size: 1rem;
  font-size: 1.6rem;
  margin-top: 2rem;
}
.categories-aside .sub-menu{
  position: static;
  top: auto;
  right: auto;
  transform: none;
  height: auto;
  opacity: 1;
  visibility: visible;
  padding: 0;
  padding-left: 4rem;
  margin: 0.2rem 0 0.8rem 1.8rem;
  border: 0;
  border-left: 2px solid #cfd5db;
  display: none;
  background-color: transparent;
}
.categories-aside .menu-item-has-children{
  position: relative;
}
.categories-aside .menu-item-has-children:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.categories-aside ul li a {
	background-image: none;
	background-size: 1.2rem;
	border-radius: 0.8rem;
	padding: 1.1rem 4.4rem 1.1rem 1.2rem;
	font-size: 1.4rem;
	font-weight: 500;
}
.categories-aside .categories-menu > ul > li + li{
  border-top: 1px solid #eef0f2;
}
.categories-aside .categories-menu > ul > li > a:hover,
.categories-aside li:has(> .menu-toggle2.o) > a{
  color: #31479e;
}
.categories-aside li:has(> .menu-toggle2.o) > a{
  font-weight: 600;
}
.categories-aside .sub-menu li a{
  padding: 0.6rem 1rem;
  font-size: 1.3rem;
  font-weight: 400;
  color: #4b5563;
}
.categories-aside .categories-menu{
  position: static;
  top: auto;
  left: auto;
  margin-top: 0;
  padding: 0.6rem;
  border-top: 0;
  border-radius: 0 0 1rem 1rem;
}
.categories-aside .sub-menu{
  transition: none;
}
.menu-toggle2 {
	position: absolute;
	right: 0;
	top: 0;
	width: 4.4rem;
	height: 3.9rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.4rem;
	border-radius: 0.8rem;
	cursor: pointer;
	transition: all.4s ease-in-out;
	z-index: 2;
}
.menu-toggle2:hover{
  background-color: #e6e9f2;
}
.o.menu-toggle2{
  transform: rotate(180deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2331479e' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
}
.page-aside .categories-nav{
  max-width: 100%;
}
/* shop: siva podloga da se bijele kartice istaknu (kao na naslovnoj) */
section.pages:has(ul.products){
  background-color: #f5f5f6;
}
.aside-fab{
  display: none;
}
@media only screen and (max-width: 61.25em) {
  /*980px*/
  /* mobitel: lista kategorija izlazi odozdo (bottom sheet),
     otvara se gumbom gore ili fiksnim gumbom dolje */
  section.pages:has(.page-aside){
    padding-bottom: 10rem;
  }
  /* gornji gumb izgleda isto kao fiksni dolje */
  .page-aside h3,
  .page-aside h3.open{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5.2rem;
    padding: 0 2rem;
    border-radius: 10rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4'/%3E%3C/svg%3E");
    background-position: left 2rem center;
    background-size: 2rem;
  }
  .page-aside h3.open{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
  }
  .aside-fab{
    position: fixed;
    left: 1.6rem;
    right: 1.6rem;
    bottom: 1.6rem;
    z-index: 1002;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5.2rem;
    padding: 0 2rem;
    border: 0;
    border-radius: 10rem;
    background-color: #31479e;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 6h16M7 12h10M10 18h4'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: left 2rem center;
    background-size: 2rem;
    color: #fff;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: 600;
    box-shadow: 0 0.6rem 2rem rgba(49,71,158,0.35);
    cursor: pointer;
    /* skriven dok je gornji gumb na ekranu (klasu dodaje functions.js) */
    opacity: 0;
    pointer-events: none;
    transform: translateY(calc(100% + 2rem));
    transition: transform .3s ease, opacity .3s ease;
  }
  .aside-fab.is-visible,
  .page-aside:has(> h3.open) .aside-fab{
    opacity: 1;
    pointer-events: auto;
    transform: none;
  }
  .page-aside:has(> h3.open) .aside-fab{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6L6 18'/%3E%3C/svg%3E");
  }
  /* klik iznad liste zatvara (dio fiksnog gumba, pa ga onclick vec hvata) */
  .page-aside:has(> h3.open) .aside-fab::after{
    content: '';
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 25vh;
  }
  /* zatamnjena pozadina */
  .page-aside:has(> h3.open)::before{
    content: '';
    position: fixed;
    inset: 0;
    z-index: 1000;
    background-color: rgba(0,0,0,0.45);
  }
  body:has(.page-aside h3.open){
    overflow: hidden;
  }
  .page-aside .aside-content{
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1001;
    height: 75vh;
    overflow-y: auto;
    padding: 2.4rem 1.2rem 9rem;
    border-radius: 2rem 2rem 0 0;
    background-color: #fff;
    box-shadow: 0 -0.6rem 2rem rgba(0,0,0,0.15);
  }
  /* rucka na vrhu */
  .page-aside .aside-content::before{
    content: '';
    position: absolute;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
    width: 4rem;
    height: 0.4rem;
    border-radius: 1rem;
    background-color: #cfd5db;
  }
  .page-aside .categories-aside .categories-menu{
    padding: 0;
    border: 0;
    border-radius: 0;
  }
}
@media only screen and (max-width: 48em) {
  /*768px*/
  .page-top{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    align-items: center;
    padding: 1.2rem;
  }
  .top-count{
    grid-column: 1 / -1;
    font-size: 1.3rem;
    color: #6b7280;
  }
  .page-top .top-filter{
    display: block;
    margin-top: 0;
  }
  .page-top .top-filter p{
    display: none;
  }
  .page-top .top-filter select{
    width: 100%;
    height: 4.4rem;
    margin: 0;
    padding: 0 3.6rem 0 1.4rem !important;
    font-size: 1.4rem;
  }
}
@media only screen and (min-width: 30.0625em) {
  /*481px*/
  .top-filter{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .top-filter select {
    margin-left: 2rem;
    margin-top: 0;
    width: 30rem;
  }
}
@media only screen and (min-width: 48.0625em) {
  /*769px*/
  .page-top{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
  }
  .top-filter{
    margin-top: 0;
  }
}
@media only screen and (min-width: 61.3125em) {
  /*981px*/
  .page-wrapper{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
  }
  .page-aside{

    width: 33rem;

  }
  .page-content{
    width: calc(100% - 36rem);
    margin-top: 0;
  }
  .aside-content{
    display: block;
    padding-top: 0;
  }
  /* plava traka "Kategorije" u ravnini s trakom filtera */
  .page-aside h3,
  .page-aside h3.open{
    display: flex;
    align-items: center;
    min-height: 6rem;
    border-radius: 1rem 1rem 0 0;
    background-image: none;
    cursor: default;
  }
  .page-top{
    min-height: 6rem;
  }
}

@media only screen and (min-width: 75.0625em) {
  /*1201px*/
  .page-aside{
    width: 30rem;
  }
  .page-content{
    width: calc(100% - 34rem);
  }
}
/* ================================================================================== 
24. Product Page
===================================================================================== */

/*---------*/
.single-wrapper{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
.single-images{
  width: 100%;
  overflow: hidden;
}
.single-text{
  width: 100%;
  margin-top: 5rem;
}
.single-text .product-price{
  margin-bottom: 3rem;
}
.single-text .btn{
  margin-top: 3rem;
}
.thumbs-gallery img{
  display: block;
  height: auto;
  width: 100%;
}
.single-gallery .sticker-wrapper {
	right: 0;
	top: 0;
  bottom: auto;
  left: auto;
  z-index: 2;
	
}
.single-gallery .swiper-slide{
  background: #fff;
}
.thumbs-gallery .swiper-slide {
  cursor: pointer;
}
.single-gallery{
  position: relative;
  border: 1px solid #cfd5db;
  border-radius: 2rem;
  overflow: hidden;
  background-color: #fff;
  --swiper-navigation-size: 1.4rem;
}
.single-gallery img {
	display: block;
	width: 100%;
	height: auto;
	object-fit: contain;
	aspect-ratio: 4/4;
	padding: 2rem;
}
.single-price{
  font-size: 2.6rem;
  margin: 3rem 0;
}
.single-selection{
  padding-top: 3rem;
  border-top:1px solid #e7e7e7;
}
.single-link{
  padding: 2.5rem;
  background-color: #eef2ee;
  margin-top: 2.5rem;
  font-size: 2rem;
  margin-bottom: 3rem;
}
.single-text .title h1{
  padding-left: 0;
  margin-bottom: 0;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1.2;
  word-break: break-word;
}
.single-text .title{
  margin-bottom: 1.2rem;
}
/* kratki opis */
.single-desc > p:first-of-type{
  font-size: 1.5rem;
  color: #4b5563;
  margin-bottom: 1.2rem;
}
/* sifra */
.single-desc > p:nth-of-type(2){
  display: inline-block;
  padding: 0.4rem 1.2rem;
  border-radius: 10rem;
  background-color: #f1f2f4;
  font-size: 1.3rem;
  font-weight: 500;
  margin-bottom: 2.4rem;
}
.price-single{
  padding: 2rem 2.4rem;
  border-radius: 1.4rem;
  background-color: #f5f5f6;
  font-size: 1.4rem;
  color: #4b5563;
}
.price-normall{
  display: block;
  margin-top: 0.2rem;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.2;
  color: #31479e;
}
.price-single .sidrena-cijena{
  margin-top: 0.6rem;
  color: #6b7280;
}
.single-desc .lager{
  margin-top: 1.6rem;
}
.single-text .breadcrumbs ul{
  justify-content: flex-start;
}
.single-text .price-wrap{
  font-size: 2.3rem;
  border-right: 0;
}
.single-gallery  .swiper-button-next{
  right: 1rem;
}
.single-gallery  .swiper-button-prev{
  left: 1rem;
}

.thumbs-gallery{
  margin-top: 1.2rem;
}
.thumbs-gallery img {
	width: 100%;
	height: auto;
	object-fit: contain;
	aspect-ratio: 3/3;
	padding: 0.4rem;
	border: 1px solid #cfd5db;
	border-radius: 1rem;
	background-color: #fff;
	object-position: center;
}
.swiper-slide{
  box-sizing: border-box;
}
.thumbs-gallery .swiper-slide-thumb-active img{
  border-color: #31479e;
}
.single-category {
	opacity: 0.57;
	margin-bottom: 2rem;
}
.single-text .btn{
  margin-top: 0;
}
.single-quantity {
	position: relative;
	padding-right: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.single-btns {
	display: flex;
	flex-direction: column;
	margin-top: 2.4rem;
	gap: 1.2rem;
	align-items: flex-start;
}
.single-btns p.stock{
  order: 2;
  margin: 0;
  font-size: 1.3rem;
  color: #6b7280;
}
.single-btns form.cart{
  gap: 1rem;
}
.single-btns .quantity .qty{
  height: 5.4rem;
  border: 1px solid #cfd5db;
  border-radius: 1rem;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 600;
  -moz-appearance: textfield;
  appearance: textfield;
}
.single-btns .quantity .qty::-webkit-inner-spin-button,
.single-btns .quantity .qty::-webkit-outer-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
.single-quantity input {
	width: 4.7rem;
	height: 4.7rem;
	border: 1px solid #c9c9c9;
	padding: 0;
	text-align: center;
  border-radius: 0;
}
.plus, .minus {
	width: 4.7rem;
	height: 5.4rem;
	border-radius: 1rem;
	background-color: #f1f2f4;
	font-size: 1.8rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background-color .3s ease;
}
.plus:hover, .minus:hover{
	background-color: #e6e9f2;
	color: #31479e;
}
.desc2{
  margin-top: 3rem;
}
.price-wrap{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap:1rem;
}
.price-old{
  color: #ccc;
  text-decoration: line-through;
}
.single-description{
  margin-top: 4rem;
}
.single-options span{
  color: #000;
}
.single-options  select{
  width: 100%;
	border: 1px solid #cacaca;
	padding: 1rem 1.6rem;
  appearance: none;
  background-image: url(images/arrow-down.svg);
	background-repeat: no-repeat;
	background-position: right 1.6rem center;
	background-size: 1rem;
  font-size: 1.6rem;
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.single-text .social{
  margin-top: 3rem;
}

.similar-products .custom-arrows{
  position: static;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
}
.favorites-btn {
	width: 5rem;
	height: 5rem;
	background-color: #eff4f0;
	display: flex;
	align-items: center;
	justify-content: center;
  margin-right: 1rem;
}
.favorites-btn img {
	display: block;
	width: 2rem;
	height: 1.7rem;
	object-fit: contain;
}
.favorites-btn:hover{
  background-color: #faf5f2;
}
@media only screen and (min-width: 30.0625em) {
  /*481px*/
  .single-btns{
    flex-direction: row;
    align-items: center;
    gap:1rem
  }
  .single-options  select{
    width: 30rem;
  }
}
@media only screen and (min-width: 50.0625em) {
  /*801px*/
  .single-wrapper{
    flex-direction: row;
  }
  .single-images{
    width: 40%;

  }
  .single-text{
    width: 60%;
    padding-left: 5rem;
    margin-top: 0;
  }
  .single-link{
    padding: 5rem;
    margin-top: 5rem;
  }
}
@media only screen and (min-width: 90.0625em) {
  /*1441x*/

}
/*---------*/
.tabs {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  border-bottom: 1px solid #e7e7e7;
}
.tabs a {
  display: inline-block;
  border-bottom: 1px solid #e7e7e7;
  font-weight: 600;
  padding: 2rem;
  width: 100%;
}
.tabs a:hover,
.tabs a.active-tab {
  border-color: #3e9bb1;
  color: #3e9bb1;
}
.tabs-container {
	width: 100%;
	display: none;
	padding: 2rem 0;
}
.tabs-container.active-tab {
  display: block;
}
.single-bottom{
  margin-top: 5rem;
  padding: 3rem;
  background-color: #f1f1f1;
  border-radius: 3.1rem;

}

@media only screen and (min-width: 30.0625em) {
  /*481px*/
  .tabs a {
    width: auto;
    border-bottom: 1px solid transparent;
  }
}
@media only screen and (min-width: 50.0625em) {
  /*801px*/
  .single-bottom{
    padding: 3rem  5rem;
  }
}
@media only screen and (min-width: 64.0625em) {
  /*1025px*/
  .tabs-container {
    padding: 2rem 0;
  }
}
/*----------*/
.share{
  background-color: #f7f7f7;
  margin-top: 5rem;
  padding: 2rem;
}

.share-wrap{
  display: flex;
  flex-direction: row;
  flex-wrap:wrap;
  gap:1rem
}
.share a{
  display: inline-block;
}
.share a  img{
  display: block;
  width: 4rem;
  height: auto;
}
@media only screen and (min-width: 48.0625em) {
  /*769px*/
  .share h3{
    margin-bottom: 0;
  }
  .share{
    display: flex;
    flex-direction: row;
    flex-wrap:wrap;
    justify-content: space-between;
  }
}
/*-------*/

.accordion-wrapper {
  counter-reset: accordion-counter;
  max-width: 110rem;
  width: 100%;
  margin: 0 auto;

}

.accordion {
	padding: 0.6rem 2rem;
	margin-bottom: 1rem;
	-webkit-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	counter-increment: accordion-counter;
	border: 1px solid #cfd5db;
	border-radius: 1rem;
	background-color: #fff;
}
.accordion--active{
	border-color: #31479e;
}
.accordion__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
.accordion__head_text {
  position: relative;
  margin-bottom: 0;
  font-size: 1.6rem;
  font-weight: 600;
  width: 80%;
  color: #000;
}
.accordion--active .accordion__head_text{
  color: #31479e;
}

.accordion__head_btn {
  width: 4rem;
  height: 4rem;
  position: relative;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  border: none;
  background-color: transparent;
  }
  .accordion__head_btn:before, .accordion__head_btn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 40%;
  height: 2px;
  background-color: #31479e;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.accordion__head_btn:before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.accordion__body {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  line-height: 1.7;
  font-size: 1.5rem;
  color: #333;
}
.accordion__body_text{
  padding: 0.4rem 0 1.6rem;
}

.accordion--active .accordion__head_btn {
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}
.accordion--active .accordion__head_btn:before {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
}
.single-gallery .swiper-button-next {
	right: 1rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l6 6-6 6'/%3E%3C/svg%3E");
}
.single-gallery .swiper-button-prev {
	left: 1rem;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 6l-6 6 6 6'/%3E%3C/svg%3E");
}
.single-gallery  .swiper-button-next, .single-gallery .swiper-button-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
  width: 4rem;
  height: 4rem;
  margin-top: 0;
  border: 1px solid #cfd5db;
  border-radius: 50%;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.6rem;
  cursor: pointer;
  transition: border-color .3s ease;
}
.single-gallery  .swiper-button-next:hover, .single-gallery .swiper-button-prev:hover{
  border-color: #31479e;
}
/* bez strelica kad proizvod ima samo jednu sliku */
.single-gallery .swiper-button-lock,
.single-gallery:has(.swiper-wrapper > .swiper-slide:only-child) .swiper-button-next,
.single-gallery:has(.swiper-wrapper > .swiper-slide:only-child) .swiper-button-prev{
  display: none;
}
/*-----*/
.docs{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap:3rem;
}
.docs a {
	display: inline-block;
	font-weight: 600;
	background-image: url(images/downloads.svg);
	background-repeat: no-repeat;
	background-size: 2rem;
	background-position: left center;
	padding-left: 4.2rem;
}

/* ================================================================================== 
25. Contact Page
===================================================================================== */
.contact-form{
  max-width: 70rem;
  width: 100%;
  padding: 5rem 2rem;
  background-color: #f1f2f4;
  margin: 0 auto;
  position: relative;
  margin-top: 8rem;
}
.contact-form input.btn{
  width: auto;
  transition: all  .4s ease-in-out;
  border: unset !important;
}
.contact-form::before {
	content: '';
	width: 10rem;
	height: 10rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -5rem;
	background-image: url(images/mail.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 3rem;
	z-index: 1;
	background-color: #f1f2f4;
	border-radius: 50%;
}
.contact-form .btn{
  border-bottom: 0;
  width: auto;
  transition: all .4s ease-in-out;
}


  @media only screen and (min-width: 64.0625em) {
    /*1025px*/
    .contact-form{
      padding: 5rem;
    }
  }
/* ==================================================================================
26. 404 Page
===================================================================================== */
.page-404{
  background-color: #f5f5f6;
}
.error-404{
  max-width: 70rem;
  margin: 0 auto;
  padding: 5rem 2rem;
  border: 1px solid #cfd5db;
  border-radius: 2rem;
  background-color: #fff;
  text-align: center;
}
.error-404-code{
  font-size: 10rem;
  font-weight: 700;
  line-height: 1;
  color: #31479e;
  margin-bottom: 2rem;
}
.error-404 h1{
  font-size: 2.6rem;
  font-weight: 600;
  margin-bottom: 1.2rem;
}
.error-404 p{
  max-width: 50rem;
  margin: 0 auto 3rem;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #4b5563;
}
.error-404-search{
  max-width: 50rem;
  margin: 0 auto 3rem;
  text-align: left;
}
.error-404-btns{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
.btn-secondary-outline{
  border: 1px solid #31479e;
  color: #31479e;
  transition: all .3s ease;
}
.btn-secondary-outline:hover{
  background-color: #31479e;
  color: #fff;
}
@media only screen and (min-width: 56.3125em) {
  /*901px*/
  .error-404{
    padding: 7rem 6rem;
  }
  .error-404-code{
    font-size: 14rem;
  }
}
/* ==================================================================================
27. Raskid ugovora (mx-cw)
    Varijable su zadane ovdje u bojama Tevetrona (--wc-* varijable ne postoje na siteu).
    .mx-cw-color-scheme-light/dark su u selektoru da nadjacaju shemu plugina.
===================================================================================== */
.mx-cw-public,
body .mx-cw-public.mx-cw-color-scheme-light,
body .mx-cw-public.mx-cw-color-scheme-dark{
  --mxcw-card-bg:      #fff;
  --mxcw-bg:           #f9fafb;
  --mxcw-border:       #cfd5db;
  --mxcw-ink:          #1d2327;
  --mxcw-text:         #333;
  --mxcw-ink-soft:     #6b7280;
  --mxcw-ink-dim:      #9ca3af;
  --mxcw-accent:       #31479e;
  --mxcw-accent-dark:  #263a85;
  --mxcw-accent-grad:  #31479e;
  --mxcw-accent-soft:  #f0f3fb;
  --mxcw-on-accent:    #fff;
  --mxcw-success:      #228e17;
  --mxcw-success-soft: #f0f9ee;
  --mxcw-warning:      #b26a00;
  --mxcw-danger:       #c9000b;
  --mxcw-danger-soft:  #fdeced;
  --mxcw-error:        #c9000b;
  --mxcw-radius:       2rem;
  --mxcw-radius-sm:    1rem;
  --mxcw-font-heading: inherit;
  --mxcw-font-body:    inherit;
  --mxcw-font-mono:    inherit;
  --mxcw-input-height: 4.8rem;

  /* velicine i ostalo koje CSS ispod koristi */
  --wc-fs-xs: 1.2rem;
  --wc-fs-sm: 1.3rem;
  --wc-fs-base: 1.5rem;
  --wc-fs-md: 1.6rem;
  --wc-fs-lg: 1.8rem;
  --wc-fs-xl: 2.4rem;
  --wc-transition: all .2s ease;
  --wc-card-padding: 2.4rem;
  --wc-heading-transform: none;

  display: block;
  padding: 0;
  background: transparent !important;
  color: var(--mxcw-text);
  font-family: var(--mxcw-font-body);
}

/*----- zajednicko -----*/
body .mx-cw-public .mx-cw-card{
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 3.6rem;
  background: var(--mxcw-card-bg) !important;
  border: 1px solid var(--mxcw-border) !important;
  border-radius: var(--mxcw-radius) !important;
  box-shadow: none !important;
  color: var(--mxcw-text) !important;
}
/* unutar "Moj racun" je sadrzaj vec kartica - bez dvostrukog okvira */
body .woocommerce-MyAccount-content .mx-cw-public .mx-cw-card{
  padding: 0;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* zaglavlje */
body .mx-cw-public .mx-cw-card-header{
  margin-bottom: 2.8rem;
  text-align: left;
}
body .mx-cw-public .mx-cw-eyebrow{
  margin: 0 0 .8rem;
  color: var(--mxcw-accent) !important;
  font-family: var(--mxcw-font-mono);
  font-size: var(--wc-fs-xs);
  font-weight: 700;
  letter-spacing: .08em;
  text-transform: uppercase;
}
body .mx-cw-public .mx-cw-card-header h2{
  margin: 0 0 1rem;
  color: var(--mxcw-accent) !important;
  font-family: var(--mxcw-font-heading);
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.25;
  text-transform: var(--wc-heading-transform);
}
body .mx-cw-public .mx-cw-lead{
  margin: 0;
  color: var(--mxcw-ink-soft) !important;
  font-size: var(--wc-fs-md);
  line-height: 1.55;
}

/* napomene */
body .mx-cw-public .mx-cw-notice{
  margin: 0 0 2.8rem;
  padding: 1.4rem 1.6rem;
  background: var(--mxcw-accent-soft) !important;
  border: 1px solid #c9d3ef !important;
  border-left: 0.5rem solid var(--mxcw-accent) !important;
  border-radius: var(--mxcw-radius-sm) !important;
  box-shadow: none !important;
  color: var(--mxcw-text) !important;
  font-size: var(--wc-fs-base);
  line-height: 1.55;
}
body .mx-cw-public .mx-cw-notice-warning{ border-left-color: var(--mxcw-warning) !important; }
body .mx-cw-public .mx-cw-notice-error{
  background: var(--mxcw-danger-soft) !important;
  border-color: #f5c2c5 !important;
  border-left-color: var(--mxcw-danger) !important;
}
body .mx-cw-public .mx-cw-notice-success{
  background: var(--mxcw-success-soft) !important;
  border-color: #b9dfb3 !important;
  border-left-color: var(--mxcw-success) !important;
}

body .mx-cw-public .mx-cw-helper{
  margin: 0 0 2.2rem;
  color: var(--mxcw-ink-soft) !important;
  font-size: var(--wc-fs-sm);
  line-height: 1.5;
  text-align: left;
}

/* polja */
body .mx-cw-public .mx-cw-field{
  display: flex;
  flex-direction: column;
  margin: 0 0 2rem;
}
body .mx-cw-public .mx-cw-field-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 2rem;
}
body .mx-cw-public .mx-cw-field label,
body .mx-cw-public .mx-cw-form label{
  margin-bottom: .6rem;
  color: var(--mxcw-ink);
  font-family: var(--mxcw-font-body);
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
}
body .mx-cw-public .mx-cw-field input[type="text"],
body .mx-cw-public .mx-cw-field input[type="email"],
body .mx-cw-public .mx-cw-field input[type="tel"],
body .mx-cw-public .mx-cw-field select,
body .mx-cw-public .mx-cw-field textarea{
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: var(--mxcw-input-height);
  padding: 0 1.6rem !important;
  background: var(--mxcw-card-bg) !important;
  border: 1px solid var(--mxcw-border) !important;
  border-radius: var(--mxcw-radius-sm) !important;
  box-shadow: none !important;
  color: var(--mxcw-ink) !important;
  font-family: var(--mxcw-font-body);
  font-size: var(--wc-fs-base);
  transition: var(--wc-transition);
}
body .mx-cw-public .mx-cw-field textarea{
  height: auto;
  min-height: 14rem;
  padding: 1.4rem 1.6rem !important;
  resize: vertical;
}
body .mx-cw-public .mx-cw-field select{
  -webkit-appearance: none;
  appearance: none;
  padding-right: 4.4rem !important;
  background-image: none !important;
  cursor: pointer;
}
body .mx-cw-public .mx-cw-field select option{
  background: var(--mxcw-card-bg);
  color: var(--mxcw-ink);
}
body .mx-cw-public .mx-cw-reason-select-wrap{
  position: relative;
  display: block;
  width: 100%;
}
body .mx-cw-public .mx-cw-reason-select-wrap::after{
  content: '';
  position: absolute;
  top: 50%;
  right: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
  background: var(--mxcw-accent);
  transform: translateY(-50%);
  pointer-events: none;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat;
}
body .mx-cw-public .mx-cw-field input::placeholder,
body .mx-cw-public .mx-cw-field textarea::placeholder{ color: var(--mxcw-ink-dim); }
body .mx-cw-public .mx-cw-field input:hover,
body .mx-cw-public .mx-cw-field select:hover,
body .mx-cw-public .mx-cw-field textarea:hover{ border-color: var(--mxcw-ink-soft) !important; }
body .mx-cw-public .mx-cw-field input:focus,
body .mx-cw-public .mx-cw-field select:focus,
body .mx-cw-public .mx-cw-field textarea:focus{
  outline: none;
  border-color: var(--mxcw-accent) !important;
  box-shadow: 0 0 0 3px rgba(49,71,158,0.15) !important;
}
body .mx-cw-public .mx-cw-field input:invalid:not(:placeholder-shown){ border-color: var(--mxcw-error) !important; }
body .mx-cw-public .mx-cw-field input:-webkit-autofill,
body .mx-cw-public .mx-cw-field input:-webkit-autofill:hover,
body .mx-cw-public .mx-cw-field input:-webkit-autofill:focus{
  -webkit-box-shadow: 0 0 0 1000px var(--mxcw-card-bg) inset !important;
  -webkit-text-fill-color: var(--mxcw-ink) !important;
}
body .mx-cw-public .mx-cw-field-description{
  display: block;
  margin-top: .8rem;
  color: var(--mxcw-ink-soft);
  font-size: var(--wc-fs-xs);
  line-height: 1.5;
}
body .mx-cw-public .mx-cw-field-error{
  margin-top: .6rem;
  color: var(--mxcw-error) !important;
  font-size: var(--wc-fs-xs);
}

/* honeypot */
body .mx-cw-public .mx-cw-honeypot{
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}

/* gumbi - kao ostali plavi gumbi na siteu (pilula, zuti hover) */
body .mx-cw-public .mx-cw-actions{ margin: 2rem 0 0; }
body .mx-cw-public .mx-cw-button{
  appearance: none;
  padding: 1.4rem 3rem;
  background: var(--mxcw-accent-grad) !important;
  border: 1px solid var(--mxcw-accent) !important;
  border-radius: 10rem !important;
  box-shadow: none !important;
  color: var(--mxcw-on-accent) !important;
  font-family: var(--mxcw-font-body);
  font-size: var(--wc-fs-base);
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  text-decoration: none !important;
  cursor: pointer;
  transition: var(--wc-transition);
  width: auto;
}
body .mx-cw-form.mx-cw-card.mx-cw-card-lookup .mx-cw-actions{
  margin-top: 1rem !important;
  margin-bottom: 2rem !important;
}
body .mx-cw-public .mx-cw-button:hover{
  background: #fff326 !important;
  border-color: #fff326 !important;
  color: #000 !important;
}
body .mx-cw-public .mx-cw-button:active{ transform: translateY(1px); }
body .mx-cw-public .mx-cw-button:focus-visible{
  outline: none;
  box-shadow: 0 0 0 3px rgba(49,71,158,0.25) !important;
}
body .mx-cw-public .mx-cw-button[aria-disabled="true"]{
  opacity: .45;
  cursor: not-allowed;
}
body .mx-cw-public .mx-cw-button-secondary{
  background: #fff !important;
  border: 1px solid var(--mxcw-accent) !important;
  color: var(--mxcw-accent) !important;
}
body .mx-cw-public .mx-cw-button-secondary:hover{
  background: var(--mxcw-accent) !important;
  border-color: var(--mxcw-accent) !important;
  color: #fff !important;
}

/* sazetak (kao mreza plocica) */
body .mx-cw-public .mx-cw-summary{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
  gap: 1px;
  margin: 0 0 3.2rem;
  padding: 0;
  background: var(--mxcw-border) !important;
  border: 1px solid var(--mxcw-border) !important;
  border-radius: 1.4rem;
  overflow: hidden;
}
body .mx-cw-public .mx-cw-summary-item{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: .6rem;
  min-width: 0;
  margin: 0;
  padding: 1.6rem 2rem;
  background: var(--mxcw-bg) !important;
  border: 0 !important;
}
body .mx-cw-public .mx-cw-summary-item span{
  color: var(--mxcw-ink-soft) !important;
  font-family: var(--mxcw-font-mono);
  font-size: var(--wc-fs-xs);
  font-weight: 600;
  letter-spacing: .5px;
  line-height: 1.4;
  text-transform: uppercase;
}
body .mx-cw-public .mx-cw-summary-item strong{
  color: var(--mxcw-ink) !important;
  font-size: var(--wc-fs-md);
  font-weight: 600;
  text-align: left;
  overflow-wrap: anywhere;
}
body .mx-cw-public .mx-cw-order-total-value{
  color: var(--mxcw-accent) !important;
  font-family: var(--mxcw-font-heading);
  font-size: var(--wc-fs-xl) !important;
}

@media (max-width:600px){
  body .mx-cw-public .mx-cw-card{ padding: 2.4rem 2rem; }
  body .mx-cw-public .mx-cw-card-header h2{ font-size: 1.9rem; }
  body .mx-cw-public .mx-cw-field-grid{ grid-template-columns: 1fr; }
}
@media (max-width:480px){
  body .mx-cw-public .mx-cw-summary{ grid-template-columns: 1fr; }
  body .mx-cw-public .mx-cw-summary-item{
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  body .mx-cw-public .mx-cw-summary-item strong{ text-align: right; }
}
@media (prefers-reduced-motion: reduce){
  body .mx-cw-public .mx-cw-field input,
  body .mx-cw-public .mx-cw-button{ transition: none; }
}

/*----- korak 1 (obrazac) -----*/
body .mx-cw-public .mx-cw-card-request{ max-width: 100%; }
body .mx-cw-public .mx-cw-card-request .mx-cw-summary{ grid-template-columns: repeat(4, 1fr); }
body .mx-cw-public .mx-cw-form-fields > .mx-cw-field-grid{ grid-template-columns: 1fr; }

/* fieldsetovi */
body .mx-cw-public .mx-cw-form fieldset{
  min-width: 0;
  margin: 0 0 2.4rem;
  padding: var(--wc-card-padding);
  background: var(--mxcw-bg) !important;
  border: 1px solid var(--mxcw-border) !important;
  border-radius: 1.4rem !important;
  box-shadow: none !important;
  color: var(--mxcw-text) !important;
  opacity: 1 !important;
}
body .mx-cw-public .mx-cw-form fieldset legend{
  float: left;
  width: 100%;
  margin: 0 0 1.4rem;
  padding: 0;
  color: var(--mxcw-accent) !important;
  font-family: var(--mxcw-font-heading);
  font-size: var(--wc-fs-lg);
  font-weight: 600;
  letter-spacing: 0;
  text-transform: var(--wc-heading-transform);
}
body .mx-cw-public .mx-cw-form fieldset legend + *{ clear: both; }
body .mx-cw-public .mx-cw-form fieldset > .mx-cw-field:last-child,
body .mx-cw-public .mx-cw-form fieldset > .mx-cw-field-grid:last-child .mx-cw-field{ margin-bottom: 0; }

/* opseg zahtjeva (radio kao kartice) */
body .mx-cw-public .mx-cw-form fieldset[data-mx-cw-request-scope] label{
  display: inline-flex;
  align-items: center;
  gap: 1.2rem;
  width: calc(50% - .8rem);
  margin: 0;
  padding: 1.6rem 1.8rem;
  background: var(--mxcw-card-bg);
  border: 1px solid var(--mxcw-border);
  border-radius: var(--mxcw-radius-sm);
  color: var(--mxcw-text);
  font-family: var(--mxcw-font-body);
  font-size: var(--wc-fs-base);
  font-weight: 500;
  letter-spacing: 0;
  text-transform: none;
  vertical-align: top;
  cursor: pointer;
  transition: var(--wc-transition);
}
body .mx-cw-public .mx-cw-form fieldset[data-mx-cw-request-scope] label:hover{ border-color: var(--mxcw-accent); }
body .mx-cw-public .mx-cw-form fieldset[data-mx-cw-request-scope] label:has(input:checked){
  background: var(--mxcw-accent-soft);
  border-color: var(--mxcw-accent);
  color: var(--mxcw-ink);
}
body .mx-cw-public .mx-cw-form fieldset[data-mx-cw-request-scope] input[type="radio"]{
  flex-shrink: 0;
  width: 1.8rem;
  height: 1.8rem;
  margin: 0;
  padding: 0 !important;
  accent-color: var(--mxcw-accent);
  cursor: pointer;
}

/* proizvodi - plugin ima vlastiti grid pa je raspored zakljucan s !important */
body .mx-cw-public .mx-cw-items-fieldset .mx-cw-notice{ background: var(--mxcw-card-bg) !important; }
body .mx-cw-public .mx-cw-items-fieldset .mx-cw-item{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 1.6rem !important;
  width: 100% !important;
  max-width: 100% !important;
  grid-template-columns: none !important;
  margin: 0 !important;
  padding: 1.6rem 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--mxcw-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
body .mx-cw-public .mx-cw-items-fieldset .mx-cw-field-error + .mx-cw-item{ border-top: 0 !important; }
body .mx-cw-public .mx-cw-items-fieldset .mx-cw-item:last-child{ padding-bottom: 0 !important; }
body .mx-cw-public .mx-cw-items-fieldset .mx-cw-item-selection-control{
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
body .mx-cw-public .mx-cw-item-selection-control input[type="checkbox"]{
  width: 1.9rem;
  height: 1.9rem;
  margin: 0;
  padding: 0 !important;
  accent-color: var(--mxcw-accent);
  cursor: pointer;
}
body .mx-cw-public .mx-cw-item-selection-control input[type="checkbox"]:disabled{ cursor: default; }
body .mx-cw-public .mx-cw-items-fieldset .mx-cw-item-thumb{
  flex: 0 0 7.2rem !important;
  width: 7.2rem !important;
  height: 7.2rem !important;
  margin: 0 !important;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--mxcw-border) !important;
  border-radius: var(--mxcw-radius-sm);
}
body .mx-cw-public .mx-cw-item-thumb img{
  display: block;
  width: 100%;
  height: 100%;
  padding: 0.4rem;
  object-fit: contain;
}
body .mx-cw-public .mx-cw-items-fieldset .mx-cw-item-body{
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 2rem !important;
  width: auto !important;
  min-width: 0 !important;
  grid-template-columns: none !important;
  background: transparent !important;
}
body .mx-cw-public .mx-cw-items-fieldset .mx-cw-item-main{
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: .4rem;
  width: auto !important;
  min-width: 0 !important;
  background: transparent !important;
}
body .mx-cw-public .mx-cw-items-fieldset .mx-cw-item-name{
  display: block !important;
  width: auto !important;
  color: var(--mxcw-ink) !important;
  font-size: var(--wc-fs-md);
  font-weight: 600;
  line-height: 1.4;
  word-break: normal !important;
  overflow-wrap: break-word !important;
  writing-mode: horizontal-tb !important;
}
body .mx-cw-public .mx-cw-items-fieldset .mx-cw-item-quantity{
  color: var(--mxcw-ink-soft) !important;
  font-family: var(--mxcw-font-mono);
  font-size: var(--wc-fs-sm);
}
body .mx-cw-public .mx-cw-items-fieldset .mx-cw-item-total,
body .mx-cw-public .mx-cw-items-fieldset .mx-cw-item-total .amount{
  flex: 0 0 auto !important;
  margin: 0 !important;
  color: var(--mxcw-accent) !important;
  font-family: var(--mxcw-font-mono);
  font-size: var(--wc-fs-md);
  font-weight: 700;
  text-align: right !important;
  white-space: nowrap;
}

/* odabrana kolicina (stepper) */
body .mx-cw-public .mx-cw-item-quantity-control{ margin-top: 1rem; }
body .mx-cw-public .mx-cw-items-fieldset .mx-cw-item-quantity-control label{
  display: block;
  margin-bottom: .6rem;
  color: var(--mxcw-ink-soft) !important;
  font-size: 1.2rem;
}
body .mx-cw-public .mx-cw-items-fieldset .mx-cw-quantity-stepper{
  display: inline-flex;
  align-items: stretch;
  height: 4rem;
  overflow: hidden;
  background: var(--mxcw-card-bg) !important;
  border: 1px solid var(--mxcw-border) !important;
  border-radius: var(--mxcw-radius-sm);
}
body .mx-cw-public .mx-cw-items-fieldset .mx-cw-quantity-stepper button{
  width: 4rem;
  padding: 0;
  background: transparent !important;
  border: 0 !important;
  color: var(--mxcw-accent) !important;
  font-size: 1.8rem;
  line-height: 1;
  cursor: pointer;
  transition: var(--wc-transition);
}
body .mx-cw-public .mx-cw-items-fieldset .mx-cw-quantity-stepper button:hover:not(:disabled){ background: var(--mxcw-accent-soft) !important; }
body .mx-cw-public .mx-cw-items-fieldset .mx-cw-quantity-stepper button:disabled{
  color: var(--mxcw-ink-dim) !important;
  cursor: default;
}
body .mx-cw-public .mx-cw-items-fieldset .mx-cw-quantity-stepper input[type="number"]{
  width: 5.6rem;
  height: 100%;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-left: 1px solid var(--mxcw-border) !important;
  border-right: 1px solid var(--mxcw-border) !important;
  border-radius: 0;
  box-shadow: none !important;
  color: var(--mxcw-ink) !important;
  font-family: var(--mxcw-font-mono);
  font-size: var(--wc-fs-base);
  font-weight: 600;
  text-align: center;
  -moz-appearance: textfield;
  appearance: textfield;
}
body .mx-cw-public .mx-cw-quantity-stepper input[type="number"]::-webkit-inner-spin-button,
body .mx-cw-public .mx-cw-quantity-stepper input[type="number"]::-webkit-outer-spin-button{
  -webkit-appearance: none;
  margin: 0;
}
body .mx-cw-public .mx-cw-items-fieldset .mx-cw-quantity-stepper input[type="number"]:disabled{ color: var(--mxcw-ink-soft) !important; }

/* "cijela narudzba" - stavke samo za pregled */
body .mx-cw-public .mx-cw-items-readonly .mx-cw-item-selection-control,
body .mx-cw-public .mx-cw-items-readonly .mx-cw-item-quantity-control{ opacity: .5; }

/* greska */
body .mx-cw-public .mx-cw-items-fieldset .mx-cw-field-error{
  margin: 0 0 1.6rem;
  padding: 1.2rem 1.6rem;
  background: var(--mxcw-danger-soft);
  border: 1px solid #f5c2c5;
  border-left: 0.5rem solid var(--mxcw-danger);
  border-radius: var(--mxcw-radius-sm);
}

/* gumb */
body .mx-cw-public .mx-cw-card-request .mx-cw-actions{ margin-top: .8rem; }
body .mx-cw-public .mx-cw-card-request .mx-cw-button-primary{
  width: auto;
  min-width: 26rem;
  padding: 1.6rem 3.6rem;
}

@media (max-width:900px){
  body .mx-cw-public .mx-cw-card-request .mx-cw-summary{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:600px){
  body .mx-cw-public .mx-cw-form fieldset{ padding: 2rem; }
  body .mx-cw-public .mx-cw-form fieldset[data-mx-cw-request-scope] label{ width: 100%; }
  body .mx-cw-public .mx-cw-form fieldset[data-mx-cw-request-scope] label + label{ margin: 1rem 0 0; }
  body .mx-cw-public .mx-cw-items-fieldset .mx-cw-item{
    align-items: flex-start !important;
    gap: 1.2rem !important;
  }
  body .mx-cw-public .mx-cw-items-fieldset .mx-cw-item-thumb{
    flex-basis: 5.6rem !important;
    width: 5.6rem !important;
    height: 5.6rem !important;
  }
  body .mx-cw-public .mx-cw-items-fieldset .mx-cw-item-body{
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: .8rem !important;
  }
  body .mx-cw-public .mx-cw-items-fieldset .mx-cw-item-total{ text-align: left !important; }
  body .mx-cw-public .mx-cw-card-request .mx-cw-button-primary{
    width: 100%;
    min-width: 0;
  }
}
@media (max-width:480px){
  body .mx-cw-public .mx-cw-card-request .mx-cw-summary{ grid-template-columns: 1fr; }
}

/*----- korak 2 (potvrda) -----*/
body .mx-cw-public .mx-cw-statement-card{
  margin: 0 0 2.8rem;
  padding: 2.8rem;
  background: var(--mxcw-bg) !important;
  border: 1px solid var(--mxcw-border) !important;
  border-radius: 1.4rem !important;
  box-shadow: none !important;
  color: var(--mxcw-text) !important;
}
body .mx-cw-public .mx-cw-statement-card > h2{
  margin: 0 0 2.4rem;
  padding-bottom: 1.8rem;
  border-bottom: 1px solid var(--mxcw-border);
  color: var(--mxcw-accent) !important;
  font-family: var(--mxcw-font-heading);
  font-size: var(--wc-fs-lg);
  font-weight: 600;
  letter-spacing: 0;
  text-transform: var(--wc-heading-transform);
}
body .mx-cw-public .mx-cw-statement-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.6rem;
}
body .mx-cw-public .mx-cw-statement-section{
  min-width: 0;
  padding: 2rem 2.2rem;
  background: var(--mxcw-card-bg) !important;
  border: 1px solid var(--mxcw-border) !important;
  border-radius: var(--mxcw-radius-sm) !important;
  box-shadow: none !important;
}
body .mx-cw-public .mx-cw-statement-section h3{
  margin: 0 0 1.4rem;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid var(--mxcw-border);
  color: var(--mxcw-accent) !important;
  font-family: var(--mxcw-font-mono);
  font-size: var(--wc-fs-xs);
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
}
body .mx-cw-public .mx-cw-statement-section p{
  margin: 0;
  color: var(--mxcw-text) !important;
  font-size: var(--wc-fs-base);
  line-height: 1.7;
}
body .mx-cw-public .mx-cw-statement-section dl{
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1rem 1.6rem;
  margin: 0;
}
body .mx-cw-public .mx-cw-statement-section dt{
  color: var(--mxcw-ink-soft) !important;
  font-family: var(--mxcw-font-mono);
  font-size: var(--wc-fs-sm);
}
body .mx-cw-public .mx-cw-statement-section dd{
  margin: 0;
  color: var(--mxcw-ink) !important;
  font-size: var(--wc-fs-base);
  font-weight: 600;
  text-align: right;
}
body .mx-cw-public .mx-cw-statement-items{
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  list-style: none;
}
body .mx-cw-public .mx-cw-statement-items li{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 1.2rem;
  padding: 1rem 0;
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--mxcw-border) !important;
  font-size: var(--wc-fs-base);
}
body .mx-cw-public .mx-cw-statement-items li:first-child{
  padding-top: 0;
  border-top: 0 !important;
}
body .mx-cw-public .mx-cw-statement-items span{ color: var(--mxcw-ink) !important; }
body .mx-cw-public .mx-cw-statement-items strong{
  color: var(--mxcw-ink-soft) !important;
  font-family: var(--mxcw-font-mono);
  font-size: var(--wc-fs-sm);
  font-weight: 500;
  white-space: nowrap;
}
body .mx-cw-public .mx-cw-statement-note{
  margin: 2.4rem 0 0;
  padding-top: 1.8rem;
  border-top: 1px solid var(--mxcw-border);
  color: var(--mxcw-ink-soft) !important;
  font-size: var(--wc-fs-sm);
  line-height: 1.55;
}

/* privola */
body .mx-cw-public label.mx-cw-consent{
  display: flex !important;
  align-items: flex-start;
  gap: 1.2rem;
  margin: 0 0 2.4rem;
  padding: 1.8rem 2rem;
  background: var(--mxcw-bg) !important;
  border: 1px solid var(--mxcw-border) !important;
  border-radius: var(--mxcw-radius-sm) !important;
  box-shadow: none !important;
  color: var(--mxcw-text) !important;
  font-family: var(--mxcw-font-body) !important;
  font-size: var(--wc-fs-base) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 1.55;
  text-transform: none !important;
  cursor: pointer;
  transition: var(--wc-transition);
}
body .mx-cw-public label.mx-cw-consent:hover{ border-color: var(--mxcw-accent) !important; }
body .mx-cw-public label.mx-cw-consent:has(input:checked){
  background: var(--mxcw-accent-soft) !important;
  border-color: var(--mxcw-accent) !important;
  color: var(--mxcw-ink) !important;
}
body .mx-cw-public label.mx-cw-consent input[type="checkbox"]{
  flex: none;
  width: 1.9rem;
  height: 1.9rem;
  margin: .1rem 0 0;
  padding: 0 !important;
  accent-color: var(--mxcw-accent);
  cursor: pointer;
}

/* dva gumba */
body .mx-cw-public .mx-cw-card-confirm .mx-cw-actions{
  display: flex;
  gap: 1.2rem;
  margin: 0 0 1.6rem;
}
body .mx-cw-public .mx-cw-card-confirm .mx-cw-button{
  flex: 1;
  width: auto;
}
body .mx-cw-public .mx-cw-card-confirm .mx-cw-helper{
  margin: 0;
  text-align: center;
}

@media (max-width:640px){
  body .mx-cw-public .mx-cw-statement-grid{ grid-template-columns: 1fr; }
  body .mx-cw-public .mx-cw-card-confirm .mx-cw-actions{ flex-direction: column-reverse; }
}
@media (max-width:600px){
  body .mx-cw-public .mx-cw-statement-card{ padding: 2rem; }
  body .mx-cw-public .mx-cw-statement-section{ padding: 1.8rem; }
}

/*----- korak 3 (zaprimljeno) -----*/
body .mx-cw-public .mx-cw-card-success{
  max-width: 100%;
  margin: 0 auto;
  text-align: center;
}
body .mx-cw-public .mx-cw-card-success .mx-cw-card-header{
  margin-bottom: 3.2rem;
  text-align: center;
}
body .mx-cw-public .mx-cw-card-success .mx-cw-eyebrow{
  margin-bottom: 2rem;
  color: var(--mxcw-success) !important;
}
body .mx-cw-public .mx-cw-success-title{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.8rem;
  margin-bottom: 1.4rem;
}
body .mx-cw-public .mx-cw-success-icon{
  position: relative !important;
  display: block !important;
  flex: none;
  width: 7.2rem !important;
  height: 7.2rem !important;
  margin: 0 !important;
  padding: 0 !important;
  background: var(--mxcw-success-soft) !important;
  border: 1px solid var(--mxcw-success) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 8px var(--mxcw-success-soft) !important;
  font-size: 0 !important;
}
body .mx-cw-public .mx-cw-success-icon::before{
  content: none !important;
  display: none !important;
}
body .mx-cw-public .mx-cw-success-icon::after{
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: auto !important;
  background: var(--mxcw-success) !important;
  border: 0 !important;
  transform: none !important;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 3.2rem no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 3.2rem no-repeat;
}
body .mx-cw-public .mx-cw-success-title h2{
  margin: 0 !important;
  font-size: clamp(2.4rem, 1.6vw + 1.6rem, 3rem) !important;
}
body .mx-cw-public .mx-cw-card-success .mx-cw-lead{
  max-width: 52rem;
  margin: 0 auto;
  text-align: center;
}

/* sto slijedi */
body .mx-cw-public .mx-cw-next-steps{
  margin: 0 0 2.4rem;
  padding: 2.4rem 2.6rem;
  background: var(--mxcw-bg) !important;
  border: 1px solid var(--mxcw-border) !important;
  border-radius: 1.4rem !important;
  box-shadow: none !important;
  text-align: left;
}
body .mx-cw-public .mx-cw-next-steps h3{
  margin: 0 0 1.6rem;
  padding-bottom: 1.6rem;
  border-bottom: 1px solid var(--mxcw-border);
  color: var(--mxcw-accent) !important;
  font-family: var(--mxcw-font-heading);
  font-size: var(--wc-fs-lg);
  font-weight: 600;
  letter-spacing: 0;
  text-transform: var(--wc-heading-transform);
}
body .mx-cw-public .mx-cw-next-steps ul{
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
body .mx-cw-public .mx-cw-next-steps li{
  position: relative;
  padding-left: 2.4rem;
  background: transparent !important;
  color: var(--mxcw-text) !important;
  font-size: var(--wc-fs-base);
  line-height: 1.55;
  list-style: none;
}
body .mx-cw-public .mx-cw-next-steps li::before{
  content: '' !important;
  position: absolute;
  top: .75rem;
  left: 0;
  width: .7rem;
  height: .7rem;
  background: var(--mxcw-accent) !important;
  border-radius: 50%;
}

/* sazetak */
body .mx-cw-public .mx-cw-card-success .mx-cw-summary{
  grid-template-columns: 1.6fr 1fr;
  margin: 0;
  text-align: left;
}
body .mx-cw-public .mx-cw-card-success .mx-cw-summary-item:first-child strong{
  color: var(--mxcw-accent) !important;
  font-family: var(--mxcw-font-mono);
  font-size: var(--wc-fs-base);
  font-weight: 600;
  user-select: all;
}

@media (max-width:600px){
  body .mx-cw-public .mx-cw-card-success .mx-cw-summary{ grid-template-columns: 1fr; }
  body .mx-cw-public .mx-cw-next-steps{ padding: 2rem; }
  body .mx-cw-public .mx-cw-success-icon{
    width: 6rem !important;
    height: 6rem !important;
  }
}

/*----- prazno stanje / popis zahtjeva -----*/
body .mx-cw-public > h2{
  margin-bottom: 2.4rem;
  color: var(--mxcw-accent);
  font-family: var(--mxcw-font-heading);
  font-size: 2rem;
  font-weight: 600;
  text-transform: var(--wc-heading-transform);
}
body .mx-cw-public .mx-cw-empty-state{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5rem 4rem;
  background: var(--mxcw-bg) !important;
  border: 1px solid var(--mxcw-border) !important;
  border-radius: 1.4rem;
  text-align: center;
}
body .mx-cw-public .mx-cw-empty-state-title{
  margin-bottom: 1.2rem;
  color: var(--mxcw-ink) !important;
  font-size: 1.8rem;
  font-weight: 600;
}
body .mx-cw-public .mx-cw-empty-state p{
  max-width: 48ch;
  margin: 0 auto 1.6rem;
  color: var(--mxcw-ink-soft) !important;
}
body .mx-cw-public .mx-cw-empty-state-actions{ margin: 1rem 0 0 !important; }
body .mx-cw-public .mx-cw-empty-state-actions .button{
  display: inline-flex;
  align-items: center;
  padding: 1.3rem 2.8rem !important;
  font-size: var(--wc-fs-base);
  font-weight: 600;
  text-decoration: none !important;
}

/* popis zahtjeva / narudzbi */
body .mx-cw-public .mx-cw-orders{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid var(--mxcw-border);
  border-radius: 1.4rem;
  overflow: hidden;
}
body .mx-cw-public .mx-cw-orders th,
body .mx-cw-public .mx-cw-orders td{
  padding: 1.2rem 1.4rem;
  text-align: left;
}
body .mx-cw-public .mx-cw-orders tbody tr td{ border-top: 1px solid #eef0f2; }
body .mx-cw-public .mx-cw-orders th{
  background: var(--mxcw-bg);
  color: var(--mxcw-ink-soft);
  font-family: var(--mxcw-font-mono);
  font-size: var(--wc-fs-sm);
  font-weight: 600;
}
body .mx-cw-public .mx-cw-orders td{
  color: var(--mxcw-text);
  font-size: var(--wc-fs-base);
}

@media (max-width:600px){
  body .mx-cw-public .mx-cw-empty-state{ padding: 3.5rem 2rem; }
}
/* ====
/* ================================================================================== 
Woocommerce
===================================================================================== */

/*----start detalji narudžbe / plaćanje----*/
section.pages:has(.woocommerce-order){
  background-color: #f5f5f6;
}
/* "Hvala. Vasa narudzba je zaprimljena." */
.woocommerce-order .woocommerce-thankyou-order-received{
  margin: 0 0 2.4rem;
  padding: 3rem 2rem;
  border: 1px solid #b9dfb3;
  border-radius: 2rem;
  background-color: #f0f9ee;
  color: #1b6e12;
  font-size: 2rem;
  font-weight: 600;
  text-align: center;
}
.woocommerce-order .woocommerce-thankyou-order-received::before{
  content: '';
  display: block;
  width: 6.4rem;
  height: 6.4rem;
  margin: 0 auto 1.6rem;
  border-radius: 50%;
  background-color: #228e17;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 3rem;
  box-shadow: 0 0 0 8px #dcefd8;
}
/* pregled narudzbe kao mreza plocica */
body .woocommerce ul.order_details {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(18rem, 1fr));
	gap: 1px;
	margin: 0 0 2.4rem;
	padding: 0;
	list-style: none;
	border: 1px solid #cfd5db;
	border-radius: 2rem;
	background-color: #cfd5db;
	overflow: hidden;
}
body .woocommerce ul.order_details::before,
body .woocommerce ul.order_details::after{
	display: none;
}
body .woocommerce ul.order_details li {
	float: none;
	width: auto;
	margin: 0;
	padding: 2rem;
	border: 0;
	list-style-type: none;
	background: #fff;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.4;
	text-transform: uppercase;
	color: #6b7280;
}
body .woocommerce ul.order_details li strong {
	display: block;
	margin-top: 0.6rem;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1.4;
	text-transform: none;
	color: #1d2327;
	overflow-wrap: anywhere;
}
body .woocommerce ul.order_details li.total strong{
	color: #31479e;
	font-size: 1.9rem;
}
/* upute za placanje ispod pregleda */
.woocommerce-order > p:not(.woocommerce-notice):not(.checkout-extra-message){
  margin: 0 0 2.4rem;
  padding: 1.4rem 2rem;
  border: 1px solid #cfd5db;
  border-radius: 1rem;
  background-color: #fff;
  font-size: 1.5rem;
}
/* detalji narudzbe i adrese kao bijele kartice */
body.woocommerce-order-received .woocommerce-order-details,
body.woocommerce-order-received .woocommerce-customer-details{
  margin-bottom: 2.4rem;
  padding: 2.4rem;
  border: 1px solid #cfd5db;
  border-radius: 2rem;
  background-color: #fff;
}
.woocommerce-order-details__title,
.woocommerce-customer-details .woocommerce-column__title{
  font-size: 2rem;
  font-weight: 600;
  color: #31479e;
  margin-bottom: 1.6rem;
}
body.woocommerce-order-received table.order_details{
  margin: 0;
  border: 0;
  border-radius: 0;
}
body.woocommerce-order-received table.order_details th,
body.woocommerce-order-received table.order_details td{
  padding: 1.2rem 0;
  border-top-color: #eef0f2;
  font-size: 1.5rem;
  vertical-align: middle;
}
body.woocommerce-order-received table.order_details thead th{
  padding-top: 0;
  font-size: 1.3rem;
  font-weight: 600;
  color: #6b7280;
}
body.woocommerce-order-received table.order_details .product-total,
body.woocommerce-order-received table.order_details tfoot td{
  text-align: right;
}
body.woocommerce-order-received table.order_details tfoot th{
  font-weight: 500;
  color: #4b5563;
}
body.woocommerce-order-received table.order_details .product-name a{
  color: #31479e;
  font-weight: 600;
}
body.woocommerce-order-received table.order_details .shipped_via{
  display: block;
  font-size: 1.3rem;
  color: #6b7280;
}
body.woocommerce-order-received table.order_details .order-actions-button{
  display: inline-block;
  border-radius: 10rem;
  line-height: 1.4;
  margin: 0.2rem 0 0.2rem 0.6rem;
  padding: 0.6rem 1.6rem !important;
  border: 1px solid #31479e !important;
  background-color: #fff !important;
  color: #31479e !important;
  font-size: 1.3rem;
  font-weight: 500;
}
body.woocommerce-order-received table.order_details .order-actions-button:hover{
  background-color: #31479e !important;
  color: #fff !important;
}
body.woocommerce-order-received .woocommerce-columns{
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
}
body.woocommerce-order-received .woocommerce-columns::before,
body.woocommerce-order-received .woocommerce-columns::after{
  display: none !important;
}
body.woocommerce-order-received .woocommerce-columns .woocommerce-column--2,body.woocommerce-order-received .woocommerce-columns .woocommerce-column--1{
  float: none;
  width: auto;
  padding: 2rem;
  border: 1px solid #eef0f2;
  border-radius: 1.4rem;
  background-color: #f9fafb;
}
body.woocommerce-order-received .woocommerce-customer-details .woocommerce-column__title{
  font-size: 1.7rem;
}
body  .woocommerce .woocommerce-customer-details address {
	border: 0;
	padding: 0;
	font-style: normal;
	line-height: 1.7;
}
body .woocommerce .woocommerce-customer-details address p{
	margin: 0.8rem 0 0;
	color: #4b5563;
}
@media only screen and (min-width: 48.0625em) {
  /*769px*/
  body.woocommerce-order-received .woocommerce-order-details,
  body.woocommerce-order-received .woocommerce-customer-details{
    padding: 3rem;
  }
  body.woocommerce-order-received .woocommerce-columns{
    grid-template-columns: 1fr 1fr;
  }
}
a.added_to_cart.wc-forward[title="View cart"] {
    display: none;
}
.cart-btn.add_to_cart_button.ajax_add_to_cart.added {
  background-color: #228e17;
}

.cart-btn.add_to_cart_button.ajax_add_to_cart.added svg#Layer_1 {
    fill: #fff;
}
.home .woocommerce.columns-5 {
    width: 100%;
}
/*----end detalji narudžbe / plaćanje----*/

.search-page .page-content {
    width: 100%;
}
.search-page .products-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3%;
}
.woocommerce nav.woocommerce-pagination ul {
    display: flex !important;
    width: 100%;
    background-color: transparent;
    border: 0;
}

.search-page .nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.search-page nav.navigation.pagination {
    text-align: center;
    max-width: max-content;
    margin: auto;
}

button.single_add_to_cart_button {
    display: inline-block!important;
    padding: 1.7rem 4rem!important;
    font-weight: 400!important;
	padding-left: 8rem !important;
    border-radius: 10rem!important;
    background-color: #31479e!important;
    color: #fff!important;
    text-decoration: none !important;
    -webkit-transition: all 0.6s ease !important;
    -o-transition: all 0.6s ease !important;
    transition: all 0.6s ease !important;
}
button.single_add_to_cart_button:hover {
	background-color: #fff326 !important;
	color: #000 !important;
}
.single-btns form.cart, .woocommerce-variation-add-to-cart  {
    display: flex;
}
span.price-oldx {
    text-decoration: line-through;
}
.single_variation_wrap {
    clear: both;
    width: 100%;
}

form.variations_form.cart {
    display: block;
    width: 100%;
}

table.variations {
    text-align: left;
}
table.variations td.value select {
    margin-top: 10px;
}
.xoo-wsc-sc-cont {
    display: none;
    opacity: 0;
}
/* poruke: info plava, uspjeh zelena, greska crvena */
.woocommerce-message, .woocommerce-info, .woocommerce-error{
    margin: 0 0 2.4rem;
    padding: 1.6rem 2rem 1.6rem 5.2rem;
    border: 1px solid #c9d3ef;
    border-left: 0.5rem solid #31479e;
    border-radius: 1rem;
    background-color: #f0f3fb;
    color: #1d2327;
    font-size: 1.5rem;
    line-height: 1.5;
}
.woocommerce-message::before, .woocommerce-info::before, .woocommerce-error::before {
    top: 50%;
    left: 1.8rem;
    transform: translateY(-50%);
    font-size: 2rem;
    color: #31479e;
}
.woocommerce-message{
    border-color: #b9dfb3;
    border-left-color: #228e17;
    background-color: #f0f9ee;
}
.woocommerce-message::before{
    color: #228e17;
}
.woocommerce-error {
    border-color: #f5c2c5;
    border-left-color: #c9000b;
    background-color: #fdeced;
}
.woocommerce-error::before {
    color: #c9000b;
}
.woocommerce-error li + li{
    margin-top: 0.6rem;
}
.woocommerce-message a:not(.button), .woocommerce-info a:not(.button), .woocommerce-error a:not(.button){
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 0.3rem;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: none;
    width: 100%;
    margin-top: 0;
    padding: 1.6rem 2rem !important;
    font-size: 1.7rem;
    font-weight: 600;
}
.xoo-wsc-ft-buttons-cont a.xoo-wsc-ft-btn, .xoo-wsc-container .xoo-wsc-btn {
    border-radius: 1rem;
}
.woocommerce-checkout .woocommerce-checkout-payment input[type="radio"], form#add_payment_method input[type="radio"]{
    width: auto !important;
}
input#delivery_checkbox {
    width: auto !important;
}
@media (max-width: 1024px){
	#Language-Menu ul.sub-menu {
		display: none;
		position: absolute;
	}
}
@media (max-width: 480px){
	.single-btns form.cart, .woocommerce-variation-add-to-cart  {
		display: block;
	}
	.woocommerce .quantity .qty {
        margin-left: 0;
    }
	.single-quantity {
		margin-bottom: 20px;
	}
}


/* coomment form css */

p.comment-form-author {
    width: 50%;
    float: left;
    padding-right: 10px !important;
}

p.comment-form-email {
    width: 50%;
    float: right;
    padding-left: 10px !important;
}

p.form-submit {
    clear: both;
}

form#commentform > p {
    padding: 12px 0;
}

.woocommerce ul#shipping_method li input {
    width: auto;
}


/* fabo search bar */

button.dgwt-wcas-search-submit {
    top: 19px !important;
    left: auto !important;
    right: 23px !important;
}

input#dgwt-wcas-search-input-1 {
    padding: 1.5rem 2rem !important;
    width: 100%;
    font-size: 1.4rem;
    font-family: 'Outfit';
    border-radius: 1rem;
    line-height: 0;
}
.dgwt-wcas-pd-addtc-form a.button {
    padding: 1.5rem 2rem !important;
    font-weight: 400 !important;
    /* padding-left: 8rem !important; */
    border-radius: 10rem !important;
    background-color: #31479e !important;
    color: #fff !important;
}

.dgwt-wcas-pd-addtc-form a.button:hover{
    
    background-color: #fff326 !important;
    color: #000 !important;
}

.replacement_prod .container{
	overflow: hidden;
}
.rep_pro {
    margin-top: 20px;
}
/* u kartici: zamjena iznad cijene, da cijene budu u istoj liniji */
.products-box .rep_pro{
  order: 1;
  margin: 0 0 1.6rem;
  font-size: 1.3rem;
  line-height: 1.4;
  color: #6b7280;
}
.products-box .rep_pro a{
  color: #31479e;
}


/* Stock filter */
.stock-filter{
	display:flex;
	align-items:center;
}

.stock-checkbox{
	display:flex;
	align-items:center;
	gap:10px;
	cursor:pointer;
	font-size:14px;
	font-weight:500;
	color:#1b6e12;
	user-select:none;
	padding:10px 14px;
	border:1px solid #b9dfb3;
	border-radius:1rem;
	background:#f0f9ee;
	transition:all .2s ease;
}

.stock-checkbox:hover{
	border-color:#228e17;
	background:#e4f4e1;
}

/* ukljuceno: jaca zelena */
.stock-checkbox:has(input:checked){
	border-color:#228e17;
	background:#d7efd2;
	font-weight:600;
}

.stock-checkbox input[type="checkbox"]{
	width:18px;
	height:18px;
	cursor:pointer;
	accent-color:#228e17;
	flex-shrink:0;
}

/* Mobile */
@media(max-width:768px){

	.stock-filter{
		width:100%;
	}

	.stock-checkbox{
		width:100%;
		height:4.4rem;
		justify-content:center;
		padding:0 1.2rem;
		font-size:1.4rem;
	}
}
.gt_container-d8fg1u .gt_switcher .gt_selected{
  z-index: 1 !important;
}
.dgwt-wcas-search-input{
  border-radius: 1rem !important;
  font-size: 1.4rem  !important;
}

/* Podkategorije iznad liste proizvoda */
.subcategories{
  background-color: #fff;
  border: 1px solid #cfd5db;
  border-radius: 1rem;
  padding: 2rem;
  margin-bottom: 2rem;
  max-height: 52rem;
  overflow-y: auto;
}
/* naslov iz aria-label="Podkategorije" */
.subcategories::before{
  content: attr(aria-label);
  display: block;
  margin-bottom: 1.4rem;
  font-size: 1.4rem;
  font-weight: 600;
  color: #6b7280;
}
.subcategories ul{
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.subcategories a{
  display: block;
  padding: 0.7rem 1.4rem;
  border: 1px solid #e3e7ec;
  border-radius: 10rem;
  background-color: #f5f5f6;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
  transition: all .2s ease;
}
.subcategories a:hover{
  background-color: #31479e;
  border-color: #31479e;
  color: #fff;
}
.categories-aside .sub-menu li.current-child > a{
  color: #31479e;
  font-weight: 600;
}
@media (max-width: 767px){
  .subcategories{
    padding: 1.6rem;
  }
  .subcategories ul{
    gap: 0.6rem;
  }
  .subcategories a{
    padding: 0.6rem 1.2rem;
    font-size: 1.2rem;
  }
}