/* Travel Pets Professional Top v7
   Top page only. Existing lower sections remain unchanged. */

.tp-header-pro{background:#fff;border-bottom:1px solid #e7e7e2;backdrop-filter:none}
.tp-topbar{background:#21372f;color:#fff;font-size:11px}
.tp-topbar-inner{min-height:30px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.tp-topbar-inner>span{opacity:.88;letter-spacing:.02em}
.tp-topbar-inner>div{display:flex;gap:18px}
.tp-topbar a{color:#fff;text-decoration:none;opacity:.88}
.tp-topbar a:hover{opacity:1}
.tp-header-pro .tp-header-inner{min-height:70px}
.tp-header-pro .tp-brand-word{font-size:26px}
.tp-header-pro .tp-nav{gap:0}
.tp-header-pro .tp-nav a{
  min-height:70px;display:flex;align-items:center;padding:0 15px;
  font-size:13px;color:#4f5d56;border-left:1px solid transparent;border-right:1px solid transparent;
}
.tp-header-pro .tp-nav a:hover{background:#f7f8f4;color:#254f3b}
.tp-header-pro .tp-nav .tp-nav-main{color:#214f38;font-weight:800;border-bottom:3px solid #4d8062}

.tp-pro-hero{position:relative;min-height:430px;overflow:hidden;background:#263a31}
.tp-pro-hero-bg{
  position:absolute;inset:0;
  background-image:url('/assets/hero-lakeside-lodge-v4c.jpg');
  background-size:cover;background-position:center 55%;
  transform:scale(1.015);
}
.tp-pro-overlay{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(21,36,29,.86) 0%,rgba(21,36,29,.62) 42%,rgba(21,36,29,.12) 72%,rgba(21,36,29,.05) 100%),
    linear-gradient(0deg,rgba(18,31,25,.18),rgba(18,31,25,.02));
}
.tp-pro-hero-inner{position:relative;z-index:2;min-height:430px;display:flex;align-items:center}
.tp-pro-copy{max-width:680px;padding:52px 0 88px;color:#fff}
.tp-pro-eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.18em;margin-bottom:18px;color:#e8efe9}
.tp-pro-copy h1{font-size:clamp(44px,6vw,72px);line-height:1.12;letter-spacing:-.045em;margin:0 0 20px;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.14)}
.tp-pro-copy p{font-size:16px;line-height:1.9;margin:0;color:rgba(255,255,255,.91);text-shadow:0 1px 10px rgba(0,0,0,.12)}

.tp-pro-search-wrap{position:relative;z-index:4;margin-top:-56px}
.tp-pro-search-panel{
  background:#fff;border:1px solid #e1e5df;border-radius:6px;
  box-shadow:0 16px 42px rgba(24,39,31,.15);
  padding:20px 22px 17px;
}
.tp-pro-search-title{display:flex;align-items:baseline;gap:13px;margin-bottom:12px}
.tp-pro-search-title span{font-size:10px;font-weight:900;letter-spacing:.16em;color:#467158}
.tp-pro-search-title strong{font-size:18px;letter-spacing:-.01em}
.tp-pro-search-form{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:10px}
.tp-pro-input{
  display:grid;grid-template-columns:118px 1fr;align-items:center;
  min-height:60px;border:1px solid #cfd6d0;background:#fff;
}
.tp-pro-input>span{font-size:12px;font-weight:800;color:#42564a;padding-left:18px}
.tp-pro-input input{height:58px;border:0;border-left:1px solid #e1e5df;padding:0 18px;font-size:16px;outline:none}
.tp-pro-search-form button{
  border:0;background:#326b4c;color:#fff;font-weight:800;font-size:15px;cursor:pointer;
  transition:.15s ease;
}
.tp-pro-search-form button:hover{background:#285a3e}
.tp-pro-search-links{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px;font-size:12px;color:#748078}
.tp-pro-search-links a{color:#3c6650;text-decoration:none;border-bottom:1px solid #bfd0c3;padding:2px 1px}
.tp-pro-note{font-size:10.5px;line-height:1.7;color:#818780;margin:12px 0 0;border-top:1px solid #eceee9;padding-top:10px}

.tp-pro-entry{padding:34px 0 42px;background:#fff}
.tp-pro-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #dfe4de;border-bottom:1px solid #dfe4de}
.tp-pro-entry-grid>a{
  display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;
  padding:23px 20px;text-decoration:none;border-right:1px solid #dfe4de;background:#fff;
}
.tp-pro-entry-grid>a:last-child{border-right:0}
.tp-pro-entry-grid>a:hover{background:#f7f8f4}
.tp-pro-entry-grid>a>span{font-size:11px;font-weight:900;color:#7ca089;align-self:start;padding-top:3px}
.tp-pro-entry-grid small{display:block;font-size:9px;letter-spacing:.15em;color:#7d8c82;font-weight:800;margin-bottom:5px}
.tp-pro-entry-grid strong{display:block;font-size:16px;color:#22362d;line-height:1.45}
.tp-pro-entry-grid em{display:block;font-style:normal;font-size:11px;color:#879087;margin-top:5px;line-height:1.5}

.tp-modern #popular{padding-top:52px}
.tp-modern #popular .tp-section-intro{max-width:none;display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:end}
.tp-modern #popular .tp-section-intro .tp-label{grid-column:1/-1}
.tp-modern #popular .tp-section-intro h2{font-size:34px}
.tp-modern #popular .tp-section-intro p{padding-bottom:5px}

@media(max-width:900px){
  .tp-topbar{display:none}
  .tp-header-pro .tp-header-inner{min-height:64px}
  .tp-header-pro .tp-nav{overflow-x:auto;flex-wrap:nowrap;max-width:70vw}
  .tp-header-pro .tp-nav a{min-height:64px;padding:0 11px;white-space:nowrap}
  .tp-pro-hero,.tp-pro-hero-inner{min-height:400px}
  .tp-pro-copy{padding-bottom:84px}
  .tp-pro-entry-grid{grid-template-columns:repeat(2,1fr)}
  .tp-pro-entry-grid>a:nth-child(2){border-right:0}
  .tp-pro-entry-grid>a:nth-child(-n+2){border-bottom:1px solid #dfe4de}
}
@media(max-width:680px){
  .tp-header-pro .tp-nav{display:none}
  .tp-header-pro .tp-header-inner{justify-content:center}
  .tp-pro-hero,.tp-pro-hero-inner{min-height:430px}
  .tp-pro-hero-bg{background-position:63% center}
  .tp-pro-overlay{background:linear-gradient(90deg,rgba(21,36,29,.84),rgba(21,36,29,.35)),linear-gradient(0deg,rgba(18,31,25,.28),transparent)}
  .tp-pro-copy{padding:46px 0 105px}
  .tp-pro-copy h1{font-size:44px}
  .tp-pro-copy p{font-size:14px}
  .tp-pc-only{display:none}
  .tp-pro-search-wrap{margin-top:-72px}
  .tp-pro-search-panel{padding:16px;border-radius:0}
  .tp-pro-search-title{display:block}
  .tp-pro-search-title span{display:block;margin-bottom:5px}
  .tp-pro-search-form{grid-template-columns:1fr}
  .tp-pro-input{grid-template-columns:1fr}
  .tp-pro-input>span{padding:10px 13px 5px}
  .tp-pro-input input{height:48px;border-left:0;padding:0 13px}
  .tp-pro-search-form button{height:52px}
  .tp-pro-entry{padding-top:26px}
  .tp-pro-entry-grid{grid-template-columns:1fr;border-left:1px solid #dfe4de;border-right:1px solid #dfe4de}
  .tp-pro-entry-grid>a{border-right:0;border-bottom:1px solid #dfe4de;padding:17px 16px}
  .tp-pro-entry-grid>a:last-child{border-bottom:0}
  .tp-pro-entry-grid>a:nth-child(-n+2){border-bottom:1px solid #dfe4de}
  .tp-modern #popular .tp-section-intro{display:block}
}