/* ==========================================================
Colors
   ========================================================== */
:root {

    --gd-primary: #2f2b2a;      /* grafit */
    --gd-secondary: #c8beb6;    /* beż z logo */
    --gd-secondary-dark: #a9998d;

    --gd-text: #2f2b2a;
    --gd-text-light: #666;

    --gd-background: #ffffff;
    --gd-border: #e8e4e0;

}

h1, h2, h3, h4, h5, h6 {
    margin-top: 1.5rem;
    font-weight: bold;
}

/* Rozszerzenie kontenera na duże ekrany */
.container {
    max-width: 1600px; 
}

/* 2K */
@media (min-width: 1600px) {
    .container {
        max-width: 1500px;
    }
}

/* Full HD / UltraWide */
@media (min-width: 1920px) {
    .container {
        max-width: 1680px;
    }
}

/* 4K */
@media (min-width: 2560px) {
    .container {
        max-width: 1840px;
    }
}

@media (min-width: 1800px) {
    .container {
        width: 1600px;
    }
}

/* ==========================================================
   4K GRID
   Breakpoint: >= 1800px
   ========================================================== */

@media (min-width: 1800px) {

    .col-4k-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-4k-1 {
        flex: 0 0 auto;
        width: 8.333333%;
    }

    .col-4k-2 {
        flex: 0 0 auto;
        width: 16.666667%;
    }

    .col-4k-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-4k-4 {
        flex: 0 0 auto;
        width: 33.333333%;
    }

    .col-4k-5 {
        flex: 0 0 auto;
        width: 41.666667%;
    }

    .col-4k-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-4k-7 {
        flex: 0 0 auto;
        width: 58.333333%;
    }

    .col-4k-8 {
        flex: 0 0 auto;
        width: 66.666667%;
    }

    .col-4k-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-4k-10 {
        flex: 0 0 auto;
        width: 83.333333%;
    }

    .col-4k-11 {
        flex: 0 0 auto;
        width: 91.666667%;
    }

    .col-4k-12 {
        flex: 0 0 auto;
        width: 100%;
    }

}

@media (min-width:1800px){

    .col-4k-20{
        flex:0 0 auto;
        width:20%;
    }

    .col-4k-25{
        flex:0 0 auto;
        width:25%;
    }

    .col-4k-16{
        flex:0 0 auto;
        width:16.666667%;
    }

    .col-4k-14{
        flex:0 0 auto;
        width:14.285714%;
    }
}

.h1, .h2, .h3{
    text-transform: none;
}

@media (min-width:1800px){

    .products{
        display:flex;
        flex-wrap:wrap;
    }

    .products>.js-product{
        flex:0 0 25%;
        max-width:25%;
    }

}

