body { overflow-x: clip !important; }

.product__desc__profile { display: none !important; }
.product__desc__container, .product__desc, .product__desc__content { overflow: visible !important; }
.product__desc__container br { display: none; }
.product__desc__container * { margin: 0; padding: 0; border: 0; }

.product__desc__container { font-family: 'Open Sans'; font-weight: 400;}
.product__desc__container p { font-family: 'Open Sans'; margin-top: 1.25rem; font-size: 1rem; line-height: 1.5rem; font-weight: 400; }
.product__desc__container h3, .product__desc__container h4 { font-size: 1rem; font-family: Montserrat; color: black; font-weight: 700; text-align: center; text-transform: uppercase; }

.prodAbout h3 { font-size: 1.25rem; }
.prodAbout p { text-align: center; padding: 0 4rem; font-size: 1.25em; line-height: 1.6em;}

@media (width < 54rem) {
.prodAbout p { padding: 0 1rem; }
}

.profile { margin-top: 2.5rem; margin-bottom: 2.5rem; display: flex; justify-content: space-evenly; align-items: stretch; font-family: 'Open Sans'; color: #746F6C; }
.profile > div { height: 16rem; padding: 0 1rem; border: 1px solid #CFCECF; flex-basis: 15.75rem; flex-grow: 1; }
.profile > div:first-of-type { flex-basis: 31.5rem; flex-grow: 2; }
.profile h3 { margin-top: 1rem; margin-bottom: 1.5rem; }
.profile .tasteGrid { display: flex; flex-direction: row-reverse; justify-content: space-evenly; flex-wrap: wrap; line-height: 0.875rem; }
.profile .tasteValues div + div { margin-top: 2rem; }
.profile dl > div { display: flex; flex-direction: row-reverse; justify-content: start; }
.profile dl dt { font-size: 0.875rem; font-weight: 700; text-transform: uppercase; }
.profile dl dd { font-family: sans-serif; font-size: 0.75rem; color: #2B8B86; letter-spacing: 0.625rem; vertical-align: top; }
.profile ul { margin: 0; }
.profile .flexColumn { display: flex; flex-direction: column; align-items: stretch; justify-content: center; }
.profile .flexColumn p { text-align: center; }
.profile .tasteGrid ul { display: block; text-align: center; }
.profile .tasteGrid li { font-weight: 700; font-size: 0.875rem; text-transform: uppercase; display: inline; line-height: 1.25rem; }
.profile .tasteGrid li + li::before { content:" • "; }
.profile .tasteGrid img { display: inline-block; margin: 0 auto; height: 3.125rem; width: 3.125rem; }
.profile .iconGridSmall { display: flex; flex-direction: column; justify-content: space-evenly; flex-basis: 14rem; flex-grow: 0; }
.profile .iconGridSmall div { line-height: 1.2rem; margin: 0.5rem auto; }
.profile .iconGrid div { display: grid; grid-template-columns: auto auto auto; }
.profile .iconGrid img { height: 4.375rem; width: 4.375rem; }

@media (width >= 70rem) {
  .profile .iconGrid { order: -1; }
}

@media (width < 70rem) and (width >= 37.5rem) {
  .profile { flex-wrap: wrap; max-width: 45rem; margin: 2.5rem auto; }
}

@media (width < 37.5rem) {
  .profile { flex-direction: column; }
  .profile > div { height: auto; flex-basis: unset !important; padding-bottom: 2rem; }
  .profile .tasteValues { margin: 1rem 0; }
}

.iconRow { color: #746F6C; padding-top: 0.8rem; padding-bottom: 5rem; }
.iconRow img { width: 3.75rem; height: 3.75rem; }
.iconRow dl { display: grid; place-content: center center; grid-auto-flow: row; gap: 0 0.875rem; }
.iconRow dl > * { width: 11.3rem; }
.iconRow dt { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.5rem 0; margin-top: 2rem; }
.iconRow dt span { flex-basis: 100%; shrink: 0; text-align: center; line-height: 1.25rem; display: block; font-size: 0.875rem; font-weight: 700; text-transform: uppercase; }
.iconRow dd { padding: 0.3rem 0; margin: 0; text-align: center; }
.iconRow dd + dd { border-top: 1px dotted #746f6C; }

@media (width >= 37.5rem) {
.iconRow dt { grid-row-start: 1; }
.iconRow dt + dd { grid-row-start: 2; }
.iconRow dt + dd + dd { grid-row-start: 3; }
.iconRow dt + dd + dd + dd { grid-row-start: 4; }
}

@media (width < 72rem) and (width >= 37.5rem) {
.iconRow dt ~ dt ~ dt + dd + dt { grid-row-start: 3; }
.iconRow dt ~ dt ~ dt + dd + dd + dt { grid-row-start: 4; }
.iconRow dt ~ dt ~ dt + dd + dd + dd + dt { grid-row-start: 5; }
.iconRow dt ~ dt ~ dt + dd + dt + dd { grid-row-start: 4; }
.iconRow dt ~ dt ~ dt + dd + dd + dt + dd { grid-row-start: 5; }
.iconRow dt ~ dt ~ dt + dd + dd + dt + dd + dd { grid-row-start: 6; }
.iconRow dt ~ dt ~ dt + dd + dd + dd + dt + dd { grid-row-start: 6; }
.iconRow dt ~ dt ~ dt + dd + dd + dd + dt + dd + dd { grid-row-start: 7; }
.iconRow dt ~ dt ~ dt + dd + dd + dd + dt + dd + dd + dd { grid-row-start: 8; }
}

@media (width < 37.5rem) and (width >= 23.5rem) {
.iconRow dl { grid-auto-flow: column; }
.iconRow dt:nth-of-type(odd) { grid-column-start: 1; }
.iconRow dt:nth-of-type(odd) + dd { grid-column-start: 1; }
.iconRow dt:nth-of-type(odd) + dd + dd { grid-column-start: 1; }
.iconRow dt:nth-of-type(odd) + dd + dd + dd { grid-column-start: 1; }
.iconRow dt:nth-of-type(even) { grid-column-start: 2; }
.iconRow dt:nth-of-type(even) + dd { grid-column-start: 2; }
.iconRow dt:nth-of-type(even) + dd + dd { grid-column-start: 2; }
.iconRow dt:nth-of-type(even) + dd + dd + dd { grid-column-start: 2; }
}

@media (width < 23.5rem) {
.iconRow > * { grid-column-start: 1; }
}

.coffDetails { position: relative; margin-top: 0; margin-bottom: 0; padding-top: 1rem; padding-bottom: 1rem; z-index: 3; }
.coffDetails::before { content: " "; position: absolute; left: calc(( 100% - 100vw ) / 2); top: 0; display: block; height: 100%; width: 100vw; background-color: #EFEFEF; z-index: 1; }
.coffDetails > *, .coffDetails img { position: relative; z-index: 4; }
.coffDetails > div { margin: 0; display: flex; align-items: center; padding: 0; gap: 1.25rem; }
.coffDetails > div > figure { margin: 0; display: flex; align-items: center; height: 26.25rem !important; width: 26.25rem !important; overflow: visible; flex-basis: 26.25rem; }
.coffDetails > div > figure > img { height: 31.25rem; max-width: none !important; width: 31.25rem; }
.coffDetails > div > div { position: relative; z-index: 5; padding: 1.25rem; background-color: rgba(255,255,255,0.85); }
.coffDetails h3 { font-size: 1.25rem; text-align: right; margin: 0 2rem 0 0; }
.coffDetails h4 { text-align: left; margin-top: 1.25rem; }

@media (width >= 54rem) {
.coffDetails > div:nth-of-type(even) { flex-direction: row-reverse; margin: 2.5rem auto; }
.coffDetails > div:nth-of-type(even) > figure { flex-direction: row-reverse; }
}

@media (width < 70rem) and (width >= 54rem) {
.coffDetails > div > figure { height: 38.5vw !important; width: 38.5vw !important; flex-basis: 38.5vw; }
.coffDetails > div > figure > img { height: 45.8vw; width: 45.8vw; }
}

@media (width < 54rem) {
.coffDetails > div { flex-direction: column; }
.coffDetails > div > figure { height: 26.25rem; width: 26.25rem; max-height: 80vw; max-width: 80vw; flex-direction: column; }
.coffDetails > div > figure > img { height: 31.25rem; width: 31.25rem; max-height: 90vw; max-width: 90vw !important; }
}

.brewing { position: relative; display: flex; flex-direction: row-reverse; padding-top: 5rem; padding-bottom: 5rem;gap: 5rem; z-index: 2; }
.brewing::before { content: " "; position: absolute; left: calc(( 100% - 100vw ) / 2); top: 0; display: block; height: 100%; width: 100vw; background-color: #EFFFF6; z-index: 1; }
.brewing > * { position: relative; z-index: 2; }
.brewing > img { height: 37.5rem; width: 37.5rem; max-height: 48vw; max-width: 48vw; }
.brewing h3 { font-size: 1.25rem; }
.brewing h4 { margin-top: 2rem; border-top: 0.2rem solid #8CCBA8; padding-top: 2rem; }
.brewing dl { display: grid; grid-template-columns: auto auto; gap: 0; color: #746F6C; }
.brewing dt img { width: 2.5rem; height: 2.5rem; float: left; margin-right: 0.625rem; }
.brewing dt span { font-size: 0.875rem; font-weight: 700; text-transform: uppercase; }
.brewing dd { display: block; padding-left: 3.125rem; }
.brewing dl div { margin: 1.25rem 0; }
.brewing dl div:last-child:nth-of-type(odd) { grid-column-end: span 2; }
.brewing dl ul { list-style-type: circle; padding-left: 1.5rem; }

@media (width < 54rem) {
.brewing { flex-direction: column; align-items: center; }
.brewing > img { max-height: 90vw; max-width: 90vw; }
}

.faq { padding-top: 5rem; padding-bottom: 5rem; }
.faq { font-size: 1rem; line-height: 1.375rem; font-weight: 400; }
.faq p { color: #746F63; padding-left: 0.5rem; }
.faq ul { color: #746F63; list-style-type: circle; padding-left: 1.5rem; }
.faq summary { display: block; }
.faq summary::after { content:url("https://hardbeans.com/files/710ee134-6664-4281-85af-15b87f34877c"); height: 1.25rem; width: 1.25rem; float: right; }
.faq details:open summary::after { content: url("https://hardbeans.com/files/9b4edfc1-de56-4525-95c7-9e43835a563b"); }
.faq details { border-bottom: 2px solid #E4E4E4; padding: 2rem 0 1.25rem 0; margin: 0; }
.faq details { margin: 0 8rem; }

@media (width < 54rem) {
.faq details { margin: 0 1rem; }
}

.offer-item-description section { display: none !important; background: none !important; }
.offer-item-description section.prodAbout { display: block !important; }