/*
Theme Name: Grom
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,accessibility-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.3.4.1757222669
Updated: 2025-09-07 05:24:29

*/

.group-buttons,
.image-gallery {
	display: none!important
}

.mb-0 {
	margin-bottom: 0!important
}

.gslide-image {
  background: var(--global-palette9);
}

.under-header .wp-block-kadence-column.kb-section-dir-horizontal > .kt-inside-inner-col > .wp-block-kadence-column {
  flex: auto!important
}

@media(max-width:767px) {
	.under-header .kt-row-column-wrap {
	overflow-x: scroll;
}
	.under-header .wp-block-kadence-column .kt-inside-inner-col {
	width: max-content;
}
}

#inner-wrap {
	position: relative;
	z-index: 999
}

.header-html-inner {
	display: flex;
  align-items: center;
}
.header-logo-link {
	margin-right: 15px;
	margin-top: 7px;
	transition: .3s ease-in-out
}
.header-logo-link:hover {
	transform: scale(1.05)
}

.heading-accent-1 {
	position: relative
}

.heading-accent-1::before {
  position: absolute;
  content: "";
  top: -10%;
  left: -20px;
  width: 75px;
  height: 120%;
  background: var(--global-palette1);
  z-index: -1;
  opacity: .05;
}

.line-parent {
  margin-top: -.15em;
  margin-bottom: -.2em;
  padding-top: .15em;
  padding-bottom: .1em;
  overflow: hidden;
}

.txt-accent-1 {
	color: var(--global-palette1)
}

.txt-accent-2 {
	color: var(--global-palette2)
}

#inner-wrap {
  background: #fff;
  position: relative;
  z-index: 9;
}

.text-thin {
	font-weight: 200
}


.rank-math-breadcrumb p,
.rank-math-breadcrumb a {
	font-size: 12px;
	color: #eee;
	opacity: .65
}
.wp-block-list {
   padding-left: 0 !important;
}

.wp-block-list li {
position: relative;
  list-style: none;
  padding-left: 1.5em;
  margin-bottom: .6em;
  line-height: 1.4;
}

.wp-block-list li::before {
position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 8px;
  height: 8px;
	transform: translateY(-50%);
	border: 1px solid #fff;
  background: var(--global-palette1);
  border-radius: 50%
}


.list-ndot li {
  list-style: none!important;
  padding-left: 0em!important;
  margin-bottom: .6em!important;
  line-height: 1.4;
}

.list-ndot li::before {
  width: 0px!important;
  height: 0px!important;
}

.txt-border {
    position: relative;
	margin-left: 15px
}
.txt-border::before {
position: absolute;
  content: "";
  top: 50%;
  left: -30px;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  border: 4px solid var(--global-palette1);
  background: var(--global-palette9);
  border-radius: 50%;
}


.popup-drawer .drawer-inner {
	background: #fff;
}

.popup-drawer .drawer-content {
  padding: 0 2.5em 2.5em!important;
}

.popup-drawer .drawer-inner .menu-item a {
	color: var(--global-palette3)!important
}

.popup-drawer .kadence-close-svg {
	color: var(--global-palette3)!important
}


        .content-wrap article,
        article.ekspres-do-kawy {
            position: relative;
        }

        .product-brand-icon {
            position: absolute;
            top: 12px;
            left: 12px;
            width: 40px;
            height: 40px;
            border-radius: 50%;
            z-index: 10;
            background-color: #fff;
            box-shadow: 0 2px 6px rgba(0,0,0,0.15);
            display: flex;
            align-items: center;
            justify-content: center;
            overflow: hidden;
        }

        .product-brand-icon img {
            width: 100%;
            height: 100%;
            object-fit: contain;
            padding: 3px;
        }

/* Mobile tab
------------------------------------------------- */

@media(max-width:768px) {
	.mobile-tab {
	position: relative;
	height: 5em;
	overflow: hidden;
	transition: .3s ease-in-out
}
	
	.mobile-tab::before {
     position: absolute;
    content: "";
    height: 2px;
    width: 28px;
    background: #111;
    top: 2.6em;
    right: 1em;
    overflow: hidden;
    transition: .1s ease-in-out;
}
	
	.mobile-tab::after {
    position: absolute;
    content: "";
    height: 28px;
    width: 2px;
    background: #111;
    top: calc(2.6em - 13px);
    right: calc(1em + 13px);
    overflow: hidden;
    transition: .1s ease-in-out;
}	
	
	.mobile-tab.active::after {
	transform: rotate(90deg)
}

.mobile-tab.active {
	height: auto;
	
}

}