@media (min-width: 1800px) {
    .featured-products .js-product {
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/* @media (min-width: 2200px) {
    .container {
        width: 1800px;
    }
}

@media (min-width: 2800px) {
    .container {
        width: 2100px;
    }
} */


/* ==========================================
   Typography
   ========================================== */

:root {
    --font-family-base: "Outfit", sans-serif;
}

body {
    font-family: var(--font-family-base);
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    color: #2f2f2f;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

button,
input,
select,
textarea {
    font-family: inherit;
}

h1 {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.2;
}

h2 {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.25;
}

h3 {
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.3;
}

h4,
h5,
h6 {
    font-weight: 500;
}

:root {
    --gd-radius: 8px;
    --gd-shadow: 0 8px 24px rgba(0, 0, 0, .08);
    --gd-transition: .25s ease;
    --gd-text: #2f2f2f;
    --gd-accent: #2f6d52; /* przykład */
}

.product-title a {
    font-weight: 500;
}

.price {
    font-weight: 600;
}

.btn {
    font-weight: 500;
}

* {
    text-transform: none;
}

.btn,
.btn-primary,
.top-menu a,
.dropdown-item,
.h1,
.h2,
h1,
h2,
h3,
h4,
.block-category h1,
.products-section-title,
.page-title,
.product-title,
.footer-container .h3 {
    text-transform: none;
    letter-spacing: normal;
}

.btn,
.card,
.dropdown-menu,
.form-control,
.product-miniature {
    border-radius: 8px;
}

.product-miniature {
    border-radius: var(--gd-radius);
    transition: box-shadow var(--gd-transition);
}

.product-miniature:hover {
    box-shadow: var(--gd-shadow);
}

#header .text-uppercase,
#footer .text-uppercase,
.top-menu .text-uppercase, .featured-products .text-uppercase{
    text-transform: none !important;
}

.featured-products{
    padding-bottom: 5em;

    .products{
        padding-bottom: 2em;
    }
}

.section-title,
.block-category,
.products-section-title {
    margin-bottom: 2rem;
}

.product-description {
    padding: 1rem;
}

.btn-primary {
    border-radius: 6px;
    font-weight: 500;
    padding: .8rem 1.4rem;
}

.price {
    font-size: 1.25rem;
    font-weight: 600;
}

.regular-price {
    opacity: .9;
}

h1 {
    font-weight: 600;
}

@media (min-width: 576px) {
    #header .header-top .search-widgets {
        max-width: 100%;
    }
}

@media (max-width:760px){
    #headernavbar .aftermenuinfo-tlo{
        display: none;
    }
}

/* @media (max-width: 720px) {
    #_desktop_top_menu {
        display: none !important;
    }
    #_mobile_top_menu {
        display: block !important;
    }
}

@media (min-width: 721px) {
    #_desktop_top_menu {
        display: block !important;
    }
    #_mobile_top_menu {
        display: none !important;
    }
} */


.btn-primary {

    background: var(--gd-secondary);
    border-color: var(--gd-secondary);
    color: #2f2b2a;

}

.btn-primary:hover {

    background: var(--gd-secondary-dark);
    border-color: var(--gd-secondary-dark);

}

a {
    color: var(--gd-primary);
    transition: color .2s;
}

a:hover, a:focus {
    color: var(--gd-secondary-dark);
}

#header .top-menu a[data-depth="0"]:hover, a:hover {
    color: var(--gd-secondary-dark);
}

.price {
    color: var(--gd-primary);
}

.discount-percentage {
    background: #b28d5b;
}

.material-icons {
    color: var(--gd-primary);
}

.material-icons:hover {
    color: var(--gd-secondary-dark);
}

.bootstrap-touchspin .group-span-filestyle .btn-touchspin, .group-span-filestyle .bootstrap-touchspin .btn-touchspin, .group-span-filestyle .btn-default {
    background: var(--gd-primary);
}



#subcategories .subcategory-name a:hover,
#subcategories .subcategory-name a:focus {
    color: var(--gd-primary) !important;
}

#subcategories .subcategory-name a:hover {
    color: #2f2b2a !important;
}

#subcategories ul li{
    /* transition-behavior: ; */
}

#subcategories ul li:hover .subcategory-image a {
    padding: 5px;
    border: 5px solid var(--gd-secondary-dark);
    transition: border-color 1.25s ease;
}



#header{
    .top-menu a.dropdown-submenu{
        text-transform: none;
    }
    .header-top a[data-depth="0"] {
        text-transform: none;
        color: #1B130F;
    }
    
    a:hover{
        color: var(--gd-secondary-dark);
    }
}



#header .top-logo-container{
    margin-left: 0 !important;
}


#header .container-exp .material-icons{
    vertical-align: middle;
    line-height: 1;
}

#header #_desktop_user_info{
    .user-info{
        padding-left: 10px;
        padding-right: 10px;
        margin-left: 1rem;
    }
}

#header #search_widget form input{
    background-color: #fff;;
}

#header, #header .header-top{
    /* background-color: blue; */
}
header#header{
    box-shadow: 0px 10px 54px -48px rgb(66, 68, 90);
}

#header .header-nav {
    max-height: 150px;
    border-bottom: #f6f6f6 2px solid;
}

#header .top-logo-container a>img{
    max-height: 80px;
}

/* ADDED */
/*1. header navigation */

.nav-scrolled .header-top{
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    margin-top: 0px;
    margin-bottom: 0px;

}

