.aop{background:var(--aop-bg, #fff);padding-block:var(--aop-pt, 40px) var(--aop-pb, 100px)}.aop__inner{max-width:var(--aop-maxw, 1608px);margin-inline:auto;padding-inline:clamp(20px,4vw,60px);display:flex;flex-direction:column;gap:clamp(32px,4vw,60px)}.aop__head{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:40px}.aop__heading{margin:0;color:var(--aop-heading-color, #242424);font-family:var(--font-heading--family),"Fraunces","Playfair Display",Georgia,serif;font-weight:500;font-size:clamp(36px,5vw,var(--aop-heading-size, 64px));line-height:1.05;letter-spacing:-.02em}.aop__desc{margin:0;max-width:342px;color:var(--aop-text-color, #242424);font-family:"Neue Montreal",var(--font-body--family),"Inter",system-ui,sans-serif;font-size:16px;line-height:1.2}.aop__track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--aop-gap, 20px)}.aop__card{display:flex;flex-direction:column;gap:20px;min-width:0;padding:0 0 29px}.aop__media{position:relative;display:flex;align-items:center;justify-content:center;height:var(--aop-tile-h, 425px);background:var(--aop-card-bg, #f5f5f5);border-radius:var(--aop-card-radius, 34px);overflow:hidden;box-shadow:var(--aop-shadow, none);text-decoration:none;padding:0;transition:transform .4s cubic-bezier(.22,.68,.28,1),box-shadow .4s ease}.aop__badge{position:absolute;top:var(--aop-badge-top, 23px);left:var(--aop-badge-left, 25px);z-index:2;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--aop-badge-bg, #b23623);color:var(--aop-badge-color, #fff);font-family:"Neue Montreal",var(--font-body--family),"Inter",system-ui,sans-serif;font-weight:500;font-size:var(--aop-badge-fs, 16px);line-height:19px;padding:10px 16px;border-radius:var(--aop-badge-radius, 36px);white-space:nowrap}.aop__img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;transition:transform .5s cubic-bezier(.22,.68,.28,1),opacity .45s ease}.aop__img--ph{width:60%;height:60%;opacity:.4;display:grid;place-items:center}.aop--fit .aop__media{padding:0}.aop--fit .aop__img--first{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;border-radius:inherit}.aop__img--second{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;opacity:0;pointer-events:none;transform:none;border-radius:inherit}@media(hover:hover){.aop__card:hover .aop__media{transform:translateY(-6px);box-shadow:0 22px 44px #0000001f}.aop__card:hover .aop__img--first,.aop__card:hover .aop__img{transform:scale(1.045)}.aop__media--has-second:hover .aop__img--first{opacity:0}.aop__media--has-second:hover .aop__img--second{opacity:1;transform:scale(1.045)}}@media(max-width:749.98px){.aop__img--second{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;padding:0!important;transform:none!important;border-radius:inherit}.aop__media--has-second:hover,.aop__media--has-second:active{padding:0!important}.aop__media--has-second:hover .aop__img--first,.aop__media--has-second:active .aop__img--first{opacity:0}.aop__media--has-second:hover .aop__img--second,.aop__media--has-second:active .aop__img--second{opacity:1;transform:none}.aop__card:has(.aop__media--has-second:hover),.aop__card:has(.aop__media--has-second:active){gap:0!important;padding-bottom:0!important}.aop__card:has(.aop__media--has-second:hover) .aop__info,.aop__card:has(.aop__media--has-second:active) .aop__info{display:none!important}}.aop .aop__card .aop__info,.aop .aop__info{position:relative!important;isolation:isolate;display:block!important;min-height:98px;padding-right:calc(var(--aop-bag-size, 57px) + 12px);align-items:initial;justify-content:initial;gap:0!important}.aop__text{display:flex;flex-direction:column;gap:8px;min-width:0;margin-left:10px}.aop__label{color:var(--aop-label-color, #242424);font-family:"Neue Montreal",var(--font-body--family),"Inter",system-ui,sans-serif;font-weight:400;font-size:var(--aop-label-fs, 14px);line-height:17px;text-transform:uppercase;letter-spacing:0}.aop__name{color:var(--aop-name-color, #242424);font-family:"Neue Montreal",var(--font-body--family),"Inter",system-ui,sans-serif;font-weight:500;font-size:var(--aop-name-fs, 20px);line-height:24px;text-decoration:none}.aop__name:hover{text-decoration:none}.aop__prices{display:flex;align-items:center;gap:var(--aop-price-gap, 9px);margin-top:12px}.aop__price{color:var(--aop-price-color, #b23623);font-family:"Neue Montreal",var(--font-body--family),"Inter",system-ui,sans-serif;font-weight:500;font-size:var(--aop-price-fs, 24px);line-height:29px;font-variant-numeric:tabular-nums}.aop__price-old{color:var(--aop-price-old-color, #979797);font-family:"Neue Montreal",var(--font-body--family),"Inter",system-ui,sans-serif;font-weight:500;font-size:var(--aop-price-fs, 24px);line-height:29px;text-decoration:line-through;font-variant-numeric:tabular-nums}.aop .aop__card .aop__bag,.aop .aop__bag,.aop__info .aop__bag,button.aop__bag,a.aop__bag{position:absolute!important;right:0!important;bottom:0!important;left:auto!important;top:auto!important;z-index:2;display:inline-flex!important;align-items:center;justify-content:center;width:var(--aop-bag-size, 57px)!important;height:var(--aop-bag-size, 57px)!important;min-width:var(--aop-bag-size, 57px);min-height:var(--aop-bag-size, 57px);flex:0 0 auto;border-radius:46px!important;background:var(--aop-bag-bg, #242424);color:var(--aop-bag-color, #fff);transition:transform .2s ease,opacity .2s ease;margin:0!important}.aop__bag .icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;line-height:0}.aop__bag svg{display:block;width:100%;height:100%}.aop__bag:hover{transform:translateY(-2px);opacity:.9}.aop__bag:focus-visible{outline:2px solid var(--aop-bag-bg, #242424);outline-offset:3px}button.aop__bag{border:none;padding:0;cursor:pointer;font:inherit;-webkit-appearance:none;appearance:none;position:absolute}.aop__bag.is-loading{pointer-events:none}.aop__bag.is-loading .icon{opacity:0}.aop__bag-spinner{position:absolute;top:50%;left:50%;width:44%;height:44%;transform:translate(-50%,-50%)}.aop__bag-spinner.hidden{display:none}.aop__bag.is-added{background:#2e9e5b}@media(hover:hover){.aop__card:hover .aop__bag:not(.is-loading):not(.is-added) .icon,.aop__card:hover .aop__bag:not(.is-loading):not(.is-added) svg{visibility:hidden}.aop__card:hover .aop__bag:not(.is-loading):not(.is-added):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:22px;height:22px;background-color:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M9 3h2v14H9zM3 9h14v2H3z'/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M9 3h2v14H9zM3 9h14v2H3z'/></svg>") center/contain no-repeat}}.aop__toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%) translateY(10px);z-index:60;display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:999px;background:#242424;color:#fff;font-family:"Neue Montreal",var(--font-body--family),"Inter",system-ui,sans-serif;font-size:14px;line-height:1;box-shadow:0 12px 30px #0000003d;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease}.aop__toast.is-visible{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.aop__toast.is-error{background:#d14343}.aop__toast-tick{color:#4ade80;font-weight:700}.aop__toast.is-error .aop__toast-tick{display:none}.aop__toast-link{color:#4fc3f7;text-decoration:underline;text-underline-offset:2px}.aop__toast-link:hover{color:#7dd3fc}@media(max-width:989.98px){.aop__head{flex-direction:column;align-items:flex-start;gap:16px}.aop__desc{max-width:none}.aop__track{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,3vw,var(--aop-gap, 20px))}}@media(max-width:749.98px){.aop{padding-block:var(--aop-pt-m, 40px) var(--aop-pb-m, 40px)}.aop__inner{padding-inline:var(--aop-side-m, 20px)}.aop__track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin-inline:0;padding-inline:0;column-gap:12px;row-gap:20px}.aop__card{flex:none;width:auto;gap:16px;padding-bottom:0}.aop__media{height:auto;aspect-ratio:175.5 / 202;border-radius:20px}.aop__img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}.aop__badge{display:none}.aop__label{font-size:12px;line-height:14px}.aop__name{font-size:16px;line-height:19px}.aop__prices{margin-top:8px;gap:8px}.aop__price,.aop__price-old{font-size:16px;line-height:19px;white-space:nowrap}.aop__text,.aop__prices{margin-left:0!important}.aop .aop__card .aop__bag,.aop .aop__bag,.aop__info .aop__bag,button.aop__bag,a.aop__bag{display:none!important}.aop__info{padding-right:0!important;min-height:0!important}}@media(prefers-reduced-motion:reduce){.aop__media,.aop__img,.aop__bag{transition:none}.aop__card:hover .aop__media,.aop__card:hover .aop__img{transform:none}}.aop-picker[hidden]{display:none}.aop-picker{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.aop-picker__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#2424248c}.aop-picker__dialog{position:relative;width:100%;max-width:1120px;max-height:90vh;background:#fff;border-radius:8px;padding:32px 32px 0;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 30px 80px #00000040}.aop-picker__close{position:absolute;top:18px;right:20px;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:0;border-radius:50%;background:#f5f5f5;color:#242424;cursor:pointer}.aop-picker__step{display:flex;flex-direction:column;gap:18px;flex:1 1 auto;min-height:0;overflow-y:auto;padding-bottom:24px}.aop-picker__step[hidden]{display:none}.aop-picker__back{margin-bottom:14px;padding:0;border:0;background:none;font-family:"Neue Montreal",var(--font-body--family),sans-serif;font-size:14px;color:#979797;cursor:pointer}.aop-picker__back:hover{color:#242424}.aop-picker__spinner.hidden{display:none}@media(min-width:750px){.aop-picker .apdp__bundles{grid-template-columns:repeat(3,1fr);align-items:stretch}.aop-picker .apdp__bundle--hero{grid-column:auto}.aop-picker .apdp__bundle{display:flex;flex-direction:column}.aop-picker .apdp__bundle-body{flex:1 1 auto;align-items:center;gap:10px;padding:16px 18px}.aop-picker .apdp__bundle-image,.aop-picker .apdp__bundle:not(.apdp__bundle--hero) .apdp__bundle-image{width:84px}}@media(prefers-reduced-motion:reduce){.aop-picker__back{transition:none}}.aop-picker .apdp__cta,.aop-picker .apdp-flavor-modal__cta{background:#000;color:#fff;border:1.5px solid #000000;transition:background-color .2s ease,color .2s ease}.aop-picker .apdp__cta:hover:not(:disabled),.aop-picker .apdp-flavor-modal__cta:hover:not(:disabled){background:#fff;color:#000;border-color:#000}.aop-picker .apdp-flavor-modal__cta:disabled{background:#e6e6e6;color:#979797;border-color:#e6e6e6}@media(prefers-reduced-motion:reduce){.aop-picker .apdp__cta,.aop-picker .apdp-flavor-modal__cta{transition:none}}@media(max-width:1200px){.aop-picker__dialog{max-width:960px;padding:28px 28px 0}}@media(max-width:749.98px){.aop-picker{padding:16px}.aop-picker__dialog{max-width:none}}@media(max-width:549px){.aop-picker{padding:0;align-items:flex-end}.aop-picker__dialog{max-height:94vh;border-radius:6px 6px 0 0;padding:24px 20px 0}.aop-picker__step{gap:12px;padding-bottom:16px}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/aquon-our-products.css.map */