:root {
	--wd-text-font: "Noto Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #263040;
	--wd-text-font-size: 16px;
	--wd-title-font: "Noto Serif", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #263040;
	--wd-entities-title-font: "Noto Serif", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: rgb(38,48,64);
	--wd-entities-title-color-hover: rgb(49, 86, 184);
	--wd-alternative-font: "Noto Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Noto Serif", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #263040;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Noto Sans", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 15px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: #3156b8;
	--wd-alternative-color: #243c79;
	--btn-default-font-family: "Noto Sans", Arial, Helvetica, sans-serif;
	--btn-default-font-weight: 600;
	--btn-default-font-size: 15px;
	--btn-default-bgcolor: #3156b8;
	--btn-default-bgcolor-hover: #243c79;
	--btn-accented-font-family: "Noto Sans", Arial, Helvetica, sans-serif;
	--btn-accented-font-weight: 600;
	--btn-accented-font-size: 15px;
	--btn-accented-bgcolor: #3156b8;
	--btn-accented-bgcolor-hover: #243c79;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #3156b8;
	--wd-link-color-hover: #243c79;
	--wd-link-decor-style-hover: solid;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(236,227,218);
	background-image: none;
}
html .post.wd-post:not(.blog-design-small) .wd-entities-title {
	font-size: 38px;
}
html .wd-product .wd-entities-title, html .wd-product.product-list-item .wd-entities-title {
	font-family: "Noto Sans", Arial, Helvetica, sans-serif;
	font-weight: 400;
}
html .wd-checkout-steps {
	font-size: 36px;
	text-transform: none;
}
html .wd-nav-mobile > li > a, html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	text-transform: none;
}
html table th {
	text-transform: none;
}
:is(.page, .search-no-results, .error404) :is(.wd-page-content, .whb-header) {
	background-color: #f8f6f0;
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(248,246,240);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(248,246,240);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: #f8f6f0;
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: #f8f6f0;
	background-image: none;
}
.woodmart-archive-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(248,246,240);
	background-image: none;
}
.single-portfolio :is(.wd-page-content, .whb-header) {
	background-color: rgb(248,246,240);
	background-image: none;
}
html .btn.wd-buy-now-btn {
	background: #243c79;
}
html .btn.wd-buy-now-btn:hover {
	background: #3156b8;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: #263040;
	--wd-form-placeholder-color: #6b716f;
	--wd-form-brd-color: #e2e2da;
	--wd-form-brd-color-focus: #3156b8;
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-size: 42px;
	--wd-arrow-icon-size: 16px;
	--wd-arrow-offset-h: -21px;
	--wd-arrow-color: rgb(255,255,255);
	--wd-arrow-color-hover: rgb(255,255,255);
	--wd-arrow-color-dis: rgb(255,255,255);
	--wd-arrow-bg: rgb(194,120,67);
	--wd-arrow-bg-hover: rgb(174,108,60);
	--wd-arrow-bg-dis: rgb(194,120,67);
	--wd-arrow-radius: 21px;
}
.wd-nav-scroll {
	--wd-nscroll-width: 100%;
	--wd-nscroll-drag-bg: rgb(194,120,67);
	--wd-nscroll-drag-bg-hover: rgb(194,120,67);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 10px;
}
.woocommerce-product-gallery.thumbs-position-left {
	--wd-thumbs-width: 110px;
}

@media (max-width: 1024px) {
	html .post.wd-post:not(.blog-design-small) .wd-entities-title {
		font-size: 28px;
	}
	.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
		--wd-arrow-size: 30px;
	--wd-arrow-icon-size: 12px;
	--wd-arrow-offset-h: -15px;
	}

}

@media (max-width: 768.98px) {
	html .post.wd-post:not(.blog-design-small) .wd-entities-title {
		font-size: 22px;
	}

}
:root{
--wd-container-w: 1260px;
--wd-form-brd-radius: 5px;
--btn-default-color: #fff;
--btn-default-color-hover: #fff;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
--wd-brd-radius: 0px;
}

@media (min-width: 1260px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(139,148,120);
}

/* =============================================
   ZAMENA FONTOVA U ROOT  BARLOW SA NOTO SANS
================================================ */

html:root {
  --wd-text-font: "Noto Sans", Arial, Helvetica, sans-serif;
  --wd-text-font-weight: 400;
  --wd-alternative-font: "Noto Sans", Arial, Helvetica, sans-serif;
  --wd-header-el-font: "Noto Sans", Arial, Helvetica, sans-serif;
  --wd-header-el-font-weight: 600;
  --wd-title-font: "Noto Serif", Georgia, serif;
  --wd-title-font-weight: 600;
  --wd-entities-title-font: "Noto Serif", Georgia, serif;
  --wd-entities-title-font-weight: 600;
  --wd-widget-title-font: "Noto Serif", Georgia, serif;
  --wd-widget-title-font-weight: 600;
}

/* Naslovi proizvoda na karticama: Noto Serif umesto Intera */
h3.wd-loop-prod-title.wd-entities-title,
h3.wd-loop-prod-title.wd-entities-title a {
  font-family: "Noto Serif", Georgia, serif !important;
  font-weight: 600 !important;
}

/* menjam boju pozadine jer ne mogu kroz page*/
.page .wd-page-content,
body .main-page-wrapper,
body .website-wrapper {
    background-color: #f8f6f0 !important;
}

/* 1. Osnovni izgled menija - crna/tamna slova, Noto Sans i rašireniji raspored */
.wd-nav-main > li > a .nav-link-text {
    font-family: "Noto Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 23.8px !important;
    color: rgb(38, 48, 64) !important; /* Tačna tamna boja sa slike 2 */
    font-weight: 400 !important; /* Normalna debljina karakteristična za Noto Sans */
    letter-spacing: normal !important;
    text-transform: none !important;
}

/* 2. Hover efekat - boja kada se mišem pređe preko stavke u meniju */
.wd-nav-main > li > a:hover .nav-link-text {
    color: rgb(49, 86, 184) !important; /* Tačna plava hover boja sa slike 2 */
}

/* 1. Podešavanje spoljnog zlatnog okvira oko cele pretrage */
.wd-search-form form.searchform {
    border: 1px solid #e2e2da !important; /* Tanka, svetlo siva linija sa slike 1 */
    border-radius: 0px !important;
    background-color: #f8f6f0 !important; /* Krem unutrašnjost */
    overflow: hidden;
    display: flex;
    align-items: center;
    transition: border-color 0.2s ease, border-width 0.1s ease; /* Glatki prelaz na klik */
}

/* 2. FOCUS stanje - Kada se klikne unutar pretrage, ivica postaje zlatna i deblja */
.wd-search-form form.searchform:focus-within {
    border: 2px solid #b78a49 !important; /* Zlatna boja i debljina od 2px sa slike 2 */
}

/* 3. Podešavanje polja za unos teksta */
.wd-search-form input[type="text"] {
    background-color: transparent !important;
    border: none !important;
    outline: none !important; /* Uklanja podrazumevani plavi okvir pretraživača */
    font-family: "Noto Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 23.8px !important;
    padding-top: 13px !important;
    padding-bottom: 13px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
    color: rgb(38, 48, 64) !important;
}

/* 4. Dugme za lupu sa desne strane */
.wd-search-form button.searchsubmit {
    background-color: #ece3da !important;
    border-left: 1px solid #e2e2da !important;
    color: rgb(38, 48, 64) !important;
    height: 100% !important;
    min-width: 50px !important;
    border-radius: 0px !important;
}

/* Podešavanje same ikonice lupe */
.wd-search-form button.searchsubmit svg {
    stroke: rgb(38, 48, 64) !important;
    stroke-width: 1.5px !important;
    width: 22px !important;
    height: 22px !important;
}

/* 1.Glavni kontejner - ređa tekst u dva reda i ravna ga ulevo */
.savet-pre-kupovine {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    font-family: "Noto Sans", Arial, sans-serif !important;
}

/* 2.Gornji tekst (САВЕТ ПРЕ КУПОВИНЕ) - Tačni parametri sa tvoje slike 1 */
.savet-pre-kupovine span {
    font-size: 10px !important;
    line-height: 17px !important;
    color: rgb(107, 113, 111) !important; /* Nežna siva boja */
    font-weight: 400 !important;
    letter-spacing: 1px !important; /* Razmak između slova sa slike */
    text-transform: uppercase !important;
}

/* 3.Donji tekst (Broj telefona) - Tačni parametri sa tvoje slike 2 */
.savet-pre-kupovine a {
    font-size: 13px !important;
    line-height: 22.1px !important;
    color: rgb(38, 48, 64) !important; /* Tamna boja */
    font-weight: 400 !important;
    text-decoration: none !important;
    letter-spacing: normal !important;
}

/* 4.Boja broja telefona kada se pređe mišem preko njega */
.savet-pre-kupovine a:hover {
    color: rgb(49, 86, 184) !important; /* Plava hover boja koju smo izvukli za meni */
}
/* 5.Sakrivanje bloka "Savet pre kupovine" na ekranima manjim od 1095px */
@media (max-width: 1095px) {
    .savet-pre-kupovine {
        display: none !important;
    }
}

/* skidam velika slova u drugoj reci u meniju*/
.wd-nav > li > a,
.wd-nav .woodmart-nav-link,
.wd-header-cart .wd-cart-subtotal,
.wd-header-my-account a {
    text-transform: none !important;
}

/* menjam boju teksta trenutak mira*/
#hero-title em,
#hero-title i {
    color: #3156b8;
    font-style: italic;
}

/* 01 02 03 04*/
.kt-trust{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:32px;
	width:100%;
	max-width:none;
	margin:0 auto;
	padding:28px 0;
	border-bottom:1px solid #e2e2da
}
.kt-trust__item{
	display:flex;
	gap:14px;
	align-items:center
}
.kt-trust__num{
	font:italic 400 22px/1 "Noto Serif",serif;
	color:#b78a49
}
.kt-trust strong{
	display:block;
	font-weight:500;
	font-size:15px;
	color:#263040;
	margin-bottom:4px
}
.kt-trust__item span:not(.kt-trust__num){
	font-size:13px;
	color:#6b716f
}
@media(max-width:1024px){.kt-trust{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.kt-trust{grid-template-columns:1fr}}

/* cena po gramu*/
.kt-unit-price{
	font-size:13px;
	color:#6b716f;
	margin-top:4px;
	font-weight:400
}

/* products tabs - pazljivo odabrano za vas tekst */
#kt-eyebrow{
	font:600 12px/1 "Noto Sans",sans-serif !important;
	letter-spacing:.14em !important;
	text-transform:uppercase !important;
	color:#3156b8 !important;
	margin:0 0 14px !important
}
#kt-h2{
	font:400 44px/1.15 "Noto Serif",serif !important;
	color:#263040 !important;
	margin:0 !important
}
#kt-h2 em,#kt-h2 i{
	color:#3156b8 !important;
	font-style:italic
}
@media(max-width:767px){h2.g-4f62746{font-size:32px !important}}

/* pogledajte prodavnicu tekst*/
#kt-more,#kt-more a{
	font-size:15px !important;
	font-weight:400 !important;
	color:#263040 !important;
	white-space:nowrap;
	margin:0 !important
}
#kt-more a:hover{
	color:#3156b8 !important
}

/* Tabovi kao pilule */
.wd-products-tabs .wd-tabs-header{
	margin-bottom:24px
}
.wd-products-tabs .wd-nav-tabs{
	display:flex;
	flex-wrap:wrap;
	gap:10px;
	justify-content:flex-start
}
.wd-products-tabs .wd-nav-tabs>li>a{
	padding:12px 20px;
	border:1px solid #e2e2da;
	border-radius:999px;
	background:#fff;
	color:#263040;
	font-size:15px;
	font-weight:400;
	line-height:1;
	text-transform:none
}
.wd-products-tabs .wd-nav-tabs>li>a:before,.wd-products-tabs .wd-nav-tabs>li>a:after{
	display:none
}
.wd-products-tabs .wd-nav-tabs>li.wd-active>a,.wd-products-tabs .wd-nav-tabs>li.active>a{
	background:#243c79;
	border-color:#243c79;
	color:#fff
}

/* Kartica */
.wd-products-tabs .wd-product-wrapper{
	position:relative;
	background:#fff;
	border:1px solid #e2e2da;
	border-radius:10px;
	overflow:hidden;
	box-shadow:none;
	height:100%;
	padding:0
}

/* Slika u sivom okviru */
.wd-products-tabs .wd-loop-prod-thumb{
	position:relative;
	width:100%;
	aspect-ratio:405/235;
	margin:0;
	padding:12px;
	background:#f0efea;
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden
}
.wd-products-tabs .wd-loop-prod-thumb a{
	display:flex;
	width:100%;
	height:100%;
	align-items:center;
	justify-content:center
}
.wd-products-tabs .wd-loop-prod-thumb img{
	width:auto !important;
	height:auto !important;
	max-width:100%;
	max-height:100%;
	object-fit:contain
}

/* Sakrij crveni HOT i ikonice na slici */
.wd-products-tabs .product-labels,
.wd-products-tabs .wd-buttons{
	display:none !important
}

/* Unutrašnji razmak teksta */
.wd-products-tabs .wd-product-wrapper>*:not(.wd-loop-prod-thumb):not(.kt-badge){
	padding-left:18px;
	padding-right:18px
}

/* Tekst */
.wd-products-tabs .wd-product-cats{
	margin-top:18px;
	font-size:13px;
	color:#6b716f
}
.wd-products-tabs .wd-product-cats a{
	color:inherit
}
.wd-products-tabs .wd-entities-title,
.wd-products-tabs .wd-entities-title a{
	font:400 22px/1.25 "Noto Serif",serif;
	color:#263040
}
.kt-card-desc{
	font-size:15px;
	line-height:1.5;
	color:#6b716f;
	margin:8px 0 26px;
	min-height:45px
}
.kt-card-desc p{
	margin:0
}

/* Red: linija, cena levo, dugme desno */

.wd-products-tabs .price{
	font-size:15px;
	font-weight:700;
	color:#263040
}

/* Red: linija, cena levo, dugme desno */
.wd-products-tabs .wd-product-wrapper>.kt-price-row{
	margin:0 18px;
	padding:16px 0 18px !important;
	border-top:1px solid #e2e2da;
	display:flex;
	justify-content:space-between;
	align-items:center;
	gap:12px
}
.kt-price-row .kt-price,
.kt-price-row .kt-price .amount{
	font-size:15px;
	font-weight:700;
	color:#263040
}
.kt-price-row .kt-note{
	display:block;
	font-size:13px;
	color:#6b716f;
	margin-top:4px
}
.kt-price-row .kt-btn{
	display:inline-block;
	white-space:nowrap;
	padding:12px 16px;
	font:400 14px/1 "Noto Sans",Arial,sans-serif;
	color:#3156b8;
	background:#fff;
	border:1px solid #c9d2ea;
	border-radius:3px;
	text-decoration:none;
	transition:background .2s
}
.kt-price-row .kt-btn:hover{
	background:#eef2fb;
	color:#3156b8
}

/* Sakrij ikonice na slici i padajući meni varijacija */
.wd-products-tabs .wd-loop-prod-thumb .wd-buttons{
	display:none !important
}
.wd-products-tabs .variations_form{
	display:none !important
}

/* Aktivan tab bez podvlake */
.wd-products-tabs .wd-nav-tabs .nav-link-text{
	text-decoration:none !important;
	border:0 !important;
	box-shadow:none !important
}
.wd-products-tabs .wd-nav-tabs .nav-link-text:before,
.wd-products-tabs .wd-nav-tabs .nav-link-text:after{
	display:none !important
}

/* Bedž i težine (kad dodaš shortcode-ove) */
.kt-badge{
	position:absolute;
	top:12px;
	left:12px;
	z-index:5;
	background:#fff;
	border:1px solid #e2e2da;
	border-radius:4px;
	padding:5px 10px;
	font-size:12.5px;
	line-height:1;
	color:#263040
}
.kt-weights{
	display:block;
	font-size:13px;
	color:#6b716f;
	margin-top:4px
}

/* kratak kod - kratak opis u layout*/
.kt-card-desc{
	font-size:15px;
	line-height:1.5;
	color:#6b716f
}
.kt-card-desc p{
	margin:0
}

/* podnaslov proizvoda "Boswellia sacra"*/
.wd-products-tabs .wd-product-wrapper>.kt-sub{
	padding-top:22px !important;
	font-size:13px;
	line-height:1.4;
	color:#6b716f;
	margin:0
}
.kt-sub{
	margin-top:18px;
	font-size:13px;
	color:#6b716f
}

