.ccr,.ccr *,.ccr *:before,.ccr *:after{box-sizing:border-box}.ccr{--ccr-cols: var(--ccr-cols-d);--ccr-gap: var(--ccr-gap-d);--ccr-space: var(--ccr-space-d);--ccr-title-fs: var(--ccr-title-fs-d);background:var(--ccr-bg);color:var(--ccr-title-color);padding-block:var(--ccr-pt) var(--ccr-pb);overflow-x:clip}.ccr__inner{max-width:var(--ccr-max);margin-inline:auto;padding-inline:20px}.ccr__heading{margin:0 0 1.25rem;font-size:var(--ccr-heading-fs);line-height:1.25;text-align:var(--ccr-heading-align);color:var(--ccr-title-color)}.ccr__grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--ccr-gap);list-style:none;margin:0;padding:0}.ccr__item{flex:0 0 calc(((100% - (var(--ccr-cols) - 1) * var(--ccr-gap)) / var(--ccr-cols)) - .1px);max-width:var(--ccr-circle-max);min-width:0;margin:0;padding:0;list-style:none}.ccr__link{display:block;position:relative;padding-top:var(--ccr-space);color:inherit;text-align:center;text-decoration:none}.ccr__link:focus-visible{outline:none}.ccr__link:focus-visible .ccr__circle{outline:2px solid var(--ccr-title-color);outline-offset:4px}.ccr__circle{display:block;position:relative;width:100%;aspect-ratio:1 / 1;border-radius:50%;overflow:hidden;background:#efe6d3;border:1px solid var(--ccr-border);box-shadow:0 8px 22px #1f3d2b1f}.ccr__img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover}.ccr__placeholder{fill:currentColor;opacity:.35;background:#efe6d3}.ccr__title{display:block;margin-top:.85em;font-size:var(--ccr-title-fs);font-weight:600;line-height:1.35;color:var(--ccr-title-color);overflow-wrap:anywhere}.ccr__ribbon{--bw: var(--ccr-bw-d);--bh: var(--ccr-bh-d);--fs: var(--ccr-fs-d);--tw: calc(var(--bh) * .6);position:absolute;z-index:2;top:calc(var(--ccr-space) - var(--bh) + var(--ccr-ov));width:max(var(--bw),calc(var(--bh) * 2.4));max-width:100%;min-height:var(--bh);font-size:var(--fs);pointer-events:none;filter:drop-shadow(0 3px 2px rgba(0,0,0,.22)) drop-shadow(0 1px 1px rgba(0,0,0,.18))}.ccr__ribbon--center{inset-inline-start:var(--ccr-x);inset-inline-end:calc(var(--ccr-x) * -1);margin-inline:auto}.ccr__ribbon--start{inset-inline-start:var(--ccr-x)}.ccr__ribbon--end{inset-inline-end:calc(var(--ccr-x) * -1)}.ccr__ribbon-body{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:.35em;min-width:0;min-height:var(--bh);margin-inline:var(--tw);padding-inline:.6em;padding-block:.45em calc(var(--bh) * .3);text-align:center;background:linear-gradient(180deg,#ffffff38,#fff0 45%,#00000029),var(--ccr-color);color:var(--ccr-text);font-weight:700;line-height:1.2;box-shadow:inset 0 1px #ffffff59;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - var(--bh) * .22),0 100%)}.ccr__ribbon-text{min-width:0;letter-spacing:.06em;text-wrap:balance;overflow-wrap:anywhere}[dir=rtl] .ccr__ribbon-text,.ccr__ribbon-text:lang(ar){letter-spacing:0}.ccr__icon{flex:none;width:1.05em;height:1.05em;fill:currentColor}.ccr__tail{position:absolute;top:26%;z-index:1;width:var(--bh);height:100%;background:linear-gradient(#0000004d,#0000004d),var(--ccr-color)}.ccr__tail:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059}.ccr__tail--l{left:0;clip-path:polygon(0 0,100% 0,100% 74%,60% 100%,0 100%,25% 50%)}.ccr__tail--l:after{clip-path:polygon(60% 74%,100% 74%,60% 100%)}.ccr__tail--r{right:0;clip-path:polygon(100% 0,0 0,0 74%,40% 100%,100% 100%,75% 50%)}.ccr__tail--r:after{clip-path:polygon(40% 74%,0 74%,40% 100%)}@media(max-width:749px){.ccr{--ccr-cols: var(--ccr-cols-m);--ccr-gap: var(--ccr-gap-m);--ccr-space: var(--ccr-space-m);--ccr-title-fs: var(--ccr-title-fs-m)}.ccr__inner{padding-inline:14px}.ccr__ribbon{--bw: var(--ccr-bw-m);--bh: var(--ccr-bh-m);--fs: var(--ccr-fs-m)}}
/*# sourceMappingURL=/cdn/shop/t/9/compiled_assets/styles.css.map */
