.byte-packaging-showcase{--byte-packaging-showcase-radius-lg: 20px;--byte-packaging-showcase-radius-md: 14px;--byte-packaging-showcase-radius-sm: 12px;--byte-packaging-showcase-gallery-height: 500px;--byte-packaging-showcase-description-duration: .4s;width:100%}.byte-packaging-showcase__surface{width:100%;padding:clamp(1.25rem,4vw,2.5rem);border-radius:var(--byte-packaging-showcase-radius-lg);background-color:var(--byte-packaging-showcase-section-bg, #e8c4a8);color:var(--byte-packaging-showcase-text, #000)}.byte-packaging-showcase__top{display:grid;gap:clamp(1.25rem,3vw,2rem)}@media screen and (min-width:750px){.byte-packaging-showcase__top{grid-template-columns:repeat(2,minmax(0,1fr))}}.byte-packaging-showcase__column{display:flex;flex-direction:column;gap:1rem;min-width:0}.byte-packaging-showcase__badge-heading{margin:0}.byte-packaging-showcase__badge{display:block;margin:0;padding:.85rem 1rem;text-align:center;font-size:clamp(.8rem,1.8vw,1.25rem);font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--byte-packaging-showcase-radius-md);background-color:var(--byte-packaging-showcase-badge-bg, #fff4e6);border:2px solid var(--byte-packaging-showcase-badge-border, #f26522);color:var(--byte-packaging-showcase-badge-text, #000);text-decoration:none;box-sizing:border-box;transition:filter .16s ease,transform .16s ease}a.byte-packaging-showcase__badge:hover{filter:brightness(1.04)}a.byte-packaging-showcase__badge:focus-visible{outline:2px solid currentColor;outline-offset:3px}.byte-packaging-showcase__points{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.65rem}.byte-packaging-showcase{display:block}.byte-packaging-showcase__point{display:flex;flex-direction:column;gap:.5rem;font-weight:600}.byte-packaging-showcase__point-row{display:flex;align-items:center;gap:.65rem}.byte-packaging-showcase__point-icon{flex-shrink:0;width:1.5rem;height:1.5rem;margin-top:.1rem;border-radius:50%;background-color:var(--byte-packaging-showcase-bullet-bg, #000);color:var(--byte-packaging-showcase-bullet-fg, #fff);display:grid;place-items:center}.byte-packaging-showcase__point-toggle{position:relative;flex-shrink:0;width:1.5rem;height:1.5rem;margin:0;margin-top:.1rem;padding:0;border:none;border-radius:50%;background-color:var(--byte-packaging-showcase-bullet-bg, #000);color:var(--byte-packaging-showcase-bullet-fg, #fff);cursor:pointer;transition:filter .16s ease,transform .16s ease}.byte-packaging-showcase__point-toggle .byte-packaging-showcase__point-icon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0}.byte-packaging-showcase__point-toggle:hover{filter:brightness(1.15)}.byte-packaging-showcase__point-toggle:focus-visible{outline:2px solid currentColor;outline-offset:3px}.byte-packaging-showcase__point-icon--minus,.byte-packaging-showcase__point.is-expanded .byte-packaging-showcase__point-icon--plus{display:none}.byte-packaging-showcase__point.is-expanded .byte-packaging-showcase__point-icon--minus{display:grid}.byte-packaging-showcase__point-description{display:grid;grid-template-rows:0fr;margin:0;padding:0;transition:grid-template-rows var(--byte-packaging-showcase-description-duration) ease}.byte-packaging-showcase__point.is-expanded .byte-packaging-showcase__point-description{grid-template-rows:1fr}.byte-packaging-showcase__point-description-inner{overflow:hidden;min-height:0}.byte-packaging-showcase__point-description-content{margin:0;padding:.65rem .85rem .65rem 2.15rem;font-size:.9rem;font-weight:500;line-height:1.5;border-radius:var(--byte-packaging-showcase-radius-sm);background-color:#ffffff59;opacity:0;transform:translateY(-6px);transition:opacity var(--byte-packaging-showcase-description-duration) ease,transform var(--byte-packaging-showcase-description-duration) ease}.byte-packaging-showcase__point.is-expanded .byte-packaging-showcase__point-description-content{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.byte-packaging-showcase__point-description,.byte-packaging-showcase__point-description-content{transition:none}}.byte-packaging-showcase__bottom{display:grid;gap:clamp(1.25rem,3vw,2rem);margin-top:clamp(1.5rem,4vw,2.5rem)}@media screen and (min-width:990px){.byte-packaging-showcase__bottom{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center}}.byte-packaging-showcase__nav{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.55rem}.byte-packaging-showcase__nav-item{margin:0}.byte-packaging-showcase__nav-link{display:flex;align-items:center;gap:.65rem;width:100%;min-height:44px;padding:.55rem .85rem;border-radius:var(--byte-packaging-showcase-radius-sm);background-color:var(--byte-packaging-showcase-nav-bg, #f26522);color:var(--byte-packaging-showcase-nav-fg, #fff);font-weight:700;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;text-align:left;border:none;cursor:pointer;box-sizing:border-box;transition:filter .16s ease,transform .16s ease}.byte-packaging-showcase__nav-link:hover{filter:brightness(1.06)}.byte-packaging-showcase__nav-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}.byte-packaging-showcase__nav-icon{flex-shrink:0;width:1.35rem;height:1.35rem;display:grid;place-items:center}.byte-packaging-showcase__nav-icon svg{width:1.1rem;height:1.1rem}.byte-packaging-showcase__nav-label{flex:1;min-width:0}.byte-packaging-showcase__gallery{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr 1fr;gap:var(--byte-packaging-showcase-gallery-gap, 4px);height:var(--byte-packaging-showcase-gallery-height);max-height:var(--byte-packaging-showcase-gallery-height);overflow:hidden}.byte-packaging-showcase__gallery-cell{position:relative;overflow:hidden;min-width:0;min-height:0;border-radius:var(--byte-packaging-showcase-radius-sm);background-color:#ffffff59}.byte-packaging-showcase__gallery-cell--main{grid-column:1;grid-row:1 / span 2}.byte-packaging-showcase__gallery-cell--stack-a{grid-column:2;grid-row:1}.byte-packaging-showcase__gallery-cell--stack-b{grid-column:2;grid-row:2}.byte-packaging-showcase__gallery-cell img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.byte-packaging-showcase__empty{margin:0;padding:.75rem;font-size:.9rem;opacity:.85;border-radius:var(--byte-packaging-showcase-radius-sm);background-color:#ffffff73}.byte-packaging-showcase__gallery-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;padding:1rem;font-size:.85rem;text-align:center;opacity:.75}@media screen and (max-width:990px){.byte-packaging-showcase__nav-label,.byte-packaging-showcase__point-text,.byte-packaging-showcase__point-description-content{font-size:11px}.byte-packaging-showcase__gallery{height:300px;max-height:300px}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/byte-packaging-showcase.css.map */