@font-face { font-family: Montserrat; 
    src: url('../fonts/Montserrat-Regular.ttf'); } 
@font-face { font-family: MontserratBold; 
    src: url('../fonts/Montserrat-Bold.ttf'); } 
@font-face { font-family: Syncopate; 
    src: url('../fonts/Syncopate-Regular.ttf'); }
@font-face { font-family: SyncopateBold; 
    src: url('../fonts/Syncopate-Bold.ttf'); }

:root {
    /* Chip system tokens */
    --chip-radius: 999px;
    --chip-py: 4px;
    --chip-px: 8px;
    --chip-gap-x: 12px;
    --chip-gap-y: 10px;
    --chip-font: 600 12px Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji","Segoe UI Emoji";
    --chip-shadow: 0 1px 2px rgba(0,0,0,.06), 0 3px 6px rgba(0,0,0,.05);

    /* Palette for color cycling (8 hues) */
    --chip-bg-1: linear-gradient(180deg, #E8F3FF 0%, #DFF0FF 100%);
    --chip-fg-1: #0B6BCB;  --chip-bd-1: #B5D8FF;

    --chip-bg-2: linear-gradient(180deg, #E7F8EF 0%, #D9F4E5 100%);
    --chip-fg-2: #18794E;  --chip-bd-2: #AFE3C0;

    --chip-bg-3: linear-gradient(180deg, #F1E8FF 0%, #EDE1FF 100%);
    --chip-fg-3: #6B4BD9;  --chip-bd-3: #D4C7FF;

    --chip-bg-4: linear-gradient(180deg, #FFF2E5 0%, #FFEBD7 100%);
    --chip-fg-4: #B55319;  --chip-bd-4: #FFD4A8;

    --chip-bg-5: linear-gradient(180deg, #FFE8F0 0%, #FFE1EA 100%);
    --chip-fg-5: #B83280;  --chip-bd-5: #FFC1D7;

    --chip-bg-6: linear-gradient(180deg, #E6FBF9 0%, #D7F7F3 100%);
    --chip-fg-6: #0F766E;  --chip-bd-6: #A9EDE6;

    --chip-bg-7: linear-gradient(180deg, #FFF8E1 0%, #FFF4D1 100%);
    --chip-fg-7: #92400E;  --chip-bd-7: #FFE099;

    --chip-bg-8: linear-gradient(180deg, #ECEEFF 0%, #E4E7FF 100%);
    --chip-fg-8: #4338CA;  --chip-bd-8: #C7CCFF;
}


html, body {
	background:#fff;       /* ensures full viewport */
    overflow-y: scroll;   /* normal page scrolling */
	height:100%;
    scrollbar-width: thin;           /* Firefox */
    scrollbar-color: #6B7280 #F7F7F8; /* Firefox */
}

/* For Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 3px; /* width of vertical scrollbar */
    height: 3px; /* height of horizontal scrollbar */
}

::-webkit-scrollbar-track {
    background: #F7F7F8; /* track color */
    border-radius: 3px;
}

::-webkit-scrollbar-thumb {
    background-color: #6B7280; /* scrollbar color */
    border-radius: 30px;
    border: 1px solid #6B7280; /* optional: adds a border around thumb */
}

::-webkit-scrollbar-thumb:hover {
    background-color: #6B7280; /* hover color */
}

/* For Firefox */
* {
    scrollbar-width: thin; /* "auto" or "thin" */
    scrollbar-color: #6B7280 #F7F7F8; /* thumb color and track color */
}

.dw_vrecica_obavezna{
	color:red;
    font-size: 12px;
}

.dw_kiosk_msg_top_success{
    width:100%;
    display:block;
    padding:16px;
    background:#D3EFDE;
    color: #27AE60;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    margin-bottom:8px;
}

.dw_kiosk_msg_top_success span{
    color: #27AE60!important;
    margin-bottom:0px!important;
    margin-top:0px!important;
}

.dw_kiosk_msg_top_error{
    width:calc(100% - 32px);
	margin-left:16px;
    display:block;
    padding:16px;
    background:#F7D2D2;
    color: #EB5757;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    margin-bottom:8px;
}

.dw_kiosk_msg_top_error span{
    color: #EB5757!important;
    margin-bottom:0px!important;
    margin-top:0px!important;
}

.dw_mob_header{
    display: flex;
    width: 100vw;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
    background: #FFF;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04);
    position:fixed;
    top:0px;
    left:0px;
    z-index:99;
}

.dw_header_logo {
    width:117px;
}

.dw_header_btn{
    display:flex;
}

.dw_header_btn button {
    margin-right:8px;
    padding: 8px;
    border-radius: 56px;
    border: 1px solid #D5F611;
    background: #D5F611;
    display: flex;
}

.dw_header_btn button:last-child{
    border: 1px solid #F2FFA4;
    background: #FAFFD8;
}

.dw_header_btn button i{
	color:#2D2D2D;
}

.dw_mob_footer{
    display: flex;
    width: 100vw;
    padding: 8px 32px;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #DFDFDF;
    background: #FFF;
    position:fixed;
    bottom:0px;
    left:0px;
}

.dw_mob_footer a{
    color: #141414;
    text-align: center;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.2px;
    text-decoration: none;
    opacity:0.6;
	position:relative;
}

.dw_footer_active{
    opacity:1!important;
}

.dw_welcome_box{
    padding:33px 15px;
    margin-top:1.5rem;
	background:#F9F9F9;
	margin-bottom:5px;
}

.dw_welcome_box h1{
    color: #141414;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom:16px;
}

.dw_welcome_box p{
    color: #2D2D2D;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    margin-bottom:24px;
}

.dw_mob_btn{
    display: flex;
    width: 100%;
    padding: 12px 32px;
    justify-content: center;
    align-items: center;
    border-radius: 56px;
    background: #D5F611;
    border:1px solid #D5F611;
	color:#141414;
}

.dw_location_tags{
    padding-top:7px;
    margin-bottom:32px;
    list-style-type: none;
    padding-left:15px;
    display:flex;
    align-items: center;
    justify-content: flex-start;
    width:100%;
    overflow-x:scroll;
}

.dw_location_tags li{
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    border: 1.2px solid #656565;
    background: #F9F9F9;
    margin-right:4px;
    opacity:0.45;
	min-width:100px;
}

.dw_loctag_active{
    opacity:1!important;
}

.dw_location_tags li span{
    color: #656565;
    font-family: Montserrat;
    font-size: 8px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.2px;
    text-transform: uppercase!important;
}

.dw_locations_box{
    padding-bottom:40px;
	position:relative;
}

.dw_locations_box_home{
    padding-bottom:32px!important;
}

.dw_location{
    padding-left:15px;
    padding-right:15px;
    margin-bottom:24px;
	position:relative;
}

.dw_location a{
    text-decoration: none;
	display:flex;
	align-items:center;
	justify-content:space-between;
	border:1px solid #E6E6E6;
	border-radius:15px;
	padding:10px;
}

.dw_location_header{
    position:relative;
}

.dw_location_header img{
    /* width:100%; */
    /* height:160px; */
    width:100px;
	height:100px;
	object-fit: cover;
    /* border-radius: 2px 2px 24px 2px; */
    border-radius: 10px;
}

.dw_location h2{
    color: #212121;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    /* margin-top:16px; */
    margin-top:0px;
}

.dw_location p{
    color: #2D2D2D;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
    /* margin-top:16px; */
    margin-top:0px;
	padding-right:5px;
}

.dw_location_title{
    display:flex;
    align-items: center;
    margin-top:8px;
}

.dw_location_title span{
    color: #656565;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.dw_location_title img{
    margin-right:8px;
}

.dw_location_img_btns{
    display:none;
    align-items: center;
    position:absolute;
    bottom:8px;
    right:8px;
}

.dw_location_img_btns span{
    display: flex;
    padding: 8px;
    align-items: flex-start;
    margin-right:8px;
    border-radius: 56px;
    border: 1px solid #F2FFA4;
    background: #FAFFD8;
    width:32px;
    height:32px;
}

.dw_location_img_btns span img{
    height:auto;
}

.dw_location_img_btns span:last-child{
    border: 1px solid #D5F611;
    background: #D5F611;
}

.dw_nearest_tag{
    display: flex;
    padding: 4px 16px;
    justify-content: center;
    align-items: center;
    position: absolute;
    /* left: 8px; */
    right: 24px;
    top: 8px;
    border-radius: 56px;
    background: #FAFFD8;
    color: #212121;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.2px;
}

.dw_sort_box{
    display:none;
    z-index:999;
    position:fixed;
    bottom:0px;
    left:0px;
    width:100vw;
    padding:16px;
    background:#fff;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    overflow-y:scroll;
    max-height:100vh;
}

.dw_sort_box div:first-child{
    display:flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:16px;
    border-bottom:1px solid #E6E6E6;
    padding-bottom:16px;
}

.dw_sort_box div:first-child span{
    color: #141414;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.dw_sort_box div:last-child{
    padding:8px;
}

.dw_sort_box h3{
    color: #141414;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28.8px;
}

.dw_sort_box button{
    margin-top:16px;
    margin-bottom:12px;
    color: #141414;
    text-align: center;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    border-radius: 56px;
    background: #D5F611;
    border:1px solid #D5F611;
    padding:12px 32px;
    width:100%;
}

#pickup_timing{
    display:none;
    margin-left:16px;
    width:calc(100vw - 32px);
    border-radius:32px;
    padding:12px 16px;
}

.dw_sort_box div:last-child span{
    border-radius: 32px;
    border: 1px solid var(--Grayscale-200, #DFDFDF);
    background: var(--Grayscale-50, #FFF);
    padding: 12px 16px;
    width:100%;
    color: #363636;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    display:flex;
    align-items: center;
    margin-bottom:8px;
}

.dw_sort_box div:last-child span input{
    margin-right:8px;
    accent-color: #141414;
}

.dw_sort_active{
    border: 1px solid #DFDFDF!important;
    background: #F9F9F9!important;
    font-weight: 600!important;
}

.dw_age_confirm_box, .dw_cijene_check_box, .dw_nearest_check_box{
    z-index:9999;
    position:fixed;
    bottom:0px;
    left:0px;
    width:100vw;
    padding:16px;
    background:#fff;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}

.dw_age_confirm_box div:first-child, .dw_cijene_check_box div:first-child, .dw_nearest_check_box div:first-child{
    display:flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:16px;
    border-bottom:1px solid #E6E6E6;
    padding-bottom:16px;
}

.dw_age_confirm_box div:first-child span, .dw_cijene_check_box div:first-child span, .dw_nearest_check_box div:first-child span{
    color: #141414;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.dw_age_confirm_box div:last-child, .dw_cijene_check_box div:last-child, .dw_nearest_check_box div:last-child{
    padding:8px;
}

.dw_age_confirm_box h3, .dw_cijene_check_box h3, .dw_nearest_check_box h3{
    color: #141414;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28.8px;
}

.dw_age_confirm_box p, .dw_cijene_check_box p, .dw_nearest_check_box p{
    color: #141414;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25.6px;
    margin-bottom:unset;
}

.dw_age_confirm_box p:last-child, .dw_cijene_check_box p:last-child, .dw_nearest_check_box p:last-child{
    font-size:14px;
    text-align: center;
}

.dw_age_confirm_box p:last-child a, .dw_cijene_check_box p:last-child a, .dw_nearest_check_box p:last-child a{
    font-weight:600;
    color: #141414;
    text-decoration: none;
}

.dw_age_confirm_box button, .dw_cijene_check_box button, .dw_nearest_check_box button{
    margin-top:24px;
    margin-bottom:12px;
    color: #141414;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    border-radius: 56px;
    background: #D5F611;
    border:1px solid #D5F611;
    padding:12px 32px;
    width:100%;
}

.dw_overlay{
    position:fixed;
    top:0px;
    left:0px;
    height:100vh;
    width:100vw;
    background: rgba(33, 33, 33, 0.90);
    backdrop-filter: blur(4px);
    z-index:999;
}

.dw_overlay_none{
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    height:100vh;
    width:100vw;
    background: rgba(33, 33, 33, 0.90);
    backdrop-filter: blur(4px);
    z-index:999;
}

.dw_map_box{
    display:none;
    position:fixed;
    top:0px;
    left:0px;
    height:100vh;
    width:100%;
    z-index:999;
}

.dw_map_header{
    background: #FFF;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.04);
    padding:12px 16px;
    display:flex;
    align-items: center;
    justify-content: flex-start;
}

.dw_map_header span{
    color: #141414;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.4px;
}

.dw_map_header button{
    color: #141414;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    border-radius: 56px;
    border: 1px solid #F2FFA4;
    background: #FAFFD8;
    padding:4px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-right:8px;
    height:32px;
    width:32px;
}

#map{
    width:100%;
    height:100vh;
}

.dw_map_title{
    color: #141414;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom:8px;
}

.dw_map_content{
    color: #000;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
}

.leaflet-tile-pane {
    -webkit-filter: grayscale(100%) brightness(0.3) contrast(1.2);
    filter: grayscale(100%) brightness(0.3) contrast(1.2);
}

.leaflet-popup-content-wrapper{
    border-radius:0px!important;
    padding:24px 16px!important;
}

.dw_map_link2{
    border-radius: 56px;
    border: 2px solid #BCD90E;
    padding:12px 32px;
    background: #FAFFD8;
    color: #141414!important;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    width:100%;
    display:block;
    text-decoration: none;
}

.dw_map_link1{
    border-radius: 56px;
    background: #D5F611;
    border:1px solid #D5F611;
    padding:12px 32px;
    color: #141414!important;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    width:100%;
    margin-bottom:8px;
    margin-top:16px;
    display:block;
    text-decoration: none;
}

.dw_cart_group{
    display:flex;
    width:100%;
    margin-bottom:24px;
}

.dw_cart_group input{
    color: #818181;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    padding: 1px 1px 1px 16px;
    border-radius: 32px;
    border: 1px solid #DFDFDF;
    background: #FFF;
    box-shadow:unset;
    width:100%;
}

.dw_cart_group button{
    color: #141414;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    border-radius: 56px;
    background: #D5F611;
    border:1px solid #D5F611;
    padding:12px 32px;
    margin-left:-24px;
}

.dw_search_group{
    display:none;
    position:absolute;
    left:16px;
    width:calc(100% - 32px);
    background:#fff;
}

.dw_search_group .dw_header_btn{
    margin-left: -32px!important;
    z-index: 99;
}

#dw_search_input{
    color: #818181;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    padding: 1px 1px 1px 16px;
    border-radius: 32px;
    border: 1px solid #DFDFDF;
    background: #FFF;
    box-shadow:unset;
}

.dw_search_overlay{
    display:none;
    background:#fff;
    position:absolute;
    width:100%;
    height:calc(100vh - 58px);
    margin-top: calc(62px - 1.5rem);
    z-index:99;
    padding-top:18px;
    padding-left:16px;
    padding-right:16px;
}

.dw_cart_empy_box{
	height:calc(100vh - 110.4px);
}

#dw_search_tags{
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #DFDFDF;
}

#dw_search_tags h3{
    color: #656565;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.2px;
}

#dw_search_tag_list{
    margin-top:16px;
}

#dw_search_tag_list span{
    border-radius: 24px;
    background: #F9F9F9;
    padding: 8px 16px;
    color: #363636;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.2px;
    margin-right:8px;
    margin-bottom:8px;
    display:inline-block;
}

.dw_search_header{
    justify-content: space-between;
    position:fixed;
    top:0px;
    left:0px;
    width:100vw;
}

.dw_search_header div:first-child{
    display:flex;
    align-items: center;
}

.dw_search_header h3{
    color: #141414;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.4px;
    margin-bottom:0px;
}

.dw_search_header .dw_header_btn button:last-child{
    border:1px solid #D5F611;
    background:#D5F611;
}

.dw_search_header button:first-child{
    margin-right:8px;
    padding: 8px;
    border-radius: 56px;
    border: 1px solid #D5F611;
    background: #D5F611;
    display: flex;
    border: 1px solid #F2FFA4;
    background: #FAFFD8;
}

.dw_search_results {
    display:block;
    text-align: center;
}

.dw_search_results button{
    padding: 8px;
    border-radius: 56px;
    border: 1px solid #D5F611;
    background: #D5F611;
    color: var(--grayscale-950, var(--950, #141414));
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    width:230px;
}

.dw_search_results img{
    width:104px;
    margin-bottom:24px;
}

.dw_search_results h3{
    color: #141414;
    text-align: center;
    font-family: Syncopate;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom:16px;
}

.dw_search_results {
    color: #2D2D2D;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    margin-bottom:48px;
}

.dw_products_header{
    display:flex;
    align-items: center;
    justify-content: space-between;
}

.dw_products_header div:first-child{
    display:flex;
    align-items: center;
}

.dw_products_header button:first-child:not(.dw_similarproduct_box button){
    margin-right:8px;
    padding: 8px;
    border-radius: 56px;
    border: 1px solid #D5F611;
    background: #D5F611;
    display: flex;
    border: 1px solid #F2FFA4;
    background: #FAFFD8;
	width:32px;
	height:32px;
	font-size:16px;
	justify-content:center;
	align-items:center;
}

.dw_products_header .dw_header_btn button:first-child{
    border: 1px solid #D5F611!important;
    background: #D5F611!important;
}

.dw_products_header h3{
    color: #141414;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.4px;
    margin-bottom: 0px;
}

.dw_products_list{
    margin-top:calc(1.5rem + 24px);
}

.dw_bottom_msg{
    padding:12px;
    border-radius: 2px;
    background: #D3EFDE;
    margin-left:16px;
    margin-right:16px;
    position: relative;
    margin-bottom:60px;
}

.dw_bottom_msg h3{
    color: #104626;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.4px;
}

.dw_bottom_msg p{
    color: #104626;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
}

.dw_bottom_msg a{
    color: #104626;
    position:absolute;
    top:12px;
    right:12px;
    font-size:14px;
    font-weight:bold;
    text-decoration: none;
}

.dw_load_more{
    text-align: center;
}

.dw_load_more p{
    color: #141414;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
    margin-bottom:0px;
}

.dw_load_more button{
    margin-top:8px;
    margin-bottom:40px;
    color: #141414;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    border-radius: 56px;
    background: #D5F611;
    border:1px solid #D5F611;
    padding:12px 32px;
    width:160px;
}

.dw_view img{
    margin-right:8px;
    width:16px;
}

.dw_view{
    display:flex;
    align-items: center;
    justify-content: space-between;
    margin-top:16px;
    margin-bottom:32px;
    padding-left:16px;
    padding-right:16px;
	width:100%;
}

.dw_view span{
    border-radius: 224px;
    border: 1.2px solid #656565;
    background: #F9F9F9;
    padding:8px 16px;
    margin-right:8px;
    color: #656565;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.2px;
    width:calc(50% - 4px);
    opacity:0.75;
}

.dw_view span:last-child{
    margin-right:0px;
}

.dw_view_active{
    opacity:1!important;
}

.dw_product_box{
    margin-bottom:24px;
    position: relative;
    padding-left:16px;
    padding-right:16px;
    min-height:87px;
    width:100%;
}

.dw_product_box img:first-child:not(.dw_product_box button img){
    width:100%;
    height:76px;
    object-fit: contain; 
}

.dw_product_box:focus-visible, .dw_product_box h3:focus-visible, .dw_product_box span:focus-visible {
    outline: unset!important;
    background: unset!important;
    box-shadow: unset!important;
    border: unset!important;
}

.dw_product_box h3{
    color: #141414;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    margin-bottom:0px;
}

.dw_product_box span{
    color: #141414;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
    display: block;
    width:100%;
}

.dw_product_box span:last-child{
    color: #141414;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.6px;
    width:50vw;
    display: block;
    position:absolute;
    margin-top:14px;
}

.dw_product_box button{
    border-radius: 56px;
    border: 1px solid #D5F611;
    background: #D5F611;
    padding:8px;
    position:absolute;
    top:0px;
    right:16px;
	display:flex;
}

.dw_product_box select{
    position:absolute;
    bottom:0px;
    right:16px;
    width: 76px;
    padding:8px 16px;
    border-radius: 32px;
    border: 1px solid #DFDFDF;
    background: #FFF;
    color: #363636;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
}

.dw_product_box .col-3, .dw_product_box .col-6{
    padding-left:0px;
    padding-right:0px;
}

.dw_product_box_grid .col-3, .dw_product_box_grid .col-6 {
    width:100%!important;
}

.dw_product_box_grid img:first-child:not(.dw_product_box_grid button img){
    width:100%;
    height:160px;
    object-fit: contain; 
	padding:5px;
}

.dw_product_box_grid h3{
    margin-bottom:0px;
    font-size:12px;
    margin-left:12px;
    margin-top:8px;
}

.dw_product_box_grid select{
    padding:8px 12px;
    width:60px;
    right:8px;
	bottom:8px;
}

.dw_products_container{
	display:block;
	position:relative;
}

.dw_products_container_flex{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	padding-left:16px;
	padding-right:16px;
	position:relative;
}

.dw_product_box_grid span{
    opacity:0;
}

.dw_product_box_grid span:last-child{
    font-size:14px;
    opacity:1;
    bottom:14px;
    left:8px;
	width:unset;
}

.dw_product_box_grid button{
    top:126.4px;
	right:8px;
}

.dw_product_box_grid{
	flex-basis: calc(50% - 4px);
    margin-bottom:8px!important;
    display:block;
    min-height:270px;
    border-radius: 1px;
    border: 0.8px solid var(--200, #DFDFDF);
	padding:8px;
}

.dw_product_details{
    display:none;
    position:fixed;
    height:100vh;
    top:0px;
    left:0px;
    z-index:99;
    background:#fff;
    width:100vw;
    overflow-y: scroll;
}

.dw_prod_details_desc_box{
    padding-left:16px;
    padding-right:16px;
}

.dw_details_header{
    padding:12px 16px;
    box-shadow:0px 4px 8px 0px rgba(0, 0, 0, 0.04);
    position:fixed;
    top:0px;
    left:0px;
    width:100vw;
    background:#fff;
    z-index:999;
}

.dw_product_details div:nth-child(3) img:first-child:not(.dw_product_details .dw_product_box img){
    width:100vw;
    height:328px;
    object-fit: contain;
    margin-top:80.64px;
    margin-bottom:16px;
}

.dw_product_details div:nth-child(3){
    padding-left:16px;
    padding-right:16px;
}

#dw_product_stock{
    color: #141414;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
    display:flex;
    align-items: center;
    gap:8px;
	margin-top:16px;
}

#dw_product_stock i{
    color:green;
    font-size:8px;
}

.dw_ps_3items_red i{
    color:red!important;
    font-size:8px;
}

.dw_ps_3items_orange i{
    color:#F29A4C!important;
    font-size:8px;
}

#dw_product_price{
    color: #141414;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
	display:block;
	margin-bottom:-5px;
}

#dw_product_jed_price{
	font-size:10px;
}

.dw_product_details p{
    color: #141414;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
    margin-top:16px;
    margin-bottom:16px;
}

.dw_product_details h3{
    color: #141414;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.6px;
    margin-top:4px;
    margin-bottom:4px;;
}

#dw_product_ml{
    color: #141414;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
}

.dw_product_details hr{
    border-top: 1px solid #DFDFDF;
    margin-top:32px;
    margin-bottom:32px;
}

.dw_product_details h2{
    color: #141414;
    text-align: center;
    font-family: Syncopate;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-bottom:24px;
}

.dw_product_cart{
    position:fixed;
    bottom:0px;
    left:0px;
    width:100vw;
    padding:16px;
    display:flex;
    align-items: center;
    justify-content: space-between;
    background:#fff;
}

.dw_product_cart span{
    padding:12px;
    border-radius: 56px;
    border: 1px solid #DFDFDF;
    background: #DFDFDF;
    color:rgb(129,129,129);
    font-size:16px;
    margin-right:8px;
	height:40px;
	width:40px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.dw_product_cart span:last-child{
    border-radius: 56px;
    border: 1px solid #F2FFA4;
    background: #F7FFC8;
    font-size:16px;
    color:rgb(20,20,20);
	height:40px;
	width:40px;
	display:flex;
	justify-content:center;
	align-items:center;
}

.dw_product_cart span:nth-child(2){
    color: #141414;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    background:unset;
    border:unset;
}

.dw_product_cart button{
    padding:12px 32px;
    border-radius: 56px;
    background: #D5F611;
    border:1px solid #D5F611;
    color: #141414;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.dw_product_cart div{
    display:flex;
    align-items: center;
    justify-content: space-between;
}

.dw_product_details .dw_pb_padding{
    height:90px;
}

.dw_product_msg{
    padding:16px;
    border-radius: 2px;
    background: #D3EFDE;
    display:none;
    align-items: flex-start!important;
    position:fixed;
    margin-left:16px;
    margin-right:16px;
    top:0px;
    left:0px;
    z-index:99999;
    width:calc(100vw - 32px);
    margin-top:73.6px;
}

.dw_product_msg i{
    font-size:20px;
    color:#27AE60;
    margin-top: -2.5px;
}

.dw_product_msg span{
    color: #27AE60;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    margin-left:8px;
}

.dw_product_msg_red{
    background:#F7D2D2!important;
}
.dw_product_msg_red span, .dw_product_msg_red i { 
    color:#EB5757!important;
}

.dw_msg_fixed{
	position:fixed!important;
	width:calc(100% - 32px);
	gap:8px;
	padding: 16px;
    border-radius: 2px;
    background: #D3EFDE;
    display: none;
    align-items: flex-start !important;
    margin-top: calc(72px - 1.5rem);
    position: relative;
    margin-left: 16px;
    margin-right: 16px;
	z-index:999;
}

.dw_msg_fixed h3{
	margin-bottom:0px;
	color: #EB5757;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 16px;
}

.dw_msg_fixed span{
	color: #141414!important;
	font-family: Montserrat;
	font-size: 14px;
	font-style: normal;
	font-weight: 400!important;
	line-height: 22.4px;
	margin-left:0px!important;
}

.dw_product_msg_orange{
    background:#FCEBDB!important;
}
.dw_product_msg_orange span, .dw_product_msg_orange i { 
    color:#F29A4C!important;
}

.dw_msg_top{
    padding:16px;
    border-radius: 2px;
    background: #D3EFDE;
    display:flex!important;
    align-items: flex-start!important;
    margin-top:calc(72px - 1.5rem);
    position:relative;
    margin-left:16px;
    margin-right:16px;
}

.dw_msg_top i{
    font-size:20px;
    color:#27AE60;
	margin-top:-2px;
}

.dw_msg_top span{
    color: #27AE60;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    margin-left:8px;
}

.dw_cart_top {
    margin-top:80px;
}

.dw_cart_top_mt24{
    margin-top:24px!important;
    margin-bottom:8px;
}

.dw_cart_top div{
    display:flex;
    align-items: center;
    justify-content: center;
}

.dw_cart_top img{
    margin-right:8px;
}

.dw_cart_top h3{
    color: #212121;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.6px;
    margin-bottom:0px;
}

.dw_cart_top span{
    color: #212121;
    text-align: center;
    width:100%;
    display:block;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    margin-top:4px;
    margin-bottom:32px;
}

.dw_cart_trash{
    border: 1px solid #F2FFA4!important;
    background: #FAFFD8!important;
}

.dw_recomand_text{
    margin-top:32px;
    margin-bottom:24px;
    color: #141414;
    text-align: center;
    font-family: Syncopate;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
}

.dw_next_step_btn{
    padding:16px;
    position:fixed;
    /* bottom:0px; */
    bottom:52px;
	left:0px;
    width:100vw;
    background:#fff;
}

.dw_next_step_btn button{
    margin-top:16px;
    margin-bottom:12px;
    color: #141414;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    border-radius: 56px;
    background: #D5F611;
    border:1px solid #D5F611;
    padding:12px 32px;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dw_cart_info_box{
    position:relative;
    padding:32px 24px;
    background: #F9F9F9;
	display:none;
}

.dw_cart_info_box_page{
	display:block!important;
}

.dw_cart_info_box p{
    display:flex;
    align-items: center;
    justify-content: space-between;
}

.dw_cart_info_box p span{
    color: #212121;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
}

.dw_cart_info_box p span:last-child{
    font-weight:600;
}

.dw_cart_info_box p:last-child span{
    font-size:18px;
    line-height: 28.8px;
}

.dw_cart_box{
    padding-bottom:220px;
}

.dw_cart_box .dw_product_msg{
    position:absolute;
    top:0px;
    left:0px;
    width:calc(100vw - 32px);
    z-index: 999;
}

.dw_kiosk_btn{
    color: #141414;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    border-radius: 56px;
    background: #D5F611;
    border:1px solid #D5F611;
    padding:12px 32px;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dw_kiosk_btn2{
    color: #141414;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    border-radius: 56px;
    border: 1px solid #F2FFA4!important;
    background: #FAFFD8!important;
    padding:12px 32px;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

form .dw_kiosk_btn i{
	margin-left:5px;
}

.dw_prijava_box h3{
    margin-bottom:16px;
}

.dw_prijava_box form{
    margin-left:16px;
    margin-right:16px;
    margin-top:24px;
}

.dw_prijava_box form label{
    color: #212121;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    margin-bottom:8px;
    display: block;
}

.dw_prijava_box form input:not([type="checkbox"]){
    padding:12px 16px;
    border-radius: 32px;
    border: 1px solid #DFDFDF;
    background: #FFF;
    margin-bottom:16px;
    display: block;
    width:100%;
}

.dw_prijava_box form div:not(.iti.iti--allow-dropdown){
    display:flex;
    align-items: center;
    justify-content: space-between;
    margin-top:24px;
    margin-bottom:24px;
}

.iti.iti--allow-dropdown{
	width:100%;
	margin-bottom:16px;
}

.iti__flag.iti__ba{
	margin:0!important;
}

.dw_prijava_box form div span{
    color: #363636;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    display:flex;
}

#dw_create_account_checkbox{
    accent-color:#141414;
}

.dw_prijava_box form div span input{
    accent-color:#141414;
    margin-bottom:unset;
    margin-right:8px;
}

.dw_prijava_box form div a{
    color: #363636;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.4px;
    text-decoration: none;
}

.dw_prijava_footer{
    margin-top:32px;
    padding-bottom:24px;
    padding-left:16px;
    padding-right:16px;
}

.dw_prijava_footer h3{
    color: #212121;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.6px;
    margin-bottom:16px;
}

.dw_prijava_footer .dw_a_btn{
    padding:12px 32px;
    border-radius: 56px;
    border: 2px solid #BCD90E;
    background: #FAFFD8;
    margin-bottom:24px;
    width:100%;
    display:block;
    color: #141414;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.dw_prijava_footer a{
    color: #2D2D2D;
    text-align: center;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.2px;
    width:100%;
    display:block;
    margin-bottom:8px;
    text-decoration: none;
}

.dw_prijava_box form p{
    color: #363636;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    margin-top:24px;
    margin-bottom:-102px;
}

.dw_prijava_box form p a{
    color: #363636;
    font-weight:600;
    text-decoration: none;
}

.dw_fp_box{
    padding-left:16px;
    padding-right:16px;
}

.dw_fp_box p{
    color: #141414;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    margin-bottom:24px;
    margin-top:calc(32px + 1rem);
}

.dw_fp_box form button{
    margin-top:130px;
}

.dw_blagajna_steps{
    margin-top:64px;
    padding-left:16px;
    padding-right:16px;
    display:flex;
    align-items: center;
    text-align: left;
    margin-bottom:32px;
}

.dw_blagajna_steps span{
    padding:8px;
    border-radius: 56px;
    border: 1px solid #D5F611;
    background: #D5F611;
    color: #141414;
    text-align: center;
    font-family: Syncopate;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-right:16px;
    height:40px;
    width:40px;
}

.dw_blagajna_steps h3{
    color: #212121;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-bottom:4px;
}

.dw_blagajna_steps h3 button{
    background:unset;
    border:unset;
    padding:0px;
    outline:0px;
    color:rgb(157,157,157);
}

.dw_blagajna_steps p{
    color: #212121;
    text-align: left;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    margin-bottom:0px;
}

.dw_blagajna_steps div{
    width:100%;
}

.dw_blagajna_steps div h3 button{
    float:right;
}

.dw_blagajna_choices{
    display:flex;
    align-items: center;
    padding:12px 16px;
    border-radius: 32px;
    background: #FFF;
    margin-left:16px;
    margin-right:16px;
    margin-bottom:8px;
}

.dw_blagajna_choices_active{
    border: 1px solid #DFDFDF;
    background: #F9F9F9;
}

.dw_blagajna_choices input{
    margin-right:16px;
    accent-color:#2D2D2D;
}

.dw_blagajna_choices h3{
    color: #2D2D2D;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.4px;
    margin-bottom:5.5px;
    display:flex;
    align-items: center;
    justify-content: space-between;
}

.dw_blagajna_choices p{
    color: #2D2D2D;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
}

.dw_blagajna_choices h3 span{
    color: #818181;
    text-align: right;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.2px;
    display:flex;
    align-items: center;
}

.dw_blagajna_choices h3 span img{
    width:20px;
    margin-left:8px;
}

.dw_blagajna_summary{
    position:fixed;
    /* bottom:0px; */
    bottom:52px;
	left:0px;
    width:100vw;
    z-index:9999;
    background:#fff;
}

.dw_bs_bbox{
    background:#fff;
    padding:16px;
    box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.04);
}

.dw_blagajna_summary .dw_cart_info_box p{
    margin-bottom:8px;
}

.dw_blagajna_summary .dw_cart_info_box p:nth-child(1){
    margin-bottom:16px!important;
}

.dw_blagajna_summary .dw_cart_top{
    margin-top:0px;
    border-top: 1px solid #DFDFDF;
    border-bottom: 1px solid #DFDFDF;
    background: #F9F9F9;
    padding:12px 16px;
}

.dw_blagajna_summary .dw_cart_top span{
    margin-bottom:0px;
}

.dw_bs_products{
    display:none;
    padding:24px 16px;
    background:#fff;
    overflow-y:scroll;
    border-radius:24px;
    max-height:50vh;
}

.dw_bs_add{
    border: 1px solid #DFDFDF;
    border-radius: 24px 24px 0px 0px;
    display:block;
}

.lozinka{
    display:none;
}

.dw_bs_bbox{
    display:flex;
    align-items: center;
    gap:8px;
}

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

.dw_narudzba_box{
    margin-top:34px;
    padding-left:16px;
    padding-right:16px;
    position:relative;
}

.dw_narudzba_box p{
    color: #363636;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
}

.dw_narudzba_box svg{
    margin:auto;
    display: block;
    margin-bottom:24px;
}

.dw_narudzba_box span{
    color: #000;
    text-align: center;
    font-family: Montserrat;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px;
    width:100%;
    display: block;
}

.dw_narudzba_details_box, .dw_narudzba_content_box{
    padding:32px 16px;
    border-top: 1px solid #DFDFDF;
}

.dw_narudzba_details_box h3:not(.dw_product_box h3), .dw_narudzba_content_box h3:not(.dw_product_box h3){
    display:flex;
    align-items: center;
    justify-content: space-between;
    color: #212121;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25.6px;
    margin-bottom:0px;
}

.dw_content_details{
    margin-top:24px;
    display:block;
}

.dw_narudzba_details{
    display:flex;
    background-color: #fff;
    border-radius: 8px;
    margin-top:24px;
}

.dw_narudzba_details .left {
    flex: 1;
}
.dw_narudzba_details .left .detail-item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
	font-size:12px;
}
.dw_narudzba_details .left .detail-item i {
    margin-right: 10px;
}
.dw_narudzba_details .right {
    flex: 1;
    text-align: right;
}
.dw_narudzba_details .right .detail-value {
    margin-bottom: 10px;
    font-weight: bold;
	font-size:12px;
}

.dw_narudzba_status_wolt{
    border-radius: 96px;
    background: #F9F9F9;
    padding:15px 45px;
    color: #363636;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px!important;
    font-style: normal;
    font-weight: 600;
    line-height: 22.4px;
}

.dw_narudzba_time_info_wolt{
    padding-left:16px;
    padding-right:16px;
    margin-top:56px;
}

.dw_narudzba_time_info_wolt span{
    color: #212121;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    display:block;
}

.dw_narudzba_time_info_wolt p{
    color: #212121;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.4px;
    margin-bottom:16px;
}

.status-container {
    position: relative;
    text-align: center;
}
.status-message {
    display: inline-block;
    padding: 10px 20px;
    background-color: #F9F9F9;
    border: 1px solid #e0e0e0;
    border-radius: 24px;
    font-size: 16px;
    color: #333;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    position: relative;
}
.status-message::after {
    content: '';
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    border-width: 10px;
    border-style: solid;
    border-color: #F9F9F9 transparent transparent transparent;
}
.progress-barr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}
.progress-line {
    flex: 1;
    height: 4px;
    background-color: #e0e0e0;
    position: relative;
}
.progress-dot {
    width: 20px;
    height: 20px;
    background-color: #e0e0e0;
    border-radius: 50%;
    position: relative;
    z-index: 1;
}
.progress-dot.active {
    background-color: #d6f755;
}
.progress-dot-container {
    position: absolute;
    left: 0;
    right: 0;
    top:-8px;
    display: flex;
    justify-content: space-between;
    width:50%;
    margin:auto;
}

.dw_notif_badge{
	border-radius: 32px;
	background: #EB5757;
	display: flex;
	width: 12px;
	height: 12px;
	padding: 8px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
	color: #FFF;
	text-align: center;
	font-family: Montserrat;
	font-size: 8px;
	font-style: normal;
	font-weight: 700;
	line-height: 8px;
	position:absolute;
	right: 17px;
    top: -5px;
}

.dw_cart_badge{
	border-radius: 32px;
	background: #EB5757;
	display: flex;
	width: 12px; 
	height: 12px;
	padding: 8px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
	color: #FFF;
	text-align: center;
	font-family: Montserrat;
	font-size: 8px;
	font-style: normal;
	font-weight: 700;
	line-height: 8px;
	position:absolute;
	right: 10px;
    top: -5px;
}

.dw_notifikacije_box{
    padding-left:16px;
    padding-right:16px;
}

.dw_notifikacije_box p{
    color: #656565;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 19.2px;
    margin-top:calc(88px - 1rem);
    margin-bottom:24px;
}

.dw_notifikacija{
    border-radius: 8px;
    border: 1px solid #DFDFDF;
    background: #F9F9F9;
    padding:16px;
    margin-bottom:8px;
}

.dw_notifikacija2{
    border-radius: 0px;
    border: unset;
    background: unset;
    padding:16px;
    margin-bottom:8px;
}

.dw_notifikacija_read{
    border-radius: 8px;
    border: unset;
    background: #F9F9F9;
    padding:16px;
    margin-bottom:8px;
}

.dw_notifikacija h3{
    display:flex;
    align-items: center;
    justify-content: space-between;
}

.dw_notifikacija h3 span{
    color: #141414;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
}

.dw_notifikacija h3 span:first-child i{
    font-size:8px;
    color:#2D9CDB;
    margin-right:8px;
}

.dw_notifikacija h3 span:last-child{
    color: #363636;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
}

.dw_notifikacija h3 span:last-child i{
    margin-right:8px;
    color:rgb(203,203,203);
}

.dw_notifikacija p{
    color: #141414;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    margin-top:8px;
    margin-bottom:8px;
}

.dw_notifikacija a{
    color: #2D9CDB;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.4px;
    text-decoration: none;
}

.dw_notifikacije_box_30 p:first-child{
    margin-top:24px;
}

.dw_mojprofil_links a{
    color: #494949;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    margin-bottom:24px;
    display:block;
    text-decoration: none;
}

.dw_mojprofil_links a:last-child{
    color:rgba(235, 87, 87, 1);
}

.dw_mojprofil_box{
    display:flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:16px;
}

.dw_mojprofil_box h3{
    color: #141414;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    margin-bottom:2px;
}

.dw_mojprofil_box p{
    margin-top:0px;
    margin-bottom:0px;
}

.dw_mojprofil_box button{
    border-radius: 56px;
    border: 1px solid #F2FFA4;
    background: #FAFFD8;
    margin-right:16px;
    font-size:8px;
    padding:8px;
}

.dw_mojprofil_box i{
    font-size:16px;
}

.dw_mojprofil_box img{
    height:16px;
}

.dw_narudzbe_box{
    padding-left:16px;
    padding-right:16px;
    margin-top:calc(88px - 1rem);
}

.dw_narudzba_item{
    padding:16px;
    border-radius: 2px;
    background: #F9F9F9;
    border-right:12px solid #F49C50;
    margin-bottom:16px;
}

#dw_narudzba_status{
    color:#F49C50;
}