#header .h1_for_logo{
    margin: 0;
    padding: 0;

    a:focus{
        outline: none;
        outline-offset: 0;
    }
}
#header.nav-scrolled {
  background: rgb(255, 255, 255);
  position: fixed;
  z-index: 100;
  width: 100%;
  transform: translate(0, -200px);
  height: 0;
  /* position:  */
}
#header.nav-scrolled #topinfobar {
  display: none !important;
}

#header.nav-scrolled-ani {
  height: auto;
  transform: translate(0, 0);
  transition: all 0.5s ease-in;
}
#header img.logo{
    width: inherit;
    transition: all 1.5s ease-in;
}

#header.nav-scrolled-ani img.logo{
    width: 100px;
    transition: all 1.5s ease-in;
}
#header.nav-scrolled-ani .aftermenuinfo{
    display: none;
}

#wrapper{
    .breadcrumb{
        /* border-radius: var(--gd-radius); */
        border-radius: 18px;
    }
}

#index #wrapper{
    padding-top: 0;
}

/* Slider */
/* body#index #carousel .carousel-inner {
    height: 620px;
    height: auto !important;
}

body#index #carousel .carousel-item img {
    display: block;
    width: 100%;
    height: 620px;
    object-fit: cover;
} */
 body#index #carousel .carousel-inner {
    height: auto;
}

body#index #carousel .carousel-item img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain;
}

/* Mniejsza wysokość na telefonach */
@media (max-width: 767px) {
    body#index #carousel .carousel-inner,
    body#index #carousel .carousel-item img {
        /* height: 220px; */
    }
}

@media (max-width: 991px) {
    body#index #carousel{
        padding-bottom: 0;
    }
}

#custom-text{
    background-color: #FEFEFE !important;
}
#custom-text-gr1 .six-big-icons{
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    /* background-color: #fdfcf7; */
    /* background-color: #fff; */
    background-color: #FEFEFE !important;

    img{
        display: block;
        width: 100%;
        height: auto;
    }
}

#footer{
    background-color: #f7f3ed;
    .block-contact, .footer-container li a {
    font-size: 1rem;
    color: #353535;
    /* margin-top: 1rem; */
    }

    .footer-container li {
    margin-bottom: .8rem;
}

.footer-container .h3, .footer-container .h4, .footer-container .h3 > a{
    font-size: 1.2rem;
}

.footer-niramedia{
    padding-top: 2rem;
}

}


#footer .footer-container{
    padding-top: 3em;
    padding-bottom: 3em;
    background: #EEE4DF;
}


/* Zwykłe rozwijane menu */

#_desktop_top_menu .sub-menu {
    width: 260px;
    min-width: 260px;
    padding: 15px 0;
}

#_desktop_top_menu .sub-menu ul {
    display: block;
}

#_desktop_top_menu .sub-menu li {
    width: 100%;
    margin: 0;
}

#_desktop_top_menu .sub-menu a {
    display: block;
    padding: 8px 20px;
}

#_desktop_top_menu .sub-menu .top-menu {
    display: block;
}

#_desktop_top_menu .sub-menu .top-menu > li {
    width: 100%;
}

#_desktop_top_menu .top-menu > li {
    position: relative;
}

#_desktop_top_menu .sub-menu {
    position: absolute;
    left: 0;
    top: 100%;
    width: 260px;
}



.picture_object{
    max-width: 100%;
    width: 100%;
    padding-bottom: 40px;
}

.no_mar_no_pad{
    padding: 0;
    margin: 0;
}
.infobar-container{
background-color: #1B130F;
}

@media screen and (max-width: 767px) {


    .infobar-container .infobar-item {
    text-align: center;
    position: relative;
    isolation: isolate;
    padding-top: 5px;
    padding-bottom: 5px;
        span{
            padding-left: 10px;
        }
    
    }

}

@media screen and (min-width: 768px) {
    .picture_object{
    margin-left: auto;
    margin-right: auto;
    width: 700px;
}

.aftermenuinfo-tlo{
    width: 100%;
    background-color: #1B130F;
}

.infobar-tlo{
    margin-left: auto;
    margin-right: auto;
    background-color: #1B130F;
}

.infobar-container{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    background-color: #1B130F;
    color: #ede5df;

    .infobar-item {
    text-align: center;
    position: relative;
    isolation: isolate;
    padding-top: 10px;
    padding-bottom: 10px;
        span{
            padding-left: 10px;
        }
    
    }
    .material-icons{
        color: #ede5df;
    }

    /* infobar-item-1{} */
    infobar-item-2{}
    infobar-item-3{}
}
}


