/* home.css — WPBakery row spacing & custom page styles */
.vc_custom_1540392413526 { padding-top: 145px !important; }
.vc_custom_1541170590530 { padding-top: 156px !important;padding-bottom: 165px !important; }
.vc_custom_1541420379014 { padding-top: 16.8% !important; }
.vc_custom_1541420386869 { padding-top: 16.8% !important; }
.vc_custom_1541420396565 { padding-top: 16.8% !important; }
.vc_custom_1541420403309 { padding-top: 16.8% !important; }
.vc_custom_1541420410557 { padding-top: 16.8% !important; }
.vc_custom_1541420416909 { padding-top: 16.8% !important; }
.vc_custom_1541601865417 { padding-top: 145px !important;padding-bottom: 154px !important; }
.vc_custom_1542628634717 { padding-top: 128px !important;padding-bottom: 163px !important; }
.vc_custom_1542631511807 { padding-top: 14px !important;padding-bottom: 188px !important; }
.vc_custom_1543481261235 { padding-top: 146px !important;padding-bottom: 112px !important; }
.vc_custom_1543481795252 { padding-top: 145px !important;padding-bottom: 160px !important; }
.vc_custom_1543482087131 { padding-top: 145px !important;padding-bottom: 163px !important; }

/* menu-style: no add-to-cart on the homepage product cards */
.mkdf-pl-holder .mkdf-pli-text { display: none !important }

/* 1) Full width fixed height responsive Tagline section */
.taka-tagline-section {
    width: 100vw !important;
    position: relative !important;
    left: 50% !important;
    right: 50% !important;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    height: 380px !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.taka-tagline-inner {
    padding: 0 10%;
    max-width: 1200px;
    margin: 0 auto;
}

@media (max-width: 1024px) {
    .taka-tagline-section {
        height: 320px !important;
    }
}
@media (max-width: 768px) {
    .taka-tagline-section {
        height: 260px !important;
    }
}
@media (max-width: 480px) {
    .taka-tagline-section {
        height: 220px !important;
    }
}

/* 2) Standardize width & height of product images in product grid (stretch container & image width) */
.mkdf-pl-holder .mkdf-pli-inner,
.mkdf-pl-holder .mkdf-pli-image {
    display: block !important;
    width: 100% !important;
    position: relative;
    height: 320px !important;
    overflow: hidden;
    background-color: transparent;
}

.mkdf-pl-holder .mkdf-pli-image img {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}

@media (max-width: 1024px) {
    .mkdf-pl-holder .mkdf-pli-inner,
    .mkdf-pl-holder .mkdf-pli-image {
        height: 270px !important;
    }
}
@media (max-width: 768px) {
    .mkdf-pl-holder .mkdf-pli-inner,
    .mkdf-pl-holder .mkdf-pli-image {
        height: 240px !important;
    }
}
@media (max-width: 480px) {
    .mkdf-pl-holder .mkdf-pli-inner,
    .mkdf-pl-holder .mkdf-pli-image {
        height: 210px !important;
    }
}

/* 3) Gaps */
/* Gap between product entries subtitle & product grid */
.taka-product-section .mkdf-elements-holder {
    margin-bottom: 45px !important;
}

/* Gap between product image & product title */
.taka-pli-text-wrapper {
    margin-top: 18px !important;
    margin-bottom: 25px !important;
}

/* Gap between product section & product gallery */
.taka-product-section {
    margin-bottom: 70px !important;
}

.taka-product-gallery-wrapper {
    margin-top: 60px !important;
    margin-bottom: 90px !important;
}

/* 4) Uniform Product Gallery Grid (All items same height & width, stretch container & image width) */
.taka-product-gallery-wrapper .mkdf-pl-item {
    height: auto !important;
}

.taka-product-gallery-wrapper .mkdf-pl-item .mkdf-pli-inner,
.taka-product-gallery-wrapper .mkdf-pli-image {
    display: block !important;
    width: 100% !important;
    position: relative;
    height: 300px !important;
    overflow: hidden;
    background-color: #f7f7f7;
}

.taka-product-gallery-wrapper .mkdf-pli-image img {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
}

@media (max-width: 1024px) {
    .taka-product-gallery-wrapper .mkdf-pl-item .mkdf-pli-inner,
    .taka-product-gallery-wrapper .mkdf-pli-image {
        height: 250px !important;
    }
}
@media (max-width: 768px) {
    .taka-product-gallery-wrapper .mkdf-pl-item .mkdf-pli-inner,
    .taka-product-gallery-wrapper .mkdf-pli-image {
        height: 220px !important;
    }
}
@media (max-width: 480px) {
    .taka-product-gallery-wrapper .mkdf-pl-item .mkdf-pli-inner,
    .taka-product-gallery-wrapper .mkdf-pli-image {
        height: 190px !important;
    }
}

/* Golden Divider */
.taka-golden-divider-wrapper {
    width: 100%;
    padding: 60px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.taka-golden-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80%;
    max-width: 900px;
}

.taka-divider-line {
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, rgba(193,157,86,0.1) 0%, rgba(193,157,86,1) 50%, rgba(193,157,86,1) 100%);
}

.taka-divider-line:last-child {
    background: linear-gradient(90deg, rgba(193,157,86,1) 0%, rgba(193,157,86,1) 50%, rgba(193,157,86,0.1) 100%);
}

.taka-divider-dot {
    width: 10px;
    height: 10px;
    background-color: #c19d56;
    border-radius: 50%;
    margin: 0 15px;
    box-shadow: 0 0 8px rgba(193, 157, 86, 0.5);
}

/* Story Timeline
   The .taka-story-subsection block that used to live here is gone with the
   single-milestone layout it styled - the horizontal timeline replaces it and
   is styled entirely by dolcino-modules.css, exactly as on the old site. The
   only additions are the two removals asked for: the card fill and the drop
   shadow that framed the old subsection image. Stated as explicit `none` so a
   later theme rule cannot quietly reintroduce either one. */
.mkdf-horizontal-timeline .mkdf-ht-content .mkdf-hti-content-inner,
.mkdf-horizontal-timeline .mkdf-ht-content .mkdf-hti-content-image,
.mkdf-horizontal-timeline .mkdf-ht-content .mkdf-hti-content-image img,
.mkdf-horizontal-timeline .mkdf-ht-content .mkdf-hti-content-value {
    background: none;
    background-color: transparent;
    box-shadow: none;
    border: 0;
}
/* Nothing about the image's box is set here on purpose. The old site left it
   inline, so it carries ~9px of baseline descender under it and the panel is
   that much taller; a `display:block` here would silently reflow the section. */