.dw_narudzba_item_finished #dw_narudzba_status{
    color:#82A44E!important;
}

.dw_narudzba_item_finished{
    border-right:12px solid #67B430!important;
}

.dw_narudzba_item_canceled #dw_narudzba_status{
    color:#818181!important;
}

.dw_narudzba_item_canceled{
    border-right:12px solid #818181!important;
}

.dw_narudzba_item_unused #dw_narudzba_status{
    color:#2D9CDB!important;
}

.dw_narudzba_item_unused{
    border-right:12px solid #2D9CDB!important;
}

.dw_narudzba_item div:not(#dw_narudzba_br){
    display:flex;
    align-items:center;
    justify-content: space-between;
}

.dw_narudzba_item div span i{
    margin-right:8px;
}

.dw_narudzbe_filter span{
    display:flex;
    align-items: center;
    justify-content: space-between;
}

.dw_filter_btns{
    display:flex;
    align-items: center;
    justify-content: space-between;
	gap:8px;
}

.dw_sigurnost_lozinka_box div{
    display:flex;
    align-items: center;
    justify-content: space-between;
}

#dw_lozinka_legal{
	color: #363636;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
}

#dw_lozinka_legal a{
	color: #363636;
    font-weight: 600;
    text-decoration: none;
}

.dw_podrska_box{
    margin-top:calc(88px - 1rem);
}

