.sytec-custom-market-pack-mayorist {
--sytec-pack-border: #d9dee7;
--sytec-pack-muted: #667085;
--sytec-pack-surface: #f7f9fc;
--sytec-pack-accent: #176b45;
--sytec-pack-danger: #b42318;
display: grid;
gap: var(--sytec-pack-gap, 1.5rem);
width: 100%;
min-width: 0;
margin: 1.5rem 0;
padding: var(--sytec-pack-padding, 0);
border: var(--sytec-pack-border-width, 0) solid var(--sytec-pack-border);
border-radius: var(--sytec-pack-radius, 0);
background: var(--sytec-pack-background, #fff);
color: inherit;
container-type: inline-size;
}
.sytec-custom-market-pack-mayorist *,
.sytec-custom-market-pack-mayorist *::before,
.sytec-custom-market-pack-mayorist *::after {
box-sizing: border-box;
}
.sytec-custom-market-pack-mayorist__header {
display: grid;
gap: .5rem;
}
.sytec-custom-market-pack-mayorist__layout {
display: contents;
}
.sytec-custom-market-pack-mayorist__title,
.sytec-custom-market-pack-mayorist__product-name,
.sytec-custom-market-pack-mayorist__summary h3 {
margin: 0;
overflow-wrap: anywhere;
}
.sytec-custom-market-pack-mayorist--compact .sytec-custom-market-pack-mayorist__title {
font-size: var(--sytec-pack-title-size, inherit);
font-weight: var(--sytec-pack-title-weight, 800);
}
.sytec-custom-market-pack-mayorist__eyebrow,
.sytec-custom-market-pack-mayorist__benefit,
.sytec-custom-market-pack-mayorist__unit-info {
margin: 0;
}
.sytec-custom-market-pack-mayorist__eyebrow {
color: var(--sytec-pack-accent);
font-size: .8rem;
font-weight: 700;
letter-spacing: .08em;
text-transform: uppercase;
}
.sytec-custom-market-pack-mayorist__benefit,
.sytec-custom-market-pack-mayorist__unit-info {
color: var(--sytec-pack-muted);
font-size: var(--sytec-pack-muted-size, .875rem);
}
.sytec-custom-market-pack-mayorist__info-links {
display: flex;
flex-wrap: wrap;
gap: .5rem 1rem;
margin-top: .75rem;
}
.sytec-custom-market-pack-mayorist__description > :last-child {
margin-bottom: 0;
}
.sytec-custom-market-pack-mayorist__description {
color: var(--sytec-pack-muted);
}
.sytec-custom-market-pack-mayorist__catalog {
display: grid;
column-gap: var(--sytec-pack-catalog-column-gap, 1rem);
row-gap: var(--sytec-pack-catalog-row-gap, 1rem);
}
.sytec-custom-market-pack-mayorist__product {
display: grid;
grid-template-columns: var(--sytec-pack-product-columns, minmax(100px, 140px) minmax(0, 1fr) minmax(190px, auto));
gap: var(--sytec-pack-product-gap, 1rem);
align-items: center;
padding: var(--sytec-pack-product-padding, 1rem);
border: 1px solid var(--sytec-pack-product-border, var(--sytec-pack-border));
border-radius: var(--sytec-pack-product-radius, 12px);
background: var(--sytec-pack-product-background, #fff);
}
.sytec-custom-market-pack-mayorist__product.is-disabled {
opacity: .62;
}
.sytec-custom-market-pack-mayorist__image img {
display: block;
width: 100%;
max-width: 100%;
height: auto;
border-radius: var(--sytec-pack-image-radius, 8px);
}
.sytec-custom-market-pack-mayorist__image {
width: min(100%, var(--sytec-pack-image-width, 140px));
}
.sytec-custom-market-pack-mayorist__product-info,
.sytec-custom-market-pack-mayorist__controls {
display: grid;
gap: .6rem;
min-width: 0;
}
.sytec-custom-market-pack-mayorist__price,
.sytec-custom-market-pack-mayorist__stock,
.sytec-custom-market-pack-mayorist__limits,
.sytec-custom-market-pack-mayorist__line-subtotal,
.sytec-custom-market-pack-mayorist__line-discount {
margin: 0;
}
.sytec-custom-market-pack-mayorist__product-name {
color: var(--sytec-pack-name-color, inherit);
font-size: var(--sytec-pack-name-size, inherit);
font-weight: var(--sytec-pack-name-weight, 700);
}
.sytec-custom-market-pack-mayorist__price {
color: var(--sytec-pack-price-color, inherit);
font-size: var(--sytec-pack-price-size, inherit);
}
.sytec-custom-market-pack-mayorist__limits,
.sytec-custom-market-pack-mayorist__line-discount {
font-size: var(--sytec-pack-muted-size, .875rem);
color: var(--sytec-pack-muted);
}
.sytec-custom-market-pack-mayorist__line-subtotal {
color: var(--sytec-pack-subtotal-color, inherit);
}
.sytec-custom-market-pack-mayorist__line-discount {
color: var(--sytec-pack-discount-color, var(--sytec-pack-muted));
}
.sytec-custom-market-pack-mayorist__variations table,
.sytec-custom-market-pack-mayorist__variations tbody,
.sytec-custom-market-pack-mayorist__variations tr,
.sytec-custom-market-pack-mayorist__variations th,
.sytec-custom-market-pack-mayorist__variations td {
display: block;
width: 100%;
padding: 0;
border: 0;
}
.sytec-custom-market-pack-mayorist__variations tr + tr {
margin-top: .5rem;
}
.sytec-custom-market-pack-mayorist__variations label {
display: block;
margin-bottom: .25rem;
font-size: .875rem;
font-weight: 600;
}
.sytec-custom-market-pack-mayorist__variations select {
width: 100%;
max-width: 100%;
min-height: 42px;
}
.sytec-custom-market-pack-mayorist__quantity {
display: grid;
grid-template-columns: 44px minmax(64px, 86px) 44px;
gap: var(--sytec-pack-quantity-gap, 0);
justify-content: end;
}
.sytec-custom-market-pack-mayorist__quantity button,
.sytec-custom-market-pack-mayorist__quantity input {
width: 100%;
min-width: 0;
min-height: var(--sytec-pack-quantity-size, 44px);
margin: 0;
border: 1px solid var(--sytec-pack-quantity-border, var(--sytec-pack-border));
border-radius: 0;
text-align: center;
}
.sytec-custom-market-pack-mayorist__quantity button {
background: var(--sytec-pack-quantity-button, #f7f9fc);
color: var(--sytec-pack-quantity-symbol, inherit);
}
.sytec-custom-market-pack-mayorist__quantity button:hover:not(:disabled) {
background: var(--sytec-pack-quantity-hover, #eaf0ff);
}
.sytec-custom-market-pack-mayorist__quantity button:disabled,
.sytec-custom-market-pack-mayorist__quantity input:disabled {
background: var(--sytec-pack-quantity-disabled, #e5e7eb);
}
.sytec-custom-market-pack-mayorist__quantity input {
background: var(--sytec-pack-quantity-background, #fff);
}
.sytec-custom-market-pack-mayorist__quantity button:first-child {
border-radius: var(--sytec-pack-quantity-radius, 8px) 0 0 var(--sytec-pack-quantity-radius, 8px);
}
.sytec-custom-market-pack-mayorist__quantity button:last-child {
border-radius: 0 var(--sytec-pack-quantity-radius, 8px) var(--sytec-pack-quantity-radius, 8px) 0;
}
.sytec-custom-market-pack-mayorist__quantity input {
border-right: 0;
border-left: 0;
}
.sytec-custom-market-pack-mayorist__line-subtotal,
.sytec-custom-market-pack-mayorist__line-discount {
text-align: right;
}
.sytec-custom-market-pack-mayorist__summary {
position: sticky;
bottom: 1rem;
z-index: 2;
display: grid;
gap: 1rem;
padding: var(--sytec-pack-summary-padding, 1.25rem);
border: 1px solid var(--sytec-pack-summary-border, var(--sytec-pack-border));
border-radius: var(--sytec-pack-summary-radius, 12px);
background: var(--sytec-pack-summary-background, var(--sytec-pack-surface));
color: var(--sytec-pack-summary-text-color, inherit);
font-size: var(--sytec-pack-summary-font-size, inherit);
box-shadow: 0 8px 24px rgba(16, 24, 40, .08);
}
.sytec-custom-market-pack-mayorist__summary dl {
display: grid;
gap: .5rem;
margin: 0;
}
.sytec-custom-market-pack-mayorist__summary dl > div {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 1rem;
}
.sytec-custom-market-pack-mayorist__summary dd {
min-width: 0;
margin: 0;
font-weight: 600;
text-align: right;
overflow-wrap: anywhere;
}
.sytec-custom-market-pack-mayorist__summary-total {
padding-top: .75rem;
border-top: 1px solid var(--sytec-pack-border);
color: var(--sytec-pack-summary-total-color, inherit);
font-size: var(--sytec-pack-summary-total-size, 1.125rem);
}
.sytec-custom-market-pack-mayorist__summary-discount {
color: var(--sytec-pack-discount-color, var(--sytec-pack-accent));
}
.sytec-custom-market-pack-mayorist__summary-savings {
color: var(--sytec-pack-savings-color, var(--sytec-pack-accent));
}
.sytec-custom-market-pack-mayorist__tier {
background: var(--sytec-pack-tier-background, transparent);
color: var(--sytec-pack-discount-color, var(--sytec-pack-accent));
}
.sytec-custom-market-pack-mayorist__next-tier {
color: var(--sytec-pack-next-tier-color, var(--sytec-pack-muted));
}
.sytec-custom-market-pack-mayorist__tier,
.sytec-custom-market-pack-mayorist__next-tier,
.sytec-custom-market-pack-mayorist__status {
margin: 0;
}
.sytec-custom-market-pack-mayorist__status.is-error,
.sytec-custom-market-pack-mayorist--error {
color: var(--sytec-pack-danger);
}
.sytec-custom-market-pack-mayorist__status.is-success {
color: var(--sytec-pack-accent);
}
.sytec-custom-market-pack-mayorist__status.is-loading {
color: var(--sytec-pack-muted);
}
.sytec-custom-market-pack-mayorist__submit {
width: 100%;
min-height: 48px;
padding: .75rem 1rem;
border: var(--sytec-pack-button-border-width, 0) solid var(--sytec-pack-button-border, transparent);
border-radius: var(--sytec-pack-button-radius, 8px);
background: var(--sytec-pack-accent);
color: var(--sytec-pack-button-text, #fff);
font-weight: 700;
cursor: pointer;
}
.sytec-custom-market-pack-mayorist__submit:hover,
.sytec-custom-market-pack-mayorist__submit.is-preview-hover {
background: var(--sytec-pack-button-hover, var(--sytec-pack-accent));
}
.sytec-custom-market-pack-mayorist__submit:disabled {
background: var(--sytec-pack-button-disabled, var(--sytec-pack-accent));
opacity: .5;
cursor: not-allowed;
}
.sytec-custom-market-pack-mayorist__submit.is-loading,
.sytec-custom-market-pack-mayorist__submit.is-preview-loading {
background: var(--sytec-pack-button-loading, var(--sytec-pack-accent));
opacity: 1;
cursor: wait;
}
.sytec-custom-market-pack-mayorist button:focus-visible,
.sytec-custom-market-pack-mayorist input:focus-visible,
.sytec-custom-market-pack-mayorist select:focus-visible,
.sytec-custom-market-pack-mayorist a:focus-visible {
outline: 3px solid var(--sytec-pack-quantity-focus, var(--sytec-pack-accent));
outline-offset: 2px;
}
.sytec-custom-market-pack-mayorist__cart-link {
text-align: center;
font-weight: 600;
}
.sytec-custom-market-pack-mayorist--error {
padding: 1rem;
border: 1px solid currentColor;
border-radius: 8px;
}
.sytec-custom-market-pack-mayorist__mobile-bar {
display: none;
} .woocommerce div.product.sytec-custom-market-pack-mayorist-single,
.sytec-custom-market-pack-mayorist-single {
display: block;
width: 100%;
max-width: 1240px;
min-width: 0;
margin: 0 auto;
}
.sytec-custom-market-pack-mayorist--single-product {
margin-top: 0;
}
.sytec-custom-market-pack-mayorist--single-product .sytec-custom-market-pack-mayorist__header {
padding: clamp(.875rem, 2vw, 1.5rem);
}
.sytec-custom-market-pack-mayorist__commercial-info {
display: flex;
flex-wrap: wrap;
gap: .5rem;
margin-top: .75rem;
container-type: inline-size;
}
.sytec-custom-market-pack-mayorist__commercial-panel {
position: relative;
flex: 1 1 220px;
border: 1px solid var(--sytec-pack-border);
border-radius: 8px;
background: var(--sytec-pack-surface);
overflow: hidden;
}
.sytec-custom-market-pack-mayorist__commercial-panel summary {
cursor: pointer;
font-weight: 700;
padding: .65rem .75rem;
}
.sytec-custom-market-pack-mayorist__commercial-panel summary:focus-visible,
.sytec-custom-market-pack-mayorist__commercial-more:focus-visible {
outline: 2px solid var(--sytec-pack-accent, #176b45);
outline-offset: 2px;
}
.sytec-custom-market-pack-mayorist__commercial-body {
display: flex;
flex-direction: column;
gap: var(--sytec-commercial-gap, 12px);
align-items: stretch;
padding: var(--sytec-commercial-padding, 12px);
padding-top: 0;
min-width: 0;
}
.sytec-custom-market-pack-mayorist__commercial-panel.is-layout-image-text .sytec-custom-market-pack-mayorist__commercial-body {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: var(--sytec-commercial-align, center);
}
.sytec-custom-market-pack-mayorist__commercial-panel.is-layout-text-above .sytec-custom-market-pack-mayorist__commercial-body {
flex-direction: column;
}
.sytec-custom-market-pack-mayorist__commercial-media {
display: flex;
justify-content: var(--sytec-commercial-image-justify, center);
min-width: 0;
}
.sytec-custom-market-pack-mayorist__commercial-media img {
display: block;
width: auto;
max-width: var(--sytec-commercial-image-width, 100%);
height: auto;
max-height: var(--sytec-commercial-image-height, 120px);
object-fit: var(--sytec-commercial-image-fit, contain);
}
.sytec-custom-market-pack-mayorist__commercial-panel.is-image-cover .sytec-custom-market-pack-mayorist__commercial-media img {
width: var(--sytec-commercial-image-width, 100%);
height: var(--sytec-commercial-image-height, 120px);
}
.sytec-custom-market-pack-mayorist__commercial-panel.is-layout-text-only .sytec-custom-market-pack-mayorist__commercial-media,
.sytec-custom-market-pack-mayorist__commercial-panel.is-layout-image-only .sytec-custom-market-pack-mayorist__commercial-copy {
display: none;
}
.sytec-custom-market-pack-mayorist__commercial-copy {
min-width: 0;
color: var(--sytec-pack-muted);
font-size: var(--sytec-pack-muted-size, .875rem);
}
.sytec-custom-market-pack-mayorist__commercial-copy > :first-child {
margin-top: 0;
}
.sytec-custom-market-pack-mayorist__commercial-copy > :last-child {
margin-bottom: 0;
}
.sytec-custom-market-pack-mayorist__commercial-panel.is-overflow-scroll .sytec-custom-market-pack-mayorist__commercial-body {
max-height: var(--sytec-commercial-content-height, 220px);
overflow: auto;
overscroll-behavior: contain;
}
.sytec-custom-market-pack-mayorist__commercial-panel.is-overflow-show-more:not(.is-expanded) .sytec-custom-market-pack-mayorist__commercial-body {
max-height: var(--sytec-commercial-content-height, 220px);
overflow: hidden;
}
.sytec-custom-market-pack-mayorist__commercial-info a {
display: inline-block;
margin-top: .5rem;
font-weight: 600;
}
.sytec-custom-market-pack-mayorist__commercial-more {
margin: 0 var(--sytec-commercial-padding, 12px) var(--sytec-commercial-padding, 12px);
padding: 0;
border: 0;
background: none;
color: var(--sytec-pack-accent, #176b45);
cursor: pointer;
font: inherit;
font-weight: 700;
text-decoration: underline;
}
.sytec-custom-market-pack-mayorist__commercial-more[hidden] {
display: none;
}
@container (max-width: 520px) {
.sytec-custom-market-pack-mayorist__commercial-panel.is-layout-image-text .sytec-custom-market-pack-mayorist__commercial-body {
grid-template-columns: minmax(0, 1fr);
}
}
.sytec-custom-market-pack-mayorist-single__content {
margin: clamp(1.5rem, 3vw, 2.5rem) 0 0;
padding: clamp(1rem, 2.5vw, 2rem);
border: 1px solid var(--sytec-pack-border, #d9dee7);
border-radius: var(--sytec-pack-product-radius, 12px);
background: #fff;
}
.sytec-custom-market-pack-mayorist-single__content > h2 {
margin-top: 0;
} .sytec-custom-market-pack-mayorist--compact .sytec-custom-market-pack-mayorist__header {
grid-template-columns: minmax(96px, var(--sytec-pack-image-width, 140px)) minmax(0, 1fr);
align-items: center;
padding: var(--sytec-pack-product-padding, 1rem);
border: 1px solid var(--sytec-pack-border);
border-radius: var(--sytec-pack-product-radius, 12px);
background: var(--sytec-pack-product-background, #fff);
}
.sytec-custom-market-pack-mayorist--compact:not(.shows-header-image) .sytec-custom-market-pack-mayorist__header {
grid-template-columns: minmax(0, 1fr);
}
.sytec-custom-market-pack-mayorist--classic .sytec-custom-market-pack-mayorist__hero-image,
.sytec-custom-market-pack-mayorist--classic .sytec-custom-market-pack-mayorist__eyebrow,
.sytec-custom-market-pack-mayorist--classic .sytec-custom-market-pack-mayorist__benefit,
.sytec-custom-market-pack-mayorist--classic .sytec-custom-market-pack-mayorist__info-links {
display: none;
}
.sytec-custom-market-pack-mayorist:not(.shows-header-image) .sytec-custom-market-pack-mayorist__hero-image {
display: none;
}
.sytec-custom-market-pack-mayorist__hero-image img {
display: block;
width: 100%;
height: auto;
border-radius: var(--sytec-pack-image-radius, 8px);
}
.sytec-custom-market-pack-mayorist--compact .sytec-custom-market-pack-mayorist__layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(260px, 32%);
gap: var(--sytec-pack-gap, 1.5rem);
align-items: start;
}
.sytec-custom-market-pack-mayorist--compact.is-summary-bottom .sytec-custom-market-pack-mayorist__layout {
grid-template-columns: minmax(0, 1fr);
}
.sytec-custom-market-pack-mayorist--compact .sytec-custom-market-pack-mayorist__catalog {
grid-template-columns: repeat(var(--sytec-pack-columns-desktop, 2), minmax(0, 1fr));
}
.sytec-custom-market-pack-mayorist--compact .sytec-custom-market-pack-mayorist__product {
grid-template-columns: minmax(72px, calc(var(--sytec-pack-image-width, 140px) * .7)) minmax(0, 1fr);
align-items: var(--sytec-pack-content-alignment, center);
}
.sytec-custom-market-pack-mayorist--compact .sytec-custom-market-pack-mayorist__controls {
grid-column: 1 / -1;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
}
.sytec-custom-market-pack-mayorist--compact .sytec-custom-market-pack-mayorist__quantity {
grid-row: 1 / span 2;
justify-content: start;
}
.sytec-custom-market-pack-mayorist--compact.is-summary-sticky:not(.is-summary-bottom) .sytec-custom-market-pack-mayorist__summary {
position: sticky;
top: var(--sytec-pack-summary-sticky-top, 24px);
bottom: auto;
}
.sytec-custom-market-pack-mayorist--compact:not(.is-summary-sticky) .sytec-custom-market-pack-mayorist__summary,
.sytec-custom-market-pack-mayorist--compact.is-summary-bottom .sytec-custom-market-pack-mayorist__summary {
position: static;
}
.sytec-custom-market-pack-mayorist:not(.shows-description) .sytec-custom-market-pack-mayorist__description,
.sytec-custom-market-pack-mayorist:not(.shows-prices) .sytec-custom-market-pack-mayorist__price,
.sytec-custom-market-pack-mayorist:not(.shows-stock) .sytec-custom-market-pack-mayorist__stock {
display: none;
}
@media (max-width: 900px) {
.sytec-custom-market-pack-mayorist--compact .sytec-custom-market-pack-mayorist__layout {
grid-template-columns: minmax(0, 1fr) minmax(230px, 34%);
}
.sytec-custom-market-pack-mayorist--compact .sytec-custom-market-pack-mayorist__catalog {
grid-template-columns: repeat(var(--sytec-pack-columns-tablet, 2), minmax(0, 1fr));
}
.sytec-custom-market-pack-mayorist__product {
grid-template-columns: 100px minmax(0, 1fr);
}
.sytec-custom-market-pack-mayorist__controls {
grid-column: 1 / -1;
grid-template-columns: auto 1fr;
align-items: center;
}
.sytec-custom-market-pack-mayorist__quantity {
grid-row: 1 / span 2;
}
.sytec-custom-market-pack-mayorist__line-subtotal,
.sytec-custom-market-pack-mayorist__line-discount {
text-align: right;
}
}
@media (max-width: 600px) {
.sytec-custom-market-pack-mayorist-single {
padding-inline: max(.75rem, env(safe-area-inset-left));
}
.sytec-custom-market-pack-mayorist {
gap: 1rem;
}
.sytec-custom-market-pack-mayorist__product {
grid-template-columns: 1fr;
}
.sytec-custom-market-pack-mayorist__image {
max-width: 180px;
}
.sytec-custom-market-pack-mayorist__controls {
grid-column: auto;
grid-template-columns: 1fr;
}
.sytec-custom-market-pack-mayorist__quantity {
grid-row: auto;
justify-content: start;
}
.sytec-custom-market-pack-mayorist__line-subtotal,
.sytec-custom-market-pack-mayorist__line-discount {
text-align: left;
}
.sytec-custom-market-pack-mayorist__summary {
position: static;
bottom: .5rem;
padding: 1rem;
}
.sytec-custom-market-pack-mayorist--compact .sytec-custom-market-pack-mayorist__header,
.sytec-custom-market-pack-mayorist--compact:not(.shows-header-image) .sytec-custom-market-pack-mayorist__header {
grid-template-columns: 64px minmax(0, 1fr);
padding: .75rem;
}
.sytec-custom-market-pack-mayorist--compact .sytec-custom-market-pack-mayorist__title {
font-size: min(var(--sytec-pack-title-size, 32px), 22px);
line-height: 1.05;
}
.sytec-custom-market-pack-mayorist--single-product .sytec-custom-market-pack-mayorist__description {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.sytec-custom-market-pack-mayorist__commercial-info {
display: grid;
grid-template-columns: minmax(0, 1fr);
}
.sytec-custom-market-pack-mayorist--compact:not(.shows-header-image) .sytec-custom-market-pack-mayorist__header {
grid-template-columns: minmax(0, 1fr);
}
.sytec-custom-market-pack-mayorist--compact .sytec-custom-market-pack-mayorist__layout,
.sytec-custom-market-pack-mayorist--compact .sytec-custom-market-pack-mayorist__catalog {
grid-template-columns: minmax(0, 1fr);
}
.sytec-custom-market-pack-mayorist--compact .sytec-custom-market-pack-mayorist__product {
grid-template-columns: 76px minmax(0, 1fr);
gap: .75rem;
padding: min(var(--sytec-pack-product-padding, 1rem), 12px);
}
.sytec-custom-market-pack-mayorist--compact .sytec-custom-market-pack-mayorist__controls {
grid-column: 1 / -1;
grid-template-columns: auto minmax(0, 1fr);
}
.sytec-custom-market-pack-mayorist--compact .sytec-custom-market-pack-mayorist__quantity {
grid-row: 1 / span 2;
grid-template-columns: 38px minmax(48px, 64px) 38px;
}
.sytec-custom-market-pack-mayorist--compact.has-mobile-bar {
padding-bottom: calc(78px + env(safe-area-inset-bottom));
}
.sytec-custom-market-pack-mayorist--compact.has-mobile-bar .sytec-custom-market-pack-mayorist__summary {
display: none;
}
.sytec-custom-market-pack-mayorist--compact.has-mobile-bar.is-mobile-summary-open .sytec-custom-market-pack-mayorist__summary {
display: grid;
position: fixed;
inset: auto 8px calc(72px + env(safe-area-inset-bottom)) 8px;
z-index: 9998;
max-height: min(68vh, 560px);
overflow: auto;
box-shadow: 0 18px 48px rgba(16, 24, 40, .22);
}
.sytec-custom-market-pack-mayorist--compact.has-mobile-bar .sytec-custom-market-pack-mayorist__mobile-bar {
position: fixed;
z-index: 9999;
inset: auto 0 0 0;
display: grid;
grid-template-columns: minmax(82px, 1fr) auto auto;
gap: .5rem;
align-items: center;
padding: .65rem max(.75rem, env(safe-area-inset-right)) calc(.65rem + env(safe-area-inset-bottom)) max(.75rem, env(safe-area-inset-left));
border-top: 1px solid var(--sytec-pack-summary-border, var(--sytec-pack-border));
background: var(--sytec-pack-summary-background, #fff);
box-shadow: 0 -8px 24px rgba(16, 24, 40, .12);
}
.sytec-custom-market-pack-mayorist__mobile-total {
display: grid;
min-width: 0;
}
.sytec-custom-market-pack-mayorist__mobile-total small {
color: var(--sytec-pack-muted);
font-size: .7rem;
}
.sytec-custom-market-pack-mayorist__mobile-summary-toggle,
.sytec-custom-market-pack-mayorist__mobile-submit {
min-height: 42px;
padding: .5rem .7rem;
border: 1px solid var(--sytec-pack-button-border, var(--sytec-pack-accent));
border-radius: var(--sytec-pack-button-radius, 8px);
}
.sytec-custom-market-pack-mayorist__mobile-summary-toggle {
background: transparent;
color: var(--sytec-pack-summary-text-color, inherit);
}
.sytec-custom-market-pack-mayorist__mobile-submit {
background: var(--sytec-pack-accent);
color: var(--sytec-pack-button-text, #fff);
font-weight: 700;
}
.sytec-custom-market-pack-mayorist__mobile-submit:disabled {
background: var(--sytec-pack-button-disabled, var(--sytec-pack-accent));
opacity: .5;
}
}
@container (max-width: 700px) {
.sytec-custom-market-pack-mayorist--compact .sytec-custom-market-pack-mayorist__layout {
grid-template-columns: minmax(0, 1fr);
}
.sytec-custom-market-pack-mayorist--compact .sytec-custom-market-pack-mayorist__catalog {
grid-template-columns: repeat(var(--sytec-pack-columns-tablet, 2), minmax(0, 1fr));
}
.sytec-custom-market-pack-mayorist__product {
grid-template-columns: 100px minmax(0, 1fr);
}
.sytec-custom-market-pack-mayorist__controls {
grid-column: 1 / -1;
grid-template-columns: auto minmax(0, 1fr);
align-items: center;
}
.sytec-custom-market-pack-mayorist__quantity {
grid-row: 1 / span 2;
}
}
@container (max-width: 460px) {
.sytec-custom-market-pack-mayorist--compact .sytec-custom-market-pack-mayorist__catalog {
grid-template-columns: minmax(0, 1fr);
}
.sytec-custom-market-pack-mayorist--compact .sytec-custom-market-pack-mayorist__header {
grid-template-columns: 64px minmax(0, 1fr);
padding: .75rem;
}
.sytec-custom-market-pack-mayorist--compact:not(.shows-header-image) .sytec-custom-market-pack-mayorist__header {
grid-template-columns: minmax(0, 1fr);
}
.sytec-custom-market-pack-mayorist--compact .sytec-custom-market-pack-mayorist__title {
font-size: min(var(--sytec-pack-title-size, 32px), 22px);
line-height: 1.05;
}
.sytec-custom-market-pack-mayorist__product {
grid-template-columns: minmax(0, 1fr);
}
.sytec-custom-market-pack-mayorist__image {
max-width: 180px;
}
.sytec-custom-market-pack-mayorist__controls {
grid-column: auto;
grid-template-columns: minmax(0, 1fr);
}
.sytec-custom-market-pack-mayorist__quantity {
grid-row: auto;
justify-content: start;
}
.sytec-custom-market-pack-mayorist__line-subtotal,
.sytec-custom-market-pack-mayorist__line-discount {
text-align: left;
}
.sytec-custom-market-pack-mayorist__summary {
position: static;
padding: 1rem;
}
}