.related-ekspresy .related-grid {
	display: grid;
	grid-template-columns:  1fr 1fr;
	grid-gap: 1em
}

.related-ekspresy h3 {
	font-size: 18px
}
.related-item  {
	transition: .2s ease-in-out;
	opacity: .5
}
.related-item img {
	background: var(--global-palette8)
}
.related-item.active,
.related-item:hover {
	opacity: 1
}
.related-item h4 {
	font-size: 16px!important;
	margin-top: .5em!important
}


.related-ekspresy-carousel {
    margin: 2rem 0;
}

.related-ekspresy-carousel .rec-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.related-ekspresy-carousel .rec-nav button {
    border: none;
    cursor: pointer;
	padding: 3px 8px;
    font-size: 1.2rem;
    margin-left: 0.3rem;
	background: var(--global-palette8);
    color: var(--global-palette1)
}

.related-ekspresy-carousel .rec-nav button:hover {
	background: var(--global-palette1);
    color: var(--global-palette9)
}

.related-ekspresy-carousel .rec-viewport {
    overflow: hidden;
    position: relative;
}

.related-ekspresy-carousel .rec-track {
    display: flex;
    transition: transform 0.4s ease;
}

.related-ekspresy-carousel .rec-item {
    flex: 0 0 25%; /* 4 elementy w widoku na desktopie */
    box-sizing: border-box;
    padding: 0 0.5rem;
	transition: .3s ease-in-out;
	opacity: .6
}

.related-ekspresy-carousel .rec-item.active,
.related-ekspresy-carousel .rec-item:hover {
    opacity: 1
}

.related-ekspresy-carousel .rec-thumb img {
    display: block;
    width: 100%;
    height: auto;
}

.related-ekspresy-carousel .rec-title {
    font-size: 0.95rem;
    margin-top: 0.5rem;
    text-align: center;
}

@media(min-width:767px) {
	.related-ekspresy .related-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 1em
}
}

@media(min-width:1024px) {
	.related-ekspresy .related-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 1em
}
}

/* Responsywność */
@media (max-width: 991px) {
    .related-ekspresy-carousel .rec-item {
        flex: 0 0 50%; /* 2 w rzędzie */
    }
}

@media (max-width: 575px) {
    .related-ekspresy-carousel .rec-item {
        flex: 0 0 100%; /* 1 w rzędzie */
    }
}




.express-field-yes,
.express-field-no {
	display: block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 1px solid #ccc
}

.express-field-yes {
	background: #111;
}

.express-field-no {
background: #ffffff;
background: linear-gradient(90deg, rgba(235, 235, 235, 0.92) 50%, rgba(0, 0, 0, 1) 50%);
}



.ekspresy-kategorie-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: .5em
}

.ekspres-kategoria-wrap {
  transition: .6s ease-in-out
}

.ekspres-kategoria {
  position: relative;
  aspect-ratio: 3/4;
	border-radius: 10px;
	overflow: hidden
}

.ekspres-kategoria img {
  object-fit: cover;
  height: 100%;
  width: 100%;
  object-position: bottom;
}

.ekspres-kategoria-content {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(15, 16, 20, 0.6);
  backdrop-filter: blur(32px);
  padding: 1em;
  min-height: 60px;
	transition: .5s ease-in-out
}

.ekspres-kategoria-title {
	color: #fff;
	font-size: 14px
}

@media(min-width:767px) {
	.ekspres-kategoria {
  aspect-ratio: 3/3;
}
	
	.ekspres-kategoria-wrap {
  overflow: hidden
}
	.ekspres-kategoria-wrap img {
  transition: .4s ease-in-out
}
	.ekspres-kategoria-wrap:hover img {
transform: translate(0px) scale(1.06)!important
}
	
	.ekspresy-kategorie-grid {
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 1.5em
}
	
.ekspres-kategoria-content {
  padding: 2em;
	  bottom: 0;
	  top: calc(100% - 122px);
  min-height: 120px;
}

.ekspres-kategoria-wrap:hover .ekspres-kategoria-content {
  background: rgba(15, 16, 20, 0.5);
}
	.ekspres-kategoria-title {
	font-size: 21px
}
	
	.kadence-posts-list article .post-thumbnail-inner img {
		  transition: .4s ease-in-out
	}
	.kadence-posts-list article:hover .post-thumbnail-inner img {
		transform: scale(1.06)
	}

}