.dw_uvjeti_poslovanja{
    margin-top:calc(88px - 1rem);
    padding-left:16px;
    padding-right:16px;
}

.dw_uvjeti_poslovanja h3{
    color: #141414;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28.8px;
    margin-bottom:16px;
}

.dw_uvjeti_poslovanja p{
    color: #141414;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    margin-bottom:24px;
}

.dw_faqq_box{
    display:flex;
    align-items: center;
    justify-content: space-between;
}

.dw_faqq_box a{
    width:100%;
    display:flex;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    color:rgb(33,33,33);
}

.dw_faqq_box div{
    display:flex;
    align-items: center;
}

.dw_faq_box div{
    display:flex;
    align-items: center;
}

.dw_faq_box p{
    color: #000;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
}

.dw_faq_box div{
    margin-bottom:16px;
    display:flex;
    align-items: center;
    justify-content: space-between;
}

.dw_faq_box div h4 {
    color: #141414;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px;
    margin-bottom:unset;
}

.dw_faq_box span{
    background:#D5F611;
    border-radius:50%;
    font-size:14px;
    font-weight:bold;
    color:rgb(20,20,20);
    display: flex;
    padding: 12px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    height:38px;
    width:38px;
}

.dw_prijava_problema_box{
    padding:12px;
    border-radius: 2px;
    background: #F9F9F9;
}

