body.tpb-product #content > .ast-container {
display: block;
max-width: 1450px;
padding: 0 var(--tp-gutter);
}
body.tpb-product.ast-plain-container.ast-no-sidebar #primary {
width: 100%;
margin: 56px 0 0;
padding: 0;
}
@media (max-width: 640px) {
body.tpb-product.ast-plain-container.ast-no-sidebar #primary { margin-top: 24px; }
} body.tpb-product div.product {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
gap: 0 72px;
align-items: start;
font-family: var(--tp-font-body);
color: var(--tp-ink);
}
body.tpb-product div.product > * {
grid-column: 1 / -1;
}
body.tpb-product div.product > .woocommerce-product-gallery {
grid-column: 1;
}
body.tpb-product div.product > .summary {
grid-column: 2;
}
@media (max-width: 921px) {
body.tpb-product div.product { grid-template-columns: minmax(0, 1fr); }
body.tpb-product div.product > .woocommerce-product-gallery,
body.tpb-product div.product > .summary { grid-column: 1; }
} body.tpb-product #content div.product div.images,
body.tpb-product #content div.product div.summary,
body.tpb-product #content .ast-woocommerce-container div.product div.images,
body.tpb-product #content .ast-woocommerce-container div.product div.summary {
float: none;
width: auto;
margin: 0;
} body.tpb-product div.product .woocommerce-product-gallery {
position: relative;
overflow: hidden;
padding: 28px;
border-radius: 4px 4px var(--tp-radius-xl) 4px;
background-color: var(--tpb-card-bg, var(--tp-card));
}
body.tpb-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img,
body.tpb-product div.product .woocommerce-product-gallery .flex-viewport {
border-radius: 4px;
}
body.tpb-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image img {
display: block;
width: 100%;
height: auto;
}
body.tpb-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger {
top: 40px;
right: 40px;
width: 44px;
height: 44px;
border-radius: 999px;
background-color: var(--tp-bg);
box-shadow: 0 6px 16px rgba(31, 58, 45, 0.15);
}
body.tpb-product div.product .woocommerce-product-gallery .flex-control-thumbs {
margin-top: 16px;
}
body.tpb-product div.product .woocommerce-product-gallery .flex-control-thumbs img {
border-radius: 4px;
}
@media (max-width: 640px) {
body.tpb-product div.product .woocommerce-product-gallery { padding: 14px; }
body.tpb-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__trigger { top: 22px; right: 22px; width: 38px; height: 38px; }
} body.tpb-product div.product .summary {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 14px;
padding-top: 8px;
}
@media (max-width: 921px) {
body.tpb-product div.product .summary { padding-top: 32px; }
}
body.tpb-product div.product .summary > * {
margin: 0;
}
body.tpb-product .woocommerce-breadcrumb {
margin: 0 0 8px;
color: var(--tp-ink-soft);
font-size: 13px;
}
body.tpb-product .woocommerce-breadcrumb a {
color: var(--tp-ink-soft);
text-decoration: none;
}
body.tpb-product .woocommerce-breadcrumb a:hover {
color: var(--tp-heading);
}
body.tpb-product .summary .single-product-category,
body.tpb-product .summary .single-product-category a {
color: var(--tp-eyebrow);
font-size: 13px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
text-decoration: none;
}
body.tpb-product div.product .summary .product_title {
margin: 0;
color: var(--tp-heading);
font-family: var(--tp-font-heading);
font-size: 64px;
font-weight: 400;
line-height: 1;
letter-spacing: -0.03em;
}
@media (max-width: 640px) {
body.tpb-product div.product .summary .product_title { font-size: 42px; }
}
body.tpb-product .tpb-single-net {
color: var(--tp-ink-soft);
font-size: 15px;
font-weight: 700;
letter-spacing: 0.04em;
}
body.tpb-product .tpb-single-ingredients {
max-width: 520px;
color: var(--tp-ink-soft);
font-size: 16px;
line-height: 1.6;
}
body.tpb-product .tpb-single-ingredients strong {
color: var(--tp-heading);
}
body.tpb-product div.product .summary .price {
margin-top: 6px;
color: var(--tp-heading);
font-family: var(--tp-font-body);
font-size: 28px;
font-weight: 700;
}
body.tpb-product div.product .summary .woocommerce-product-details__short-description {
max-width: 560px;
color: var(--tp-ink-soft);
font-size: 17px;
line-height: 1.7;
}
body.tpb-product div.product .summary .woocommerce-product-details__short-description p {
margin: 0 0 0.8em;
} body.tpb-product div.product form.cart {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 12px;
margin: 10px 0 0;
padding: 0;
border: 0;
}
body.tpb-product div.product form.cart::before,
body.tpb-product div.product form.cart::after {
display: none;
} body.tpb-product div.product form.cart .quantity {
display: inline-flex;
align-items: center;
height: 56px;
margin: 0;
padding: 0 4px;
box-sizing: border-box;
border: 1px solid var(--tp-ink-soft);
border-radius: 999px;
}
body.tpb-product div.product form.cart .quantity .qty {
width: 44px;
height: 54px;
min-height: 0;
margin: 0;
padding: 0;
border: 0;
background-color: transparent;
color: var(--tp-heading);
font-size: 17px;
font-weight: 700;
text-align: center;
box-shadow: none;
-moz-appearance: textfield;
appearance: textfield;
}
body.tpb-product div.product form.cart .quantity .qty::-webkit-outer-spin-button,
body.tpb-product div.product form.cart .quantity .qty::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
body.tpb-product div.product form.cart .quantity .minus,
body.tpb-product div.product form.cart .quantity .plus {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
margin: 0;
padding: 0;
border: 0;
border-radius: 999px;
background-color: transparent;
color: var(--tp-heading);
font-size: 22px;
font-weight: 500;
line-height: 1;
text-decoration: none;
transition: background-color 200ms;
}
body.tpb-product div.product form.cart .quantity .minus:hover,
body.tpb-product div.product form.cart .quantity .plus:hover {
background-color: var(--tp-card);
color: var(--tp-heading);
}
body.tpb-product div.product form.cart .single_add_to_cart_button {
display: inline-flex;
align-items: center;
height: 56px;
margin: 0;
padding: 0 36px;
border: 0;
border-radius: 999px;
background-color: var(--tp-accent);
color: var(--tp-on-accent);
font-family: var(--tp-font-body);
font-size: 16px;
font-weight: 700;
line-height: 1;
transition: background-color 300ms;
}
body.tpb-product div.product form.cart .single_add_to_cart_button:hover {
background-color: var(--tp-accent-hover);
color: var(--tp-on-accent);
}
body.tpb-product div.product .summary .added_to_cart {
color: var(--tp-accent);
} body.tpb-product .tpb-howto {
box-sizing: border-box;
width: 100%;
max-width: 520px;
margin: 18px 0 0;
padding: 20px 24px;
border-radius: 4px 4px 24px 4px;
background-color: #ECEDE0;
}
body.tpb-product .tpb-howto-title {
margin: 0 0 12px;
color: var(--tp-eyebrow);
font-size: 12px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
}
body.tpb-product .tpb-howto-steps {
display: flex;
flex-direction: column;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
body.tpb-product .tpb-howto-steps li {
display: flex;
align-items: center;
gap: 10px;
margin: 0;
color: var(--tp-ink);
font-size: 15px;
line-height: 1.4;
}
body.tpb-product .tpb-howto-num {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 26px;
width: 26px;
height: 26px;
border-radius: 999px;
background-color: var(--tp-accent);
color: var(--tp-on-accent);
font-size: 12px;
font-weight: 700;
} body.tpb-product div.product .woocommerce-tabs {
margin: 72px 0 0;
padding: 0;
}
body.tpb-product div.product .woocommerce-tabs ul.tabs {
display: none; }
body.tpb-product div.product .woocommerce-tabs .panel {
max-width: 760px;
margin: 0;
color: var(--tp-ink-soft);
font-size: 17px;
line-height: 1.75;
}
body.tpb-product div.product .woocommerce-tabs .panel h2 {
color: var(--tp-heading);
font-family: var(--tp-font-heading);
font-size: 36px;
font-weight: 400;
} body.tpb-product div.product .related {
margin: 96px 0 128px;
padding: 0;
}
body.tpb-product div.product .related > h2 {
margin: 0 0 32px;
color: var(--tp-heading);
font-family: var(--tp-font-heading);
font-size: 44px;
font-weight: 400;
line-height: 1.1;
letter-spacing: -0.02em;
}
body.tpb-product .related ul.products:not(.elementor-grid) {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 40px 24px;
margin: 0;
padding: 0;
list-style: none;
}
@media (max-width: 1100px) {
body.tpb-product .related ul.products:not(.elementor-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
body.tpb-product div.product .related { margin: 64px 0 80px; }
body.tpb-product div.product .related > h2 { font-size: 32px; }
body.tpb-product .related ul.products:not(.elementor-grid) { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 12px; }
} body.tpb-product .woocommerce-notices-wrapper .woocommerce-message,
body.tpb-product .woocommerce-notices-wrapper .woocommerce-info,
body.tpb-product .woocommerce-notices-wrapper .woocommerce-error {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 12px 24px;
margin: 0 0 16px;
padding: 16px 24px;
border: 0;
border-radius: 4px 4px 24px 4px;
background-color: var(--tp-card);
color: var(--tp-ink);
font-family: var(--tp-font-body);
font-size: 15px;
}
body.tpb-product .woocommerce-notices-wrapper .woocommerce-error {
background-color: #F7E7DF;
}
body.tpb-product .woocommerce-notices-wrapper :is(.woocommerce-message, .woocommerce-info, .woocommerce-error)::before {
display: none;
}
body.tpb-product .woocommerce-notices-wrapper .button {
order: 2;
margin: 0;
padding: 12px 22px;
border-radius: 999px;
background-color: var(--tp-accent);
color: var(--tp-on-accent);
font-size: 14px;
font-weight: 700;
}
body.tpb-product .woocommerce-notices-wrapper .button:hover {
background-color: var(--tp-accent-hover);
color: var(--tp-on-accent);
}