.product__desc__profile { display: none !important; }
body { overflow-x: clip !important; }
.product__desc__container, .product__desc, .product__desc__content { overflow: visible !important; }
.product__desc__container br { display: none; }

.product__desc__container { font-family: 'Open Sans'; font-weight: 400;}
.product__desc__container input { display: none; }
.product__desc__container p { font-family: 'Open Sans'; margin-top: 20px; font-size: 16px; line-height: 24px; font-weight: 400; }
.product__desc__container figure { margin: 20px 0; }

.coffHeader { font-family: Montserrat; color: black; font-weight: 700; text-align: center; text-transform: uppercase; }
h2.coffHeader, label.coffHeader { font-size: 20px; }
h3.coffHeader { font-size: 16px; }
h4.coffHeader { font-family: 'Open Sans'; color: inherit; font-size: 14px; line-height: 19px; text-transform: uppercase; }

.onDemand { display: none; }

.bgStretch { margin: 0 -1000px; padding: 80px 1000px; overflow: visible !important; }

a.bordered { font-family: Montserrat; font-size: 19px; font-weight: 400; border: 1px solid; border-radius: 5px; padding: 16px 30px; text-transform: uppercase; display: inline-block; }

.centered p { margin: auto; text-align: center; }

.iconRow { color: #746F6C; padding-top: 40px; padding-bottom: 80px; }
.iconRow ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 50px; }
.iconRow li { flex-basis: 148px; display: block; }
.iconRow li * { display: block; text-align: center; margin: 5px auto; }
.iconRow li img { display: inline-block; }
.iconRow figcaption { text-align: center; }
.iconRow li figcaption div + div { border-top: 1px dotted #746f6C; }

.meter { font-family: sans-serif; font-size: 12px; color: #2B8B86; letter-spacing: 10px; vertical-align: top; }

.prodAbout p { font-size: 20px; font-weight: 400; line-height: 27px; text-align: center; padding: 0 60px 12px 60px;}

.profile, .profileTea { margin-top: 40px; margin-bottom: 60px; display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items: stretch; font-family: 'Open Sans'; color: #746F6C; }
.profile h3, .profileTea h3 { margin-bottom: 26px; }
.profile div.pFl { height: 259px; padding: 0 30px; border: 1px solid #CFCECF; flex-basis: 252px; flex-grow: 1; }
.profile div.pFl2 { flex-basis: 504px; flex-grow: 2; }

.profileTea div.pFl, .profileTea div.pFl2 { height: 259px; flex-basis: 282px; padding: 0 30px; flex-grow: 1; }
.profileTea p { text-align: center; color: black; }
.profileTea .tasteGrid { justify-content: center; }
.profileTea div.iconGridSmall { flex-grow: 1 !important; }

.tasteGrid { display: flex; justify-content: space-between; line-height: 14px; }
.tasteGrid li, .ingredients li { font-weight: 600; font-size: 14px; text-transform: uppercase; }
.tasteGrid img { display: block; margin: 0 auto; }
.tasteGrid div.iconGridSmall { display: flex; flex-direction: column; justify-content: space-evenly; flex-basis: 225px; flex-grow: 0; }

.tasteValues li { padding: 0; margin: 0; line-height: 100%; }
.tasteValues li + li { margin-top: 32px; }

.tasteFlavors, .ingredients { display: block; text-align: center; }
.tasteFlavors li, .ingredients li { display: inline; line-height: 19px; }
.tasteFlavors li + li::before, .ingredients li + li::before { content:" • "; }

.iconGrid div { display: grid; grid-template-columns: auto auto auto; }
.iconGridSmall div { line-height: 1.2; margin: 10px auto; }
.iconGridSmall img { display: inline-block; margin: 0 auto; }

input[name="det"]:checked + div { display: flex; }
input[name="det2"]:checked + div { display: block; }
div.onDemand label { color: #808080; }
label.inputChecked { color: black !important; }
section.picFlex, .onDemand div.picFlex { display: flex; }
section.picFlex, section .picFlex { padding-top: 80px; }
.onDemand div.picFlex { padding-top: 40px; }
.picFlex { gap: 80px; padding-bottom: 80px; align-items: flex-start; }
.picLeft { flex-direction: row-reverse; }
img.flexd { display: block; flex-basis: 600px; flex: 0; margin: 0; }
.smallPic img.flexd { flex-basis: 400px; align-self: center;}
div.flexd { flex: 1; }
.asGrid .coffHeader { text-align: left; margin-top: 0; }

.bgGreen { background: #EFFFF6; }
.bgBlue { background: #CDE8FA; }

.flexColumn { display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; font-size: 14px; font-weight: 400; }
.flexColumn * { display: block; text-align: center; margin: auto; }

.flexCentered { justify-content: center; }

.coffeeSwitch { padding-top: 80px; }

.switchMenu { display: flex; gap: 40px; padding-bottom: 24px; flex-wrap: wrap; }

.brewing { display: flex; flex-direction: row-reverse; background: #EFFFF6; }
.brewing hr { border-top: 3px solid #8CCBA8; margin: 30px 0; }

.pFlBrewing ul.asGrid { grid-template-columns: auto; }

p + ul.asGrid { margin-top: 30px; }
ul.asGrid { display: grid; grid-template-columns: auto auto; gap: 0 40px; }
ul.asGrid li figure { display: flex; align-items: flex-start; color: #746F6C; gap: 10px; }
ul.asGrid li figure * { margin: auto; }
ul.asGrid li figure img { flex: 0; display: block; margin: 0; height: 40px; width: 40px; }
ul.asGrid li figcaption { flex: 1; margin: 0; line-height: 18px; }
ul.asGrid li figcaption h4 { margin: 0; }
ul.asGrid li figcaption div { font-size: 16px; line-height: 22px; }
ul.asGrid li figcaption.capCenter { font-size: 16px; font-weight: 600; align-self: center; max-width: 140px; }
.smallPic ul.asGrid h4 { margin-bottom: 5px; }
.smallPic li figcaption div { text-align: justify; }

.brewing ul.asGrid li:last-child { grid-column-end: span 2; }
ul.asGrid li figcaption div ul, .faq div ul { list-style-type: circle; padding-left: 25px; }

.rituals { color: #ffffff; background: #202528 url("/picture/files/PRODUKTY/graphics/obrobka-tlo.jpg") no-repeat center; display: flex; flex-direction: column; gap: 10px; }
.ritualsTea { color: #ffffff; background: #202528 url("/picture/files/PRODUKTY/graphics/herbata-tlo.jpg") no-repeat center; display: flex; flex-direction: column; gap: 10px; }
.revolution { color: #ffffff; background: #ffffff url("/picture/files/PRODUKTY/graphics/nitro-bg.png") no-repeat center; display: flex; flex-direction: column; gap: 10px; }
.rituals *, .ritualsTea *, .revolution * { margin: 10px auto; }
.rituals p, .ritualsTea p, .revolution p { margin-top: -10px; width: 100%; max-width: 390px; font-size: 20px; line-height: 27px; font-weight: 600; }
.revolution p.large { font-family: Montserrat; width: 100%; max-width: 600px; font-size: 40px; line-height: 48px; }

section.faq { padding-top: 80px; padding-bottom: 80px; }
.faq { font-size: 16px; line-height: 22px; font-weight: 400; }
.faq p, .faq table, .faq ul { display: none; }
.faq p { color: #746F63; padding-left: 6px; }
.faq ul { color: #746F63; }
.faq table { margin-top: 20px; }
.faq label::after { content:url("https://hardbeans.com/files/710ee134-6664-4281-85af-15b87f34877c"); height: 20px; width: 20px; float: right; }
.faq input:checked ~ p { display: block; }
.faq input:checked ~ table { display: table; }
.faq input:checked ~ ul { display: block; }
.faq input:checked ~ label::after { content: url("https://hardbeans.com/files/9b4edfc1-de56-4525-95c7-9e43835a563b"); }
.faq div { border-bottom: 2px solid #E4E4E4; padding: 30px 0 20px 0; margin: 0; }
section.faq div { margin: 0 130px; }

table.facts { width: 100%; color: #000000; font-size: 12px; border-collapse: collapse; }
table.facts tr, table.facts td { margin: 0px; padding: 1px; }
table.facts tr + tr { border-top: 2px solid #000000; }
table.facts td + td { font-weight: 700; }

img.nitroEffect { width: 100%; max-width: 400px; padding: 15px; }
img.howIsNitroMade { padding: 0 50px; }

@media (max-width: 400px) {
  ul.asGrid { grid-template-columns: auto; }
}

@media (max-width: 500px) {
  .tasteGrid { flex-wrap: wrap; }
  .profile div.pFl2 { height: 458px; }
  div.pFl2 div { gap: 50px; margin: auto; }
}

@media (max-width: 768px) {
  .picFlex { flex-wrap: wrap; }
  img.flexd { flex-basis: 600px; }
  section.faq div { margin: 0; }
  img.howIsNitroMade { padding: 0; }
}

@media (max-width: 1080px) {
  .profileTea div.pFl {border-top: #CFCECF 1px solid; }
  .profileTea div.pFl2 { flex-basis: 850px; flex-shrink: 1; }
}

@media (min-width: 600px) {
  .profileTea div.pFl + div.pFl { border-left: #CFCECF 1px solid; }
}

@media (min-width: 768px) {
  img.flexd { flex-basis: 400px; width: 400px; }
}

@media (min-width: 1008px) {
  .profile .iconGrid { order: -1; }
  .profileTea div.pFl { border-left: #CFCECF 1px solid; }
}

@media (min-width: 1200px) {
  img.flexd { flex-basis: 600px; }
}

.offer-item-description section { display: none !important; background: none !important; }
.offer-item-description section.prodAbout { display: block !important; }
.offer-item-description > span { display: block; }
.offer-item-description input { display: none !important; }
.offer-item-description * { margin: initial !important; padding: initial !important; }
.offer-item-description .bgStretch { margin: auto !important; padding: 20px 0 !important; }
.offer-item-description img.flexd { display: none !important; }
.offer-item-description .faq label::after { display: none !important; }
.offer-item-description .faq p { display: block !important; }
.offer-item-description .faq ul { display: block !important; }
.offer-item-description .faq table { display: table !important; }
.offer-item-description * { color: inherit !important; font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; line-height: inherit !important; }
.offer-item-description .asGrid { grid-template-columns: auto !important; }
.offer-item-description .asGrid li figure { display: block !important; }
.offer-item-description .asGrid li figure img { float: left !important; }
.offer-item-description .iconRow ul { gap: 0 !important; }