.afx{position:relative;z-index:0;background:var(--afx-bg,#fff);color:var(--afx-ink,#111);font-family:var(--afx-font,sans-serif);padding:var(--afx-pad-top,72px) 0 var(--afx-pad-bottom,64px);outline:none}.afx *,.afx *:before,.afx *:after{box-sizing:border-box}.afx:focus-visible{outline:2px solid var(--afx-ink,#111);outline-offset:-2px}.afx-inner{max-width:1320px;margin:0 auto;padding:0 24px}.afx-head{text-align:center;display:flex;flex-direction:column;align-items:center}.afx-eyebrow{margin:0 0 .9em;font-size:clamp(10px,.85vw,11.5px);font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--afx-muted,#6b6b6b)}.afx-title{margin:0;font-family:"Instrument Serif",Georgia,Times New Roman,serif!important;font-style:italic;font-weight:400;font-size:clamp(38px,5.6vw,80px);line-height:1;letter-spacing:-.025em;color:var(--afx-ink,#111);text-wrap:balance}.afx-sub{margin:.55em 0 0;font-size:clamp(15px,1.25vw,18px);font-weight:400;line-height:1.45;color:var(--afx-ink,#111);opacity:.88}.afx-btn{display:inline-flex;align-items:center;gap:.7em;margin-top:1.35em;height:2.85em;padding:0 1.35em 0 1.55em;border:1px solid var(--afx-ink,#111);border-radius:2px;background:transparent;color:var(--afx-ink,#111);font-size:clamp(12px,.95vw,13.5px);font-weight:500;letter-spacing:.02em;text-decoration:none;transition:background .25s,color .25s}.afx-btn svg{width:1.05em;height:1.05em;transition:transform .25s}.afx-btn:hover{background:var(--afx-ink,#111);color:#fff}.afx-btn:hover svg{transform:translate(3px)}.afx-stage{position:relative;margin:12px auto 0;aspect-ratio:2.2;max-width:1240px;container-type:size}@media(max-width:1024px){.afx-stage{aspect-ratio:1.7}}.afx-item{position:absolute;left:var(--x,50%);top:var(--y,55%);width:max-content;transform:translate(-50%,calc(-50% + var(--dy,0%)));z-index:1;color:var(--afx-ink,#111);text-decoration:none;transition:left .75s cubic-bezier(.2,.8,.2,1),top .75s cubic-bezier(.2,.8,.2,1),opacity .5s ease}.afx-item.is-active{--x:50%;--y:55%;--w:34;--h:72;z-index:3}.afx-item.is-left{--x:16%;--y:50%;--w:23;--h:58;z-index:2}.afx-item.is-right{--x:85%;--y:58%;--w:21;--h:54;z-index:2}.afx-item.is-hidden{--x:50%;--y:55%;--w:8;--h:14;opacity:0;pointer-events:none}.afx-item__img{display:block;width:auto;height:auto;max-width:calc(var(--w,34) * var(--size,1) * 1cqw);max-height:calc(var(--h,72) * var(--size,1) * 1cqh);transform:rotate(var(--rot,0deg));filter:drop-shadow(0 22px 26px rgba(0,0,0,.1));transition:max-width .75s cubic-bezier(.2,.8,.2,1),max-height .75s cubic-bezier(.2,.8,.2,1),transform .75s cubic-bezier(.2,.8,.2,1),filter .5s}.afx-item.is-active .afx-item__img{filter:drop-shadow(0 30px 36px rgba(0,0,0,.14))}.afx-item:not(.is-active):hover .afx-item__img{transform:rotate(var(--rot,0deg)) translateY(-3%)}.afx-item__img--empty{display:block;width:calc(var(--w,34) * var(--size,1) * 1cqw);aspect-ratio:1;background:#f2f2f2;border-radius:12px}.afx-item__img--empty svg{width:100%;height:100%}.afx-plus{display:grid;place-items:center;width:34px;height:34px;margin:10px auto 0;border-radius:50%;background:var(--afx-pink,#f01e85);color:#fff;box-shadow:0 8px 18px #f01e8547;transition:background .3s ease,transform .45s cubic-bezier(.2,.8,.2,1),width .4s ease,height .4s ease}.afx-plus svg{width:44%;height:44%}.afx-item:not(.is-active) .afx-plus{width:28px;height:28px;margin-top:8px}.afx-item:hover .afx-plus{background:var(--afx-ink,#111);transform:scale(1.08)}.afx-tag{position:absolute;z-index:2;display:flex;flex-direction:column;gap:1px;align-items:flex-start;font-size:clamp(10px,.86vw,11.5px);font-weight:500;letter-spacing:.24em;text-transform:uppercase;line-height:1.35;color:var(--afx-ink,#111);white-space:nowrap;right:-2cqw;bottom:calc(100% + 18px);transition:opacity .4s}.afx-tag b{font-weight:500;letter-spacing:.2em}.afx-tag__cat{position:relative;padding-bottom:3px}.afx-tag__cat:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--afx-pink,#f01e85);transition:width .45s cubic-bezier(.2,.8,.2,1)}.afx-item.is-active .afx-tag__cat:after{width:100%}.afx-lead{position:absolute;z-index:2;right:-1cqw;top:-18px;width:14cqw;height:12cqh;color:#b9b9b9;pointer-events:none;transform:scaleX(-1);transition:opacity .4s}.afx-item.is-left .afx-tag{right:auto;left:-2cqw}.afx-item.is-left .afx-lead{right:auto;left:-1cqw;transform:none}.afx-item.is-hidden .afx-tag,.afx-item.is-hidden .afx-lead{opacity:0}@keyframes afx-in-a{0%{opacity:0}to{opacity:1}}@keyframes afx-in-b{0%{opacity:0}to{opacity:1}}.afx-item.is-active .afx-tag,.afx-item.is-active .afx-lead{animation:afx-in-a .7s ease both}.afx-item.is-left .afx-tag,.afx-item.is-left .afx-lead{animation:afx-in-b .7s ease both}.afx-nav{display:flex;align-items:center;justify-content:center;gap:28px;margin-top:6px}.afx-arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--afx-ink,#111);background:transparent;color:var(--afx-ink,#111);display:grid;place-items:center;cursor:pointer;padding:0;transition:background .25s,color .25s,transform .25s}.afx-arrow svg{width:18px;height:18px}.afx-arrow:hover{background:var(--afx-ink,#111);color:#fff}.afx-arrow:active{transform:scale(.94)}.afx-arrow:focus-visible{outline:2px solid var(--afx-pink,#f01e85);outline-offset:3px}.afx-count{font-size:clamp(11px,.9vw,12.5px);font-weight:500;letter-spacing:.24em;color:var(--afx-ink,#111)}.afx-count b{font-weight:500}.afx-count__sep{opacity:.5}.afx-item.is-r2{--x:94%;--w:8;--h:14;z-index:1}@media(min-width:750px){.afx{overflow-x:clip}.afx-stage{aspect-ratio:2.9}.afx-item.is-left{--x:13%;--y:55%;--w:17;--h:58}.afx-item.is-active{--x:37.5%;--y:53%;--w:19;--h:66}.afx-item.is-right{--x:62.5%;--y:55%;--w:17;--h:58}.afx-item.is-r2{--x:87%;--y:55%;--w:17;--h:58;z-index:2}.afx-item:not(.is-active) .afx-plus{width:30px;height:30px}.afx-item.is-hidden{--x:108%;--y:55%}.afx-item.is-hidden.is-out{--x:-8%}}.afx-meta{display:flex;flex-direction:column;align-items:center;gap:14px;margin-top:22px;text-align:center;transition:opacity .4s}.afx-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:400;letter-spacing:.02em;color:#222}.afx-price{font-size:14px;font-weight:500;letter-spacing:.04em;color:#111}.afx-item.is-hidden .afx-meta{opacity:0}.afx{overflow-x:clip}@media(max-width:749px){.afx-meta{max-width:72vw}.afx-name{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-align:center}}@media(min-width:750px){.afx-stage{aspect-ratio:2.75}.afx-item.is-left,.afx-item.is-active,.afx-item.is-right,.afx-item.is-r2{--y:50%;z-index:2}.afx-item{display:flex;flex-direction:column;align-items:center;width:21cqw}.afx-item .afx-item__img{width:100%;height:58cqh;max-width:none;max-height:none;object-fit:contain;object-position:center bottom;transform:none!important;filter:drop-shadow(0 18px 22px rgba(0,0,0,.09))}.afx-item.is-active .afx-item__img{filter:drop-shadow(0 18px 22px rgba(0,0,0,.09))}.afx-item:not(.is-active):hover .afx-item__img,.afx-item:hover .afx-item__img{transform:translateY(-2%)!important}.afx-item .afx-plus{display:none!important}.afx-item:hover .afx-name{color:#e31c63}.afx-item .afx-meta{width:100%;align-self:stretch;padding:0 6px}.afx-item .afx-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;white-space:normal;overflow:hidden;line-height:1.35;min-height:2.7em;text-align:center}}@media(max-width:749px){.afx{padding:52px 0 44px}.afx-inner{padding:0 16px}.afx-title{font-size:clamp(34px,10.5vw,46px)}.afx-sub{font-size:15px;max-width:30ch}.afx-btn{font-size:12.5px;margin-top:1.2em}.afx-stage{aspect-ratio:1;margin-top:14px}.afx-item.is-active{--w:72;--h:70;--y:54%}.afx-item.is-left{--x:6%;--w:26;--h:36;--y:42%;opacity:.35}.afx-item.is-right{--x:94%;--w:24;--h:36;--y:66%;opacity:.35}.afx-item.is-r2{opacity:0;pointer-events:none}.afx-item:not(.is-active) .afx-tag,.afx-item:not(.is-active) .afx-lead,.afx-item:not(.is-active) .afx-plus,.afx-item:not(.is-active) .afx-meta{opacity:0;animation:none}.afx-meta{margin-top:12px;gap:6px}.afx-tag{font-size:10px;letter-spacing:.2em;right:-1cqw;bottom:calc(100% + 14px)}.afx-lead{right:0;top:-14px;width:16cqw;height:10cqh}.afx-plus{width:30px;height:30px;margin-top:8px}.afx-nav{margin-top:8px;gap:22px}.afx-arrow{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.afx-item,.afx-item__img,.afx-tag__cat:after,.afx-btn,.afx-arrow,.afx-plus{transition:none}.afx-tag,.afx-lead{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/afkar-index.css.map */
