.tp-guide-hero{background:var(--tp-color-bg);padding:32px 32px 20px}.tp-guide-hero__container{max-width:var(--tp-max-width);margin:0 auto}.tp-guide-hero__panel{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:40px;align-items:center;background:linear-gradient(135deg,var(--tp-color-white) 0%,var(--tp-color-bg-soft) 100%);border:1px solid var(--tp-color-border);border-radius:24px;padding:48px 52px;box-shadow:var(--tp-shadow-soft)}.tp-guide-hero__panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--tp-color-accent);border-radius:24px 0 0 24px}.tp-guide-hero__eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--tp-color-accent);margin:0 0 14px}.tp-guide-hero__eyebrow svg{width:14px;height:14px}.tp-guide-hero__title{font-size:clamp(30px,3.4vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1;color:var(--tp-color-dark);margin:0 0 14px}.tp-guide-hero__subtitle{font-size:16px;line-height:1.7;color:var(--tp-color-text-muted);margin:0 0 24px;max-width:560px}.tp-guide-hero__ctas{display:flex;flex-wrap:wrap;gap:12px}.tp-guide-hero__ctas--center{justify-content:center;margin-top:8px}.tp-guide-hero__aside{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:22px 24px;background:#ffffff8c;border:1px solid var(--tp-color-border);border-radius:18px}.tp-guide-hero__orb{position:absolute;right:-60px;top:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--tp-color-accent-light) 0%,rgba(233,210,180,0) 70%);pointer-events:none}.tp-guide-hero__aside-label{position:relative;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tp-color-text-muted);margin:0}.tp-guide-hero__chips{position:relative;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tp-guide-hero__chip{display:inline-flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border-radius:12px;background:var(--tp-color-white);border:1px solid var(--tp-color-border);color:var(--tp-color-dark);font-size:14px;font-weight:600;text-decoration:none;transition:border-color .2s ease,transform .2s ease}.tp-guide-hero__chip svg{width:14px;height:14px;color:var(--tp-color-accent)}.tp-guide-hero__chip:hover,.tp-guide-hero__chip:focus-visible{border-color:var(--tp-color-accent);transform:translate(3px)}.tp-guide-hero__chip:focus-visible{outline:2px solid var(--tp-color-accent);outline-offset:2px}@keyframes tp-guide-fx{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.tp-guide-hero__fx{animation:tp-guide-fx .45s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 80ms)}}.tp-guide-quicknav{background:var(--tp-color-bg);display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%;max-width:none;margin:0;padding:16px max(32px,calc((100% - var(--tp-max-width)) / 2)) 40px;box-sizing:border-box;scroll-margin-top:calc(var(--tp-header-height, 76px) + 16px)}.tp-guide-quicknav__pill{display:inline-flex;align-items:center;gap:8px;min-height:40px;font-size:13.5px;font-weight:600;color:var(--tp-color-dark);background:var(--tp-color-white);border:1.5px solid var(--tp-color-border);border-radius:100px;padding:9px 16px;text-decoration:none;transition:border-color .2s ease,background .2s ease}.tp-guide-quicknav__pill:hover,.tp-guide-quicknav__pill:focus-visible{border-color:var(--tp-color-accent);background:var(--tp-color-accent-light)}.tp-guide-quicknav__pill:focus-visible{outline:2px solid var(--tp-color-accent);outline-offset:2px}.tp-guide-section{background:var(--tp-color-bg);padding:56px 32px;scroll-margin-top:calc(var(--tp-header-height, 76px) + 16px)}.tp-guide-section--alt{background:var(--tp-color-bg-soft)}.tp-guide-section__container{max-width:760px;margin:0 auto}.tp-guide-section__container--wide{max-width:var(--tp-max-width)}.tp-guide-section__title{font-size:clamp(22px,2.4vw,28px);font-weight:800;letter-spacing:-.02em;color:var(--tp-color-dark);margin:0 0 10px}.tp-guide-need{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:40px;align-items:start}.tp-guide-need__situation{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tp-color-accent);margin:0 0 8px}.tp-guide-need__intro{font-size:15px;line-height:1.65;color:var(--tp-color-text-muted);margin:0 0 14px}.tp-guide-need__tips{list-style:none;margin:0 0 16px;padding:0;display:flex;flex-direction:column;gap:8px}.tp-guide-need__tips li{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.55;color:var(--tp-color-dark)}.tp-guide-need__tips svg{width:14px;height:14px;margin-top:4px;flex-shrink:0;color:var(--tp-color-accent)}.tp-guide-need__link{font-size:14px;font-weight:700;color:var(--tp-color-accent);text-decoration:none}.tp-guide-need__link:hover{text-decoration:underline}.tp-guide-need__label{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--tp-color-text-muted);margin:0 0 10px}.tp-guide-need__grid.tp-related__grid{max-width:none;gap:16px}.tp-related__note{font-size:12.5px;line-height:1.45;color:var(--tp-color-text-muted)}.tp-guide-faq-link{margin:18px 0 0;font-size:14px;color:var(--tp-color-white);opacity:.85}.tp-guide-faq-link a{color:inherit;font-weight:700}.tp-about-cta__btn-outline{border-color:var(--tp-color-white);color:var(--tp-color-white)}.tp-about-cta__btn-outline:hover{background:var(--tp-color-white);color:var(--tp-color-dark)}@media(prefers-reduced-motion:reduce){.tp-guide-quicknav__pill,.tp-guide-hero__chip{transition:none}}@media(max-width:1024px){.tp-guide-need{grid-template-columns:1fr;gap:24px}.tp-guide-hero__panel{grid-template-columns:1fr;gap:24px;padding:36px 32px}.tp-guide-hero__chips{flex-direction:row;flex-wrap:wrap}.tp-guide-hero__chip{width:auto}}@media(max-width:900px){.tp-guide-hero{padding:20px 20px 12px}.tp-guide-hero__panel{padding:28px 22px;border-radius:20px}.tp-guide-quicknav{padding:12px 20px 32px;justify-content:flex-start}.tp-guide-section{padding:40px 0}.tp-guide-section__container--wide{padding:0 20px}.tp-guide-need__grid.tp-related__grid{margin:0 -20px;padding:4px 20px 12px}}@media(max-width:600px){.tp-guide-hero__ctas .btn{width:100%;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/toudoupet-guide.css.map */