/* ========================================================== */
/* SMARTREPAIR — PRICES PAGE / REFINED EDITORIAL DIRECTORY    */
/* ========================================================== */

body {
    background: #1b1b1d;
}

/* ========================================================== */
/* PAGE HERO                                                  */
/* ========================================================== */

.prices-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: #19191b;
    border-bottom: 1px solid rgba(255, 255, 255, .045);
}

.prices-hero::before,
.prices-directory::before,
.prices-note::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.46'/%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 180px 180px;
    mix-blend-mode: soft-light;
    opacity: .02;
}

.prices-hero__container {
    position: relative;
    z-index: 1;
    width: min(calc(100% - clamp(48px, 6vw, 140px)), 1760px);
    min-height: clamp(380px, 30vw, 470px);
    margin: 0 auto;
    padding: clamp(52px, 4.4vw, 70px) 0;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, .62fr);
    align-items: center;
    gap: clamp(56px, 6vw, 118px);
}

.prices-hero__copy {
    min-width: 0;
    max-width: 820px;
}

.prices-hero__eyebrow,
.prices-directory__eyebrow,
.prices-note__eyebrow {
    display: inline-flex;
    align-items: center;
    font-family: 'Dosis', sans-serif;
    font-size: clamp(11px, .7vw, 13px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: .16em;
    color: rgba(198, 166, 103, .88);
}


.prices-hero__title {
    max-width: 760px;
    margin: clamp(19px, 1.7vw, 25px) 0 0;
    font-family: 'Roboto Serif', Georgia, serif;
    font-optical-sizing: auto;
    font-stretch: 90%;
    font-size: clamp(36px, 2.8vw, 52px);
    font-weight: 350;
    line-height: 1.18;
    letter-spacing: -.031em;
    text-wrap: balance;
    color: #eeeae3;
}

.prices-hero__lead {
    max-width: 640px;
    margin: clamp(22px, 1.8vw, 28px) 0 0;
    font-family: 'AdobeClean-Light', Arial, sans-serif;
    font-size: clamp(16px, .92vw, 18px);
    font-weight: 300;
    line-height: 1.68;
    color: #b5b4b2;
    text-wrap: pretty;
}

/* Pricing / repair-estimate illustration. */
.prices-hero__visual {
    position: relative;
    justify-self: end;
    min-width: 0;
    width: min(100%, 610px);
    aspect-ratio: 640 / 440;
    display: grid;
    place-items: center;
}

.prices-estimate {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
    /* Tight, dark depth only — no halo / no glow. */
    filter: drop-shadow(0 7px 7px rgba(0, 0, 0, .16));
}

.prices-estimate path,
.prices-estimate rect {
    vector-effect: non-scaling-stroke;
}

/* Rear estimate sheet — matte graphite, visibly layered but subordinate. */
.prices-estimate__rear-panel rect {
    fill: #202123;
    stroke: rgba(198, 166, 103, .16);
    stroke-width: 1;
}

.prices-estimate__rear-panel path {
    fill: none;
    stroke: rgba(198, 166, 103, .20);
    stroke-width: 1;
    stroke-linecap: square;
}

/* Main service-estimate sheet. */
.prices-estimate__panel-outline {
    fill: #252629;
    stroke: rgba(151, 153, 158, .42);
    stroke-width: 1;
}

/* Thin amber document spine — one of the main brand accents. */
.prices-estimate__panel-rail {
    fill: none;
    stroke: rgba(198, 166, 103, .68);
    stroke-width: 1.35;
}

.prices-estimate__line,
.prices-estimate__divider,
.prices-estimate__technical path,
.prices-estimate__ticks path {
    fill: none;
    stroke: rgba(151, 153, 158, .44);
    stroke-width: 1;
    stroke-linecap: square;
}

.prices-estimate__line--strong {
    stroke: rgba(206, 207, 210, .58);
}

.prices-estimate__divider {
    stroke: rgba(116, 118, 123, .36);
}

.prices-estimate__accent-bar {
    fill: none;
    stroke: #C6A667;
    stroke-width: 1.8;
    stroke-linecap: square;
}

/* Device estimate inset. */
.prices-estimate__device-frame {
    fill: #1f2022;
    stroke: rgba(103, 105, 110, .52);
    stroke-width: 1;
}

.prices-estimate__phone {
    fill: #171719;
    stroke: rgba(183, 184, 188, .48);
    stroke-width: 1;
}

.prices-estimate__device-accent {
    fill: none;
    stroke: rgba(198, 166, 103, .78);
    stroke-width: 1.2;
}

/* Estimate status boxes. */
.prices-estimate__status {
    fill: #1d1e20;
    stroke: rgba(116, 118, 123, .58);
    stroke-width: 1;
}

.prices-estimate__status--active {
    fill: rgba(198, 166, 103, .055);
    stroke: rgba(198, 166, 103, .62);
}

.prices-estimate__check {
    fill: none;
    stroke: #C6A667;
    stroke-width: 1.35;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.prices-estimate__summary-accent,
.prices-estimate__summary-cap {
    fill: none;
    stroke: rgba(198, 166, 103, .92);
    stroke-width: 1.35;
    stroke-linecap: square;
}

/* Technical registration marks stay understated graphite. */
.prices-estimate__technical path {
    stroke: rgba(100, 102, 107, .34);
}

.prices-estimate__technical-accent {
    stroke: rgba(198, 166, 103, .58) !important;
}

.prices-estimate__ticks path {
    stroke: rgba(118, 120, 125, .40);
}

/* Hero load motion mirrors the homepage without coupling to .hero. */
.js .prices-hero__eyebrow,
.js .prices-hero__title,
.js .prices-hero__lead,
.js .prices-hero__visual {
    opacity: 0;
    will-change: opacity, transform, filter;
}

.js.is-loaded .prices-hero__eyebrow {
    animation: pricesTextIn 720ms cubic-bezier(.22, 1, .36, 1) 100ms both;
}

.js.is-loaded .prices-hero__title {
    animation: pricesTextIn 880ms cubic-bezier(.22, 1, .36, 1) 180ms both;
}

.js.is-loaded .prices-hero__lead {
    animation: pricesTextIn 880ms cubic-bezier(.22, 1, .36, 1) 300ms both;
}

.js.is-loaded .prices-hero__visual {
    animation: pricesVisualIn 1050ms cubic-bezier(.16, 1, .3, 1) 220ms both;
}

@keyframes pricesTextIn {
    from { opacity: 0; transform: translateY(18px); filter: blur(5px); }
    to { opacity: 1; transform: translateY(0); filter: blur(0); }
}

@keyframes pricesVisualIn {
    from { opacity: 0; transform: translateY(12px) scale(.985); filter: blur(6px); }
    to { opacity: 1; transform: translateY(0) scale(1); filter: blur(0); }
}

/* ========================================================== */
/* SERVICE DIRECTORY — CARD LAYOUT                            */
/* ========================================================== */

.prices-directory {
    position: relative;
    overflow: hidden;
    background: #1e1e20;
    border-bottom: 1px solid rgba(255, 255, 255, .045);
}

.prices-directory__container {
    position: relative;
    z-index: 1;
    width: min(calc(100% - clamp(48px, 6vw, 140px)), 1760px);
    margin: 0 auto;
    padding: clamp(88px, 7vw, 122px) 0 clamp(96px, 7.5vw, 132px);
}

.prices-directory__header {
    max-width: 900px;
}

.prices-directory__heading {
    max-width: 850px;
}

.prices-directory__title,
.prices-note__title {
    max-width: 830px;
    margin: clamp(18px, 1.7vw, 24px) 0 0;
    font-family: 'Roboto Serif', Georgia, serif;
    font-optical-sizing: auto;
    font-stretch: 90%;
    font-weight: 350;
    font-size: clamp(32px, 2.65vw, 46px);
    line-height: 1.25;
    letter-spacing: -.025em;
    text-wrap: balance;
    color: #eeeae3;
}

.prices-directory__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: clamp(54px, 4.8vw, 76px);
}

.price-category {
    --category-image-scale: 1;
    --category-image-x: 0px;
    --category-image-y: 0px;

    position: relative;
    isolation: isolate;
    min-width: 0;
    min-height: clamp(310px, 19vw, 350px);
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(185px, .58fr);
    align-items: center;
    gap: clamp(24px, 2.2vw, 42px);
    overflow: hidden;
    padding: clamp(32px, 2.8vw, 44px) clamp(30px, 2.8vw, 44px);
    color: inherit;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 4px;
    background: rgba(255, 255, 255, .012);
    transition:
        border-color 340ms ease,
        background-color 340ms ease;
}


.price-category::before {
    content: '';
    position: absolute;
    top: -40%;
    left: -65%;
    width: 34%;
    height: 180%;
    z-index: 3;
    pointer-events: none;
    background:
        linear-gradient(
            105deg,
            transparent 0%,
            rgba(255, 255, 255, 0.012) 26%,
            rgba(255, 255, 255, 0.095) 47%,
            rgba(255, 255, 255, 0.025) 64%,
            transparent 100%
        );
    transform: skewX(-18deg);
    transition:
        left 900ms cubic-bezier(0.22, 1, 0.36, 1);
}

.price-category::after {
    content: '';
    position: absolute;
    left: clamp(30px, 2.8vw, 44px);
    bottom: -1px;
    width: 56px;
    height: 1px;
    z-index: 3;
    pointer-events: none;
    background: rgba(198, 166, 103, .42);
    transition:
        width 380ms cubic-bezier(.22, 1, .36, 1),
        background-color 260ms ease;
}

.price-category:hover,
.price-category:focus-visible {
    border-color: rgba(198, 166, 103, .22);
    background: rgba(255, 255, 255, .019);
}

.price-category:hover::before,
.price-category:focus-visible::before {
    left: 140%;
}

.price-category:hover::after,
.price-category:focus-visible::after {
    width: 92px;
    background: rgba(198, 166, 103, .82);
}

.price-category:focus-visible {
    outline: 1px solid rgba(198, 166, 103, .72);
    outline-offset: 3px;
}

.price-category__number {
    position: absolute;
    top: clamp(26px, 2.2vw, 34px);
    left: clamp(30px, 2.8vw, 44px);
    z-index: 2;
    font-family: 'Dosis', sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .11em;
    color: rgba(198, 166, 103, .88);
}


.price-category__copy {
    position: relative;
    z-index: 2;
    min-width: 0;
    padding-top: 42px;
}

.price-category__title {
    max-width: 430px;
    margin: 0;
    font-family: 'Dosis', sans-serif;
    font-size: clamp(21px, 1.32vw, 25px);
    font-weight: 500;
    line-height: 1.28;
    letter-spacing: .045em;
    color: rgba(239, 239, 241, .96);
}

.price-category__text {
    max-width: 440px;
    margin: 15px 0 0;
    font-family: 'AdobeClean-Light', Arial, sans-serif;
    font-size: clamp(15px, .86vw, 17px);
    font-weight: 300;
    line-height: 1.62;
    color: rgba(196, 196, 198, .68);
}

.price-category__action {
    width: fit-content;
    margin-top: 23px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-family: 'Dosis', sans-serif;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .115em;
    color: rgba(224, 224, 226, .66);
    transition: color 240ms ease;
}

.price-category__action svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: #C6A667;
    stroke-width: 1.4;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform 300ms cubic-bezier(.22, 1, .36, 1);
}

.price-category:hover .price-category__action,
.price-category:focus-visible .price-category__action {
    color: rgba(245, 245, 246, .94);
}