/* Prikazano x od x proizvoda u ovom predlogu */
.kt-result-count {
  font-size: 12px;
  color: #6b716f;
  margin: 18px 0 12px;
  text-align: left;
  font-family: "Noto Sans", Arial, sans-serif;
}
.wd-products-tabs .wd-tabs-header {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.wd-products-tabs .kt-result-count {
  margin: 4px 0 12px !important;
}

/* Poređajte: Naš izbor */
.wd-products-tabs .wd-tabs-header {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
}

.kt-sort {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 13px;
}

.kt-sort label {
  color: #6b716f;
}

.kt-sort select {
  border: 0;
  background-color: transparent;
  color: #263040;
  font-size: 13px;
  font-weight: 500;
  padding: 4px 22px 4px 0;
  min-height: 0;
  height: auto;
  box-shadow: none;
  cursor: pointer;
}

/* popravka Poređajte: Naš izbor i tabova koji su bili centriani */
.wd-products-tabs .wd-tabs-header {
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  text-align: left !important;
  gap: 16px;
}

/* sve što nije meni: ne širi se na celu širinu */
.wd-products-tabs .wd-tabs-header > *:not(.kt-sort) {
  flex: 0 1 auto !important;
  width: auto !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* tabovi levo */
.wd-products-tabs .wd-tabs-header .wd-nav,
.wd-products-tabs .wd-tabs-header .wd-nav-wrapper {
  justify-content: flex-start !important;
  text-align: left !important;
}

/* meni desno */
.wd-products-tabs .kt-sort {
  flex: 0 0 auto !important;
  margin-left: auto !important;
  white-space: nowrap;
}

.wd-products-tabs .wd-tabs-header.text-center,
.wd-products-tabs .wd-tabs-header {
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.wd-products-tabs .wd-tabs-header .wd-nav-wrapper {
  flex: 0 1 auto !important;
  width: auto !important;
  margin-bottom: 0 !important;
}

.wd-products-tabs .wd-tabs-header .wd-nav {
  justify-content: flex-start !important;
}

/*kviiz*/
.kt-guide {
  display: flex;
  align-items: center;
  gap: 30px;
  max-width: 1260px;
  margin: 0 auto;
  padding: 30px 40px;
  background: #3156b8;
  border-radius: 14px;
  color: #fff;
}

.kt-guide__icon {
  flex: 0 0 80px;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.3);
  background: rgba(255,255,255,.1);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Noto Serif", Georgia, serif;
  font-size: 44px;
  line-height: 1;
  color: rgba(255,255,255,.7);
}

.kt-guide__text { flex: 1; }

.kt-guide__eyebrow {
  display: block;
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: rgba(255,255,255,.7);
  margin-bottom: 6px;
}

.kt-guide__title {
  font-family: "Noto Serif", Georgia, serif;
  font-size: 34px;
  font-weight: 400;
  line-height: 1.15;
  color: #fff;
  margin: 0 0 8px;
}

.kt-guide__sub {
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 14px;
  color: rgba(255,255,255,.75);
  margin: 0;
}

.kt-guide__btn {
  flex: 0 0 auto;
  display: inline-block;
  padding: 14px 24px;
  background: #fff;
  color: #243c79;
  border-radius: 8px;
  font-family: "Noto Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
  transition: background .2s, color .2s;
}

.kt-guide__btn:hover {
  background: #f8f6f0;
  color: #3156b8;
}

@media (max-width: 767px) {
  .kt-guide {
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    padding: 26px 22px;
  }
  .kt-guide__title { font-size: 26px; }
  .kt-guide__btn { width: 100%; text-align: center; box-sizing: border-box; }
}

.e-con:has(> .elementor-widget-html .kt-guide),
.elementor-widget-html:has(> .elementor-widget-container > .kt-guide) {
  width: 100% !important;
  flex: 1 1 100% !important;
}

.kt-guide {
  width: 100%;
  max-width: none;
  box-sizing: border-box;
  margin: 56px 0 0;
}

.kt-guide__eyebrow { font-size: 11px; }
.kt-guide__title   { font-size: 30px; font-weight: 400; margin: 0 0 6px; }
.kt-guide__sub     { font-size: 12px; }
.kt-guide__icon    { color: #e6d9a0; }

/***********************************************************************/
/* ==========================================================================
   1. SMANJIVANJE NASLOVA NA MOBILNOM I SPREČAVANJE LOMBLJENJA (ISPOD 767px)
   ========================================================================== */
@media (max-width: 767px) {
    /* Smanjuje tvoj novi Elementor naslov na 29px i drži ga u jednom redu */
    .e-heading-base#kt-h2,
    #kt-h2.e-heading-base,
    #kt-h2 h2 {
        font-size: 29px !important;
        white-space: nowrap !important; /* Tera tekst da ostane strogo u jednom redu */
        line-height: 1.2 !important;
    }
}

/* ==========================================================================
   1.2 SPUŠTANJE SELEKTORA "POREĐAJTE NAŠ IZBOR" ISPOD TABOVA (MANJE OD 777px)
   ========================================================================== */
@media (max-width: 776px) {
    /* Poništavamo fabričko WoodMart guranje u stranu i dopuštamo prelamanje */
    .wd-products-tabs .wd-tabs-header.text-center,
    .wd-products-tabs .wd-tabs-header {
        display: flex !important;
        flex-direction: row !important; /* Vraćamo ih u red */
        flex-wrap: wrap !important; /* Ključno: dozvoljava elementima da idu u novi red! */
        justify-content: flex-start !important; /* Sve ravna ulevo */
        align-items: center !important;
        gap: 15px !important;
        height: auto !important;
        width: 100% !important;
    }

    /* Širimo omotač tabova na 100% da zauzme ceo gornji deo ekrana */
    .wd-products-tabs .wd-nav-wrapper {
        width: 100% !important;
        flex: 1 1 100% !important;
        order: 1 !important; /* Prvo idu tabovi */
    }

    /* Prisiljavamo listu da poređa kapsule jednu pored druge */
    .wd-products-tabs ul.wd-nav-tabs {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
    }

    /* Šaljemo ceo blok za sortiranje u novi red (skroz na dno, ispod taba Pribor) */
    .wd-products-tabs .kt-sort {
        width: 100% !important;
        flex: 1 1 100% !important;
        order: 2 !important; /* Ide ispod tabova */
        margin-left: 0 !important;
        margin-top: 15px !important;
        justify-content: flex-start !important;
    }
}
/* ==========================================================================
   2. PODEŠAVANJE WOODMART TABOVA DA IDU U VIŠE REDOVA S LEVA NA DESNO
   ========================================================================== */
@media (max-width: 1095px) {
    /* Isključujemo fabričko WoodMart bočno skrolovanje (svajp) i preliv na mobilnom */
    .wd-products-tabs .wd-nav-wrapper,
    .wd-products-tabs .wd-nav-tabs-wrapper {
        overflow: visible !important;
        box-shadow: none !important;
        mask-image: none !important;
        -webkit-mask-image: none !important; /* Potpuno briše zamućenje sa strana */
    }

    /* Tera kapsule da se ređaju s leva na desno i pređu u novi red ako nema mesta */
    .wd-products-tabs ul.wd-nav-tabs {
        display: flex !important;
        flex-direction: row !important; /* Ređa ih horizontalno, jednu pored druge */
        flex-wrap: wrap !important; /* Prelama u novi red čim udare u ivicu ekrana */
        justify-content: flex-start !important; /* Ravnanje skroz ulevo */
        white-space: normal !important;
    }

    /* Čist razmak između kapsula na mobilnom */
    .wd-products-tabs ul.wd-nav-tabs > li {
        margin-right: 10px !important; /* Razmak između dugmića u istom redu */
        margin-bottom: 12px !important; /* Razmak između redova kada se preleme */
        display: inline-block !important;
    }
}

/* ==========================================================================
   3. IZGLED OKRUGLIH PLAVIH KAPSULA I PRILAGOĐAVANJE RAZMAKA
   ========================================================================== */
/* Dozvoljavamo prelamanje kapsula s leva na desno i gasimo WoodMart preliv */
.wd-products-tabs .wd-nav-wrapper,
.wd-products-tabs ul.wd-nav-tabs,
.wd-products-tabs .wd-nav-tabs-wrapper {
    overflow: visible !important;
    box-shadow: none !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
}

.wd-products-tabs ul.wd-nav-tabs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    white-space: normal !important;
}

/* Osnovni izgled kapsula (Ivice, zaobljenje i font) */
.wd-products-tabs ul.wd-nav-tabs > li > a {
    font-family: "Noto Sans", Arial, sans-serif !important;
    color: rgb(38, 48, 64) !important;
    background-color: transparent !important;
    border: 1px solid #e2e2da !important;
    border-radius: 30px !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: all 0.2s ease !important;
}

/* Stil za AKTIVNU (izabranu) plavu kapsulu */
.wd-products-tabs ul.wd-nav-tabs > li.wd-active > a {
    background-color: rgb(36, 60, 121) !important;
    border-color: rgb(36, 60, 121) !important;
    color: rgb(255, 255, 255) !important;
}

/* Gašenje fabričke podvučene linije ispod teksta */
.wd-products-tabs .wd-nav-tabs.wd-style-underline .nav-link-text:after {
    display: none !important;
}


/* ==========================================================================
   4. MAKSIMALNO ZATEZANJE I SMANJIVANJE KAPSULA SAMO ZA MOBILNE (ISPOD 768px)
   ========================================================================== */
@media (max-width: 767px) {
    
    /* Preuzimanje kontrole nad varijablama razmaka na mobilnom */
    .wd-products-tabs .wd-nav-wrapper,
    .wd-products-tabs ul.wd-nav-tabs,
    .wd-products-tabs .wd-nav-tabs-wrapper {
        --nav-gap: 4px !important;   /* Razmak između kapsula bočno na 4px */
        --nav-gap-v: 6px !important;  /* Vertikalni razmak između redova na 6px */
        --nav-pd: 0px !important;
    }

    /* Stanjivanje samih kapsula i smanjivanje fonta na mobilnom */
    .wd-products-tabs ul.wd-nav-tabs > li > a {
        font-size: 13px !important;       /* Manja slova na mobilnom */
        line-height: 20px !important;       /* Manja visina linije */
        
        /* Zbijeni padding koji skuplja kapsulu na ekranu telefona */
        padding-top: 4px !important;
        padding-bottom: 4px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    /* Čišćenje skrivenog prostora oko slova unutar same kapsule na mobilnom */
    .wd-products-tabs ul.wd-nav-tabs > li > a .nav-link-text {
        padding: 0 !important;
        margin: 0 !important;
        line-height: inherit !important;
    }

    /* Približavanje samih stavki u listi na mobilnom */
    .wd-products-tabs ul.wd-nav-tabs > li {
        margin-right: 4px !important;  /* Bočni razmak između kapsula */
        margin-bottom: 6px !important; /* Vertikalni razmak između redova */
        margin-left: 0 !important;
        margin-top: 0 !important;
        display: inline-block !important;
    }
}
/* 7. Trajno gašenje fabričke podvučene linije ispod teksta */
.wd-products-tabs .wd-nav-tabs.wd-style-underline .nav-link-text:after {
    display: none !important;
}


/* ==========================================================================
   DESKTOP: LINK "POGLEDAJTE PRODAVNICU"IDE SKROZ DESNO, A TEKSTOVI OSTAJU JEDAN
   ISPOD DRUGOG
   ========================================================================== */
@media (min-width: 800px) {
    /* Ciljamo glavni Elementor kontejner koji drži i tekstove i link */
    .elementor-element-09d41f6 > .elementor-widget-wrap {
        display: flex !important;
        flex-direction: row !important; /* Ređa grupu tekstova i link jedno pored drugog */
        flex-wrap: wrap !important;
        justify-content: space-between !important; /* Gura tekstove levo, a link skroz desno */
        align-items: flex-end !important; /* Ravna donju ivicu naslova i linka u istu liniju */
        width: 100% !important;
    }

    /* Prisiljavamo podnaslov i naslov da uvek ostanu blok elementi (jedan ispod drugog) */
    #kt-eyebrow, 
    #kt-h2 {
        display: block !important;
        width: 100% !important;
    }
    
    /* Grupišemo naslove na levoj strani tako da zauzmu sav prostor osim dela za link */
    .elementor-element-09d41f6 .elementor-widget:not(#kt-more) {
        flex: 1 !important;
        max-width: 70% !important;
    }

    /* Resetujemo margine i širinu za link na desktopu da lepo legne skroz desno */
    #kt-more {
        margin: 0 !important;
        width: auto !important;
        flex: 0 0 auto !important;
        text-align: right !important;
    }
}

/* ==========================================================================
   DODAVANJE RAZMAKA OKO LINKA "POGLEDAJTE PRODAVNICU" NA MOBILNOM
   ========================================================================== */
@media (max-width: 767px) {
    /* Precizno dodavanje gornjeg i donjeg razmaka za mobilni prikaz */
    #kt-more {
        margin-top: 14px !important;    /* Pravi lep razmak od naslova "Пронађите свој избор." */
        margin-bottom: 20px !important; /* Pravi lep razmak do početka plavih kapsula */
        display: block !important;
        width: 100% !important;
    }
}	


/* ==========================================================================
   1. STRANICA "PORUDŽBINA PRIMLJENA" – naslov sa koracima i traka
   Važi samo na stranici zahvalnice.
   ========================================================================== */
