.cmx-card,.cmx-card *,.cmx-card *:before,.cmx-card *:after{box-sizing:border-box}.cmx-card{--font:var(--cm-font-body,"Poppins",system-ui,sans-serif);position:relative;display:flex;flex-direction:column;height:100%;min-width:0;background:#fff;border:1px solid #e4e6ea;border-radius:var(--cmx-radius,28px);color:#111;font-family:var(--font);line-height:1.4;text-align:center;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s}.cmx-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px #0f172a24;border-color:#d5d9de}.cmx-card a{text-decoration:none;color:inherit}.cmx-media{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:calc(var(--cmx-radius,28px) - 1px) calc(var(--cmx-radius,28px) - 1px) 0 0;background:linear-gradient(180deg,#fff,#e6e6e7);container-type:inline-size;container-name:cmxm}.cmx-link{position:absolute;top:0;right:0;bottom:0;left:0;display:block}.cmx-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:opacity .5s,transform .9s cubic-bezier(.2,.8,.2,1)}.cmx-img--2{opacity:0}.cmx-card:hover .cmx-img--1{transform:scale(1.04)}.cmx-card.has-2:hover .cmx-img--1{opacity:0}.cmx-card.has-2:hover .cmx-img--2{opacity:1}.cmx-media .placeholder-svg{width:100%;height:100%;fill:#c9ced4}.cmx-badge{position:absolute;left:14px;top:14px;z-index:3;display:inline-flex;align-items:center;height:34px;padding:0 16px;border-radius:999px;background:var(--cm-tag,#0f5c4d);color:var(--cm-tag-fg,#fff);font:800 13px/1 var(--font);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;box-shadow:0 6px 16px #0000002e;pointer-events:none}.cmx-badge:after{content:var(--cm-tag-text,"Buy 2 Get 1")}.cmx-badge--off{background:#6b7280}.cmx-badge--off:after{content:none}.cmx-wish{position:absolute;right:14px;top:14px;z-index:3;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#fff;color:#111;display:grid;place-items:center;cursor:pointer;box-shadow:0 4px 14px #00000024;opacity:0;transform:scale(.7);transition:opacity .25s,transform .3s cubic-bezier(.3,1.6,.5,1),color .2s}.cmx-wish svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cmx-card:hover .cmx-wish,.cmx-wish.is-on,.cmx-wish:focus-visible{opacity:1;transform:none}.cmx-wish.is-on{color:#e11d1d}.cmx-wish.is-on svg{fill:currentColor}.cmx-ov{position:absolute;left:14px;right:14px;bottom:14px;z-index:3;display:flex;align-items:center;gap:8px;opacity:0;transform:translateY(14px);transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1);pointer-events:none}.cmx-card:hover .cmx-ov,.cmx-card:focus-within .cmx-ov{opacity:1;transform:none;pointer-events:auto}.cmx-qty{display:inline-flex;align-items:center;flex:none;height:48px;padding:0 6px;border-radius:999px;background:#fff;box-shadow:0 4px 14px #0000001f;font:600 15px/1 var(--font);color:#111}.cmx-qty button{width:30px;height:30px;padding:0;border:0;border-radius:50%;background:none;color:#111;font:400 20px/1 var(--font);cursor:pointer;transition:background .2s}.cmx-qty button:hover{background:#eef0f2}.cmx-qty b{min-width:22px;text-align:center;font-weight:600}.cmx-add{flex:1;min-width:0;height:48px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 14px;border:0;border-radius:999px;background:var(--cmx-add,#111);color:#fff;font:700 13px/1 var(--font);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:transform .2s,background .2s,opacity .2s}.cmx-add:hover{transform:scale(1.03);background:#000}.cmx-add svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cmx-add__t:after{content:var(--cm-add-text,"Add to cart")}.cmx-add.is-loading{opacity:.65;pointer-events:none}.cmx-add.is-done{background:#1a7f4b}.cmx-add.is-err{background:#b5322d}.cmx-add.is-off{background:#e5e7eb;color:#6b7280;cursor:default;transform:none}.cmx-body{display:flex;flex-direction:column;align-items:center;flex:1;padding:16px 14px 18px;container-type:inline-size;container-name:cmxb}.cmx-vendor{font:600 12px/1 var(--font);letter-spacing:.2em;text-transform:uppercase;color:#6b6f76}.cmx-name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 0;min-height:2.8em;font:500 17px/1.4 var(--font);color:#111;overflow-wrap:anywhere}.cmx-name:hover{color:var(--cm-navy,#0f4c6e)}.cmx-note{margin-top:6px;font:500 12px/1.4 var(--font);color:var(--cmx-price,#e11d1d)}.cmx-desc{margin:4px 0 0;font:400 12px/1.5 var(--font);color:#6b7280}.cmx-rate{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:6px;font:400 11px/1.4 var(--font);color:#6b7280}.cmx-rate i{font-style:normal;color:#f5a623;letter-spacing:.06em}.cmx-price{display:flex;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 10px;margin-top:10px;direction:ltr}.cmx-price b{font:800 18px/1.2 var(--font);color:var(--cmx-price,#e11d1d)}.cmx-price small{font:500 11px/1 var(--font);color:#6b7280}.cmx-price s{font:400 13px/1.2 var(--font);color:#8b93a1}.cmx-ctl{display:none}@media(hover:none)and (min-width:990px){.cmx-wish{opacity:1;transform:none}.cmx-ov{opacity:1;transform:none;pointer-events:auto}}@media(max-width:989px){.cmx-card{--cmx-radius:22px}.cmx-card:hover{transform:none;box-shadow:none;border-color:#e4e6ea}.cmx-badge{left:10px;top:10px;height:26px;padding:0 11px;font-size:11px}.cmx-ov{display:none}.cmx-wish{opacity:1;transform:none;top:auto;bottom:10px;right:10px;width:34px;height:34px}.cmx-wish svg{width:16px;height:16px}.cmx-body{padding:12px 10px 14px}.cmx-vendor{font-size:10px;letter-spacing:.16em}.cmx-name{margin-top:8px;font-size:14px}.cmx-price{margin-top:8px}.cmx-price b{font-size:15px}.cmx-price s{font-size:11px}.cmx-ctl{display:flex;align-items:center;gap:6px;width:100%;margin-top:12px}.cmx-ctl .cmx-qty{height:38px;padding:0 2px;box-shadow:none;border:1px solid #d3d6da}.cmx-ctl .cmx-qty button{width:22px;height:22px;font-size:16px}.cmx-ctl .cmx-qty b{min-width:15px;font-size:13px}.cmx-ctl .cmx-add{height:38px;padding:0 6px;font-size:10px;letter-spacing:.02em}.cmx-ctl .cmx-add svg{display:none}}@container cmxm (max-width:280px){.cmx-ov{left:10px;right:10px;bottom:10px;gap:6px}.cmx-ov .cmx-qty{height:40px;padding:0 3px}.cmx-ov .cmx-qty button{width:24px;height:24px;font-size:18px}.cmx-ov .cmx-qty b{min-width:18px;font-size:14px}.cmx-ov .cmx-add{height:40px;padding:0 8px;gap:0;font-size:11px;letter-spacing:.02em}.cmx-ov .cmx-add svg{display:none}}@container cmxb (max-width:155px){.cmx-ctl{flex-direction:column;align-items:stretch;gap:6px}.cmx-ctl .cmx-qty{width:100%;justify-content:space-between;padding:0 8px}.cmx-ctl .cmx-add{flex:none;width:100%}}.cmx-dots{display:none}@media(max-width:989px),(hover:none){.cmx-card.has-2 .cmx-link{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cmx-card.has-2 .cmx-link::-webkit-scrollbar{display:none}.cmx-card.has-2 .cmx-img{position:static;flex:0 0 100%;width:100%;height:100%;scroll-snap-align:center;scroll-snap-stop:always;opacity:1;transform:none}.cmx-card.has-2:hover .cmx-img{opacity:1;transform:none}.cmx-dots{position:absolute;left:0;right:0;bottom:10px;z-index:3;display:flex;justify-content:center;gap:5px;pointer-events:none}.cmx-dots i{width:6px;height:6px;border-radius:50%;background:#11111138;transition:background .2s,transform .2s}.cmx-dots i.on{background:#111;transform:scale(1.2)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/cm-pcard.css.map */