/* hotels24 components */
:root{
	--h-ink:#0f2233;--h-sea:#0b5c7a;--h-sea-d:#08465d;--h-coral:#c2421d;--h-coral-d:#a8381a;
	--h-sand:#f7f3ec;--h-line:#e6e0d6;--h-mute:#5d6b78;--h-star:#a66a12;--h-card:#fff;
	--h-r:18px;--h-shadow:0 1px 2px rgba(15,34,51,.06),0 8px 24px rgba(15,34,51,.06);
}
.h-wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.h-main{display:block;padding-bottom:56px}
.h-mute{color:var(--h-mute)}
.h-small{font-size:13px}
.h-eye{margin:0 0 6px;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--h-coral)}
.h-h2{font-size:clamp(22px,2.4vw,30px);line-height:1.2;letter-spacing:-.02em;margin:0 0 16px}
.h-sec{padding-top:48px}
.h-sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px}
.h-sec-head .h-h2{margin:0}
.h-more{font-weight:700;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.h-i{flex:none;vertical-align:-3px}
.h-st{color:var(--h-star);letter-spacing:1px;font-size:13px}
.h-st--lg{font-size:18px}

/* buttons, tags, chips */
.h-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:999px;font-weight:700;font-size:15px;text-decoration:none;border:0;cursor:pointer;font-family:inherit;line-height:1.1;text-align:center}
.h-btn--c{background:var(--h-coral);color:#fff}.h-btn--c:hover,.h-btn--c:focus-visible{background:var(--h-coral-d);color:#fff}
.h-btn--s{background:var(--h-sea);color:#fff}.h-btn--s:hover{background:var(--h-sea-d);color:#fff}
.h-btn--o{background:#fff;color:var(--h-ink);box-shadow:inset 0 0 0 1px #d3cbbd}.h-btn--o:hover{box-shadow:inset 0 0 0 2px var(--h-ink);color:var(--h-ink)}
.h-btn--w{background:#fff;color:var(--h-ink)}.h-btn--w:hover{color:var(--h-ink);opacity:.92}
.h-btn--sm{min-height:36px;padding:0 14px;font-size:14px}
.h-btn--block{display:flex;width:100%;margin-top:12px}
.h-tags{display:flex;gap:6px;flex-wrap:wrap}
.h-tags--lg{margin:16px 0 4px}
.h-tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#e3f0f4;color:#08465d;text-decoration:none;white-space:nowrap}
.h-tag--c{background:#fdebe4;color:#9a3414}
.h-tag--s{background:#e6ecf7;color:#1f3a73}
.h-tag--m{background:#f1ede6;color:#5d5444}
.h-chips{display:flex;gap:8px;flex-wrap:wrap}
.h-chip{display:inline-flex;align-items:center;gap:6px;min-height:38px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--h-line);font-weight:600;font-size:14px;color:var(--h-ink);text-decoration:none}
.h-chip small{color:var(--h-mute);font-weight:700}
.h-chip:hover{border-color:var(--h-ink);color:var(--h-ink)}
.h-chip.is-on{background:var(--h-ink);border-color:var(--h-ink);color:#fff}.h-chip.is-on small{color:#c9d5de}
.h-chip--up{background:transparent}

/* crumbs */
.h-crumbs ol{list-style:none;margin:0;padding:20px 0 0;display:flex;flex-wrap:wrap;gap:6px;font-size:14px;color:var(--h-mute)}
.h-crumbs li+li:before{content:"/";margin-right:6px;color:#b4ab9c}
.h-crumbs a{color:var(--h-mute)}.h-crumbs a:hover{color:var(--h-sea)}

/* search */
.h-search{display:grid;grid-template-columns:2fr 1.1fr 1fr 1.1fr auto;gap:10px;align-items:end;background:#fff;border-radius:var(--h-r);padding:14px;box-shadow:var(--h-shadow);color:var(--h-ink)}
.h-search--bar{border:1px solid var(--h-line);box-shadow:none;margin-top:18px}
.h-f{display:block;min-width:0}
.h-f span{display:block;font-size:12px;font-weight:700;color:var(--h-mute);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}
.h-f input,.h-f select,.h-sortbar select{width:100%;min-height:46px;border:1px solid #d3cbbd;border-radius:12px;padding:0 12px;font:inherit;font-size:15px;background:#fff;color:var(--h-ink)}
.h-f input:focus,.h-f select:focus{outline:2px solid var(--h-sea);outline-offset:1px;border-color:var(--h-sea)}
.h-search .h-btn{min-height:46px}

/* hero */
.h-hero{background:linear-gradient(160deg,var(--h-sea) 0%,var(--h-sea-d) 100%);color:#fff;padding:48px 0 56px}
.h-hero h1{font-size:clamp(34px,5vw,56px);line-height:1.05;letter-spacing:-.03em;margin:18px 0 0;max-width:880px;font-weight:800}
.h-hero h1 span{color:#ffd9c9}
.h-hero-sub{font-size:18px;color:#cfe3ec;margin:14px 0 26px;max-width:680px}
.h-seg{display:inline-flex;background:rgba(255,255,255,.12);border-radius:999px;padding:4px;gap:4px;flex-wrap:wrap}
.h-seg a{color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:8px 16px;border-radius:999px}
.h-seg a.is-on,.h-seg a:hover{background:#fff;color:var(--h-sea)}
.h-hero-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
.h-hero-chips a{color:#fff;text-decoration:none;font-weight:600;font-size:14px;padding:8px 14px;border-radius:999px;background:rgba(255,255,255,.12)}
.h-hero-chips a:hover{background:rgba(255,255,255,.24);color:#fff}

/* pillars */
.h-pillars{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.h-pillar{border-radius:24px;padding:30px;color:#fff;display:flex;flex-direction:column;align-items:flex-start}
.h-pillar--1{background:var(--h-coral)}.h-pillar--2{background:var(--h-ink)}
.h-pillar .h-eye{color:#ffd9c9}.h-pillar--2 .h-eye{color:#9fc4d6}
.h-pillar h2{font-size:clamp(26px,3vw,32px);margin:0;letter-spacing:-.02em}
.h-pillar h2 a{color:#fff;text-decoration:none}
.h-pillar p{color:rgba(255,255,255,.86);margin:8px 0 18px;max-width:460px}
.h-pillar-links{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:20px}
.h-pillar-links a{color:#fff;text-decoration:none;font-weight:600;font-size:14px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.15)}
.h-pillar-links a:hover{background:rgba(255,255,255,.28);color:#fff}
.h-pillar .h-btn--w{margin-top:auto}
.h-pillar--1 .h-btn--w{color:var(--h-coral)}

/* grids & cards */
.h-grid{display:grid;gap:16px}
.h-grid--3{grid-template-columns:repeat(3,1fr)}
.h-grid--4{grid-template-columns:repeat(4,1fr)}
.h-grid--6{grid-template-columns:repeat(6,1fr)}
.h-ph{background:linear-gradient(135deg,#d9e6ea,#e9e1d3)}
.h-vcard{display:flex;flex-direction:column;background:var(--h-card);border:1px solid var(--h-line);border-radius:var(--h-r);overflow:hidden;text-decoration:none;color:var(--h-ink);transition:box-shadow .15s,transform .15s}
.h-vcard:hover{box-shadow:var(--h-shadow);transform:translateY(-2px);color:var(--h-ink)}
.h-vcard-img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden}
.h-vcard-img img,.h-vcard-img .h-ph{width:100%;height:100%;object-fit:cover;display:block}
.h-vcard-img .h-tag{position:absolute;top:10px;left:10px}
.h-vcard-body{display:flex;flex-direction:column;gap:4px;padding:14px 16px;flex:1}
.h-vcard-title{font-size:17px;line-height:1.3}
.h-vcard-loc{font-size:13px}
.h-vcard-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:8px;margin-top:auto;padding-top:10px}
.h-vcard-foot>span:first-child{display:flex;flex-direction:column}
.h-vcard-foot .h-mute{font-size:12px}
.h-vcard-foot b{font-size:21px}
.h-src{font-size:11px;font-weight:700;color:var(--h-mute);text-transform:uppercase;letter-spacing:.04em}

.h-dcard{background:#fff;border:1px solid var(--h-line);border-radius:var(--h-r);overflow:hidden;display:flex;flex-direction:column}
.h-dcard-main{display:flex;flex-direction:column;text-decoration:none;color:var(--h-ink)}
.h-dcard-main img,.h-dcard-main .h-ph{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.h-dcard-main>span{display:flex;flex-direction:column;padding:12px 14px 6px}
.h-dcard-main .h-mute{font-size:13px}
.h-dcard-links{display:flex;gap:6px;flex-wrap:wrap;padding:6px 14px 14px}
.h-theme{background:#fff;border:1px solid var(--h-line);border-radius:var(--h-r);padding:18px;text-decoration:none;color:var(--h-ink);display:flex;flex-direction:column;gap:4px}
.h-theme:hover{border-color:var(--h-ink);color:var(--h-ink)}
.h-theme-i{font-size:24px;color:var(--h-star);letter-spacing:1px}
.h-theme .h-mute{font-size:13px}.h-theme small{font-weight:700;color:var(--h-sea);margin-top:4px}
.h-pcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--h-line);border-radius:var(--h-r);overflow:hidden;text-decoration:none;color:var(--h-ink)}
.h-pcard-img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.h-pcard-body{display:flex;flex-direction:column;gap:6px;padding:14px 16px}
.h-pcard-body b{font-size:17px;line-height:1.3}.h-pcard-body .h-mute{font-size:14px}

.h-pro{display:grid;grid-template-columns:1.3fr 1fr auto;gap:28px;align-items:center;background:#fff8f3;border:1px solid #f3d6c8;border-radius:var(--h-r);padding:28px 30px}
.h-pro .h-h2{margin:0 0 8px}.h-pro p{margin:0}
.h-steps{margin:0;padding-left:20px;display:grid;gap:8px;font-weight:600}
.h-steps li::marker{color:var(--h-coral);font-weight:800}
.h-popular{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.h-popular b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--h-coral);margin-bottom:6px}
.h-popular a{display:block;padding:7px 0;color:var(--h-ink);text-decoration:none;font-size:14px;border-bottom:1px dashed var(--h-line)}
.h-popular a:hover{color:var(--h-sea)}
.h-bnb{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 26px;border-radius:var(--h-r);background:#10392b;color:#fff;text-decoration:none}
.h-bnb:hover{color:#fff}.h-bnb>span>span{color:#bfe0cb}
.h-bnb .h-btn--w{color:#10392b}
.h-home-seo{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;align-items:start}

/* list page */
.h-list-head h1{font-size:clamp(28px,3.4vw,40px);line-height:1.12;letter-spacing:-.025em;margin:14px 0 0;font-weight:800}
.h-lead{font-size:16px;color:var(--h-mute);margin:8px 0 0}
.h-filters{margin-top:16px}
.h-filters summary{display:none}
.h-filters-in{display:grid;gap:10px}
.h-fg{display:flex;gap:10px;align-items:flex-start;min-width:0}
.h-fg .h-chips{min-width:0;max-width:100%}
.h-fg>b{font-size:13px;color:var(--h-mute);width:84px;flex:none;padding-top:10px}
.h-list-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;padding-top:22px;align-items:start}
.h-results{display:grid;gap:14px;min-width:0}
.h-sortbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-size:14px;color:var(--h-mute)}
.h-sortbar .h-count{margin-right:auto;color:var(--h-ink)}
.h-sortbar label{display:inline-flex;align-items:center;gap:8px}
.h-sortbar select{min-height:38px;width:auto}
.h-card{display:grid;grid-template-columns:280px minmax(0,1fr);background:#fff;border:1px solid var(--h-line);border-radius:var(--h-r);overflow:hidden}
.h-card--feat{border:2px solid #e8b65a}
.h-card-img{position:relative;display:block;min-height:220px}
.h-card-img img,.h-card-img .h-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.h-badge{position:absolute;top:12px;left:12px;background:#e8b65a;color:#3d2a05;font-size:12px;font-weight:800;padding:4px 10px;border-radius:999px}
.h-card-body{padding:16px 20px;display:flex;flex-direction:column;gap:8px;min-width:0}
.h-card-title{font-size:20px;line-height:1.25;margin:2px 0 0}
.h-card-title a{color:var(--h-ink);text-decoration:none}.h-card-title a:hover{color:var(--h-sea)}
.h-card-loc{margin:2px 0 0;font-size:14px;color:var(--h-mute);display:flex;gap:4px;align-items:center}
.h-card-offer{margin:0;font-size:14px;background:var(--h-sand);border-radius:10px;padding:8px 12px}
.h-card-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:auto;flex-wrap:wrap}
.h-price{display:flex;flex-direction:column}
.h-price-l{font-size:13px;color:var(--h-mute)}
.h-price b{font-size:26px;line-height:1.1}
.h-card-cta{display:flex;gap:8px;flex-wrap:wrap}
.h-pages{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:8px 0;align-items:center}
.h-empty{background:#fff;border:1px dashed #d3cbbd;border-radius:var(--h-r);padding:24px}
.h-empty p{margin:0 0 6px}
.h-side{display:grid;gap:14px;position:sticky;top:16px}
.h-map{height:340px;border-radius:var(--h-r);overflow:hidden;border:1px solid var(--h-line);background:#d9e6ea;z-index:0}
.h-glance,.h-box{background:#fff;border:1px solid var(--h-line);border-radius:var(--h-r);padding:18px}
.h-glance-g{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.h-glance-g div{background:var(--h-sand);border-radius:12px;padding:12px}
.h-glance-g b{display:block;font-size:20px}.h-glance-g span{font-size:13px;color:var(--h-mute)}
.h-seo{margin-top:44px;background:#fff;border:1px solid var(--h-line);border-radius:var(--h-r);padding:30px 34px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:36px}
.h-seo-text h2,.h-prose h2{font-size:22px;margin:22px 0 10px;letter-spacing:-.015em}
.h-seo-text h2:first-child,.h-prose h2:first-child{margin-top:0}
.h-seo-text p,.h-seo-text li,.h-prose p,.h-prose li{line-height:1.75;color:#2f3e4b}
.h-seo-rel .h-chip{min-height:auto;padding:7px 12px;font-size:13px}
.h-faq{margin-top:32px}
.h-faq h2{font-size:26px;margin:0 0 14px}
.h-faq details{background:#fff;border:1px solid var(--h-line);border-radius:14px;padding:0 18px;margin-bottom:10px}
.h-faq summary{cursor:pointer;font-weight:700;padding:16px 0}
.h-faq p{margin:0 0 16px;color:#3c4b58;line-height:1.7}

/* hotel page */
.h-hotel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:14px;flex-wrap:wrap}
.h-hotel-head h1{font-size:clamp(28px,3.6vw,42px);line-height:1.1;letter-spacing:-.025em;margin:2px 0 0;font-weight:800}
.h-hotel-from{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.h-hotel-from span{font-size:13px;color:var(--h-mute)}.h-hotel-from b{font-size:30px}
.h-hotel-from .h-btn{margin-top:6px}
.h-gal{display:grid;gap:10px;margin-top:20px;grid-template-columns:2fr 1fr 1fr;grid-template-rows:200px 200px}
.h-gal-i{width:100%;height:100%;object-fit:cover;border-radius:16px;display:block}
.h-gal .h-gal-i:first-child{grid-row:span 2}
.h-gal--1{grid-template-columns:1fr;grid-template-rows:380px}
.h-gal--2{grid-template-columns:2fr 1fr;grid-template-rows:380px}.h-gal--2 .h-gal-i:first-child{grid-row:auto}
.h-gal--3{grid-template-columns:2fr 1fr}
.h-gal--4 .h-gal-i:last-child{grid-column:span 2}
.h-hotel-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;padding-top:24px;align-items:start}
.h-hotel-grid>div{display:grid;gap:26px;min-width:0}
.h-offers{display:grid;gap:12px}
.h-offers .h-h2{margin-bottom:4px}
.h-offer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;background:#fff;border:1px solid var(--h-line);border-radius:var(--h-r);padding:18px 20px}
.h-offer h3{font-size:18px;line-height:1.3;margin:8px 0 4px}
.h-offer p{margin:0;font-size:14px}
.h-offer-side{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
.h-offer-side .h-btn{margin-top:8px}
.h-offer-price{font-size:28px;line-height:1.1}
.h-offer-det{margin-top:10px;font-size:14px}
.h-offer-det summary{cursor:pointer;font-weight:700;color:var(--h-sea)}
.h-offer-det div{padding-top:6px;color:#2f3e4b}
.h-offer-det ul{padding-left:18px;margin:6px 0}
.h-sticky .h-offer-price{display:block;margin:2px 0}
.h-links{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}
.h-links small{color:var(--h-mute);font-weight:700}
.h-pin span{display:block;width:22px;height:22px;border-radius:50% 50% 50% 0;background:var(--h-coral);transform:rotate(-45deg);border:3px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.3)}
.h-dest h1{font-size:40px;margin:14px 0 0}
.h-dest-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.h-dest-grid h2{font-size:20px;margin:0 0 10px}.h-dest-grid h2 a{color:var(--h-ink);text-decoration:none}.h-dest-grid h2 small{color:var(--h-mute);font-size:14px}
.h-sc{margin:24px 0}.h-sc-more{text-align:center;margin-top:14px}

/* responsive */
@media (max-width:1100px){
	.h-grid--6{grid-template-columns:repeat(3,1fr)}
	.h-grid--4{grid-template-columns:repeat(2,1fr)}
	.h-list-grid,.h-hotel-grid{grid-template-columns:1fr}
	.h-side{position:static}
	.h-map--side{display:none}
	.h-pro{grid-template-columns:1fr}
	.h-popular{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
	.h-search{grid-template-columns:1fr 1fr}
	.h-search .h-f--q,.h-search .h-btn{grid-column:1/-1}
	.h-pillars,.h-home-seo,.h-seo,.h-dest-grid{grid-template-columns:1fr}
	.h-grid--3{grid-template-columns:repeat(2,1fr)}
	.h-card{grid-template-columns:1fr}
	.h-card-img{min-height:0;aspect-ratio:16/9}
	.h-filters summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:700;background:#fff;border:1px solid var(--h-line);border-radius:12px;padding:12px 14px}
	.h-filters summary::after{content:"▾"}
	.h-filters[open] summary{margin-bottom:12px}
	.h-fg{flex-direction:column;gap:6px}.h-fg>b{padding:0;width:auto}
	.h-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
	.h-chips .h-chip{flex:none}
	.h-seo-rel .h-chips{flex-wrap:wrap}
	.h-gal{grid-template-columns:1fr 1fr;grid-template-rows:220px 120px}
	.h-gal .h-gal-i:first-child{grid-column:span 2;grid-row:auto}
	.h-gal .h-gal-i:nth-child(n+4){display:none}
	.h-gal--1,.h-gal--2{grid-template-rows:240px}
	.h-gal--2 .h-gal-i:first-child{grid-column:auto}
	.h-offer{grid-template-columns:1fr}
	.h-offer-side{align-items:stretch;text-align:left;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:6px}
	.h-offer-side .h-btn{width:100%}
	.h-hotel-from{align-items:flex-start}
	.h-seo{padding:22px 20px}
	.h-bnb{flex-direction:column;align-items:flex-start}
}
@media (max-width:560px){
	.h-wrap{padding:0 16px}
	.h-grid--3,.h-grid--4{grid-template-columns:1fr}
	.h-grid--6{grid-template-columns:repeat(2,1fr)}
	.h-search{grid-template-columns:1fr;padding:12px}
	.h-popular{grid-template-columns:1fr}
	.h-hero{padding:32px 0 40px}
	.h-pillar{padding:24px 22px}
	.h-card-cta{width:100%}.h-card-cta .h-btn{flex:1}
	.h-sec-head{flex-direction:column;align-items:flex-start;gap:6px}
	.h-sortbar .h-count{width:100%}
}

/* professionals */
.h-alert{border-radius:14px;padding:12px 16px;margin:16px 0;font-weight:600}
.h-alert ul{margin:0;padding-left:18px}
.h-alert--err{background:#fdebe4;color:#8a2c10;border:1px solid #f3c3b2}
.h-alert--ok{background:#e4f3ea;color:#14532d;border:1px solid #bfe0cb}
.h-pro-hero{display:grid;grid-template-columns:1.5fr 1fr;gap:36px;align-items:center;padding-top:18px}
.h-pro-hero h1{font-size:clamp(30px,4vw,46px);line-height:1.08;letter-spacing:-.03em;margin:4px 0 0}
.h-checks{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px;font-weight:600}
.h-checks li{display:flex;gap:8px;align-items:flex-start}.h-checks .h-i{color:#1d6b45;margin-top:3px}
.h-pro-stats{display:grid;gap:12px}
.h-pro-stats div{background:#fff;border:1px solid var(--h-line);border-radius:var(--h-r);padding:18px 20px}
.h-pro-stats b{display:block;font-size:30px;color:var(--h-sea)}.h-pro-stats span{color:var(--h-mute);font-size:14px}
.h-steps3{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.h-steps3 li{counter-increment:s;background:#fff;border:1px solid var(--h-line);border-radius:var(--h-r);padding:20px;display:flex;flex-direction:column;gap:4px}
.h-steps3 li:before{content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--h-coral);color:#fff;font-weight:800;margin-bottom:6px}
.h-steps3 span{color:var(--h-mute);font-size:14px}
.h-plans{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.h-plan{position:relative;background:#fff;border:1px solid var(--h-line);border-radius:var(--h-r);padding:22px;display:block}
.h-plan--feat{border:2px solid var(--h-coral)}
.h-plan .h-badge{top:-12px;left:18px;background:var(--h-coral);color:#fff}
.h-plan h3{margin:4px 0 6px;font-size:20px}
.h-plan-price{margin:0 0 8px}.h-plan-price b{font-size:28px}
.h-plans--pick .h-plan{cursor:pointer;padding-left:52px}
.h-plans--pick input{position:absolute;left:20px;top:28px;width:20px;height:20px;accent-color:var(--h-coral)}
.h-plans--pick .h-plan:has(input:checked){box-shadow:0 0 0 3px rgba(194,66,29,.18);border-color:var(--h-coral)}
.h-auth{display:grid;max-width:620px}
.h-form h2{margin:0 0 14px;font-size:24px}
.h-form fieldset{border:0;border-top:1px solid var(--h-line);padding:16px 0 4px;margin:0 0 6px;display:grid;gap:12px}
.h-form legend{font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--h-coral);padding:0 8px 0 0}
.h-form .h-f{display:block}
.h-form .h-f input,.h-form .h-f select,.h-form .h-f textarea{width:100%;min-height:46px;border:1px solid #d3cbbd;border-radius:12px;padding:0 12px;font:inherit;font-size:15px;background:#fff;color:var(--h-ink)}
.h-form .h-f textarea{padding:10px 12px;min-height:120px;resize:vertical}
.h-form .h-f input[type=file]{padding:10px;min-height:0}
.h-form>.h-f,.h-form>.h-row2{margin-bottom:12px}
.h-row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.h-row3{display:grid;grid-template-columns:1.2fr .6fr 1fr;gap:12px}
.h-radio2{display:flex!important;gap:10px;flex-wrap:wrap;border:0!important;padding:0 0 12px!important}
.h-radio2 legend{width:100%;margin-bottom:6px}
.h-radio2 label{flex:1;min-width:150px;display:flex;gap:8px;align-items:center;border:1px solid #d3cbbd;border-radius:12px;padding:12px 14px;font-weight:700;cursor:pointer}
.h-radio2 label:has(input:checked){border-color:var(--h-sea);box-shadow:0 0 0 2px rgba(11,92,122,.2)}
.h-check{display:flex;gap:8px;align-items:flex-start;margin:6px 0 14px;font-size:14px}
.h-chkrow{display:flex;gap:8px;flex-wrap:wrap}.h-chkrow .h-chip{cursor:pointer}
.h-chkrow .h-chip:has(input:checked){background:#e3f0f4;border-color:var(--h-sea)}
.h-hp{position:absolute;left:-9999px}
.h-imgs{display:flex;gap:10px;flex-wrap:wrap}
.h-imgs label{display:flex;flex-direction:column;gap:4px;font-size:13px}
.h-imgs img{width:120px;height:80px;object-fit:cover;border-radius:10px}
.h-acc-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding:24px 0 8px;border-bottom:1px solid var(--h-line)}
.h-acc-head h1{margin:0;font-size:30px}
.h-acc-nav{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.h-acc-nav a:not(.h-btn){padding:8px 12px;border-radius:999px;text-decoration:none;font-weight:700;color:var(--h-ink)}
.h-acc-nav a.is-on,.h-acc-nav a:not(.h-btn):hover{background:#fff}
.h-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}
.h-kpis div{background:#fff;border:1px solid var(--h-line);border-radius:14px;padding:14px 16px}
.h-kpis b{display:block;font-size:26px}.h-kpis span{font-size:13px;color:var(--h-mute)}
.h-pkgs{display:grid;gap:12px}
.h-pkg{display:grid;grid-template-columns:140px minmax(0,1fr) auto;gap:16px;align-items:center;background:#fff;border:1px solid var(--h-line);border-radius:var(--h-r);padding:12px}
.h-pkg-img img,.h-pkg-img .h-ph{width:140px;height:96px;object-fit:cover;border-radius:12px;display:block}
.h-pkg h3{margin:6px 0 2px;font-size:17px}.h-pkg p{margin:0}
.h-pkg-act{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center;max-width:300px}
.h-pkg-act form{margin:0}
.h-linkbtn{background:none;border:0;color:#8a2c10;font:inherit;font-weight:700;font-size:14px;cursor:pointer;padding:6px}
.h-st-pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:800}
.h-st-pill--on{background:#e4f3ea;color:#14532d}.h-st-pill--draft{background:#fdf1d8;color:#7a4b04}.h-st-pill--wait{background:#e3f0f4;color:#08465d}.h-st-pill--off{background:#eee;color:#555}
.h-pkg-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start;margin-top:20px}
.h-tips{margin:0;padding-left:18px;display:grid;gap:8px;font-size:14px;color:#2f3e4b}
.h-narrow{max-width:640px;margin-top:20px}
.h-offer-btns{display:flex;flex-direction:column;gap:6px;margin-top:8px;align-items:stretch}
.h-offer--feat{border:2px solid #e8b65a}
.h-pro-page{padding-bottom:20px}
@media (max-width:900px){
	.h-pro-hero,.h-pkg-grid{grid-template-columns:1fr}
	.h-steps3,.h-plans{grid-template-columns:1fr}
	.h-pkg{grid-template-columns:96px minmax(0,1fr)}
	.h-pkg-img img,.h-pkg-img .h-ph{width:96px;height:72px}
	.h-pkg-act{grid-column:1/-1;justify-content:flex-start;max-width:none}
}
@media (max-width:560px){.h-row2,.h-row3,.h-kpis{grid-template-columns:1fr}.h-row3{grid-template-columns:1fr 1fr}.h-row3 .h-f:first-child{grid-column:1/-1}}
.h-form .h-f input[type=checkbox],.h-form .h-f input[type=radio],.h-form input[type=checkbox]{width:18px;height:18px;min-height:0;padding:0;flex:none;accent-color:var(--h-sea)}
.h-auth{margin:0 auto;width:100%}
.h-was{font-size:13px;color:var(--h-mute)}.h-was b{color:#1d6b45;background:#e4f3ea;border-radius:6px;padding:1px 6px;font-size:12px}
