/*
Theme Name: Drvena Lija 
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;700;800;900&display=swap');

/* =========================== */
/* CUSTOM PROPERTIES           */
/* =========================== */


:root{
--bg:#f7f1e8;
--cream:#fffdf9;
--green:#7b955c;
--orange:#f2a14a;
--text:#3d2f2a;
}

/* =========================== */
/* RESET & BASE                */
/* =========================== */

*{
margin:0;
padding:0;
box-sizing:border-box;
}

html{
overflow-x:clip;
overflow-y:visible;
}

body{
font-family:'Nunito',sans-serif;
background:var(--bg);
color:var(--text);
overflow-x:clip;
overflow-y:visible;
}

.container{
width:min(1380px,92%);
margin:auto;
}

/* =========================== */
/* HEADER & NAVIGATION         */
/* =========================== */

header{
background:rgba(255,253,249,.96);
backdrop-filter:blur(10px);
position:sticky;
top:0;
z-index:999;
box-shadow:0 4px 24px rgba(0,0,0,.04);
transition:transform 0.3s ease;
}

.navbar{
display:flex;
align-items:center;
justify-content:space-between;
padding:22px 0;
}

.logo img{
height:92px;
display:block;
}

nav{
margin-left:auto;
margin-right:24px;
}

nav ul{
display:flex;
gap:38px;
list-style:none;
}

nav a{
text-decoration:none;
font-weight:800;
font-size:17px;
color:var(--text);
transition:.25s;
}

nav a:hover{
color:var(--orange);
}

.navbar-actions{
display:flex;
align-items:center;
gap:16px;
}

.nav-cart{
position:relative;
display:flex;
align-items:center;
justify-content:center;
width:46px;
height:46px;
border-radius:999px;
background:#fff8ef;
border:2px solid rgba(242,161,74,.35);
color:var(--text);
text-decoration:none;
transition:background .2s ease,border-color .2s ease,color .2s ease;
flex-shrink:0;
}

.nav-cart svg{
width:20px;
height:20px;
stroke-width:2.2px;
}

.nav-cart:hover{
background:#f2a14a;
border-color:#f2a14a;
color:#fff;
}

.nav-cart-count{
position:absolute;
top:-7px;
right:-7px;
min-width:20px;
height:20px;
padding:0 5px;
border-radius:999px;
background:#f2a14a;
color:#fff;
font-size:12px;
font-weight:900;
display:flex;
align-items:center;
justify-content:center;
line-height:1;
border:2.5px solid #fffdf9;
box-shadow:0 2px 8px rgba(242,161,74,.4);
}

.mobile-toggle{
display:none;
flex-direction:column;
gap:6px;
background:none;
border:none;
cursor:pointer;
}

.mobile-toggle span{
width:28px;
height:3px;
background:var(--text);
border-radius:999px;
display:block;
}


@media(max-width:900px){

header{
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
}

.mobile-toggle{
    display:flex;
    z-index:1001;
}

header nav{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:auto;
    margin:0;
    margin-right:0;
    padding:120px 40px;
    width:280px;
    height:100%;
    background:#fffdf9;
    box-shadow:-10px 0 30px rgba(0,0,0,.08);
    transition:transform .35s ease;
    display:flex;
    z-index:1000;
    transform:translateX(100%);
    box-sizing:border-box;
    overflow-y:auto;
}

body.mobile-open header nav{
    transform:translateX(0);
}

header nav ul{
    flex-direction:column;
    gap:28px;
    width:100%;
}

header nav a{
    font-size:22px;
    display:block;
}

body.mobile-open{
    overflow:hidden !important;
    position:fixed !important;
    width:100% !important;
    left:0 !important;
    top:0 !important;
}

.nav-cart{
    width:38px;
    height:38px;
}

}

/* =========================== */
/* HERO                        */
/* =========================== */

