.mondi-wariant{background-color:#f5f5f5;width:100%;padding-top:40px;padding-bottom:80px}.mondi-wariant__inner{width:100%;max-width:var(--mondi-container-width);margin-left:auto;margin-right:auto;padding-left:50px;padding-right:50px}.mondi-wariant__grid{flex-wrap:wrap;gap:60px;display:flex}.mondi-wariant__gallery{flex-direction:column;flex:0 0 calc(50% - 30px);gap:16px;max-width:calc(50% - 30px);display:flex}.mondi-wariant__gallery-main{aspect-ratio:760/580;background-color:#f5f5f5;border-radius:12px;justify-content:center;align-items:center;width:100%;max-width:760px;display:flex;overflow:hidden}.mondi-wariant__gallery-main-image{object-fit:contain;opacity:1;width:100%;height:100%;transition:opacity .22s;display:block}.mondi-wariant__gallery-main--native .mondi-wariant__gallery-main-image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%}.mondi-wariant__gallery-main.is-swapping .mondi-wariant__gallery-main-image{opacity:0}@media (prefers-reduced-motion:reduce){.mondi-wariant__gallery-main-image{transition:none}}.mondi-wariant__gallery-thumbs-wrap{position:relative}.mondi-wariant__gallery-thumbs{scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;gap:24px;display:flex;overflow-x:auto}.mondi-wariant__gallery-thumbs::-webkit-scrollbar{display:none}.mondi-wariant__gallery-thumb{aspect-ratio:1;cursor:pointer;scroll-snap-align:start;width:calc(33.3333% - 16px);transition:border-color var(--mondi-transition-fast);background-color:#fff;border:2px solid #0000;border-radius:10px;flex-shrink:0;padding:0;overflow:hidden}.mondi-wariant__gallery-thumb:hover,.mondi-wariant__gallery-thumb.is-active{border-color:var(--mondi-color-primary)}.mondi-wariant__gallery-thumb img{object-fit:cover;width:100%;height:100%;display:block}.mondi-wariant__gallery-nav{border:1px solid var(--mondi-color-border);width:36px;height:36px;color:var(--mondi-color-text);cursor:pointer;z-index:1;transition:opacity var(--mondi-transition-fast), border-color var(--mondi-transition-fast);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 12px #0000001f}.mondi-wariant__gallery-nav:hover{border-color:var(--mondi-color-primary);color:var(--mondi-color-primary)}.mondi-wariant__gallery-nav[hidden]{display:none}.mondi-wariant__gallery-nav--prev{left:-16px}.mondi-wariant__gallery-nav--next{right:-16px}.mondi-wariant__tabs{background-color:#fff;border-radius:12px;width:100%;padding:26px}.mondi-wariant__tabs-nav{border-bottom:1px solid var(--mondi-color-border);flex-wrap:wrap;gap:24px;margin-bottom:16px;display:flex}.mondi-wariant__tab-btn{font-family:var(--mondi-font-family);color:var(--mondi-color-text-muted);cursor:pointer;background:0 0;border:none;padding:0 0 12px;font-size:15px;font-weight:500;position:relative}.mondi-wariant__tab-btn.is-active{color:var(--mondi-color-primary)}.mondi-wariant__tab-btn.is-active:after{content:"";background-color:var(--mondi-color-primary);height:2px;position:absolute;bottom:-1px;left:0;right:0}.mondi-wariant__tab-panel{font-family:var(--mondi-font-family);font-size:var(--mondi-font-size-base);color:var(--mondi-color-text);line-height:1.7;display:none}.mondi-wariant__tab-panel.is-active{display:block}.mondi-wariant__tab-panel p{margin:0 0 16px}.mondi-wariant__tab-panel p:last-child{margin-bottom:0}.mondi-wariant__info{flex-direction:column;flex:1;align-items:flex-start;gap:20px;min-width:320px;display:flex}.mondi-wariant__pill{border:1px solid var(--mondi-color-primary);font-family:var(--mondi-font-family);color:var(--mondi-color-text);text-transform:none;letter-spacing:normal;background-color:#fff;border-radius:6px;align-items:center;padding:8px 12px;font-size:14px;font-weight:500;line-height:1.3;display:inline-flex}.mondi-wariant__heading{font-family:var(--mondi-font-family-display);color:var(--mondi-color-primary);text-transform:uppercase;margin:0;font-size:36px;font-weight:500}.mondi-wariant__short-desc{font-family:var(--mondi-font-family);font-size:var(--mondi-font-size-base);color:var(--mondi-color-text-muted);margin:0;line-height:1.6}.mondi-wariant__glass-inline{flex-direction:column;gap:12px;width:100%;display:flex}.mondi-wariant__glass-inline-title{font-family:var(--mondi-font-family);color:#2f2f31;margin:0;font-size:14px;font-weight:500}.mondi-wariant__glass-inline-grid{flex-wrap:wrap;gap:14px;display:flex}.mondi-wariant__glass-inline-item{border:1px solid var(--mondi-color-border);background-color:#fff;border-radius:10px;flex-shrink:0;width:120px;height:120px;overflow:hidden}.mondi-wariant__glass-inline-item img{object-fit:cover;width:100%;height:100%;display:block}.mondi-wariant__groups{flex-direction:column;gap:20px;width:100%;display:flex}.mondi-wariant__groups-title{font-family:var(--mondi-font-family);color:#2f2f31;letter-spacing:-.03em;margin:0;font-size:18px;font-weight:500}.mondi-wariant__group{flex-direction:column;gap:10px;display:flex}.mondi-wariant__group-title{font-family:var(--mondi-font-family);color:#2f2f31;margin:0;font-size:14px;font-weight:500}.mondi-wariant__swatches{grid-template-columns:repeat(6,max-content);justify-content:start;gap:14px 10px;display:grid}.mondi-wariant__swatches--large{flex-wrap:wrap;gap:14px;display:flex}.mondi-wariant__swatch{border:1px solid var(--mondi-color-border);background-color:#fff;border-radius:2px;flex-shrink:0;width:24px;height:24px;display:block;overflow:hidden}.mondi-wariant__swatch img{object-fit:cover;width:100%;height:100%;display:block}.mondi-wariant__swatch--text{border:1px solid var(--mondi-color-border);width:auto;height:24px;font-family:var(--mondi-font-family);color:var(--mondi-color-text);white-space:nowrap;border-radius:2px;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex;overflow:visible}.mondi-wariant__swatch--combo{border:1px solid var(--mondi-color-border);border-radius:2px;align-items:center;gap:6px;width:auto;height:24px;padding:0 8px 0 0;display:inline-flex;overflow:hidden}.mondi-wariant__swatch-thumb{flex-shrink:0;width:24px;height:24px;display:block;overflow:hidden}.mondi-wariant__swatch-thumb img{object-fit:cover;width:100%;height:100%;display:block}.mondi-wariant__swatch-label{font-family:var(--mondi-font-family);font-size:var(--mondi-font-size-small);color:var(--mondi-color-text);white-space:nowrap;font-weight:500}.mondi-wariant__swatch--large{border-radius:10px;width:120px;height:120px}.mondi-wariant__swatch--text.mondi-wariant__swatch--large{width:auto;min-width:120px;height:120px;padding:0 18px;font-size:16px}.mondi-wariant__swatch--combo.mondi-wariant__swatch--large{border-radius:10px;gap:12px;width:auto;height:120px;padding:0 18px 0 0}.mondi-wariant__swatch--combo.mondi-wariant__swatch--large .mondi-wariant__swatch-thumb{width:120px;height:120px}.mondi-wariant__swatch--combo.mondi-wariant__swatch--large .mondi-wariant__swatch-label{font-size:15px}.mondi-wariant__contact-btn{background-color:var(--mondi-color-primary);width:240px;height:56px;font-family:var(--mondi-font-family);color:#fff;transition:background-color var(--mondi-transition-fast);border:none;border-radius:6px;justify-content:center;align-items:center;margin-top:12px;padding:26px 18px;font-size:16px;font-style:normal;font-weight:500;text-decoration:none;display:inline-flex}.mondi-wariant__contact-btn:hover,.mondi-wariant__contact-btn:focus-visible{background-color:var(--mondi-color-primary-hover)}@media (max-width:1100px){.mondi-wariant__inner{padding-left:40px;padding-right:40px}.mondi-wariant__grid{gap:40px}.mondi-wariant__heading{font-size:32px}}@media (max-width:768px){.mondi-wariant{padding-top:32px;padding-bottom:60px}.mondi-wariant__inner{padding-left:24px;padding-right:24px}.mondi-wariant__grid{flex-direction:column;gap:28px}.mondi-wariant__gallery{flex:0 0 100%;max-width:100%}.mondi-wariant__info{min-width:0}.mondi-wariant__contact-btn{width:100%}}@media (max-width:430px){.mondi-wariant__inner{padding-left:var(--mondi-space-sm);padding-right:var(--mondi-space-sm)}.mondi-wariant__gallery-thumbs{gap:12px}.mondi-wariant__gallery-thumb{width:calc(33.3333% - 8px)}.mondi-wariant__gallery-nav--prev{left:-8px}.mondi-wariant__gallery-nav--next{right:-8px}.mondi-wariant__heading{font-size:26px}}