.hover-col {
	transform: scale(.98);
	transition: .2s ease-in-out;
	opacity: .85
}
.hover-col.active {
	transform: scale(1);
	opacity: 1
}
.rotate-categories {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  pointer-events: none!important;
  z-index: 9
}
.rotate-categories.rt-1 {
  position: relative
}
.rotate-categories {
  opacity: 0;
  transition: .4s ease-in-out;
  transform: translateY(10%);
}
.rotate-categories figure {
  pointer-events: none!important;
}
.rotate-categories.active {
    transform: translateY(0%);
	 pointer-events: auto!important;
	opacity: 1
}


 .lista-podkategorii-ekspresow {
        display: flex;
        flex-wrap: wrap;
	 justify-content: center;
        gap: 10px;
	 padding-top: 8px;
	 padding-bottom: 2px
    }
    .lista-podkategorii-ekspresow .pojedyncza-kategoria {
        text-align: center;
        color: #fff;
        padding: 5px;
        text-decoration: none;
        transition: all 0.25s ease;
		opacity: .7
    }
    .lista-podkategorii-ekspresow .pojedyncza-kategoria:hover {
        transform: scale(1.03);
		opacity: 1
    }
    .lista-podkategorii-ekspresow .pojedyncza-kategoria.active {
		opacity: 1
    }
    .lista-podkategorii-ekspresow img {
		margin: 0 auto;
        max-width: 70px;
    }
.pojedyncza-kategoria span {
	font-size: 12px
}



.product-attr-color {
	display: block;
	width: 14px;
	height: 14px
}


.kolor-egro h1,
.kolor-egro h2,
.kolor-rancilio-speciality h1,
.kolor-rancilio-speciality h2 {
    color: #dd3333
}

.kolor-egro  .txt-border::before,
.kolor-rancilio-speciality .txt-border::before {
	border: 4px solid #dd3333!important;
}

.bg-egro {
	background: #dd3333!important;
}

.kolor-egro .kt-button,
.kolor-rancilio-speciality .kt-button {
	background: transparent!important;
	border: 2px solid #dd3333!important;
	color: #dd3333!important;
}

.kolor-profesjonalne-ekspresy-do-kawy h1,
.kolor-profesjonalne-ekspresy-do-kawy h2 {
	color: #118153
}


/* Single express
------------------------------------------------- */

.kolory-ekspresu ul {
	padding-left: 0!important
}

.kolory-ekspresu li {
	list-style: none
}

.express-field-color {
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 8px;
	border-radius: 50%;
	cursor: pointer
}

.efc-1,
.efc-black {
	background: url("/wp-content/uploads/2025/11/czarny.webp");
	background-size: cover
}
.efc-white {
	background: url("/wp-content/uploads/2025/11/lodowa_biel.webp");
	background-size: cover
}
.efc-2 {
	background: url("/wp-content/uploads/2025/11/lodowa_biel.webp");
	background-size: cover
}
.efc-3 {
	background: url("/wp-content/uploads/2025/11/kamienisty-szary.webp");
	background-size: cover
}


.efc-tooltip {
	position: absolute;
	top: -200%;
	left: 50%;
	transform: translateX(0%);
	width: max-content;
	padding: 5px 13px;
	border-radius: 5px;
	font-size: 13px;
	color: #fff;
	background: #111;
	border: 1px solid #1111;
	box-shadow: 0 0 10px #0001;
	transition: .3s ease-in-out;
	pointer-events: none;
	opacity: 0
}

.express-field-color:hover .efc-tooltip {
	opacity: 1;
		transform: translateX(-50%);
}


/* Kafelki podkategorii 
--------------------------------------------------- */

.espresso-subcategories-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1em
}
.espresso-subcategories-item {
	position: relative;
	border-radius: 10px;
	border: 1px solid var(--global-palette7);
	background: var(--global-palette8);
	text-align: center
}
.espresso-subcategories-item a {
	text-decoration: none
}
.espresso-subcategories-item img {
  background: #ebebeb;
  height: 100%;
  width: 100%;
}
.espresso-subcategories-thumb {
	margin: 0!important;
	aspect-ratio: 4/3;
}
.espresso-subcategories-content {
	padding: 1em
}
.espresso-subcategories-title {
	font-size: 21px
}
.espresso-subcategories-button {
 display: block;
  margin: 15px auto;
  width: fit-content;
  border: 2px solid #111;
  padding: .6em 2em;
  font-size: 12px;
  border-radius: 50px;
  color: #111;
}

@media(min-width:767px) {
	.espresso-subcategories-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 1em
}
}