.hero{
position:relative;
isolation:isolate;
padding:105px 0 170px;
min-height:680px;
background:linear-gradient(180deg,#fffdf9 0%,#f7efe6 100%);
overflow:hidden;
}

.hero::before{
content:"";
position:absolute;
inset:0 auto 0 0;
width:58%;
z-index:2;
pointer-events:none;
background:linear-gradient(90deg,#fffdf9 0%,#fffdf9 42%,rgba(255,253,249,.8) 62%,rgba(255,253,249,0) 100%);
}

.hero-grid{
display:grid;
grid-template-columns:minmax(0,690px) 1fr;
gap:40px;
align-items:center;
position:relative;
z-index:4;
min-height:470px;
}

.hero h1{
font-size:96px;
line-height:.92;
font-weight:900;
letter-spacing:-2.5px;
max-width:760px;
margin-bottom:30px;
text-shadow:0 4px 18px rgba(255,253,249,.78);
}

.hero p{
font-size:28px;
line-height:1.45;
letter-spacing:.2px;
max-width:620px;
margin-bottom:42px;
color:#54443c;
text-shadow:0 3px 14px rgba(255,253,249,.85);
}

.hero h1 span{color:var(--green);}

.buttons{
display:flex;
gap:22px;
}

.hero-fluid-image{
position:absolute;
top:0;
right:0;
bottom:0;
width:70vw;
z-index:1;
overflow:hidden;
border-radius:0;
box-shadow:none;
}

.hero-fluid-image::before{
content:"";
position:absolute;
inset:0;
z-index:2;
pointer-events:none;
background:
linear-gradient(90deg,rgba(255,253,249,.68) 0%,rgba(255,253,249,.42) 24%,rgba(255,253,249,.16) 44%,rgba(255,253,249,0) 66%),
linear-gradient(180deg,rgba(255,253,249,0) 74%,rgba(247,239,230,.34) 92%,#f7efe6 100%);
}

.hero-fluid-image::after{
content:"";
position:absolute;
inset:0;
z-index:2;
pointer-events:none;
background:radial-gradient(ellipse at 22% 52%,rgba(255,253,249,.38) 0%,rgba(255,253,249,.22) 22%,rgba(255,253,249,.08) 44%,rgba(255,253,249,0) 70%);
}

.hero-fluid-image img{
width:100%;
height:100%;
display:block;
object-fit:cover;
object-position:center right;
filter:saturate(1.08) contrast(1.06);
}

.wave{
position:absolute;
bottom:-1px;
left:0;
width:100%;
z-index:1;
}

.wave path{fill:#fffdf9;}

@media(max-width:1200px){

.hero::before{display:none;}

.hero{padding:80px 0 145px;}

.hero-grid{
grid-template-columns:1fr;
gap:60px;
}

.hero-fluid-image{
position:relative;
inset:auto;
width:100%;
height:auto;
aspect-ratio:16/9;
margin-top:38px;
border-radius:30px;
box-shadow:0 20px 52px rgba(61,47,42,.08);
}

.hero-fluid-image::before,
.hero-fluid-image::after{display:none;}

.hero-fluid-image img{
filter:none;
object-position:center;
}

.hero h1{font-size:72px;}

}

@media(max-width:700px){

.hero{
min-height:620px;
padding:72px 0 92px;
display:flex;
align-items:flex-end;
}

.hero::before{
display:block;
width:100%;
background:
radial-gradient(ellipse at center 58%,rgba(255,253,249,.72) 0%,rgba(255,253,249,.54) 34%,rgba(255,253,249,.22) 64%,rgba(255,253,249,0) 100%),
linear-gradient(180deg,rgba(255,253,249,.12) 0%,rgba(255,253,249,.26) 48%,rgba(255,253,249,.58) 100%);
}

.hero-grid{
min-height:0;
position:relative;
z-index:4;
text-align:center;
justify-items:center;
}

.hero-fluid-image{
position:absolute;
inset:0;
width:100%;
height:100%;
margin:0;
border-radius:0;
box-shadow:none;
aspect-ratio:auto;
}

.hero-fluid-image img{
width:100%;
height:100%;
object-fit:cover;
object-position:center top;
filter:saturate(1.02) contrast(1.02);
}

.hero h1{
font-size:44px;
max-width:360px;
margin-left:auto;
margin-right:auto;
}

.hero p{
max-width:330px;
margin-left:auto;
margin-right:auto;
}

.hero .container.hero-grid{
width:100%;
max-width:none;
padding:0 16px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}

.hero .container.hero-grid > div{
width:100%;
display:flex;
flex-direction:column;
align-items:center;
}

.hero h1{
font-size:44px;
max-width:360px;
margin-left:auto;
margin-right:auto;
letter-spacing:-1px;
text-shadow:
0 3px 12px rgba(255,253,249,.95),
0 1px 3px rgba(61,47,42,.22);
}

.hero p{
max-width:330px;
margin-left:auto;
margin-right:auto;
letter-spacing:.25px;
text-shadow:
0 3px 12px rgba(255,253,249,.95),
0 1px 3px rgba(61,47,42,.18);
}

.hero .buttons{
width:100%;
max-width:320px;
gap:12px;
flex-direction:column;
align-items:center;
justify-content:center;
margin-left:auto;
margin-right:auto;
}

.hero .btn{
width:100%;
max-width:300px;
min-height:54px;
padding:15px 24px;
font-size:16px;
margin-left:auto;
margin-right:auto;
}

}

/* =========================== */
/* BUTTONS                     */
/* =========================== */

.btn{
padding:20px 36px;
border-radius:999px;
font-weight:900;
text-decoration:none;
font-size:18px;
transition:.3s;
}

.btn-primary{
background:var(--orange);
color:white;
box-shadow:0 18px 34px rgba(242,161,74,.28);
}

.btn-secondary{
background:white;
border:2px solid var(--green);
color:var(--green);
}

.btn:hover{transform:translateY(-5px);}

@media(max-width:700px){

.buttons{
flex-direction:column;
align-items:center;
}

.btn{
width:100%;
max-width:320px;
text-align:center;
display:flex;
justify-content:center;
align-items:center;
}

}

/* =========================== */
/* SECTIONS                    */
/* =========================== */

.section{padding:110px 0;}

.section-title{
text-align:center;
font-size:54px;
font-weight:900;
margin-bottom:60px;
letter-spacing:-2px;
}

/* =========================== */
/* ASSET HEADINGS              */
/* =========================== */

.section-title-asset{
margin-bottom:42px;
line-height:0;
}

.section-title-img,
.asset-page-title img,
.shop-title-asset img{
display:block;
width:min(620px,92%);
height:auto;
margin:0 auto;
object-fit:contain;
filter:drop-shadow(0 16px 24px rgba(61,47,42,.08));
}

.shop-title-asset{
margin-bottom:8px;
line-height:0;
}

.asset-page-title{
margin:0 0 18px;
line-height:0;
}

.asset-page-title img{width:min(560px,90%);}

.best-sellers-heading{
position:relative;
z-index:4;
margin-bottom:8px;
}

.screen-reader-text{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border:0;
}

@media(max-width:700px){

.section-title-img,
.asset-page-title img,
.shop-title-asset img{
width:min(360px,94%);
}

}

/* =========================== */
/* CATEGORY CARDS              */
/* =========================== */

.categories{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:34px;
}

.category-card{
background:#fffdf9;
border-radius:20px;
overflow:hidden;
border:1px solid rgba(123,149,92,.12);
box-shadow:0 12px 30px rgba(61,47,42,.06);
transition:.35s;
display:flex;
flex-direction:column;
text-decoration:none;
height:100%;
}

.category-card:hover{
transform:translateY(-4px);
box-shadow:0 18px 38px rgba(61,47,42,.09);
}

.category-card img{
width:100%;
display:block;
aspect-ratio:1.12/1;
object-fit:cover;
object-position:center;
background:#fff8ef;
}

.category-content{
min-height:118px;
padding:16px;
display:grid;
grid-template-columns:1fr auto;
grid-template-rows:1fr auto;
gap:10px 12px;
flex:1;
}

.category-content h3{
grid-column:1 / -1;
grid-row:1;
font-size:22px;
line-height:1.08;
font-weight:900;
color:var(--text);
margin:0;
align-self:start;
}

.category-content .cat-count{
grid-column:1;
grid-row:2;
align-self:end;
margin:0;
}

.category-content .category-cta,
.category-content > span:not(.cat-count){
grid-column:2;
grid-row:2;
align-self:end;
justify-self:end;
min-width:102px;
min-height:38px;
padding:9px 15px;
margin:0;
border-radius:999px;
border:2px solid var(--green);
color:var(--green);
font-weight:800;
font-size:13px;
transition:.25s;
white-space:nowrap;
flex-shrink:0;
display:inline-flex;
align-items:center;
justify-content:center;
}

.category-card:hover .category-content .category-cta,
.category-card:hover .category-content > span:not(.cat-count){
background:var(--green);
color:white;
border-color:var(--green);
}

.cat-count{
display:inline-flex;
width:max-content;
font-size:12px;
font-weight:800;
color:var(--green);
background:rgba(123,149,92,.1);
border-radius:999px;
padding:5px 11px;
min-width:0;
}

.cat-desc{
font-size:15px;
color:#7d6b62;
margin:6px 0 8px;
line-height:1.55;
}

@media(max-width:1200px){
.categories{grid-template-columns:1fr 1fr;}
}

@media(max-width:700px){

.categories{grid-template-columns:1fr;}

.category-content{
min-height:110px;
padding:14px;
gap:8px 10px;
}

.category-content h3{font-size:18px;}

.category-content .category-cta,
.category-content > span:not(.cat-count){
min-width:90px;
min-height:34px;
padding:8px 12px;
font-size:12px;
}

}

/* =========================== */
/* HOME SCROLL CAROUSELS       */
/* =========================== */

.home-scroll-wrap{
position:relative;
padding:0 70px;
overflow:visible;
}

.home-scroll-row{
scroll-behavior:smooth;
scrollbar-width:none;
}

.home-scroll-row::-webkit-scrollbar,
.best-sellers-products ul.products::-webkit-scrollbar,
.single-product .dl-gallery-thumbs::-webkit-scrollbar{
display:none;
}

.home-scroll-btn{
position:absolute;
top:46%;
z-index:12;
width:44px;
height:44px;
border:1px solid rgba(123,149,92,.16);
border-radius:999px;
background:rgba(255,253,249,.96);
color:#6f8851;
box-shadow:0 12px 28px rgba(61,47,42,.12);
font-size:0;
font-weight:900;
line-height:1;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
transform:translateY(-50%);
transition:.2s;
}

.home-scroll-btn::before{
font-size:28px;
line-height:1;
font-weight:900;
}

.home-scroll-prev{left:12px;}
.home-scroll-prev::before{content:"\2039";}
.home-scroll-next{right:12px;}
.home-scroll-next::before{content:"\203A";}

.home-scroll-btn:hover{
background:var(--green);
color:white;
border-color:var(--green);
transform:translateY(-50%) scale(1.04);
}

.categories.home-scroll-row{
display:flex;
gap:24px !important;
overflow-x:auto;
overflow-y:visible;
overscroll-behavior-inline:contain;
scroll-snap-type:x proximity;
padding:8px 4px 26px !important;
max-width:100%;
}

.categories.home-scroll-row .category-card{
flex:0 0 min(320px,calc(100vw - 120px));
max-width:min(320px,calc(100vw - 120px));
scroll-snap-align:start;
}

@media(max-width:700px){

.home-scroll-wrap{
padding:0 42px;
max-width:100%;
overflow:hidden;
}

.home-scroll-btn{
top:44%;
width:36px;
height:36px;
}

.home-scroll-prev{left:4px;}
.home-scroll-next{right:4px;}

.categories.home-scroll-row{
gap:16px !important;
padding:8px 0 22px !important;
}

.categories.home-scroll-row .category-card{
flex-basis:calc(100vw - 108px);
max-width:calc(100vw - 108px);
}

}

/* =========================== */
/* FIX: NAJPRODAVANIJI MOBILE  */
/* =========================== */

.best-sellers-products {
    overflow: hidden !important;
    width: 100%;
    max-width: 100%;
}

.best-sellers-products ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    scroll-behavior: smooth;
    scroll-snap-type: none !important;
    -webkit-overflow-scrolling: auto !important;
    touch-action: pan-y !important;
}

.best-sellers-products ul.products li.product {
    float: none !important;
    display: block !important;
    margin: 0 !important;
    scroll-snap-align: none !important;
}

@media (max-width: 700px) {
    .best-sellers-scroll .home-scroll-wrap {
        padding-left: 42px;
        padding-right: 42px;
        overflow: visible;
    }

    .best-sellers-products {
        overflow: hidden !important;
        padding: 0;
    }

    .best-sellers-products ul.products {
        gap: 0 !important;
        padding: 8px 0 22px !important;
        overflow-x: hidden !important;
    }

    .best-sellers-products ul.products li.product {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        padding: 0 4px !important;
        box-sizing: border-box !important;
    }

    .best-sellers-products .dl-product-link {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .best-sellers-products .dl-product-image {
        margin-left: 10px;
        margin-right: 10px;
    }
}

/* =========================== */
/* FOOTER                      */
/* =========================== */

footer{
margin-top:80px;
padding:48px 0;
background:#efe4d2;
border-top:1px solid rgba(61,47,42,.08);
}

.footer-inner{
display:grid;
grid-template-columns:1fr auto auto;
gap:0;
align-items:stretch;
font-weight:800;
color:#5b4b43;
}

.footer-brand,
.footer-social,
.footer-copy{
display:flex;
align-items:center;
padding:0 28px;
}

.footer-brand{
padding-left:0;
display:grid;
align-content:center;
gap:6px;
}

.footer-brand-top{
display:flex;
align-items:center;
gap:12px;
}

.footer-brand strong{
font-size:22px;
line-height:1;
color:var(--text);
}

.footer-copy{
font-size:14px;
color:#7d6b62;
justify-content:flex-end;
padding-right:0;
}

.footer-tagline{
font-size:15px;
line-height:1.45;
color:#6b5a50;
}

.footer-right{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:14px;
}

.footer-links{
padding:0;
margin:0;
}

.footer-links a{
font-size:14px;
font-weight:700;
color:#7d6b62;
text-decoration:none;
transition:color .2s;
}

.footer-links a:hover{color:var(--green);}

.footer-social{
justify-content:center;
border-left:1px solid rgba(61,47,42,.12);
border-right:1px solid rgba(61,47,42,.12);
gap:10px;
padding:0;
margin:0;
}

.footer-social a{
background:rgba(255,253,249,.72);
border-color:rgba(123,149,92,.2);
}

.footer-social .social-icon-cutout{fill:#efe4d2;}

@media(max-width:800px){

footer{
padding:42px 0;
margin-top:56px;
}

.footer-inner{
display:flex;
flex-direction:column;
gap:0;
align-items:stretch;
text-align:center;
}

.footer-brand,
.footer-social,
.footer-copy{
justify-content:center;
padding:18px 0;
border:0;
}

.footer-brand{
justify-items:center;
align-items:center;
}

.footer-brand-top{justify-content:center;}

.footer-tagline{
max-width:280px;
text-align:center;
}

.footer-right{align-items:center;}

.footer-social{
border-top:1px solid rgba(61,47,42,.12);
border-bottom:1px solid rgba(61,47,42,.12);
}

.footer-copy{order:3;}

.footer-links{
flex-direction:column;
gap:12px;
}

}

/* =========================== */
/* SOCIAL LINKS                */
/* =========================== */

.social-links{
display:flex;
gap:10px;
flex-wrap:wrap;
align-items:center;
}

.social-links a{
display:inline-flex;
align-items:center;
justify-content:center;
width:42px;
height:42px;
padding:0;
border-radius:999px;
background:#fffdf9;
border:1.5px solid rgba(123,149,92,.22);
color:#6f8851;
text-decoration:none;
transition:.2s;
}

.social-links svg{
width:20px;
height:20px;
display:block;
fill:none;
stroke:currentColor;
stroke-width:2;
stroke-linecap:round;
stroke-linejoin:round;
}

.social-links svg path,
.social-links svg rect,
.social-links svg circle{
vector-effect:non-scaling-stroke;
}

.social-links .social-icon-cutout{
fill:#fffdf9;
stroke:none;
}

.social-links a:hover{
background:var(--green);
border-color:var(--green);
color:white;
transform:translateY(-2px);
}

.social-links a:hover .social-icon-cutout{fill:var(--green);}

.social-block{
margin-top:28px;
padding-top:24px;
border-top:1px solid rgba(61,47,42,.08);
}

.social-block h3{
font-size:22px;
font-weight:900;
color:var(--text);
margin-bottom:14px;
}

/* =========================== */
/* SHOP PAGE                   */
/* =========================== */

.shop-wrapper{
padding:80px 0 120px;
background:var(--bg);
min-height:100vh;
}

.shop-hero{
padding:70px 0 44px;
text-align:center;
background:linear-gradient(160deg,#fffdf9 0%,#f5ece0 100%);
}

.shop-title{
font-size:60px;
font-weight:900;
line-height:1;
letter-spacing:-2px;
color:var(--text);
margin-bottom:10px;
display:inline-block;
position:relative;
}

.shop-title::after{
content:'';
display:block;
height:5px;
width:60%;
margin:10px auto 0;
border-radius:999px;
background:linear-gradient(90deg,#f2a14a,#e8913a);
}

.shop-title.small{
font-size:44px;
margin-bottom:36px;
}

.shop-subtitle{
font-size:18px;
color:#7d6b62;
margin-top:12px;
}

.dl-toolbar{
display:flex;
justify-content:space-between;
align-items:center;
gap:12px;
flex-wrap:wrap;
margin-bottom:34px;
background:#fffdf9;
border-radius:20px;
padding:16px 22px;
box-shadow:0 4px 20px rgba(0,0,0,.05);
border:1.5px solid rgba(242,161,74,.14);
}

.dl-category-filter select,
.woocommerce-ordering select{
-webkit-appearance:none;
appearance:none;
padding:10px 42px 10px 18px;
border-radius:999px;
border:2px solid #e5d9d1;
background-color:var(--bg);
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23f2a14a' stroke-width='2.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat:no-repeat;
background-position:right 15px center;
font-family:'Nunito',sans-serif;
font-weight:800;
font-size:14px;
color:var(--text);
cursor:pointer;
transition:.2s;
min-width:190px;
}

.dl-category-filter select:hover,
.woocommerce-ordering select:hover{
border-color:var(--orange);
}

.dl-category-filter select:focus,
.woocommerce-ordering select:focus{
outline:none;
border-color:var(--orange);
box-shadow:0 0 0 3px rgba(242,161,74,.15);
}

/* =========================== */
/* WOOCOMMERCE PRODUCT GRID    */
/* =========================== */

.woocommerce ul.products{
display:grid !important;
grid-template-columns:repeat(3,1fr) !important;
gap:22px !important;
padding:0 !important;
margin:0 !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after{
display:none !important;
}

.woocommerce ul.products li.product,
.dl-product-card{
width:100% !important;
max-width:100% !important;
margin:0 !important;
float:none !important;
list-style:none;
}

.dl-product-link{
height:100%;
display:flex;
flex-direction:column;
background:#fffdf9;
border-radius:22px;
overflow:hidden;
border:1px solid rgba(123,149,92,.12);
box-shadow:0 14px 34px rgba(61,47,42,.06);
text-decoration:none;
transition:.3s;
}

.dl-product-link:hover{
transform:translateY(-4px);
box-shadow:0 18px 42px rgba(61,47,42,.09);
border-color:rgba(242,161,74,.32);
}

.dl-product-image-anchor{
display:block;
text-decoration:none;
}

.dl-product-image{
position:relative;
background:#fff8ef;
margin:10px 10px 0;
border-radius:16px;
overflow:hidden;
flex-shrink:0;
aspect-ratio:1/1;
}

.dl-product-image img{
width:100% !important;
height:100%;
object-fit:cover;
border-radius:0;
margin:0 !important;
display:block;
}

.dl-product-content{
padding:10px 14px 14px;
display:flex;
flex-direction:column;
flex:1;
font-family:'Nunito',sans-serif;
}

.dl-product-title-anchor{
display:block;
text-decoration:none;
color:inherit;
}

.dl-product-title-anchor:hover .dl-product-title{color:var(--orange);}

.dl-product-title{
font-size:22px !important;
line-height:1.15;
font-weight:900 !important;
font-family:'Nunito',sans-serif;
color:var(--text);
margin-bottom:8px !important;
min-height:0;
}

.dl-product-price{
font-size:15px;
font-weight:900;
font-family:'Nunito',sans-serif;
color:var(--green);
margin-top:auto;
margin-bottom:10px;
min-height:0;
line-height:1.2;
}

.dl-product-price .woocommerce-Price-amount{
font-size:inherit;
font-family:inherit;
}

.dl-product-actions{
display:flex;
flex-direction:column;
gap:7px;
margin-top:4px;
}

.dl-product-card .button.add_to_cart_button,
.dl-product-button,
.dl-product-inquiry{
width:100%;
min-height:42px;
display:flex !important;
align-items:center;
justify-content:center;
text-align:center;
border-radius:14px !important;
padding:10px 14px !important;
font-size:14px;
font-weight:900;
font-family:'Nunito',sans-serif;
line-height:1.15;
text-decoration:none;
box-sizing:border-box;
transition:.2s;
cursor:pointer;
}

.dl-product-card .button.add_to_cart_button{
background:#f2a14a !important;
color:white !important;
border:0 !important;
box-shadow:0 10px 20px rgba(242,161,74,.2);
}

.dl-product-card .button.add_to_cart_button:hover,
.dl-product-card .button.add_to_cart_button.loading{
background:#e8913a !important;
}

.dl-product-card .button.add_to_cart_button::after{display:none !important;}

.dl-product-button{
background:transparent;
color:#6f8851;
border:1.5px solid var(--green);
}

.dl-product-inquiry{
background:#fff8ef;
color:#6f8851;
border:1.5px solid rgba(123,149,92,.38);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);
}

.dl-product-inquiry:hover,
.dl-product-button:hover{
background:var(--green);
color:white;
border-color:var(--green);
}

.onsale,
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale{
position:absolute !important;
left:16px !important;
top:16px !important;
right:auto !important;
width:auto !important;
min-width:0 !important;
min-height:0 !important;
height:auto !important;
line-height:1 !important;
display:inline-flex !important;
align-items:center;
justify-content:center;
padding:8px 12px !important;
border-radius:999px !important;
background:var(--green) !important;
color:white !important;
font-size:0 !important;
font-weight:900 !important;
box-shadow:0 10px 20px rgba(123,149,92,.25);
z-index:2;
}

a.added_to_cart.wc-forward{
display:inline-flex;
align-items:center;
justify-content:center;
gap:7px;
margin-top:10px;
padding:12px 22px;
width:100%;
font-size:15px;
font-weight:800;
color:var(--green);
background:rgba(123,149,92,.08);
border:1.5px solid rgba(123,149,92,.3);
border-radius:999px;
text-decoration:none;
transition:background .2s ease,color .2s ease,border-color .2s ease;
}

a.added_to_cart.wc-forward::before{
content:"";
display:inline-block;
width:18px;
height:18px;
background-color:var(--green);
mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E");
mask-size:contain;
mask-repeat:no-repeat;
mask-position:center;
flex-shrink:0;
transition:background-color .2s ease;
}

a.added_to_cart.wc-forward:hover{
background:var(--green);
color:#fff;
border-color:var(--green);
}

a.added_to_cart.wc-forward:hover::before{background-color:#fff;}

@media(max-width:950px){

.shop-title{font-size:50px;}

.woocommerce ul.products{
grid-template-columns:1fr !important;
}

}

@media(max-width:600px){

.woocommerce ul.products{gap:18px !important;}

.dl-product-content{padding:10px 12px 12px;}

.dl-product-title{font-size:20px !important;}

}

/* =========================== */
/* PAGINATION                  */
/* =========================== */

.woocommerce nav.woocommerce-pagination,
.dl-pagination{
margin-top:46px;
display:flex;
justify-content:center;
align-items:center;
gap:10px;
flex-wrap:wrap;
padding-bottom:40px;
}

.woocommerce nav.woocommerce-pagination ul{
display:flex;
gap:8px;
align-items:center;
justify-content:center;
border:0 !important;
margin:0 !important;
padding:0 !important;
list-style:none;
}

.woocommerce nav.woocommerce-pagination ul li{
border:0 !important;
margin:0 !important;
overflow:visible !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.dl-pagination .page-numbers{
min-width:42px;
height:42px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 14px !important;
border:1.5px solid rgba(123,149,92,.18);
border-radius:999px;
background:#fffdf9;
box-shadow:0 10px 24px rgba(61,47,42,.06);
color:var(--text);
font-size:15px;
font-weight:900;
text-decoration:none;
line-height:1;
transition:.2s;
font-family:'Nunito',sans-serif;
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.dl-pagination .page-numbers.current{
background:var(--orange);
border-color:var(--orange);
color:white;
box-shadow:0 12px 24px rgba(242,161,74,.22);
}

.woocommerce nav.woocommerce-pagination ul li a:hover,
.dl-pagination a.page-numbers:hover{
background:var(--green);
border-color:var(--green);
color:white;
transform:translateY(-2px);
}

.dl-no-products{
text-align:center;
padding:80px 20px;
font-size:20px;
color:#7d6b62;
background:#fffdf9;
border-radius:34px;
box-shadow:0 18px 40px rgba(0,0,0,.04);
}

/* =========================== */
/* SINGLE PRODUCT PAGE         */
/* =========================== */

.single-product .product-page-wrapper{
padding:42px 0 112px;
background:
linear-gradient(135deg,rgba(123,149,92,.08) 0,rgba(123,149,92,0) 240px),
linear-gradient(180deg,#fffdf9 0%,#f7f1e8 52%,#f3e6d5 100%);
}

.single-product .product-page-wrapper > .container{
width:min(1160px,92%);
}

.dl-breadcrumb-wrap{
max-width:1180px;
margin:0 auto 18px;
}

.dl-breadcrumb-wrap .woocommerce-breadcrumb{
display:inline-flex;
align-items:center;
gap:6px;
margin:0 !important;
padding:10px 16px;
border-radius:999px;
background:#fffdf9;
border:1px solid rgba(123,149,92,.12);
box-shadow:0 8px 26px rgba(61,47,42,.05);
font-size:12px;
font-weight:900;
color:#6f625a;
}

.single-product .dl-single-grid{
display:grid;
grid-template-columns:minmax(360px,560px) minmax(360px,500px);
gap:48px;
align-items:start;
justify-content:center;
margin:0 auto;
max-width:1180px;
}

.single-product .dl-single-gallery{
position:sticky;
top:118px;
}

.single-product .dl-custom-gallery{
position:relative;
overflow:hidden;
padding:16px;
border-radius:28px;
background:linear-gradient(180deg,#fffdf9 0%,#faf2e7 100%);
border:1px solid rgba(123,149,92,.18);
box-shadow:0 22px 56px rgba(61,47,42,.11);
}

.single-product .dl-custom-gallery::before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:
linear-gradient(135deg,rgba(123,149,92,.18) 0 42px,transparent 42px 100%),
linear-gradient(135deg,transparent 0 84%,rgba(242,161,74,.18) 84% 100%);
opacity:.6;
}

.single-product .dl-gallery-main-wrap{
display:flex;
align-items:center;
gap:12px;
}

.single-product .dl-gallery-arrow{
flex-shrink:0;
width:46px;
height:46px;
border-radius:50%;
background:#fffdf9;
border:0;
box-shadow:0 14px 34px rgba(61,47,42,.14);
color:#6f8851;
font-size:34px;
font-weight:900;
line-height:1;
cursor:pointer;
display:flex;
align-items:center;
justify-content:center;
transition:.2s;
padding:0;
}

.single-product .dl-gallery-arrow:hover{
background:var(--green);
color:white;
box-shadow:0 6px 20px rgba(123,149,92,.30);
}

.single-product .dl-main-product-image{
position:relative;
z-index:1;
flex:1;
min-width:0;
display:flex;
align-items:center;
justify-content:center;
min-height:520px;
border-radius:22px;
background:linear-gradient(180deg,#fffdf9,#fbf3e8);
overflow:hidden;
}

.single-product .dl-main-product-image img{
width:100%;
height:100%;
max-height:560px;
aspect-ratio:auto;
object-fit:cover;
object-position:center;
padding:0;
display:block;
}

.single-product .dl-gallery-thumbs{
position:relative;
z-index:1;
display:flex;
overflow-x:auto;
overscroll-behavior-inline:contain;
scroll-snap-type:x proximity;
gap:12px;
margin-top:14px;
padding:2px 2px 8px;
}

.single-product .dl-gallery-thumb{
display:block;
position:relative;
flex:0 0 92px;
height:82px;
scroll-snap-align:start;
border-radius:16px;
overflow:hidden;
background:#fffdf9;
border:2px solid rgba(123,149,92,.12);
box-shadow:0 8px 20px rgba(61,47,42,.06);
transition:.2s;
cursor:pointer;
}

.single-product .dl-gallery-thumb:hover,
.single-product .dl-gallery-thumb.is-active{
border-color:var(--green);
transform:translateY(-2px);
}

.single-product .dl-gallery-thumb.is-active{
box-shadow:0 0 0 3px rgba(123,149,92,.12),0 10px 22px rgba(61,47,42,.08);
}

.single-product .dl-gallery-thumb img{
position:absolute;
top:0;
left:0;
width:100% !important;
height:100% !important;
max-width:none !important;
max-height:none !important;
object-fit:cover;
object-position:center;
display:block;
transform:scale(1.01);
}

.dl-gallery-arrow-prev,
.dl-gallery-arrow-next{
position:absolute;
top:50%;
transform:translateY(-50%);
width:46px;
height:46px;
background:rgba(255,255,255,0.92);
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
cursor:pointer;
z-index:50;
box-shadow:0 6px 18px rgba(0,0,0,.12);
transition:.2s ease;
}

.dl-gallery-arrow-prev{left:12px;}
.dl-gallery-arrow-next{right:12px;}

.dl-gallery-arrow-prev:hover,
.dl-gallery-arrow-next:hover{
transform:translateY(-50%) scale(1.08);
background:#fff;
}

.single-product .dl-single-summary{
padding:36px;
border-radius:28px;
background:#fffdf9;
border:1px solid rgba(123,149,92,.18);
box-shadow:0 22px 56px rgba(61,47,42,.09);
max-width:none;
font-family:'Nunito',sans-serif;
}

.dl-single-kicker{
display:inline-flex;
align-items:center;
margin-bottom:14px;
padding:7px 12px;
border-radius:999px;
background:#eef3e8;
color:#6f8851;
font-size:11px;
font-weight:900;
text-transform:uppercase;
}

.single-product .dl-single-title{
max-width:430px;
font-size:48px;
line-height:1.04;
letter-spacing:0;
font-weight:900;
margin-bottom:14px;
color:#35261f;
}

.single-product .dl-single-price{
display:flex;
width:max-content;
max-width:100%;
align-items:center;
padding:10px 14px;
margin-bottom:26px;
border-radius:14px;
background:#f5ecdf;
box-shadow:none;
font-size:22px;
font-weight:900;
line-height:1;
color:#6f8851;
}

.single-product .dl-single-price del{
opacity:.55;
margin-right:8px;
}

.single-product .dl-single-price ins{
text-decoration:none;
color:#6f8851;
}

.single-product .dl-single-price .woocommerce-Price-amount{
font-size:inherit;
font-family:inherit;
}

.single-product .dl-single-excerpt{display:none;}

.dl-single-benefits{
display:grid;
grid-template-columns:1fr;
gap:8px;
margin-bottom:22px;
padding:18px 0;
border-top:1px solid rgba(61,47,42,.08);
border-bottom:1px solid rgba(61,47,42,.08);
}

.dl-single-benefits span{
position:relative;
display:flex;
align-items:center;
justify-content:flex-start;
min-height:auto;
padding:0 0 0 22px;
border:0;
border-radius:0;
background:transparent;
font-size:14px;
line-height:1.45;
font-weight:800;
color:#54463f;
}

.dl-single-benefits span::before{
content:"";
position:absolute;
left:0;
top:8px;
width:8px;
height:8px;
border-radius:50%;
background:var(--orange);
box-shadow:0 0 0 4px rgba(242,161,74,.15);
}

.single-product .dl-single-cart{
margin-bottom:28px;
padding:18px;
border-radius:20px;
background:#fff8ef;
border:1px solid rgba(242,161,74,.28);
box-shadow:none;
}

.single-product .dl-single-cart .cart{
display:grid;
grid-template-columns:74px 1fr;
gap:12px;
align-items:center;
}

.single-product .dl-single-cart .quantity input{
width:100%;
height:52px;
padding:0;
border-radius:16px;
border:1px solid rgba(61,47,42,.16);
background:white;
font-family:'Nunito',sans-serif;
font-size:16px;
font-weight:900;
text-align:center;
}

.single_add_to_cart_button{
width:100%;
min-height:52px;
background:#f2a14a !important;
color:white !important;
border:none !important;
border-radius:16px !important;
padding:14px 22px !important;
font-weight:900 !important;
font-size:15px !important;
font-family:'Nunito',sans-serif !important;
transition:.25s !important;
box-shadow:0 12px 24px rgba(242,161,74,.24) !important;
}

.single_add_to_cart_button:hover{
background:#e8913a !important;
transform:translateY(-2px);
box-shadow:0 8px 24px rgba(242,161,74,.3) !important;
}

.single-product .dl-single-meta{
display:flex;
align-items:center;
gap:10px;
padding-top:18px;
border-top:1px solid rgba(61,47,42,.08);
font-size:13px;
color:#7d6b62;
}

.single-product .dl-meta-label{
font-weight:900;
color:#7d6b62;
}

.single-product .dl-meta-value a{
color:#6f8851;
font-weight:900;
text-decoration:none;
}

.single-product .dl-single-inquiry{
margin-bottom:24px;
padding:20px;
border-radius:20px;
background:linear-gradient(180deg,#fff8ef,#fffdf9);
border:1px solid rgba(242,161,74,.28);
box-shadow:inset 0 0 0 1px rgba(255,255,255,.5);
}

.single-product .dl-single-inquiry p{
margin-bottom:14px;
font-size:15px;
line-height:1.55;
font-weight:800;
color:#5f5149;
}

.single-product .dl-single-inquiry .btn{
min-height:50px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 24px;
border-radius:16px;
font-size:15px;
}

.single-product .dl-single-inquiry .btn:hover{transform:translateY(-2px);}

.single-product .dl-tabs{
max-width:1160px;
margin:58px auto 0;
border-radius:26px;
background:#fffdf9;
border:1px solid rgba(123,149,92,.16);
box-shadow:0 18px 46px rgba(61,47,42,.08);
overflow:hidden;
padding:0 !important;
}

.single-product .dl-tabs .woocommerce-tabs{
background:transparent;
box-shadow:none;
border-radius:0;
padding:0;
}

.single-product .dl-tabs ul.tabs{
display:flex !important;
gap:8px !important;
align-items:center;
margin:0 !important;
padding:16px 18px 0 !important;
background:#f5eadb !important;
border:0 !important;
list-style:none !important;
border-radius:0 !important;
}

.single-product .dl-tabs ul.tabs::before,
.single-product .dl-tabs ul.tabs::after,
.single-product .dl-tabs ul.tabs li::before,
.single-product .dl-tabs ul.tabs li::after{
display:none !important;
content:none !important;
}

.single-product .dl-tabs ul.tabs li{
margin:0 !important;
padding:0 !important;
border:0 !important;
background:transparent !important;
list-style:none !important;
box-shadow:none !important;
}

.single-product .dl-tabs ul.tabs li a{
display:inline-flex !important;
align-items:center;
min-height:34px;
padding:9px 18px !important;
border-radius:999px;
background:#fffdf9;
color:var(--text) !important;
font-size:13px !important;
font-weight:900 !important;
text-decoration:none;
box-shadow:none;
transition:all .2s ease !important;
}

.single-product .dl-tabs ul.tabs li.active{
background:var(--green) !important;
border-radius:999px !important;
}

.single-product .dl-tabs ul.tabs li.active a{
color:white !important;
background:transparent;
}

.single-product .dl-tabs .panel{
padding:42px 34px 36px !important;
}

.single-product .dl-tabs .panel h2{
font-size:28px;
line-height:1.15;
margin-bottom:16px;
color:#35261f;
}

.single-product .dl-tabs .panel p,
.single-product .dl-tabs .panel .comment-form{
font-size:16px;
line-height:1.75;
color:#5f5149;
}

.single-product .dl-related{
max-width:1180px;
margin-top:90px;
}

.dl-related h2{
font-size:44px;
margin-bottom:34px;
}

@media(max-width:950px){

.single-product .dl-single-grid{
grid-template-columns:1fr;
gap:28px;
}

.single-product .dl-single-gallery{
position:relative;
top:auto;
}

.single-product .dl-single-summary{
padding:26px 20px;
border-radius:26px;
max-width:100%;
}

.single-product .dl-single-title{font-size:36px;}

.single-product .dl-single-cart .cart{align-items:stretch;}

.single_add_to_cart_button{width:100%;}

.single-product .dl-main-product-image{min-height:380px;}

.single-product .dl-main-product-image img{max-height:430px;}

}

@media(max-width:600px){
.single-product .dl-gallery-thumbs{justify-content:flex-start;}
}

/* =========================== */
/* REVIEWS                     */
/* =========================== */

.woocommerce #review_form_wrapper,
.single-product #review_form_wrapper{
background:var(--cream) !important;
border:2px solid rgba(123,149,92,.15) !important;
border-radius:28px !important;
padding:36px !important;
box-shadow:0 12px 36px rgba(61,47,42,.03) !important;
box-sizing:border-box !important;
}

.single-product #review_form_wrapper{
background:linear-gradient(180deg,#fff8ef,#fffdf9) !important;
}

.woocommerce #reply-title,
.single-product #reply-title{
font-size:22px !important;
font-weight:900 !important;
color:var(--text) !important;
margin-bottom:20px !important;
display:block !important;
}

.woocommerce #review_form .stars a,
.single-product #review_form .stars a{
color:var(--orange) !important;
font-size:22px !important;
margin-right:4px !important;
}

.woocommerce #review_form label,
.single-product #review_form label{
font-size:15px !important;
font-weight:800 !important;
color:var(--text) !important;
margin-bottom:8px !important;
display:block !important;
}

.woocommerce #reviews textarea,
.woocommerce #reviews input[type="text"],
.woocommerce #reviews input[type="email"],
.single-product #reviews textarea,
.single-product #reviews input[type="text"],
.single-product #reviews input[type="email"]{
width:100% !important;
border:2px solid #decfbe !important;
border-radius:14px !important;
padding:14px 16px !important;
background:#ffffff !important;
font-family:'Nunito',sans-serif !important;
font-size:16px !important;
color:var(--text) !important;
outline:none !important;
transition:all .2s ease !important;
box-sizing:border-box !important;
}

.woocommerce #reviews textarea:focus,
.woocommerce #reviews input[type="text"]:focus,
.woocommerce #reviews input[type="email"]:focus{
border-color:var(--green) !important;
box-shadow:0 0 0 4px rgba(123,149,92,.12) !important;
}

.woocommerce #reviews textarea{
min-height:140px !important;
resize:vertical !important;
}

.woocommerce #reviews #comments .woocommerce-noreviews{
display:inline-flex !important;
align-items:center !important;
padding:10px 18px !important;
border-radius:12px !important;
background:var(--cream) !important;
color:#7d6b62 !important;
font-size:14px !important;
font-weight:800 !important;
border:1.5px solid #decfbe !important;
margin-bottom:24px !important;
}

.woocommerce #reviews #comments h2,
.single-product .dl-tabs h2{
font-size:26px !important;
font-weight:900 !important;
color:var(--text) !important;
margin:0 0 16px !important;
letter-spacing:-.5px !important;
}

.woocommerce #reviews .form-submit,
.single-product #reviews .form-submit{
margin-top:24px !important;
display:flex !important;
justify-content:flex-start !important;
}

.woocommerce #reviews .form-submit input#submit,
.woocommerce #respond input#submit,
.single-product #reviews .form-submit input{
width:auto !important;
min-width:160px !important;
height:50px !important;
background:var(--green) !important;
color:#ffffff !important;
font-size:16px !important;
font-weight:900 !important;
font-family:'Nunito',sans-serif !important;
border:none !important;
border-radius:999px !important;
padding:0 32px !important;
cursor:pointer !important;
box-shadow:0 8px 20px rgba(123,149,92,.2) !important;
transition:all .25s ease !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
}

.woocommerce #reviews .form-submit input#submit:hover,
.woocommerce #respond input#submit:hover{
background:#6a824e !important;
transform:translateY(-2px) !important;
box-shadow:0 12px 24px rgba(123,149,92,.3) !important;
}

@media(max-width:750px){

.woocommerce #review_form_wrapper,
.single-product #review_form_wrapper{
padding:24px 20px !important;
}

.woocommerce #reviews .form-submit input#submit,
.woocommerce #respond input#submit{
width:100% !important;
}

}