.dw_prijava_problema_box div{
    display:flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom:8px;
}

.dw_prijava_problema_box h3, .dw_prijava_problema_box button{
    color: #363636;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 22.4px;
    background:unset;
    border:unset;
    margin-bottom:0px;
}

.dw_prijava_problema_box p, .dw_prijava_problema_box a{
    color: #363636;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
}

.dw_prijava_problema_box a{
    text-decoration: underline;
}

.dw_azuriranje_podataka{
    margin-top:calc(88px - 1rem);
}

.iti.iti--allow-dropdown div{
	margin-bottom:0!important;
	margin-top:0!important;
}

.iti__flag-container:hover{
	background:#fff!important;
}

.dw_azuriranje_podataka div{
    display:flex;
    align-items: start;
    margin-top:24px;
    margin-bottom:116px!important;
}

.dw_azuriranje_podataka i{
    font-size:14px;
    color:rgb(54,54,54);
    margin-right:8px;
    margin-top:-15px;
}

.dw_azuriranje_podataka p{
    margin-bottom:0px;
    color: #141414;
    font-family: Montserrat;
    text-align: left!important;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
    margin-bottom:0px!important;
    margin-top:0px!important;
}

.dw_osobni_podaci_box{
    margin-top:calc(88px - 1rem);
}

