:root{--container-max:var(--container-wide-max)}.tool_top{padding-block:var(--space-4) var(--space-6)}.tool_title{max-width:46rem;margin-top:var(--space-5)}.tool_main{padding-bottom:var(--space-section)}.tool_products{--grid-columns:2;--grid-gap:var(--space-3)}@media (min-width:768px){.tool_top{padding-top:var(--space-5)}.tool_products{--grid-columns:3;--grid-gap:var(--space-4)}}@media (min-width:992px){.tool_top{padding-block:var(--space-6) var(--space-7)}}@media (min-width:1200px){.tool_products{--grid-columns:4;--grid-gap:var(--space-5)}.tool_products:not(:has(>[hidden])){--grid-columns:5}}
.calculator{--calculator-line:#17718a29;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);display:grid;overflow:hidden}.calculator_inputs{align-content:start;gap:var(--space-5);padding:var(--space-5) var(--space-4);display:grid}.calculator_stepper{gap:var(--space-2);grid-template-columns:52px minmax(0,1fr) 52px;max-width:22rem;display:grid}.calculator_step{min-height:52px}.calculator_input{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;text-align:center}.calculator_money{max-width:22rem;position:relative}.calculator_currency{top:50%;left:var(--space-4);color:var(--color-text-muted);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);pointer-events:none;position:absolute;transform:translateY(-50%)}.calculator_input--money{padding-left:calc(var(--space-4) + 1.375rem);text-align:left}.calculator_note{color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1.5}.calculator_result{align-content:start;gap:var(--space-5);padding:var(--space-5) var(--space-4);background:var(--color-brand-soft);display:grid}.calculator_title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.calculator_total{gap:var(--space-2);display:grid}.calculator_total-label{font-weight:var(--font-weight-semibold)}.calculator_total-value{color:var(--color-brand-text);font-size:clamp(2.5rem,1.9rem + 2.6vw,4rem);font-weight:var(--font-weight-extrabold);font-variant-numeric:tabular-nums;letter-spacing:-.02em;overflow-wrap:anywhere;line-height:1}.calculator_total-text{color:var(--color-text-muted);font-size:var(--font-size-sm)}.calculator_stats{border-top:1px solid var(--calculator-line);display:grid}.calculator_stat{justify-content:space-between;align-items:baseline;gap:var(--space-4);padding-block:var(--space-3);border-bottom:1px solid var(--calculator-line);display:flex}.calculator_stat-label{color:var(--color-text-muted);font-size:var(--font-size-sm)}.calculator_stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;text-align:right}.calculator_action{margin-left:calc(-1 * var(--space-2));white-space:normal;text-align:left;justify-self:start}@media (min-width:768px){.calculator_inputs,.calculator_result{padding:var(--space-6)}.calculator_stats{gap:var(--space-5);padding-top:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr))}.calculator_stat{align-content:start;gap:var(--space-1);border-bottom:0;padding-block:0;display:grid}.calculator_stat-value{font-size:var(--font-size-xl);text-align:left}}@media (min-width:992px){.calculator{border-radius:var(--radius-xl);grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.calculator_inputs,.calculator_result{padding:var(--space-7)}}
.badge{--icon-size:1em;align-items:center;gap:var(--space-1);padding:2px var(--space-3);border-radius:var(--radius-pill);background:var(--color-brand-soft);color:var(--color-brand-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);white-space:nowrap;line-height:1.6;display:inline-flex}.badge--warranty{background:var(--color-success-soft);color:var(--color-success)}.badge--neutral{background:var(--color-surface-subtle);color:var(--color-text-muted);border:1px solid var(--color-border)}
.product-card{height:100%;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);transition:box-shadow var(--duration-slow) var(--easing), border-color var(--duration-slow) var(--easing), transform var(--duration-slow) var(--easing);flex-direction:column;display:flex;position:relative}.product-card:hover{box-shadow:var(--shadow-lg);border-color:#0000;transform:translateY(-4px)}.product-card_media{aspect-ratio:4/5;border-radius:var(--radius-md);background:var(--color-surface-subtle);position:relative;overflow:hidden}.product-card_image{aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;width:112%;max-width:none;height:auto;transition:transform var(--duration-slow) var(--easing);position:absolute;top:50%;left:-6%;translate:0 -50%}.product-card:hover .product-card_image{transform:scale(1.04)}.product-card_body{gap:var(--space-2);padding:var(--space-3) var(--space-2) var(--space-2);flex-direction:column;flex:1;display:flex}.product-card_badges{gap:var(--space-1);flex-wrap:wrap;display:flex}.product-card_title{-webkit-line-clamp:3;line-clamp:3;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.product-card_link{color:var(--color-text);text-decoration:none}.product-card_link:after{content:"";border-radius:var(--radius-lg);position:absolute;inset:0}.product-card_link:hover{color:var(--color-text)}.product-card_link:focus-visible{outline:none}.product-card_link:focus-visible:after{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.product-card_meta{color:var(--color-text-muted);font-size:var(--font-size-sm)}.product-card_colors{align-items:center;gap:var(--space-2);padding-top:var(--space-1);margin-top:auto;display:flex}.product-card_swatches{gap:var(--space-1);padding:0;list-style:none;display:flex}.product-card_swatch{border-radius:var(--radius-pill);background:var(--swatch-color);width:16px;height:16px;box-shadow:inset 0 0 0 1px #1034422e}.product-card_colors-text{color:var(--color-text-muted);font-size:var(--font-size-xs)}@media (prefers-reduced-motion:reduce){.product-card:hover{transform:none}}@media (min-width:768px){.product-card_body{padding:var(--space-4) var(--space-3) var(--space-3)}.product-card_title{font-size:var(--font-size-lg)}}
:root{--container-max:var(--container-wide-max)}.city_story{gap:var(--space-5);display:grid}.city_text{max-width:46rem}.city_more-body>h3:first-child{margin-top:1.75em}.city_areas{gap:var(--space-4);display:grid}.city_area{align-content:start;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:grid}.city_area-icon{border-radius:var(--radius-pill);background:var(--color-brand-soft);width:3rem;height:3rem;color:var(--color-brand-text);--icon-size:1.375rem;place-items:center;display:inline-grid}.city_area-title{font-size:var(--font-size-2xl);line-height:1.25}.city_districts{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.city_district{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-subtle);font-size:var(--font-size-sm);line-height:1.6}.city_faq{gap:var(--space-6);display:grid}@media (min-width:768px){.city_area{padding:var(--space-6)}}@media (min-width:992px){.city_story{align-items:start;gap:var(--space-7);grid-template-columns:minmax(16rem,1fr) minmax(0,46rem)}.city_story-head{top:calc(var(--header-height) + var(--space-6));position:sticky}.city_areas{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr))}.city_faq{align-items:start;gap:var(--space-8);grid-template-columns:minmax(0,1fr) minmax(0,2fr)}.city_faq-heading{top:calc(var(--header-height) + var(--space-6));position:sticky}}@media (min-width:1200px){.city_story{gap:var(--space-8)}}
.faq{gap:var(--space-3);display:grid}.faq_item{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--duration-base) var(--easing), box-shadow var(--duration-base) var(--easing)}.faq_item:hover{border-color:var(--color-border-field)}.faq_item[open]{border-color:var(--color-brand-soft-hover);box-shadow:var(--shadow-md)}.faq_question{align-items:center;gap:var(--space-4);min-height:3.5rem;padding:var(--space-4);border-radius:inherit;cursor:pointer;font-weight:var(--font-weight-bold);line-height:1.4;list-style:none;display:flex}.faq_question::-webkit-details-marker{display:none}.faq_question:hover{color:var(--color-brand-text)}.faq_icon{border-radius:var(--radius-pill);background:var(--color-brand-soft);width:2rem;height:2rem;color:var(--color-brand-text);--icon-size:1.125rem;transition:transform var(--duration-base) var(--easing), background-color var(--duration-base) var(--easing), color var(--duration-base) var(--easing);flex:none;place-items:center;margin-inline-start:auto;display:inline-grid}.faq_question:hover .faq_icon{background:var(--color-brand-soft-hover)}.faq_item[open] .faq_icon{background:var(--color-brand-text);color:var(--color-text-on-dark);transform:rotate(45deg)}.faq_answer{padding:0 var(--space-4) var(--space-5);color:var(--color-text-muted);line-height:var(--line-height-base)}.faq_paragraph+.faq_paragraph,.faq_paragraph+.faq_list,.faq_list+.faq_paragraph{margin-top:var(--space-3)}.faq_list{gap:var(--space-2);padding-inline-start:1.25rem;list-style:decimal;display:grid}.faq_list-item::marker{color:var(--color-brand-text);font-weight:var(--font-weight-bold)}@media (min-width:768px){.faq_question{padding:var(--space-5) var(--space-6);font-size:var(--font-size-lg)}.faq_answer{max-width:52rem;padding:0 var(--space-6) var(--space-6)}}@media (prefers-reduced-motion:reduce){.faq_icon{transition:none}}