/* =========================== */
/* WOOCOMMERCE GENERAL         */
/* =========================== */

.woocommerce-breadcrumb{
margin-bottom:26px !important;
font-size:15px;
color:#8b7c72;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-error{
border:0 !important;
border-radius:22px !important;
background:#fffdf9 !important;
box-shadow:0 12px 34px rgba(61,47,42,.06);
color:var(--text);
display:flex;
align-items:center;
gap:14px;
flex-wrap:wrap;
padding:18px 20px !important;
}

.woocommerce-error::before,
.woocommerce-info::before,
.woocommerce-message::before{
color:var(--green);
}

.woocommerce-message .wc-forward,
.woocommerce-message a.button.wc-forward{
order:2;
float:none !important;
min-height:40px;
margin:0 !important;
padding:10px 18px !important;
border-radius:14px !important;
background:var(--green) !important;
color:white !important;
border:none !important;
font-family:'Nunito',sans-serif !important;
font-weight:900 !important;
font-size:14px !important;
text-decoration:none !important;
display:inline-flex !important;
align-items:center;
justify-content:center;
transition:.2s !important;
box-shadow:0 10px 20px rgba(123,149,92,.2);
}

.woocommerce-message .wc-forward:hover,
.woocommerce-message a.button.wc-forward:hover{
background:#6a8249 !important;
}