.dw_osobni_podaci_box span{
    color: #141414;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    margin-bottom:24px;
    display:block;
}

.dw_osobni_podaci_p{
    margin-top:24px!important;
}

.dw_problem_photos{
    display:flex!important;
    align-items: flex-start!important;
    justify-content: flex-start!important;
	flex-wrap: wrap;
}

.dw_problem_photos img{
    width: calc(25% - 8px);
    height:auto;
    margin-right:8px;
}

#dw_popup_photo{
    width:328px;
    height:328px;
    object-fit:contain;
    display:block;
    margin: auto;
    margin-top:81px;
}

.dw_home_legal{
    margin-top:0px;
    padding-top:24px;
    border-top:1px solid #E6E6E6;
	background:#F9F9F9;
}

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

.dw_bs_uvjeti_poslovanja{
    display:block!important;
    text-align: center;
}

.dw_bs_uvjeti_poslovanja p{
    color: #363636;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
	margin-bottom:8px;
}

.dw_bs_uvjeti_poslovanja p a, .dw_bs_uvjeti_poslovanja p input{
    color: #363636;
    font-weight:bold;
    accent-color:#363636;
    text-decoration: none;
}

.dw_hide_10{
    display:none;
}

.dw_filter_cat_span{
    display:flex;
    align-items: center;
    justify-content: space-between;
}
  
  .sliders_control {
    position: relative;
    min-height: 50px;
    border-bottom:unset!important;
    margin-bottom:0px!important;
    padding-bottom:12px;
  }
  
  .form_control {
    position: relative;
    display: flex;
    justify-content: space-between;
    font-size: 24px;
    color: #635a5a;
  }
  
  input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    pointer-events: all;
    width: 12px;
    height: 12px;
    background-color: #D5F611;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #D5F611;
    cursor: pointer;
  }
  
  input[type=range]::-moz-range-thumb {
    pointer-events: all;
    width: 24px;
    height: 24px;
    background-color: #D5F611;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #D5F611;
    cursor: pointer;  
  }
  
  input[type=range]::-webkit-slider-thumb:hover {
    background: #f7f7f7;
  }
  
  input[type=range]::-webkit-slider-thumb:active {
    box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
    -webkit-box-shadow: inset 0 0 3px #387bbe, 0 0 9px #387bbe;
  }
  
  input[type="number"] {
    color: #8a8383;
    height: 30px;
    font-size: 20px;
    border: none;
    text-align: right;
  }
  
  input[type=number]::-webkit-inner-spin-button, 
  input[type=number]::-webkit-outer-spin-button {  
     opacity: 1;
  }
  
  input[type="range"] {
    -webkit-appearance: none; 
    appearance: none;
    height: 3px;
    width: 100%;
    position: absolute;
    background-color: #C6C6C6;
    pointer-events: none;
  }
  
  #fromSlider {
    height: 0;
    z-index: 1;
  }

  .range_container .sliders_control{
    border-bottom:unset!important;
  }

  .form_control{
    padding:0px!important;
    gap:8px;
    margin-bottom:8px;
  }

  .form_control_container{
    border-radius: 32px;
    border: 1px solid var(--Grayscale-200, #DFDFDF);
    background: var(--Grayscale-50, #FFF);
    padding: 16px!important;
    width:50%;
    color: #818181;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0px!important;
    padding-bottom:16px!important;
  }

  .form_control_container input{
    color: #363636;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
  }

  #toSlider{
    border-radius:2px;
  }

  .dw_mt-24{
    margin-top:24px!important;
  }

  .swal2-title{
    font-size:18px!important;
  }

  .dw_checkpopup_confirmbtn{
    color: #141414!important;
    background: #D5F611!important;
    border: 1px solid #D5F611!important;
    outline:unset!important;
    box-shadow:unset!important;
  }

  .dw_checkpopup_canclebtn{
    color: #141414!important;
    background-color: transparent!important;
    border: 1px solid #D5F611!important;
    outline:unset!important;
    box-shadow:unset!important;
  }

  .dw_kupon_box{
    display:none!important;
  }

  .dw_kupon_show{
    display:flex!important;
  }
  
  #dw_prijavi_problem label{
    color: #212121;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    margin-bottom:8px;
    display: block;
}

