/* PetClassifieds.co.uk - pet-first Eta home page with local WebP photography, v1.1.0 */
body#home.pc-home{background:#f5f8f6;background:linear-gradient(180deg,#eff8f2 0,#f7f9f7 410px,#f5f7f6 100%)}
body#home.pc-home .content{max-width:1180px;padding:20px 16px 36px;gap:22px}
body#home.pc-home .content section{border-radius:22px;box-shadow:0 4px 22px rgba(21,52,42,.045);border:1px solid rgba(27,91,70,.07);padding:28px;background:var(--mb-color15,#fff)}
body#home.pc-home .content section h2{margin:2px 0 6px;font-size:clamp(23px,2.6vw,30px);line-height:1.17;font-weight:800;letter-spacing:-.025em}
body#home.pc-home .content a:focus-visible,body#home.pc-home button:focus-visible{outline:3px solid #43987c;outline-offset:3px}
body#home.pc-home .pc-kicker{text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:800;color:#227157}
body#home.pc-home .pc-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:20px}
body#home.pc-home .pc-section-head p{font-size:14px;line-height:1.55;color:var(--mb-color6,#636c68);margin:4px 0 0}
body#home.pc-home .pc-text-link{flex-shrink:0;font-size:14px;font-weight:750;color:#147355;display:inline-flex;gap:8px;align-items:center;text-decoration:none;padding:7px 0}
body#home.pc-home .pc-text-link:hover,body#home.pc-home .pc-breed-all:hover{text-decoration:underline}