.button,
.woocommerce button.button,
.woocommerce a.button{
min-height:46px;
border-radius:16px !important;
font-family:'Nunito',sans-serif !important;
font-weight:900 !important;
}

.checkout-button,
.button.alt{
background:var(--green) !important;
border-radius:999px !important;
font-weight:900 !important;
}

.price{
font-size:24px !important;
font-weight:900 !important;
color:var(--green) !important;
}

/* =========================== */
/* CART & CHECKOUT             */
/* =========================== */

.cart-page-wrapper,
.checkout-page-wrapper{
background:
linear-gradient(135deg,rgba(123,149,92,.08) 0,rgba(123,149,92,0) 240px),
linear-gradient(180deg,#fffdf9 0%,#f7f1e8 55%,#f3e6d5 100%);
}

.dl-cart-shell,
.dl-checkout-shell{
max-width:1160px;
margin:34px auto 0;
}

.woocommerce-cart-form,
.cart_totals,
.woocommerce-checkout #customer_details,
.woocommerce-checkout-review-order{
background:#fffdf9;
border:1px solid rgba(123,149,92,.16);
border-radius:28px;
box-shadow:0 18px 46px rgba(61,47,42,.08);
overflow:hidden;
}

.woocommerce-cart-form{padding:10px;}

.woocommerce-cart table.cart,
.woocommerce table.shop_table,
.woocommerce-checkout-review-order-table{
width:100%;
border:0 !important;
border-collapse:separate;
border-spacing:0;
background:transparent !important;
border-radius:0;
box-shadow:none;
overflow:hidden;
}

.woocommerce table.shop_table th,
.woocommerce table.shop_table td,
.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td{
border:0 !important;
border-bottom:1px solid rgba(61,47,42,.08) !important;
padding:18px 16px !important;
font-family:'Nunito',sans-serif;
vertical-align:middle;
}

.woocommerce table.shop_table th,
.woocommerce-cart table.cart th{
background:#f5eadb;
color:var(--text);
font-size:13px;
font-weight:900;
text-transform:uppercase;
}

.woocommerce-cart table.cart img{
width:76px;
height:76px;
border-radius:16px;
object-fit:cover;
box-shadow:0 8px 18px rgba(61,47,42,.08);
}

.woocommerce-cart table.cart .product-name a,
.woocommerce-checkout-review-order-table .product-name{
color:var(--text);
font-weight:900;
text-decoration:none;
}

.woocommerce-cart table.cart .product-remove a{
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
border-radius:999px;
background:#fff3ea;
color:#c26042 !important;
font-size:20px;
font-weight:900;
text-decoration:none;
}

.woocommerce-cart table.cart .product-remove a:hover{
background:#c26042;
color:white !important;
}

.woocommerce .quantity input.qty{
width:76px;
height:46px;
border-radius:16px;
border:1px solid rgba(61,47,42,.16);
background:white;
font-family:'Nunito',sans-serif;
font-size:16px;
font-weight:900;
text-align:center;
}

.woocommerce-cart .cart-collaterals{
margin-top:28px;
display:flex;
justify-content:flex-end;
}

.woocommerce-cart .cart-collaterals .cart_totals{
width:min(460px,100%);
float:none;
padding:28px;
}

.woocommerce-cart .cart_totals h2{
font-size:28px;
line-height:1.15;
margin-bottom:18px;
color:#35261f;
}

.woocommerce-cart .wc-proceed-to-checkout{padding:18px 0 0;}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order{
width:100%;
min-height:54px;
display:flex;
align-items:center;
justify-content:center;
border-radius:18px !important;
background:var(--orange) !important;
box-shadow:0 14px 28px rgba(242,161,74,.24) !important;
font-size:16px !important;
font-weight:900 !important;
font-family:'Nunito',sans-serif !important;
}

.woocommerce-cart .actions{background:#fff8ef;}

.woocommerce-cart .coupon{
display:flex;
gap:10px;
align-items:center;
flex-wrap:wrap;
}

.woocommerce-cart .coupon input.input-text,
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
height:48px;
border:1px solid rgba(61,47,42,.16);
border-radius:16px;
background:white;
padding:12px 14px;
font-family:'Nunito',sans-serif;
font-size:15px;
color:var(--text);
box-shadow:none;
}

.woocommerce form .form-row textarea{
height:auto;
min-height:120px;
}

.woocommerce-checkout form.checkout{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(340px,440px);
gap:28px;
align-items:start;
}

.woocommerce-checkout #customer_details{padding:28px;}

.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2{
float:none;
width:100%;
}

.woocommerce-checkout #customer_details .col-2{
margin-top:24px;
padding-top:24px;
border-top:1px solid rgba(61,47,42,.08);
}