#dw_prijavi_problem input, #dw_prijavi_problem select, #dw_prijavi_problem textarea{
    padding:12px 16px;
    border-radius: 32px;
    border: 1px solid #DFDFDF;
    background: #FFF;
    margin-bottom:16px;
    display: block;
    width:100%;
}

#dw_prijavi_problem textarea{
	height:222px;
}

#dw_pp_photo{
	opacity:0;
	height:0px;
	width:0px;
	position:absolute;
	z-index:-1;
}

#dw_pp_photo_btn{
	border-radius: 16px;
	border: 1px solid #DFDFDF;
	background: #FFF;
	display:flex;
	width:100%;
	justify-content:center;
	align-items:center;
	padding:8px;
}

#dw_pp_photo_show{
	display:none;
	width:100%;
	display:flex;
	justify-content:flex-start;
	align-items:flex-start;
	flex-wrap: wrap;
	margin-top:16px;
}

#dw_pp_photo_show img{
	height:60px;
	width:60px;
	object-fit:contain;
	margin-right:8px;
	margin-bottom:8px;
	width: calc(25% - 8px);
}

.popover.fade.bs-popover-left.show{
	transform: translate3d(57px, 21px, 0px)!important;
}

.dw_choices_payment span{
	display:flex;
	align-items:center;
}

.dw_choices_payment span img{
	height:12px;
	width:auto!important;
	margin-left:4px!important;
	object-fit:contain;
}

#customer_phone{
	padding-left:45px;
}

.dw_payment_cards_list{
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:10px;
}

.dw_payment_cards_list:first-child{
	margin-top:20px;
}

.dw_payment_cards_list img{
	margin:5px 10px;
}

.dw_pregled_blur{
	opacity:0.5;
}

.dw_g_a_prijava{
	padding-left:15px;
	padding-right:15px;
}

.dw_apple_login, .dw_google_login{
	text-decoration:none;
	color: #fff;
    text-align: center;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    border-radius: 56px;
    background: #141414;
    border: 1px solid #141414;
    padding: 12px 32px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	position:relative;
}

.dw_google_login{
	margin-bottom:8px;
}

.dw_apple_login i, .dw_google_login i{
	position:absolute;
	left:16px;
}

.dw_time_check_span{
	color: rgb(235, 87, 87);
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 19.2px;
	display:block;
	text-align:center;
	margin-top:8px;
}

#appleid-signin{
	height:41px;
	margin-top:8px;
}

#appleid-signin div:first-child{
	max-width:100%!important;
	max-height:100%!important;
	border-radius:56px!important;
}

.dw_odustani{
	border:1px solid #F2FFA4!important;
	background: #FAFFD8!important;
	display:flex;
	align-items:center;
	text-align:center;
	font-size:12px;
	padding:5px 10px!important;
	color:#141414!important;
}

.dw_odustani img{
	height:14px;
	width:14px;
}

.dw_location_search_result_box h2{
	font-size:12px;
	padding:5px;
	padding-left:10px;
}

.dw_location_search_result_box .dw_location_title span{
	font-size:10px;
}

.dw_locations_boxes{
	padding-top:10px;
}

/* proširi klik zonu SVIH header buttona, vizual ostaje isti */
.dw_mob_header button,
.dw_search_header button,
.dw_header_btn button {
    position: relative; /* potreban za ::after */
    cursor: pointer;
}

/* ne mijenja izgled: dodaje nevidljivu klik površinu oko gumba */
.dw_mob_header button::after,
.dw_search_header button::after,
.dw_header_btn button::after {
    content: "";
    position: absolute;
    /* koliko želiš proširiti hit area izvan gumba (8–12px je ok na mobitelu) */
    top: -10px; right: -10px; bottom: -10px; left: -10px;
    border-radius: inherit;         /* prati oblik gumba (okruglo/ovalno) */
    background: transparent;        /* ne vidi se */
    /* pointer-events default je auto → klik po pseudo-elementu ide na button */
}

/* NOVI CSS ARMIN*/

/* NOVI CSS ARMIN*/

.animate__faster {
	--animate-delay: 0.0s;
    --animate-duration: 0.2s;
  }

.dw_location_pick_box a{
    text-decoration:none;
    color:#141414;
}