/* Hero */
body#home.pc-home .content section#home-search{padding:30px 36px 24px;margin:0;overflow:visible;background:linear-gradient(114deg,#e0f2e8 0%,#effaf4 60%,#fff8ee 100%);box-shadow:0 10px 34px rgba(26,89,65,.10);border:1px solid #d2ebdf;text-align:left}
body#home.pc-home #home-search>.container{display:block;max-width:none;width:100%;padding:0}
body#home.pc-home #home-search #main-search.pc-hero-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(250px,1fr);grid-template-rows:auto auto auto;gap:14px 28px;position:relative;z-index:5;align-items:center}
body#home.pc-home .pc-hero-content{grid-column:1;grid-row:1;position:relative;z-index:2;padding:12px 0 2px}
body#home.pc-home .pc-eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #d2e7da;border-radius:100px;color:#177457;font-size:12px;font-weight:800;letter-spacing:.01em;padding:8px 12px}
body#home.pc-home #home-search h1{display:block!important;margin:16px 0 12px;font-size:clamp(35px,4.8vw,56px);font-weight:850;line-height:1.06;letter-spacing:-.047em;color:#183f33;max-width:650px}
body#home.pc-home #home-search h1 em{color:#288363;font-style:normal}
body#home.pc-home .pc-hero-lead{max-width:580px;color:#4f645d;font-size:16px;line-height:1.65;margin:0}
body#home.pc-home .pc-hero-art{grid-column:2;grid-row:1;min-height:260px;position:relative;isolation:isolate}
body#home.pc-home .pc-hero-photo-wrap{position:relative;height:100%;min-height:260px;padding:14px}
body#home.pc-home .pc-hero-photo{height:100%;min-height:260px;border-radius:28px;background-size:cover;background-position:center center;box-shadow:0 20px 34px rgba(20,72,50,.16);position:relative;overflow:hidden}
body#home.pc-home .pc-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(24,63,51,.05) 0%,rgba(24,63,51,.18) 100%)}
body#home.pc-home .pc-hero-badge{position:absolute;display:inline-flex;align-items:center;gap:7px;padding:9px 12px;background:rgba(255,255,255,.95);backdrop-filter:blur(5px);border:1px solid rgba(219,233,223,.95);border-radius:999px;box-shadow:0 7px 19px rgba(31,67,50,.12);font-size:12px;font-weight:800;color:#214e40;z-index:2}
body#home.pc-home .pc-hero-badge i{color:#1f7c5c}
body#home.pc-home .pc-hero-badge-dog{left:0;top:20px;transform:translateX(-4px)}
body#home.pc-home .pc-hero-badge-cat{right:0;top:44px;transform:translateX(4px)}
body#home.pc-home .pc-art-note{position:absolute;right:18px;bottom:0;border-radius:100px;background:#fff;box-shadow:0 3px 17px rgba(36,65,48,.10);padding:9px 14px;font-size:12px;font-weight:800;color:#235e49;white-space:nowrap;z-index:2}
body#home.pc-home .pc-art-note i{margin-right:7px;color:#2f9875}
body#home.pc-home #home-search .search-box.pc-pet-search{grid-column:1/-1;grid-row:2;height:auto;min-height:83px;width:100%;margin:7px 0 0;background:#fff;border:1px solid #dbe9e0;border-radius:16px;box-shadow:0 9px 24px rgba(41,95,68,.10);gap:0;display:flex;align-items:stretch}
body#home.pc-home #home-search .pc-pet-search .col{border-radius:0;padding:12px 20px;position:relative}
body#home.pc-home #home-search .pc-pet-search .col1{width:35%;border-radius:16px 0 0 16px}
body#home.pc-home #home-search .pc-pet-search .col2{width:30%}
body#home.pc-home #home-search .pc-pet-search .col3{width:35%;padding-right:165px;border-radius:0 16px 16px 0}
body#home.pc-home #home-search .pc-pet-search .col .col-inner{gap:4px}
body#home.pc-home #home-search .pc-pet-search .col-inner:after{display:none}
body#home.pc-home #home-search .pc-pet-search .col1:after,body#home.pc-home #home-search .pc-pet-search .col2:after{content:"";position:absolute;right:0;top:18px;bottom:18px;width:1px;background:#e0e9e3}
body#home.pc-home #home-search .pc-pet-search .col label,body#home.pc-home .pc-pet-search .pc-field-label{font-size:12px;font-weight:800;color:#39564a;white-space:nowrap;margin:0}
body#home.pc-home #home-search .pc-pet-search input[type="text"],body#home.pc-home #home-search .pc-pet-search .simple-select .text{height:27px;font-size:14px;color:var(--mb-color3)}
body#home.pc-home #home-search .pc-pet-search .col:hover{background:#f5fbf7}
body#home.pc-home #home-search .pc-search-submit.btn{display:flex;align-items:center;gap:9px;width:auto;min-width:139px;height:52px;border-radius:12px;padding:0 18px;right:12px;top:calc(50% - 26px);font-size:14px;white-space:nowrap;background:#1b7b59;color:#fff}
body#home.pc-home #home-search .pc-search-submit:hover{background:#126444}
body#home.pc-home .pc-hero-shortcuts{grid-column:1/-1;grid-row:3;display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#52675d;font-size:13px;padding:4px 0 0}
body#home.pc-home .pc-hero-shortcuts span{font-weight:700}
body#home.pc-home .pc-hero-shortcuts a{border:1px solid #d0e5d7;color:#1e7455;text-decoration:none;border-radius:50px;background:rgba(255,255,255,.75);padding:6px 12px;font-weight:700}
body#home.pc-home .pc-hero-shortcuts a:hover{background:#fff;border-color:#90cab0}

/* Category cards */
body#home.pc-home .pc-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body#home.pc-home .pc-category-card{--pc-bg:#e4f4e8;--pc-fg:#34795b;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:17px 16px 15px;border:1px solid #e4ece8;border-radius:16px;text-decoration:none;min-height:153px;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease;background:var(--mb-color15,#fff);overflow:hidden}
body#home.pc-home .pc-category-card:hover{transform:translateY(-2px);border-color:#b8d9c9;box-shadow:0 10px 22px rgba(33,72,51,.08);text-decoration:none}
body#home.pc-home .pc-tone-rose{--pc-bg:#fff0ed;--pc-fg:#bd7669}
body#home.pc-home .pc-tone-lavender{--pc-bg:#f2edfc;--pc-fg:#856eaf}
body#home.pc-home .pc-tone-peach{--pc-bg:#fff0db;--pc-fg:#b47a43}
body#home.pc-home .pc-tone-sky{--pc-bg:#e8f1fb;--pc-fg:#567ca5}
body#home.pc-home .pc-tone-aqua{--pc-bg:#e0f6f3;--pc-fg:#2d8687}
body#home.pc-home .pc-category-photo{display:block;width:calc(100% + 32px);height:118px;margin:-17px -16px 8px;background-size:cover;background-position:center center;border-bottom:1px solid #eef3ef;position:relative}
body#home.pc-home .pc-category-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,42,31,.05),rgba(14,42,31,.22))}
body#home.pc-home .pc-category-card.has-photo{padding-top:17px}
body#home.pc-home .pc-category-card.has-photo .pc-category-icon{margin-top:-32px;position:relative;z-index:2;box-shadow:0 8px 16px rgba(30,70,53,.12);border:3px solid rgba(255,255,255,.9)}
body#home.pc-home .pc-category-icon{display:grid;place-items:center;width:47px;height:47px;background:var(--pc-bg);border-radius:14px;color:var(--pc-fg);font-size:22px;margin-bottom:5px}
body#home.pc-home .pc-category-name{font-size:15px;font-weight:800;color:var(--mb-color1,#17231d);line-height:1.2}
body#home.pc-home .pc-category-note{font-size:12px;color:var(--mb-color7,#747d76);line-height:1.35;padding-right:10px}
body#home.pc-home .pc-category-chevron{color:var(--pc-fg);position:absolute;right:15px;top:20px;font-size:12px;opacity:.8}

