:root{--dvf-btn: #013d5a;--dvf-accent: #f5b301;--dvf-ratio: 2 / 3;--dvf-font: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--dvf-ink: #0e2733;--dvf-muted: #5d7482;--dvf-line: #dfe8ed;--dvf-save: #17804a;--dvf-radius: 16px}.product-list__inner.dvf-list{--product-list-column-gap: 8px;--product-list-block-spacing: 10px}@media(min-width:741px){.product-list__inner.dvf-list{--product-list-column-gap: 12px;--product-list-block-spacing: 18px}}@media(min-width:1200px){.product-list__inner.dvf-list{--product-list-column-gap: 14px;--product-list-block-spacing: 20px}}.dvf-card{display:flex;flex-direction:column;min-width:0;position:relative;overflow:hidden;background:#fff;border:1px solid var(--dvf-line);border-radius:var(--dvf-radius);font-family:var(--dvf-font);color:var(--dvf-ink);animation:dvf-in .38s cubic-bezier(.2,.7,.2,1) both}.dvf-card *,.dvf-card *:before,.dvf-card *:after{box-sizing:border-box}.dvf-card a{text-decoration:none}.dvf-card form{margin:0}@keyframes dvf-in{0%{opacity:0;transform:translateY(10px)}}.dvf-card__media{position:relative;display:block;aspect-ratio:var(--dvf-ratio);overflow:hidden;background:#e9f0f3}.dvf-card__media img,.dvf-card__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s ease,transform .5s ease}.dvf-card__media .dvf-card__hover{opacity:0}@media(hover:hover){.dvf-card:hover .dvf-card__hover.is-loaded{opacity:1}.dvf-card:hover .dvf-card__media img:only-of-type{transform:scale(1.03)}}.dvf-card__off{position:absolute;top:10px;left:10px;z-index:1;padding:6px 9px 5px;border-radius:8px;background:var(--dvf-accent);color:var(--dvf-btn);font-weight:800;font-size:14px;line-height:1}.dvf-card__soldout{position:absolute;top:10px;right:10px;z-index:1;padding:4px 8px;border-radius:6px;background:#fff;font-size:12px;font-weight:600}.dvf-card__foot{position:absolute;inset:auto 0 0;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.dvf-card__top{max-width:calc(100% - 16px);margin:0 0 10px 8px;padding:6px 8px 5px 7px;overflow:hidden;border-radius:999px;background:#fff;color:var(--dvf-btn);font-weight:700;font-size:11px;line-height:1;white-space:nowrap;text-overflow:ellipsis;box-shadow:0 0 0 2px var(--dvf-accent),0 6px 14px -6px #01283c99}.dvf-card__top:has(+.dvf-card__offer){margin-bottom:0}.dvf-card__offer{width:100%;padding:22px 10px 8px;background:linear-gradient(0deg,#013d5aeb,#013d5a00);color:#fff;font-weight:600;font-size:13px;line-height:1.2}.dvf-card__body{display:flex;flex:1;flex-direction:column;gap:4px;padding:10px 9px 11px}.dvf-card__rating{display:flex;align-items:center;gap:4px;color:var(--dvf-muted);font-size:13px;line-height:1}.dvf-card__rating b{display:inline-flex;align-items:center;gap:3px;padding:3px 6px 2px;border-radius:5px;background:var(--dvf-save);color:#fff;font-weight:600;font-size:12px}.dvf-card__title{display:-webkit-box;min-height:2.6em;margin-top:2px;overflow:hidden;color:var(--dvf-ink);font-weight:600;font-size:14.5px;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dvf-card__title:hover{color:var(--dvf-btn)}.dvf-card__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 7px;margin-top:auto;padding-top:4px}.dvf-card__now{font-weight:800;font-size:19px;line-height:1.1}.dvf-card__was{color:var(--dvf-muted);font-size:13.5px}.dvf-card__save{width:100%;color:var(--dvf-save);font-weight:600;font-size:13px}.dvf-card__deal,.dvf-card__prepaid{display:inline-flex;align-self:flex-start;align-items:center;gap:5px;max-width:100%;margin-top:4px;border-radius:8px;font-weight:700;font-size:11.5px;line-height:1.15}.dvf-card__deal svg,.dvf-card__prepaid svg{flex:none;width:13px;height:13px}.dvf-card__deal{padding:5px 7px 4px;border:1px solid #fbc9ad;background:#fff1e8;color:#c2410c}.dvf-card__deal.is-urgent{border-color:#f5b5ae;background:#fdecea;color:#c62d22}.dvf-card__deal.is-urgent svg{animation:dvf-tick 1s steps(2,end) infinite}@keyframes dvf-tick{50%{opacity:.35}}.dvf-card__prepaid{padding:4px 7px 3px;border:1px dashed #9fd3b4;background:#eaf6ef;color:var(--dvf-save)}.dvf-card__batch{display:flex;flex-direction:column;gap:5px;margin-top:6px;color:#c2410c;font-weight:700;font-size:12px;line-height:1.15}.dvf-card__batch[hidden]{display:none}.dvf-card__batch.is-low{color:#c62d22}.dvf-card__batch-bar{display:block;height:5px;overflow:hidden;border-radius:3px;background:#f6e2d4}.dvf-card__batch-bar b{display:block;height:100%;border-radius:3px;background:currentColor}.dvf-card__batch-name{display:inline-flex;align-items:center;gap:4px;width:fit-content;max-width:100%;padding:3px 6px;border-radius:6px;background:#fdf0d5;color:#8a5300;font-style:normal;font-size:10.5px;line-height:1.2}.dvf-card__batch-name svg{display:none;flex:none;color:#d08a00}.dvf-card--deal .dvf-card__save,.dvf-card:not(.dvf-card--deal) .dvf-card__deal,.dvf-card--no-discount .dvf-card__deal,.dvf-card--no-discount .dvf-card__save,.dvf-card--no-discount .dvf-card__off{display:none}.dvf-card__variant{width:100%;min-height:38px;margin-top:6px;padding:7px 8px;border:1.5px solid var(--dvf-line);border-radius:10px;background:#fff;color:var(--dvf-ink);font:inherit;font-size:13px}.dvf-card__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;margin-top:8px;border:0;border-radius:12px;background:var(--dvf-btn);color:#fff;font:inherit;font-weight:700;font-size:15px;letter-spacing:.01em;cursor:pointer;transition:filter .2s,transform .1s}.dvf-card__btn:hover{filter:brightness(1.25)}.dvf-card__btn:active{transform:scale(.98)}.dvf-card__btn:focus-visible{outline:3px solid var(--dvf-accent);outline-offset:2px}.dvf-card__btn[disabled]{background:#c7d3da;cursor:not-allowed;filter:none}.dvf-card__btn[aria-busy=true]{pointer-events:none;filter:brightness(1.25)}.dvf-card__btn[data-srsc-in-flight]{position:relative;color:transparent;filter:brightness(1.25)}.dvf-card__btn[data-srsc-in-flight]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:18px;height:18px;margin:auto;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:dvf-spin .7s linear infinite}.dvf-card__btn.is-added{background:var(--dvf-save)}.dvf-card__btn svg{flex:none}.dvf-spin{width:18px;height:18px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:dvf-spin .7s linear infinite}@keyframes dvf-spin{to{transform:rotate(360deg)}}@media(min-width:400px){.dvf-card__deal,.dvf-card__prepaid{font-size:12px}}@media(min-width:741px){.dvf-card__body{padding:12px 13px 14px}.dvf-card__title{font-size:15.5px}.dvf-card__top{margin:0 0 12px 12px;padding:6px 10px 5px 9px;font-size:12.5px}.dvf-card__deal{gap:6px;padding:5px 9px 4px;font-size:13px}.dvf-card__prepaid{gap:6px;padding:4px 9px 3px;font-size:13px}.dvf-card__deal svg,.dvf-card__prepaid svg{width:14px;height:14px}.dvf-card__batch{font-size:13px}.dvf-card__batch-name{padding:3px 7px;font-size:12px}.dvf-card__batch-name svg{display:block}}.dvf-toast{position:fixed;left:50%;bottom:calc(16px + max(env(safe-area-inset-bottom,0px),var(--dvf-lift, 0px)));z-index:5;display:flex;align-items:center;gap:12px;width:min(92vw,460px);padding:12px;border-radius:16px;background:#fff;color:var(--dvf-ink);font-family:var(--dvf-font);box-shadow:0 12px 40px -10px #013d5a73;opacity:0;pointer-events:none;transform:translate(-50%,20px);transition:opacity .25s,transform .25s}.dvf-toast.is-on{opacity:1;pointer-events:auto;transform:translate(-50%)}.dvf-toast img{flex:none;width:44px;height:64px;border-radius:8px;object-fit:cover;background:#e9f0f3}.dvf-toast img:not([src]){display:none}.dvf-toast__txt{flex:1;min-width:0;font-size:14px;line-height:1.3}.dvf-toast__txt b{display:block;color:var(--dvf-save)}.dvf-toast__txt span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dvf-toast.is-error .dvf-toast__txt b{color:#c62d22}.dvf-toast.is-error .dvf-toast__txt span{white-space:normal}.dvf-toast a{flex:none;padding:10px 14px;border-radius:10px;background:var(--dvf-accent);color:var(--dvf-btn);font-weight:700;font-size:14px;text-decoration:none}.dvf-toast.is-error a{display:none}@media(prefers-reduced-motion:reduce){.dvf-card,.dvf-card *,.dvf-toast{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/dvf-card.css.map */