/* KOZI DAR - NOWY WYGLAD STRONY GLOWNEJ */

/* Film i położenie napisów */
.kozi-home .video-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.kozi-home .video-container video {
    width: 100%;
    height: auto;
    display: block;
}

/* Zielone, półprzezroczyste tło */
.kozi-home .kozi-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 5;

    background: rgba(49, 75, 43, 0.75);
    border-radius: 12px;
    padding: 20px 35px;

    text-align: center;
    width: max-content;
    max-width: 90%;
    box-sizing: border-box;
}

/* Napis: Witamy w Kozim Darze */
.kozi-home .kozi-overlay h2 {
    color: #ffffff !important;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.2;
    margin: 0 0 10px;
}

/* Napis: Naturalnie, prosto z naszej farmy */
.kozi-home .kozi-overlay p {
    color: #ffffff !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    margin: 0;
}

/* Opis pod filmem */
.kozi-home .kozi-description {
    background: #f8f4ec;
    text-align: center;
    padding: 40px 20px;
}

.kozi-home .kozi-description h2 {
    color: #45543b;
    font-size: 28px;
    font-weight: 400;
    line-height: 1.5;
    max-width: 1000px;
    margin: 0 auto 15px;
}

.kozi-home .kozi-description p {
    color: #756b5b;
    font-size: 18px;
    line-height: 1.5;
    margin: 0;
}


/* TELEFON - MNIEJSZY NAPIS I ZIELONE TLO */

@media (max-width: 767px) {

    .kozi-home .kozi-overlay {
        top: 65% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;

        width: 75% !important;
        max-width: 75% !important;
        padding: 10px 12px !important;
        border-radius: 10px;
    }

    /* Witamy w Kozim Darze! */
    .kozi-home .kozi-overlay h2 {
        font-size: 19px !important;
        line-height: 1.2 !important;
        margin-bottom: 5px !important;
    }

    /* Naturalnie, prosto z naszej farmy */
    .kozi-home .kozi-overlay p {
        font-size: 12px !important;
        line-height: 1.3 !important;
        margin: 0 !important;
    }
}

/* KOZI DAR - WYSWIETLANIE FILMOW */

/* Komputer - tylko film desktopowy */
@media (min-width: 768px) {
    .kozi-home .desktop-only {
        display: block !important;
    }

    .kozi-home .mobile-only {
        display: none !important;
    }
}

/* Telefon - tylko film mobilny */
@media (max-width: 767px) {
    .kozi-home .desktop-only {
        display: none !important;
    }

    .kozi-home .mobile-only {
        display: block !important;
    }
}

/* KOZI DAR - POLOZENIE NAPISU NA FILMIE */