/* Popular breed shortcut panels */
body#home.pc-home .pc-breed-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}
body#home.pc-home .pc-breed-panel{border-radius:16px;background:#f8faf8;border:1px solid #e3ece6;padding:20px}
body#home.pc-home .pc-breed-panel-head{display:flex;align-items:center;gap:11px;margin-bottom:14px}
body#home.pc-home .pc-breed-round{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e1f1e8;color:#317a5a;font-size:18px}
body#home.pc-home .pc-breed-panel:nth-child(2) .pc-breed-round{background:#fff0e9;color:#b88161}
body#home.pc-home .pc-breed-panel h3{font-size:18px;margin:0;font-weight:800}
body#home.pc-home .pc-breed-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
body#home.pc-home .pc-breed-list a{display:flex;align-items:center;gap:8px;min-height:37px;padding:6px 0;border-bottom:1px solid #e8efeb;color:var(--mb-color2,#38443d);font-size:13px;font-weight:600;text-decoration:none;white-space:normal;overflow-wrap:anywhere}
body#home.pc-home .pc-breed-list a:hover{color:#197655;text-decoration:underline}
body#home.pc-home .pc-breed-list a i{font-size:9px;color:#67a88a}
body#home.pc-home .pc-breed-all{margin-top:16px;color:#1d795a;display:inline-flex;gap:8px;align-items:center;font-size:13px;font-weight:800;text-decoration:none}

/* Items and advice */
body#home.pc-home .pc-listings-grid{gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}
body#home.pc-home .pc-latest .simple-prod,body#home.pc-home .pc-featured .simple-prod{min-width:0}
body#home.pc-home .pc-under-link{text-align:center;padding-top:17px;margin-top:18px;border-top:1px solid #e6efea}
body#home.pc-home .pc-under-link a{color:#167759;font-weight:800;text-decoration:none}
body#home.pc-home .pc-under-link a:hover{text-decoration:underline}
body#home.pc-home .pc-help-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body#home.pc-home .pc-help-card{padding:21px 20px;background:#f8faf9;border:1px solid #e6efea;border-radius:15px}
body#home.pc-home .pc-help-card>span{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#e3f0e9;color:#2f8061;font-size:19px;margin-bottom:13px}
body#home.pc-home .pc-help-card h3{font-size:15px;margin:0 0 8px;font-weight:800}
body#home.pc-home .pc-help-card p{color:var(--mb-color6);line-height:1.55;font-size:13px;margin:0}
body#home.pc-home .pc-blog .list{gap:18px}
body#home.pc-home .pc-blog .list>a{background:#f9fbfa;border:1px solid #e4ece7;border-radius:15px;padding:12px}
body#home.pc-home .pc-blog .list .img-wrap{border-radius:10px}
body#home.pc-home .pc-read-more{margin-top:9px;font-size:12px;font-weight:800;color:#197454}