.price-category:hover .price-category__action svg,
.price-category:focus-visible .price-category__action svg {
    transform: translateX(4px);
}

.price-category__visual {
    position: relative;
    z-index: 1;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
}

.price-category__visual img {
    display: block;
    width: min(100%, 295px);
    max-height: 245px;
    object-fit: contain;
    filter: saturate(.86) contrast(1.03);
    opacity: .94;
    transform:
        translate3d(var(--category-image-x), var(--category-image-y), 0)
        scale(var(--category-image-scale));
    transform-origin: center center;
    transition:
        transform 560ms cubic-bezier(.22, 1, .36, 1),
        opacity 320ms ease,
        filter 320ms ease;
}

.price-category:hover .price-category__visual img,
.price-category:focus-visible .price-category__visual img {
    transform:
        translate3d(var(--category-image-x), var(--category-image-y), 0)
        scale(calc(var(--category-image-scale) * 1.03));
    opacity: 1;
    filter: saturate(.94) contrast(1.04);
}

/* Optical corrections for the real transparent PNG compositions. */
.price-category:nth-child(1) { --category-image-scale: 1.06; --category-image-y: 1px; }
.price-category:nth-child(2) { --category-image-scale: 1.05; }
.price-category:nth-child(3) { --category-image-scale: 1.045; --category-image-y: 1px; }
.price-category:nth-child(4) { --category-image-scale: 1.10; --category-image-x: -8px; --category-image-y: 2px; }
.price-category:nth-child(5) { --category-image-scale: 1.07; --category-image-x: -6px; --category-image-y: 2px; }
.price-category:nth-child(6) { --category-image-scale: 1.045; }
.price-category:nth-child(7) { --category-image-scale: 1.05; --category-image-y: 1px; }
.price-category:nth-child(8) { --category-image-scale: 1.04; }

/* ========================================================== */
/* PRICE NOTE                                                 */
/* ========================================================== */

.prices-note {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background:
        linear-gradient(
            180deg,
            #171719 0%,
            #151517 58%,
            #111113 100%
        );
    border-bottom: 0;
}

.prices-note::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    width: min(calc(100% - clamp(48px, 6vw, 140px)), 1760px);
    height: 1px;
    pointer-events: none;
    transform: translateX(-50%);
    background:
        linear-gradient(
            90deg,
            rgba(198, 166, 103, .20),
            rgba(255, 255, 255, .035) 24%,
            rgba(255, 255, 255, .035) 76%,
            transparent
        );
}

.prices-note::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    width: min(calc(100% - clamp(48px, 6vw, 140px)), 1760px);
    height: 1px;
    pointer-events: none;
    transform: translateX(-50%);
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, .025) 18%,
            rgba(255, 255, 255, .025) 82%,
            transparent
        );
}

.prices-note__container {
    position: relative;
    z-index: 1;
    width: min(calc(100% - clamp(48px, 6vw, 140px)), 1760px);
    margin: 0 auto;
    padding: clamp(86px, 6vw, 112px) 0 clamp(92px, 6.4vw, 122px);
    display: block;
}

.prices-note__heading {
    max-width: 900px;
}

.prices-note__title {
    max-width: 800px;
}

.prices-note__details {
    position: relative;
    max-width: 900px;
    margin-top: clamp(34px, 3vw, 46px);
    padding: clamp(26px, 2.1vw, 32px) 0 0;
    border: 0;
}

.prices-note__details::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 92px;
    height: 1px;
    background:
        linear-gradient(
            90deg,
            rgba(198, 166, 103, .76) 0%,
            rgba(198, 166, 103, .30) 58%,
            transparent 100%
        );
}

.prices-note__text {
    max-width: 860px;
    margin: 0;
    font-family: 'AdobeClean-Light', Arial, sans-serif;
    font-size: clamp(16px, .92vw, 18px);
    font-weight: 300;
    line-height: 1.76;
    color: rgba(196, 196, 198, .72);
    text-wrap: pretty;
}


/* ========================================================== */
/* RESPONSIVE                                                 */
/* ========================================================== */

@media (max-width: 1279px) {
    .prices-hero__container {
        grid-template-columns: minmax(0, 1fr) minmax(300px, .56fr);
        gap: clamp(44px, 5vw, 72px);
    }

    .price-category {
        grid-template-columns: minmax(0, 1fr) minmax(155px, .52fr);
    }

}

@media (max-width: 991px) {
    .prices-directory__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .price-category {
        min-height: 270px;
        grid-template-columns: minmax(0, 1fr) minmax(190px, .46fr);
        padding: 32px 36px;
        border: 1px solid rgba(255, 255, 255, .07);
    }

    .price-category::after {
        left: 36px;
    }

    .price-category__number {
        left: 36px;
    }
}