.woocommerce-checkout h3,
.woocommerce-billing-fields h3,
.woocommerce-additional-fields h3,
#order_review_heading{
font-size:28px;
line-height:1.15;
margin:0 0 18px;
color:#35261f;
font-weight:900;
}

#order_review_heading{
grid-column:2;
margin-bottom:-10px;
padding:0 4px;
}

.woocommerce-checkout-review-order{
grid-column:2;
padding:0;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td{font-size:14px;}

.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout-review-order-table tfoot td{
background:#fff8ef;
font-weight:900;
}

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td{
font-size:18px;
color:#6f8851;
}

.woocommerce-checkout #payment{
background:#fff8ef !important;
border:0 !important;
border-top:1px solid rgba(61,47,42,.08) !important;
border-radius:0 0 28px 28px !important;
padding:22px !important;
}

.woocommerce-checkout #payment ul.payment_methods{
padding:0 !important;
border:0 !important;
display:grid;
gap:12px;
}

.woocommerce-checkout #payment ul.payment_methods li{
position:relative;
margin:0 !important;
padding:16px 18px !important;
border-radius:20px;
background:#fffdf9;
border:1px solid rgba(123,149,92,.16);
box-shadow:0 8px 20px rgba(61,47,42,.04);
font-family:'Nunito',sans-serif;
}

.woocommerce-checkout #payment ul.payment_methods li input{
margin-right:10px;
accent-color:var(--green);
}

.woocommerce-checkout #payment ul.payment_methods li label{
font-weight:900;
color:var(--text);
}

.woocommerce-checkout #payment div.payment_box{
margin:14px 0 0 !important;
padding:14px 16px !important;
border-radius:16px !important;
background:#f5eadb !important;
color:#5f5149 !important;
font-size:14px;
line-height:1.6;
}

.woocommerce-checkout #payment div.payment_box::before{display:none !important;}

.woocommerce-privacy-policy-text{
margin:18px 0;
font-size:13px;
line-height:1.6;
color:#6f625a;
}

@media(max-width:950px){

.woocommerce-checkout form.checkout{
grid-template-columns:1fr;
gap:22px;
}

#order_review_heading,
.woocommerce-checkout-review-order{grid-column:1;}

#order_review_heading{margin-bottom:0;}

.woocommerce-checkout #customer_details,
.woocommerce-cart .cart-collaterals .cart_totals{
padding:22px;
}

.woocommerce table.shop_table_responsive tr,
.woocommerce-page table.shop_table_responsive tr{
border-bottom:1px solid rgba(61,47,42,.08);
}

.woocommerce table.shop_table_responsive tr td,
.woocommerce-page table.shop_table_responsive tr td{
display:block;
text-align:right !important;
}

.woocommerce table.shop_table_responsive tr td::before,
.woocommerce-page table.shop_table_responsive tr td::before{
float:left;
font-weight:900;
color:#7d6b62;
}

}

/* =========================== */
/* INFO PAGES (ABOUT/CONTACT)  */
/* =========================== */

.info-hero{
padding:90px 0 36px;
background:linear-gradient(to bottom,#fffdf9,#f7efe6);
}

.info-hero-inner{
text-align:center;
max-width:860px;
margin:0 auto;
}

.info-hero h1{
font-size:68px;
line-height:.95;
letter-spacing:-3px;
font-weight:900;
color:var(--text);
margin-bottom:16px;
}

.info-hero p{
font-size:21px;
line-height:1.65;
color:#5e5149;
}

.info-hero-title-img{
display:block;
width:70%;
max-width:580px;
min-width:220px;
height:auto;
margin:0 auto 32px;
object-fit:contain;
}

.info-section{
padding:44px 0 0;
background:var(--bg);
}

.info-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:28px;
align-items:stretch;
}

.info-card,
.info-wide-card,
.contact-card{
background:#fffdf9;
border-radius:34px;
padding:34px;
box-shadow:0 18px 40px rgba(0,0,0,.05);
}

.info-card h2,
.info-wide-card h2,
.contact-card h2{
font-size:34px;
line-height:1.1;
letter-spacing:-1px;
color:var(--text);
margin-bottom:16px;
}

.info-card p,
.info-wide-card p,
.contact-card p{
font-size:18px;
line-height:1.75;
color:#5f524a;
}

.info-list{
list-style:none;
display:grid;
gap:12px;
margin-top:4px;
}

.info-list li{
position:relative;
padding-left:22px;
font-size:18px;
line-height:1.6;
color:#5f524a;
}

.info-list li::before{
content:"";
position:absolute;
left:0;
top:11px;
width:10px;
height:10px;
border-radius:50%;
background:var(--orange);
}

.info-section-highlight{padding:28px 0 110px;}

.info-wide-card{
text-align:center;
max-width:980px;
margin:0 auto;
}

.info-wide-card .btn{
margin-top:20px;
display:inline-flex;
justify-content:center;
align-items:center;
}

.contact-layout{
display:grid;
grid-template-columns:minmax(260px,420px) minmax(320px,1fr);
gap:28px;
padding-bottom:110px;
}

.contact-item{
font-size:18px;
line-height:1.75;
color:#5f524a;
margin-bottom:8px;
}

.contact-form{display:grid;gap:12px;}

.contact-form label{
font-size:15px;
font-weight:800;
color:#4b3a34;
margin-top:4px;
}

.contact-form input,
.contact-form textarea{
width:100%;
border:1px solid #decfbe;
background:#fff;
border-radius:16px;
padding:14px 16px;
font-size:16px;
font-family:inherit;
color:var(--text);
}

.contact-form textarea{
resize:vertical;
min-height:150px;
}

.contact-form .btn{
margin-top:8px;
border:none;
cursor:pointer;
justify-content:center;
}

@media(max-width:950px){

.info-hero h1{font-size:48px;}
.info-hero p{font-size:18px;}

.info-grid,
.contact-layout{grid-template-columns:1fr;}

.info-card,
.info-wide-card,
.contact-card{padding:24px;}

.info-card h2,
.info-wide-card h2,
.contact-card h2{font-size:28px;}

}

@media(max-width:900px){
.info-hero-title-img{width:80%;max-width:420px;}
}

@media(max-width:600px){
.info-hero-title-img{width:90%;max-width:320px;margin-bottom:20px;}
}

/* =========================== */
/* KATEGORIJE PAGE             */
/* =========================== */

.kategorije-hero{
padding:90px 0 50px;
background:linear-gradient(to bottom,#fffdf9,#f7efe6);
text-align:center;
}

.kategorije-hero h1{
font-size:64px;
font-weight:900;
letter-spacing:-3px;
color:var(--text);
margin-bottom:14px;
line-height:1;
}

.kategorije-hero p{
font-size:20px;
color:#5e5149;
line-height:1.65;
}

.kategorije-section{
padding:60px 0 120px;
background:var(--bg);
}

.kategorije-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:36px;
}

@media(max-width:900px){
.kategorije-grid{grid-template-columns:1fr;}
.kategorije-hero h1{font-size:44px;}
}

@media(max-width:600px){
.kategorije-hero h1{font-size:36px;}
}

/* =========================== */
/* FAQ PAGE                    */
/* =========================== */

.faq-hero{padding-bottom:44px;}

.faq-title-img{
width:min(760px,94%);
max-width:760px;
}

.faq-section{
position:relative;
padding:54px 0 120px;
background:var(--bg) !important;
}

.faq-section .container{max-width:1100px;}

.faq-section .faq-layout{
display:grid;
grid-template-columns:280px 1fr;
gap:36px;
margin:40px auto 0;
max-width:1100px;
align-items:start;
}

.faq-section .faq-intro{
background:#fffdf9;
border:1px solid rgba(123,149,92,.14);
border-radius:28px;
padding:40px 36px;
box-shadow:0 16px 40px rgba(61,47,42,.06);
display:flex !important;
flex-direction:column !important;
align-items:center;
justify-content:center;
text-align:center;
gap:0;
}

.faq-section .faq-intro h2{
font-size:32px;
line-height:1.1;
margin-bottom:12px;
color:var(--text);
}

.faq-section .faq-intro p{
font-size:16px;
line-height:1.65;
color:#6b5a50;
max-width:560px;
margin:0 0 24px;
}

.faq-section .faq-intro a.btn{
display:inline-flex !important;
align-items:center;
justify-content:center;
min-height:48px;
padding:14px 28px !important;
font-size:15px;
font-weight:700;
color:#fff !important;
background:var(--green) !important;
border:none !important;
border-radius:14px !important;
box-shadow:0 10px 24px rgba(123,149,92,.28);
cursor:pointer;
text-decoration:none !important;
transition:background .2s ease,transform .15s ease,box-shadow .2s ease;
}