/* Seller invitation */
body#home.pc-home .content section.pc-seller-cta{display:flex;flex-direction:row;align-items:center;gap:22px;background:linear-gradient(112deg,#195c48,#28775a);padding:25px 30px;border:none;color:#fff}
body#home.pc-home .pc-seller-icon{flex:none;display:grid;place-items:center;width:73px;height:73px;border-radius:20px;background:rgba(255,255,255,.14);color:#f8e9ce;font-size:34px}
body#home.pc-home .pc-seller-copy{flex:1;min-width:0}
body#home.pc-home .pc-seller-cta .pc-kicker{color:#bce8d1}
body#home.pc-home .pc-seller-cta h2{color:#fff!important;font-size:25px;margin:5px 0}
body#home.pc-home .pc-seller-copy p{font-size:13px;line-height:1.5;margin:0;color:#e6f6ec;max-width:620px}
body#home.pc-home .pc-seller-button{background:#fff;color:#15573d;white-space:nowrap;border-radius:11px;padding:0 22px;font-weight:800}
body#home.pc-home .pc-seller-button:hover{background:#f5fff7;color:#144c39}
body#home.pc-home .content section.pc-account-cta{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:14px;padding:17px 24px;background:#e5f2ea;box-shadow:none;border:1px solid #d5e8d9;font-size:14px;color:#315f4e;text-align:center}
body#home.pc-home .pc-account-cta a{font-weight:800;color:#126c4a;text-decoration:underline}
body#home.pc-home .pc-widget+.pc-widget{padding-top:16px;margin-top:16px;border-top:1px solid #e1e9e4}
body#home.pc-home .pc-widgets .wrap{padding:0}

@media(max-width:1000px){
 body#home.pc-home .pc-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body#home.pc-home .pc-listings-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body#home.pc-home #home-search .pc-pet-search .col3{padding-right:135px}
 body#home.pc-home #home-search .pc-search-submit.btn{min-width:112px;padding:0 11px}
 body#home.pc-home .pc-hero-art{min-height:230px}
 body#home.pc-home .pc-hero-photo-wrap,body#home.pc-home .pc-hero-photo{min-height:230px}
}
@media(max-width:767px){
 body#home.pc-home .content{gap:13px;padding:10px 9px 22px}
 body#home.pc-home .content section{padding:20px 16px;border-radius:17px}
 body#home.pc-home .content section#home-search{padding:24px 17px 19px;margin:0;border-radius:19px}
 body#home.pc-home #home-search #main-search.pc-hero-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:8px}
 body#home.pc-home .pc-hero-content{grid-row:1;grid-column:1;padding:0}
 body#home.pc-home #home-search h1{display:block!important;font-size:clamp(32px,8vw,44px);margin:14px 0 8px}
 body#home.pc-home .pc-hero-lead{font-size:14px;line-height:1.55}
 body#home.pc-home .pc-hero-art{display:block;grid-row:2;grid-column:1;min-height:178px;margin-top:8px}
 body#home.pc-home .pc-hero-photo-wrap{min-height:178px;padding:0}
 body#home.pc-home .pc-hero-photo{min-height:178px;border-radius:16px;background-position:center 45%}
 body#home.pc-home .pc-hero-badge{font-size:11px;padding:8px 10px}
 body#home.pc-home .pc-hero-badge-dog{left:10px;top:10px;transform:none}
 body#home.pc-home .pc-hero-badge-cat{right:10px;top:10px;transform:none}
 body#home.pc-home .pc-art-note{right:10px;bottom:10px;padding:7px 11px;font-size:11px}
 body#home.pc-home #home-search .search-box.pc-pet-search{grid-column:1;grid-row:3;display:flex;flex-direction:column;gap:0;border-radius:14px;margin:15px 0 4px;box-shadow:0 5px 17px rgba(41,95,68,.10);min-height:0}
 body#home.pc-home #home-search .pc-pet-search .col{width:100%;padding:11px 15px;border-radius:0}
 body#home.pc-home #home-search .pc-pet-search .col1{border-radius:14px 14px 0 0;border-bottom:1px solid #e5eee9}
 body#home.pc-home #home-search .pc-pet-search .col2{border-bottom:1px solid #e5eee9}
 body#home.pc-home #home-search .pc-pet-search .col3{border-radius:0 0 14px 14px;padding:11px 15px 13px}
 body#home.pc-home #home-search .pc-pet-search .col1:after,body#home.pc-home #home-search .pc-pet-search .col2:after,body#home.pc-home #home-search .pc-pet-search .col:before{display:none}
 body#home.pc-home #home-search .pc-pet-search input[type="text"]{font-size:16px;height:26px}
 body#home.pc-home #home-search .pc-search-submit.btn{position:relative;top:auto;right:auto;width:100%;height:44px;border-radius:10px;margin:11px 0 0;font-size:15px}
 body#home.pc-home .pc-hero-shortcuts{grid-column:1;grid-row:4;gap:6px;font-size:12px;margin-top:3px}
 body#home.pc-home .pc-section-head{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:16px}
 body#home.pc-home .content section h2{font-size:24px}
 body#home.pc-home .pc-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 body#home.pc-home .pc-category-card{padding:13px;min-height:141px;border-radius:13px}
 body#home.pc-home .pc-category-photo{width:calc(100% + 26px);height:94px;margin:-13px -13px 8px}
 body#home.pc-home .pc-category-card.has-photo .pc-category-icon{margin-top:-22px}
 body#home.pc-home .pc-category-icon{width:43px;height:43px;font-size:20px}
 body#home.pc-home .pc-category-name{font-size:14px}
 body#home.pc-home .pc-category-note{font-size:11px}
 body#home.pc-home .pc-breed-columns{grid-template-columns:1fr;gap:11px}
 body#home.pc-home .pc-breed-panel{padding:16px}
 body#home.pc-home .pc-listings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body#home.pc-home .pc-help-grid{grid-template-columns:1fr;gap:9px}
 body#home.pc-home .pc-help-card{padding:15px}
 body#home.pc-home .pc-help-card>span{margin-bottom:9px}
 body#home.pc-home .content section.pc-seller-cta{flex-direction:column;align-items:flex-start;gap:13px;padding:22px}
 body#home.pc-home .pc-seller-icon{height:50px;width:50px;font-size:24px;border-radius:13px}
 body#home.pc-home .pc-seller-cta h2{font-size:23px}
 body#home.pc-home .pc-seller-button{width:100%;justify-content:center}
 body#home.pc-home .content section.pc-account-cta{flex-direction:column;gap:7px}
}
@media(max-width:370px){
 body#home.pc-home .pc-category-note{display:none}
 body#home.pc-home .pc-category-card{min-height:104px}
 body#home.pc-home .pc-breed-list{grid-template-columns:1fr}
 body#home.pc-home .pc-hero-badge{font-size:10px;padding:7px 9px}
 body#home.pc-home .pc-art-note{display:none}
}