.dw_product_box_cat_title{
    padding-left:16px;
    padding-right:16px;
    color:#141414;
    text-transform:uppercase;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 22.4px;
    padding-bottom:8px;
}

.dw_location_tags a{
    text-decoration:none;
}

.dw_izdvojeno_tags{
    padding-top:7px;
    margin-bottom:32px;
    list-style-type: none;
    padding-left:15px;
    display:flex;
    align-items: center;
    justify-content: flex-start;
    width:100%;
    overflow-x:scroll;
}

.dw_izdvojeno_tags .dw_product_box{
    margin-bottom:0px;
    padding-left:0px;
    padding-right:0px;
}

.dw_izdvojeno_tags .dw_product_box .dw_ps_price{
    font-weight:600;
    font-size:14px;
}

.dw_izdvojeno_tags li{
    display: flex;
    padding: 12px;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
    border: 1px solid #E6E6E6;
    border-radius:15px;
    margin-right:4px;
    opacity:0.45;
    min-width:150px;
}

.dw_izdvojeno_tags li h3{
    display: -webkit-box;       /* needed for line clamp */
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;      /* limit to 2 lines */
    overflow: hidden;
    text-overflow: ellipsis;    /* adds ... */
    white-space: normal;
}

.dw_izdvojeno_tags li button{
    top:unset;
    bottom:0px;
    right:0px;
}

.dw_similarproduct_box h3{
    color: #141414;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 22.4px;
    margin-bottom: 0px;
    margin-top:0px;
    white-space: nowrap;      /* sprječava prijelom u novi red */
    overflow: hidden;         /* sakrije višak teksta */
    text-overflow: ellipsis;  /* doda "..." ako je predugačko */
    display: block;           /* ili inline-block, ovisno o kontekstu */
    max-width: 100%;
}

.dw_similarproduct_box div:first-child{
    align-items:start!important;
}


/* === No-wrap ellipsis: Izdvojeno (horizontalni slider) === */
#dw_izdvojeno_tags .col-sm-12:last-child {
    min-width: 0; /* VAŽNO za ellipsis u flex/grid kontekstu */
}
#dw_izdvojeno_tags .dw_product_box h3 {
    white-space: nowrap;      /* 1 red */
    overflow: hidden;         /* sakrij višak */
    text-overflow: ellipsis;  /* … */
    min-height: unset;        /* ukloni fiksnu visinu ako je bila */
}

/* === No-wrap ellipsis: glavni listing (.dw_ps_box) === */
.dw_ps_box .col-sm-6,
.dw_ps_box .col-6 {
    min-width: 0; /* bez ovoga ellipsis često ne radi jer je flex item */
}
.dw_ps_box .col-sm-6 h3,
.dw_ps_box .col-6 h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* === No-wrap ellipsis: "Slični proizvodi" blok (ako postoji posebna klasa) === */
/* Ako nema .dw_related, slobodno zadrži samo .col-6/.col-sm-6 pravila iznad */
.dw_related .col-sm-6,
.dw_related .col-6 {
    min-width: 0;
}
.dw_related .col-sm-6 h3,
.dw_related .col-6 h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* (Ako još uvijek negdje ostane staro pravilo koje clamp-a na 2 reda, pregazi ga ovim) */
.dw_izdvojeno_tags li h3,
#dw_izdvojeno_tags li h3 {
    display: block !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: unset !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* VITO OVERRIDE FILTERI HOME PAGE */
/* Pill chips for category filters + search tags */
/* Container: wrap into multiple rows, no horizontal scroll */
.dw_location_tags,
#dw_search_tag_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 12px; /* row-gap column-gap */
    margin-top: 12px;
    padding-top: 7px; /* keeps your existing spacing */
    padding-left: 15px;
    margin-bottom: 24px;
    overflow-x: visible; /* override old scroll */
}

/* Remove old list visual styles from LI and move visuals to inner span */
.dw_location_tags {
    list-style: none;
    padding-left: 15px;
    justify-content: flex-start;
    width: 100%;
}

.dw_location_tags li {
    display: inline-flex;
    padding: 0;             /* override old paddings */
    margin: 0;              /* spacing handled by gap */
    border: 0;              /* override old border */
    background: transparent;/* override old bg */
    opacity: 1;             /* ensure full visibility */
    min-width: auto;        /* override old min-width:100px */
}

.dw_location_tags li a {
    text-decoration: none;
}

/* Base pill style: applies to category spans and search spans */
.dw_location_tags li a > span,
#dw_search_tag_list span {
    --chip-offset: 0px; /* used for subtle stagger */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 14px;
    border-radius: 999px;
    /*font-family: Montserrat, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;*/
    font-weight: 600;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
    border: 1px solid rgba(0,0,0,.08);
    background: #F7F7F8;
    color: #141414;
    box-shadow: 0 1px 2px rgba(0,0,0,.06), 0 3px 6px rgba(0,0,0,.05);
    transform: translateY(var(--chip-offset));
    transition: background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .12s ease;
    text-transform: none; /* override any old uppercase if needed */
}

/* Hover/active/focus states */
.dw_location_tags li a:hover > span,
#dw_search_tag_list span:hover {
    transform: translateY(calc(var(--chip-offset) - 1px));
    box-shadow: 0 2px 8px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.08);
}

.dw_location_tags li a:active > span,
#dw_search_tag_list span:active {
    transform: translateY(var(--chip-offset));
    box-shadow: 0 1px 2px rgba(0,0,0,.12);
}

.dw_location_tags li a:focus-visible > span,
#dw_search_tag_list span:focus-visible {
    outline: none;
    box-shadow: 0 0 0 3px rgba(14,165,233,.35), 0 1px 2px rgba(0,0,0,.06);
}