#wrapper .breadcrumb{
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
    background-color: #eee5e087;
}


/* Footer */
@media screen and (max-width: 767px) {
    .footer-container .links ul {
        background-color: #eee5e087;
    }
}

#footer-mini-baners{
    background-color: #f6f6f6;
}
.mini-baners_wraper{
    display: flex;
    justify-content: space-between;
    align-items: center;   
}
.mini-baners_element{
    flex: 1; /* Equal width for all items */
    padding: 20px;
    text-align: center;
}

.page-home .banner img{
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#wrapper {
    background: #fffef8;
}
.product-miniature:hover .thumbnail-container:hover{
    /* background: #EEE4DF; */
}

.js-product{
    margin-bottom: 26px;
}

.product-miniature {
    transition: box-shadow .3s ease;
    background-color: inherit;
    border-radius: 18px;

    box-shadow: 0 10px 30px rgba(0,0,0,.02);
    background-color: #fff;
}

.product-thumbnail {
    overflow: hidden;
}

.product-thumbnail img {
    transition: transform .35s ease;
    background-color: #fff;
    border-radius: 18px;
}

.product-miniature:hover {
    box-shadow: 0 10px 30px rgba(0,0,0,.12);
    background-color: #fff;
}

.product-miniature:hover img {
    transform: scale(1.04);
    background-color: #fff;
}

/* .product-miniature .product-description {
    background: #EEE4DF;
} */

#custom-text {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}



#footer{

    .payment_icons_wraper{
        /* display: grid; */
        /* grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; */
        /* grid-template-columns: 
        repeat(auto-fit, minmax(250px, 1fr)); */
        display: flex;
        justify-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start;
        
        .pi_element{
            width: 200px;
            text-align: center;
        }
        .grayicon {
            -webkit-filter: grayscale(1);
            filter: grayscale(1);
            transition: 0.5s;
           /*  width: 150px; */
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 100%;
        }
        .grayicon:hover {
            -webkit-filter: grayscale(0);
            filter: grayscale(0);
            transition: 0.5s;
        }
    }
    .footer-container > .container-fluid{
        padding-left: 30px;
        padding-right: 30px;
    }


    .account-list a:hover, .block_newsletter form button[type=submit] .search:hover, .footer-container li a:hover {
    color: red;
    }



}




.header-top {
  background: #EEE4DF;
  padding: 1.25rem 0;
  transition: padding 0.5s ease-in-out;
}

/* Gdy chcesz zmniejszyć padding do zera, np. po dodaniu klasy */
.header-top.shrink {
  padding: 0;
}




/* ===================================================
   Main Page modules
   =================================================== */

   
.featured-products,
.special-products,
.new-products {
    margin-top: 7rem !important;
}   


.products-section-title {
    position: relative;
    display: flex;
    align-items: center;

    margin: 0 0 2.5rem;
    padding-bottom: .75rem;

    font-family: "Outfit", sans-serif;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: -.02em;
    text-transform: none;
    color: #2b2b2b;

    font-size: 24px;
    /* font-weight: bold; */
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #a37d61;
}

.products-section-title::after {
    content: "";
    flex: 1;
    height: 2px;
    margin-left: 20px;

    background: linear-gradient(
    to right,
    #c9a46b 0,
    #c9a46b 40px,
    rgba(43,43,43,.18) 80px,
    rgba(43,43,43,0) 100%
);
}