.faq-section .faq-intro a.btn:hover{
background:#6a8250 !important;
transform:translateY(-2px);
box-shadow:0 14px 30px rgba(123,149,92,.34);
color:#fff !important;
}

.faq-section .faq-list{display:grid;gap:14px;}

.faq-section .faq-item{
background:#fffdf9;
border:1px solid rgba(123,149,92,.14);
border-radius:22px;
box-shadow:0 12px 30px rgba(61,47,42,.05);
overflow:hidden;
transition:box-shadow .25s ease;
}

.faq-section .faq-item[open]{
box-shadow:0 16px 38px rgba(61,47,42,.09);
}

.faq-section .faq-item summary{
position:relative;
list-style:none;
cursor:pointer;
padding:20px 58px 20px 22px;
font-size:18px;
font-weight:900;
line-height:1.25;
color:var(--text);
transition:background .25s ease;
}

.faq-section .faq-item summary:hover{background:#f9f4ea;}

.faq-section .faq-item summary::-webkit-details-marker,
.faq-section .faq-item summary::marker{display:none;}

.faq-section .faq-item summary::after{
content:"+";
position:absolute;
right:20px;
top:50%;
width:30px;
height:30px;
border-radius:999px;
display:flex;
align-items:center;
justify-content:center;
background:#f5eadb;
color:#6f8851;
font-size:22px;
font-weight:900;
transform:translateY(-50%);
transition:all .25s ease;
}

.faq-section .faq-item[open] summary::after{
content:"−";
background:var(--green);
color:#fff;
}

.faq-section .faq-item p{
padding:16px 22px 22px;
font-size:16px;
line-height:1.75;
color:#5f5149;
border-top:1px solid rgba(123,149,92,.1);
margin-top:0;
}

@media(max-width:900px){

.faq-section{padding:36px 0 90px;}

.faq-section .faq-layout{
grid-template-columns:1fr;
gap:20px;
margin-top:20px;
}

.faq-section .faq-intro{padding:28px 24px;}
.faq-section .faq-intro h2{font-size:26px;}
.faq-section .faq-item summary{font-size:17px;}

}

/* Ako je vrednost atributa data-count jednaka 0, sakrij brojač */
.nav-cart-count[data-count="0"] {
    display: none !important;
}

/* Osnovno stilizovanje korpe */
.cart-page-wrapper { padding: 40px 0; }

/* Dodali smo .dl-cart-shell ispred da bude jači selektor */
.dl-cart-shell table.shop_table {
    border-collapse: collapse !important;
    width: 100% !important;
    border: 1px solid #eee !important;
}

.dl-cart-shell table.shop_table th, 
.dl-cart-shell table.shop_table td {
    padding: 20px !important;
    border-bottom: 1px solid #eee !important;
    text-align: left !important;
}

.dl-cart-shell .cart_totals table {
    width: 100% !important;
    margin-top: 20px !important;
}

/* Ulepšavanje dugmeta za ažuriranje */
.dl-cart-shell button[name="update_cart"] {
    background: #555 !important;
    color: #fff !important;
    border: none !important;
    padding: 10px 15px !important;
    cursor: pointer;
}

/* Responsivnost za mobilne */
@media (max-width: 768px) {
    .dl-cart-shell .shop_table thead { display: none; }
    .dl-cart-shell .shop_table, .dl-cart-shell .shop_table tbody, .dl-cart-shell .shop_table tr, .dl-cart-shell .shop_table td {
        display: block;
        width: 100%;
    }
}

/* Prisilno stilizovanje tabele korpe */
.woocommerce-cart-form__contents {
    width: 100%;
    border-collapse: separate !important;
    border-spacing: 0 15px !important;
}

.woocommerce-cart-form__contents tr {
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    border-radius: 15px;
}

.woocommerce-cart-form__contents td {
    padding: 20px !important;
    vertical-align: middle;
}

/* Sakrij "Remove" tekst ako smeta */
.product-remove a {
    font-size: 0 !important;
}
.product-remove a:after {
    content: "✕";
    font-size: 16px;
    color: red;
}

/* --- MOBILNA OPTIMIZACIJA ZA KORPU --- */
@media (max-width: 768px) {
    /* 1. Potpuno skrivamo zaglavlje tabele */
    .woocommerce-cart-form__contents thead {
        display: none !important;
    }

    /* 2. Svaki red postaje "kartica" */
    .woocommerce-cart-form__contents, 
    .woocommerce-cart-form__contents tbody, 
    .woocommerce-cart-form__contents tr, 
    .woocommerce-cart-form__contents td {
        display: block !important;
        width: 100% !important;
    }

    .woocommerce-cart-form__contents tr {
        margin-bottom: 20px !important;
        padding: 15px !important;
        border: 1px solid #eee !important;
        border-radius: 15px !important;
        background: #fff !important;
    }

    /* 3. Sakrivamo nepotrebne kolone na mobilnom */
    .woocommerce-cart-form__contents .product-remove,
    .woocommerce-cart-form__contents .product-thumbnail {
        display: inline-block !important;
        width: 20% !important;
        border: none !important;
    }

    .woocommerce-cart-form__contents .product-name,
    .woocommerce-cart-form__contents .product-price,
    .woocommerce-cart-form__contents .product-quantity,
    .woocommerce-cart-form__contents .product-subtotal {
        display: block !important;
        text-align: right !important;
        padding: 5px 0 !important;
        border: none !important;
    }

    /* Dodajemo labele pre vrednosti da bi bilo jasnije */
    .product-price:before { content: "Cena: "; font-weight: bold; }
    .product-quantity:before { content: "Količina: "; font-weight: bold; }
    .product-subtotal:before { content: "Ukupno: "; font-weight: bold; }
}

html, body {
    overflow-x: clip !important;
    overflow-y: visible !important;
}

/* =========================== */
/* CART PAGE                   */
/* =========================== */

.cart-page-wrapper{
padding:60px 0 120px;
background:linear-gradient(180deg,#fffdf9 0%,#f7f1e8 60%,#f3e6d5 100%);
min-height:100vh;
}

.cart-page-wrapper h1{
font-size:54px;
font-weight:900;
letter-spacing:-2px;
color:var(--text);
margin-bottom:36px;
}

.woocommerce-cart-form{
background:#fffdf9;
border:1px solid rgba(123,149,92,.14);
border-radius:28px;
box-shadow:0 18px 46px rgba(61,47,42,.07);
overflow:hidden;
padding:0 !important;
margin-bottom:28px;
}

.woocommerce-cart table.cart thead tr{
background:#f5eadb;
}

.woocommerce-cart table.cart thead th{
font-size:12px;
font-weight:900;
text-transform:uppercase;
letter-spacing:.5px;
color:#7d6b62;
padding:16px 20px !important;
border:0 !important;
}

.woocommerce-cart table.cart tbody tr{
border-bottom:1px solid rgba(61,47,42,.07) !important;
transition:background .2s;
}

.woocommerce-cart table.cart tbody tr:hover{
background:#fdf8f2;
}

.woocommerce-cart table.cart td{
padding:20px !important;
border:0 !important;
vertical-align:middle !important;
}

.woocommerce-cart table.cart img{
width:80px !important;
height:80px !important;
border-radius:16px;
object-fit:cover;
box-shadow:0 8px 20px rgba(61,47,42,.1);
}

.woocommerce-cart table.cart .product-name a{
font-size:17px;
font-weight:900;
color:var(--text);
text-decoration:none;
transition:color .2s;
}

.woocommerce-cart table.cart .product-name a:hover{
color:var(--orange);
}

.woocommerce-cart table.cart .product-remove a{
display:inline-flex;
align-items:center;
justify-content:center;
width:34px;
height:34px;
border-radius:999px;
background:#fff3ea;
color:#c26042 !important;
font-size:0 !important;
text-decoration:none;
transition:.2s;
}

.woocommerce-cart table.cart .product-remove a::after{
content:"✕";
font-size:14px;
}

.woocommerce-cart table.cart .product-remove a:hover{
background:#c26042;
color:white !important;
}

.woocommerce-cart .actions{
background:#fdf8f2;
padding:16px 20px !important;
border-top:1px solid rgba(61,47,42,.07);
display:flex;
align-items:center;
justify-content:space-between;
flex-wrap:wrap;
gap:12px;
}

.woocommerce-cart .coupon{
display:flex;
gap:10px;
align-items:center;
flex-wrap:wrap;
}

.woocommerce-cart .coupon input.input-text{
height:46px;
border:1.5px solid rgba(61,47,42,.16);
border-radius:999px;
padding:12px 18px;
font-family:'Nunito',sans-serif;
font-size:14px;
font-weight:800;
color:var(--text);
background:#fff;
outline:none;
transition:border-color .2s;
}

.woocommerce-cart .coupon input.input-text:focus{
border-color:var(--orange);
}

.woocommerce-cart .coupon button,
button[name="update_cart"]{
height:46px;
padding:0 22px;
border-radius:999px !important;
border:2px solid var(--green) !important;
background:transparent !important;
color:var(--green) !important;
font-family:'Nunito',sans-serif !important;
font-weight:900 !important;
font-size:14px !important;
cursor:pointer;
transition:.2s !important;
}

.woocommerce-cart .coupon button:hover,
button[name="update_cart"]:hover{
background:var(--green) !important;
color:white !important;
}

.woocommerce-cart .cart-collaterals{
margin-top:0;
display:flex;
justify-content:flex-end;
}

.woocommerce-cart .cart_totals{
width:min(460px,100%);
float:none;
background:#fffdf9;
border:1px solid rgba(123,149,92,.14);
border-radius:28px;
box-shadow:0 18px 46px rgba(61,47,42,.07);
overflow:hidden;
padding:0 !important;
}

.woocommerce-cart .cart_totals h2{
font-size:24px;
font-weight:900;
color:var(--text);
padding:24px 28px 0;
margin:0 0 16px;
}

.woocommerce-cart .cart_totals table{
width:100%;
border-collapse:collapse;
}

.woocommerce-cart .cart_totals table th,
.woocommerce-cart .cart_totals table td{
padding:14px 28px !important;
border-bottom:1px solid rgba(61,47,42,.07) !important;
font-size:15px;
font-weight:800;
}

.woocommerce-cart .cart_totals table th{
color:#7d6b62;
font-size:13px;
text-transform:uppercase;
letter-spacing:.4px;
width:40%;
}

.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td{
font-size:18px;
color:var(--green);
background:#f5eadb;
}

.woocommerce-cart .wc-proceed-to-checkout{
padding:20px 28px;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
width:100%;
min-height:54px;
display:flex !important;
align-items:center;
justify-content:center;
border-radius:999px !important;
background:var(--orange) !important;
color:white !important;
font-family:'Nunito',sans-serif !important;
font-weight:900 !important;
font-size:17px !important;
text-decoration:none;
box-shadow:0 14px 28px rgba(242,161,74,.28) !important;
transition:.25s !important;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
background:#e8913a !important;
transform:translateY(-2px);
}

/* =========================== */
/* CHECKOUT PAGE               */
/* =========================== */

.checkout-page-wrapper{
padding:60px 0 120px;
background:linear-gradient(180deg,#fffdf9 0%,#f7f1e8 60%,#f3e6d5 100%);
min-height:100vh;
}

.checkout-page-wrapper h1{
font-size:54px;
font-weight:900;
letter-spacing:-2px;
color:var(--text);
margin-bottom:36px;
}

.woocommerce-checkout #customer_details{
background:#fffdf9;
border:1px solid rgba(123,149,92,.14);
border-radius:28px;
box-shadow:0 18px 46px rgba(61,47,42,.07);
padding:32px !important;
}

.woocommerce-checkout h3{
font-size:22px;
font-weight:900;
color:var(--text);
margin:0 0 20px;
padding-bottom:14px;
border-bottom:1px solid rgba(61,47,42,.08);
}

.woocommerce form .form-row label{
font-size:13px;
font-weight:900;
color:#7d6b62;
text-transform:uppercase;
letter-spacing:.4px;
margin-bottom:7px;
display:block;
}

.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select{
height:48px;
border:1.5px solid rgba(61,47,42,.16) !important;
border-radius:14px !important;
background:white !important;
padding:12px 16px !important;
font-family:'Nunito',sans-serif !important;
font-size:15px !important;
font-weight:700 !important;
color:var(--text) !important;
transition:border-color .2s,box-shadow .2s !important;
width:100% !important;
box-sizing:border-box !important;
}

.woocommerce form .form-row textarea{
height:auto !important;
min-height:110px !important;
}

.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus{
border-color:var(--green) !important;
box-shadow:0 0 0 4px rgba(123,149,92,.1) !important;
outline:none !important;
}

.woocommerce-checkout-review-order{
background:#fffdf9;
border:1px solid rgba(123,149,92,.14);
border-radius:28px;
box-shadow:0 18px 46px rgba(61,47,42,.07);
overflow:hidden;
padding:0 !important;
}

#order_review_heading{
font-size:22px;
font-weight:900;
color:var(--text);
padding:28px 28px 0;
margin:0 !important;
grid-column:2;
}

.woocommerce-checkout-review-order-table thead tr{
background:#f5eadb;
}

.woocommerce-checkout-review-order-table th,
.woocommerce-checkout-review-order-table td{
padding:14px 24px !important;
border-bottom:1px solid rgba(61,47,42,.07) !important;
border:0 !important;
font-size:14px;
font-weight:800;
}

.woocommerce-checkout-review-order-table thead th{
font-size:12px;
text-transform:uppercase;
letter-spacing:.4px;
color:#7d6b62;
}

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td{
font-size:17px;
color:var(--green);
background:#f5eadb;
}

.woocommerce-checkout #payment{
background:#fff8ef !important;
border:0 !important;
border-top:1px solid rgba(61,47,42,.08) !important;
border-radius:0 0 28px 28px !important;
padding:24px !important;
}

