@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap');

:root { --brand-orange:#d76422; --brand-orange-dark:#b94e16; --brand-dark:#281913; --brand-brown:#4a2d22; --text:#302b29; --muted:#766e69; --line:#e9e1dc; --surface:#fff; --background:#f7f4f2; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
html,body { min-height:100%; margin:0; }
body { background:var(--background); color:var(--text); font-family:'Open Sans',Arial,sans-serif; }
button,input,select { font:inherit; }
img { display:block; max-width:100%; }
a { color:inherit; }
.site-container { width:min(1240px,calc(100% - 48px)); margin-inline:auto; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

.site-header { position:sticky; z-index:20; top:0; background:var(--brand-dark); box-shadow:0 5px 18px rgb(36 20 15 / 12%); }
.site-topbar { border-bottom:1px solid rgb(255 255 255 / 10%); color:#d8cbc5; }
.site-topbar__inner { min-height:34px; display:flex; align-items:center; justify-content:space-between; gap:20px; font-size:11px; }
.site-topbar nav { display:flex; gap:24px; }
.site-topbar a { text-decoration:none; transition:color .2s ease; }
.site-topbar a:hover { color:#fff; }
.site-mainbar { position:relative; }
.site-mainbar::after { content:''; position:absolute; z-index:0; right:0; bottom:-14px; left:0; height:16px; background:var(--brand-dark); clip-path:ellipse(72% 100% at 50% 0%); }
.site-mainbar__inner { position:relative; z-index:1; min-height:88px; display:flex; align-items:stretch; gap:24px; }
.site-logo { width:220px; flex:0 0 220px; display:flex; align-items:center; padding:15px 0; }
.site-logo img { width:100%; height:auto; transform:translateY(5px); }
.site-nav { display:flex; align-items:stretch; margin-left:30px; }
.site-nav a { position:relative; display:inline-flex; align-items:center; padding:0 14px; color:#eee7e3; font-size:14px; font-weight:700; text-decoration:none; white-space:nowrap; }
.site-nav a::after { content:''; position:absolute; top:calc(50% + 15px); right:14px; left:14px; height:6px; border-radius:999px; background:var(--brand-orange); transform:scaleX(0); transition:transform .2s ease; }
.site-nav a:hover::after,.site-nav a.is-active::after { transform:scaleX(1); }
.site-nav a:hover { color:#fff; }
.site-nav>a>svg,.site-account-nav,.site-nav__mobile-account,.site-nav__mobile-title,.site-nav__mobile-support { display:none; }
.site-header__actions { margin-left:auto; display:flex; align-items:center; gap:8px; }
.site-action { min-height:50px; display:inline-flex; align-items:center; gap:9px; padding:0 13px; border:1px solid rgb(255 255 255 / 18%); border-radius:9px; color:#fff; text-decoration:none; }
.site-action svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
.site-action span { font-size:11px; font-weight:700; line-height:1.2; white-space:nowrap; }
.site-action small { display:block; margin-bottom:2px; color:#cbbcb5; font-size:9px; font-weight:500; }
.site-action--announce { border-color:#f0ded3; background:#f0ded3; color:var(--brand-brown); }
.site-action--announce small { color:var(--brand-orange-dark); }
.site-action--announce:hover { border-color:#fff; background:#fff; }
.site-action--panel { border-color:var(--brand-orange); background:var(--brand-orange); }
.site-action--panel small { color:#ffe1d1; }
.site-action--panel:hover { border-color:var(--brand-orange-dark); background:var(--brand-orange-dark); }
.site-menu-button,.site-account-menu-button { display:none; }
.user-access-modal { width:min(calc(100% - 28px),490px); max-height:calc(100vh - 30px); overflow:auto; padding:0; border:0; border-radius:17px; background:#fff; color:var(--text); box-shadow:0 30px 90px rgb(25 15 11 / 35%); }
.user-access-modal::backdrop { background:rgb(30 20 16 / 68%); backdrop-filter:blur(4px); }
.user-access-modal__close { position:absolute; z-index:2; top:14px; right:14px; width:34px; height:34px; border:0; border-radius:50%; background:#eee6e2; color:#766a64; font-size:22px; line-height:1; cursor:pointer; }
.user-access-modal>header { padding:30px 32px 23px; border-bottom:1px solid #ebdfd9; background:linear-gradient(135deg,#fff,#f7efeb); }
.user-access-modal>header small { color:var(--brand-orange); font-size:9px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.user-access-modal>header h2 { margin:6px 42px 7px 0; color:var(--brand-dark); font-size:28px; line-height:1.15; letter-spacing:-.04em; }
.user-access-modal>header p { margin:0; color:#766a64; font-size:12px; line-height:1.6; }
.user-access-form { display:grid; gap:13px; padding:25px 32px 29px; }
.user-access-form[hidden],.user-access-success[hidden] { display:none; }
.user-access-form label>span { display:block; margin-bottom:6px; color:#645852; font-size:10px; font-weight:800; text-transform:uppercase; }
.user-access-form input { width:100%; height:49px; padding:0 14px; border:1px solid #ddd2cc; border-radius:8px; outline:0; background:#fff; color:var(--text); font-size:13px; }
.user-access-form input:focus { border-color:var(--brand-orange); box-shadow:0 0 0 3px rgb(215 100 34 / 10%); }
.user-access-form>button[type="submit"],.user-access-success>button { min-height:49px; display:flex; align-items:center; justify-content:center; gap:8px; padding:0 18px; border:0; border-radius:8px; background:var(--brand-orange); color:#fff; font-size:12px; font-weight:800; cursor:pointer; }
.user-access-form>button[type="submit"]:hover,.user-access-success>button:hover { background:var(--brand-orange-dark); }
.user-access-form>button[type="submit"]:disabled { cursor:wait; opacity:.65; }
.user-access-form>p { min-height:0; margin:0; color:#a2382f; font-size:11px; font-weight:700; line-height:1.5; text-align:center; }
.user-access-form>p:empty { display:none; }
.user-access-form>p.is-success { color:#287842; }
.user-access-form__switch { width:100%; min-height:44px; justify-self:stretch; padding:0 16px; border:1px solid #dccfc8; border-radius:8px; background:#f8f3f0; color:var(--brand-orange-dark); font-size:14px; font-weight:800; cursor:pointer; transition:border-color .2s,background .2s; }
.user-access-form__switch:hover { border-color:#cfb7aa; background:#f2e7e1; }
.user-access-form__back { justify-self:start; padding:0; border:0; background:transparent; color:#756861; font-size:10px; font-weight:700; cursor:pointer; }
.user-access-honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.user-access-success { padding:35px 32px 32px; text-align:center; }
.user-access-success>span { width:52px; height:52px; display:grid; place-items:center; margin:0 auto 16px; border-radius:50%; background:#e7f5eb; color:#287842; font-size:23px; font-weight:800; }
.user-access-success h3 { margin:0; color:var(--brand-dark); font-size:24px; }
.user-access-success p { margin:9px 0 22px; color:#70645e; font-size:12px; line-height:1.65; }

.hero { position:relative; overflow:hidden; padding:40px 0 38px; background:linear-gradient(180deg,transparent 76%,var(--background) 100%),linear-gradient(118deg,#efe7e1 0%,#f8f5f3 51%,#ede2dc 100%); }
.hero__watermark { position:absolute; width:470px; height:510px; top:-67px; left:27%; fill:rgb(215 100 34 / 12%); filter:drop-shadow(0 8px 18px rgb(185 78 22 / 5%)); transform:rotate(-11deg); pointer-events:none; }
.hero__grid { min-height:460px; display:grid; grid-template-columns:minmax(360px,.8fr) minmax(560px,1.2fr); align-items:center; gap:46px; }
.hero__content { position:relative; z-index:2; padding:24px 0; }
.hero__eyebrow { color:var(--brand-orange); font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; }
.hero h1 { max-width:500px; margin:13px 0 17px; color:var(--brand-dark); font-size:clamp(38px,4.2vw,60px); line-height:1.04; letter-spacing:-.052em; }
.hero__content>p { max-width:560px; margin:0; color:#6d625d; font-size:16px; line-height:1.65; }
.hero__numbers { margin-top:32px; display:flex; flex-wrap:wrap; gap:12px; }
.hero__numbers span { min-width:166px; padding:15px 17px; border-left:3px solid var(--brand-orange); background:#fff; color:#625752; box-shadow:0 8px 24px rgb(58 35 27 / 8%); }
.hero__numbers strong,.hero__numbers small { display:block; }
.hero__numbers strong { color:var(--brand-brown); font-size:19px; }
.hero__numbers small { margin-top:3px; color:var(--muted); font-size:10px; }
.hero__numbers span:nth-child(2) { border-left-color:var(--brand-orange-dark); background:var(--brand-orange); box-shadow:0 10px 28px rgb(185 78 22 / 22%); }
.hero__numbers span:nth-child(2) strong,.hero__numbers span:nth-child(2) small { color:#fff; }

.search-wrap { position:relative; z-index:5; }
.horse-search { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:13px; align-items:end; padding:26px; border:1px solid rgb(74 45 34 / 10%); border-radius:15px; background:#fff; box-shadow:0 18px 46px rgb(58 35 27 / 13%); }
.horse-search__heading { grid-column:1/-1; display:flex; align-items:center; gap:12px; padding-bottom:7px; }
.horse-search__heading strong,.horse-search__heading small { display:block; }
.horse-search__heading strong { color:var(--brand-dark); font-size:18px; }
.horse-search__heading small { margin-top:3px; color:var(--muted); font-size:11px; }
.horse-search__icon { width:38px; height:38px; display:grid; place-items:center; border-radius:10px; background:#fff1e8; color:var(--brand-orange); }
.horse-search__icon svg,.horse-search__submit svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; }
.field { min-width:0; }
.field span { display:block; margin:0 0 8px 2px; color:#5e5550; font-size:11px; font-weight:700; text-transform:uppercase; letter-spacing:.045em; }
.field input,.field select { width:100%; height:52px; border:1px solid #ded5d0; border-radius:8px; outline:0; background:#fff; color:var(--text); font-size:14px; transition:border-color .2s,box-shadow .2s; }
.field input { padding:0 14px; }
.field select { padding:0 36px 0 13px; }
.field input::placeholder { color:#aaa09b; }
.field input:focus,.field select:focus { border-color:var(--brand-orange); box-shadow:0 0 0 3px rgb(215 100 34 / 10%); }
.field--query { grid-column:1/-1; }
.advanced-search { grid-column:1; align-self:end; }
.advanced-search summary { display:flex; align-items:center; width:max-content; color:var(--brand-brown); font-size:12px; font-weight:800; cursor:pointer; list-style:none; }
.advanced-search summary::-webkit-details-marker { display:none; }
.advanced-search__button { display:inline-flex; min-height:52px; align-items:center; padding:0 18px; border:1px solid var(--brand-orange); border-radius:8px; background:#fff7f2; color:var(--brand-orange); font-size:12px; font-weight:800; transition:background .2s,color .2s; }
.advanced-search__button::after { content:'+'; margin-left:8px; font-size:18px; font-weight:400; }
.advanced-search[open] .advanced-search__button::after { content:'−'; }
.advanced-search summary:hover .advanced-search__button,.advanced-search[open] .advanced-search__button { background:var(--brand-orange); color:#fff; }
.advanced-search__panel { display:none; }
.advanced-search[open] .advanced-search__panel { position:absolute; z-index:20; inset:12px; display:block; overflow-y:auto; padding:21px 23px; border:1px solid #eadbd3; border-radius:12px; background:#fff; box-shadow:0 18px 44px rgb(53 31 23 / 20%); }
.advanced-search__heading { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:14px; border-bottom:1px solid #eee4df; }
.advanced-search__heading small,.advanced-search__heading strong { display:block; }
.advanced-search__heading small { color:var(--brand-orange); font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.advanced-search__heading strong { margin-top:3px; color:var(--brand-dark); font-size:18px; }
.advanced-search__heading button { width:34px; height:34px; flex:none; border:1px solid #e4d7d0; border-radius:50%; background:#faf6f3; color:#6f5e56; font-size:20px; line-height:1; cursor:pointer; }
.advanced-search__fields { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; padding:16px 0 14px; }
.advanced-search__checks { display:flex; flex-wrap:wrap; gap:8px 17px; padding:0 0 15px; }
.advanced-search__checks label { display:inline-flex; align-items:center; gap:6px; color:#5e5550; font-size:12px; cursor:pointer; }
.advanced-search__checks input { width:15px; height:15px; margin:0; accent-color:var(--brand-orange); }
.advanced-search__actions { display:flex; align-items:center; justify-content:flex-end; gap:9px; padding-top:14px; border-top:1px solid #eee4df; }
.advanced-search__actions button { min-height:42px; display:inline-flex; align-items:center; justify-content:center; gap:7px; padding:0 17px; border:1px solid #dfd1ca; border-radius:8px; background:#fff; color:#705f56; font-size:11px; font-weight:800; cursor:pointer; }
.advanced-search__actions button[type="submit"] { border-color:var(--brand-orange); background:var(--brand-orange); color:#fff; }
.advanced-search__actions svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.9; }
.horse-search__submit { grid-column:2; justify-self:end; height:52px; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:0 25px; border:0; border-radius:8px; background:var(--brand-orange); color:#fff; font-size:13px; font-weight:800; cursor:pointer; transition:background .2s,transform .2s; }
.horse-search__submit:hover { background:var(--brand-orange-dark); transform:translateY(-1px); }

.portal-banners { padding:30px 0 8px; background:var(--background); }
.portal-banners__grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.portal-banner { position:relative; aspect-ratio:20/7; overflow:hidden; border-radius:16px; background:var(--brand-dark); box-shadow:0 15px 36px rgb(58 35 27 / 14%); color:#fff; text-decoration:none; }
.portal-banner::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgb(24 13 9 / 88%) 0%,rgb(24 13 9 / 52%) 54%,rgb(24 13 9 / 4%) 100%); transition:background .25s ease; }
.portal-banner picture,.portal-banner picture img { width:100%; height:100%; }
.portal-banner picture img { object-fit:cover; transition:transform .45s ease; }
.portal-banner__content { position:absolute; z-index:1; inset:0; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-end; padding:24px; }
.portal-banner__content small { margin-bottom:8px; color:#f3a06f; font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.portal-banner__content strong { max-width:72%; font-size:clamp(19px,1.8vw,26px); line-height:1.1; letter-spacing:-.025em; }
.portal-banner__content>span { position:absolute; top:18px; right:18px; min-height:36px; display:inline-flex; align-items:center; gap:8px; padding:0 14px; border:1px solid rgb(255 255 255 / 45%); border-radius:999px; background:rgb(20 11 8 / 28%); font-size:10px; font-weight:800; }
.portal-banner__content i { color:#f48a4d; font-size:17px; font-style:normal; }
.portal-banner:hover picture img { transform:scale(1.035); }
.portal-banner:hover::after { background:linear-gradient(90deg,rgb(24 13 9 / 92%) 0%,rgb(24 13 9 / 57%) 54%,rgb(24 13 9 / 8%) 100%); }
.animal-showcase { padding:42px 0 64px; background:var(--background); }
.section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:30px; margin-bottom:24px; }
.section-heading small { color:var(--brand-orange); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.section-heading h2 { margin:5px 0 4px; color:var(--brand-dark); font-size:30px; letter-spacing:-.035em; }
.section-heading p { margin:0; color:var(--muted); font-size:12px; }
.section-heading>a { display:inline-flex; align-items:center; justify-content:center; gap:10px; min-height:44px; padding:10px 17px; border:1px solid var(--brand-orange); border-radius:8px; background:var(--brand-orange); color:#fff; font-size:12px; font-weight:800; text-decoration:none; white-space:nowrap; transition:background-color .2s,border-color .2s,transform .2s; }
.section-heading>a span { color:inherit; font-size:19px; line-height:1; }
.section-heading>a:hover { border-color:var(--brand-orange-dark); background:var(--brand-orange-dark); transform:translateY(-1px); }
.animal-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:18px 14px; }
.animal-card { min-width:0; overflow:hidden; border:1px solid #e7ded9; border-radius:12px; background:#fff; color:var(--text); text-decoration:none; transition:border-color .2s,box-shadow .2s,transform .2s; }
.animal-card__photo { position:relative; display:block; aspect-ratio:13/10; overflow:hidden; background:#eee8e4; }
.animal-card__photo img { width:100%; height:100%; object-fit:cover; }
.animal-card__photo small { position:absolute; top:10px; left:10px; padding:5px 8px; border-radius:999px; background:var(--brand-orange); color:#fff; font-size:9px; font-weight:800; text-transform:uppercase; }
.animal-card__body { display:flex; flex-direction:column; min-height:153px; padding:14px; }
.animal-card__body>strong { min-height:40px; overflow:hidden; color:var(--brand-dark); font-size:15px; line-height:1.35; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.animal-card__breed { min-height:35px; margin-top:5px; overflow:hidden; color:var(--muted); font-size:12px; line-height:1.45; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.animal-card__breed i { color:#c9bbb3; font-style:normal; }
.animal-card__meta { display:flex; gap:6px; margin-top:9px; }
.animal-card__meta span { padding:4px 7px; border-radius:5px; background:#f4f0ed; color:#655b56; font-size:12px; }
.animal-card__location { margin-top:9px; overflow:hidden; color:#756c67; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
.animal-card__body>b { margin-top:auto; padding-top:10px; color:var(--brand-orange-dark); font-size:15px; }
.animal-card:hover { border-color:#d8c8bf; box-shadow:0 10px 25px rgb(58 35 27 / 10%); transform:translateY(-2px); }
.animal-card__placeholder { width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:9px; color:#9a8d86; font-size:11px; font-weight:700; }
.animal-card__placeholder svg { width:31px; height:31px; fill:none; stroke:currentColor; stroke-width:1.5; }
.animals-catalog { min-height:calc(100vh - 184px); background:var(--background); }
.animals-catalog__hero { position:relative; overflow:hidden; padding:52px 0 6px; background:linear-gradient(180deg,#f1e7e2 0%,#f6efeb 68%,var(--background) 100%); }
.animals-catalog__hero .site-container { position:relative; z-index:1; }
.animals-catalog__hero small { color:var(--brand-orange); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.animals-catalog__hero h1 { margin:7px 0 8px; color:var(--brand-dark); font-size:42px; line-height:1.1; letter-spacing:-.045em; }
.animals-catalog__hero p { max-width:670px; margin:0; color:#665b56; font-size:14px; line-height:1.65; }
.animals-catalog__body { position:relative; z-index:1; margin-top:-18px; padding-top:0; padding-bottom:68px; }
.animals-catalog__toolbar { min-height:51px; display:flex; align-items:flex-start; justify-content:flex-end; gap:14px; margin-bottom:17px; }
.animals-catalog__toolbar>button { min-height:45px; display:inline-flex; align-items:center; gap:9px; padding:0 17px; border:0; border-radius:8px; background:var(--brand-orange); color:#fff; font-size:12px; font-weight:800; cursor:pointer; transition:background .2s,transform .2s; }
.animals-catalog__toolbar>button { order:2; }
.animals-catalog__toolbar>button:hover { background:var(--brand-orange-dark); transform:translateY(-1px); }
.animals-catalog__toolbar>button svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; }
.animals-catalog__toolbar>button span { min-width:21px; height:21px; display:grid; place-items:center; margin-left:2px; border-radius:999px; background:#fff; color:var(--brand-orange-dark); font-size:9px; }
.animals-catalog__toolbar>a { min-height:45px; display:flex; align-items:center; order:1; color:var(--brand-orange-dark); font-size:11px; font-weight:800; text-decoration:none; }
.animals-catalog__grid { align-items:stretch; }
.animals-catalog__empty { padding:65px 25px; border:1px solid #e4d8d1; border-radius:13px; background:#fff; text-align:center; }
.animals-catalog__empty strong { color:var(--brand-dark); font-size:22px; }
.animals-catalog__empty p { margin:8px 0 19px; color:var(--muted); font-size:13px; }
.animals-catalog__empty a { color:var(--brand-orange-dark); font-size:12px; font-weight:800; }
.animals-pagination { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:22px; margin-top:38px; padding-top:27px; border-top:1px solid #e2d7d1; }
.animals-pagination>div { display:flex; align-items:center; justify-content:center; gap:6px; }
.animals-pagination a { min-width:39px; height:39px; display:inline-flex; align-items:center; justify-content:center; padding:0 11px; border:1px solid #ddd1ca; border-radius:7px; background:#fff; color:#5c514b; font-size:11px; font-weight:800; text-decoration:none; }
.animals-pagination a:hover,.animals-pagination a.is-active { border-color:var(--brand-orange); background:var(--brand-orange); color:#fff; }
.animals-pagination__direction { min-width:94px!important; }
.animals-pagination__direction:last-child { justify-self:end; }
.animals-pagination a.is-disabled { opacity:.42; pointer-events:none; }
.animals-pagination span { padding:0 2px; color:#887b74; }
.animal-filter-modal[hidden] { display:none; }
.animal-filter-modal { position:fixed; z-index:2000; inset:0; display:grid; place-items:center; padding:20px; }
.animal-filter-modal__backdrop { position:absolute; inset:0; width:100%; border:0; background:rgb(31 20 16 / 72%); backdrop-filter:blur(4px); cursor:pointer; }
.animal-filter-modal__dialog { position:relative; width:min(100%,780px); max-height:calc(100vh - 40px); overflow:auto; border:1px solid #e6d9d2; border-radius:17px; background:#fff; box-shadow:0 28px 80px rgb(25 13 9 / 32%); }
.animal-filter-modal__dialog>header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:25px 28px 21px; border-bottom:1px solid #eadfd9; background:#faf6f4; }
.animal-filter-modal__dialog>header small { color:var(--brand-orange); font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.animal-filter-modal__dialog>header h2 { margin:5px 0 0; color:var(--brand-dark); font-size:27px; letter-spacing:-.035em; }
.animal-filter-modal__dialog>header>button { width:36px; height:36px; border:0; border-radius:50%; background:#f1e7e2; color:#604a40; font-size:25px; line-height:1; cursor:pointer; }
.animal-filter-modal__dialog>form { padding:24px 28px 27px; }
.animal-filter-modal__fields { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.animal-filter-modal__fields label { min-width:0; }
.animal-filter-modal__fields label.is-wide { grid-column:1/-1; }
.animal-filter-modal__fields label>span { display:block; margin-bottom:7px; color:#625650; font-size:10px; font-weight:800; text-transform:uppercase; }
.animal-filter-modal__fields input,.animal-filter-modal__fields select { width:100%; height:46px; padding:0 13px; border:1px solid #ddd2cc; border-radius:8px; outline:0; background:#fff; color:var(--text); font-size:12px; }
.animal-filter-modal__fields input:focus,.animal-filter-modal__fields select:focus { border-color:var(--brand-orange); box-shadow:0 0 0 3px rgb(215 100 34 / 10%); }
.animal-filter-modal__checks { display:flex; flex-wrap:wrap; gap:8px; margin-top:19px; padding-top:18px; border-top:1px solid #eadfd9; }
.animal-filter-modal__checks label { min-height:38px; display:flex; align-items:center; gap:8px; padding:0 12px; border:1px solid #e2d7d1; border-radius:7px; background:#faf7f5; color:#625650; font-size:11px; font-weight:700; cursor:pointer; }
.animal-filter-modal__checks input { width:15px; height:15px; accent-color:var(--brand-orange); }
.animal-filter-modal__dialog footer { display:flex; align-items:center; justify-content:flex-end; gap:18px; margin-top:23px; }
.animal-filter-modal__dialog footer>a { color:var(--brand-orange-dark); font-size:11px; font-weight:800; }
.animal-filter-modal__dialog footer>button { min-height:46px; padding:0 22px; border:0; border-radius:8px; background:var(--brand-orange); color:#fff; font-size:12px; font-weight:800; cursor:pointer; }
.animal-filter-modal__dialog footer>button:hover { background:var(--brand-orange-dark); }
.tips-showcase { padding:64px 0 72px; border-top:4px solid var(--brand-orange); background:var(--brand-dark); }
.section-heading--tips { align-items:flex-start; }
.section-heading--tips h2 { color:#fff; }
.section-heading--tips p { color:#cdbfb9; }
.tips-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.tip-card { min-height:255px; display:flex; flex-direction:column; align-items:flex-start; padding:25px 26px; border:1px solid rgb(255 255 255 / 10%); border-radius:12px; background:#35221b; }
.tip-card h2,.tip-card h3 { margin:0; color:#fff; font-size:18px; line-height:1.4; letter-spacing:-.02em; }
.tip-card p { margin:14px 0 22px; color:#cdbfb9; font-size:12px; line-height:1.7; }
.tip-card>a { display:inline-flex; align-items:center; gap:8px; margin-top:auto; color:#f08243; font-size:12px; font-weight:800; text-decoration:none; }
.tip-card>a span { font-size:18px; transition:transform .2s; }
.tip-card>a:hover span { transform:translateX(3px); }
.tips-page { min-height:calc(100vh - 184px); padding:72px 0; background:var(--brand-dark); }
.content-page-heading { max-width:760px; margin-bottom:34px; }
.content-page-heading small,.tip-detail__article>small { color:var(--brand-orange); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.content-page-heading h1 { margin:8px 0 10px; color:#fff; font-size:38px; line-height:1.15; letter-spacing:-.04em; }
.content-page-heading p { margin:0; color:#cdbfb9; font-size:14px; }
.content-empty { color:#cdbfb9; }
.tip-detail { min-height:calc(100vh - 184px); padding:58px 0 68px; background:#f7f4f2; }
.tip-detail__layout { display:grid; grid-template-columns:minmax(0,1fr) 340px; align-items:start; gap:22px; }
.tip-detail__article { max-width:860px; margin:auto; padding:42px 48px; border:1px solid #e7ded9; border-radius:14px; background:#fff; box-shadow:0 16px 42px rgb(58 35 27 / 8%); }
.tip-detail__layout .tip-detail__article { width:100%; max-width:none; margin:0; }
.tip-detail__back { display:inline-flex; align-items:center; gap:8px; margin-bottom:35px; color:var(--brand-orange-dark); font-size:12px; font-weight:800; text-decoration:none; }
.tip-detail__article h1 { margin:8px 0 28px; color:var(--brand-dark); font-size:38px; line-height:1.18; letter-spacing:-.04em; }
.tip-detail__content { color:#554b46; font-size:15px; line-height:1.85; }
.tip-detail__content p { margin:0 0 20px; }
.tip-detail__content h2,.tip-detail__content h3 { margin:32px 0 12px; color:var(--brand-dark); }
.tip-popular { position:sticky; top:145px; padding:28px 24px 24px; border:1px solid #ded2cc; border-radius:14px; background:#eee7e3; }
.tip-popular>header { margin-bottom:18px; }
.tip-popular>header small { color:var(--brand-orange-dark); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.tip-popular>header h2 { margin:5px 0 0; color:var(--brand-dark); font-size:27px; letter-spacing:-.035em; }
.tip-popular nav { display:grid; gap:10px; }
.tip-popular nav>a { position:relative; overflow:hidden; padding:20px 18px; border:1px solid #e5dad4; border-radius:11px; background:#fff; color:var(--text); text-decoration:none; transition:border-color .2s,box-shadow .2s,transform .2s; }
.tip-popular nav>a:hover { border-color:#d3b8aa; box-shadow:0 9px 22px rgb(58 35 27 / 8%); transform:translateY(-2px); }
.tip-popular nav>a>span { position:absolute; top:9px; right:13px; color:#e8ddd7; font-size:30px; font-weight:900; line-height:1; transform:rotate(5deg); }
.tip-popular nav strong { max-width:235px; display:block; padding-right:26px; color:var(--brand-dark); font-size:15px; line-height:1.4; }
.tip-popular nav p { margin:10px 0 13px; color:#70645e; font-size:12px; line-height:1.55; }
.tip-popular nav b { color:var(--brand-orange-dark); font-size:11px; }
.tip-animals { margin-top:34px; padding-top:33px; border-top:1px solid #dfd4ce; }
.tip-animals>header { display:flex; align-items:end; justify-content:space-between; gap:28px; margin-bottom:22px; }
.tip-animals>header small { color:var(--brand-orange); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.tip-animals>header h2 { margin:5px 0 6px; color:var(--brand-dark); font-size:30px; letter-spacing:-.04em; }
.tip-animals>header p { margin:0; color:#6f635d; font-size:13px; }
.tip-animals>header>a { flex:none; color:var(--brand-orange-dark); font-size:12px; font-weight:800; text-decoration:none; }
.animal-continuation { padding:58px 0 68px; background:var(--background); }
.market-discovery { padding:62px 0 70px; border-top:1px solid #ded1ca; background:repeating-linear-gradient(135deg,rgb(72 42 31 / 2.4%) 0 1px,transparent 1px 15px),linear-gradient(135deg,#f0e8e3 0%,#e8ddd7 100%); }
.market-discovery__grid { display:grid; grid-template-columns:minmax(0,23fr) minmax(0,51fr) minmax(260px,26fr); gap:18px; align-items:stretch; }
.discovery-panel { padding:26px; border:1px solid #e7ded9; border-radius:13px; background:#fbf8f6; }
.discovery-panel--breeds { background:#f7efeb; }
.discovery-panel header { margin-bottom:20px; }
.discovery-panel header small { color:var(--brand-orange); font-size:9px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.discovery-panel header h2 { margin:5px 0 0; color:var(--brand-dark); font-size:23px; letter-spacing:-.035em; }
.breed-links { display:grid; gap:6px; }
.breed-links a { min-width:0; min-height:34px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:6px 10px; border-radius:7px; color:#554b46; font-size:11px; font-weight:700; text-decoration:none; transition:background .2s,color .2s; }
.breed-links a span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.breed-links a b { min-width:25px; padding:3px 6px; border-radius:999px; background:#eee5e0; color:var(--brand-orange-dark); font-size:9px; text-align:center; }
.breed-links a:hover { background:#efe5df; color:var(--brand-orange-dark); }
.discovery-panel--owners { display:flex; flex-direction:column; background:#fffaf7; }
.discovery-heading-action { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; }
.discovery-heading-action>a { flex:none; display:inline-flex; align-items:center; gap:7px; min-height:34px; padding:0 12px; border:1px solid #df6220; border-radius:7px; color:var(--brand-orange-dark); font-size:10px; font-weight:800; text-decoration:none; transition:background .2s,color .2s; }
.discovery-heading-action>a:hover { background:var(--brand-orange); color:#fff; }
.owner-grid { flex:1; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:repeat(4,minmax(92px,1fr)); gap:10px; }
.owner-card { position:relative; min-width:0; min-height:92px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:8px; padding:15px 48px 15px 18px; border:1px solid #e8ded8; border-radius:10px; background:#fff; text-decoration:none; transition:border-color .2s,box-shadow .2s,transform .2s; }
.owner-card:hover { border-color:#d8c8bf; box-shadow:0 8px 20px rgb(58 35 27 / 8%); transform:translateY(-1px); }
.owner-card__icon { position:absolute; top:17px; right:17px; width:21px; height:21px; fill:none; stroke:#d85c1b; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; opacity:.72; }
.owner-card>span { min-width:0; width:100%; }
.owner-card strong,.owner-card small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.owner-card strong { color:var(--brand-dark); font-size:13px; }
.owner-card small { margin-top:4px; color:var(--muted); font-size:10px; }
.owner-card>b { color:var(--brand-orange-dark); font-size:10px; }
.discovery-panel--safety { position:relative; overflow:hidden; display:flex; flex-direction:column; border-color:#4d352b; background:linear-gradient(155deg,#3b2922 0%,#281a15 100%); color:#e8ddd7; box-shadow:0 14px 28px rgb(45 27 20 / 12%); }
.discovery-panel--safety>header,.discovery-panel--safety>.safety-rule,.discovery-panel--safety>.safety-list,.discovery-panel--safety>.safety-contact { position:relative; z-index:1; }
.safety-watermark { position:absolute; right:-48px; bottom:-46px; width:235px; height:235px; color:#ee7b32; opacity:.055; pointer-events:none; transform:rotate(-8deg); }
.safety-watermark svg { width:100%; height:100%; fill:none; stroke:currentColor; stroke-width:1.25; stroke-linecap:round; stroke-linejoin:round; }
.discovery-panel--safety header { position:relative; }
.discovery-panel--safety header small { color:#ee7b32; }
.discovery-panel--safety header h2 { color:#fff; }
.safety-rule { margin:-7px 0 15px; padding:11px 12px; border-left:2px solid #ee7b32; background:rgb(238 123 50 / 8%); color:#f3e7e1; font-size:10px; font-weight:700; line-height:1.5; }
.safety-list { display:grid; gap:10px; }
.safety-alert { width:100%; padding:14px; border:1px solid rgb(255 255 255 / 11%); border-radius:9px; background:rgb(255 255 255 / 5%); font:inherit; text-align:left; cursor:pointer; transition:border-color .2s,background .2s,transform .2s; }
.safety-alert:hover { border-color:rgb(238 123 50 / 50%); background:rgb(255 255 255 / 8%); transform:translateY(-1px); }
.safety-alert strong { display:block; color:#fff; font-size:11px; line-height:1.4; }
.safety-alert p { margin:7px 0 0; color:#cfc0b9; font-size:10px; line-height:1.55; }
.safety-alert>span { display:inline-flex; align-items:center; gap:7px; margin-top:10px; color:#ed8a4c; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
.safety-alert>span i { font-size:13px; font-style:normal; transition:transform .2s; }
.safety-alert:hover>span i { transform:translateX(3px); }
.safety-contact { margin:auto 0 0; padding-top:18px; color:#ed8a4c; font-size:12px; font-weight:800; line-height:1.5; text-align:center; }
.safety-modal[hidden] { display:none; }
.safety-modal { position:fixed; z-index:2000; inset:0; display:grid; place-items:center; padding:20px; }
.safety-modal__backdrop { position:absolute; inset:0; width:100%; border:0; background:rgb(31 20 16 / 72%); backdrop-filter:blur(4px); cursor:pointer; }
.safety-modal__dialog { position:relative; width:min(100%,560px); padding:38px 40px 34px; border:1px solid #e6d9d2; border-radius:18px; background:#fff; box-shadow:0 28px 80px rgb(25 13 9 / 32%); }
.safety-modal__close { position:absolute; top:14px; right:16px; width:34px; height:34px; border:0; border-radius:50%; background:#f3ece8; color:#5c463d; font-size:24px; line-height:1; cursor:pointer; }
.safety-modal__icon { width:50px; height:50px; display:grid; place-items:center; margin-bottom:20px; border-radius:13px; background:#fff0e6; color:var(--brand-orange); }
.safety-modal__icon svg { width:26px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.safety-modal__dialog>small { color:var(--brand-orange-dark); font-size:10px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.safety-modal__dialog h2 { margin:7px 38px 15px 0; color:var(--brand-dark); font-size:27px; line-height:1.15; letter-spacing:-.035em; }
.safety-modal__dialog>p { margin:0; color:#62534c; font-size:14px; line-height:1.75; }
.safety-modal__official { display:grid; gap:5px; margin-top:23px; padding:16px 18px; border-left:3px solid var(--brand-orange); background:#f8f3f0; color:#5c463d; font-size:12px; }
.safety-modal__official strong { margin-bottom:2px; color:var(--brand-dark); }
.safety-modal__official a { width:max-content; max-width:100%; color:var(--brand-orange-dark); font-weight:700; text-decoration:none; }
.safety-modal__understood { min-width:116px; margin-top:23px; padding:12px 20px; border:0; border-radius:8px; background:var(--brand-orange); color:#fff; font:inherit; font-size:12px; font-weight:800; cursor:pointer; }
body.has-open-modal { overflow:hidden; }
.future-anchors { height:0; overflow:hidden; }

.history-hero { position:relative; overflow:hidden; padding:68px 0 76px; background:linear-gradient(120deg,#efe5df 0%,#faf7f5 57%,#eadbd3 100%); }
.history-hero::after { content:''; position:absolute; right:-8%; bottom:-72px; width:48%; height:150px; border-radius:50% 0 0; background:rgb(255 255 255 / 45%); transform:rotate(-4deg); }
.history-hero__mark { position:absolute; top:-118px; right:7%; width:430px; height:430px; object-fit:contain; opacity:.075; filter:saturate(.8); transform:rotate(9deg); pointer-events:none; }
.history-hero__inner { position:relative; z-index:1; }
.history-hero__inner>span,.history-intro small,.history-chapters small,.history-side>small,.history-values header small,.history-cta small { color:var(--brand-orange); font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.history-hero h1 { max-width:790px; margin:11px 0 17px; color:var(--brand-dark); font-size:clamp(44px,5vw,68px); line-height:1.03; letter-spacing:-.052em; }
.history-hero p { max-width:710px; margin:0; color:#6d625d; font-size:17px; line-height:1.65; }
.history-page { padding:0 0 78px; background:#f7f4f2; }
.history-highlights { position:relative; z-index:2; display:grid; grid-template-columns:repeat(3,1fr); transform:translateY(-35px); overflow:hidden; border:1px solid #e5d9d2; border-radius:14px; background:#fff; box-shadow:0 18px 42px rgb(58 35 27 / 10%); }
.history-highlights div { min-height:116px; display:flex; flex-direction:column; justify-content:center; padding:22px 30px; border-right:1px solid #eadfd9; }
.history-highlights div:last-child { border-right:0; background:var(--brand-orange); }
.history-highlights strong,.history-highlights span { display:block; }
.history-highlights strong { color:var(--brand-brown); font-size:24px; letter-spacing:-.03em; }
.history-highlights span { margin-top:5px; color:var(--muted); font-size:11px; }
.history-highlights div:last-child strong,.history-highlights div:last-child span { color:#fff; }
.history-intro { display:grid; grid-template-columns:minmax(320px,.85fr) minmax(0,1.15fr); gap:70px; align-items:end; padding:38px 0 66px; }
.history-intro h2,.history-chapters h2,.history-side h2,.history-values h2,.history-cta h2 { margin:8px 0 0; color:var(--brand-dark); font-size:30px; line-height:1.2; letter-spacing:-.04em; }
.history-intro>p { margin:0; color:#5f5550; font-size:16px; line-height:1.85; }
.history-layout { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(310px,.72fr); gap:24px; align-items:start; }
.history-chapters { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.history-chapters article { position:relative; overflow:hidden; min-height:310px; padding:34px 32px; border:1px solid #e6dcd6; border-radius:14px; background:#fff; }
.history-chapters article:nth-child(2),.history-chapters article:nth-child(3) { background:#f3ebe7; }
.history-chapters article>span { position:absolute; top:-17px; right:14px; color:rgb(215 100 34 / 8%); font-size:86px; font-weight:800; line-height:1; letter-spacing:-.09em; transform:rotate(-9deg); pointer-events:none; }
.history-chapters article>div { position:relative; z-index:1; }
.history-chapters h2 { margin-top:7px; font-size:22px; }
.history-chapters p { margin:15px 0 0; color:#665b55; font-size:13px; line-height:1.78; }
.history-side { position:sticky; top:150px; overflow:hidden; padding:36px 33px; border-radius:15px; background:linear-gradient(155deg,#3b2922,#281a15); color:#d8cbc5; box-shadow:0 17px 38px rgb(45 27 20 / 14%); }
.history-side::after { content:''; position:absolute; right:-74px; bottom:-80px; width:215px; height:215px; border:28px solid rgb(215 100 34 / 7%); border-radius:50%; }
.history-side h2 { color:#fff; font-size:27px; }
.history-side>p { margin:18px 0 25px; font-size:12px; line-height:1.75; }
.history-side blockquote { position:relative; z-index:1; margin:0; padding:19px 0 19px 18px; border-left:3px solid var(--brand-orange); color:#f4ebe7; font-size:15px; font-weight:600; line-height:1.65; }
.history-side>strong { position:relative; z-index:1; display:block; margin-top:20px; color:#ed8a4c; font-size:11px; }
.history-values { margin-top:70px; padding:58px 0 65px; border-top:1px solid #e4d9d3; }
.history-values header { max-width:640px; margin-bottom:27px; }
.history-values header h2 { margin-bottom:0; }
.history-values>div { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.history-values article { position:relative; overflow:hidden; min-height:155px; padding:34px 28px 28px; border:1px solid #e6dcd6; border-radius:13px; background:#fff; }
.history-values article>span { position:absolute; top:-17px; right:13px; color:rgb(215 100 34 / 8%); font-size:82px; font-weight:800; line-height:1; letter-spacing:-.08em; transform:rotate(-9deg); pointer-events:none; }
.history-values h3,.history-values article p { position:relative; z-index:1; }
.history-values h3 { margin:0 0 8px; color:var(--brand-dark); font-size:19px; }
.history-values article p { margin:0; color:var(--muted); font-size:12px; line-height:1.7; }
.history-cta { position:relative; overflow:hidden; display:flex; align-items:center; justify-content:space-between; gap:40px; padding:37px 42px; border:1px solid #e7ddd7; border-radius:12px; background:linear-gradient(115deg,#fff 0%,#fcf9f7 100%); box-shadow:0 10px 28px rgb(58 35 27 / 5%); }
.history-cta::before { content:''; position:absolute; top:0; left:42px; width:64px; height:3px; border-radius:0 0 3px 3px; background:var(--brand-orange); }
.history-cta h2 { margin-bottom:8px; }
.history-cta p { margin:0; color:#6d625d; font-size:13px; }
.history-cta nav { flex:none; display:flex; gap:9px; }
.history-cta a,.footer-about-more { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:43px; padding:0 16px; border:1px solid var(--brand-orange); border-radius:8px; color:var(--brand-orange-dark); font-size:11px; font-weight:800; text-decoration:none; transition:background .2s,color .2s,border-color .2s; }
.history-cta a:last-child { background:var(--brand-orange); color:#fff; }
.history-cta a:hover { border-color:var(--brand-orange-dark); background:var(--brand-orange-dark); color:#fff; }
.footer-about-more { min-height:38px; flex:none; border-color:rgb(255 255 255 / 20%); color:#fff; }
.footer-about-more:hover { border-color:var(--brand-orange); background:var(--brand-orange); }

.legal-hero { position:relative; overflow:hidden; padding:60px 0 65px; background:linear-gradient(118deg,#eee4de 0%,#faf7f5 60%,#eadbd3 100%); }
.legal-hero::after { content:''; position:absolute; z-index:0; right:0; bottom:0; left:0; height:42px; background:linear-gradient(180deg,transparent 0%,rgb(247 244 242 / 72%) 58%,#f7f4f2 100%); pointer-events:none; }
.legal-hero>img { position:absolute; top:-155px; right:7%; width:390px; height:390px; object-fit:contain; opacity:.055; transform:rotate(8deg); pointer-events:none; }
.legal-hero__inner { position:relative; z-index:1; }
.legal-hero__inner>span,.legal-contact small { color:var(--brand-orange); font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.legal-hero h1 { margin:9px 0 11px; color:var(--brand-dark); font-size:clamp(38px,4.2vw,56px); line-height:1.06; letter-spacing:-.05em; }
.legal-hero p { margin:0; color:#645954; font-size:16px; line-height:1.6; }
.legal-hero__inner>small { display:block; margin-top:19px; color:#8b7e77; font-size:10px; }
.legal-tabs { position:sticky; z-index:12; top:132px; margin-top:-25px; background:transparent; }
.legal-tabs .site-container { width:max-content; max-width:calc(100% - 48px); min-height:52px; display:flex; align-items:center; gap:4px; padding:6px; border:1px solid #e1d5cf; border-radius:13px; background:rgb(255 255 255 / 94%); box-shadow:0 10px 28px rgb(61 39 30 / 9%); backdrop-filter:blur(10px); }
.legal-tabs a { min-height:40px; display:flex; align-items:center; padding:0 16px; border-radius:8px; color:#695d57; font-size:11px; font-weight:800; text-decoration:none; transition:background .2s,color .2s; }
.legal-tabs a:hover { background:#f6eee9; color:var(--brand-orange-dark); }
.legal-tabs a.is-active { background:var(--brand-orange); color:#fff; }
.legal-page { padding:58px 0 78px; background:#f7f4f2; }
.legal-intro { max-width:820px; margin:0 0 32px; color:#554b46; font-size:18px; line-height:1.75; letter-spacing:-.01em; }
.legal-highlights { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-bottom:55px; }
.legal-highlights article { position:relative; min-height:150px; padding:27px 27px 25px; border:1px solid #e6dcd6; border-radius:13px; background:#fff; }
.legal-highlights article>span { width:31px; height:4px; display:block; margin-bottom:20px; border-radius:5px; background:var(--brand-orange); }
.legal-highlights h2 { margin:0 0 8px; color:var(--brand-dark); font-size:17px; }
.legal-highlights p { margin:0; color:var(--muted); font-size:12px; line-height:1.7; }
.legal-layout { display:grid; grid-template-columns:340px minmax(0,1fr); gap:28px; align-items:start; }
.legal-summary { position:sticky; top:142px; padding:29px 27px; border:1px solid #e5dad4; border-radius:13px; background:#f1e8e3; }
.legal-summary>small { color:var(--brand-orange-dark); font-size:10px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.legal-summary nav { display:grid; gap:2px; margin-top:13px; }
.legal-summary a { display:grid; grid-template-columns:27px 1fr; gap:8px; align-items:start; padding:9px; border-radius:7px; color:#5c514c; font-size:12px; font-weight:700; line-height:1.45; text-decoration:none; transition:background .2s,color .2s; }
.legal-summary a span { color:#c08b70; font-size:10px; }
.legal-summary a:hover { background:#fff; color:var(--brand-orange-dark); }
.legal-content { display:grid; gap:13px; }
.legal-content>section { position:relative; overflow:hidden; scroll-margin-top:150px; padding:35px 40px; border:1px solid #e6dcd6; border-radius:14px; background:#fff; }
.legal-content>section:nth-child(even) { background:#fbf7f5; }
.legal-section-number { position:absolute; top:-22px; right:14px; color:rgb(215 100 34 / 7%); font-size:90px; font-weight:800; line-height:1; letter-spacing:-.09em; transform:rotate(-9deg); pointer-events:none; }
.legal-content h2 { position:relative; z-index:1; margin:0 65px 18px 0; color:var(--brand-dark); font-size:23px; line-height:1.25; letter-spacing:-.03em; }
.legal-content p { position:relative; z-index:1; margin:0 0 15px; color:#625752; font-size:13px; line-height:1.8; }
.legal-content p:last-child { margin-bottom:0; }
.legal-content ul { position:relative; z-index:1; display:grid; gap:10px; margin:0; padding:0; list-style:none; }
.legal-content li { position:relative; padding-left:20px; color:#625752; font-size:13px; line-height:1.7; }
.legal-content li::before { content:''; position:absolute; top:.68em; left:0; width:7px; height:7px; border:2px solid var(--brand-orange); border-radius:50%; }
.legal-contact { display:flex; align-items:center; justify-content:space-between; gap:35px; margin-top:55px; padding:34px 38px; border:1px solid #e1d4cd; border-radius:13px; background:linear-gradient(115deg,#fff,#faf5f2); }
.legal-contact h2 { margin:7px 0 6px; color:var(--brand-dark); font-size:25px; letter-spacing:-.035em; }
.legal-contact p { margin:0; color:var(--muted); font-size:12px; }
.legal-contact nav { flex:none; display:flex; gap:8px; }
.legal-contact a { display:inline-flex; align-items:center; min-height:43px; padding:0 15px; border:1px solid var(--brand-orange); border-radius:8px; color:var(--brand-orange-dark); font-size:10px; font-weight:800; text-decoration:none; }
.legal-contact a:last-child { background:var(--brand-orange); color:#fff; }

.support-hero { position:relative; overflow:hidden; padding:59px 0 64px; background:linear-gradient(118deg,#efe5df 0%,#fbf8f6 58%,#eadbd3 100%); }
.support-hero::after { content:""; position:absolute; z-index:2; left:-10%; bottom:-24px; width:120%; height:42px; border-radius:50% 50% 0 0 / 100% 100% 0 0; background:#f7f4f2; pointer-events:none; }
.support-hero>img { position:absolute; top:-155px; right:7%; width:390px; height:390px; object-fit:contain; opacity:.055; transform:rotate(8deg); pointer-events:none; }
.support-hero__inner { position:relative; z-index:1; }
.support-hero__inner>span,.announce-steps header small,.contact-info>small,.contact-form-card header small,.premium-options header small,.commercial-request__intro small { color:var(--brand-orange); font-size:10px; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.support-hero h1 { margin:9px 0 11px; color:var(--brand-dark); font-size:clamp(40px,4.5vw,58px); line-height:1.05; letter-spacing:-.05em; }
.support-hero p { max-width:700px; margin:0; color:#645954; font-size:16px; line-height:1.65; text-wrap:balance; }
.faq-page,.contact-page,.pricing-page { padding:56px 0 76px; background:#f7f4f2; }
.faq-page--announce { padding-top:38px; }
.faq-toolbar { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-bottom:22px; }
.faq-toolbar label { width:min(100%,480px); height:50px; display:flex; align-items:center; gap:10px; padding:0 15px; border:1px solid #e1d6d0; border-radius:9px; background:#fff; }
.faq-toolbar svg { width:19px; fill:none; stroke:var(--brand-orange); stroke-width:1.8; stroke-linecap:round; }
.faq-toolbar input { width:100%; border:0; outline:0; color:var(--text); font-size:13px; }
.faq-toolbar>a { color:#746963; font-size:11px; text-decoration:none; }
.faq-toolbar>a strong { margin-left:5px; color:var(--brand-orange-dark); }
.faq-content-layout { display:grid; grid-template-columns:230px minmax(0,1fr); align-items:start; gap:38px; }
.faq-categories { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:42px; }
.faq-content-layout .faq-categories { position:sticky; top:116px; display:grid; gap:7px; margin:0; }
.faq-categories__title { margin:0 0 7px; color:var(--brand-dark); font-size:17px; }
.faq-categories a { min-height:38px; display:inline-flex; align-items:center; gap:8px; padding:0 13px; border:1px solid #e2d7d1; border-radius:999px; background:#fff; color:#665b55; font-size:10px; font-weight:700; text-decoration:none; transition:border-color .2s,background .2s,color .2s; }
.faq-content-layout .faq-categories a { width:100%; min-height:43px; justify-content:space-between; border-radius:9px; padding:0 14px; }
.faq-categories a span { min-width:20px; padding:2px 5px; border-radius:999px; background:#f1e8e3; color:var(--brand-orange-dark); font-size:8px; text-align:center; }
.faq-categories a:hover,.faq-categories a.is-active { border-color:var(--brand-orange); background:var(--brand-orange); color:#fff; }
.faq-categories a.is-active span { background:rgb(255 255 255 / 18%); color:#fff; }
.announce-steps { position:relative; overflow:hidden; margin-bottom:45px; padding:35px; border-radius:14px; background:linear-gradient(150deg,#3b2922,#281a15); }
.announce-steps header h2 { margin:7px 0 25px; color:#fff; font-size:27px; letter-spacing:-.035em; }
.announce-steps>div { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.announcement-steps { margin-bottom:0; }
.announcement-steps>div { grid-template-columns:repeat(3,1fr); }
.announce-steps article { position:relative; overflow:hidden; min-height:145px; padding:22px; border:1px solid rgb(255 255 255 / 11%); border-radius:10px; background:rgb(255 255 255 / 5%); }
.announce-steps article>span { position:absolute; top:-13px; right:7px; color:rgb(215 100 34 / 12%); font-size:64px; font-weight:800; transform:rotate(-9deg); }
.announce-steps h3 { position:relative; margin:0 0 8px; color:#fff; font-size:15px; }
.announce-steps article p { position:relative; margin:0; color:#cfc0b9; font-size:11px; line-height:1.65; }
.announce-steps>a { display:inline-flex; align-items:center; gap:8px; min-height:42px; margin-top:20px; padding:0 15px; border-radius:8px; background:var(--brand-orange); color:#fff; font-size:11px; font-weight:800; text-decoration:none; }
.faq-list { max-width:940px; margin:auto; }
.faq-content-layout .faq-list { max-width:none; margin:0; }
.faq-page--announce .faq-list { max-width:none; }
.faq-list>h2 { margin:45px 0 13px; color:var(--brand-dark); font-size:22px; letter-spacing:-.03em; }
.faq-list>h2:first-child { margin-top:0; }
.faq-list details { margin-bottom:9px; border:1px solid #e4d9d3; border-radius:10px; background:#fff; }
.faq-list summary { min-height:65px; display:flex; align-items:center; justify-content:space-between; gap:20px; padding:15px 20px; color:var(--brand-dark); font-size:13px; font-weight:700; cursor:pointer; list-style:none; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary i { width:27px; height:27px; flex:none; display:grid; place-items:center; border-radius:50%; background:#f5ede9; color:var(--brand-orange); font-size:18px; font-style:normal; font-weight:400; }
.faq-list details[open] summary i { background:var(--brand-orange); color:#fff; transform:rotate(45deg); }
.faq-list details>div { padding:0 21px 21px; color:#625752; font-size:13px; line-height:1.8; }
.faq-list details>div p { margin:0 0 13px; }
.faq-list details>div p:last-child { margin-bottom:0; }
.faq-empty,.support-empty { padding:24px; border-radius:10px; background:#fff; color:var(--muted); font-size:13px; text-align:center; }
.contact-layout { display:grid; grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr); gap:24px; align-items:start; }
.contact-info { position:sticky; top:150px; overflow:hidden; padding:35px 32px; border-radius:14px; background:linear-gradient(150deg,#3b2922,#281a15); color:#d6c8c1; }
.contact-info::after { content:''; position:absolute; right:-70px; bottom:-75px; width:200px; height:200px; border:26px solid rgb(215 100 34 / 7%); border-radius:50%; }
.contact-info h2 { margin:8px 0 12px; color:#fff; font-size:27px; letter-spacing:-.035em; }
.contact-info>p { margin:0 0 27px; font-size:12px; line-height:1.75; }
.contact-info>a,.contact-info>div { position:relative; z-index:1; display:block; margin-top:9px; padding:15px 16px; border:1px solid rgb(255 255 255 / 11%); border-radius:9px; background:rgb(255 255 255 / 5%); text-decoration:none; }
.contact-info>a span,.contact-info>div strong,.contact-info>a strong,.contact-info>div span { display:block; }
.contact-info>a span,.contact-info>div strong { color:#ed8a4c; font-size:9px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.contact-info>a strong,.contact-info>div span { margin-top:4px; color:#fff; font-size:11px; }
.contact-form-card,.commercial-request { padding:37px 40px; border:1px solid #e4d9d3; border-radius:14px; background:#fff; }
.contact-form-card header { margin-bottom:25px; }
.contact-form-card h2,.commercial-request h2,.premium-options h2 { margin:7px 0 7px; color:var(--brand-dark); font-size:28px; letter-spacing:-.035em; }
.contact-form-card header p,.commercial-request__intro p,.premium-options header p { margin:0; color:var(--muted); font-size:12px; }
[data-contact-form] { display:grid; gap:15px; }
[data-contact-form] label>span { display:block; margin-bottom:7px; color:#5e534e; font-size:10px; font-weight:800; text-transform:uppercase; letter-spacing:.04em; }
[data-contact-form] input,[data-contact-form] select,[data-contact-form] textarea { width:100%; border:1px solid #ded4ce; border-radius:8px; outline:0; background:#fff; color:var(--text); font-size:13px; transition:border-color .2s,box-shadow .2s; }
[data-contact-form] input,[data-contact-form] select { height:49px; padding:0 13px; }
[data-contact-form] textarea { resize:vertical; min-height:120px; padding:13px; line-height:1.55; }
[data-contact-form] input:focus,[data-contact-form] select:focus,[data-contact-form] textarea:focus { border-color:var(--brand-orange); box-shadow:0 0 0 3px rgb(215 100 34 / 9%); }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
[data-contact-form] .form-consent { display:flex; align-items:flex-start; gap:9px; }
[data-contact-form] .form-consent input { width:16px; height:16px; flex:none; margin:2px 0 0; accent-color:var(--brand-orange); }
[data-contact-form] .form-consent>span { margin:0; color:#756b66; font-size:10px; font-weight:500; line-height:1.5; letter-spacing:0; text-transform:none; }
.form-consent a { color:var(--brand-orange-dark); font-weight:700; }
[data-contact-form]>button,.commercial-request__submit { width:max-content; min-height:46px; padding:0 19px; border:0; border-radius:8px; background:var(--brand-orange); color:#fff; font-size:11px; font-weight:800; cursor:pointer; }
[data-contact-form]>button:disabled,.commercial-request__submit:disabled { cursor:wait; opacity:.65; }
.form-feedback { min-height:18px; margin:0; color:#b33b3b; font-size:11px; }
.form-feedback.is-success { color:#29804a; }
.is-honeypot { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; }
.pricing-standard { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; margin:0 auto 62px; }
.pricing-standard article { position:relative; overflow:hidden; padding:34px 36px; border:1px solid #e3d8d2; border-radius:14px; background:#fff; box-shadow:0 12px 30px rgb(58 35 27 / 6%); }
.pricing-standard article:nth-child(2) { background:#f2e9e4; }
.pricing-standard article.pricing-standard__package { background:#eee1da; border-color:#ddc8bc; }
.pricing-standard__badge { position:absolute; top:20px; right:20px; padding:6px 9px; border-radius:999px; background:var(--brand-orange); color:#fff; font-size:9px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; }
.pricing-standard small { color:var(--brand-orange); font-size:10px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.pricing-standard h2 { margin:13px 0 3px; color:var(--brand-dark); font-size:42px; letter-spacing:-.05em; }
.pricing-standard h2 span { font-size:16px; }
.pricing-standard article>strong { color:#675b55; font-size:12px; }
.pricing-standard ul { display:grid; gap:9px; margin:23px 0; padding:0; list-style:none; }
.pricing-standard li { position:relative; padding-left:18px; color:#6d625d; font-size:11px; }
.pricing-standard li::before { content:'✓'; position:absolute; left:0; color:var(--brand-orange); font-weight:800; }
.pricing-standard a { display:inline-flex; min-height:42px; align-items:center; padding:0 15px; border-radius:8px; background:var(--brand-orange); color:#fff; font-size:11px; font-weight:800; text-decoration:none; }
.pricing-commercial { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); align-items:stretch; gap:22px; padding-top:52px; border-top:1px solid #e4d9d3; }
.premium-options { padding:0; }
.premium-options header { max-width:690px; margin-bottom:25px; }
.premium-options>div { display:grid; grid-template-columns:1fr; gap:15px; }
.premium-options article { position:relative; overflow:hidden; min-height:210px; padding:30px; border-radius:14px; background:linear-gradient(150deg,#3b2922,#281a15); color:#d7cac3; }
.premium-options article:nth-child(2) { background:linear-gradient(150deg,#543326,#35221b); }
.premium-options article>span { position:absolute; top:-14px; right:12px; color:rgb(215 100 34 / 10%); font-size:74px; font-weight:800; transform:rotate(-8deg); }
.premium-options h3 { position:relative; margin:0 0 10px; color:#fff; font-size:23px; }
.premium-options article p { position:relative; max-width:470px; margin:0; font-size:12px; line-height:1.75; }
.premium-options article strong { position:absolute; right:30px; bottom:27px; left:30px; color:#ed8a4c; font-size:11px; }
.commercial-request { display:grid; align-content:start; grid-template-columns:1fr; gap:26px; padding:36px; background:#fffaf7; }
.commercial-request__intro p { line-height:1.7; }

.animal-detail { padding:34px 0 55px; background:#f7f4f2; }
.animal-breadcrumb { display:flex; align-items:center; gap:8px; margin-bottom:28px; color:#8a7c75; font-size:10px; }
.animal-breadcrumb a { color:#6e625c; text-decoration:none; }
.animal-breadcrumb strong { max-width:330px; overflow:hidden; color:var(--brand-orange-dark); font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.animal-detail__heading { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr); align-items:end; gap:20px; margin-bottom:25px; }
.animal-detail__heading small,.animal-description>small,.animal-video>small,.animal-lineage>small { color:var(--brand-orange); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.animal-detail__heading h1 { max-width:100%; margin:6px 0 7px; overflow-wrap:anywhere; color:var(--brand-dark); font-size:clamp(32px,3.5vw,46px); line-height:1.08; letter-spacing:-.045em; }
.animal-detail__heading p { margin:0; color:#776a64; font-size:13px; }
.animal-detail__heading-actions { display:flex; align-items:center; justify-content:flex-end; gap:7px; }
.animal-detail__reference,.animal-back-list { min-height:34px; display:inline-flex; align-items:center; padding:0 11px; border:1px solid #e1d6d0; border-radius:7px; background:#eee5e0; color:#786b65; font-size:10px; font-weight:700; }
.animal-back-list { gap:6px; color:var(--brand-orange-dark); text-decoration:none; transition:border-color .2s,background .2s; }
.animal-back-list span { font-size:14px; line-height:1; }
.animal-back-list:hover { border-color:#d5b8a8; background:#f5ece7; }
.animal-detail__top { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(320px,.75fr); gap:20px; align-items:start; }
.animal-gallery { min-width:0; }
.animal-gallery__main { position:relative; overflow:hidden; aspect-ratio:1.42/1; border-radius:16px; background:#e9e0db; }
.animal-gallery__main>img { width:100%; height:100%; display:block; object-fit:cover; }
.animal-gallery__main>span { position:absolute; right:17px; bottom:17px; padding:8px 11px; border-radius:999px; background:rgb(39 25 20 / 78%); color:#fff; font-size:10px; font-weight:700; backdrop-filter:blur(5px); }
.animal-gallery__main>.animal-gallery__sold-ribbon { width:220px; position:absolute; z-index:2; top:35px; left:-57px; padding:11px 0; background:#ba4d24; color:#fff; font-size:14px; font-weight:900; letter-spacing:.13em; text-align:center; text-transform:uppercase; transform:rotate(-38deg); box-shadow:0 5px 14px rgb(50 25 16 / 24%); }
.animal-gallery__empty { height:100%; display:grid; place-items:center; color:#867972; font-size:13px; }
.animal-gallery__thumbs { display:flex; gap:9px; margin-top:10px; overflow-x:auto; padding-bottom:3px; }
.animal-gallery__thumbs button { width:94px; height:69px; flex:none; overflow:hidden; padding:0; border:2px solid transparent; border-radius:9px; background:#e9e0db; cursor:pointer; opacity:.72; }
.animal-gallery__thumbs button.is-active { border-color:var(--brand-orange); opacity:1; }
.animal-gallery__thumbs img { width:100%; height:100%; display:block; object-fit:cover; }
.animal-summary { padding:29px; border:1px solid #e1d5cf; border-radius:16px; background:#fff; box-shadow:0 14px 35px rgb(60 38 29 / 7%); }
.animal-summary>small { display:block; color:#8a7d76; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.animal-summary__price { display:block; margin:5px 0 23px; color:var(--brand-orange-dark); font-size:31px; line-height:1.15; letter-spacing:-.04em; }
.animal-summary__sold { display:block; width:max-content; margin-bottom:18px; padding:7px 10px; border-radius:999px; background:#eee4df; color:#7a4430; font-size:9px; font-weight:800; text-transform:uppercase; }
.animal-card.is-sold .animal-card__photo img { filter:grayscale(.72); }
.animal-card__photo .animal-card__sold-label { background:#7f402b; }
.animal-card.is-sold .animal-card__body>b { color:#7f402b; }
.owner-profile { min-height:60vh; padding-bottom:70px; background:#f7f4f2; }
.owner-profile__hero { padding:36px 0; border-bottom:1px solid #eaded8; background:#fff; }
.owner-profile__hero-inner { display:flex; align-items:center; justify-content:space-between; gap:28px; }
.owner-profile__identity { min-width:0; display:flex; align-items:center; gap:22px; }
.owner-profile__identity small,.owner-profile__section>header small { color:var(--brand-orange); font-size:10px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.owner-profile__identity h1 { margin:6px 0 8px; color:var(--brand-dark); font-size:clamp(30px,4vw,46px); line-height:1.05; letter-spacing:-.045em; }
.owner-profile__identity p { margin:0; color:#756963; font-size:12px; }
.owner-profile__hero-inner>a { flex:none; display:inline-flex; align-items:center; gap:7px; padding:10px 13px; border:1px solid #e2d5ce; border-radius:8px; color:var(--brand-orange-dark); font-size:11px; font-weight:800; text-decoration:none; }
.owner-profile__content { padding-top:28px; }
.owner-profile__numbers { display:grid; grid-template-columns:repeat(4,1fr); overflow:hidden; border:1px solid #e4d8d2; border-radius:14px; background:#fff; }
.owner-profile__numbers div { min-height:98px; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:4px; border-right:1px solid #eee5e0; }
.owner-profile__numbers div:last-child { border-right:0; }
.owner-profile__numbers strong { color:var(--brand-orange-dark); font-size:30px; line-height:1; }
.owner-profile__numbers span { color:#756963; font-size:11px; }
.owner-profile__section { margin-top:42px; }
.owner-profile__section>header { margin-bottom:20px; }
.owner-profile__section>header h2 { margin:5px 0 6px; color:var(--brand-dark); font-size:28px; letter-spacing:-.035em; }
.owner-profile__section>header p,.owner-profile__empty p { margin:0; color:#786c66; font-size:13px; }
.owner-profile__section--sold { padding-top:34px; border-top:1px solid #e1d5cf; }
.owner-profile__empty { margin-top:32px; padding:28px; border:1px solid #e4d8d2; border-radius:13px; background:#fff; text-align:center; }
.owner-profile__empty strong { display:block; margin-bottom:6px; color:var(--brand-dark); }
.animal-summary dl { display:grid; grid-template-columns:1fr; gap:0; margin:0; border-top:1px solid #eee5e0; }
.animal-summary dl>div { min-width:0; display:flex; align-items:baseline; gap:5px; padding:12px 8px 11px 0; border-bottom:1px solid #eee5e0; }
.animal-summary dt { flex:none; color:#8b7e77; font-size:11px; }
.animal-summary dd { min-width:0; overflow:hidden; margin:0; color:#352620; font-size:13px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.animal-summary__owner { display:block; margin-top:17px; padding:14px 15px; border:1px solid #eadfd9; border-radius:9px; background:#faf7f5; color:inherit; text-decoration:none; transition:border-color .2s,background .2s; }
.animal-summary__owner:hover { border-color:#d8b9aa; background:#fff7f2; }
.animal-summary__owner span { display:block; color:#9a6a52; font-size:9px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.animal-summary__owner strong { display:block; margin-top:4px; color:var(--brand-dark); font-size:14px; }
.animal-summary__owner small { display:block; margin-top:3px; color:#7f726c; font-size:10px; }
.animal-summary>button { width:100%; min-height:48px; margin-top:14px; display:flex; align-items:center; justify-content:space-between; padding:0 16px; border:0; border-radius:9px; background:var(--brand-orange); color:#fff; font-size:11px; font-weight:800; cursor:pointer; }
.animal-detail__content { display:grid; gap:18px; margin-top:18px; }
.animal-description,.animal-video,.animal-lineage { padding:38px 41px; position:relative; overflow:hidden; border:1px solid #e4d9d3; border-radius:15px; background:#fff; }
.animal-description h2,.animal-video h2,.animal-lineage h2 { margin:7px 0 20px; color:var(--brand-dark); font-size:26px; letter-spacing:-.035em; }
.animal-description p { max-width:980px; margin:0; color:#625752; font-size:14px; line-height:1.85; }
.animal-description>small,.animal-description>h2,.animal-description>p,.animal-lineage>small,.animal-lineage>h2,.animal-lineage__viewport { position:relative; z-index:1; }
.animal-description>h2,.animal-lineage>h2 { margin-top:0; padding-right:84px; }
.animal-section-icon { width:72px; height:72px; position:absolute; top:25px; right:31px; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; opacity:.13; }
.animal-description .animal-section-icon { color:var(--brand-orange); }
.animal-lineage--paternal { border-color:#edf2f4; background:#fdfefe; }
.animal-lineage--paternal .animal-section-icon { color:#8eabb9; opacity:.09; }
.animal-lineage--maternal { border-color:#f3edef; background:#fffdfd; }
.animal-lineage--maternal .animal-section-icon { color:#bd94b2; opacity:.09; }
.animal-video>div { overflow:hidden; aspect-ratio:16/9; border-radius:12px; background:#221713; }
.animal-video iframe { width:100%; height:100%; border:0; }
.animal-lineage h2 { display:flex; align-items:center; gap:10px; }
.animal-lineage__legend { width:9px; height:9px; border-radius:50%; }
.animal-lineage__legend.is-male { background:#bdd2df; }
.animal-lineage__legend.is-female { background:#dec1d8; }
.animal-lineage__viewport { overflow-x:auto; padding:0 0 5px; scrollbar-color:#d8c9c1 transparent; }
.animal-lineage__tree { min-width:900px; display:grid; grid-template-columns:repeat(4,minmax(190px,1fr)); gap:18px; padding:8px 0 4px; }
.animal-lineage__column { min-width:0; }
.animal-lineage__column>small { display:block; margin:0 0 12px; color:#8f6049; font-size:11px; font-weight:800; letter-spacing:.05em; text-transform:uppercase; }
.animal-lineage__nodes { height:390px; display:grid; grid-template-rows:repeat(8,1fr); row-gap:8px; }
.animal-lineage__node { min-width:0; align-self:center; grid-row:var(--lineage-start)/span var(--lineage-span); overflow:hidden; padding:11px 12px; border:1px solid; border-radius:8px; color:#463b36; font-size:11px; text-align:center; text-overflow:ellipsis; white-space:nowrap; box-shadow:0 4px 12px rgb(70 48 39 / 4%); }
.animal-lineage__node.is-male { border-color:#d8e4ea; background:#f3f8fa; }
.animal-lineage__node.is-female { border-color:#e8d6e3; background:#fbf3f8; }
.animal-lineage__node.is-empty { min-height:39px; opacity:.48; box-shadow:none; }
.animal-related { padding:28px 0 0; }
.animal-related>header { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:20px; }
.animal-related>header small { color:var(--brand-orange); font-size:10px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.animal-related>header h2 { margin:5px 0 0; color:var(--brand-dark); font-size:28px; letter-spacing:-.035em; }
.animal-related>header a { color:var(--brand-orange-dark); font-size:12px; font-weight:800; text-decoration:none; }
.animal-safety { display:grid; grid-template-columns:42px minmax(0,1fr) auto; align-items:center; gap:17px; padding:24px 28px; border-radius:13px; background:#35231c; color:#d8cbc5; }
.animal-safety svg { width:42px; height:42px; padding:9px; border:1px solid rgb(222 101 34 / 45%); border-radius:10px; fill:none; stroke:#ea7b3a; stroke-width:1.7; }
.animal-safety strong { display:block; margin-bottom:4px; color:#fff; font-size:14px; }
.animal-safety p { margin:0; font-size:11px; line-height:1.6; }
.animal-safety a { color:#f28a4b; font-size:10px; font-weight:800; text-decoration:none; white-space:nowrap; }
.animal-summary .animal-safety { display:block; margin-top:18px; padding:20px 18px; }
.animal-summary .animal-safety strong { margin-bottom:6px; font-size:14px; }
.animal-summary .animal-safety p { font-size:12px; line-height:1.6; }
.animal-summary .animal-safety a { display:inline-block; margin-top:12px; font-size:11px; }
.animal-contact-bar { position:fixed; z-index:30; right:0; bottom:0; width:100%; min-height:82px; display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:10px; padding:12px max(24px,calc((100vw - 1240px)/2 + 13px)) 12px max(24px,calc((100vw - 1240px)/2 + 24px)); border:1px solid rgb(255 255 255 / 14%); border-right:0; border-bottom:0; border-left:0; border-radius:0; background:rgb(37 51 57 / 97%); box-shadow:0 18px 55px rgb(24 35 40 / 30%); backdrop-filter:blur(12px); }
.animal-contact-bar__owner { color:inherit; text-decoration:none; }
.animal-contact-bar__owner small,.animal-contact-bar__owner strong,.animal-contact-bar__owner span { display:block; }
.animal-contact-bar__owner small { margin-bottom:3px; color:#ff9659; font-size:10px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.animal-contact-bar__owner strong { max-width:330px; overflow:hidden; color:#fff; font-size:16px; text-overflow:ellipsis; white-space:nowrap; }
.animal-contact-bar__owner span { margin-top:3px; color:#d8e0e3; font-size:11px; }
.animal-contact-bar button { min-height:54px; display:flex; align-items:center; gap:8px; padding:0 19px; border:0; border-radius:9px; color:#fff; font-size:12px; font-weight:800; cursor:pointer; transition:transform .2s ease,box-shadow .2s ease,filter .2s ease; }
.animal-contact-bar button:hover { transform:translateY(-2px); filter:brightness(1.08); }
.animal-contact-bar button:active { transform:translateY(0) scale(.98); }
.animal-contact-bar svg { width:18px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transform-origin:center; animation:animal-contact-icon-pulse 2s ease-in-out infinite; }
.animal-contact-bar__message { background:#d96422; }
.animal-contact-bar__whatsapp { background:#218c55; }
.animal-contact-bar__message:hover { box-shadow:0 9px 22px rgb(217 100 34 / 34%); }
.animal-contact-bar__whatsapp:hover { box-shadow:0 9px 22px rgb(33 140 85 / 34%); }
.animal-contact-bar__whatsapp svg { animation-delay:1s; }
@keyframes animal-contact-icon-pulse { 0%,72%,100% { opacity:1; transform:scale(1); } 82% { opacity:.38; transform:scale(.86); } 92% { opacity:1; transform:scale(1.12); } }
@media (prefers-reduced-motion:reduce) { .animal-contact-bar button { transition:none; } .animal-contact-bar svg,.animal-contact-loading i { animation:none; } }
.animal-contact-modal { width:min(calc(100% - 28px),560px); max-height:calc(100vh - 32px); padding:0; border:0; border-radius:17px; background:#fff; color:var(--text); box-shadow:0 30px 90px rgb(25 15 11 / 35%); }
.animal-contact-modal::backdrop { background:rgb(30 20 16 / 62%); backdrop-filter:blur(4px); }
.animal-contact-modal__close { position:absolute; z-index:2; top:13px; right:13px; width:34px; height:34px; border:1px solid rgb(255 255 255 / 18%); border-radius:50%; background:rgb(255 255 255 / 9%); color:#fff; font-size:21px; cursor:pointer; }
.animal-contact-modal__brand { padding:29px 32px 25px; background:#34221b; }
.animal-contact-modal__brand>span { width:28px; height:4px; display:block; margin-bottom:18px; border-radius:4px; background:var(--brand-orange); }
.animal-contact-modal__brand small { color:#ed8243; font-size:9px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.animal-contact-modal__brand h2 { margin:7px 45px 9px 0; color:#fff; font-size:25px; letter-spacing:-.035em; }
.animal-contact-modal__brand p { margin:0; color:#d1c2bb; font-size:11px; line-height:1.65; }
.animal-contact-step { padding:27px 32px 31px; }
.animal-contact-step[hidden] { display:none; }
.animal-contact-ready [hidden] { display:none; }
.animal-contact-loading { min-height:130px; display:flex; align-items:center; justify-content:center; gap:11px; color:#75675f; font-size:12px; font-weight:700; }
.animal-contact-loading i { width:17px; height:17px; border:2px solid #eadfd8; border-top-color:var(--brand-orange); border-radius:50%; animation:contact-loading .8s linear infinite; }
@keyframes contact-loading { to { transform:rotate(360deg); } }
.animal-contact-step label { display:block; margin-bottom:14px; }
.animal-contact-step label>span { display:block; margin-bottom:7px; color:#5c504a; font-size:9px; font-weight:800; text-transform:uppercase; }
.animal-contact-step input,.animal-contact-step textarea { width:100%; border:1px solid #ded3cd; border-radius:9px; outline:0; background:#fff; color:var(--text); font-size:14px; }
.animal-contact-step input { height:50px; padding:0 13px; }
.animal-contact-step textarea { min-height:125px; padding:13px; resize:vertical; line-height:1.55; }
.animal-contact-step input:focus,.animal-contact-step textarea:focus { border-color:var(--brand-orange); box-shadow:0 0 0 3px rgb(215 100 34 / 9%); }
.animal-contact-step button[type=submit],.animal-contact-ready__whatsapp { min-height:46px; display:inline-flex; align-items:center; gap:9px; padding:0 17px; border:0; border-radius:8px; background:var(--brand-orange); color:#fff; font-size:11px; font-weight:800; text-decoration:none; cursor:pointer; }
.animal-contact-step button:disabled { opacity:.65; cursor:wait; }
.animal-contact-step [data-contact-feedback] { min-height:17px; margin:10px 0 0; color:#af3e35; font-size:10px; }
.animal-contact-step [data-contact-feedback].is-success { color:#26794a; }
.animal-contact-register { margin:6px 0 16px; padding:17px; border-radius:10px; background:#f5efeb; }
.animal-contact-register>p { margin:0 0 14px; color:#6d615b; font-size:11px; line-height:1.55; }
.animal-contact-back { margin:0 0 17px; padding:0; border:0; background:none; color:var(--brand-orange-dark); font-size:10px; font-weight:700; cursor:pointer; }
.animal-contact-ready>div { margin-bottom:18px; }
.animal-contact-ready>div>small { display:block; margin-bottom:8px; color:#7a6c65; font-size:10px; }
.animal-contact-ready>div>a { display:block; margin-top:7px; padding:13px 14px; border:1px solid #e3d7d0; border-radius:8px; color:#3e302a; font-size:13px; font-weight:700; text-decoration:none; }
.animal-contact-ready [data-owner-phones] a[data-owner-contact-link="whatsapp"] { display:flex; align-items:center; justify-content:space-between; gap:14px; transition:border-color .2s,background .2s,color .2s; }
.animal-contact-ready [data-owner-phones] a[data-owner-contact-link="whatsapp"]::after { content:'WhatsApp  →'; flex:none; color:#218c55; font-size:10px; font-weight:800; }
.animal-contact-ready [data-owner-phones] a[data-owner-contact-link="whatsapp"]:hover { border-color:#9bcdb5; background:#f2faf6; color:#176e41; }
.animal-contact-ready__whatsapp { margin-bottom:20px; background:#218c55; }
.animal-contact-ready form { padding-top:0; border-top:0; }
.animal-not-found { min-height:520px; display:grid; align-items:center; padding:70px 0; background:#f7f4f2; }
.animal-not-found small { color:var(--brand-orange); font-size:10px; font-weight:800; text-transform:uppercase; }
.animal-not-found h1 { margin:8px 0; color:var(--brand-dark); font-size:40px; }
.animal-not-found p { color:var(--muted); }
.animal-not-found a { display:inline-flex; margin-top:13px; color:var(--brand-orange-dark); font-size:12px; font-weight:800; text-decoration:none; }

.site-footer { border-top:5px solid var(--brand-orange); background:#30231e; color:#cfc3bd; font-size:13px; }
.site-footer h2 { margin:0 0 22px; color:#fff; font-size:21px; font-weight:600; letter-spacing:-.025em; }
.site-footer p { margin:0 0 15px; line-height:1.7; }
.site-footer__top { display:grid; grid-template-columns:minmax(0,2fr) minmax(300px,1fr); gap:100px; padding:62px 0 48px; }
.site-footer__about { max-width:720px; }
.site-footer__about-heading { display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:22px; }
.site-footer__about-heading h2 { margin:0; }
.site-footer__about p { font-size:15px; line-height:1.75; }
.site-footer__newsletter h2 { margin-bottom:14px; font-size:24px; }
.site-footer__newsletter>p { max-width:430px; margin-bottom:22px; font-size:14px; line-height:1.7; }
.footer-social { display:flex; gap:8px; margin-top:28px; }
.footer-social a { width:39px; height:39px; display:grid; place-items:center; border:1px solid rgb(255 255 255 / 10%); border-radius:7px; background:rgb(255 255 255 / 8%); color:#f0e8e4; transition:background .2s,border-color .2s,transform .2s; }
.footer-social a:hover { border-color:var(--brand-orange); background:var(--brand-orange); transform:translateY(-2px); }
.footer-social svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.footer-social svg .is-filled { fill:currentColor; stroke:none; }
.footer-social a:nth-child(2) svg path { fill:currentColor; stroke:none; }
.footer-newsletter__form { display:grid; grid-template-columns:1fr auto; gap:10px; }
.footer-newsletter__form label:first-child { grid-column:1/-1; }
.footer-newsletter__form input { width:100%; height:50px; padding:0 14px; border:1px solid rgb(255 255 255 / 15%); border-radius:7px; outline:0; background:rgb(255 255 255 / 7%); color:#fff; font-size:12px; transition:border-color .2s,background .2s; }
.footer-newsletter__form input::placeholder { color:#a99d97; }
.footer-newsletter__form input:focus { border-color:var(--brand-orange); background:rgb(255 255 255 / 10%); }
.footer-newsletter__form button { min-width:145px; border:0; border-radius:7px; background:var(--brand-orange); color:#fff; font-size:12px; font-weight:800; cursor:pointer; transition:background .2s; }
.footer-newsletter__form button:hover { background:var(--brand-orange-dark); }
.footer-newsletter__form button:disabled { cursor:wait; opacity:.65; }
.footer-newsletter__message { grid-column:1/-1; min-height:18px; margin:0; color:#f0a477; font-size:11px; }
.footer-newsletter__message.is-success { color:#9fd2a9; }
.footer-service-links { display:grid; grid-template-columns:1.35fr 1.1fr repeat(3,1fr); gap:10px; padding:28px 0; border-top:1px solid rgb(255 255 255 / 13%); }
.footer-service-links a { min-width:0; min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:9px; padding:10px 14px; border:1px solid rgb(255 255 255 / 13%); border-radius:8px; background:rgb(255 255 255 / 6%); color:#eee5e1; font-size:11px; font-weight:700; text-decoration:none; transition:border-color .2s,background .2s,transform .2s; }
.footer-service-links a:hover { border-color:var(--brand-orange); background:rgb(215 100 34 / 16%); transform:translateY(-1px); }
.footer-service-links a.is-contact { display:block; color:#f0a477; font-size:9px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.footer-service-links a.is-contact strong { display:block; margin-top:4px; overflow:hidden; color:#fff; font-size:11px; letter-spacing:0; text-overflow:ellipsis; text-transform:none; white-space:nowrap; }
.footer-service-links a>span { color:var(--brand-orange); font-size:17px; }
.site-footer__bottom { min-height:82px; display:flex; align-items:center; justify-content:space-between; gap:35px; padding:20px 0; border-top:1px solid rgb(255 255 255 / 13%); font-size:10px; }
.site-footer__bottom strong,.site-footer__bottom span { display:block; }
.site-footer__bottom strong { margin-bottom:5px; color:#eee5e1; font-size:11px; }
.site-footer__lgpd { margin-left:auto; color:#f0a477; font-size:10px; font-weight:700; text-decoration:none; }
.site-footer__lgpd:hover { color:#fff; }

@media (max-width:1120px) {
    .site-mainbar__inner { gap:16px; }
    .site-logo { width:190px; flex-basis:190px; }
    .site-nav a { padding-inline:10px; font-size:13px; }
    .site-nav a::after { right:10px; left:10px; }
    .site-action { padding-inline:10px; }
    .site-action--panel small,.site-action--panel span { font-size:0; }
    .site-action--panel span::after { content:'Painel'; font-size:11px; }
    .hero__grid { grid-template-columns:minmax(300px,.75fr) minmax(520px,1.25fr); gap:28px; }
    .animal-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

@media (max-width:920px) {
    .site-container { width:min(100% - 32px,1240px); }
    .site-topbar { display:none; }
    .site-mainbar__inner { min-height:74px; align-items:center; gap:8px; }
    .site-mainbar::after { bottom:-10px; height:12px; }
    .site-logo { width:178px; flex-basis:178px; padding:12px 0; }
    .site-account-menu-button { order:2; width:42px; height:42px; display:grid; place-items:center; margin-left:auto; padding:0; border:1px solid rgb(255 255 255 / 20%); border-radius:8px; background:transparent; color:#fff; cursor:pointer; }
    .site-account-menu-button svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
    .site-account-menu-button[aria-expanded="true"] { border-color:var(--brand-orange); background:var(--brand-orange); }
    .site-menu-button { order:3; width:42px; height:42px; display:grid; place-content:center; gap:5px; border:1px solid rgb(255 255 255 / 20%); border-radius:8px; background:transparent; cursor:pointer; }
    .site-menu-button>span:not(.sr-only) { width:19px; height:2px; border-radius:2px; background:#fff; }
    body.has-open-menu { overflow:hidden; }
    .site-menu-button>span:not(.sr-only) { transition:transform .2s,opacity .2s; }
    .site-menu-button[aria-expanded="true"]>span:nth-child(1) { transform:translateY(7px) rotate(45deg); }
    .site-menu-button[aria-expanded="true"]>span:nth-child(2) { opacity:0; }
    .site-menu-button[aria-expanded="true"]>span:nth-child(3) { transform:translateY(-7px) rotate(-45deg); }
    .site-nav,.site-account-nav { position:fixed; z-index:30; top:74px; right:0; bottom:0; left:0; display:none; align-content:start; gap:8px; margin-left:0; padding:18px 16px 34px; overflow-y:auto; overscroll-behavior:contain; background:#f7f4f2; box-shadow:0 18px 35px rgb(35 20 15 / 25%); }
    .site-nav.is-open,.site-account-nav.is-open { display:grid; }
    .site-nav a,.site-account-nav a { position:relative; min-height:48px; display:inline-flex; align-items:center; padding:0 13px; border:1px solid #e3d8d2; border-radius:8px; background:#fff; color:#443a35; font-size:13px; font-weight:700; text-decoration:none; white-space:nowrap; }
    .site-nav a::after { display:none; }
    .site-nav a:hover,.site-account-nav a:hover { border-color:#d9b5a2; background:#fff7f2; color:var(--brand-orange-dark); }
    .site-nav>a>svg { width:19px; height:19px; display:block; flex:none; margin-right:10px; fill:none; stroke:var(--brand-orange-dark); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
    .site-nav__mobile-title { display:block; margin:17px 4px 2px; color:var(--brand-orange-dark); font-size:10px; font-weight:850; letter-spacing:1.1px; }
    .site-nav__mobile-account { display:block; padding:3px 0 0; }
    .site-nav__mobile-account>small,.site-nav__mobile-support>small { display:block; color:var(--brand-orange-dark); font-size:9px; font-weight:850; letter-spacing:1.05px; }
    .site-nav__mobile-account h2 { margin:5px 4px 3px; color:var(--brand-dark); font-size:23px; line-height:1.2; }
    .site-nav__mobile-account>small { margin-inline:4px; }
    .site-nav__mobile-account>p { margin:0 4px 15px; color:#776a64; font-size:11px; line-height:1.5; }
    .site-nav__mobile-account>div { display:grid; grid-template-columns:1fr 1fr; gap:8px; }
    .site-nav__mobile-account a { display:flex; gap:9px; min-height:46px; padding:0 11px; font-size:12px; }
    .site-nav__mobile-account a svg { width:18px; height:18px; flex:none; fill:none; stroke:var(--brand-orange-dark); stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
    .site-nav__mobile-account a.is-primary { border-color:var(--brand-orange); background:var(--brand-orange); color:#fff; }
    .site-nav__mobile-account a.is-primary svg { stroke:#fff; }
    .site-nav__mobile-account a.is-logout { color:#a33d2b; }
    .site-nav__mobile-support { display:grid; gap:7px; margin-top:11px; padding-top:18px; border-top:1px solid #dfd4ce; }
    .site-nav__mobile-support>small { margin:0 4px 3px; }
    .site-nav__mobile-support a { min-height:44px; }
    .site-header__actions { margin-left:auto; }
    .site-action--panel { display:none; }
    .hero { padding:42px 0; }
    .hero__watermark { width:390px; height:425px; top:-31px; left:39%; }
    .hero__grid { min-height:0; grid-template-columns:1fr; gap:30px; }
    .hero__content { padding:10px 0 0; }
    .hero h1 { font-size:clamp(36px,6vw,52px); }
    .horse-search { grid-template-columns:1fr 1fr; }
    .animal-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .tip-detail__layout { grid-template-columns:1fr; }
    .tip-popular { position:static; }
    .tip-popular nav { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .market-discovery__grid { grid-template-columns:1fr 2fr; }
    .discovery-panel--safety { grid-column:1/-1; }
    .history-intro { grid-template-columns:1fr; gap:22px; }
    .history-layout { grid-template-columns:1fr; }
    .history-side { position:relative; top:auto; }
    .history-cta { align-items:flex-start; flex-direction:column; }
    .legal-tabs { top:74px; }
    .legal-layout { grid-template-columns:1fr; }
    .legal-summary { position:relative; top:auto; }
    .legal-summary nav { grid-template-columns:1fr 1fr; }
    .legal-contact { align-items:flex-start; flex-direction:column; }
    .announce-steps>div { grid-template-columns:1fr 1fr; }
    .faq-content-layout { grid-template-columns:1fr; gap:25px; }
    .faq-content-layout .faq-categories { position:static; display:flex; flex-wrap:wrap; }
    .faq-content-layout .faq-categories a { width:auto; }
    .faq-categories__title { width:100%; }
    .pricing-standard { grid-template-columns:1fr 1fr; }
    .pricing-standard__package { grid-column:1/-1; }
    .contact-layout,.pricing-commercial { grid-template-columns:1fr; }
    .contact-info { position:relative; top:auto; }
    .animal-detail__heading { grid-template-columns:minmax(0,1fr) auto; }
    .animal-detail__top { grid-template-columns:1fr; }
    .animal-summary { display:grid; grid-template-columns:1fr 1fr; gap:0 22px; }
    .animal-summary dl,.animal-summary>button,.animal-summary__sold,.animal-summary__owner,.animal-summary .animal-safety { grid-column:1/-1; }
}

@media (max-width:640px) {
    .site-container { width:min(100% - 24px,1240px); }
    .site-logo { width:160px; flex-basis:160px; }
    .site-action--announce { min-height:40px; padding:0 11px; }
    .site-action--announce small { display:none; }
    .site-action--announce span { font-size:10px; }
    .site-action--announce svg { width:16px; }
    .user-access-modal>header { padding:27px 23px 21px; }
    .user-access-modal>header h2 { font-size:25px; }
    .user-access-form { padding:22px 23px 25px; }
    .user-access-success { padding:31px 23px 27px; }
    .hero__grid { display:grid; }
    .hero__watermark { width:330px; height:360px; top:-13px; left:34%; opacity:.9; }
    .hero__content { min-height:0; padding:10px 0 0; }
    .hero h1 { max-width:430px; font-size:38px; }
    .hero__content>p { font-size:14px; }
    .hero__numbers { margin-top:22px; }
    .horse-search { grid-template-columns:1fr; padding:18px; gap:12px; }
    .field--query,.horse-search__heading,.advanced-search,.horse-search__submit { grid-column:auto; }
    .advanced-search__fields { grid-template-columns:1fr; }
    .advanced-search[open] .advanced-search__panel { inset:8px; padding:18px; }
    .advanced-search__actions { align-items:stretch; flex-direction:column-reverse; }
    .advanced-search__actions button { width:100%; }
    .horse-search__submit { width:100%; }
    .animal-showcase { padding:36px 0 50px; }
    .animal-continuation { padding:44px 0 52px; }
    .section-heading { align-items:flex-start; }
    .section-heading h2 { font-size:26px; }
    .section-heading p { display:none; }
    .section-heading>a { padding-top:12px; }
    .animal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
    .animals-catalog__hero { padding:42px 0 4px; }
    .animals-catalog__hero h1 { font-size:35px; }
    .animals-catalog__body { margin-top:-22px; padding-top:0; padding-bottom:50px; }
    .animals-catalog__toolbar { min-height:47px; margin-bottom:14px; }
    .animal-filter-modal { padding:10px; }
    .animal-filter-modal__dialog { max-height:calc(100vh - 20px); }
    .animal-filter-modal__dialog>header { padding:21px 20px 18px; }
    .animal-filter-modal__dialog>form { padding:20px; }
    .animal-filter-modal__fields { grid-template-columns:1fr; gap:13px; }
    .animal-filter-modal__fields label.is-wide { grid-column:auto; }
    .animal-filter-modal__checks { display:grid; grid-template-columns:1fr 1fr; }
    .animal-filter-modal__dialog footer { align-items:stretch; flex-direction:column-reverse; }
    .animal-filter-modal__dialog footer>a { text-align:center; }
    .animals-pagination { grid-template-columns:1fr 1fr; gap:10px; }
    .animals-pagination>div { grid-column:1/-1; grid-row:1; }
    .animals-pagination__direction { grid-row:2; }
    .tip-popular nav { grid-template-columns:1fr; }
    .tip-animals>header { align-items:flex-start; flex-direction:column; gap:12px; }
    .tips-showcase { padding:52px 0 58px; }
    .tips-grid { grid-template-columns:1fr; }
    .tip-card { min-height:0; }
    .market-discovery { padding:44px 0 50px; }
    .market-discovery__grid,.owner-grid { grid-template-columns:1fr; }
    .discovery-heading-action { align-items:flex-start; flex-direction:column; gap:12px; }
    .discovery-panel .discovery-heading-action h2 { font-size:clamp(19px,5.6vw,22px); white-space:nowrap; }
    .discovery-heading-action>a { align-self:flex-end; }
    .discovery-panel--safety { grid-column:auto; }
    .history-hero { padding:54px 0 68px; }
    .history-hero__mark { top:-92px; right:-128px; width:360px; height:360px; opacity:.07; }
    .history-hero h1 { font-size:41px; }
    .history-hero p { font-size:15px; }
    .history-highlights { grid-template-columns:1fr; transform:translateY(-24px); }
    .history-highlights div { min-height:88px; border-right:0; border-bottom:1px solid #eadfd9; }
    .history-highlights div:last-child { border-bottom:0; }
    .history-intro { padding:24px 0 48px; }
    .history-intro h2,.history-values h2,.history-cta h2 { font-size:25px; }
    .history-intro>p { font-size:14px; }
    .history-chapters { grid-template-columns:1fr; }
    .history-chapters article { min-height:0; padding:26px 23px; }
    .history-chapters article:nth-child(3) { background:#fff; }
    .history-chapters article:nth-child(4) { background:#f3ebe7; }
    .history-values>div { grid-template-columns:1fr; }
    .history-cta { padding:31px 25px; }
    .history-cta nav { width:100%; flex-direction:column; }
    .history-cta a { width:100%; }
    .legal-hero { padding:48px 0 53px; }
    .legal-hero>img { top:-105px; right:-115px; width:300px; height:300px; }
    .legal-hero h1 { font-size:36px; }
    .legal-hero p { font-size:14px; }
    .legal-tabs { overflow-x:auto; padding:0 0 6px; }
    .legal-tabs .site-container { width:max-content; max-width:none; min-width:max-content; margin:0 12px; padding:6px; }
    .legal-tabs a { min-height:40px; padding:0 13px; white-space:nowrap; }
    .legal-page { padding:42px 0 58px; }
    .legal-intro { font-size:15px; }
    .legal-highlights { grid-template-columns:1fr; margin-bottom:38px; }
    .legal-highlights article { min-height:0; }
    .legal-summary nav { grid-template-columns:1fr; }
    .legal-content>section { padding:29px 24px; scroll-margin-top:145px; }
    .legal-content h2 { margin-right:45px; font-size:21px; }
    .legal-section-number { font-size:72px; }
    .legal-contact { padding:29px 24px; }
    .legal-contact nav { width:100%; flex-direction:column; }
    .legal-contact a { justify-content:center; }
    .support-hero { padding:48px 0 53px; }
    .support-hero>img { top:-105px; right:-115px; width:300px; height:300px; }
    .support-hero h1 { font-size:36px; }
    .support-hero p { font-size:14px; }
    .faq-page,.contact-page,.pricing-page { padding:42px 0 58px; }
    .faq-toolbar { align-items:stretch; flex-direction:column; }
    .faq-toolbar label { width:100%; }
    .faq-content-layout .faq-categories { flex-wrap:nowrap; overflow-x:auto; padding-bottom:7px; }
    .faq-categories__title { display:none; }
    .faq-categories a { flex:none; }
    .announce-steps { padding:28px 22px; }
    .announce-steps>div { grid-template-columns:1fr; }
    .faq-list summary { min-height:58px; padding:13px 15px; font-size:12px; }
    .contact-form-card,.commercial-request { padding:29px 23px; }
    .form-row,.pricing-standard,.premium-options>div { grid-template-columns:1fr; }
    .pricing-standard__package { grid-column:auto; }
    .pricing-standard article { padding:30px 27px; }
    .commercial-request { gap:28px; }
    .animal-detail { padding-top:25px; padding-bottom:90px; }
    .animal-breadcrumb { margin-bottom:20px; }
    .animal-detail__heading { align-items:flex-start; flex-direction:column; gap:13px; }
    .animal-detail__heading-actions { align-self:flex-end; flex-wrap:wrap; }
    .animal-detail__heading h1 { font-size:36px; }
    .animal-detail__top { gap:13px; }
    .animal-gallery__main { aspect-ratio:1.08/1; border-radius:12px; }
    .animal-gallery__thumbs button { width:77px; height:58px; }
    .animal-summary { display:block; padding:24px 21px; }
    .owner-profile__hero { padding:27px 0; }
    .owner-profile__hero-inner { align-items:flex-start; flex-direction:column; gap:18px; }
    .owner-profile__identity { align-items:flex-start; gap:14px; }
    .owner-profile__identity h1 { font-size:30px; }
    .owner-profile__identity p { line-height:1.6; }
    .owner-profile__numbers { grid-template-columns:1fr 1fr; }
    .owner-profile__numbers div { min-height:85px; }
    .owner-profile__numbers div:nth-child(2) { border-right:0; }
    .owner-profile__numbers div:nth-child(-n+2) { border-bottom:1px solid #eee5e0; }
    .owner-profile__section { margin-top:34px; }
    .animal-description,.animal-video,.animal-lineage { padding:29px 23px; }
    .animal-description h2,.animal-video h2,.animal-lineage h2 { font-size:23px; }
    .animal-description p { font-size:13px; }
    .animal-safety { grid-template-columns:38px 1fr; padding:22px; }
    .animal-safety a { grid-column:2; }
    .animal-contact-bar { right:0; bottom:0; width:100%; min-height:auto; grid-template-columns:1fr 1fr; gap:7px; padding:9px 10px max(9px,env(safe-area-inset-bottom)); border-right:0; border-bottom:0; border-left:0; border-radius:14px 14px 0 0; transform:none; }
    .animal-contact-bar__owner { grid-column:1/-1; display:grid; grid-template-columns:auto 1fr; align-items:baseline; column-gap:6px; padding:1px 4px 2px; }
    .animal-contact-bar__owner small { grid-column:1; margin:0; font-size:9px; }
    .animal-contact-bar__owner strong { grid-column:2; font-size:13px; }
    .animal-contact-bar__owner span { grid-column:1/-1; margin-top:2px; font-size:10px; }
    .animal-contact-bar button { min-height:48px; justify-content:center; padding:0 9px; font-size:11px; }
    .animal-contact-modal__brand { padding:26px 23px 22px; }
    .animal-contact-modal__brand h2 { font-size:22px; }
    .animal-contact-step { padding:24px 23px 27px; }
    .safety-modal__dialog { padding:32px 24px 26px; }
    .safety-modal__dialog h2 { font-size:23px; }
    .content-page-heading h1,.tip-detail__article h1 { font-size:30px; }
    .tip-detail__article { padding:30px 24px; }
    .portal-banners { padding-top:30px; }
    .portal-banners__grid { grid-template-columns:1fr; gap:14px; }
    .portal-banner { aspect-ratio:16/9; }
    .portal-banner__content { padding:23px; }
    .portal-banner__content strong { max-width:86%; font-size:22px; }
    .site-footer__top { grid-template-columns:1fr; gap:38px; }
    .site-footer__top { padding:48px 0 38px; }
    .site-footer__about-heading { align-items:flex-start; flex-direction:column; gap:14px; }
    .footer-service-links { grid-template-columns:1fr 1fr; }
    .site-footer__bottom { align-items:flex-start; flex-direction:column; }
}

@media (max-width:420px) {
    .site-header__actions { display:none; }
    .site-menu-button { margin-left:0; }
    .hero { padding:24px 0 32px; }
    .hero__content { padding-top:0; }
    .hero h1 { font-size:34px; }
    .section-heading { display:block; }
    .section-heading>a { margin-top:10px; }
    .animal-card__body { min-height:147px; padding:12px; }
    .animal-card__body>strong { font-size:14px; }
}

@media (max-width:520px) {
    .site-header__actions { display:none; }
    .site-menu-button { margin-left:0; }
    .site-nav__mobile-account>div { grid-template-columns:1fr; }
    .footer-newsletter__form { grid-template-columns:1fr; }
    .footer-newsletter__form label:first-child,.footer-newsletter__message { grid-column:auto; }
    .footer-newsletter__form button { min-height:50px; }
    .footer-service-links { grid-template-columns:1fr; }
}

/* Painel do cliente */
.client-login,.client-panel { min-height:640px; padding:58px 0 82px; background:#f7f4f2; }
.client-login { display:grid; place-items:center; }
.client-login__card { max-width:660px; margin:auto; padding:58px; border:1px solid #e4d9d3; border-radius:18px; background:#fff; box-shadow:0 18px 50px rgb(57 34 26 / 8%); text-align:center; }
.client-login__card>small,.client-panel__header small,.client-panel__section-title small,.client-box header small { color:var(--brand-orange); font-size:11px; font-weight:750; letter-spacing:.12em; }
.client-login__card h1 { margin:11px 0 14px; color:var(--brand-dark); font-size:38px; font-weight:700; line-height:1.08; }
.client-login__card p { max-width:500px; margin:0 auto 25px; color:var(--muted); font-size:16px; line-height:1.65; }
.client-login__card button,.client-panel__header-actions>a,.client-panel__section-title>a { min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:0 21px; border:0; border-radius:9px; background:var(--brand-orange); color:#fff; font-size:14px; font-weight:700; text-decoration:none; cursor:pointer; }
.client-panel__header { min-height:118px; display:flex; align-items:center; justify-content:space-between; gap:30px; padding:0 3px 30px; }
.client-panel__header-actions { display:flex; align-items:center; gap:9px; }
.client-panel__header-actions svg { width:17px; height:17px; flex:none; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
.client-panel__header-actions>a.is-republish { border:1px solid #ddcfc7; background:#fff; color:var(--brand-orange-dark); }
.client-panel__header h1 { margin:5px 0 3px; color:var(--brand-dark); font-size:35px; font-weight:700; line-height:1.1; }
.client-panel__header p { margin:0; color:var(--muted); font-size:15px; }
.client-panel__layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:24px; align-items:start; }
.client-panel__sidebar { position:sticky; top:160px; overflow:hidden; border:1px solid #e5dad4; border-radius:14px; background:#fff; }
.client-panel__sidebar nav { padding:10px; }
.client-panel__sidebar nav a { min-height:51px; display:flex; align-items:center; gap:11px; padding:0 12px; border-radius:9px; color:#584d48; font-size:14px; font-weight:650; text-decoration:none; transition:.18s ease; }
.client-panel__sidebar nav a+a { margin-top:3px; }
.client-panel__sidebar nav a:hover { background:#f8f1ed; color:var(--brand-orange-dark); }
.client-panel__sidebar nav a.is-active { background:var(--brand-dark); color:#fff; }
.client-panel__sidebar svg { width:21px; height:21px; flex:none; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.client-panel__sidebar nav a>span { min-width:23px; height:23px; display:grid; place-items:center; margin-left:auto; padding:0 6px; border-radius:20px; background:#f2e9e4; color:var(--brand-orange-dark); font-size:10px; }
.client-panel__sidebar nav a.is-active>span { background:rgb(255 255 255 / 14%); color:#fff; }
.client-panel__logout { min-height:48px; display:flex; align-items:center; gap:10px; padding:0 22px; border-top:1px solid #eee5e0; color:#9b4030; font-size:13px; font-weight:700; text-decoration:none; transition:background .2s,color .2s; }
.client-panel__logout svg { width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.client-panel__logout:hover { background:#fff3ed; color:var(--brand-orange-dark); }
.client-panel__content { min-width:0; }
.client-panel__section-title { min-height:69px; display:flex; align-items:flex-start; justify-content:space-between; gap:24px; margin-bottom:20px; }
.client-panel__section-title h2 { margin:4px 0 0; color:var(--brand-dark); font-size:29px; font-weight:700; line-height:1.15; }
.client-panel__section-title p { margin:7px 0 0; color:var(--muted); font-size:14px; }
.client-panel__section-title>a { min-height:44px; font-size:12px; }
.client-edit-heading>div:last-child { display:flex; align-items:center; gap:9px; }
.client-edit-heading>div:last-child a { min-height:42px; display:inline-flex; align-items:center; justify-content:center; padding:0 16px; border:1px solid #dfd1ca; border-radius:8px; background:#fff; color:var(--brand-orange-dark); font-size:12px; font-weight:750; text-decoration:none; }
.client-edit-heading>div:last-child a:first-child { border-color:var(--brand-orange); background:var(--brand-orange); color:#fff; }
.client-overview { display:grid; grid-template-columns:minmax(0,1.65fr) minmax(260px,.85fr); gap:14px; margin-bottom:22px; }
.client-performance { position:relative; min-height:275px; overflow:hidden; border-radius:15px; background:linear-gradient(135deg,#2b1b15 0%,#3b241c 62%,#4b2b20 100%); box-shadow:0 12px 28px rgb(48 28 20 / 14%); color:#fff; }
.client-performance>header { position:relative; z-index:1; min-height:77px; display:flex; align-items:center; justify-content:space-between; padding:19px 23px 13px; }
.client-performance>header small { color:#ff9a5c; font-size:10px; font-weight:750; letter-spacing:.12em; }
.client-performance>header h3 { margin:5px 0 0; font-size:20px; font-weight:650; }
.client-performance>header>span { width:42px; height:42px; display:grid; place-items:center; border:1px solid rgb(255 255 255 / 15%); border-radius:50%; background:rgb(255 255 255 / 7%); color:#ff9859; }
.client-performance svg,.client-renewal-card svg,.client-overview__mini-grid svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.client-performance__main { position:relative; z-index:1; display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:25px; padding:15px 23px 20px; }
.client-performance__total strong { display:block; color:#ff8a43; font-size:46px; font-weight:650; line-height:1; }
.client-performance__total>span { display:block; margin-top:8px; font-size:15px; font-weight:600; }
.client-performance__total small { display:block; margin-top:5px; color:#c9bbb4; font-size:10px; }
.client-performance__metrics { display:grid; grid-template-columns:repeat(3,1fr); overflow:hidden; border:1px solid rgb(255 255 255 / 12%); border-radius:11px; background:rgb(255 255 255 / 5%); }
.client-performance__metrics a { min-width:0; padding:17px 13px; color:#fff; text-decoration:none; }
.client-performance__metrics a+a { border-left:1px solid rgb(255 255 255 / 11%); }
.client-performance__metrics strong { display:block; font-size:23px; font-weight:650; }
.client-performance__metrics span { display:block; margin-top:6px; color:#d9cdc8; font-size:10px; line-height:1.35; }
.client-performance>footer { position:relative; z-index:1; min-height:48px; display:flex; align-items:center; gap:20px; padding:0 23px; border-top:1px solid rgb(255 255 255 / 10%); color:#c9bbb4; font-size:10px; }
.client-performance>footer span { display:flex; align-items:center; gap:7px; }
.client-performance>footer i { width:7px; height:7px; border-radius:50%; background:#ee884b; }
.client-performance>footer a { margin-left:auto; color:#ff9859; font-weight:700; text-decoration:none; }
.client-overview__aside { display:grid; grid-template-rows:1.15fr .85fr; gap:12px; }
.client-renewal-card { min-width:0; display:grid; grid-template-columns:auto 1fr; gap:13px; padding:18px; border:1px solid #ebcdbd; border-radius:14px; background:linear-gradient(135deg,#fffaf7,#fff3ec); color:var(--text); text-decoration:none; transition:transform .18s,box-shadow .18s; }
.client-renewal-card:hover,.client-overview__mini-grid a:hover { transform:translateY(-2px); box-shadow:0 9px 21px rgb(58 35 27 / 8%); }
.client-renewal-card__icon { width:39px; height:39px; display:grid; place-items:center; border-radius:10px; background:#f9ded0; color:var(--brand-orange-dark); }
.client-renewal-card em { display:block; color:#a06c55; font-size:9px; font-style:normal; font-weight:750; letter-spacing:.1em; }
.client-renewal-card strong { display:block; margin-top:6px; color:var(--brand-dark); font-size:20px; font-weight:650; }
.client-renewal-card div>span { display:block; margin-top:4px; color:#7f6e66; font-size:10px; line-height:1.4; }
.client-renewal-card>small { grid-column:1/3; display:flex; justify-content:space-between; padding-top:11px; border-top:1px solid #ecd9cf; color:#8f7163; font-size:10px; }
.client-renewal-card>small b { color:var(--brand-orange-dark); font-size:14px; }
.client-overview__mini-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px; }
.client-overview__mini-grid a { position:relative; min-width:0; padding:14px; border:1px solid #dfe8e9; border-radius:12px; color:var(--text); text-decoration:none; transition:transform .18s,box-shadow .18s; }
.client-overview__mini-grid a.is-messages { background:#f3f8f9; color:#42656b; }
.client-overview__mini-grid a.is-financial { border-color:#eadfe7; background:#faf5f8; color:#76536b; }
.client-overview__mini-grid svg { position:absolute; top:13px; right:13px; width:17px; height:17px; opacity:.75; }
.client-overview__mini-grid strong { display:block; color:var(--brand-dark); font-size:25px; font-weight:650; line-height:1; }
.client-overview__mini-grid span { display:block; margin-top:7px; color:var(--brand-dark); font-size:10px; font-weight:600; line-height:1.35; }
.client-overview__mini-grid small { display:block; margin-top:6px; font-size:9px; }
.client-dashboard-grid,.client-profile-grid { display:grid; grid-template-columns:1.12fr .88fr; gap:18px; align-items:start; }
.client-box { min-width:0; overflow:hidden; border:1px solid #e5dad4; border-radius:14px; background:#fff; }
.client-box>header { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:16px 19px; border-bottom:1px solid #eee5e0; }
.client-box>header h3 { margin:3px 0 0; color:var(--brand-dark); font-size:18px; font-weight:700; }
.client-box>header>a { color:var(--brand-orange-dark); font-size:12px; font-weight:700; text-decoration:none; }
.client-empty { padding:38px 24px; color:var(--muted); text-align:center; }
.client-empty strong { color:var(--brand-dark); font-size:17px; font-weight:650; }
.client-empty p { margin:7px auto 16px; font-size:13px; line-height:1.55; }
.client-empty>a { color:var(--brand-orange-dark); font-size:13px; font-weight:800; }
.client-recent-animals { display:grid; grid-template-columns:1fr 1fr; }
.client-recent-animals>a { min-width:0; display:flex; align-items:center; gap:11px; padding:13px 15px; color:var(--text); text-decoration:none; }
.client-recent-animals>a:nth-child(odd) { border-right:1px solid #eee5e0; }
.client-recent-animals>a:nth-child(n+3) { border-top:1px solid #eee5e0; }
.client-recent-animals img,.client-image-empty { width:58px; height:49px; flex:none; object-fit:cover; border-radius:7px; background:#eee7e3; }
.client-image-empty { display:grid; place-items:center; color:#998b84; font-size:9px; text-align:center; }
.client-recent-animals>a>span:last-child { min-width:0; }
.client-recent-animals strong { display:block; overflow:hidden; color:var(--brand-dark); font-size:13px; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }
.client-recent-animals small { display:block; margin-top:5px; color:var(--muted); font-size:11px; }
.client-recent-messages>a { display:flex; align-items:center; gap:11px; padding:14px 16px; color:var(--text); text-decoration:none; }
.client-recent-messages>a+a { border-top:1px solid #eee5e0; }
.client-recent-messages>a>span { width:35px; height:35px; display:grid; place-items:center; flex:none; border-radius:50%; background:#f6e7df; color:var(--brand-orange-dark); font-size:13px; font-weight:900; }
.client-recent-messages div { min-width:0; flex:1; }
.client-recent-messages strong,.client-recent-messages small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.client-recent-messages strong { color:var(--brand-dark); font-size:13px; font-weight:650; }
.client-recent-messages small { margin-top:4px; color:var(--muted); font-size:10px; }
.client-recent-messages i { padding:4px 6px; border-radius:4px; background:#e6f4eb; color:#197646; font-size:8px; font-style:normal; font-weight:900; }
.client-filter-pills { display:flex; flex-wrap:wrap; gap:7px; margin:-5px 0 18px; }
.client-filter-pills span { padding:7px 10px; border:1px solid #e5dad4; border-radius:20px; background:#fff; color:#645852; font-size:11px; font-weight:750; }
.client-animal-list { display:grid; gap:12px; }
.client-animal-list article { min-width:0; display:grid; grid-template-columns:112px minmax(190px,1fr) 320px auto; align-items:center; gap:18px; padding:12px; border:1px solid #e5dad4; border-radius:13px; background:#fff; }
.client-animal-list__photo { height:90px; overflow:hidden; border-radius:9px; background:#eee7e3; }
.client-animal-list__photo img { width:100%; height:100%; object-fit:cover; }
.client-animal-list__photo .client-image-empty { width:100%; height:100%; border-radius:0; }
.client-status { display:inline-flex; width:max-content; padding:5px 8px; border-radius:5px; background:#f3eee9; color:#6e625c; font-size:10px; font-style:normal; font-weight:850; }
.client-status--ativo,.client-status--liberado { background:#e6f4eb; color:#197646; }
.client-status--pendente,.client-status--aguardando-pagamento { background:#fff0dc; color:#a65b0e; }
.client-status--bloqueado,.client-status--cancelado { background:#f9e5e2; color:#a73e31; }
.client-animal-list__main h3 { margin:7px 0 3px; color:var(--brand-dark); font-size:18px; font-weight:700; }
.client-animal-list__main p,.client-animal-list__main small { margin:0; color:var(--muted); font-size:11px; }
.client-animal-list__main small { display:block; margin-top:7px; }
.client-animal-list__renewal { display:block; margin-top:3px; }
.client-animal-list dl { display:grid; grid-template-columns:repeat(4,1fr); margin:0; }
.client-animal-list dl div { padding:0 15px; border-left:1px solid #eee5e0; text-align:center; }
.client-animal-list dt { color:var(--muted); font-size:10px; }
.client-animal-list dd { margin:5px 0 0; color:var(--brand-dark); font-size:16px; font-weight:700; }
.client-animal-list__actions { min-width:126px; display:grid; gap:7px; }
.client-animal-list__actions a { min-height:38px; display:flex; align-items:center; justify-content:center; gap:7px; padding:0 12px; border:1px solid #edcbbb; border-radius:7px; color:var(--brand-orange-dark); font-size:12px; font-weight:850; text-decoration:none; transition:background .2s,border-color .2s,color .2s,transform .2s; }
.client-animal-list__actions svg { width:15px; height:15px; flex:none; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.client-animal-list__actions .is-edit { border-color:#fff1e8; background:#fff1e8; }
.client-animal-list__actions .client-animal-list__view { background:#fff; }
.client-animal-list__actions a:hover { border-color:var(--brand-orange); background:var(--brand-orange); color:#fff; transform:translateY(-1px); }
.client-ad-alert.is-success { border-color:#bedfca; background:#f1faf4; color:#257348; transition:opacity .25s ease,transform .25s ease; }
.client-ad-alert.is-success.is-leaving { opacity:0; transform:translateY(-6px); }
.client-message-list { display:grid; gap:13px; }
.client-message-list article { scroll-margin-top:20px; padding:20px; border:1px solid #e5dad4; border-radius:13px; background:#fff; }
.client-message-list article.is-new { border-left:4px solid #258d58; }
.client-message-list article>header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; }
.client-message-list article>header>div { display:flex; align-items:center; gap:12px; }
.client-message-list article>header>div>span { width:40px; height:40px; display:grid; place-items:center; flex:none; border-radius:50%; background:#f6e7df; color:var(--brand-orange-dark); font-weight:900; }
.client-message-list h3 { margin:0; color:var(--brand-dark); font-size:16px; }
.client-message-list header p { margin:4px 0 0; color:var(--muted); font-size:12px; }
.client-message-list time { color:var(--muted); font-size:11px; }
.client-message-list__text { margin:18px 0; padding:17px; border-radius:8px; background:#f8f5f3; color:#524a46; font-size:14px; line-height:1.65; }
.client-message-list footer { display:flex; flex-wrap:wrap; gap:17px; }
.client-message-list footer a { color:var(--brand-orange-dark); font-size:12px; font-weight:750; text-decoration:none; }
.client-payment-list { overflow:hidden; border:1px solid #e5dad4; border-radius:13px; background:#fff; }
.client-payment-list__head,.client-payment-list__row { display:grid; grid-template-columns:1fr .85fr 1fr .8fr .8fr .8fr; align-items:center; gap:15px; padding:0 18px; }
.client-payment-list__head { min-height:45px; background:var(--brand-dark); color:#fff; font-size:10px; font-weight:850; text-transform:uppercase; }
.client-payment-list__row { min-height:66px; color:#5c514c; font-size:12px; }
.client-payment-list__row+.client-payment-list__row { border-top:1px solid #eee5e0; }
.client-payment-list__row>strong { color:var(--brand-dark); }
.client-payment-list__row>b { color:var(--brand-orange-dark); font-size:13px; text-align:right; }
.client-profile-grid { grid-template-columns:1fr 1fr; }
.client-profile-grid dl { margin:0; padding:4px 19px 17px; }
.client-profile-grid dl div { display:grid; grid-template-columns:100px 1fr; gap:14px; padding:13px 0; border-bottom:1px solid #eee5e0; }
.client-profile-grid dl div:last-child { border:0; }
.client-profile-grid dt { color:var(--muted); font-size:12px; }
.client-profile-grid dd { margin:0; overflow-wrap:anywhere; color:var(--brand-dark); font-size:13px; font-weight:750; }
.client-profile-grid address { padding:23px; color:#514842; font-size:14px; font-style:normal; line-height:1.9; }
.client-profile-note { margin-top:16px; padding:16px 19px; border-radius:10px; background:#f0e9e5; color:#675b55; font-size:12px; line-height:1.55; }
.client-profile-form { overflow:hidden; }
.client-profile-form>header { padding:20px 22px 16px; border-bottom:1px solid #eee5e0; }
.client-profile-form>header small { color:var(--brand-orange); font-size:10px; font-weight:850; letter-spacing:1.2px; }
.client-profile-form>header h3 { margin:5px 0 0; color:var(--brand-dark); font-size:20px; }
.client-profile-form>header.client-profile-form__address-title { border-top:1px solid #eee5e0; }
.client-profile-form__fields { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; padding:20px 22px 23px; }
.client-profile-form__fields label { min-width:0; }
.client-profile-form__fields label>span { display:block; margin-bottom:7px; color:#564a44; font-size:12px; font-weight:750; }
.client-profile-form__fields input { width:100%; min-height:47px; box-sizing:border-box; padding:0 13px; border:1px solid #dcd0ca; border-radius:8px; outline:0; background:#fff; color:var(--brand-dark); font:inherit; font-size:14px; }
.client-profile-form__fields input:focus { border-color:var(--brand-orange); box-shadow:0 0 0 3px rgb(215 100 34 / 10%); }
.client-profile-form__fields input[readonly] { background:#f5f1ef; color:#786d67; cursor:not-allowed; }
.client-profile-form__cep-feedback { min-height:15px; display:block; margin-top:5px; color:#28744a; font-size:10px; font-weight:700; }
.client-profile-form__cep-feedback.is-error { color:#ad421e; }
.client-profile-form__fields .is-email,.client-profile-form__fields .is-street { grid-column:span 2; }
.client-profile-form__fields.is-address { grid-template-columns:150px minmax(220px,2fr) 120px minmax(160px,1fr); border-top:1px solid #eee5e0; }
.client-profile-form__fields.is-address .is-street { grid-column:auto; }
.client-profile-form__fields.is-address .is-state { max-width:100px; }
.client-profile-form>footer { display:flex; justify-content:flex-end; padding:0 22px 22px; }
.client-profile-form>footer button { min-height:47px; padding:0 22px; border:0; border-radius:8px; background:var(--brand-orange); color:#fff; font:inherit; font-size:13px; font-weight:850; cursor:pointer; transition:background .2s,transform .2s; }
.client-profile-form>footer button:hover { background:var(--brand-orange-dark); transform:translateY(-1px); }
.client-republish-options { display:grid; grid-template-columns:1fr 1fr; gap:17px; }
.client-republish-options>a { position:relative; min-height:265px; display:flex; flex-direction:column; align-items:flex-start; box-sizing:border-box; padding:30px; overflow:hidden; border:1px solid #e6d8d1; border-radius:15px; background:#fff; color:var(--brand-dark); text-decoration:none; transition:transform .2s,border-color .2s,box-shadow .2s; }
.client-republish-options>a:hover { transform:translateY(-3px); border-color:#dcae96; box-shadow:0 14px 30px rgb(65 37 27 / 9%); }
.client-republish-options>a>span { position:absolute; right:24px; bottom:25px; width:150px; height:150px; display:grid; place-items:center; border-radius:50%; background:#fbede5; color:var(--brand-orange-dark); opacity:.36; transform:rotate(-8deg); pointer-events:none; }
.client-republish-options svg { width:88px; height:88px; fill:none; stroke:currentColor; stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round; }
.client-republish-options small,.client-republish-options h3,.client-republish-options>a>strong,.client-republish-options p,.client-republish-options em { position:relative; z-index:1; }
.client-republish-options small { color:var(--brand-orange-dark); font-size:9px; font-weight:850; letter-spacing:1.2px; }
.client-republish-options h3 { margin:6px 0 3px; font-size:24px; }
.client-republish-options>a>strong { color:var(--brand-orange-dark); font-size:20px; }
.client-republish-options p { max-width:65%; margin:13px 0 20px; color:#72655e; font-size:13px; line-height:1.55; }
.client-republish-options em { min-height:42px; display:inline-flex; align-items:center; justify-content:center; box-sizing:border-box; margin-top:auto; padding:0 18px; border:1px solid var(--brand-orange-dark); border-radius:9px; background:#fff; color:var(--brand-orange-dark); font-size:12px; font-style:normal; font-weight:850; transition:background .2s,color .2s; }
.client-republish-options>a:hover em { background:var(--brand-orange-dark); color:#fff; }
.client-republish-options .is-package { border-color:#3b2922; background:var(--brand-dark); color:#fff; }
.client-republish-options .is-package>span { background:rgb(255 138 67 / 10%); color:#ff8a43; opacity:.41; }
.client-republish-options .is-package small,.client-republish-options .is-package>strong,.client-republish-options .is-package em { color:#ff8a43; }
.client-republish-options .is-package p { color:#d2c3bc; }
.client-republish-options .is-package em { border-color:#df641c; background:#df641c; color:#fff; }
.client-republish-options .is-package:hover em { background:#f2762e; }
.client-republish-options .is-package>b { position:absolute; top:25px; right:25px; padding:7px 10px; border-radius:20px; background:rgb(255 255 255 / 9%); color:#fff; font-size:10px; }
.client-credit-overview { display:grid; grid-template-columns:minmax(0,1fr) 230px; gap:14px; margin-bottom:17px; }
.client-credit-checkout { display:grid; grid-template-columns:1fr; gap:0; overflow:hidden; margin-bottom:17px; border:1px solid #ebc7b4; border-radius:14px; background:#fff; }
.client-credit-checkout.is-payment-only { border-color:var(--brand-dark); background:var(--brand-dark); }
.client-credit-checkout .client-credit-offer { position:relative; align-items:flex-start; padding:28px 28px 82px; border:0; border-radius:0; background:linear-gradient(135deg,#fff8f4,#fff); }
.client-credit-checkout .client-credit-purchase { min-width:0; border:0; border-radius:0; }
.client-credit-offer__balance { position:absolute; left:28px; bottom:20px; min-height:43px; display:inline-flex; align-items:center; gap:10px; box-sizing:border-box; padding:0 15px; border:1px solid rgb(215 100 34 / 28%); border-radius:9px; background:rgb(215 100 34 / 20%); box-shadow:0 4px 12px rgb(87 48 29 / 4%); }
.client-credit-offer__balance small { color:var(--brand-orange-dark); font-size:9px; font-weight:850; letter-spacing:1.1px; }
.client-credit-offer__balance span { color:#76675f; font-size:11px; }
.client-credit-offer__balance strong { margin-right:3px; color:var(--brand-orange-dark); font-size:24px; line-height:1; }
.client-credit-purchase .client-ad-payment__qr { width:180px; max-width:100%; margin:0 auto 15px; }
.client-credit-purchase .client-ad-payment__waiting { margin-top:14px; }
.client-credit-purchase form { grid-template-columns:minmax(220px,1fr) minmax(220px,280px); align-items:end; }
.client-credit-purchase form button { min-height:48px; }
.client-credit-pending__title { margin-bottom:18px; }
.client-credit-pending__title h3 { margin:5px 0 6px; }
.client-credit-pending__title p { margin:0; text-align:left; }
.client-credit-pending__content { display:grid; grid-template-columns:180px minmax(0,1fr); align-items:start; gap:22px; }
.client-credit-pending__content .client-ad-payment__qr { width:180px; margin:0; }
.client-credit-pending__content>div>button { width:100%; }
.client-credit-offer { display:flex; align-items:center; gap:18px; padding:20px; border:1px solid #ebc7b4; border-radius:14px; background:linear-gradient(135deg,#fff8f4,#fff); }
.client-credit-offer__icon { width:48px; height:48px; display:grid; place-items:center; flex:none; border-radius:11px; background:#f9dfd0; color:var(--brand-orange-dark); }
.client-credit-offer__icon svg { width:23px; height:23px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.client-credit-offer>div { min-width:0; flex:1; }
.client-credit-offer small,.client-credit-balance small { color:var(--brand-orange-dark); font-size:9px; font-weight:850; letter-spacing:1.1px; }
.client-credit-offer h3 { margin:5px 0 6px; color:var(--brand-dark); font-size:19px; }
.client-credit-offer p { margin:0; color:#6c5e57; font-size:12px; line-height:1.5; }
.client-credit-offer ul { display:flex; flex-wrap:wrap; gap:6px 16px; margin:10px 0 0; padding:0; list-style:none; color:#6d5e56; font-size:10px; }
.client-credit-offer li::before { content:'✓'; margin-right:5px; color:#278251; font-weight:900; }
.client-credit-offer>button { min-height:43px; padding:0 15px; border:0; border-radius:8px; background:var(--brand-orange); color:#fff; font-size:11px; font-weight:800; cursor:pointer; white-space:nowrap; }
.client-credit-balance { display:flex; flex-direction:column; justify-content:center; padding:20px; border-radius:14px; background:var(--brand-dark); color:#fff; }
.client-credit-balance>strong { margin-top:7px; color:#ff8a43; font-size:38px; line-height:1; }
.client-credit-balance>span { margin-top:4px; font-size:13px; font-weight:750; }
.client-credit-balance>p { margin:11px 0 0; color:#c9bbb4; font-size:10px; line-height:1.5; }
.client-republish { display:grid; grid-template-columns:minmax(0,1fr) 270px; gap:17px; align-items:start; }
.client-republish__animals { overflow:hidden; border:1px solid #e5dad4; border-radius:14px; background:#fff; }
.client-republish__intro { display:flex; align-items:center; gap:13px; padding:18px; border-bottom:1px solid #eee5e0; background:#fffaf7; }
.client-republish__intro>span { width:42px; height:42px; display:grid; place-items:center; flex:none; border-radius:10px; background:#f8dfd2; color:var(--brand-orange-dark); }
.client-republish__intro svg,.client-republish-animal__check svg { width:21px; height:21px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.client-republish__intro div { min-width:0; flex:1; }
.client-republish__intro strong { color:var(--brand-dark); font-size:15px; }
.client-republish__intro p { margin:5px 0 0; color:var(--muted); font-size:11px; }
.client-republish__intro button { min-height:40px; padding:0 14px; border:1px solid var(--brand-orange); border-radius:8px; background:#fff; color:var(--brand-orange-dark); font-size:11px; font-weight:700; cursor:pointer; }
.client-republish-animal { position:relative; display:grid; grid-template-columns:27px 72px minmax(0,1fr) auto; align-items:center; gap:13px; padding:12px 17px; cursor:pointer; }
.client-republish-animal+.client-republish-animal { border-top:1px solid #eee5e0; }
.client-republish-animal>input { position:absolute; opacity:0; pointer-events:none; }
.client-republish-animal.is-disabled { background:#f7f3f1; cursor:not-allowed; opacity:.7; }
.client-republish-animal__check { width:24px; height:24px; display:grid; place-items:center; border:1px solid #d7cac3; border-radius:6px; color:transparent; }
.client-republish-animal>input:checked+.client-republish-animal__check { border-color:var(--brand-orange); background:var(--brand-orange); color:#fff; }
.client-republish-animal__photo { width:72px; height:57px; overflow:hidden; border-radius:8px; background:#eee7e3; }
.client-republish-animal__photo img { width:100%; height:100%; object-fit:cover; }
.client-republish-animal__info strong,.client-republish-animal__info small,.client-republish-animal__date>* { display:block; }
.client-republish-animal__info strong { color:var(--brand-dark); font-size:14px; }
.client-republish-animal__info small,.client-republish-animal__date small { margin-top:5px; color:var(--muted); font-size:10px; }
.client-republish-animal__date { text-align:right; }
.client-republish-animal__date strong { margin-top:4px; color:var(--brand-dark); font-size:12px; }
.client-republish-animal__date em { margin-top:5px; color:var(--brand-orange-dark); font-size:9px; font-style:normal; font-weight:700; }
.client-republish__summary { position:sticky; top:18px; padding:21px; border-radius:14px; background:var(--brand-dark); color:#fff; }
.client-republish__summary>small,.client-checkout>section>small,.client-checkout__payment>small { color:#f18a4e; font-size:9px; font-weight:750; letter-spacing:.12em; }
.client-republish__summary h3 { margin:6px 0 19px; font-size:20px; }
.client-republish__summary dl { margin:0; }
.client-republish__summary dl div { display:flex; justify-content:space-between; gap:15px; padding:9px 0; border-bottom:1px solid rgb(255 255 255 / 10%); }
.client-republish__summary dt { color:#cdbfba; font-size:10px; }
.client-republish__summary dd { margin:0; font-size:11px; font-weight:700; }
.client-republish__total { display:flex; align-items:end; justify-content:space-between; gap:12px; padding:19px 0; }
.client-republish__total span { color:#d1c3bd; font-size:11px; }
.client-republish__total strong { color:#ff8a43; font-size:22px; }
.client-republish__summary>button { width:100%; min-height:47px; border:0; border-radius:8px; background:var(--brand-orange); color:#fff; font-size:12px; font-weight:700; cursor:pointer; }
.client-republish__summary>button:disabled { background:#66514a; color:#bbaaa3; cursor:not-allowed; }
.client-republish__summary>p { margin:12px 0 0; color:#bfaea7; font-size:9px; line-height:1.5; }
#buyCreditsForm { display:none; }
.client-checkout { display:grid; grid-template-columns:minmax(0,1fr) 310px; gap:18px; align-items:start; }
.client-checkout__order,.client-checkout__payment { overflow:hidden; padding:22px; border:1px solid #e5dad4; border-radius:14px; background:#fff; }
.client-checkout__order h3 { margin:6px 0 20px; color:var(--brand-dark); font-size:22px; }
.client-checkout__animals>div { display:flex; align-items:center; gap:12px; padding:11px 0; border-top:1px solid #eee5e0; }
.client-checkout__animals img { width:62px; height:48px; object-fit:cover; border-radius:7px; }
.client-checkout__animals span { min-width:0; flex:1; }
.client-checkout__animals span>* { display:block; }
.client-checkout__animals strong { color:var(--brand-dark); font-size:13px; }
.client-checkout__animals small { margin-top:4px; color:var(--muted); font-size:10px; }
.client-checkout__animals b { color:var(--brand-orange-dark); font-size:12px; }
.client-checkout__package { padding:25px; border-radius:11px; background:#fff5ef; }
.client-checkout__package>* { display:block; }
.client-checkout__package strong { color:var(--brand-orange-dark); font-size:28px; }
.client-checkout__package span { margin-top:8px; color:var(--brand-dark); font-size:13px; }
.client-checkout__package em { margin-top:13px; color:#84736b; font-size:11px; font-style:normal; }
.client-checkout__payment { background:var(--brand-dark); color:#fff; }
.client-checkout__payment>strong { display:block; margin:8px 0 22px; color:#ff8a43; font-size:30px; }
.client-checkout__payment>div { padding:15px; border:1px solid rgb(255 255 255 / 12%); border-radius:9px; background:rgb(255 255 255 / 5%); }
.client-checkout__payment>div>* { display:block; }
.client-checkout__payment>div span { font-size:13px; font-weight:650; }
.client-checkout__payment>div small { margin-top:5px; color:#c9bbb4; font-size:9px; }
.client-checkout__payment>button { width:100%; min-height:47px; margin-top:16px; border:0; border-radius:8px; background:#6b554d; color:#c8b8b1; font-size:12px; font-weight:700; }
.client-checkout__payment>p { margin:10px 0 0; color:#bba9a2; font-size:9px; text-align:center; }

/* Cadastro de animais */
.client-ad-create__title>span { align-self:center; padding:9px 12px; border:1px solid #e4d7d0; border-radius:8px; background:#fff; color:#776861; font-size:12px; font-weight:700; }
.client-ad-steps { display:grid; grid-template-columns:repeat(4,1fr); overflow:hidden; margin-bottom:18px; border:1px solid #e5dad4; border-radius:13px; background:#fff; }
.client-ad-steps>a,.client-ad-steps>span { min-height:66px; display:flex; align-items:center; gap:11px; padding:12px 15px; color:#9b8e87; text-decoration:none; }
.client-ad-steps>*+* { border-left:1px solid #eee5e0; }
.client-ad-steps b { width:30px; height:30px; display:grid; place-items:center; flex:none; border-radius:8px; background:#f2ece8; color:#8a7b74; font-size:13px; }
.client-ad-steps span span,.client-ad-steps a span { font-size:12px; font-weight:750; }
.client-ad-steps a.is-active { background:#fff6f0; color:var(--brand-dark); }
.client-ad-steps a.is-active b { background:var(--brand-orange); color:#fff; }
.client-ad-steps a.is-complete b { background:#e5f2e9; color:#277449; }
.client-ad-alert { margin-bottom:17px; padding:14px 17px; border:1px solid #efc8b2; border-radius:10px; background:#fff5ef; color:#a94016; font-size:13px; font-weight:700; line-height:1.45; }
.client-ad-form { display:grid; gap:17px; }
.client-ad-card { overflow:hidden; border:1px solid #e5dad4; border-radius:14px; background:#fff; }
.client-ad-card>header { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; padding:20px 22px; border-bottom:1px solid #eee5e0; background:#fffdfa; }
.client-ad-card>header small,.client-ad-payment small,.client-ad-success small { display:block; margin-bottom:6px; color:var(--brand-orange-dark); font-size:11px; font-weight:850; letter-spacing:.1em; }
.client-ad-card>header h3 { margin:0; color:var(--brand-dark); font-size:23px; }
.client-ad-card>header p { max-width:290px; margin:3px 0 0; color:var(--muted); font-size:13px; line-height:1.5; text-align:right; }
.client-ad-fields { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; padding:22px; }
.client-ad-fields.is-single { grid-template-columns:1fr; }
.client-ad-fields label.is-wide { grid-column:span 2; }
.client-ad-fields label>span,.client-ad-payment__pix label>span { display:block; margin-bottom:8px; color:#564a44; font-size:13px; font-weight:750; }
.client-ad-fields input,.client-ad-fields select,.client-ad-fields textarea,.client-ad-lineage input,.client-ad-payment__pix input,.client-ad-payment__pix textarea { width:100%; min-height:48px; box-sizing:border-box; padding:0 13px; border:1px solid #dcd0ca; border-radius:8px; outline:0; background:#fff; color:var(--brand-dark); font:inherit; font-size:14px; }
.client-ad-fields textarea,.client-ad-payment__pix textarea { min-height:120px; padding:12px 13px; resize:vertical; line-height:1.55; }
.client-ad-fields input:focus,.client-ad-fields select:focus,.client-ad-fields textarea:focus,.client-ad-lineage input:focus,.client-ad-payment__pix input:focus,.client-ad-payment__pix textarea:focus { border-color:var(--brand-orange); box-shadow:0 0 0 3px rgb(215 100 34 / 10%); }
.client-ad-fields label>small { display:block; margin-top:7px; color:var(--muted); font-size:12px; line-height:1.45; }
.client-ad-checks { display:flex; flex-wrap:wrap; gap:12px 24px; padding:0 22px 22px; }
.client-ad-checks label { display:flex; align-items:center; gap:8px; color:#554a44; font-size:13px; cursor:pointer; }
.client-ad-checks input { width:18px; height:18px; accent-color:var(--brand-orange); }
.client-ad-actions { display:flex; align-items:center; justify-content:space-between; gap:18px; }
.client-ad-actions>span { color:var(--muted); font-size:12px; }
.client-ad-actions>a { color:var(--brand-orange-dark); font-size:13px; font-weight:750; text-decoration:none; }
.client-ad-actions>button,.client-ad-payment__pix button { min-height:50px; padding:0 22px; border:0; border-radius:9px; background:var(--brand-orange); color:#fff; font-size:14px; font-weight:800; cursor:pointer; transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease; }
.client-ad-payment__pix button:hover { background:#ef762f; box-shadow:0 10px 22px rgb(0 0 0 / 22%); transform:translateY(-2px); }
.client-ad-payment__pix button:active { box-shadow:0 4px 10px rgb(0 0 0 / 18%); transform:translateY(0); }
.client-ad-payment__pix button:focus-visible { outline:3px solid rgb(255 255 255 / 70%); outline-offset:3px; }
.client-ad-actions>button b,.client-ad-payment__pix button b { margin-left:9px; }
.client-ad-lineage__viewport { overflow-x:auto; padding:22px; scrollbar-color:#d8c9c1 transparent; }
.client-ad-lineage__tree { min-width:860px; display:grid; grid-template-columns:repeat(4,minmax(180px,1fr)); gap:16px; }
.client-ad-lineage__column { min-width:0; }
.client-ad-lineage__column>small { display:block; margin:0 0 11px; color:#8f6049; font-size:12px; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }
.client-ad-lineage__nodes { height:390px; display:grid; grid-template-rows:repeat(8,1fr); row-gap:8px; }
.client-ad-lineage__node { min-width:0; align-self:center; grid-row:var(--lineage-start)/span var(--lineage-span); }
.client-ad-lineage__node input { min-height:42px; padding:0 12px; text-align:center; box-shadow:0 4px 12px rgb(70 48 39 / 4%); }
.client-ad-lineage__node.is-male input { border-color:#d8e4ea; background:#f3f8fa; }
.client-ad-lineage__node.is-female input { border-color:#e8d6e3; background:#fbf3f8; }
.client-ad-lineage__node input::placeholder { color:#9b8d86; opacity:.85; }
.client-ad-photo-note { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:20px 22px 0; padding:14px 16px; border-radius:9px; background:#f3f8f5; color:#476055; }
.client-ad-photo-note strong { font-size:13px; }
.client-ad-photo-note span { font-size:12px; }
.client-ad-photos { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; padding:20px 22px 24px; }
.client-ad-photo { position:relative; min-width:0; overflow:hidden; border:1px dashed #d2c3bb; border-radius:11px; background:#faf7f5; }
.client-ad-photo label { display:block; cursor:pointer; }
.client-ad-photo label>input[type=file] { position:absolute; width:1px; height:1px; opacity:0; }
.client-ad-photo__preview { height:135px; display:block; background:#eee7e3 center/cover no-repeat; cursor:pointer; }
.client-ad-photo:not(.has-photo) .client-ad-photo__preview::after { content:'+'; height:100%; display:grid; place-items:center; color:#b25627; font-size:38px; font-weight:300; }
.client-ad-photo__label { display:block; padding:11px 12px; cursor:pointer; }
.client-ad-photo__label>* { display:block; }
.client-ad-photo__label b { color:var(--brand-dark); font-size:13px; }
.client-ad-photo__label small { margin-top:4px; color:var(--muted); font-size:11px; }
.client-ad-photo__remove { display:flex; align-items:center; gap:6px; padding:0 12px 11px; color:#a33e25; font-size:11px; font-weight:700; }
.client-ad-photo__remove input { accent-color:#b9492b; }
.client-ad-payment { display:grid; grid-template-columns:minmax(0,1fr) 380px; gap:18px; align-items:stretch; }
.client-ad-payment__animal,.client-ad-payment__pix { padding:23px; border:1px solid #e5dad4; border-radius:14px; background:#fff; }
.client-ad-payment__animal>div { display:flex; align-items:center; gap:15px; margin:15px 0 22px; }
.client-ad-payment__animal img { width:110px; height:84px; object-fit:cover; border-radius:10px; }
.client-ad-payment__animal h3 { margin:0; color:var(--brand-dark); font-size:23px; }
.client-ad-payment__animal p { margin:6px 0 0; color:var(--muted); font-size:13px; }
.client-ad-payment__animal dl { margin:0 0 22px; border-top:1px solid #eee5e0; }
.client-ad-payment__animal dl div { display:flex; justify-content:space-between; gap:20px; padding:13px 0; border-bottom:1px solid #eee5e0; }
.client-ad-payment__animal dt { color:var(--muted); font-size:13px; }
.client-ad-payment__animal dd { margin:0; color:var(--brand-dark); font-size:14px; font-weight:800; }
.client-ad-payment__animal>a { color:var(--brand-orange-dark); font-size:13px; font-weight:750; text-decoration:none; }
.client-ad-payment__pix { background:var(--brand-dark); color:#fff; }
.client-ad-payment__pix h3 { margin:0 0 9px; font-size:25px; }
.client-ad-payment__pix>p { margin:0 0 19px; color:#d4c7c1; font-size:13px; line-height:1.55; }
.client-ad-payment__pix form { display:grid; gap:14px; }
.client-ad-payment__pix label>span { color:#f2e7e2; }
.client-ad-payment__pix label>small { display:block; margin-top:6px; color:#baa8a0; font-size:11px; font-weight:400; letter-spacing:0; text-transform:none; }
.client-ad-payment__pix button { width:100%; }
.client-ad-payment__pix>em { display:block; margin-top:12px; color:#b9aaa3; font-size:11px; font-style:normal; text-align:center; }
.client-ad-payment__qr { width:210px; max-width:100%; display:block; margin:0 auto 16px; border:8px solid #fff; border-radius:9px; background:#fff; }
.client-ad-payment__pix textarea { min-height:76px; margin-bottom:12px; background:#fff; color:#443833; font-size:11px; word-break:break-all; }
.client-ad-payment__waiting { display:flex; align-items:center; gap:10px; margin-top:15px; padding:12px; border-radius:8px; background:rgb(255 255 255 / 7%); }
.client-ad-payment__waiting i { width:9px; height:9px; flex:none; border-radius:50%; background:#ff995d; animation:paymentPulse 1.4s ease-in-out infinite; }
.client-ad-payment__waiting span>* { display:block; }
.client-ad-payment__waiting strong { font-size:13px; }
.client-ad-payment__waiting small { margin:3px 0 0; color:#cbbdb7; font-size:11px; letter-spacing:0; }
.client-ad-payment__expired { margin-bottom:15px; padding:12px; border-radius:8px; background:#fff1e9; color:#a4421d; font-size:12px; font-weight:700; line-height:1.45; }
.client-ad-success { display:flex; align-items:center; gap:20px; padding:28px; border:1px solid #cfe5d7; border-radius:14px; background:#f5fbf7; }
.client-ad-success>span { width:48px; height:48px; display:grid; place-items:center; flex:none; border-radius:10px; background:#258d58; color:#fff; font-size:24px; font-weight:800; }
.client-ad-success>div { min-width:0; flex:1; }
.client-ad-success h3 { margin:0; color:#193e2b; font-size:24px; }
.client-ad-success p { margin:7px 0 0; color:#587063; font-size:13px; line-height:1.5; }
.client-ad-success>a { min-height:46px; display:inline-flex; align-items:center; padding:0 18px; border-radius:8px; background:#258d58; color:#fff; font-size:13px; font-weight:750; text-decoration:none; }
@keyframes paymentPulse { 0%,100% { opacity:.35; transform:scale(.8); } 50% { opacity:1; transform:scale(1.25); } }

@media (max-width:980px) {
    .client-panel__layout { grid-template-columns:1fr; }
    .client-panel__sidebar { display:none; }
    .client-animal-list article { grid-template-columns:95px 1fr auto; }
    .client-animal-list dl { grid-column:2/4; }
    .client-animal-list__actions { grid-column:3; grid-row:1; align-self:end; }
    .client-ad-fields { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .client-profile-form__fields,.client-profile-form__fields.is-address { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .client-profile-form__fields.is-address .is-street { grid-column:auto; }
    .client-ad-photos { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .client-ad-payment { grid-template-columns:1fr 340px; }
    .client-credit-overview { grid-template-columns:1fr 200px; }
    .client-credit-checkout { grid-template-columns:1fr; }
}

@media (max-width:700px) {
    .client-login,.client-panel { padding:32px 0 58px; }
    .client-login__card { padding:37px 22px; }
    .client-login__card h1 { font-size:31px; }
    .client-panel__header { align-items:flex-start; flex-direction:column; gap:18px; }
    .client-panel__header-actions { width:100%; }
    .client-panel__header-actions>a { min-width:0; flex:1; padding:0 12px; font-size:12px; }
    .client-panel__header h1 { font-size:30px; }
    .client-dashboard-grid,.client-profile-grid { grid-template-columns:1fr; }
    .client-overview { grid-template-columns:1fr; }
    .client-republish,.client-checkout { grid-template-columns:1fr; }
    .client-credit-overview { grid-template-columns:1fr; }
    .client-credit-checkout { grid-template-columns:1fr; }
    .client-credit-purchase form,.client-credit-pending__content { grid-template-columns:1fr; }
    .client-credit-pending__content .client-ad-payment__qr { margin:0 auto; }
    .client-republish-options { grid-template-columns:1fr; }
    .client-credit-offer { align-items:flex-start; flex-wrap:wrap; }
    .client-credit-offer>button { width:100%; }
    .client-republish__summary { position:static; }
    .client-performance__main { grid-template-columns:1fr; }
    .client-performance__metrics { grid-template-columns:repeat(3,1fr); }
    .client-panel__section-title { display:block; }
    .client-panel__section-title>a { margin-top:15px; }
    .client-ad-create__title { display:grid; gap:13px; }
    .client-ad-create__title>span { justify-self:start; margin:0; }
    .client-edit-heading>div:last-child { margin-top:15px; }
    .client-animal-list article { grid-template-columns:86px 1fr; gap:13px; }
    .client-animal-list__photo { height:76px; }
    .client-animal-list dl { grid-column:1/3; }
    .client-animal-list__actions { grid-column:1/3; grid-row:auto; grid-template-columns:1fr 1fr; }
    .client-animal-list__actions .client-animal-list__view { min-height:39px; display:flex; border-radius:7px; background:#fff3ec; }
    .client-message-list article>header { flex-direction:column; gap:9px; }
    .client-payment-list__head { display:none; }
    .client-payment-list__row { grid-template-columns:1fr 1fr; gap:12px; padding:17px; }
    .client-payment-list__row span::before { content:attr(data-label) ': '; color:#92857e; font-size:10px; }
    .client-payment-list__row>b { text-align:left; }
    .client-ad-steps { grid-template-columns:1fr 1fr; }
    .client-ad-steps>*:nth-child(3) { border-left:0; border-top:1px solid #eee5e0; }
    .client-ad-steps>*:nth-child(4) { border-top:1px solid #eee5e0; }
    .client-ad-card>header,.client-ad-photo-note { align-items:flex-start; flex-direction:column; }
    .client-ad-card>header p { max-width:none; text-align:left; }
    .client-ad-fields { grid-template-columns:1fr; }
    .client-profile-form__fields,.client-profile-form__fields.is-address { grid-template-columns:1fr; padding:17px; }
    .client-profile-form__fields .is-email,.client-profile-form__fields .is-street { grid-column:auto; }
    .client-profile-form__fields.is-address .is-state { max-width:none; }
    .client-profile-form>header { padding:17px; }
    .client-profile-form>footer { padding:0 17px 17px; }
    .client-profile-form>footer button { width:100%; }
    .client-ad-fields label.is-wide { grid-column:auto; }
    .client-ad-photos { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .client-ad-payment { grid-template-columns:1fr; }
    .client-ad-actions { align-items:stretch; flex-direction:column-reverse; }
    .client-ad-actions>button { width:100%; }
    .client-ad-actions>span { text-align:center; }
    .client-ad-success { align-items:flex-start; flex-wrap:wrap; }
}

@media (max-width:460px) {
    .client-republish__intro { align-items:flex-start; flex-wrap:wrap; }
    .client-republish__intro button { width:100%; }
    .client-republish-animal { grid-template-columns:25px 58px 1fr; padding:11px; }
    .client-republish-animal__photo { width:58px; height:48px; }
    .client-republish-animal__date { grid-column:3; text-align:left; }
    .client-performance>header,.client-performance__main { padding-left:17px; padding-right:17px; }
    .client-performance>footer { align-items:flex-start; flex-direction:column; gap:7px; padding:13px 17px; }
    .client-performance>footer a { margin-left:0; }
    .client-performance__metrics a { padding:14px 8px; }
    .client-performance__metrics strong { font-size:20px; }
    .client-recent-animals { grid-template-columns:1fr; }
    .client-recent-animals>a:nth-child(odd) { border-right:0; }
    .client-recent-animals>a:nth-child(n+2) { border-top:1px solid #eee5e0; }
    .client-animal-list dl div { padding:0 9px; }
    .client-animal-list dl { grid-template-columns:repeat(2,1fr); row-gap:13px; }
    .client-ad-steps>a,.client-ad-steps>span { min-height:58px; padding:9px; }
    .client-ad-steps span span,.client-ad-steps a span { font-size:11px; }
    .client-ad-card>header,.client-ad-fields { padding:17px; }
    .client-ad-lineage__viewport { padding:17px; }
    .client-ad-photos { grid-template-columns:1fr 1fr; padding:17px; }
    .client-ad-photo__preview { height:112px; }
    .client-ad-payment__animal,.client-ad-payment__pix { padding:18px; }
}