#content-wrapper{
    .all-product-link{
        width: 100%;
        position: relative;
        display: flex;
        align-items: center;
        margin: 0 0 2.5rem;
        padding-bottom: .75rem;
        font-family: "Outfit", sans-serif;
        font-size: 1.3rem;
        font-weight: 500;
        letter-spacing: -.02em;
        text-transform: none;
        color: #2b2b2b;
    }

    .all-product-link::before{
        content: "";
        flex: 1;
        height: 2px;
        margin-right: 20px;
        background: linear-gradient(
        to left,
        #c9a46b 0,
        #c9a46b 40px,
        rgba(43,43,43,.18) 80px,
        rgba(43,43,43,0) 100%
        );
    }

    .all-product-link:hover .material-icons {
    transform: translateX(4px);
    }

    .all-product-link:hover .material-icons {
    transform: translateX(4px);
    }
    .all-product-link:hover .material-icons {
    transform: translateX(3px);
}
.all-product-link:hover {
    border-color: #c9a46b;
    /* background: #faf8f3; */
    color: #fa0000;
}

}

#custom-text .front-przedstawienie p{
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2;
    color: #232323;
    font-style: italic;
    color: var(--gd-primary);
    color: var(--gd-secondary-dark);
}


    /* color: var(--gd-primary);

    color: var(--gd-secondary-dark); */


/*************************************/

.block-categories ul.category-top-menu a{
    font-size: 16px;
    text-transform: none !important;
    font-weight: 600;
}

#search_filters, #search_filters_brands, #search_filters_suppliers, #category .block-categories{
    background: #EEE4DF;
    box-shadow: .3s ease;
    border-radius: 18px;
}



/* ===================================================
   NAVIGATION
   =================================================== */


/* ===================================================
   PRODUCT LIST
   =================================================== */


   .product-flags li.product-flag{
    text-transform: none !important;
   }

/* product Kolory */
.product-features>dl.data-sheet dd.value,
.product-features>dl.data-sheet dt.name {
    background: #f6f6f6
}

.product-flags li.product-flag {
    background: #24b9d7
}

.product-flags li.product-flag.discount,
.product-flags li.product-flag.discount-amount,
.product-flags li.product-flag.discount-percentage {
    background: #dd000c;
    /* background-color: #b34747; */
}
.product-flags li.product-flag.on-sale {
    background: #dd000c;
    /* background: #b34747; */

    background: repeating-linear-gradient(
    90deg,
    #ff4d4d 0,
    #ff4d4d 40px,
    #ff6b6b 40px,
    #ff6b6b 80px
  );

    width: fit-content;
    border-radius: 10px;
}

.product-flags .product-flag.new{
    background: #124b00;
}

.product-customization .product-message {
    background: #f6f6f6;
}
.product-customization .custom-file {
    background: #f6f6f6
}




   #category #products{
    background-color: #fff;
    padding: 10px;
   }

    #search_filters > .text-uppercase{
        text-transform: none !important;
    }




   #js-product-list-top button.select-title{
    font-size: 16px;
    line-height: 1em;
   }

   #js-product-list-header h1{
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 0 2.5rem;
    padding-bottom: .75rem;
    font-family: "Outfit", sans-serif;
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: -.02em;
    text-transform: none;
    color: #2b2b2b;
   }
   #category{
   .pagination .current a{
    font-size: 1.25rem;
    color: var(--gd-secondary-dark);
    text-decoration: none;
   }

   }

   #subcategories ul li .subcategory-name {
    text-transform: none;
    }

    #subcategories ul li .subcategory-name:hover, .block-categories .arrows .arrow-down:hover, .block-categories .arrows .arrow-right:hover, .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover, .cart-grid-body a.label:hover {
    color: red;
}

.block-category h1::after
 {
    content: "";
    flex: 1;
    height: 2px;
    margin-left: 20px;
    background: linear-gradient(to right, #c9a46b 0, #c9a46b 40px, rgba(43, 43, 43, .18) 80px, rgba(43, 43, 43, 0) 100%);
}


#subcategories h2{
    position: relative;
    display: flex;
    align-items: center;
    margin: 0 0 2.5rem;
    padding-bottom: .75rem;
    font-family: "Outfit", sans-serif;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -.02em;
    text-transform: none;
    color: #2b2b2b;
}