.woocommerce-checkout #payment ul.payment_methods{
padding:0 !important;
border:0 !important;
display:grid;
gap:10px;
margin-bottom:20px;
}

.woocommerce-checkout #payment ul.payment_methods li{
margin:0 !important;
padding:16px 18px !important;
border-radius:18px;
background:#fffdf9;
border:1.5px solid rgba(123,149,92,.16) !important;
font-family:'Nunito',sans-serif;
font-weight:800;
transition:border-color .2s;
}

.woocommerce-checkout #payment ul.payment_methods li:has(input:checked){
border-color:var(--green) !important;
background:#f4f8ee;
}

.woocommerce-checkout #payment div.payment_box{
background:#eef3e8 !important;
border-radius:12px !important;
padding:12px 16px !important;
margin-top:12px !important;
font-size:14px;
color:#5f5149 !important;
}

.woocommerce-checkout #payment div.payment_box::before{
display:none !important;
}

.woocommerce #payment #place_order{
width:100%;
min-height:56px;
display:flex !important;
align-items:center;
justify-content:center;
border-radius:999px !important;
background:var(--orange) !important;
color:white !important;
font-family:'Nunito',sans-serif !important;
font-weight:900 !important;
font-size:17px !important;
border:none !important;
box-shadow:0 14px 28px rgba(242,161,74,.28) !important;
cursor:pointer;
transition:.25s !important;
}

.woocommerce #payment #place_order:hover{
background:#e8913a !important;
transform:translateY(-2px);
box-shadow:0 18px 34px rgba(242,161,74,.32) !important;
}

/* Empty cart */
.woocommerce-cart .cart-empty{
text-align:center;
padding:80px 20px;
font-size:20px;
font-weight:800;
color:#7d6b62;
background:#fffdf9;
border-radius:28px;
border:1px solid rgba(123,149,92,.12);
box-shadow:0 18px 40px rgba(0,0,0,.04);
}

.woocommerce-cart .return-to-shop{
text-align:center;
margin-top:20px;
}

.woocommerce-cart .return-to-shop .button{
display:inline-flex;
align-items:center;
justify-content:center;
padding:16px 36px;
border-radius:999px !important;
background:var(--orange) !important;
color:white !important;
font-family:'Nunito',sans-serif !important;
font-weight:900 !important;
font-size:16px !important;
text-decoration:none;
box-shadow:0 14px 28px rgba(242,161,74,.28);
transition:.25s;
border:none !important;
}

.woocommerce-cart .return-to-shop .button:hover{
background:#e8913a !important;
transform:translateY(-3px);
}

@media(max-width:768px){

.cart-page-wrapper,
.checkout-page-wrapper{
padding:40px 0 80px;
}

.cart-page-wrapper h1,
.checkout-page-wrapper h1{
font-size:38px;
}

.woocommerce-cart .cart-collaterals{
justify-content:stretch;
}

.woocommerce-cart .cart_totals{
width:100%;
}

}

/* ================================================= */
/* DRVENA LIJA - POLISHED CART & CHECKOUT OVERRIDE   */
/* ================================================= */

body.woocommerce-cart,
body.woocommerce-checkout {
    background: var(--bg) !important;
}

/* Sakrij default update cart dugme jer će JS automatski ažurirati korpu */
body.woocommerce-cart button[name="update_cart"] {
    display: none !important;
}

/* General shell */
body.woocommerce-cart .dl-cart-shell,
body.woocommerce-checkout .dl-checkout-shell {
    width: min(1160px, 92%) !important;
    max-width: 1160px !important;
    margin: 38px auto 0 !important;
}

/* Checkout layout */
body.woocommerce-checkout form.checkout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 420px !important;
    gap: 30px !important;
    align-items: start !important;
}

/* Billing/customer box */
body.woocommerce-checkout #customer_details {
    background: #fffdf9 !important;
    border: 1px solid rgba(123,149,92,.16) !important;
    border-radius: 30px !important;
    box-shadow: 0 18px 46px rgba(61,47,42,.08) !important;
    padding: 34px !important;
    overflow: hidden !important;
}

/* Order review heading */
body.woocommerce-checkout #order_review_heading {
    grid-column: 2 !important;
    grid-row: 1 !important;
    margin: 0 0 -12px !important;
    padding: 0 4px !important;
    font-size: 26px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    color: var(--text) !important;
}

/* Order review card */
body.woocommerce-checkout .woocommerce-checkout-review-order {
    grid-column: 2 !important;
    grid-row: 1 / span 2 !important;
    margin-top: 46px !important;
    background: #fffdf9 !important;
    border: 1px solid rgba(123,149,92,.16) !important;
    border-radius: 30px !important;
    box-shadow: 0 18px 46px rgba(61,47,42,.08) !important;
    overflow: hidden !important;
    position: sticky !important;
    top: 130px !important;
}

/* Checkout titles */
body.woocommerce-checkout .woocommerce-billing-fields h3,
body.woocommerce-checkout .woocommerce-additional-fields h3,
body.woocommerce-checkout h3 {
    font-size: 28px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    color: var(--text) !important;
    margin: 0 0 22px !important;
}

/* Two-column form fields where WooCommerce uses first/last */
body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 16px 18px !important;
}

body.woocommerce-checkout .form-row {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.woocommerce-checkout .form-row-wide,
body.woocommerce-checkout #billing_address_1_field,
body.woocommerce-checkout #billing_address_2_field,
body.woocommerce-checkout #billing_city_field,
body.woocommerce-checkout #billing_postcode_field,
body.woocommerce-checkout #billing_phone_field,
body.woocommerce-checkout #billing_email_field,
body.woocommerce-checkout #order_comments_field {
    grid-column: 1 / -1 !important;
}

/* Labels */
body.woocommerce-checkout form .form-row label {
    display: block !important;
    margin-bottom: 7px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    color: #4b3a34 !important;
}

/* Required star */
body.woocommerce-checkout abbr.required {
    color: var(--orange) !important;
    text-decoration: none !important;
}

/* Inputs */
body.woocommerce-checkout form .form-row input.input-text,
body.woocommerce-checkout form .form-row textarea,
body.woocommerce-checkout form .form-row select,
body.woocommerce-checkout .select2-container .select2-selection--single {
    width: 100% !important;
    min-height: 50px !important;
    border: 1.5px solid rgba(61,47,42,.15) !important;
    border-radius: 16px !important;
    background: #fff !important;
    padding: 12px 15px !important;
    font-family: 'Nunito', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--text) !important;
    box-shadow: none !important;
    outline: none !important;
    transition: border-color .2s ease, box-shadow .2s ease !important;
}

body.woocommerce-checkout .select2-container .select2-selection--single {
    display: flex !important;
    align-items: center !important;
    padding: 0 15px !important;
}

body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 !important;
    color: var(--text) !important;
    font-weight: 700 !important;
    line-height: 50px !important;
}

body.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 50px !important;
    right: 12px !important;
}

body.woocommerce-checkout form .form-row input.input-text:focus,
body.woocommerce-checkout form .form-row textarea:focus,
body.woocommerce-checkout form .form-row select:focus,
body.woocommerce-checkout .select2-container--focus .select2-selection--single {
    border-color: var(--orange) !important;
    box-shadow: 0 0 0 4px rgba(242,161,74,.14) !important;
}

body.woocommerce-checkout form .form-row textarea {
    min-height: 120px !important;
    resize: vertical !important;
}

/* Separate additional fields */
body.woocommerce-checkout #customer_details .col-2 {
    margin-top: 28px !important;
    padding-top: 28px !important;
    border-top: 1px solid rgba(61,47,42,.08) !important;
}

/* Order review table */
body.woocommerce-checkout table.shop_table {
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

body.woocommerce-checkout table.shop_table th,
body.woocommerce-checkout table.shop_table td {
    border: 0 !important;
    border-bottom: 1px solid rgba(61,47,42,.08) !important;
    padding: 16px 20px !important;
    font-family: 'Nunito', sans-serif !important;
    vertical-align: middle !important;
}

body.woocommerce-checkout table.shop_table thead th {
    background: #f5eadb !important;
    color: var(--text) !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .4px !important;
}

body.woocommerce-checkout table.shop_table .product-name {
    color: var(--text) !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
}

body.woocommerce-checkout table.shop_table .product-total,
body.woocommerce-checkout table.shop_table td:last-child {
    text-align: right !important;
    font-weight: 900 !important;
    color: var(--green) !important;
}

body.woocommerce-checkout table.shop_table tfoot th,
body.woocommerce-checkout table.shop_table tfoot td {
    background: #fff8ef !important;
    font-weight: 900 !important;
}

body.woocommerce-checkout table.shop_table .order-total th,
body.woocommerce-checkout table.shop_table .order-total td {
    background: #f5eadb !important;
    color: var(--green) !important;
    font-size: 18px !important;
}

/* Payment section */
body.woocommerce-checkout #payment {
    background: #fff8ef !important;
    border: 0 !important;
    border-radius: 0 0 30px 30px !important;
    padding: 22px !important;
}

body.woocommerce-checkout #payment ul.payment_methods {
    padding: 0 !important;
    margin: 0 0 18px !important;
    border: 0 !important;
    display: grid !important;
    gap: 12px !important;
}

body.woocommerce-checkout #payment ul.payment_methods li {
    margin: 0 !important;
    padding: 16px 18px !important;
    border-radius: 20px !important;
    background: #fffdf9 !important;
    border: 1.5px solid rgba(123,149,92,.16) !important;
    box-shadow: 0 8px 20px rgba(61,47,42,.04) !important;
    font-family: 'Nunito', sans-serif !important;
}

body.woocommerce-checkout #payment ul.payment_methods li input {
    margin-right: 10px !important;
    accent-color: var(--green) !important;
}

body.woocommerce-checkout #payment ul.payment_methods li label {
    font-weight: 900 !important;
    color: var(--text) !important;
}

