﻿/* Approved B detail layout. Selectors are scoped to the place content. */
html{scroll-behavior:smooth;scroll-padding-top:150px}body:has(.pd-detail){background:#fff}.pd-detail{max-width:1256px;width:100%;margin:auto;padding:0 36px 36px;color:#30382f;letter-spacing:-.025em;line-height:1.8;min-width:0}.pd-detail [hidden],.pd-detail .hidden{display:none!important}.pd-detail>nav[aria-label=breadcrumb]{padding:24px 0 20px;font-size:12px;color:#90988a}.pd-hero{position:relative;isolation:isolate}.pd-hero .gallery-shell{border-radius:3px}.pd-hero [data-hero-gallery],.pd-hero [data-gallery-fallback],.pd-hero [data-hero-gallery]>img{height:490px}.pd-hero [data-gallery-fallback]{background:#e5e9df}.pd-hero [data-hero-gallery]>img{object-position:50% 52%;user-select:none}.pd-hero .gallery-shell:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#10191a00 25%,#14202235 55%,#111b22cf 100%);pointer-events:none}.pd-title{position:absolute;left:42px;right:38px;bottom:38px;color:white;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;pointer-events:none;z-index:2}.pd-title-main{min-width:0;max-width:890px}.pd-title [data-place-name]{font-size:59px;line-height:1.16;font-weight:700;letter-spacing:-.055em;color:white;overflow-wrap:anywhere;word-break:keep-all}.pd-title-eyebrow{display:flex;align-items:center;gap:10px;font-size:14px;margin-bottom:17px;color:#ffffffc2}.pd-title [data-place-category]{background:white;color:#252d2b;border-radius:2px;font-size:12px;padding:3px 9px}.pd-hero-address{margin-top:18px;color:#ffffffc9;font-size:14px}.pd-title-actions{display:flex;gap:9px;pointer-events:auto;flex-shrink:0}.pd-title-actions button{width:40px;height:40px;background:#ffffff0c;border:1px solid #ffffff75;color:white}.pd-title-actions button[aria-pressed=true]{color:#ffd9c7;background:#ffffff22}.pd-hero .gallery-nav{opacity:1;display:flex;top:22px;transform:none;width:36px;height:36px;z-index:3;background:#101a2135;border:1px solid #ffffff80}.pd-hero [data-gallery-prev]{left:22px}.pd-hero [data-gallery-next]{left:108px;right:auto}.pd-hero [data-gallery-dots]{display:none!important}.pd-photo-count{position:absolute;left:67px;top:27px;font-size:12px;color:white;z-index:3;pointer-events:none}.pd-owner{padding-top:16px}.pd-visit{display:grid;grid-template-columns:205px minmax(0,1fr) 208px;gap:25px;align-items:center;padding:28px 0;border-bottom:1px solid #dedfdb}.pd-visit-summary{border-right:1px solid #e7e8e4;padding-right:18px}.pd-visit-summary>p,.pd-visit-info p{font-size:12px;color:#92998c;margin-bottom:7px}.pd-visit-summary strong{display:flex;align-items:center;gap:6px;font-size:17px;font-weight:650}.pd-visit-summary strong .material-symbols-outlined{color:#d56a44;font-variation-settings:'FILL' 1;font-size:20px}.pd-visit-summary small{font-size:12px;color:#899180;display:block;margin-top:7px}.pd-visit-info{display:grid;grid-template-columns:1.3fr 1fr;gap:24px}.pd-visit-info>div>span{display:block;font-size:13px;line-height:1.9;color:#65705c}.pd-visit-actions>a{margin:0;width:100%;justify-content:center;border-radius:12px;font-size:13px;padding:11px 12px;box-shadow:none}.pd-visit-actions [data-place-directions]{background:#27362b;color:white}.pd-visit-actions [data-phone-link]{margin-top:8px;border-color:#dde4d5;background:white;color:#738168}.pd-visit-actions [data-phone-empty]{display:none}.pd-section-nav{display:flex;gap:36px;position:sticky;top:64px;background:#fffffff5;z-index:20;border-bottom:1px solid #dedfdb;margin-bottom:0}.pd-section-nav a{position:relative;padding:18px 3px 17px;font-size:14px;color:#959f8a;font-weight:550}.pd-section-nav a.active{color:#29352c;font-weight:750}.pd-section-nav a.active:after{content:'';height:2px;background:#f4511e;position:absolute;left:0;right:0;bottom:-1px}.pd-section{display:grid;grid-template-columns:210px minmax(0,1fr);gap:45px;padding:51px 0;border-bottom:1px solid #e2e5dc;scroll-margin-top:0}.pd-heading{align-self:start}.pd-eyebrow{font-size:12px;color:#909c83;margin-bottom:8px}.pd-eyebrow>span{display:block;font-size:38px;line-height:1;font-weight:350;letter-spacing:-.065em;color:#c0c6ba;margin-bottom:24px}.pd-heading h2,.pd-related h3{font-size:27px;font-weight:670;line-height:1.4;letter-spacing:-.05em;color:#2e372e}.pd-section-body{min-width:0}.pd-pet-rows{display:grid;grid-template-columns:1fr 1fr;gap:25px 30px}.pd-pet-rows>div{padding:0;border:0;border-radius:0;background:transparent;min-width:0}.pd-pet-rows>div>p:first-of-type{font-size:14px;font-weight:600;color:#687659;margin-bottom:8px}.pd-pet-rows>div>p:nth-of-type(2){font-size:14px;line-height:1.95;color:#859176}.pd-pet-rows>.pd-pet-lead{grid-column:1/-1;background:#faf5ed;padding:27px 28px 27px 84px;position:relative;border-radius:18px;color:#766c5e}.pd-pet-lead .pd-paw{position:absolute;left:28px;top:28px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#f3e6d4;color:#ac7751;font-variation-settings:'FILL' 1;font-size:25px}.pd-pet-lead>p:first-of-type{color:#766454!important;font-size:15px!important}.pd-pet-lead>p:nth-of-type(2){color:#766c5e!important;font-size:15px!important}.pd-detail [data-report-notice-section]{padding:0;margin:22px 0}.pd-detail [data-report-section]{padding:20px 0 0;margin:26px 0 0;border-top:1px solid #e7ebdf;background:none}.pd-detail [data-report-section] h3{font-size:14px;margin-bottom:7px}.pd-detail [data-report-section]>p{font-size:12px;line-height:1.8;color:#89957c}.pd-detail [data-report-open]{font-size:12px;border-radius:12px;padding:8px 13px}.pd-detail [data-description-section],.pd-detail [data-facility-section]{padding:0;margin:0;background:none}.pd-detail [data-description]{font-size:16px;line-height:2;color:#707d63}.pd-detail .description-copy.description-collapsed{-webkit-line-clamp:4;line-clamp:4}.pd-detail [data-place-intro]{font-size:15px;line-height:2;color:#707d63;margin:0}.pd-about:has([data-description-section]:not(.hidden)) [data-place-intro]{display:none}.pd-detail [data-facility-title]{font-size:15px;margin:25px 0 12px}.pd-detail [data-facilities-grid]{padding:18px 12px;background:transparent;border-radius:0;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.pd-detail [data-facilities-grid]>div{border:0;box-shadow:none;background:none;padding:8px;font-size:13px}.pd-detail [data-homepage-row]{font-size:14px;margin-top:26px;padding-top:20px;border-top:1px solid #e3e8d9;overflow-wrap:anywhere}.pd-copy{font-size:12px;color:#7e8a6b;margin-top:16px;display:flex;align-items:center;gap:5px}.pd-copy span{font-size:16px}.pd-location .pd-section-body>div:first-child{font-size:15px;color:#7c896c;margin-bottom:18px}.pd-detail .pd-map{height:248px;border-radius:20px;background:#f3f5ee;border-color:#e5e9dc;box-shadow:none}.pd-detail [data-kakao-map-message]{font-size:14px;color:#7e8e6b}.pd-detail [data-kakao-map-trigger]{font-size:13px;background:#344a35;color:white;border-radius:12px}.pd-related{padding:45px 0;border-bottom:1px solid #e2e5dc}.pd-related-heading{display:block}.pd-detail [data-related-caption]{font-size:13px;color:#8d9980;margin-top:10px}.pd-detail [data-related-landing-links]{font-size:12px;margin-top:10px}.pd-detail [data-related-list]{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.pd-detail [data-related-list]>a{display:flex;flex-direction:column;gap:12px;border:0;padding:0;box-shadow:none;min-width:0}.pd-detail [data-related-list]>a>img,.pd-detail [data-related-list]>a>div:first-child:not(.min-w-0){width:100%;height:auto;aspect-ratio:1.65;border-radius:16px;object-fit:cover}.pd-detail [data-related-list]>a>div.min-w-0>div{align-items:flex-start;flex-direction:column;gap:9px}.pd-detail [data-related-list] h4{font-size:18px;line-height:1.5;font-weight:650;white-space:normal;overflow:visible;color:#3b483b;order:1}.pd-detail [data-related-list] h4>span:first-child:not(:last-child){display:none}.pd-detail [data-related-list] h4>span:last-child{display:inline!important}.pd-detail [data-related-list]>a>div.min-w-0>div>span{font-size:12px;padding:3px 10px;background:#f2f3ed;color:#73805e;border-radius:99px}.pd-detail [data-related-list] p{font-size:13px;color:#798471}.pd-source{display:flex;justify-content:space-between;gap:20px;padding:28px 0;font-size:12px;color:#8e9d7e}.pd-source a{white-space:nowrap}.pd-mobile-actions{display:none}.pd-detail button:focus-visible,.pd-detail a:focus-visible{outline:2px solid #f4511e;outline-offset:3px}.pd-toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:#263a2a;color:white;padding:12px 18px;border-radius:12px;font-size:13px;z-index:70;max-width:90vw;width:max-content}.pd-detail [data-report-dialog]{border-radius:20px}.pd-detail [data-report-dialog] button,.pd-detail [data-report-dialog] textarea{border-radius:12px}
@media(max-width:1100px){.pd-visit{grid-template-columns:180px minmax(0,1fr) 180px;gap:20px}.pd-visit-summary strong{font-size:15px}.pd-section{grid-template-columns:180px minmax(0,1fr);gap:32px}.pd-title [data-place-name]{font-size:50px}.pd-hero [data-hero-gallery],.pd-hero [data-gallery-fallback],.pd-hero [data-hero-gallery]>img{height:460px}}
@media(max-width:850px) and (min-width:761px){.pd-visit{grid-template-columns:150px minmax(0,1fr) 165px;gap:17px}.pd-visit-info{grid-template-columns:1fr;gap:12px}.pd-section{grid-template-columns:155px minmax(0,1fr);gap:28px}.pd-pet-rows{grid-template-columns:1fr}}
@media(max-width:760px){html{scroll-padding-top:125px}.pd-detail{padding:0 20px 100px}.pd-detail>nav[aria-label=breadcrumb]{padding:20px 0 18px;font-size:11px}.pd-hero{margin-inline:-20px}.pd-hero .gallery-shell{border-radius:0}.pd-hero [data-hero-gallery],.pd-hero [data-gallery-fallback],.pd-hero [data-hero-gallery]>img{height:445px}.pd-title{left:22px;right:20px;bottom:33px;gap:15px}.pd-title-main{max-width:calc(100% - 43px)}.pd-title [data-place-name]{font-size:36px;line-height:1.22}.pd-title-eyebrow{font-size:12px;margin-bottom:14px;gap:7px}.pd-title [data-place-category]{font-size:11px;padding:2px 7px}.pd-hero-address{font-size:12px;line-height:1.8;margin-top:12px}.pd-title-actions{gap:0}.pd-title-actions button{width:33px;height:33px}.pd-title-actions button .material-symbols-outlined{font-size:19px}.pd-detail.pd-enhanced .pd-title-actions [data-save-button]{display:none}.pd-hero .gallery-nav{top:15px;width:30px;height:30px}.pd-hero [data-gallery-prev]{left:14px}.pd-hero [data-gallery-next]{left:94px}.pd-photo-count{left:54px;top:19px;font-size:11px}.pd-visit{padding:24px 0 19px;display:block}.pd-visit-summary{display:none}.pd-visit-info{grid-template-columns:1.4fr 1fr;gap:20px}.pd-visit-info p{font-size:11px}.pd-visit-info>div>span{font-size:13px}.pd-enhanced .pd-visit-actions{display:none}.pd-section-nav{top:63px;gap:0;justify-content:space-between}.pd-section-nav a{font-size:13px;padding:15px 3px 14px}.pd-section{display:block;padding:34px 0}.pd-heading{display:flex;align-items:flex-end;flex-wrap:wrap;gap:0 15px;margin-bottom:21px}.pd-eyebrow{font-size:11px;margin-bottom:7px;flex-basis:100%}.pd-eyebrow>span{display:inline-block;font-size:11px;font-weight:650;color:#dc754a;margin:0 8px 0 0;letter-spacing:0}.pd-heading h2,.pd-related h3{font-size:25px}.pd-pet-rows{grid-template-columns:1fr;gap:22px}.pd-pet-rows>.pd-pet-lead{padding:22px 18px 22px 60px;border-radius:16px}.pd-pet-lead .pd-paw{left:18px;top:22px;width:30px;height:30px;font-size:21px}.pd-pet-lead>p:first-of-type{font-size:13px!important}.pd-pet-lead>p:nth-of-type(2){font-size:14px!important}.pd-detail [data-description]{font-size:15px;line-height:1.95}.pd-detail [data-facilities-grid]{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 8px}.pd-detail [data-facilities-grid]>div{padding:8px 4px;font-size:12px}.pd-detail [data-homepage-row]{font-size:13px}.pd-copy{margin:0 0 4px auto;font-size:11px}.pd-detail .pd-map{height:210px;border-radius:16px}.pd-related{padding:34px 0}.pd-detail [data-related-list]{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 13px}.pd-detail [data-related-list]>a>img,.pd-detail [data-related-list]>a>div:first-child:not(.min-w-0){aspect-ratio:1.25;border-radius:13px}.pd-detail [data-related-list] h4{font-size:15px}.pd-detail [data-related-list] p{font-size:12px}.pd-detail [data-related-list]>a>div.min-w-0>div>span{font-size:11px}.pd-source{display:block;padding:24px 0;font-size:11px}.pd-source a{display:block;margin-top:17px}.pd-mobile-actions{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;background:#fffffffa;backdrop-filter:blur(14px);border-top:1px solid #e1e5da;padding:11px 20px max(11px,env(safe-area-inset-bottom));z-index:40}.pd-mobile-actions button{padding:8px;color:#738566}.pd-mobile-actions button span{font-size:22px}.pd-mobile-actions>a{display:flex;align-items:center;gap:6px;font-size:13px;color:#788866}.pd-mobile-actions [data-pd-directions]{flex:1;justify-content:space-between;padding:12px 17px;background:#27392c;color:white;border-radius:12px;font-size:14px}.pd-mobile-actions [data-pd-directions]>span{margin-left:15px}.pd-owner{font-size:12px}.pd-detail [data-report-dialog]{max-height:90dvh;overflow:auto}}
@media(max-width:360px){.pd-detail{padding-inline:16px}.pd-hero{margin-inline:-16px}.pd-title{left:18px;right:17px;bottom:32px}.pd-title [data-place-name]{font-size:31px}.pd-hero [data-hero-gallery],.pd-hero [data-gallery-fallback],.pd-hero [data-hero-gallery]>img{height:428px}.pd-heading h2,.pd-related h3{font-size:23px}.pd-mobile-actions{padding-inline:15px;gap:8px}.pd-pet-rows>.pd-pet-lead{padding-left:53px}.pd-pet-lead .pd-paw{left:14px}.pd-title-eyebrow{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pd-detail *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}



























































.pd-detail .weather-container .wx-overline::before{content: "0" counter(chapter); display: block; font-size: 38px; line-height: 1; font-weight: 350; letter-spacing: -0.065em; color: rgb(192, 198, 186); margin-bottom: 24px;}


























.pd-detail .weather-container{display: block;}
.pd-detail .weather-container .wx-section{display: grid; grid-template-columns: 210px minmax(0px, 1fr); column-gap: 45px;}
.pd-detail .weather-container .wx-heading{display: block; margin: 0px;}
.pd-detail .weather-container .wx-title{font-size: 27px; font-weight: 670; color: rgb(46, 55, 46); letter-spacing: -0.05em;}
.pd-detail .weather-container .wx-description{font-size: 13px; line-height: 1.9; color: rgb(163, 172, 151); max-width: 160px;}
.pd-detail .weather-container .wx-source{display: block; margin-top: 18px; font-size: 11px; color: rgb(173, 183, 162);}
.pd-detail .weather-container .wx-source > i{display: none;}
.pd-detail .weather-container .wx-card{border-radius: 3px; border-color: rgb(229, 233, 223);}
.pd-detail .weather-container .wx-current{padding: 26px 29px 0px;}
.pd-detail .weather-container .wx-art{width: 160px;}
.pd-detail .weather-container .wx-current-top{min-height: 165px;}
.pd-detail .weather-container .wx-day{border-radius: 3px;}
.pd-detail .weather-container .wx-temperature-line > strong{font-size: 76px;}
.pd-detail .weather-container .wx-temperature-line{gap: 24px;}
.pd-detail .weather-container .wx-footnote{font-size: 10px;}


























@media (max-width: 1100px){









.pd-detail .weather-container .wx-section{grid-template-columns: 180px minmax(0px, 1fr); column-gap: 32px;}
.pd-detail .weather-container .wx-title{font-size: 25px;}
.pd-detail .weather-container .wx-temperature-line{gap: 16px;}
.pd-detail .weather-container .wx-current{padding-inline: 22px;}
.pd-detail .weather-container .wx-art{width: 138px;}
.pd-detail .weather-container .wx-temperature-line > strong{font-size: 67px;}
.pd-detail .wx-metrics > div{flex-direction: column; align-items: flex-start;}
}
@media (max-width: 850px) and (min-width: 761px){



.pd-detail .weather-container .wx-section{grid-template-columns: 155px minmax(0px, 1fr); column-gap: 28px;}
.pd-detail .weather-container .wx-current-top{position: relative; padding-right: 0px;}
.pd-detail .weather-container .wx-art{width: 105px;}
.pd-detail .weather-container .wx-temperature-line{display: block;}
.pd-detail .weather-container .wx-condition-block{margin-top: 8px;}
.pd-detail .weather-container .wx-metrics{gap: 6px;}
.pd-detail .weather-container .wx-advice{padding: 17px;}
.pd-detail .weather-container .wx-forecast{padding-inline: 9px;}
.pd-detail .weather-container .wx-day-temperature{font-size: 17px;}
.pd-detail .weather-container .wx-day-temperature > span{margin-right: 4px;}
.pd-detail .weather-container .wx-footnote{display: block; line-height: 1.9;}}
@media (max-width: 760px){






































.pd-detail .weather-container .wx-overline::before{display: inline-block; vertical-align: baseline; font-size: 13px; font-weight: 650; color: rgb(220, 117, 74); margin: 0px 8px 0px 0px; letter-spacing: 0px;}



















.pd-detail .weather-container .wx-section{display: block;}
.pd-detail .weather-container .wx-heading{display: flex; align-items: flex-end; margin-bottom: 21px;}
.pd-detail .weather-container .wx-title{font-size: 25px;}
.pd-detail .weather-container .wx-overline{font-size: 11px; letter-spacing: 0px; margin-bottom: 7px;}
.pd-detail .weather-container .wx-description{font-size: 12px; max-width: none; line-height: 1.7;}
.pd-detail .weather-container .wx-source{font-size: 10px; margin: 0px;}
.pd-detail .weather-container .wx-card{border-radius: 3px;}
.pd-detail .weather-container .wx-current{padding: 24px 20px 0px;}
.pd-detail .weather-container .wx-current-top{min-height: 151px;}
.pd-detail .weather-container .wx-temperature-line{gap: 0px;}
.pd-detail .weather-container .wx-temperature-line > strong{font-size: 66px;}
.pd-detail .weather-container .wx-art{width: 118px;}
.pd-detail .weather-container .wx-advice{padding: 17px 20px;}
.pd-detail .weather-container .wx-forecast{padding: 22px 10px 15px;}
.pd-detail .weather-container .wx-day{border-radius: 2px;}
.pd-detail .weather-container .wx-footnote{font-size: 10px;}






















}
@media (max-width: 360px){





.pd-detail .weather-container .wx-art{width: 103px;}
.pd-detail .weather-container .wx-temperature-line > strong{font-size: 61px;}
.pd-detail .weather-container .wx-current{padding-inline: 17px;}

.pd-detail .weather-container .wx-title{font-size: 23px;}

}




.pd-detail .wx-paw .material-symbols-outlined{font-size: 21px;}















.pd-detail .weather-container .wx-card{border: 0px; border-radius: 0px; background: transparent; box-shadow: none; overflow: visible; color: rgb(46, 55, 46);}
.pd-detail .weather-container .wx-current{padding: 0px; background: none;}
.pd-detail .weather-container .wx-current-top{min-height: 190px; gap: 20px;}
.pd-detail .weather-container .wx-temperature-line > strong{color: rgb(48, 62, 50);}
.pd-detail .weather-container .wx-date{font-size: 14px; color: rgb(114, 124, 105);}
.pd-detail .weather-container .wx-date span{font-size: 12px; color: rgb(137, 145, 126);}
.pd-detail .weather-container .wx-condition-block > span{color: rgb(85, 102, 77);}
.pd-detail .weather-container .wx-condition-block p{font-size: 13px; color: rgb(140, 149, 130);}
.pd-detail .weather-container .wx-mood{font-size: 14px; color: rgb(131, 141, 119);}
.pd-detail .weather-container .wx-art{width: 165px; box-shadow: none;}
.pd-detail .weather-container .wx-art-caption{font-size: 11px; color: rgb(146, 156, 135);}
.pd-detail .weather-container .wx-metrics{border-top: 1px solid rgb(229, 232, 224); padding: 21px 0px; margin-top: 17px;}
.pd-detail .weather-container .wx-metric-label{font-size: 13px; color: rgb(135, 148, 122);}
.pd-detail .weather-container .wx-metrics strong{font-size: 19px; color: rgb(85, 102, 76);}
.pd-detail .weather-container .wx-advice{border: 0px; border-radius: 14px; background: rgb(250, 246, 238); margin: 4px 0px 24px; padding: 18px 20px;}
.pd-detail .weather-container .wx-advice p{font-size: 12px;}
.pd-detail .weather-container .wx-advice div > span{font-size: 14px;}
.pd-detail .weather-container .wx-forecast{padding: 0px;}
.pd-detail .weather-container .wx-forecast-heading{padding: 0px 0px 16px;}
.pd-detail .weather-container .wx-forecast-heading h4{font-size: 14px; color: rgb(98, 114, 83);}
.pd-detail .weather-container .wx-forecast-heading > span{font-size: 12px;}
.pd-detail .weather-container .wx-day{border-radius: 14px; padding: 15px 6px;}
.pd-detail .weather-container .wx-day[data-today="true"]{background: rgb(244, 246, 238);}
.pd-detail .weather-container .wx-day-label{font-size: 14px;}
.pd-detail .weather-container .wx-day-date{font-size: 11px;}
.pd-detail .weather-container .wx-day-condition{font-size: 12px;}
.pd-detail .weather-container .wx-day-probability{font-size: 12px;}
.pd-detail .weather-container .wx-day-temperature{font-size: 21px;}
.pd-detail .weather-container .wx-footnote{font-size: 11px; margin-top: 8px; padding-top: 14px; border-top: 1px solid rgb(234, 237, 228);}
.pd-detail .weather-container .wx-description{font-size: 13px; max-width: 180px;}
.pd-detail .weather-container .wx-source{font-size: 11px;}







@media (max-width: 1100px) and (min-width: 761px){.pd-detail .weather-container .wx-current-top{min-height: 190px;}
.pd-detail .weather-container .wx-art{width: 118px;}
.pd-detail .weather-container .wx-temperature-line{display: block;}
.pd-detail .weather-container .wx-condition-block{margin-top: 12px;}
.pd-detail .weather-container .wx-date span{display: block; margin: 6px 0px 0px;}
.pd-detail .weather-container .wx-metrics{gap: 8px;}
.pd-detail .weather-container .wx-day-temperature{font-size: 18px;}
.pd-detail .weather-container .wx-day-temperature > span{margin-right: 5px;}
.pd-detail .weather-container .wx-footnote{display: block;}}
@media (max-width: 760px){




.pd-detail .weather-container .wx-overline{font-size: 11px;}








.pd-detail .weather-container .wx-heading{gap: 12px;}
.pd-detail .weather-container .wx-description{font-size: 12px; max-width: 210px;}
.pd-detail .weather-container .wx-source{font-size: 10px; white-space: nowrap;}
.pd-detail .weather-container .wx-current{padding: 0px;}
.pd-detail .weather-container .wx-current-top{min-height: 196px; align-items: flex-start; position: relative;}
.pd-detail .weather-container .wx-art-wrap{top: 5px; right: 0px;}
.pd-detail .weather-container .wx-art{width: 125px;}
.pd-detail .weather-container .wx-temperature-line{display: block;}
.pd-detail .weather-container .wx-date{font-size: 12px; margin-bottom: 18px;}
.pd-detail .weather-container .wx-date span{font-size: 11px; display: block; margin: 6px 0px 0px;}
.pd-detail .weather-container .wx-condition-block{display: flex; margin-top: 12px; gap: 8px;}
.pd-detail .weather-container .wx-condition-block > span{font-size: 14px;}
.pd-detail .weather-container .wx-condition-block p{font-size: 11px;}
.pd-detail .weather-container .wx-mood{font-size: 12px; position: relative; margin-top: 14px;}
.pd-detail .weather-container .wx-metrics{margin-top: 12px; gap: 8px; padding: 19px 0px;}
.pd-detail .weather-container .wx-metric-label{font-size: 12px;}
.pd-detail .weather-container .wx-metrics strong{font-size: 18px; padding: 0px;}
.pd-detail .weather-container .wx-advice{padding: 16px; margin-bottom: 23px;}
.pd-detail .weather-container .wx-advice div > span{font-size: 13px;}
.pd-detail .weather-container .wx-advice p{font-size: 11px;}
.pd-detail .weather-container .wx-forecast{padding: 0px;}
.pd-detail .weather-container .wx-forecast-heading > span{font-size: 10px;}
.pd-detail .weather-container .wx-day-label{font-size: 12px;}
.pd-detail .weather-container .wx-day-date{font-size: 10px;}
.pd-detail .weather-container .wx-day-condition{font-size: 11px;}
.pd-detail .weather-container .wx-day-probability{font-size: 10px;}
.pd-detail .weather-container .wx-day-temperature{font-size: 17px;}
.pd-detail .weather-container .wx-day-temperature > span{margin-right: 5px;}
.pd-detail .weather-container .wx-day{padding: 13px 2px;}
.pd-detail .weather-container .wx-footnote{font-size: 10px; display: block;}



}
@media (max-width: 360px){.pd-detail .weather-container .wx-art{width: 104px;}
.pd-detail .weather-container .wx-day-temperature{font-size: 15px;}
.pd-detail .weather-container .wx-day-temperature > span{margin-right: 3px;}
.pd-detail .weather-container .wx-description{font-size: 11px;}
.pd-detail .weather-container .wx-metric-label{font-size: 11px;}
.pd-detail .weather-container .wx-metrics strong{font-size: 17px;}



}.pd-detail .weather-container{display:block}.pd-detail .weather-container .wx-section{padding:0;margin:0;background:none;scroll-margin-top:0}.pd-detail .weather-container .wx-overline:before{content:'03'}.pd-detail .weather-container:has(>.wx-section.hidden){display:none}.pd-detail .weather-container [data-weather-content]{min-width:0}.pd-detail .wx-paw .material-symbols-outlined{font-size:21px}.pd-detail .pd-image-unavailable{object-fit:contain!important;padding:60px;background:#e6ebdf}.pd-detail [data-facilities-grid] .material-symbols-outlined{flex-shrink:0}
/* Keep full related-place metadata visible despite legacy responsive spans. */
.pd-detail [data-related-list] p>span:first-child:not(:last-child){display:none}.pd-detail [data-related-list] p>span:last-child{display:inline!important}.pd-detail [data-related-list] p{overflow-wrap:anywhere}
@media(min-width:1101px){.pd-detail [data-related-list]{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:1100px){.pd-detail [data-related-list]{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 또 다른 함께 갈 곳: 업종 라벨을 사진 왼쪽 위에 얹는다. 색은 홈 목록 카드의 업종 색을 쓴다. */
.pd-detail [data-related-list]>a>.pd-related-media{position:relative;width:100%;aspect-ratio:1.65;border-radius:16px;overflow:hidden;background:#f3f1ec}
.pd-detail .pd-related-media>img{width:100%;height:100%;display:block;object-fit:cover}
.pd-detail [data-related-list]>a>.pd-related-fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#FFF1EA 0%,#FDF6F1 100%)}
.pd-detail .pd-related-fallback>img{width:40px;height:48px;object-fit:contain}
.pd-detail .pd-related-category{position:absolute;left:10px;top:10px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:-.01em}
@media(max-width:760px){.pd-detail [data-related-list]>a>.pd-related-media{aspect-ratio:1.25;border-radius:13px}.pd-detail .pd-related-category{left:8px;top:8px;padding:2px 8px;font-size:10px}}

/* Pet guide labels match the approved B preview. */
.pd-pet-rows>.pd-pet-item{position:relative;padding-left:31px}
.pd-pet-item-icon{position:absolute;left:0;top:1px;width:21px;height:22px;font-size:21px;line-height:22px;color:#8b9c78;font-variation-settings:'FILL' 0,'wght' 350,'GRAD' 0,'opsz' 24}

/* Facilities displayed as icons and labels. */
.pd-detail .pd-outline-icon{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;display:block}
.pd-detail [data-facilities-grid]{padding:24px 12px;background:transparent;border:0;border-radius:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 0}
.pd-detail [data-facilities-grid]>.pd-facility{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:9px;padding:0 12px;border:0;border-radius:0;background:transparent;color:#839174;font-size:13px;line-height:1.6;min-width:0;min-height:55px}


.pd-detail .pd-facility-icon{flex:none;width:22px;height:22px;font-size:22px;line-height:22px;color:#99a889;font-variation-settings:'FILL' 0,'wght' 350,'GRAD' 0,'opsz' 24}
.pd-facility-label{min-width:0;overflow-wrap:anywhere}
@media(max-width:760px){.pd-detail [data-facilities-grid]{padding:22px 10px;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0;border-radius:0}.pd-detail [data-facilities-grid]>.pd-facility{gap:8px;padding:0 10px;font-size:12px}}

/* Weather artwork sits directly on the page, with sizes tuned to the current conditions. */
.pd-detail .weather-container .wx-art{width:196px;max-width:none;aspect-ratio:1;border-radius:0;box-shadow:none}
.pd-detail .weather-container .wx-art-wrap{margin-right:0}
@media(min-width:761px) and (max-width:1100px){.pd-detail .weather-container .wx-art{width:156px}}
@media(max-width:760px){.pd-detail .weather-container .wx-art{width:138px}.pd-detail .weather-container .wx-art-wrap{top:6px;right:0}}
@media(max-width:360px){.pd-detail .weather-container .wx-art{width:114px}.pd-detail .weather-container .wx-art-wrap{top:9px}}


/* Hospitals and saving continue the detail page's editorial section grid. */
.pd-detail .pd-vets{margin:0;padding:0;border:0;background:none}
.pd-vets-summary{display:flex;align-items:center;gap:18px;min-height:90px;padding:4px 0 10px;list-style:none;cursor:pointer}
.pd-vets-summary::-webkit-details-marker{display:none}
.pd-vets-summary:focus-visible{outline:2px solid #f4511e;outline-offset:7px;border-radius:4px}
.pd-detail .pd-vets-icon{flex:none;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#f1f4ed;color:#769365;font-size:27px;font-variation-settings:'wght' 300}
.pd-vets-intro{flex:1;min-width:0;display:flex;flex-direction:column;gap:7px}
.pd-vets-title{font-size:21px;line-height:1.45;font-weight:650;color:#35432f;letter-spacing:-.035em}
.pd-vets-title strong{font-weight:650;color:#be6c42}
.pd-vets-description{font-size:13px;line-height:1.65;color:#8b9581;word-break:keep-all}
.pd-vets-toggle{display:flex;align-items:center;gap:13px;flex:none;min-height:44px;padding:10px 15px;border:1px solid #dce3d4;border-radius:8px;color:#536649;font-size:13px;font-weight:650}
.pd-vets-toggle .material-symbols-outlined{font-size:19px;transition:transform .18s}
.pd-vets[open] .pd-vets-toggle .material-symbols-outlined{transform:rotate(180deg)}
.pd-vets-collapse,.pd-vets[open] .pd-vets-expand{display:none}
.pd-vets[open] .pd-vets-collapse{display:inline}
.pd-vets-content{padding-top:23px}
.pd-vets-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pd-vet-item{display:flex;flex-direction:column;min-width:0;padding:21px 18px 16px;border:1px solid #e2e6dc;border-radius:12px;background:#fff}
.pd-vet-info{flex:1;min-width:0}
.pd-vet-heading{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:9px}
.pd-vet-heading h4{font-size:17px;line-height:1.5;font-weight:680;color:#364231;word-break:keep-all;overflow-wrap:anywhere}
.pd-vet-distance{font-size:12px;line-height:1.4;color:#879773;font-weight:650}
.pd-vet-address{margin-top:9px;font-size:12px;line-height:1.8;color:#919b87;word-break:keep-all;overflow-wrap:anywhere}
.pd-vet-actions{display:flex;gap:7px;margin-top:21px;flex-wrap:wrap}
.pd-vet-actions a{display:flex;align-items:center;justify-content:center;gap:5px;min-height:44px;flex:1;padding:9px 7px;border:1px solid #dce2d5;border-radius:7px;font-size:12px;font-weight:650;white-space:nowrap}
.pd-vet-actions .material-symbols-outlined{font-size:17px}
.pd-vet-actions .pd-vet-phone{background:#344b37;border-color:#344b37;color:#fff}
.pd-vet-actions .pd-vet-directions{background:#fff;color:#647657}
.pd-vet-actions a:hover{filter:brightness(.96)}
.pd-vet-actions a:focus-visible,.pd-vets-footer a:focus-visible{outline:2px solid #f4511e;outline-offset:4px}
.pd-vets-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:19px}
.pd-vets-footer p{font-size:11px;line-height:1.8;color:#99a18f}
.pd-vets-footer a{display:flex;align-items:center;gap:12px;flex:none;font-size:13px;min-height:44px;color:#53694a;font-weight:650}
.pd-vets-footer a .material-symbols-outlined{font-size:18px}
.pd-detail .pj-next{display:grid;grid-template-columns:210px minmax(0,1fr);gap:45px;margin:0;padding:51px 0;border:0;border-bottom:1px solid #e2e5dc;border-radius:0;background:none}
.pd-detail .pj-next .pd-heading h2{font-size:27px;font-weight:670;line-height:1.4;letter-spacing:-.05em;color:#2e372e;margin:0}
.pd-detail .pj-next .pd-eyebrow{font-size:12px;color:#909c83;margin-bottom:8px}
.pd-detail .pj-next .pd-save-lead{font-size:20px;line-height:1.65;color:#67765b;font-weight:500;margin:0}
.pd-detail .pj-next .pj-actions{margin-top:22px;gap:16px 24px}
.pd-detail .pj-next .pj-actions button{padding:13px 20px;min-height:48px;border-radius:8px;font-size:14px;background:#f4511e;border-color:#f4511e}
.pd-detail .pj-next .pj-actions button[aria-pressed=true]{background:#fff1ea;color:#b24318;border-color:#ffd9c7}
.pd-detail .pj-next .pj-actions>a{padding:8px 0;min-height:44px;background:none;border:0;border-radius:0;font-size:13px;color:#7d8d6c;gap:13px}
.pd-save-mobile-break{display:none}
.pd-save-discover{margin-top:27px;padding-top:21px;border-top:1px solid #e8ebe2}
.pd-save-discover>span{font-size:11px;color:#9aa48f}
.pd-detail .pj-next .pj-links{margin-top:9px;gap:4px 20px}
.pd-detail .pj-next .pj-links a{border:0;border-radius:0;background:none;padding:5px 0;min-height:32px;color:#718362;font-size:12px}
@media(min-width:761px) and (max-width:1100px){
  .pd-detail .pj-next{grid-template-columns:180px minmax(0,1fr);gap:32px}
  .pd-vets-list{grid-template-columns:1fr}
  .pd-vet-item{flex-direction:row;align-items:center;gap:20px}
  .pd-vet-actions{margin-top:0;flex:none}
}
@media(max-width:760px){
  .pd-vets-summary{gap:12px;min-height:88px;padding:0}
  .pd-detail .pd-vets-icon{width:36px;height:36px;font-size:23px}
  .pd-vets-title{font-size:18px}
  .pd-vets-description{font-size:12px;max-width:210px}
  .pd-vets-toggle{gap:4px;padding:8px 10px;font-size:12px}
  .pd-vets-content{padding-top:20px}
  .pd-vets-list{grid-template-columns:1fr;gap:12px}
  .pd-vet-item{padding:18px 18px 15px}
  .pd-vet-heading{flex-direction:row;justify-content:space-between;align-items:baseline;gap:10px}
  .pd-vet-heading h4{font-size:16px}
  .pd-vet-distance{flex:none}
  .pd-vet-address{margin-top:6px}
  .pd-vet-actions{margin-top:15px}
  .pd-vet-actions a{font-size:13px;min-height:44px}
  .pd-vets-footer{align-items:flex-start;flex-direction:column-reverse;gap:7px;margin-top:12px}
  .pd-vets-note-break{display:none}
  .pd-detail .pj-next{display:block;padding:34px 0}
  .pd-detail .pj-next .pd-heading h2{font-size:25px}
  .pd-detail .pj-next .pd-heading h2 br{display:none}
  .pd-detail .pj-next .pd-eyebrow{font-size:11px;margin-bottom:7px}
  .pd-detail .pj-next .pd-save-lead{font-size:17px}
  .pd-save-mobile-break{display:block}
  .pd-detail .pj-next .pj-actions{margin-top:20px;gap:10px}
  .pd-detail .pj-next .pj-actions button{width:100%;justify-content:center}
  .pd-detail .pj-next .pj-actions>a{width:auto;font-size:13px;justify-content:flex-start}
  .pd-save-discover{margin-top:17px;padding-top:16px}
}
@media(max-width:360px){
  .pd-vets-summary{gap:9px}
  .pd-detail .pd-vets-icon{display:none}
  .pd-vets-title{font-size:17px}
  .pd-detail .pj-next .pd-heading h2{font-size:23px}
}

@media(max-width:850px) and (min-width:761px){.pd-detail .pj-next{grid-template-columns:155px minmax(0,1fr);gap:28px}}