body.woocommerce-order-received .wd-page-title .wd-checkout-steps {
  font-size: 22px !important;          /* veličina slova na desktopu */
}
body.woocommerce-order-received .wd-page-title.page-title-default {
  padding-top: 25px !important;        /* visina zelene trake: gore */
  padding-bottom: 25px !important;     /* visina zelene trake: dole */
  min-height: 0 !important;
}
@media (max-width: 767px) {
  body.woocommerce-order-received .wd-page-title .wd-checkout-steps {
    font-size: 15px !important;        /* telefon */
  }
  body.woocommerce-order-received .wd-page-title.page-title-default {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
}

/* ==========================================================================
   2. PRODAVNICA – naslov "Продавница" i zelena traka (DESKTOP)
   ========================================================================== */
@media (min-width: 1025px) {
  body.woocommerce-shop .wd-page-title.page-title-default {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    min-height: 0 !important;
  }
  body.woocommerce-shop .wd-page-title .title {
    font-size: 36px !important;        /* veličina naslova */
    line-height: 1.2 !important;
    margin-bottom: 10px !important;
  }
}

/* ==========================================================================
   3. PRODAVNICA – naslov i traka (TELEFON, ispod 768 px)
   ========================================================================== */
@media (max-width: 767px) {
  body.woocommerce-shop .wd-page-title.page-title-default {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    min-height: 0 !important;
  }
  body.woocommerce-shop .wd-page-title .title {
    font-size: 14px !important;        /* naslov na telefonu */
    line-height: 1.2 !important;
    margin-bottom: 8px !important;
  }
  body.woocommerce-shop .wd-page-title .wd-nav-product-cat > li > a {
    font-size: 14px !important;        /* kategorije u traci na telefonu */
  }
}

/* ==========================================================================
   4. PRODAVNICA – sakrivanje karusela sa slikama kategorija
   (ako se karusel i dalje vidi, pošalji F12 screenshot, selektor je pogađan)
   ========================================================================== */
/* ==========================================================================
   4. PRODAVNICA I KATEGORIJE – sakrivanje boksova sa podkategorijama
   ========================================================================== */
body.woocommerce-shop .wd-cats,
body.woocommerce-shop .product-category,
body.tax-product_cat .wd-cats,
body.tax-product_cat .product-category {
  display: none !important;
}

/* ==========================================================================
   5. PRODAVNICA – slike na karticama (isti odnos kao na početnoj)
   Važi za prodavnicu i stranice kategorija.
   ========================================================================== */
body.woocommerce-shop .wd-loop-prod-thumb,
body.tax-product_cat .wd-loop-prod-thumb {
  position: relative;
  width: 100%;
  aspect-ratio: 405 / 235 !important;  /* odnos okvira, kao na početnoj */
  padding: 12px !important;            /* razmak oko slike */
  box-sizing: border-box;
  background: #f0efea;                 /* pozadina iza slike */
  display: flex !important;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* link oko slike popunjava okvir, da slika ima u šta da se uklopi */
body.woocommerce-shop .wd-loop-prod-thumb .wd-product-img-link,
body.tax-product_cat .wd-loop-prod-thumb .wd-product-img-link {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  height: 100% !important;
}

/* sama slika: cela se vidi, bez sečenja i bez razvlačenja */
body.woocommerce-shop .wd-loop-prod-thumb img,
body.tax-product_cat .wd-loop-prod-thumb img {
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain;
}

/* ==========================================================================
   6. PRODAVNICA – sve kartice iste visine, cena i dugme na dnu
   ========================================================================== */
body.woocommerce-shop .wd-product,
body.tax-product_cat .wd-product {
  height: 100%;
}
body.woocommerce-shop .wd-product .wd-product-wrapper,
body.tax-product_cat .wd-product .wd-product-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
body.woocommerce-shop .wd-product .wd-entry-content,
body.tax-product_cat .wd-product .wd-entry-content {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
}

/* ==========================================================================
   7. PRODAVNICA – panel "Filteri" (sortiranje i filter po ceni)
   ========================================================================== */
body.woocommerce-shop .filters-area,
body.tax-product_cat .filters-area {
  padding-top: 8px;
}

/* Naslovi: СОРТИРАЊЕ / ФИЛТЕР ПО ЦЕНИ */
body.woocommerce-shop .filters-area .widget-title,
body.tax-product_cat .filters-area .widget-title {
  font-family: "Noto Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: .1em;
  color: #243c79 !important;           /* tamnoplava iz palete */
  margin-bottom: 14px !important;
  padding-bottom: 10px;
  border-bottom: 1px solid #e2e2da;    /* linija ispod naslova */
}

/* Stavke: Популарност, Просечна оцена, 0 дин. - 710 дин. ... */
body.woocommerce-shop .filters-area .widget ul li a,
body.tax-product_cat .filters-area .widget ul li a {
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  color: #6b716f;                      /* siva iz palete */
  padding: 5px 0;
  transition: color .2s;
}

/* Hover i izabrana stavka */
body.woocommerce-shop .filters-area .widget ul li a:hover,
body.woocommerce-shop .filters-area .widget ul li.chosen > a,
body.woocommerce-shop .filters-area .widget ul li.current-cat > a,
body.tax-product_cat .filters-area .widget ul li a:hover,
body.tax-product_cat .filters-area .widget ul li.chosen > a,
body.tax-product_cat .filters-area .widget ul li.current-cat > a {
  color: #3156b8;                      /* plava */
}

/* ==========================================================================
   8. PRODAVNICA – padajući meniji u panelu "Filteri"
   ========================================================================== */
.filters-area .kt-hidden-list {
  display: none !important;            /* originalna lista je sakrivena */
}
.filters-area .kt-filter-select {
  width: 100%;
  max-width: 320px;
  height: 42px;
  padding: 0 14px;
  font-family: "Noto Sans", sans-serif;
  font-size: 14px;
  color: #263040;
  background-color: #fff;
  border: 1px solid #e2e2da;
  border-radius: 10px;
  cursor: pointer;
}
.filters-area .kt-filter-select:focus {
  border-color: #3156b8;
  outline: none;
}

/* ==========================================================================
       Sekcija: Вера. Нада. Љубав. 
   ========================================================================== */
/* HTML widget sa sekcijom neka zauzme celu širinu kontejnera */
.elementor-widget-html:has(.kt-set){
  width:100%;
  max-width:100%;
}

.kt-set{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
  width:min(1260px,90vw);
  max-width:100%;
  margin-inline:auto;
  padding-block:65px;
  box-sizing:border-box;
}
.kt-set *{box-sizing:border-box}

.kt-set .kt-set__photo{
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#e9ede5;
  border-radius:8px;
  padding:25px;
  height:430px;
}
.kt-set .kt-set__photo img{
  height:100%;
  width:auto;
  max-width:100%;
  object-fit:contain;
  display:block;
}

.kt-set .kt-set__eyebrow{
  font:700 12px/1.4 "Noto Sans",Arial,sans-serif;
  letter-spacing:.12em;
  color:#3156b8;
  margin:0 0 14px;
}
.kt-set .kt-set__title{
  font:500 56px/1.08 "Noto Serif",serif;
  color:#263040;
  margin:0 0 22px;
}
.kt-set .kt-set__title em{color:#3156b8;font-style:italic}

.kt-set .kt-set__text{
  font:400 18px/1.7 "Noto Sans",Arial,sans-serif;
  color:#6b716f;
  margin:0 0 26px;
  max-width:480px;
}

.kt-set .kt-set__facts{
  display:flex;
  gap:56px;
  padding:22px 0;
  border-top:1px solid #e2e2da;
  border-bottom:1px solid #e2e2da;
}
.kt-set .kt-set__facts strong{
  display:block;
  font:600 18px/1.4 "Noto Sans",Arial,sans-serif;
  color:#263040;
}
.kt-set .kt-set__facts span{
  display:block;
  font:400 12px/1.5 "Noto Sans",Arial,sans-serif;
  color:#6b716f;
  margin-top:4px;
}

.kt-set .kt-set__price{margin:24px 0 22px}
.kt-set .kt-set__price strong{
  display:block;
  font:700 28px/1.2 "Noto Sans",Arial,sans-serif;
  color:#263040;
}
.kt-set .kt-set__price span{
  display:block;
  font:400 12px/1.5 "Noto Sans",Arial,sans-serif;
  color:#6b716f;
  margin-top:4px;
}

.kt-set a.kt-set__btn{
  display:inline-block;
  background:#3156b8;
  color:#fff;
  font:600 15px/1.2 "Noto Sans",Arial,sans-serif;
  padding:18px 26px;
  border-radius:4px;
  text-decoration:none;
  transition:background .2s;
}
.kt-set a.kt-set__btn:hover{background:#243c79;color:#fff}

/* Tablet i mobilni */
/* Srednji ekrani: manji razmak između kolona */
@media (max-width:1000px){
  .kt-set{gap:48px}
  .kt-set .kt-set__title{font-size:48px}
}

/* Mobilni (iz mockupa: max-width 760px) */
@media (max-width:760px){
  .kt-set{
    grid-template-columns:1fr;
    gap:32px;
    padding-block:40px;
  }
  .kt-set .kt-set__photo{
    height:330px;
    padding:15px;
  }
  .kt-set .kt-set__photo img{
    height:100%;
    width:auto;
    max-width:100%;
    object-fit:contain;
  }
  .kt-set .kt-set__title{font-size:40px;margin-bottom:18px}
  .kt-set .kt-set__text{font-size:16px;margin-bottom:22px}
  
	/* Blok 3 × 35 г / 3 величине na sredini */
  .kt-set .kt-set__facts{
    gap:32px;
    padding:18px 0;
    justify-content:center;
    text-align:center;
  }
	
	/* Cena na sredini */
  .kt-set .kt-set__price{margin:20px 0 18px;text-align:center}
  .kt-set .kt-set__price strong{font-size:26px}
	
	 /* Dugme na sredini */
  .kt-set a.kt-set__btn{
    display:block;
    width:fit-content;
    max-width:100%;
    margin-inline:auto;
    text-align:center;
  }
}
/* ====================================================
   KUĆA TAMJANA: stilovi za početnu, Свет тамјана i vodiče
======================================================= */

/* ---------- Zajedničko: widget uvek na punu širinu ---------- */
.elementor-widget-html:has(.kt-set),
.elementor-widget-html:has(.kt-g),
.elementor-widget-shortcode:has(.kt-g){
  width:100%;
  max-width:100%;
}

/* ====================================================
   1. Вера. Нада. Љубав.
======================================================= */
.kt-set{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
  width:min(1260px,90vw);
  max-width:100%;
  margin-inline:auto;
  padding-block:65px;
  box-sizing:border-box;
}
.kt-set *{box-sizing:border-box}

.kt-set .kt-set__photo{
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#e9ede5;
  border-radius:8px;
  padding:25px;
  height:430px;
}
.kt-set .kt-set__photo img{
  height:100%;
  width:auto;
  max-width:100%;
  object-fit:contain;
  display:block;
}
.kt-set .kt-set__eyebrow{
  font:700 12px/1.4 "Noto Sans",Arial,sans-serif;
  letter-spacing:.12em;
  color:#3156b8;
  margin:0 0 14px;
}
.kt-set .kt-set__title{
  font:500 56px/1.08 "Noto Serif",serif;
  color:#263040;
  margin:0 0 22px;
}
.kt-set .kt-set__title em{color:#3156b8;font-style:italic}
.kt-set .kt-set__text{
  font:400 18px/1.7 "Noto Sans",Arial,sans-serif;
  color:#6b716f;
  margin:0 0 26px;
  max-width:480px;
}
.kt-set .kt-set__facts{
  display:flex;
  gap:56px;
  padding:22px 0;
  border-top:1px solid #e2e2da;
  border-bottom:1px solid #e2e2da;
}
.kt-set .kt-set__facts strong{
  display:block;
  font:600 18px/1.4 "Noto Sans",Arial,sans-serif;
  color:#263040;
}
.kt-set .kt-set__facts span{
  display:block;
  font:400 12px/1.5 "Noto Sans",Arial,sans-serif;
  color:#6b716f;
  margin-top:4px;
}
.kt-set .kt-set__price{margin:24px 0 22px}
.kt-set .kt-set__price strong{
  display:block;
  font:700 28px/1.2 "Noto Sans",Arial,sans-serif;
  color:#263040;
}
.kt-set .kt-set__price span{
  display:block;
  font:400 12px/1.5 "Noto Sans",Arial,sans-serif;
  color:#6b716f;
  margin-top:4px;
}
.kt-set a.kt-set__btn{
  display:inline-block;
  background:#3156b8;
  color:#fff;
  font:600 15px/1.2 "Noto Sans",Arial,sans-serif;
  padding:18px 26px;
  border-radius:4px;
  text-decoration:none;
  transition:background .2s;
}
.kt-set a.kt-set__btn:hover{background:#243c79;color:#fff}

/* ====================================================
   2. Сазнајте више (početna)
======================================================= */
.kt-learn{
  background:#eeefe8;
  width:100vw;
  margin-inline:calc(50% - 50vw);
  padding-block:72px;
  box-sizing:border-box;
}
.kt-learn *{box-sizing:border-box}

.kt-learn__wrap{
  width:min(1260px,90vw);
  margin-inline:auto;
}
.kt-learn__head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:24px;
  margin-bottom:32px;
}
.kt-learn .kt-learn__eyebrow{
  font:700 12px/1.4 "Noto Sans",Arial,sans-serif;
  letter-spacing:.12em;
  color:#3156b8;
  margin:0 0 14px;
}
.kt-learn .kt-learn__title{
  font:400 40px/1.12 "Noto Serif",Georgia,serif;
  color:#263040;
  margin:0;
}
.kt-learn .kt-learn__title em{color:#3156b8;font-style:italic}
.kt-learn a.kt-learn__video{
  font:400 14px/1.4 "Noto Sans",Arial,sans-serif;
  color:#263040;
  text-decoration:none;
  white-space:nowrap;
  padding-bottom:6px;
}
.kt-learn a.kt-learn__video:hover{color:#3156b8}

.kt-learn__grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.kt-learn a.kt-article{
  display:block;
  background:#f8f6f0;
  border-radius:8px;
  overflow:hidden;
  text-decoration:none;
  color:#263040;
}

.kt-learn .kt-article__photo{
  height:200px;
  display:grid;
  place-items:center;
  overflow:hidden;
}
.kt-learn .kt-article__photo img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.kt-learn .kt-article__photo--sage{background:#d8dfd3}
.kt-learn .kt-article__photo--sage svg{
  width:150px;
  height:130px;
  fill:none;
  stroke:#657a60;
  stroke-width:1.5;
}
.kt-learn .kt-article__photo--blue{background:#dce3f2}
.kt-learn .kt-article__map{text-align:center}
.kt-learn .kt-article__map b{
  display:block;
  font:400 24px/1.4 "Noto Serif",Georgia,serif;
  letter-spacing:.22em;
  color:#243c79;
}
.kt-learn .kt-article__map i{
  display:block;
  margin-top:14px;
  font:700 8px/1.4 "Noto Sans",Arial,sans-serif;
  font-style:normal;
  letter-spacing:.2em;
  color:#3156b8;
}

.kt-learn .kt-article__body{padding:25px 25px 30px}
.kt-learn .kt-article__body small{
  display:block;
  font:400 13px/1.4 "Noto Sans",Arial,sans-serif;
  letter-spacing:.08em;
  color:#6b716f;
}
.kt-learn .kt-article__body h3{
  font:400 23px/1.28 "Noto Serif",Georgia,serif;
  color:#263040;
  margin:14px 0 24px;
  transition:color .2s;
}
.kt-learn .kt-article__body span{
  font:400 13px/1.4 "Noto Sans",Arial,sans-serif;
  color:#3156b8;
}
.kt-learn a.kt-article:hover h3{color:#3156b8}

/* ====================================================
   3. Свет тамјана i stranice vodiča
======================================================= */
.kt-g{
  width:min(1260px,90vw);
  max-width:100%;
  margin-inline:auto;
  padding-block:24px 80px;
  box-sizing:border-box;
}
.kt-g *{box-sizing:border-box}
.kt-g--top{padding-bottom:0}
.kt-g--list{padding-block:56px 80px}

.kt-g .kt-g__crumbs{
  font:400 13px/1.4 "Noto Sans",Arial,sans-serif;
  color:#6b716f;
  margin:0 0 44px;
}
.kt-g .kt-g__crumbs a{color:#3156b8;text-decoration:none}
.kt-g .kt-g__crumbs a:hover{text-decoration:underline}
.kt-g .kt-g__crumbs span{margin:0 10px}

.kt-g .kt-g__eyebrow{
  font:700 12px/1.4 "Noto Sans",Arial,sans-serif;
  letter-spacing:.12em;
  color:#3156b8;
  margin:0 0 18px;
}
.kt-g .kt-g__title{
  font:400 60px/1.12 "Noto Serif",Georgia,serif;
  color:#263040;
  margin:0 0 26px;
}
.kt-g .kt-g__title em{color:#3156b8;font-style:italic}
.kt-g .kt-g__title--guide{max-width:820px}
.kt-g .kt-g__lead{
  font:400 18px/1.7 "Noto Sans",Arial,sans-serif;
  color:#6b716f;
  margin:0;
  max-width:680px;
}

/* Kartice vodiča */
.kt-g__cards{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:25px;
  margin-top:56px;
}
.kt-g--list .kt-g__cards{margin-top:0}
.kt-g a.kt-g__card{
  display:block;
  background:#fff;
  border:1px solid #e2e2da;
  border-radius:8px;
  padding:32px 32px 36px;
  text-decoration:none;
  color:#263040;
  transition:border-color .2s, transform .2s;
}
.kt-g a.kt-g__card:hover{border-color:#3156b8;transform:translateY(-2px)}
.kt-g .kt-g__num{
  display:block;
  font:italic 400 52px/1 "Noto Serif",Georgia,serif;
  color:#b78a49;
  padding-bottom:28px;
  margin-bottom:28px;
  border-bottom:1px solid #e2e2da;
}
.kt-g .kt-g__card small{
  display:block;
  font:700 12px/1.4 "Noto Sans",Arial,sans-serif;
  letter-spacing:.12em;
  color:#3156b8;
}
.kt-g .kt-g__card h3{
  font:400 28px/1.25 "Noto Serif",Georgia,serif;
  color:#263040;
  margin:16px 0 14px;
}
.kt-g .kt-g__card p{
  font:400 15px/1.7 "Noto Sans",Arial,sans-serif;
  color:#6b716f;
  margin:0 0 22px;
}
.kt-g .kt-g__more{
  font:400 14px/1.4 "Noto Sans",Arial,sans-serif;
  color:#3156b8;
}

/* Stranica vodiča */
.kt-g__layout{
  display:grid;
  grid-template-columns:minmax(0,760px) 320px;
  justify-content:space-between;
  gap:48px;
  align-items:start;
  margin-top:56px;
}
.kt-g .kt-g__body h2{
  font:400 28px/1.25 "Noto Serif",Georgia,serif;
  color:#263040;
  margin:44px 0 14px;
}
.kt-g .kt-g__body h2:first-child{margin-top:0}
.kt-g .kt-g__body p{
  font:400 16px/1.8 "Noto Sans",Arial,sans-serif;
  color:#555d6a;
  margin:0;
}
.kt-g .kt-g__aside{
  background:#e9eef9;
  border-top:2px solid #3156b8;
  padding:30px 28px 32px;
}
.kt-g .kt-g__aside small{
  display:block;
  font:700 12px/1.4 "Noto Sans",Arial,sans-serif;
  letter-spacing:.12em;
  color:#3156b8;
  margin-bottom:18px;
}
.kt-g .kt-g__aside h3{
  font:400 26px/1.25 "Noto Serif",Georgia,serif;
  color:#263040;
  margin:0 0 14px;
}
.kt-g .kt-g__aside p{
  font:400 14px/1.7 "Noto Sans",Arial,sans-serif;
  color:#3156b8;
  margin:0 0 22px;
}
.kt-g a.kt-g__link{
  display:block;
  margin-top:22px;
  font:400 14px/1.4 "Noto Sans",Arial,sans-serif;
  color:#243c79;
  text-decoration:none;
}
.kt-g a.kt-g__link:hover{text-decoration:underline}

/* Dugmad */
.kt-g__actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:72px;
}
.kt-g a.kt-g__btn{
  display:inline-block;
  padding:16px 24px;
  border:1px solid #3156b8;
  border-radius:4px;
  font:600 14px/1.2 "Noto Sans",Arial,sans-serif;
  text-decoration:none;
  transition:background .2s, color .2s, border-color .2s;
}
.kt-g a.kt-g__btn--ghost{background:#fff;color:#3156b8}
.kt-g a.kt-g__btn--ghost:hover{background:#3156b8;color:#fff}
.kt-g a.kt-g__btn--solid{background:#3156b8;color:#fff}
.kt-g a.kt-g__btn--solid:hover{background:#243c79;border-color:#243c79;color:#fff}

/* ====================================================
   TABLET (do 1000px): po 2 kartice
======================================================= */
@media (max-width:1000px){
  .kt-set{gap:48px}
  .kt-set .kt-set__title{font-size:48px}
  .kt-learn__grid{grid-template-columns:repeat(2,1fr)}
  .kt-g__cards{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:900px){
  .kt-g__layout{grid-template-columns:1fr;gap:40px}
}

/* ====================================================
   MOBILNI (do 760px): po 1 kartica
======================================================= */
@media (max-width:760px){

  /* Вера. Нада. Љубав. */
  .kt-set{grid-template-columns:1fr;gap:32px;padding-block:40px}
  .kt-set .kt-set__photo{height:330px;padding:15px}
  .kt-set .kt-set__title{font-size:40px;margin-bottom:18px}
  .kt-set .kt-set__text{font-size:16px;margin-bottom:22px}
  .kt-set .kt-set__facts{
    gap:32px;
    padding:18px 0;
    justify-content:center;
    text-align:center;
  }
  .kt-set .kt-set__price{margin:20px 0 18px;text-align:center}
  .kt-set .kt-set__price strong{font-size:26px}
  .kt-set a.kt-set__btn{
    display:block;
    width:fit-content;
    max-width:100%;
    margin-inline:auto;
    text-align:center;
  }

  /* Сазнајте више */
  .kt-learn{padding-block:48px}
  .kt-learn__head{
    flex-direction:column;
    align-items:flex-start;
    gap:16px;
    margin-bottom:24px;
  }
  .kt-learn .kt-learn__title{font-size:32px}
  .kt-learn__grid{grid-template-columns:1fr;gap:20px}
  .kt-learn .kt-article__photo{height:180px}
  .kt-learn .kt-article__body h3{font-size:21px}

  /* Свет тамјана i vodiči */
  .kt-g{padding-block:16px 56px}
  .kt-g--top{padding-bottom:0}
  .kt-g--list{padding-block:36px 56px}
  .kt-g .kt-g__crumbs{margin-bottom:28px}
  .kt-g .kt-g__title{font-size:38px}
  .kt-g .kt-g__lead{font-size:16px}
  .kt-g__cards{grid-template-columns:1fr;margin-top:36px}
  .kt-g--list .kt-g__cards{margin-top:0}
  .kt-g .kt-g__num{font-size:44px}
  .kt-g .kt-g__card h3{font-size:24px}
  .kt-g__layout{margin-top:36px}
  .kt-g .kt-g__body h2{font-size:24px;margin-top:36px}
  .kt-g__actions{margin-top:48px}
}

/* =======================================================
 ===== Isti breadcrumb svuda (WoodMart + naš) ===== 
==========================================================*/
.wd-breadcrumbs,
.woocommerce-breadcrumb{
  --wd-link-color:#3156b8;
  --wd-link-color-hover:#243c79;
  --wd-bcrumb-color-active:#6b716f;
  --wd-link-decor:none;
  --wd-link-decor-hover:underline;
  font:400 13px/1.4 "Noto Sans",Arial,sans-serif;
  color:#6b716f;
}
.wd-breadcrumbs a,
.woocommerce-breadcrumb a{
  color:#3156b8;
  text-decoration:none;
}
.wd-breadcrumbs a:hover,
.woocommerce-breadcrumb a:hover{
  color:#243c79;
  text-decoration:underline;
}
.wd-breadcrumbs .wd-delimiter{
  margin:0 10px;
  color:#6b716f;
}
.wd-breadcrumbs .wd-last,
.wd-breadcrumbs .wd-last a{
  color:#6b716f;
  font-weight:400;
}

/* ===============================================
    ===== Kuća Tamjana: story + shops ===== 
==================================================*/
.kt-story, .kt-shops { 
	padding-block: 65px; 
	font-family: 'Noto Sans', Arial, sans-serif; 
	line-height: 1.7; 
	color: #263040; 
}
.kt-story { 
	background: #f8f6f0; 
}
.kt-shops { 
	background: #ece8de; 
}

.kt-wrap { 
	max-width: 1320px; 
	margin-inline: auto; 
	padding-inline: 24px; 
	box-sizing: border-box; 
}
.kt-wrap *, .kt-story *, .kt-shops * { 
	box-sizing: border-box; 
}

.kt-eyebrow { 
	margin: 0 0 18px; 
	font-size: 12px; 
	font-weight: 700; 
	letter-spacing: .16em; 
	text-transform: uppercase; 
	color: #3156b8; 
}
.kt-h2 { 
	margin: 0; 
	font-family: 'Noto Serif', Georgia, serif; 
	font-weight: 500; 
	font-size: clamp(30px, 3.4vw, 40px); 
	line-height: 1.2; color: #263040; 
}

.kt-h2 em { 
	font-style: italic; 
	color: #3156b8; 
}

/* story */
.kt-story-grid { 
	display: grid; 
	grid-template-columns: 1fr 1fr; 
	gap: 80px; 
	align-items: start; 
}
.kt-story-p { 
	margin: 0 0 20px; 
	font-size: 16px; 
	color: #6b716f; 
}
.kt-link { 
	display: inline-block; 
	font-size: 15px; 
	color: #263040 !important; 
	text-decoration: none !important; 
}
.kt-link:hover { 
	color: #3156b8 !important; 
}
.kt-story .kt-link {
	margin-top: 12px; 
}

/* shops */
.kt-head { 
	display: flex; 
	justify-content: space-between; 
	align-items: flex-end; 
	gap: 24px; 
	margin-bottom: 40px; 
}
.kt-shop-grid { 
	display: grid; 
	grid-template-columns: repeat(3, 1fr); 
	gap: 32px; 
}
.kt-shop-grid > div { 
	border-top: 1px solid #d9d2c4; 
	padding-top: 24px; 
}
.kt-shop-grid span { 
	display: block; 
	font-size: 11px; 
	letter-spacing: .14em; 
	text-transform: uppercase; 
	color: #b78a49; 
	margin-bottom: 18px; 
}
.kt-shop-grid h3 { 
	margin: 0 0 22px; 
	font-family: 'Noto Serif', Georgia, serif; 
	font-weight: 500; 
	font-size: 28px; 
	line-height: 1.2; 
	color: #263040; 
}
.kt-shop-grid a { 
	font-size: 11px; 
	color: inherit !important; 
	text-decoration: none !important; 
}
.kt-shop-grid a:hover { 
	color: #3156b8 !important; 
}

/* mobile */
@media (max-width: 900px) {
  .kt-story, .kt-shops { 
		padding-block: 48px; 
	}
  .kt-story-grid { 
		grid-template-columns: 1fr; 
		gap: 24px; 
	}
  .kt-head { 
		flex-direction: column; 
		align-items: flex-start; 
		gap: 16px; 
		margin-bottom: 28px; 
	}
  .kt-shop-grid { 
		grid-template-columns: 1fr; 
		gap: 24px; 
	}
}

/*prosiri na 100% deo ya mape*/
.elementor-widget-html > .elementor-widget-container:has(> .kt-story),
.elementor-widget-html > .elementor-widget-container:has(> .kt-shops) { width: 100%; }
.elementor-widget-html:has(.kt-story),
.elementor-widget-html:has(.kt-shops) { width: 100% !important; max-width: 100% !important; }

/* ===============================
/* FAQ strelice 
 *================================ */
.kt-faq-list summary {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 14px;
  padding-right: 0;
}
.kt-faq-list summary::-webkit-details-marker { display: none; }
.kt-faq-list summary::marker { content: ""; }

.kt-faq-list summary::before {
  content: "";
  flex: none;
  width: 7px;
  height: 7px;
  border-right: 2px solid #3156b8;
  border-bottom: 2px solid #3156b8;
  transform: rotate(-45deg);        /* zatvoreno: udesno */
  transition: transform .2s ease;
}
.kt-faq-list details[open] > summary::before {
  transform: rotate(45deg);         /* otvoreno: nadole */
}


/* ============================================== 
   ===== Kuća Tamjana: FAQ ===== 
 ================================================*/
.kt-faq {
	padding-block: 65px; 
	background: #f8f6f0; 
	font-family: 'Noto Sans', Arial, sans-serif; 
	line-height: 1.7; 
	color: #263040; 
}
.kt-faq * { 
	box-sizing: border-box; 
}

.kt-faq-grid { 
	display: grid; 
	grid-template-columns: .8fr 1fr; 
	gap: 80px; 
	align-items: start; 
}

.kt-faq-list details { 
	border-bottom: 1px solid #e2e2da; 
	padding: 20px 0; 
}
.kt-faq-list summary { 
	cursor: pointer; 
	font-size: 15px; 
	color: #263040; 
}
.kt-faq-list details p {
	margin: 14px 0 20px; 
	font-size: 16px; 
	color: #6b716f; 
}

@media (max-width: 900px) {
  .kt-faq { 
		padding-block: 48px; 
	}
  .kt-faq-grid { 
		grid-template-columns: 1fr; 
		gap: 24px; 
	}
}

/* Kursor i boja reaguju u FAQ pri prelasku misa*/
.kt-faq-list summary:hover { color: #3156b8; }
.kt-faq-list summary { padding-right: 24px; }

/* full-bleed: odeljak izlazi iz roditeljskog kontejnera - deo za mape na pocetnoj strani */
.kt-story, .kt-shops, .kt-faq  {
  width: 100vw;
  position: relative;
  left: 50%;
  margin-left: -50vw;
}
/* spreči horizontalni scroll zbog 100vw */
body.home { 
	overflow-x: clip; 
}

/* =======================================
    IZGLED TRAKE ZA BESPLATNU DOSTAVU 4690
==========================================*/
.kt-ship{
	margin:14px 0
}
.kt-ship__bar{
	height:5px;
	background:#e2e2da;
	border-radius:99px;
	overflow:hidden
}
.kt-ship__bar span{
	display:block;
	height:100%;
	background:#3156b8;
	transition:width .3s
}
.kt-ship p{
	margin:8px 0 0;
	font-size:13px;
	color:#6b716f
}
.kt-ship--ok .kt-ship__bar span{
	background:#5f8a4f
}
.kt-ship--ok p{
	color:#3d6b2e
}
.kt-ship-note{
	font-size:12px;
	color:#6b716f;
	margin:10px 0
}

/* ======================
 ----- FOOTER -------
======================== */
.kt-footer{
	background:#ece3da;
	padding:60px 0 28px;
	font-family:'Noto Sans',sans-serif
}
.kt-wrap{
	max-width:1260px;
	margin:0 auto;
	padding:0 20px;
	box-sizing:border-box
}
.kt-grid{
	display:grid;
	grid-template-columns:1.5fr 1fr 1fr 1fr;
	gap:24px
}
.kt-footer img{
	width:265px;
	max-width:100%;
	height:auto;
	display:block
}
.kt-footer p{
	font-family:'Noto Serif',Georgia,serif;font-size:15px;
	line-height:25.5px;
	color:#80553c;
	margin:22px 0 0
}
.kt-footer h3{
	font-size:16px;
	font-weight:700;
	color:#263040;
	margin:0 0 18px
}
.kt-footer .kt-grid a{
	display:block;
	font-size:14px;
	margin:8px 0;
	color:#646763;
	text-decoration:none
}
.kt-footer .kt-grid a:hover{
	color:#243c79
}
.kt-bottom{
	margin-top:40px;
	padding-top:30px;
	border-top:1px solid #d9cfc4;
	font-size:13px;
	color:#6b716f
}
@media(max-width:900px){
	.kt-grid{
		grid-template-columns:1fr 1fr
	}
}
@media(max-width:560px){
	.kt-grid{
		grid-template-columns:1fr
	}
}

.kt-footer .kt-grid .kt-social{
	display:flex;
	gap:14px;margin-top:14px}
.kt-footer .kt-grid .kt-social a{
	display:inline-flex;
	margin:0;
	width:38px;
	height:38px;
	align-items:center;
	justify-content:center;
	border:1px solid #d3c7ba;
	border-radius:50%;
	color:#646763;
	transition:.2s
}
.kt-footer .kt-grid .kt-social a:hover{
	background:#243c79;
	border-color:#243c79;
	color:#fff
}
.kt-bottom{
	text-align:center
}

/* Instagram: gradijent */
.kt-footer .kt-social a[aria-label="Instagram"]:hover{
  background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);
  border-color:transparent;
	color:#fff
}

/* Facebook: plava */
.kt-footer .kt-social a[aria-label="Facebook"]:hover{
  background:#1877f2;
	border-color:#1877f2;
	color:#fff
}

/* TikTok: crna sa cijan/roze senkom */
.kt-footer .kt-social a[aria-label="TikTok"]:hover{
  background:#000;
	border-color:#000;
	color:#fff;
  box-shadow:-2px -2px 0 #25f4ee,2px 2px 0 #fe2c55
}

/* ===================================================
   Okvir oko cele kartice (uključujući "Упореди производ") 
=====================================================*/
.wd-loop-builder-on .wd-product,
.wd-products-tabs .wd-product {
  background: #fff;
  border: 2px solid #c9b79c;                      /* topla peščana nijansa */
  border-radius: 12px;
  box-shadow: 0 3px 10px rgba(36, 60, 121, 0.10);
  overflow: hidden;                               /* da sivi deo sa slikom prati zaobljene uglove */
  padding-bottom: 12px;                           /* malo vazduha ispod checkboxa */
  transition: border-color .3s ease, box-shadow .3s ease;
}

/* =================================================
       Unutrašnji wrapper više nema svoj okvir 
=====================================================*/
.wd-loop-builder-on .wd-product .wd-product-wrapper,
.wd-products-tabs .wd-product .wd-product-wrapper {
  display: flex !important;                       /* Dodato: Omogućava kontrolu elemenata unutar kartice */
  flex-direction: column !important;              /* Dodato: Slaganje elemenata (slika, tekst, cena) vertikalno */
  flex: 1 1 auto !important;                      /* Dodato: Ekstenzija preko cele visine */
  width: 100% !important;
  height: 100% !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

/* Hover (desktop) */
.wd-loop-builder-on .wd-product:hover,
.wd-products-tabs .wd-product:hover {
  border-color: #3156b8;
  box-shadow: 0 6px 18px rgba(36, 60, 121, 0.16);
}

/* Veći razmak između kartica na pocetnoj strani  – samo mobilni */
@media (max-width: 768px) {
  .wd-products-element .products,
  .wd-loop-builder-on .products {
    --wd-gap-sm: 24px !important;
  }
}

/* ========================================================================
   Odzivni (Responsive) izgled za ekrane do 590px širine 
   Spušta dugme "Pogledajte" ispod cene i gramaže
==========================================================================*/
@media (max-width: 590px) {
  .wd-loop-builder-on .wd-product .kt-price-row,
  .wd-products-tabs .wd-product .kt-price-row {
    flex-direction: column !important;            /* Prebacuje cenu i dugme jedno ispod drugog */
    align-items: center !important;                /* Centrira ih po sredini na mobilnom */
    gap: 12px !important;                          /* Pravi razmak između cene i dugmeta da ne budu zalepljeni */
    width: 100% !important;
  }
}

/* =====================================================================
  Isti unutrašnji razmak izme]u kartica kao na početnoj – i u prodavnici
========================================================================*/

.wd-loop-builder-on .wd-product-wrapper > :not(.wd-loop-prod-thumb):not(.kt-badge) {
  padding-left: 18px;
  padding-right: 18px;
}

/* Cena levo, dugme desno + tanka linija iznad, kao na početnoj */
.wd-loop-builder-on .kt-price-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-top: 1px solid #e2e2da;
  margin-top: 16px;
  padding-top: 16px;
}

/* ================================================================= */
/* ===== Kuća Tamjana: Свет тамјана (vodiči + grupna stranica) ===== */
/* ==================================================================*/
.kt-guide{
  --kt-blue:#3156b8; --kt-deep:#243c79; --kt-ink:#263040; --kt-muted:#6b716f;
  --kt-line:#e2e2da; --kt-gold:#b78a49;
  width:100vw; margin-left:calc(50% - 50vw);
  background:#f8f6f0; color:var(--kt-ink);
  font-family:"Noto Sans",Arial,sans-serif; font-size:16px; line-height:1.7;
}
.kt-guide *{box-sizing:border-box}
.kt-guide a{text-decoration:none}
.kt-guide .kt-wrap{width:min(1260px,90%); margin-inline:auto}
@media(min-width:1600px){.kt-guide .kt-wrap{max-width:1320px}}

/* tipografija */
.kt-guide h1,.kt-guide h2,.kt-guide h3{
  font-family:"Noto Serif",Georgia,serif; font-weight:400; line-height:1.25; color:var(--kt-ink);
}
.kt-guide .kt-eyebrow{font-size:12px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase; margin:0 0 20px; color:var(--kt-ink)}
.kt-guide .kt-eyebrow.kt-blue{color:var(--kt-blue)}

/* breadcrumbs */
.kt-guide .kt-breadcrumbs{display:flex; flex-wrap:wrap; gap:12px; font-size:13px; color:var(--kt-muted); padding-top:25px}
.kt-guide .kt-breadcrumbs a{color:var(--kt-blue)}

/* uvod */
.kt-guide .kt-page-intro{padding:38px 0 36px}
.kt-guide .kt-page-intro h1{
  max-width:920px; font-size:clamp(34px,4vw,56px); letter-spacing:-1.4px;
  margin:12px 0 24px; line-height:1.25;
}
.kt-guide .kt-page-intro > p:last-child{max-width:730px; margin:0; color:#566171; font-size:17px; line-height:1.85}

/* dve kolone */
.kt-guide .kt-reading-layout{
  display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:70px;
  margin-block:25px 65px; align-items:start;
}
.kt-guide .kt-prose{max-width:760px}
.kt-guide .kt-prose section{margin-bottom:36px}
.kt-guide .kt-prose h2{font-size:28px; letter-spacing:-.8px; line-height:1.4; margin:0 0 15px}
.kt-guide .kt-prose p{font-size:16px; line-height:1.95; color:#546071; margin:0}
.kt-guide .kt-prose a{color:var(--kt-blue); text-decoration:underline}

/* bočna kartica */
.kt-guide .kt-side-note{background:#e9eef8; border-top:3px solid var(--kt-blue); padding:30px; border-radius:4px}
.kt-guide .kt-side-note h3{font-size:25px; margin:0 0 18px}
.kt-guide .kt-side-note p{font-size:15px; color:#536077; margin:0 0 16px}
.kt-guide .kt-side-note .kt-eyebrow{color:var(--kt-ink); margin-bottom:20px}
.kt-guide .kt-text-link{display:block; margin-top:22px; font-size:14px; color:var(--kt-ink)}
.kt-guide .kt-text-link:hover{color:var(--kt-blue)}

/* dugmad */
.kt-guide .kt-btn{
  display:inline-flex; align-items:center; justify-content:center; gap:18px;
  padding:14px 21px; min-height:46px; border:1px solid transparent; border-radius:4px;
  font-family:"Noto Sans",Arial,sans-serif; font-size:14px; font-weight:600; line-height:1.2;
  transition:background .2s,transform .2s;
}
.kt-guide .kt-btn-primary{background:var(--kt-blue); color:#fff !important}
.kt-guide .kt-btn-primary:hover{background:var(--kt-deep)}
.kt-guide .kt-btn-outline{border-color:#b9c5d8; background:transparent; color:var(--kt-deep) !important}
.kt-guide .kt-btn-outline:hover{background:#fff}

/* donja dugmad */
.kt-guide .kt-page-bottom{display:flex; flex-wrap:wrap; gap:20px; align-items:center; margin-block:35px 60px}

/* ===== grupna stranica "Свет тамјана": kartice 01–03 ===== */
.kt-guide .kt-guide-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-bottom:55px}
.kt-guide .kt-guide-card{display:flex; flex-direction:column; border:1px solid var(--kt-line); background:#fff; border-radius:7px; padding:32px}
.kt-guide .kt-guide-card:hover{border-color:var(--kt-blue)}
.kt-guide .kt-guide-number{
  font:italic 58px Georgia,serif; color:var(--kt-gold);
  border-bottom:1px solid var(--kt-line); padding-bottom:20px; margin-bottom:28px; line-height:1.25;
}
.kt-guide .kt-guide-card h2{font-size:28px; letter-spacing:-.8px; margin:0 0 20px}
.kt-guide .kt-guide-card p:not(.kt-eyebrow){font-size:16px; color:var(--kt-muted); margin:0}
.kt-guide .kt-guide-card .kt-text-link{margin-top:auto; color:var(--kt-blue); padding-top:20px}

/* tablet */
@media(max-width:1000px){
  .kt-guide .kt-reading-layout{gap:30px; grid-template-columns:minmax(0,1fr) 280px}
  .kt-guide .kt-guide-grid{gap:16px}
  .kt-guide .kt-guide-card{padding:22px}
  .kt-guide .kt-guide-card h2{font-size:24px}
}
/* telefon */
@media(max-width:760px){
  .kt-guide .kt-page-intro{padding-block:25px}
  .kt-guide .kt-page-intro h1{font-size:36px; letter-spacing:-.6px}
  .kt-guide .kt-page-intro > p:last-child{font-size:16px}
  .kt-guide .kt-reading-layout,.kt-guide .kt-guide-grid{grid-template-columns:1fr; gap:25px}
  .kt-guide .kt-reading-layout{margin-bottom:40px}
  .kt-guide .kt-prose h2{font-size:25px}
  .kt-guide .kt-side-note{padding:25px}
  .kt-guide .kt-page-bottom{margin-bottom:40px}
  .kt-guide .kt-guide-card h2{font-size:27px}
  .kt-guide .kt-guide-number{font-size:42px}
}

/* popravka: Elementor/WoodMart nameću flex na omotač */
.kt-guide{
	display:block !important; 
	flex-direction:initial !important
}
.kt-guide > *{
	flex:none; 
	max-width:none
}

/* sakrij stari breadcrumb, ostaje onaj iz kt-guide */
.kt-crumbs{display:none}

/* Elementor kontejner i widget na punu širinu, da 100vw trik radi */
.elementor-element-4ac17c5{
  --content-width:100%;
  --padding-left:0px; --padding-right:0px;
  width:100%; max-width:none;
  align-items:stretch;
}
.elementor-element-6d6ea2a,
.elementor-element-6d6ea2a > .elementor-widget-container{
  width:100%; max-width:none;
}

/* ujednači širinu i poravnanje svih kt-wrap blokova */
.kt-guide .kt-wrap{
  width:min(1260px,90%) !important;
  max-width:1260px !important;
  margin-inline:auto !important;
  padding-inline:0 !important;
  box-sizing:border-box;
}
@media(min-width:1600px){
  .kt-guide .kt-wrap{max-width:1320px !important; 
		width:min(1320px,90%) !important
	}
}

/* Opšte: radi na svakoj stranici koja sadrži .kt-guide */
.wd-content-layout:has(.kt-guide){
	padding-block:0 !important
}

.e-con:has(.kt-guide){
  --content-width:100%;
  --padding-top:0px; --padding-right:0px; --padding-bottom:0px; --padding-left:0px;
  --margin-top:0px;
  width:100%; max-width:none;
  align-items:stretch;
  padding:0 !important; margin-top:0 !important; min-height:0 !important;
}
.elementor-widget-html:has(.kt-guide),
.elementor-widget-html:has(.kt-guide) > .elementor-widget-container{
  width:100%; max-width:none;
	margin:0 !important;
	padding:0 !important;
}
.kt-guide .kt-breadcrumbs{
	padding-top:22px
}

/* skini sve gornje razmake oko kt-guide stranica */
body:has(.kt-guide) .wd-content-area,
body:has(.kt-guide) .site-content,
body:has(.kt-guide) article.page,
body:has(.kt-guide) .entry-content,
body:has(.kt-guide) .elementor-section-wrap,
body:has(.kt-guide) .elementor{
  margin-top:0 !important; padding-top:0 !important;
}
.e-con:has(.kt-guide) > .e-con-inner{padding:0 !important; margin:0 !important}
.kt-guide .kt-breadcrumbs{padding-top:22px}

/* povuci link pocetna na stranicama koji su deca sveta tamjana*/
.kt-guide{margin-top:-40px !important}

/* velika slika na proiyvoda je prevelika na 768 pa je stavljan da je 
 * velicine kao i na 769 */
@media (max-width: 768px) {
  .woocommerce-product-gallery {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Breadcrumbs Pocetna-Prijava/Registracija */
.kt-crumbs-login {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  font-size: 13px;
  color: #6b716f;
  margin: 0 0 24px;
}
.kt-crumbs-login a {
  color: #6b716f;
  text-decoration: none;
}
.kt-crumbs-login a:hover {
  color: #3156b8;
}

/* ====================================================================================
/* KONTAKT STRANICA – WoodMart → Theme Settings → Custom CSS (ili Global Custom CSS) 
=======================================================================================*/
.kt-contact{
  --kt-blue:#3156b8; --kt-deep:#243c79; --kt-cream:#f8f6f0; --kt-sand:#ece3da;
  --kt-ink:#263040; --kt-muted:#6b716f; --kt-line:#e2e2da; --kt-gold:#b78a49;
  font-family:'Noto Sans',system-ui,sans-serif; color:var(--kt-ink);
  /* full width unutar WoodMart kontejnera */
  width:100vw; margin-left:calc(50% - 50vw); background:var(--kt-cream);
  box-sizing:border-box;
}
.kt-contact *{box-sizing:border-box}
.kt-wrap{max-width:1260px; margin:0 auto; padding:0 24px}

/* breadcrumbs */
.kt-crumbs{padding-top:28px; padding-bottom:0; font-size:14px; color:var(--kt-muted); display:flex; gap:12px}
.kt-crumbs a{color:var(--kt-blue); text-decoration:none}
.kt-crumbs a:hover{text-decoration:underline}

/* eyebrow */
.kt-eyebrow{display:block; margin:0; font-size:12px; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--kt-muted)}
.kt-eyebrow--blue{color:var(--kt-blue); font-weight:700}

/* intro */
.kt-intro{padding-top:48px; padding-bottom:20px}
.kt-intro h1,
.kt-shops h2{font-family:'Noto Serif',Georgia,serif; font-weight:400; color:var(--kt-ink); margin:12px 0 24px; line-height:1.25}
.kt-intro h1{max-width:920px; font-size:clamp(34px,4vw,56px); letter-spacing:-1.4px}
.kt-intro h1 em,
.kt-shops h2 em{font-style:italic; color:var(--kt-blue)}
.kt-lead{margin:0; font-size:18px; line-height:1.6; color:#3b4352; max-width:760px}

/* kartice */
.kt-cards{display:grid; grid-template-columns:1fr 1fr; gap:25px; padding-top:44px; padding-bottom:64px}
.kt-card{
  display:block; padding:34px 30px 30px; background:#e9eef8; border-top:2px solid var(--kt-blue);
  color:var(--kt-ink); text-decoration:none; transition:background .2s ease;
}
.kt-card:hover{background:#dfe7f5}
.kt-card strong{display:block; margin:18px 0 18px; font-size:clamp(26px,2.6vw,32px); font-weight:400; letter-spacing:-.3px; overflow-wrap:anywhere}
.kt-card p{margin:0; font-size:15px; color:#4a5263}

/* prodavnice */
.kt-shops{background:var(--kt-sand); padding:72px 0 64px}
.kt-shops-head{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap; margin-bottom:42px}
.kt-shops h2{font-size:clamp(30px,3.4vw,40px); letter-spacing:-.6px; margin:12px 0 0}
.kt-textlink{font-size:15px; font-weight:500; color:var(--kt-ink); text-decoration:none; padding-bottom:6px}
.kt-textlink:hover{color:var(--kt-blue)}

.kt-shop-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:36px}
.kt-shop-grid > div{border-top:1px solid #cfc6b8; padding-top:28px}
.kt-shop-no{display:block; font-size:11px; letter-spacing:.14em; color:var(--kt-gold)}
.kt-shop-grid h3{font-family:'Noto Serif',Georgia,serif; font-weight:400; font-size:25px; line-height:1.25; margin:18px 0 15px; color:var(--kt-ink)}
.kt-shop-grid a{font-size:13px; font-weight:500; color:var(--kt-ink); text-decoration:none}
.kt-shop-grid a:hover{color:var(--kt-blue)}

/* dno */
.kt-bottom{background:var(--kt-cream); padding:44px 0}
.kt-bottom-in{display:flex; align-items:center; justify-content:space-between; gap:28px; flex-wrap:wrap}
.kt-bottom p{margin:0; font-size:16px; color:var(--kt-ink); max-width:640px}

/* društvene mreže */
.kt-social{display:flex; flex-wrap:wrap; gap:12px; align-items:center}
.kt-soc{
  display:inline-flex; align-items:center; gap:10px; padding:14px 22px; border-radius:4px;
  font-size:14px; font-weight:600; line-height:1; color:#fff !important; text-decoration:none !important;
  border:1px solid transparent; transition:transform .15s ease, filter .15s ease, box-shadow .15s ease;
}
.kt-soc svg{flex:0 0 auto}
.kt-soc:hover{transform:translateY(-2px); filter:brightness(1.08); box-shadow:0 6px 16px rgba(0,0,0,.18)}
.kt-soc--fb{background:#1877F2}
.kt-soc--ig{background:linear-gradient(45deg,#F58529 0%,#DD2A7B 45%,#8134AF 75%,#515BD4 100%)}
.kt-soc--tt{background:#000}
.kt-soc:focus-visible,.kt-card:focus-visible,.kt-textlink:focus-visible,.kt-shop-grid a:focus-visible{outline:2px solid var(--kt-blue); outline-offset:3px}

/* tablet / mobilni */
@media (max-width:900px){
  .kt-shop-grid{gap:24px}
}
@media (max-width:760px){
  .kt-wrap{padding:0 18px}
  .kt-intro{padding-top:32px}
  .kt-cards{grid-template-columns:1fr; gap:16px; padding-bottom:44px}
  .kt-shops{padding:48px 0 44px}
  .kt-shop-grid{grid-template-columns:1fr; gap:28px}
  .kt-bottom-in{flex-direction:column; align-items:stretch}
  .kt-social{flex-direction:column; align-items:stretch}
  .kt-soc{justify-content:center}
}
@media (prefers-reduced-motion:reduce){
  .kt-soc,.kt-card{transition:none}
  .kt-soc:hover{transform:none}
}

/* =========================================
 * ISPRAVKA STILOVA NA STRANI O NAMA 
 * =========================================*/
.kta{--kta-blue:#3156b8;--kta-ink:#263040;--kta-muted:#6b716f;
  background:#f8f6f0;color:var(--kta-ink);font-family:"Noto Sans",Arial,sans-serif;padding-bottom:80px}
.kta .kta-wrap{max-width:1260px;margin:0 auto;padding:0 20px;box-sizing:border-box}
.kta *{box-sizing:border-box}

.kta .kta-crumbs{padding-top:28px;font-size:14px;color:var(--kta-muted)}
.kta .kta-crumbs a{color:var(--kta-blue);text-decoration:none}
.kta .kta-crumbs span{margin:0 8px}

.kta .kta-eyebrow{font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--kta-blue);margin:0 0 18px;text-transform:uppercase}
.kta .kta-eyebrow-dark{color:#4a5668}
.kta .kta-intro{padding-top:48px}
.kta .kta-intro h1{font-family:"Noto Serif",Georgia,serif;font-weight:400;
  font-size:clamp(34px,4vw,56px);line-height:1.25;letter-spacing:-1.4px;
  max-width:920px;margin:12px 0 24px;color:var(--kta-ink)}
.kta .kta-intro h1 em{font-style:italic;font-weight:400;color:var(--kta-blue)}
.kta .kta-lead{max-width:720px;font-size:18px;line-height:1.75;color:var(--kta-muted);margin:0}

.kta .kta-image{margin-top:48px}
.kta .kta-image img{display:block;width:100%;height:auto;aspect-ratio:1920/551;object-fit:cover;border-radius:14px}

.kta .kta-reading{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:80px;margin-top:56px;align-items:start}
.kta .kta-prose{max-width:760px}
.kta .kta-prose section{margin-bottom:40px}
.kta .kta-prose h2{font-family:"Noto Serif",Georgia,serif;font-weight:400;font-size:28px;line-height:1.3;margin:0 0 14px;color:var(--kta-ink)}
.kta .kta-prose p{font-size:17px;line-height:1.85;color:var(--kta-muted);margin:0}

.kta .kta-side{background:#e8edf9;border-top:4px solid var(--kta-blue);border-radius:4px;padding:28px 30px;position:sticky;top:120px}
.kta .kta-side h3{font-family:"Noto Serif",Georgia,serif;font-weight:400;font-size:28px;line-height:1.25;margin:0 0 16px;color:var(--kta-ink)}
.kta .kta-side p{font-size:16px;line-height:1.7;color:#4a5668;margin:0 0 22px}
.kta .kta-side .kta-eyebrow{margin-bottom:16px}
.kta .kta-btn{display:inline-block;background:var(--kta-blue);color:#fff;font-weight:600;padding:16px 22px;border-radius:3px;text-decoration:none}
.kta .kta-btn:hover{background:#243c79;color:#fff}
.kta .kta-link{display:block;margin-top:22px;color:var(--kta-ink);text-decoration:none;font-size:15px}
.kta .kta-link:hover{color:var(--kta-blue)}

@media (max-width:900px){
  .kta .kta-reading{grid-template-columns:1fr;gap:40px}
  .kta .kta-side{position:static}
  .kta .kta-intro h1{letter-spacing:-.8px}
}

/* Stripe express dugmad na stranici proizvoda: uža */
.single-product #wc-stripe-express-checkout-element,
.single-product #wc-stripe-payment-request-wrapper{
  max-width:360px;
}

/* ======================================================
/* galerija proizvoda: kvadratne, neizdužene slićice 
=========================================================*/
.single-product .thumbs-position-left .wd-gallery-thumb .wd-carousel-item img{
  aspect-ratio:1 / 1;
  height:auto !important;
  width:100%;
  object-fit:contain;      /* cela slika se vidi; "cover" ako želiš da popuni kvadrat i odseče ivice */
  background:#fff;
}

/* vertikalne slićice: jedna ispod druge, bez razvlačenja po visini velike slike */
@media (min-width:1025px){
  .single-product .thumbs-position-left .wd-gallery-thumb,
  .single-product .thumbs-position-left .wd-gallery-thumb .wd-carousel,
  .single-product .thumbs-position-left .wd-gallery-thumb .wd-carousel-inner{
    height:auto !important;
  }
  .single-product .thumbs-position-left .wd-gallery-thumb .wd-carousel-wrap{
    display:flex; flex-direction:column; justify-content:flex-start;
    transform:none !important;
  }
  .single-product .thumbs-position-left .wd-gallery-thumb .wd-carousel-item{
    height:auto !important; flex:0 0 auto !important;
  }
}
/* Stranica proizvoda, desktop: galerija i opis po pola (6 + 6 od 12 kolona) */
@media (min-width:1025px){
  .single-product .product-images.wd-grid-col{
    --wd-col-lg:6 !important;
  }
  .single-product .product-images.wd-grid-col ~ .wd-grid-col{
    --wd-col-lg:6 !important;
  }
}
/* ====================================================
 * STRANICA ISPORUKA I PLAĆANJE 
 * ====================================================*/
.kt-ship{background:#f8f6f0;color:#263040;font-family:'Noto Sans',sans-serif;padding:70px 0 90px}
.kt-ship *{box-sizing:border-box}
.kt-ship .kt-wrap{max-width:1260px;margin:0 auto;padding:0 24px}
.kt-ship .kt-eyebrow{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#3156b8;margin:0 0 22px}
.kt-ship h1{font-family:'Noto Serif',Georgia,serif;font-weight:400;font-size:clamp(38px,5.2vw,64px);line-height:1.15;letter-spacing:-1.5px;margin:0 0 28px;color:#263040}
.kt-ship h1 em{color:#3156b8;font-style:italic}
.kt-ship .kt-lead{font-size:18px;line-height:1.75;color:#3d4655;max-width:780px;margin:0 0 70px}
.kt-ship .kt-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:90px;align-items:start}
.kt-ship .kt-prose section{margin:0 0 42px}
.kt-ship .kt-prose h2{font-family:'Noto Serif',Georgia,serif;font-weight:400;font-size:28px;line-height:1.4;letter-spacing:-.8px;margin:0 0 15px;color:#263040}
.kt-ship .kt-prose p{font-size:17px;line-height:1.85;color:#3d4655;margin:0;max-width:760px}
.kt-ship .kt-side{background:#e9edf8;border-top:3px solid #3156b8;padding:34px 30px 36px;position:sticky;top:110px}
.kt-ship .kt-side .kt-eyebrow{font-size:13px;color:#4a5568;margin:0 0 22px}
.kt-ship .kt-side h3{font-family:'Noto Serif',Georgia,serif;font-weight:400;font-size:25px;line-height:1.25;margin:0 0 18px;color:#263040}
.kt-ship .kt-side p{font-size:16px;line-height:1.7;color:#3d4655;margin:0 0 22px}
.kt-ship .kt-btn{display:inline-flex;align-items:center;background:#3156b8;color:#fff!important;font-weight:600;font-size:16px;padding:16px 22px;border-radius:2px;text-decoration:none!important;margin-bottom:22px}
.kt-ship .kt-btn:hover{background:#243c79}
.kt-ship .kt-link{display:block;color:#263040!important;font-size:16px;text-decoration:none!important}
.kt-ship .kt-link:hover{color:#3156b8!important}

@media(max-width:900px){
 .kt-ship{padding:44px 0 60px}
 .kt-ship .kt-lead{margin-bottom:44px;font-size:16px}
 .kt-ship .kt-layout{grid-template-columns:1fr;gap:40px}
 .kt-ship .kt-prose h2{font-size:24px}
 .kt-ship .kt-prose p{font-size:16px}
 .kt-ship .kt-side{position:static}
}

/* =============================================
 * STRANICA POLITIKA PRIVATNOSTI 
 * =============================================*/
.kt-priv{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);background:#f8f6f0;color:#4a5468;font-family:'Noto Sans',sans-serif;font-size:16px;line-height:1.95;padding:56px 0 72px}
.kt-priv *{box-sizing:border-box}
.kt-priv-wrap{max-width:1300px;margin:0 auto;padding:0 20px}

.kt-priv .kt-priv-eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;line-height:1.4;color:#3156b8;margin:0 0 22px}
.kt-priv h1{font-family:'Noto Serif',serif;font-weight:400;font-size:clamp(34px,5vw,56px);line-height:1.2;color:#263040;margin:0 0 28px;max-width:900px}
.kt-priv h1 em{font-style:italic;color:#3156b8}
.kt-priv .kt-priv-lead{font-size:18px;line-height:1.7;color:#4a5468;margin:0 0 56px}

.kt-priv-grid{display:grid;grid-template-columns:minmax(0,760px) 320px;justify-content:space-between;gap:64px;align-items:start}
.kt-priv-prose section{margin-bottom:36px}
.kt-priv h2{font-family:'Noto Serif',serif;font-weight:400;font-size:28px;line-height:1.3;color:#263040;margin:0 0 14px}
.kt-priv-prose p{margin:0 0 12px}
.kt-priv-prose ul{margin:0 0 12px 22px;padding:0}
.kt-priv-prose li{margin-bottom:6px}
.kt-priv-prose a{color:#3156b8}
.kt-priv-prose strong{color:#263040}

.kt-priv-legal{border-top:1px solid #e2e2da;margin-top:12px;padding-top:44px}
.kt-priv-legal h2{font-size:26px}
.kt-priv-card{background:#fff;border:1px solid #e2e2da;border-radius:4px;padding:18px 22px;margin:8px 0 12px}
.kt-priv-card p{margin:0 0 6px;line-height:1.7}
.kt-priv-card p:last-child{margin:0}

.kt-priv-side{position:sticky;top:110px;background:#e9eef8;border-top:3px solid #3156b8;border-radius:4px;padding:30px}
.kt-priv-side .kt-priv-eyebrow{color:#3d4a5c;margin-bottom:18px}
.kt-priv-side h3{font-family:'Noto Serif',serif;font-weight:400;font-size:28px;line-height:1.15;color:#263040;margin:0 0 18px}
.kt-priv-side p{font-size:16px;line-height:1.55;margin:0 0 22px}
.kt-priv-side .kt-priv-btn{display:inline-block;background:#3156b8;color:#fff;font-weight:700;line-height:1.2;text-decoration:none;padding:16px 22px;border-radius:3px;margin-bottom:22px}
.kt-priv-side .kt-priv-btn:hover{background:#243c79;color:#fff}
.kt-priv-side .kt-priv-link{display:block;color:#263040;font-size:15px;line-height:1.4;text-decoration:none}

@media(max-width:991px){
  .kt-priv-grid{grid-template-columns:1fr;gap:40px}
  .kt-priv-side{position:static}
}
@media(max-width:767px){
  .kt-priv{padding:36px 0 48px}
  .kt-priv .kt-priv-lead{font-size:16px;margin-bottom:36px}
  .kt-priv h2,.kt-priv-legal h2{font-size:23px}
  .kt-priv-side h3{font-size:24px}
}

/* ======================================
 * STRANICA ČESTA PITANJA
 * ======================================*/
/* ===== Zaglavlje ===== */
.tj-faq-intro {
  max-width: 850px;
  margin: 0 auto;
  padding: 30px 0 50px;
}

.tj-faq-intro .tj-eyebrow {
  margin: 0 0 22px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #3156b8;
}

.tj-faq-intro h1 {
  margin: 0 0 24px;
  font-family: Georgia, "Noto Serif", "Times New Roman", serif;
  font-size: 56px;
  font-weight: 400;
  line-height: 1.15;
  color: #263040;
}

.tj-faq-intro h1 em {
  font-style: italic;
  color: #3156b8;
}

.tj-faq-intro .tj-lead {
  margin: 0;
  font-size: 18px;
  line-height: 1.6;
  color: #4a5568;
}

/* ===== FAQ ===== */
.tj-faq {
  max-width: 850px;
  margin: 0 auto;
}

.tj-faq details {
  border-bottom: 1px solid #e3ddd3;
  padding: 24px 0;
}

.tj-faq details:first-child {
  border-top: 1px solid #e3ddd3;
}

.tj-faq summary {
  position: relative;
  display: block;
  padding-left: 28px;
  cursor: pointer;
  list-style: none;
  font-size: 18px;
  line-height: 1.6;
  color: #263040;
}

.tj-faq summary::-webkit-details-marker {
  display: none;
}
.tj-faq summary::marker {
  content: "";
}

.tj-faq summary::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 12px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #263040;
  transition: transform 0.2s ease;
}

.tj-faq details[open] > summary::before {
  transform: rotate(90deg);
}

.tj-faq details p {
  margin: 14px 0 0;
  padding-left: 28px;
  font-size: 16px;
  line-height: 1.7;
  color: #6b716f;
}

@media (max-width: 767px) {
  .tj-faq-intro h1 { font-size: 36px; }
  .tj-faq-intro .tj-lead { font-size: 16px; }
  .tj-faq summary { font-size: 16px; }
  .tj-faq details p { font-size: 15px; }
}
/* ========================================
/* footer: društvene mreže u jednom redu 
===========================================*/
.kt-footer .kt-social{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center;
  gap:12px;
}
.kt-footer .kt-social a{flex:0 0 auto}

/* ===============================================================
 * /* Povezani proizvodi: razmak, ujednačene kartice, cele slike 
==================================================================*/
/* 1. kartice iste visine */
.single-product .related-and-upsells .wd-carousel-wrap{align-items:stretch}
.single-product .related-and-upsells .wd-carousel-item{display:flex; height:auto}
.single-product .related-and-upsells .wd-carousel-item .wd-product{
  display:flex; flex-direction:column; width:100%; height:100%;
  margin-inline:12px;             /* razmak između kartica */
}

/* 2. slika cela vidljiva i malo manja */
.single-product .related-and-upsells .wd-product .product-element-top{
  aspect-ratio:1 / 1;
  background:#fff;
  padding:18px;                   /* veći padding = manja slika u okviru */
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}
.single-product .related-and-upsells .wd-product .product-image-link{
  display:flex; align-items:center; justify-content:center;
  width:100%; height:100%;
}
.single-product .related-and-upsells .wd-product .product-element-top img{
  width:100%; height:100%; object-fit:contain;
}

/* 3. donji red (cena + dugme) uvek na dnu kartice */
.single-product .related-and-upsells .wd-product .product-element-bottom,
.single-product .related-and-upsells .wd-product .wd-product-info{flex:1 1 auto}

/* ================================================
 * PREKIDAČ ZA LAT/ĆIR
 * ================================================*/
.kt-script {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  background: #f8f6f0;
  border: 1px solid #d8cdbf;
  border-radius: 999px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .06em;
  line-height: 1;
  white-space: nowrap;
}
.kt-script span {
  display: none;
}
.kt-script a {
  padding: 6px 11px;
  border-radius: 999px;
  color: #6b716f;
  text-decoration: none;
  transition: background .2s, color .2s;
}
.kt-script a:hover {
  color: #3156b8;
}
.kt-script a.is-active,
.kt-script a.is-active:hover {
  background: #3156b8;
  color: #fff;
  box-shadow: 0 1px 3px rgba(36, 60, 121, .25);
}
@media (max-width: 767px) {
  .kt-script a {
    padding: 5px 9px;
    font-size: 11px;
  }
}

/* =======================================================================
 * /* uski telefoni (do 410 px): manji ЋИР/LAT prekidač, da korpa stane 
=========================================================================*/
@media (max-width:410px){

  /* prekidač */
  .whb-header .kt-script{
    padding:2px !important;
    gap:0 !important;
    margin-right:2px !important;
  }
  .whb-header .kt-script a{
    font-size:11px !important;
    padding:4px 8px !important;
    min-width:0 !important;
    line-height:1.2 !important;
  }
  .whb-header .kt-script span{display:none !important}   /* skriva "|" ako se vidi */

  /* korpa: manje bočnog razmaka */
  .whb-header .wd-header-cart .wd-tools-element > a{
    padding-inline:4px !important;
  }

  /* manje bočnog razmaka u zaglavlju i manji logo */
  .whb-general-header .container{
    padding-inline:8px !important;
  }
  .whb-header .site-logo img{
    max-width:120px !important;
    height:auto;
  }
}
@media (max-width:380px){
  .whb-header .wd-tools-text{display:none !important}
}

/* ========================================================================
/* kartice proizvoda: red sa cenom i dugmetom uvek na dnu, u istoj ravni 
==========================================================================*/
.wd-loop-builder-on .wd-product {
  display: flex;
  flex-direction: column; /* <-- Dodato da bi checkbox otišao ispod dugmeta i cene */
}
.wd-loop-builder-on .wd-product .wd-product-wrapper {
  display: flex !important;
  flex-direction: column !important;
  flex: 1 1 auto;
  width: 100%;
  height: 100%;
}
.wd-loop-builder-on .wd-product .kt-card-desc {
  flex: 1 1 auto;          /* opis popunjava slobodan prostor */
  margin-bottom: 16px;
}
.wd-loop-builder-on .wd-product .kt-price-row {
  margin-top: auto !important;   /* uvek na dnu kartice */
}

/* ===============================================================================
 * Baner "Први пут бирате тамјан?": vraća stil koji je pregazio .kt-guide wrapper ================================================================================ */
section.kt-guide{
  display:flex !important;
  flex-direction:row !important;
  align-items:center;
  gap:30px;
  width:100% !important;
  max-width:none;
  margin:0 !important;
  padding:30px 40px;
  background:#3156b8 !important;
  color:#fff !important;
  border-radius:7px;
  font-family:"Noto Sans",Arial,sans-serif;
}
section.kt-guide .kt-guide__icon{
  flex:0 0 80px;
  width:80px; height:80px;
  display:flex; align-items:center; justify-content:center;
  border:1px solid rgba(255,255,255,.3);
  border-radius:50%;
  font:58px Georgia,serif;
  color:#ddd3ae;
}
section.kt-guide .kt-guide__text{flex:1 1 auto; min-width:0}
section.kt-guide .kt-guide__eyebrow{
  display:block; margin:0 0 10px;
  font-size:12px; font-weight:600; letter-spacing:1.5px; text-transform:uppercase;
  color:#dce4f9;
}
section.kt-guide .kt-guide__title{
  margin:0 0 8px;
  font-family:"Noto Serif",Georgia,serif; font-weight:400;
  font-size:28px; line-height:1.25;
  color:#fff !important;
}
section.kt-guide .kt-guide__sub{
  margin:0; font-size:14px; line-height:1.6; color:#e0e7fa;
}
section.kt-guide .kt-guide__btn{
  margin-left:auto; white-space:nowrap;
  display:inline-flex; align-items:center; justify-content:center;
  padding:14px 21px; min-height:46px;
  border-radius:4px;
  background:#fff; color:#243c79 !important;
  font-size:14px; font-weight:600; text-decoration:none;
  transition:background .2s;
}
section.kt-guide .kt-guide__btn:hover{background:#f8f6f0; color:#3156b8 !important}

@media(max-width:1000px){
  section.kt-guide .kt-guide__icon{display:none}
}
@media(max-width:760px){
  section.kt-guide{flex-direction:column !important; align-items:flex-start; padding:25px}
  section.kt-guide .kt-guide__title{font-size:25px}
  section.kt-guide .kt-guide__btn{margin-left:0; width:100%}
}

/* ========================================================
 * /* Stil za Sajamski Baner - Kuća Tamjana 
 * ========================================================*/
.sajam-banner-container {
    width: 100%;
    max-width: 1100px;
    margin: 30px auto;
    padding: 24px 30px;
    background-color: #fcfbfa; /* Nežna krem pozadina */
    border: 1px solid #e8e4de; /* Diskretan okvir */
    border-left: 4px solid #c5a880; /* Zlatno-bronzani akcenat sa leve strane */
    border-radius: 4px;
    font-family: inherit; /* Preuzima postojeći font sa sajta */
    box-sizing: border-box;
}

.sajam-banner-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.sajam-banner-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #c5a880;
    width: 50px;
    height: 50px;
    flex-shrink: 0;
}

.sajam-banner-icon stroke {
    color: #c5a880;
}

.sajam-banner-text {
    flex-grow: 1;
    text-align: left;
}

.sajam-tag {
    display: inline-block;
    font-size: 11px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    color: #c5a880;
    font-weight: 600;
    margin-bottom: 6px;
}

.sajam-banner-text h2 {
    font-size: 20px;
    color: #2c2c2c;
    margin: 0 0 6px 0;
    font-weight: 500;
    line-height: 1.3;
}

.sajam-banner-text p {
    font-size: 14px;
    color: #666666;
    margin: 0 0 8px 0;
    line-height: 1.4;
}

.sajam-location {
    display: block;
    font-size: 12px;
    font-style: italic;
    color: #888888;
}

.sajam-banner-action {
    flex-shrink: 0;
}

.sajam-btn-pdf {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #2c2c2c; /* Tamna boja koja prati elemente sajta */
    color: #ffffff !important;
    text-decoration: none;
    padding: 12px 24px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 4px;
    transition: background-color 0.2s ease, transform 0.2s ease;
}

.sajam-btn-pdf:hover {
    background-color: #c5a880; /* Prelazak u zlatnu boju na hover */
    transform: translateY(-1px);
}


/* Prilagođavanje za ekrane ispod 1500px (prebacivanje dugmeta ispod teksta) */
@media (max-width: 1500px) {
    .sajam-banner-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 20px;
    }
    
    .sajam-banner-icon {
        margin: 0 auto;
    }

    .sajam-banner-text {
        text-align: center;
        flex-grow: 0;
        width: 100%;
    }
    
    .sajam-banner-action {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .sajam-btn-pdf {
        width: auto; /* Dugme zadržava svoju širinu, ali je centrirano */
        justify-content: center;
    }
}

/* Dodatno prilagođavanje za mobilne telefone (ispod 576px) ako želiš da dugme bude preko celog ekrana */
@media (max-width: 576px) {
    .sajam-btn-pdf {
        width: 100%;
    }
}


/* ================================
 * Stil za sifru proizvoda 137/138
 ================================== */
 .kt-sku{
  margin-top:4px;
	margin-bottom:12px;   /* razmak do "Упореди производ" */
  font-size:12px;
  line-height:1.4;
  color:#6b716f;
}

/* ===========================================================================
 širina sadržaja kao u mockupu: hero 1260px (container 1290 - 2x15 padding) 
==============================================================================*/
html:root{
  --wd-container-w:1290px !important;
}

/* ==============================================================
/* ===== Meni: centriran, a ispod 1300px u dva uravnotežena reda
  =============================================================== */
@media (min-width:1025px){
  .whb-header-bottom .whb-header-bottom-inner{justify-content:center !important}
  .whb-header-bottom .whb-col-left{flex:0 1 auto; justify-content:center}
}

@media (min-width:1025px) and (max-width:1300px){
  /* red menija raste sa sadržajem (dva reda ne smeju da prelaze preko linije i hero sekcije) */
  .whb-header-bottom,
  .whb-header-bottom .container,
  .whb-header-bottom .whb-header-bottom-inner{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
  }
  .whb-header-bottom .whb-header-bottom-inner{padding-block:8px}

  .whb-header-bottom .wd-nav-main{
    display:flex !important;
    flex-wrap:wrap;
    justify-content:center;
    max-width:1000px;         /* određuje gde se red lomi */
    margin-inline:auto;
    row-gap:0;
  }
  .whb-header-bottom .wd-nav-main > li > a{
    height:auto !important;
    min-height:0 !important;
    padding-block:9px !important;
    line-height:1.4 !important;
  }
}

/* ===== Razmak između menija i hero sekcije (samo početna, desktop) ===== */
@media (min-width:1025px){
  body.home .main-page-wrapper{
    margin-top:0 !important;
    padding-top:30px !important;
  }
}

/* ===== Ispod 1230px: sakrij "САВЕТ ПРЕ КУПОВИНЕ + телефон" da korpa ostane vidljiva ===== */
@media (max-width:1230px){
  .wd-header-text:has(.savet-pre-kupovine){display:none !important}
}

/* ============================================
 * NOVI DIYAJN KARTICE PROIZVOD
 * ============================================
 /* 1.Ознака iznad naslova */
.kt-eyebrow-tag{
  font-size:13px;
	font-weight:700;
	letter-spacing:.14em;
	text-transform:uppercase;
  color:#6b716f;
	margin-bottom:10px;
}

/* 2.Наслов и кратак опис */
.single-product .product_title{
  font-family:"Noto Serif",serif;
	font-size:44px;
	line-height:1.1;
	color:#263040;
	margin-bottom:14px;
}
.single-product .woocommerce-product-details__short-description{
  font-size:20px;
	line-height:1.5;
	color:#3b4454;
	margin-bottom:20px;
}

/* 3.Сакриј "од 990 дин." изнад варијација (цена се види тек после избора) */
.single-product .summary > p.price,
.single-product .summary-inner > p.price{display:none;}

/* 4.Подаци у 2 колоне */
.kt-facts{
  display:grid;
	grid-template-columns:1fr 1fr;
	gap:18px 30px;
	margin:0 0 24px;
}
.kt-facts dt{
	font-size:13px;
	color:#6b716f;
	margin:0 0 4px;
	font-weight:400;
}
.kt-facts dd{
	font-size:17px;
	color:#263040;
	margin:0;
	font-weight:500;
	/*min-height:1.5em;*/
}

/* 5.Избор паковања */
.kt-sizes-label{font-size:15px;color:#6b716f;margin:0 0 10px;}
.kt-sizes{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px;}
.kt-size{
  padding:10px 18px;border:1px solid #e2e2da;background:#fff;color:#263040;
  border-radius:4px;font-size:17px;cursor:pointer;line-height:1.2;
}
.kt-size.active{border-color:#3156b8;background:#edf1fb;color:#3156b8;}
.kt-hide-variations{display:none !important;}

/* 6.Цена после избора */
.single-product .woocommerce-variation-price .price,
.single-product .woocommerce-variation-price .price .amount{
  font-size:32px;font-weight:600;color:#263040;
}
.single-product .single_variation_wrap .woocommerce-variation-description{display:none;}

@media(max-width:600px){
  .single-product .product_title{font-size:34px;}
  .kt-facts{gap:14px 20px;}
}

/* Одмах сакриј стари падајући мени (без треперења) */
.single-product form.variations_form table.variations{display:none !important;}

/* Резервиши место за дугмад док се JS не учита */
.single-product form.variations_form:not(.kt-ready)::before{
  content:"";display:block;height:95px;
}

/* Празна шифра се не приказује */
.kt-facts .kt-empty{display:none;}

/* ==================================================
 * /* Desktop: мања слика производа (као на мокапу) 
====================================================*/
@media (min-width:1025px){
  .single-product .woocommerce-product-gallery .wd-carousel-wrap,
  .single-product .woocommerce-product-gallery .wd-carousel-item{
    height:auto !important;
  }
  .single-product .woocommerce-product-gallery__image img{
    max-height:450px !important;
    width:auto !important;
    max-width:100%;
    margin:0 auto;
    object-fit:contain;
  }

  /* Порекло и Шифра ближе првој колони */
  .kt-facts{
    grid-template-columns:275px 1fr;
    column-gap:30px;
  }
}

/* ==============================
 * PILULE SA KATEGORIJAMA NA POCETNOJ
 * ===================================*/
/* ===== [kt_izbor] – filter kategorija na početnoj ===== */
.e-con:has(> .elementor-widget-shortcode #kt-izbor){flex-direction:column !important;align-items:stretch !important}
.elementor-widget-shortcode:has(#kt-izbor){width:100% !important;max-width:100% !important;flex:1 1 100% !important}
#kt-izbor,
#kt-izbor .kt-izbor-grid,
#kt-izbor .kt-izbor-grid .woocommerce,
#kt-izbor .kt-izbor-grid .wd-products-element,
#kt-izbor .kt-izbor-grid .products{
  width:100% !important;
  max-width:100% !important;
  flex:1 1 100% !important;
}

/* razmak do plavog banera ispod */
#kt-izbor{margin-bottom:56px}

/* pilule + sortiranje u istom redu */
#kt-izbor .kt-tools{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}
#kt-izbor .kt-filters{display:flex;flex-wrap:wrap;gap:10px;margin:0;flex:1 1 auto}
#kt-izbor .kt-filters button{
  background:transparent !important;
  border:1px solid #e2e2da !important;
  border-radius:30px !important;
  box-shadow:none !important;
  text-transform:none !important;
  letter-spacing:0 !important;
  font-weight:400 !important;
  font-size:14px !important;
  line-height:1.3 !important;
  min-height:0 !important;
  padding:9px 20px !important;
  color:#263040 !important;
  cursor:pointer;
  transition:.2s;
}
#kt-izbor .kt-filters button:hover{border-color:#243c79 !important}
#kt-izbor .kt-filters button.active{
  background:#243c79 !important;
  border-color:#243c79 !important;
  color:#fff !important;
}

/* sortiranje */
#kt-izbor .kt-sort{display:flex;align-items:center;gap:8px;margin:0;padding-top:8px;white-space:nowrap;flex:0 0 auto;font-size:14px;color:#6b716f}
#kt-izbor .kt-sort select{
  border:0 !important;
  background-color:transparent !important;
  box-shadow:none !important;
  color:#263040 !important;
  font-size:14px !important;
  font-family:'Noto Sans',sans-serif;
  height:auto !important;
  min-height:0 !important;
  width:auto !important;
  padding:2px 22px 2px 6px !important;
  cursor:pointer;
}

/* brojač */
#kt-izbor .kt-count{font-size:12px;font-family:'Noto Sans',sans-serif;color:#6b716f;margin:18px 0 12px}

/* mreža kartica: sve iste visine, cena i dugme na dnu */
#kt-izbor .kt-izbor-grid{display:block !important;transition:opacity .2s}
#kt-izbor .kt-izbor-grid .products{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:30px !important;
  align-items:stretch !important;
}
#kt-izbor .kt-izbor-grid .products > .wd-product,
#kt-izbor .kt-izbor-grid .products > .product{
  width:auto !important;
  max-width:none !important;
  margin:0 !important;
  height:auto !important;
  align-self:stretch !important;
  display:flex !important;
  flex-direction:column !important;
}
#kt-izbor .kt-izbor-grid .wd-product-wrapper{
  flex:1 1 auto !important;
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
}
#kt-izbor .kt-izbor-grid .kt-price-row{margin-top:auto !important}

@media (max-width:1024px){
  #kt-izbor .kt-izbor-grid .products{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:20px !important}
}
@media (max-width:767px){
  #kt-izbor .kt-tools{flex-direction:column;gap:10px}
  #kt-izbor .kt-sort{padding-top:0}
}
@media (max-width:640px){
  #kt-izbor .kt-izbor-grid .products{grid-template-columns:minmax(0,1fr) !important;gap:14px !important}
  #kt-izbor .kt-filters button{padding:8px 16px !important;font-size:13px !important}
}

/* ===============================
 *  Gornja plava traka iynad menija
 * =============================== */

/* ispod 1030px: tekst centriran */
/*@media (max-width:1030px){
  .whb-top-bar .whb-column{justify-content:center}
  .whb-top-bar .wd-header-text{
    width:100%;
    text-align:center;
  }
}
*/
/* ===== Gornja traka: tekst centriran na svim širinama (desktop i mobilni) ===== */
.whb-top-bar .whb-top-bar-inner{
  justify-content:center !important;
}
.whb-top-bar .whb-empty-column{
  display:none !important;
}
.whb-top-bar .whb-column:has(.wd-header-text){
  flex:1 1 100% !important;
  justify-content:center !important;
}
.whb-top-bar .wd-header-text{
  width:100% !important;
  text-align:center !important;
}
.whb-top-bar .wd-header-text > span{
  display:block !important;
  text-align:center !important;
}

/* ispod 420px: dva reda, drugi red je uvek "Испорука и плаћање →" */
@media (max-width:420px){
  .whb-top-bar .whb-top-bar-inner{
    height:auto !important;
    min-height:40px;
    padding-block:6px;
  }
  .whb-top-bar .wd-header-text strong{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:2px;
    font-size:12px;
    line-height:1.4;
  }
}

/* ===============================================
 * /* ===== 
	  * U KAETGORIJAMA NA STRANICAMA 
	  * TEKSTOVI NASLOVA (menjaj samo ovde) ===== 
=================================================*/
:root{
  --kt-eyebrow: "ПАЖЉИВО ОДАБРАНО · ОКТОБАР 2026";
  --kt-shop-black: "Сваки избор има";
  --kt-shop-blue: "своју причу.";
  --kt-cat-blue: "Изаберите са поверењем.";
  --kt-blue: #243C7A;
}

/* ===== Zajedničko: mali plavi tekst iznad naslova ===== */
.tax-product_cat .elementor-widget-wd_shop_archive_woocommerce_title .elementor-widget-container::before,
.post-type-archive-product .elementor-widget-wd_shop_archive_woocommerce_title .elementor-widget-container::before{
  content: var(--kt-eyebrow);
  display: block;
  margin-bottom: 12px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .12em;
  color: var(--kt-blue);
}

/* ===== Kategorije: crni naziv kategorije + plavi kurziv ispod ===== */
.tax-product_cat h1.entry-title.title{
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.25;
}
.tax-product_cat h1.entry-title.title::after{
  content: var(--kt-cat-blue);
  display: block;
  font-style: italic;
  font-weight: 400;
  color: var(--kt-blue);
}

/* ===== Glavna prodavnica (Сви производи) ===== */
.post-type-archive-product h1.entry-title.title{
  font-size: 0;
  line-height: 0;
}
.post-type-archive-product h1.entry-title.title::before,
.post-type-archive-product h1.entry-title.title::after{
  display: block;
  font-size: clamp(34px, 4vw, 56px);
  line-height: 1.25;
}
.post-type-archive-product h1.entry-title.title::before{
  content: var(--kt-shop-black);
  color: var(--wd-title-color);
}
.post-type-archive-product h1.entry-title.title::after{
  content: var(--kt-shop-blue);
  font-style: italic;
  font-weight: 400;
  color: var(--kt-blue);
}

/* ============================================
* BRISEM UPOREDI-WHISHLIST-SIFRA-KATEGORIJA-OYNAKA ISPOD GPAY
===============================================*/
 * /* само шифра */
.single-product .product_meta .sku_wrapper{display:none !important;}

/* само категорија */
.single-product .product_meta .posted_in{display:none !important;}

/* само ознака */
.single-product .product_meta .tagged_as{display:none !important;}
/* Сакриј Упореди и Wishlist на страници производа */
.single-product .summary .wd-compare-btn,
.single-product .summary .wd-wishlist-btn{
  display:none !important;
}

/* =======================================================
 * NOVI CSS ZA UPOREDI PROIZVODE CHECK BOX 
 * =====================================================*/
 .kt-cmp-check{display:flex;align-items:center;gap:10px;margin:0;padding:6px 18px 18px;font-family:"Noto Sans",Arial,sans-serif;font-size:14px;font-weight:400;color:#6b716f;text-transform:none;cursor:pointer}
.kt-cmp-check input{width:16px;height:16px;margin:0;accent-color:#3156b8;cursor:pointer}
.kt-cmp-check input:disabled{cursor:not-allowed}
.kt-cmp-check:has(input:disabled){opacity:.5;cursor:not-allowed}

.kt-cmp-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;width:100%;margin:22px 0 0;font-family:"Noto Sans",Arial,sans-serif}
.kt-cmp-hint{font-size:11px;color:#6b716f}
.kt-cmp-go{background:none;border:0;padding:6px 0;font-family:inherit;font-size:14px;font-weight:400;text-transform:none;letter-spacing:normal;color:#263040;cursor:pointer}
.kt-cmp-go:disabled{color:#a8aaa6;cursor:default}

.kt-cmp-overlay{position:fixed;inset:0;background:rgba(38,48,64,.55);display:none;align-items:center;justify-content:center;padding:20px;z-index:99999;overflow:auto}
.kt-cmp-overlay.is-open{display:flex}
.kt-cmp{position:relative;width:100%;max-width:900px;max-height:calc(100vh - 40px);overflow:auto;background:#f8f6f0;border-radius:12px;padding:44px 44px 32px;box-sizing:border-box;font-family:"Noto Sans",Arial,sans-serif;color:#263040}
.kt-cmp button,.kt-cmp a{text-transform:none!important;letter-spacing:normal}
.kt-cmp__close{position:absolute;top:18px;right:22px;background:none;border:0;font-size:28px;line-height:1;color:#6b716f;cursor:pointer;padding:4px 8px}
.kt-cmp__eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#3156b8;margin:0 0 12px;font-weight:700}
.kt-cmp__title{font-family:"Noto Serif",Georgia,serif;font-size:34px;font-weight:400;line-height:1.2;margin:0 0 22px;color:#263040}
.kt-cmp__wrap{overflow-x:auto}
.kt-cmp__table{width:100%;min-width:560px;border-collapse:collapse;font-size:14px;line-height:1.5}
.kt-cmp__table th,.kt-cmp__table td{padding:16px 12px;text-align:left;vertical-align:top;border:0;border-bottom:1px solid #e2e2da}
.kt-cmp__table thead th{background:#eef0e8;font-weight:600}
.kt-cmp__table tbody th{width:170px;background:#eef0e8;font-weight:600;font-size:13px}
.kt-cmp__table td{font-weight:400;color:#263040}
.kt-cmp__link{color:#3156b8!important;text-decoration:underline}
.kt-cmp__note{font-size:14px;color:#6b716f;margin:18px 0 0}
@media(max-width:767px){.kt-cmp{padding:44px 16px 24px}.kt-cmp__title{font-size:26px}}
.kt-cmp__table th{
  font-family:"Noto Sans",Arial,sans-serif;
  text-transform:none;
  letter-spacing:normal;
}
.kt-cmp__table thead th{font-size:14px}

/* ============================================
 * DIZAJN ZA FILTERE DODATNE NA POCETNOJ STRANI
 * ==========================================*/
 * .kt-refine{
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(0,1.1fr) minmax(0,1.1fr) auto;
  gap:18px;
  align-items:end;
  background:#e9eefa;
  border-radius:8px;
  padding:22px 22px;
  margin:20px 0 24px;
}
.kt-refine__field{display:block;margin:0;font-size:14px;color:#263040}
.kt-refine__field span{display:block;font-size:14px;color:#263040}
.kt-refine select{
  display:block;
  width:100%;
  min-width:0;
  height:auto;
  background:#fff;
  border:1px solid #bac7e0;
  border-radius:4px;
  padding:12px 10px;
  margin-top:7px;
  font-size:14px;
  color:#263040;
}
.kt-refine__reset{
  align-self:end;
  padding:12px 6px;
  font-size:14px;
  color:#263040;
  white-space:nowrap;
}
.kt-refine__reset:hover{color:#3156b8}

@media (max-width:900px){
  .kt-refine{grid-template-columns:1fr 1fr}
  .kt-refine__reset{grid-column:1 / -1;text-align:center}
}
@media (max-width:560px){
  .kt-refine{grid-template-columns:1fr;padding:16px}
}

/* ===================================================
 * /* ===== Order received (thank you) stranica ===== 
======================================================*/
/* 1) Poruka "Хвала вам. Ваша поруџбина је примљена." */
.wd-builder-off .woocommerce-order .woocommerce-thankyou-order-received {
  font-size: clamp(16px, 4.2vw, 20px);
  line-height: 1.4;
  font-weight: 600;
  padding: 16px 18px;
  margin-bottom: 24px;
  border-width: 1px;
  border-radius: 8px;
}

/* 2) Pregled porudžbine (broj, datum, ukupno, način plaćanja) */
.woocommerce-order-overview {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  margin: 0 0 32px;
  padding: 0;
  list-style: none;
}
.woocommerce-order-overview li {
  display: block;
  margin: 0;
  padding: 14px 10px;
  font-size: 13px;
  line-height: 1.4;
  text-transform: none;
  letter-spacing: 0;
  text-align: center;
}
.woocommerce-order-overview li strong {
  display: block;
  margin-top: 4px;
  font-size: 15px;
  font-weight: 700;
  word-break: break-word;
}

/* 3) Naslovi sekcija (Детаљи поруџбине, Адреса за наплату, Адреса за доставу) */
.woocommerce-order-details__title,
.woocommerce-column__title {
  font-size: clamp(18px, 5vw, 22px);
  line-height: 1.3;
  margin-bottom: 14px;
}

/* 4) Tabela sa detaljima porudžbine */
.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
  font-size: 14px;
  line-height: 1.4;
  padding: 12px 8px;
}
.woocommerce-table--order-details thead th {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.woocommerce-table--order-details tfoot th {
  font-weight: 600;
}

/* 5) Adrese – bez kurziva, manji tekst */
.woocommerce-customer-details address {
  font-style: normal;
  font-size: 14px;
  line-height: 1.7;
  padding: 14px 16px;
  border-radius: 8px;
  word-break: break-word;
}
.woocommerce-customer-details .woocommerce-column {
  margin-bottom: 24px;
}

/* 6) Malo veći ekrani */
@media (min-width: 768px) {
  .woocommerce-order-overview {
    grid-template-columns: repeat(4, 1fr);
  }
  .woocommerce-order-overview li { font-size: 14px; }
  .woocommerce-order-overview li strong { font-size: 16px; }
  .woocommerce-table--order-details th,
  .woocommerce-table--order-details td { font-size: 15px; }
  .woocommerce-customer-details address { font-size: 15px; }
}

/* ===============================================
 * SAJAM BANER PRELISTAJTE
 * ===============================================*/
.sajam-banner-action{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:center;
}
.sajam-btn-flip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 24px;
  min-height:46px;
  border:1.5px solid #b78a49;
  border-radius:4px;
  background:transparent;
  color:#263040;
  font-size:15px;
  font-weight:500;
  text-decoration:none;
  transition:background .2s, color .2s, transform .2s;
	gap:8px;
}
.sajam-btn-flip:hover{
  background:#b78a49;
  color:#fff;
  transform:translateY(-1px);
}
.sajam-flip-hidden{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  opacity:0;
  pointer-events:none;
}
@media (max-width:600px){
  .sajam-banner-action .sajam-btn-flip,
  .sajam-banner-action .sajam-btn-pdf{
    width:100%;
  }
}
.sajam-banner-cover{
  flex:0 0 auto;
  display:flex;
  justify-content:center;
}
.sajam-banner-cover img{
  display:block;
  width:150px;
  height:auto;
  border-radius:4px;
  box-shadow:0 8px 24px rgba(38,48,64,.18);
}
@media (max-width:600px){
  .sajam-banner-cover img{
    width:170px;
  }
}

/* ==========================================================================
   KUĆA TAMJANA – HEADER I MENI (WoodMart) – KONAČNA VERZIJA
   --------------------------------------------------------------------------
   0.  Boje
   1.  Gornja traka
   2.  Glavni red headera
       2a. Logo – UVEK 260 x 90 (desktop i mobilni)
       2b. Pretraga
   3.  Red sa menijem (plava traka) – stavke kao pilule
   4.  Tablet / mobilni (do 1024px)
       4a. Header u 3 reda: [☰ Меню | logo | ĆIR/LAT | korpa] / [pretraga] / [meni]
       4b. Meni u 2 kolone
       4c. Hamburger fioka
   5.  Uski telefoni
   ========================================================================== */


/* ==========================================================================
   0. BOJE – menjaš na jednom mestu
   ========================================================================== */
:root{
  --kt-blue:#243C7A;   /* plava */
  --kt-sand:#EFE5D2;   /* bež */
}


/* ==========================================================================
   1. GORNJA TRAKA ("ПОВЕРЕЊЕ · КВАЛИТЕТ · ТРАДИЦИЈА")
   ========================================================================== */
.whb-top-bar{
  background:var(--kt-blue)!important;
  border:0!important;
}


/* ==========================================================================
   2. GLAVNI RED HEADERA
   ========================================================================== */

/* Bež pozadina. WoodMart redovima zadaje fiksnu visinu i max-height,
   pa ih poništavamo da se red prilagodi sadržaju. */
.whb-general-header{
  background:var(--kt-sand)!important;
  border:0!important;
  padding:14px 0;
}
.whb-general-header,
.whb-general-header .whb-flex-row,
.whb-header .whb-general-header-inner,
.whb-header .whb-header-bottom-inner{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}

/* ---------- 2a. LOGO: okvir tačno 260 x 90 ---------- */
.whb-general-header .site-logo .wd-logo{
  box-sizing:border-box;
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:260px;
  height:90px;
  /* gore | levo-desno | dole – dole je malo više da tagline ne dodiruje ivicu */
  padding:6px 8px 8px!important;
  border:1px solid var(--kt-blue);
  border-radius:12px;
  background:var(--kt-sand);
  line-height:0;
}
.whb-general-header .site-logo .wd-logo img{
  display:block;
  width:auto!important;
  height:auto!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain;
}

/* ---------- 2b. PRETRAGA (desktop i mobilni) ---------- */
.whb-general-header .searchform input[type="text"]{
  height:46px;
  background:#fff!important;
  border:1px solid rgba(36,60,122,.25)!important;
  border-right:0!important;                  /* spaja se sa dugmetom */
  border-radius:4px 0 0 4px!important;
  font-size:15px;
  padding-inline-start:16px;
}
.whb-general-header .searchform .searchsubmit{
  background:#fff!important;
  border:1px solid rgba(36,60,122,.25)!important;
  border-left:0!important;
  border-radius:0 4px 4px 0!important;
  height:46px;
  width:50px;
}

/* Samo desktop: središnja kolona sa pretragom se širi */
@media (min-width:1025px){
  .whb-general-header .whb-col-center{
    flex:1 1 auto;
    display:flex;
    justify-content:center;
  }
  .whb-general-header .wd-header-search-form{
    flex:1 1 auto;
    width:100%;
    max-width:560px;       /* maksimalna širina pretrage */
  }
  .whb-general-header .wd-header-search-form .searchform{
    width:100%;
  }
}


/* ==========================================================================
   3. RED SA MENIJEM (plava traka)
   Važi za desktop; na mobilnom se raspored prepisuje u 4b
   ========================================================================== */

/* Plava pozadina preko cele širine */
.whb-row:has(.wd-header-main-nav){
  background:var(--kt-blue)!important;
  border:0!important;
}
.whb-header .whb-row:has(.wd-header-main-nav),
.whb-header .whb-row:has(.wd-header-main-nav) .whb-flex-row{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
}
.whb-header .whb-header-bottom-inner{
  display:block!important;
}

/* Kolona i nav zauzimaju celu širinu kontejnera */
.whb-header .whb-row:has(.wd-header-main-nav) .whb-column{
  display:block!important;
  flex:1 1 100%!important;
  width:100%!important;
  max-width:100%!important;
}
.whb-header .wd-header-main-nav{
  display:block!important;
  flex:none!important;
  width:100%!important;
  height:auto!important;
  margin:0!important;
  padding-inline:0!important;
}

/* Stavke: u redu, centrirane, prelamaju se kao cele pilule u novi red */
.whb-header .wd-header-main-nav .wd-nav-main{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center!important;
  align-items:center!important;
  gap:10px 8px!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:14px 0!important;
}
.whb-header .wd-header-main-nav .wd-nav-main > li{
  flex:0 0 auto!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
}

/* Oblik pilule (kao filteri na sajtu). Za blaže uglove stavi 4px umesto 30px. */
.whb-header .wd-header-main-nav .wd-nav-main > li > a.woodmart-nav-link{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:auto!important;
  min-height:0!important;
  padding:10px 16px!important;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:30px!important;
  background:transparent!important;
  white-space:nowrap!important;            /* svaka stavka uvek u jednom redu */
  text-align:center!important;
  transition:background-color .2s ease, border-color .2s ease, color .2s ease;
}

/* Font kao na referentnom sajtu: 13px, velika slova, bela */
.whb-header .wd-header-main-nav .wd-nav-main > li > a .nav-link-text{
  color:#fff!important;
  font-size:13px!important;
  line-height:1.45!important;
  font-weight:500!important;
  letter-spacing:0!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}

/* Hover i aktivna stavka: bež pozadina + plavi tekst */
.whb-header .wd-header-main-nav .wd-nav-main > li:hover > a.woodmart-nav-link,
.whb-header .wd-header-main-nav .wd-nav-main > li > a.woodmart-nav-link:hover,
.whb-header .wd-header-main-nav .wd-nav-main > li.current-menu-item > a.woodmart-nav-link{
  background:var(--kt-sand)!important;
  border-color:var(--kt-sand)!important;
}
.whb-header .wd-header-main-nav .wd-nav-main > li:hover > a .nav-link-text,
.whb-header .wd-header-main-nav .wd-nav-main > li > a:hover .nav-link-text,
.whb-header .wd-header-main-nav .wd-nav-main > li.current-menu-item > a .nav-link-text{
  color:var(--kt-blue)!important;
}


/* ==========================================================================
   4. TABLET / MOBILNI (do 1024px)
   ========================================================================== */
@media (max-width:1024px){

  /* ---------------------------------------------------------------
     4a. HEADER U 3 REDA
     Red 1: ☰ Меню | logo | ĆIR/LAT | korpa   (sve u jednom redu)
     Red 2: pretraga preko cele širine (između headera i menija)
     Red 3: meni (vidi 4b)
     --------------------------------------------------------------- */
  .whb-general-header{
    background:var(--kt-sand)!important;
    padding:10px 0;
  }

  /* Unutrašnji red se može prelomiti u više redova */
  .whb-general-header .whb-general-header-inner{
    display:flex!important;
    flex-wrap:wrap!important;
    align-items:center!important;
    gap:10px 6px!important;
    padding-top:6px!important;
    padding-bottom:12px!important;
  }

  /* Sve tri mobilne kolone se "raspakuju": svaki element (hamburger, logo,
     prekidač, korpa, pretraga) postaje zasebna stavka reda i dobija svoj red */
  .whb-general-header .whb-mobile-left,
  .whb-general-header .whb-mobile-center,
  .whb-general-header .whb-mobile-right{
    display:contents!important;
  }

  /* Podrazumevano ide u poslednji red preko cele širine.
     To je PRETRAGA – dolazi posle prvog reda, a pre menija. */
  .whb-general-header .whb-mobile-left > *,
  .whb-general-header .whb-mobile-center > *,
  .whb-general-header .whb-mobile-right > *{
    order:10;
    flex:0 0 100%;
    width:100%;
    max-width:100%;
  }
  .whb-general-header .searchform,
  .whb-general-header .wd-search-form{
    width:100%!important;
    max-width:100%!important;
  }
  .whb-general-header .searchform input[type="text"]{
    font-size:16px;                      /* iOS ne zumira polje */
  }

  /* --- Red 1, poredak: hamburger | logo | ĆIR/LAT | korpa --- */

  /* 1) hamburger (ikonica i tekst u plavoj) */
  .whb-general-header .whb-general-header-inner .wd-header-mobile-nav{
    order:1;
    flex:0 0 auto;
    width:auto;
    margin:0;
  }
  .whb-general-header .wd-header-mobile-nav .wd-tools-icon,
  .whb-general-header .wd-header-mobile-nav .wd-tools-icon:before,
  .whb-general-header .wd-header-mobile-nav .wd-tools-text{
    color:var(--kt-blue)!important;
  }

  /* 2) logo: 260 x 90; ako ekran nije dovoljno širok, okvir se sam
     proporcionalno smanji po širini da sve stane u jedan red */
  .whb-general-header .whb-general-header-inner .site-logo{
    order:2;
    flex:0 1 260px;
    min-width:0;
    width:auto;
    max-width:260px;
    margin:0;
  }
  .whb-general-header .whb-general-header-inner .site-logo .wd-logo{
    width:100%;
    max-width:260px;
    height:90px;
  }

  /* 3) ĆIR/LAT – skroz desno */
  .whb-general-header .whb-general-header-inner .wd-header-html{
    order:3;
    flex:0 0 auto;
    width:auto;
    margin:0 0 0 auto;
  }

  /* 4) korpa – odmah uz prekidač */
  .whb-general-header .whb-general-header-inner .wd-header-cart{
    order:4;
    flex:0 0 auto;
    width:auto;
    margin:0 0 0 4px;
  }
  .whb-general-header .wd-header-cart .wd-tools-icon{
    margin-inline-end:0!important;
    padding:0!important;
  }


  /* ---------------------------------------------------------------
     4b. RED 3 – MENI U 2 KOLONE NA PLAVOJ TRACI
     WoodMart ovaj red na mobilnom skriva (whb-hidden-mobile),
     pa ga ovde ponovo prikazujemo.
     --------------------------------------------------------------- */
  .whb-header .whb-row.whb-hidden-mobile:has(.wd-header-main-nav){
    display:block!important;
    background:var(--kt-blue)!important;
  }
  .whb-header .whb-row:has(.wd-header-main-nav) .container{
    padding-inline:8px!important;
  }
  .whb-header .wd-header-main-nav .wd-nav-main{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;   /* 2 kolone */
    gap:8px!important;
    padding:12px 0!important;
  }
  .whb-header .wd-header-main-nav .wd-nav-main > li{
    width:100%!important;
  }
  .whb-header .wd-header-main-nav .wd-nav-main > li > a.woodmart-nav-link{
    display:flex!important;
    width:100%;
    padding:10px 8px!important;
  }
  .whb-header .wd-header-main-nav .wd-nav-main > li > a .nav-link-text{
    font-size:12px!important;   /* da "БРИКЕТ И ПРАТЕЋИ ПРОГРАМ" stane u jedan red */
  }


  /* ---------------------------------------------------------------
     4c. HAMBURGER FIOKA – plava pozadina, pilule, jedna kolona
     --------------------------------------------------------------- */
  .mobile-nav.wd-side-hidden{
    background:var(--kt-blue)!important;
  }
  .mobile-nav .wd-nav-mobile{
    display:block!important;
    padding:10px 16px!important;
    margin:0!important;
  }
  .mobile-nav .wd-nav-mobile > li{
    width:100%!important;
    margin:0!important;
    padding:3px 0!important;
    border:0!important;                  /* bez linija između stavki */
  }
  .mobile-nav .wd-nav-mobile > li > a{
    display:flex!important;
    align-items:center;
    width:100%;
    padding:11px 18px!important;
    border:1px solid rgba(255,255,255,.28)!important;
    border-radius:30px!important;
    background:transparent!important;
    color:#fff!important;
    white-space:nowrap!important;
    transition:background-color .2s ease, border-color .2s ease, color .2s ease;
  }
  .mobile-nav .wd-nav-mobile > li > a .nav-link-text{
    color:inherit!important;
    font-size:13px!important;
    line-height:1.45!important;
    font-weight:500!important;
    letter-spacing:0!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }
  .mobile-nav .wd-nav-mobile > li > a:hover,
  .mobile-nav .wd-nav-mobile > li.current-menu-item > a{
    background:var(--kt-sand)!important;
    border-color:var(--kt-sand)!important;
    color:var(--kt-blue)!important;
  }
  /* strelice za podmenije prate boju teksta */
  .mobile-nav .wd-nav-mobile > li > .wd-nav-opener{
    color:#fff!important;
  }
  .mobile-nav .wd-nav-mobile > li:hover > .wd-nav-opener,
  .mobile-nav .wd-nav-mobile > li.current-menu-item > .wd-nav-opener{
    color:var(--kt-blue)!important;
  }
  /* pretraga u fioci */
  .mobile-nav .searchform input[type="text"]{
    background:#fff!important;
    border-radius:4px!important;
  }
}


/* ==========================================================================
   5. USKI TELEFONI
   ========================================================================== */

/* Do 520px: sakriven tekst "Меню" (ostaje ikonica) da logo + prekidač + korpa
   stanu u jedan red uz što veći logo. Obriši ovo pravilo ako hoćeš tekst nazad. */
@media (max-width:520px){
  .whb-general-header .wd-header-mobile-nav .wd-tools-text{
    display:none!important;
  }
}

/* Do 400px: dozvoli prelom teksta u stavkama menija da ništa ne iskoči */
@media (max-width:400px){
  .whb-header .wd-header-main-nav .wd-nav-main > li > a.woodmart-nav-link,
  .whb-header .wd-header-main-nav .wd-nav-main > li > a .nav-link-text{
    white-space:normal!important;
    text-align:center;
  }
}
/* ==========================================================================
   MOBILNI: pretraga u zasebnom redu (između headera i menija)
   Koristi postojeću pretragu iz središnje kolone, koja je inače samo za desktop
   ========================================================================== */
@media (max-width:1024px){
  .whb-general-header .whb-general-header-inner > .whb-col-center{
    display:block!important;
    order:10;
    flex:0 0 100%!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
  .whb-general-header .whb-col-center .wd-header-search-form,
  .whb-general-header .whb-col-center .wd-search-form,
  .whb-general-header .whb-col-center .searchform{
    display:block;
    width:100%!important;
    max-width:100%!important;
  }
  .whb-general-header .whb-col-center .searchform{
    position:relative;
  }
  .whb-general-header .whb-col-center input[type="text"]{
    width:100%!important;
    font-size:16px;
  }
}
/* ==========================================================================
   DORADA: red 1 uvek u jednom redu, manje pilule, jednaki bočni razmaci,
   dugme "Затвори" u fioci
   ========================================================================== */

/* ---------- Pilule menija: manji okviri (desktop) ---------- */
.whb-header .wd-header-main-nav .wd-nav-main > li > a.woodmart-nav-link{
  padding:8px 14px!important;
}
.whb-header .wd-header-main-nav .wd-nav-main{
  gap:8px 6px!important;
  padding:12px 0!important;
}

/* ---------- MOBILNI / TABLET ---------- */
@media (max-width:1024px){

  /* RED 1 SE NIKAD NE LOMI:
     logo ima osnovu 0 (pa ne može da "ispadne" u novi red), raste do 260px,
     a proporcija okvira 260:90 ostaje ista pri svakom smanjenju */
  .whb-general-header .whb-general-header-inner .site-logo{
    flex:1 1 0!important;
    min-width:0!important;
    max-width:260px!important;
  }
  .whb-general-header .whb-general-header-inner .site-logo .wd-logo{
    width:100%!important;
    height:auto!important;
    aspect-ratio:260/90;
    padding:2.5% 3%!important;       /* procenti prate širinu, pa se i razmak smanjuje srazmerno */
  }
  .whb-general-header .whb-general-header-inner .site-logo .wd-logo img{
    width:auto!important;
    height:auto!important;
    max-width:100%!important;
    max-height:100%!important;
  }

  /* MENI U 2 KOLONE: manji okviri */
  .whb-header .wd-header-main-nav .wd-nav-main{
    gap:6px!important;
    padding:10px 0!important;
  }
  .whb-header .wd-header-main-nav .wd-nav-main > li > a.woodmart-nav-link{
    padding:7px 8px!important;
  }

  /* JEDNAKI RAZMACI LEVO I DESNO: isti razmak (12px) sa obe strane,
     bez negativnih margina koje je WoodMart dodavao na meni */
  html body .whb-header .whb-row:has(.wd-header-main-nav) .container{
    padding-inline:12px!important;
    margin-inline:auto!important;
  }
  html body .whb-header .whb-row:has(.wd-header-main-nav) .whb-column,
  html body .whb-header .whb-row:has(.wd-header-main-nav) .wd-header-main-nav,
  html body .whb-header .whb-row:has(.wd-header-main-nav) .wd-nav-main{
    margin-inline:0!important;
    padding-inline:0!important;
    transform:none!important;
  }

  /* HAMBURGER FIOKA: dugme "Затвори" i X u beloj (hover: bež) */
  .mobile-nav .wd-heading .close-side-widget,
  .mobile-nav .wd-heading .close-side-widget a,
  .mobile-nav .wd-heading .close-side-widget .wd-action-text,
  .mobile-nav .wd-heading .close-side-widget .wd-action-icon,
  .mobile-nav .wd-heading .close-side-widget .wd-action-icon:before,
  .mobile-nav .wd-heading .close-side-widget .wd-action-icon:after{
    color:#fff!important;
  }
  .mobile-nav .wd-heading .close-side-widget:hover,
  .mobile-nav .wd-heading .close-side-widget:hover a,
  .mobile-nav .wd-heading .close-side-widget:hover .wd-action-text,
  .mobile-nav .wd-heading .close-side-widget:hover .wd-action-icon,
  .mobile-nav .wd-heading .close-side-widget:hover .wd-action-icon:before,
  .mobile-nav .wd-heading .close-side-widget:hover .wd-action-icon:after{
    color:var(--kt-sand)!important;
  }
}

/* ============================ KRAJ ============================ */

/* ==========================================================================
   POZADINA SAJTA #FAF7EF (header i meni ostaju netaknuti)
   WoodMart celu pozadinu vuče iz promenljive --wd-main-bgcolor, pa se menja
   na jednom mestu. Header ima svoje boje (plava / bež), pa ga ovo ne dira.
   ========================================================================== */
:root{
  --wd-main-bgcolor:#FAF7EF;
}
html body:not([class*="wrapper-boxed"]),
html body .wd-page-wrapper,
html body .main-page-wrapper,
html body .wd-page-content{
  background-color:#FAF7EF!important;
}


/* ==========================================================================
   KARTICE PROIZVODA NA POČETNOJ: slika na 75% površine kartice
   Slika je centrirana na blagoj bež podlozi, kao na shop stranici (slika 3),
   samo malo veća. Važi samo za početnu (body.home).
   ========================================================================== */
body.home{
  --kt-img-size:75%;            /* veličina slike u kartici: menjaj ovde */
  --kt-img-bg:#F3EEE2;          /* podloga iza slike */
}

/* Površina slike ostaje kvadratna i ista visina kao do sada */
body.home .wd-product .wd-loop-prod-thumb{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  aspect-ratio:1 / 1;
  overflow:hidden;
  background:var(--kt-img-bg)!important;
}
body.home .wd-product .wd-loop-prod-thumb .wd-product-img-link{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  height:100%!important;
}

/* Sama slika: 75% širine i visine, centrirana, bez rezanja */
body.home .wd-product .wd-loop-prod-thumb img{
  width:var(--kt-img-size)!important;
  height:var(--kt-img-size)!important;
  max-width:none!important;
  object-fit:contain!important;
  border-radius:8px;            /* blago zaobljenje, da ivice fotografije ne smetaju */
}
/* ==========================================================================
   BOJE: podloga slike u karticama, kutija sa filterima, traka ispod naslova
   ========================================================================== */
:root{
  --kt-beige:#EFE5D2;     /* bež iz slike 1 i 2 */
  --kt-band:#FAF7EF;      /* traka ispod naslova kategorije (boja sajta)*/
   --kt-card-light:#FFFCF6; /*boj bedza na kartici proivoda tj sve belo u kartici sto je bilo*/
}

/* 1) Podloga ispod slike proizvoda – sve kartice (shop, kategorije, početna) */
html body .wd-product .wd-loop-prod-thumb,
html body.woocommerce-shop .wd-loop-prod-thumb,
html body.tax-product_cat .wd-loop-prod-thumb{
  background:var(--kt-beige)!important;
}
body.home{
  --kt-img-bg:#EFE5D2;    /* prepisuje raniju boju podloge na početnoj */
}

/* 2) Kutija sa filterima (Ужа категорија / Порекло / Начин употребe) */
html body .kt-refine{
  background:var(--kt-beige)!important;
}

/* 3) Traka ispod naslova kategorije (sort, filteri, proizvodi) */
html body .elementor-645 .elementor-element.elementor-element-431ba5b{
  background-color:var(--kt-band)!important;
}
/* 4) Telo kartice (naslov, opis, cena, dugme, uporedi) */
html body .wd-product .wd-product-wrapper,
html body .wd-product .wd-product-wrapper.wd-entry-content,
html body .wd-product.wd-loop-item-547 .wd-product-wrapper{
  background-color:var(--kt-card-light)!important;
}

/* 5)Unutrašnji blokovi nemaju svoju belu pozadinu, uzimaju boju kartice */
html body .wd-product .kt-sub,
html body .wd-product .kt-card-desc,
html body .wd-product .kt-price-row,
html body .wd-product .kt-sku,
html body .wd-product .wp-block-wd-container,
html body .wd-product .wd-compare-btn,
html body .wd-product .compare-btn-wrapper{
  background:transparent!important;
}

/* 6)Slika zadržava bež podlogu */
html body .wd-product .wd-loop-prod-thumb{
  background:#EFE5D2!important;
}

/* 7)Bedž u uglu slike (npr. "Омански тамјани") */
html body .wd-product .kt-badge{
  background:var(--kt-card-light)!important;
  background-color:var(--kt-card-light)!important;
}

/* 8)Dugme "Изаберите →" (hover ostaje kakav je bio) */
html body .wd-product .kt-price-row a:not(:hover),
html body .wd-product .kt-price-row .button:not(:hover),
html body .wd-product .kt-price-row .btn:not(:hover),
html body .wd-product .kt-card-btn:not(:hover){
  background:var(--kt-card-light)!important;
  background-color:var(--kt-card-light)!important;
}

/* 9)Kvadratić "Упореди производ" */
html body .wd-product input[type="checkbox"]{
  background-color:var(--kt-card-light)!important;
}
/* ==========================================================================
   KARTICE PROIZVODA: spoljni element kartice (okvir) takođe #FFFCF6
   ========================================================================== */
html body .wd-product,
html body .wd-product.wd-col,
html body .wd-product.product,
html body .wd-product .wd-product-wrapper,
html body .wd-product .wd-product-wrapper.wd-entry-content{
  background-color:#FFFCF6!important;
}

/* Slika zadržava bež podlogu */
html body .wd-product .wd-loop-prod-thumb{
  background:#EFE5D2!important;
}

/* ==========================================================================
   SHOP / KATEGORIJA: manji razmak između naslova i reda "Филтери"
   ========================================================================== */
:root{
  --kt-title-gap:10px;     /* razmak ispod naslova; menjaj po ukusu (0–30px) */
}

/* Kontejner sa naslovom: bez viška paddinga, margine i razmaka među elementima */
html body .elementor-645 .elementor-element.elementor-element-431ba5b{
  --padding-bottom:var(--kt-title-gap)!important;
  --margin-bottom:0px!important;
  --gap:0px!important;
  --row-gap:0px!important;
  --min-height:0px!important;
  padding-bottom:var(--kt-title-gap)!important;
  margin-bottom:0!important;
  min-height:0!important;
  row-gap:0!important;
}
html body .elementor-645 .elementor-element-431ba5b > .e-con-inner{
  --gap:0px!important;
  --row-gap:0px!important;
  row-gap:0!important;
  min-height:0!important;
}

/* Naslov (H1) i breadcrumb bez donje margine */
html body .elementor-645 .elementor-element-f45a896 .entry-title,
html body .elementor-645 .elementor-element-f45a896 .elementor-widget-container{
  margin-bottom:0!important;
  padding-bottom:0!important;
}

/* Widget sa kategorijama ispod naslova: bez razmaka i visine kad je prazan */
html body .elementor-645 .elementor-element-8404f30{
  --margin-top:0px!important;
  --margin-bottom:0px!important;
  margin:0!important;
  padding:0!important;
  min-height:0!important;
}
html body .elementor-645 .elementor-element-8404f30 .elementor-widget-container{
  margin:0!important;
  padding:0!important;
  min-height:0!important;
}

/* Kontejner sa redom "Филтери / Прикажи / сортирање": bez gornjeg razmaka */
html body .elementor-645 .elementor-element.elementor-element-84951a0{
  --padding-top:0px!important;
  --margin-top:0px!important;
  padding-top:0!important;
  margin-top:0!important;
}

/* ============================================
   Povezani proizvodi (related & upsells)
   Na ekranima užim od 1100px prikaži 3 proizvoda u redu
   ============================================ */
@media (max-width: 1099px) {
  .single-product .related-and-upsells .wd-carousel {
    /* --wd-col-lg: broj kolona na većim ekranima (desktop/tablet landscape) */
    --wd-col-lg: 3 !important;

    /* --wd-col-md: broj kolona na srednjim ekranima (tablet) */
    --wd-col-md: 3 !important;

    /* --wd-col-sm: broj kolona na malim ekranima (mobilni)
       Odkomentariši ako hoćeš 3 kolone i na mobilnom (podrazumevano je 2) */
    /* --wd-col-sm: 3 !important; */
  }
}
@media (max-width: 860px) {
  .single-product .related-and-upsells .wd-carousel {
    /* --wd-col-lg: broj kolona na većim ekranima (desktop/tablet landscape) */
    --wd-col-lg: 2 !important;

    /* --wd-col-md: broj kolona na srednjim ekranima (tablet) */
    --wd-col-md: 2 !important;

    /* --wd-col-sm: broj kolona na malim ekranima (mobilni)
       Odkomentariši ako hoćeš 3 kolone i na mobilnom (podrazumevano je 2) */
    /* --wd-col-sm: 3 !important; */
  }
}
@media (max-width: 449px) {
  .single-product .related-and-upsells .wd-carousel {
    /* Mali ekrani (mobilni): samo 1 kolona */
    --wd-col-lg: 1 !important;
    --wd-col-md: 1 !important;
    --wd-col-sm: 1 !important;
  }
}

/* =============================================
 * SAKRIJ TEKST PRODAVNICA SAMO NA TOJ STRANICI
 * =============================================*/
/* Сви производи: sakrij pravi tekst "Продавница", ostaje samo naš dvoredni naslov */
body.post-type-archive-product .elementor-widget-wd_shop_archive_woocommerce_title h1.entry-title.title{
  font-size: 0 !important;
  line-height: 0 !important;
  letter-spacing: 0 !important;
}
body.post-type-archive-product .elementor-widget-wd_shop_archive_woocommerce_title h1.entry-title.title::before,
body.post-type-archive-product .elementor-widget-wd_shop_archive_woocommerce_title h1.entry-title.title::after{
  font-size: clamp(34px, 4vw, 56px) !important;
  line-height: 1.25 !important;
}

/* =========================================
/* ==========================================================
   KATEGORIJE (.tax-product_cat): naslov + opis, kao na statičkom sajtu
   Ne dira stranicu "Сви производи".
   Tekstovi se menjaju u :root bloku (--kt-eyebrow, --kt-cat-blue).
   ========================================================== */

/* Poravnanje: opis nema 10px razmaka koji naslov ima.
   Ako se opis i dalje ne poklapa, menjaj samo ovaj broj. */
body.tax-product_cat{
  --kt-desc-left: 10px;
}

/* ---------- Mali tekst iznad naslova ---------- */
body.tax-product_cat .elementor-widget-wd_shop_archive_woocommerce_title .elementor-widget-container::before{
  content: var(--kt-eyebrow);
  display: block;
  margin-bottom: 14px;
  font-family: 'Noto Sans', Georgia, sans-serif;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #243C7A;
}

/* ---------- Naziv kategorije (tamnoplavi, Noto Serif, tanak, VELIKA SLOVA) ----------
   ".elementor-645" je dodato da pravilo pobedi Elementor font-size: 30px */
html body.tax-product_cat .elementor-645 .elementor-widget-wd_shop_archive_woocommerce_title h1.entry-title.title{
  font-family: 'Noto Serif', Georgia, serif !important;
  font-size: clamp(34px, 4vw, 56px) !important;
  font-weight: 400 !important;
  line-height: 1.25 !important;
  letter-spacing: -1.4px !important;
  text-transform: uppercase !important;
  color: #243C7A !important;
}

/* ---------- Plavi kurziv ispod naziva ---------- */
html body.tax-product_cat .elementor-645 .elementor-widget-wd_shop_archive_woocommerce_title h1.entry-title.title::after{
  content: var(--kt-cat-blue);
  display: block;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -1.4px;
  text-transform: none;
  color: #243C7A;
}

/* ---------- Opis ispod naslova ---------- */
body.tax-product_cat .elementor-widget-wd_shop_archive_archive_description{
  margin-top: 0 !important;
}
body.tax-product_cat .elementor-widget-wd_shop_archive_archive_description .elementor-widget-container{
  padding-left: var(--kt-desc-left);
}
body.tax-product_cat .elementor-widget-wd_shop_archive_archive_description .term-description{
  max-width: 720px;
  margin: 18px 0 0 !important;
}
body.tax-product_cat .elementor-widget-wd_shop_archive_archive_description .term-description p{
  margin: 0 !important;
  font-family: 'Noto Sans', Georgia, sans-serif !important;
  font-size: 17px !important;
  font-weight: 400 !important;
  line-height: 1.8 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #5b6472 !important;
}

/* ==================== DESKTOP (768px i više) ==================== */
@media (min-width: 768px){
  html body.tax-product_cat .elementor-645 .elementor-widget-wd_shop_archive_woocommerce_title h1.entry-title.title{
    font-size: clamp(40px, 4vw, 56px) !important;  /* do 56px kao na slici 2 */
  }
}

/* ==================== MOBILNI (do 767px) ==================== */
@media (max-width: 767px){
  body.tax-product_cat .elementor-widget-wd_shop_archive_woocommerce_title .elementor-widget-container::before{
    font-size: 12px;
    margin-bottom: 12px;
  }
  html body.tax-product_cat .elementor-645 .elementor-widget-wd_shop_archive_woocommerce_title h1.entry-title.title{
    font-size: 34px !important;       /* kao na slici 3 */
    line-height: 1.25 !important;
    letter-spacing: -1px !important;
  }
  html body.tax-product_cat .elementor-645 .elementor-widget-wd_shop_archive_woocommerce_title h1.entry-title.title::after{
    letter-spacing: -1px;
  }
  body.tax-product_cat .elementor-widget-wd_shop_archive_archive_description .term-description p{
    font-size: 16px !important;
    line-height: 1.7 !important;
  }
}

/* ==========================================================================
/* ==========================================================================
   MOBILNI MENI
   446px – 1024px: pilule u redu, centrirane, a kako se ekran smanjuje
                   postepeno prelaze u sledeći red (kao na desktopu)
   do 445px:       2 kolone, obe iste širine (po najširoj stavci), centrirano
   ========================================================================== */

/* ---------- 446px – 1024px: pilule se prelamaju u nove redove ---------- */
@media (max-width:1024px){
  html body .whb-header .whb-row:has(.wd-header-main-nav) .wd-header-main-nav .wd-nav-main{
    display:flex!important;
    flex-wrap:wrap!important;
    justify-content:center!important;
    align-items:center!important;
    gap:6px!important;
    width:100%!important;
    max-width:100%!important;
    margin-inline:0!important;
    padding:12px 0!important;
  }
  html body .whb-header .whb-row:has(.wd-header-main-nav) .wd-header-main-nav .wd-nav-main > li{
    flex:0 0 auto!important;
    width:auto!important;
    min-width:0;
  }
  html body .whb-header .whb-row:has(.wd-header-main-nav) .wd-header-main-nav .wd-nav-main > li > a.woodmart-nav-link{
    display:inline-flex!important;
    width:auto!important;
    padding:7px 16px!important;        /* bočni razmak oko teksta */
  }
}

/* ---------- do 445px: 2 kolone iste širine, centrirano ---------- */
@media (max-width:445px){
  html body .whb-header .whb-row:has(.wd-header-main-nav) .wd-header-main-nav .wd-nav-main{
    display:grid!important;
    grid-template-columns:repeat(2,1fr)!important;  /* obe kolone = širina najšire stavke */
    width:max-content!important;                    /* mreža se skuplja na sadržaj */
    max-width:100%!important;
    margin-inline:auto!important;                   /* centrirano */
    gap:6px!important;
  }
  html body .whb-header .whb-row:has(.wd-header-main-nav) .wd-header-main-nav .wd-nav-main > li{
    flex:none!important;
    width:100%!important;
  }
  html body .whb-header .whb-row:has(.wd-header-main-nav) .wd-header-main-nav .wd-nav-main > li > a.woodmart-nav-link{
    display:flex!important;
    width:100%!important;
    padding:7px 12px!important;
  }
}

/* ==========================================================
 * /* naslov proizvoda na kartici: kao u mockupu (Noto Serif 21px, tanak, tamnoplav)
================================================== */
.wd-loop-builder-on .wd-product h3.wd-loop-prod-title.wd-entities-title{
  margin:8px 0 !important;
  line-height:1.25 !important;
}
.wd-loop-builder-on .wd-product h3.wd-loop-prod-title.wd-entities-title a{
  font-family:"Noto Serif",Georgia,serif !important;
  font-size:21px !important;
  font-weight:400 !important;
  line-height:1.25 !important;
  color:#243c7a !important;
}
.wd-loop-builder-on .wd-product h3.wd-loop-prod-title.wd-entities-title a:hover{
  color:#3156b8 !important;
}

/* telefon: malo manji naslov */
@media (max-width:760px){
  .wd-loop-builder-on .wd-product h3.wd-loop-prod-title.wd-entities-title a{
    font-size:20px !important;
  }
}

/* =========================================================================
 *  Zum na stranici proizvoda: zumirana slika zadrzava svoju punu velicinu ==========================================================================*/
body.single-product .woocommerce-product-gallery .wd-gallery-images img.zoomImg{
  width:auto !important;
  height:auto !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:fill !important;
}

/* ===========================================================
 * Obican proizvod na stranici proizvoda: pakovanje + cena 
 * ==========================================================*/
.kt-single-simple{margin:0 0 20px}
.kt-single-pack-label{font-size:15px;color:#6b716f;margin:0 0 10px}
.kt-single-pack{margin:0 0 20px}
.kt-single-pack-chip{
  display:inline-block;
  padding:12px 22px;
  border:1px solid #243c7a;
  background:#efe5d2;
  border-radius:6px;
  font-size:14px;
  font-weight:600;
  color:#263040;
  text-transform:none;   /* promenite u uppercase ako zelite kao ostala dugmad za pakovanje */
}
.kt-single-price .price{font-size:34px;font-weight:700;line-height:1.2;color:#263040}
.kt-single-simple .kt-unit-price{margin-top:6px;font-size:14px;color:#6b716f}

/* ===================
* DOGAĐAJI 
======================*/
.kt-dog{
  max-width:1260px;
  margin:0 auto;
  padding:34px 0 10px;
}
.kt-dog__head{
  text-align:center;
  margin-bottom:26px;
}
.kt-dog__eyebrow{
  display:inline-block;
  font-family:"Noto Sans",sans-serif;
  font-size:13px;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#b78a49;
  margin-bottom:8px;
}
.kt-dog__title{
  font-family:"Noto Serif",serif;
  font-size:52px;
  line-height:1.1;
  font-weight:700;
  color:#243c79;
  margin:0 0 14px;
}
.kt-dog__orn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
}
.kt-dog__orn::before,
.kt-dog__orn::after{
  content:"";
  width:70px;
  height:2px;
  background:linear-gradient(90deg,transparent,#b78a49);
}
.kt-dog__orn::after{
  background:linear-gradient(270deg,transparent,#b78a49);
}
.kt-dog__orn i{
  width:10px;
  height:10px;
  background:#b78a49;
  transform:rotate(45deg);
}

.kt-dog__stack{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:24px;
}
.kt-dog__img{
  display:block;
  height:auto;
  border-radius:14px;
  box-shadow:0 10px 28px rgba(36,60,121,.18);
  border:1px solid #e2e2da;
}
.kt-dog__img--poster{
  width:100%;
  max-width:560px;
}
.kt-dog__img--banner{
  width:100%;
  max-width:1260px;
}

@media (max-width:767px){
  .kt-dog{padding:24px 0 6px;}
  .kt-dog__title{font-size:36px;}
  .kt-dog__eyebrow{font-size:12px;}
  .kt-dog__orn::before,.kt-dog__orn::after{width:44px;}
  .kt-dog__stack{gap:16px;}
  .kt-dog__img{border-radius:10px;}
}

.kt-dog .kt-dog__stack .kt-dog__img{
  border-radius:14px;
  box-shadow:0 10px 28px rgba(36,60,121,.18);
  border:1px solid #e2e2da;
}
.kt-dog .kt-dog__stack .kt-dog__img--poster{
  width:100%;
  max-width:400px;
}
.kt-dog .kt-dog__stack .kt-dog__img--banner{
  width:100%;
  max-width:1260px;
}

@media (max-width:767px){
  .kt-dog .kt-dog__stack .kt-dog__img--poster{
    max-width:100%;
  }
  .kt-dog .kt-dog__stack .kt-dog__img{
    border-radius:10px;
  }
}
/* Slike jedna pored druge od 768px naviše */
@media (min-width:768px){
  .kt-dog .kt-dog__stack{
    flex-direction:row;
    align-items:center;
    justify-content:center;
    gap:22px;
  }
  .kt-dog .kt-dog__stack .kt-dog__img--poster{
    width:clamp(170px,32%,340px);
    flex:0 0 clamp(170px,32%,340px);
    max-width:340px;
  }
  .kt-dog .kt-dog__stack .kt-dog__img--banner{
    width:auto;
    flex:1 1 auto;
    min-width:0;
    max-width:100%;
  }
}
/* Okvir oko cele sekcije Događaji */
section.kt-dog{
  box-sizing:border-box;
  max-width:1260px;
  margin:20px auto;
  padding:30px 34px 34px;
  background:#fffdf9;
  border:1px solid #e2e2da;
  border-top:3px solid #b78a49;
  border-radius:18px;
  box-shadow:0 6px 22px rgba(36,60,121,.07);
}
.kt-dog .kt-dog__head{
  margin-bottom:22px;
}
/*======= KRAJ DOGADJAJI ============= */