body.woocommerce-checkout #payment div.payment_box {
    margin: 14px 0 0 !important;
    padding: 14px 16px !important;
    border-radius: 16px !important;
    background: #f5eadb !important;
    color: #5f5149 !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

body.woocommerce-checkout #payment div.payment_box::before {
    display: none !important;
}

/* Privacy text */
body.woocommerce-checkout .woocommerce-privacy-policy-text {
    margin: 16px 0 !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
    color: #6f625a !important;
}

/* Place order button */
body.woocommerce-checkout #payment #place_order,
body.woocommerce-checkout button#place_order {
    width: 100% !important;
    min-height: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 18px !important;
    background: var(--orange) !important;
    color: #fff !important;
    font-family: 'Nunito', sans-serif !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    box-shadow: 0 14px 28px rgba(242,161,74,.28) !important;
    transition: .25s !important;
}

body.woocommerce-checkout #payment #place_order:hover,
body.woocommerce-checkout button#place_order:hover {
    background: #e8913a !important;
    transform: translateY(-2px) !important;
}

/* Validation / messages */
body.woocommerce-checkout .woocommerce-error,
body.woocommerce-checkout .woocommerce-info,
body.woocommerce-checkout .woocommerce-message,
body.woocommerce-cart .woocommerce-error,
body.woocommerce-cart .woocommerce-info,
body.woocommerce-cart .woocommerce-message {
    border: 0 !important;
    border-radius: 22px !important;
    background: #fffdf9 !important;
    box-shadow: 0 12px 34px rgba(61,47,42,.06) !important;
    color: var(--text) !important;
    padding: 18px 20px !important;
    font-family: 'Nunito', sans-serif !important;
    font-weight: 800 !important;
}

/* Cart totals - Serbian-like cleaner look */
body.woocommerce-cart .cart_totals {
    background: #fffdf9 !important;
    border: 1px solid rgba(123,149,92,.16) !important;
    border-radius: 30px !important;
    box-shadow: 0 18px 46px rgba(61,47,42,.08) !important;
    overflow: hidden !important;
    padding: 0 !important;
}

body.woocommerce-cart .cart_totals h2 {
    padding: 24px 28px 0 !important;
    margin: 0 0 16px !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    color: var(--text) !important;
}

body.woocommerce-cart .cart_totals table th,
body.woocommerce-cart .cart_totals table td {
    padding: 15px 28px !important;
    border-bottom: 1px solid rgba(61,47,42,.08) !important;
    font-family: 'Nunito', sans-serif !important;
}

body.woocommerce-cart .cart_totals table th {
    color: #7d6b62 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: .4px !important;
}

body.woocommerce-cart .cart_totals .order-total th,
body.woocommerce-cart .cart_totals .order-total td {
    background: #f5eadb !important;
    color: var(--green) !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}

/* Free shipping text / shipping destination notices hide */
body.woocommerce-cart .woocommerce-shipping-destination,
body.woocommerce-cart .woocommerce-shipping-calculator,
body.woocommerce-cart .shipping,
body.woocommerce-checkout .woocommerce-shipping-destination,
body.woocommerce-checkout .woocommerce-shipping-calculator {
    display: none !important;
}

/* Mobile */
@media (max-width: 950px) {
    body.woocommerce-checkout form.checkout {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    body.woocommerce-checkout #order_review_heading,
    body.woocommerce-checkout .woocommerce-checkout-review-order {
        grid-column: 1 !important;
        grid-row: auto !important;
        margin-top: 0 !important;
        position: static !important;
    }

    body.woocommerce-checkout #customer_details {
        padding: 24px !important;
    }

    body.woocommerce-checkout .woocommerce-billing-fields__field-wrapper,
    body.woocommerce-checkout .woocommerce-shipping-fields__field-wrapper,
    body.woocommerce-checkout .woocommerce-additional-fields__field-wrapper {
        grid-template-columns: 1fr !important;
    }

    body.woocommerce-checkout table.shop_table th,
    body.woocommerce-checkout table.shop_table td {
        padding: 14px 16px !important;
    }
}

@media (max-width: 600px) {
    body.woocommerce-checkout #customer_details,
    body.woocommerce-checkout .woocommerce-checkout-review-order,
    body.woocommerce-cart .cart_totals {
        border-radius: 22px !important;
    }

    body.woocommerce-checkout .woocommerce-billing-fields h3,
    body.woocommerce-checkout .woocommerce-additional-fields h3,
    body.woocommerce-checkout h3,
    body.woocommerce-checkout #order_review_heading {
        font-size: 23px !important;
    }
}

/* =========================== */
/* FIX: BEST SELLERS MOBILE CAROUSEL */
/* =========================== */

.best-sellers-products {
    width: 100%;
    max-width: 100%;
    overflow: visible;
}

.best-sellers-products ul.products {
    display: flex !important;
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    overscroll-behavior-x: contain;
    gap: 22px !important;
    padding: 8px 4px 18px !important;
    margin: 0 !important;
}

.best-sellers-products ul.products li.product {
    float: none !important;
    display: block !important;
    flex: 0 0 clamp(230px, 78vw, 280px) !important;
    width: clamp(230px, 78vw, 280px) !important;
    min-width: clamp(230px, 78vw, 280px) !important;
    max-width: clamp(230px, 78vw, 280px) !important;
    margin: 0 !important;
    scroll-snap-align: start;
}

.best-sellers-products .dl-product-link {
    height: 100%;
}

@media (max-width: 700px) {
    .best-sellers-scroll {
        padding: 54px 0 80px;
        overflow: hidden;
    }

    .best-sellers-scroll .container {
        width: 100%;
        max-width: none;
        padding-left: 16px;
        padding-right: 0;
        overflow: visible;
    }

    .best-sellers-products {
        overflow: visible;
    }

    .best-sellers-products ul.products {
        gap: 16px !important;
        padding: 8px 16px 22px 0 !important;
        scroll-padding-left: 16px;
    }

    .best-sellers-products ul.products li.product {
        flex-basis: 78vw !important;
        width: 78vw !important;
        min-width: 78vw !important;
        max-width: 78vw !important;
    }
}

@media (max-width: 420px) {
    .best-sellers-products ul.products li.product {
        flex-basis: 82vw !important;
        width: 82vw !important;
        min-width: 82vw !important;
        max-width: 82vw !important;
    }
}

@media (min-width: 701px) {
    .best-sellers-products ul.products {
        overflow-x: hidden !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 22px !important;
    }

    .best-sellers-products ul.products li.product {
        flex: 0 0 clamp(230px, 21vw, 280px) !important;
        width: clamp(230px, 21vw, 280px) !important;
        min-width: clamp(230px, 21vw, 280px) !important;
        max-width: clamp(230px, 21vw, 280px) !important;
    }
}
/* ================================================= */
/* FINAL FIX: HOME CATEGORY + BEST SELLERS CAROUSELS */
/* ================================================= */

/* Desktop/tablet kategorije: ne seci karticu kada se window smanjuje */
.categories.home-scroll-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
    gap: 24px !important;
    padding: 8px 2px 26px !important;
}

.categories.home-scroll-row .category-card {
    flex: 0 0 clamp(240px, 24vw, 320px) !important;
    width: clamp(240px, 24vw, 320px) !important;
    min-width: clamp(240px, 24vw, 320px) !important;
    max-width: clamp(240px, 24vw, 320px) !important;
}

/* Srednje širine: malo uži prostor za strelice, više mesta za karticu */
@media (max-width: 1100px) and (min-width: 701px) {
    .home-scroll-wrap {
        padding-left: 52px !important;
        padding-right: 52px !important;
    }

    .categories.home-scroll-row .category-card {
        flex-basis: clamp(240px, 34vw, 300px) !important;
        width: clamp(240px, 34vw, 300px) !important;
        min-width: clamp(240px, 34vw, 300px) !important;
        max-width: clamp(240px, 34vw, 300px) !important;
    }
}

/* Mobile kategorije */
@media (max-width: 700px) {
    .categories.home-scroll-row {
        gap: 14px !important;
        padding: 8px 0 22px !important;
        overflow-x: hidden !important;
    }

    .categories.home-scroll-row .category-card {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
    }
}

/* Best sellers: desktop/tablet prikazuje više proizvoda koliko stane */
@media (min-width: 701px) {
    .best-sellers-scroll .home-scroll-wrap {
        padding-left: 70px !important;
        padding-right: 70px !important;
        overflow: visible !important;
    }

    .best-sellers-products {
        overflow: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .best-sellers-products ul.products {
        display: flex !important;
        flex-wrap: nowrap !important;
        grid-template-columns: none !important;
        gap: 22px !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
        padding: 8px 2px 24px !important;
        margin: 0 !important;
    }

    .best-sellers-products ul.products li.product {
        flex: 0 0 clamp(220px, 21vw, 280px) !important;
        width: clamp(220px, 21vw, 280px) !important;
        min-width: clamp(220px, 21vw, 280px) !important;
        max-width: clamp(220px, 21vw, 280px) !important;
        padding: 0 !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }
}

/* Best sellers mobile: jedan proizvod, bez odsecanja desno */
@media (max-width: 700px) {
    .best-sellers-scroll .home-scroll-wrap {
        padding-left: 40px !important;
        padding-right: 40px !important;
        overflow: visible !important;
    }

    .best-sellers-products {
        overflow: hidden !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .best-sellers-products ul.products {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        overflow-y: visible !important;
        padding: 8px 0 24px !important;
        margin: 0 !important;
        scroll-snap-type: none !important;
        touch-action: pan-y !important;
    }

    .best-sellers-products ul.products li.product {
        flex: 0 0 100% !important;
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        padding: 0 2px !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    .best-sellers-products .dl-product-link {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }
}

/* Vrlo mali telefoni: još malo više prostora za karticu */
@media (max-width: 390px) {
    .best-sellers-scroll .home-scroll-wrap {
        padding-left: 34px !important;
        padding-right: 34px !important;
    }
}

/* ================================================= */
/* FIX: KATEGORIJE CAROUSEL - SAME CARD HEIGHT       */
/* ================================================= */

.categories.home-scroll-row {
    align-items: stretch !important;
}

.categories.home-scroll-row .category-card {
    height: 396px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
}

.categories.home-scroll-row .category-card img {
    height: 255px !important;
    aspect-ratio: auto !important;
    object-fit: cover !important;
    object-position: center !important;
    flex: 0 0 255px !important;
}

.categories.home-scroll-row .category-content {
    flex: 1 !important;
    min-height: 141px !important;
    height: 141px !important;
    padding: 14px 14px 16px !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: 1fr auto !important;
    gap: 8px 12px !important;
    align-items: end !important;
}

.categories.home-scroll-row .category-content > div {
    display: contents !important;
}

.categories.home-scroll-row .category-content h3 {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    align-self: start !important;
    margin: 0 !important;
    font-size: 20px !important;
    line-height: 1.08 !important;
    font-weight: 900 !important;
    color: var(--text) !important;

    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

.categories.home-scroll-row .category-content .cat-count {
    grid-column: 1 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    align-self: end !important;
    margin: 0 !important;
}

.categories.home-scroll-row .category-content .category-cta {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: end !important;
    align-self: end !important;
    margin: 0 !important;
}

/* Srednje širine */
@media (max-width: 900px) and (min-width: 701px) {
    .categories.home-scroll-row .category-card {
        height: 380px !important;
    }

    .categories.home-scroll-row .category-card img {
        height: 240px !important;
        flex-basis: 240px !important;
    }

    .categories.home-scroll-row .category-content {
        height: 140px !important;
        min-height: 140px !important;
    }
}

/* Mobile */
@media (max-width: 700px) {
    .categories.home-scroll-row .category-card {
        height: 365px !important;
    }

    .categories.home-scroll-row .category-card img {
        height: 225px !important;
        flex-basis: 225px !important;
    }

    .categories.home-scroll-row .category-content {
        height: 140px !important;
        min-height: 140px !important;
        padding: 14px !important;
    }

    .categories.home-scroll-row .category-content h3 {
        font-size: 19px !important;
    }
}