.az-bag{display:block;position:relative;isolation:isolate;overflow:clip;background:var(--bag-background);color:var(--bag-text);font-family:var(--font-primary--family, sans-serif);padding:var(--bag-padding-top) var(--page-margin, 15px) var(--bag-padding-bottom)}.az-bag *,.az-bag *:before,.az-bag *:after{box-sizing:border-box}.az-bag__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"copy scene" "action scene" "benefits benefits";gap:28px 24px;max-width:var(--bag-content-width);margin-inline:auto;padding-inline:var(--bag-inset)}.az-bag__copy{grid-area:copy;align-self:end;min-width:0;position:relative;z-index:2}.az-bag__eyebrow{display:block;margin-bottom:24px;font-size:12px;line-height:1.5;letter-spacing:.24em;color:var(--bag-muted);overflow-wrap:anywhere}.az-bag__heading{margin:0;color:inherit;font-size:clamp(34px,6.2vw,var(--bag-title-size));font-weight:600;line-height:1.03;letter-spacing:-.045em;overflow-wrap:anywhere}.az-bag__heading span{display:block}.az-bag__description{margin:28px 0 0;font-size:var(--bag-body-size);line-height:1.55;color:var(--bag-muted)}.az-bag__certification{display:flex;align-items:center;gap:14px;margin-top:24px;color:var(--bag-muted);font-size:14px;line-height:1.5;overflow-wrap:anywhere}.az-bag__certification-icon{width:32px;height:32px;flex:0 0 32px}.az-bag__certification a{color:inherit;text-underline-offset:3px}.az-bag__certification a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.az-bag__action{grid-area:action;align-self:start;position:relative;z-index:2;min-width:0}.az-bag__button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:62px;max-width:100%;padding:10px 12px 10px 28px;border:1px solid transparent;border-radius:999px;color:var(--bag-button-text);background:var(--bag-button-background);font-size:var(--font-button, 16px);font-weight:600;text-decoration:none;line-height:1.4;transition:transform var(--bag-hover-duration) ease;-webkit-tap-highlight-color:transparent}.az-bag__button-label{min-width:0;overflow-wrap:anywhere}.az-bag__arrow{display:grid;place-items:center;overflow:hidden;width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:var(--bag-button-text);color:var(--bag-button-background)}.az-bag__arrow svg{grid-area:1 / 1;width:24px;height:24px;transition:transform var(--bag-hover-duration) ease}.az-bag__arrow svg+svg{transform:translate(-180%)}.az-bag__button:focus-visible{outline:3px solid var(--bag-text);outline-offset:6px}.az-bag[data-hover=true] .az-bag__button:focus-visible .az-bag__arrow svg:first-child{transform:translate(180%)}.az-bag[data-hover=true] .az-bag__button:focus-visible .az-bag__arrow svg+svg{transform:translate(0)}.az-bag__scene{--bag-height: var(--bag-height-desktop);grid-area:scene;height:var(--bag-height);position:relative;isolation:isolate;min-width:0;overflow:hidden}.az-bag__disc{position:absolute;left:50%;top:47%;width:min(var(--bag-disc-size),calc(var(--bag-height) * .9));aspect-ratio:1;border-radius:50%;background:var(--bag-disc-color);opacity:var(--bag-disc-opacity);transform:translate(calc(-50% + var(--bag-disc-x, 0px)),calc(-50% + var(--bag-disc-y, 0px)))}.az-bag__shadow{position:absolute;left:50%;bottom:5%;width:65%;height:9%;border-radius:50%;background:radial-gradient(ellipse,rgb(0 0 0 / .8),transparent 70%);opacity:var(--bag-shadow-opacity);filter:blur(9px);transform:translate(calc(-50% + var(--bag-shadow-x, 0px))) scale(var(--bag-shadow-scale, 1))}.az-bag__product-position{position:absolute;width:min(var(--bag-image-width),calc(var(--bag-height) * .9));aspect-ratio:1;left:calc(50% + var(--bag-image-x));top:calc(48% + var(--bag-image-y));transform:translate(-50%,-50%);z-index:1}.az-bag__product-entrance,.az-bag__product-motion,.az-bag__product-turn,.az-bag picture{display:block;width:100%;height:100%}.az-bag__product-motion{transform:translate3d(var(--bag-product-x, 0px),var(--bag-product-y, 0px),0) rotate(var(--bag-product-tilt, 0deg))}.az-bag__product-turn{transform:rotate(var(--bag-image-angle))}.az-bag .az-bag__image{display:block;width:100%;height:100%;max-width:none;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.az-bag__benefits{grid-area:benefits;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:12px 0 0;padding:0;list-style:none}.az-bag__benefit{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;min-width:0;font-size:var(--bag-benefit-size);line-height:1.4}.az-bag__benefit-icon{display:block;width:var(--bag-icon-size);height:var(--bag-icon-size);color:var(--bag-icon-color);flex:0 0 var(--bag-icon-size)}.az-bag__benefit-icon svg,.az-bag__benefit-icon img,.az-bag__certification-icon svg{width:100%;height:100%;object-fit:contain}.az-bag__benefit-text{overflow-wrap:anywhere}.az-bag[data-no-product=true] .az-bag__inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "action" "benefits"}.az-bag[data-no-product=true] .az-bag__copy{max-width:850px}@media(hover:hover)and (pointer:fine){.az-bag[data-hover=true] .az-bag__button:hover{transform:translateY(-2px)}.az-bag[data-hover=true] .az-bag__button:hover .az-bag__arrow svg:first-child{transform:translate(180%)}.az-bag[data-hover=true] .az-bag__button:hover .az-bag__arrow svg+svg{transform:translate(0)}}@media(min-width:750px)and (max-width:989px){.az-bag__heading{font-size:clamp(30px,5.3vw,var(--bag-title-size))}.az-bag__scene{height:min(var(--bag-height),440px);--bag-height: min(var(--bag-height-desktop), 440px)}.az-bag__button{font-size:14px;padding-left:18px;gap:10px}}@media(max-width:749px){.az-bag{padding-top:var(--bag-padding-top-mobile);padding-bottom:var(--bag-padding-bottom-mobile)}.az-bag__inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "scene" "action" "benefits";gap:20px;padding-inline:var(--bag-inset-mobile)}.az-bag__copy{align-self:auto}.az-bag__eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:14px}.az-bag__heading{font-size:clamp(30px,11vw,var(--bag-title-mobile));line-height:1.06}.az-bag__description{margin-top:16px;font-size:var(--bag-body-mobile)}.az-bag__certification{margin-top:18px;gap:10px;font-size:11px}.az-bag__certification-icon{width:26px;height:26px;flex-basis:26px}.az-bag__scene{--bag-height: var(--bag-height-mobile)}.az-bag__product-position{width:min(var(--bag-image-width-mobile),calc(var(--bag-height) * .9));left:calc(50% + var(--bag-image-x-mobile));top:calc(48% + var(--bag-image-y-mobile))}.az-bag__product-turn{transform:rotate(var(--bag-image-angle-mobile))}.az-bag__button{width:100%;min-height:54px;gap:12px;padding:8px 10px 8px 20px;font-size:14px}.az-bag__arrow{width:36px;height:36px;flex-basis:36px}.az-bag__benefits{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:8px}.az-bag__benefit{flex-direction:row;justify-content:flex-start;gap:18px;text-align:left;font-size:min(var(--bag-benefit-size),16px)}.az-bag__benefit-icon{width:var(--bag-icon-mobile);height:var(--bag-icon-mobile);flex-basis:var(--bag-icon-mobile)}}@media(hover:none){.az-bag[data-hover=true] .az-bag__button:active{transform:scale(.985)}}@media(prefers-reduced-motion:reduce){.az-bag *,.az-bag *:before,.az-bag *:after{animation:none!important;transition:none!important}.az-bag .az-bag__product-motion,.az-bag .az-bag__button{transform:none!important}.az-bag .az-bag__disc{transform:translate(-50%,-50%)!important}.az-bag .az-bag__shadow{transform:translate(-50%)!important}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/az-bag-feature.css.map */