.elementor-2380 .elementor-element.elementor-element-838e820{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-2380 .elementor-element.elementor-element-0301bc8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Calibri;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2380 .elementor-element.elementor-element-fb2a099{text-align:center;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Calibri;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2380 .elementor-element.elementor-element-48ba159{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Calibri;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-2380 .elementor-element.elementor-element-1b57207{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2380 .elementor-element.elementor-element-0f27136{text-align:center;}.elementor-2380 .elementor-element.elementor-element-a9649a7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2380 .elementor-element.elementor-element-114d60a{text-align:center;}.elementor-2380 .elementor-element.elementor-element-8e508b4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-2380 .elementor-element.elementor-element-8d1290f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Calibri;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Calibri;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-2380 .elementor-element.elementor-element-cf3805f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2380 .elementor-element.elementor-element-f25f4c6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2380 .elementor-element.elementor-element-8d1367e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2380 .elementor-element.elementor-element-0f610c6{text-align:center;}.elementor-2380 .elementor-element.elementor-element-8f2b004{font-family:"DIN Next LT Pro", Calibri;font-size:18px;font-weight:400;color:var( --e-global-color-text );}.elementor-2380 .elementor-element.elementor-element-8f2b004 a{color:var( --e-global-color-primary );}.elementor-2380 .elementor-element.elementor-element-7bdc421{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2380 .elementor-element.elementor-element-56148fc{text-align:center;}.elementor-2380 .elementor-element.elementor-element-8bbbd8a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-2380 .elementor-element.elementor-element-1a79d86{font-family:"DIN Next LT Pro", Calibri;font-size:18px;font-weight:400;color:var( --e-global-color-text );}.elementor-2380 .elementor-element.elementor-element-1a79d86 a{color:var( --e-global-color-primary );}.elementor-2380 .elementor-element.elementor-element-6821dab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Calibri;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2380 .elementor-element.elementor-element-1b68a18 .elementor-button{background-color:var( --e-global-color-primary );font-family:"DIN Next LT Pro", Calibri;font-size:1.4em;font-weight:600;}.elementor-2380 .elementor-element.elementor-element-1b68a18 .elementor-button:hover, .elementor-2380 .elementor-element.elementor-element-1b68a18 .elementor-button:focus{background-color:var( --e-global-color-secondary );}.elementor-2380 .elementor-element.elementor-element-1b68a18:hover{--e-transform-scale:1.1;}@media(min-width:768px){.elementor-2380 .elementor-element.elementor-element-0301bc8{--width:50%;}.elementor-2380 .elementor-element.elementor-element-48ba159{--width:50%;}.elementor-2380 .elementor-element.elementor-element-8d1290f{--width:33.3333%;}.elementor-2380 .elementor-element.elementor-element-cf3805f{--width:33.3333%;}.elementor-2380 .elementor-element.elementor-element-f25f4c6{--width:33.3333%;}}@media(max-width:1024px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}@media(max-width:767px){.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}}/* Start custom CSS for button, class: .elementor-element-1b68a18 *//* =========================
   WOOCOMMERCE MODERN GRID
========================= */

.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 24px;
    margin: 0;
    padding: 0;
}

/* =========================
   PRODUCT CARD
========================= */

.products .product {
    background: #ffffff;
    border-radius: 14px;
    padding: 18px;
    text-align: center;

    border: 1px solid rgba(0,0,0,0.05);

    box-shadow: 
        0 4px 12px rgba(0,0,0,0.05),
        0 1px 2px rgba(0,0,0,0.03);

    transition: all 0.25s ease;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 20px 0 !important;
}

/* =========================
   HOVER EFFECT
========================= */

.products .product:hover {
    transform: translateY(-6px);
    box-shadow: 
        0 16px 30px rgba(0,0,0,0.12),
        0 6px 10px rgba(0,0,0,0.06);
}

/* =========================
   IMAGE
========================= */

.products .product img {
    max-width: 100%;
    height: 140px;
    object-fit: contain;
    margin-bottom: 12px;

    transition: transform 0.3s ease;
}

.products .product:hover img {
    transform: scale(1);
}

/* =========================
   TITLE
========================= */

.products .product .woocommerce-loop-product__title {
    font-family: 'DIN Next LT Pro', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #1f3c5b;

    min-height: 48px;
    margin-bottom: 8px;
}

/* =========================
   PRICE
========================= */

.products .product .price {
    font-size: 16px;
    font-weight: 700;
    color: #0066cc;
    margin-bottom: 12px;
}

/* =========================
   BUTTON
========================= */

.products .product .button {
    display: inline-block;
    padding: 10px 16px;
    border-radius: 8px;

    background: #0066cc;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;

    transition: all 0.2s ease;
}

.products .product .button:hover {
    background: #004a99;
    transform: translateY(-1px);
}

/* =========================
   REMOVE DEFAULT WOOCOMMERCE STYLES (OPTIONAL CLEANUP)
========================= */

.products .product a {
    text-decoration: none;
}

.products .product .price del {
    opacity: 0.5;
    font-weight: 400;
}

/* =========================
   MOBILE TWEAK
========================= */

@media (max-width: 768px) {
    .products {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }

    .products .product img {
        height: 110px;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'DIN Next LT Pro';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://industrijskiubrusi.com/wp-content/uploads/2026/04/DINNextLTPro-Regular.woff2') format('woff2'),
		url('https://industrijskiubrusi.com/wp-content/uploads/2026/04/DINNextLTPro-Regular.woff') format('woff');
}
/* End Custom Fonts CSS */