/*
 * Falukost 2026 price section
 * All rules namespaced under .fk-price so nothing leaks into general.css.
 * Mobile-first: 96% of traffic is mobile, so the stacked layout is the base
 * and the 3-across grid is the enhancement at >=768px.
 */

.fk-price {
	--fk-navy: #12324f;
	--fk-text: #55636f;
	--fk-muted: #7b8894;
	--fk-green: #2f7d52;
	--fk-green-btn: #43a06a;
	--fk-green-btn-hover: #368a59;
	--fk-green-bg: #edf7f1;
	--fk-border: #e2e6ea;
	background: #fff;
	padding: 54px 18px 60px;
	font-family: inherit;
	color: var(--fk-text);
	-webkit-font-smoothing: antialiased;
}

/* Landing hero, compact disclosure sections and mobile conversion bar. */
.fk-hero{box-sizing:border-box;width:100%;max-width:100vw;min-height:500px;overflow:hidden;padding:42px 20px;background-image:linear-gradient(90deg,rgba(8,22,31,.88) 0%,rgba(8,22,31,.72) 48%,rgba(8,22,31,.32) 100%),url('https://www.falukost.com/wp-content/uploads/2024/08/Falukost_tomang_kost_exclusive_mandala_utara_grogol_full_furnished_karyawan_karyawati_pria_wanita_jakarta_barat_fasad_vertikal_1.jpeg');background-position:center;background-size:cover;color:#fff;text-align:left;display:flex;align-items:center}.fk-hero *{box-sizing:border-box;max-width:100%;white-space:normal}.fk-hero__inner{width:100%;max-width:1100px;margin:auto;overflow-wrap:anywhere}.fk-hero h1{max-width:690px;margin:0 0 14px;color:#fff;font-size:34px;line-height:1.1;text-shadow:0 2px 14px rgba(0,0,0,.35)}.fk-hero__sub{margin:0 0 14px;max-width:620px;font-size:15px;line-height:1.5;text-shadow:0 1px 8px rgba(0,0,0,.45)}.fk-hero__price{max-width:650px;margin:0 0 13px;color:#fff;font-size:25px;font-weight:800;line-height:1.2;text-shadow:0 2px 12px rgba(0,0,0,.45)}.fk-hero .fk-availability{margin:0 0 20px;background:rgba(231,248,238,.94);box-shadow:0 3px 12px rgba(0,0,0,.18)}.fk-hero__availability{display:inline-block;margin:0 0 13px;padding:6px 13px;border-radius:20px;background:#eaf7ef;color:#226c45;font-size:14px;font-weight:700}.fk-hero__cta{display:block;width:100%;max-width:340px;margin:0 0 10px;padding:14px 12px;border-radius:8px;background:#43a06a;color:#fff!important;font-size:14px;font-weight:700;text-align:center;text-decoration:none!important;box-shadow:0 4px 14px rgba(0,0,0,.16)}.fk-hero__more{display:inline-block;margin-top:3px;color:#fff!important;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.fk-sticky{display:none}.fk-location-more summary,.fk-gallery-more summary{cursor:pointer;color:#176c91;font-weight:700;padding:8px 0}.fk-faq details{margin:0 0 10px;border:1px solid #d9e1e6;border-radius:6px;padding:0 15px}.fk-faq summary{cursor:pointer;font-weight:700;padding:14px 0}.fk-faq details p{margin:0 0 15px}.fk-trust{padding:34px 18px;text-align:center}.fk-trust a{display:inline-block;font-weight:700}
@media screen and (min-width:768px){.fk-hero{min-height:560px;padding:70px 34px;background-position:center 42%}.fk-hero h1{font-size:48px}.fk-hero__sub{font-size:18px}.fk-hero__price{font-size:32px}}
@media screen and (max-width:767px){html,body{max-width:100%;overflow-x:hidden}body.fk-sticky-visible{padding-bottom:64px!important}.fk-sticky{position:fixed;z-index:99999;right:0;bottom:0;left:0;height:64px;padding:8px 12px;background:#fff;box-shadow:0 -3px 14px rgba(0,0,0,.18);align-items:center;justify-content:space-between;font-size:14px;font-weight:700}.fk-sticky.is-visible{display:flex}.fk-sticky a{padding:12px 17px;border-radius:24px;background:#43a06a;color:#fff!important;text-decoration:none!important}.fk-sticky.is-visible~*{}body.fk-sticky-visible [class*="whatsapp"]:not(.fk-sticky),body.fk-sticky-visible [id*="whatsapp"]:not(.fk-sticky){display:none!important}.fk-hero{min-height:620px;max-height:none;padding:38px 20px;background-image:linear-gradient(90deg,rgba(8,22,31,.86),rgba(8,22,31,.62)),url('https://www.falukost.com/wp-content/uploads/2024/08/Falukost_tomang_kost_exclusive_mandala_utara_grogol_full_furnished_karyawan_karyawati_pria_wanita_jakarta_barat_fasad_vertikal_1.jpeg');background-position:52% center}.fk-hero h1{font-size:34px}.fk-hero__sub{font-size:15px}.fk-hero__price{font-size:24px}.fk-hero__actions{width:100%;max-width:100%}.fk-hero__actions .fk-hero__cta{width:100%;max-width:none}}

.fk-price * {
	box-sizing: border-box;
}

.fk-price__inner {
	max-width: 1120px;
	margin: 0 auto;
}

/* ---------- heading ---------- */

.fk-price__title {
	margin: 0 0 16px;
	font-size: 27px;
	line-height: 1.25;
	font-weight: 700;
	color: var(--fk-navy);
	text-align: center;
	letter-spacing: -0.2px;
}

.fk-price__sub {
	margin: 0 auto 22px;
	max-width: 620px;
	font-size: 15px;
	line-height: 1.6;
	text-align: center;
	color: var(--fk-text);
}

.fk-price__badge {
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto 34px;
	padding: 9px 20px;
	border-radius: 999px;
	background: var(--fk-green-bg);
	color: var(--fk-green);
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	text-align: center;
}

/* badge is a link to the booking form: availability is checked live, not hardcoded */
.fk-price a.fk-price__badge {
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.fk-price a.fk-price__badge:hover,
.fk-price a.fk-price__badge:focus {
	background: var(--fk-green);
	color: #fff;
	text-decoration: none;
}

/* ---------- cards ---------- */

.fk-price__grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	margin-bottom: 30px;
}

.fk-card {
	border: 1px solid #e2e6ea;
	border-radius: 10px;
	background: #fff;
	overflow: hidden;
	display: flex;
	flex-direction: column;
}

.fk-card__head {
	padding: 22px 22px 20px;
}

.fk-card__name {
	margin: 0 0 9px;
	font-size: 20px;
	font-weight: 700;
	line-height: 1.25;
	color: var(--fk-navy);
}

.fk-card__desc {
	margin: 0;
	font-size: 14px;
	line-height: 1.55;
	color: var(--fk-muted);
}

/* featured 12-month tier */

.fk-card__feature {
	padding: 18px 22px 20px;
	background: var(--fk-green-bg);
	border-top: 1px solid #dcebe2;
	border-bottom: 1px solid #dcebe2;
}

.fk-card__label {
	margin: 0 0 6px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.8px;
	text-transform: uppercase;
	color: var(--fk-green);
}

.fk-card__price {
	margin: 0 0 6px;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.15;
	color: var(--fk-navy);
	letter-spacing: -0.5px;
}

.fk-card__per {
	font-size: 15px;
	font-weight: 400;
	color: var(--fk-muted);
	letter-spacing: 0;
}

.fk-card__save {
	margin: 0;
	font-size: 14px;
	font-weight: 700;
	color: var(--fk-green);
}

/* other tiers */

.fk-card__tiers {
	padding: 4px 22px 18px;
}

.fk-card__tier {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
	padding: 13px 0;
	border-bottom: 1px solid #eef1f4;
	font-size: 15px;
}

.fk-card__tier:last-child {
	border-bottom: 0;
}

.fk-card__tier-name {
	color: var(--fk-text);
}

.fk-card__tier-price {
	font-weight: 700;
	color: var(--fk-navy);
	white-space: nowrap;
}

/* ---------- footnote + CTA ---------- */

.fk-price__note {
	margin: 0 auto 26px;
	max-width: 760px;
	font-size: 13px;
	line-height: 1.6;
	text-align: center;
	color: var(--fk-muted);
}

.fk-price__cta-wrap {
	text-align: center;
}

.fk-price__cta,
.fk-price a.fk-price__cta {
	display: inline-block;
	padding: 17px 34px;
	border-radius: 999px;
	background: var(--fk-green-btn);
	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	border: 0;
	transition: background-color 0.15s ease;
}

.fk-price a.fk-price__cta:hover,
.fk-price a.fk-price__cta:focus {
	background: var(--fk-green-btn-hover);
	color: #fff;
	text-decoration: none;
}

.fk-price__cta-note {
	margin: 14px 0 0;
	font-size: 13px;
	line-height: 1.55;
	color: var(--fk-muted);
}

/* ---------- tablet / desktop ---------- */

@media screen and (min-width: 768px) {
	.fk-price {
		padding: 70px 24px 76px;
	}

	.fk-price__title {
		font-size: 34px;
	}

	.fk-price__sub {
		font-size: 16px;
	}

	.fk-price__grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 24px;
		margin-bottom: 34px;
	}

	.fk-card__price {
		font-size: 30px;
	}
}

.fk-hero h1,.fk-hero p,.fk-hero a{white-space:normal!important;overflow-wrap:anywhere!important}.fk-availability{display:block;width:fit-content;max-width:100%;margin:0 auto 18px;padding:7px 14px;border-radius:22px;background:#eaf7ef;color:#226c45!important;font-size:14px;font-weight:700;line-height:1.35;text-align:center;text-decoration:none!important}.fk-availability--full{background:#fff2d8;color:#7a4d00!important}
.uagb-block-d6d95690>.uagb-container-inner-blocks-wrap{max-width:920px!important;margin:0 auto!important;padding:46px 18px 8px!important}.uagb-block-d6d95690 .uagb-faq__outer-wrap{margin:22px 0 0!important}.uagb-block-d6d95690 .uagb-faq-item,.fk-faq details{margin:0 0 10px!important;border:1px solid #d9e1e6!important;border-radius:8px!important;background:#fff!important;box-shadow:none!important;overflow:hidden}.uagb-block-d6d95690 .uagb-faq-questions-button{min-height:0!important;padding:15px 16px!important;background:#fff!important;color:#12324f!important}.uagb-block-d6d95690 .uagb-question{color:#12324f!important;font-size:15px!important;font-weight:700!important;line-height:1.4!important}.uagb-block-d6d95690 .uagb-faq-icon-wrap{width:14px!important;height:14px!important;margin-right:11px!important;color:#2f7d52!important}.uagb-block-d6d95690 .uagb-faq-content{margin:0!important;padding:0 42px 17px!important;color:#55636f!important;font-size:14px!important;line-height:1.65!important}.fk-faq{box-sizing:border-box;max-width:920px;margin:0 auto!important;padding:0 18px 46px}.fk-faq details{padding:0!important}.fk-faq summary{position:relative;list-style:none;padding:15px 45px 15px 41px!important;color:#12324f;font-size:15px;font-weight:700;line-height:1.4}.fk-faq summary::-webkit-details-marker{display:none}.fk-faq summary:before{content:'+';position:absolute;left:17px;top:14px;color:#2f7d52;font-size:18px;font-weight:800;line-height:1}.fk-faq details[open] summary:before{content:'−'}.fk-faq details p{margin:0!important;padding:0 42px 17px;color:#55636f;font-size:14px;line-height:1.65}@media screen and (max-width:767px){.uagb-block-d6d95690>.uagb-container-inner-blocks-wrap{padding:34px 16px 6px!important}.fk-faq{padding:0 16px 36px}.uagb-block-d6d95690 .uagb-faq-content,.fk-faq details p{padding-right:18px!important;padding-left:41px!important}}
.fk-rooms{margin:0 auto 34px;padding:26px 18px 30px;border-radius:12px;background:#f3f7f8;color:#12324f}.fk-rooms *{box-sizing:border-box}.fk-rooms__heading{text-align:center;margin-bottom:22px}.fk-rooms__heading h2{margin:3px 0 8px;color:#12324f;font-size:25px}.fk-rooms__heading p{margin:0}.fk-rooms__eyebrow{color:#2f7d52;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.fk-rooms__grid{display:grid;grid-template-columns:1fr;gap:16px}.fk-room{padding:20px;border:1px solid #dce5e8;border-radius:10px;background:#fff}.fk-room h3{margin:0 0 10px;color:#12324f;font-size:19px}.fk-room p{margin:7px 0}.fk-room__floor{color:#60717d;font-size:14px}.fk-room__price{color:#60717d;font-size:18px;font-weight:700;line-height:1.3}.fk-room__price>span{display:block;margin-bottom:4px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.fk-room__price small{font-size:12px;font-weight:400}.fk-room__commitment{position:relative;margin:18px -5px 14px;padding:18px 18px 17px;border:0;border-radius:12px;background:linear-gradient(135deg,#17603b,#2f8b57);box-shadow:0 8px 20px rgba(23,96,59,.22);color:#fff}.fk-room__commitment>span{display:inline-block;margin-bottom:8px;padding:4px 9px;border:1px solid rgba(255,255,255,.45);border-radius:20px;background:#edf5ec;color:#194e32;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.fk-room__commitment strong{display:block;color:#fff;font-size:29px;line-height:1.1}.fk-room__commitment strong small{margin-left:4px;color:#d9f2e4;font-size:13px;font-weight:700}.fk-room__commitment em{display:block;width:fit-content;margin-top:9px;padding:5px 9px;border-radius:5px;background:rgba(255,255,255,.16);color:#fff;font-size:13px;font-style:normal;font-weight:800}.fk-room__ready{color:#2f7d52;font-weight:700}.fk-room__cta{display:block;margin-top:15px;padding:12px 14px;border-radius:24px;background:#43a06a;color:#fff!important;font-weight:700;text-align:center;text-decoration:none!important}.fk-rooms__empty{text-align:center}.fk-rooms__empty .fk-room__cta{max-width:390px;margin:14px auto 0}@media screen and (min-width:768px){.fk-rooms__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.fk-hero__values{margin:0 0 18px;color:#e8f3ec;font-size:14px;font-weight:800;letter-spacing:.02em;text-shadow:0 1px 8px rgba(0,0,0,.5)}.fk-hero__values span{padding:0 5px;color:#79c99b}.fk-hero__price strong,.fk-hero__price span{display:block}.fk-hero__price span{margin-top:3px;font-size:.62em;font-weight:600}.fk-hero__actions{display:flex;flex-direction:column;gap:10px;max-width:700px;margin:0 0 10px}.fk-hero__actions .fk-hero__cta{margin:0}.fk-hero__cta--booking{background:rgba(9,24,34,.24)!important;border:2px solid #fff;color:#fff!important}@media screen and (min-width:768px){.fk-hero__values{font-size:16px}.fk-hero__actions{flex-direction:row;justify-content:flex-start}.fk-hero__actions .fk-hero__cta{width:300px;margin:0}}
.fk-room__survey{display:block;margin-top:12px;padding:13px 15px;border:2px solid #2382a8;border-radius:10px;background:#eef8fc;color:#155f7c!important;text-align:left;text-decoration:none!important;transition:background .2s ease,transform .2s ease}.fk-room__survey:hover,.fk-room__survey:focus{background:#dff2f9;transform:translateY(-1px)}.fk-room__survey strong{display:block;font-size:14px;line-height:1.3}.fk-room__survey small{display:block;margin-top:3px;color:#4f6f7c;font-size:11px;font-weight:500;line-height:1.4}.fk-survey{box-sizing:border-box;margin:0;padding:42px 18px;background:#fff}.fk-survey *{box-sizing:border-box}.fk-survey__inner{max-width:780px;margin:0 auto;padding:26px 22px;border:1px solid #d8e4e8;border-radius:12px;background:#f5f9fa;color:#55636f}.fk-survey h3{margin:0 0 14px;color:#12324f;font-size:24px;line-height:1.25}.fk-survey p{margin:0 0 13px;font-size:15px;line-height:1.65}.fk-survey__cta{display:block;width:fit-content;max-width:100%;margin:20px auto 0;padding:14px 22px;border-radius:28px;background:#43a06a;color:#fff!important;font-size:15px;font-weight:700;text-align:center;text-decoration:none!important}@media screen and (max-width:767px){.fk-survey{padding:28px 16px}.fk-survey__inner{padding:22px 18px}.fk-survey h3{font-size:21px}.fk-survey__cta{width:100%}}
.fk-price__deposit{max-width:760px;margin:-16px auto 30px;padding:12px 15px;border-left:3px solid #2f7d52;border-radius:0 6px 6px 0;background:#f3f7f5;color:#405561;font-size:13px;line-height:1.55}.fk-history-grievances{max-width:920px;margin:0 auto;padding:0 18px 18px;color:#55636f}.fk-history-grievances ul{margin:0 0 14px;padding-left:22px}.fk-history-grievances li{margin:0 0 9px;line-height:1.55}.fk-history-grievances p{margin:0;font-weight:700;color:#12324f}
@media screen and (max-width:767px){.fk-price,.fk-price__inner,.fk-price__grid,.fk-card,.fk-rooms,.fk-rooms__grid,.fk-room{width:100%!important;max-width:100%!important;min-width:0!important}.fk-price h2,.fk-price h3,.fk-price p,.fk-price span,.fk-room h3,.fk-room p,.fk-room span{white-space:normal!important;overflow-wrap:anywhere!important}.fk-card__tier{gap:12px}.fk-card__tier-name{flex:1 1 auto;min-width:0}.fk-card__tier-price{flex:0 0 auto;white-space:nowrap!important}.fk-price__deposit{margin-top:-12px}.fk-history-grievances{padding-right:16px;padding-left:16px}}