/* Komputer */
@media (min-width: 768px) {
    .kozi-home .kozi-overlay {
        top: 78% !important;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

/* Telefon */
@media (max-width: 767px) {
    .kozi-home .kozi-overlay {
        top: 75% !important;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}


/* KOZI DAR - MNIEJSZE ODSTEPY W TEKSCIE */

.kozi-home .kozi-description h2 {
    line-height: 1.15 !important;
    margin-bottom: 4px !important;
}

.kozi-home .kozi-description p {
    line-height: 1.2 !important;
    margin-top: 0 !important;
}

/* TELEFON */
@media (max-width: 767px) {
    .kozi-home .kozi-description h2 {
        line-height: 1.15 !important;
        margin-bottom: 4px !important;
    }

    .kozi-home .kozi-description p {
        line-height: 1.2 !important;
    }
}

/* KOZI DAR - MNIEJSZA CZCIONKA TYLKO NA TELEFONIE */

@media (max-width: 767px) {

    /* Glowny napis pod filmem */
    .kozi-home .kozi-description h2 {
        font-size: 16px !important;
        line-height: 1.15 !important;
        margin-bottom: 4px !important;
    }

    /* Napis: Tworzone z sercem... */
    .kozi-home .kozi-description p {
        font-size: 13px !important;
        line-height: 1.2 !important;
    }
}

/* KOZI DAR - MINIMALNE ODSTEPY KREMOWEGO TLA */

.kozi-home .kozi-description {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* Usuniecie dodatkowych odstepow */
.kozi-home .kozi-description h2 {
    margin-top: 0 !important;
    margin-bottom: 3px !important;
}

.kozi-home .kozi-description p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

/* TELEFON */
@media (max-width: 767px) {
    .kozi-home .kozi-description {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
}

/* KOZI DAR - WIEKSZA CZCIONKA TYLKO NA KOMPUTERZE */

@media (min-width: 768px) {

    /* Glowny napis pod filmem */
    .kozi-home .kozi-description h2 {
        font-size: 28px !important;
        line-height: 1.2 !important;
        margin-bottom: 5px !important;
    }

    /* Napis: Tworzone z sercem... */
    .kozi-home .kozi-description p {
        font-size: 19px !important;
        line-height: 1.2 !important;
    }
}

/* KOZI DAR - KAFELKI KATEGORII 2 x 2 */

/* Uklad na komputerze */
div:has(> a.an_homecategories-item) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 28px 32px !important;
    max-width: 1100px;
    margin: 0 auto;
}

/* Pojedynczy kafelek */
div:has(> a.an_homecategories-item) > a.an_homecategories-item {
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center;
}

/* Zdjecia */

/* KOZI DAR - KWADRATOWE ZDJECIA KATEGORII */

.an_homecategories-item .an_homecategories-image img {
    display: block;
    width: 100% !important;
    max-width: 420px !important;
    height: auto !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    margin: 0 auto !important;
}


/* Nazwy kategorii */
.an_homecategories-item-desc {
    text-align: center;
    margin-top: 12px;
    margin-bottom: 0;
}

/* Telefon - dwa kafelki w rzedzie */
@media (max-width: 767px) {
    div:has(> a.an_homecategories-item) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px 12px !important;
        padding: 0 12px;
    }

    .an_homecategories-item-desc {
        font-size: 14px;
        line-height: 1.3;
        margin-top: 8px;
    }
}

/* KOZI DAR - DELIKATNIE ZAOKRAGLONE ZDJECIA */

.an_homecategories-item .an_homecategories-image {
    border-radius: 12px !important;
    overflow: hidden !important;
}

.an_homecategories-item .an_homecategories-image img {
    border-radius: 12px !important;
}

/* KOZI DAR - POPRAWKA ZDJEC KATEGORII */

/* Kontener zdjecia */
.an_homecategories-item .an_homecategories-image {
    width: 100% !important;
    max-width: 420px !important;
    aspect-ratio: 1 / 1 !important;
    height: auto !important;
    overflow: hidden !important;
    border-radius: 12px !important;
    margin: 0 auto !important;
    display: block !important;
}

/* Zdjecie wewnatrz kontenera */
.an_homecategories-item .an_homecategories-image img {
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    aspect-ratio: 1 / 1 !important;
    object-fit: cover !important;
    border-radius: 12px !important;
    display: block !important;
}

/* Usuniecie dekoracyjnego tla */
.an_homecategories-item .an_homecategories-image::before {
    display: none !important;
}

/* KOZI DAR - MNIEJSZE KAFELKI NA KOMPUTERZE */

@media (min-width: 768px) {

    .an_homecategories-item .an_homecategories-image {
        width: 100% !important;
        max-width: 300px !important;
        margin: 0 auto !important;
    }

    .an_homecategories-item .an_homecategories-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

}

/* KOZI DAR - 4 KAFELKI W JEDNYM RZEDZIE */

/* Komputer */
@media (min-width: 768px) {

    div:has(> a.an_homecategories-item) {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 20px !important;
        max-width: 1280px !important;
        margin: 30px auto 0 !important;
        padding: 0 20px !important;
    }

    div:has(> a.an_homecategories-item)
    > a.an_homecategories-item {
        width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .an_homecategories-item .an_homecategories-image {
        width: 100% !important;
        max-width: 280px !important;
        aspect-ratio: 1 / 1 !important;
        margin: 0 auto !important;
    }

    .an_homecategories-item .an_homecategories-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}

/* Telefon - pozostaja 2 kafelki w rzedzie */
@media (max-width: 767px) {

    div:has(> a.an_homecategories-item) {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        margin-top: 20px !important;
        gap: 16px 12px !important;
    }
}

/* KOZI DAR - PRODUKTY NA TELEFONIE */

@media (max-width: 767px) {


  /* Zaokraglone zdjecia */
  .an_homeproducts .product-thumbnail img {
    border-radius: 12px !important;
  }

  /* Mniejsze nazwy produktow */
  .an_homeproducts .product-title {
    font-size: 14px !important;
    line-height: 1.3 !important;
  }

  /* Czytelne ceny */
  .an_homeproducts .price {
    font-size: 16px !important;
  }
}

/* KOZI DAR - 2 PRODUKTY NA TELEFONIE */

@media (max-width: 767px) {

  /* Dwie kolumny */
  body#index article.product-miniature {
    width: calc(50% - 8px) !important;
    max-width: calc(50% - 8px) !important;
    flex: 0 0 calc(50% - 8px) !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
  }

  /* Elementy wewnatrz karty */
  body#index article.product-miniature
  .thumbnail-container,
  body#index article.product-miniature
  .thumbnail-container-image,
  body#index article.product-miniature
  .product-description,
  body#index article.product-miniature
  .an_productattributes {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  /* Zdjecia */
  body#index article.product-miniature img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 12px !important;
  }

  /* Nazwy produktow */
  body#index article.product-miniature
  .product-title {
    font-size: 13px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  /* Ukrycie dlugich opisow */
  body#index article.product-miniature
  .an_short_description {
    display: none !important;
  }

  /* Dopasowanie formularza */
  body#index article.product-miniature
  .an_productattributes select,
  body#index article.product-miniature
  .an_productattributes input,
  body#index article.product-miniature
  .an_productattributes button {
    max-width: 100% !important;
    box-sizing: border-box !important;
    font-size: 12px !important;
  }
}

/* KOZI DAR - ZAOKRAGLONE ZDJECIA WSZYSTKICH PRODUKTOW */

/* Strona glowna, kategorie i pozostale listy produktow */
.product-miniature .product-thumbnail,
.product-miniature .thumbnail-container-image {
    border-radius: 12px !important;
    overflow: hidden !important;
}

.product-miniature .product-thumbnail img,
.product-miniature .thumbnail-container-image img {
    border-radius: 12px !important;
}


/* KOZI DAR - 2 PRODUKTY W RZEDZIE W KATEGORIACH */

@media (max-width: 767px) {

    /* Dwa produkty w rzedzie na stronach kategorii */
    body#category article.product-miniature {
        width: calc(50% - 8px) !important;
        max-width: calc(50% - 8px) !important;
        flex: 0 0 calc(50% - 8px) !important;
        min-width: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }

    /* Dopasowanie zawartosci kart */
    body#category article.product-miniature
    .thumbnail-container,
    body#category article.product-miniature
    .thumbnail-container-image,
    body#category article.product-miniature
    .product-description,
    body#category article.product-miniature
    .an_productattributes {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    /* Zdjecia */
    body#category article.product-miniature img {
        max-width: 100% !important;
        height: auto !important;
    }

    /* Mniejsze nazwy */
    body#category article.product-miniature
    .product-title {
        font-size: 13px !important;
        line-height: 1.3 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    /* Ukrycie dlugich opisow */
    body#category article.product-miniature
    .an_short_description {
        display: none !important;
    }

    /* Pola wyboru i przyciski */
    body#category article.product-miniature
    .an_productattributes select,
    body#category article.product-miniature
    .an_productattributes input,
    body#category article.product-miniature
    .an_productattributes button {
        max-width: 100% !important;
        box-sizing: border-box !important;
        font-size: 12px !important;
    }
}

/* KOZI DAR - NATURALNA ZIELEN PRZYCISKOW */

/* Aktywne przyciski zakupu */
.an_productattributes button:not(:disabled):not([disabled]),
.an_productattributes .add-to-cart:not(:disabled) {
    background-color: #355C32 !important;
    border-color: #355C32 !important;
    color: #ffffff !important;
}

/* Po najechaniu */
.an_productattributes button:not(:disabled):hover,
.an_productattributes .add-to-cart:not(:disabled):hover {
    background-color: #294729 !important;
    border-color: #294729 !important;
}

/* Niedostepne przyciski */
.an_productattributes button:disabled,
.an_productattributes button[disabled] {
    background-color: #A6B4A0 !important;
    border-color: #A6B4A0 !important;
    color: #ffffff !important;
}

/* KOZI DAR - UKRYCIE ETYKIET BRAK NA STANIE NAD ZDJECIAMI */

.product-miniature .product-flags .out_of_stock,
.product-miniature .product-flags .out-of-stock,
.product-miniature .product-flags .product-flag.out_of_stock,
.product-miniature .product-flags .product-flag.out-of-stock {
    display: none !important;
}

/* KOZI DAR - JEDNOLITA CIEMNA ZIELEN */

:root {
    --kozi-green: #355C32;
    --kozi-green-hover: #294729;
}

/* Przyciski */
.btn-primary,
.btn-success,
button.btn-primary,
button.btn-success,
.an_productattributes button:not(:disabled) {
    background-color: var(--kozi-green) !important;
    border-color: var(--kozi-green) !important;
    color: #ffffff !important;
}

/* Przyciski po najechaniu */
.btn-primary:hover,
.btn-success:hover,
.an_productattributes button:not(:disabled):hover {
    background-color: var(--kozi-green-hover) !important;
    border-color: var(--kozi-green-hover) !important;
    color: #ffffff !important;
}

/* Aktywne pozycje sortowania */
.dropdown-menu .dropdown-item.active,
.dropdown-menu .dropdown-item:hover,
.select-list:hover,
.select-list:focus,
.select-list.current {
    background-color: var(--kozi-green) !important;
    color: #ffffff !important;
}

/* Etykiety produktow */
.product-flags .product-flag,
.product-flags li {
    background-color: var(--kozi-green) !important;
    color: #ffffff !important;
}

/* Aktywne elementy paginacji */
.pagination .current a,
.pagination .page-list a:hover {
    background-color: var(--kozi-green) !important;
    color: #ffffff !important;
}

/* KOZI DAR - CIEMNOZIELONY PRZYCISK FILTR */

@media (max-width: 767px) {

    body#category #search_filter_toggler,
    body#category .show-filters,
    body#category .filter-button {
        background: #355C32 !important;
        background-color: #355C32 !important;
        border-color: #355C32 !important;
        color: #ffffff !important;
    }

    body#category #search_filter_toggler:hover,
    body#category .show-filters:hover,
    body#category .filter-button:hover {
        background: #294729 !important;
        background-color: #294729 !important;
        border-color: #294729 !important;
    }
}

/* KOZI DAR – ujednolicenie czcionki opisów */

#product .product-description,
#product .product-description *,
#product .product-description-short,
#product .product-description-short * {
    font-family: inherit !important;
}
/* KOZI DAR - UKRYCIE WESTERN UNION, PAYPAL, AMERICAN EXPRESS */
.an_trust_badges-list li:nth-child(1),
.an_trust_badges-list li:nth-child(3),
.an_trust_badges-list li:nth-child(5) {
    display: none !important;
}
/* KOZI DAR - POPRAWKI WIDGETU OPINII */
.kd-opinie .ti-recommendation,
.kd-opinie .ti-recommendation-title,
.kd-opinie .ti-recommendation-icon,
.kd-opinie .ti-header-write-btn-container,
.kd-opinie .ti-write-btn {
    display: none !important;
}
/* KOZI DAR - MROZENIE TYLKO NA SERACH */
.kd-mrozenie { display: none; }
.kd-mrozenie.kd-pokaz { display: table-row; }
/* KOZI DAR - KROTKI OPIS Z KORZYSCIAMI NA STRONIE PRODUKTU */
#product .product-description-short,
#product .product-description-short p,
#product .product-description-short h1,
#product .product-description-short h2,
#product .product-description-short h3 {
    font-size: 18px !important;
    line-height: 1.4 !important;
    margin: 0 0 8px !important;
}
#product .product-description-short ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 0 12px !important;
}
#product .product-description-short ul li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 4px;
    font-size: 15px !important;
    line-height: 1.5 !important;
}
#product .product-description-short ul li::before {
    content: "✔";
    position: absolute;
    left: 0;
    color: #355C32;
    font-weight: bold;
}
/* Na kafelkach w kategorii tylko pierwsza linijka */
.product-miniature .an_short_description ul,
.product-miniature .product-description-short ul {
    display: none !important;
}
/* KOZI DAR - TABELA RABATOW ILOSCIOWYCH */
.product-discounts {
    margin: 10px 0 16px !important;
}
.product-discounts .product-discounts-title,
.product-discounts > p {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #355C32 !important;
    text-transform: none !important;
    margin: 0 0 6px !important;
}
.table-product-discounts {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #e3dccd !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #f8f4ec !important;
}
.table-product-discounts th,
.table-product-discounts td {
    padding: 8px 10px !important;
    font-size: 14px !important;
    line-height: 1.3 !important;
    text-align: center !important;
    border: 0 !important;
    background: transparent !important;
}
.table-product-discounts thead th {
    background: #355C32 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}
.table-product-discounts tbody tr + tr td {
    border-top: 1px solid #e3dccd !important;
}
.table-product-discounts tbody td:last-child {
    color: #355C32 !important;
    font-weight: 700 !important;
}