@media (max-width: 900px) {
    .prices-hero__container {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 44px 0 48px;
    }

    .prices-hero__copy {
        max-width: 720px;
        margin: 0 auto;
        text-align: center;
    }

    .prices-hero__title,
    .prices-hero__lead {
        margin-left: auto;
        margin-right: auto;
    }

    .prices-hero__title {
        max-width: 690px;
        font-size: clamp(34px, 5.2vw, 44px);
        line-height: 1.19;
    }

    .prices-hero__lead {
        max-width: 600px;
    }

    .prices-hero__visual {
        justify-self: center;
        width: min(100%, 360px);
    }

    .prices-note__heading {
        max-width: 820px;
    }

    .prices-note__details {
        max-width: 820px;
        margin-top: 36px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .prices-directory__container {
        padding-top: 82px;
        padding-bottom: 92px;
    }

    .prices-directory__grid {
        gap: 12px;
        margin-top: 48px;
    }

    .price-category {
        min-height: 258px;
        grid-template-columns: minmax(0, 1fr) 168px;
        gap: 22px;
        padding: 30px 32px;
    }

    .price-category::after {
        left: 32px;
    }

    .price-category__number {
        top: 28px;
        left: 32px;
    }

    .price-category__copy {
        padding-top: 38px;
    }

    .price-category__title {
        max-width: 470px;
        font-size: 21px;
        line-height: 1.27;
    }

    .price-category__text {
        max-width: 500px;
        margin-top: 13px;
        line-height: 1.58;
    }

    .price-category__action {
        margin-top: 20px;
    }

    .price-category__visual img {
        max-height: 176px;
    }
}

@media (max-width: 767px) {
    .prices-hero__container,
    .prices-directory__container,
    .prices-note__container {
        width: calc(100% - 40px);
    }

    .prices-hero__container {
        padding: 46px 0 50px;
    }

    .prices-hero__title {
        max-width: 620px;
        font-size: clamp(30px, 6.4vw, 38px);
        line-height: 1.2;
    }

    .prices-hero__lead {
        max-width: 560px;
        font-size: 16px;
        line-height: 1.64;
    }

    .prices-hero__visual {
        display: none;
    }

    .prices-directory__container {
        padding: 76px 0 84px;
    }

    .prices-directory__header {
        max-width: 720px;
    }

    .prices-directory__grid {
        gap: 12px;
        margin-top: 42px;
    }

    .price-category {
        min-height: 238px;
        grid-template-columns: minmax(0, 1fr) 138px;
        gap: 18px;
        padding: 28px 26px;
        border: 1px solid rgba(255, 255, 255, .07);
    }

    .price-category::after {
        left: 26px;
    }

    .price-category__number {
        top: 27px;
        left: 26px;
    }

    .price-category__copy {
        padding-top: 36px;
    }

    .price-category__title {
        font-size: 21px;
    }

    .price-category__text {
        font-size: 15px;
        line-height: 1.6;
    }

    .price-category__action {
        margin-top: 19px;
        font-size: 10.5px;
    }

    .price-category__visual img {
        width: 100%;
        max-height: 168px;
    }

    .prices-note__container {
        padding: 72px 0 80px;
    }

    .prices-note__details {
        margin-top: 32px;
        padding: 26px 0 0;
    }

    .prices-note__details::before {
        width: 80px;
    }
}

@media (max-width: 480px) {
    .prices-hero__container,
    .prices-directory__container,
    .prices-note__container {
        width: calc(100% - 28px);
    }

    .prices-hero__container {
        padding: 42px 0 46px;
    }

    .prices-hero__title {
        margin-top: 18px;
        font-size: 29px;
        line-height: 1.22;
    }

    .prices-hero__lead {
        margin-top: 18px;
        font-size: 15px;
        line-height: 1.62;
    }

    .prices-directory__container {
        padding: 66px 0 72px;
    }

    .prices-directory__header {
        display: block;
    }

    .prices-directory__title,
    .prices-note__title {
        font-size: 29px;
    }

    .prices-directory__grid {
        gap: 10px;
        margin-top: 36px;
    }

    .price-category {
        min-height: 220px;
        grid-template-columns: minmax(0, 1fr) 104px;
        gap: 14px;
        padding: 24px 20px;
        border: 1px solid rgba(255, 255, 255, .07);
    }

    .price-category::after {
        left: 20px;
        width: 44px;
    }

    .price-category:hover::after,
    .price-category:focus-visible::after {
        width: 68px;
    }

    .price-category__number {
        top: 24px;
        left: 20px;
        font-size: 13px;
    }

    .price-category__copy {
        padding-top: 34px;
    }

    .price-category__title {
        font-size: 19px;
    }

    .price-category__text {
        margin-top: 12px;
        font-size: 14px;
        line-height: 1.58;
    }

    .price-category__action {
        margin-top: 17px;
        gap: 8px;
        font-size: 9.5px;
        letter-spacing: .09em;
    }

    .price-category__action svg {
        width: 17px;
        height: 17px;
    }

    .price-category__visual img {
        max-height: 132px;
    }

    .prices-note__container {
        padding: 64px 0 66px;
    }

    .prices-note__details {
        padding: 24px 0 0;
    }

    .prices-note__details::before {
        top: 0;
        right: auto;
        bottom: auto;
        left: 0;
        width: 72px;
        height: 1px;
        background:
            linear-gradient(
                90deg,
                rgba(198, 166, 103, .72),
                rgba(198, 166, 103, .24) 60%,
                transparent
            );
    }

    .prices-note__text {
        font-size: 15px;
        line-height: 1.7;
    }
}

@media (max-width: 360px) {
    .prices-hero__container {
        width: calc(100% - 24px);
        padding: 38px 0 42px;
    }

    .prices-hero__title {
        font-size: 27px;
    }

    .prices-hero__lead {
        font-size: 14px;
        line-height: 1.6;
    }

    .price-category {
        grid-template-columns: minmax(0, 1fr) 86px;
        gap: 12px;
        padding: 22px 16px;
    }

    .price-category::after {
        left: 16px;
    }

    .price-category__number {
        left: 16px;
    }

    .price-category__title {
        font-size: 18px;
    }

    .price-category__text {
        font-size: 13.5px;
    }

    .price-category__action {
        font-size: 9.2px;
        letter-spacing: .075em;
    }

    .price-category__visual img {
        max-height: 112px;
    }

    .prices-note__container {
        width: calc(100% - 24px);
    }

    .prices-note__title {
        font-size: 27px;
        line-height: 1.24;
    }
}


@media (min-width: 2560px) {
    .prices-hero__container,
    .prices-directory__container {
        width: min(calc(100% - 120px), 2100px);
        max-width: none;
    }

    .prices-note__container {
        width: min(calc(100% - 120px), 2100px);
        max-width: none;
    }

    .prices-hero__container {
        min-height: 520px;
        gap: clamp(110px, 7vw, 170px);
    }

    .prices-hero__title {
        font-size: 56px;
    }

    .prices-hero__lead {
        max-width: 680px;
        font-size: 19px;
    }

    .prices-hero__visual {
        width: min(100%, 690px);
    }

    .prices-directory__title,
    .prices-note__title {
        font-size: 50px;
    }

    .prices-directory__grid {
        gap: 20px;
    }

    .price-category {
        min-height: 380px;
        grid-template-columns: minmax(0, 1fr) minmax(230px, .58fr);
        padding: 46px 50px;
    }

    .price-category::after,
    .price-category__number {
        left: 50px;
    }

    .price-category__title {
        font-size: 28px;
    }

    .price-category__text,
    .prices-note__text {
        font-size: 19px;
    }

    .price-category__visual img {
        max-width: 335px;
        max-height: 275px;
    }

    .prices-note::before,
    .prices-note::after {
        width: min(calc(100% - 120px), 2100px);
    }

    .prices-note__container {
        padding-top: 118px;
        padding-bottom: 118px;
    }

    .prices-note__heading {
        max-width: 980px;
    }

    .prices-note__title {
        max-width: 900px;
    }

    .prices-note__details {
        max-width: 980px;
        margin-top: 48px;
        padding: 34px 0 0;
    }

    .prices-note__details::before {
        width: 104px;
    }

    .prices-note__text {
        max-width: 920px;
    }
}

@media (hover: none) {
    .price-category::before {
        display: none;
    }

    .price-category:hover {
        border-color: rgba(255, 255, 255, .07);
        background: rgba(255, 255, 255, .012);
    }

    .price-category:hover::after {
        width: 56px;
        background: rgba(198, 166, 103, .42);
    }

    .price-category:hover .price-category__action {
        color: rgba(224, 224, 226, .66);
    }

    .price-category:hover .price-category__action svg {
        transform: none;
    }

    .price-category:hover .price-category__visual img {
        transform:
            translate3d(var(--category-image-x), var(--category-image-y), 0)
            scale(var(--category-image-scale));
        opacity: .94;
        filter: saturate(.86) contrast(1.03);
    }
}


@media (prefers-reduced-motion: reduce) {
    .js .prices-hero__eyebrow,
    .js .prices-hero__title,
    .js .prices-hero__lead,
    .js .prices-hero__visual {
        opacity: 1 !important;
        transform: none !important;
        filter: none !important;
        animation: none !important;
    }

    .price-category::before,
    .price-category::after,
    .price-category__action,
    .price-category__action svg,
    .price-category__visual img {
        transition: none !important;
    }
}

/* ========================================================== */
/* FINAL HERO PASS — SMOKED TITANIUM + STEEL BLUE            */
/* Hero/header only. Directory and note remain for later pass. */
/* ========================================================== */

@font-face {
    font-family: 'Prices Adobe Clean Regular';
    src: url('../fonts/AdobeClean-Regular.otf') format('opentype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

:root {
    --sr-deep: #252b30;
    --sr-main: #2c3237;
    --sr-alt: #32393f;
    --sr-card: #383f45;
    --sr-elevated: #3d454c;
    --sr-footer: #24292e;

    --sr-text: #efeee9;
    --sr-text-secondary: #cdd0cc;
    --sr-text-muted: #a5aaa8;

    --sr-accent: #7b96ad;
    --sr-accent-strong: #617f97;
    --sr-accent-soft: #a1b6c5;

    --sr-line: rgba(222, 227, 230, .115);
    --sr-line-soft: rgba(222, 227, 230, .072);

    /* Map the legacy shared variables onto the finished site system. */
    --grey-dark: #2c3237;
    --grey-mid: #383f45;
    --grey-light: #cdd0cc;
    --logo-dark: #7b96ad;
    --logo-light: #efeee9;
    --accent-amber: #7b96ad;
    --accent-amber-soft: rgba(161, 182, 197, .92);
    --header-background: #252b30;
    --header-border: rgba(222, 227, 230, .09);
    --navigation-default: rgba(205, 208, 204, .78);
    --navigation-hover: rgba(239, 238, 233, .98);
    --navigation-active: rgba(239, 238, 233, .95);
}

body {
    background: var(--sr-main);
    color: var(--sr-text-secondary);
}

/* Shared header parity with the finished homepage/news pages. */
.site-header {
    background: rgba(37, 43, 48, .982);
    border-bottom-color: rgba(222, 227, 230, .075);
    box-shadow: none;
}

.brand-smart { color: #a4b9c8; }
.brand-repair { color: var(--sr-text); }

.site-nav__link {
    font-family: 'Barlow Semi Condensed', Arial, sans-serif;
    font-weight: 400;
    letter-spacing: .050em;
    color: rgba(205, 208, 204, .78);
}

.site-nav__link:hover,
.site-nav__link.current {
    color: var(--sr-text);
}

.site-nav__link::before,
.site-nav__link::after,
.site-nav__active-dot {
    background: var(--sr-accent);
}

.site-nav__link:focus-visible {
    color: #f0f0ec;
}

.menu-button span {
    background: rgba(239, 238, 233, .83);
}

@media (max-width: 1279px) {
    [data-mobile-overlay] .header-container {
        background: rgba(37, 43, 48, .992);
    }

    [data-mobile-overlay] .menu-button:hover,
    [data-mobile-overlay] .menu-button.open {
        background: rgba(123, 150, 173, .105);
        box-shadow: inset 0 0 0 1px rgba(161, 182, 197, .22);
    }

    [data-mobile-overlay] .menu-button.open span {
        background: var(--sr-accent-soft);
    }

    [data-mobile-overlay] .menu-button:focus-visible {
        outline-color: var(--sr-accent-soft);
    }

    [data-mobile-overlay] .mobile-menu-backdrop {
        background: rgba(21, 25, 29, .68);
        backdrop-filter: blur(6px);
    }

    [data-mobile-overlay] .mobile-menu {
        background: linear-gradient(155deg, #394147, #2b3237 72%);
        border-color: rgba(222, 227, 230, .105);
        box-shadow: 0 22px 62px rgba(9, 12, 15, .33);
    }

    [data-mobile-overlay] .mobile-menu__nav a {
        font-family: 'Barlow Semi Condensed', Arial, sans-serif;
        font-weight: 400;
        letter-spacing: .050em;
        color: var(--sr-text-secondary);
    }

    [data-mobile-overlay] .mobile-menu__nav a:hover {
        color: var(--sr-text);
        background: rgba(161, 182, 197, .062);
    }

    [data-mobile-overlay] .mobile-menu__nav a.current {
        color: #c6d5df;
        background: linear-gradient(90deg, rgba(123, 150, 173, .17), rgba(123, 150, 173, .04));
    }

    [data-mobile-overlay] .mobile-menu__nav a.current::before {
        background: var(--sr-accent);
    }

    [data-mobile-overlay] .mobile-menu__nav a:focus-visible {
        outline-color: rgba(161, 182, 197, .72);
        color: #d5dfe5;
        background: rgba(123, 150, 173, .09);
    }
}

/* Hero surface — no radial glow, just controlled titanium exposure. */
.prices-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(135deg, #2f363b 0%, #2c3237 49%, #292f34 100%);
    border-bottom: 1px solid rgba(222, 227, 230, .070);
}

.prices-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.52'/%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 180px 180px;
    mix-blend-mode: soft-light;
    opacity: .014;
}

.prices-hero__container {
    position: relative;
    z-index: 1;
    width: min(calc(100% - clamp(48px, 6vw, 140px)), 1760px);
    min-height: clamp(430px, 32vw, 530px);
    margin: 0 auto;
    padding: clamp(66px, 5.2vw, 88px) 0;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr);
    align-items: center;
    gap: clamp(64px, 7vw, 130px);
}

.prices-hero__copy {
    min-width: 0;
    max-width: 880px;
}

.prices-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    margin: 0;
    font-family: 'Barlow Semi Condensed', Arial, sans-serif;
    font-size: clamp(12px, .72vw, 13px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: .105em;
    color: var(--sr-accent-soft);
}

.prices-hero__eyebrow::before {
    content: '';
    width: 26px;
    flex: 0 0 26px;
    height: 1px;
    background: rgba(161, 182, 197, .58);
}

.prices-hero__title {
    max-width: 800px;
    margin: 24px 0 0;
    font-family: 'Source Serif 4', Georgia, serif;
    font-weight: 400;
    font-size: clamp(40px, 3.35vw, 58px);
    line-height: 1.16;
    letter-spacing: -.025em;
    text-wrap: balance;
    color: var(--sr-text);
}

.prices-hero__lead {
    max-width: 690px;
    margin: 26px 0 0;
    font-family: 'Prices Adobe Clean Regular', 'AdobeClean-Regular', Arial, sans-serif;
    font-size: clamp(15.5px, .98vw, 17px);
    font-weight: 400;
    line-height: 1.68;
    letter-spacing: .002em;
    color: #c3c7c5;
}

.prices-hero__visual {
    position: relative;
    justify-self: end;
    width: min(100%, 610px);
    min-width: 0;
    aspect-ratio: auto;
    display: block;
    transform: translateY(2px);
}

.prices-estimate {
    position: relative;
    z-index: 1;
    display: block;
    width: 100%;
    height: auto;
    overflow: visible;
    /* Tight object shadow; avoids a broad smoky halo. */
    filter: drop-shadow(0 5px 4px rgba(5, 8, 10, .19));
}

.prices-estimate path,
.prices-estimate rect,
.prices-estimate circle {
    vector-effect: non-scaling-stroke;
}

/* Layered estimate sheets. */
.prices-estimate__rear-far {
    opacity: .42;
}

.prices-estimate__rear-panel {
    opacity: .68;
    filter: drop-shadow(0 1px 1px rgba(5, 8, 10, .055));
}

.prices-estimate__panel {
    filter: drop-shadow(0 2px 2px rgba(5, 8, 10, .10));
}

.prices-estimate__rear-far rect {
    fill: url(#estimateFarSurface);
    stroke: rgba(161, 182, 197, .10);
    stroke-width: 1;
}

.prices-estimate__rear-far path {
    fill: none;
    stroke: rgba(161, 182, 197, .16);
    stroke-width: 1;
    stroke-linecap: square;
}

.prices-estimate__rear-panel rect {
    fill: url(#estimateRearSurface);
    stroke: rgba(161, 182, 197, .17);
    stroke-width: 1;
}

.prices-estimate__rear-panel path {
    fill: none;
    stroke: rgba(161, 182, 197, .20);
    stroke-width: 1;
    stroke-linecap: square;
}

.prices-estimate__panel-outline {
    fill: url(#estimateMainSurface);
    stroke: rgba(190, 202, 210, .40);
    stroke-width: 1;
}

.prices-estimate__inner-frame {
    fill: none;
    stroke: rgba(222, 227, 230, .085);
    stroke-width: 1;
}

.prices-estimate__panel-rail {
    fill: none;
    stroke: rgba(161, 182, 197, .68);
    stroke-width: 1.3;
}

.prices-estimate__line,
.prices-estimate__divider,
.prices-estimate__row-rule {
    fill: none;
    stroke: rgba(184, 191, 194, .30);
    stroke-width: 1;
    stroke-linecap: square;
}

.prices-estimate__line--strong {
    stroke: rgba(228, 231, 232, .56);
}

.prices-estimate__line--micro {
    stroke: rgba(184, 191, 194, .24);
}

.prices-estimate__divider {
    stroke: rgba(184, 191, 194, .20);
}

.prices-estimate__row-rule {
    stroke: rgba(184, 191, 194, .13);
}

.prices-estimate__accent-bar {
    fill: none;
    stroke: var(--sr-accent-soft);
    stroke-width: 1.7;
    stroke-linecap: square;
}

.prices-estimate__device-frame {
    fill: url(#estimateInsetSurface);
    stroke: rgba(161, 182, 197, .25);
    stroke-width: 1;
}

.prices-estimate__phone {
    fill: #292f34;
    stroke: rgba(213, 219, 222, .48);
    stroke-width: 1;
}

.prices-estimate__phone-camera {
    fill: rgba(161, 182, 197, .16);
    stroke: rgba(161, 182, 197, .56);
    stroke-width: 1;
}

.prices-estimate__device-accent {
    fill: none;
    stroke: rgba(161, 182, 197, .74);
    stroke-width: 1.2;
}

.prices-estimate__status {
    fill: #2a3035;
    stroke: rgba(161, 182, 197, .36);
    stroke-width: 1;
}

.prices-estimate__status--active {
    fill: rgba(123, 150, 173, .10);
    stroke: rgba(161, 182, 197, .72);
}

.prices-estimate__check {
    fill: none;
    stroke: #b7c9d5;
    stroke-width: 1.35;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.prices-estimate__summary-accent,
.prices-estimate__summary-cap {
    fill: none;
    stroke: rgba(161, 182, 197, .88);
    stroke-width: 1.35;
    stroke-linecap: square;
}

/* Load motion stays subtle and matches the established page system. */
.js .prices-hero__eyebrow,
.js .prices-hero__title,
.js .prices-hero__lead,
.js .prices-hero__visual {
    opacity: 0;
    will-change: opacity, transform, filter;
}

.js.is-loaded .prices-hero__eyebrow {
    animation: pricesTextIn 720ms cubic-bezier(.22, 1, .36, 1) 100ms both;
}

.js.is-loaded .prices-hero__title {
    animation: pricesTextIn 880ms cubic-bezier(.22, 1, .36, 1) 180ms both;
}

.js.is-loaded .prices-hero__lead {
    animation: pricesTextIn 880ms cubic-bezier(.22, 1, .36, 1) 300ms both;
}

.js.is-loaded .prices-hero__visual {
    animation: pricesVisualIn 1050ms cubic-bezier(.16, 1, .3, 1) 220ms both;
}

@media (max-width: 1279px) {
    .prices-hero__container {
        grid-template-columns: minmax(0, 1fr) minmax(320px, .64fr);
        gap: clamp(48px, 5vw, 78px);
    }

    .prices-hero__visual {
        width: min(100%, 540px);
    }
}

@media (max-width: 900px) {
    .prices-hero__container {
        min-height: auto;
        grid-template-columns: 1fr;
        gap: 0;
        padding: 62px 0 66px;
    }

    .prices-hero__copy {
        max-width: 720px;
        margin: 0 auto;
        text-align: center;
    }

    .prices-hero__eyebrow {
        justify-content: center;
    }

    .prices-hero__title,
    .prices-hero__lead {
        margin-left: auto;
        margin-right: auto;
    }

    .prices-hero__title {
        max-width: 700px;
        font-size: clamp(34px, 5.2vw, 44px);
        line-height: 1.18;
    }

    .prices-hero__lead {
        max-width: 610px;
    }

    /* Avoid a very tall stacked hero at tablet/mobile sizes. */
    .prices-hero__visual {
        display: none;
    }
}

@media (max-width: 767px) {
    .prices-hero__container {
        width: calc(100% - 40px);
        padding: 54px 0 58px;
    }

    .prices-hero__title {
        max-width: 630px;
        font-size: clamp(30px, 6.4vw, 38px);
        line-height: 1.20;
    }

    .prices-hero__lead {
        max-width: 560px;
        font-size: 16px;
        line-height: 1.64;
    }
}

@media (max-width: 480px) {
    .prices-hero__container {
        width: calc(100% - 28px);
        padding: 48px 0 52px;
    }

    .prices-hero__title {
        margin-top: 20px;
        font-size: 29px;
        line-height: 1.22;
    }

    .prices-hero__lead {
        margin-top: 20px;
        font-size: 15px;
        line-height: 1.62;
    }
}

@media (max-width: 360px) {
    .prices-hero__container {
        width: calc(100% - 24px);
        padding: 44px 0 48px;
    }

    .prices-hero__title {
        font-size: 27px;
    }

    .prices-hero__lead {
        font-size: 14px;
        line-height: 1.60;
    }
}

@media (min-width: 2560px) {
    .prices-hero__container {
        width: min(calc(100% - 120px), 2100px);
        min-height: 540px;
        gap: 155px;
    }

    .prices-hero__copy,
    .prices-hero__title {
        max-width: 1040px;
    }

    .prices-hero__title {
        font-size: 60px;
    }

    .prices-hero__lead {
        max-width: 820px;
        font-size: 20px;
    }

    .prices-hero__visual {
        width: min(100%, 680px);
    }
}

@media (prefers-reduced-motion: reduce) {
    .js .prices-hero__eyebrow,
    .js .prices-hero__title,
    .js .prices-hero__lead,
    .js .prices-hero__visual {
        opacity: 1 !important;
        animation: none !important;
        transform: none !important;
        filter: none !important;
    }
}

/* ========================================================== */
/* PASLAUGŲ KATEGORIJOS — SECTION + CARD SHELL               */
/* Foundation pass only: transition/header/material shell.    */
/* ========================================================== */

.prices-directory {
    position: relative;
    overflow: hidden;
    background: linear-gradient(180deg, #32393f 0%, #30373d 52%, #2e353a 100%);
    border-bottom: 1px solid rgba(222, 227, 230, .070);
}

.prices-directory::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.52'/%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 180px 180px;
    mix-blend-mode: soft-light;
    opacity: .012;
}

.prices-directory__container {
    position: relative;
    z-index: 1;
    width: min(calc(100% - clamp(48px, 6vw, 140px)), 1760px);
    margin: 0 auto;
    padding: clamp(96px, 7.4vw, 132px) 0 clamp(108px, 8vw, 146px);
}

.prices-directory__header,
.prices-directory__heading {
    max-width: 860px;
}

.prices-directory__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    font-family: 'Barlow Semi Condensed', Arial, sans-serif;
    font-size: clamp(11px, .68vw, 12.5px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: .13em;
    color: var(--sr-accent-soft);
}

.prices-directory__eyebrow::before {
    content: '';
    width: 34px;
    height: 1px;
    flex: 0 0 auto;
    background: linear-gradient(90deg, rgba(161, 182, 197, .90), rgba(123, 150, 173, .28));
}

.prices-directory__title {
    max-width: 820px;
    margin: 22px 0 0;
    font-family: 'Source Serif 4', Georgia, serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-size: clamp(32px, 2.55vw, 45px);
    line-height: 1.26;
    letter-spacing: -.024em;
    text-wrap: balance;
    color: var(--sr-text);
}

.prices-directory__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 18px;
    margin-top: clamp(50px, 4.2vw, 66px);
}

.price-category {
    position: relative;
    isolation: isolate;
    min-width: 0;
    min-height: clamp(318px, 18vw, 356px);
    overflow: hidden;
    border: 1px solid rgba(222, 227, 230, .105);
    border-radius: 4px;
    background:
        linear-gradient(180deg, rgba(239, 238, 233, .018), transparent 22%),
        linear-gradient(145deg, rgba(58, 66, 72, .965), rgba(54, 62, 68, .985));
    box-shadow:
        inset 0 1px 0 rgba(239, 238, 233, .024),
        0 5px 12px rgba(5, 8, 10, .14);
    transition:
        border-color 220ms ease,
        background 260ms ease,
        box-shadow 260ms ease;
}

/* Restrained material sweep — visible only on pointer/focus interaction. */
.price-category::before {
    content: '';
    position: absolute;
    z-index: 4;
    top: -52%;
    left: -72%;
    width: 34%;
    height: 210%;
    pointer-events: none;
    background: linear-gradient(
        108deg,
        transparent 0%,
        rgba(239, 238, 233, .010) 26%,
        rgba(239, 238, 233, .085) 42%,
        rgba(239, 238, 233, .165) 50%,
        rgba(239, 238, 233, .070) 59%,
        transparent 76%
    );
    transform: skewX(-16deg);
    transition: left 620ms cubic-bezier(.22, 1, .36, 1);
}

/* Short steel-blue material edge; this belongs to the card shell, not the CTA. */
.price-category::after {
    content: '';
    position: absolute;
    z-index: 4;
    top: -1px;
    bottom: auto;
    left: clamp(30px, 2.8vw, 44px);
    width: 48px;
    height: 1px;
    pointer-events: none;
    background: linear-gradient(90deg, rgba(161, 182, 197, .82), rgba(123, 150, 173, .16) 72%, transparent);
    transition:
        width 260ms cubic-bezier(.22, 1, .36, 1),
        opacity 200ms ease;
    opacity: .78;
}

@media (hover: hover) and (pointer: fine) {
    .price-category:hover {
        border-color: rgba(161, 182, 197, .31);
        background:
            linear-gradient(180deg, rgba(239, 238, 233, .024), transparent 22%),
            linear-gradient(145deg, rgba(62, 71, 78, .985), rgba(57, 65, 71, .99));
        box-shadow:
            inset 0 1px 0 rgba(239, 238, 233, .030),
            0 7px 15px rgba(5, 8, 10, .18);
    }

    .price-category:hover::before {
        left: 138%;
    }

    .price-category:hover::after {
        width: 78px;
        opacity: 1;
    }
}

.price-category:focus-visible {
    outline: 1px solid rgba(161, 182, 197, .76);
    outline-offset: 3px;
    border-color: rgba(161, 182, 197, .34);
    background:
        linear-gradient(180deg, rgba(239, 238, 233, .024), transparent 22%),
        linear-gradient(145deg, rgba(62, 71, 78, .985), rgba(57, 65, 71, .99));
    box-shadow:
        inset 0 1px 0 rgba(239, 238, 233, .030),
        0 7px 15px rgba(5, 8, 10, .18);
}

.price-category:focus-visible::before {
    left: 138%;
}

.price-category:focus-visible::after {
    width: 78px;
    opacity: 1;
}

@media (max-width: 1279px) {
    .prices-directory__container {
        padding-top: 92px;
        padding-bottom: 112px;
    }

    .prices-directory__grid {
        gap: 16px;
    }
}

@media (max-width: 991px) {
    .prices-directory__grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 48px;
    }

    .price-category {
        min-height: 274px;
    }
}

@media (max-width: 767px) {
    .prices-directory__container {
        width: calc(100% - 40px);
        padding: 76px 0 86px;
    }

    .prices-directory__title {
        font-size: clamp(30px, 6vw, 36px);
    }

    .prices-directory__grid {
        margin-top: 40px;
        gap: 12px;
    }
}

@media (max-width: 480px) {
    .prices-directory__container {
        width: calc(100% - 28px);
        padding: 66px 0 74px;
    }

    .prices-directory__eyebrow {
        gap: 10px;
        font-size: 11px;
    }

    .prices-directory__eyebrow::before {
        width: 28px;
    }

    .prices-directory__title {
        margin-top: 19px;
        font-size: 29px;
        line-height: 1.24;
    }

    .prices-directory__grid {
        margin-top: 34px;
        gap: 10px;
    }

    .price-category::after {
        left: 20px;
        width: 42px;
    }
}

@media (max-width: 360px) {
    .prices-directory__container {
        width: calc(100% - 24px);
    }

    .prices-directory__title {
        font-size: 27px;
    }

    .price-category::after {
        left: 16px;
    }
}

@media (min-width: 2560px) {
    .prices-directory__container {
        width: min(calc(100% - 120px), 2100px);
        padding-top: 138px;
        padding-bottom: 154px;
    }

    .prices-directory__header,
    .prices-directory__heading {
        max-width: 980px;
    }

    .prices-directory__title {
        max-width: 920px;
        font-size: 50px;
    }

    .prices-directory__grid {
        gap: 20px;
        margin-top: 72px;
    }

    .price-category {
        min-height: 386px;
    }
}

@media (hover: none), (pointer: coarse) {
    .price-category::before {
        display: none;
    }

    .price-category:hover {
        border-color: rgba(222, 227, 230, .105);
        background:
            linear-gradient(180deg, rgba(239, 238, 233, .018), transparent 22%),
            linear-gradient(145deg, rgba(58, 66, 72, .965), rgba(54, 62, 68, .985));
        box-shadow:
            inset 0 1px 0 rgba(239, 238, 233, .024),
            0 5px 12px rgba(5, 8, 10, .14);
    }

    .price-category:hover::after {
        width: 48px;
        opacity: .78;
    }
}

@media (prefers-reduced-motion: reduce) {
    .price-category,
    .price-category::before,
    .price-category::after {
        transition: none !important;
    }

    .price-category:hover::before,
    .price-category:focus-visible::before {
        left: -72%;
    }
}

/* ========================================================== */
/* DIRECTORY — NUMBERING + TYPOGRAPHY                         */
/* ========================================================== */

/* Compact archive-style numbering: visible, precise, subordinate. */
.price-category__number {
    top: clamp(28px, 2.15vw, 34px);
    left: clamp(30px, 2.8vw, 44px);
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: 'Barlow Semi Condensed', Arial, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .09em;
    font-variant-numeric: lining-nums tabular-nums;
    color: #a1b6c5;
}

.price-category__number::after {
    content: '';
    display: block;
    width: 18px;
    height: 1px;
    flex: 0 0 18px;
    background: rgba(161, 182, 197, .30);
}

.price-category__copy {
    padding-top: 44px;
}

.price-category__title {
    max-width: 450px;
    margin: 0;
    font-family: 'Barlow Semi Condensed', Arial, sans-serif;
    font-size: clamp(22px, 1.22vw, 25px);
    font-weight: 500;
    line-height: 1.18;
    letter-spacing: .025em;
    text-wrap: pretty;
    color: #efeee9;
}

.price-category__text {
    max-width: 455px;
    margin: 16px 0 0;
    font-family: 'AdobeClean-Regular', 'Adobe Clean', Arial, sans-serif;
    font-size: clamp(15.5px, .84vw, 17px);
    font-weight: 400;
    line-height: 1.62;
    letter-spacing: .002em;
    text-wrap: pretty;
    color: rgba(205, 208, 204, .72);
}

@media (max-width: 991px) {
    .price-category__number {
        top: 29px;
        left: 36px;
    }

    .price-category__copy {
        padding-top: 42px;
    }

    .price-category__title {
        max-width: 500px;
        font-size: 22px;
    }

    .price-category__text {
        max-width: 520px;
        font-size: 15.5px;
    }
}

@media (max-width: 767px) {
    .price-category__number {
        top: 27px;
        left: 26px;
        gap: 9px;
    }

    .price-category__number::after {
        width: 16px;
        flex-basis: 16px;
    }

    .price-category__copy {
        padding-top: 39px;
    }

    .price-category__title {
        font-size: 21px;
        line-height: 1.2;
    }

    .price-category__text {
        margin-top: 14px;
        font-size: 15px;
        line-height: 1.6;
    }
}

@media (max-width: 480px) {
    .price-category__number {
        top: 24px;
        left: 20px;
        gap: 8px;
        font-size: 11.5px;
    }

    .price-category__number::after {
        width: 14px;
        flex-basis: 14px;
    }

    .price-category__copy {
        padding-top: 36px;
    }

    .price-category__title {
        font-size: 19px;
        line-height: 1.2;
        letter-spacing: .02em;
    }

    .price-category__text {
        margin-top: 12px;
        font-size: 14px;
        line-height: 1.58;
    }
}

@media (max-width: 360px) {
    .price-category__number {
        left: 16px;
        font-size: 11px;
    }

    .price-category__title {
        font-size: 18px;
    }

    .price-category__text {
        font-size: 13.5px;
    }
}

@media (min-width: 2560px) {
    .price-category__number {
        top: 38px;
        left: 50px;
        gap: 12px;
        font-size: 13px;
    }

    .price-category__number::after {
        width: 20px;
        flex-basis: 20px;
    }

    .price-category__copy {
        padding-top: 50px;
    }

    .price-category__title {
        max-width: 500px;
        font-size: 27px;
    }

    .price-category__text {
        max-width: 500px;
        margin-top: 17px;
        font-size: 18px;
    }
}

/* ========================================================== */
/* DIRECTORY — NUMBER REFINEMENT                              */
/* Larger standalone numbers; no decorative dash/hairline.    */
.price-category__number {
    gap: 0;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: .075em;
    color: #a1b6c5;
}

.price-category__number::after {
    content: none;
    display: none;
}

@media (max-width: 767px) {
    .price-category__number {
        gap: 0;
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .price-category__number {
        gap: 0;
        font-size: 14px;
    }
}

@media (max-width: 360px) {
    .price-category__number {
        font-size: 13.5px;
    }
}

@media (min-width: 2560px) {
    .price-category__number {
        gap: 0;
        font-size: 18px;
    }
}

/* ========================================================== */
/* DIRECTORY — ARTWORK + CTA                                  */
/* Normalised product stages and compact premium action chip.  */
/* ========================================================== */

.price-category {
    --category-image-max: 245px;
    --category-image-max-height: 220px;
}

.price-category__copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* Keep every transparent PNG in the same optical stage. */
.price-category__visual {
    align-self: center;
    width: 100%;
    min-height: 220px;
    display: grid;
    place-items: center;
}

.price-category__visual img {
    display: block;
    width: min(100%, var(--category-image-max));
    max-width: var(--category-image-max);
    max-height: var(--category-image-max-height);
    object-fit: contain;
    opacity: .97;
    filter: none;
    transform:
        translate3d(var(--category-image-x), var(--category-image-y), 0)
        scale(var(--category-image-scale));
    transform-origin: center center;
    transition:
        transform 300ms cubic-bezier(.22, 1, .36, 1),
        opacity 180ms ease;
}

/* Optical corrections for the actual transparent PNG compositions. */
.price-category:nth-child(1) {
    --category-image-max: 260px;
    --category-image-max-height: 198px;
    --category-image-scale: 1.02;
    --category-image-x: 0px;
    --category-image-y: 0px;
}

.price-category:nth-child(2) {
    --category-image-max: 188px;
    --category-image-max-height: 222px;
    --category-image-scale: 1;
    --category-image-x: 0px;
    --category-image-y: 0px;
}

.price-category:nth-child(3) {
    --category-image-max: 218px;
    --category-image-max-height: 218px;
    --category-image-scale: 1;
    --category-image-x: 0px;
    --category-image-y: 0px;
}

.price-category:nth-child(4) {
    --category-image-max: 246px;
    --category-image-max-height: 220px;
    --category-image-scale: 1.035;
    --category-image-x: -3px;
    --category-image-y: 0px;
}

.price-category:nth-child(5) {
    --category-image-max: 242px;
    --category-image-max-height: 220px;
    --category-image-scale: 1.025;
    --category-image-x: -2px;
    --category-image-y: 0px;
}

.price-category:nth-child(6) {
    --category-image-max: 270px;
    --category-image-max-height: 188px;
    --category-image-scale: 1.01;
    --category-image-x: 0px;
    --category-image-y: 0px;
}

.price-category:nth-child(7) {
    --category-image-max: 238px;
    --category-image-max-height: 214px;
    --category-image-scale: 1;
    --category-image-x: 0px;
    --category-image-y: 0px;
}

.price-category:nth-child(8) {
    --category-image-max: 204px;
    --category-image-max-height: 220px;
    --category-image-scale: 1;
    --category-image-x: 0px;
    --category-image-y: 0px;
}

@media (hover: hover) and (pointer: fine) {
    .price-category:hover .price-category__visual img,
    .price-category:focus-visible .price-category__visual img {
        transform:
            translate3d(var(--category-image-x), var(--category-image-y), 0)
            scale(calc(var(--category-image-scale) * 1.012));
        opacity: 1;
        filter: none;
    }
}

/* The whole category card is the link; this chip is its visual action cue. */
.price-category__action {
    width: fit-content;
    min-height: 40px;
    margin-top: 26px;
    padding: 0 0 0 13px;
    display: inline-flex;
    align-items: center;
    gap: 0;
    overflow: hidden;
    border: 1px solid rgba(161, 182, 197, .20);
    border-radius: 3px;
    background:
        linear-gradient(180deg, rgba(239, 238, 233, .020), rgba(239, 238, 233, .004)),
        rgba(123, 150, 173, .025);
    color: #c4c9c9;
    font-family: 'Barlow Semi Condensed', Arial, sans-serif;
    font-size: 11.2px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .075em;
    white-space: nowrap;
    transition:
        color 180ms ease,
        border-color 180ms ease,
        background 200ms ease,
        box-shadow 200ms ease;
}

.price-category__action svg {
    box-sizing: border-box;
    width: 36px;
    height: 38px;
    margin-left: 12px;
    padding: 10px;
    flex: 0 0 36px;
    fill: none;
    border-left: 1px solid rgba(161, 182, 197, .16);
    stroke: #a1b6c5;
    stroke-width: 1.45;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition:
        transform 180ms cubic-bezier(.22, 1, .36, 1),
        background-color 180ms ease,
        border-color 180ms ease,
        stroke 180ms ease;
}

@media (hover: hover) and (pointer: fine) {
    .price-category:hover .price-category__action,
    .price-category:focus-visible .price-category__action {
        color: #efeee9;
        border-color: rgba(161, 182, 197, .42);
        background:
            linear-gradient(180deg, rgba(239, 238, 233, .032), rgba(239, 238, 233, .006)),
            rgba(123, 150, 173, .050);
        box-shadow: 0 3px 7px rgba(5, 8, 10, .12);
    }

    .price-category:hover .price-category__action svg,
    .price-category:focus-visible .price-category__action svg {
        transform: translateX(2px);
        background: rgba(123, 150, 173, .055);
        border-left-color: rgba(161, 182, 197, .30);
        stroke: #b7c8d3;
    }
}

@media (max-width: 991px) {
    .price-category__visual {
        min-height: 190px;
    }

    .price-category__action {
        margin-top: 24px;
    }
}

@media (max-width: 767px) {
    .price-category__visual {
        min-height: 158px;
    }

    .price-category__action {
        min-height: 38px;
        margin-top: 21px;
        padding-left: 12px;
        font-size: 10.5px;
        letter-spacing: .070em;
    }

    .price-category__action svg {
        width: 34px;
        height: 36px;
        flex-basis: 34px;
        margin-left: 10px;
        padding: 9px;
    }
}

@media (max-width: 480px) {
    .price-category__visual {
        min-height: 126px;
    }

    .price-category__action {
        min-height: 36px;
        margin-top: 18px;
        padding-left: 10px;
        font-size: 9.6px;
        letter-spacing: .060em;
    }

    .price-category__action svg {
        width: 31px;
        height: 34px;
        flex-basis: 31px;
        margin-left: 9px;
        padding: 8px;
    }
}

@media (max-width: 360px) {
    .price-category__visual {
        min-height: 106px;
    }

    .price-category__action {
        margin-top: 16px;
        padding-left: 9px;
        font-size: 9.1px;
        letter-spacing: .050em;
    }

    .price-category__action svg {
        width: 29px;
        flex-basis: 29px;
        margin-left: 8px;
        padding: 7px;
    }
}

@media (min-width: 2560px) {
    .price-category__visual {
        min-height: 250px;
    }

    .price-category:nth-child(1) { --category-image-max: 300px; --category-image-max-height: 228px; }
    .price-category:nth-child(2) { --category-image-max: 216px; --category-image-max-height: 254px; }
    .price-category:nth-child(3) { --category-image-max: 250px; --category-image-max-height: 250px; }
    .price-category:nth-child(4) { --category-image-max: 282px; --category-image-max-height: 252px; }
    .price-category:nth-child(5) { --category-image-max: 278px; --category-image-max-height: 252px; }
    .price-category:nth-child(6) { --category-image-max: 310px; --category-image-max-height: 216px; }
    .price-category:nth-child(7) { --category-image-max: 274px; --category-image-max-height: 246px; }
    .price-category:nth-child(8) { --category-image-max: 234px; --category-image-max-height: 252px; }

    .price-category__action {
        min-height: 44px;
        margin-top: 30px;
        padding-left: 15px;
        font-size: 12px;
    }

    .price-category__action svg {
        width: 40px;
        height: 42px;
        flex-basis: 40px;
        margin-left: 14px;
        padding: 11px;
    }
}

@media (hover: none), (pointer: coarse) {
    .price-category:hover .price-category__visual img {
        transform:
            translate3d(var(--category-image-x), var(--category-image-y), 0)
            scale(var(--category-image-scale));
        opacity: .97;
        filter: none;
    }

    .price-category:hover .price-category__action {
        color: #c4c9c9;
        border-color: rgba(161, 182, 197, .20);
        background:
            linear-gradient(180deg, rgba(239, 238, 233, .020), rgba(239, 238, 233, .004)),
            rgba(123, 150, 173, .025);
        box-shadow: none;
    }

    .price-category:hover .price-category__action svg {
        transform: none;
        background: transparent;
        border-left-color: rgba(161, 182, 197, .16);
        stroke: #a1b6c5;
    }
}

@media (prefers-reduced-motion: reduce) {
    .price-category__action,
    .price-category__action svg,
    .price-category__visual img {
        transition: none !important;
    }
}

/* ========================================================== */
/* SVARBU ŽINOTI — FINAL TITANIUM INFORMATION PANEL          */
/* ========================================================== */

.prices-note {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(180deg, #2b3237 0%, #292f34 56%, #272d32 100%);
    border-bottom: 1px solid rgba(222, 227, 230, .060);
}

.prices-note::before {
    content: '';
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    transform: none;
    pointer-events: none;
    background-image:
        url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.50'/%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 180px 180px;
    mix-blend-mode: soft-light;
    opacity: .010;
}

.prices-note::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: auto;
    left: 50%;
    width: min(calc(100% - clamp(48px, 6vw, 140px)), 1760px);
    height: 1px;
    pointer-events: none;
    transform: translateX(-50%);
    background: linear-gradient(
        90deg,
        rgba(161, 182, 197, .42) 0%,
        rgba(222, 227, 230, .105) 18%,
        rgba(222, 227, 230, .055) 68%,
        transparent 100%
    );
}

.prices-note__container {
    position: relative;
    z-index: 1;
    width: min(calc(100% - clamp(48px, 6vw, 140px)), 1760px);
    margin: 0 auto;
    padding: clamp(92px, 6.8vw, 126px) 0 clamp(100px, 7.2vw, 136px);
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(360px, .78fr);
    align-items: center;
    gap: clamp(72px, 7vw, 132px);
}

.prices-note__heading {
    max-width: 820px;
}

.prices-note__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    font-family: 'Barlow Semi Condensed', Arial, sans-serif;
    font-size: clamp(11px, .68vw, 12.5px);
    font-weight: 500;
    line-height: 1;
    letter-spacing: .13em;
    color: var(--sr-accent-soft);
}

.prices-note__eyebrow::before {
    content: '';
    width: 34px;
    height: 1px;
    flex: 0 0 34px;
    background: linear-gradient(90deg, rgba(161, 182, 197, .90), rgba(123, 150, 173, .28));
}

.prices-note__title {
    max-width: 780px;
    margin: 22px 0 0;
    font-family: 'Source Serif 4', Georgia, serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-size: clamp(34px, 2.7vw, 47px);
    line-height: 1.23;
    letter-spacing: -.025em;
    text-wrap: balance;
    color: var(--sr-text);
}

.prices-note__details {
    position: relative;
    max-width: 700px;
    margin: 0;
    padding: 28px 0 0;
    border: 0;
    align-self: center;
}

.prices-note__details::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 1px;
    background: linear-gradient(90deg, rgba(161, 182, 197, .88), rgba(123, 150, 173, .24), transparent);
}

.prices-note__text {
    max-width: 680px;
    margin: 0;
    font-family: 'Prices Adobe Clean Regular', 'AdobeClean-Regular', Arial, sans-serif;
    font-size: clamp(16px, .94vw, 17.5px);
    font-weight: 400;
    line-height: 1.76;
    letter-spacing: .002em;
    text-wrap: pretty;
    color: rgba(205, 208, 204, .78);
}

@media (max-width: 1279px) {
    .prices-note__container {
        gap: clamp(54px, 5vw, 82px);
        padding-top: 90px;
        padding-bottom: 102px;
    }
}

@media (max-width: 900px) {
    .prices-note__container {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .prices-note__heading,
    .prices-note__details,
    .prices-note__text {
        max-width: 760px;
    }

    .prices-note__details {
        padding-top: 26px;
    }
}

@media (max-width: 767px) {
    .prices-note::after {
        width: calc(100% - 40px);
    }

    .prices-note__container {
        width: calc(100% - 40px);
        padding: 74px 0 82px;
        gap: 30px;
    }

    .prices-note__title {
        font-size: clamp(30px, 6vw, 36px);
        line-height: 1.25;
    }

    .prices-note__text {
        font-size: 16px;
        line-height: 1.72;
    }
}

@media (max-width: 480px) {
    .prices-note::after {
        width: calc(100% - 28px);
    }

    .prices-note__container {
        width: calc(100% - 28px);
        padding: 64px 0 70px;
        gap: 27px;
    }

    .prices-note__eyebrow {
        gap: 10px;
        font-size: 11px;
    }

    .prices-note__eyebrow::before {
        width: 28px;
        flex-basis: 28px;
    }

    .prices-note__title {
        margin-top: 19px;
        font-size: 29px;
        line-height: 1.25;
    }

    .prices-note__details {
        padding-top: 23px;
    }

    .prices-note__details::before {
        width: 60px;
    }

    .prices-note__text {
        font-size: 15px;
        line-height: 1.70;
    }
}

@media (max-width: 360px) {
    .prices-note::after,
    .prices-note__container {
        width: calc(100% - 24px);
    }

    .prices-note__title {
        font-size: 27px;
    }

    .prices-note__text {
        font-size: 14px;
    }
}

@media (min-width: 2560px) {
    .prices-note::after,
    .prices-note__container {
        width: min(calc(100% - 120px), 2100px);
    }

    .prices-note__container {
        grid-template-columns: minmax(0, .94fr) minmax(480px, .72fr);
        gap: 150px;
        padding-top: 132px;
        padding-bottom: 142px;
    }

    .prices-note__heading {
        max-width: 980px;
    }

    .prices-note__title {
        max-width: 900px;
        font-size: 52px;
    }

    .prices-note__details,
    .prices-note__text {
        max-width: 820px;
    }

    .prices-note__details {
        padding-top: 32px;
    }

    .prices-note__text {
        font-size: 19px;
    }
}


/* ========================================================== */
/* FOOTER — FINISHED SITE PARITY                              */
/* ========================================================== */

.site-footer {
    background: linear-gradient(180deg, #24292e 0%, #22272c 100%);
    border-top: 1px solid rgba(222, 227, 230, .085);
    box-shadow: none;
}

.site-footer .site-footer__main {
    grid-template-columns:
        minmax(250px, 1.28fr)
        minmax(160px, .88fr)
        minmax(170px, .92fr)
        minmax(220px, 1fr);
    align-items: start;
    gap: clamp(36px, 4.2vw, 76px);
    padding: clamp(72px, 6vw, 98px) 0 clamp(62px, 5vw, 82px);
}

.site-footer .site-footer__brand {
    grid-column: auto;
    max-width: 350px;
    margin: 0;
    justify-self: start;
    text-align: left;
}

.site-footer .site-footer__logo {
    font-size: clamp(29px, 1.75vw, 33px);
    line-height: 1;
    letter-spacing: 1.1px;
}

.site-footer .site-footer__logo-smart { color: #9aaebd; }
.site-footer .site-footer__logo-repair { color: #ecebe7; }

.site-footer .site-footer__description {
    max-width: 34ch;
    margin: 24px 0 0;
    font-family: 'Prices Adobe Clean Regular', 'AdobeClean-Regular', Arial, sans-serif;
    font-size: 15.5px;
    font-weight: 400;
    line-height: 1.72;
    letter-spacing: .002em;
    color: #aeb4b4;
    text-align: left;
}

.site-footer .site-footer__heading {
    position: relative;
    margin: 2px 0 22px;
    padding-bottom: 14px;
    font-family: 'Barlow Semi Condensed', Arial, sans-serif;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: .115em;
    color: #cbd0d1;
}

.site-footer .site-footer__heading::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 28px;
    height: 1px;
    background: #748da3;
    opacity: .72;
}

.site-footer .site-footer__links {
    display: grid;
    gap: 3px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.site-footer .site-footer__links a,
.site-footer .site-footer__phone,
.site-footer .site-footer__email,
.site-footer .site-footer__direct a,
.site-footer .site-footer__location {
    font-family: 'Prices Adobe Clean Regular', 'AdobeClean-Regular', Arial, sans-serif;
    font-size: 14.5px;
    line-height: 1.45;
}

.site-footer .site-footer__links a {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 36px;
    padding: 5px 0;
    color: #b9bfbd;
    text-decoration: none;
    transition: color 180ms ease;
}

.site-footer .site-footer__links a:hover,
.site-footer .site-footer__links a[aria-current='page'] {
    color: #ecebe7;
}

.site-footer .site-footer__contact-list {
    gap: 7px;
}

.site-footer .site-footer__location {
    color: #929a9a;
}

.site-footer .site-footer__phone,
.site-footer .site-footer__email {
    width: fit-content;
    color: #c3c7c5;
    text-decoration: none;
    transition: color 180ms ease;
}

.site-footer .site-footer__phone:hover,
.site-footer .site-footer__email:hover {
    color: #ecebe7;
}

.site-footer .site-footer__direct {
    margin-top: 3px;
}

.site-footer .site-footer__direct a {
    color: #9aaebd;
    text-decoration: none;
    transition: color 180ms ease;
}

.site-footer .site-footer__direct a:hover {
    color: #c7d6df;
}

.site-footer .site-footer__direct span {
    color: rgba(198, 200, 197, .34);
}

.site-footer .site-footer__bottom {
    min-height: 76px;
    padding: 24px 0 27px;
    border-top: 1px solid rgba(222, 227, 230, .10);
}

.site-footer .site-footer__copyright {
    margin: 0;
    font-family: 'Barlow Semi Condensed', Arial, sans-serif;
    font-size: 11.5px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: .04em;
    color: #929a9a;
    text-align: left;
}

.site-footer .site-footer__credit {
    margin: 0;
    font-family: 'Barlow Semi Condensed', Arial, sans-serif;
    font-size: 10.5px;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: .075em;
    color: rgba(154, 174, 189, .78);
    text-align: right;
    flex-wrap: wrap;
}

.site-footer .site-footer__credit-name {
    color: inherit;
    text-decoration: none;
    transition: color 180ms ease;
}

.site-footer .site-footer__credit-name:hover {
    color: #c7d6df;
    text-decoration: none;
}

.site-footer .site-footer__credit-name:focus-visible {
    color: #d7e1e7;
}

.site-footer a:focus-visible {
    outline-color: #a1b6c5;
}

@media (max-width: 1199px) {
    .site-footer .site-footer__main {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 42px 32px;
    }

    .site-footer .site-footer__brand {
        grid-column: 1 / -1;
        max-width: 470px;
    }

    .site-footer .site-footer__description {
        max-width: 46ch;
    }

    .site-footer .site-footer__bottom {
        flex-direction: column;
        align-items: flex-start;
        gap: 9px;
    }

    .site-footer .site-footer__credit {
        text-align: left;
        justify-content: flex-start;
    }
}

@media (max-width: 767px) {
    .site-footer .site-footer__container {
        width: calc(100% - 40px);
    }

    .site-footer .site-footer__main {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 38px 24px;
        padding: 60px 0 44px;
    }

    .site-footer .site-footer__brand {
        grid-column: 1 / -1;
    }

    .site-footer .site-footer__contact {
        grid-column: 1 / -1;
        padding-top: 30px;
        border-top: 1px solid rgba(222, 227, 230, .075);
    }
}

@media (max-width: 520px) {
    .site-footer .site-footer__main {
        grid-template-columns: 1fr;
        gap: 34px;
        padding: 56px 0 40px;
    }

    .site-footer .site-footer__brand,
    .site-footer .site-footer__contact {
        grid-column: auto;
    }

    .site-footer .site-footer__contact {
        padding-top: 32px;
    }

    .site-footer .site-footer__bottom {
        padding: 22px 0 24px;
    }

    .site-footer .site-footer__copyright,
    .site-footer .site-footer__credit {
        width: 100%;
    }
}


/* ========================================================== */
/* FINAL RESPONSIVE QA — PRICES PAGE                         */
/* Breakpoint smoothing, alignment and small-screen legibility. */
/* ========================================================== */

/* Use the same loaded Adobe Clean face throughout this page. */
.price-category__text {
    font-family: 'Prices Adobe Clean Regular', 'AdobeClean-Regular', Arial, sans-serif;
}

/*
 * 992–1023px was the only awkward transition: two cards were
 * squeezed into the compact-header layout. Keep the directory
 * single-column until a true 1024px landscape width is available.
 */
@media (min-width: 992px) and (max-width: 1023px) {
    .prices-directory__grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .price-category {
        min-height: 274px;
        grid-template-columns: minmax(0, 1fr) minmax(190px, .46fr);
        gap: 24px;
        padding: 32px 36px;
    }

    .price-category__number,
    .price-category::after {
        left: 36px;
    }

    .price-category__visual {
        min-height: 190px;
    }
}

/* Compact laptop / tablet-landscape cards: preserve artwork while
   giving long Lithuanian titles enough text width to wrap cleanly. */
@media (min-width: 1024px) and (max-width: 1149px) {
    .price-category {
        grid-template-columns: minmax(0, 1fr) 138px;
        gap: 18px;
        padding-left: 28px;
        padding-right: 28px;
    }

    .price-category__number,
    .price-category::after {
        left: 28px;
    }

    .price-category__title {
        font-size: 21px;
    }

    .price-category__visual {
        min-height: 178px;
    }
}

/* Keep the short card edge aligned exactly with the number at every
   responsive padding step. Earlier cascade layers used different values. */
@media (min-width: 768px) and (max-width: 991px) {
    .price-category::after {
        left: 36px;
    }
}

@media (max-width: 767px) {
    .price-category::after {
        left: 26px;
    }
}

@media (max-width: 480px) {
    .price-category::after {
        left: 20px;
    }

    .price-category__action {
        font-size: 10px;
        letter-spacing: .062em;
    }
}

@media (max-width: 360px) {
    .price-category {
        grid-template-columns: minmax(0, 1fr) 78px;
        gap: 10px;
    }

    .price-category::after {
        left: 16px;
    }

    .price-category__text {
        font-size: 14px;
        line-height: 1.60;
    }

    .price-category__action {
        font-size: 9.8px;
        letter-spacing: .055em;
    }
}

@media (min-width: 2560px) {
    .price-category::after {
        left: 50px;
    }
}

/* Touch browsers can retain :hover after a tap. Keep the resting top
   edge width unchanged instead of letting it jump from 42px to 48px. */
@media (max-width: 480px) and (hover: none),
       (max-width: 480px) and (pointer: coarse) {
    .price-category:hover::after {
        width: 42px;
    }
}

/* ========================================================== */
/* FINAL VISUAL CONSISTENCY — EYEBROWS / SECTION EDGE / CARDS */
/* ========================================================== */

/* Use one eyebrow language across the entire page: the same short,
   solid steel-blue dash used in the REMONTO ĮKAINIAI hero. */
.prices-directory__eyebrow,
.prices-note__eyebrow {
    gap: 13px;
    font-family: 'Barlow Semi Condensed', Arial, sans-serif;
    font-size: clamp(12px, .72vw, 13px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: .105em;
    color: var(--sr-accent-soft);
}

.prices-directory__eyebrow::before,
.prices-note__eyebrow::before {
    content: '';
    width: 26px;
    height: 1px;
    flex: 0 0 26px;
    background: rgba(161, 182, 197, .58);
}

/* The colour/material change already separates these sections.
   Do not draw an extra rule across the boundary. */
.prices-directory {
    border-bottom: 0;
}

.prices-note::after {
    content: none;
    display: none;
}

/* Match the approved Homepage service-card interaction:
   subtle lift, expanding steel-blue edge and a quiet material sweep. */
.price-category {
    transform: translateY(0);
    transition:
        transform 350ms ease,
        border-color 280ms ease,
        background 280ms ease,
        box-shadow 350ms ease;
}

/* Sweep */
.price-category::before {
    top: 0;
    left: -155%;
    width: 112%;
    height: 100%;
    background: linear-gradient(
        120deg,
        rgba(239, 238, 233, 0) 0%,
        rgba(239, 238, 233, .014) 36%,
        rgba(239, 238, 233, .105) 50%,
        rgba(239, 238, 233, .014) 64%,
        rgba(239, 238, 233, 0) 100%
    );
    transform: skewX(-20deg);
    transition: left 620ms cubic-bezier(.22, 1, .36, 1);
}

/* Expanding top edge — deliberately independent from card numbering. */
.price-category::after {
    top: 0;
    bottom: auto;
    left: 0;
    width: 86px;
    height: 1px;
    background: linear-gradient(
        90deg,
        rgba(161, 182, 197, .82),
        rgba(123, 150, 173, .20) 72%,
        transparent
    );
    opacity: 1;
    transform: scaleX(.56);
    transform-origin: left center;
    transition: transform 360ms cubic-bezier(.22, 1, .36, 1);
}

.price-category:focus-visible {
    transform: translateY(-2px);
    outline: 1px solid rgba(161, 182, 197, .76);
    outline-offset: 3px;
    border-color: rgba(161, 182, 197, .35);
    background:
        linear-gradient(180deg, rgba(239, 238, 233, .024), transparent 22%),
        linear-gradient(180deg, rgba(63, 72, 79, .99), rgba(58, 66, 73, .99));
    box-shadow:
        inset 0 1px 0 rgba(239, 238, 233, .030),
        0 8px 18px rgba(5, 8, 10, .19);
}

.price-category:focus-visible::before {
    left: 125%;
}

.price-category:focus-visible::after {
    width: 86px;
    opacity: 1;
    transform: scaleX(1);
}

.price-category:focus-visible .price-category__visual img {
    transform:
        translate3d(var(--category-image-x), calc(var(--category-image-y) - 2px), 0)
        scale(calc(var(--category-image-scale) * 1.012));
    opacity: 1;
}

@media (hover: hover) and (pointer: fine) {
    .price-category:hover {
        transform: translateY(-2px);
        border-color: rgba(161, 182, 197, .35);
        background:
            linear-gradient(180deg, rgba(239, 238, 233, .024), transparent 22%),
            linear-gradient(180deg, rgba(63, 72, 79, .99), rgba(58, 66, 73, .99));
        box-shadow:
            inset 0 1px 0 rgba(239, 238, 233, .030),
            0 8px 18px rgba(5, 8, 10, .19);
    }

    .price-category:hover::before {
        left: 125%;
    }

    .price-category:hover::after {
        width: 86px;
        opacity: 1;
        transform: scaleX(1);
    }

    .price-category:hover .price-category__visual img {
        transform:
            translate3d(var(--category-image-x), calc(var(--category-image-y) - 2px), 0)
            scale(calc(var(--category-image-scale) * 1.012));
        opacity: 1;
    }
}

/* Small screens use the same eyebrow proportions as the Homepage. */
@media (max-width: 480px) {
    .prices-directory__eyebrow,
    .prices-note__eyebrow {
        gap: 10px;
        font-size: 11px;
    }

    .prices-directory__eyebrow::before,
    .prices-note__eyebrow::before {
        width: 20px;
        flex-basis: 20px;
    }

    .price-category::after {
        left: 0;
        width: 86px;
    }
}

@media (max-width: 360px) {
    .price-category::after {
        left: 0;
    }
}

@media (min-width: 2560px) {
    .price-category::after {
        left: 0;
        width: 86px;
    }
}

/* Prevent sticky :hover on touch hardware from leaving a card lifted. */
@media (hover: none), (pointer: coarse) {
    .price-category:hover {
        transform: translateY(0);
        border-color: rgba(222, 227, 230, .105);
        background:
            linear-gradient(180deg, rgba(239, 238, 233, .018), transparent 22%),
            linear-gradient(145deg, rgba(58, 66, 72, .965), rgba(54, 62, 68, .985));
        box-shadow:
            inset 0 1px 0 rgba(239, 238, 233, .024),
            0 5px 12px rgba(5, 8, 10, .14);
    }

    .price-category:hover::before {
        left: -155%;
    }

    .price-category:hover::after {
        width: 86px;
        opacity: 1;
        transform: scaleX(.56);
    }

    .price-category:hover .price-category__visual img {
        transform:
            translate3d(var(--category-image-x), var(--category-image-y), 0)
            scale(var(--category-image-scale));
        opacity: .97;
    }
}

@media (prefers-reduced-motion: reduce) {
    .price-category,
    .price-category::before,
    .price-category::after {
        transition: none !important;
    }
}

/* ========================================================== */
/* PRICES — CARD HOVER COLOUR FIX + SVARBU ŽINOTI REDESIGN   */
/* 2026-10-03                                                */
/* ========================================================== */

/* Legacy rules earlier in this stylesheet used amber on the card edge
   during :hover/:focus. Explicitly keep the entire interaction in the
   finished steel-blue system. */
.price-category::after,
.price-category:hover::after,
.price-category:focus-visible::after {
    background: linear-gradient(
        90deg,
        rgba(161, 182, 197, .86) 0%,
        rgba(123, 150, 173, .32) 72%,
        transparent 100%
    );
}

@media (hover: none), (pointer: coarse) {
    .price-category:hover::after {
        background: linear-gradient(
            90deg,
            rgba(161, 182, 197, .86) 0%,
            rgba(123, 150, 173, .32) 72%,
            transparent 100%
        );
    }
}

/* ---------------------------------------------------------- */
/* SVARBU ŽINOTI — PREMIUM INFORMATION PLATE                 */
/* ---------------------------------------------------------- */

.prices-note {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 0;
    background: linear-gradient(180deg, #282f34 0%, #252c31 54%, #23292e 100%);
}

/* Keep only an almost imperceptible material texture; no section rule. */
.prices-note::before {
    content: '';
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    transform: none;
    pointer-events: none;
    background-image:
        url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.42'/%3E%3C/svg%3E");
    background-repeat: repeat;
    background-size: 180px 180px;
    mix-blend-mode: soft-light;
    opacity: .008;
}

.prices-note::after {
    content: none !important;
    display: none !important;
}

/* The section becomes one deliberate, elevated information plate rather
   than another loose two-column text block. */
.prices-note__container {
    position: relative;
    z-index: 1;
    width: min(calc(100% - clamp(48px, 6vw, 140px)), 1760px);
    margin: clamp(76px, 6vw, 108px) auto clamp(82px, 6.5vw, 116px);
    padding: clamp(44px, 4.1vw, 66px) clamp(42px, 4.2vw, 70px);
    display: grid;
    grid-template-columns: minmax(0, .96fr) minmax(380px, .82fr);
    align-items: center;
    gap: clamp(62px, 6.4vw, 118px);
    overflow: hidden;
    border: 0;
    border-radius: 6px;
    background:
        linear-gradient(180deg, rgba(239, 238, 233, .018), transparent 20%),
        linear-gradient(145deg, rgba(58, 67, 74, .985), rgba(48, 57, 63, .995));
    box-shadow:
        0 14px 32px rgba(5, 8, 10, .18),
        0 3px 8px rgba(5, 8, 10, .10);
}

/* A short, substantial material marker — intentionally not a hairline. */
.prices-note__container::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 3px;
    height: 74px;
    transform: translateY(-50%);
    border-radius: 0 2px 2px 0;
    background: rgba(123, 150, 173, .72);
    pointer-events: none;
}

.prices-note__heading {
    max-width: 760px;
    align-self: center;
    padding: 4px 0;
}

.prices-note__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    margin: 0;
    font-family: 'Barlow Semi Condensed', Arial, sans-serif;
    font-size: clamp(12px, .72vw, 13px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: .105em;
    color: var(--sr-accent-soft);
}

/* Exact same short solid dash language used elsewhere on the page. */
.prices-note__eyebrow::before {
    content: '';
    width: 26px;
    height: 1px;
    flex: 0 0 26px;
    background: rgba(161, 182, 197, .58);
}

.prices-note__title {
    max-width: 720px;
    margin: clamp(20px, 1.7vw, 25px) 0 0;
    font-family: 'Source Serif 4', Georgia, serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-size: clamp(36px, 2.8vw, 48px);
    line-height: 1.22;
    letter-spacing: -.026em;
    text-wrap: balance;
    color: var(--sr-text);
}

/* The explanatory copy sits in its own darker inset plane, giving the
   section a clear purpose without adding another border/divider line. */
.prices-note__details {
    position: relative;
    max-width: none;
    margin: 0;
    padding: clamp(30px, 2.6vw, 40px) clamp(30px, 2.9vw, 44px);
    align-self: center;
    border: 0;
    border-radius: 4px;
    background:
        linear-gradient(180deg, rgba(15, 19, 22, .26), rgba(15, 19, 22, .13));
    box-shadow:
        inset 0 1px 0 rgba(239, 238, 233, .018),
        0 4px 10px rgba(5, 8, 10, .08);
}

.prices-note__details::before {
    content: none;
    display: none;
}

.prices-note__text {
    max-width: 660px;
    margin: 0;
    font-family: 'Prices Adobe Clean Regular', 'AdobeClean-Regular', Arial, sans-serif;
    font-size: clamp(16px, .96vw, 18px);
    font-weight: 400;
    line-height: 1.76;
    letter-spacing: .002em;
    text-wrap: pretty;
    color: rgba(205, 208, 204, .82);
}

@media (max-width: 1279px) {
    .prices-note__container {
        margin-top: 72px;
        margin-bottom: 84px;
        padding: 48px 46px;
        grid-template-columns: minmax(0, .95fr) minmax(340px, .82fr);
        gap: clamp(46px, 5vw, 70px);
    }
}

@media (max-width: 900px) {
    .prices-note__container {
        grid-template-columns: 1fr;
        gap: 34px;
        padding: 46px 44px;
    }

    .prices-note__heading,
    .prices-note__details,
    .prices-note__text {
        max-width: 760px;
    }

    .prices-note__details {
        width: 100%;
    }

    .prices-note__container::before {
        top: 48px;
        height: 58px;
        transform: none;
    }
}

@media (max-width: 767px) {
    .prices-note__container {
        width: calc(100% - 40px);
        margin: 58px auto 64px;
        padding: 38px 34px;
        gap: 28px;
    }

    .prices-note__title {
        font-size: clamp(30px, 6vw, 36px);
        line-height: 1.25;
    }

    .prices-note__details {
        padding: 28px 30px;
    }

    .prices-note__text {
        font-size: 16px;
        line-height: 1.72;
    }
}

@media (max-width: 480px) {
    .prices-note__container {
        width: calc(100% - 28px);
        margin: 48px auto 54px;
        padding: 32px 24px 26px;
        gap: 24px;
        border-radius: 5px;
    }

    .prices-note__container::before {
        top: 34px;
        width: 2px;
        height: 46px;
    }

    .prices-note__eyebrow {
        gap: 10px;
        font-size: 11px;
    }

    .prices-note__eyebrow::before {
        width: 20px;
        flex-basis: 20px;
    }

    .prices-note__title {
        margin-top: 19px;
        font-size: 29px;
        line-height: 1.25;
    }

    .prices-note__details {
        padding: 24px 22px;
    }

    .prices-note__text {
        font-size: 15px;
        line-height: 1.70;
    }
}

@media (max-width: 360px) {
    .prices-note__container {
        width: calc(100% - 24px);
        margin-top: 44px;
        margin-bottom: 48px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .prices-note__title {
        font-size: 27px;
    }

    .prices-note__details {
        padding: 22px 18px;
    }

    .prices-note__text {
        font-size: 14px;
    }
}

@media (min-width: 2560px) {
    .prices-note__container {
        width: min(calc(100% - 120px), 2100px);
        margin-top: 118px;
        margin-bottom: 126px;
        padding: 72px 78px;
        grid-template-columns: minmax(0, .96fr) minmax(500px, .76fr);
        gap: 150px;
    }

    .prices-note__container::before {
        height: 88px;
    }

    .prices-note__heading {
        max-width: 920px;
    }

    .prices-note__title {
        max-width: 860px;
        font-size: 54px;
    }

    .prices-note__details {
        padding: 44px 48px;
    }

    .prices-note__text {
        max-width: 780px;
        font-size: 19px;
    }
}

/* ========================================================== */
/* PRICES — TIGHT PHYSICAL SHADOW / SVARBU ŽINOTI            */
/* ========================================================== */
/* Match the approved PC Repair panel treatment: one compressed
   contact shadow, no visible multi-band falloff. */
.prices-note__container {
    background: linear-gradient(180deg, #3a4349 0%, #374047 100%);
    box-shadow:
        0 6px 10px -5px rgba(0, 0, 0, .52),
        inset 0 1px 0 rgba(255, 255, 255, .03);
}

/* ========================================================== */
/* PRICES — TIGHT PHYSICAL SHADOW / CATEGORY CARDS            */
/* ========================================================== */
/* Smaller cards use the same compressed-shadow philosophy as
   the large information panel, but at a lighter strength. */
.price-category {
    background: linear-gradient(180deg, #3a4248 0%, #363e44 100%);
    box-shadow:
        0 5px 9px -5px rgba(0, 0, 0, .45),
        inset 0 1px 0 rgba(255, 255, 255, .025);
}

.price-category:focus-visible {
    background: linear-gradient(180deg, #3d464d 0%, #394249 100%);
    box-shadow:
        0 7px 11px -5px rgba(0, 0, 0, .52),
        inset 0 1px 0 rgba(255, 255, 255, .03);
}

@media (hover: hover) and (pointer: fine) {
    .price-category:hover {
        background: linear-gradient(180deg, #3d464d 0%, #394249 100%);
        box-shadow:
            0 7px 11px -5px rgba(0, 0, 0, .52),
            inset 0 1px 0 rgba(255, 255, 255, .03);
    }
}

@media (hover: none), (pointer: coarse) {
    .price-category:hover {
        background: linear-gradient(180deg, #3a4248 0%, #363e44 100%);
        box-shadow:
            0 5px 9px -5px rgba(0, 0, 0, .45),
            inset 0 1px 0 rgba(255, 255, 255, .025);
    }
}

/* ========================================================== */
/* CARD SYSTEM — NO TOP HAIRLINES — 2026-10-04               */
/* Preserve sweep/lift/shadow; remove only the card-top accent. */
.price-category::after,
.price-category:hover::after,
.price-category:focus-visible::after {
    content: none !important;
    display: none !important;
}

/* ========================================================== */
/* FOOTER CONTACT PARITY — LARGE PHONE NUMBER                 */
/* Matches the approved homepage/news footer contact hierarchy. */
/* ========================================================== */
.site-footer .site-footer__phone {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 40px;
    margin: 0;
    font-family: 'Barlow Semi Condensed', Arial, sans-serif;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.35;
    letter-spacing: .025em;
    color: #ecebe7;
    text-decoration: none;
    transition: color 170ms ease;
}

@media (max-width: 680px) {
    .site-footer .site-footer__phone {
        min-height: 44px;
    }
}


/* ========================================================== */
/* FOOTER CONTACT BLOCK — CROSS-PAGE PARITY — 2026-10-04     */
/* Matches the approved homepage/news contact hierarchy.      */
/* ========================================================== */
.site-footer .site-footer__location {
    font-family: 'Prices Adobe Clean Regular', 'AdobeClean-Regular', Arial, sans-serif;
    font-size: 15.5px;
    font-weight: 400;
    line-height: 1.65;
    color: #9ea4a3;
}
.site-footer .site-footer__direct {
    display: flex;
    align-items: center;
    gap: 17px;
    margin: 0;
    font-family: inherit;
}
.site-footer .site-footer__direct span { display: none; }
.site-footer .site-footer__direct a {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    font-family: 'Barlow Semi Condensed', Arial, sans-serif;
    font-size: 15.5px;
    font-weight: 500;
    line-height: 1.45;
    letter-spacing: .025em;
    color: #9aaebd;
}
.site-footer .site-footer__email {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 36px;
    margin: 0;
    font-family: 'Prices Adobe Clean Regular', 'AdobeClean-Regular', Arial, sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #c0c5c3;
    overflow-wrap: anywhere;
}

/* ========================================================== */
/* SITE-WIDE EYEBROW CLEANUP — NO DECORATIVE LEADING DASH     */
/* ========================================================== */
.prices-hero__eyebrow::before,
.prices-directory__eyebrow::before,
.prices-note__eyebrow::before {
    content: none !important;
    display: none !important;
}