/* Huabao Seafront Design System | #1a2a4a + #d4af37 */
:root{--primary:#1a2a4a;--primary-light:#243860;--primary-dark:#0f1a2e;--accent:#d4af37;--accent-light:#e8c965;--accent-dark:#b8952e;--white:#fff;--gray-50:#f8f9fa;--gray-100:#f1f3f5;--gray-200:#e9ecef;--gray-300:#dee2e6;--gray-400:#ced4da;--gray-500:#868e96;--gray-600:#495057;--available:#22c55e;--available-bg:#dcfce7;--reserved:#eab308;--reserved-bg:#fef9c3;--sold:#ef4444;--sold-bg:#fee2e2;--bg-primary:#fff;--bg-dark:#1a2a4a;--text-primary:#1a2a4a;--text-secondary:#495057;--text-light:#868e96;--border-color:#dee2e6;--font-heading:'Playfair Display',Georgia,serif;--font-body:'Inter','Helvetica Neue',Arial,sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--container-xl:1280px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.25);--transition-fast:150ms ease;--transition-base:250ms ease;--z-dropdown:100;--z-sticky:200;--z-modal:300}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button{cursor:pointer;font-family:inherit;border:none;background:none}
input,select,textarea{font-family:inherit}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:var(--gray-100)}
::-webkit-scrollbar-thumb{background:var(--primary);border-radius:var(--radius-full)}
.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-6)}
.section{padding:var(--space-16) 0}
.section--dark{background:var(--bg-dark);color:var(--white)}
.section--gray{background:var(--gray-50)}
.section__header{text-align:center;margin-bottom:var(--space-12)}
.section__label{font-size:var(--text-sm);font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-3)}
.section__title{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;color:var(--primary);line-height:1.2;margin-bottom:var(--space-4)}
.section--dark .section__title{color:var(--white)}
.section__subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;margin:0 auto}
.section--dark .section__subtitle{color:rgba(255,255,255,.7)}
.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background:var(--primary);transition:var(--transition-base)}
.nav--scrolled{background:rgba(26,42,74,.97);backdrop-filter:blur(10px);box-shadow:var(--shadow-lg)}
.nav__inner{display:flex;align-items:center;justify-content:space-between;height:72px}
.nav__logo{display:flex;align-items:center;gap:var(--space-3);color:var(--white)}
.nav__logo{display:flex;align-items:center;gap:12px}.nav__logo img{height:44px;width:auto;border-radius:6px;max-width:180px}
.nav__logo-text{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;color:var(--white);line-height:1.1}
.nav__logo-text span{display:block;font-size:var(--text-xs);font-family:var(--font-body);font-weight:400;color:var(--accent);letter-spacing:.1em}
.nav__menu{display:flex;align-items:center;gap:var(--space-1)}
.nav__link{padding:var(--space-2) var(--space-4);color:rgba(255,255,255,.8);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);transition:var(--transition-fast);white-space:nowrap}
.nav__link:hover,.nav__link.is-active{color:var(--white);background:rgba(255,255,255,.1)}
.nav__actions{display:flex;align-items:center;gap:var(--space-3)}
.lang-toggle{display:flex;align-items:center;gap:2px;background:rgba(255,255,255,.1);border-radius:var(--radius-full);padding:4px}
.lang-toggle__btn{padding:6px 14px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:rgba(255,255,255,.7);transition:var(--transition-fast);letter-spacing:.05em}
.lang-toggle__btn.is-active{background:var(--accent);color:var(--primary)}
.nav__mobile-toggle{display:none;flex-direction:column;gap:5px;padding:var(--space-2);cursor:pointer}
.nav__mobile-toggle span{display:block;width:24px;height:2px;background:var(--white);border-radius:2px;transition:var(--transition-fast)}
.hero{position:relative;height:100vh;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--primary-dark)}
.hero__slider{position:absolute;inset:0}
.hero__slide{position:absolute;inset:0;opacity:0;transition:opacity 1s ease}
.hero__slide.is-active{opacity:1}
.hero__slide-bg{width:100%;height:100%;object-fit:cover;opacity:.6}
.hero__overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(26,42,74,.85) 0%,rgba(26,42,74,.4) 50%,rgba(26,42,74,.7) 100%)}
.hero__content{position:relative;z-index:2;text-align:center;max-width:800px;padding:0 var(--space-6)}
.hero__label{display:inline-block;padding:6px 20px;background:rgba(212,175,55,.2);border:1px solid var(--accent);border-radius:var(--radius-full);color:var(--accent);font-size:var(--text-xs);font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-bottom:var(--space-6)}
.hero__title{font-family:var(--font-heading);font-size:clamp(2.5rem,6vw,4.5rem);font-weight:700;color:var(--white);line-height:1.1;margin-bottom:var(--space-6)}
.hero__title em{color:var(--accent);font-style:normal}
.hero__subtitle{font-size:var(--text-xl);color:rgba(255,255,255,.85);margin-bottom:var(--space-10);line-height:1.6}
.hero__actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}
.hero__scroll{position:absolute;bottom:var(--space-8);left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:rgba(255,255,255,.6);font-size:var(--text-xs);letter-spacing:.1em}
.hero__scroll-icon{width:24px;height:40px;border:2px solid rgba(255,255,255,.4);border-radius:var(--radius-full);position:relative}
.hero__scroll-icon::after{content:'';position:absolute;top:6px;left:50%;transform:translateX(-50%);width:4px;height:8px;background:var(--accent);border-radius:var(--radius-full);animation:scrollDot 2s infinite}
@keyframes scrollDot{0%{transform:translateX(-50%) translateY(0);opacity:1}100%{transform:translateX(-50%) translateY(12px);opacity:0}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:14px 32px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;transition:var(--transition-fast);cursor:pointer;white-space:nowrap}
.btn--primary{background:var(--accent);color:var(--primary);border:2px solid var(--accent)}
.btn--primary:hover{background:var(--accent-light);border-color:var(--accent-light);transform:translateY(-2px);box-shadow:0 8px 20px rgba(212,175,55,.35)}
.btn--outline{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,.5)}
.btn--outline:hover{border-color:var(--white);background:rgba(255,255,255,.1)}
.btn--outline-dark{background:transparent;color:var(--primary);border:2px solid var(--primary)}
.btn--outline-dark:hover{background:var(--primary);color:var(--white)}
.btn--sm{padding:10px 20px;font-size:var(--text-xs)}
.btn--lg{padding:18px 40px;font-size:var(--text-base)}
.card{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition-base)}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}
.card__image{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--gray-100)}
.card__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.card:hover .card__image img{transform:scale(1.05)}
.card__badge{position:absolute;top:var(--space-3);left:var(--space-3);padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}
.card__badge--available{background:var(--available-bg);color:#15803d}
.card__badge--reserved{background:var(--reserved-bg);color:#854d0e}
.card__badge--sold{background:var(--sold-bg);color:#b91c1c}
.card__body{padding:var(--space-5)}
.card__title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--primary);margin-bottom:var(--space-2)}
.card__meta{display:flex;align-items:center;gap:var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-3)}
.card__price{font-size:var(--text-lg);font-weight:700;color:var(--accent-dark)}
.grid{display:grid;gap:var(--space-6)}
.grid--2{grid-template-columns:repeat(2,1fr)}
.grid--3{grid-template-columns:repeat(3,1fr)}
.grid--4{grid-template-columns:repeat(4,1fr)}
@media(max-width:1024px){.grid--4,.grid--3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);padding:var(--space-10) 0}
.stat{text-align:center;padding:var(--space-6)}
.stat__number{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;color:var(--accent);line-height:1;margin-bottom:var(--space-2)}
.stat__label{font-size:var(--text-sm);color:rgba(255,255,255,.5);letter-spacing:.05em}
@media(max-width:768px){.stats{grid-template-columns:repeat(2,1fr)}}
.amenities-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}
.amenity{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-6) var(--space-4);background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:var(--transition-base)}
.amenity:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.amenity__icon{width:56px;height:56px;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:var(--space-4)}
.amenity__name{font-weight:600;color:var(--primary);font-size:var(--text-sm)}
@media(max-width:1024px){.amenities-grid{grid-template-columns:repeat(2,1fr)}}
.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-5);background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);margin-bottom:var(--space-8);align-items:flex-end}
.filter-group{display:flex;flex-direction:column;gap:var(--space-2);min-width:140px;flex:1}
.filter-group label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}
.filter-group select{padding:10px 14px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--white);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23495057' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}
.filter-group select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(212,175,55,.15)}
.filter-group select:disabled{opacity:.5;cursor:not-allowed}
.filter-reset{padding:10px 20px;background:var(--gray-100);border:1px solid #dee2e6;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}
.filter-reset:hover{background:var(--gray-200);color:var(--text-primary)}
.inventory-stats{display:flex;gap:var(--space-4);margin-bottom:var(--space-5);flex-wrap:wrap}
.inv-stat{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--white);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);font-size:var(--text-sm);font-weight:600}
.inv-stat__dot{width:10px;height:10px;border-radius:50%}
.inv-stat--available .inv-stat__dot{background:var(--available)}
.inv-stat--reserved .inv-stat__dot{background:var(--reserved)}
.inv-stat--sold .inv-stat__dot{background:var(--sold)}
.inventory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}
.unit-card{position:relative;background:var(--white);border-radius:var(--radius-lg);border:2px solid var(--gray-100);padding:var(--space-4);cursor:pointer;transition:var(--transition-fast);overflow:hidden}
.unit-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px}
.unit-card[data-status="available"]::before{background:var(--available)}
.unit-card[data-status="reserved"]::before{background:var(--reserved)}
.unit-card[data-status="sold"]::before{background:var(--sold)}
.unit-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}
.unit-card[data-status="sold"]{opacity:.55;cursor:not-allowed}
.unit-card__tower{font-size:var(--text-xs);font-weight:700;color:var(--text-light);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-1)}
.unit-card__unit{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--primary);line-height:1;margin-bottom:var(--space-2)}
.unit-card__config{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}
.unit-card__sqft{font-size:var(--text-xs);color:var(--text-light);margin-bottom:var(--space-3)}
.unit-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);border-top:1px solid var(--gray-100)}
.unit-card__price{font-size:var(--text-sm);font-weight:700;color:var(--accent-dark)}
.unit-card__status{font-size:var(--text-xs);font-weight:600;padding:3px 10px;border-radius:var(--radius-full)}
.unit-card[data-status="available"] .unit-card__status{background:var(--available-bg);color:#15803d}
.unit-card[data-status="reserved"] .unit-card__status{background:var(--reserved-bg);color:#854d0e}
.unit-card[data-status="sold"] .unit-card__status{background:var(--sold-bg);color:#b91c1c}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;visibility:hidden;transition:var(--transition-base)}
.modal-overlay.is-open{opacity:1;visibility:visible}
.modal{background:var(--white);border-radius:var(--radius-2xl);width:100%;max-width:680px;max-height:90vh;overflow-y:auto;transform:translateY(20px);transition:transform var(--transition-base)}
.modal-overlay.is-open .modal{transform:translateY(0)}
.modal__header{padding:var(--space-6);background:var(--primary);color:var(--white);position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;z-index:1}
.modal__title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700}
.modal__close{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.15);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);transition:var(--transition-fast);cursor:pointer;border:none}
.modal__close:hover{background:rgba(255,255,255,.25)}
.modal__body{padding:var(--space-6)}
.modal__section{margin-bottom:var(--space-6)}
.modal__section-title{font-size:var(--text-sm);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:2px solid var(--gray-100)}
.unit-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}
.unit-info-item{padding:var(--space-3);background:var(--gray-50);border-radius:var(--radius-md);text-align:center}
.unit-info-item__label{font-size:var(--text-xs);color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-1)}
.unit-info-item__value{font-size:var(--text-base);font-weight:700;color:var(--primary)}
.payment-table{width:100%;border-collapse:collapse}
.payment-table th{text-align:left;padding:var(--space-3);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;border-bottom:2px solid var(--gray-200)}
.payment-table td{padding:var(--space-3);font-size:var(--text-sm);border-bottom:1px solid var(--gray-100);color:var(--text-primary)}
.payment-table .amount{font-weight:700;color:var(--accent-dark);text-align:right}
.payment-table .pct{color:var(--text-light);font-size:var(--text-xs);text-align:right}
.payment-table tfoot td{font-weight:700;font-size:var(--text-base);background:var(--gray-50)}
.booking-form{display:flex;flex-direction:column;gap:var(--space-4)}
.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}
.form-group{display:flex;flex-direction:column;gap:var(--space-2)}
.form-group label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}
.form-group input,.form-group select,.form-group textarea{padding:12px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--text-sm);transition:var(--transition-fast);background:var(--white)}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(212,175,55,.15)}
.form-group textarea{resize:vertical;min-height:80px}
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
.news-card{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition-base)}
.news-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}
.news-card__image{aspect-ratio:16/9;overflow:hidden;background:var(--gray-100)}
.news-card__image img{width:100%;height:100%;object-fit:cover}
.news-card__date{font-size:var(--text-xs);color:var(--accent);font-weight:600;letter-spacing:.08em;margin-bottom:var(--space-2)}
.news-card__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;color:var(--primary);line-height:1.3;margin-bottom:var(--space-3)}
.news-card__excerpt{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}
.news-card__body{padding:var(--space-5)}
@media(max-width:1024px){.news-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.news-grid{grid-template-columns:1fr}}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-10)}
.contact-info{display:flex;flex-direction:column;gap:var(--space-6)}
.contact-item{display:flex;gap:var(--space-4);align-items:flex-start}
.contact-item__icon{width:48px;height:48px;background:var(--primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.2rem}
.contact-item__label{font-size:var(--text-xs);font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-1)}
.contact-item__value{font-size:var(--text-base);color:var(--text-primary);font-weight:500}
@media(max-width:768px){.contact-grid{grid-template-columns:1fr}}
.footer{background:var(--primary-dark);color:rgba(255,255,255,.7);padding:var(--space-12) 0 var(--space-6)}
.footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-10)}
.footer__brand-text{font-size:var(--text-sm);line-height:1.8;margin-top:var(--space-4);color:rgba(255,255,255,.5)}
.footer__title{font-size:var(--text-sm);font-weight:700;color:var(--white);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-4)}
.footer__links{display:flex;flex-direction:column;gap:var(--space-3)}
.footer__link{font-size:var(--text-sm);color:rgba(255,255,255,.5);transition:var(--transition-fast)}
.footer__link:hover{color:var(--accent)}
.footer__bottom{padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;font-size:var(--text-xs);color:rgba(255,255,255,.3)}
@media(max-width:1024px){.footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.footer__grid{grid-template-columns:1fr}.footer__bottom{flex-direction:column;gap:var(--space-3);text-align:center}}
.page-header{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);padding:var(--space-24) 0 var(--space-16);text-align:center}
.page-header__label{color:var(--accent);font-size:var(--text-xs);font-weight:600;letter-spacing:.2em;text-transform:uppercase;margin-bottom:var(--space-4)}
.page-header__title{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:700;color:var(--white);line-height:1.1;margin-bottom:var(--space-4)}
.page-header__subtitle{font-size:var(--text-lg);color:rgba(255,255,255,.7);max-width:600px;margin:0 auto}
.apartment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}
.apartment-card{background:var(--white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:var(--transition-base)}
.apartment-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}
.apartment-card__image{aspect-ratio:16/10;overflow:hidden;background:var(--gray-100)}
.apartment-card__image img{width:100%;height:100%;object-fit:cover}
.apartment-card__body{padding:var(--space-6)}
.apartment-card__config-tag{font-size:var(--text-xs);font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}
.apartment-card__title{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--primary);margin-bottom:var(--space-3)}
.apartment-card__specs{display:flex;gap:var(--space-5);margin-bottom:var(--space-4);flex-wrap:wrap}
.apartment-card__spec{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}
.apartment-card__spec-icon{color:var(--accent)}
.apartment-card__desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-5)}
.apartment-card__price-label{font-size:var(--text-xs);color:var(--text-light);text-transform:uppercase;letter-spacing:.08em}
.apartment-card__price{font-size:var(--text-2xl);font-weight:700;color:var(--accent-dark)}
.apartment-card__price span{font-size:var(--text-sm);font-weight:400;color:var(--text-light)}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}
.pricing-card{background:var(--white);border-radius:var(--radius-xl);border:2px solid var(--gray-100);padding:var(--space-6);transition:var(--transition-base)}
.pricing-card:hover{border-color:var(--accent);box-shadow:var(--shadow-lg)}
.pricing-card__config{font-size:var(--text-xs);font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-2)}
.pricing-card__range{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:var(--primary);margin-bottom:var(--space-4)}
.pricing-card__price-label{font-size:var(--text-xs);color:var(--text-light);text-transform:uppercase;letter-spacing:.08em}
.pricing-card__amount{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:700;color:var(--accent-dark);margin:var(--space-2) 0}
.pricing-card__note{font-size:var(--text-xs);color:var(--text-light)}
.pricing-card__units{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--gray-100)}
@media(max-width:768px){.apartment-grid{grid-template-columns:1fr}}
@media(max-width:640px){.page-header__title{font-size:var(--text-3xl)}}