/* Product pages use the same Lato treatment as the homepage. */
.shopify-section--product-template,
.shopify-section--product-template *,
.product_section,
.product_section *{
font-family:var(--mo-site-lato,Lato,Arial,Helvetica,sans-serif)!important;
}
/* Replace remaining blue product accents with MO green. */
.shopify-section--product-template .current_price,
.shopify-section--product-template .current_price .money,
.shopify-section--product-template .modal_price,
.shopify-section--product-template .price-ui,
.shopify-section--product-template .price-ui *:not(.was-price):not(.compare-at-price),
.shopify-section--product-template .savings,
.shopify-section--product-template .sale,
.shopify-section--product-template .product-question-link a{
color:#7ca034!important;
}
.shopify-section--product-template .feature-divider{
border-color:#7ca034!important;
background-color:#7ca034!important;
}
/* Make the main product price 2x its original size, bold, and remove savings messaging. */
.shopify-section--product-template .current_price,
.shopify-section--product-template .price-ui .price__current{
font-size:200%!important;
font-weight:700!important;
line-height:1.2!important;
}
.shopify-section--product-template .current_price .money,
.shopify-section--product-template .price-ui .price__current .money{
font-size:inherit!important;
font-weight:inherit!important;
line-height:inherit!important;
}
.shopify-section--product-template .savings{
display:none!important;
}
/* Turn the single Description tab into a clean editorial product description. */
.shopify-section--product-template .product-tabs{
border:0!important;
background:transparent!important;
box-shadow:none!important;
margin:34px 0 12px!important;
padding:0!important;
}
.shopify-section--product-template .product-tabs__radio,
.shopify-section--product-template .product-tabs__label{
display:none!important;
}
.shopify-section--product-template .product-tabs__panel{
display:block!important;
visibility:visible!important;
opacity:1!important;
position:static!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
padding:0!important;
margin:0!important;
width:100%!important;
}
.shopify-section--product-template .product-tabs__panel .rte{
max-width:1100px;
margin:0 auto;
padding:0;
color:#333;
font-size:17px;
line-height:1.65;
font-weight:400;
}
.shopify-section--product-template .product-tabs__panel .matcha-faq-section,
.shopify-section--product-template .product-tabs__panel .matcha-faq-inner,
.shopify-section--product-template .product-tabs__panel .matcha-faq-grid,
.shopify-section--product-template .product-tabs__panel .matcha-faq-item{
display:block!important;
width:100%!important;
max-width:none!important;
margin:0!important;
padding:0!important;
border:0!important;
background:transparent!important;
box-shadow:none!important;
}
.shopify-section--product-template .product-tabs__panel .rte p{
max-width:940px;
margin:0 auto 25px!important;
font-size:17px!important;
line-height:1.65!important;
color:#333!important;
}
.shopify-section--product-template .product-tabs__panel .rte p:has(img){
max-width:1100px;
margin-bottom:30px!important;
}
.shopify-section--product-template .product-tabs__panel .rte strong{
font-weight:700!important;
color:#333!important;
}
.shopify-section--product-template .product-tabs__panel .rte img{
display:block!important;
width:auto!important;
max-width:100%!important;
height:auto!important;
margin:22px auto 0!important;
}
.shopify-section--product-template .product-tabs__panel .rte h2{
font-size:27px!important;
line-height:1.3!important;
font-weight:700!important;
color:#333!important;
margin:36px auto 14px!important;
max-width:940px;
}
.shopify-section--product-template .product-tabs__panel .rte h3{
font-size:22px!important;
line-height:1.35!important;
font-weight:700!important;
color:#333!important;
margin:30px auto 12px!important;
max-width:940px;
}
.shopify-section--product-template .product-tabs__panel .rte ul,
.shopify-section--product-template .product-tabs__panel .rte ol{
max-width:940px;
margin:0 auto 25px!important;
font-size:17px!important;
line-height:1.65!important;
}
@media(max-width:798px){
.shopify-section--product-template .product-tabs{
margin-top:24px!important;
}
.shopify-section--product-template .product-tabs__panel .rte,
.shopify-section--product-template .product-tabs__panel .rte p,
.shopify-section--product-template .product-tabs__panel .rte ul,
.shopify-section--product-template .product-tabs__panel .rte ol{
font-size:16px!important;
line-height:1.6!important;
}
.shopify-section--product-template .product-tabs__panel .rte p{
margin-bottom:20px!important;
}
.shopify-section--product-template .product-tabs__panel .rte p:has(img){
margin-bottom:24px!important;
}
.shopify-section--product-template .product-tabs__panel .rte img{
margin-top:16px!important;
}
.shopify-section--product-template .product-tabs__panel .rte h2{
font-size:23px!important;
}
.shopify-section--product-template .product-tabs__panel .rte h3{
font-size:20px!important;
}
}
/* Hide Shop Pay installment messaging and local pickup information. */
.shopify-section--product-template .payment-terms-container,
.shopify-section--product-template [data-payment-terms-target],
.shopify-section--product-template [data-payment-terms-reference],
.shopify-section--product-template .shopify-installments,
.shopify-section--product-template shopify-payment-terms,
.shopify-section--product-template .surface-pick-up,
.shopify-section--product-template .surface-pick-up__modal{
display:none!important;
}
/* Variant buttons generated from the existing variant selector. */
.mo-variant-picker{margin:12px 0 16px}
.mo-variant-title{margin:0 0 8px;font-size:15px;font-weight:400;line-height:1.35;color:#333}
.mo-variant-buttons{display:flex;flex-wrap:wrap;gap:8px}
.mo-variant-button{
min-height:38px!important;
padding:9px 14px!important;
margin:0!important;
border:1px solid #7ca034!important;
border-radius:4px!important;
background:#fff!important;
color:#7ca034!important;
font-family:var(--mo-site-lato,Lato,Arial,Helvetica,sans-serif)!important;
font-size:14px!important;
font-weight:400!important;
line-height:1.2!important;
letter-spacing:0!important;
text-transform:none!important;
box-shadow:none!important;
cursor:pointer;
transition:background-color .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.mo-variant-button:hover,.mo-variant-button:focus{
background:#f6f8f1!important;
border-color:#7ca034!important;
color:#7ca034!important;
}
.mo-variant-button.is-selected{
background:#7ca034!important;
border-color:#7ca034!important;
color:#fff!important;
box-shadow:0 0 0 2px rgba(124,160,52,.22)!important;
}
.mo-variant-button.is-selected:hover,.mo-variant-button.is-selected:focus{
background:#7ca034!important;
border-color:#7ca034!important;
color:#fff!important;
}
.mo-variant-button[disabled]{opacity:.45;cursor:not-allowed}
.mo-product-story{max-width:1100px;margin:0 auto;color:#333}
.mo-product-story .mo-product-intro{font-size:19px!important;line-height:1.6!important;margin-bottom:28px!important}
.mo-product-story .mo-quick-facts{max-width:940px;margin:0 auto 30px;padding:24px;border:1px solid #d9d9d9;border-radius:6px;background:#fafbf7}
.mo-product-story .mo-quick-facts h2{margin-top:0!important}
.mo-product-story .mo-facts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 24px;margin:0}
.mo-product-story .mo-facts-grid div{border-top:1px solid #d9d9d9;padding-top:10px}
.mo-product-story .mo-facts-grid dt{font-weight:700;color:#333}
.mo-product-story .mo-facts-grid dd{margin:3px 0 0;color:#333}
.mo-product-story .mo-prep-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:940px;margin:0 auto 28px}
.mo-product-story .mo-prep-card{padding:22px;border:1px solid #d9d9d9;border-radius:6px;background:#fff}
.mo-product-story .mo-prep-card h3{margin-top:0!important}
.mo-product-story .mo-size-table{width:100%;max-width:940px;margin:0 auto 28px;border-collapse:collapse}
.mo-product-story .mo-size-table th,.mo-product-story .mo-size-table td{padding:12px 14px;border:1px solid #d9d9d9;text-align:left}
.mo-product-story .mo-size-table th{background:#f4f7ed;color:#333}
.mo-product-story .mo-storage{max-width:940px;margin:0 auto 28px;padding:22px;border-left:4px solid #7ca034;background:#fafbf7}
.mo-product-story .mo-product-faq{max-width:960px;margin:44px auto 30px}
.mo-product-story .mo-faq-head{text-align:center;margin-bottom:22px}
.mo-product-story .mo-faq-head h2{margin:0 auto 8px!important;color:#333!important;font-weight:700!important}
.mo-product-story .mo-faq-head p{margin:0 auto!important;max-width:720px!important;color:#626262!important}
.mo-product-story .mo-faq-list{max-width:960px;margin:0 auto 30px}
.mo-product-story .mo-faq-item{border-top:1px solid #e3e3e3;padding:0}
.mo-product-story .mo-faq-item:last-child{border-bottom:1px solid #e3e3e3}
.mo-product-story .mo-faq-item summary{list-style:none;cursor:pointer;padding:17px 42px 17px 0;position:relative;font-size:17px;color:#333;font-weight:600}
.mo-product-story .mo-faq-item summary::-webkit-details-marker{display:none}
.mo-product-story .mo-faq-item summary:after{content:'+';position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:24px;color:#7ca034;font-weight:400}
.mo-product-story .mo-faq-item[open] summary:after{content:'−'}
.mo-product-story .mo-faq-q{color:#7ca034;margin-right:5px;font-weight:700}
.mo-product-story .mo-faq-answer{padding:0 36px 17px 0;color:#626262;line-height:1.65}
.mo-product-story .mo-faq-answer p{margin:0!important;max-width:none!important;color:#626262!important}
.mo-product-story .mo-faq-a{color:#7ca034!important;font-weight:700!important;margin-right:5px}
.mo-product-story .mo-faq-item{margin:0!important;padding:0!important}
.mo-product-story .mo-faq-item summary{display:block!important;min-height:0!important;margin:0!important;padding:17px 42px 17px 0!important;line-height:1.45!important}
.mo-product-story .mo-faq-item summary:before{display:none!important;content:none!important}
.mo-product-story .mo-faq-item summary .mo-faq-q{display:inline!important;width:auto!important;height:auto!important;margin:0 5px 0 0!important;padding:0!important;line-height:inherit!important}
.mo-product-story .mo-faq-answer{margin:0!important;padding:0 36px 17px 0!important;line-height:1.65!important}
.mo-product-story .mo-faq-answer p{display:block!important;margin:0!important;padding:0!important;line-height:1.65!important}
.mo-product-story .mo-faq-answer .mo-faq-a{display:inline!important;width:auto!important;height:auto!important;margin:0 5px 0 0!important;padding:0!important;line-height:inherit!important}
.shopify-section--product-template button.add_to_cart,
.shopify-section--product-template button.add_to_cart span{color:#fff!important}
.shopify-section--product-template .purchase-details__quantity .product-minus{border-radius:4px 0 0 4px!important}
.shopify-section--product-template .purchase-details__quantity .product-plus{border-radius:0 4px 4px 0!important}
.shopify-section--product-template .purchase-details__quantity .quantity{border-radius:0!important}
.shopify-section--product-template .mo-variant-button{border-color:#7ca034!important;color:#7ca034!important}
.shopify-section--product-template .mo-variant-button.is-selected,
.shopify-section--product-template .mo-variant-button.is-selected:hover,
.shopify-section--product-template .mo-variant-button.is-selected:focus{background:#7ca034!important;border-color:#7ca034!important;color:#fff!important}
.shopify-section--product-template button.add_to_cart{background:#7ca034!important;border-color:#7ca034!important;color:#fff!important}
.shopify-section--product-template button.add_to_cart:hover:not([disabled]),
.shopify-section--product-template button.add_to_cart:focus-visible:not([disabled]){
background:#fff!important;
border-color:#7ca034!important;
color:#7ca034!important;
-webkit-text-fill-color:#7ca034!important;
}
.shopify-section--product-template button.add_to_cart:hover:not([disabled]) span,
.shopify-section--product-template button.add_to_cart:focus-visible:not([disabled]) span{
color:#7ca034!important;
-webkit-text-fill-color:#7ca034!important;
}
.shopify-section--recommended-products .product-info__caption{display:block!important;visibility:visible!important;opacity:1!important;text-align:center!important}
.shopify-section--recommended-products .product-details{text-align:center!important}
@media(max-width:798px){
.mo-product-story .mo-facts-grid,.mo-product-story .mo-prep-grid{grid-template-columns:1fr}
.mo-product-story .mo-quick-facts,.mo-product-story .mo-prep-card,.mo-product-story .mo-storage{padding:18px}
.mo-product-story .mo-size-table{font-size:14px}
.mo-product-story .mo-size-table th,.mo-product-story .mo-size-table td{padding:10px 8px}
}
