/* DooAsset listing detail /ประกาศ/{id}-{slug}/ — page CSS (OWNER: listing). Mobile first, ≥768 tablet, ≥1200 desktop. */
.lst-gal__nav,.lst-chip,.lst-cap__line,.lst-tab,.lst-agent__av,.lst-near__ico{display:flex;align-items:center;justify-content:center}
.lst-sec{margin-top:36px}
.lst-after{padding-bottom:32px}
.lst-after>.lst-sec:first-child{margin-top:40px}
.lst-glass{position:absolute;z-index:2;padding:3px 10px;border-radius:999px;background:rgba(5,7,12,.62);border:1px solid var(--wbd-14);font-size:13px;font-weight:600;line-height:1.5;color:var(--text);white-space:nowrap;text-decoration:none}
.lst-glass.hud{font-size:12px;color:var(--text-2)}
.lst-shade{position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(5,7,12,.42) 0%,rgba(5,7,12,0) 26%,rgba(5,7,12,0) 62%,rgba(5,7,12,.58) 100%)}
.lst-strip__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;height:260px;border-radius:0 0 28px 28px;box-shadow:0 24px 64px var(--sh-45);background:var(--panel-raised)}
.lst-strip__track::-webkit-scrollbar{display:none}
.lst-thumbs::-webkit-scrollbar{display:none}
.lst-strip__slide{position:relative;flex:none;width:100%;height:100%;scroll-snap-align:start;scroll-margin-top:80px}
.lst-strip__slide>img,.lst-strip__slide>noscript>img,.lst-bento__cell>img{width:100%;height:100%;object-fit:cover}
.lst-gal__hud{top:12px;left:16px}
.lst-gal__geo{top:12px;right:16px;display:none}
.lst-gal__cap{left:16px;bottom:14px;max-width:calc(100% - 96px);overflow:hidden;text-overflow:ellipsis}
.lst-gal__count{right:16px;bottom:14px;color:var(--text)}
.lst-gal__nav{position:absolute;z-index:3;top:50%;width:44px;height:44px;margin-top:-22px;border-radius:999px;background:rgba(5,7,12,.5);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--wbd-18);color:var(--text)}
.lst-gal__nav--prev{left:12px}
.lst-gal__nav--next{right:12px}
.lst-gal__nav:hover{opacity:1;background:rgba(5,7,12,.7)}
.lst-thumbs{display:flex;gap:8px;overflow-x:auto;padding:12px 16px 4px;scrollbar-width:none}
.lst-thumbs li{flex:none}
.lst-thumb{display:block;width:72px;height:54px;border-radius:14px;overflow:hidden;border:2px solid var(--wbd-1);background:var(--panel-solid);opacity:.8}
.lst-thumb:hover,.lst-thumb:focus-visible{opacity:1;border-color:var(--mint)}
.lst-thumb img{width:100%;height:100%;object-fit:cover}
.lst-thumbs li:first-child .lst-thumb{border-color:var(--mint);box-shadow:var(--glow);opacity:1}
.lst-bento{display:none}
/* lead: head + answer come before the gallery in the DOM (spec §3.0 rule 1: the answer within the first 150 words), the gallery is
   still drawn first, full bleed (the negative gutter undoes .lst-body's .wrap padding; width:auto undoes .wrap's 100% on the empty one) */
