.elementor-32411 .elementor-element.elementor-element-44bc41a2{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:025px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32411 .elementor-element.elementor-element-330cccaa{--display:flex;--min-height:480px;--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;border-style:solid;--border-style:solid;border-color:#6513260F;--border-color:#6513260F;}.elementor-32411 .elementor-element.elementor-element-330cccaa:not(.elementor-motion-effects-element-type-background), .elementor-32411 .elementor-element.elementor-element-330cccaa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.dekanter.pl/wp-content/uploads/2026/07/szczep_nerodavola.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-32411 .elementor-element.elementor-element-330cccaa.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-32411 .elementor-element.elementor-element-78170156{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32411 .elementor-element.elementor-element-78170156.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-32411 .elementor-element.elementor-element-af70b42 .woocommerce-breadcrumb{color:#FFFFFFCC;}.elementor-32411 .elementor-element.elementor-element-af70b42 .woocommerce-breadcrumb > a{color:#FFFFFF;}.elementor-32411 .elementor-element.elementor-element-18904b48 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-32411 .elementor-element.elementor-element-18904b48 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:42px;font-weight:600;color:#FFFFFF;}.elementor-32411 .elementor-element.elementor-element-4b29736a > .elementor-widget-container{margin:24px 0px 0150px 0px;}.elementor-32411 .elementor-element.elementor-element-4b29736a{font-size:18px;word-spacing:0px;color:#FFFFFFCC;}.elementor-32411 .elementor-element.elementor-element-4b29736a p{margin-block-end:0px;}.elementor-32411 .elementor-element.elementor-element-4b29736a > *{max-width:60%;}.elementor-32411 .elementor-element.elementor-element-25abdf79{--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-32411 .elementor-element.elementor-element-2152a6be > .elementor-widget-container{margin:-100px 0px 0px 0px;}.elementor-32411 .elementor-element.elementor-element-3b504a5e{--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;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-32411 .elementor-element.elementor-element-12844ff > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-32411 .elementor-element.elementor-element-12844ff .wd-el-title{font-family:"Playfair Display", Sans-serif;font-size:32px;font-weight:700;}.elementor-32411 .elementor-element.elementor-element-26e18e98{--display:flex;}.elementor-32411 .elementor-element.elementor-element-11ffe977 > .elementor-widget-container{margin:20px 0px 15px 0px;}.elementor-32411 .elementor-element.elementor-element-11ffe977 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:32px;font-weight:700;}.elementor-32411 .elementor-element.elementor-element-19e43e9d{--display:flex;}.elementor-32411 .elementor-element.elementor-element-3dfc1f01{--display:flex;}.elementor-32411 .elementor-element.elementor-element-5607b26{--display:flex;}.elementor-32411 .elementor-element.elementor-element-7b315df4 > .elementor-widget-container{margin:015px 0px 10px 0px;}.elementor-32411 .elementor-element.elementor-element-7b315df4 .elementor-heading-title{font-family:"Playfair Display", Sans-serif;font-size:32px;font-weight:700;}.elementor-32411 .elementor-element.elementor-element-244c590a{--display:flex;}.elementor-32411 .elementor-element.elementor-element-465bb793{--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-32411 .elementor-element.elementor-element-6c92e0ad > .elementor-widget-container{margin:10px 0px 10px 030px;}.elementor-32411 .elementor-element.elementor-element-626a8ad8{--display:flex;}.elementor-32411 .elementor-element.elementor-element-f1a7ca1{--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-32411 .elementor-element.elementor-element-65bf35b3 > .elementor-widget-container{margin:10px 0px 10px 030px;}.elementor-32411 .elementor-element.elementor-element-7645d98a{--display:flex;}.elementor-32411 .elementor-element.elementor-element-30f0f00b{--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-32411 .elementor-element.elementor-element-83c7f5 > .elementor-widget-container{margin:10px 0px 10px 030px;}.elementor-32411 .elementor-element.elementor-element-6d8d0869{--display:flex;}.elementor-32411 .elementor-element.elementor-element-1e9284a6{--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-32411 .elementor-element.elementor-element-187b5be > .elementor-widget-container{margin:10px 0px 10px 030px;}.elementor-32411 .elementor-element.elementor-element-79ef2446{--display:flex;}.elementor-32411 .elementor-element.elementor-element-60d1a7c6{--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-32411 .elementor-element.elementor-element-310eeaa9 > .elementor-widget-container{margin:10px 0px 10px 030px;}.elementor-32411 .elementor-element.elementor-element-c3c8ead{--display:flex;}.elementor-32411 .elementor-element.elementor-element-1ffec9b1{--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-32411 .elementor-element.elementor-element-72705c9d{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-32411 .elementor-element.elementor-element-72705c9d > .elementor-widget-container{margin:10px 0px 10px 030px;}.elementor-32411 .elementor-element.elementor-element-21963518{--display:flex;}.elementor-32411 .elementor-element.elementor-element-45d4f060{--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-32411 .elementor-element.elementor-element-b4d359b > .elementor-widget-container{margin:10px 0px 10px 030px;}.elementor-32411 .elementor-element.elementor-element-58a64e2b{--display:flex;}.elementor-32411 .elementor-element.elementor-element-7ec24f8f{--n-accordion-title-font-size:1,75rem;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-32411 .elementor-element.elementor-element-128eee31{--display:flex;}.elementor-32411 .elementor-element.elementor-element-49b4ae3d > .elementor-widget-container{margin:25px 0px 0px 0px;}.elementor-32411 .elementor-element.elementor-element-31aae247{--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-32411 .elementor-element.elementor-element-644401a3{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;column-gap:0px;}.elementor-32411 .elementor-element.elementor-element-644401a3 > .elementor-widget-container{margin:50px 0px 50px 0px;}.elementor-32411 .elementor-element.elementor-element-644401a3 p{margin-block-end:18px;}.elementor-32411 .elementor-element.elementor-element-644401a3 > *{max-width:100%;}.elementor-32411 .elementor-element.elementor-element-58e11747{--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;}@media(max-width:768px){.elementor-32411 .elementor-element.elementor-element-330cccaa{border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;--border-radius:0px 0px 0px 0px;}.elementor-32411 .elementor-element.elementor-element-78170156{--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-32411 .elementor-element.elementor-element-af70b42.elementor-element{--align-self:flex-start;}.elementor-32411 .elementor-element.elementor-element-18904b48 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-32411 .elementor-element.elementor-element-18904b48{text-align:center;}.elementor-32411 .elementor-element.elementor-element-18904b48 .elementor-heading-title{font-size:29px;}.elementor-32411 .elementor-element.elementor-element-4b29736a > .elementor-widget-container{margin:15px 0px 15px 0px;}.elementor-32411 .elementor-element.elementor-element-4b29736a{text-align:center;font-size:13px;}.elementor-32411 .elementor-element.elementor-element-4b29736a > *{max-width:100%;}.elementor-32411 .elementor-element.elementor-element-2152a6be > .elementor-widget-container{margin:-50px 0px 0px 0px;}.elementor-32411 .elementor-element.elementor-element-644401a3{width:100%;max-width:100%;}}@media(min-width:769px){.elementor-32411 .elementor-element.elementor-element-330cccaa{--content-width:1200px;}.elementor-32411 .elementor-element.elementor-element-78170156{--width:67.219%;}.elementor-32411 .elementor-element.elementor-element-3b504a5e{--width:100%;}}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-af70b42 */.hero-breadcrumbs {
    font-family: "Inter";
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
}

.hero-breadcrumbs a {
    color: #6E1F2A;
    text-decoration: none;
    transition: .2s ease;
}

.hero-breadcrumbs a:hover {
    color: #6E1F2A;
}

.hero-breadcrumbs .separator {
    color: rgba(110,31,42,.45);
    margin: 0 10px;
}

.hero-breadcrumbs .last,
.hero-breadcrumbs .breadcrumb_last {
    color: #6E1F2A;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-43a5b4c9 *//* MOBILE HERO IMAGE */

.elementor-32411 .elementor-element.elementor-element-43a5b4c9 {

    display: none;

    
    border-radius: 24px;
    overflow: hidden;

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: 20px;
    margin-bottom: 32px;

    box-shadow:
        0 10px 30px rgba(43,28,23,.08);

}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-18904b48 */.elementor-32411 .elementor-element.elementor-element-18904b48 .elementor-heading-title {
    line-height: 0.98em;
    letter-spacing: -0.03em;
    max-width: 20ch;
    text-wrap: balance;
}

@media (max-width: 767px) {

    .elementor-32411 .elementor-element.elementor-element-18904b48 .elementor-heading-title {

        font-size: 28px;
    margin-bottom: 10px;
        line-height: .90em;
        letter-spacing: -0.05em;

       

    }

}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-4b29736a */.elementor-32411 .elementor-element.elementor-element-4b29736a {
    max-width: 560px;
}

.elementor-32411 .elementor-element.elementor-element-4b29736a p {
    margin: 0;
    font-family: "Inter";
    font-size: 18px;
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: 0;
    color: #FFFFFFCC;
}

@media (max-width: 767px) {
    .elementor-32411 .elementor-element.elementor-element-4b29736a p {
        font-size: 16px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78170156 */.elementor-32411 .elementor-element.elementor-element-78170156 {
    position: relative;
    z-index: 5;
}

@media (max-width: 767px) {
    .elementor-32411 .elementor-element.elementor-element-78170156 {
        padding: 50px 20px 0px 20px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-330cccaa */.elementor-32411 .elementor-element.elementor-element-330cccaa {
    position: relative;
    overflow: hidden;
}



/* OVERLAY */
.elementor-32411 .elementor-element.elementor-element-330cccaa::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.90) 0%,
            rgba(6,4,4,.72) 22%,
            rgba(8,6,6,.42) 45%,
            rgba(10,8,8,.14) 65%,
            rgba(8,5,4,.04) 82%,
            rgba(0,0,0,0) 100%
        ),
        linear-gradient(
            180deg,
            rgba(8,5,4,.10) 0%,
            rgba(10,8,8,.16) 28%,
            rgba(8,6,6,.38) 62%,
            rgba(0,0,0,.72) 100%
        );
    z-index: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-44bc41a2 */.elementor-32411 .elementor-element.elementor-element-44bc41a2{
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-top: -40px
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-25abdf79 */.elementor-32411 .elementor-element.elementor-element-25abdf79 {
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for wd_products, class: .elementor-element-12844ff */.elementor-32411 .elementor-element.elementor-element-12844ff .wd-products-element.with-title {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-areas:
        "title tools"
        "grid grid"
        "footer footer";
    align-items: center;
    column-gap: 24px;
}

.elementor-32411 .elementor-element.elementor-element-12844ff .wd-products-element.with-title > .wd-el-title {
    grid-area: title;
    margin: 0 !important;
}

.elementor-32411 .elementor-element.elementor-element-12844ff .wd-products-element.with-title > .shop-loop-head {
    grid-area: tools;
    margin: 0;
}

.elementor-32411 .elementor-element.elementor-element-12844ff .wd-products-element.with-title > .products {
    grid-area: grid;
    margin-top: 24px;
}

.elementor-32411 .elementor-element.elementor-element-12844ff .wd-products-element.with-title > .wd-loop-footer.products-footer {
    grid-area: footer;
    margin-top: 24px;
    display: flex;
    justify-content: center;
}

.elementor-32411 .elementor-element.elementor-element-12844ff .wd-products-per-page {
    display: none;
}

/* Sortowanie — własny, spójny wygląd na desktop i mobile */
.elementor-32411 .elementor-element.elementor-element-12844ff .woocommerce-ordering.wd-style-underline {
    border: none !important;
}

.elementor-32411 .elementor-element.elementor-element-12844ff .woocommerce-ordering .orderby {
    appearance: none !important;
    -webkit-appearance: none !important;
    color: #232323 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    letter-spacing: 0.3px !important;
    border: 1px solid rgba(35, 35, 35, 0.18) !important;
    border-radius: 4px !important;
    padding: 8px 30px 8px 12px !important;
    background: #FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23232323' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center !important;
    background-size: 10px 6px !important;
    min-height: 40px;
    cursor: pointer;
}

.elementor-32411 .elementor-element.elementor-element-12844ff .woocommerce-ordering .orderby option {
    color: #232323 !important;
    background: #FFFFFF !important;
}

/* Mobile — wracamy do układu pionowego */
@media (max-width: 640px) {
    .elementor-32411 .elementor-element.elementor-element-12844ff .wd-products-element.with-title {
        grid-template-columns: 1fr;
        grid-template-areas:
            "title"
            "tools"
            "grid"
            "footer";
        row-gap: 12px;
    }

    .elementor-32411 .elementor-element.elementor-element-12844ff .shop-loop-head {
        justify-self: start;
        width: 100%;
    }

    .elementor-32411 .elementor-element.elementor-element-12844ff .woocommerce-ordering.wd-style-underline {
        width: 100%;
        max-width: none !important;
    }

    .elementor-32411 .elementor-element.elementor-element-12844ff .woocommerce-ordering .orderby {
        width: 100% !important;
        max-width: none !important;
        text-overflow: clip !important;
        white-space: normal !important;
        font-size: 13px !important;
    }

    /* Ukryj zbędny pseudo-element ikony na mobile */
    .elementor-32411 .elementor-element.elementor-element-12844ff .wd-ordering-mb-icon::before,
    .elementor-32411 .elementor-element.elementor-element-12844ff .wd-ordering-mb-icon::after {
        display: none !important;
        content: none !important;
    }

    .elementor-32411 .elementor-element.elementor-element-12844ff .wd-ordering-mb-icon .orderby::before,
    .elementor-32411 .elementor-element.elementor-element-12844ff .wd-ordering-mb-icon .orderby::after {
        display: none !important;
        content: none !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-681a14bb */.expert-quote-banner {
  position: relative;
  overflow: hidden;
  min-height: 340px;
  background: #0A0806;
}

.expert-quote-banner__media {
  position: absolute !important;
  inset: 0 !important;
}

.expert-quote-banner__image {
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: 50% 5%;
}

.expert-quote-banner__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0) 0%,
    rgba(4,3,2,.12) 12%,
    rgba(5,4,3,.30) 22%,
    rgba(6,4,4,.52) 30%,
    rgba(7,5,4,.75) 37%,
    rgba(8,6,5,.92) 44%,
    #0A0806 52%,
    #0A0806 100%
  );
  z-index: 1;
}

.expert-quote-banner__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 340px;
  max-width: 1140px;
  margin: 0 auto;
  padding: 24px 24px;
}

.expert-quote-banner__mark {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 72px;
  line-height: 0.4;
  color: #C9A227;
  margin-left: 46%;
  margin-bottom: 12px;
}

.expert-quote-banner__quote {
  font-family: "Playfair Display", Georgia, serif;
  font-style: italic;
  font-size: 16px;
  line-height: 1.5;
  color: #F5F1EA;
  max-width: 460px;
  margin: 0 0 0 46%;
}

.expert-quote-banner__attribution {
  margin: 24px 0 0 46%;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.expert-quote-banner__name {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  color: #C9A227;
}

.expert-quote-banner__role {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 13px;
  color: rgba(245, 241, 234, 0.65);
}

/* Tablet */
@media (max-width: 1024px) {
  .expert-quote-banner__mark,
  .expert-quote-banner__quote,
  .expert-quote-banner__attribution {
    margin-left: 40%;
  }

  .expert-quote-banner__quote {
    font-size: 21px;
    max-width: 380px;
  }
}

/* Mobile — zdjęcie nad tekstem, pełna szerokość */
@media (max-width: 640px) {
  .expert-quote-banner {
    min-height: auto;
  }

  .expert-quote-banner__media {
    position: relative !important;
    height: 220px;
  }

  .expert-quote-banner__overlay {
    background: linear-gradient(
      180deg,
      rgba(0,0,0,0) 0%,
      rgba(4,3,2,.15) 45%,
      rgba(6,4,4,.55) 65%,
      rgba(8,6,5,.88) 82%,
      #0A0806 100%
    );
  }

  .expert-quote-banner__content {
    min-height: auto;
    padding: 32px 24px 40px;
  }

  .expert-quote-banner__mark {
    margin-left: 0;
    font-size: 56px;
  }

  .expert-quote-banner__quote {
    margin-left: 0;
    font-size: 19px;
    max-width: 100%;
  }

  .expert-quote-banner__attribution {
    margin-left: 0;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c8c6f98 */.grape-common-mistakes {
  margin: 0 auto;
  padding: 48px 0px;
}

.grape-common-mistakes__title {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 32px;
  font-weight: 700;
  color: #2A2A2A;
  margin: 0 0 40px 0;
}

.grape-common-mistakes__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
}

.grape-common-mistakes__item {
  padding: 0 24px;
  position: relative;
}

.grape-common-mistakes__item:first-child {
  padding-left: 0;
}

.grape-common-mistakes__item:last-child {
  padding-right: 0;
}

.grape-common-mistakes__item:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 4px;
  right: 0;
  width: 1px;
  height: calc(100% - 8px);
  background: rgba(122, 31, 43, 0.12);
}

.grape-common-mistakes__text {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  line-height: 1.65;
  color: #5A5A5A;
  margin: 0;
}

.grape-common-mistakes__text strong {
  display: block;
  font-size: 15px;
  font-weight: 700;
  color: #2A2A2A;
  margin-bottom: 8px;
}

/* Tablet — 4 → 2 kolumny */
@media (max-width: 1024px) {
  .grape-common-mistakes__grid {
    grid-template-columns: 1fr 1fr;
    row-gap: 32px;
  }

  .grape-common-mistakes__item {
    padding: 0 20px;
  }

  .grape-common-mistakes__item:nth-child(odd) {
    padding-left: 0;
  }

  .grape-common-mistakes__item:nth-child(even) {
    padding-right: 0;
  }

  .grape-common-mistakes__item:nth-child(odd)::after {
    top: 4px;
    height: calc(100% - 8px);
  }

  .grape-common-mistakes__item:nth-child(even)::after {
    display: none;
  }
}

/* Mobile — 1 kolumna */
@media (max-width: 640px) {
  .grape-common-mistakes {
    padding: 40px 20px;
  }

  .grape-common-mistakes__title {
    font-size: 24px;
    margin-bottom: 28px;
  }

  .grape-common-mistakes__grid {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }

  .grape-common-mistakes__item {
    padding: 0 !important;
  }

  .grape-common-mistakes__item::after {
    display: none !important;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19b167af */.grape-comparison-table-wrap {
  margin: 0 auto;
}

.grape-comparison-table-title {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 32px;
  font-weight: 700;
  color: #232323;
  margin: 0 0 16px 0;
}

.grape-comparison-table-intro {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 16px;
  line-height: 1.6;
  color: #5A5A5A;
  max-width: 720px;
  margin: 0 0 32px 0;
}

.grape-comparison-table {
  width: 100%;
  border-collapse: collapse;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.grape-comparison-table thead th {
  text-align: left;
  padding: 0 20px 16px 0;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #232323;
  border-bottom: 2px solid #C9A227;
}

.grape-comparison-table tbody tr {
  border-bottom: 1px solid rgba(35, 35, 35, 0.10);
}

.grape-comparison-table tbody tr:last-child {
  border-bottom: none;
}

.grape-comparison-table td {
  padding: 20px 20px 20px 0;
  font-size: 16px;
  line-height: 1.5;
  color: #5A5A5A;
  vertical-align: top;
}

.grape-comparison-table td:first-child {
  font-weight: 700;
  font-size: 17px;
  color: #232323;
}

.grape-comparison-table td:first-child a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid rgba(35, 35, 35, 0.25);
  transition: color 0.15s ease, border-color 0.15s ease;
}

.grape-comparison-table td:first-child a:hover {
  color: #C9A227;
  border-color: #C9A227;
}

.grape-comparison-table td:last-child {
  padding-right: 0;
}

/* Wyróżnienie wiersza Primitivo — to strona, na której jesteśmy */
.grape-comparison-table__highlight td {
  color: #232323;
}

.grape-comparison-table__highlight td:first-child {
  color: #7A1F2B;
  position: relative;
}

.grape-comparison-table__highlight td:first-child::before {
  content: "";
  position: absolute;
  left: -16px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 60%;
  background: #C9A227;
}

/* Mobile — stacked, etykieta nad wartością */
@media (max-width: 640px) {
  .grape-comparison-table-wrap {
    padding: 40px 20px;
  }

  .grape-comparison-table-title {
    font-size: 24px;
    margin-bottom: 12px;
  }

  .grape-comparison-table-intro {
    font-size: 15px;
    margin-bottom: 24px;
  }

  .grape-comparison-table thead {
    display: none;
  }

  .grape-comparison-table,
  .grape-comparison-table tbody,
  .grape-comparison-table tr,
  .grape-comparison-table td {
    display: block;
    width: 100%;
  }

  .grape-comparison-table tbody tr {
    padding: 18px 0;
  }

  .grape-comparison-table td {
    padding: 0;
  }

  .grape-comparison-table td:not(:last-child) {
    margin-bottom: 12px;
  }

  .grape-comparison-table td:first-child {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 14px;
  }

  .grape-comparison-table__highlight td:first-child::before {
    left: -20px;
  }

  .grape-comparison-table td:not(:first-child)::before {
    content: attr(data-label);
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #C9A227;
    margin-bottom: 4px;
  }

  .grape-comparison-table td:not(:first-child) {
    font-size: 15px;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-83c7f5 */.elementor-32411 .elementor-element.elementor-element-83c7f5 a {
  color: #651326 !important;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #C9A227;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}

.elementor-32411 .elementor-element.elementor-element-83c7f5 a:hover {
  color: #241A17 !important;
  text-decoration-color: #241A17;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-83c7f5 */.elementor-32411 .elementor-element.elementor-element-83c7f5 a {
  color: #651326 !important;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #C9A227;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}

.elementor-32411 .elementor-element.elementor-element-83c7f5 a:hover {
  color: #241A17 !important;
  text-decoration-color: #241A17;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-83c7f5 */.elementor-32411 .elementor-element.elementor-element-83c7f5 a {
  color: #651326 !important;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #C9A227;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}

.elementor-32411 .elementor-element.elementor-element-83c7f5 a:hover {
  color: #241A17 !important;
  text-decoration-color: #241A17;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-83c7f5 */.elementor-32411 .elementor-element.elementor-element-83c7f5 a {
  color: #651326 !important;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #C9A227;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}

.elementor-32411 .elementor-element.elementor-element-83c7f5 a:hover {
  color: #241A17 !important;
  text-decoration-color: #241A17;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-83c7f5 */.elementor-32411 .elementor-element.elementor-element-83c7f5 a {
  color: #651326 !important;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #C9A227;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}

.elementor-32411 .elementor-element.elementor-element-83c7f5 a:hover {
  color: #241A17 !important;
  text-decoration-color: #241A17;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-83c7f5 */.elementor-32411 .elementor-element.elementor-element-83c7f5 a {
  color: #651326 !important;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #C9A227;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}

.elementor-32411 .elementor-element.elementor-element-83c7f5 a:hover {
  color: #241A17 !important;
  text-decoration-color: #241A17;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-83c7f5 */.elementor-32411 .elementor-element.elementor-element-83c7f5 a {
  color: #651326 !important;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #C9A227;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}

.elementor-32411 .elementor-element.elementor-element-83c7f5 a:hover {
  color: #241A17 !important;
  text-decoration-color: #241A17;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-83c7f5 */.elementor-32411 .elementor-element.elementor-element-83c7f5 a {
  color: #651326 !important;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #C9A227;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}

.elementor-32411 .elementor-element.elementor-element-83c7f5 a:hover {
  color: #241A17 !important;
  text-decoration-color: #241A17;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-49b4ae3d */.related-pills-title {
  font-family: "Playfair Display", Georgia, serif;
  font-weight: 600;
  font-size: 32px;
  padding-bottom: 12px;
  margin-bottom: 8px;
}

.related-pills-title::after {
  content: "";
  display: block;
  width: 50px;
  height: 3px;
  background-color: #C9A227;
  border-radius: 2px;
  margin-top: 8px;
}

.related-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.related-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #241A17;
  background-color: transparent;
  border: 1px solid rgba(36, 26, 23, 0.18);
  padding: 10px 18px;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.2s ease;
}

.related-pill::after {
  content: "→";
  font-size: 13px;
  transition: transform 0.2s ease;
}

.related-pill:hover {
  border-color: #651326;
  color: #651326;
}

.related-pill:hover::after {
  transform: translateX(3px);
}

.related-pill--pending {
  color: rgba(36, 26, 23, 0.35);
  border-color: rgba(36, 26, 23, 0.1);
  cursor: default;
  pointer-events: none;
}

.related-pill--pending:hover {
  border-color: rgba(36, 26, 23, 0.1);
  color: rgba(36, 26, 23, 0.35);
}

.related-pill--pending:hover::after {
  transform: none;
}

/* MOBILE */
@media (max-width: 640px) {

  .related-pills-wrap {
    text-align: center;
  }

  .related-pills-title {
    text-align: center;
    padding-bottom: 0;
  }

  /* ukrycie złotego podkreślenia */
  .related-pills-title::after {
    display: none;
  }

  .related-pills {
    justify-content: center;
  }

  .related-pill {
    justify-content: center;
    text-align: center;
  }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-644401a3 */.elementor-32411 .elementor-element.elementor-element-644401a3 a {
  color: #651326 !important;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #C9A227;
  text-decoration-thickness: 1.5px;
  text-underline-offset: 3px;
  transition: color 0.2s ease;
}

.elementor-32411 .elementor-element.elementor-element-644401a3 a:hover {
  color: #241A17 !important;
  text-decoration-color: #241A17;
}/* End custom CSS */