.dfc-section{--dfc-cyan: #00aeef;--dfc-cyan-hover: #0096d1;--dfc-cyan-soft: #e3f5fc;--dfc-orange: #ff6b1a;--dfc-orange-hover: #e85a0c;--dfc-orange-glow: rgba(255, 107, 26, .35);--dfc-bg: transparent;--dfc-border: transparent;--dfc-text: #2b2f36;--dfc-text-muted: #6b7280;--dfc-white: #ffffff;--dfc-green: #2e7d32;--dfc-green-bg: #e8f5e9;--dfc-radius: 20px;--dfc-radius-sm: 12px;--dfc-radius-pill: 999px;--dfc-max: 1600px;--dfc-height: 250px;--dfc-form-width: 560px;--dfc-font: "Plus Jakarta Sans", "Montserrat", system-ui, -apple-system, sans-serif;--dfc-font-display: "Plus Jakarta Sans", "Montserrat", system-ui, sans-serif;--dfc-shadow: 0 10px 30px rgba(15, 60, 90, .08);--dfc-shadow-popup: 0 24px 60px rgba(10, 30, 50, .28);--dfc-transition: .28s cubic-bezier(.22, 1, .36, 1);font-family:var(--dfc-font);color:var(--dfc-text);padding:0;background:transparent;box-sizing:border-box}.dfc-section *,.dfc-section *:before,.dfc-section *:after{box-sizing:border-box}.dfc-section__outer{max-width:var(--dfc-max);margin:0 auto}.dfc-banner{position:relative;display:flex;align-items:stretch;min-height:var(--dfc-height);border-radius:var(--dfc-radius);border:0;background-color:transparent;background-image:var(--dfc-banner-bg-image, none);background-size:cover;background-position:center right;background-repeat:no-repeat;overflow:hidden;box-shadow:none;animation:dfc-fade-up .55s var(--dfc-transition) both}.dfc-banner__inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-start;gap:0;width:100%;min-height:var(--dfc-height);padding:28px 32px 28px 48px}.dfc-banner__left{flex:0 1 auto;width:100%;max-width:var(--dfc-form-width);min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:0;text-align:left}.dfc-banner__heading{margin:0;max-width:none;width:auto;font-family:var(--dfc-font-display);font-size:22px;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--dfc-text);text-align:left;white-space:nowrap}.dfc-banner__heading-text{display:inline}.dfc-banner__heading-highlight{display:inline;color:var(--dfc-cyan);white-space:nowrap}.dfc-banner__subheading{margin:6px 0 0;max-width:none;width:auto;font-size:12px;font-weight:400;line-height:1.4;color:var(--dfc-text-muted);text-align:left;white-space:nowrap}.dfc-form{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:12px;width:100%;max-width:420px;text-align:left}.dfc-form__fields{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:10px;width:100%}.dfc-field{flex:1 1 0;width:0;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:4px;text-align:left}.dfc-field__label{display:block;margin:0;font-size:11px;font-weight:700;line-height:1.2;color:var(--dfc-text);text-align:left}.dfc-field__control{position:relative;display:block;width:100%}.dfc-field__select{appearance:none;-webkit-appearance:none;display:block;width:100%;height:32px;padding:0 26px 0 10px;border:1px solid #c5e6f5;border-radius:6px;background:var(--dfc-white);color:var(--dfc-text);font-family:inherit;font-size:11px;font-weight:500;line-height:32px;cursor:pointer;transition:border-color var(--dfc-transition),box-shadow var(--dfc-transition)}.dfc-field__select:hover{border-color:var(--dfc-cyan)}.dfc-field__select:focus{outline:none;border-color:var(--dfc-cyan);box-shadow:0 0 0 3px #00aeef2e}.dfc-field__select.is-invalid{border-color:#e53935;box-shadow:0 0 0 3px #e539351f}.dfc-field__select option[disabled]{color:var(--dfc-text-muted)}.dfc-field__chevron{position:absolute;right:8px;top:50%;width:12px;height:12px;color:#8a93a0;pointer-events:none;transform:translateY(-50%)}.dfc-field__chevron svg{display:block;width:100%;height:100%}.dfc-field__error{margin:0;font-size:10px;font-weight:500;line-height:1.2;color:#e53935}.dfc-field__error[hidden]{display:none}.dfc-form__submit{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;max-width:100%;align-self:stretch;min-height:34px;margin:0;padding:0 12px;border:0;border-radius:6px;background:var(--dfc-cyan);color:var(--dfc-white);font-family:inherit;font-size:12px;font-weight:700;line-height:1.2;letter-spacing:0;cursor:pointer;transition:background-color var(--dfc-transition),transform var(--dfc-transition),box-shadow var(--dfc-transition);box-shadow:0 4px 12px #00aeef3d}.dfc-form__submit:hover{background:var(--dfc-cyan-hover);transform:translateY(-1px);box-shadow:0 10px 20px #00aeef57}.dfc-form__submit:active{transform:translateY(0)}.dfc-form__submit:focus-visible{outline:2px solid var(--dfc-cyan);outline-offset:3px}.dfc-form__submit-icon{width:13px;height:13px;flex-shrink:0;transition:transform var(--dfc-transition)}.dfc-form__submit:hover .dfc-form__submit-icon{transform:translate(3px)}.dfc-banner__right{position:relative;flex:1 1 auto;display:flex;align-items:center;justify-content:flex-end;min-height:170px;margin-left:auto;pointer-events:none}.dfc-banner__visual{position:relative;display:flex;align-items:flex-end;justify-content:center;width:100%;max-width:260px;height:190px;flex-shrink:0}.dfc-banner__dog{display:block;width:100%;height:100%;max-width:260px;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 10px 18px rgba(20,60,90,.12));animation:dfc-float-soft 4.8s ease-in-out infinite}.dfc-banner__visual:empty{display:none}.dfc-banner__quantity{display:none;position:relative;flex-shrink:0;flex-direction:column;align-items:flex-start;gap:2px;max-width:220px;text-align:left}.dfc-banner__quantity-swirl{position:absolute;top:-34px;left:-6px;width:74px;height:46px;color:var(--dfc-cyan);opacity:.55}.dfc-banner__quantity-label{margin:0;font-size:15px;font-weight:700;line-height:1.3;color:var(--dfc-text)}.dfc-banner__quantity-value{margin:2px 0 0;font-size:28px;font-weight:800;line-height:1.15;letter-spacing:-.01em;color:var(--dfc-cyan)}.dfc-banner__quantity-note{margin:2px 0 0;font-size:12px;font-weight:500;color:var(--dfc-text-muted)}.dfc-popup{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.dfc-popup[hidden]{display:none}.dfc-popup.is-open{display:flex}.dfc-popup__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a12209e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .3s ease}.dfc-popup.is-open .dfc-popup__overlay{opacity:1}.dfc-popup__dialog{position:relative;z-index:1;width:min(520px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:20px;background:var(--dfc-white);box-shadow:var(--dfc-shadow-popup);opacity:0;transform:translateY(18px) scale(.96);transition:opacity .32s var(--dfc-transition),transform .32s var(--dfc-transition);container-type:inline-size;container-name:dfc-popup}.dfc-popup.is-open .dfc-popup__dialog{opacity:1;transform:translateY(0) scale(1)}.dfc-popup__close{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:50%;background:#0f172a0f;color:var(--dfc-text);cursor:pointer;transition:background-color var(--dfc-transition),transform var(--dfc-transition)}.dfc-popup__close:hover{background:#0f172a1f;transform:rotate(90deg)}.dfc-popup__close svg{width:16px;height:16px}.dfc-popup__grid{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0}.dfc-popup__media{flex:0 0 auto;width:100%;display:flex;align-items:center;justify-content:center;padding:20px 20px 4px;background:linear-gradient(180deg,#f7fbff,#fff)}.dfc-popup__image{display:block;width:100%;max-width:clamp(90px,28cqw,140px);height:auto;margin:0 auto;object-fit:contain;filter:drop-shadow(0 12px 20px rgba(20,40,70,.12))}.dfc-popup__image--placeholder{aspect-ratio:3 / 4;border-radius:16px;background:linear-gradient(160deg,#eef6fb,#d9ecf6)}.dfc-popup__content{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:10px;padding:12px clamp(16px,6cqw,28px) clamp(18px,6cqw,28px)}.dfc-popup__badge{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:clamp(5px,1.6cqw,7px) clamp(10px,3cqw,14px);border-radius:var(--dfc-radius-pill);background:var(--dfc-green-bg);color:var(--dfc-green);font-size:clamp(10px,2.6cqw,12px);font-weight:700;line-height:1.2}.dfc-popup__badge-icon{width:clamp(14px,4cqw,18px);height:clamp(14px,4cqw,18px);color:var(--dfc-green);flex-shrink:0}.dfc-popup__match-text{margin:0;font-size:clamp(10px,2.6cqw,12px);font-weight:500;line-height:1.45;color:var(--dfc-green)}.dfc-popup__title{margin:2px 0 0;font-size:clamp(15px,4.6cqw,20px);font-weight:800;line-height:1.2;letter-spacing:-.02em;color:#111827}.dfc-popup__description{margin:0;max-width:100%;font-size:clamp(11px,2.8cqw,13px);font-weight:400;line-height:1.5;color:var(--dfc-text-muted)}.dfc-popup__tags{display:flex;flex-wrap:wrap;gap:clamp(6px,2cqw,8px);margin:4px 0 0;padding:0;list-style:none}.dfc-popup__tag{display:inline-flex;align-items:center;gap:6px;padding:clamp(5px,1.8cqw,7px) clamp(8px,2.8cqw,12px);border:1px solid #d7dee7;border-radius:var(--dfc-radius-pill);background:var(--dfc-white);font-size:clamp(9px,2.2cqw,11px);font-weight:600;color:#374151}.dfc-popup__tag svg{width:clamp(13px,3.6cqw,16px);height:clamp(13px,3.6cqw,16px);color:#6b7280;flex-shrink:0}.dfc-popup__features{display:flex;flex-wrap:wrap;gap:clamp(8px,2.4cqw,10px) clamp(12px,4cqw,18px);margin:6px 0 0;padding:clamp(10px,3.4cqw,14px) clamp(12px,4cqw,16px);list-style:none;border-radius:14px;background:var(--dfc-cyan-soft)}.dfc-popup__features li{display:inline-flex;align-items:center;gap:8px;font-size:clamp(10px,2.4cqw,12px);font-weight:600;color:var(--dfc-text)}.dfc-popup__features svg{width:clamp(15px,4.2cqw,18px);height:clamp(15px,4.2cqw,18px);flex-shrink:0}.dfc-popup__footer{display:flex;flex-direction:column;gap:clamp(10px,3cqw,14px);margin-top:8px}.dfc-popup__recommended{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0}.dfc-popup__recommended-label{font-size:clamp(10px,2.4cqw,12px);font-weight:600;color:var(--dfc-text-muted)}.dfc-popup__recommended-value{font-size:clamp(13px,3.6cqw,16px);font-weight:800;color:var(--dfc-cyan);letter-spacing:-.01em}.dfc-popup__actions{display:flex;align-items:center;gap:12px}.dfc-popup__cta{display:inline-flex;align-items:center;justify-content:center;min-height:clamp(40px,11cqw,48px);padding:0 clamp(20px,7cqw,36px);border-radius:var(--dfc-radius-pill);background:var(--dfc-orange);color:var(--dfc-white);font-size:clamp(12px,3cqw,14px);font-weight:700;line-height:1.2;text-decoration:none;box-shadow:0 10px 24px var(--dfc-orange-glow);transition:background-color var(--dfc-transition),transform var(--dfc-transition),box-shadow var(--dfc-transition)}.dfc-popup__cta:hover{background:var(--dfc-orange-hover);transform:translateY(-1px);box-shadow:0 14px 28px #ff6b1a6b;color:var(--dfc-white)}.dfc-popup__cta[aria-disabled=true]{pointer-events:none;opacity:.6}.dfc-popup__wishlist{display:inline-flex;align-items:center;justify-content:center;width:clamp(40px,11cqw,48px);height:clamp(40px,11cqw,48px);border:1px solid #d7dee7;border-radius:50%;background:var(--dfc-white);color:#6b7280;cursor:pointer;transition:color var(--dfc-transition),border-color var(--dfc-transition),transform var(--dfc-transition)}.dfc-popup__wishlist:hover,.dfc-popup__wishlist.is-active{color:#e53935;border-color:#f5b5b0;transform:scale(1.05)}.dfc-popup__wishlist svg{width:22px;height:22px}.dfc-popup__wishlist.is-active svg path{fill:currentColor}body.dfc-popup-open{overflow:hidden}@keyframes dfc-fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes dfc-float-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media(prefers-reduced-motion:reduce){.dfc-banner,.dfc-banner__dog,.dfc-popup__dialog,.dfc-popup__overlay{animation:none!important;transition:none!important}}@media screen and (max-width:1200px){.dfc-banner__inner{padding:16px 22px}.dfc-banner__heading{font-size:20px;white-space:nowrap}.dfc-banner__visual{width:100%;max-width:240px}}@media screen and (max-width:991px){.dfc-banner{min-height:0;background-image:none;background-color:#eef7fc;border:1px solid #d7eef8}.dfc-banner__inner{flex-direction:column;align-items:stretch;gap:16px;padding:22px 20px 24px;min-height:0}.dfc-banner__left{flex:1 1 auto;max-width:100%;width:100%}.dfc-banner__heading{font-size:20px;white-space:normal;width:100%;max-width:100%}.dfc-banner__subheading{white-space:normal;width:100%;max-width:100%}.dfc-form{max-width:100%;width:100%}.dfc-banner__right{flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;min-height:0;margin:6px 0 0;pointer-events:none}.dfc-banner__visual{width:100%;max-width:420px;height:auto}.dfc-banner__dog{width:100%;height:auto;max-width:100%}.dfc-banner__quantity{display:flex;align-items:center;max-width:100%;text-align:center}.dfc-banner__quantity-swirl{display:none}.dfc-banner__quantity-label{font-size:12px}.dfc-banner__quantity-value{font-size:20px}.dfc-banner__quantity-note{font-size:10px}.dfc-popup__dialog{width:min(480px,100%)}}@media screen and (max-width:767px){.dfc-section{padding:0 12px;margin-top:24px}.dfc-banner{border-radius:16px;background-color:#eef7fc;background-image:none}.dfc-banner__inner{padding:20px 16px 18px;gap:0}.dfc-banner__heading{font-size:clamp(9px,3.1vw,18px);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.dfc-banner__subheading{margin-top:8px;font-size:clamp(10px,2.9vw,12px);line-height:1.45;white-space:normal;max-width:100%}.dfc-form{margin-top:16px;gap:12px;max-width:100%}.dfc-form__fields{flex-direction:column;flex-wrap:nowrap;gap:12px}.dfc-field,.dfc-field:last-child{flex:1 1 auto;width:100%}.dfc-field__label{position:relative;z-index:1;font-size:12px}.dfc-field__select{height:40px;line-height:40px;font-size:13px;border-radius:8px;background:#fff}.dfc-form__submit{min-height:42px;font-size:13px;border-radius:8px}.dfc-banner__right{display:flex;justify-content:center;align-items:center;width:100%;margin:4px 0 0;pointer-events:none}.dfc-banner__visual{width:100%;max-width:300px;height:auto}.dfc-banner__dog{width:100%;height:auto;max-width:100%;animation:none}.dfc-popup{padding:12px;align-items:flex-end}.dfc-popup__dialog{width:100%;max-height:calc(100vh - 24px);border-radius:18px 18px 12px 12px}.dfc-popup__grid{flex-direction:column}.dfc-popup__cta{flex:1 1 auto;width:100%}}@media screen and (max-width:575px){.dfc-section{padding:0 10px}.dfc-banner__inner{padding:18px 14px 16px}.dfc-form__fields{gap:10px}.dfc-form__submit{font-size:12px;min-height:40px}.dfc-banner__visual{max-width:260px}.dfc-banner__quantity-label{font-size:11px}.dfc-banner__quantity-value{font-size:18px}.dfc-banner__quantity-note{font-size:9px}.dfc-popup__features li{flex:1 1 calc(50% - 6px)}.dfc-popup__actions{width:100%}}@media screen and (max-width:480px){.dfc-banner__inner{padding:16px 12px 14px}.dfc-field__select{height:38px;line-height:38px}.dfc-banner__visual{max-width:230px}}@supports not (container-type: inline-size){.dfc-popup__title{font-size:clamp(15px,4.5vw,20px)}.dfc-popup__description{font-size:clamp(11px,2.8vw,13px)}.dfc-popup__badge,.dfc-popup__match-text,.dfc-popup__recommended-label,.dfc-popup__features li{font-size:clamp(10px,2.4vw,12px)}.dfc-popup__tag{font-size:clamp(9px,2.2vw,11px)}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/dog-food-calculator.css.map */