/* Optional selected state (use JS to add .is-active on the chosen LI) */
.dw_location_tags li.is-active a > span {
    background: linear-gradient(180deg, #1f2937 0%, #111827 100%);
    color: #fff;
    border-color: #111827;
    box-shadow: 0 2px 10px rgba(17,24,39,.28);
}

/* Color cycling for visual variety on categories and search tags */
.dw_location_tags li:nth-child(8n+1) a > span,
#dw_search_tag_list span:nth-child(8n+1) {
    background: linear-gradient(180deg, #E8F3FF 0%, #DFF0FF 100%);
    color: #0B6BCB; border-color: #B5D8FF;
}
.dw_location_tags li:nth-child(8n+2) a > span,
#dw_search_tag_list span:nth-child(8n+2) {
    background: linear-gradient(180deg, #E7F8EF 0%, #D9F4E5 100%);
    color: #18794E; border-color: #AFE3C0;
}
.dw_location_tags li:nth-child(8n+3) a > span,
#dw_search_tag_list span:nth-child(8n+3) {
    background: linear-gradient(180deg, #F1E8FF 0%, #EDE1FF 100%);
    color: #6B4BD9; border-color: #D4C7FF;
}
.dw_location_tags li:nth-child(8n+4) a > span,
#dw_search_tag_list span:nth-child(8n+4) {
    background: linear-gradient(180deg, #FFF2E5 0%, #FFEBD7 100%);
    color: #B55319; border-color: #FFD4A8;
}
.dw_location_tags li:nth-child(8n+5) a > span,
#dw_search_tag_list span:nth-child(8n+5) {
    background: linear-gradient(180deg, #FFE8F0 0%, #FFE1EA 100%);
    color: #B83280; border-color: #FFC1D7;
}
.dw_location_tags li:nth-child(8n+6) a > span,
#dw_search_tag_list span:nth-child(8n+6) {
    background: linear-gradient(180deg, #E6FBF9 0%, #D7F7F3 100%);
    color: #0F766E; border-color: #A9EDE6;
}
.dw_location_tags li:nth-child(8n+7) a > span,
#dw_search_tag_list span:nth-child(8n+7) {
    background: linear-gradient(180deg, #FFF8E1 0%, #FFF4D1 100%);
    color: #92400E; border-color: #FFE099;
}
.dw_location_tags li:nth-child(8n+8) a > span,
#dw_search_tag_list span:nth-child(8n+8) {
    background: linear-gradient(180deg, #ECEEFF 0%, #E4E7FF 100%);
    color: #4338CA; border-color: #C7CCFF;
}

/* Keep uppercase for categories if you still want it */
.dw_location_tags li a > span {
    text-transform: uppercase;
}

/* Ensure old tiny font rules don’t override the pill text */
.dw_location_tags li span {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

/** NAJNOVIJA PROMJENA HOME PAGE I PRODUCS REDESIGN COMPLETE **/
.dw_products_list{
    margin-top: 0 !important;
}
/* Home/Products: Header (kiosk topbar) - updated */
.dw_kiosk_topbar {
    display: flex;
    gap: 14px;
    padding: 12px 16px;
    background: linear-gradient(135deg, #FAFFD8 0%, #F2FFA4 25%, #FFF 90%);
    /*border-bottom: 1px solid rgba(213, 246, 17, 0.05);*/
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
}

.dw_kiosk_topbar:hover {
    background: linear-gradient(135deg, #F2FFA4 0%, #FAFFD8 30%, #FFF 100%);
}

.dw_kiosk_thumb {
    width: 105px;
    height: 120px;
    border-radius: 16px;
    object-fit: cover;
    border: 1px solid rgba(0,0,0,0.08);
    background: #F8F8F8;
    flex: 0 0 105px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}

.dw_kiosk_meta {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

.dw_kiosk_title_row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

.dw_kiosk_title_content {
    display: flex;
    flex-direction: column;
    gap: 2px;
    flex: 1;
    min-width: 0;
}

.dw_kiosk_brand {
    font-size: 18px;
    font-weight: 700;
    color: #141414;
    margin: 0;
    line-height: 1.2;
}

.dw_kiosk_location {
    font-size: 14px;
    font-weight: 500;
    color: #6B7280;
    margin: 0;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.dw_kiosk_dropdown {
    border-radius: 50%;
    border: none;
    background: rgba(255,255,255,0.8);
    backdrop-filter: blur(10px);
    padding: 8px;
    width: 36px;
    height: 36px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    flex: 0 0 36px;
}

.dw_kiosk_dropdown:hover {
    background: rgba(255,255,255,0.95);
    transform: scale(1.05);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.dw_kiosk_dropdown img {
    width: 16px;
    height: 16px;
}

.dw_kiosk_infochips {
    padding-top: 8px;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    align-items: center;
}

.dw_kiosk_chip {
    display: inline-flex;
    align-items: center;
    padding: var(--chip-py) var(--chip-px);
    border-radius: var(--chip-radius);
    font: var(--chip-font);
    white-space: nowrap;
    box-shadow: var(--chip-shadow);
    border: 1px solid rgba(0,0,0,0.08);
    background: rgba(255,255,255,0.9);
    color: #141414;
    transition: all 0.15s ease;
}

.dw_kiosk_chip.pickup {
    background: linear-gradient(180deg, #E7F8EF 0%, #D9F4E5 100%);
    color: #18794E;
    border-color: #AFE3C0;
}

.dw_kiosk_chip.delivery {
    background: linear-gradient(180deg, #E8F3FF 0%, #DFF0FF 100%);
    color: #0B6BCB;
    border-color: #B5D8FF;
}

.dw_kiosk_chip.delivery.closed {
    background: linear-gradient(180deg, #FFF2E5 0%, #FFEBD7 100%);
    color: #B55319;
    border-color: #FFD4A8;
}

.dw_kiosk_chip.delivery.opening-soon {
    background: linear-gradient(180deg, #F1E8FF 0%, #EDE1FF 100%);
    color: #6B4BD9;
    border-color: #D4C7FF;
}

/* Make entire topbar clickable except the dropdown button */
.dw_kiosk_topbar::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 50px; /* Leave space for dropdown button */
    bottom: 0;
    z-index: 1;
    cursor: pointer;
}

.dw_kiosk_dropdown {
    position: relative;
    z-index: 2;
}

/* Responsive adjustments */
@media (max-width: 380px) {
    .dw_kiosk_topbar {
        gap: 10px;
        padding: 10px 12px;
    }
    
    .dw_kiosk_thumb {
        width: 90px;
        height: 108px;
        flex: 0 0 90px;
    }
    
    .dw_kiosk_brand {
        font-size: 16px;
    }
    
    .dw_kiosk_location {
        font-size: 12px;
    }
}

/* Sticky category chips (ID-scoped da ne rušimo postojeći .dw_location_tags) */
#dw_cat_sentinel { height: 1px; }
.dw_categories_sticky {
    position: sticky; top: 0; z-index: 90; background: #FFF;
    padding: 0; transition: box-shadow .2s ease, border-color .2s ease;
}
.dw_categories_sticky.stuck { box-shadow: 0 2px 12px rgba(0,0,0,.08); border-bottom: 1px solid #F0F0F0; }
#dw_location_tags {
    display: flex; flex-wrap: nowrap; gap: 8px; padding: 16px 16px; margin: 0;
    list-style: none; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none;
}
#dw_location_tags::-webkit-scrollbar { display: none; }
#dw_location_tags li { flex: 0 0 auto; }
#dw_location_tags li a > span {
    display: inline-flex; align-items: center; justify-content: center;
    padding: 8px 14px; border-radius: 999px; border: 1px solid #EAEAEA;
    background: #F7F7F8; color: #141414; font-weight: 600; font-size: 12px; white-space: nowrap;
    transition: transform .12s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease;
}
#dw_location_tags li a:hover > span { transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0,0,0,.12), 0 1px 3px rgba(0,0,0,.08); }
#dw_location_tags li.is-active a > span {
    background: linear-gradient(180deg, #1f2937 0%, #111827 100%); color: #fff; border-color: #111827;
    box-shadow: 0 2px 10px rgba(17,24,39,.28);
}

/* Sekcija: Najpopularniji / Izdvojeno */
.dw_section_heading {
    margin: 20px 18px 12px;
    font-size: 17px;
    font-weight: 600;
    color: #141414;
    text-transform: uppercase;
}
#dw_izdvojeno_tags {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 16px 24px;
    margin: 0;
    list-style: none;
    scrollbar-width: none;
}
#dw_izdvojeno_tags::-webkit-scrollbar { display: none; }
#dw_izdvojeno_tags li {
    flex: 0 0 auto;
    opacity: 1;
    margin: 0;
    padding: 0;
    border: none;
    min-width: auto;
}
#dw_izdvojeno_tags .dw_product_box {
    width: 156px;
    padding: 0;
    border: 1px solid #E8E8E8;
    border-radius: 12px;
    background: #FFF;
    overflow: hidden;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.04);
    position: relative;
}
#dw_izdvojeno_tags .dw_product_box:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    border-color: #D5F611;
}
#dw_izdvojeno_tags .dw_product_box img:first-child {
    width: 100%;
    height: 120px;
    object-fit: contain;
    border: none;
    border-radius: 0;
    margin: 0;
    display: block;
}
#dw_izdvojeno_tags .row { display: block; margin: 0; }
#dw_izdvojeno_tags .col-sm-12, #dw_izdvojeno_tags .col-12 { width: 100%; padding: 0; }
#dw_izdvojeno_tags .col-sm-12:last-child { padding: 10px 10px 8px; }
#dw_izdvojeno_tags .dw_product_box h3 {
    font-size: 13px;
    font-weight: 600;
    margin: 0 0 4px 0;
    color: #141414;
    /*font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;*/
    line-height: 1.3;
    display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;
    overflow: hidden; text-overflow: ellipsis;
}
#dw_izdvojeno_tags .dw_product_box span {
    display: block;
    font-size: 11px;
    color: #6B7280;
    margin-bottom: 2px;
    /*font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;*/
}
#dw_izdvojeno_tags .dw_ps_price {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #141414 !important;
    margin-top: 4px !important;
}
#dw_izdvojeno_tags .dw_product_box button {
    position: absolute;
    top: 8px; right: 8px; bottom: auto;
    width: 32px; height: 32px; padding: 0;
    border-radius: 50%;
    background: rgba(255,255,255,0.95);
    border: 1.5px solid #E8E8E8;
    display: flex; align-items: center; justify-content: center;
    transition: all 0.2s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    backdrop-filter: blur(10px);
}
#dw_izdvojeno_tags .dw_product_box button:hover {
    background: #D5F611; border-color: #D5F611; transform: scale(1.1);
    box-shadow: 0 3px 8px rgba(213,246,17,0.3);
}
#dw_izdvojeno_tags .dw_product_box button img { width: 16px !important; height: 16px !important; border: none !important; border-radius: 0 !important; }
#dw_izdvojeno_tags .dw_product_box select { display: none; }

/* Naslovi kategorija lijepo dosjedaju ispod sticky bara kod anchor-skoka */

.dw_product_box_cat_title { scroll-margin-top: calc(var(--catsH, 0px) + 8px); }


/* === Cart Badge & Product UI Improvements (appended) === */

/* Enhanced cart badge for better visibility */
.dw_cart_badge {
    border-radius: 32px;
    background: #EB5757;
    display: flex;
    width: 12px; 
    height: 12px;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 8px;
    font-style: normal;
    font-weight: 700;
    line-height: 8px;
    position: absolute;
    right: 10px;
    top: -5px;
    z-index: 10;
    transition: all 0.5s ease;
    transform: scale(1);
}

/* Badge animation when updated */
.dw_cart_badge.badge-updated {
    animation: badge-bounce 0.8s ease;
}

@keyframes badge-bounce {
    0% { transform: scale(1); }
    50% { transform: scale(1.3); }
    100% { transform: scale(1); }
}

.dw_kiosk_topbar_newTopMargin{
	margin-top: -1.5rem;
}

#dw_loc_nearest span a{
	width:100%;
}

.dw_mojprofil_links{
	padding-bottom:30px;
}

.dw_myprofile_name .dw_current_name{
	margin-top:calc(66px - 1rem);
}