.ap-cof{padding:clamp(40px,5.5vw,88px) 0 var(--ap-section)}.ap-cof__head{max-width:860px;margin:0 auto;text-align:center}.ap-cof__head .ap-eyebrow{justify-content:center}.ap-cof__head .ap-h1{margin-top:18px}.ap-cof__head .ap-lead{margin:16px auto 0}.ap-cof__steps{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;margin-top:28px;font-size:14.5px;font-weight:500}.ap-cof__steps li{display:inline-flex;align-items:center;gap:10px}.ap-cof__steps span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px var(--ap-accent);color:var(--ap-accent);font:600 12px var(--ap-mono)}.ap-cof__steps li:first-child span{background:var(--ap-accent);color:#fff}.ap-cof__label{margin-bottom:18px;font:500 11px var(--ap-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ap-muted)}.ap-cof__ready{margin-top:clamp(44px,5vw,72px);scroll-margin-top:calc(var(--ap-header-h) + 20px)}.ap-cof__ready-grid{display:grid;gap:14px}@media(min-width:750px){.ap-cof__ready-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1200px){.ap-cof__ready-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.ap-ready{display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:var(--ap-paper);box-shadow:0 0 0 1px var(--ap-line);transition:box-shadow .3s,transform .5s var(--ap-ease)}.ap-ready:hover{box-shadow:0 0 0 1px var(--ap-line-2),var(--ap-shadow);transform:translateY(-3px)}.ap-ready__imgs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:10px 10px 0}.ap-ready__imgs span{aspect-ratio:3 / 4;overflow:hidden;border-radius:14px;background:var(--ap-pearl)}.ap-ready__imgs span:last-child{box-shadow:inset 0 0 0 2px var(--ap-accent)}.ap-ready__imgs img{width:100%;height:100%;object-fit:cover;transform:scale(1.18)}.ap-ready__body{display:flex;flex:1;flex-direction:column;gap:8px;padding:18px 20px 20px}.ap-ready__title{font-size:21px;font-weight:600;line-height:1.12;letter-spacing:-.03em}.ap-ready__text{font-size:14px;line-height:1.5;color:var(--ap-muted)}.ap-ready__names{margin-bottom:8px;font-size:13px;color:var(--ap-ink-2)}.ap-ready .ap-btn{margin-top:auto;min-height:46px}.ap-cof__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;margin-top:clamp(48px,5vw,80px)}.ap-cof__grid>*{min-width:0}@media(min-width:1100px){.ap-cof__grid{grid-template-columns:minmax(0,1fr) 400px;gap:48px;align-items:start}}.ap-cof__pick-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.ap-cof__pick-head .ap-cof__label{margin:0}.ap-cof__search{display:flex;flex:1 1 280px;align-items:center;gap:10px;max-width:380px;min-height:48px;padding:0 18px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--ap-line-2)}.ap-cof__search:focus-within{box-shadow:inset 0 0 0 1px var(--ap-accent),0 0 0 4px var(--ap-accent-tint)}.ap-cof__search .ap-i{width:18px;height:18px;color:var(--ap-soft)}.ap-cof__search input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:15px}.ap-cof__filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:18px 0 10px}.ap-cof__filters::-webkit-scrollbar{display:none}.ap-cof__genres{margin-bottom:20px}.ap-cof__list{display:grid;gap:10px}@media(min-width:750px){.ap-cof__list{grid-template-columns:repeat(2,minmax(0,1fr))}}.ap-cofcard{display:grid;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:14px;padding:10px 14px 10px 10px;border-radius:20px;background:var(--ap-paper);box-shadow:inset 0 0 0 1px var(--ap-line);transition:box-shadow .25s,background-color .25s}.ap-cofcard:hover{box-shadow:inset 0 0 0 1px var(--ap-line-2)}.ap-cofcard.is-in{background:var(--ap-pearl);box-shadow:inset 0 0 0 2px var(--ap-ink)}.ap-cofcard__img{width:76px;height:92px;overflow:hidden;border-radius:14px;background:var(--ap-pearl)}.ap-cofcard__img img{width:100%;height:100%;object-fit:cover;transform:scale(1.15)}.ap-cofcard__body{min-width:0}.ap-cofcard__body .ap-fam{font-size:10px}.ap-cofcard__name{margin-top:4px;font-size:17px;font-weight:600;line-height:1.15;letter-spacing:-.02em}.ap-cofcard__notes{overflow:hidden;font-size:12.5px;color:var(--ap-muted);white-space:nowrap;text-overflow:ellipsis}.ap-cofcard__price{margin-top:4px;font-size:14px;font-weight:600}.ap-cofcard__price small{font:500 11px var(--ap-mono);color:var(--ap-soft)}.ap-cofcard__btn{min-height:40px;padding:0 16px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--ap-line-2);font-size:13.5px;font-weight:600;transition:background-color .2s,color .2s,box-shadow .2s}.ap-cofcard__btn:hover{box-shadow:inset 0 0 0 1px var(--ap-ink)}.ap-cofcard.is-in .ap-cofcard__btn{background:var(--ap-ink);color:#fff;box-shadow:none}.ap-cof__more{display:flex;margin:22px auto 0}.ap-cof__empty{padding:24px 0;color:var(--ap-muted)}.ap-cof__box{position:sticky;top:calc(var(--ap-header-h) + 20px)}.ap-cof__box-in{position:relative;overflow:hidden;isolation:isolate;padding:24px;border-radius:28px;background:var(--ap-night);color:#fff}.ap-cof__box-in:before{content:"";position:absolute;z-index:-1;right:-30%;top:-40%;width:90%;aspect-ratio:1;background:radial-gradient(closest-side,color-mix(in srgb,var(--ap-accent) 55%,transparent),transparent 70%)}.ap-cof__box-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.ap-cof__box-title{font-size:20px;font-weight:600;letter-spacing:-.025em}.ap-cof__box-title span{margin-left:6px;font:500 12px var(--ap-mono);color:#ffffff8c}.ap-cof__box .ap-seg button{min-height:34px;padding:0 12px;font-size:12.5px}.ap-cof__slots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:18px}.ap-cofslot{position:relative;display:grid;place-items:center;aspect-ratio:1 / 1.08;overflow:hidden;border-radius:18px;background:#ffffff0a;box-shadow:inset 0 0 0 1px #ffffff2e}.ap-cofslot.is-full{background:var(--ap-pearl);box-shadow:none}.ap-cofslot img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.12)}.ap-cofslot__name{position:absolute;left:6px;right:6px;bottom:6px;overflow:hidden;padding:6px 8px;border-radius:999px;background:#fffffff0;color:var(--ap-ink);font-size:11.5px;font-weight:600;text-align:center;white-space:nowrap;text-overflow:ellipsis}.ap-cofslot__x{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--ap-ink)}.ap-cofslot__x .ap-i{width:14px;height:14px}.ap-cofslot__plus{font-size:26px;font-weight:300;color:#ffffff73}.ap-cofslot--free{box-shadow:inset 0 0 0 1.5px var(--ap-accent-light)}.ap-cofslot__free{position:absolute;top:8px;left:50%;transform:translate(-50%);padding:4px 8px;border-radius:999px;background:var(--ap-accent);color:#fff;font:500 9px/1 var(--ap-mono);letter-spacing:.06em;text-transform:uppercase}.ap-cof__total{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:20px 0 14px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12)}.ap-cof__total-label{font-size:13.5px;color:#ffffffa8}.ap-cof__total-price{margin-top:2px}.ap-cof__total-price s{margin-right:6px;font-size:16px;color:#ffffff73}.ap-cof__total-price strong{font-size:36px;font-weight:600;letter-spacing:-.045em}.ap-cof__save{padding:7px 11px;border-radius:999px;background:var(--ap-accent);color:#fff;font-size:13px;font-weight:600}.ap-cof__note{margin-top:12px;font-size:12.5px;line-height:1.55;color:#ffffff8c}@media(max-width:1099px){.ap-cof__box{position:sticky;top:auto;bottom:0;z-index:30;order:2;margin-inline:calc(-1 * var(--ap-gutter))}.ap-cof__box-in{padding:14px var(--ap-gutter) calc(14px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;box-shadow:0 -16px 40px -20px #00000073}.ap-cof__slots{grid-template-columns:repeat(var(--n, 4),minmax(0,1fr));gap:6px;margin-top:12px}.ap-cofslot{aspect-ratio:1 / 1.1;border-radius:14px}.ap-cofslot__name{display:none}.ap-cofslot__x{top:3px;right:3px;width:22px;height:22px}.ap-cof__total{margin:12px 0 10px;padding-top:10px}.ap-cof__total-price strong{font-size:26px}.ap-cof__note{display:none}}@media(min-width:990px){.ap-cof__filters{flex-wrap:wrap;overflow:visible}}@media(max-width:1099px){.ap-cof{padding-bottom:0}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/ap-coffret.css.map */
