:root {
        color-scheme: light;
        --ink: oklch(18% 0.018 74);
        --ink-soft: oklch(38% 0.018 74);
        --muted: oklch(52% 0.016 74);
        --line: oklch(86% 0.014 74);
        --paper: oklch(96% 0.012 74);
        --paper-strong: oklch(99% 0.006 74);
        --coal: oklch(14% 0.018 74);
        --coal-2: oklch(20% 0.018 74);
        --coal-3: oklch(26% 0.018 74);
        --amber: oklch(67% 0.16 72);
        --amber-strong: oklch(58% 0.17 64);
        --red: oklch(58% 0.2 28);
        --red-strong: oklch(50% 0.21 28);
        --green: oklch(48% 0.105 145);
        --white-soft: oklch(98% 0.006 74);
        --shadow: 0 22px 60px rgba(20, 18, 15, 0.14);
        --radius: 8px;
        --space-2xs: 4px;
        --space-xs: 8px;
        --space-sm: 12px;
        --space-md: 16px;
        --space-lg: 24px;
        --space-xl: 32px;
        --space-2xl: 48px;
        --space-3xl: 64px;
        --space-4xl: 96px;
      }

      * {
        box-sizing: border-box;
      }

      html {
        scroll-behavior: smooth;
      }

      body {
        margin: 0;
        background: var(--paper);
        color: var(--ink);
        overflow-x: hidden;
        font-family:
          ui-sans-serif,
          -apple-system,
          BlinkMacSystemFont,
          "Segoe UI",
          sans-serif;
        line-height: 1.5;
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
      }

      body.menu-open {
        overflow: hidden;
      }

      img {
        display: block;
        max-width: 100%;
      }

      a {
        color: inherit;
        text-decoration: none;
      }

      button,
      input,
      textarea {
        font: inherit;
      }

      button {
        cursor: pointer;
      }

      :focus-visible {
        outline: 2px solid var(--amber);
        outline-offset: 3px;
      }

      .container {
        width: min(100% - 40px, 1160px);
        margin-inline: auto;
      }

      .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
      }

      .eyebrow {
        margin: 0 0 var(--space-sm);
        color: var(--amber-strong);
        font-size: 0.72rem;
        font-weight: 800;
        letter-spacing: 0.18em;
        text-transform: uppercase;
      }

      .section-title {
        margin: 0;
        color: inherit;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(2rem, 4vw, 3.25rem);
        font-weight: 700;
        line-height: 1.05;
        letter-spacing: 0;
      }

      .section-copy {
        max-width: 66ch;
        margin: var(--space-md) 0 0;
        color: var(--muted);
        font-size: 1rem;
      }

      .site-header {
        position: fixed;
        inset: 0 0 auto;
        z-index: 50;
        transition:
          background 180ms ease,
          border-color 180ms ease,
          box-shadow 180ms ease;
      }

      .site-header.is-scrolled,
      .site-header.is-open {
        background: color-mix(in oklch, var(--coal) 94%, transparent);
        border-bottom: 1px solid color-mix(in oklch, var(--white-soft) 12%, transparent);
        box-shadow: 0 18px 38px rgba(0, 0, 0, 0.24);
        backdrop-filter: blur(14px);
      }

      .header-inner {
        display: flex;
        min-height: 68px;
        align-items: center;
        justify-content: space-between;
        gap: var(--space-lg);
      }

      .brand {
        display: inline-flex;
        align-items: center;
        gap: var(--space-xs);
        color: var(--white-soft);
      }

      .brand-logo {
        width: clamp(152px, 16vw, 194px);
        height: auto;
      }

      .brand strong {
        font-size: 1.08rem;
        font-weight: 900;
        letter-spacing: 0.01em;
      }

      .brand span {
        color: color-mix(in oklch, var(--white-soft) 56%, transparent);
        font-size: 0.72rem;
        font-weight: 700;
        letter-spacing: 0.14em;
        text-transform: uppercase;
      }

      .desktop-nav {
        display: flex;
        align-items: center;
        gap: var(--space-xl);
      }

      .desktop-nav a,
      .mobile-nav a {
        color: color-mix(in oklch, var(--white-soft) 72%, transparent);
        font-size: 0.86rem;
        font-weight: 700;
        transition: color 160ms ease;
      }

      .desktop-nav a:hover,
      .mobile-nav a:hover {
        color: var(--white-soft);
      }

      .header-call {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 38px;
        padding: 0 var(--space-md);
        border: 1px solid color-mix(in oklch, var(--amber) 64%, transparent);
        border-radius: 999px;
        color: var(--amber);
        font-size: 0.86rem;
        font-weight: 900;
        transition:
          background 160ms ease,
          color 160ms ease;
      }

      .header-call:hover {
        background: var(--amber);
        color: var(--coal);
      }

      .menu-toggle {
        display: none;
        width: 42px;
        height: 42px;
        align-items: center;
        justify-content: center;
        border: 1px solid color-mix(in oklch, var(--white-soft) 24%, transparent);
        border-radius: var(--radius);
        background: color-mix(in oklch, var(--coal) 60%, transparent);
        color: var(--white-soft);
      }

      .menu-toggle::before,
      .menu-toggle::after {
        display: block;
        width: 18px;
        height: 2px;
        border-radius: 99px;
        background: currentColor;
        transition:
          transform 180ms ease,
          box-shadow 180ms ease;
      }

      .menu-toggle::before,
      .menu-toggle::after {
        content: "";
        position: absolute;
      }

      .menu-toggle::before {
        transform: translateY(-5px);
        box-shadow: 0 5px 0 currentColor;
      }

      .menu-toggle::after {
        transform: translateY(5px);
      }

      .site-header.is-open .menu-toggle::before {
        transform: rotate(45deg);
        box-shadow: none;
      }

      .site-header.is-open .menu-toggle::after {
        transform: rotate(-45deg);
      }

      .mobile-nav {
        display: none;
      }

      .hero {
        position: relative;
        display: grid;
        min-height: 100svh;
        align-items: end;
        overflow: hidden;
        background: var(--coal);
        color: var(--white-soft);
      }

      .hero::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: rgb(0 0 0 / 70%);
        pointer-events: none;
      }

      .hero-image {
        position: absolute;
        inset: 0;
        z-index: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        opacity: 1;
        transform: scale(1.02);
      }

      .hero-content {
        position: relative;
        z-index: 2;
        max-width: 920px;
        padding: 132px 0 clamp(40px, 8vw, 92px);
      }

      .hero-kicker {
        display: inline-flex;
        align-items: center;
        gap: var(--space-sm);
        margin: 0 0 var(--space-lg);
        color: var(--amber);
        font-size: 0.78rem;
        font-weight: 900;
        letter-spacing: 0.18em;
        text-transform: uppercase;
      }

      .hero-kicker::before {
        content: "";
        width: 36px;
        height: 2px;
        background: var(--amber);
      }

      .hero h1 {
        max-width: 820px;
        margin: 0;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(3.1rem, 8.8vw, 7.1rem);
        font-weight: 700;
        line-height: 0.92;
        letter-spacing: 0;
      }

      .hero h1 span {
        display: block;
      }

      .hero p {
        max-width: min(100%, 680px);
        margin: var(--space-lg) 0 0;
        color: color-mix(in oklch, var(--white-soft) 74%, transparent);
        font-size: clamp(1.02rem, 2vw, 1.22rem);
      }

      .hero-actions {
        display: flex;
        flex-wrap: wrap;
        gap: var(--space-sm);
        margin-top: var(--space-xl);
      }

      .button {
        display: inline-flex;
        min-height: 46px;
        align-items: center;
        justify-content: center;
        gap: var(--space-xs);
        padding: 0 var(--space-lg);
        border: 1px solid transparent;
        border-radius: var(--radius);
        font-size: 0.92rem;
        font-weight: 900;
        transition:
          transform 160ms ease,
          background 160ms ease,
          border-color 160ms ease,
          color 160ms ease;
      }

      .button:hover {
        transform: translateY(-2px);
      }

      .button-primary {
        background: var(--amber);
        color: var(--coal);
      }

      .button-primary:hover {
        background: oklch(75% 0.15 72);
      }

      .button-red {
        border-color: transparent;
        background: var(--red);
        color: var(--white-soft);
      }

      .button-red:hover {
        background: var(--red-strong);
        color: var(--white-soft);
      }

      .button-ghost {
        border-color: color-mix(in oklch, var(--white-soft) 24%, transparent);
        color: var(--white-soft);
      }

      .button-ghost:hover {
        border-color: color-mix(in oklch, var(--white-soft) 42%, transparent);
        background: color-mix(in oklch, var(--white-soft) 10%, transparent);
      }

      .hero-stats {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, max-content));
        gap: clamp(24px, 5vw, 56px);
        width: fit-content;
        margin-top: var(--space-2xl);
        padding-top: var(--space-lg);
        border-top: 1px solid color-mix(in oklch, var(--white-soft) 18%, transparent);
      }

      .hero-stats strong {
        display: block;
        font-size: clamp(1.55rem, 3vw, 2.15rem);
        line-height: 1;
      }

      .hero-stats span {
        display: block;
        margin-top: var(--space-xs);
        color: color-mix(in oklch, var(--white-soft) 52%, transparent);
        font-size: 0.86rem;
      }

      .benefits {
        background: var(--coal);
        color: var(--white-soft);
      }

      .benefit-grid {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        border-top: 1px solid color-mix(in oklch, var(--white-soft) 10%, transparent);
        border-bottom: 1px solid color-mix(in oklch, var(--white-soft) 10%, transparent);
      }

      .benefit {
        min-height: 178px;
        padding: var(--space-xl);
        border-inline-end: 1px solid color-mix(in oklch, var(--white-soft) 10%, transparent);
        background: color-mix(in oklch, var(--coal) 92%, var(--coal-2));
      }

      .benefit:last-child {
        border-inline-end: 0;
      }

      .benefit h2 {
        margin: 0;
        font-size: 1rem;
        line-height: 1.25;
      }

      .benefit p {
        margin: var(--space-sm) 0 0;
        color: color-mix(in oklch, var(--white-soft) 56%, transparent);
        font-size: 0.9rem;
      }

      .about {
        background: var(--paper);
      }

      .about-grid {
        display: grid;
        grid-template-columns: minmax(260px, 0.85fr) minmax(0, 1.15fr);
        gap: clamp(32px, 6vw, 72px);
        align-items: stretch;
        padding: var(--space-4xl) 0;
      }

      .about-media {
        min-height: 520px;
        overflow: hidden;
        border-radius: var(--radius);
        box-shadow: var(--shadow);
      }

      .about-media img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .about-content {
        align-self: center;
      }

      .about-text {
        display: grid;
        gap: var(--space-md);
        margin-top: var(--space-lg);
        color: var(--ink-soft);
      }

      .about-text p {
        max-width: 72ch;
        margin: 0;
      }

      .about-map {
        margin: var(--space-xl) 0 0;
      }

      .delivery-map {
        display: block;
        width: 100%;
        height: auto;
      }

      .about-map figcaption {
        margin-top: var(--space-sm);
        color: var(--ink);
        font-size: 0.92rem;
        font-weight: 900;
      }

      .map-legend {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-template-rows: repeat(4, auto);
        grid-auto-flow: column;
        gap: var(--space-xs) var(--space-md);
        margin: var(--space-sm) 0 0;
        padding: 0;
        list-style: none;
      }

      .map-legend li {
        display: flex;
        min-width: 0;
        align-items: center;
        gap: var(--space-xs);
        color: var(--ink-soft);
        font-size: 0.84rem;
        font-weight: 800;
      }

      .legend-swatch {
        width: 14px;
        height: 14px;
        flex: 0 0 14px;
        border-radius: 4px;
        background: var(--legend-color);
        box-shadow: inset 0 0 0 1px rgb(0 0 0 / 12%);
      }

      .products {
        padding: var(--space-4xl) 0;
        background: var(--coal);
        color: var(--white-soft);
      }

      .section-head {
        display: flex;
        align-items: end;
        justify-content: space-between;
        gap: var(--space-xl);
      }

      .section-head .section-copy {
        color: color-mix(in oklch, var(--white-soft) 56%, transparent);
      }

      .tabs {
        display: inline-flex;
        gap: var(--space-2xs);
        padding: var(--space-2xs);
        border: 1px solid color-mix(in oklch, var(--white-soft) 9%, transparent);
        border-radius: var(--radius);
        background: color-mix(in oklch, var(--coal-2) 76%, transparent);
      }

      .tab-button {
        display: grid;
        place-items: center;
        gap: 1px;
        min-height: 38px;
        padding: 0 var(--space-md);
        border: 0;
        border-radius: 6px;
        background: transparent;
        color: color-mix(in oklch, var(--white-soft) 52%, transparent);
        font-size: 0.86rem;
        font-weight: 900;
        transition:
          background 160ms ease,
          color 160ms ease;
      }

      .tab-button[aria-selected="true"] {
        background: var(--coal-3);
        color: var(--white-soft);
      }

      .tab-button:hover {
        color: var(--white-soft);
      }

      .tab-label {
        line-height: 1.1;
      }

      .tab-subtitle {
        color: color-mix(in oklch, currentColor 62%, transparent);
        font-size: 0.62rem;
        font-weight: 800;
        letter-spacing: 0.04em;
        line-height: 1;
        text-transform: uppercase;
      }

      .product-panels {
        margin-top: var(--space-xl);
      }

      .product-panel[hidden] {
        display: none;
      }

      .product-panel {
        animation: panelIn 220ms ease-out both;
      }

      @keyframes panelIn {
        from {
          opacity: 0;
          transform: translateY(8px);
        }

        to {
          opacity: 1;
          transform: translateY(0);
        }
      }

      .energy-line {
        display: flex;
        align-items: center;
        gap: var(--space-xs);
        margin: 0 0 var(--space-lg);
        color: color-mix(in oklch, var(--white-soft) 48%, transparent);
        font-size: 0.9rem;
      }

      .energy-line::before {
        content: "";
        width: 8px;
        height: 8px;
        border-radius: 99px;
        background: var(--amber);
      }

      .product-list {
        overflow: hidden;
        border: 1px solid color-mix(in oklch, var(--white-soft) 10%, transparent);
        border-radius: var(--radius);
      }

      .product-item {
        display: grid;
        grid-template-columns: 1fr auto;
        gap: var(--space-lg);
        padding: var(--space-lg);
        border-top: 1px solid color-mix(in oklch, var(--white-soft) 9%, transparent);
        background: color-mix(in oklch, var(--coal) 92%, var(--coal-2));
      }

      .product-item:first-child {
        border-top: 0;
      }

      .product-item h3 {
        margin: 0;
        color: var(--white-soft);
        font-size: 1rem;
      }

      .product-item p {
        max-width: 82ch;
        margin: var(--space-xs) 0 0;
        color: color-mix(in oklch, var(--white-soft) 52%, transparent);
        font-size: 0.9rem;
      }

      .availability {
        align-self: center;
        padding: 5px var(--space-xs);
        border-radius: 999px;
        background: color-mix(in oklch, var(--green) 18%, transparent);
        color: oklch(80% 0.11 145);
        font-size: 0.7rem;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        white-space: nowrap;
      }

      .products-cta {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: var(--space-md);
        margin-top: var(--space-xl);
      }

      .products-cta .meta {
        color: color-mix(in oklch, var(--white-soft) 50%, transparent);
        font-size: 0.9rem;
      }

      .pricing {
        padding: var(--space-4xl) 0;
        background: var(--paper);
      }

      .pricing-grid {
        display: grid;
        grid-template-columns: minmax(240px, 0.8fr) minmax(0, 1.2fr);
        grid-template-areas:
          "intro table"
          "notes table";
        column-gap: clamp(32px, 6vw, 72px);
        row-gap: var(--space-lg);
        align-items: start;
      }

      .pricing-intro {
        grid-area: intro;
      }

      .pricing-table {
        grid-area: table;
      }

      .info-list {
        grid-area: notes;
        display: grid;
        gap: var(--space-xs);
      }

      .info-box {
        margin: 0px;
        padding: var(--space-md);
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: var(--paper-strong);
        color: var(--ink-soft);
        font-size: 0.92rem;
      }

      .info-box strong {
        color: var(--ink);
      }

      .table-wrap {
        overflow-x: auto;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: var(--paper-strong);
        box-shadow: var(--shadow);
      }

      table {
        width: 100%;
        min-width: 620px;
        border-collapse: collapse;
        text-align: left;
      }

      th,
      td {
        padding: var(--space-md);
        border-bottom: 1px solid var(--line);
      }

      thead th {
        background: color-mix(in oklch, var(--paper) 70%, var(--paper-strong));
        color: var(--muted);
        font-size: 0.72rem;
        font-weight: 900;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }

      tbody tr:last-child td {
        border-bottom: 0;
      }

      tbody td {
        color: var(--ink-soft);
        font-size: 0.92rem;
      }

      tbody td:first-child,
      tbody td:nth-child(4) {
        color: var(--ink);
        font-weight: 800;
      }

      tbody td:nth-child(4) {
        text-align: right;
        white-space: nowrap;
      }

      .price-toggle-cell,
      .price-toggle-heading {
        display: none;
      }

      .price-toggle {
        display: grid;
        place-items: center;
        width: 40px;
        height: 40px;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: var(--paper);
        color: var(--ink);
      }

      .price-toggle svg {
        width: 18px;
        height: 18px;
        transition: transform 160ms ease;
      }

      tr.is-open .price-toggle svg {
        transform: rotate(180deg);
      }

      .price-cta {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--space-md);
        margin-top: var(--space-md);
        padding: var(--space-lg);
        border-radius: var(--radius);
        background: var(--coal);
        color: var(--white-soft);
      }

      .price-cta p {
        margin: 0;
      }

      .price-cta span {
        display: block;
        margin-top: var(--space-2xs);
        color: color-mix(in oklch, var(--white-soft) 48%, transparent);
        font-size: 0.84rem;
      }

      .gallery {
        padding: var(--space-4xl) 0;
        background: var(--coal);
        color: var(--white-soft);
      }

      .gallery-grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--space-sm);
        margin-top: var(--space-xl);
      }

      .gallery-button {
        position: relative;
        min-height: 220px;
        overflow: hidden;
        border: 0;
        border-radius: var(--radius);
        background: var(--coal-2);
        color: var(--white-soft);
      }

      .gallery-button:first-child {
        grid-column: span 2;
        grid-row: span 2;
        min-height: 456px;
      }

      .gallery-button img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition:
          transform 240ms ease,
          filter 240ms ease;
      }

      .gallery-button:hover img {
        transform: scale(1.045);
        filter: brightness(0.72);
      }

      .gallery-button span {
        position: absolute;
        inset: auto var(--space-md) var(--space-md);
        color: var(--white-soft);
        font-size: 0.9rem;
        font-weight: 900;
        opacity: 0;
        transform: translateY(8px);
        transition:
          opacity 180ms ease,
          transform 180ms ease;
      }

      .gallery-button:hover span {
        opacity: 1;
        transform: translateY(0);
      }

      .lightbox {
        width: min(94vw, 1120px);
        max-height: 90svh;
        padding: 0;
        border: 0;
        border-radius: var(--radius);
        background: transparent;
        color: var(--white-soft);
      }

      .lightbox::backdrop {
        background: rgba(0, 0, 0, 0.86);
      }

      .lightbox-frame {
        position: relative;
        display: grid;
        place-items: center;
      }

      .lightbox img {
        max-height: 90svh;
        width: auto;
        border-radius: var(--radius);
      }

      .lightbox-close,
      .lightbox-prev,
      .lightbox-next {
        position: absolute;
        display: grid;
        place-items: center;
        width: 42px;
        height: 42px;
        border: 1px solid color-mix(in oklch, var(--white-soft) 22%, transparent);
        border-radius: var(--radius);
        background: rgba(20, 18, 15, 0.72);
        color: var(--white-soft);
      }

      .lightbox-close {
        top: var(--space-sm);
        right: var(--space-sm);
      }

      .lightbox-prev,
      .lightbox-next {
        top: 50%;
        transform: translateY(-50%);
      }

      .lightbox-prev {
        left: var(--space-sm);
      }

      .lightbox-next {
        right: var(--space-sm);
      }

      .contact {
        padding: var(--space-4xl) 0;
        background: var(--paper);
      }

      .contact-grid {
        display: grid;
        grid-template-columns: minmax(240px, 0.8fr) minmax(0, 1.2fr);
        gap: clamp(32px, 6vw, 72px);
      }

      .contact-links {
        display: grid;
        gap: var(--space-md);
        margin-top: var(--space-xl);
      }

      .contact-link {
        display: grid;
        grid-template-columns: 44px 1fr;
        gap: var(--space-md);
        align-items: center;
      }

      .contact-icon {
        display: grid;
        place-items: center;
        width: 44px;
        height: 44px;
        border-radius: var(--radius);
        background: var(--coal);
        color: var(--amber);
        font-weight: 900;
      }

      .contact-icon svg {
        width: 20px;
        height: 20px;
      }

      .contact-text {
        min-width: 0;
      }

      .contact-link .contact-label {
        display: block;
        color: var(--muted);
        font-size: 0.8rem;
        font-weight: 800;
      }

      .contact-link strong {
        display: block;
        color: var(--ink);
        font-size: 1rem;
      }

      .contact-form {
        padding: var(--space-xl);
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: var(--paper-strong);
        box-shadow: var(--shadow);
      }

      .form-grid {
        display: grid;
        gap: var(--space-md);
      }

      .field-trap {
        position: absolute;
        left: -9999px;
        width: 1px;
        height: 1px;
        overflow: hidden;
      }

      .form-status {
        margin: 0 0 var(--space-md);
        padding: var(--space-sm) var(--space-md);
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: var(--paper);
        color: var(--ink-soft);
        font-size: 0.92rem;
        font-weight: 800;
      }

      .form-status.is-success {
        border-color: color-mix(in oklch, var(--green) 34%, var(--line));
        background: color-mix(in oklch, var(--green) 12%, var(--paper-strong));
        color: color-mix(in oklch, var(--ink) 70%, var(--green));
      }

      .form-status.is-error {
        border-color: color-mix(in oklch, oklch(58% 0.19 28) 38%, var(--line));
        background: color-mix(in oklch, oklch(58% 0.19 28) 10%, var(--paper-strong));
        color: color-mix(in oklch, var(--ink) 76%, oklch(52% 0.18 28));
      }

      label {
        display: grid;
        gap: var(--space-xs);
        color: var(--muted);
        font-size: 0.86rem;
        font-weight: 800;
      }

      input,
      textarea {
        width: 100%;
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: color-mix(in oklch, var(--paper) 72%, var(--paper-strong));
        color: var(--ink);
        font-size: 0.95rem;
        outline: 0;
        transition:
          border-color 160ms ease,
          background 160ms ease,
          box-shadow 160ms ease;
      }

      input {
        min-height: 46px;
        padding: 0 var(--space-md);
      }

      textarea {
        min-height: 132px;
        padding: var(--space-sm) var(--space-md);
        resize: vertical;
      }

      input:focus,
      textarea:focus {
        border-color: var(--amber-strong);
        background: var(--paper-strong);
        box-shadow: 0 0 0 4px color-mix(in oklch, var(--amber) 16%, transparent);
      }

      .form-actions {
        margin-top: var(--space-lg);
      }

      .form-actions .button {
        width: 100%;
        border: 0;
      }

      .form-legal {
        margin: var(--space-md) 0 0;
        color: var(--muted);
        font-size: 0.82rem;
        line-height: 1.45;
      }

      .form-legal a {
        color: var(--ink);
        font-weight: 900;
        text-decoration: underline;
        text-underline-offset: 3px;
      }

      .site-footer {
        border-top: 1px solid color-mix(in oklch, var(--white-soft) 9%, transparent);
        background: var(--coal);
        color: color-mix(in oklch, var(--white-soft) 56%, transparent);
      }

      .footer-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--space-lg);
        padding: var(--space-xl) 0;
      }

      .footer-links {
        display: flex;
        flex-wrap: wrap;
        gap: var(--space-md);
        font-size: 0.88rem;
      }

      .footer-links a:hover {
        color: var(--white-soft);
      }

      .copyright {
        padding-top: var(--space-lg);
        padding-bottom: var(--space-xl);
        border-top: 1px solid color-mix(in oklch, var(--white-soft) 9%, transparent);
        color: color-mix(in oklch, var(--white-soft) 42%, transparent);
        font-size: 0.82rem;
        text-align: center;
      }

      .copyright a {
        color: var(--amber);
        font-weight: 800;
      }

      .copyright a:hover {
        color: var(--white-soft);
      }

      .legal-page {
        background: var(--paper);
        color: var(--ink);
      }

      .legal-header {
        width: min(100% - 40px, 1160px);
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: var(--space-md);
        margin-inline: auto;
        padding: var(--space-lg) 0;
      }

      .legal-back {
        min-height: 42px;
        display: inline-flex;
        align-items: center;
        padding: 0 var(--space-md);
        border: 1px solid var(--line);
        border-radius: var(--radius);
        color: var(--ink);
        font-size: 0.82rem;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      .legal-back:hover {
        border-color: var(--amber-strong);
        background: var(--paper-strong);
      }

      .legal-hero,
      .legal-content {
        width: min(100% - 40px, 920px);
        margin-inline: auto;
      }

      .legal-hero {
        padding: var(--space-3xl) 0 var(--space-2xl);
      }

      .legal-hero h1 {
        max-width: 12ch;
        margin: 0;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(3rem, 8vw, 6.5rem);
        line-height: 0.98;
        letter-spacing: 0;
      }

      .legal-hero p:not(.eyebrow) {
        max-width: 62ch;
        margin: var(--space-lg) 0 0;
        color: var(--ink-soft);
        font-size: clamp(1rem, 1.8vw, 1.18rem);
        line-height: 1.6;
      }

      .legal-content {
        display: grid;
        gap: var(--space-xl);
        padding-bottom: var(--space-4xl);
      }

      .legal-section {
        display: grid;
        gap: var(--space-sm);
        padding-top: var(--space-xl);
        border-top: 1px solid var(--line);
      }

      .legal-section h2 {
        margin: 0;
        color: var(--ink);
        font-size: clamp(1.35rem, 2.4vw, 2rem);
        line-height: 1.12;
      }

      .legal-section p,
      .legal-section ul {
        max-width: 75ch;
        margin: 0;
        color: var(--ink-soft);
        line-height: 1.7;
      }

      .legal-section ul {
        padding-left: 1.1rem;
      }

      .legal-section a {
        color: var(--ink);
        font-weight: 900;
        text-decoration: underline;
        text-underline-offset: 3px;
      }

      .legal-updated {
        margin: 0;
        color: var(--muted);
        font-size: 0.88rem;
        font-weight: 800;
      }

      .reveal {
        opacity: 0;
        transform: translateY(18px);
        transition:
          opacity 420ms cubic-bezier(0.22, 1, 0.36, 1),
          transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
      }

      .reveal.is-visible {
        opacity: 1;
        transform: translateY(0);
      }

      @media (prefers-reduced-motion: reduce) {
        *,
        *::before,
        *::after {
          scroll-behavior: auto !important;
          animation-duration: 0.001ms !important;
          animation-iteration-count: 1 !important;
          transition-duration: 0.001ms !important;
        }

        .reveal {
          opacity: 1;
          transform: none;
        }
      }

      @media (max-width: 980px) {
        .desktop-nav,
        .header-call {
          display: none;
        }

        .menu-toggle {
          position: relative;
          display: inline-flex;
        }

        .mobile-nav {
          position: fixed;
          inset: 68px 0 auto;
          display: grid;
          gap: var(--space-sm);
          padding: var(--space-lg) 20px var(--space-xl);
          border-bottom: 1px solid color-mix(in oklch, var(--white-soft) 10%, transparent);
          background: var(--coal);
          box-shadow: 0 24px 44px rgba(0, 0, 0, 0.24);
          transform: translateY(-12px);
          opacity: 0;
          pointer-events: none;
          transition:
            opacity 180ms ease,
            transform 180ms ease;
        }

        .site-header.is-open .mobile-nav {
          transform: translateY(0);
          opacity: 1;
          pointer-events: auto;
        }

        .mobile-nav a {
          padding: var(--space-sm) 0;
          font-size: 1rem;
        }

        .hero-stats {
          grid-template-columns: repeat(3, minmax(0, 1fr));
          width: 100%;
        }

        .benefit-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .benefit:nth-child(2) {
          border-inline-end: 0;
        }

        .benefit:nth-child(n + 3) {
          border-top: 1px solid color-mix(in oklch, var(--white-soft) 10%, transparent);
        }

        .about-grid,
        .pricing-grid,
        .contact-grid {
          grid-template-columns: 1fr;
        }

        .pricing-grid {
          grid-template-areas:
            "intro"
            "table"
            "notes";
        }

        .about-media {
          min-height: 360px;
        }

        .section-head {
          display: grid;
          align-items: start;
        }

        .gallery-grid {
          grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        .gallery-button:first-child {
          grid-column: span 2;
          min-height: 360px;
        }

        .footer-inner {
          display: grid;
          align-items: start;
        }
      }

      @media (max-width: 640px) {
        .container {
          width: min(100% - 28px, 1160px);
        }

        .header-inner {
          min-height: 64px;
        }

        .brand span {
          display: none;
        }

        .brand-logo {
          width: 140px;
        }

        .mobile-nav {
          inset-block-start: 64px;
        }

        .hero-content {
          padding-top: 112px;
        }

        .hero h1 {
          max-width: 100%;
          font-size: clamp(2.35rem, 12vw, 3rem);
        }

        .hero-kicker {
          max-width: 100%;
          gap: var(--space-xs);
          font-size: 0.68rem;
          letter-spacing: 0.12em;
        }

        .hero-actions {
          display: grid;
        }

        .button {
          width: 100%;
        }

        .hero-stats {
          gap: var(--space-md);
        }

        .hero-stats span {
          font-size: 0.78rem;
        }

        .benefit-grid {
          grid-template-columns: 1fr;
        }

        .benefit {
          min-height: auto;
          border-inline-end: 0;
          border-top: 1px solid color-mix(in oklch, var(--white-soft) 10%, transparent);
        }

        .benefit:first-child {
          border-top: 0;
        }

        .products,
        .pricing,
        .gallery,
        .contact,
        .about-grid {
          padding-block: var(--space-3xl);
        }

        .tabs {
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          width: 100%;
        }

        .tab-button {
          min-height: 52px;
          padding: var(--space-xs) var(--space-2xs);
          font-size: 0.82rem;
          line-height: 1.05;
        }

        .tab-subtitle {
          font-size: 0.55rem;
        }

        .product-item {
          grid-template-columns: 1fr;
          gap: var(--space-sm);
        }

        .availability {
          justify-self: start;
        }

        .price-cta {
          display: grid;
        }

        .table-wrap {
          overflow: visible;
          border: 0;
          background: transparent;
          box-shadow: none;
        }

        table,
        tbody,
        tr,
        td {
          display: block;
        }

        table {
          min-width: 0;
        }

        thead {
          display: none;
        }

        tbody {
          display: grid;
          gap: var(--space-sm);
        }

        tbody tr {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto 44px;
          gap: var(--space-sm);
          align-items: center;
          padding: var(--space-md);
          border: 1px solid var(--line);
          border-radius: var(--radius);
          background: var(--paper-strong);
          box-shadow: 0 14px 30px rgba(20, 18, 15, 0.08);
        }

        th,
        td {
          padding: 0;
          border: 0;
        }

        tbody tr:last-child td {
          border-bottom: 0;
        }

        tbody td:first-child {
          max-width: 24ch;
          overflow-wrap: anywhere;
          line-height: 1.25;
        }

        tbody td:nth-child(2),
        tbody td:nth-child(3) {
          display: none;
          grid-column: 1 / -1;
          padding-top: var(--space-sm);
          color: var(--ink-soft);
          font-size: 0.88rem;
        }

        tbody tr.is-open td:nth-child(2),
        tbody tr.is-open td:nth-child(3) {
          display: block;
        }

        tbody td:nth-child(2)::before {
          content: "Výhrevnosť: ";
          color: var(--ink);
          font-weight: 900;
        }

        tbody td:nth-child(3)::before {
          content: "Popol: ";
          color: var(--ink);
          font-weight: 900;
        }

        tbody td:nth-child(4) {
          grid-column: 2;
          grid-row: 1;
          align-self: center;
          text-align: right;
        }

        .price-toggle-cell {
          display: block;
          grid-column: 3;
          grid-row: 1;
        }

        .price-toggle {
          width: 44px;
          height: 44px;
        }

        .gallery-grid {
          grid-template-columns: 1fr;
        }

        .gallery-button,
        .gallery-button:first-child {
          grid-column: auto;
          min-height: 280px;
        }

        .lightbox-prev,
        .lightbox-next {
          top: auto;
          bottom: var(--space-sm);
          transform: none;
        }

        .contact-form {
          padding: var(--space-lg);
        }
      }

      .thanks-page {
        min-height: 100svh;
        background: var(--amber);
        color: var(--coal);
      }

      .thanks-screen {
        width: min(100% - 40px, 980px);
        min-height: 100svh;
        display: grid;
        grid-template-rows: auto 1fr auto;
        align-items: center;
        gap: var(--space-xl);
        margin-inline: auto;
        padding: clamp(28px, 6vw, 72px) 0;
      }

      .thanks-brand {
        width: fit-content;
        font-size: 0.82rem;
        font-weight: 950;
        letter-spacing: 0.18em;
        text-transform: uppercase;
      }

      .thanks-copy {
        display: grid;
        gap: var(--space-md);
        align-self: center;
      }

      .thanks-copy .eyebrow {
        margin: 0;
        color: color-mix(in oklch, var(--coal) 78%, var(--amber));
      }

      .thanks-copy h2 {
        max-width: 11ch;
        margin: 0;
        font-family: Georgia, "Times New Roman", serif;
        font-size: clamp(3.7rem, 13vw, 8.8rem);
        line-height: 0.94;
        letter-spacing: 0;
      }

      .thanks-copy p:last-child {
        max-width: 44rem;
        margin: 0;
        color: color-mix(in oklch, var(--coal) 82%, var(--amber));
        font-size: clamp(1rem, 2.2vw, 1.35rem);
        font-weight: 750;
        line-height: 1.35;
      }

      .thanks-link {
        width: fit-content;
        min-height: 44px;
        display: inline-flex;
        align-items: center;
        border-bottom: 2px solid currentColor;
        color: var(--coal);
        font-size: 0.92rem;
        font-weight: 900;
        letter-spacing: 0.08em;
        text-transform: uppercase;
      }

      @media (max-width: 640px) {
        .legal-header {
          width: min(100% - 28px, 1160px);
          align-items: flex-start;
          flex-direction: column;
        }

        .legal-hero,
        .legal-content {
          width: min(100% - 28px, 920px);
        }

        .legal-hero {
          padding-top: var(--space-2xl);
        }

        .thanks-screen {
          width: min(100% - 28px, 980px);
        }

        .thanks-copy h2 {
          max-width: 8ch;
        }
      }

      .auth-page,
      .dashboard-page {
        --admin-bg: #0b0b0a;
        --admin-panel: #171612;
        --admin-border: rgba(244, 241, 234, 0.11);
        --admin-border-strong: rgba(244, 241, 234, 0.18);
        --admin-text: #f4f1ea;
        --admin-text-strong: #fffaf0;
        --admin-muted: #9a9286;
        --admin-muted-strong: #c6bba9;
        --admin-accent: #d97706;
        --admin-accent-strong: #f59e0b;
        --admin-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);
        --admin-transition: 170ms cubic-bezier(0.2, 0.7, 0.2, 1);
        min-height: 100vh;
        background:
          linear-gradient(180deg, rgba(217, 119, 6, 0.08), transparent 280px),
          var(--admin-bg);
        color: var(--admin-text);
        font-family:
          ui-sans-serif,
          -apple-system,
          BlinkMacSystemFont,
          "Segoe UI",
          sans-serif;
      }

      .dashboard-page {
        background:
          linear-gradient(180deg, rgba(244, 241, 234, 0.035), transparent 260px),
          var(--admin-bg);
      }

      .auth-page .auth-shell {
        min-height: 100vh;
        display: grid;
        place-items: center;
        padding: 24px;
      }

      .auth-page .auth-card {
        width: min(420px, 100%);
        display: grid;
        gap: 18px;
        padding: 30px;
        border: 1px solid var(--admin-border);
        border-radius: var(--radius);
        background: linear-gradient(180deg, rgba(244, 241, 234, 0.045), transparent 42%), var(--admin-panel);
        box-shadow: var(--admin-shadow);
      }

      .auth-page .brand {
        width: fit-content;
        display: inline-flex;
        align-items: baseline;
        gap: 8px;
        color: var(--admin-text-strong);
      }

      .auth-page .brand-dot {
        width: 8px;
        height: 8px;
        border-radius: 999px;
        background: var(--admin-accent);
      }

      .auth-page .brand-name {
        font-size: 0.78rem;
        font-weight: 700;
        letter-spacing: 0.18em;
        text-transform: uppercase;
      }

      .auth-page h1 {
        margin: 0;
        color: var(--admin-text-strong);
        font-family: Georgia, "Times New Roman", serif;
        font-size: 2rem;
        font-weight: 400;
        line-height: 1.05;
        letter-spacing: 0;
      }

      .auth-page .form {
        display: grid;
        gap: 12px;
      }

      .auth-page .label {
        color: var(--admin-muted-strong);
        font-size: 0.82rem;
        font-weight: 600;
      }

      .auth-page .input {
        width: 100%;
        min-height: 42px;
        padding: 10px 12px;
        border: 1px solid var(--admin-border-strong);
        border-radius: var(--radius);
        background: #0f0e0c;
        color: var(--admin-text);
        outline: none;
        transition:
          border-color var(--admin-transition),
          box-shadow var(--admin-transition),
          background var(--admin-transition);
      }

      .auth-page .input::placeholder {
        color: #70685e;
      }

      .auth-page .input:focus {
        border-color: rgba(245, 158, 11, 0.8);
        background: #12100d;
        box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.18);
      }

      .auth-page .btn,
      .dashboard-page .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 42px;
        padding: 10px 16px;
        border: 1px solid transparent;
        border-radius: 6px;
        cursor: pointer;
        font: inherit;
        font-weight: 700;
        line-height: 1;
        transition:
          transform var(--admin-transition),
          border-color var(--admin-transition),
          background var(--admin-transition),
          color var(--admin-transition),
          box-shadow var(--admin-transition);
      }

      .auth-page .btn:hover,
      .dashboard-page .btn:hover {
        transform: translateY(-1px);
      }

      .auth-page .btn-primary,
      .dashboard-page .btn-primary {
        background: var(--admin-accent);
        color: #17120a;
        box-shadow: 0 16px 34px rgba(217, 119, 6, 0.16);
      }

      .auth-page .btn-primary:hover,
      .dashboard-page .btn-primary:hover {
        background: var(--admin-accent-strong);
      }

      .auth-page .btn-outline,
      .dashboard-page .btn-outline {
        background: rgba(244, 241, 234, 0.03);
        border-color: var(--admin-border-strong);
        color: var(--admin-text);
      }

      .auth-page .btn-outline:hover,
      .dashboard-page .btn-outline:hover {
        border-color: rgba(245, 158, 11, 0.5);
        color: var(--admin-accent-strong);
      }

      .auth-page .alert,
      .dashboard-page .alert {
        display: grid;
        gap: 6px;
        padding: 12px;
        border: 1px solid rgba(239, 68, 68, 0.38);
        border-radius: var(--radius);
        background: rgba(239, 68, 68, 0.1);
        color: #fecaca;
        font-size: 0.9rem;
        line-height: 1.45;
      }

      .auth-page .alert-success,
      .dashboard-page .alert-success {
        border-color: rgba(34, 197, 94, 0.35);
        background: rgba(34, 197, 94, 0.1);
        color: #bbf7d0;
      }

      .dashboard-page .admin-topbar {
        position: sticky;
        top: 0;
        z-index: 20;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 18px;
        padding: 16px max(20px, calc((100vw - 1160px) / 2));
        border-bottom: 1px solid var(--admin-border);
        background: rgba(11, 11, 10, 0.94);
        color: var(--admin-text);
        backdrop-filter: blur(16px);
      }

      .dashboard-page .admin-brand {
        display: inline-grid;
        gap: 2px;
        color: var(--admin-text-strong);
        font-weight: 900;
        letter-spacing: 0.16em;
        line-height: 1;
        text-transform: uppercase;
      }

      .dashboard-page .admin-brand span {
        color: var(--admin-muted-strong);
        font-size: 0.68rem;
        font-weight: 700;
        letter-spacing: 0.12em;
      }

      .dashboard-page .admin-actions {
        display: flex;
        align-items: center;
        gap: 10px;
      }

      .dashboard-page .admin-actions .logout-form {
        margin-left: 0;
      }

      .dashboard-page .admin-pricing {
        min-height: calc(100vh - 75px);
        color: var(--ink);
      }

      .dashboard-page .admin-pricing .pricing-grid {
        grid-template-columns: 1fr;
        grid-template-areas:
          "intro"
          "table";
        gap: var(--space-xl);
      }

      .dashboard-page .admin-pricing .pricing-intro,
      .dashboard-page .admin-pricing .pricing-table {
        width: 100%;
      }

      .dashboard-page .admin-pricing .pricing-intro {
        display: grid;
        gap: var(--space-md);
      }

      .dashboard-page .admin-pricing .section-copy {
        max-width: 100%;
        margin: 0;
        white-space: normal;
        letter-spacing: 0;
        text-transform: none;
      }

      .dashboard-page .admin-pricing .alert {
        margin-top: 0;
        border-color: color-mix(in oklch, var(--red) 42%, var(--paper));
        background: color-mix(in oklch, var(--red) 10%, var(--paper-strong));
        color: color-mix(in oklch, var(--red-strong) 72%, var(--ink));
      }

      .dashboard-page .admin-pricing .alert-success {
        border-color: color-mix(in oklch, var(--green) 38%, var(--paper));
        background: color-mix(in oklch, var(--green) 10%, var(--paper-strong));
        color: color-mix(in oklch, var(--green) 58%, var(--ink));
      }

      .dashboard-page .admin-price-form {
        display: block;
      }

      .dashboard-page .admin-price-form .table-wrap {
        width: 100%;
      }

      .dashboard-page .admin-price-table {
        width: 100%;
        min-width: 760px;
      }

      .dashboard-page .admin-price-table td {
        vertical-align: top;
      }

      .dashboard-page .admin-cell-label {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
      }

      .dashboard-page .admin-cell-input {
        width: 100%;
        min-height: 44px;
        padding: 10px 12px;
        border: 1px solid color-mix(in oklch, var(--line) 88%, var(--ink));
        border-radius: 6px;
        background: color-mix(in oklch, var(--paper-strong) 86%, var(--paper));
        color: var(--ink);
        font-weight: 650;
        line-height: 1.2;
        outline: none;
        transition:
          border-color var(--admin-transition),
          box-shadow var(--admin-transition),
          background var(--admin-transition);
      }

      .dashboard-page .admin-cell-input:focus {
        border-color: var(--amber);
        background: var(--paper-strong);
        box-shadow: 0 0 0 3px color-mix(in oklch, var(--amber) 22%, transparent);
      }

      .dashboard-page .admin-product-input,
      .dashboard-page .admin-price-input {
        font-weight: 850;
      }

      .dashboard-page .admin-price-input {
        text-align: right;
        white-space: nowrap;
      }

      .dashboard-page .admin-map-editor {
        display: grid;
        gap: var(--space-lg);
        margin-top: var(--space-xl);
        padding-top: var(--space-xl);
        border-top: 1px solid var(--line);
      }

      .dashboard-page .admin-map-head {
        display: flex;
        align-items: end;
        justify-content: space-between;
        gap: var(--space-md);
      }

      .dashboard-page .admin-map-head .eyebrow {
        margin-bottom: var(--space-xs);
      }

      .dashboard-page .admin-map-head > span {
        flex: 0 0 auto;
        color: var(--muted);
        font-size: 0.74rem;
        font-weight: 900;
        letter-spacing: 0.12em;
        text-transform: uppercase;
      }

      .dashboard-page .admin-subtitle {
        margin: 0;
        color: var(--ink);
        font-family: Georgia, "Times New Roman", serif;
        font-size: 1.65rem;
        font-weight: 700;
        line-height: 1.12;
      }

      .dashboard-page .admin-map-grid {
        display: grid;
        grid-template-columns: minmax(0, 1.1fr) minmax(320px, 0.9fr);
        gap: var(--space-lg);
        align-items: start;
      }

      .dashboard-page .admin-map-preview {
        margin: 0;
        padding: var(--space-md);
        border: 1px solid var(--line);
        border-radius: var(--radius);
        background: var(--paper-strong);
      }

      .dashboard-page .admin-map-preview figcaption {
        margin-top: var(--space-sm);
        color: var(--ink);
        font-size: 0.92rem;
        font-weight: 900;
      }

      .dashboard-page .admin-delivery-fields {
        display: grid;
        gap: var(--space-sm);
      }

      .dashboard-page .admin-delivery-row {
        display: grid;
        grid-template-columns: 14px minmax(72px, auto) minmax(0, 1fr);
        gap: var(--space-sm);
        align-items: center;
      }

      .dashboard-page .admin-delivery-label {
        color: var(--muted);
        font-size: 0.74rem;
        font-weight: 900;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        white-space: nowrap;
      }

      .dashboard-page .admin-delivery-range {
        display: grid;
        grid-template-columns: auto minmax(68px, 1fr) auto minmax(68px, 1fr) auto;
        gap: var(--space-xs);
        align-items: center;
      }

      .dashboard-page .admin-delivery-range label,
      .dashboard-page .admin-delivery-range span {
        color: var(--ink-soft);
        font-size: 0.86rem;
        font-weight: 900;
        white-space: nowrap;
      }

      .dashboard-page .admin-delivery-number {
        min-height: 40px;
        padding-inline: 10px;
        text-align: right;
      }

      .dashboard-page .admin-save-bar .button {
        width: auto;
        min-width: 150px;
        border: 0;
      }

      @media (max-width: 760px) {
        .auth-page .auth-card {
          padding: 20px;
        }

        .auth-page .auth-card .btn {
          width: 100%;
        }

        .dashboard-page .admin-topbar {
          position: static;
          align-items: stretch;
          flex-direction: column;
          padding: 16px;
        }

        .dashboard-page .admin-actions {
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          width: 100%;
        }

        .dashboard-page .admin-actions .btn,
        .dashboard-page .admin-actions .logout-form,
        .dashboard-page .admin-actions .logout-form .btn {
          width: 100%;
        }
      }

      @media (max-width: 640px) {
        .dashboard-page .admin-pricing {
          padding-block: var(--space-3xl);
        }

        .dashboard-page .admin-price-form .table-wrap {
          overflow: visible;
          border: 0;
          background: transparent;
          box-shadow: none;
        }

        .dashboard-page .admin-price-table,
        .dashboard-page .admin-price-table tbody,
        .dashboard-page .admin-price-table tr,
        .dashboard-page .admin-price-table td {
          display: block;
        }

        .dashboard-page .admin-price-table {
          min-width: 0;
        }

        .dashboard-page .admin-price-table thead {
          display: none;
        }

        .dashboard-page .admin-price-table tbody {
          display: grid;
          gap: var(--space-sm);
        }

        .dashboard-page .admin-price-table tbody tr {
          display: grid;
          grid-template-columns: 1fr;
          gap: var(--space-sm);
          align-items: stretch;
          padding: var(--space-md);
          border: 1px solid var(--line);
          border-radius: var(--radius);
          background: var(--paper-strong);
          box-shadow: 0 14px 30px rgba(20, 18, 15, 0.08);
        }

        .dashboard-page .admin-price-table th,
        .dashboard-page .admin-price-table td {
          padding: 0;
          border: 0;
        }

        .dashboard-page .admin-price-table tbody td:first-child {
          max-width: none;
          line-height: inherit;
        }

        .dashboard-page .admin-price-table tbody td:nth-child(2),
        .dashboard-page .admin-price-table tbody td:nth-child(3) {
          display: block;
          grid-column: auto;
          padding-top: 0;
          color: inherit;
          font-size: inherit;
        }

        .dashboard-page .admin-price-table tbody td:nth-child(2)::before,
        .dashboard-page .admin-price-table tbody td:nth-child(3)::before {
          content: none;
        }

        .dashboard-page .admin-price-table tbody td:nth-child(4) {
          grid-column: auto;
          grid-row: auto;
          align-self: stretch;
          text-align: left;
        }

        .dashboard-page .admin-cell-label {
          position: static;
          display: block;
          width: auto;
          height: auto;
          margin-bottom: 6px;
          overflow: visible;
          clip: auto;
          color: var(--muted);
          font-size: 0.72rem;
          font-weight: 900;
          letter-spacing: 0.1em;
          line-height: 1.2;
          text-transform: uppercase;
          white-space: normal;
        }

        .dashboard-page .admin-price-input {
          text-align: left;
        }

        .dashboard-page .admin-map-head {
          display: grid;
          align-items: start;
        }

        .dashboard-page .admin-map-grid {
          grid-template-columns: 1fr;
        }

        .dashboard-page .admin-map-preview {
          padding: var(--space-sm);
        }

        .dashboard-page .admin-delivery-row {
          grid-template-columns: 14px 1fr;
        }

        .dashboard-page .admin-delivery-label {
          grid-column: 2;
        }

        .dashboard-page .admin-delivery-range {
          grid-column: 1 / -1;
        }

        .dashboard-page .admin-delivery-range {
          grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr) auto;
        }

        .dashboard-page .admin-save-bar {
          display: grid;
        }

        .dashboard-page .admin-save-bar .button {
          width: 100%;
        }
      }