#subcategories h2::after{
    content: "";
    flex: 1;
    height: 2px;
    margin-left: 20px;
    background: linear-gradient(to right, #c9a46b 0, #c9a46b 40px, rgba(43, 43, 43, .18) 80px, rgba(43, 43, 43, 0) 100%);
}


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

   
    #product{
        .modal-open .modal {
        background-color: #ffffffde;
        }
    }

    /* #product
	<h2 class="h2 products-section-title product-blockwishlist-title">{l s='Welcome to the wishlist of' mod='blockwishlist'}</h2>
	<h5> {$current_wishlist.firstname} {$current_wishlist.lastname}: {$current_wishlist.name}</h5>
 */
   #product .regular-price, .product-miniature .regular-price {
    color: #1c1c1c;
    font-size: 1.1rem;
    text-decoration: line-through;
    text-decoration-color: red;
    text-decoration-thickness: 3px;
}


   .product .product-flags .discount, .product-flags .product-flag.new{
   display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: .1rem .1rem;
        /* padding: .3rem .7rem; */
        border-radius: 5px;
      /*   background: #b34747; */
        color: #fff;
        font-size: 0.8rem;
        font-weight: 600;
        line-height: 1;
   }


   #product{

    /* Modules */
        .featured-products{
            .product .product-flags .discount, .product-flags .product-flag.new{
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: .3rem .7rem;
            border-radius: 5px;
        /*   background: #b34747; */
            color: #fff;
            font-size: 1.2rem;
            font-weight: 600;
            line-height: 1;
            }
        }

    .tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover{
        border: 0;
        border-bottom: var(--gd-secondary-dark) 3px solid;
    }

    .tabs .nav-tabs .nav-link.active {
    color: red;
    }


    .product-add-to-cart{
        i{
            line-height: 1em;
        }
    }
        h1.h1{
            margin-top: 4px;
        }


        .product-prices {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .1rem 0.2rem;
}

.product-container{
    .page-content{
        max-width: none !important;
        max-width: max-content !important;
    }
}

.product-flags .product-flag.on-sale, .js-product-flags .product-flag.on-sale{
    background: repeating-linear-gradient(
    90deg,
    #ff4d4d 0,
    #ff4d4d 40px,
    #ff6b6b 40px,
    #ff6b6b 80px
  );
}

.product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover
{
    border: var(--gd-secondary-dark) 3px solid;
    
}

.product-cover .layer{
    background: rgb(193 180 160 / 60%);
}

.product-flags li.product-flag{
    /* font-size: 2rem !important; */
    border-radius: 25px;
}

.product-discount {
    margin: 0;
}

.product-price {
    margin: 0;
}

.current-price {
    display: flex;
    align-items: center;
    gap: .6rem;
}

.current-price-value {
    font-size: 2rem;
    font-weight: 600;
    color: var(--gd-primary);
}



.discount {
    display: inline-flex;
        align-items: center;
        justify-content: center;
        padding: .3rem .7rem;
        border-radius: 5px;
        background: #dd000c;
        /* background: #b34747; */
        color: #fff;
        font-size: 1.2rem;
        font-weight: 600;
        line-height: 1;
}

.tax-shipping-delivery-label {
    margin: 0;
    font-size: .9rem;
    color: #666;
    white-space: nowrap;
}
.product-discount {
    order: 1;
}

.product-price {
    order: 2;
}

.tax-shipping-delivery-label {
    order: 3;
    margin-left: .5rem;
    white-space: nowrap;
}
    }

   /* ===================================================
   CART
   =================================================== */
.modal-open .js-product-images-modal{
    background-color: #ffffffde;
}



/* ===================================================
   Contact
   =================================================== */

   #contact{

    form .form-control-label {
    font-size: 1rem;
    font-weight: 500;
    color: var(--gd-primary);
    line-height: 1.2;
}
.form-control:focus {
    color: #232323;
    background-color: #fff;
    outline: .1875rem solid var(--gd-primary);
}

   .form-control:focus {
    border-color: var(--gd-primary);
    outline: 0;
}

.input-group .input-group-btn>.btn{
    font-size: 1rem;
}
   }

   #contact #left-column{
    background-color: #faf0ea;
    padding-top: 2rem;
    padding-bottom: 4rem;
    border-radius: 18px;
}

.contact-form h3, .contact-rich h4{
    text-transform: none;
}

   /* ===================================================
   
   =================================================== */