.lst-lead{display:flex;flex-direction:column}
.lst-lead>.lst-gal{order:-1;width:auto;margin-inline:calc(-1 * var(--gutter))}
.lst-gal--empty{margin-top:8px}
.lst-gal__ph{height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:24px;background:var(--panel-raised);border:1px solid var(--line);color:var(--text-3);font-size:14px}
.lst-head{margin-top:18px;display:grid;align-items:center;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"pill acts" "title title" "loc loc" "price price" "badges badges" "meta meta"}
.lst-head__pill{grid-area:pill;justify-self:start;max-width:100%;white-space:normal;padding-top:5px;padding-bottom:5px}
.lst-head{column-gap:12px}
.lst-head__meta{grid-area:meta;margin-top:12px;font-size:13px;line-height:1.5;color:var(--text-3)}
.lst-head__meta .hud{color:var(--text-2)}
.lst-title{grid-area:title;margin-top:14px;font-size:30px;line-height:1.32;overflow-wrap:anywhere}
.lst-loc{grid-area:loc;margin-top:8px;display:flex;align-items:flex-start;gap:6px;font-size:14px;line-height:1.6;color:var(--text-2)}
.lst-loc svg{flex:none;margin-top:3px}
.lst-pricebar{grid-area:price;margin-top:16px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.lst-price{min-width:0}
.lst-price__main{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px}
.lst-price .price--xl{font-size:34px}
.lst-price__sub{font-size:15px;line-height:1.5;color:var(--text-2)}
.lst-price__sub strong{font-weight:600;color:var(--text)}
.lst-price__pps{display:none}
.lst-acts{grid-area:acts;justify-self:end;display:flex;gap:8px}
.lst-act{width:44px;height:44px;padding:0;border-radius:999px}
.lst-act__t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lst-save[aria-pressed="true"]{color:var(--rose-ink)}
.lst-save[aria-pressed="true"] svg{fill:var(--rose)}
.lst-share{position:relative}
.lst-share>summary{list-style:none}
.lst-share>summary::-webkit-details-marker{display:none}
.lst-share[open]>summary{border-color:var(--mint-b60);color:var(--mint-ink)}
.lst-share__pop{position:absolute;right:0;top:calc(100% + 8px);z-index:30;width:288px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 24px 64px var(--sh-45)}
.lst-share__title{font-size:15px;font-weight:600}
.lst-share__url{height:44px;font-size:14px}
.lst-badges{grid-area:badges;margin-top:14px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lst-badges__intent{display:flex;gap:6px}
.lst-badges .badge{padding-block:5px}
.lst-answer{margin-top:24px}
.lst-facts{padding:4px 16px}
.lst-facts .facts{gap:0 16px}
.lst-facts .facts--card .facts__item{padding:12px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none}
.lst-facts dd{overflow-wrap:anywhere}
.lst-dc__note{display:none;font-size:14px;line-height:1.6;color:var(--text-2);text-align:right;max-width:300px}
.lst-tabs{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:2px;padding:4px;border-radius:999px;background:var(--wbg-05);border:1px solid var(--line);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}
.lst-tab{min-height:44px;padding:0 6px;border-radius:999px;text-align:center;font-size:14px;font-weight:600;line-height:1.3;color:var(--text-2);text-decoration:none}
.lst-tab:hover{opacity:1;color:var(--text)}
.js .lst-tab[aria-selected="true"]{background:var(--mint);color:var(--on-mint);box-shadow:var(--glow)}
.lst-dc__panels{margin-top:12px;display:flex;flex-direction:column;gap:12px}
.lst-card{padding:20px 18px;display:flex;flex-direction:column;gap:12px;min-width:0}
.lst-card__title{font-size:18px;font-weight:600;line-height:1.45;color:var(--text)}
.lst-card__text{font-size:15px;line-height:1.65;color:var(--text-2)}
.lst-card__text strong{color:var(--text);font-weight:600}
.lst-split{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.lst-split__a,.lst-split__b{display:flex;flex-direction:column;gap:12px;min-width:0}
.lst-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.lst-mini>div{padding:10px 12px;border-radius:14px;background:var(--panel-raised)}
.lst-mini dt{font-size:13px;line-height:1.5;color:var(--text-2)}
.lst-mini dd{margin:2px 0 0;font-family:var(--f-display);font-weight:700;font-size:16px;line-height:1.4;color:var(--text)}
.lst-checks li{display:flex;align-items:flex-start;gap:8px;font-size:14px;line-height:1.6;color:var(--text-2)}
.lst-checks svg{flex:none;margin-top:3px;color:var(--mint-ink)}
.lst-comp a{font-weight:600}
.lst-big{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.lst-big__num{font-family:var(--f-display);font-weight:700;font-size:36px;line-height:1.25;color:var(--mint-ink)}
.lst-big__unit{font-size:14px;color:var(--text-2)}
.lst-bar{display:flex;gap:4px;height:8px}
.lst-bar__a{width:var(--a);border-radius:999px;background:var(--violet)}
.lst-bar__b{flex:1;border-radius:999px;background:var(--mint)}
.lst-rows>div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.lst-rows>div:last-child{border-bottom:0}
.lst-rows dt{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.5;color:var(--text-2)}
.lst-rows dd{margin:0;font-size:15px;font-weight:600;line-height:1.5;color:var(--text);white-space:nowrap}
.lst-rows__total dt{font-weight:600;color:var(--text)}
.lst-rows__total dd{font-family:var(--f-display);font-size:18px;font-weight:700;color:var(--mint-ink)}
.lst-rows--tight>div{padding:7px 0}
.lst-dot{flex:none;width:10px;height:10px;border-radius:999px}
.lst-dot--v{background:var(--violet)}
.lst-dot--m{background:var(--mint)}
.lst-note{padding:12px 14px;border-radius:14px;background:var(--panel-raised);font-size:14px;line-height:1.65;color:var(--text-2)}
.lst-opt,.lst-slots{margin:0;padding:0;border:0;min-width:0}
.lst-opt + .lst-opt{margin-top:8px}
.lst-opt__lg{float:left;width:68px;padding:0;font-size:14px;font-weight:600;line-height:44px;color:var(--text-2)}
:lang(en) .lst-head__pill,:lang(en) .lst-contact__top .pill{white-space:normal;padding-top:5px;padding-bottom:5px}
:lang(en) .lst-contact__top .hud{white-space:nowrap}
:lang(en) .lst-opt__lg{display:flex;align-items:center;height:44px;line-height:1.2}
.lst-opt__row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-left:76px}
.lst-opt__row--col{display:flex;flex-direction:column;align-items:flex-start;margin-left:0}
.lst-opt__row--3{margin-left:0}
.lst-rb__opts{padding-top:14px;border-top:1px solid var(--line)}
.lst-chip{position:relative;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--wbd-18);background:var(--wbg-04);font-size:14px;font-weight:600;line-height:1.35;color:var(--text-2);text-align:center;cursor:pointer}
.lst-chip:hover{border-color:var(--wbd-3);color:var(--text)}
.lst-chip__in{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.lst-chip:has(.lst-chip__in:checked){background:var(--mint-t14);border-color:var(--mint-b60);color:var(--mint-ink)}
.lst-chip:has(.lst-chip__in:focus-visible){outline:2px solid var(--mint-ink);outline-offset:2px}
.lst-opt__row--col .lst-chip{padding:8px 16px;text-align:left}
.lst-rb__res{padding:16px 18px;border-radius:20px;border:1px solid var(--mint-b35);background:var(--wbg-03)}
.lst-rb__lab{font-size:13px;line-height:1.5;color:var(--text-2)}
.lst-rb__pay{margin-top:2px;font-family:var(--f-display);font-weight:700;font-size:32px;line-height:1.3;color:var(--mint-ink)}
.lst-rb__pay span{margin-left:6px;font-family:var(--f-body);font-weight:400;font-size:14px;color:var(--text-2)}
.lst-rb__diff{margin-top:6px;font-size:15px;font-weight:600;line-height:1.5;color:var(--text)}
.lst-rb__asm{margin-top:4px;font-size:13px;line-height:1.5;color:var(--text-3)}
.lst-rb__g{display:none}
.lst-rb__g.is-def{display:block}
.lst-route{display:none;padding:18px 16px 16px;border-radius:20px;background:var(--panel-raised);border:1px solid var(--line)}
.lst-route.is-default{display:block}
.lst-route__line{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px}
.lst-route__line::before{content:'';position:absolute;left:16%;right:16%;top:7px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--mint),var(--violet));opacity:.8}
.lst-route__stop{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;font-size:13px;line-height:1.45;color:var(--text-2)}
.lst-route__stop strong{margin-top:6px;font-size:15px;font-weight:600;color:var(--text)}
.lst-route__dot{width:16px;height:16px;border-radius:999px;background:var(--panel-raised);border:2px solid var(--mint)}
.lst-route__stop--home .lst-route__dot{background:var(--mint);box-shadow:0 0 12px rgba(98,245,213,.8)}
.lst-route__stop--end .lst-route__dot{border-color:var(--violet)}
.lst-route__total{margin-top:12px;text-align:center;font-size:16px;font-weight:600;line-height:1.5;color:var(--mint-ink)}
.lst-prose p{font-size:16px;line-height:1.8;color:var(--text-2)}
.lst-prose p + p{margin-top:12px}
.lst-prose__src{margin-top:12px}
.lst-proj{display:grid;grid-template-columns:minmax(0,1fr);padding:6px}
.lst-proj__media{aspect-ratio:16 / 7}
.lst-proj__media>img{width:100%;height:100%;object-fit:cover}
.lst-proj__media .lst-gal__hud{top:10px;left:10px}
.lst-proj__body{padding:14px 12px 12px;display:flex;flex-direction:column;min-width:0}
.lst-proj__name{font-family:var(--f-display);font-weight:700;font-size:21px;line-height:1.35}
.lst-proj__line{margin-top:4px;font-size:14px;line-height:1.6;color:var(--text-2)}
.lst-proj__tiles{margin-top:14px}
.lst-proj__tiles dd{font-size:17px}
.lst-proj__sub{margin-top:14px;font-size:14px;font-weight:600;line-height:1.5}
.lst-fac{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px}
.lst-fac li{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 12px;border-radius:999px;background:var(--panel-raised);font-size:13px;line-height:1.4;color:var(--text-2)}
.lst-fac svg{color:var(--mint-ink)}
.lst-proj__link{margin-top:10px;align-self:flex-start;font-weight:600}
.lst-map{position:relative}
.lst-pincards{margin-top:8px}
.lst-pincard{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:20px;background:rgba(10,15,26,.9);border:1px solid var(--wbd-14);box-shadow:0 16px 40px var(--sh-45);color:var(--text)}
.lst-pincard__dot{flex:none;width:10px;height:10px;border-radius:999px;background:var(--violet)}
.lst-pincard.is-mine .lst-pincard__dot{background:var(--mint);box-shadow:0 0 10px rgba(98,245,213,.9)}
.lst-pincard__body{flex:1;min-width:0}
.lst-pincard__top{display:flex;align-items:center;gap:8px;font-size:15px;line-height:1.4}
.lst-pincard__top strong{font-weight:700}
.lst-pincard__title{font-size:14px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lst-pincard__title a{color:var(--text)}
.lst-pincard__meta{font-size:13px;line-height:1.5;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lst-pincard__price{flex:none;font-family:var(--f-display);font-weight:700;font-size:17px;line-height:1.3}
.lst-near__title{margin-top:20px;font-size:18px;font-weight:600;line-height:1.5}
.lst-near{margin-top:10px;display:grid;gap:8px}
.lst-near__item{display:flex;align-items:center;gap:12px;min-width:0;padding:10px 14px 10px 10px;border-radius:20px;background:var(--panel-solid);border:1px solid var(--line)}
.lst-near__ico{flex:none;width:40px;height:40px;border-radius:12px;background:rgba(168,149,255,.14);color:var(--violet-ink)}
.lst-near__ico--mint{background:var(--mint-t10);color:var(--mint-ink)}
.lst-near__txt{flex:1;min-width:0;display:flex;flex-direction:column}
.lst-near__txt strong{font-size:16px;font-weight:600;line-height:1.45;color:var(--text)}
.lst-near__txt a{text-decoration:none}
.lst-near__txt a:hover strong{color:var(--mint-ink)}
.lst-near__txt>span{font-size:13px;line-height:1.5;color:var(--text-2)}
.lst-near + .provenance{margin-top:10px}
.lst-map .nmap__coords{left:auto;right:14px}
.lst-aside{margin-top:36px;scroll-margin-top:76px}
.lst-aside .shead__hud{margin-bottom:10px}
.lst-contact{margin-top:0;padding:18px;display:flex;flex-direction:column;gap:16px;border-color:var(--mint-b35);box-shadow:0 24px 64px var(--sh-45)}
.lst-contact__side{display:flex;flex-direction:column;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.lst-contact__price{display:none}
.lst-contact__top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.lst-contact__sub{font-size:14px;line-height:1.55;color:var(--text-2)}
.lst-agent{display:flex;align-items:center;gap:12px}
.lst-agent__av{flex:none;width:48px;height:48px;border-radius:999px;background:rgba(168,149,255,.16);border:1px solid rgba(168,149,255,.45);color:var(--violet-ink)}
.lst-agent p{display:flex;flex-direction:column;min-width:0}
.lst-agent strong{font-size:16px;font-weight:600;line-height:1.45}
.lst-agent span{font-size:13px;line-height:1.5;color:var(--text-2)}
.lst-contact__btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lst-contact__btns .btn{height:48px;padding:0 10px;gap:6px;font-size:14px}
.lst-contact__btns>:first-child{grid-column:1 / -1}
.lst-contact__form{display:flex;flex-direction:column;gap:14px;min-width:0}
.lst-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}
.lst-form .is-wide{grid-column:1 / -1}
.lst-form .field__label{margin-bottom:6px}
.lst-form__msg{min-height:96px}
.lst-slots .lst-chip{padding:0 8px}
.lst-form .check{padding:4px 0;font-size:14px}
.lst-form .check a{font-weight:600}
.lst-contact__hours{margin-top:-4px}
.lst-contact svg,.lst-cap svg,.lst-follow svg,.lst-acts svg{flex:none}
.page-listing .btn--ghost{white-space:normal;text-align:left;line-height:1.45}
.page-listing .btn--ghost svg{flex:none}
.lst-follow{display:none}
.lst-cap{position:sticky;bottom:16px;z-index:40;flex:none;margin:16px;height:68px;padding:6px 6px 6px 20px;border-radius:999px;display:flex;align-items:center;gap:8px;color:var(--text);background:rgba(255,255,255,.9);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--line);box-shadow:0 24px 64px var(--sh-45)}
[data-theme="dark"] .lst-cap{background:linear-gradient(var(--wbg-05),var(--wbg-05)),rgba(8,12,20,.88)}
.lst-cap__price{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;column-gap:3px;line-height:1.2}
.lst-cap__num{font-family:var(--f-display);font-weight:700;font-size:20px;white-space:nowrap}
.lst-cap__unit{font-size:13px;color:var(--text-2)}
.lst-cap__sub{flex-basis:100%;font-size:12px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lst-cap__sub--t{display:none}
.lst-cap__line{flex:none;width:52px;height:52px;gap:8px;border-radius:999px;background:rgba(6,199,85,.14);border:1px solid rgba(6,199,85,.55);color:var(--text);font-size:15px;font-weight:600;text-decoration:none}
.lst-cap__line svg{color:var(--line-green)}
.lst-cap__wa{background:rgba(37,211,102,.14);border-color:rgba(37,211,102,.55)}
.lst-cap__wa svg{color:var(--wa-ink)}
.lst-cap__lt{display:none}
.lst-cap__cta{flex:none;height:56px;padding:0 20px}
/* Thai pages: the LINE button says "LINE" from 390 px — its icon is a plain speech bubble (Sky, 19 Oct 2026; Jev: a labelled
   chat button 0.79, icon only 0.21); English keeps the WhatsApp logo alone until the tablet layout */
@media (min-width:390px){html[lang="th"] .lst-cap__line{width:auto;gap:6px;padding:0 12px;font-size:14px}html[lang="th"] .lst-cap__lt{display:inline}html[lang="th"] .lst-cap__cta{padding:0 16px}}
.lst-contact__note{margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--text-3)}
/* the breadcrumb's last step is the title, printed again as the H1 right under the photos: not shown twice (19 Oct 2026; it
   stays in the BreadcrumbList JSON-LD) */
.lst-crumbs li:last-child{display:none}
.lst-crumbs li:nth-last-child(2) .crumbs__sep{display:none}
.lst-rail{margin-top:20px}
.lst-related{margin-top:32px}
.lst-related__title{font-size:16px;font-weight:600;line-height:1.5}
.lst-related__list{margin-top:10px}
.lst-related .chip{white-space:normal;text-align:left;min-height:var(--chip-h);height:auto;padding-block:8px;line-height:1.4}
.lst-photos{max-width:1120px;width:calc(100% - 24px);padding:16px}
.lst-photos .dialog__title{font-size:19px}
.lst-photos__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.lst-photos__grid img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:14px;background:var(--panel-raised)}
.lst-photos__grid figcaption{margin-top:6px;font-size:13px;line-height:1.5;color:var(--text-2)}
.no-js .lst-photos:target{display:block;position:fixed;inset:12px;z-index:100;margin:auto;max-height:none;overflow:auto}
.lst-closed{padding-bottom:48px}
.lst-closed__head{margin-top:8px;align-items:flex-start}
.lst-closed__head .lead{max-width:760px}
@media (min-width:768px){
 .lst-sec,.lst-aside{margin-top:48px}
 .lst-strip{padding-inline:var(--gutter)}
 .lst-strip__track{height:440px;border-radius:28px}
 .lst-gal__geo{display:block}
 .lst-thumbs{padding:12px var(--gutter) 4px;gap:12px}
 .lst-thumbs li{flex:1 1 0;min-width:72px;max-width:120px}
 .lst-thumb{width:100%;height:62px}
 .lst-head{margin-top:24px;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"pill meta" "title title" "loc loc" "price acts" "badges badges"}
 .lst-acts{align-self:end}
 .lst-head__meta{margin-top:0;justify-self:end}
 .lst-title{font-size:40px;line-height:1.3}
 .lst-price__pps{display:inline}
 .lst-act{width:auto;height:48px;padding:0 16px;border-radius:var(--r-ctl)}
 .lst-act__t{position:static;width:auto;height:auto;overflow:visible;clip:auto}
 .lst-facts{padding:6px 22px}
 .lst-facts .facts{gap:0 24px}
 .lst-dc__note{display:block}
 .lst-card{padding:22px 24px}
 .lst-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
 .lst-split--cm{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}
 .lst-proj{grid-template-columns:300px minmax(0,1fr);gap:8px}
 .lst-proj__media{aspect-ratio:auto;height:100%;min-height:300px}
 .lst-proj__body{padding:16px 16px 14px 14px}
 .lst-pincards{position:absolute;left:14px;bottom:14px;z-index:6;width:min(440px,calc(100% - 28px));margin:0}
 .lst-near{grid-template-columns:repeat(3,minmax(0,1fr))}
 .lst-contact{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;padding:24px}
 .lst-contact__side{padding-bottom:0;border-bottom:0}
 .lst-contact__btns{grid-template-columns:minmax(0,1fr)}
 .lst-contact__price{display:flex;flex-direction:column;gap:6px;order:3;padding:14px 16px;border-radius:20px;background:var(--panel-raised)}
 .lst-contact__price .lst-contact__top{display:none}
 .lst-cap{width:480px;margin:16px auto}
 .lst-cap__sub--m{display:none}
 .lst-cap__sub--t{display:block}
 .lst-cap__line{width:auto;padding:0 20px}
 .lst-cap__lt{display:inline}
 .lst-photos{padding:24px}
 .lst-photos__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
}
@media (min-width:768px) and (max-width:1199px){
 .lst-rail{display:flex;overflow-x:auto;margin-inline:calc(-1 * var(--gutter));padding:4px var(--gutter) 12px;scroll-snap-type:x mandatory;scroll-padding-left:var(--gutter);gap:24px}
 .lst-rail>*{flex:none;width:340px;scroll-snap-align:start}
}
@media (min-width:1200px){
 .lst-strip{display:none}
 .lst-bento{display:grid;margin-top:8px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:256px 256px;gap:12px}
 .lst-bento__cell{position:relative;margin:0;min-width:0;overflow:hidden;border-radius:20px;background:var(--panel-raised)}
 .lst-bento__main{grid-column:span 2;grid-row:span 2;border-radius:28px;box-shadow:0 24px 64px var(--sh-45)}
 .lst-bento--1 .lst-bento__main{grid-column:span 4}
 .lst-bento--2 .lst-bento__cell:not(.lst-bento__main){grid-column:span 2;grid-row:span 2}
 .lst-bento--3 .lst-bento__cell:not(.lst-bento__main),.lst-bento--4 .lst-bento__cell:nth-child(2){grid-column:span 2}
 .lst-bento__all{right:16px;bottom:16px;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-size:15px}
 .lst-bento__all:hover{opacity:1;background:rgba(5,7,12,.8)}
 .lst-body{display:grid;grid-template-columns:minmax(0,1fr) 384px;column-gap:24px;align-items:start}
 .lst-lead{display:contents}
 .lst-lead>.lst-gal{grid-column:1 / -1;grid-row:1}
 .lst-main{grid-column:1}
 .lst-sec{margin-top:56px}
 .lst-head{margin-top:40px}
 .lst-title{font-size:48px;line-height:1.28}
 .lst-price .price--xl{font-size:44px}
 .lst-pricebar{margin-top:20px}
 .lst-tabs{display:none}
 .lst-dc__panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:0}
 .lst-dc__panels>[data-panel][hidden]{display:flex !important}
 .lst-card--wide,.lst-dc__panels--solo>#dc-price{grid-column:1 / -1}
 .lst-card:not(.lst-card--wide) .lst-split{grid-template-columns:minmax(0,1fr);gap:12px}
 .lst-dc__panels--solo>#dc-price .lst-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
 .lst-proj{grid-template-columns:318px minmax(0,1fr)}
 .lst-proj__media{min-height:340px}
 .lst-aside{grid-column:2;grid-row:2 / span 30;align-self:stretch;margin-top:40px;scroll-margin-top:112px}
 .lst-aside__in{display:flex;flex-direction:column;padding:22px 24px 24px;border-radius:28px;background:var(--panel-solid);border:1px solid var(--mint-b35);box-shadow:0 24px 64px var(--sh-45)}
 .lst-aside__head{order:2;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
 .lst-aside__head .shead__hud{display:none}
 .lst-aside__head .shead__title,.lst-aside .shead__title{font-size:22px}
 .lst-aside .shead + *{margin-top:0}
 .lst-contact{display:contents}
 .lst-contact__side{order:1;padding-bottom:0;gap:12px}
 .lst-contact__form{order:3;margin-top:12px;gap:12px}
 .lst-contact__price{order:-1;display:flex;padding:0 0 16px;border-radius:0;background:none;border-bottom:1px solid var(--line)}
 .lst-contact__price .lst-contact__top{display:flex;margin-bottom:4px}
 .lst-contact__price .price--lg{font-size:34px}
 .lst-contact__btns{grid-template-columns:repeat(2,minmax(0,1fr))}
 .lst-form{gap:12px 10px}
 .lst-form .input{height:46px}
 .lst-form__msg.input{height:auto;min-height:72px}
 .lst-slots .lst-chip{min-height:40px}
 .lst-cap{display:none}
 .lst-follow{position:sticky;top:calc(var(--nav-offset) + 4px);margin-top:20px;display:flex;flex-direction:column;gap:6px;padding:18px 22px 20px;border-radius:28px;background:var(--panel-solid);border:1px solid var(--mint-b35);box-shadow:0 24px 64px var(--sh-45)}
 .lst-follow .price--lg{font-size:30px}
 .lst-follow__btns{margin-top:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .lst-follow__btns .btn--primary{grid-column:1 / -1}
 .lst-after>.lst-sec:first-child{margin-top:64px}
 .lst-related{margin-top:40px}
 .lst-photos__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (min-width:1200px) and (min-height:1080px){
 .lst-aside__in{position:sticky;top:calc(var(--nav-offset) + 4px)}
 .lst-follow{display:none}
}
@media (prefers-reduced-motion:reduce){
 .lst-strip__track{scroll-behavior:auto}
}
@supports selector(:has(*)){
 .lst-rb__g.is-def,.lst-route.is-default{display:none}
 #dc-commute:has(#cm-0:checked) [data-cm="0"],#dc-commute:has(#cm-1:checked) [data-cm="1"],#dc-commute:has(#cm-2:checked) [data-cm="2"],#dc-commute:not(:has(input[name="cm"])) [data-cm="0"]{display:block}
 #dc-buy:has(#rb-d10:checked) [data-d="10"],#dc-buy:has(#rb-d20:checked) [data-d="20"],#dc-buy:has(#rb-d30:checked) [data-d="30"],#dc-buy:has(#rb-y20:checked) [data-y="20"],#dc-buy:has(#rb-y25:checked) [data-y="25"],#dc-buy:has(#rb-y30:checked) [data-y="30"],#dc-buy:has(#rb-r55:checked) [data-r="55"],#dc-buy:has(#rb-r60:checked) [data-r="60"],#dc-buy:has(#rb-r65:checked) [data-r="65"]{display:block}
}
/* ---- gallery: tap any photo → full-screen viewer (p-listing.js) ---- */
.lst-open{display:block;width:100%;height:100%;cursor:zoom-in;color:inherit}
.lst-strip__slide>.lst-open>img,.lst-strip__slide>.lst-open>noscript>img,.lst-bento__cell>.lst-open>img{width:100%;height:100%;object-fit:cover}
.lst-photos__grid .lst-open{height:auto;border-radius:14px}
.lst-gal__count{display:inline-flex;align-items:center;gap:6px}
.lst-thumb.is-active{border-color:var(--mint);box-shadow:var(--glow);opacity:1}
.js .lst-thumbs li:first-child .lst-thumb:not(.is-active){border-color:var(--wbd-1);box-shadow:none;opacity:.8}
.viewer-open{overflow:hidden}
.viewer{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#03050A;color:#F2F5FF;overflow:hidden}
.viewer::backdrop{background:#03050A}
.viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.viewer__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top))}
.viewer__count{font:500 13px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.08em;color:#B4BDD3;padding:0 6px}
.viewer__tools{display:flex;gap:8px}
.viewer__btn{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#F2F5FF}
.viewer__track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0;padding:0;list-style:none;min-height:0;height:100%}
.viewer__track::-webkit-scrollbar{display:none}
.viewer__slide{flex:none;width:100%;height:100%;scroll-snap-align:center;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 8px;box-sizing:border-box}
.viewer__slide img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:12px;cursor:zoom-in;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
.viewer.is-zoomed .viewer__track{overflow:hidden}
.viewer__slide.is-zoomed{overflow:auto;display:block;padding:0}
.viewer__slide.is-zoomed img{max-width:none;max-height:none;width:200%;height:auto;border-radius:0;cursor:zoom-out}
.viewer__nav{position:absolute;top:50%;z-index:2;width:48px;height:48px;margin-top:-24px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(5,7,12,.55);border:1px solid rgba(255,255,255,.18);color:#F2F5FF;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer}
.viewer__nav--prev{left:10px}.viewer__nav--next{right:10px}
.viewer__nav:hover,.viewer__btn:hover{background:rgba(255,255,255,.16)}
.viewer.is-zoomed .viewer__nav{display:none}
.viewer__cap{margin:0;padding:10px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));text-align:center;font-size:14px;line-height:1.5;color:#B4BDD3}
@media (min-width:768px){.viewer__slide{padding:0 80px}.viewer__nav--prev{left:20px}.viewer__nav--next{right:20px}.viewer__bar{padding:14px 20px}}