/* Dark mode */
html[mode="dark"] body#home.pc-home{background:#111c18}
html[mode="dark"] body#home.pc-home .content section:not(#home-search):not(.pc-seller-cta):not(.pc-account-cta){background:var(--mb-color-dark3,#1d2825);border-color:#355047}
html[mode="dark"] body#home.pc-home .content section#home-search{background:linear-gradient(110deg,#193e30,#203e34 65%,#344034);border-color:#325542}
html[mode="dark"] body#home.pc-home #home-search h1{color:#effaf1}
html[mode="dark"] body#home.pc-home #home-search h1 em{color:#8bd6ad}
html[mode="dark"] body#home.pc-home .pc-hero-lead{color:#c4d8cb}
html[mode="dark"] body#home.pc-home .pc-category-card,html[mode="dark"] body#home.pc-home .pc-breed-panel,html[mode="dark"] body#home.pc-home .pc-help-card,html[mode="dark"] body#home.pc-home .pc-blog .list>a{background:#26322e;border-color:#385349}
html[mode="dark"] body#home.pc-home .pc-category-name{color:#f1f7f2}
html[mode="dark"] body#home.pc-home .pc-category-note,html[mode="dark"] body#home.pc-home .pc-section-head p{color:#c4d0ca}
html[mode="dark"] body#home.pc-home .pc-seller-cta{background:#18513e}
html[mode="dark"] body#home.pc-home .content section.pc-account-cta{background:#243d30;color:#cce9d5;border-color:#315a45}
html[mode="dark"] body#home.pc-home #home-search .pc-pet-search .col:hover{background:#2c3b35}
html[mode="dark"] body#home.pc-home .pc-hero-badge,html[mode="dark"] body#home.pc-home .pc-art-note{background:rgba(31,45,40,.92);border-color:#365247;color:#e9f4ee}
html[mode="dark"] body#home.pc-home .pc-hero-badge i,html[mode="dark"] body#home.pc-home .pc-art-note i{color:#8ddab1}