@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


:root {
    --ak-ink: #111111;
    --ak-ink-soft: #292824;
    --ak-stone: #b8955f;
    --ak-stone-dark: #8f6d3e;
    --ak-ivory: #f5f1e8;
    --ak-sand: #e8dfd0;
    --ak-white: #ffffff;
    --ak-muted: #74736e;
    --ak-line: rgba(23, 23, 19, .13);
    --ak-dark-line: rgba(255, 255, 255, .16);
    --ak-shadow: 0 28px 80px rgba(22, 20, 16, .14);
    --ak-header-height: 118px;
    --ak-radius: 2px;
    --ak-transition: .28s cubic-bezier(.2, .7, .2, 1);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body.ak-body {
    margin: 0;
    background: var(--ak-white);
    color: var(--ak-ink);
    font-family: "Urbanist", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.65;
    overflow-x: hidden;
}

body.ak-body.menu-open {
    overflow: hidden;
}

img {
    max-width: 100%;
}

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

a:hover {
    color: inherit;
}

button,
input,
textarea,
select {
    font: inherit;
}

button {
    border: 0;
}

::selection {
    background: var(--ak-stone);
    color: var(--ak-white);
}

.ak-main {
    min-height: 45vh;
}

.ak-page-inner .ak-main {
    padding-top: var(--ak-header-height);
}

.ak-container-wide {
    max-width: 1860px;
    padding-right: clamp(22px, 3.1vw, 62px);
    padding-left: clamp(22px, 3.1vw, 62px);
}

.ak-visually-hidden {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.ak-skip-link {
    position: fixed;
    top: -100px;
    left: 20px;
    z-index: 10000;
    padding: 12px 18px;
    background: var(--ak-ink);
    color: var(--ak-white);
    transition: top var(--ak-transition);
}

.ak-skip-link:focus {
    top: 18px;
    color: var(--ak-white);
}

.ak-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color: var(--ak-stone-dark);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.ak-kicker::before {
    width: 28px;
    height: 1px;
    background: currentColor;
    content: "";
}

.ak-kicker--light {
    color: rgba(255, 255, 255, .72);
}

.ak-header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1040;
    width: 100%;
    transition: background var(--ak-transition), box-shadow var(--ak-transition), transform var(--ak-transition);
}

.ak-header__utility {
    height: 34px;
    border-bottom: 1px solid var(--ak-dark-line);
    transition: background var(--ak-transition), border-color var(--ak-transition);
}

.ak-header__utility .row {
    height: 34px;
}

.ak-header__utility-left,
.ak-header__utility-right {
    display: flex;
    align-items: center;
    min-height: 34px;
}

.ak-header__utility-right {
    justify-content: flex-end;
    gap: 28px;
}

.ak-header__utility-right a,
.ak-header__hours {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
}

.ak-header__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 600;
    text-transform: capitalize;
}

.ak-header__eyebrow > span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ak-stone);
    box-shadow: 0 0 0 5px rgba(184, 149, 95, .14);
}

.ak-header__main {
    height: 84px;
    border-bottom: 1px solid transparent;
    transition: height var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition), box-shadow var(--ak-transition);
}

.ak-header__main > .container-fluid,
.ak-header__main > .container-fluid > .row {
    height: 100%;
}

.ak-header--overlay {
    color: var(--ak-white);
}

.ak-header--overlay .ak-header__utility {
    background: rgba(12, 12, 10, .14);
}

.ak-header--overlay .ak-header__main {
    background: linear-gradient(180deg, rgba(8, 8, 7, .34), rgba(8, 8, 7, .05));
    border-bottom-color: rgba(255, 255, 255, .16);
}

.ak-header--solid {
    color: var(--ak-ink);
    background: #020A17;
    box-shadow: 0 7px 30px rgba(20, 20, 17, .06);
}

.ak-header--solid .ak-header__utility {
    color: rgba(255, 255, 255, .78);
    background: var(--ak-ink);
    border-bottom-color: rgba(255, 255, 255, .09);
}

.ak-header--solid .ak-header__main {
    background: rgba(255, 255, 255, .98);
    border-bottom-color: var(--ak-line);
}

.ak-header--scrolled {
    color: var(--ak-ink);
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 12px 38px rgba(22, 21, 18, .1);
    backdrop-filter: blur(16px);
}

.ak-header--scrolled .ak-header__utility {
    color: rgba(255, 255, 255, .78);
    background: #020A17;
    border-bottom-color: rgba(255, 255, 255, .08);
}

.ak-header--scrolled .ak-header__main {
    background: rgba(255, 255, 255, .96);
    border-bottom-color: var(--ak-line);
}

.ak-header__logo-column {
    width: clamp(145px, 10vw, 196px);
}

.ak-logo {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%;
    max-width: 170px;
    height: 66px;
}

.ak-logo__image {
    position: absolute;
    top: 50%;
    left: 0;
    width: auto;
    max-width: 164px;
    max-height: 62px;
    object-fit: contain;
    transform: translateY(-50%);
    transition: opacity var(--ak-transition), visibility var(--ak-transition);
}

.ak-logo__image--dark {
    opacity: 0;
    visibility: hidden;
}

.ak-header--solid .ak-logo__image--dark,
.ak-header--scrolled .ak-logo__image--dark {
    opacity: 1;
    visibility: visible;
}

.ak-header--solid .ak-logo__image--light,
.ak-header--scrolled .ak-logo__image--light {
    opacity: 0;
    visibility: hidden;
}

.ak-logo-fallback {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    line-height: .9;
}

.ak-logo-fallback strong {
    font-family: "Urbanist", sans-serif;
    font-size: 25px;
    font-weight: 800;
    letter-spacing: .18em;
}

.ak-logo-fallback small {
    margin-top: 8px;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .42em;
}

.ak-logo-fallback--light {
    color: var(--ak-white);
}

.ak-nav {
    display: flex;
    justify-content: center;
}

.ak-nav__list {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: clamp(15px, 1.25vw, 27px);
    margin: 0;
    padding: 0;
    list-style: none;
}

.ak-nav__item {
    position: relative;
    display: flex;
    align-items: center;
    height: 84px;
}

.ak-nav__link {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 10px 0;
    background: transparent;
    color: inherit;
    font-size: clamp(14px, .88vw, 16px);
    font-weight: 650;
    white-space: nowrap;
    cursor: pointer;
    transition: color var(--ak-transition);
}

.ak-nav__link::after {
    position: absolute;
    right: 0;
    bottom: 2px;
    left: 0;
    height: 1px;
    background: var(--ak-stone);
    content: "";
    transform: scaleX(0);
    transform-origin: right center;
    transition: transform var(--ak-transition);
}

.ak-nav__link:hover,
.ak-nav__link.is-active,
.ak-nav__item.is-open > .ak-nav__link {
    color: var(--ak-stone);
}

.ak-nav__link:hover::after,
.ak-nav__link.is-active::after,
.ak-nav__item.is-open > .ak-nav__link::after {
    transform: scaleX(1);
    transform-origin: left center;
}

.ak-nav__toggle i {
    font-size: 12px;
    transition: transform var(--ak-transition);
}

.ak-nav__item.is-open > .ak-nav__toggle i {
    transform: rotate(180deg);
}

.ak-header--overlay:not(.ak-header--scrolled) .ak-nav__link:hover,
.ak-header--overlay:not(.ak-header--scrolled) .ak-nav__link.is-active,
.ak-header--overlay:not(.ak-header--scrolled) .ak-nav__item.is-open > .ak-nav__link {
    color: #e3be82;
}

.ak-dropdown,
.ak-mega-menu {
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    color: var(--ak-ink);
    background: var(--ak-white);
    box-shadow: var(--ak-shadow);
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 16px);
    pointer-events: none;
    transition: opacity var(--ak-transition), visibility var(--ak-transition), transform var(--ak-transition);
}

.ak-nav__item.is-open > .ak-dropdown,
.ak-nav__item.is-open > .ak-mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
    pointer-events: auto;
}

.ak-dropdown--corporate {
    display: flex;
    width: 790px;
    min-height: 365px;
}

.ak-dropdown__intro {
    width: 43%;
    padding: 44px 40px;
    background: var(--ak-ivory);
}

.ak-dropdown__intro h2 {
    margin: 0 0 16px;
    font-family: "Urbanist", sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.12;
}

.ak-dropdown__intro p {
    margin: 0 0 26px;
    color: var(--ak-muted);
    font-size: 14px;
    line-height: 1.65;
}

.ak-text-link {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--ak-ink);
    font-size: 13px;
    font-weight: 800;
}

.ak-text-link i {
    font-size: 11px;
    transition: transform var(--ak-transition);
}

.ak-text-link:hover i {
    transform: translateX(5px);
}

.ak-dropdown__links {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    width: 57%;
    padding: 30px 34px;
}

.ak-dropdown__links a {
    display: flex;
    align-items: center;
    width: 50%;
    min-height: 54px;
    padding: 10px 12px;
    border-bottom: 1px solid var(--ak-line);
    font-size: 15px;
    font-weight: 700;
    transition: color var(--ak-transition), padding-left var(--ak-transition);
}

.ak-dropdown__links a span {
    width: 30px;
    color: var(--ak-stone);
    font-size: 10px;
    font-weight: 800;
}

.ak-dropdown__links a:hover {
    padding-left: 18px;
    color: var(--ak-stone-dark);
}

.ak-dropdown--compact {
    left: 0;
    width: 390px;
    padding: 10px;
    transform: translate(0, 16px);
}

.ak-nav__item.is-open > .ak-dropdown--compact {
    transform: translate(0, 0);
}

.ak-dropdown--compact > a {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 18px;
    transition: background var(--ak-transition);
}

.ak-dropdown--compact > a + a {
    border-top: 1px solid var(--ak-line);
}

.ak-dropdown--compact > a:hover {
    background: var(--ak-ivory);
}

.ak-dropdown--compact > a > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
}

.ak-dropdown--compact span {
    display: flex;
    flex-direction: column;
}

.ak-dropdown--compact strong {
    font-size: 15px;
}

.ak-dropdown--compact small {
    margin-top: 2px;
    color: var(--ak-muted);
    font-size: 12px;
    font-weight: 500;
}

.ak-mega-menu {
    position: fixed;
    top: var(--ak-header-height);
    width: min(1540px, calc(100vw - 54px));
    max-height: calc(100vh - var(--ak-header-height) - 24px);
    padding: 34px;
    overflow-y: auto;
}

.ak-mega-menu__heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 27px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--ak-line);
}

.ak-mega-menu__heading h2 {
    margin: 0;
    font-family: "Urbanist", sans-serif;
    font-size: clamp(25px, 2vw, 36px);
    font-weight: 700;
}

.ak-outline-link {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    min-height: 46px;
    padding: 0 20px;
    border: 1px solid var(--ak-line);
    font-size: 13px;
    font-weight: 800;
    transition: color var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition);
}

.ak-outline-link:hover {
    color: var(--ak-white);
    background: var(--ak-ink);
    border-color: var(--ak-ink);
}

.ak-mega-menu__row {
    margin-right: -1px;
    border-top: 1px solid var(--ak-line);
    border-left: 1px solid var(--ak-line);
}

.ak-mega-category {
    height: 100%;
    padding: 18px;
    border-right: 1px solid var(--ak-line);
    border-bottom: 1px solid var(--ak-line);
}

.ak-mega-category__visual {
    position: relative;
    display: block;
    height: 126px;
    overflow: hidden;
    background: var(--ak-ivory);
}

.ak-mega-category__visual::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent, rgba(15, 15, 12, .22));
    content: "";
}

.ak-mega-category__visual img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.2, .7, .2, 1);
}

.ak-mega-category__visual span {
    position: absolute;
    right: 12px;
    bottom: 12px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background: rgba(255, 255, 255, .9);
    color: var(--ak-ink);
    font-size: 11px;
}

.ak-mega-category:hover .ak-mega-category__visual img {
    transform: scale(1.06);
}

.ak-mega-category__content {
    padding: 18px 2px 4px;
}

.ak-mega-category__title {
    display: block;
    margin-bottom: 10px;
    font-family: "Urbanist", sans-serif;
    font-size: 19px;
    font-weight: 750;
}

.ak-mega-category__title:hover {
    color: var(--ak-stone-dark);
}

.ak-mega-category ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ak-mega-category li {
    margin-top: 5px;
}

.ak-mega-category li a {
    color: var(--ak-muted);
    font-size: 13px;
    font-weight: 600;
    transition: color var(--ak-transition), padding-left var(--ak-transition);
}

.ak-mega-category li a:hover {
    padding-left: 5px;
    color: var(--ak-ink);
}

.ak-header-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

.ak-header-phone {
    align-items: center;
    gap: 10px;
    margin-right: 5px;
    padding-right: 18px;
    border-right: 1px solid rgba(128, 128, 128, .28);
}

.ak-header-phone > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: 11px;
}

.ak-header-phone strong {
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
}

.ak-icon-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border: 1px solid rgba(128, 128, 128, .34);
    border-radius: 50%;
    background: transparent;
    color: inherit;
    font-size: 15px;
    cursor: pointer;
    transition: color var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-icon-button:hover {
    color: var(--ak-white);
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    transform: translateY(-2px);
}

.ak-header--overlay:not(.ak-header--scrolled) .ak-icon-button {
    border-color: rgba(255, 255, 255, .38);
}

.ak-cart-count {
    position: absolute;
    top: -5px;
    right: -3px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 19px;
    height: 19px;
    padding: 0 5px;
    border: 2px solid var(--ak-white);
    border-radius: 999px;
    background: var(--ak-stone);
    color: var(--ak-white);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

.ak-header--overlay:not(.ak-header--scrolled) .ak-cart-count {
    border-color: #272722;
}

.ak-language {
    position: relative;
}

.ak-language__button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 42px;
    padding: 0 13px;
    border: 1px solid rgba(128, 128, 128, .34);
    border-radius: 999px;
    background: transparent;
    color: inherit;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.ak-header--overlay:not(.ak-header--scrolled) .ak-language__button {
    border-color: rgba(255, 255, 255, .38);
}

.ak-language__button i:first-child {
    font-size: 13px;
}

.ak-language__button i:last-child {
    margin-left: 2px;
    font-size: 8px;
    transition: transform var(--ak-transition);
}

.ak-language.is-open .ak-language__button i:last-child {
    transform: rotate(180deg);
}

.ak-language__menu {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    padding: 8px;
    background: var(--ak-white);
    color: var(--ak-ink);
    box-shadow: var(--ak-shadow);
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: opacity var(--ak-transition), visibility var(--ak-transition), transform var(--ak-transition);
}

.ak-language.is-open .ak-language__menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.ak-language__menu a {
    display: flex;
    align-items: center;
    gap: 11px;
    min-height: 52px;
    padding: 8px 10px;
    border-bottom: 1px solid var(--ak-line);
    transition: background var(--ak-transition);
}

.ak-language__menu a:last-child {
    border-bottom: 0;
}

.ak-language__menu a:hover {
    background: var(--ak-ivory);
}

.ak-language__menu a > span:nth-child(2) {
    display: flex;
    flex: 1;
    flex-direction: column;
    line-height: 1.2;
}

.ak-language__menu strong {
    font-size: 13px;
}

.ak-language__menu small {
    margin-top: 3px;
    color: var(--ak-muted);
    font-size: 11px;
    font-weight: 500;
}

.ak-language__menu a > i {
    color: var(--ak-stone-dark);
    font-size: 10px;
    opacity: 0;
}

.ak-language__menu a.is-active > i {
    opacity: 1;
}

.ak-language__flag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 19px;
    flex: 0 0 27px;
    overflow: hidden;
    border: 1px solid var(--ak-line);
    background: var(--ak-ivory);
    font-size: 8px;
    font-weight: 800;
}

.ak-language__flag img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ak-mobile-menu-trigger {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.ak-mobile-menu-trigger span {
    width: 18px;
    height: 1.5px;
    background: currentColor;
    transition: transform var(--ak-transition);
}

.ak-mobile-menu {
    width: min(460px, 94vw) !important;
    border: 0 !important;
}

.ak-mobile-menu .offcanvas-header {
    min-height: 82px;
    padding: 14px 22px;
    border-bottom: 1px solid var(--ak-line);
}

.ak-mobile-menu .offcanvas-body {
    padding: 0 22px 28px;
}

.ak-mobile-logo {
    display: inline-flex;
    align-items: center;
    width: 150px;
    height: 58px;
}

.ak-mobile-logo img {
    width: auto;
    max-width: 145px;
    max-height: 54px;
    object-fit: contain;
}

.ak-offcanvas-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border: 1px solid var(--ak-line);
    border-radius: 50%;
    background: transparent;
    color: var(--ak-ink);
    font-size: 16px;
    cursor: pointer;
    transition: color var(--ak-transition), background var(--ak-transition), transform var(--ak-transition);
}

.ak-offcanvas-close:hover {
    color: var(--ak-white);
    background: var(--ak-ink);
    transform: rotate(8deg);
}

.ak-mobile-search {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 54px;
    margin: 18px 0 12px;
    padding: 0 16px;
    border: 1px solid var(--ak-line);
    background: var(--ak-ivory);
    color: var(--ak-ink);
    cursor: pointer;
}

.ak-mobile-search i:first-child {
    margin-right: 12px;
}

.ak-mobile-search span {
    flex: 1;
    text-align: left;
    font-size: 14px;
    font-weight: 650;
}

.ak-mobile-search i:last-child {
    font-size: 11px;
}

.ak-mobile-nav {
    border-top: 1px solid var(--ak-line);
}

.ak-mobile-nav__direct,
.ak-mobile-accordion__button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-height: 58px;
    padding: 0;
    border-bottom: 1px solid var(--ak-line);
    background: transparent;
    color: var(--ak-ink);
    font-family: "Urbanist", sans-serif;
    font-size: 17px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
}

.ak-mobile-nav__direct i {
    font-size: 11px;
}

.ak-mobile-accordion__button i {
    font-size: 12px;
    transition: transform var(--ak-transition);
}

.ak-mobile-accordion.is-open .ak-mobile-accordion__button i {
    transform: rotate(45deg);
}

.ak-mobile-accordion__content {
    max-height: 0;
    padding: 0 14px;
    overflow: hidden;
    background: var(--ak-ivory);
    transition: max-height .42s ease, padding var(--ak-transition);
}

.ak-mobile-accordion.is-open .ak-mobile-accordion__content {
    max-height: 1000px;
    padding-top: 9px;
    padding-bottom: 13px;
}

.ak-mobile-accordion__content > a {
    display: flex;
    align-items: center;
    min-height: 39px;
    border-bottom: 1px solid rgba(23, 23, 19, .08);
    color: var(--ak-ink-soft);
    font-size: 14px;
    font-weight: 650;
}

.ak-mobile-accordion__content > a:last-child {
    border-bottom: 0;
}

.ak-mobile-product {
    border-bottom: 1px solid rgba(23, 23, 19, .1);
}

.ak-mobile-product__parent {
    display: flex;
    align-items: center;
}

.ak-mobile-product__parent > a {
    flex: 1;
    padding: 11px 0;
    font-size: 14px;
    font-weight: 750;
}

.ak-mobile-product__parent > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: transparent;
    color: var(--ak-ink);
    cursor: pointer;
}

.ak-mobile-product__parent > button i {
    font-size: 10px;
    transition: transform var(--ak-transition);
}

.ak-mobile-product.is-open .ak-mobile-product__parent > button i {
    transform: rotate(180deg);
}

.ak-mobile-product__children {
    max-height: 0;
    padding-left: 12px;
    overflow: hidden;
    transition: max-height .35s ease;
}

.ak-mobile-product.is-open .ak-mobile-product__children {
    max-height: 600px;
    padding-bottom: 8px;
}

.ak-mobile-product__children a {
    display: block;
    padding: 6px 0;
    color: var(--ak-muted);
    font-size: 13px;
}

.ak-mobile-products__all {
    display: flex !important;
    justify-content: space-between;
    margin-top: 9px;
    padding: 12px 0 !important;
    color: var(--ak-stone-dark) !important;
    font-weight: 800 !important;
}

.ak-mobile-commerce {
    display: flex;
    flex-wrap: wrap;
    margin-top: 22px;
    border-top: 1px solid var(--ak-line);
    border-left: 1px solid var(--ak-line);
}

.ak-mobile-commerce a,
.ak-mobile-commerce button {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 50%;
    min-height: 54px;
    padding: 10px 12px;
    border-right: 1px solid var(--ak-line);
    border-bottom: 1px solid var(--ak-line);
    background: transparent;
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 700;
    text-align: left;
}

.ak-mobile-commerce i {
    width: 18px;
    color: var(--ak-stone-dark);
    text-align: center;
}

.ak-mobile-commerce strong {
    margin-left: auto;
}

.ak-mobile-language {
    margin-top: 24px;
    padding: 18px;
    background: var(--ak-ink);
    color: var(--ak-white);
}

.ak-mobile-language__title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.ak-mobile-language__title strong {
    color: var(--ak-stone);
}

.ak-mobile-language__list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.ak-mobile-language__list a {
    display: flex;
    align-items: center;
    gap: 6px;
    min-height: 35px;
    padding: 5px 8px;
    border: 1px solid rgba(255, 255, 255, .18);
    color: rgba(255, 255, 255, .72);
}

.ak-mobile-language__list a.is-active {
    border-color: var(--ak-stone);
    color: var(--ak-white);
}

.ak-mobile-language__list small {
    display: none;
}

.ak-mobile-language__list .ak-language__flag {
    width: 22px;
    height: 15px;
    flex-basis: 22px;
}

.ak-mobile-language__list strong {
    font-size: 11px;
}

.ak-mobile-contact {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 18px;
}

.ak-mobile-contact a {
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--ak-muted);
    font-size: 13px;
}

.ak-mobile-contact i {
    width: 18px;
    color: var(--ak-stone-dark);
    text-align: center;
}

.ak-search-modal .modal-content {
    border: 0;
    border-radius: 0;
    background: var(--ak-ivory);
}

.ak-search-modal .modal-header {
    align-items: flex-start;
    padding: clamp(22px, 4vw, 54px) clamp(22px, 5vw, 72px);
    border-bottom: 1px solid var(--ak-line);
}

.ak-search-modal .modal-header h2 {
    margin: 0;
    font-family: "Urbanist", sans-serif;
    font-size: clamp(28px, 4vw, 58px);
    font-weight: 700;
    line-height: 1.05;
}

.ak-search-modal .modal-body {
    padding: clamp(28px, 5vw, 72px) 0;
}

.ak-search-box {
    display: flex;
    align-items: center;
    min-height: 78px;
    border-bottom: 2px solid var(--ak-ink);
}

.ak-search-box > i {
    margin-right: 22px;
    font-size: 23px;
}

.ak-search-box input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ak-ink);
    font-family: "Urbanist", sans-serif;
    font-size: clamp(25px, 4vw, 54px);
    font-weight: 600;
}

.ak-search-box input::placeholder {
    color: rgba(23, 23, 19, .32);
}

.ak-search-box button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    border-radius: 50%;
    background: transparent;
    color: var(--ak-ink);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--ak-transition), background var(--ak-transition), color var(--ak-transition);
}

.ak-search-box.has-value button {
    opacity: 1;
    visibility: visible;
}

.ak-search-box button:hover {
    color: var(--ak-white);
    background: var(--ak-ink);
}

.ak-search-status {
    min-height: 48px;
    padding: 15px 0;
    color: var(--ak-muted);
    font-size: 13px;
}

.ak-search-results {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.ak-search-result {
    width: 25%;
    padding: 10px;
}

.ak-search-result__inner {
    display: block;
    height: 100%;
    padding: 12px;
    background: var(--ak-white);
    transition: transform var(--ak-transition), box-shadow var(--ak-transition);
}

.ak-search-result__inner:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 45px rgba(22, 20, 16, .1);
}

.ak-search-result__image {
    height: 190px;
    overflow: hidden;
    background: #eee9df;
}

.ak-search-result__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.ak-search-result__inner:hover img {
    transform: scale(1.05);
}

.ak-search-result__content {
    padding: 16px 5px 7px;
}

.ak-search-result__content h3 {
    margin: 0 0 8px;
    font-family: "Urbanist", sans-serif;
    font-size: 17px;
    font-weight: 700;
}

.ak-search-result__price {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ak-search-result__price strong {
    color: var(--ak-stone-dark);
    font-size: 15px;
}

.ak-search-result__price del {
    color: var(--ak-muted);
    font-size: 12px;
}

.ak-search-result__arrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-top: 13px;
    font-size: 12px;
    font-weight: 800;
}

.ak-search-no-result {
    width: 100%;
    padding: 44px 20px;
    border: 1px solid var(--ak-line);
    text-align: center;
}

.ak-search-no-result i {
    display: block;
    margin-bottom: 16px;
    color: var(--ak-stone);
    font-size: 30px;
}

.ak-search-no-result h3 {
    margin: 0 0 7px;
    font-family: "Urbanist", sans-serif;
    font-size: 22px;
}

.ak-search-no-result p {
    margin: 0;
    color: var(--ak-muted);
}

.ak-cart-canvas {
    width: min(500px, 100vw) !important;
    border: 0 !important;
}

.ak-cart-canvas .offcanvas-header {
    align-items: flex-start;
    min-height: 108px;
    padding: 24px 26px;
    border-bottom: 1px solid var(--ak-line);
}

.ak-cart-canvas .offcanvas-header h2 {
    margin: 0;
    font-family: "Urbanist", sans-serif;
    font-size: 29px;
    font-weight: 700;
}

.ak-cart-canvas .offcanvas-body {
    padding: 0 26px;
}

.ak-cart-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 180px;
}

.ak-cart-loading span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--ak-stone);
    animation: akCartDot 1s infinite alternate;
}

.ak-cart-loading span:nth-child(2) {
    animation-delay: .16s;
}

.ak-cart-loading span:nth-child(3) {
    animation-delay: .32s;
}

@keyframes akCartDot {
    to {
        opacity: .25;
        transform: translateY(-5px);
    }
}

.ak-cart-item {
    display: flex;
    gap: 15px;
    padding: 20px 0;
    border-bottom: 1px solid var(--ak-line);
}

.ak-cart-item__image {
    width: 84px;
    height: 98px;
    flex: 0 0 84px;
    overflow: hidden;
    background: var(--ak-ivory);
}

.ak-cart-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ak-cart-item__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.ak-cart-item__top {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.ak-cart-item__name {
    flex: 1;
    font-family: "Urbanist", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.ak-cart-item__remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    border-radius: 50%;
    background: transparent;
    color: var(--ak-muted);
    cursor: pointer;
}

.ak-cart-item__remove:hover {
    color: #ad2f2f;
    background: #faeeee;
}

.ak-cart-item__variant {
    margin-top: 4px;
    color: var(--ak-muted);
    font-size: 11px;
}

.ak-cart-item__bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 10px;
    margin-top: auto;
    padding-top: 13px;
}

.ak-cart-quantity {
    display: inline-flex;
    align-items: center;
    height: 34px;
    border: 1px solid var(--ak-line);
}

.ak-cart-quantity button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 32px;
    background: transparent;
    color: var(--ak-ink);
    cursor: pointer;
}

.ak-cart-quantity button:hover {
    background: var(--ak-ivory);
}

.ak-cart-quantity span {
    min-width: 30px;
    text-align: center;
    font-size: 12px;
    font-weight: 800;
}

.ak-cart-item__price {
    font-size: 14px;
    font-weight: 800;
    white-space: nowrap;
}

.ak-cart-empty {
    padding: 76px 22px;
    text-align: center;
}

.ak-cart-empty > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    margin-bottom: 20px;
    border-radius: 50%;
    background: var(--ak-ivory);
    color: var(--ak-stone-dark);
    font-size: 26px;
}

.ak-cart-empty h3 {
    margin: 0 0 8px;
    font-family: "Urbanist", sans-serif;
    font-size: 23px;
}

.ak-cart-empty p {
    margin: 0 0 22px;
    color: var(--ak-muted);
    font-size: 14px;
}

.ak-cart-empty a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 20px;
    background: var(--ak-ink);
    color: var(--ak-white);
    font-size: 13px;
    font-weight: 800;
}

.ak-cart-canvas__footer {
    padding: 20px 26px 25px;
    border-top: 1px solid var(--ak-line);
    background: var(--ak-white);
}

.ak-cart-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.ak-cart-total span {
    color: var(--ak-muted);
    font-size: 13px;
}

.ak-cart-total strong {
    font-family: "Urbanist", sans-serif;
    font-size: 22px;
}

.ak-cart-checkout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 55px;
    padding: 0 19px;
    background: var(--ak-ink);
    color: var(--ak-white);
    font-size: 14px;
    font-weight: 800;
    transition: background var(--ak-transition);
}

.ak-cart-checkout:hover {
    color: var(--ak-white);
    background: var(--ak-stone-dark);
}

.ak-cart-quote {
    display: block;
    margin-top: 12px;
    color: var(--ak-muted);
    font-size: 12px;
    font-weight: 700;
    text-align: center;
}

.ak-cart-quote:hover {
    color: var(--ak-ink);
}

.ak-footer {
    color: var(--ak-white);
    background: #020A17;
}

.ak-footer__cta {
    padding: clamp(60px, 7vw, 106px) 0;
    border-bottom: 1px solid var(--ak-dark-line);
    background: linear-gradient(120deg, #1b1b17 0%, #29261f 100%);
}

.ak-footer__cta h2 {
    max-width: 900px;
    margin: 0;
    font-family: "Urbanist", sans-serif;
    font-size: clamp(34px, 5vw, 52px);
    font-weight: 600;
    line-height: 1.03;
    letter-spacing: -.025em;
}

.ak-footer__cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: min(100%, 320px);
    min-height: 68px;
    padding: 0 23px;
    border: 1px solid rgba(255, 255, 255, .35);
    color: var(--ak-white);
    font-size: 14px;
    font-weight: 800;
    transition: color var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition);
}

.ak-footer__cta-button i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--ak-white);
    color: var(--ak-ink);
    font-size: 11px;
}

.ak-footer__cta-button:hover {
    color: var(--ak-ink);
    background: var(--ak-white);
    border-color: var(--ak-white);
}

.ak-footer__main {
    padding: 72px 0 0;
}

.ak-footer-logo {
    display: inline-flex;
    align-items: center;
    width: 190px;
    min-height: 72px;
    margin-bottom: 24px;
}

.ak-footer-logo img {
    width: auto;
    max-width: 184px;
    max-height: 70px;
    object-fit: contain;
}

.ak-footer__description {
    max-width: 350px;
    margin: 0 0 25px;
    color: rgba(255, 255, 255, .58);
    font-size: 14px;
    line-height: 1.75;
}

.ak-socials {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ak-socials a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--ak-dark-line);
    border-radius: 50%;
    color: rgba(255, 255, 255, .72);
    font-size: 13px;
    transition: color var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-socials a:hover {
    color: var(--ak-ink);
    background: var(--ak-white);
    border-color: var(--ak-white);
    transform: translateY(-3px);
}

.ak-footer-column h3,
.ak-footer-contact h3 {
    margin: 0 0 23px;
    color: var(--ak-white);
    font-family: "Urbanist", sans-serif;
    font-size: 16px;
    font-weight: 500;
}

.ak-footer-column ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ak-footer-column li {
    margin-bottom: 9px;
}

.ak-footer-column a {
    color: rgba(255, 255, 255, .57);
    font-size: 13px;
    font-weight: 550;
    transition: color var(--ak-transition), padding-left var(--ak-transition);
}

.ak-footer-column a:hover {
    padding-left: 5px;
    color: var(--ak-white);
}

.ak-footer-contact {
    display: flex;
    flex-direction: column;
}

.ak-footer-contact > a,
.ak-footer-contact__item {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 11px 0;
    border-bottom: 1px solid var(--ak-dark-line);
}

.ak-footer-contact > a:first-of-type {
    padding-top: 0;
}

.ak-footer-contact > a > i,
.ak-footer-contact__item > i {
    width: 18px;
    margin-top: 5px;
    color: var(--ak-stone);
    text-align: center;
}

.ak-footer-contact span {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ak-footer-contact small {
    margin-bottom: 2px;
    color: rgba(255, 255, 255, .4);
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .08em;
}

.ak-footer-contact strong {
    color: rgba(255, 255, 255, .75);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
    overflow-wrap: anywhere;
}

.ak-footer-contact a:hover strong {
    color: var(--ak-white);
}

.ak-footer__language {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: 60px;
    padding: 18px 0;
    border-top: 1px solid var(--ak-dark-line);
    border-bottom: 1px solid var(--ak-dark-line);
}

.ak-footer__language > span {
    color: rgba(255, 255, 255, .48);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.ak-footer__language > div {
    display: flex;
    gap: 8px;
}

.ak-footer__language a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 38px;
    height: 32px;
    padding: 0 8px;
    border: 1px solid var(--ak-dark-line);
    color: rgba(255, 255, 255, .5);
    font-size: 10px;
    font-weight: 800;
}

.ak-footer__language a.is-active,
.ak-footer__language a:hover {
    border-color: var(--ak-stone);
    color: var(--ak-white);
}

.ak-footer__policies {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 24px;
    padding: 22px 0;    
    margin-top: 60px;
    border-top: 1px solid var(--ak-dark-line);
}

.ak-footer__policies a {
    color: rgba(255, 255, 255, .44);
    font-size: 11px;
    font-weight: 600;
}

.ak-footer__policies a:hover {
    color: var(--ak-white);
}

.ak-footer__bottom {
    padding: 18px 0;
    border-top: 1px solid var(--ak-dark-line);
    background: #020811;
}

.ak-footer__bottom p {
    margin: 0;
    color: rgba(255, 255, 255, .42);
    font-size: 11px;
}

.ak-footer__bottom a {
    color: rgba(255, 255, 255, .72);
}

.ak-footer__bottom a:hover {
    color: var(--ak-white);
}

.ak-whatsapp {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 1025;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border: 1px solid rgba(255, 255, 255, .7);
    border-radius: 50%;
    background: #1fbd63;
    color: var(--ak-white);
    box-shadow: 0 14px 34px rgba(20, 128, 70, .28);
    font-size: 25px;
    transition: transform var(--ak-transition), box-shadow var(--ak-transition), background var(--ak-transition);
}

.ak-whatsapp:hover {
    color: var(--ak-white);
    background: #159b4f;
    box-shadow: 0 18px 40px rgba(20, 128, 70, .36);
    transform: translateY(-4px);
}

.ak-whatsapp__pulse {
    position: absolute;
    inset: -6px;
    border: 1px solid rgba(31, 189, 99, .34);
    border-radius: 50%;
    animation: akWhatsappPulse 2.2s infinite;
}

@keyframes akWhatsappPulse {
    0% {
        opacity: .8;
        transform: scale(.88);
    }

    75%,
    100% {
        opacity: 0;
        transform: scale(1.22);
    }
}

.ak-go-top {
    position: fixed;
    right: 31px;
    bottom: 94px;
    z-index: 1024;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid var(--ak-line);
    border-radius: 50%;
    background: var(--ak-white);
    color: var(--ak-ink);
    box-shadow: 0 12px 30px rgba(20, 20, 17, .1);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: opacity var(--ak-transition), visibility var(--ak-transition), transform var(--ak-transition), color var(--ak-transition), background var(--ak-transition);
}

.ak-go-top.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.ak-go-top:hover {
    color: var(--ak-white);
    background: var(--ak-ink);
}

.ak-toast-area {
    position: fixed;
    top: 136px;
    right: 22px;
    z-index: 2000;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: min(370px, calc(100vw - 44px));
    pointer-events: none;
}

.ak-toast {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 15px 16px;
    background: var(--ak-white);
    color: var(--ak-ink);
    box-shadow: 0 18px 55px rgba(20, 20, 17, .17);
    opacity: 0;
    transform: translateX(30px);
    pointer-events: auto;
    transition: opacity var(--ak-transition), transform var(--ak-transition);
}

.ak-toast.is-visible {
    opacity: 1;
    transform: translateX(0);
}

.ak-toast__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 50%;
    background: var(--ak-ivory);
    color: var(--ak-stone-dark);
}

.ak-toast--success .ak-toast__icon {
    background: #eaf7ef;
    color: #17834b;
}

.ak-toast--error .ak-toast__icon {
    background: #fbecec;
    color: #b53d3d;
}

.ak-toast__content {
    flex: 1;
    min-width: 0;
}

.ak-toast__content strong {
    display: block;
    margin-bottom: 2px;
    font-size: 13px;
}

.ak-toast__content p {
    margin: 0;
    color: var(--ak-muted);
    font-size: 12px;
    line-height: 1.45;
}

.ak-toast__close {
    padding: 3px;
    background: transparent;
    color: var(--ak-muted);
    cursor: pointer;
}

@media (hover: hover) and (min-width: 1200px) {
    .ak-nav__item--dropdown:hover > .ak-dropdown,
    .ak-nav__item--mega:hover > .ak-mega-menu {
        opacity: 1;
        visibility: visible;
        transform: translate(-50%, 0);
        pointer-events: auto;
    }

    .ak-nav__item--dropdown:hover > .ak-dropdown--compact {
        transform: translate(0, 0);
    }

    .ak-nav__item:hover > .ak-nav__toggle {
        color: var(--ak-stone);
    }
}

@media (max-width: 1599.98px) {
    .ak-nav__list {
        gap: 22px;
    }

    .ak-header__logo-column {
        width: 150px;
    }

    .ak-logo {
        max-width: 142px;
    }

    .ak-logo__image {
        max-width: 138px;
    }

    .ak-header-actions {
        gap: 5px;
    }

    .ak-icon-button {
        width: 39px;
        height: 39px;
        flex-basis: 39px;
    }

    .ak-language__button {
        height: 39px;
        padding: 0 11px;
    }

    .ak-mega-menu {
        width: calc(100vw - 34px);
        padding: 27px;
    }
}

@media (max-width: 1399.98px) {
    .ak-nav__list {
        gap: 13px;
    }

    .ak-nav__link {
        font-size: 13.5px;
    }

    .ak-header-phone {
        display: none !important;
    }

    .ak-mega-category__visual {
        height: 108px;
    }
}

@media (max-width: 1199.98px) {
    :root {
        --ak-header-height: 78px;
    }

    .ak-header__main {
        height: 78px;
    }

    .ak-header--overlay .ak-header__main {
        background: linear-gradient(180deg, rgba(8, 8, 7, .38), rgba(8, 8, 7, .08));
    }

    .ak-header--solid .ak-header__main,
    .ak-header--scrolled .ak-header__main {
        background: rgba(255, 255, 255, .97);
    }

    .ak-header__logo-column {
        width: auto;
    }

    .ak-logo {
        width: 142px;
        height: 62px;
    }

    .ak-logo__image {
        max-width: 138px;
        max-height: 56px;
    }

    .ak-header-actions .ak-icon-button {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }

    .ak-mega-menu {
        display: none;
    }

    .ak-toast-area {
        top: 94px;
    }
}

@media (max-width: 991.98px) {
    .ak-search-result {
        width: 33.3333%;
    }

    .ak-footer__main {
        padding-top: 58px;
    }

    .ak-footer__language {
        margin-top: 46px;
    }
}

@media (max-width: 767.98px) {
    body.ak-body {
        font-size: 15px;
    }

    .ak-container-wide {
        padding-right: 16px;
        padding-left: 16px;
    }

    .ak-header__main {
        height: 72px;
    }

    :root {
        --ak-header-height: 72px;
    }

    .ak-logo {
        width: 126px;
        height: 56px;
    }

    .ak-logo__image {
        max-width: 122px;
        max-height: 50px;
    }

    .ak-icon-button {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
    }

    .ak-header-actions {
        gap: 5px;
    }

    .ak-search-modal .modal-header {
        padding: 20px 18px;
    }

    .ak-search-modal .modal-header h2 {
        max-width: 270px;
        font-size: 29px;
    }

    .ak-search-modal .modal-body {
        padding: 30px 0;
    }

    .ak-search-box {
        min-height: 62px;
    }

    .ak-search-box > i {
        margin-right: 13px;
        font-size: 18px;
    }

    .ak-search-box input {
        font-size: 24px;
    }

    .ak-search-result {
        width: 50%;
        padding: 6px;
    }

    .ak-search-results {
        margin: 0 -6px;
    }

    .ak-search-result__image {
        height: 150px;
    }

    .ak-search-result__content {
        padding-top: 12px;
    }

    .ak-search-result__content h3 {
        font-size: 15px;
    }

    .ak-search-result__price {
        align-items: flex-start;
        flex-direction: column;
        gap: 1px;
    }

    .ak-footer__cta {
        padding: 54px 0;
    }

    .ak-footer__cta h2 {
        font-size: 36px;
    }

    .ak-footer__cta-button {
        width: 100%;
    }

    .ak-footer__main {
        padding-top: 48px;
    }

    .ak-footer__language {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-footer__policies {
        gap: 8px 16px;
    }

    .ak-footer__bottom {
        text-align: center;
    }

    .ak-whatsapp {
        right: 16px;
        bottom: 16px;
        width: 54px;
        height: 54px;
        font-size: 23px;
    }

    .ak-go-top {
        right: 21px;
        bottom: 82px;
    }

    .ak-toast-area {
        top: 84px;
        right: 12px;
        width: calc(100vw - 24px);
    }
}

@media (max-width: 479.98px) {
    .ak-header-actions .ak-icon-button {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .ak-logo {
        width: 112px;
    }

    .ak-logo__image {
        max-width: 108px;
    }

    .ak-search-result {
        width: 100%;
    }

    .ak-search-result__inner {
        display: flex;
        gap: 12px;
    }

    .ak-search-result__image {
        width: 102px;
        height: 112px;
        flex: 0 0 102px;
    }

    .ak-search-result__content {
        flex: 1;
        padding: 8px 2px;
    }

    .ak-cart-canvas .offcanvas-header,
    .ak-cart-canvas__footer {
        padding-right: 18px;
        padding-left: 18px;
    }

    .ak-cart-canvas .offcanvas-body {
        padding: 0 18px;
    }

    .ak-cart-item__image {
        width: 72px;
        height: 86px;
        flex-basis: 72px;
    }

    .ak-footer__cta h2 {
        font-size: 32px;
    }
}

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

.ak-home-hero,
.ak-home-slider,
.ak-home-slider .carousel-inner,
.ak-home-slider .carousel-item,
.ak-home-hero__fallback {
    position: relative;
    width: 100%;
    height: max(760px, 100svh);
    min-height: 760px;
    overflow: hidden;
    background: #151512;
}

.ak-home-slider.carousel-fade .carousel-item {
    display: block;
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 1.15s ease;
}

.ak-home-slider.carousel-fade .carousel-item.active,
.ak-home-slider.carousel-fade .carousel-item-next.carousel-item-start,
.ak-home-slider.carousel-fade .carousel-item-prev.carousel-item-end {
    position: relative;
    z-index: 1;
    opacity: 1;
}

.ak-home-hero__media {
    position: absolute;
    inset: 0;
    overflow: hidden;
    background: #111111;
}

.ak-home-hero__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(.86) contrast(1.03);
    transform: scale(1.025);
    transition: transform 8.5s cubic-bezier(.2, .65, .2, 1);
}

.ak-home-slider .carousel-item.active .ak-home-hero__media img {
    transform: scale(1.085);
}

.ak-home-hero__shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(9, 9, 8, .83) 0%, rgba(9, 9, 8, .57) 36%, rgba(9, 9, 8, .15) 69%, rgba(9, 9, 8, .32) 100%),
        linear-gradient(180deg, rgba(7, 7, 6, .44) 0%, rgba(7, 7, 6, .03) 36%, rgba(7, 7, 6, .12) 61%, rgba(7, 7, 6, .76) 100%);
}

.ak-home-hero__texture {
    position: absolute;
    inset: 0;
    z-index: 2;
    opacity: .18;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255, 255, 255, .025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .025) 1px, transparent 1px);
    background-size: 88px 88px;
    mask-image: linear-gradient(90deg, #000, transparent 84%);
}

.ak-home-hero__watermark {
    position: absolute;
    top: 50%;
    right: clamp(20px, 6vw, 110px);
    z-index: 2;
    color: transparent;
    font-family: "Urbanist", sans-serif;
    font-size: clamp(360px, 42vw, 760px);
    font-weight: 800;
    line-height: .7;
    pointer-events: none;
    transform: translateY(-43%);
    -webkit-text-stroke: 1px rgba(255, 255, 255, .11);
}

.ak-home-hero__frame {
    position: absolute;
    top: calc(var(--ak-header-height) + 18px);
    right: clamp(26px, 5.7vw, 108px);
    bottom: 106px;
    left: clamp(26px, 5.7vw, 108px);
    z-index: 3;
    border: 1px solid rgba(255, 255, 255, .23);
    pointer-events: none;
}

.ak-home-hero__frame-line {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(255, 255, 255, .12);
}

.ak-home-hero__frame-line--one {
    left: 25%;
}

.ak-home-hero__frame-line--two {
    right: 24%;
}

.ak-home-hero__container {
    position: relative;
    z-index: 4;
    height: 100%;
}

.ak-home-hero__container > .row {
    min-height: inherit;
}

.ak-home-hero__content {
    max-width: 1060px;
    padding-top: calc(var(--ak-header-height) + 100px);
    padding-bottom: 190px;
    color: #fff;
}

.ak-home-hero__eyebrow {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: clamp(22px, 3vh, 34px);
    color: rgba(255, 255, 255, .78);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.ak-home-hero__eyebrow-line {
    display: block;
    width: 44px;
    height: 1px;
    background: #c49c64;
}

.ak-home-hero__eyebrow strong {
    color: #fff;
    font-weight: 750;
}

.ak-home-hero__eyebrow small {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 23px;
    margin-left: 5px;
    border: 1px solid rgba(255, 255, 255, .28);
    color: #d5b17b;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0;
}

.ak-home-hero__title {
    max-width: 1050px;
    margin: 0;
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(58px, 5.8vw, 104px);
    font-weight: 500;
    line-height: .94;
    letter-spacing: -.025em;
    text-wrap: balance;
}

.ak-home-hero__description {
    max-width: 690px;
    margin-top: clamp(24px, 3.6vh, 40px);
}

.ak-home-hero__description p {
    margin: 0;
    color: rgba(255, 255, 255, .79);
    font-size: clamp(17px, 1.3vw, 21px);
    font-weight: 500;
    line-height: 1.55;
}

.ak-home-hero__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    margin-top: clamp(30px, 4.5vh, 48px);
}

.ak-home-hero__primary-button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    min-height: 64px;
    padding-left: 25px;
    background: #9b7848;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    transition: color .3s ease, background .3s ease, transform .3s ease;
}

.ak-home-hero__button-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    margin-left: 24px;
    border-left: 1px solid rgba(23, 23, 19, .13);
    font-size: 12px;
    transition: color .3s ease, background .3s ease;
}

.ak-home-hero__primary-button:hover {
    color: #111111;
    background: #fff;
    transform: translateY(-3px);
}

.ak-home-hero__primary-button:hover .ak-home-hero__button-icon {
    color: #111111;
    background: rgba(255, 255, 255, .08);
}

.ak-home-hero__secondary-button {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    min-height: 64px;
    padding: 0 22px;
    border: 1px solid rgba(255, 255, 255, .35);
    color: #fff;
    font-size: 13px;
    font-weight: 750;
    backdrop-filter: blur(5px);
    transition: color .3s ease, background .3s ease, border-color .3s ease, transform .3s ease;
}

.ak-home-hero__secondary-button i {
    font-size: 10px;
}

.ak-home-hero__secondary-button:hover {
    color: #111111;
    background: #fff;
    border-color: #fff;
    transform: translateY(-3px);
}

.ak-home-hero__side-label {
    position: absolute;
    top: 50%;
    right: 21px;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 17px;
    color: rgba(255, 255, 255, .54);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .18em;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: translateY(-50%);
}

.ak-home-hero__side-label i {
    display: block;
    width: 1px;
    height: 62px;
    background: rgba(255, 255, 255, .34);
}

.ak-home-hero__footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 6;
    min-height: 106px;
    border-top: 1px solid rgba(255, 255, 255, .22);
    color: #fff;
    background: rgba(12, 12, 10, .25);
    backdrop-filter: blur(5px);
}

.ak-home-hero__footer .row {
    min-height: 105px;
}

.ak-home-hero__features {
    display: flex;
    align-items: center;
    height: 100%;
}

.ak-home-hero__feature {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 33.3333%;
    min-height: 52px;
    padding-right: 24px;
}

.ak-home-hero__feature + .ak-home-hero__feature {
    padding-left: 24px;
    border-left: 1px solid rgba(255, 255, 255, .18);
}

.ak-home-hero__feature small {
    color: #c9a36e;
    font-size: 10px;
    font-weight: 800;
}

.ak-home-hero__feature > span {
    display: flex;
    flex-direction: column;
    line-height: 1.25;
}

.ak-home-hero__feature em {
    margin-bottom: 6px;
    color: rgba(255, 255, 255, .46);
    font-size: 10px;
    font-style: normal;
    font-weight: 650;
}

.ak-home-hero__feature strong {
    color: rgba(255, 255, 255, .9);
    font-size: 13px;
    font-weight: 750;
}

.ak-home-hero__navigation {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: clamp(18px, 2.2vw, 36px);
    min-height: 105px;
}

.ak-home-hero__counter {
    display: flex;
    align-items: baseline;
    gap: 7px;
    white-space: nowrap;
}

.ak-home-hero__counter strong {
    color: #fff;
    font-family: "Urbanist", sans-serif;
    font-size: 28px;
    font-weight: 700;
}

.ak-home-hero__counter span,
.ak-home-hero__counter em {
    color: rgba(255, 255, 255, .42);
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
}

.ak-home-hero__indicators {
    position: static;
    display: flex;
    align-items: center;
    gap: 8px;
    width: auto;
    margin: 0;
}

.ak-home-hero__indicators [data-bs-target] {
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    opacity: 1;
}

.ak-home-hero__indicators button > span {
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    border-radius: 50%;
    background: rgba(255, 255, 255, .4);
    transition: width .3s ease, height .3s ease, background .3s ease, box-shadow .3s ease;
}

.ak-home-hero__indicators button.active > span {
    width: 8px;
    height: 8px;
    background: #d2aa72;
    box-shadow: 0 0 0 6px rgba(210, 170, 114, .14);
}

.ak-home-hero__arrows {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ak-home-hero__arrows button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    border: 1px solid rgba(255, 255, 255, .34);
    border-radius: 50%;
    background: transparent;
    color: #fff;
    font-size: 11px;
    cursor: pointer;
    transition: color .3s ease, background .3s ease, border-color .3s ease, transform .3s ease;
}

.ak-home-hero__arrows button:hover {
    color: #111111;
    background: #fff;
    border-color: #fff;
    transform: translateY(-2px);
}

.ak-home-hero__progress {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    overflow: hidden;
    background: rgba(255, 255, 255, .14);
}

.ak-home-hero__progress > span {
    display: block;
    width: 0;
    height: 100%;
    background: #cda66f;
}

.ak-home-hero__progress > span.is-running {
    animation-name: akHomeSliderProgress;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

@keyframes akHomeSliderProgress {
    from {
        width: 0;
    }

    to {
        width: 100%;
    }
}

.ak-home-hero__scroll {
    position: absolute;
    right: clamp(80px, 7vw, 132px);
    bottom: 126px;
    z-index: 7;
    display: flex;
    align-items: center;
    gap: 12px;
    color: rgba(255, 255, 255, .68);
    font-size: 12px;
    font-weight: 750;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.ak-home-hero__scroll > i {
    position: relative;
    display: block;
    width: 48px;
    height: 1px;
    overflow: hidden;
    background: rgba(255, 255, 255, .25);
}

.ak-home-hero__scroll b {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 18px;
    height: 1px;
    background: #fff;
    animation: akHomeScrollLine 2s ease-in-out infinite;
}

@keyframes akHomeScrollLine {
    0% {
        transform: translateX(-20px);
    }

    100% {
        transform: translateX(52px);
    }
}

.ak-home-hero__fallback {
    background:
        radial-gradient(circle at 75% 35%, rgba(184, 149, 95, .28), transparent 30%),
        linear-gradient(115deg, #10100e 0%, #29251e 55%, #121210 100%);
}

.ak-home-hero__fallback .ak-home-hero__shade {
    background:
        linear-gradient(90deg, rgba(7, 7, 6, .55), rgba(7, 7, 6, .1)),
        linear-gradient(180deg, transparent 45%, rgba(7, 7, 6, .58));
}

.ak-slider-end {
    position: relative;
    height: 1px;
}

@media (max-width: 1399.98px) {
    .ak-home-hero__content {
        padding-bottom: 175px;
    }

    .ak-home-hero__title {
        font-size: clamp(58px, 7vw, 100px);
    }

    .ak-home-hero__frame {
        right: 42px;
        left: 42px;
    }

    .ak-home-hero__side-label {
        right: 12px;
    }
}

@media (max-width: 1199.98px) {
    .ak-home-hero,
    .ak-home-slider,
    .ak-home-slider .carousel-inner,
    .ak-home-slider .carousel-item,
    .ak-home-hero__fallback {
        height: max(720px, 100svh);
        min-height: 720px;
    }

    .ak-home-hero__frame {
        top: calc(var(--ak-header-height) + 14px);
        right: 24px;
        bottom: 100px;
        left: 24px;
    }

    .ak-home-hero__frame-line--one {
        left: 33.3333%;
    }

    .ak-home-hero__frame-line--two {
        right: 33.3333%;
    }

    .ak-home-hero__content {
        padding-top: calc(var(--ak-header-height) + 85px);
        padding-bottom: 160px;
    }

    .ak-home-hero__title {
        max-width: 850px;
        font-size: clamp(56px, 7vw, 82px);
    }

    .ak-home-hero__description {
        max-width: 620px;
    }

    .ak-home-hero__navigation {
        justify-content: space-between;
    }

    .ak-home-hero__scroll {
        display: none;
    }
}

@media (max-width: 767.98px) {
    .ak-home-hero,
    .ak-home-slider,
    .ak-home-slider .carousel-inner,
    .ak-home-slider .carousel-item,
    .ak-home-hero__fallback {
        height: max(700px, 100svh);
        min-height: 700px;
    }

    .ak-home-hero__media img {
        object-position: 60% center;
    }

    .ak-home-hero__shade {
        background:
            linear-gradient(90deg, rgba(8, 8, 7, .78), rgba(8, 8, 7, .24)),
            linear-gradient(180deg, rgba(8, 8, 7, .35) 0%, rgba(8, 8, 7, .05) 30%, rgba(8, 8, 7, .8) 100%);
    }

    .ak-home-hero__texture {
        background-size: 62px 62px;
    }

    .ak-home-hero__frame {
        top: calc(var(--ak-header-height) + 12px);
        right: 15px;
        bottom: 87px;
        left: 15px;
    }

    .ak-home-hero__frame-line--one {
        left: 50%;
    }

    .ak-home-hero__frame-line--two,
    .ak-home-hero__watermark,
    .ak-home-hero__side-label {
        display: none;
    }

    .ak-home-hero__content {
        padding-top: calc(var(--ak-header-height) + 80px);
        padding-bottom: 132px;
    }

    .ak-home-hero__eyebrow {
        gap: 10px;
        margin-bottom: 21px;
        font-size: 12px;
    }

    .ak-home-hero__eyebrow-line {
        width: 27px;
    }

    .ak-home-hero__eyebrow small {
        min-width: 28px;
        height: 21px;
    }

    .ak-home-hero__title {
        font-size: clamp(45px, 13vw, 67px);
        line-height: .98;
        letter-spacing: -.018em;
    }

    .ak-home-hero__description {
        max-width: 520px;
        margin-top: 22px;
    }

    .ak-home-hero__description p {
        font-size: 16px;
        line-height: 1.5;
    }

    .ak-home-hero__actions {
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
        margin-top: 28px;
    }

    .ak-home-hero__primary-button,
    .ak-home-hero__secondary-button {
        width: 100%;
        max-width: 330px;
        min-height: 56px;
    }

    .ak-home-hero__button-icon {
        width: 56px;
        height: 56px;
    }

    .ak-home-hero__secondary-button {
        justify-content: space-between;
    }

    .ak-home-hero__footer {
        min-height: 87px;
    }

    .ak-home-hero__footer .row,
    .ak-home-hero__navigation {
        min-height: 86px;
    }

    .ak-home-hero__navigation {
        gap: 12px;
    }

    .ak-home-hero__counter strong {
        font-size: 23px;
    }

    .ak-home-hero__indicators {
        gap: 2px;
    }

    .ak-home-hero__indicators [data-bs-target] {
        width: 18px;
    }

    .ak-home-hero__arrows {
        gap: 6px;
    }

    .ak-home-hero__arrows button {
        width: 39px;
        height: 39px;
    }
}

@media (max-width: 479.98px) {
    .ak-home-hero__title {
        font-size: clamp(41px, 12.5vw, 56px);
    }

    .ak-home-hero__description p {
        font-size: 14px;
    }

    .ak-home-hero__primary-button,
    .ak-home-hero__secondary-button {
        max-width: 100%;
    }

    .ak-home-hero__counter {
        gap: 4px;
    }

    .ak-home-hero__counter strong {
        font-size: 21px;
    }

    .ak-home-hero__indicators {
        display: none;
    }

    .ak-home-hero__navigation {
        justify-content: space-between;
    }
}

.ak-home-categories {
    position: relative;
    padding: clamp(90px, 10vw, 160px) 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 90% 8%, rgba(184, 149, 95, .11), transparent 28%),
        #f5f1e8;
}

.ak-home-categories::before {
    position: absolute;
    top: 0;
    right: 7%;
    width: 1px;
    height: 100%;
    background: rgba(23, 23, 19, .07);
    content: "";
}

.ak-home-categories::after {
    position: absolute;
    top: 0;
    left: 7%;
    width: 1px;
    height: 100%;
    background: rgba(23, 23, 19, .07);
    content: "";
}

.ak-home-categories > .container {
    position: relative;
    z-index: 1;
}

.ak-home-categories__heading {
    margin-bottom: clamp(48px, 6vw, 86px);
}

.ak-section-kicker {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 20px;
    color: #8f6d3e;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.ak-section-kicker > span {
    display: block;
    width: 42px;
    height: 1px;
    background: currentColor;
}

.ak-home-categories__heading h2 {   
    margin: 0;
    color: #111111;
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(43px, 5.7vw, 57px);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -2px;
}

.ak-home-categories__intro {
    max-width: 410px;
    margin-left: auto;
    padding-left: clamp(0px, 2vw, 30px);
}

.ak-home-categories__intro p {
    margin: 0 0 27px;
    color: #74736e;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
}

.ak-section-link {
    display: inline-flex;
    align-items: center;
    gap: 17px;
    padding-bottom: 7px;
    border-bottom: 1px solid #111111;
    color: #111111;
    font-size: 13px;
    font-weight: 800;
    transition: gap .3s ease, color .3s ease, border-color .3s ease;
}

.ak-section-link i {
    font-size: 11px;
}

.ak-section-link:hover {
    gap: 24px;
    color: #8f6d3e;
    border-color: #8f6d3e;
}

.ak-home-categories__list {
    position: relative;
}

.ak-category-card {
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden;
    background: #1a1916;
    color: #fff;
    isolation: isolate;
}

.ak-category-card--large {
    min-height: clamp(500px, 43vw, 650px);
}

.ak-category-card--standard {
    min-height: clamp(370px, 31vw, 450px);
}

.ak-category-card__media {
    position: absolute;
    inset: 0;
    overflow: hidden;
}

.ak-category-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .9s cubic-bezier(.2, .7, .2, 1), filter .5s ease;
}

.ak-category-card__overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(180deg, rgba(10, 10, 9, .08) 0%, rgba(10, 10, 9, .08) 42%, rgba(10, 10, 9, .82) 100%),
        linear-gradient(90deg, rgba(10, 10, 9, .25), transparent 55%);
    transition: background .5s ease;
}

.ak-category-card__number {
    position: absolute;
    top: 25px;
    left: 27px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    border: 1px solid rgba(255, 255, 255, .36);
    color: rgba(255, 255, 255, .86);
    font-size: 10px;
    font-weight: 800;
    backdrop-filter: blur(7px);
}

.ak-category-card__content {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding: clamp(24px, 3vw, 42px);
}

.ak-category-card__type {
    display: inline-block;
    margin-bottom: 12px;
    color: rgba(255, 255, 255, .62);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.ak-category-card__bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
}

.ak-category-card__bottom h3 {
    max-width: 78%;
    margin: 0;
    color: #fff;
    font-family: "Urbanist", sans-serif;
    font-size: clamp(27px, 3vw, 44px);
    font-weight: 650;
    line-height: 1.06;
}

.ak-category-card--standard .ak-category-card__bottom h3 {
    font-size: clamp(25px, 2.3vw, 35px);
}

.ak-category-card__arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border: 1px solid rgba(255, 255, 255, .43);
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    backdrop-filter: blur(7px);
    transition: color .3s ease, background .3s ease, border-color .3s ease, transform .3s ease;
}

.ak-category-card__line {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    display: block;
    height: 3px;
    background: #b8955f;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .55s cubic-bezier(.2, .7, .2, 1);
}

.ak-category-card:hover {
    color: #fff;
}

.ak-category-card:hover .ak-category-card__media img {
    filter: saturate(.84) contrast(1.04);
    transform: scale(1.055);
}

.ak-category-card:hover .ak-category-card__overlay {
    background:
        linear-gradient(180deg, rgba(10, 10, 9, .17) 0%, rgba(10, 10, 9, .12) 38%, rgba(10, 10, 9, .9) 100%),
        linear-gradient(90deg, rgba(10, 10, 9, .32), transparent 62%);
}

.ak-category-card:hover .ak-category-card__arrow {
    color: #111111;
    background: #fff;
    border-color: #fff;
    transform: rotate(8deg);
}

.ak-category-card:hover .ak-category-card__line {
    transform: scaleX(1);
}

.ak-home-categories__mobile-link {
    display: none;
    margin-top: 35px;
    text-align: center;
}

@media (max-width: 991.98px) {
    .ak-home-categories {
        padding: 90px 0;
    }

    .ak-home-categories__intro {
        max-width: 650px;
        margin-left: 0;
        padding-left: 0;
    }

    .ak-home-categories__heading {
        margin-bottom: 48px;
    }

    .ak-category-card--large,
    .ak-category-card--standard {
        min-height: 470px;
    }
}

@media (max-width: 767.98px) {
    .ak-home-categories {
        padding: 70px 0;
    }

    .ak-home-categories::before,
    .ak-home-categories::after {
        display: none;
    }

    .ak-home-categories__heading h2 {
        font-size: clamp(38px, 10vw, 52px);
    }

    .ak-home-categories__intro p {
        font-size: 15px;
    }

    .ak-home-categories__intro .ak-section-link {
        display: none;
    }

    .ak-category-card--large,
    .ak-category-card--standard {
        min-height: 430px;
    }

    .ak-category-card__content {
        padding: 25px;
    }

    .ak-category-card__bottom h3,
    .ak-category-card--standard .ak-category-card__bottom h3 {
        font-size: 30px;
    }

    .ak-category-card__arrow {
        width: 46px;
        height: 46px;
        flex-basis: 46px;
    }

    .ak-home-categories__mobile-link {
        display: block;
    }
}

@media (max-width: 479.98px) {
    .ak-category-card--large,
    .ak-category-card--standard {
        min-height: 370px;
    }

    .ak-category-card__number {
        top: 19px;
        left: 19px;
    }

    .ak-category-card__content {
        padding: 21px;
    }

    .ak-category-card__bottom h3,
    .ak-category-card--standard .ak-category-card__bottom h3 {
        max-width: 76%;
        font-size: 27px;
    }
}

.ak-home-cta {
    position: relative;
    min-height: 670px;
    display: flex;
    align-items: flex-end;
    padding: clamp(100px, 12vw, 180px) 0 55px;
    overflow: hidden;
    background: #181714;
    color: #fff;
    isolation: isolate;
}

.ak-home-cta__background {
    position: absolute;
    inset: 0;
    z-index: -3;
    background-image: url("/assets/images/akacak-mermer-cta.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transform: scale(1.02);
    transition: transform 1.2s cubic-bezier(.2, .7, .2, 1);
}

.ak-home-cta:hover .ak-home-cta__background {
    transform: scale(1.055);
}

.ak-home-cta__overlay {
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(90deg, rgba(11, 11, 9, .88) 0%, rgba(11, 11, 9, .66) 48%, rgba(11, 11, 9, .27) 100%),
        linear-gradient(180deg, rgba(11, 11, 9, .12) 0%, rgba(11, 11, 9, .1) 45%, rgba(11, 11, 9, .83) 100%);
}

.ak-home-cta__pattern {
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .16;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(255, 255, 255, .08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .08) 1px, transparent 1px);
    background-size: 110px 110px;
    mask-image: linear-gradient(90deg, #000 0%, #000 50%, transparent 92%);
}

.ak-home-cta::before {
    position: absolute;
    top: 45px;
    right: clamp(25px, 5vw, 90px);
    bottom: 45px;
    left: clamp(25px, 5vw, 90px);
    border: 1px solid rgba(255, 255, 255, .22);
    content: "";
    pointer-events: none;
}

.ak-home-cta .container {
    position: relative;
    z-index: 2;
}

.ak-home-cta__content {
    max-width: 850px;
}

.ak-home-cta__kicker {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 23px;
    color: rgba(255, 255, 255, .72);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.ak-home-cta__kicker > span {
    display: block;
    width: 44px;
    height: 1px;
    background: #c49b63;
}

.ak-home-cta__content h2 {
    max-width: 820px;
    margin: 0;
    color: #fff;
    font-family: "Urbanist", sans-serif;
    font-size: clamp(48px, 6vw, 88px);
    font-weight: 650;
    line-height: 1;
    letter-spacing: -.025em;
}

.ak-home-cta__content p {
    max-width: 650px;
    margin: 29px 0 0;
    color: rgba(255, 255, 255, .72);
    font-size: clamp(16px, 1.3vw, 20px);
    font-weight: 500;
    line-height: 1.65;
}

.ak-home-cta__actions {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
    max-width: 360px;
    margin-left: auto;
}

.ak-home-cta__primary,
.ak-home-cta__secondary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 68px;
    padding: 0 23px;
    font-size: 13px;
    font-weight: 800;
    transition: color .3s ease, background .3s ease, border-color .3s ease, transform .3s ease;
}

.ak-home-cta__primary {
    background: #fff;
    color: #111111;
}

.ak-home-cta__secondary {
    border: 1px solid rgba(255, 255, 255, .42);
    background: rgba(255, 255, 255, .04);
    color: #fff;
    backdrop-filter: blur(8px);
}

.ak-home-cta__primary i,
.ak-home-cta__secondary i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    border-radius: 50%;
    font-size: 11px;
}

.ak-home-cta__primary i {
    background: #111111;
    color: #fff;
}

.ak-home-cta__secondary i {
    border: 1px solid rgba(255, 255, 255, .3);
}

.ak-home-cta__primary:hover {
    color: #fff;
    background: #9a7748;
    transform: translateY(-3px);
}

.ak-home-cta__primary:hover i {
    background: rgba(255, 255, 255, .14);
}

.ak-home-cta__secondary:hover {
    color: #111111;
    background: #fff;
    border-color: #fff;
    transform: translateY(-3px);
}

.ak-home-cta__secondary:hover i {
    border-color: rgba(23, 23, 19, .2);
}

.ak-home-cta__footer {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: clamp(75px, 9vw, 125px);
    padding-top: 25px;
    border-top: 1px solid rgba(255, 255, 255, .22);
    color: rgba(255, 255, 255, .58);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.ak-home-cta__footer i {
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #c49b63;
}

@media (max-width: 991.98px) {
    .ak-home-cta {
        min-height: 650px;
        align-items: center;
        padding: 110px 0 60px;
    }

    .ak-home-cta__actions {
        max-width: 100%;
        margin-left: 0;
    }

    .ak-home-cta__primary,
    .ak-home-cta__secondary {
        max-width: 380px;
    }

    .ak-home-cta__footer {
        margin-top: 70px;
    }
}

@media (max-width: 767.98px) {
    .ak-home-cta {
        min-height: 700px;
        padding: 90px 0 40px;
    }

    .ak-home-cta::before {
        top: 18px;
        right: 15px;
        bottom: 18px;
        left: 15px;
    }

    .ak-home-cta__background {
        background-position: 62% center;
    }

    .ak-home-cta__overlay {
        background:
            linear-gradient(90deg, rgba(11, 11, 9, .84), rgba(11, 11, 9, .4)),
            linear-gradient(180deg, rgba(11, 11, 9, .2), rgba(11, 11, 9, .86));
    }

    .ak-home-cta__content h2 {
        font-size: clamp(42px, 12vw, 58px);
    }

    .ak-home-cta__content p {
        margin-top: 22px;
        font-size: 15px;
    }

    .ak-home-cta__actions {
        margin-top: 12px;
    }

    .ak-home-cta__primary,
    .ak-home-cta__secondary {
        width: 100%;
        max-width: 100%;
        min-height: 59px;
    }

    .ak-home-cta__footer {
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 55px;
        padding-right: 10px;
        padding-left: 10px;
    }
}

.ak-home-cta-simple {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 390px;
    overflow: hidden;
    background: #151513;
    color: #fff;
    isolation: isolate;
}

.ak-home-cta-simple__background {
    position: absolute;
    inset: 0;
    z-index: -4;
    background-image: url("/assets/images/cta.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transform: scale(1.01);
    transition: transform .9s cubic-bezier(.2, .7, .2, 1);
}

.ak-home-cta-simple:hover .ak-home-cta-simple__background {
    transform: scale(1.025);
}

.ak-home-cta-simple__overlay {
    position: absolute;
    inset: 0;
    z-index: -3;
    background:
        linear-gradient(90deg, rgba(8, 8, 7, .9) 0%, rgba(8, 8, 7, .72) 44%, rgba(8, 8, 7, .34) 76%, rgba(8, 8, 7, .5) 100%),
        linear-gradient(180deg, rgba(8, 8, 7, .1) 0%, rgba(8, 8, 7, .15) 50%, rgba(8, 8, 7, .48) 100%);
}

.ak-home-cta-simple__graphics {
    position: absolute;
    inset: 24px 32px;
    z-index: -1;
    border-top: 1px solid rgba(255, 255, 255, .18);
    border-bottom: 1px solid rgba(255, 255, 255, .18);
    pointer-events: none;
}

.ak-home-cta-simple__line {
    position: absolute;
    display: block;
    background: rgba(255, 255, 255, .16);
}

.ak-home-cta-simple__line--vertical-one {
    top: 0;
    bottom: 0;
    left: 31%;
    width: 1px;
}

.ak-home-cta-simple__line--vertical-two {
    top: 0;
    bottom: 0;
    left: 58%;
    width: 1px;
}

.ak-home-cta-simple__line--vertical-three {
    top: 0;
    bottom: 0;
    right: 13%;
    width: 1px;
}

.ak-home-cta-simple__line--horizontal {
    top: 39%;
    right: 0;
    width: 42%;
    height: 1px;
}

.ak-home-cta-simple__corner {
    position: absolute;
    top: calc(39% - 8px);
    right: calc(13% - 8px);
    width: 16px;
    height: 16px;
    border: 1px solid rgba(255, 255, 255, .34);
    transform: rotate(45deg);
}

.ak-home-cta-simple__circle {
    position: absolute;
    right: 4%;
    bottom: 12%;
    width: 110px;
    height: 110px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 50%;
}

.ak-home-cta-simple__circle::before {
    position: absolute;
    top: 50%;
    right: -35px;
    left: -35px;
    height: 1px;
    background: rgba(255, 255, 255, .12);
    content: "";
}

.ak-home-cta-simple__circle::after {
    position: absolute;
    top: -35px;
    bottom: -35px;
    left: 50%;
    width: 1px;
    background: rgba(255, 255, 255, .12);
    content: "";
}

.ak-home-cta-simple .ak-container-wide {
    position: relative;
    z-index: 2;
    width: 100%;
    padding-top: 68px;
    padding-bottom: 68px;
}

.ak-home-cta-simple__content {
    max-width: 820px;
}

.ak-home-cta-simple__kicker {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 19px;
    color: rgba(255, 255, 255, .83);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
}

.ak-home-cta-simple__kicker i {
    display: block;
    width: 36px;
    height: 1px;
    background: #c19a63;
}

.ak-home-cta-simple__content h2 {
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-family: "Urbanist", sans-serif;
    font-size: clamp(38px, 3.25vw, 56px);
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.04em;
}

.ak-home-cta-simple__content p {
    margin: 21px 0 0;
    color: rgba(255, 255, 255, .78);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.65;
}

.ak-home-cta-simple__action {
    display: flex;
    justify-content: flex-end;
    padding-right: clamp(0px, 2vw, 34px);
}

.ak-home-cta-simple__button {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-width: 225px;
    min-height: 58px;
    padding: 8px 9px 8px 21px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: #020A17;
    color: #fff;
    font-size: 14px;
    font-weight: 750;
    backdrop-filter: blur(8px);
    transition: color .28s ease, background .28s ease, border-color .28s ease, transform .28s ease;
}

.ak-home-cta-simple__button > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border-radius: 50%;
    background: #fff;
    color: #151513;
    font-size: 11px;
    transition: color .28s ease, background .28s ease, transform .28s ease;
}

.ak-home-cta-simple__button:hover {
    color: #151513;
    background: #fff;
    border-color: #fff;
    transform: translateY(-3px);
}

.ak-home-cta-simple__button:hover > i {
    color: #fff;
    background: #9a7748;
    transform: rotate(8deg);
}

@media (max-width: 1199.98px) {
    .ak-home-cta-simple__content h2 {
        font-size: 48px;
    }

    .ak-home-cta-simple__line--vertical-one {
        left: 34%;
    }

    .ak-home-cta-simple__line--vertical-two {
        left: 66%;
    }
}

@media (max-width: 991.98px) {
    .ak-home-cta-simple {
        min-height: auto;
    }

    .ak-home-cta-simple .ak-container-wide {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .ak-home-cta-simple__content {
        max-width: 700px;
    }

    .ak-home-cta-simple__content h2 {
        font-size: 44px;
    }

    .ak-home-cta-simple__action {
        justify-content: flex-start;
        padding-right: 0;
    }

    .ak-home-cta-simple__line--vertical-one {
        left: 50%;
    }

    .ak-home-cta-simple__line--vertical-two,
    .ak-home-cta-simple__line--vertical-three,
    .ak-home-cta-simple__corner,
    .ak-home-cta-simple__circle {
        display: none;
    }

    .ak-home-cta-simple__line--horizontal {
        top: auto;
        right: 0;
        bottom: 28%;
        width: 50%;
    }
}

@media (max-width: 767.98px) {
    .ak-home-cta-simple__background {
        background-position: 62% center;
    }

    .ak-home-cta-simple__overlay {
        background:
            linear-gradient(90deg, rgba(8, 8, 7, .9), rgba(8, 8, 7, .58)),
            linear-gradient(180deg, rgba(8, 8, 7, .18), rgba(8, 8, 7, .72));
    }

    .ak-home-cta-simple__graphics {
        inset: 15px;
    }

    .ak-home-cta-simple .ak-container-wide {
        padding-top: 58px;
        padding-bottom: 58px;
    }

    .ak-home-cta-simple__kicker {
        margin-bottom: 16px;
        font-size: 12px;
        line-height: 1.5;
    }

    .ak-home-cta-simple__kicker i {
        width: 25px;
    }

    .ak-home-cta-simple__content h2 {
        font-size: 34px;
        line-height: 1.12;
    }

    .ak-home-cta-simple__content h2 br {
        display: none;
    }

    .ak-home-cta-simple__content p {
        margin-top: 18px;
        font-size: 14px;
        line-height: 1.6;
    }

    .ak-home-cta-simple__button {
        min-width: 205px;
        min-height: 54px;
        padding: 7px 8px 7px 18px;
        font-size: 13px;
    }

    .ak-home-cta-simple__button > i {
        width: 38px;
        height: 38px;
        flex-basis: 38px;
    }

    .ak-home-cta-simple__line--vertical-one {
        left: 68%;
    }

    .ak-home-cta-simple__line--horizontal {
        bottom: 20%;
        width: 34%;
    }
}

@media (max-width: 479.98px) {
    .ak-home-cta-simple__content h2 {
        font-size: 31px;
    }

    .ak-home-cta-simple__content p {
        max-width: 95%;
    }
}


.ak-home-products {
    position: relative;
    padding: clamp(78px, 7vw, 112px) 0;
    overflow: hidden;
    background: #f7f5f0;
    font-family: "Urbanist", sans-serif;
}

.ak-home-products__background-lines {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.ak-home-products__background-lines span {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(23, 23, 19, .05);
}

.ak-home-products__background-lines span:nth-child(1) {
    left: 8%;
}

.ak-home-products__background-lines span:nth-child(2) {
    left: 50%;
}

.ak-home-products__background-lines span:nth-child(3) {
    right: 8%;
}

.ak-home-products > .container {
    position: relative;
    z-index: 1;
}

.ak-home-products__heading {
    margin-bottom: clamp(38px, 4vw, 58px);
}

.ak-home-products__label {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 15px;
    color: #8c6c40;
    font-family: "Urbanist", sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ak-home-products__label i {
    display: block;
    width: 32px;
    height: 1px;
    background: currentColor;
}

.ak-home-products__heading h2 {
    margin: 0;
    color: #111111;
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(43px, 5.7vw, 57px);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -2px;
}

.ak-home-products__intro {
    max-width: 455px;
    margin-left: auto;
}

.ak-home-products__intro p {
    margin: 0 0 20px;
    color: #6d6c67;
    font-family: "Urbanist", sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.7;
}

.ak-home-products__all {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    padding-bottom: 6px;
    border-bottom: 1px solid #111111;
    color: #111111;
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 800;
    transition: gap .25s ease, color .25s ease, border-color .25s ease;
}

.ak-home-products__all i {
    font-size: 12px;
}

.ak-home-products__all:hover {
    gap: 19px;
    color: #8c6c40;
    border-color: #8c6c40;
}

.ak-product-card {
    height: 100%;
    background: transparent;
    font-family: "Urbanist", sans-serif;
}

.ak-product-card__media {
    position: relative;
    height: clamp(330px, 27vw, 420px);
    overflow: hidden;
    background: #e6e1d7;
}

.ak-product-card__media > a:first-child {
    display: block;
    width: 100%;
    height: 100%;
}

.ak-product-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.2, .7, .2, 1), filter .35s ease;
}

.ak-product-card:hover .ak-product-card__media img {
    filter: saturate(.9) contrast(1.03);
    transform: scale(1.045);
}

.ak-product-card__discount {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 45px;
    height: 27px;
    padding: 0 8px;
    background: #111111;
    color: #fff;
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 800;
}

.ak-product-card__number {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
    color: rgba(255, 255, 255, .88);
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 800;
    text-shadow: 0 1px 8px rgba(0, 0, 0, .4);
}

.ak-product-card__image-link {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 41px;
    height: 41px;
    border: 1px solid rgba(255, 255, 255, .58);
    border-radius: 50%;
    background: rgba(14, 14, 12, .28);
    color: #fff;
    font-size: 10px;
    backdrop-filter: blur(7px);
    opacity: 0;
    transform: translateY(7px);
    transition: opacity .25s ease, transform .25s ease, color .25s ease, background .25s ease;
}

.ak-product-card:hover .ak-product-card__image-link {
    opacity: 1;
    transform: translateY(0);
}

.ak-product-card__image-link:hover {
    color: #111111;
    background: #fff;
}

.ak-product-card__content {
    padding: 17px 2px 4px;
}

.ak-product-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 18px;
    margin-bottom: 8px;
}

.ak-product-card__meta span {
    color: #8c6c40;
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ak-product-card__meta small {
    color: #8a8984;
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.ak-product-card__content h3 {
    margin: 0;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -.022em;
}

.ak-product-card__content h3 a {
    transition: color .25s ease;
}

.ak-product-card__content h3 a:hover {
    color: #8c6c40;
}

.ak-product-card__properties {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 7px;
    min-height: 21px;
    margin-top: 8px;
    color: #797873;
    font-family: "Urbanist", sans-serif;
    font-size: 10px;
    font-weight: 500;
}

.ak-product-card__properties i {
    display: block;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #b8955f;
}

.ak-product-card__footer {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    margin-top: 15px;
    padding-top: 13px;
    border-top: 1px solid rgba(23, 23, 19, .11);
}

.ak-product-card__price {
    min-height: 32px;
    font-family: "Urbanist", sans-serif;
}

.ak-product-card__price-current {
    color: #111111;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
}

.ak-product-card__price-current small {
    margin-left: 3px;
    color: #777671;
    font-size: 12px;
    font-weight: 600;
}

.ak-product-card__price del {
    margin-top: 2px;
    color: #96958f;
    font-size: 10px;
}

.ak-product-card__price-contact {
    color: #565550;
    font-family: "Urbanist", sans-serif;
    font-size: 11px;
    font-weight: 700;
}

.ak-product-card__detail {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #111111;
    font-family: "Urbanist", sans-serif;
    font-size: 10px;
    font-weight: 800;
}

.ak-product-card__detail i {
    font-size: 8px;
    transition: transform .25s ease;
}

.ak-product-card__detail:hover {
    color: #8c6c40;
}

.ak-product-card__detail:hover i {
    transform: translateX(4px);
}

.ak-home-products__mobile-link {
    display: none;
    margin-top: 34px;
    text-align: center;
}

.ak-home-products__mobile-link a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 6px;
    border-bottom: 1px solid #111111;
    color: #111111;
    font-family: "Urbanist", sans-serif;
    font-size: 11px;
    font-weight: 800;
}

@media (max-width: 1199.98px) {
    .ak-product-card__media {
        height: 390px;
    }
}

@media (max-width: 991.98px) {
    .ak-home-products {
        padding: 78px 0;
    }

    .ak-home-products__intro {
        max-width: 620px;
        margin-left: 0;
    }

    .ak-product-card__media {
        height: 420px;
    }
}

@media (max-width: 767.98px) {
    .ak-home-products {
        padding: 62px 0;
    }

    .ak-home-products__background-lines span:nth-child(1),
    .ak-home-products__background-lines span:nth-child(3) {
        display: none;
    }

    .ak-home-products__heading {
        margin-bottom: 34px;
    }

    .ak-home-products__heading h2 {
        max-width: 480px;
        font-size: 32px;
        line-height: 1.07;
        letter-spacing: -.026em;
    }

    .ak-home-products__intro p {
        font-size: 14px;
    }

    .ak-home-products__intro .ak-home-products__all {
        display: none;
    }

    .ak-product-card__media {
        height: 420px;
    }

    .ak-product-card__content h3 {
        font-size: 19px;
    }

    .ak-product-card__image-link {
        opacity: 1;
        transform: none;
    }

    .ak-home-products__mobile-link {
        display: block;
    }
}

@media (max-width: 479.98px) {
    .ak-home-products__heading h2 {
        font-size: 29px;
    }

    .ak-product-card__media {
        height: 370px;
    }
}

.ak-home-services {
    position: relative;
    padding: clamp(78px, 7vw, 112px) 0;
    overflow: hidden;
    background: #020a17;
    color: #fff;
    font-family: "Urbanist", sans-serif;
}

.ak-home-services__background {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.ak-home-services__background span {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(255, 255, 255, .055);
}

.ak-home-services__background span:nth-child(1) {
    left: 7%;
}

.ak-home-services__background span:nth-child(2) {
    left: 35%;
}

.ak-home-services__background span:nth-child(3) {
    right: 35%;
}

.ak-home-services__background span:nth-child(4) {
    right: 7%;
}

.ak-home-services .ak-container-wide {
    position: relative;
    z-index: 1;
}

.ak-home-services__heading {
    margin-bottom: clamp(38px, 4vw, 58px);
}

.ak-home-services__label {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 16px;
    color: #8c6c40;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.ak-home-services__label i {
    display: block;
    width: 32px;
    height: 1px;
    background: currentColor;
}

.ak-home-services__heading h2 {
    max-width: 650px;
    margin: 0;
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(43px, 5.7vw, 57px);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -2px;
    text-transform: capitalize;
}

.ak-home-services__heading-right {
    max-width: 480px;
    margin-left: auto;
}

.ak-home-services__heading-right > p {
    margin: 0 0 22px;
    color: rgba(255, 255, 255, .62);
    font-family: "Urbanist", sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
}

.ak-home-services__heading-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

.ak-home-services__all {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    transition: gap .25s ease, color .25s ease, border-color .25s ease;
}

.ak-home-services__all i {
    font-size: 8px;
}

.ak-home-services__all:hover {
    gap: 19px;
    border-color: #c6a16c;
    color: #c6a16c;
}

.ak-home-services__navigation {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ak-home-services__navigation button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 50%;
    background: transparent;
    color: #fff;
    font-size: 10px;
    cursor: pointer;
    transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s ease;
}

.ak-home-services__navigation button:hover {
    border-color: #fff;
    background: #fff;
    color: #111111;
    transform: translateY(-2px);
}

.ak-home-services__navigation button.swiper-button-disabled {
    cursor: default;
    opacity: .3;
    transform: none;
}

.ak-home-services__swiper {
    width: 100%;
    overflow: visible;
}

.ak-home-services__swiper .swiper-slide {
    height: auto;
}

.ak-service-card {
    display: flex;
    height: 100%;
    flex-direction: column;
    border: 1px solid rgba(255, 255, 255, .11);
    background: #040f21;
    transition: border-color .3s ease, transform .3s ease;
}

.ak-service-card:hover {
    border-color: rgba(198, 161, 108, .55);
    transform: translateY(-5px);
}

.ak-service-card__media {
    position: relative;
    display: block;
    height: 330px;
    overflow: hidden;
    background: #040f21;
}

.ak-service-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(.88);
    transition: transform .75s cubic-bezier(.2, .7, .2, 1), filter .4s ease;
}

.ak-service-card:hover .ak-service-card__media img {
    filter: saturate(1) contrast(1.02);
    transform: scale(1.05);
}

.ak-service-card__shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(10, 10, 8, .07) 35%, rgba(10, 10, 8, .68) 100%),
        linear-gradient(90deg, rgba(10, 10, 8, .18), transparent 60%);
}

.ak-service-card__number {
    position: absolute;
    top: 17px;
    left: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    border: 1px solid rgba(255, 255, 255, .42);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    backdrop-filter: blur(6px);
}

.ak-service-card__image-action {
    position: absolute;
    right: 17px;
    bottom: 17px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 50%;
    background: rgba(13, 13, 11, .23);
    color: #fff;
    font-size: 10px;
    backdrop-filter: blur(7px);
    transition: color .25s ease, background .25s ease, transform .25s ease;
}

.ak-service-card:hover .ak-service-card__image-action {
    background: #fff;
    color: #111111;
    transform: rotate(7deg);
}

.ak-service-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 23px 23px 22px;
}

.ak-service-card__category {
    display: block;
    margin-bottom: 9px;
    color: #c6a16c;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.ak-service-card__content h3 {
    margin: 0;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -.025em;
}

.ak-service-card__content h3 a {
    color: #fff;
    transition: color .25s ease;
}

.ak-service-card__content h3 a:hover {
    color: #c6a16c;
}

.ak-service-card__content p {
    display: -webkit-box;
    min-height: 66px;
    margin: 15px 0 22px;
    overflow: hidden;
    color: rgba(255, 255, 255, .57);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.65;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ak-service-card__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, .12);
    color: rgba(255, 255, 255, .82);
    font-size: 10px;
    font-weight: 800;
}

.ak-service-card__link i {
    font-size: 8px;
    transition: transform .25s ease;
}

.ak-service-card__link:hover {
    color: #c6a16c;
}

.ak-service-card__link:hover i {
    transform: translateX(4px);
}

.ak-home-services__slider-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 32px;
}

.ak-home-services__pagination.swiper-pagination-progressbar {
    position: relative;
    width: min(520px, 65%);
    height: 2px;
    overflow: hidden;
    background: rgba(255, 255, 255, .13);
}

.ak-home-services__pagination .swiper-pagination-progressbar-fill {
    background: #c6a16c;
}

.ak-home-services__drag {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, .37);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ak-home-services__drag i {
    color: #c6a16c;
    font-size: 8px;
}

.ak-home-services__mobile-all {
    display: none;
    margin-top: 34px;
    text-align: center;
}

.ak-home-services__mobile-all a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

.ak-home-services.is-single .ak-home-services__navigation,
.ak-home-services.is-single .ak-home-services__slider-footer {
    display: none;
}

@media (max-width: 1199.98px) {
    .ak-service-card__media {
        height: 310px;
    }
}

@media (max-width: 991.98px) {
    .ak-home-services {
        padding: 78px 0;
    }

    .ak-home-services__heading-right {
        max-width: 650px;
        margin-left: 0;
    }

    .ak-home-services__heading-actions {
        justify-content: flex-start;
    }

    .ak-service-card__media {
        height: 330px;
    }
}

@media (max-width: 767.98px) {
    .ak-home-services {
        padding: 62px 0;
    }

    .ak-home-services__background span:nth-child(1),
    .ak-home-services__background span:nth-child(4) {
        display: none;
    }

    .ak-home-services__heading {
        margin-bottom: 34px;
    }

    .ak-home-services__heading h2 {
        max-width: 500px;
        font-size: 32px;
        line-height: 1.07;
        letter-spacing: -.028em;
    }

    .ak-home-services__heading-right > p {
        font-size: 13px;
    }

    .ak-home-services__heading-actions .ak-home-services__all {
        display: none;
    }

    .ak-home-services__navigation {
        margin-top: 3px;
    }

    .ak-service-card__media {
        height: 315px;
    }

    .ak-service-card__content {
        padding: 20px;
    }

    .ak-service-card__content h3 {
        font-size: 21px;
    }

    .ak-home-services__slider-footer {
        margin-top: 25px;
    }

    .ak-home-services__pagination.swiper-pagination-progressbar {
        width: 100%;
    }

    .ak-home-services__drag {
        display: none;
    }

    .ak-home-services__mobile-all {
        display: block;
    }
}

@media (max-width: 479.98px) {
    .ak-home-services__heading h2 {
        font-size: 29px;
    }

    .ak-service-card__media {
        height: 300px;
    }
}


.ak-home-intro {
    position: relative;
    padding: clamp(80px, 8vw, 125px) 0;
    overflow: hidden;
    background: #fff;
    font-family: "Urbanist", sans-serif;
}

.ak-home-intro__lines {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.ak-home-intro__lines span {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(23, 23, 19, .055);
}

.ak-home-intro__lines span:nth-child(1) {
    left: 8%;
}

.ak-home-intro__lines span:nth-child(2) {
    left: 50%;
}

.ak-home-intro__lines span:nth-child(3) {
    right: 8%;
}

.ak-home-intro > .container {
    position: relative;
    z-index: 1;
}

.ak-home-intro__visual {
    position: relative;
    max-width: 610px;
    min-height: 670px;
    padding-right: 74px;
    padding-bottom: 60px;
}

.ak-home-intro__main-image {
    position: relative;
    height: 610px;
    overflow: hidden;
    background: #e8e4dc;
}

.ak-home-intro__main-image::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 58%, rgba(12, 12, 10, .2));
    content: "";
    pointer-events: none;
}

.ak-home-intro__main-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .8s cubic-bezier(.2, .7, .2, 1);
}

.ak-home-intro__visual:hover .ak-home-intro__main-image img {
    transform: scale(1.035);
}

.ak-home-intro__detail-image {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 210px;
    height: 225px;
    padding: 9px;
    background: #fff;
    box-shadow: 0 22px 55px rgba(24, 22, 18, .16);
}

.ak-home-intro__detail-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ak-home-intro__visual-number {
    position: absolute;
    top: 24px;
    left: 24px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 255, 255, .55);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
    backdrop-filter: blur(7px);
}

.ak-home-intro__visual-label {
    position: absolute;
    top: 50%;
    right: 26px;
    display: flex;
    align-items: center;
    gap: 13px;
    color: #77736c;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: translateY(-55%);
}

.ak-home-intro__visual-label i {
    display: block;
    width: 1px;
    height: 45px;
    background: #b8955f;
}

.ak-home-intro__content {
    max-width: 610px;
    margin-left: auto;
}

.ak-home-intro__label {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 16px;
    color: #8c6c40;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.ak-home-intro__label i {
    display: block;
    width: 32px;
    height: 1px;
    background: currentColor;
}

.ak-home-intro__content h2 {
    max-width: 580px;
    margin: 0;
    color: #111111;
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(43px, 5.7vw, 57px);
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -2px;
    text-transform: capitalize;
}

.ak-home-intro__lead {
    max-width: 580px;
    margin: 25px 0 0;
    color: #373631;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.7;
}

.ak-home-intro__text {
    max-width: 580px;
    margin: 15px 0 0;
    color: #74736e;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.75;
}

.ak-home-intro__features {
    margin-top: 31px;
    border-top: 1px solid rgba(23, 23, 19, .12);
}

.ak-home-intro__feature {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 18px 0;
    border-bottom: 1px solid rgba(23, 23, 19, .12);
}

.ak-home-intro__feature > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    margin-top: 2px;
    border: 1px solid rgba(23, 23, 19, .17);
    color: #8c6c40;
    font-size: 12px;
    font-weight: 800;
}

.ak-home-intro__feature > div {
    flex: 1;
}

.ak-home-intro__feature h3 {
    margin: 0 0 4px;
    color: #111111;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.022em;
    text-transform: capitalize;
}

.ak-home-intro__feature p {
    margin: 0;
    color: #74736e;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
}

.ak-home-intro__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-top: 29px;
}

.ak-home-intro__primary,
.ak-home-intro__secondary {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    min-height: 54px;
    padding: 0 18px;
    font-size: 12px;
    font-weight: 800;
    text-transform: capitalize;
    transition: color .25s ease, background .25s ease, border-color .25s ease, transform .25s ease;
}

.ak-home-intro__primary {
    min-width: 205px;
    background: #020a17;
    color: #fff;
}

.ak-home-intro__secondary {
    min-width: 155px;
    border: 1px solid rgba(23, 23, 19, .18);
    background: transparent;
    color: #020a17;
}

.ak-home-intro__primary i,
.ak-home-intro__secondary i {
    font-size: 12px;
}

.ak-home-intro__primary:hover {
    color: #fff;
    background: #8c6c40;
    transform: translateY(-2px);
}

.ak-home-intro__secondary:hover {
    color: #fff;
    background: #111111;
    border-color: #111111;
    transform: translateY(-2px);
}

@media (max-width: 1199.98px) {
    .ak-home-intro__visual {
        min-height: 610px;
    }

    .ak-home-intro__main-image {
        height: 550px;
    }

    .ak-home-intro__detail-image {
        width: 185px;
        height: 200px;
    }
}

@media (max-width: 991.98px) {
    .ak-home-intro {
        padding: 82px 0;
    }

    .ak-home-intro__visual {
        max-width: 680px;
        min-height: 640px;
        margin: 0 auto;
    }

    .ak-home-intro__main-image {
        height: 580px;
    }

    .ak-home-intro__content {
        max-width: 680px;
        margin: 0 auto;
    }
}

@media (max-width: 767.98px) {
    .ak-home-intro {
        padding: 65px 0;
    }

    .ak-home-intro__lines span:nth-child(1),
    .ak-home-intro__lines span:nth-child(3) {
        display: none;
    }

    .ak-home-intro__visual {
        min-height: 500px;
        padding-right: 38px;
        padding-bottom: 42px;
    }

    .ak-home-intro__main-image {
        height: 465px;
    }

    .ak-home-intro__detail-image {
        width: 145px;
        height: 155px;
        padding: 6px;
    }

    .ak-home-intro__visual-label {
        display: none;
    }

    .ak-home-intro__content h2 {
        max-width: 500px;
        font-size: 32px;
        line-height: 1.07;
        letter-spacing: -.028em;
    }

    .ak-home-intro__lead {
        margin-top: 20px;
        font-size: 15px;
    }

    .ak-home-intro__text {
        font-size: 13px;
    }

    .ak-home-intro__feature {
        gap: 14px;
    }

    .ak-home-intro__feature h3 {
        font-size: 17px;
    }
}

@media (max-width: 479.98px) {
    .ak-home-intro__visual {
        min-height: 435px;
        padding-right: 24px;
        padding-bottom: 32px;
    }

    .ak-home-intro__main-image {
        height: 410px;
    }

    .ak-home-intro__detail-image {
        width: 120px;
        height: 130px;
    }

    .ak-home-intro__content h2 {
        font-size: 29px;
    }

    .ak-home-intro__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ak-home-intro__primary,
    .ak-home-intro__secondary {
        width: 100%;
    }
}

.ak-home-references {
    position: relative;
    padding: 78px 0 72px;
    overflow: hidden;
    border-top: 1px solid rgba(23, 23, 19, .09);
    background: #fff;
    color: #171713;
    font-family: "Urbanist", sans-serif;
}

.ak-home-references__heading {
    margin-bottom: 35px;
}

.ak-home-references__label,
.ak-home-blogs__label {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 14px;
    color: #8c6c40;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ak-home-references__label i,
.ak-home-blogs__label i {
    display: block;
    width: 31px;
    height: 1px;
    background: currentColor;
}

.ak-home-references__heading h2 {
    max-width: 590px;
    margin: 0;
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(33px, 3vw, 43px);
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.03em;
}

.ak-home-references__heading-right {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
    max-width: 540px;
    margin-left: auto;
}

.ak-home-references__heading-right p {
    max-width: 390px;
    margin: 0;
    color: #777671;
    font-size: 13px;
    line-height: 1.7;
}

.ak-home-references__navigation {
    display: flex;
    gap: 7px;
    flex: 0 0 auto;
}

.ak-home-references__navigation button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    border: 1px solid rgba(23, 23, 19, .16);
    border-radius: 50%;
    background: #fff;
    color: #171713;
    font-size: 12px;
    cursor: pointer;
    transition: color .25s ease, background .25s ease, border-color .25s ease;
}

.ak-home-references__navigation button:hover {
    border-color: #171713;
    background: #171713;
    color: #fff;
}

.ak-home-references__navigation button.swiper-button-disabled {
    cursor: default;
    opacity: .3;
}

.ak-home-references__swiper {
    overflow: visible;
}

.ak-home-references__swiper .swiper-slide {
    height: auto;
}

.ak-reference-card {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(23, 23, 19, .1);
    background: #fff;
    transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}

.ak-reference-card:hover {
    border-color: rgba(140, 108, 64, .4);
    box-shadow: 0 15px 36px rgba(23, 23, 19, .07);
    transform: translateY(-3px);
}

.ak-reference-card__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.ak-reference-card__logo img {
    width: auto;
    object-fit: contain;
    transition: filter .25s ease, opacity .25s ease, transform .25s ease;
}

.ak-reference-card:hover .ak-reference-card__logo img {
    filter: grayscale(0);
    opacity: 1;
    transform: scale(1.03);
}

.ak-reference-card > span {
    display: none;
}

.ak-home-references__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 28px;
}

.ak-home-references__progress.swiper-pagination-progressbar {
    position: relative;
    width: min(520px, 62%);
    height: 2px;
    overflow: hidden;
    background: rgba(23, 23, 19, .1);
}

.ak-home-references__progress .swiper-pagination-progressbar-fill {
    background: #9a7748;
}

.ak-home-references__footer > a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 5px;
    border-bottom: 1px solid #171713;
    font-size: 11px;
    font-weight: 800;
}

.ak-home-references__footer > a i {
    font-size: 8px;
    transition: transform .25s ease;
}

.ak-home-references__footer > a:hover {
    color: #8c6c40;
    border-color: #8c6c40;
}

.ak-home-references__footer > a:hover i {
    transform: translateX(4px);
}

.ak-home-blogs {
    position: relative;
    padding: 90px 0 100px;
    overflow: hidden;
    border-top: 1px solid rgba(23, 23, 19, .09);
    background: #fff;
    color: #171713;
    font-family: "Urbanist", sans-serif;
}

.ak-home-blogs__lines {
    position: absolute;
    inset: 0;
    pointer-events: none;
}

.ak-home-blogs__lines span {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(23, 23, 19, .04);
}

.ak-home-blogs__lines span:nth-child(1) {
    left: 8%;
}

.ak-home-blogs__lines span:nth-child(2) {
    left: 50%;
}

.ak-home-blogs__lines span:nth-child(3) {
    right: 8%;
}

.ak-home-blogs > .container {
    position: relative;
    z-index: 1;
}

.ak-home-blogs__heading {
    margin-bottom: 42px;
}

.ak-home-blogs__heading h2 {
    max-width: 580px;
    margin: 0;
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(34px, 3.1vw, 44px);
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.03em;
}

.ak-home-blogs__intro {
    max-width: 470px;
    margin-left: auto;
}

.ak-home-blogs__intro p {
    margin: 0 0 19px;
    color: #74736e;
    font-size: 14px;
    line-height: 1.7;
}

.ak-home-blogs__all {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 5px;
    border-bottom: 1px solid #171713;
    font-size: 11px;
    font-weight: 800;
}

.ak-home-blogs__all i {
    font-size: 8px;
    transition: transform .25s ease;
}

.ak-home-blogs__all:hover {
    color: #8c6c40;
    border-color: #8c6c40;
}

.ak-home-blogs__all:hover i {
    transform: translateX(4px);
}

.ak-blog-card {
    display: flex;
    height: 100%;
    flex-direction: column;
    border: 1px solid rgba(23, 23, 19, .1);
    background: #fff;
    transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}

.ak-blog-card:hover {
    border-color: rgba(140, 108, 64, .38);
    box-shadow: 0 20px 45px rgba(23, 23, 19, .08);
    transform: translateY(-4px);
}

.ak-blog-card__media {
    position: relative;
    display: block;
    height: 265px;
    overflow: hidden;
    background: #e8e4dc;
}

.ak-blog-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.2, .7, .2, 1), filter .35s ease;
}

.ak-blog-card:hover .ak-blog-card__media img {
    filter: saturate(.92) contrast(1.03);
    transform: scale(1.045);
}

.ak-blog-card__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 48%, rgba(10, 10, 8, .42));
}

.ak-blog-card__number {
    position: absolute;
    top: 16px;
    left: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    border: 1px solid rgba(255, 255, 255, .48);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    backdrop-filter: blur(6px);
}

.ak-blog-card__image-action {
    position: absolute;
    right: 16px;
    bottom: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 41px;
    height: 41px;
    border: 1px solid rgba(255, 255, 255, .58);
    border-radius: 50%;
    background: rgba(15, 15, 13, .24);
    color: #fff;
    font-size: 12px;
    backdrop-filter: blur(7px);
    transition: color .25s ease, background .25s ease, transform .25s ease;
}

.ak-blog-card:hover .ak-blog-card__image-action {
    background: #fff;
    color: #171713;
    transform: rotate(7deg);
}

.ak-blog-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 21px 21px 20px;
}

.ak-blog-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 12px;
}

.ak-blog-card__meta > span {
    color: #8c6c40;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ak-blog-card__meta time {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #8a8984;
    font-size: 12px;
    font-weight: 600;
}

.ak-blog-card__content h3 {
    margin: 0;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -.025em;
}

.ak-blog-card__content h3 a {
    transition: color .25s ease;
}

.ak-blog-card__content h3 a:hover {
    color: #8c6c40;
}

.ak-blog-card__content > p {
    display: -webkit-box;
    min-height: 65px;
    margin: 14px 0 20px;
    overflow: hidden;
    color: #74736e;
    font-size: 12px;
    line-height: 1.65;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ak-blog-card__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto;
    padding-top: 14px;
    border-top: 1px solid rgba(23, 23, 19, .1);
    font-size: 10px;
    font-weight: 800;
}

.ak-blog-card__link i {
    font-size: 8px;
    transition: transform .25s ease;
}

.ak-blog-card__link:hover {
    color: #8c6c40;
}

.ak-blog-card__link:hover i {
    transform: translateX(4px);
}

.ak-home-blogs__mobile-all {
    display: none;
    margin-top: 32px;
    text-align: center;
}

.ak-home-blogs__mobile-all a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 5px;
    border-bottom: 1px solid #171713;
    font-size: 11px;
    font-weight: 800;
}

@media (max-width: 991.98px) {
    .ak-home-references__heading-right,
    .ak-home-blogs__intro {
        max-width: 650px;
        margin-left: 0;
    }

    .ak-blog-card__media {
        height: 280px;
    }
}

@media (max-width: 767.98px) {
    .ak-home-references {
        padding: 62px 0 58px;
    }

    .ak-home-references__heading h2,
    .ak-home-blogs__heading h2 {
        max-width: 500px;
        font-size: 31px;
        line-height: 1.07;
        letter-spacing: -.028em;
    }

    .ak-home-references__heading-right {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-reference-card__logo img {
        max-width: 140px;
        max-height: 58px;
    }

    .ak-home-references__footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-home-references__progress.swiper-pagination-progressbar {
        width: 100%;
    }

    .ak-home-blogs {
        padding: 65px 0 72px;
    }

    .ak-home-blogs__lines span:nth-child(1),
    .ak-home-blogs__lines span:nth-child(3) {
        display: none;
    }

    .ak-home-blogs__heading {
        margin-bottom: 34px;
    }

    .ak-home-blogs__intro p {
        font-size: 13px;
    }

    .ak-home-blogs__intro .ak-home-blogs__all {
        display: none;
    }

    .ak-blog-card__media {
        height: 270px;
    }

    .ak-blog-card__content h3 {
        font-size: 21px;
    }

    .ak-home-blogs__mobile-all {
        display: block;
    }
}

@media (max-width: 479.98px) {
    .ak-home-references__heading h2,
    .ak-home-blogs__heading h2 {
        font-size: 28px;
    }

    .ak-blog-card__media {
        height: 245px;
    }
}



/* =========================================================
   GLOBAL FONT SYSTEM
========================================================= */

body.ak-body h1,
body.ak-body h2,
body.ak-body h3,
body.ak-body h4,
body.ak-body h5,
body.ak-body h6 {
    font-family: "Barlow Condensed", sans-serif;
    letter-spacing: -.025em;
    text-transform: capitalize;
}

/* =========================================================
   COMMON INNER PAGE HERO
   Bu bölüm tüm iç sayfalarda ortak kullanılacaktır.
========================================================= */

.ak-inner-hero {
    position: relative;
    min-height: 270px;
    padding: 68px 0 48px;
    overflow: hidden;
    border-bottom: 1px solid var(--ak-line);
    background:
        radial-gradient(circle at 82% 10%, rgba(184, 149, 95, .15), transparent 29%),
        linear-gradient(118deg, #f8f5ee 0%, #f0ebe1 54%, #e8dfd0 100%);
}

.ak-inner-hero::before {
    position: absolute;
    top: -105px;
    right: -65px;
    width: 380px;
    height: 380px;
    border: 1px solid rgba(143, 109, 62, .18);
    border-radius: 50%;
    content: "";
}

.ak-inner-hero::after {
    position: absolute;
    top: -40px;
    right: 40px;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(143, 109, 62, .12);
    border-radius: 50%;
    content: "";
}

.ak-inner-hero .container {
    position: relative;
    z-index: 2;
}

.ak-inner-hero__stone-line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: clamp(24px, 4vw, 78px);
    width: 1px;
    background: linear-gradient(180deg, transparent, rgba(143, 109, 62, .27), transparent);
}

.ak-inner-hero__content {
    max-width: 760px;
}

.ak-inner-hero__kicker {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 13px;
    color: var(--ak-stone-dark);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.ak-inner-hero__kicker::before {
    width: 29px;
    height: 1px;
    background: currentColor;
    content: "";
}

.ak-inner-hero h1 {
    max-width: 760px;
    margin: 0;
    color: var(--ak-ink);
    font-size: clamp(40px, 4vw, 48px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.03em;
}

.ak-inner-hero__content > p {
    max-width: 690px;
    margin: 17px 0 0;
    color: var(--ak-muted);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
}

.ak-inner-hero__navigation {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 7px;
}

.ak-inner-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 11px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ak-inner-breadcrumb li,
.ak-inner-breadcrumb a {
    color: var(--ak-muted);
    font-size: 12px;
    font-weight: 700;
}

.ak-inner-breadcrumb a {
    transition: color var(--ak-transition);
}

.ak-inner-breadcrumb a:hover {
    color: var(--ak-stone-dark);
}

.ak-inner-breadcrumb li[aria-current="page"] {
    color: var(--ak-ink);
}

.ak-inner-breadcrumb i {
    color: rgba(23, 23, 19, .35);
    font-size: 7px;
}

/* =========================================================
   RICH TEXT
========================================================= */

.ak-rich-text {
    color: var(--ak-muted);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.85;
}

.ak-rich-text > *:first-child {
    margin-top: 0;
}

.ak-rich-text > *:last-child {
    margin-bottom: 0;
}

.ak-rich-text p {
    margin: 0 0 19px;
}

.ak-rich-text h2,
.ak-rich-text h3,
.ak-rich-text h4,
.ak-rich-text h5,
.ak-rich-text h6 {
    margin: 31px 0 14px;
    color: var(--ak-ink);
    font-weight: 600;
    line-height: 1.12;
}

.ak-rich-text h2 {
    font-size: 33px;
}

.ak-rich-text h3 {
    font-size: 28px;
}

.ak-rich-text h4 {
    font-size: 24px;
}

.ak-rich-text ul,
.ak-rich-text ol {
    margin: 20px 0;
    padding-left: 21px;
}

.ak-rich-text li {
    margin: 8px 0;
}

.ak-rich-text a {
    color: var(--ak-stone-dark);
    text-decoration: underline;
    text-underline-offset: 4px;
}

.ak-rich-text img {
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 24px 0;
}

.ak-rich-text table {
    width: 100%;
    margin: 26px 0;
    border-collapse: collapse;
}

.ak-rich-text th,
.ak-rich-text td {
    padding: 13px 15px;
    border: 1px solid var(--ak-line);
    text-align: left;
}

/* =========================================================
   CORPORATE PAGE
========================================================= */

.ak-about-intro {
    position: relative;
    padding: 105px 0 95px;
    overflow: hidden;
    background: var(--ak-white);
}

.ak-about-intro::before {
    position: absolute;
    top: 70px;
    right: -160px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(184, 149, 95, .12);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-about-visual {
    position: relative;
    min-height: 625px;
    padding-right: 78px;
    padding-bottom: 70px;
}

.ak-about-visual__main {
    position: relative;
    height: 555px;
    overflow: hidden;
    background: var(--ak-ivory);
}

.ak-about-visual__main::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 58%, rgba(15, 15, 12, .18));
    content: "";
    pointer-events: none;
}

.ak-about-visual__main img,
.ak-about-visual__detail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .8s cubic-bezier(.2, .7, .2, 1);
}

.ak-about-visual:hover .ak-about-visual__main img {
    transform: scale(1.025);
}

.ak-about-visual__detail {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 245px;
    height: 285px;
    padding: 10px;
    background: var(--ak-white);
    box-shadow: 0 24px 65px rgba(20, 19, 16, .16);
}

.ak-about-visual:hover .ak-about-visual__detail img {
    transform: scale(1.045);
}

.ak-about-visual__label {
    position: absolute;
    top: 36px;
    left: -27px;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 13px;
    background: rgba(255, 255, 255, .9);
    color: var(--ak-ink);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    backdrop-filter: blur(8px);
}

.ak-about-visual__label i {
    width: 1px;
    height: 27px;
    background: var(--ak-stone);
}

.ak-about-intro__content {
    position: relative;
    z-index: 2;
    max-width: 650px;
    padding-left: clamp(0px, 2vw, 25px);
}

.ak-about-intro__content h2 {
    max-width: 630px;
    margin: 0 0 26px;
    color: var(--ak-ink);
    font-size: clamp(39px, 4vw, 47px);
    font-weight: 600;
    line-height: 1.03;
    letter-spacing: -.03em;
}

.ak-about-intro__text {
    max-width: 640px;
}

.ak-about-intro__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px 30px;
    margin-top: 34px;
    padding-top: 28px;
    border-top: 1px solid var(--ak-line);
}

.ak-about-link {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding-bottom: 6px;
    border-bottom: 1px solid var(--ak-ink);
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 800;
    transition: color var(--ak-transition), border-color var(--ak-transition);
}

.ak-about-link i {
    font-size: 10px;
    transition: transform var(--ak-transition);
}

.ak-about-link:hover {
    color: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
}

.ak-about-link:hover i {
    transform: translateX(5px);
}

.ak-about-link--muted {
    border-bottom-color: transparent;
    color: var(--ak-muted);
}

/* =========================================================
   CORPORATE PRINCIPLES
========================================================= */

.ak-about-principles {
    padding: 0 0 105px;
    background: var(--ak-white);
}

.ak-about-principles .row {
    border-top: 1px solid var(--ak-line);
    border-left: 1px solid var(--ak-line);
}

.ak-about-principle {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    height: 100%;
    min-height: 200px;
    padding: 36px 31px;
    border-right: 1px solid var(--ak-line);
    border-bottom: 1px solid var(--ak-line);
    transition: background var(--ak-transition);
}

.ak-about-principle:hover {
    background: var(--ak-ivory);
}

.ak-about-principle__number {
    flex: 0 0 auto;
    padding-top: 5px;
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
}

.ak-about-principle h3 {
    margin: 0 0 10px;
    color: var(--ak-ink);
    font-size: 27px;
    font-weight: 600;
    line-height: 1.05;
}

.ak-about-principle p {
    margin: 0;
    color: var(--ak-muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.75;
}

/* =========================================================
   MISSION AND VISION
========================================================= */

.ak-about-values {
    position: relative;
    padding: 105px 0;
    overflow: hidden;
    background: #151512;
    color: var(--ak-white);
}

.ak-about-values::before {
    position: absolute;
    top: -210px;
    right: -140px;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(184, 149, 95, .18);
    border-radius: 50%;
    content: "";
}

.ak-about-values::after {
    position: absolute;
    right: 115px;
    bottom: -170px;
    width: 350px;
    height: 350px;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 50%;
    content: "";
}

.ak-about-values__texture {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, transparent 49.8%, rgba(255, 255, 255, .025) 50%, transparent 50.2%),
        linear-gradient(0deg, transparent 49.8%, rgba(255, 255, 255, .02) 50%, transparent 50.2%);
    background-size: 110px 110px;
    opacity: .55;
    pointer-events: none;
}

.ak-about-values .container {
    position: relative;
    z-index: 2;
}

.ak-about-values__heading {
    max-width: 390px;
    padding-right: 25px;
}

.ak-about-values__heading h2 {
    margin: 0 0 20px;
    color: var(--ak-white);
    font-size: clamp(39px, 4vw, 47px);
    font-weight: 600;
    line-height: 1.03;
    letter-spacing: -.03em;
}

.ak-about-values__heading > p {
    margin: 0;
    color: rgba(255, 255, 255, .58);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8;
}

.ak-about-values__row {
    height: 100%;
    border-top: 1px solid rgba(255, 255, 255, .14);
    border-left: 1px solid rgba(255, 255, 255, .14);
}

.ak-about-value {
    height: 100%;
    min-height: 430px;
    padding: 42px 39px;
    border-right: 1px solid rgba(255, 255, 255, .14);
    border-bottom: 1px solid rgba(255, 255, 255, .14);
    transition: background var(--ak-transition);
}

.ak-about-value:hover {
    background: rgba(255, 255, 255, .035);
}

.ak-about-value__number {
    display: block;
    margin-bottom: 58px;
    color: var(--ak-stone);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .1em;
}

.ak-about-value h3 {
    margin: 0 0 20px;
    color: var(--ak-white);
    font-size: 37px;
    font-weight: 600;
    line-height: 1;
}

.ak-rich-text--light {
    color: rgba(255, 255, 255, .64);
    font-size: 15px;
}

.ak-rich-text--light h2,
.ak-rich-text--light h3,
.ak-rich-text--light h4,
.ak-rich-text--light h5,
.ak-rich-text--light h6 {
    color: var(--ak-white);
}

.ak-rich-text--light a {
    color: var(--ak-stone);
}

.ak-rich-text--light th,
.ak-rich-text--light td {
    border-color: rgba(255, 255, 255, .16);
}

/* =========================================================
   CORPORATE CLOSING
========================================================= */

.ak-about-closing {
    position: relative;
    padding: 82px 0;
    overflow: hidden;
    border-bottom: 1px solid var(--ak-line);
    background: var(--ak-ivory);
}

.ak-about-closing::after {
    position: absolute;
    top: 50%;
    right: -125px;
    width: 320px;
    height: 320px;
    border: 1px solid rgba(143, 109, 62, .14);
    border-radius: 50%;
    content: "";
    transform: translateY(-50%);
}

.ak-about-closing .container {
    position: relative;
    z-index: 2;
}

.ak-about-closing__content {
    max-width: 760px;
}

.ak-about-closing__content h2 {
    margin: 0;
    color: var(--ak-ink);
    font-size: clamp(39px, 4vw, 47px);
    font-weight: 600;
    line-height: 1.03;
    letter-spacing: -.03em;
}

.ak-about-closing__content p {
    margin: 17px 0 0;
    color: var(--ak-muted);
    font-size: 15px;
    line-height: 1.75;
}

.ak-about-closing__action {
    display: flex;
    justify-content: flex-end;
}

.ak-about-closing__action a {
    display: inline-flex;
    text-transform: capitalize;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    min-height: 68px;
    padding: 0 23px;
    border: 1px solid var(--ak-ink);
    background: transparent;
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 800;
    transition: color var(--ak-transition), background var(--ak-transition), transform var(--ak-transition);
}

.ak-about-closing__action a:hover {
    color: var(--ak-white);
    background: var(--ak-ink);
    transform: translateY(-3px);
}

.ak-about-closing__action i {
    font-size: 11px;
}

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

@media (max-width: 1199.98px) {
    .ak-about-intro {
        padding: 90px 0 85px;
    }

    .ak-about-visual {
        min-height: 570px;
    }

    .ak-about-visual__main {
        height: 510px;
    }

    .ak-about-values {
        padding: 90px 0;
    }

    .ak-about-values__heading {
        max-width: 720px;
        padding-right: 0;
    }

    .ak-about-value {
        min-height: 365px;
    }
}

@media (max-width: 991.98px) {
    .ak-inner-hero {
        min-height: 245px;
        padding: 57px 0 42px;
    }

    .ak-inner-hero__navigation {
        justify-content: flex-start;
        padding-bottom: 0;
    }

    .ak-inner-breadcrumb {
        justify-content: flex-start;
    }

    .ak-about-intro {
        padding: 78px 0;
    }

    .ak-about-visual {
        width: min(100%, 640px);
        min-height: 600px;
        margin: 0 auto;
    }

    .ak-about-intro__content {
        max-width: 760px;
        padding-left: 0;
    }

    .ak-about-principles {
        padding-bottom: 78px;
    }

    .ak-about-closing {
        padding: 70px 0;
    }

    .ak-about-closing__action {
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    .ak-inner-hero {
        min-height: auto;
        padding: 46px 0 37px;
    }

    .ak-inner-hero::before {
        top: -80px;
        right: -130px;
        width: 280px;
        height: 280px;
    }

    .ak-inner-hero::after {
        display: none;
    }

    .ak-inner-hero__stone-line {
        left: 17px;
    }

    .ak-inner-hero h1 {
        font-size: 31px;
        line-height: 1.03;
        letter-spacing: -.025em;
    }

    .ak-inner-hero__content > p {
        margin-top: 13px;
        font-size: 14px;
        line-height: 1.7;
    }

    .ak-inner-hero__navigation {
        padding-top: 2px;
    }

    .ak-about-intro {
        padding: 65px 0 62px;
    }

    .ak-about-visual {
        min-height: 500px;
        padding-right: 47px;
        padding-bottom: 53px;
    }

    .ak-about-visual__main {
        height: 450px;
    }

    .ak-about-visual__detail {
        width: 185px;
        height: 215px;
        padding: 7px;
    }

    .ak-about-visual__label {
        top: 25px;
        left: -17px;
    }

    .ak-about-intro__content h2,
    .ak-about-values__heading h2,
    .ak-about-closing__content h2 {
        font-size: 31px;
        line-height: 1.04;
    }

    .ak-rich-text {
        font-size: 14px;
        line-height: 1.8;
    }

    .ak-rich-text h2 {
        font-size: 29px;
    }

    .ak-rich-text h3 {
        font-size: 25px;
    }

    .ak-about-principles {
        padding-bottom: 65px;
    }

    .ak-about-principle {
        min-height: auto;
        padding: 29px 24px;
    }

    .ak-about-principle h3 {
        font-size: 25px;
    }

    .ak-about-values {
        padding: 65px 0;
    }

    .ak-about-value {
        min-height: auto;
        padding: 32px 26px;
    }

    .ak-about-value__number {
        margin-bottom: 36px;
    }

    .ak-about-value h3 {
        font-size: 31px;
    }

    .ak-about-closing {
        padding: 61px 0;
    }

    .ak-about-closing__action a {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .ak-about-visual {
        min-height: 430px;
        padding-right: 28px;
        padding-bottom: 42px;
    }

    .ak-about-visual__main {
        height: 390px;
    }

    .ak-about-visual__detail {
        width: 145px;
        height: 170px;
    }

    .ak-about-visual__label {
        display: none;
    }

    .ak-about-intro__actions {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-about-principle {
        gap: 18px;
    }

    .ak-about-value {
        padding: 29px 22px;
    }
}

/* =========================================================
   CAREER PAGE
========================================================= */

.ak-career-intro {
    position: relative;
    padding: 105px 0;
    overflow: hidden;
    background: #fff;
}

.ak-career-intro__line {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(23, 23, 19, .06);
    pointer-events: none;
}

.ak-career-intro__line--one {
    left: 8%;
}

.ak-career-intro__line--two {
    right: 8%;
}

.ak-career-intro__content {
    position: relative;
    z-index: 2;
    max-width: 670px;
    padding-right: 30px;
}

.ak-career-intro__content h2,
.ak-career-values__heading h2,
.ak-career-positions__intro h2,
.ak-career-application__aside h2 {
    margin: 0;
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(39px, 4vw, 47px);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -.03em;
}

.ak-career-intro__content > p {
    max-width: 640px;
    margin: 25px 0 0;
    color: var(--ak-muted);
    font-size: 15px;
    line-height: 1.85;
}

.ak-career-intro__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 17px 30px;
    margin-top: 34px;
    padding-top: 27px;
    border-top: 1px solid var(--ak-line);
}

.ak-career-text-link {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--ak-ink);
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 800;
    transition: color var(--ak-transition), border-color var(--ak-transition);
}

.ak-career-text-link i {
    font-size: 12px;
    transition: transform var(--ak-transition);
}

.ak-career-text-link:hover {
    color: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
}

.ak-career-text-link:hover i {
    transform: translateY(4px);
}

.ak-career-text-link--muted {
    border-bottom-color: transparent;
    color: var(--ak-muted);
}

.ak-career-statement {
    position: relative;
    min-height: 465px;
    padding: 53px 50px 42px;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0, rgba(184, 149, 95, .24), transparent 38%),
        #171713;
    color: #fff;
}

.ak-career-statement::before,
.ak-career-statement::after {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 50%;
    content: "";
}

.ak-career-statement::before {
    right: -140px;
    bottom: -185px;
    width: 390px;
    height: 390px;
}

.ak-career-statement::after {
    right: -44px;
    bottom: -90px;
    width: 200px;
    height: 200px;
}

.ak-career-statement__corner {
    position: absolute;
    top: 25px;
    right: 25px;
    width: 62px;
    height: 62px;
    border-top: 1px solid var(--ak-stone);
    border-right: 1px solid var(--ak-stone);
}

.ak-career-statement__number {
    position: relative;
    z-index: 2;
    display: block;
    color: var(--ak-stone);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .12em;
}

.ak-career-statement blockquote {
    position: relative;
    z-index: 2;
    max-width: 520px;
    margin: 83px 0 73px;
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(31px, 3vw, 39px);
    font-weight: 500;
    line-height: 1.16;
    letter-spacing: -.027em;
}

.ak-career-statement__footer {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 13px;
    color: rgba(255, 255, 255, .52);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ak-career-statement__footer i {
    width: 35px;
    height: 1px;
    background: var(--ak-stone);
}

/* Values */

.ak-career-values {
    padding: 100px 0;
    background: var(--ak-ivory);
}

.ak-career-values__heading {
    margin-bottom: 48px;
}

.ak-career-values__heading h2 {
    max-width: 690px;
}

.ak-career-values__heading p {
    max-width: 570px;
    margin: 0 0 6px auto;
    color: var(--ak-muted);
    font-size: 14px;
    line-height: 1.8;
}

.ak-career-values__row {
    border-top: 1px solid var(--ak-line);
    border-left: 1px solid var(--ak-line);
}

.ak-career-value {
    height: 100%;
    min-height: 260px;
    padding: 37px 32px;
    border-right: 1px solid var(--ak-line);
    border-bottom: 1px solid var(--ak-line);
    background: rgba(255, 255, 255, .35);
    transition: background var(--ak-transition), transform var(--ak-transition);
}

.ak-career-value:hover {
    background: #fff;
    transform: translateY(-4px);
}

.ak-career-value > span {
    display: block;
    margin-bottom: 52px;
    color: var(--ak-stone-dark);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
}

.ak-career-value h3 {
    margin: 0 0 13px;
    font-size: 29px;
    font-weight: 600;
    line-height: 1.04;
}

.ak-career-value p {
    margin: 0;
    color: var(--ak-muted);
    font-size: 13px;
    line-height: 1.75;
}

/* Positions */

.ak-career-positions {
    position: relative;
    padding: 105px 0;
    overflow: hidden;
    background: #171713;
    color: #fff;
}

.ak-career-positions::before {
    position: absolute;
    top: -170px;
    left: -170px;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(184, 149, 95, .16);
    border-radius: 50%;
    content: "";
}

.ak-career-positions__intro {
    position: sticky;
    top: 155px;
    max-width: 470px;
}

.ak-career-positions__intro h2 {
    color: #fff;
}

.ak-career-positions__intro > p {
    max-width: 440px;
    margin: 23px 0 0;
    color: rgba(255, 255, 255, .58);
    font-size: 14px;
    line-height: 1.8;
}

.ak-career-positions__count {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    margin-top: 46px;
    padding-top: 27px;
    border-top: 1px solid rgba(255, 255, 255, .14);
}

.ak-career-positions__count strong {
    font-family: "Barlow Condensed", sans-serif;
    color: var(--ak-stone);
    font-size: 54px;
    font-weight: 500;
    line-height: .8;
    letter-spacing: -.03em;
}

.ak-career-positions__count span {
    color: rgba(255, 255, 255, .55);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-career-position-list {
    border-top: 1px solid rgba(255, 255, 255, .15);
}

.ak-career-position {
    display: flex;
    align-items: center;
    gap: 27px;
    min-height: 132px;
    padding: 25px 5px;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    color: #fff;
    transition: padding var(--ak-transition), background var(--ak-transition);
}

.ak-career-position:hover {
    padding-right: 18px;
    padding-left: 18px;
    color: #fff;
    background: rgba(255, 255, 255, .04);
}

.ak-career-position__number {
    width: 40px;
    flex: 0 0 40px;
    color: var(--ak-stone);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
}

.ak-career-position__content {
    flex: 1;
}

.ak-career-position__content > span {
    display: block;
    margin-bottom: 6px;
    color: rgba(255, 255, 255, .43);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ak-career-position__content h3 {
    margin: 0;
    color: #fff;
    font-size: 28px;
    font-weight: 600;
}

.ak-career-position__action {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    color: rgba(255, 255, 255, .62);
    font-size: 11px;
    font-weight: 800;
}

.ak-career-position__action i {
    color: var(--ak-stone);
    font-size: 12px;
    transition: transform var(--ak-transition);
}

.ak-career-position:hover .ak-career-position__action i {
    transform: translateX(5px);
}

.ak-career-position-empty {
    display: flex;
    align-items: center;
    gap: 24px;
    min-height: 185px;
    padding: 31px;
    border: 1px solid rgba(255, 255, 255, .15);
}

.ak-career-position-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 57px;
    height: 57px;
    flex: 0 0 57px;
    border: 1px solid rgba(255, 255, 255, .2);
    color: var(--ak-stone);
}

.ak-career-position-empty > div {
    flex: 1;
}

.ak-career-position-empty h3 {
    margin: 0 0 7px;
    color: #fff;
    font-size: 25px;
    font-weight: 600;
}

.ak-career-position-empty p {
    margin: 0;
    color: rgba(255, 255, 255, .55);
    font-size: 13px;
    line-height: 1.7;
}

.ak-career-position-empty > a {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--ak-stone);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

/* Application */

.ak-career-application {
    padding: 105px 0;
    background: #f6f3ed;
}

.ak-career-application__row {
    border: 1px solid var(--ak-line);
    background: #fff;
}

.ak-career-application__aside {
    position: relative;
    height: 100%;
    min-height: 100%;
    padding: 55px 42px;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 100%, rgba(184, 149, 95, .2), transparent 37%),
        #1a1a17;
    color: #fff;
}

.ak-career-application__aside::after {
    position: absolute;
    right: -85px;
    bottom: -85px;
    width: 230px;
    height: 230px;
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 50%;
    content: "";
}

.ak-career-application__aside h2 {
    position: relative;
    z-index: 2;
    color: #fff;
}

.ak-career-application__aside > p {
    position: relative;
    z-index: 2;
    margin: 22px 0 0;
    color: rgba(255, 255, 255, .58);
    font-size: 14px;
    line-height: 1.8;
}

.ak-career-application__notes {
    position: relative;
    z-index: 2;
    margin-top: 50px;
    border-top: 1px solid rgba(255, 255, 255, .14);
}

.ak-career-application__notes > div {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 74px;
    border-bottom: 1px solid rgba(255, 255, 255, .14);
}

.ak-career-application__notes i {
    width: 22px;
    color: var(--ak-stone);
    text-align: center;
}

.ak-career-application__notes span {
    display: flex;
    flex-direction: column;
    color: rgba(255, 255, 255, .52);
    font-size: 11px;
}

.ak-career-application__notes strong {
    margin-bottom: 3px;
    color: #fff;
    font-size: 12px;
}

.ak-career-form {
    padding: 53px 52px 58px;
}

.ak-career-form__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 35px;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--ak-line);
}

.ak-career-form__heading > span {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 27px;
    font-weight: 600;
    letter-spacing: -.025em;
}

.ak-career-form__heading p {
    margin: 0;
    color: var(--ak-muted);
    font-size: 10px;
    font-weight: 600;
}

.ak-career-form__heading p strong,
.ak-career-field label span,
.ak-career-consent label > span {
    color: #a54c3e;
}

.ak-career-form__message {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 28px;
    padding: 16px 17px;
    border: 1px solid var(--ak-line);
    font-size: 13px;
    line-height: 1.65;
}

.ak-career-form__message.is-success {
    border-color: rgba(38, 121, 79, .27);
    background: rgba(38, 121, 79, .07);
    color: #1f6945;
}

.ak-career-form__message.is-error {
    border-color: rgba(169, 66, 55, .25);
    background: rgba(169, 66, 55, .06);
    color: #94392f;
}

.ak-career-form__message-icon {
    flex: 0 0 auto;
    padding-top: 2px;
}

.ak-career-field {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.ak-career-field > label {
    color: var(--ak-ink);
    font-size: 11px;
    font-weight: 800;
}

.ak-career-field input[type="text"],
.ak-career-field input[type="email"],
.ak-career-field input[type="date"],
.ak-career-field select,
.ak-career-field textarea {
    width: 100%;
    min-height: 54px;
    padding: 0 15px;
    border: 1px solid rgba(23, 23, 19, .17);
    border-radius: 0;
    outline: 0;
    background: #fff;
    color: var(--ak-ink);
    font-family: "Urbanist", sans-serif;
    font-size: 13px;
    transition: border-color var(--ak-transition), box-shadow var(--ak-transition);
}

.ak-career-field textarea {
    min-height: 115px;
    padding-top: 14px;
    padding-bottom: 14px;
    resize: vertical;
}

.ak-career-field input:focus,
.ak-career-field select:focus,
.ak-career-field textarea:focus {
    border-color: var(--ak-stone-dark);
    box-shadow: 0 0 0 3px rgba(184, 149, 95, .09);
}

.ak-career-field input::placeholder,
.ak-career-field textarea::placeholder {
    color: #9b9993;
}

.ak-career-file {
    position: relative;
    display: flex;
    align-items: center;
    gap: 17px;
    min-height: 92px;
    padding: 17px 19px;
    border: 1px dashed rgba(23, 23, 19, .24);
    background: var(--ak-ivory);
    transition: border-color var(--ak-transition), background var(--ak-transition);
}

.ak-career-file:hover {
    border-color: var(--ak-stone-dark);
    background: #f1ebdf;
}

.ak-career-file__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    flex: 0 0 47px;
    border: 1px solid var(--ak-line);
    background: #fff;
    color: var(--ak-stone-dark);
}

.ak-career-file__content {
    display: flex;
    flex: 1;
    flex-direction: column;
}

.ak-career-file__content strong {
    color: var(--ak-ink);
    font-size: 12px;
}

.ak-career-file__content small {
    margin-top: 4px;
    color: var(--ak-muted);
    font-size: 10px;
}

.ak-career-file input[type="file"] {
    width: min(100%, 220px);
    color: var(--ak-muted);
    font-size: 10px;
}

.ak-career-file input[type="file"]::file-selector-button {
    min-height: 37px;
    margin-right: 10px;
    padding: 0 13px;
    border: 1px solid var(--ak-ink);
    border-radius: 0;
    background: var(--ak-ink);
    color: #fff;
    font-family: "Urbanist", sans-serif;
    font-size: 10px;
    font-weight: 700;
    cursor: pointer;
}

.ak-career-consent {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding-top: 3px;
}

.ak-career-consent > span {
    flex: 0 0 auto;
    padding-top: 3px;
}

.ak-career-consent input {
    width: 16px;
    height: 16px;
    accent-color: var(--ak-stone-dark);
}

.ak-career-consent label {
    margin: 0;
    color: var(--ak-muted);
    font-size: 11px;
    line-height: 1.65;
}

.ak-career-consent a {
    color: var(--ak-ink);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ak-career-submit {
    min-width: 220px;
    min-height: 56px;
    padding: 0 24px;
    border: 1px solid var(--ak-ink);
    border-radius: 0;
    background: var(--ak-ink);
    color: #fff;
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: color var(--ak-transition), background var(--ak-transition), transform var(--ak-transition);
}

.ak-career-submit:hover,
.ak-career-submit:focus {
    color: var(--ak-ink);
    background: var(--ak-stone);
    border-color: var(--ak-stone);
    transform: translateY(-2px);
}

.ak-career-honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Responsive */

@media (max-width: 1199.98px) {
    .ak-career-intro,
    .ak-career-values,
    .ak-career-positions,
    .ak-career-application {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .ak-career-application__aside {
        padding-right: 34px;
        padding-left: 34px;
    }

    .ak-career-form {
        padding-right: 39px;
        padding-left: 39px;
    }
}

@media (max-width: 991.98px) {
    .ak-career-intro {
        padding-top: 78px;
        padding-bottom: 78px;
    }

    .ak-career-intro__content {
        max-width: 760px;
        padding-right: 0;
    }

    .ak-career-statement {
        min-height: 390px;
    }

    .ak-career-statement blockquote {
        margin-top: 65px;
        margin-bottom: 60px;
    }

    .ak-career-values,
    .ak-career-positions,
    .ak-career-application {
        padding-top: 78px;
        padding-bottom: 78px;
    }

    .ak-career-values__heading p {
        margin-left: 0;
    }

    .ak-career-positions__intro {
        position: relative;
        top: auto;
        max-width: 690px;
    }

    .ak-career-application__aside {
        min-height: auto;
    }

    .ak-career-application__notes {
        display: flex;
        flex-wrap: wrap;
    }

    .ak-career-application__notes > div {
        width: 33.333%;
        padding-right: 15px;
        border-right: 1px solid rgba(255, 255, 255, .14);
    }
}

@media (max-width: 767.98px) {
    .ak-career-intro,
    .ak-career-values,
    .ak-career-positions,
    .ak-career-application {
        padding-top: 65px;
        padding-bottom: 65px;
    }

    .ak-career-intro__content h2,
    .ak-career-values__heading h2,
    .ak-career-positions__intro h2,
    .ak-career-application__aside h2 {
        font-size: 31px;
        line-height: 1.05;
    }

    .ak-career-intro__content > p {
        font-size: 14px;
    }

    .ak-career-statement {
        min-height: 350px;
        padding: 39px 29px 32px;
    }

    .ak-career-statement blockquote {
        margin: 60px 0 52px;
        font-size: 29px;
    }

    .ak-career-value {
        min-height: auto;
        padding: 29px 24px;
    }

    .ak-career-value > span {
        margin-bottom: 34px;
    }

    .ak-career-position {
        gap: 17px;
        min-height: 112px;
    }

    .ak-career-position__number {
        width: 28px;
        flex-basis: 28px;
    }

    .ak-career-position__content h3 {
        font-size: 25px;
    }

    .ak-career-position__action {
        font-size: 0;
    }

    .ak-career-position__action i {
        font-size: 11px;
    }

    .ak-career-position-empty {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-career-application__aside {
        padding: 41px 27px;
    }

    .ak-career-application__notes {
        display: block;
        margin-top: 37px;
    }

    .ak-career-application__notes > div {
        width: 100%;
        padding-right: 0;
        border-right: 0;
    }

    .ak-career-form {
        padding: 39px 25px 43px;
    }

    .ak-career-form__heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .ak-career-file {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .ak-career-file input[type="file"] {
        width: 100%;
    }

    .ak-career-submit {
        width: 100%;
    }
}

@media (max-width: 479.98px) {
    .ak-career-intro__actions {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-career-statement {
        min-height: 330px;
    }

    .ak-career-statement__corner {
        width: 45px;
        height: 45px;
    }

    .ak-career-position {
        padding-right: 0;
        padding-left: 0;
    }

    .ak-career-position:hover {
        padding-right: 9px;
        padding-left: 9px;
    }

    .ak-career-form {
        padding-right: 19px;
        padding-left: 19px;
    }

    .ak-career-file__icon {
        width: 42px;
        height: 42px;
        flex-basis: 42px;
    }
}


/* =========================================================
   REFERENCES PAGE
========================================================= */

.ak-references-page {
    position: relative;
    padding: 92px 0 110px;
    overflow: hidden;
    background: #f7f4ee;
}

.ak-references-page::before {
    position: absolute;
    top: -180px;
    right: -180px;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(143, 109, 62, .1);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-references-page .container {
    position: relative;
    z-index: 2;
}

.ak-references-page__heading {
    margin-bottom: 48px;
}

.ak-references-page__heading h2 {
    max-width: 710px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(39px, 4vw, 47px);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -.03em;
}

.ak-references-page__heading p {
    max-width: 480px;
    margin: 0 0 5px auto;
    color: var(--ak-muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.8;
}

.ak-references-grid {
    position: relative;
}

.ak-reference-card {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(23, 23, 19, .1);
    background: #fff;
}

.ak-reference-card__image {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 2 / 1;
    margin: 0;
    padding: 0;
    object-fit: cover;
    object-position: center;
    filter: none;
    opacity: 1;
    transform: none;
}

.ak-reference-card:hover .ak-reference-card__image {
    filter: none;
    opacity: 1;
    transform: none;
}

.ak-references-empty {
    display: flex;
    align-items: center;
    gap: 24px;
    min-height: 190px;
    padding: 34px;
    border: 1px solid var(--ak-line);
    background: #fff;
}

.ak-references-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    flex: 0 0 60px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
    font-size: 19px;
}

.ak-references-empty h3 {
    margin: 0 0 8px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.025em;
}

.ak-references-empty p {
    max-width: 630px;
    margin: 0;
    color: var(--ak-muted);
    font-size: 13px;
    line-height: 1.75;
}

@media (max-width: 991.98px) {
    .ak-references-page {
        padding: 78px 0 90px;
    }

    .ak-references-page__heading {
        margin-bottom: 40px;
    }

    .ak-references-page__heading p {
        margin-left: 0;
    }
}

@media (max-width: 767.98px) {
    .ak-references-page {
        padding: 64px 0 72px;
    }

    .ak-references-page__heading {
        margin-bottom: 32px;
    }

    .ak-references-page__heading h2 {
        font-size: 31px;
        line-height: 1.05;
    }

    .ak-references-page__heading p {
        font-size: 13px;
    }

    .ak-references-grid {
        --bs-gutter-x: 14px;
        --bs-gutter-y: 14px;
    }

    .ak-references-empty {
        align-items: flex-start;
        padding: 27px 23px;
    }
}

@media (max-width: 479.98px) {
    .ak-references-page {
        padding: 56px 0 64px;
    }

    .ak-references-grid {
        --bs-gutter-x: 10px;
        --bs-gutter-y: 10px;
    }

    .ak-references-empty {
        flex-direction: column;
        gap: 17px;
    }

    .ak-references-empty__icon {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
    }
}

/* =========================================================
   DEALERS PAGE
========================================================= */

.ak-dealers-page {
    position: relative;
    padding: 94px 0 112px;
    overflow: hidden;
    background: #f7f4ee;
}

.ak-dealers-page::before {
    position: absolute;
    top: -210px;
    right: -170px;
    width: 470px;
    height: 470px;
    border: 1px solid rgba(143, 109, 62, .1);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-dealers-page .container {
    position: relative;
    z-index: 2;
}

.ak-dealers-page__heading {
    margin-bottom: 48px;
}

.ak-dealers-page__heading h2 {
    max-width: 760px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(40px, 4vw, 48px);
    font-weight: 600;
    line-height: 1.03;
    letter-spacing: -.03em;
}

.ak-dealers-page__heading p {
    max-width: 500px;
    margin: 0 0 5px auto;
    color: var(--ak-muted);
    font-size: 14px;
    line-height: 1.8;
}

.ak-dealers-map-shell {
    overflow: hidden;
    border: 1px solid var(--ak-line);
    background: #fff;
}

.ak-dealers-map-shell__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    min-height: 94px;
    padding: 20px 28px;
    border-bottom: 1px solid rgba(255, 255, 255, .11);
    background: #171713;
    color: #fff;
}

.ak-dealers-map-shell__header > div:first-child {
    display: flex;
    flex-direction: column;
}

.ak-dealers-map-shell__header > div:first-child > span {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 27px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.025em;
}

.ak-dealers-map-shell__header small {
    margin-top: 7px;
    color: rgba(255, 255, 255, .5);
    font-size: 11px;
    font-weight: 600;
}

.ak-dealers-map-shell__count {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    padding-left: 25px;
    border-left: 1px solid rgba(255, 255, 255, .14);
}

.ak-dealers-map-shell__count strong {
    color: var(--ak-stone);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 43px;
    font-weight: 500;
    line-height: .8;
    letter-spacing: -.03em;
}

.ak-dealers-map-shell__count span {
    color: rgba(255, 255, 255, .58);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-dealers-map-shell__body {
    position: relative;
    min-height: 610px;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 45%, rgba(184, 149, 95, .1), transparent 42%),
        #f2eee6;
}

.ak-dealers-map {
    width: 100%;
    height: 610px;
}

.ak-dealers-map-loading {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    background: #f2eee6;
    color: var(--ak-muted);
    transition: opacity .35s ease, visibility .35s ease;
}

.ak-dealers-map-loading span {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ak-stone-dark);
    animation: akDealerLoading 1s ease-in-out infinite alternate;
}

.ak-dealers-map-loading span:nth-child(2) {
    animation-delay: .15s;
}

.ak-dealers-map-loading span:nth-child(3) {
    animation-delay: .3s;
}

.ak-dealers-map-loading strong {
    margin-left: 8px;
    font-size: 11px;
    font-weight: 700;
}

.ak-dealers-map-loading.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.ak-dealers-map-loading.is-error span {
    display: none;
}

@keyframes akDealerLoading {
    to {
        opacity: .25;
        transform: translateY(-5px);
    }
}

.ak-dealers-map-shell__legend {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px 25px;
    min-height: 57px;
    padding: 12px 28px;
    border-top: 1px solid var(--ak-line);
    background: #fff;
}

.ak-dealers-map-shell__legend > span {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--ak-muted);
    font-size: 10px;
    font-weight: 700;
}

.ak-dealers-map-shell__legend i {
    display: inline-block;
    flex: 0 0 auto;
}

.ak-dealers-map-shell__legend-province {
    width: 20px;
    height: 13px;
    background: var(--ak-stone);
}

.ak-dealers-map-shell__legend-point {
    width: 12px;
    height: 12px;
    border: 3px solid #fff;
    border-radius: 50%;
    background: var(--ak-ink);
    box-shadow: 0 0 0 2px var(--ak-stone-dark);
}

.ak-dealers-selector-block {
    margin-top: 54px;
}

.ak-dealers-selector-block__title {
    display: block;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 33px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.025em;
}

.ak-dealers-selector-block p {
    max-width: 540px;
    margin: 0 0 2px auto;
    color: var(--ak-muted);
    font-size: 13px;
    line-height: 1.75;
}

.ak-dealers-selectors {
    display: flex;
    flex-wrap: wrap;
    margin-top: 24px;
    border-top: 1px solid var(--ak-line);
    border-left: 1px solid var(--ak-line);
}

.ak-dealer-selector {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 25%;
    min-height: 92px;
    padding: 15px 18px;
    border-right: 1px solid var(--ak-line);
    border-bottom: 1px solid var(--ak-line);
    background: rgba(255, 255, 255, .55);
    color: var(--ak-ink);
    text-align: left;
    cursor: pointer;
    transition: color var(--ak-transition), background var(--ak-transition);
}

.ak-dealer-selector:hover,
.ak-dealer-selector.is-active {
    background: #171713;
    color: #fff;
}

.ak-dealer-selector__number {
    width: 24px;
    flex: 0 0 24px;
    color: var(--ak-stone-dark);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
}

.ak-dealer-selector:hover .ak-dealer-selector__number,
.ak-dealer-selector.is-active .ak-dealer-selector__number {
    color: var(--ak-stone);
}

.ak-dealer-selector__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.ak-dealer-selector__content strong {
    overflow: hidden;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ak-dealer-selector__content small {
    margin-top: 4px;
    overflow: hidden;
    color: var(--ak-muted);
    font-size: 10px;
    font-weight: 600;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ak-dealer-selector:hover .ak-dealer-selector__content small,
.ak-dealer-selector.is-active .ak-dealer-selector__content small {
    color: rgba(255, 255, 255, .52);
}

.ak-dealer-selector > i {
    flex: 0 0 auto;
    color: var(--ak-stone-dark);
    font-size: 12px;
    transition: transform var(--ak-transition);
}

.ak-dealer-selector:hover > i,
.ak-dealer-selector.is-active > i {
    color: var(--ak-stone);
    transform: translateX(4px);
}

.ak-dealers-details {
    margin-top: 26px;
}

.ak-dealer-detail {
    display: none;
    overflow: hidden;
    border: 1px solid var(--ak-line);
    background: #fff;
}

.ak-dealer-detail.is-active {
    display: block;
    animation: akDealerDetailIn .35s ease both;
}

@keyframes akDealerDetailIn {
    from {
        opacity: 0;
        transform: translateY(9px);
    }

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

.ak-dealer-detail__identity {
    height: 100%;
    min-height: 420px;
    padding: 42px 35px;
    background:
        radial-gradient(circle at 100% 100%, rgba(184, 149, 95, .2), transparent 38%),
        #171713;
    color: #fff;
}

.ak-dealer-detail__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 132px;
    margin-bottom: 42px;
    overflow: hidden;
    background: #fff;
}

.ak-dealer-detail__logo img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 160px;
    object-fit: contain;
}

.ak-dealer-detail__logo--fallback {
    color: var(--ak-stone-dark);
    font-size: 35px;
}

.ak-dealer-detail__location {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--ak-stone);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.ak-dealer-detail__location::before {
    width: 25px;
    height: 1px;
    background: currentColor;
    content: "";
}

.ak-dealer-detail__identity h3 {
    margin: 14px 0 0;
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 36px;
    font-weight: 600;
    line-height: 1.03;
    letter-spacing: -.028em;
}

.ak-dealer-detail__person {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, .14);
}

.ak-dealer-detail__person small {
    color: rgba(255, 255, 255, .45);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-dealer-detail__person strong {
    margin-top: 5px;
    color: #fff;
    font-size: 13px;
}

.ak-dealer-detail__content {
    min-height: 420px;
    padding: 45px 46px;
}

.ak-dealer-detail__description {
    max-width: 760px;
    margin-bottom: 31px;
    color: var(--ak-muted);
    font-size: 14px;
    line-height: 1.8;
}

.ak-dealer-detail__address {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding: 20px 0 24px;
    border-top: 1px solid var(--ak-line);
    border-bottom: 1px solid var(--ak-line);
}

.ak-dealer-detail__address > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
}

.ak-dealer-detail__address > div {
    display: flex;
    flex-direction: column;
}

.ak-dealer-detail__address small {
    color: var(--ak-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-dealer-detail__address strong {
    max-width: 710px;
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.65;
}

.ak-dealer-detail__actions {
    display: flex;
    flex-wrap: wrap;
    margin-top: 27px;
    border-top: 1px solid var(--ak-line);
    border-left: 1px solid var(--ak-line);
}

.ak-dealer-contact {
    display: flex;
    align-items: center;
    gap: 13px;
    width: 50%;
    min-height: 76px;
    padding: 13px 15px;
    border-right: 1px solid var(--ak-line);
    border-bottom: 1px solid var(--ak-line);
    color: var(--ak-ink);
    transition: color var(--ak-transition), background var(--ak-transition);
}

.ak-dealer-contact:hover {
    color: var(--ak-ink);
    background: var(--ak-ivory);
}

.ak-dealer-contact > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 37px;
    height: 37px;
    flex: 0 0 37px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
    font-size: 12px;
}

.ak-dealer-contact > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ak-dealer-contact small {
    color: var(--ak-muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: -.03em;
    text-transform: uppercase;
}

.ak-dealer-contact strong {
    margin-top: 0px;
    overflow: hidden;
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ak-dealer-contact--direction {
    background: #f3ede2;
}

.ak-dealers-empty {
    display: flex;
    align-items: center;
    gap: 25px;
    min-height: 210px;
    padding: 38px;
    border: 1px solid var(--ak-line);
    background: #fff;
}

.ak-dealers-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    flex: 0 0 66px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
    font-size: 22px;
}

.ak-dealers-empty h3 {
    margin: 0 0 8px;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 29px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.025em;
}

.ak-dealers-empty p {
    max-width: 650px;
    margin: 0;
    color: var(--ak-muted);
    font-size: 13px;
    line-height: 1.75;
}

@media (max-width: 1199.98px) {
    .ak-dealer-selector {
        width: 33.333%;
    }

    .ak-dealers-map-shell__body,
    .ak-dealers-map {
        height: 560px;
        min-height: 560px;
    }

    .ak-dealer-detail__content {
        padding-right: 36px;
        padding-left: 36px;
    }
}

@media (max-width: 991.98px) {
    .ak-dealers-page {
        padding: 78px 0 90px;
    }

    .ak-dealers-page__heading {
        margin-bottom: 40px;
    }

    .ak-dealers-page__heading p,
    .ak-dealers-selector-block p {
        margin-left: 0;
    }

    .ak-dealers-map-shell__body,
    .ak-dealers-map {
        height: 500px;
        min-height: 500px;
    }

    .ak-dealer-selector {
        width: 50%;
    }

    .ak-dealer-detail__identity,
    .ak-dealer-detail__content {
        min-height: auto;
    }

    .ak-dealer-detail__identity {
        padding: 36px 31px;
    }

    .ak-dealer-detail__logo {
        max-width: 340px;
        min-height: 115px;
        margin-bottom: 31px;
    }
}

@media (max-width: 767.98px) {
    .ak-dealers-page {
        padding: 64px 0 72px;
    }

    .ak-dealers-page__heading h2 {
        font-size: 31px;
        line-height: 1.05;
    }

    .ak-dealers-page__heading p {
        font-size: 13px;
    }

    .ak-dealers-map-shell__header {
        align-items: flex-start;
        min-height: auto;
        padding: 18px 20px;
    }

    .ak-dealers-map-shell__header > div:first-child > span {
        font-size: 24px;
    }

    .ak-dealers-map-shell__count {
        padding-left: 17px;
    }

    .ak-dealers-map-shell__count strong {
        font-size: 36px;
    }

    .ak-dealers-map-shell__body,
    .ak-dealers-map {
        height: 410px;
        min-height: 410px;
    }

    .ak-dealers-map-shell__legend {
        padding-right: 20px;
        padding-left: 20px;
    }

    .ak-dealers-selector-block {
        margin-top: 42px;
    }

    .ak-dealers-selector-block__title {
        font-size: 29px;
    }

    .ak-dealer-selector {
        width: 100%;
        min-height: 78px;
    }

    .ak-dealer-detail__identity {
        padding: 31px 24px;
    }

    .ak-dealer-detail__identity h3 {
        font-size: 31px;
    }

    .ak-dealer-detail__content {
        padding: 32px 24px 36px;
    }

    .ak-dealer-contact {
        width: 100%;
    }

    .ak-dealers-empty {
        align-items: flex-start;
        flex-direction: column;
        padding: 30px 24px;
    }
}

@media (max-width: 479.98px) {
    .ak-dealers-map-shell__header {
        flex-direction: column;
        gap: 17px;
    }

    .ak-dealers-map-shell__count {
        width: 100%;
        padding-top: 14px;
        padding-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .14);
        border-left: 0;
    }

    .ak-dealers-map-shell__body,
    .ak-dealers-map {
        height: 350px;
        min-height: 350px;
    }

    .ak-dealers-map-shell__legend {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    .ak-dealer-detail__logo {
        max-width: none;
    }
}


/* =========================================================
   CUSTOMER TESTIMONIALS PAGE
========================================================= */

.ak-testimonials-page {
    position: relative;
    padding: 96px 0 112px;
    overflow: hidden;
    background: #f7f4ee;
}

.ak-testimonials-page::before {
    position: absolute;
    top: -190px;
    right: -170px;
    width: 440px;
    height: 440px;
    border: 1px solid rgba(143, 109, 62, .1);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-testimonials-page__line {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(23, 23, 19, .045);
    pointer-events: none;
}

.ak-testimonials-page__line--left {
    left: 7%;
}

.ak-testimonials-page__line--right {
    right: 7%;
}

.ak-testimonials-page .container {
    position: relative;
    z-index: 2;
}

.ak-testimonials-page__heading {
    margin-bottom: 50px;
}

.ak-testimonials-page__heading h2 {
    max-width: 760px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(40px, 4vw, 48px);
    font-weight: 600;
    line-height: 1.03;
    letter-spacing: -.03em;
}

.ak-testimonials-page__heading-side {
    max-width: 500px;
    margin-left: auto;
}

.ak-testimonials-page__heading-side > p {
    margin: 0;
    color: var(--ak-muted);
    font-size: 14px;
    line-height: 1.8;
}

.ak-testimonials-page__count {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    margin-top: 25px;
    padding-top: 21px;
    border-top: 1px solid var(--ak-line);
}

.ak-testimonials-page__count strong {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 48px;
    font-weight: 500;
    line-height: .8;
    letter-spacing: -.03em;
}

.ak-testimonials-page__count span {
    color: var(--ak-muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-testimonials-list {
    align-items: stretch;
}

.ak-testimonials-list > div {
    display: flex;
}

.ak-testimonial-card {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 390px;
    flex-direction: column;
    padding: 37px 38px 34px;
    overflow: hidden;
    border: 1px solid var(--ak-line);
    background: #fff;
    transition: border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-testimonial-card:hover {
    border-color: rgba(143, 109, 62, .42);
    transform: translateY(-4px);
}

.ak-testimonial-card::after {
    position: absolute;
    right: -85px;
    bottom: -105px;
    width: 210px;
    height: 210px;
    border: 1px solid rgba(143, 109, 62, .09);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-testimonial-card--featured {
    border-color: #171713;
    background:
        radial-gradient(circle at 100% 100%, rgba(184, 149, 95, .19), transparent 35%),
        #171713;
    color: #fff;
}

.ak-testimonial-card--featured::after {
    border-color: rgba(255, 255, 255, .09);
}

.ak-testimonial-card__top {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}

.ak-testimonial-card__number {
    color: var(--ak-stone-dark);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
}

.ak-testimonial-card--featured .ak-testimonial-card__number {
    color: var(--ak-stone);
}

.ak-testimonial-card__quote {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
    font-size: 15px;
}

.ak-testimonial-card--featured .ak-testimonial-card__quote {
    border-color: rgba(255, 255, 255, .16);
    color: var(--ak-stone);
}

.ak-testimonial-card__text {
    position: relative;
    z-index: 2;
    flex: 1;
    margin: 0px 0 25px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 29px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.28;
    letter-spacing: -.022em;
    white-space: pre-line;
}

.ak-testimonial-card--featured .ak-testimonial-card__text {
    color: #fff;
}

.ak-testimonial-card__footer {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding-top: 25px;
    border-top: 1px solid var(--ak-line);
}

.ak-testimonial-card--featured .ak-testimonial-card__footer {
    border-top-color: rgba(255, 255, 255, .14);
}

.ak-testimonial-person {
    display: flex;
    align-items: center;
    gap: 14px;
    min-width: 0;
}

.ak-testimonial-person__image {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    overflow: hidden;
    border: 1px solid var(--ak-line);
    border-radius: 50%;
    background: var(--ak-ivory);
}

.ak-testimonial-person__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ak-testimonial-person__image--fallback {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -.02em;
}

.ak-testimonial-card--featured .ak-testimonial-person__image {
    border-color: rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .08);
}

.ak-testimonial-card--featured .ak-testimonial-person__image--fallback {
    color: var(--ak-stone);
}

.ak-testimonial-person__content {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ak-testimonial-person__content strong {
    overflow: hidden;
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ak-testimonial-person__content small {
    margin-top: 4px;
    overflow: hidden;
    color: var(--ak-muted);
    font-size: 10px;
    font-weight: 600;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ak-testimonial-card--featured .ak-testimonial-person__content strong {
    color: #fff;
}

.ak-testimonial-card--featured .ak-testimonial-person__content small {
    color: rgba(255, 255, 255, .5);
}

.ak-testimonial-card__date {
    flex: 0 0 auto;
    color: var(--ak-muted);
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ak-testimonial-card--featured .ak-testimonial-card__date {
    color: rgba(255, 255, 255, .42);
}

.ak-testimonials-empty {
    display: flex;
    align-items: center;
    gap: 25px;
    min-height: 210px;
    padding: 38px;
    border: 1px solid var(--ak-line);
    background: #fff;
}

.ak-testimonials-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    flex: 0 0 66px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
    font-size: 21px;
}

.ak-testimonials-empty h3 {
    margin: 0 0 8px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 29px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.025em;
}

.ak-testimonials-empty p {
    max-width: 680px;
    margin: 0;
    color: var(--ak-muted);
    font-size: 13px;
    line-height: 1.75;
}

/* =========================================================
   TESTIMONIALS CLOSING
========================================================= */

.ak-testimonials-closing {
    position: relative;
    padding: 84px 0;
    overflow: hidden;
    background: #171713;
    color: #fff;
}

.ak-testimonials-closing::before {
    position: absolute;
    top: -170px;
    right: -120px;
    width: 390px;
    height: 390px;
    border: 1px solid rgba(184, 149, 95, .16);
    border-radius: 50%;
    content: "";
}

.ak-testimonials-closing::after {
    position: absolute;
    right: 70px;
    bottom: -180px;
    width: 310px;
    height: 310px;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 50%;
    content: "";
}

.ak-testimonials-closing .container {
    position: relative;
    z-index: 2;
}

.ak-testimonials-closing__content {
    max-width: 760px;
}

.ak-testimonials-closing__content h2 {
    margin: 0;
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(39px, 4vw, 47px);
    font-weight: 600;
    line-height: 1.03;
    letter-spacing: -.03em;
}

.ak-testimonials-closing__content p {
    max-width: 670px;
    margin: 18px 0 0;
    color: rgba(255, 255, 255, .56);
    font-size: 14px;
    line-height: 1.8;
}

.ak-testimonials-closing__actions {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    gap: 9px;
    max-width: 330px;
    margin-left: auto;
}

.ak-testimonials-closing__actions a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    min-height: 59px;
    padding: 0 19px;
    border: 1px solid var(--ak-stone);
    background: var(--ak-stone);
    color: #171713;
    font-size: 11px;
    font-weight: 800;
    transition: color var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition);
}

.ak-testimonials-closing__actions a:hover {
    border-color: #fff;
    background: #fff;
    color: #171713;
}

.ak-testimonials-closing__actions i {
    font-size: 12px;
    transition: transform var(--ak-transition);
}

.ak-testimonials-closing__actions a:hover i {
    transform: translateX(4px);
}

.ak-testimonials-closing__actions .ak-testimonials-closing__secondary {
    border-color: rgba(255, 255, 255, .2);
    background: transparent;
    color: #fff;
}

.ak-testimonials-closing__actions .ak-testimonials-closing__secondary:hover {
    border-color: #fff;
    background: #fff;
    color: #171713;
}

@media (max-width: 991.98px) {
    .ak-testimonials-page {
        padding: 78px 0 90px;
    }

    .ak-testimonials-page__heading {
        margin-bottom: 40px;
    }

    .ak-testimonials-page__heading-side {
        max-width: 680px;
        margin-left: 0;
    }

    .ak-testimonials-closing {
        padding: 72px 0;
    }

    .ak-testimonials-closing__actions {
        max-width: 470px;
        margin-left: 0;
    }
}

@media (max-width: 767.98px) {
    .ak-testimonials-page {
        padding: 64px 0 72px;
    }

    .ak-testimonials-page__heading h2 {
        font-size: 31px;
        line-height: 1.05;
    }

    .ak-testimonials-page__heading-side > p {
        font-size: 13px;
    }

    .ak-testimonial-card {
        min-height: 340px;
        padding: 29px 25px 27px;
    }

    .ak-testimonial-card__text {
        margin: 34px 0 38px;
        font-size: 26px;
    }

    .ak-testimonial-card__footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 15px;
    }

    .ak-testimonial-person {
        width: 100%;
    }

    .ak-testimonial-card__date {
        padding-left: 72px;
    }

    .ak-testimonials-empty {
        align-items: flex-start;
        flex-direction: column;
        padding: 30px 24px;
    }

    .ak-testimonials-closing {
        padding: 62px 0;
    }

    .ak-testimonials-closing__content h2 {
        font-size: 31px;
        line-height: 1.05;
    }

    .ak-testimonials-closing__actions {
        max-width: none;
    }
}

@media (max-width: 479.98px) {
    .ak-testimonial-card {
        padding-right: 21px;
        padding-left: 21px;
    }

    .ak-testimonial-card__quote {
        width: 41px;
        height: 41px;
    }

    .ak-testimonial-person__image {
        width: 52px;
        height: 52px;
        flex-basis: 52px;
    }

    .ak-testimonial-card__date {
        padding-left: 66px;
    }
}


/* =========================================================
   FAQ PAGE
========================================================= */

.ak-faq-page {
    position: relative;
    padding: 96px 0 112px;
    overflow: hidden;
    background: #f7f4ee;
}

.ak-faq-page::before {
    position: absolute;
    top: -210px;
    right: -170px;
    width: 470px;
    height: 470px;
    border: 1px solid rgba(143, 109, 62, .1);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-faq-page__line {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(23, 23, 19, .045);
    pointer-events: none;
}

.ak-faq-page__line--left {
    left: 7%;
}

.ak-faq-page__line--right {
    right: 7%;
}

.ak-faq-page .container {
    position: relative;
    z-index: 2;
}

.ak-faq-page__heading {
    margin-bottom: 47px;
}

.ak-faq-page__heading h2 {
    max-width: 790px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(40px, 4vw, 48px);
    font-weight: 600;
    line-height: 1.03;
    letter-spacing: -.03em;
}

.ak-faq-page__heading-side {
    max-width: 500px;
    margin-left: auto;
}

.ak-faq-page__heading-side > p {
    margin: 0;
    color: var(--ak-muted);
    font-size: 14px;
    line-height: 1.8;
}

.ak-faq-page__count {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--ak-line);
}

.ak-faq-page__count strong {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 48px;
    font-weight: 500;
    line-height: .8;
    letter-spacing: -.03em;
}

.ak-faq-page__count span {
    color: var(--ak-muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* Search */

.ak-faq-search {
    margin-bottom: 59px;
}

.ak-faq-search__box {
    display: flex;
    align-items: center;
    min-height: 72px;
    border: 1px solid var(--ak-line);
    background: #fff;
}

.ak-faq-search__box > i {
    width: 66px;
    flex: 0 0 66px;
    color: var(--ak-stone-dark);
    font-size: 16px;
    text-align: center;
}

.ak-faq-search__box input {
    width: 100%;
    min-width: 0;
    height: 70px;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ak-ink);
    font-family: "Urbanist", sans-serif;
    font-size: 15px;
    font-weight: 600;
}

.ak-faq-search__box input::placeholder {
    color: #92908a;
}

.ak-faq-search__box button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-right: 9px;
    flex: 0 0 52px;
    border: 0;
    background: transparent;
    color: var(--ak-muted);
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transition: color var(--ak-transition), background var(--ak-transition), opacity var(--ak-transition);
}

.ak-faq-search__box button.is-visible {
    opacity: 1;
    visibility: visible;
}

.ak-faq-search__box button:hover {
    background: var(--ak-ivory);
    color: var(--ak-ink);
}

.ak-faq-search__hint {
    display: block;
    margin-top: 10px;
    color: var(--ak-muted);
    font-size: 10px;
    font-weight: 600;
}

/* Sidebar */

.ak-faq-sidebar {
    position: sticky;
    top: 155px;
}

.ak-faq-sidebar__title {
    display: block;
    margin-bottom: 15px;
    color: var(--ak-muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.ak-faq-sidebar__nav {
    border-top: 1px solid var(--ak-line);
}

.ak-faq-sidebar__nav a {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 61px;
    border-bottom: 1px solid var(--ak-line);
    color: var(--ak-ink);
    transition: color var(--ak-transition), padding-left var(--ak-transition);
}

.ak-faq-sidebar__nav a:hover {
    padding-left: 7px;
    color: var(--ak-stone-dark);
}

.ak-faq-sidebar__nav a > span {
    width: 24px;
    flex: 0 0 24px;
    color: var(--ak-stone-dark);
    font-size: 12px;
    font-weight: 800;
}

.ak-faq-sidebar__nav strong {
    flex: 1;
    font-size: 12px;
    font-weight: 750;
    line-height: 1.4;
}

.ak-faq-sidebar__nav small {
    color: var(--ak-muted);
    font-size: 12px;
    font-weight: 700;
}

.ak-faq-sidebar__help {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top: 27px;
    padding: 25px 22px;
    background: #171713;
    color: #fff;
}

.ak-faq-sidebar__help > i {
    padding-top: 2px;
    color: var(--ak-stone);
    font-size: 17px;
}

.ak-faq-sidebar__help > div {
    flex: 1;
}

.ak-faq-sidebar__help strong {
    display: block;
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -.02em;
}

.ak-faq-sidebar__help p {
    margin: 10px 0 17px;
    color: rgba(255, 255, 255, .55);
    font-size: 11px;
    line-height: 1.7;
}

.ak-faq-sidebar__help a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 4px;
    border-bottom: 1px solid var(--ak-stone);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
}

.ak-faq-sidebar__help a i {
    color: var(--ak-stone);
    font-size: 8px;
    transition: transform var(--ak-transition);
}

.ak-faq-sidebar__help a:hover i {
    transform: translateX(4px);
}

/* Categories */

.ak-faq-content {
    position: relative;
}

.ak-faq-category {
    scroll-margin-top: 155px;
}

.ak-faq-category + .ak-faq-category {
    margin-top: 67px;
}

.ak-faq-category__heading {
    display: flex;
    align-items: flex-start;
    gap: 23px;
    margin-bottom: 23px;
}

.ak-faq-category__heading > span {
    width: 34px;
    flex: 0 0 34px;
    padding-top: 7px;
    color: var(--ak-stone-dark);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .1em;
}

.ak-faq-category__heading > div {
    flex: 1;
}

.ak-faq-category__heading h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 35px;
    font-weight: 600;
    line-height: 1.03;
    letter-spacing: -.027em;
}

.ak-faq-category__heading p {
    max-width: 650px;
    margin: 9px 0 0;
    color: var(--ak-muted);
    font-size: 12px;
    line-height: 1.7;
}

.ak-faq-list {
    border-top: 1px solid var(--ak-line);
}

.ak-faq-item {
    border-bottom: 1px solid var(--ak-line);
    background: rgba(255, 255, 255, .42);
    transition: background var(--ak-transition);
}

.ak-faq-item:hover,
.ak-faq-item.is-open {
    background: #fff;
}

.ak-faq-item__heading {
    margin: 0;
}

.ak-faq-item__heading button {
    display: flex;
    align-items: center;
    gap: 18px;
    width: 100%;
    min-height: 88px;
    padding: 18px 21px;
    border: 0;
    background: transparent;
    color: var(--ak-ink);
    text-align: left;
    cursor: pointer;
}

.ak-faq-item__number {
    width: 29px;
    flex: 0 0 29px;
    color: var(--ak-stone-dark);
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
}

.ak-faq-item__question {
    flex: 1;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -.021em;
}

.ak-faq-item__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
    font-size: 10px;
    transition: color var(--ak-transition), background var(--ak-transition), transform var(--ak-transition);
}

.ak-faq-item.is-open .ak-faq-item__icon {
    background: #171713;
    border-color: #171713;
    color: #fff;
    transform: rotate(180deg);
}

.ak-faq-item__answer {
    display: grid;
    grid-template-rows: 0fr;
    opacity: 0;
    transition: grid-template-rows .35s ease, opacity .25s ease;
}

.ak-faq-item__answer > .ak-rich-text {
    min-height: 0;
    overflow: hidden;
}

.ak-faq-item.is-open .ak-faq-item__answer {
    grid-template-rows: 1fr;
    opacity: 1;
}

.ak-faq-item__answer .ak-rich-text {
    padding: 0 80px 31px 68px;
    color: var(--ak-muted);
    font-size: 14px;
    line-height: 1.82;
}

.ak-faq-item__answer .ak-rich-text p {
    margin: 0 0 14px;
}

.ak-faq-item__answer .ak-rich-text p:last-child {
    margin-bottom: 0;
}

.ak-faq-item__answer .ak-rich-text ul {
    margin: 16px 0;
    padding-left: 19px;
}

.ak-faq-item__answer .ak-rich-text li {
    margin: 7px 0;
}

.ak-faq-no-result {
    display: none;
    align-items: center;
    gap: 22px;
    min-height: 180px;
    padding: 31px;
    border: 1px solid var(--ak-line);
    background: #fff;
}

.ak-faq-no-result.is-visible {
    display: flex;
}

.ak-faq-no-result > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
    font-size: 19px;
}

.ak-faq-no-result h3 {
    margin: 0 0 7px;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 27px;
    font-weight: 600;
    letter-spacing: -.025em;
}

.ak-faq-no-result p {
    margin: 0;
    color: var(--ak-muted);
    font-size: 12px;
    line-height: 1.7;
}

/* Closing */

.ak-faq-closing {
    position: relative;
    padding: 84px 0;
    overflow: hidden;
    background: #171713;
    color: #fff;
}

.ak-faq-closing::before {
    position: absolute;
    top: -175px;
    right: -120px;
    width: 400px;
    height: 400px;
    border: 1px solid rgba(184, 149, 95, .16);
    border-radius: 50%;
    content: "";
}

.ak-faq-closing::after {
    position: absolute;
    right: 70px;
    bottom: -190px;
    width: 320px;
    height: 320px;
    border: 1px solid rgba(255, 255, 255, .06);
    border-radius: 50%;
    content: "";
}

.ak-faq-closing .container {
    position: relative;
    z-index: 2;
}

.ak-faq-closing__content {
    max-width: 770px;
}

.ak-faq-closing__content h2 {
    margin: 0;
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(39px, 4vw, 47px);
    font-weight: 600;
    line-height: 1.03;
    letter-spacing: -.03em;
}

.ak-faq-closing__content p {
    max-width: 690px;
    margin: 18px 0 0;
    color: rgba(255, 255, 255, .56);
    font-size: 14px;
    line-height: 1.8;
}

.ak-faq-closing__actions {
    display: flex;
    flex-direction: column;
    gap: 9px;
    max-width: 330px;
    margin-left: auto;
}

.ak-faq-closing__actions a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    min-height: 59px;
    padding: 0 19px;
    border: 1px solid var(--ak-stone);
    background: var(--ak-stone);
    color: #171713;
    font-size: 11px;
    font-weight: 800;
    transition: color var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition);
}

.ak-faq-closing__actions a:hover {
    border-color: #fff;
    background: #fff;
    color: #171713;
}

.ak-faq-closing__actions i {
    font-size: 12px;
    transition: transform var(--ak-transition);
}

.ak-faq-closing__actions a:hover i {
    transform: translateX(4px);
}

.ak-faq-closing__actions .ak-faq-closing__secondary {
    border-color: rgba(255, 255, 255, .2);
    background: transparent;
    color: #fff;
}

/* Responsive */

@media (max-width: 991.98px) {
    .ak-faq-page {
        padding: 78px 0 90px;
    }

    .ak-faq-page__heading {
        margin-bottom: 40px;
    }

    .ak-faq-page__heading-side {
        max-width: 690px;
        margin-left: 0;
    }

    .ak-faq-search {
        margin-bottom: 47px;
    }

    .ak-faq-sidebar {
        position: relative;
        top: auto;
    }

    .ak-faq-sidebar__nav {
        display: flex;
        flex-wrap: wrap;
        border-left: 1px solid var(--ak-line);
    }

    .ak-faq-sidebar__nav a {
        width: 50%;
        padding: 0 15px;
        border-right: 1px solid var(--ak-line);
    }

    .ak-faq-sidebar__help {
        max-width: 650px;
    }

    .ak-faq-closing {
        padding: 72px 0;
    }

    .ak-faq-closing__actions {
        max-width: 470px;
        margin-left: 0;
    }
}

@media (max-width: 767.98px) {
    .ak-faq-page {
        padding: 64px 0 72px;
    }

    .ak-faq-page__heading h2 {
        font-size: 31px;
        line-height: 1.05;
    }

    .ak-faq-page__heading-side > p {
        font-size: 13px;
    }

    .ak-faq-search__box {
        min-height: 62px;
    }

    .ak-faq-search__box > i {
        width: 51px;
        flex-basis: 51px;
    }

    .ak-faq-search__box input {
        height: 60px;
        font-size: 13px;
    }

    .ak-faq-search__hint {
        display: none;
    }

    .ak-faq-sidebar__nav a {
        width: 100%;
    }

    .ak-faq-category + .ak-faq-category {
        margin-top: 53px;
    }

    .ak-faq-category__heading {
        gap: 14px;
    }

    .ak-faq-category__heading h3 {
        font-size: 29px;
    }

    .ak-faq-item__heading button {
        gap: 12px;
        min-height: 78px;
        padding: 16px 13px;
    }

    .ak-faq-item__number {
        width: 23px;
        flex-basis: 23px;
    }

    .ak-faq-item__question {
        font-size: 22px;
    }

    .ak-faq-item__icon {
        width: 35px;
        height: 35px;
        flex-basis: 35px;
    }

    .ak-faq-item__answer .ak-rich-text {
        padding: 0 18px 27px 48px;
        font-size: 13px;
    }

    .ak-faq-no-result {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-faq-closing {
        padding: 62px 0;
    }

    .ak-faq-closing__content h2 {
        font-size: 31px;
        line-height: 1.05;
    }

    .ak-faq-closing__actions {
        max-width: none;
    }
}

@media (max-width: 479.98px) {
    .ak-faq-search__box button {
        width: 43px;
        height: 43px;
        flex-basis: 43px;
    }

    .ak-faq-sidebar__help {
        padding: 22px 19px;
    }

    .ak-faq-item__question {
        font-size: 20px;
    }

    .ak-faq-item__answer .ak-rich-text {
        padding-left: 14px;
    }
}



/* =========================================================
   PHOTO GALLERY
========================================================= */

.ak-gallery-page {
    position: relative;
    padding: 92px 0 110px;
    overflow: hidden;
    background: #f7f4ee;
}

.ak-gallery-page::before {
    position: absolute;
    top: -190px;
    right: -170px;
    width: 440px;
    height: 440px;
    border: 1px solid rgba(143, 109, 62, .1);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-gallery-page .container {
    position: relative;
    z-index: 2;
}

.ak-gallery-page__heading {
    margin-bottom: 48px;
}

.ak-gallery-page__heading h2 {
    max-width: 760px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(38px, 4vw, 47px);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -.03em;
}

.ak-gallery-page__heading-side {
    max-width: 490px;
    margin-left: auto;
}

.ak-gallery-page__heading-side > p {
    margin: 0;
    color: var(--ak-muted);
    font-size: 14px;
    line-height: 1.8;
}

.ak-gallery-page__count {
    display: flex;
    align-items: flex-end;
    gap: 11px;
    margin-top: 23px;
    padding-top: 19px;
    border-top: 1px solid var(--ak-line);
}

.ak-gallery-page__count strong {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 45px;
    font-weight: 500;
    line-height: .8;
    letter-spacing: -.03em;
}

.ak-gallery-page__count span {
    color: var(--ak-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-gallery-list > div {
    display: flex;
}

.ak-gallery-card {
    width: 100%;
    margin: 0;
}

.ak-gallery-card__button {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: #e7e1d7;
    cursor: pointer;
}

.ak-gallery-card__button:focus-visible {
    outline: 2px solid var(--ak-stone-dark);
    outline-offset: 4px;
}

.ak-gallery-card__media {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.ak-gallery-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.001);
    transition: transform .65s cubic-bezier(.2, .7, .2, 1);
}

.ak-gallery-card__button:hover .ak-gallery-card__media img {
    transform: scale(1.035);
}

.ak-gallery-card__number,
.ak-gallery-card__icon {
    position: absolute;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .94);
    color: var(--ak-ink);
    backdrop-filter: blur(7px);
}

.ak-gallery-card__number {
    top: 14px;
    left: 14px;
    min-width: 38px;
    height: 30px;
    padding: 0 9px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
}

.ak-gallery-card__icon {
    right: 14px;
    bottom: 14px;
    width: 42px;
    height: 42px;
    font-size: 12px;
    transition: color var(--ak-transition), background var(--ak-transition), transform var(--ak-transition);
}

.ak-gallery-card__button:hover .ak-gallery-card__icon {
    background: var(--ak-ink);
    color: #fff;
    transform: translateY(-3px);
}

/* Empty */

.ak-gallery-empty {
    display: flex;
    align-items: center;
    gap: 24px;
    min-height: 200px;
    padding: 36px;
    border: 1px solid var(--ak-line);
    background: #fff;
}

.ak-gallery-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
    font-size: 21px;
}

.ak-gallery-empty h3 {
    margin: 0 0 8px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.025em;
}

.ak-gallery-empty p {
    max-width: 680px;
    margin: 0;
    color: var(--ak-muted);
    font-size: 13px;
    line-height: 1.75;
}

/* Lightbox */

body.ak-gallery-is-open {
    overflow: hidden;
}

.ak-gallery-lightbox {
    position: fixed;
    inset: 0;
    z-index: 2500;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .28s ease, visibility .28s ease;
}

.ak-gallery-lightbox.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.ak-gallery-lightbox__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(10, 10, 9, .95);
    cursor: default;
    backdrop-filter: blur(7px);
}

.ak-gallery-lightbox__dialog {
    position: relative;
    z-index: 2;
    display: flex;
    width: min(1450px, 100%);
    height: min(880px, calc(100vh - 48px));
    flex-direction: column;
    overflow: hidden;
    background: #11110f;
    color: #fff;
    transform: translateY(12px) scale(.987);
    transition: transform .32s cubic-bezier(.2, .7, .2, 1);
}

.ak-gallery-lightbox.is-open .ak-gallery-lightbox__dialog {
    transform: translateY(0) scale(1);
}

.ak-gallery-lightbox__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    min-height: 74px;
    padding: 13px 17px 13px 24px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.ak-gallery-lightbox__title {
    display: flex;
    align-items: center;
    gap: 27px;
}

.ak-gallery-lightbox__title > span {
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: -.02em;
}

.ak-gallery-lightbox__counter {
    display: flex;
    align-items: center;
    gap: 9px;
    color: rgba(255, 255, 255, .48);
    font-size: 10px;
    font-weight: 800;
}

.ak-gallery-lightbox__counter strong {
    color: var(--ak-stone);
}

.ak-gallery-lightbox__counter i {
    width: 23px;
    height: 1px;
    background: rgba(255, 255, 255, .24);
}

.ak-gallery-lightbox__close,
.ak-gallery-lightbox__navigation {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .18);
    background: transparent;
    color: #fff;
    cursor: pointer;
    transition: color var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition);
}

.ak-gallery-lightbox__close {
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    font-size: 14px;
}

.ak-gallery-lightbox__close:hover,
.ak-gallery-lightbox__navigation:hover {
    border-color: var(--ak-stone);
    background: var(--ak-stone);
    color: #11110f;
}

.ak-gallery-lightbox__stage {
    position: relative;
    display: flex;
    min-height: 0;
    flex: 1;
    align-items: center;
    justify-content: center;
    padding: 24px 88px;
}

.ak-gallery-lightbox__figure {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.ak-gallery-lightbox__image-wrap {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 0;
    flex: 1;
    align-items: center;
    justify-content: center;
}

.ak-gallery-lightbox__image-wrap img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    opacity: 1;
    transition: opacity .2s ease;
}

.ak-gallery-lightbox.is-loading .ak-gallery-lightbox__image-wrap img {
    opacity: 0;
}

.ak-gallery-lightbox__figure figcaption {
    min-height: 36px;
    padding-top: 14px;
    color: rgba(255, 255, 255, .52);
    font-size: 10px;
    font-weight: 600;
    text-align: center;
}

.ak-gallery-lightbox__navigation {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 51px;
    height: 51px;
    font-size: 12px;
    transform: translateY(-50%);
}

.ak-gallery-lightbox__navigation--previous {
    left: 21px;
}

.ak-gallery-lightbox__navigation--next {
    right: 21px;
}

.ak-gallery-lightbox__loading {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 7px;
    opacity: 0;
    visibility: hidden;
}

.ak-gallery-lightbox.is-loading .ak-gallery-lightbox__loading {
    opacity: 1;
    visibility: visible;
}

.ak-gallery-lightbox__loading i {
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ak-stone);
    animation: akGalleryLoading .8s infinite alternate;
}

.ak-gallery-lightbox__loading i:nth-child(2) {
    animation-delay: .14s;
}

.ak-gallery-lightbox__loading i:nth-child(3) {
    animation-delay: .28s;
}

@keyframes akGalleryLoading {
    to {
        opacity: .25;
        transform: translateY(-5px);
    }
}

@media (max-width: 991.98px) {
    .ak-gallery-page {
        padding: 76px 0 90px;
    }

    .ak-gallery-page__heading-side {
        max-width: 680px;
        margin-left: 0;
    }
}

@media (max-width: 767.98px) {
    .ak-gallery-page {
        padding: 62px 0 72px;
    }

    .ak-gallery-page__heading {
        margin-bottom: 35px;
    }

    .ak-gallery-page__heading h2 {
        font-size: 31px;
    }

    .ak-gallery-page__heading-side > p {
        font-size: 13px;
    }

    .ak-gallery-list {
        --bs-gutter-x: 15px;
        --bs-gutter-y: 15px;
    }

    .ak-gallery-empty {
        align-items: flex-start;
        flex-direction: column;
        padding: 29px 23px;
    }

    .ak-gallery-lightbox {
        padding: 0;
    }

    .ak-gallery-lightbox__dialog {
        width: 100%;
        height: 100%;
        max-height: none;
    }

    .ak-gallery-lightbox__header {
        min-height: 66px;
        padding: 10px 12px 10px 17px;
    }

    .ak-gallery-lightbox__stage {
        padding: 17px 13px 74px;
    }

    .ak-gallery-lightbox__navigation {
        top: auto;
        bottom: 15px;
        width: 45px;
        height: 45px;
        transform: none;
    }

    .ak-gallery-lightbox__navigation--previous {
        left: calc(50% - 52px);
    }

    .ak-gallery-lightbox__navigation--next {
        right: calc(50% - 52px);
    }
}

@media (max-width: 479.98px) {
    .ak-gallery-card__number {
        top: 10px;
        left: 10px;
    }

    .ak-gallery-card__icon {
        right: 10px;
        bottom: 10px;
        width: 38px;
        height: 38px;
    }

    .ak-gallery-lightbox__counter {
        display: none;
    }
}



/* =========================================================
   VIDEO GALLERY PAGE
========================================================= */

.ak-video-gallery-page {
    position: relative;
    padding: 92px 0 110px;
    overflow: hidden;
    background: #f7f4ee;
}

.ak-video-gallery-page::before {
    position: absolute;
    top: -200px;
    right: -170px;
    width: 460px;
    height: 460px;
    border: 1px solid rgba(143, 109, 62, .1);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-video-gallery-page__line {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(23, 23, 19, .045);
    pointer-events: none;
}

.ak-video-gallery-page__line--left {
    left: 7%;
}

.ak-video-gallery-page__line--right {
    right: 7%;
}

.ak-video-gallery-page .container {
    position: relative;
    z-index: 2;
}

.ak-video-gallery-page__heading {
    margin-bottom: 48px;
}

.ak-video-gallery-page__heading h2 {
    max-width: 790px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(39px, 4vw, 47px);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -.03em;
}

.ak-video-gallery-page__heading-side {
    max-width: 500px;
    margin-left: auto;
}

.ak-video-gallery-page__heading-side > p {
    margin: 0;
    color: var(--ak-muted);
    font-size: 14px;
    line-height: 1.8;
}

.ak-video-gallery-page__count {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--ak-line);
}

.ak-video-gallery-page__count strong {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 46px;
    font-weight: 500;
    line-height: .8;
    letter-spacing: -.03em;
}

.ak-video-gallery-page__count span {
    color: var(--ak-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-video-gallery-list > div {
    display: flex;
}

.ak-video-gallery-card {
    width: 100%;
    margin: 0;
}

.ak-video-gallery-card__button {
    display: flex;
    width: 100%;
    height: 100%;
    padding: 0;
    flex-direction: column;
    border: 1px solid var(--ak-line);
    background: #fff;
    color: var(--ak-ink);
    text-align: left;
    cursor: pointer;
    transition: border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-video-gallery-card__button:hover {
    border-color: rgba(143, 109, 62, .48);
    transform: translateY(-4px);
}

.ak-video-gallery-card__button:focus-visible {
    outline: 2px solid var(--ak-stone-dark);
    outline-offset: 4px;
}

.ak-video-gallery-card__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #181714;
}

.ak-video-gallery-card__media > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.001);
    transition: transform .7s cubic-bezier(.2, .7, .2, 1);
}

.ak-video-gallery-card__button:hover .ak-video-gallery-card__media > img {
    transform: scale(1.035);
}

.ak-video-gallery-card__placeholder {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 15px;
    overflow: hidden;
    color: var(--ak-stone);
    background:
        radial-gradient(circle at 78% 22%, rgba(184, 149, 95, .28), transparent 25%),
        linear-gradient(135deg, #171713, #28251f);
}

.ak-video-gallery-card__placeholder::before,
.ak-video-gallery-card__placeholder::after {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 50%;
    content: "";
}

.ak-video-gallery-card__placeholder::before {
    top: -90px;
    right: -65px;
    width: 230px;
    height: 230px;
}

.ak-video-gallery-card__placeholder::after {
    bottom: -120px;
    left: -80px;
    width: 270px;
    height: 270px;
}

.ak-video-gallery-card__placeholder > i {
    position: relative;
    z-index: 2;
    font-size: 45px;
}

.ak-video-gallery-card__placeholder > small {
    position: relative;
    z-index: 2;
    color: rgba(255, 255, 255, .5);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
}

.ak-video-gallery-card__shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(10, 10, 9, .16), transparent 42%),
        linear-gradient(0deg, rgba(10, 10, 9, .42), transparent 42%);
    pointer-events: none;
}

.ak-video-gallery-card__number,
.ak-video-gallery-card__platform {
    position: absolute;
    z-index: 3;
    top: 15px;
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    background: rgba(255, 255, 255, .94);
    color: var(--ak-ink);
    backdrop-filter: blur(8px);
}

.ak-video-gallery-card__number {
    left: 15px;
    min-width: 39px;
    justify-content: center;
    padding: 0 9px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
}

.ak-video-gallery-card__platform {
    right: 15px;
    gap: 7px;
    padding: 0 11px;
    font-size: 12px;
    font-weight: 800;
}

.ak-video-gallery-card__platform i {
    color: var(--ak-stone-dark);
    font-size: 11px;
}

.ak-video-gallery-card__play {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    border: 1px solid rgba(255, 255, 255, .76);
    border-radius: 50%;
    background: rgba(255, 255, 255, .94);
    color: var(--ak-ink);
    font-size: 15px;
    transform: translate(-50%, -50%);
    transition: color var(--ak-transition), background var(--ak-transition), transform var(--ak-transition);
}

.ak-video-gallery-card__play i {
    margin-left: 3px;
}

.ak-video-gallery-card__button:hover .ak-video-gallery-card__play {
    background: var(--ak-stone);
    color: #171713;
    transform: translate(-50%, -50%) scale(1.08);
}

.ak-video-gallery-card__content {
    display: flex;
    min-height: 220px;
    flex: 1;
    flex-direction: column;
    padding: 25px 27px 24px;
}

.ak-video-gallery-card__meta {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 14px;
    color: var(--ak-stone-dark);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-video-gallery-card__meta i {
    display: block;
    width: 18px;
    height: 1px;
    background: var(--ak-line);
}

.ak-video-gallery-card__meta small {
    color: var(--ak-muted);
    font-size: 12px;
    font-weight: 700;
}

.ak-video-gallery-card__title {
    display: block;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -.025em;
}

.ak-video-gallery-card__description {
    display: block;
    margin-top: 12px;
    color: var(--ak-muted);
    font-size: 12px;
    line-height: 1.75;
}

.ak-video-gallery-card__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px solid var(--ak-line);
    color: var(--ak-ink);
    font-size: 10px;
    font-weight: 800;
}

.ak-video-gallery-card__footer i {
    color: var(--ak-stone-dark);
    font-size: 12px;
    transition: transform var(--ak-transition);
}

.ak-video-gallery-card__button:hover .ak-video-gallery-card__footer i {
    transform: translateX(5px);
}

/* Empty state */

.ak-video-gallery-empty {
    display: flex;
    align-items: center;
    gap: 24px;
    min-height: 205px;
    padding: 37px;
    border: 1px solid var(--ak-line);
    background: #fff;
}

.ak-video-gallery-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 65px;
    height: 65px;
    flex: 0 0 65px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
    font-size: 21px;
}

.ak-video-gallery-empty h3 {
    margin: 0 0 8px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 29px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.025em;
}

.ak-video-gallery-empty p {
    max-width: 680px;
    margin: 0;
    color: var(--ak-muted);
    font-size: 13px;
    line-height: 1.75;
}

/* Video lightbox */

body.ak-video-is-open {
    overflow: hidden;
}

.ak-video-lightbox {
    position: fixed;
    inset: 0;
    z-index: 2600;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .28s ease, visibility .28s ease;
}

.ak-video-lightbox.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.ak-video-lightbox__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(9, 9, 8, .96);
    backdrop-filter: blur(8px);
}

.ak-video-lightbox__dialog {
    position: relative;
    z-index: 2;
    display: flex;
    width: min(1500px, 100%);
    height: min(900px, calc(100vh - 48px));
    flex-direction: column;
    overflow: hidden;
    background: #11110f;
    color: #fff;
    transform: translateY(14px) scale(.986);
    transition: transform .34s cubic-bezier(.2, .7, .2, 1);
}

.ak-video-lightbox.is-open .ak-video-lightbox__dialog {
    transform: translateY(0) scale(1);
}

.ak-video-lightbox__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    min-height: 76px;
    padding: 13px 18px 13px 25px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.ak-video-lightbox__heading {
    display: flex;
    align-items: center;
    gap: 28px;
    min-width: 0;
}

.ak-video-lightbox__heading > span {
    max-width: 780px;
    overflow: hidden;
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: -.02em;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ak-video-lightbox__counter {
    display: flex;
    align-items: center;
    gap: 9px;
    flex: 0 0 auto;
    color: rgba(255, 255, 255, .48);
    font-size: 10px;
    font-weight: 800;
}

.ak-video-lightbox__counter strong {
    color: var(--ak-stone);
}

.ak-video-lightbox__counter i {
    width: 24px;
    height: 1px;
    background: rgba(255, 255, 255, .24);
}

.ak-video-lightbox__close,
.ak-video-lightbox__navigation {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .18);
    background: transparent;
    color: #fff;
    cursor: pointer;
    transition: color var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition);
}

.ak-video-lightbox__close {
    width: 47px;
    height: 47px;
    flex: 0 0 47px;
    font-size: 14px;
}

.ak-video-lightbox__close:hover,
.ak-video-lightbox__navigation:hover {
    border-color: var(--ak-stone);
    background: var(--ak-stone);
    color: #11110f;
}

.ak-video-lightbox__stage {
    position: relative;
    display: flex;
    min-height: 0;
    flex: 1;
    align-items: center;
    justify-content: center;
    padding: 30px 92px;
}

.ak-video-lightbox__player-wrap {
    position: relative;
    width: 100%;
    max-width: 1280px;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #050504;
}

.ak-video-lightbox__player {
    position: absolute;
    inset: 0;
}

.ak-video-lightbox__player iframe,
.ak-video-lightbox__player video {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: contain;
}

.ak-video-lightbox__navigation {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 52px;
    height: 52px;
    font-size: 12px;
    transform: translateY(-50%);
}

.ak-video-lightbox__navigation--previous {
    left: 22px;
}

.ak-video-lightbox__navigation--next {
    right: 22px;
}

.ak-video-lightbox__loading {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 4;
    display: flex;
    align-items: center;
    gap: 7px;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%);
}

.ak-video-lightbox.is-loading .ak-video-lightbox__loading {
    opacity: 1;
    visibility: visible;
}

.ak-video-lightbox__loading i {
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ak-stone);
    animation: akVideoGalleryLoading .8s infinite alternate;
}

.ak-video-lightbox__loading i:nth-child(2) {
    animation-delay: .14s;
}

.ak-video-lightbox__loading i:nth-child(3) {
    animation-delay: .28s;
}

@keyframes akVideoGalleryLoading {
    to {
        opacity: .25;
        transform: translateY(-5px);
    }
}

@media (max-width: 991.98px) {
    .ak-video-gallery-page {
        padding: 76px 0 90px;
    }

    .ak-video-gallery-page__heading-side {
        max-width: 680px;
        margin-left: 0;
    }

    .ak-video-lightbox__stage {
        padding-right: 74px;
        padding-left: 74px;
    }
}

@media (max-width: 767.98px) {
    .ak-video-gallery-page {
        padding: 62px 0 72px;
    }

    .ak-video-gallery-page__heading {
        margin-bottom: 36px;
    }

    .ak-video-gallery-page__heading h2 {
        font-size: 31px;
        line-height: 1.05;
    }

    .ak-video-gallery-page__heading-side > p {
        font-size: 13px;
    }

    .ak-video-gallery-list {
        --bs-gutter-x: 15px;
        --bs-gutter-y: 15px;
    }

    .ak-video-gallery-card__content {
        min-height: 205px;
        padding: 22px 21px;
    }

    .ak-video-gallery-card__title {
        font-size: 25px;
    }

    .ak-video-gallery-card__play {
        width: 57px;
        height: 57px;
    }

    .ak-video-gallery-empty {
        align-items: flex-start;
        flex-direction: column;
        padding: 29px 23px;
    }

    .ak-video-lightbox {
        padding: 0;
    }

    .ak-video-lightbox__dialog {
        width: 100%;
        height: 100%;
        max-height: none;
    }

    .ak-video-lightbox__header {
        min-height: 67px;
        padding: 10px 12px 10px 17px;
    }

    .ak-video-lightbox__heading {
        gap: 17px;
    }

    .ak-video-lightbox__heading > span {
        max-width: calc(100vw - 160px);
        font-size: 20px;
    }

    .ak-video-lightbox__stage {
        padding: 15px 13px 76px;
    }

    .ak-video-lightbox__navigation {
        top: auto;
        bottom: 16px;
        width: 46px;
        height: 46px;
        transform: none;
    }

    .ak-video-lightbox__navigation--previous {
        left: calc(50% - 54px);
    }

    .ak-video-lightbox__navigation--next {
        right: calc(50% - 54px);
    }
}

@media (max-width: 479.98px) {
    .ak-video-gallery-card__number,
    .ak-video-gallery-card__platform {
        top: 10px;
    }

    .ak-video-gallery-card__number {
        left: 10px;
    }

    .ak-video-gallery-card__platform {
        right: 10px;
    }

    .ak-video-gallery-card__description {
        font-size: 11px;
    }

    .ak-video-lightbox__counter {
        display: none;
    }

    .ak-video-lightbox__heading > span {
        max-width: calc(100vw - 90px);
    }
}

/* =========================================================
   BLOG LIST PAGE
========================================================= */

.ak-blog-list-page {
    position: relative;
    padding: 92px 0 110px;
    overflow: hidden;
    background: #f7f4ee;
}

.ak-blog-list-page::before {
    position: absolute;
    top: -190px;
    right: -160px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(143, 109, 62, .1);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-blog-list-page .container {
    position: relative;
    z-index: 2;
}

.ak-blog-list-page__heading {
    margin-bottom: 45px;
}

.ak-blog-list-page__heading h2 {
    max-width: 780px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(38px, 4vw, 47px);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -.03em;
}

.ak-blog-list-page__intro {
    max-width: 500px;
    margin-left: auto;
}

.ak-blog-list-page__intro > p {
    margin: 0;
    color: var(--ak-muted);
    font-size: 14px;
    line-height: 1.8;
}

.ak-blog-list-page__count {
    display: flex;
    align-items: flex-end;
    gap: 11px;
    margin-top: 23px;
    padding-top: 19px;
    border-top: 1px solid var(--ak-line);
}

.ak-blog-list-page__count strong {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 45px;
    font-weight: 500;
    line-height: .8;
    letter-spacing: -.03em;
}

.ak-blog-list-page__count span {
    color: var(--ak-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

/* Filters */

.ak-blog-list-filters {
    margin-bottom: 40px;
    padding: 24px 26px;
    border: 1px solid var(--ak-line);
    background: rgba(255, 255, 255, .7);
}

.ak-blog-list-filters__heading {
    margin-bottom: 17px;
}

.ak-blog-list-filters__heading > div {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
}

.ak-blog-list-filters__heading span {
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.02em;
}

.ak-blog-list-filters__heading small {
    color: var(--ak-muted);
    font-size: 10px;
    font-weight: 600;
}

.ak-blog-list-filters__items {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ak-blog-list-filter {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    padding: 0 15px;
    border: 1px solid var(--ak-line);
    background: #fff;
    color: var(--ak-ink);
    font-size: 10px;
    font-weight: 750;
    transition: color var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition);
}

.ak-blog-list-filter small {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 23px;
    height: 23px;
    padding: 0 6px;
    border-radius: 50%;
    background: var(--ak-ivory);
    color: var(--ak-muted);
    font-size: 8px;
    font-weight: 800;
}

.ak-blog-list-filter:hover,
.ak-blog-list-filter.is-active {
    border-color: var(--ak-ink);
    background: var(--ak-ink);
    color: #fff;
}

.ak-blog-list-filter:hover small,
.ak-blog-list-filter.is-active small {
    background: var(--ak-stone);
    color: var(--ak-ink);
}

/* Cards */

.ak-blog-list > div {
    display: flex;
}

.ak-blog-list-card {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--ak-line);
    background: #fff;
    transition: border-color var(--ak-transition), box-shadow var(--ak-transition), transform var(--ak-transition);
}

.ak-blog-list-card:hover {
    border-color: rgba(143, 109, 62, .45);
    box-shadow: 0 18px 42px rgba(23, 23, 19, .07);
    transform: translateY(-4px);
}

.ak-blog-list-card__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #e7e1d7;
}

.ak-blog-list-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.001);
    transition: transform .7s cubic-bezier(.2, .7, .2, 1);
}

.ak-blog-list-card:hover .ak-blog-list-card__media img {
    transform: scale(1.04);
}

.ak-blog-list-card__overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(10, 10, 8, .24), transparent 42%),
        linear-gradient(0deg, rgba(10, 10, 8, .4), transparent 42%);
    pointer-events: none;
}

.ak-blog-list-card__number,
.ak-blog-list-card__category {
    position: absolute;
    top: 14px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    border: 1px solid rgba(255, 255, 255, .45);
    background: rgba(15, 15, 13, .25);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    backdrop-filter: blur(7px);
}

.ak-blog-list-card__number {
    left: 14px;
    min-width: 39px;
    justify-content: center;
    padding: 0 9px;
    letter-spacing: .08em;
}

.ak-blog-list-card__category {
    right: 14px;
    max-width: calc(100% - 85px);
    padding: 0 12px;
    overflow: hidden;
    letter-spacing: .05em;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
}

.ak-blog-list-card__media-action {
    position: absolute;
    right: 15px;
    bottom: 15px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 50%;
    background: rgba(15, 15, 13, .25);
    color: #fff;
    font-size: 10px;
    backdrop-filter: blur(7px);
    transition: color var(--ak-transition), background var(--ak-transition), transform var(--ak-transition);
}

.ak-blog-list-card:hover .ak-blog-list-card__media-action {
    background: #fff;
    color: var(--ak-ink);
    transform: rotate(7deg);
}

.ak-blog-list-card__content {
    display: flex;
    min-height: 270px;
    flex: 1;
    flex-direction: column;
    padding: 23px 23px 21px;
}

.ak-blog-list-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
}

.ak-blog-list-card__meta time,
.ak-blog-list-card__meta > span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: var(--ak-muted);
    font-size: 12px;
    font-style: normal;
    font-weight: 650;
}

.ak-blog-list-card__meta i {
    color: var(--ak-stone-dark);
    font-size: 12px;
}

.ak-blog-list-card__content h3 {
    margin: 0;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 27px;
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -.026em;
}

.ak-blog-list-card__content h3 a {
    color: var(--ak-ink);
    transition: color var(--ak-transition);
}

.ak-blog-list-card__content h3 a:hover {
    color: var(--ak-stone-dark);
}

.ak-blog-list-card__content > p {
    display: -webkit-box;
    margin: 13px 0 20px;
    overflow: hidden;
    color: var(--ak-muted);
    font-size: 12px;
    line-height: 1.75;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ak-blog-list-card__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid var(--ak-line);
    color: var(--ak-ink);
    font-size: 10px;
    font-weight: 800;
}

.ak-blog-list-card__link i {
    color: var(--ak-stone-dark);
    font-size: 12px;
    transition: transform var(--ak-transition);
}

.ak-blog-list-card__link:hover {
    color: var(--ak-stone-dark);
}

.ak-blog-list-card__link:hover i {
    transform: translateX(5px);
}

/* Pagination */

.ak-blog-list-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 52px;
    padding-top: 27px;
    border-top: 1px solid var(--ak-line);
}

.ak-blog-list-pagination__direction {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    color: var(--ak-ink);
    font-size: 10px;
    font-weight: 800;
}

.ak-blog-list-pagination__direction i {
    color: var(--ak-stone-dark);
    font-size: 12px;
    transition: transform var(--ak-transition);
}

.ak-blog-list-pagination__direction:first-child:hover i {
    transform: translateX(-4px);
}

.ak-blog-list-pagination__direction:last-child:hover i {
    transform: translateX(4px);
}

.ak-blog-list-pagination__pages {
    display: flex;
    align-items: center;
    gap: 7px;
}

.ak-blog-list-pagination__pages a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid var(--ak-line);
    background: #fff;
    color: var(--ak-ink);
    font-size: 10px;
    font-weight: 800;
}

.ak-blog-list-pagination__pages a:hover,
.ak-blog-list-pagination__pages a.is-active {
    border-color: var(--ak-ink);
    background: var(--ak-ink);
    color: #fff;
}

/* Empty */

.ak-blog-list-empty {
    display: flex;
    align-items: center;
    gap: 24px;
    min-height: 215px;
    padding: 37px;
    border: 1px solid var(--ak-line);
    background: #fff;
}

.ak-blog-list-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    flex: 0 0 66px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
    font-size: 21px;
}

.ak-blog-list-empty h3 {
    margin: 0 0 8px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 29px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.025em;
}

.ak-blog-list-empty p {
    max-width: 680px;
    margin: 0;
    color: var(--ak-muted);
    font-size: 13px;
    line-height: 1.75;
}

.ak-blog-list-empty a {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-top: 16px;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--ak-stone-dark);
    color: var(--ak-ink);
    font-size: 10px;
    font-weight: 800;
}

.ak-blog-list-empty a i {
    color: var(--ak-stone-dark);
    font-size: 8px;
    transition: transform var(--ak-transition);
}

.ak-blog-list-empty a:hover i {
    transform: translateX(4px);
}

@media (max-width: 991.98px) {
    .ak-blog-list-page {
        padding: 76px 0 90px;
    }

    .ak-blog-list-page__intro {
        max-width: 680px;
        margin-left: 0;
    }
}

@media (max-width: 767.98px) {
    .ak-blog-list-page {
        padding: 62px 0 72px;
    }

    .ak-blog-list-page__heading {
        margin-bottom: 35px;
    }

    .ak-blog-list-page__heading h2 {
        font-size: 31px;
        line-height: 1.05;
    }

    .ak-blog-list-page__intro > p {
        font-size: 13px;
    }

    .ak-blog-list-filters {
        margin-bottom: 30px;
        padding: 20px 17px;
    }

    .ak-blog-list-filters__heading > div {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .ak-blog-list-filters__items {
        flex-direction: column;
    }

    .ak-blog-list-filter {
        justify-content: space-between;
        width: 100%;
    }

    .ak-blog-list {
        --bs-gutter-x: 15px;
        --bs-gutter-y: 15px;
    }

    .ak-blog-list-card__content {
        min-height: 240px;
        padding: 21px 20px;
    }

    .ak-blog-list-card__content h3 {
        font-size: 25px;
    }

    .ak-blog-list-pagination {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .ak-blog-list-pagination__pages {
        order: -1;
        width: 100%;
        justify-content: center;
    }

    .ak-blog-list-empty {
        align-items: flex-start;
        flex-direction: column;
        padding: 29px 23px;
    }
}

@media (max-width: 479.98px) {
    .ak-blog-list-card__number,
    .ak-blog-list-card__category {
        top: 10px;
    }

    .ak-blog-list-card__number {
        left: 10px;
    }

    .ak-blog-list-card__category {
        right: 10px;
    }

    .ak-blog-list-card__media-action {
        right: 10px;
        bottom: 10px;
        width: 39px;
        height: 39px;
    }

    .ak-blog-list-pagination__pages a {
        width: 38px;
        height: 38px;
    }
}

/* =========================================================
   BLOG DETAIL PAGE
========================================================= */

.ak-blog-detail-page {
    position: relative;
    padding: 86px 0 110px;
    overflow: hidden;
    background: #f7f4ee;
}

.ak-blog-detail-page::before {
    position: absolute;
    top: -190px;
    right: -170px;
    width: 440px;
    height: 440px;
    border: 1px solid rgba(143, 109, 62, .1);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-blog-detail-page .container {
    position: relative;
    z-index: 2;
}

.ak-blog-detail {
    padding: 0;
}

.ak-blog-detail__header {
    margin-bottom: 31px;
}

.ak-blog-detail__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 22px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--ak-line);
}

.ak-blog-detail__meta > span,
.ak-blog-detail__meta > time {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ak-muted);
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
}

.ak-blog-detail__meta i {
    color: var(--ak-stone-dark);
    font-size: 10px;
}

.ak-blog-detail__meta .ak-blog-detail__category {
    color: var(--ak-ink);
    font-weight: 800;
}

.ak-blog-detail__lead {
    max-width: 860px;
    margin: 28px 0 0;
    color: #45433e;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 27px;
    font-weight: 500;
    line-height: 1.38;
    letter-spacing: -.018em;
}

.ak-blog-detail__image {
    width: 100%;
    margin: 0 0 42px;
    overflow: hidden;
    background: #e8e2d8;
}

.ak-blog-detail__image img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 650px;
    object-fit: cover;
}

/* Rich text */

.ak-blog-rich-text {
    color: #55534d;
    font-size: 15px;
    line-height: 1.9;
}

.ak-blog-rich-text > *:first-child {
    margin-top: 0;
}

.ak-blog-rich-text > *:last-child {
    margin-bottom: 0;
}

.ak-blog-rich-text p {
    margin: 0 0 22px;
}

.ak-blog-rich-text h2,
.ak-blog-rich-text h3,
.ak-blog-rich-text h4,
.ak-blog-rich-text h5,
.ak-blog-rich-text h6 {
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -.025em;
}

.ak-blog-rich-text h2 {
    margin: 45px 0 18px;
    font-size: 35px;
}

.ak-blog-rich-text h3 {
    margin: 38px 0 16px;
    font-size: 29px;
}

.ak-blog-rich-text h4 {
    margin: 31px 0 14px;
    font-size: 24px;
}

.ak-blog-rich-text h5,
.ak-blog-rich-text h6 {
    margin: 27px 0 13px;
    font-size: 21px;
}

.ak-blog-rich-text ul,
.ak-blog-rich-text ol {
    margin: 0 0 25px;
    padding-left: 23px;
}

.ak-blog-rich-text li {
    margin: 8px 0;
    padding-left: 4px;
}

.ak-blog-rich-text ul li {
    list-style: disc;
}

.ak-blog-rich-text ol li {
    list-style: decimal;
}

.ak-blog-rich-text strong {
    color: var(--ak-ink);
    font-weight: 800;
}

.ak-blog-rich-text a {
    color: var(--ak-stone-dark);
    text-decoration: underline;
    text-underline-offset: 4px;
}

.ak-blog-rich-text img {
    display: block;
    width: auto;
    max-width: 100% !important;
    height: auto !important;
    margin: 31px auto;
}

.ak-blog-rich-text blockquote {
    position: relative;
    margin: 37px 0;
    padding: 31px 33px 31px 70px;
    border-left: 3px solid var(--ak-stone-dark);
    background: #fff;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 25px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.42;
    letter-spacing: -.018em;
}

.ak-blog-rich-text blockquote::before {
    position: absolute;
    top: 27px;
    left: 27px;
    color: var(--ak-stone-dark);
    content: "\f10d";
    font-family: "Font Awesome 6 Free";
    font-size: 19px;
    font-weight: 900;
}

.ak-blog-rich-text table {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 30px 0;
    overflow-x: auto;
    border-collapse: collapse;
    background: #fff;
}

.ak-blog-rich-text th,
.ak-blog-rich-text td {
    min-width: 130px;
    padding: 13px 15px;
    border: 1px solid var(--ak-line);
    text-align: left;
}

.ak-blog-rich-text th {
    background: var(--ak-ink);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

/* Footer and sharing */

.ak-blog-detail__footer {
    margin-top: 49px;
    padding-top: 28px;
    border-top: 1px solid var(--ak-line);
}

.ak-blog-detail__share {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.ak-blog-detail__share > span {
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: -.02em;
}

.ak-blog-detail__share-links {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.ak-blog-detail__share-links a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 39px;
    padding: 0 13px;
    border: 1px solid var(--ak-line);
    background: #fff;
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 800;
    transition: color var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition);
}

.ak-blog-detail__share-links a:hover {
    border-color: var(--ak-ink);
    background: var(--ak-ink);
    color: #fff;
}

.ak-blog-detail__share-links i {
    font-size: 12px;
}

.ak-blog-detail__navigation {
    display: flex;
    gap: 13px;
    margin-top: 34px;
}

.ak-blog-detail-navigation-card {
    width: 50%;
}

.ak-blog-detail-navigation-card > a {
    display: flex;
    align-items: center;
    gap: 17px;
    min-height: 106px;
    padding: 19px 21px;
    border: 1px solid var(--ak-line);
    background: #fff;
    color: var(--ak-ink);
    transition: color var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition);
}

.ak-blog-detail-navigation-card > a:hover {
    border-color: var(--ak-ink);
    background: var(--ak-ink);
    color: #fff;
}

.ak-blog-detail-navigation-card--next > a {
    justify-content: flex-end;
    text-align: right;
}

.ak-blog-detail-navigation-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
    font-size: 10px;
}

.ak-blog-detail-navigation-card > a:hover .ak-blog-detail-navigation-card__icon {
    border-color: rgba(255, 255, 255, .18);
    color: var(--ak-stone);
}

.ak-blog-detail-navigation-card__content {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ak-blog-detail-navigation-card__content small {
    color: var(--ak-muted);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-blog-detail-navigation-card > a:hover small {
    color: rgba(255, 255, 255, .48);
}

.ak-blog-detail-navigation-card__content strong {
    display: -webkit-box;
    margin-top: 6px;
    overflow: hidden;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -.018em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

/* Sidebar */

.ak-blog-detail-sidebar {
    position: sticky;
    top: 135px;
}

.ak-blog-detail-sidebar__box {
    margin-bottom: 20px;
    padding: 27px;
    border: 1px solid var(--ak-line);
    background: #fff;
}

.ak-blog-detail-sidebar__kicker {
    display: block;
    margin-bottom: 19px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: -.02em;
}

.ak-blog-detail-info {
    border-top: 1px solid var(--ak-line);
}

.ak-blog-detail-info > div {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 75px;
    border-bottom: 1px solid var(--ak-line);
}

.ak-blog-detail-info > div > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
    font-size: 11px;
}

.ak-blog-detail-info > div > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ak-blog-detail-info small {
    color: var(--ak-muted);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-blog-detail-info strong {
    margin-top: 4px;
    overflow: hidden;
    color: var(--ak-ink);
    font-size: 11px;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ak-blog-detail-sidebar__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 19px;
}

.ak-blog-detail-sidebar__heading > div {
    display: flex;
    flex-direction: column;
}

.ak-blog-detail-sidebar__heading span {
    color: var(--ak-stone-dark);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-blog-detail-sidebar__heading h2 {
    margin: 5px 0 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 27px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.025em;
}

.ak-blog-detail-sidebar__heading > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
    font-size: 12px;
    transition: color var(--ak-transition), background var(--ak-transition);
}

.ak-blog-detail-sidebar__heading > a:hover {
    background: var(--ak-ink);
    color: #fff;
}

.ak-blog-detail-latest {
    border-top: 1px solid var(--ak-line);
}

.ak-blog-detail-latest__item {
    display: flex;
    gap: 13px;
    padding: 16px 0;
    border-bottom: 1px solid var(--ak-line);
}

.ak-blog-detail-latest__image {
    width: 94px;
    height: 72px;
    flex: 0 0 94px;
    overflow: hidden;
    background: #e8e2d8;
}

.ak-blog-detail-latest__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s ease;
}

.ak-blog-detail-latest__item:hover img {
    transform: scale(1.05);
}

.ak-blog-detail-latest__content {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: center;
}

.ak-blog-detail-latest__content time {
    color: var(--ak-muted);
    font-size: 8px;
    font-style: normal;
    font-weight: 700;
}

.ak-blog-detail-latest__content h3 {
    display: -webkit-box;
    margin: 6px 0 0;
    overflow: hidden;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.22;
    letter-spacing: -.018em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.ak-blog-detail-latest__content h3 a {
    color: var(--ak-ink);
}

.ak-blog-detail-latest__content h3 a:hover {
    color: var(--ak-stone-dark);
}

/* Sidebar CTA */

.ak-blog-detail-sidebar__contact {
    position: relative;
    padding: 30px 27px;
    overflow: hidden;
    background: #171713;
    color: #fff;
}

.ak-blog-detail-sidebar__contact::after {
    position: absolute;
    right: -95px;
    bottom: -110px;
    width: 220px;
    height: 220px;
    border: 1px solid rgba(184, 149, 95, .18);
    border-radius: 50%;
    content: "";
}

.ak-blog-detail-sidebar__contact > * {
    position: relative;
    z-index: 2;
}

.ak-blog-detail-sidebar__contact > span {
    color: var(--ak-stone);
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.ak-blog-detail-sidebar__contact h2 {
    margin: 12px 0 0;
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 29px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.026em;
}

.ak-blog-detail-sidebar__contact p {
    margin: 15px 0 22px;
    color: rgba(255, 255, 255, .53);
    font-size: 11px;
    line-height: 1.75;
}

.ak-blog-detail-sidebar__contact a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 49px;
    padding: 0 16px;
    border: 1px solid var(--ak-stone);
    background: var(--ak-stone);
    color: #171713;
    font-size: 12px;
    font-weight: 800;
}

.ak-blog-detail-sidebar__contact a i {
    font-size: 8px;
    transition: transform var(--ak-transition);
}

.ak-blog-detail-sidebar__contact a:hover i {
    transform: translateX(4px);
}

@media (max-width: 991.98px) {
    .ak-blog-detail-page {
        padding: 72px 0 90px;
    }

    .ak-blog-detail-sidebar {
        position: relative;
        top: auto;
    }

    .ak-blog-detail-sidebar__box {
        padding: 25px;
    }

    .ak-blog-detail-sidebar__contact {
        padding: 28px 25px;
    }
}

@media (max-width: 767.98px) {
    .ak-blog-detail-page {
        padding: 58px 0 72px;
    }

    .ak-blog-detail__meta {
        align-items: flex-start;
        flex-direction: column;
        gap: 11px;
    }

    .ak-blog-detail__lead {
        margin-top: 23px;
        font-size: 23px;
        line-height: 1.4;
    }

    .ak-blog-detail__image {
        margin-bottom: 32px;
    }

    .ak-blog-rich-text {
        font-size: 14px;
        line-height: 1.85;
    }

    .ak-blog-rich-text h2 {
        margin-top: 37px;
        font-size: 29px;
    }

    .ak-blog-rich-text h3 {
        margin-top: 32px;
        font-size: 25px;
    }

    .ak-blog-rich-text h4 {
        font-size: 22px;
    }

    .ak-blog-rich-text blockquote {
        padding: 27px 22px 27px 56px;
        font-size: 22px;
    }

    .ak-blog-rich-text blockquote::before {
        left: 20px;
    }

    .ak-blog-detail__share {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-blog-detail__share-links {
        width: 100%;
    }

    .ak-blog-detail__share-links a {
        flex: 1;
        justify-content: center;
    }

    .ak-blog-detail__navigation {
        flex-direction: column;
    }

    .ak-blog-detail-navigation-card {
        width: 100%;
    }

    .ak-blog-detail-navigation-card > a {
        min-height: 94px;
    }
}

@media (max-width: 479.98px) {
    .ak-blog-detail__share-links a {
        width: calc(50% - 4px);
        flex: 0 0 calc(50% - 4px);
    }

    .ak-blog-detail-sidebar__box,
    .ak-blog-detail-sidebar__contact {
        padding-right: 21px;
        padding-left: 21px;
    }

    .ak-blog-detail-latest__image {
        width: 82px;
        height: 66px;
        flex-basis: 82px;
    }
}



/* =========================================================
   SERVICES LIST PAGE
========================================================= */

.ak-services-page {
    position: relative;
    padding: 92px 0 106px;
    overflow: hidden;
    background: #f7f4ee;
}

.ak-services-page__circle {
    position: absolute;
    top: -210px;
    right: -170px;
    width: 470px;
    height: 470px;
    border: 1px solid rgba(143, 109, 62, .1);
    border-radius: 50%;
    pointer-events: none;
}

.ak-services-page .container {
    position: relative;
    z-index: 2;
}

.ak-services-page__heading {
    margin-bottom: 45px;
}

.ak-services-page__heading h2 {
    max-width: 790px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(39px, 4vw, 47px);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -.03em;
}

.ak-services-page__heading-side {
    max-width: 500px;
    margin-left: auto;
}

.ak-services-page__heading-side > p {
    margin: 0;
    color: var(--ak-muted);
    font-size: 15px;
    line-height: 1.75;
}

.ak-services-page__count {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    margin-top: 23px;
    padding-top: 20px;
    border-top: 1px solid var(--ak-line);
}

.ak-services-page__count strong {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 46px;
    font-weight: 500;
    line-height: .8;
    letter-spacing: -.03em;
}

.ak-services-page__count span {
    color: var(--ak-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

/* Filters */

.ak-services-filters {
    margin-bottom: 42px;
    padding: 25px 27px;
    border: 1px solid var(--ak-line);
    background: rgba(255, 255, 255, .68);
}

.ak-services-filters__header {
    display: flex;
    align-items: flex-end;
    gap: 25px;
    margin-bottom: 18px;
}

.ak-services-filters__header > div {
    flex: 0 0 auto;
}

.ak-services-filters__header span {
    display: block;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.02em;
}

.ak-services-filters__header p {
    margin: 7px 0 0;
    color: var(--ak-muted);
    font-size: 12px;
    line-height: 1.6;
}

.ak-services-filters__header .ak-services-filters__line {
    height: 1px;
    flex: 1;
    margin-bottom: 6px;
    background: var(--ak-line);
}

.ak-services-filters__list {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.ak-services-filter {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    min-height: 47px;
    padding: 0 16px;
    border: 1px solid var(--ak-line);
    background: #fff;
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 750;
    transition: color var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition);
}

.ak-services-filter small {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 25px;
    height: 25px;
    padding: 0 7px;
    border-radius: 50%;
    background: var(--ak-ivory);
    color: var(--ak-muted);
    font-size: 11px;
    font-weight: 800;
}

.ak-services-filter:hover,
.ak-services-filter.is-active {
    border-color: var(--ak-ink);
    background: var(--ak-ink);
    color: #fff;
}

.ak-services-filter:hover small,
.ak-services-filter.is-active small {
    background: var(--ak-stone);
    color: var(--ak-ink);
}

/* Service cards */

.ak-services-list > div {
    display: flex;
}

.ak-service-card2 {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 365px;
    overflow: hidden;
    border: 1px solid var(--ak-line);
    background: #fff;
    transition: border-color var(--ak-transition), box-shadow var(--ak-transition), transform var(--ak-transition);
}

.ak-service-card2:hover {
    border-color: rgba(143, 109, 62, .5);
    box-shadow: 0 20px 48px rgba(25, 22, 17, .08);
    transform: translateY(-4px);
}

.ak-service-card2__media {
    position: relative;
    display: block;
    width: 43%;
    flex: 0 0 43%;
    overflow: hidden;
    background: #e8e2d8;
}

.ak-service-card2__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.001);
    transition: transform .7s cubic-bezier(.2, .7, .2, 1);
}

.ak-service-card2:hover .ak-service-card2__media img {
    transform: scale(1.045);
}

.ak-service-card2__overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(10, 10, 8, .26), transparent 42%),
        linear-gradient(0deg, rgba(10, 10, 8, .42), transparent 47%);
    pointer-events: none;
}

.ak-service-card2__number,
.ak-service-card2__category {
    position: absolute;
    top: 15px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    border: 1px solid rgba(255, 255, 255, .48);
    background: rgba(16, 15, 13, .27);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    backdrop-filter: blur(7px);
}

.ak-service-card2__number {
    left: 15px;
    min-width: 42px;
    justify-content: center;
    padding: 0 10px;
    letter-spacing: .07em;
}

.ak-service-card2__category {
    right: 15px;
    display: none;
    max-width: calc(100% - 86px);
    padding: 0 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ak-service-card2__media-action {
    position: absolute;
    right: 16px;
    bottom: 16px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 50%;
    background: rgba(15, 15, 13, .27);
    color: #fff;
    font-size: 12px;
    backdrop-filter: blur(7px);
    transition: color var(--ak-transition), background var(--ak-transition), transform var(--ak-transition);
}

.ak-service-card2:hover .ak-service-card2__media-action {
    background: #fff;
    color: var(--ak-ink);
    transform: rotate(7deg);
}

.ak-service-card2__content {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    padding: 29px 28px 26px;
}

.ak-service-card2__top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ak-service-card2__top > i {
    display: block;
    width: 22px;
    height: 1px;
    background: var(--ak-line);
}

.ak-service-card2__top small {
    overflow: hidden;
    color: var(--ak-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    text-overflow: ellipsis;
    text-transform: none;
    white-space: nowrap;
}

.ak-service-card2__content h3 {
    margin: 0;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 31px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.027em;
}

.ak-service-card2__content h3 a {
    color: var(--ak-ink);
    transition: color var(--ak-transition);
}

.ak-service-card2__content h3 a:hover {
    color: var(--ak-stone-dark);
}

.ak-service-card2__content > p {
    display: -webkit-box;
    margin: 16px 0 25px;
    overflow: hidden;
    color: var(--ak-muted);
    font-size: 13px;
    line-height: 1.75;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.ak-service-card2__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: auto;
    padding-top: 20px;
    border-top: 1px solid var(--ak-line);
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 800;
}

.ak-service-card2__link-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
    font-size: 11px;
    transition: color var(--ak-transition), background var(--ak-transition), transform var(--ak-transition);
}

.ak-service-card2__link:hover {
    color: var(--ak-stone-dark);
}

.ak-service-card2__link:hover .ak-service-card2__link-icon {
    background: var(--ak-ink);
    color: #fff;
    transform: translateX(3px);
}

/* Empty */

.ak-services-empty {
    display: flex;
    align-items: center;
    gap: 25px;
    min-height: 220px;
    padding: 38px;
    border: 1px solid var(--ak-line);
    background: #fff;
}

.ak-services-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    flex: 0 0 68px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
    font-size: 22px;
}

.ak-services-empty h3 {
    margin: 0 0 9px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.025em;
}

.ak-services-empty p {
    max-width: 680px;
    margin: 0;
    color: var(--ak-muted);
    font-size: 13px;
    line-height: 1.75;
}

.ak-services-empty a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-top: 18px;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--ak-stone-dark);
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 800;
}

.ak-services-empty a i {
    color: var(--ak-stone-dark);
    font-size: 11px;
    transition: transform var(--ak-transition);
}

.ak-services-empty a:hover i {
    transform: translateX(4px);
}

/* Process */

.ak-services-process {
    padding: 95px 0 100px;
    background: #fff;
}

.ak-services-process__heading {
    margin-bottom: 44px;
}

.ak-services-process__heading h2 {
    max-width: 720px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(38px, 4vw, 46px);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -.03em;
}

.ak-services-process__heading p {
    max-width: 550px;
    margin: 0 0 3px auto;
    color: var(--ak-muted);
    font-size: 14px;
    line-height: 1.8;
}

.ak-services-process-card {
    position: relative;
    min-height: 280px;
    padding: 27px 25px;
    overflow: hidden;
    border: 1px solid var(--ak-line);
    background: #faf8f3;
    transition: color var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-services-process-card:hover {
    border-color: var(--ak-ink);
    background: var(--ak-ink);
    color: #fff;
    transform: translateY(-5px);
}

.ak-services-process-card > span {
    display: block;
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.ak-services-process-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 49px;
    height: 49px;
    margin-top: 41px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
    font-size: 17px;
}

.ak-services-process-card:hover .ak-services-process-card__icon {
    border-color: rgba(255, 255, 255, .17);
    color: var(--ak-stone);
}

.ak-services-process-card h3 {
    margin: 25px 0 10px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.023em;
}

.ak-services-process-card:hover h3 {
    color: #fff;
}

.ak-services-process-card p {
    margin: 0;
    color: var(--ak-muted);
    font-size: 12px;
    line-height: 1.7;
}

.ak-services-process-card:hover p {
    color: rgba(255, 255, 255, .55);
}

/* CTA */

.ak-services-cta {
    padding: 0 0 100px;
    background: #fff;
}

.ak-services-cta__box {
    position: relative;
    padding: 61px 62px;
    overflow: hidden;
    background: #171713;
    color: #fff;
}

.ak-services-cta__box::before,
.ak-services-cta__box::after {
    position: absolute;
    border: 1px solid rgba(184, 149, 95, .16);
    border-radius: 50%;
    content: "";
}

.ak-services-cta__box::before {
    top: -160px;
    right: -90px;
    width: 360px;
    height: 360px;
}

.ak-services-cta__box::after {
    right: 150px;
    bottom: -220px;
    width: 330px;
    height: 330px;
}

.ak-services-cta__box .row {
    position: relative;
    z-index: 2;
}

.ak-services-cta__box .col-lg-8 > span {
    display: block;
    margin-bottom: 13px;
    color: var(--ak-stone);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-services-cta__box h2 {
    max-width: 760px;
    margin: 0;
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(37px, 4vw, 46px);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -.03em;
}

.ak-services-cta__box p {
    max-width: 730px;
    margin: 17px 0 0;
    color: rgba(255, 255, 255, .55);
    font-size: 13px;
    line-height: 1.8;
}

.ak-services-cta__actions {
    display: flex;
    max-width: 330px;
    margin-left: auto;
    flex-direction: column;
    gap: 10px;
}

.ak-services-cta__actions a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    min-height: 58px;
    padding: 0 18px;
    border: 1px solid var(--ak-stone);
    background: var(--ak-stone);
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 800;
    transition: color var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition);
}

.ak-services-cta__actions a:hover {
    border-color: #fff;
    background: #fff;
    color: var(--ak-ink);
}

.ak-services-cta__actions a i {
    font-size: 11px;
    transition: transform var(--ak-transition);
}

.ak-services-cta__actions a:hover i {
    transform: translateX(4px);
}

.ak-services-cta__actions .ak-services-cta__secondary {
    border-color: rgba(255, 255, 255, .22);
    background: transparent;
    color: #fff;
}

@media (max-width: 1199.98px) {
    .ak-service-card {
        min-height: 350px;
    }

    .ak-service-card__media {
        width: 40%;
        flex-basis: 40%;
    }

    .ak-service-card__content {
        padding: 26px 24px 24px;
    }
}

@media (max-width: 991.98px) {
    .ak-services-page {
        padding: 76px 0 88px;
    }

    .ak-services-page__heading-side,
    .ak-services-process__heading p {
        max-width: 680px;
        margin-left: 0;
    }

    .ak-services-process {
        padding: 78px 0 82px;
    }

    .ak-services-cta {
        padding-bottom: 82px;
    }

    .ak-services-cta__box {
        padding: 50px 45px;
    }

    .ak-services-cta__actions {
        max-width: 470px;
        margin-left: 0;
    }
}

@media (max-width: 767.98px) {
    .ak-services-page {
        padding: 62px 0 70px;
    }

    .ak-services-page__heading {
        margin-bottom: 35px;
    }

    .ak-services-page__heading h2,
    .ak-services-process__heading h2,
    .ak-services-cta__box h2 {
        font-size: 31px;
        line-height: 1.05;
    }

    .ak-services-page__heading-side > p {
        font-size: 14px;
    }

    .ak-services-filters {
        margin-bottom: 31px;
        padding: 21px 18px;
    }

    .ak-services-filters__header {
        align-items: flex-start;
        flex-direction: column;
        gap: 7px;
    }

    .ak-services-filters__header .ak-services-filters__line {
        display: none;
    }

    .ak-services-filters__list {
        flex-direction: column;
    }

    .ak-services-filter {
        justify-content: space-between;
        width: 100%;
    }

    .ak-services-list {
        --bs-gutter-x: 15px;
        --bs-gutter-y: 15px;
    }

    .ak-service-card {
        min-height: 0;
        flex-direction: column;
    }

    .ak-service-card__media {
        width: 100%;
        aspect-ratio: 4 / 3;
        flex-basis: auto;
    }

    .ak-service-card__category {
        display: inline-flex;
    }

    .ak-service-card__content {
        min-height: 285px;
        padding: 23px 21px 21px;
    }

    .ak-service-card__content h3 {
        font-size: 27px;
    }

    .ak-services-empty {
        align-items: flex-start;
        flex-direction: column;
        padding: 29px 23px;
    }

    .ak-services-process {
        padding: 65px 0 68px;
    }

    .ak-services-process__heading {
        margin-bottom: 34px;
    }

    .ak-services-process-card {
        min-height: 245px;
    }

    .ak-services-process-card__icon {
        margin-top: 28px;
    }

    .ak-services-cta {
        padding-bottom: 68px;
    }

    .ak-services-cta__box {
        padding: 39px 25px;
    }

    .ak-services-cta__actions {
        max-width: none;
    }
}

@media (max-width: 479.98px) {
    .ak-service-card__number,
    .ak-service-card__category {
        top: 10px;
    }

    .ak-service-card__number {
        left: 10px;
    }

    .ak-service-card__category {
        right: 10px;
    }

    .ak-service-card__media-action {
        right: 10px;
        bottom: 10px;
        width: 42px;
        height: 42px;
    }

    .ak-service-card__top {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .ak-service-card__top > i {
        display: none;
    }
}


/* =========================================================
   SERVICE DETAIL PAGE
========================================================= */

.ak-service-detail-hero {
    position: relative;
    padding: 88px 0 92px;
    overflow: hidden;
    background: #f7f4ee;
}

.ak-service-detail-hero::before {
    position: absolute;
    top: -190px;
    right: -150px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(143, 109, 62, .1);
    border-radius: 50%;
    content: "";
}

.ak-service-detail-hero .container {
    position: relative;
    z-index: 2;
}

.ak-service-detail-hero__image {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 590px;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: #e7e1d7;
    cursor: pointer;
}

.ak-service-detail-hero__image:disabled {
    cursor: default;
}

.ak-service-detail-hero__image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 590px;
    object-fit: cover;
    transform: scale(1.001);
    transition: transform .75s cubic-bezier(.2, .7, .2, 1);
}

.ak-service-detail-hero__image:not(:disabled):hover img {
    transform: scale(1.035);
}

.ak-service-detail-hero__shade {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(10, 10, 8, .12), transparent 45%),
        linear-gradient(0deg, rgba(10, 10, 8, .5), transparent 42%);
}

.ak-service-detail-hero__image-label {
    position: absolute;
    left: 20px;
    bottom: 20px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 0 15px;
    border: 1px solid rgba(255, 255, 255, .42);
    background: rgba(15, 15, 13, .32);
    color: #fff;
    font-size: 12px;
    font-weight: 750;
    backdrop-filter: blur(8px);
}

.ak-service-detail-hero__image-action {
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, .55);
    border-radius: 50%;
    background: rgba(15, 15, 13, .3);
    color: #fff;
    font-size: 13px;
    backdrop-filter: blur(8px);
    transition: color var(--ak-transition), background var(--ak-transition), transform var(--ak-transition);
}

.ak-service-detail-hero__image:not(:disabled):hover .ak-service-detail-hero__image-action {
    background: #fff;
    color: var(--ak-ink);
    transform: rotate(7deg);
}

.ak-service-detail-hero__image.is-placeholder .ak-service-detail-hero__image-action,
.ak-service-detail-hero__image.is-placeholder .ak-service-detail-hero__image-label {
    display: none;
}

.ak-service-detail-hero__content {
    display: flex;
    height: 100%;
    min-height: 590px;
    flex-direction: column;
    padding: 48px 44px 40px;
    border: 1px solid var(--ak-line);
    background: #fff;
}

.ak-service-detail-hero__labels {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 24px;
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ak-service-detail-hero__labels i {
    width: 25px;
    height: 1px;
    background: var(--ak-line);
}

.ak-service-detail-hero__labels small {
    color: var(--ak-muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.ak-service-detail-hero__content h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(40px, 4vw, 51px);
    font-weight: 600;
    line-height: 1.02;
    letter-spacing: -.033em;
}

.ak-service-detail-hero__lead {
    margin: 22px 0 0;
    color: var(--ak-muted);
    font-size: 14px;
    line-height: 1.82;
}

.ak-service-detail-info {
    margin-top: 32px;
    border-top: 1px solid var(--ak-line);
}

.ak-service-detail-info > div {
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 77px;
    border-bottom: 1px solid var(--ak-line);
}

.ak-service-detail-info > div > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
    font-size: 13px;
}

.ak-service-detail-info > div > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ak-service-detail-info small {
    color: var(--ak-muted);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ak-service-detail-info strong {
    margin-top: 4px;
    overflow: hidden;
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 750;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ak-service-detail-hero__actions {
    display: flex;
    gap: 10px;
    margin-top: auto;
    padding-top: 32px;
}

.ak-service-detail-hero__actions a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 56px;
    padding: 0 17px;
    font-size: 12px;
    font-weight: 800;
}

.ak-service-detail-hero__primary {
    flex: 1;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: #fff;
}

.ak-service-detail-hero__secondary {
    border: 1px solid var(--ak-line);
    background: #fff;
    color: var(--ak-ink);
}

.ak-service-detail-hero__actions a i {
    font-size: 11px;
    transition: transform var(--ak-transition);
}

.ak-service-detail-hero__actions a:hover i {
    transform: translateX(4px);
}

/* Content */

.ak-service-detail-content {
    padding: 98px 0;
    background: #fff;
}

.ak-service-detail-content__heading {
    margin-bottom: 34px;
}

.ak-service-detail-content__heading h2 {
    max-width: 720px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(37px, 4vw, 45px);
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.03em;
}

.ak-service-rich-text {
    color: #56534d;
    font-size: 15px;
    line-height: 1.9;
}

.ak-service-rich-text > *:first-child {
    margin-top: 0;
}

.ak-service-rich-text > *:last-child {
    margin-bottom: 0;
}

.ak-service-rich-text p {
    margin: 0 0 22px;
}

.ak-service-rich-text h2,
.ak-service-rich-text h3,
.ak-service-rich-text h4,
.ak-service-rich-text h5,
.ak-service-rich-text h6 {
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -.026em;
}

.ak-service-rich-text h2 {
    margin: 43px 0 18px;
    font-size: 35px;
}

.ak-service-rich-text h3 {
    margin: 36px 0 16px;
    font-size: 29px;
}

.ak-service-rich-text h4 {
    margin: 30px 0 14px;
    font-size: 24px;
}

.ak-service-rich-text h5,
.ak-service-rich-text h6 {
    margin: 26px 0 13px;
    font-size: 21px;
}

.ak-service-rich-text ul,
.ak-service-rich-text ol {
    margin: 0 0 25px;
    padding-left: 24px;
}

.ak-service-rich-text li {
    margin: 8px 0;
    padding-left: 4px;
}

.ak-service-rich-text ul li {
    list-style: disc;
}

.ak-service-rich-text ol li {
    list-style: decimal;
}

.ak-service-rich-text strong {
    color: var(--ak-ink);
    font-weight: 800;
}

.ak-service-rich-text a {
    color: var(--ak-stone-dark);
    text-decoration: underline;
    text-underline-offset: 4px;
}

.ak-service-rich-text img {
    display: block;
    width: auto;
    max-width: 100% !important;
    height: auto !important;
    margin: 30px auto;
}

.ak-service-rich-text blockquote {
    position: relative;
    margin: 36px 0;
    padding: 30px 32px 30px 68px;
    border-left: 3px solid var(--ak-stone-dark);
    background: #f7f4ee;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.43;
}

.ak-service-rich-text blockquote::before {
    position: absolute;
    top: 27px;
    left: 26px;
    color: var(--ak-stone-dark);
    content: "\f10d";
    font-family: "Font Awesome 6 Free";
    font-size: 18px;
    font-weight: 900;
}

.ak-service-rich-text table {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 30px 0;
    overflow-x: auto;
    border-collapse: collapse;
}

.ak-service-rich-text th,
.ak-service-rich-text td {
    min-width: 140px;
    padding: 14px 15px;
    border: 1px solid var(--ak-line);
    font-size: 13px;
    text-align: left;
}

.ak-service-rich-text th {
    background: var(--ak-ink);
    color: #fff;
}

/* Sidebar */

.ak-service-detail-sidebar {
    position: sticky;
    top: 135px;
}

.ak-service-detail-sidebar__box {
    margin-bottom: 20px;
    padding: 29px 27px;
    border: 1px solid var(--ak-line);
    background: #f7f4ee;
}

.ak-service-detail-sidebar__box > span {
    display: block;
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.ak-service-detail-sidebar__box h2 {
    margin: 13px 0 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.027em;
}

.ak-service-detail-sidebar__box > p {
    margin: 16px 0 23px;
    color: var(--ak-muted);
    font-size: 13px;
    line-height: 1.78;
}

.ak-service-detail-sidebar__items {
    border-top: 1px solid var(--ak-line);
}

.ak-service-detail-sidebar__items > div {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px 0;
    border-bottom: 1px solid var(--ak-line);
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.5;
}

.ak-service-detail-sidebar__items i {
    margin-top: 3px;
    color: var(--ak-stone-dark);
    font-size: 11px;
}

.ak-service-detail-sidebar__cta {
    position: relative;
    padding: 31px 27px;
    overflow: hidden;
    background: #171713;
    color: #fff;
}

.ak-service-detail-sidebar__cta::after {
    position: absolute;
    right: -100px;
    bottom: -115px;
    width: 230px;
    height: 230px;
    border: 1px solid rgba(184, 149, 95, .18);
    border-radius: 50%;
    content: "";
}

.ak-service-detail-sidebar__cta > * {
    position: relative;
    z-index: 2;
}

.ak-service-detail-sidebar__cta > i {
    color: var(--ak-stone);
    font-size: 23px;
}

.ak-service-detail-sidebar__cta > span {
    display: block;
    margin-top: 20px;
    color: var(--ak-stone);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.ak-service-detail-sidebar__cta h2 {
    margin: 12px 0 0;
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.027em;
}

.ak-service-detail-sidebar__cta p {
    margin: 15px 0 22px;
    color: rgba(255, 255, 255, .55);
    font-size: 12px;
    line-height: 1.75;
}

.ak-service-detail-sidebar__cta a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 51px;
    padding: 0 16px;
    border: 1px solid var(--ak-stone);
    background: var(--ak-stone);
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 800;
}

.ak-service-detail-sidebar__cta a i {
    font-size: 11px;
    transition: transform var(--ak-transition);
}

.ak-service-detail-sidebar__cta a:hover i {
    transform: translateX(4px);
}

/* Detail gallery */

.ak-service-detail-gallery {
    padding: 94px 0 100px;
    background: #f7f4ee;
}

.ak-service-detail-gallery__heading {
    margin-bottom: 41px;
}

.ak-service-detail-gallery__heading h2 {
    max-width: 720px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(37px, 4vw, 45px);
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.03em;
}

.ak-service-detail-gallery__heading p {
    max-width: 500px;
    margin: 0 0 3px auto;
    color: var(--ak-muted);
    font-size: 14px;
    line-height: 1.8;
}

.ak-service-detail-gallery-card {
    width: 100%;
    height: 100%;
    margin: 0;
}

.ak-service-detail-gallery-card__button {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 340px;
    padding: 0;
    overflow: hidden;
    border: 0;
    background: #e7e1d7;
    cursor: pointer;
}

.ak-service-detail-gallery-card__media {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 340px;
}

.ak-service-detail-gallery-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 340px;
    object-fit: cover;
    transform: scale(1.001);
    transition: transform .7s cubic-bezier(.2, .7, .2, 1);
}

.ak-service-detail-gallery-card__button:hover img {
    transform: scale(1.04);
}

.ak-service-detail-gallery-card__number,
.ak-service-detail-gallery-card__action {
    position: absolute;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, .94);
    color: var(--ak-ink);
    backdrop-filter: blur(8px);
}

.ak-service-detail-gallery-card__number {
    top: 15px;
    left: 15px;
    min-width: 42px;
    height: 34px;
    padding: 0 10px;
    font-size: 11px;
    font-weight: 800;
}

.ak-service-detail-gallery-card__action {
    right: 15px;
    bottom: 15px;
    width: 45px;
    height: 45px;
    font-size: 12px;
    transition: color var(--ak-transition), background var(--ak-transition), transform var(--ak-transition);
}

.ak-service-detail-gallery-card__button:hover .ak-service-detail-gallery-card__action {
    background: var(--ak-ink);
    color: #fff;
    transform: translateY(-3px);
}

/* Process */

.ak-service-detail-process {
    padding: 94px 0 100px;
    background: #fff;
}

.ak-service-detail-process__heading {
    margin-bottom: 42px;
}

.ak-service-detail-process__heading h2 {
    max-width: 700px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(37px, 4vw, 45px);
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.03em;
}

.ak-service-detail-process__heading p {
    max-width: 530px;
    margin: 0 0 3px auto;
    color: var(--ak-muted);
    font-size: 14px;
    line-height: 1.8;
}

.ak-service-detail-process-card {
    min-height: 270px;
    padding: 27px 25px;
    border: 1px solid var(--ak-line);
    background: #faf8f3;
    transition: color var(--ak-transition), background var(--ak-transition), transform var(--ak-transition);
}

.ak-service-detail-process-card:hover {
    background: var(--ak-ink);
    color: #fff;
    transform: translateY(-5px);
}

.ak-service-detail-process-card > span {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.ak-service-detail-process-card > i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 49px;
    height: 49px;
    margin-top: 39px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
    font-size: 17px;
}

.ak-service-detail-process-card:hover > i {
    border-color: rgba(255, 255, 255, .18);
    color: var(--ak-stone);
}

.ak-service-detail-process-card h3 {
    margin: 24px 0 10px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.024em;
}

.ak-service-detail-process-card:hover h3 {
    color: #fff;
}

.ak-service-detail-process-card p {
    margin: 0;
    color: var(--ak-muted);
    font-size: 12px;
    line-height: 1.7;
}

.ak-service-detail-process-card:hover p {
    color: rgba(255, 255, 255, .56);
}

/* Related services */

.ak-service-related {
    padding: 94px 0 105px;
    background: #f7f4ee;
}

.ak-service-related__heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 40px;
}

.ak-service-related__heading h2 {
    max-width: 700px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(37px, 4vw, 45px);
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.03em;
}

.ak-service-related__heading > a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 45px;
    padding-bottom: 3px;
    border-bottom: 1px solid var(--ak-stone-dark);
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 800;
}

.ak-service-related__heading > a i {
    color: var(--ak-stone-dark);
    font-size: 11px;
    transition: transform var(--ak-transition);
}

.ak-service-related__heading > a:hover i {
    transform: translateX(4px);
}

.ak-service-related-card {
    height: 100%;
    overflow: hidden;
    border: 1px solid var(--ak-line);
    background: #fff;
    transition: border-color var(--ak-transition), box-shadow var(--ak-transition), transform var(--ak-transition);
}

.ak-service-related-card:hover {
    border-color: rgba(143, 109, 62, .45);
    box-shadow: 0 18px 42px rgba(23, 23, 19, .07);
    transform: translateY(-4px);
}

.ak-service-related-card__image {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: #e7e1d7;
}

.ak-service-related-card__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .65s ease;
}

.ak-service-related-card:hover .ak-service-related-card__image img {
    transform: scale(1.04);
}

.ak-service-related-card__number {
    position: absolute;
    top: 14px;
    left: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 34px;
    padding: 0 10px;
    background: rgba(255, 255, 255, .94);
    color: var(--ak-ink);
    font-size: 11px;
    font-weight: 800;
}

.ak-service-related-card__content {
    display: flex;
    min-height: 265px;
    flex-direction: column;
    padding: 23px;
}

.ak-service-related-card__content > span {
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.ak-service-related-card__content h3 {
    margin: 12px 0 0;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -.026em;
}

.ak-service-related-card__content h3 a {
    color: var(--ak-ink);
}

.ak-service-related-card__content p {
    display: -webkit-box;
    margin: 13px 0 20px;
    overflow: hidden;
    color: var(--ak-muted);
    font-size: 12px;
    line-height: 1.72;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ak-service-related-card__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid var(--ak-line);
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 800;
}

.ak-service-related-card__link i {
    color: var(--ak-stone-dark);
    font-size: 11px;
    transition: transform var(--ak-transition);
}

.ak-service-related-card__link:hover i {
    transform: translateX(4px);
}

/* Gallery lightbox */

body.ak-service-gallery-is-open {
    overflow: hidden;
}

.ak-service-gallery-lightbox {
    position: fixed;
    inset: 0;
    z-index: 2700;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .28s ease, visibility .28s ease;
}

.ak-service-gallery-lightbox.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.ak-service-gallery-lightbox__backdrop {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: rgba(9, 9, 8, .96);
    backdrop-filter: blur(8px);
}

.ak-service-gallery-lightbox__dialog {
    position: relative;
    z-index: 2;
    display: flex;
    width: min(1500px, 100%);
    height: min(900px, calc(100vh - 48px));
    flex-direction: column;
    overflow: hidden;
    background: #11110f;
    color: #fff;
}

.ak-service-gallery-lightbox__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 76px;
    padding: 13px 18px 13px 25px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.ak-service-gallery-lightbox__header > div {
    display: flex;
    align-items: center;
    gap: 28px;
}

.ak-service-gallery-lightbox__header > div > span {
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 23px;
    font-weight: 600;
}

.ak-service-gallery-lightbox__counter {
    display: flex;
    align-items: center;
    gap: 9px;
    color: rgba(255, 255, 255, .5);
    font-size: 11px;
    font-weight: 800;
}

.ak-service-gallery-lightbox__counter strong {
    color: var(--ak-stone);
}

.ak-service-gallery-lightbox__counter i {
    width: 24px;
    height: 1px;
    background: rgba(255, 255, 255, .25);
}

.ak-service-gallery-lightbox__close,
.ak-service-gallery-lightbox__navigation {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .18);
    background: transparent;
    color: #fff;
    cursor: pointer;
}

.ak-service-gallery-lightbox__close {
    width: 47px;
    height: 47px;
    font-size: 14px;
}

.ak-service-gallery-lightbox__close:hover,
.ak-service-gallery-lightbox__navigation:hover {
    border-color: var(--ak-stone);
    background: var(--ak-stone);
    color: #11110f;
}

.ak-service-gallery-lightbox__stage {
    position: relative;
    display: flex;
    min-height: 0;
    flex: 1;
    align-items: center;
    justify-content: center;
    padding: 25px 92px;
}

.ak-service-gallery-lightbox__figure {
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 0;
    flex-direction: column;
    align-items: center;
    margin: 0;
}

.ak-service-gallery-lightbox__image-wrap {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 0;
    flex: 1;
    align-items: center;
    justify-content: center;
}

.ak-service-gallery-lightbox__image-wrap img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.ak-service-gallery-lightbox__figure figcaption {
    min-height: 37px;
    padding-top: 14px;
    color: rgba(255, 255, 255, .55);
    font-size: 11px;
    text-align: center;
}

.ak-service-gallery-lightbox__navigation {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 52px;
    height: 52px;
    font-size: 12px;
    transform: translateY(-50%);
}

.ak-service-gallery-lightbox__navigation--previous {
    left: 22px;
}

.ak-service-gallery-lightbox__navigation--next {
    right: 22px;
}

.ak-service-gallery-lightbox__loading {
    position: absolute;
    display: flex;
    gap: 7px;
    opacity: 0;
    visibility: hidden;
}

.ak-service-gallery-lightbox.is-loading .ak-service-gallery-lightbox__loading {
    opacity: 1;
    visibility: visible;
}

.ak-service-gallery-lightbox__loading i {
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ak-stone);
    animation: akServiceGalleryLoading .8s infinite alternate;
}

.ak-service-gallery-lightbox__loading i:nth-child(2) {
    animation-delay: .14s;
}

.ak-service-gallery-lightbox__loading i:nth-child(3) {
    animation-delay: .28s;
}

@keyframes akServiceGalleryLoading {
    to {
        opacity: .25;
        transform: translateY(-5px);
    }
}

@media (max-width: 1199.98px) {
    .ak-service-detail-hero__content {
        padding: 38px 31px 32px;
    }
}

@media (max-width: 991.98px) {
    .ak-service-detail-hero {
        padding: 75px 0 80px;
    }

    .ak-service-detail-hero__image,
    .ak-service-detail-hero__image img {
        min-height: 500px;
    }

    .ak-service-detail-hero__content {
        min-height: auto;
    }

    .ak-service-detail-content {
        padding: 78px 0;
    }

    .ak-service-detail-sidebar {
        position: relative;
        top: auto;
    }

    .ak-service-detail-gallery,
    .ak-service-detail-process,
    .ak-service-related {
        padding: 78px 0 82px;
    }

    .ak-service-detail-gallery__heading p,
    .ak-service-detail-process__heading p {
        max-width: 680px;
        margin-left: 0;
    }
}

@media (max-width: 767.98px) {
    .ak-service-detail-hero {
        padding: 61px 0 67px;
    }

    .ak-service-detail-hero__image,
    .ak-service-detail-hero__image img {
        min-height: 390px;
    }

    .ak-service-detail-hero__content {
        padding: 29px 23px 24px;
    }

    .ak-service-detail-hero__content h2 {
        font-size: 34px;
    }

    .ak-service-detail-hero__actions {
        flex-direction: column;
    }

    .ak-service-detail-content {
        padding: 64px 0;
    }

    .ak-service-detail-content__heading h2,
    .ak-service-detail-gallery__heading h2,
    .ak-service-detail-process__heading h2,
    .ak-service-related__heading h2 {
        font-size: 31px;
    }

    .ak-service-rich-text {
        font-size: 14px;
        line-height: 1.85;
    }

    .ak-service-rich-text h2 {
        font-size: 29px;
    }

    .ak-service-rich-text h3 {
        font-size: 25px;
    }

    .ak-service-rich-text blockquote {
        padding: 26px 21px 26px 55px;
        font-size: 21px;
    }

    .ak-service-detail-gallery,
    .ak-service-detail-process,
    .ak-service-related {
        padding: 64px 0 68px;
    }

    .ak-service-detail-gallery-card__button,
    .ak-service-detail-gallery-card__media,
    .ak-service-detail-gallery-card__media img {
        min-height: 280px;
    }

    .ak-service-related__heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-service-gallery-lightbox {
        padding: 0;
    }

    .ak-service-gallery-lightbox__dialog {
        width: 100%;
        height: 100%;
        max-height: none;
    }

    .ak-service-gallery-lightbox__header {
        min-height: 67px;
        padding: 10px 12px 10px 17px;
    }

    .ak-service-gallery-lightbox__stage {
        padding: 15px 13px 76px;
    }

    .ak-service-gallery-lightbox__navigation {
        top: auto;
        bottom: 16px;
        width: 46px;
        height: 46px;
        transform: none;
    }

    .ak-service-gallery-lightbox__navigation--previous {
        left: calc(50% - 54px);
    }

    .ak-service-gallery-lightbox__navigation--next {
        right: calc(50% - 54px);
    }
}

@media (max-width: 479.98px) {
    .ak-service-detail-hero__image,
    .ak-service-detail-hero__image img {
        min-height: 320px;
    }

    .ak-service-detail-hero__image-label {
        left: 12px;
        bottom: 12px;
    }

    .ak-service-detail-hero__image-action {
        right: 12px;
        bottom: 12px;
    }

    .ak-service-detail-sidebar__box,
    .ak-service-detail-sidebar__cta {
        padding-right: 21px;
        padding-left: 21px;
    }

    .ak-service-gallery-lightbox__counter {
        display: none;
    }
}

/* =========================================================
   ILETISIM SAYFASI V2
   ========================================================= */

.ak-contact-v2-intro,
.ak-contact-v2-main,
.ak-contact-v2-map {
    font-family: "Urbanist", sans-serif;
}

.ak-contact-v2-intro {
    position: relative;
    padding: clamp(72px, 8vw, 80px) 0 0;
    overflow: hidden;
    background: #f4f0e8;
}

.ak-contact-v2-intro::before {
    position: absolute;
    top: -210px;
    right: -140px;
    width: 560px;
    height: 560px;
    border: 1px solid rgba(184, 149, 95, .16);
    border-radius: 50%;
    content: "";
}

.ak-contact-v2-intro::after {
    position: absolute;
    top: -120px;
    right: -50px;
    width: 380px;
    height: 380px;
    border: 1px solid rgba(184, 149, 95, .12);
    border-radius: 50%;
    content: "";
}

.ak-contact-v2-intro__line {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1px;
    background: rgba(17, 17, 17, .055);
    pointer-events: none;
}

.ak-contact-v2-intro .container {
    position: relative;
    z-index: 1;
}

.ak-contact-v2-intro__copy {
    max-width: 780px;
    padding-right: clamp(0px, 4vw, 58px);
}

.ak-contact-v2-intro__copy h2 {
    max-width: 760px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(42px, 5.1vw, 66px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.035em;
}

.ak-contact-v2-intro__copy p {
    max-width: 650px;
    margin: 28px 0 0;
    color: #66645f;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
}

.ak-contact-v2-quick {
    border-top: 1px solid rgba(17, 17, 17, .13);
}

.ak-contact-v2-quick__item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    min-height: 114px;
    padding: 23px 0;
    border-bottom: 1px solid rgba(17, 17, 17, .13);
}

.ak-contact-v2-quick__number {
    width: 24px;
    flex: 0 0 24px;
    padding-top: 4px;
    color: var(--ak-stone-dark);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .08em;
}

.ak-contact-v2-quick__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border: 1px solid rgba(17, 17, 17, .16);
    border-radius: 50%;
    color: var(--ak-stone-dark);
    font-size: 14px;
}

.ak-contact-v2-quick__content {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.ak-contact-v2-quick__content > span:first-child {
    margin-bottom: 5px;
    color: #77746e;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
}

.ak-contact-v2-quick__content strong {
    display: block;
    overflow-wrap: anywhere;
    color: var(--ak-ink);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
    transition: color var(--ak-transition);
}

.ak-contact-v2-quick__content a:hover strong {
    color: var(--ak-stone-dark);
}

.ak-contact-v2-quick__secondary {
    display: inline-flex;
    margin-top: 5px;
    color: #77746e;
    font-size: 13px;
    font-weight: 600;
}

.ak-contact-v2-quick__content small {
    color: #77746e;
    font-size: 12px;
    line-height: 1.5;
}

.ak-contact-v2-address {
    position: relative;
    z-index: 999999;
    display: flex;
    align-items: center;
    gap: 22px;
    min-height: 126px;
    margin-top: clamp(55px, 6vw, 65px);
    margin-bottom: 40px;
    padding: 26px clamp(24px, 3vw, 42px);
    background: var(--ak-white);
    box-shadow: 0 24px 70px rgba(22, 20, 16, .11);
}

.ak-contact-v2-address__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    border-radius: 50%;
    background: var(--ak-ink);
    color: var(--ak-white);
    font-size: 16px;
}

.ak-contact-v2-address__content {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.ak-contact-v2-address__content > span {
    margin-bottom: 5px;
    color: #77746e;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .08em;
}

.ak-contact-v2-address__content strong {
    color: var(--ak-ink);
    font-size: 16px;
    font-weight: 700;
    line-height: 1.55;
}

.ak-contact-v2-address > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 48px;
    padding: 0 20px;
    border: 1px solid rgba(17, 17, 17, .16);
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
    transition: color var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition);
}

.ak-contact-v2-address > a:hover {
    color: var(--ak-white);
    background: var(--ak-ink);
    border-color: var(--ak-ink);
}

.ak-contact-v2-main {
    padding: clamp(124px, 11vw, 176px) 0 clamp(74px, 9vw, 132px);
    background: var(--ak-white);
}

.ak-contact-v2-shell {
    border: 1px solid rgba(17, 17, 17, .12);
    box-shadow: 0 32px 90px rgba(22, 20, 16, .1);
}

.ak-contact-v2-aside {
    position: relative;
    height: 100%;
    min-height: 720px;
    overflow: hidden;
    background: #171714;
    color: var(--ak-white);
}

.ak-contact-v2-aside::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: var(--ak-stone);
    content: "";
}

.ak-contact-v2-aside__rings {
    position: absolute;
    right: -165px;
    bottom: -165px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
}

.ak-contact-v2-aside__rings::before,
.ak-contact-v2-aside__rings::after {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 50%;
    content: "";
}

.ak-contact-v2-aside__rings::before {
    inset: 68px;
}

.ak-contact-v2-aside__rings::after {
    inset: 136px;
}

.ak-contact-v2-aside__content {
    position: relative;
    z-index: 1;
    display: flex;
    height: 100%;
    flex-direction: column;
    padding: clamp(42px, 4.6vw, 68px) clamp(30px, 4vw, 58px);
}

.ak-contact-v2-aside__kicker {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 22px;
    color: #d1b27e;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
}

.ak-contact-v2-aside__kicker::before {
    width: 28px;
    height: 1px;
    background: currentColor;
    content: "";
}

.ak-contact-v2-aside h2 {
    max-width: 430px;
    margin: 0;
    color: var(--ak-white);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(38px, 4vw, 52px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.03em;
}

.ak-contact-v2-aside p {
    max-width: 445px;
    margin: 22px 0 0;
    color: rgba(255, 255, 255, .64);
    font-size: 14px;
    line-height: 1.75;
}

.ak-contact-v2-whatsapp {
    margin-top: 32px;
}

.ak-contact-v2-whatsapp > a {
    display: flex;
    align-items: center;
    gap: 15px;
    min-height: 76px;
    padding: 14px 17px;
    border: 1px solid rgba(255, 255, 255, .16);
    background: rgba(255, 255, 255, .055);
    transition: background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-contact-v2-whatsapp > a:hover {
    background: rgba(255, 255, 255, .1);
    border-color: rgba(209, 178, 126, .62);
    transform: translateY(-2px);
}

.ak-contact-v2-whatsapp__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    border-radius: 50%;
    background: #25d366;
    color: var(--ak-white);
    font-size: 21px;
}

.ak-contact-v2-whatsapp__content {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.ak-contact-v2-whatsapp__content small {
    margin-bottom: 2px;
    color: rgba(255, 255, 255, .58);
    font-size: 12px;
    font-weight: 600;
}

.ak-contact-v2-whatsapp__content strong {
    overflow-wrap: anywhere;
    color: var(--ak-white);
    font-size: 15px;
    font-weight: 700;
}

.ak-contact-v2-whatsapp__arrow {
    color: #d1b27e;
    font-size: 13px;
    transition: transform var(--ak-transition);
}

.ak-contact-v2-whatsapp > a:hover .ak-contact-v2-whatsapp__arrow {
    transform: translateX(5px);
}

.ak-contact-v2-services {
    margin-top: 34px;
    border-top: 1px solid rgba(255, 255, 255, .12);
}

.ak-contact-v2-services > div {
    display: flex;
    align-items: center;
    gap: 13px;
    min-height: 64px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.ak-contact-v2-services > div > span {
    width: 22px;
    flex: 0 0 22px;
    color: #d1b27e;
    font-size: 11px;
    font-weight: 800;
}

.ak-contact-v2-services i {
    width: 22px;
    color: rgba(255, 255, 255, .58);
    font-size: 14px;
    text-align: center;
}

.ak-contact-v2-services strong {
    color: rgba(255, 255, 255, .86);
    font-size: 13px;
    font-weight: 600;
}

.ak-contact-v2-social {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: auto;
    padding-top: 34px;
}

.ak-contact-v2-social > span {
    color: rgba(255, 255, 255, .54);
    font-size: 12px;
    font-weight: 700;
}

.ak-contact-v2-social > div {
    display: flex;
    align-items: center;
    gap: 7px;
}

.ak-contact-v2-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(255, 255, 255, .15);
    border-radius: 50%;
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
    transition: color var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition);
}

.ak-contact-v2-social a:hover {
    color: var(--ak-ink);
    background: #d1b27e;
    border-color: #d1b27e;
}

.ak-contact-v2-form {
    height: 100%;
    padding: clamp(42px, 5vw, 72px) clamp(28px, 5vw, 76px);
    background: var(--ak-white);
}

.ak-contact-v2-form__heading {
    max-width: 690px;
    margin-bottom: 36px;
}

.ak-contact-v2-form__heading h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(38px, 4vw, 54px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.03em;
}

.ak-contact-v2-form__heading p {
    max-width: 610px;
    margin: 16px 0 0;
    color: #74716b;
    font-size: 14px;
    line-height: 1.7;
}

.ak-contact-v2-form .ak-contact-field {
    position: relative;
}

.ak-contact-v2-form .ak-contact-field > label {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 9px;
    color: #3d3c38;
    font-size: 12px;
    font-weight: 800;
}

.ak-contact-v2-form .ak-contact-field > label b {
    color: var(--ak-stone-dark);
    font-size: 13px;
}

.ak-contact-v2-form .ak-contact-field__control {
    width: 100%;
    height: 58px;
    padding: 0 17px;
    border: 1px solid rgba(17, 17, 17, .14);
    border-radius: 0;
    outline: 0;
    background: #faf8f4;
    color: var(--ak-ink);
    font-family: "Urbanist", sans-serif;
    font-size: 14px;
    font-weight: 500;
    box-shadow: none;
    transition: background var(--ak-transition), border-color var(--ak-transition), box-shadow var(--ak-transition);
}

.ak-contact-v2-form .ak-contact-field__control::placeholder {
    color: #aaa69e;
    opacity: 1;
}

.ak-contact-v2-form .ak-contact-field__control:hover {
    border-color: rgba(17, 17, 17, .28);
}

.ak-contact-v2-form .ak-contact-field__control:focus {
    border-color: var(--ak-stone-dark);
    background: var(--ak-white);
    box-shadow: 0 0 0 3px rgba(184, 149, 95, .11);
}

.ak-contact-v2-form .ak-contact-field__control--textarea {
    height: 168px;
    min-height: 168px;
    padding-top: 15px;
    resize: vertical;
    line-height: 1.65;
}

.ak-contact-v2-form .ak-contact-field__error {
    display: block;
    margin-top: 7px;
    color: #b42318;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
}

.ak-contact-v2-form .ak-contact-form__validation-summary {
    margin-bottom: 24px;
    padding: 15px 18px;
    border-left: 3px solid #b42318;
    background: #fff5f4;
    color: #8d2119;
    font-size: 13px;
    line-height: 1.55;
}

.ak-contact-v2-form .ak-contact-form__validation-summary ul {
    margin: 8px 0 0;
    padding-left: 19px;
}

.ak-contact-v2-form .ak-contact-form__message {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 24px;
    padding: 16px 18px;
    border-left: 3px solid var(--ak-stone-dark);
    background: #f7f3eb;
    color: #4f493f;
    font-size: 13px;
    font-weight: 600;
}

.ak-contact-v2-form .ak-contact-form__message.is-success {
    border-left-color: #1f7a4d;
    background: #effaf4;
    color: #17613d;
}

.ak-contact-v2-form .ak-contact-form__message.is-error {
    border-left-color: #b42318;
    background: #fff5f4;
    color: #8d2119;
}

.ak-contact-v2-form .ak-contact-form__trap {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.ak-contact-v2-form .ak-contact-consent {
    padding-top: 2px;
}

.ak-contact-v2-form .ak-contact-consent label {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin: 0;
    color: #74716b;
    font-size: 12px;
    line-height: 1.6;
    cursor: pointer;
}

.ak-contact-v2-form .ak-contact-consent label > span:first-child {
    display: inline-flex;
    flex: 0 0 auto;
}

.ak-contact-v2-form .ak-contact-consent input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 1px 0 0;
    accent-color: var(--ak-stone-dark);
    cursor: pointer;
}

.ak-contact-v2-form .ak-contact-consent a {
    color: var(--ak-ink);
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ak-contact-v2-form__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-top: 7px;
}

.ak-contact-v2-form__footer > span {
    max-width: 300px;
    color: #88847c;
    font-size: 12px;
    line-height: 1.5;
}

.ak-contact-v2-submit {
    min-width: 220px;
    min-height: 56px;
    padding: 0 28px;
    border: 1px solid var(--ak-ink);
    border-radius: 0;
    background: var(--ak-ink);
    color: var(--ak-white);
    font-family: "Urbanist", sans-serif;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    transition: color var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-contact-v2-submit:hover,
.ak-contact-v2-submit:focus {
    color: var(--ak-white);
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    transform: translateY(-2px);
}

.ak-contact-v2-map {
    padding: clamp(72px, 8vw, 118px) 0 clamp(78px, 9vw, 132px);
    background: #f4f0e8;
}

.ak-contact-v2-map__heading {
    margin-bottom: 34px;
}

.ak-contact-v2-map__heading h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(40px, 4.8vw, 62px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.035em;
}

.ak-contact-v2-map__heading p {
    max-width: 440px;
    margin: 0 0 4px auto;
    color: #706d67;
    font-size: 14px;
    line-height: 1.7;
}

.ak-contact-v2-map__box {
    position: relative;
    min-height: 520px;
    overflow: hidden;
    border: 1px solid rgba(17, 17, 17, .13);
    background: #ded8cd;
}

.ak-contact-v2-map__iframe,
.ak-contact-v2-map__iframe iframe {
    display: block;
    width: 100%;
    height: 520px;
    border: 0;
}

.ak-contact-v2-map__fallback {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    min-height: 520px;
    padding: 36px;
    text-align: left;
}

.ak-contact-v2-map__fallback > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 66px;
    height: 66px;
    flex: 0 0 66px;
    border-radius: 50%;
    background: var(--ak-ink);
    color: var(--ak-white);
    font-size: 20px;
}

.ak-contact-v2-map__fallback h3 {
    margin: 0;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -.02em;
}

.ak-contact-v2-map__fallback p {
    margin: 7px 0 14px;
    color: #706d67;
    font-size: 14px;
}

.ak-contact-v2-map__fallback a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 800;
}

.ak-contact-v2-map__open {
    position: absolute;
    right: 22px;
    bottom: 22px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 50px;
    padding: 0 20px;
    background: var(--ak-white);
    color: var(--ak-ink);
    box-shadow: 0 15px 35px rgba(17, 17, 17, .16);
    font-size: 13px;
    font-weight: 800;
    transition: color var(--ak-transition), background var(--ak-transition), transform var(--ak-transition);
}

.ak-contact-v2-map__open:hover {
    color: var(--ak-white);
    background: var(--ak-ink);
    transform: translateY(-2px);
}

@media (max-width: 991.98px) {
    .ak-contact-v2-intro__line {
        display: none;
    }

    .ak-contact-v2-intro__copy {
        padding-right: 0;
    }

    .ak-contact-v2-quick {
        margin-top: 4px;
    }

    .ak-contact-v2-address {
        transform: translateY(42%);
    }

    .ak-contact-v2-main {
        padding-top: 118px;
    }

    .ak-contact-v2-aside {
        min-height: auto;
    }

    .ak-contact-v2-social {
        margin-top: 38px;
    }

    .ak-contact-v2-map__heading p {
        margin-left: 0;
    }
}

@media (max-width: 767.98px) {
    .ak-contact-v2-intro {
        padding-top: 62px;
    }

    .ak-contact-v2-intro::before,
    .ak-contact-v2-intro::after {
        display: none;
    }

    .ak-contact-v2-intro__copy h2 {
        font-size: clamp(40px, 12vw, 52px);
        line-height: 1;
    }

    .ak-contact-v2-intro__copy p {
        margin-top: 20px;
        font-size: 14px;
    }

    .ak-contact-v2-address {
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 16px;
        margin-top: 42px;
        padding: 24px;
        transform: translateY(34%);
    }

    .ak-contact-v2-address__content {
        width: calc(100% - 72px);
        flex: 0 0 calc(100% - 72px);
    }

    .ak-contact-v2-address > a {
        width: 100%;
    }

    .ak-contact-v2-main {
        padding-top: 104px;
        padding-bottom: 72px;
    }

    .ak-contact-v2-aside__content,
    .ak-contact-v2-form {
        padding: 38px 28px;
    }

    .ak-contact-v2-aside h2,
    .ak-contact-v2-form__heading h2 {
        font-size: 42px;
    }

    .ak-contact-v2-form__footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-contact-v2-submit {
        width: 100%;
    }

    .ak-contact-v2-map {
        padding-top: 70px;
    }

    .ak-contact-v2-map__box,
    .ak-contact-v2-map__iframe,
    .ak-contact-v2-map__iframe iframe,
    .ak-contact-v2-map__fallback {
        min-height: 430px;
        height: 430px;
    }
}

@media (max-width: 575.98px) {
    .ak-contact-v2-quick__item {
        gap: 12px;
    }

    .ak-contact-v2-quick__number {
        display: none;
    }

    .ak-contact-v2-quick__content strong {
        font-size: 15px;
    }

    .ak-contact-v2-address__icon {
        width: 48px;
        height: 48px;
        flex-basis: 48px;
    }

    .ak-contact-v2-address__content {
        width: calc(100% - 64px);
        flex-basis: calc(100% - 64px);
    }

    .ak-contact-v2-aside__content,
    .ak-contact-v2-form {
        padding-right: 22px;
        padding-left: 22px;
    }

    .ak-contact-v2-social {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-contact-v2-map__heading h2 {
        font-size: 44px;
    }

    .ak-contact-v2-map__fallback {
        align-items: flex-start;
        flex-direction: column;
        padding: 28px;
    }

    .ak-contact-v2-map__open {
        right: 14px;
        bottom: 14px;
        left: 14px;
    }
}


/* =========================================================
   POLICY PAGE
========================================================= */

.ak-policy-page {
    position: relative;
    padding: clamp(72px, 7vw, 108px) 0 clamp(80px, 8vw, 124px);
    background: var(--ak-white);
    font-family: "Urbanist", sans-serif;
}

.ak-policy-page__content {
    width: 100%;
    padding: clamp(34px, 4vw, 54px) clamp(0px, 2vw, 24px);
    border-top: 1px solid var(--ak-line);
    border-bottom: 1px solid var(--ak-line);
    color: #66645f;
    font-size: 15px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

.ak-policy-page__content h2,
.ak-policy-page__content h3,
.ak-policy-page__content h4,
.ak-policy-page__content h5,
.ak-policy-page__content h6 {
    text-transform: none;
}

.ak-policy-page__content h2 {
    margin-top: 42px;
    font-size: 32px;
}

.ak-policy-page__content h3 {
    margin-top: 34px;
    font-size: 27px;
}

.ak-policy-page__content h4 {
    margin-top: 30px;
    font-size: 23px;
}

.ak-policy-page__content strong {
    color: var(--ak-ink);
    font-weight: 700;
}

.ak-policy-page__content blockquote {
    margin: 30px 0;
    padding: 20px 24px;
    border-left: 3px solid var(--ak-stone);
    background: var(--ak-ivory);
    color: var(--ak-ink-soft);
}

.ak-policy-page__content table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

@media (max-width: 767.98px) {
    .ak-policy-page {
        padding: 58px 0 72px;
    }

    .ak-policy-page__content {
        padding: 28px 0;
        font-size: 14px;
        line-height: 1.8;
    }

    .ak-policy-page__content h2 {
        font-size: 28px;
    }

    .ak-policy-page__content h3 {
        font-size: 24px;
    }

    .ak-policy-page__content h4 {
        font-size: 21px;
    }
}
/* =========================================================
   GIRIS VE UYELIK
========================================================= */

.ak-auth-page {
    position: relative;
    padding: clamp(72px, 7vw, 110px) 0 clamp(82px, 8vw, 126px);
    overflow: hidden;
    background: #f4f0e8;
    font-family: "Urbanist", sans-serif;
}

.ak-auth-page::before,
.ak-auth-page::after {
    position: absolute;
    border: 1px solid rgba(179, 145, 91, .14);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-auth-page::before {
    top: 60px;
    right: -210px;
    width: 520px;
    height: 520px;
}

.ak-auth-page::after {
    bottom: -230px;
    left: -190px;
    width: 470px;
    height: 470px;
}

.ak-auth-page .container {
    position: relative;
    z-index: 1;
}

.ak-auth-shell {
    overflow: hidden;
    border: 1px solid rgba(24, 23, 20, .12);
    background: #fff;
    box-shadow: 0 32px 85px rgba(23, 21, 17, .13);
}

.ak-auth-aside {
    position: relative;
    min-height: 790px;
    height: 100%;
    overflow: hidden;
    background: #181816;
    color: #fff;
}

.ak-auth-aside::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: var(--ak-stone);
    content: "";
}

.ak-auth-aside__decoration {
    position: absolute;
    right: -175px;
    bottom: -175px;
    width: 440px;
    height: 440px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
}

.ak-auth-aside__decoration span {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 50%;
}

.ak-auth-aside__decoration span:nth-child(1) {
    inset: 60px;
}

.ak-auth-aside__decoration span:nth-child(2) {
    inset: 122px;
}

.ak-auth-aside__decoration span:nth-child(3) {
    inset: 184px;
}

.ak-auth-aside__content {
    position: relative;
    z-index: 1;
    display: flex;
    height: 100%;
    flex-direction: column;
    padding: clamp(44px, 4.5vw, 66px) clamp(30px, 4vw, 56px);
}

.ak-auth-aside__kicker {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 22px;
    color: #d4b681;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
}

.ak-auth-aside__kicker::before {
    width: 28px;
    height: 1px;
    background: currentColor;
    content: "";
}

.ak-auth-aside h2 {
    max-width: 460px;
    margin: 0;
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(40px, 4.1vw, 54px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.03em;
}

.ak-auth-aside__content > p {
    max-width: 450px;
    margin: 23px 0 0;
    color: rgba(255, 255, 255, .64);
    font-size: 14px;
    line-height: 1.75;
}

.ak-auth-benefits {
    margin-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, .12);
}

.ak-auth-benefit {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 21px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.ak-auth-benefit__number {
    width: 24px;
    flex: 0 0 24px;
    padding-top: 3px;
    color: #d4b681;
    font-size: 11px;
    font-weight: 800;
}

.ak-auth-benefit__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50%;
    color: rgba(255, 255, 255, .75);
    font-size: 13px;
}

.ak-auth-benefit > div {
    min-width: 0;
    flex: 1;
}

.ak-auth-benefit strong {
    display: block;
    margin-bottom: 5px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.ak-auth-benefit p {
    margin: 0;
    color: rgba(255, 255, 255, .54);
    font-size: 12px;
    line-height: 1.6;
}

.ak-auth-aside__security {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: auto;
    padding-top: 36px;
    color: rgba(255, 255, 255, .58);
    font-size: 12px;
    line-height: 1.5;
}

.ak-auth-aside__security > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 50%;
    background: rgba(212, 182, 129, .13);
    color: #d4b681;
    font-size: 15px;
}

.ak-auth-aside__security > span {
    display: flex;
    flex-direction: column;
}

.ak-auth-aside__security strong {
    margin-bottom: 2px;
    color: rgba(255, 255, 255, .92);
    font-size: 13px;
}

.ak-auth-workspace {
    min-height: 790px;
    padding: clamp(34px, 4.5vw, 64px) clamp(26px, 5vw, 74px);
    background: #fff;
}

.ak-auth-tabs {
    display: flex;
    width: 100%;
    margin-bottom: 42px;
    border-bottom: 1px solid rgba(17, 17, 17, .13);
}

.ak-auth-tab {
    position: relative;
    width: 50%;
    min-height: 54px;
    padding: 0 15px;
    border: 0;
    background: transparent;
    color: #858179;
    font-family: "Urbanist", sans-serif;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
}

.ak-auth-tab::after {
    position: absolute;
    right: 0;
    bottom: -1px;
    left: 0;
    height: 2px;
    background: var(--ak-stone-dark);
    content: "";
    transform: scaleX(0);
    transition: transform .25s ease;
}

.ak-auth-tab:hover,
.ak-auth-tab.is-active {
    color: var(--ak-ink);
}

.ak-auth-tab.is-active::after {
    transform: scaleX(1);
}

.ak-auth-panel[hidden] {
    display: none !important;
}

.ak-auth-heading {
    max-width: 680px;
    margin-bottom: 32px;
}

.ak-auth-heading h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(38px, 4vw, 50px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.03em;
}

.ak-auth-heading p {
    max-width: 620px;
    margin: 15px 0 0;
    color: #74716b;
    font-size: 14px;
    line-height: 1.7;
}

.ak-auth-field {
    position: relative;
    margin-bottom: 22px;
}

.ak-auth-field > label,
.ak-auth-label-row label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin: 0 0 9px;
    color: #3d3c38;
    font-size: 12px;
    font-weight: 800;
}

.ak-auth-field label em {
    color: var(--ak-stone-dark);
    font-style: normal;
}

.ak-auth-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.ak-auth-label-row > a {
    margin-bottom: 9px;
    color: var(--ak-stone-dark);
    font-size: 12px;
    font-weight: 700;
}

.ak-auth-control {
    display: flex;
    align-items: center;
    width: 100%;
    height: 58px;
    border: 1px solid rgba(17, 17, 17, .14);
    background: #faf8f4;
    transition: border-color .25s ease, background .25s ease, box-shadow .25s ease;
}

.ak-auth-control:focus-within {
    border-color: var(--ak-stone-dark);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(184, 149, 95, .11);
}

.ak-auth-control.is-invalid {
    border-color: #b42318;
    background: #fff7f6;
}

.ak-auth-control > i:first-child {
    width: 48px;
    flex: 0 0 48px;
    color: #99958d;
    font-size: 14px;
    text-align: center;
}

.ak-auth-control input {
    width: 100%;
    min-width: 0;
    height: 56px;
    padding: 0 15px 0 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ak-ink);
    font-family: "Urbanist", sans-serif;
    font-size: 14px;
    font-weight: 500;
}

.ak-auth-control input::placeholder {
    color: #aaa69e;
    opacity: 1;
}

.ak-auth-phone-prefix {
    margin-right: 9px;
    padding-right: 10px;
    border-right: 1px solid rgba(17, 17, 17, .12);
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 700;
}

.ak-auth-password-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-width: 82px;
    height: 42px;
    margin-right: 7px;
    padding: 0 10px;
    border: 0;
    background: transparent;
    color: #77736c;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.ak-auth-password-toggle--icon {
    width: 44px;
    min-width: 44px;
    padding: 0;
}

.ak-auth-help {
    display: block;
    margin-top: 7px;
    color: #8b877f;
    font-size: 12px;
    line-height: 1.45;
}

.ak-auth-error {
    display: none;
    margin-top: 7px;
    color: #b42318;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.45;
}

.ak-auth-error.is-visible {
    display: block;
}

.ak-auth-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    width: 100%;
    min-height: 58px;
    margin-top: 4px;
    padding: 0 28px;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: #fff;
    font-family: "Urbanist", sans-serif;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    transition: transform .25s ease, background .25s ease, border-color .25s ease;
}

.ak-auth-submit:hover {
    border-color: var(--ak-stone-dark);
    background: var(--ak-stone-dark);
    color: #fff;
    transform: translateY(-2px);
}

.ak-auth-submit > i {
    display: none;
}

.ak-auth-submit.is-loading {
    pointer-events: none;
    opacity: .78;
}

.ak-auth-submit.is-loading > i {
    display: inline-block;
}

.ak-auth-switch {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 24px;
    color: #817d76;
    font-size: 12px;
}

.ak-auth-switch button {
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--ak-stone-dark);
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.ak-auth-consent label {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin: 0;
    color: #74716b;
    font-size: 12px;
    line-height: 1.6;
    cursor: pointer;
}

.ak-auth-consent input {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin: 1px 0 0;
    accent-color: var(--ak-stone-dark);
}

.ak-auth-consent a {
    color: var(--ak-ink);
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ak-auth-password-meter {
    margin-top: -12px;
    margin-bottom: 7px;
}

.ak-auth-password-meter > div {
    display: flex;
    gap: 5px;
}

.ak-auth-password-meter > div span {
    width: 25%;
    height: 3px;
    background: #e5e0d8;
}

.ak-auth-password-meter small {
    display: block;
    margin-top: 7px;
    color: #8b877f;
    font-size: 12px;
}

.ak-auth-password-meter.is-level-1 > div span:nth-child(1) {
    background: #b42318;
}

.ak-auth-password-meter.is-level-2 > div span:nth-child(-n+2) {
    background: #b47a26;
}

.ak-auth-password-meter.is-level-3 > div span:nth-child(-n+3) {
    background: #84743e;
}

.ak-auth-password-meter.is-level-4 > div span {
    background: #367452;
}

.ak-auth-status {
    display: none;
    min-height: 50px;
    margin: -18px 0 27px;
    padding: 13px 16px;
    border-left: 3px solid var(--ak-stone-dark);
    background: #f7f3eb;
    color: #4f493f;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
}

.ak-auth-status.is-visible {
    display: block;
}

.ak-auth-status.is-success {
    border-left-color: #28734d;
    background: #f0faf4;
    color: #1e6040;
}

.ak-auth-status.is-error {
    border-left-color: #b42318;
    background: #fff5f4;
    color: #8d2119;
}

@media (max-width: 991.98px) {
    .ak-auth-aside,
    .ak-auth-workspace {
        min-height: auto;
    }

    .ak-auth-aside__security {
        margin-top: 38px;
    }
}

@media (max-width: 767.98px) {
    .ak-auth-page {
        padding: 58px 0 76px;
    }

    .ak-auth-page::before,
    .ak-auth-page::after {
        display: none;
    }

    .ak-auth-aside__content,
    .ak-auth-workspace {
        padding: 38px 26px;
    }

    .ak-auth-aside h2 {
        font-size: 42px;
    }

    .ak-auth-heading h2 {
        font-size: 40px;
    }
}

@media (max-width: 575.98px) {
    .ak-auth-aside__content,
    .ak-auth-workspace {
        padding-right: 21px;
        padding-left: 21px;
    }

    .ak-auth-benefit__number {
        display: none;
    }

    .ak-auth-switch,
    .ak-auth-label-row {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-auth-label-row {
        gap: 0;
    }

    .ak-auth-label-row > a {
        margin-top: -3px;
        margin-bottom: 10px;
    }

    .ak-auth-password-toggle {
        width: 44px;
        min-width: 44px;
        padding: 0;
    }

    .ak-auth-password-toggle span {
        display: none;
    }
}

/* =========================================================
   E-POSTA DOGRULAMA
========================================================= */

.ak-verify-page {
    position: relative;
    padding: clamp(72px, 7vw, 110px) 0 clamp(82px, 8vw, 126px);
    overflow: hidden;
    background: #f4f0e8;
    font-family: "Urbanist", sans-serif;
}

.ak-verify-page::before,
.ak-verify-page::after {
    position: absolute;
    border: 1px solid rgba(180, 148, 95, .14);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-verify-page::before {
    top: 70px;
    right: -190px;
    width: 470px;
    height: 470px;
}

.ak-verify-page::after {
    bottom: -210px;
    left: -170px;
    width: 430px;
    height: 430px;
}

.ak-verify-page .container {
    position: relative;
    z-index: 1;
}

.ak-verify-shell {
    overflow: hidden;
    border: 1px solid rgba(24, 23, 20, .12);
    background: #fff;
    box-shadow: 0 32px 85px rgba(23, 21, 17, .13);
}

.ak-verify-aside {
    position: relative;
    height: 100%;
    min-height: 720px;
    overflow: hidden;
    background: #181816;
    color: #fff;
}

.ak-verify-aside::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: var(--ak-stone);
    content: "";
}

.ak-verify-aside__rings {
    position: absolute;
    right: -180px;
    bottom: -180px;
    width: 450px;
    height: 450px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 50%;
}

.ak-verify-aside__rings span {
    position: absolute;
    border: 1px solid rgba(255, 255, 255, .07);
    border-radius: 50%;
}

.ak-verify-aside__rings span:nth-child(1) {
    inset: 62px;
}

.ak-verify-aside__rings span:nth-child(2) {
    inset: 124px;
}

.ak-verify-aside__rings span:nth-child(3) {
    inset: 186px;
}

.ak-verify-aside__content {
    position: relative;
    z-index: 1;
    display: flex;
    height: 100%;
    flex-direction: column;
    padding: clamp(44px, 4vw, 62px) clamp(30px, 4vw, 54px);
}

.ak-verify-aside__kicker {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 22px;
    color: #d4b681;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
}

.ak-verify-aside__kicker::before {
    width: 28px;
    height: 1px;
    background: currentColor;
    content: "";
}

.ak-verify-aside h2 {
    max-width: 460px;
    margin: 0;
    color: #fff;
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(40px, 4vw, 52px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.03em;
}

.ak-verify-aside__content > p {
    max-width: 450px;
    margin: 22px 0 0;
    color: rgba(255, 255, 255, .64);
    font-size: 14px;
    line-height: 1.75;
}

.ak-verify-steps {
    margin-top: 38px;
    border-top: 1px solid rgba(255, 255, 255, .12);
}

.ak-verify-step {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.ak-verify-step__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50%;
    color: rgba(255, 255, 255, .55);
    font-size: 13px;
}

.ak-verify-step.is-complete .ak-verify-step__icon {
    border-color: rgba(212, 182, 129, .35);
    background: rgba(212, 182, 129, .12);
    color: #d4b681;
}

.ak-verify-step.is-active .ak-verify-step__icon {
    border-color: #d4b681;
    background: #d4b681;
    color: #181816;
}

.ak-verify-step strong {
    display: block;
    margin-bottom: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.ak-verify-step p {
    margin: 0;
    color: rgba(255, 255, 255, .53);
    font-size: 12px;
    line-height: 1.55;
}

.ak-verify-aside__secure {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: auto;
    padding-top: 34px;
    color: rgba(255, 255, 255, .57);
    font-size: 12px;
    line-height: 1.5;
}

.ak-verify-aside__secure > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border-radius: 50%;
    background: rgba(212, 182, 129, .13);
    color: #d4b681;
}

.ak-verify-aside__secure > span {
    display: flex;
    flex-direction: column;
}

.ak-verify-aside__secure strong {
    margin-bottom: 2px;
    color: rgba(255, 255, 255, .92);
    font-size: 13px;
}

.ak-verify-workspace {
    display: flex;
    min-height: 720px;
    flex-direction: column;
    justify-content: center;
    padding: clamp(42px, 5vw, 72px) clamp(26px, 6vw, 82px);
    background: #fff;
}

.ak-verify-icon {
    display: flex;
    margin-bottom: 27px;
}

.ak-verify-icon > span {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border: 1px solid rgba(184, 149, 95, .28);
    border-radius: 50%;
    background: #f7f3eb;
    color: var(--ak-stone-dark);
    font-size: 25px;
}

.ak-verify-icon > span::after {
    position: absolute;
    right: -4px;
    bottom: 3px;
    width: 19px;
    height: 19px;
    border: 4px solid #fff;
    border-radius: 50%;
    background: #3b7655;
    content: "";
}

.ak-verify-heading {
    max-width: 620px;
}

.ak-verify-heading h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(40px, 4vw, 52px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.03em;
}

.ak-verify-heading p {
    margin: 16px 0 0;
    color: #74716b;
    font-size: 14px;
    line-height: 1.7;
}

.ak-verify-email {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 25px;
    padding: 15px 17px;
    border-left: 3px solid var(--ak-stone);
    background: #f7f4ed;
}

.ak-verify-email > i {
    color: var(--ak-stone-dark);
    font-size: 17px;
}

.ak-verify-email > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ak-verify-email small {
    margin-bottom: 2px;
    color: #8a857c;
    font-size: 11px;
}

.ak-verify-email strong {
    overflow: hidden;
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 800;
    text-overflow: ellipsis;
}

.ak-verify-form {
    margin-top: 30px;
}

.ak-verify-label {
    display: block;
    margin-bottom: 10px;
    color: #3d3c38;
    font-size: 12px;
    font-weight: 800;
}

.ak-verify-otp {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ak-verify-otp input {
    width: calc((100% - 50px) / 6);
    min-width: 0;
    height: 64px;
    border: 1px solid rgba(17, 17, 17, .15);
    outline: 0;
    background: #faf8f4;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.ak-verify-otp input:focus {
    border-color: var(--ak-stone-dark);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(184, 149, 95, .12);
}

.ak-verify-otp.is-invalid input {
    border-color: #b42318;
    background: #fff7f6;
}

.ak-verify-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    width: 100%;
    min-height: 58px;
    margin-top: 20px;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: #fff;
    font-family: "Urbanist", sans-serif;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    transition: transform .25s ease, background .25s ease, border-color .25s ease;
}

.ak-verify-submit:hover {
    border-color: var(--ak-stone-dark);
    background: var(--ak-stone-dark);
    color: #fff;
    transform: translateY(-2px);
}

.ak-verify-submit > i {
    display: none;
}

.ak-verify-submit.is-loading > i {
    display: inline-block;
}

.ak-verify-submit.is-loading {
    pointer-events: none;
    opacity: .8;
}

.ak-verify-status {
    display: none;
    margin-top: 14px;
    padding: 12px 14px;
    border-left: 3px solid var(--ak-stone-dark);
    background: #f7f3eb;
    color: #4f493f;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
}

.ak-verify-status.is-visible {
    display: block;
}

.ak-verify-status.is-success {
    border-left-color: #28734d;
    background: #f0faf4;
    color: #1e6040;
}

.ak-verify-status.is-error {
    border-left-color: #b42318;
    background: #fff5f4;
    color: #8d2119;
}

.ak-verify-resend {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-top: 21px;
    color: #817d76;
    font-size: 12px;
}

.ak-verify-resend button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--ak-stone-dark);
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.ak-verify-resend button:disabled {
    color: #aaa59c;
    cursor: default;
}

.ak-verify-logout {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: 100%;
    margin-top: 22px;
    padding: 14px;
    border: 0;
    border-top: 1px solid rgba(17, 17, 17, .1);
    background: transparent;
    color: #77736c;
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.ak-verify-logout:hover {
    color: #a33a31;
}

.ak-verify-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 28px;
    padding-top: 22px;
    border-top: 1px solid rgba(17, 17, 17, .1);
    color: #868179;
}

.ak-verify-note i {
    margin-top: 3px;
    color: var(--ak-stone-dark);
    font-size: 13px;
}

.ak-verify-note p {
    margin: 0;
    font-size: 11px;
    line-height: 1.65;
}

@media (max-width: 991.98px) {
    .ak-verify-aside,
    .ak-verify-workspace {
        min-height: auto;
    }

    .ak-verify-aside__secure {
        margin-top: 36px;
    }
}

@media (max-width: 767.98px) {
    .ak-verify-page {
        padding: 58px 0 76px;
    }

    .ak-verify-page::before,
    .ak-verify-page::after {
        display: none;
    }

    .ak-verify-aside__content,
    .ak-verify-workspace {
        padding: 38px 26px;
    }

    .ak-verify-aside h2,
    .ak-verify-heading h2 {
        font-size: 40px;
    }
}

@media (max-width: 575.98px) {
    .ak-verify-aside__content,
    .ak-verify-workspace {
        padding-right: 21px;
        padding-left: 21px;
    }

    .ak-verify-otp {
        gap: 6px;
    }

    .ak-verify-otp input {
        width: calc((100% - 30px) / 6);
        height: 55px;
        font-size: 24px;
    }

    .ak-verify-resend {
        align-items: flex-start;
        flex-direction: column;
    }
}


/* =========================================================
   SIFRE SIFIRLAMA
========================================================= */

.ak-reset-workspace {
    justify-content: center;
}

.ak-reset-panel[hidden] {
    display: none !important;
}

.ak-reset-panel {
    width: 100%;
}

.ak-reset-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    height: 68px;
    margin-bottom: 26px;
    border: 1px solid rgba(184, 149, 95, .28);
    border-radius: 50%;
    background: #f7f3eb;
    color: var(--ak-stone-dark);
    font-size: 22px;
}

.ak-reset-steps {
    margin-top: 40px;
    border-top: 1px solid rgba(255, 255, 255, .12);
}

.ak-reset-step {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 21px 0;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
    opacity: .5;
    transition: opacity .25s ease;
}

.ak-reset-step.is-active,
.ak-reset-step.is-complete {
    opacity: 1;
}

.ak-reset-step__number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
    color: rgba(255, 255, 255, .7);
    font-size: 11px;
    font-weight: 700;
}

.ak-reset-step.is-active .ak-reset-step__number {
    border-color: #d4b681;
    background: #d4b681;
    color: #181816;
}

.ak-reset-step.is-complete .ak-reset-step__number {
    border-color: rgba(212, 182, 129, .35);
    background: rgba(212, 182, 129, .12);
    color: #d4b681;
}

.ak-reset-step strong {
    display: block;
    margin-bottom: 4px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.ak-reset-step p {
    margin: 0;
    color: rgba(255, 255, 255, .55);
    font-size: 12px;
    line-height: 1.55;
}

.ak-reset-email-info {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 25px;
    padding: 14px 17px;
    border-left: 3px solid var(--ak-stone);
    background: #f7f4ed;
}

.ak-reset-email-info > i {
    color: var(--ak-stone-dark);
    font-size: 16px;
}

.ak-reset-email-info > span {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ak-reset-email-info small {
    margin-bottom: 2px;
    color: #8a857c;
    font-size: 11px;
}

.ak-reset-email-info strong {
    overflow: hidden;
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 700;
    text-overflow: ellipsis;
}

.ak-reset-code-control input {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: .22em;
}

.ak-reset-back {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    margin-top: 21px;
    color: #77736c;
    font-size: 12px;
    font-weight: 700;
}

.ak-reset-back:hover {
    color: var(--ak-stone-dark);
}

.ak-reset-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 22px;
}

.ak-reset-action {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #77736c;
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.ak-reset-action:hover {
    color: var(--ak-stone-dark);
}

.ak-reset-action:disabled {
    color: #aaa69e;
    cursor: default;
}

@media (max-width: 575.98px) {
    .ak-reset-actions {
        align-items: flex-start;
        flex-direction: column;
    }
}


/* =========================================================
   SIPARISLERIM
========================================================= */

.ak-orders-page {
    position: relative;
    padding: clamp(70px, 7vw, 105px) 0 clamp(82px, 8vw, 125px);
    overflow: hidden;
    background: #f5f1e9;
    font-family: "Urbanist", sans-serif;
}

.ak-orders-page::before {
    position: absolute;
    top: 90px;
    right: -210px;
    width: 500px;
    height: 500px;
    border: 1px solid rgba(183, 149, 94, .13);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-orders-page .container {
    position: relative;
    z-index: 1;
}

.ak-orders-intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 34px;
    padding: clamp(30px, 4vw, 48px);
    border: 1px solid rgba(23, 22, 19, .12);
    background: #fff;
    box-shadow: 0 24px 60px rgba(22, 20, 17, .08);
}

.ak-orders-intro__content {
    max-width: 760px;
}

.ak-orders-intro h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(40px, 4.5vw, 56px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.035em;
}

.ak-orders-intro p {
    max-width: 700px;
    margin: 17px 0 0;
    color: #74716b;
    font-size: 14px;
    line-height: 1.75;
}

.ak-orders-intro__actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
}

.ak-orders-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
    gap: 9px;
    padding: 0 20px;
    border: 1px solid rgba(23, 22, 19, .15);
    font-size: 12px;
    font-weight: 800;
    transition: background .22s ease, border-color .22s ease, color .22s ease;
}

.ak-orders-link--light {
    background: #fff;
    color: var(--ak-ink);
}

.ak-orders-link--light:hover {
    border-color: var(--ak-stone-dark);
    color: var(--ak-stone-dark);
}

.ak-orders-link--dark {
    border-color: var(--ak-ink);
    background: var(--ak-ink);
    color: #fff;
}

.ak-orders-link--dark:hover {
    border-color: var(--ak-stone-dark);
    background: var(--ak-stone-dark);
    color: #fff;
}

.ak-orders-summary {
    margin-bottom: 24px;
}

.ak-orders-stat {
    display: flex;
    min-height: 112px;
    align-items: center;
    gap: 15px;
    padding: 21px;
    border: 1px solid rgba(23, 22, 19, .11);
    background: #fff;
    box-shadow: 0 16px 38px rgba(22, 20, 17, .06);
}

.ak-orders-stat__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    border: 1px solid rgba(184, 149, 95, .25);
    border-radius: 50%;
    background: #f7f3eb;
    color: var(--ak-stone-dark);
    font-size: 14px;
}

.ak-orders-stat > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ak-orders-stat small {
    margin-bottom: 5px;
    color: #858078;
    font-size: 11px;
    font-weight: 700;
}

.ak-orders-stat strong {
    overflow: hidden;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ak-orders-toolbar {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 20px;
    padding: 17px;
    border: 1px solid rgba(23, 22, 19, .11);
    background: #fff;
}

.ak-orders-search,
.ak-orders-filter {
    display: flex;
    min-height: 52px;
    align-items: center;
    border: 1px solid rgba(23, 22, 19, .13);
    background: #faf8f4;
}

.ak-orders-search {
    position: relative;
    min-width: 260px;
    flex: 1;
}

.ak-orders-search > i,
.ak-orders-filter > i {
    width: 45px;
    flex: 0 0 45px;
    color: #928d84;
    font-size: 13px;
    text-align: center;
}

.ak-orders-search input,
.ak-orders-filter select {
    width: 100%;
    min-width: 0;
    height: 50px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ak-ink);
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.ak-orders-search input {
    padding: 0 45px 0 0;
}

.ak-orders-search button {
    position: absolute;
    top: 50%;
    right: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 0;
    background: transparent;
    color: #817c74;
    cursor: pointer;
    transform: translateY(-50%);
}

.ak-orders-filter {
    width: 230px;
    flex: 0 0 230px;
}

.ak-orders-filter select {
    padding: 0 12px 0 0;
    cursor: pointer;
}

.ak-orders-result-count {
    display: flex;
    min-width: 150px;
    flex: 0 0 auto;
    justify-content: flex-end;
    gap: 5px;
    color: #858078;
    font-size: 11px;
}

.ak-orders-result-count strong {
    color: var(--ak-ink);
}

.ak-orders-status {
    display: none;
    margin-bottom: 20px;
    padding: 14px 17px;
    border-left: 3px solid #b42318;
    background: #fff5f4;
    color: #8d2119;
    font-size: 12px;
    font-weight: 700;
}

.ak-orders-status.is-visible {
    display: block;
}

.ak-orders-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ak-order-card {
    border: 1px solid rgba(23, 22, 19, .12);
    background: #fff;
    box-shadow: 0 18px 44px rgba(22, 20, 17, .065);
    transition: border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}

.ak-order-card:hover {
    border-color: rgba(184, 149, 95, .38);
    box-shadow: 0 22px 52px rgba(22, 20, 17, .1);
    transform: translateY(-2px);
}

.ak-order-card__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    padding: 21px 24px;
    border-bottom: 1px solid rgba(23, 22, 19, .09);
}

.ak-order-card__identity {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 13px;
}

.ak-order-card__number-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    border: 1px solid rgba(184, 149, 95, .26);
    border-radius: 50%;
    background: #f8f4ec;
    color: var(--ak-stone-dark);
    font-size: 13px;
}

.ak-order-card__identity > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ak-order-card__identity small {
    margin-bottom: 3px;
    color: #928d84;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
}

.ak-order-card__identity strong {
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 22px;
    font-weight: 700;
}

.ak-order-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 11px;
    font-size: 10px;
    font-weight: 800;
}

.ak-order-status::before {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: currentColor;
    content: "";
}

.ak-order-status--pending {
    background: #fff8e8;
    color: #98702c;
}

.ak-order-status--approved {
    background: #eef6ff;
    color: #346b9b;
}

.ak-order-status--shipping {
    background: #f3efff;
    color: #6e51a1;
}

.ak-order-status--delivered {
    background: #eff8f2;
    color: #286b49;
}

.ak-order-status--unapproved {
    background: #fff2f1;
    color: #9c332b;
}

.ak-order-card__body {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 24px;
}

.ak-order-card__meta {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    gap: 34px;
}

.ak-order-meta {
    display: flex;
    min-width: 110px;
    flex-direction: column;
}

.ak-order-meta small {
    margin-bottom: 5px;
    color: #918c83;
    font-size: 10px;
    font-weight: 700;
}

.ak-order-meta strong {
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 800;
}

.ak-order-card__total strong {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 23px;
}

.ak-order-card__detail {
    display: inline-flex;
    min-height: 47px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 18px;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

.ak-order-card__detail:hover {
    border-color: var(--ak-stone-dark);
    background: var(--ak-stone-dark);
    color: #fff;
}

.ak-order-card__progress {
    display: flex;
    align-items: flex-start;
    padding: 0 24px 24px;
}

.ak-order-progress-step {
    position: relative;
    display: flex;
    width: 25%;
    align-items: center;
    flex-direction: column;
    color: #aaa59d;
    text-align: center;
}

.ak-order-progress-step::before {
    width: 12px;
    height: 12px;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #d8d3cb;
    box-shadow: 0 0 0 1px #d8d3cb;
    content: "";
    z-index: 2;
}

.ak-order-progress-step::after {
    position: absolute;
    top: 5px;
    left: 50%;
    width: 100%;
    height: 1px;
    background: #ddd8d0;
    content: "";
}

.ak-order-progress-step:last-child::after {
    display: none;
}

.ak-order-progress-step span {
    margin-top: 9px;
    font-size: 9px;
    font-weight: 800;
}

.ak-order-progress-step.is-complete {
    color: var(--ak-stone-dark);
}

.ak-order-progress-step.is-complete::before {
    background: var(--ak-stone-dark);
    box-shadow: 0 0 0 1px var(--ak-stone-dark);
}

.ak-order-progress-step.is-complete::after {
    background: var(--ak-stone-dark);
}

.ak-order-card.is-unapproved .ak-order-card__progress {
    display: none;
}

.ak-orders-loading {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.ak-orders-skeleton {
    display: flex;
    min-height: 150px;
    flex-direction: column;
    gap: 15px;
    padding: 25px;
    border: 1px solid rgba(23, 22, 19, .09);
    background: #fff;
}

.ak-orders-skeleton span {
    display: block;
    height: 17px;
    border-radius: 4px;
    background: linear-gradient(
        90deg,
        #f1eee8 25%,
        #faf8f4 50%,
        #f1eee8 75%
    );
    background-size: 200% 100%;
    animation: akOrdersSkeleton 1.4s linear infinite;
}

.ak-orders-skeleton span:nth-child(1) {
    width: 28%;
}

.ak-orders-skeleton span:nth-child(2) {
    width: 55%;
}

.ak-orders-skeleton span:nth-child(3) {
    width: 42%;
}

@keyframes akOrdersSkeleton {
    from {
        background-position: 200% 0;
    }

    to {
        background-position: -200% 0;
    }
}

.ak-orders-empty {
    display: flex;
    min-height: 360px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 45px 25px;
    border: 1px dashed rgba(23, 22, 19, .17);
    background: #fff;
    text-align: center;
}

.ak-orders-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    margin-bottom: 23px;
    border: 1px solid rgba(184, 149, 95, .26);
    border-radius: 50%;
    background: #f8f4ec;
    color: var(--ak-stone-dark);
    font-size: 24px;
}

.ak-orders-empty h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 31px;
    font-weight: 600;
    letter-spacing: -.025em;
}

.ak-orders-empty p {
    max-width: 490px;
    margin: 11px 0 22px;
    color: #817d75;
    font-size: 13px;
    line-height: 1.7;
}

.ak-orders-empty > a {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 21px;
    background: var(--ak-ink);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

.ak-orders-empty > a:hover {
    background: var(--ak-stone-dark);
    color: #fff;
}

@media (max-width: 991.98px) {
    .ak-orders-intro {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-orders-toolbar {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .ak-orders-search {
        width: 100%;
        flex-basis: 100%;
    }

    .ak-orders-filter {
        flex: 1;
    }

    .ak-order-card__body {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-order-card__detail {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .ak-orders-page {
        padding: 58px 0 76px;
    }

    .ak-orders-page::before {
        display: none;
    }

    .ak-orders-intro {
        padding: 29px 23px;
    }

    .ak-orders-intro__actions {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .ak-orders-link {
        width: 100%;
    }

    .ak-order-card__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-order-card__meta {
        width: 100%;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: 19px;
    }

    .ak-order-meta {
        width: calc(50% - 10px);
        min-width: 0;
    }

    .ak-order-card__progress {
        overflow-x: auto;
    }

    .ak-order-progress-step {
        min-width: 95px;
    }
}

@media (max-width: 575.98px) {
    .ak-orders-filter,
    .ak-orders-result-count {
        width: 100%;
        flex-basis: 100%;
    }

    .ak-orders-result-count {
        justify-content: flex-start;
    }

    .ak-order-card__header,
    .ak-order-card__body {
        padding-right: 19px;
        padding-left: 19px;
    }

    .ak-order-card__progress {
        padding-right: 19px;
        padding-left: 19px;
    }
}


/* =========================================================
   MUSTERI HESABI
========================================================= */

.ak-account-page {
    position: relative;
    padding: clamp(70px, 7vw, 105px) 0 clamp(82px, 8vw, 125px);
    overflow: hidden;
    background: #f5f1e9;
    font-family: "Urbanist", sans-serif;
}

.ak-account-page::before {
    position: absolute;
    top: 90px;
    right: -210px;
    width: 500px;
    height: 500px;
    border: 1px solid rgba(183, 149, 94, .13);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-account-page .container {
    position: relative;
    z-index: 1;
}

.ak-account-sidebar {
    position: sticky;
    top: 105px;
    overflow: hidden;
    border: 1px solid rgba(23, 22, 19, .12);
    background: #191917;
    color: #fff;
    box-shadow: 0 25px 65px rgba(22, 20, 17, .12);
}

.ak-account-sidebar::before {
    display: block;
    width: 100%;
    height: 4px;
    background: var(--ak-stone);
    content: "";
}

.ak-account-member {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 28px 24px;
    border-bottom: 1px solid rgba(255, 255, 255, .11);
}

.ak-account-member__avatar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    border: 1px solid rgba(212, 182, 129, .35);
    border-radius: 50%;
    background: rgba(212, 182, 129, .12);
    color: #d4b681;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.ak-account-member__content {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ak-account-member__content > span {
    color: rgba(255, 255, 255, .5);
    font-size: 11px;
}

.ak-account-member__content strong {
    margin-top: 2px;
    overflow: hidden;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ak-account-member__content small {
    margin-top: 3px;
    overflow: hidden;
    color: rgba(255, 255, 255, .52);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ak-account-navigation {
    display: flex;
    flex-direction: column;
    padding: 13px;
}

.ak-account-navigation__item {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 52px;
    gap: 12px;
    padding: 8px 11px;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    background: transparent;
    color: rgba(255, 255, 255, .68);
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-align: left;
    cursor: pointer;
    transition: background .22s ease, color .22s ease;
}

.ak-account-navigation__item:hover,
.ak-account-navigation__item.is-active {
    background: rgba(212, 182, 129, .1);
    color: #fff;
}

.ak-account-navigation__item.is-active {
    color: #d4b681;
}

.ak-account-navigation__item > span:nth-child(2) {
    min-width: 0;
    flex: 1;
}

.ak-account-navigation__item > i:last-child {
    color: rgba(255, 255, 255, .28);
    font-size: 9px;
}

.ak-account-navigation__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
    font-size: 11px;
}

.ak-account-logout {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 26px);
    min-height: 48px;
    gap: 9px;
    margin: 0 13px 17px;
    border: 1px solid rgba(255, 255, 255, .13);
    background: transparent;
    color: rgba(255, 255, 255, .62);
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
}

.ak-account-logout:hover {
    border-color: rgba(201, 80, 67, .5);
    color: #ef9e94;
}

.ak-account-logout > i:last-child {
    display: none;
}

.ak-account-logout.is-loading > i:last-child {
    display: inline-block;
}

.ak-account-main {
    min-height: 700px;
    padding: clamp(28px, 4vw, 52px);
    border: 1px solid rgba(23, 22, 19, .12);
    background: #fff;
    box-shadow: 0 25px 65px rgba(22, 20, 17, .1);
}

.ak-account-main__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 32px;
    padding-bottom: 28px;
    border-bottom: 1px solid rgba(23, 22, 19, .1);
}

.ak-account-main__heading h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(38px, 4vw, 50px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.03em;
}

.ak-account-main__heading p {
    max-width: 610px;
    margin: 12px 0 0;
    color: #74716b;
    font-size: 13px;
    line-height: 1.7;
}

.ak-account-secure-badge {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    gap: 8px;
    padding: 10px 13px;
    border: 1px solid rgba(44, 115, 76, .2);
    background: #f1faf4;
    color: #286b49;
    font-size: 11px;
    font-weight: 800;
}

.ak-account-panel[hidden] {
    display: none !important;
}

.ak-account-panel__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 30px;
}

.ak-account-panel__header > div > span {
    display: inline-block;
    margin-bottom: 6px;
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.ak-account-panel__header h3,
.ak-account-address__header h4 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.025em;
}

.ak-account-panel__header h3 {
    font-size: 31px;
}

.ak-account-panel__header p {
    max-width: 620px;
    margin: 9px 0 0;
    color: #77736c;
    font-size: 13px;
    line-height: 1.65;
}

.ak-account-panel__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    border: 1px solid rgba(184, 149, 95, .25);
    border-radius: 50%;
    background: #f8f4ec;
    color: var(--ak-stone-dark);
}

.ak-account-field label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 8px;
    color: #45433e;
    font-size: 12px;
    font-weight: 800;
}

.ak-account-field label em {
    color: #a83930;
    font-style: normal;
}

.ak-account-control {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 56px;
    border: 1px solid rgba(23, 22, 19, .14);
    background: #faf8f4;
    transition: border-color .22s ease, box-shadow .22s ease, background .22s ease;
}

.ak-account-control:focus-within {
    border-color: var(--ak-stone-dark);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(184, 149, 95, .1);
}

.ak-account-control.is-readonly {
    background: #f1eee8;
}

.ak-account-control > i:first-child {
    width: 46px;
    flex: 0 0 46px;
    color: #99938a;
    font-size: 13px;
    text-align: center;
}

.ak-account-control input,
.ak-account-control select,
.ak-account-control textarea {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ak-ink);
    font-family: "Urbanist", sans-serif;
    font-size: 13px;
    font-weight: 500;
}

.ak-account-control input,
.ak-account-control select {
    height: 54px;
    padding: 0 14px;
}

.ak-account-control > i + input,
.ak-account-control > i + select {
    padding-left: 0;
}

.ak-account-control textarea {
    min-height: 110px;
    padding: 14px;
    resize: vertical;
}

.ak-account-control--textarea {
    align-items: flex-start;
}

.ak-account-phone-prefix {
    margin-left: 14px;
    padding-right: 10px;
    border-right: 1px solid rgba(23, 22, 19, .12);
    color: #4d4a44;
    font-size: 12px;
    font-weight: 800;
}

.ak-account-field > small:not(.ak-account-field__note) {
    display: none;
    margin-top: 6px;
    color: #b42318;
    font-size: 11px;
    font-weight: 600;
}

.ak-account-field > small.is-visible {
    display: block;
}

.ak-account-field__note {
    display: block;
    margin-top: 7px;
    color: #8b877f;
    font-size: 11px;
    line-height: 1.5;
}

.ak-account-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 220px;
    min-height: 54px;
    gap: 10px;
    padding: 0 25px;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: #fff;
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
    transition: transform .22s ease, background .22s ease, border-color .22s ease;
}

.ak-account-submit:hover {
    border-color: var(--ak-stone-dark);
    background: var(--ak-stone-dark);
    color: #fff;
    transform: translateY(-2px);
}

.ak-account-submit > i {
    display: none;
}

.ak-account-submit.is-loading {
    pointer-events: none;
    opacity: .78;
}

.ak-account-submit.is-loading > i {
    display: inline-block;
}

.ak-account-status {
    display: none;
    margin-bottom: 25px;
    padding: 13px 16px;
    border-left: 3px solid var(--ak-stone-dark);
    background: #f7f3eb;
    color: #4f493f;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.55;
}

.ak-account-status.is-visible {
    display: block;
}

.ak-account-status.is-success {
    border-left-color: #28734d;
    background: #f0faf4;
    color: #1e6040;
}

.ak-account-status.is-error {
    border-left-color: #b42318;
    background: #fff5f4;
    color: #8d2119;
}

.ak-account-address {
    padding: clamp(21px, 3vw, 31px);
    border: 1px solid rgba(23, 22, 19, .12);
    background: #fdfcf9;
}

.ak-account-address__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 26px;
    padding-bottom: 21px;
    border-bottom: 1px solid rgba(23, 22, 19, .09);
}

.ak-account-address__header > div {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.ak-account-address__number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border: 1px solid rgba(184, 149, 95, .3);
    border-radius: 50%;
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 800;
}

.ak-account-address__header h4 {
    font-size: 24px;
}

.ak-account-address__header p {
    margin: 5px 0 0;
    color: #817d75;
    font-size: 11px;
    line-height: 1.5;
}

.ak-account-address__status {
    padding: 7px 10px;
    border: 1px solid rgba(23, 22, 19, .1);
    background: #f4f0e8;
    color: #77736c;
    font-size: 10px;
    font-weight: 800;
}

.ak-account-address__status.is-saved {
    border-color: rgba(44, 115, 76, .2);
    background: #eff8f2;
    color: #286b49;
}

.ak-account-address__corporate {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 0 13px;
    border-left: 3px solid var(--ak-stone);
    background: #f5f1e9;
    color: #5f5a51;
    font-size: 11px;
    font-weight: 800;
}

.ak-account-security-note {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-bottom: 26px;
    padding: 15px 17px;
    border-left: 3px solid var(--ak-stone);
    background: #f7f4ed;
    color: #66625b;
}

.ak-account-security-note i {
    margin-top: 3px;
    color: var(--ak-stone-dark);
}

.ak-account-security-note p {
    margin: 0;
    font-size: 12px;
    line-height: 1.6;
}

.ak-account-password-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    margin-right: 4px;
    border: 0;
    background: transparent;
    color: #7c776f;
    cursor: pointer;
}

.ak-account-coupons {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.ak-account-coupon {
    position: relative;
    display: flex;
    align-items: stretch;
    overflow: hidden;
    border: 1px solid rgba(23, 22, 19, .12);
    background: #fdfcf9;
}

.ak-account-coupon::before,
.ak-account-coupon::after {
    position: absolute;
    left: 155px;
    width: 22px;
    height: 22px;
    border: 1px solid rgba(23, 22, 19, .12);
    border-radius: 50%;
    background: #fff;
    content: "";
    transform: translateX(-50%);
}

.ak-account-coupon::before {
    top: -12px;
}

.ak-account-coupon::after {
    bottom: -12px;
}

.ak-account-coupon__discount {
    display: flex;
    width: 155px;
    min-height: 135px;
    flex: 0 0 155px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-right: 1px dashed rgba(23, 22, 19, .18);
    background: #f3ede1;
    color: var(--ak-stone-dark);
}

.ak-account-coupon__discount strong {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 31px;
    font-weight: 700;
    line-height: 1;
}

.ak-account-coupon__discount span {
    margin-top: 5px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ak-account-coupon__content {
    display: flex;
    min-width: 0;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 24px 27px;
}

.ak-account-coupon__content h4 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: -.02em;
}

.ak-account-coupon__content p {
    margin: 7px 0 0;
    color: #817d75;
    font-size: 11px;
}

.ak-account-coupon__status {
    flex: 0 0 auto;
    padding: 7px 10px;
    background: #eff8f2;
    color: #286b49;
    font-size: 10px;
    font-weight: 800;
}

.ak-account-coupon__status.is-used,
.ak-account-coupon__status.is-inactive {
    background: #f2efea;
    color: #7b7770;
}

.ak-account-loading,
.ak-account-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 170px;
    gap: 10px;
    border: 1px dashed rgba(23, 22, 19, .16);
    color: #7d7972;
    font-size: 12px;
}

@media (max-width: 991.98px) {
    .ak-account-sidebar {
        position: relative;
        top: auto;
    }

    .ak-account-navigation {
        flex-direction: row;
        flex-wrap: wrap;
    }

    .ak-account-navigation__item {
        width: 50%;
    }
}

@media (max-width: 767.98px) {
    .ak-account-page {
        padding: 58px 0 76px;
    }

    .ak-account-page::before {
        display: none;
    }

    .ak-account-main {
        padding: 27px 22px;
    }

    .ak-account-main__heading,
    .ak-account-panel__header {
        flex-direction: column;
    }

    .ak-account-secure-badge {
        align-self: flex-start;
    }

    .ak-account-submit {
        width: 100%;
    }

    .ak-account-coupon {
        flex-direction: column;
    }

    .ak-account-coupon::before,
    .ak-account-coupon::after {
        display: none;
    }

    .ak-account-coupon__discount {
        width: 100%;
        min-height: 90px;
        flex-basis: auto;
        border-right: 0;
        border-bottom: 1px dashed rgba(23, 22, 19, .18);
    }

    .ak-account-coupon__content {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 575.98px) {
    .ak-account-navigation {
        flex-direction: column;
    }

    .ak-account-navigation__item {
        width: 100%;
    }

    .ak-account-address__header {
        flex-direction: column;
    }
}

/* =========================================================
   SIPARIS DETAYI
========================================================= */

.ak-order-detail-page {
    position: relative;
    padding: clamp(68px, 7vw, 104px) 0 clamp(82px, 8vw, 126px);
    overflow: hidden;
    background: #f5f1e9;
    font-family: "Urbanist", sans-serif;
}

.ak-order-detail-page::before {
    position: absolute;
    top: 80px;
    right: -220px;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(183, 149, 94, .13);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-order-detail-page .container {
    position: relative;
    z-index: 1;
}

.ak-order-detail-topbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 18px;
}

.ak-order-detail-back,
.ak-order-detail-print {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 17px;
    border: 1px solid rgba(23, 22, 19, .13);
    background: #fff;
    color: #59564f;
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.ak-order-detail-back:hover,
.ak-order-detail-print:hover {
    border-color: var(--ak-stone-dark);
    color: var(--ak-stone-dark);
}

.ak-order-detail-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    padding: clamp(29px, 4vw, 46px);
    border: 1px solid rgba(23, 22, 19, .12);
    background: #fff;
    box-shadow: 0 24px 60px rgba(22, 20, 17, .08);
}

.ak-order-detail-header__content {
    max-width: 790px;
}

.ak-order-detail-header h2 {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(40px, 4.7vw, 58px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.035em;
}

.ak-order-detail-header h2 strong {
    color: var(--ak-stone-dark);
    font-weight: 600;
}

.ak-order-detail-header p {
    max-width: 710px;
    margin: 17px 0 0;
    color: #74716b;
    font-size: 14px;
    line-height: 1.75;
}

.ak-order-detail-header__status {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-end;
    flex-direction: column;
    gap: 8px;
}

.ak-order-detail-header__status small {
    color: #8d887f;
    font-size: 11px;
    font-weight: 700;
}

.ak-order-detail-status {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 14px;
    background: #f4f0e8;
    color: #756d60;
    font-size: 11px;
    font-weight: 800;
}

.ak-order-detail-status::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: currentColor;
    content: "";
}

.ak-order-detail-status.is-pending {
    background: #fff8e8;
    color: #98702c;
}

.ak-order-detail-status.is-approved {
    background: #eef6ff;
    color: #346b9b;
}

.ak-order-detail-status.is-shipping {
    background: #f3efff;
    color: #6e51a1;
}

.ak-order-detail-status.is-delivered {
    background: #eff8f2;
    color: #286b49;
}

.ak-order-detail-status.is-unapproved {
    background: #fff2f1;
    color: #9c332b;
}

.ak-order-detail-progress {
    display: flex;
    align-items: flex-start;
    margin: 20px 0 24px;
    padding: 25px 28px 22px;
    border: 1px solid rgba(23, 22, 19, .11);
    background: #fff;
}

.ak-order-detail-progress__step {
    position: relative;
    display: flex;
    width: 25%;
    align-items: center;
    flex-direction: column;
    color: #aaa59d;
    text-align: center;
}

.ak-order-detail-progress__step::after {
    position: absolute;
    top: 22px;
    left: 50%;
    width: 100%;
    height: 1px;
    background: #ddd8d0;
    content: "";
}

.ak-order-detail-progress__step:last-child::after {
    display: none;
}

.ak-order-detail-progress__step > span {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid #d8d3cb;
    border-radius: 50%;
    background: #fff;
    color: #aaa59d;
    font-size: 13px;
}

.ak-order-detail-progress__step strong {
    margin-top: 10px;
    font-size: 11px;
    font-weight: 800;
}

.ak-order-detail-progress__step.is-complete {
    color: var(--ak-stone-dark);
}

.ak-order-detail-progress__step.is-complete::after {
    background: var(--ak-stone-dark);
}

.ak-order-detail-progress__step.is-complete > span {
    border-color: var(--ak-stone-dark);
    background: var(--ak-stone-dark);
    color: #fff;
}

.ak-order-detail-progress.is-unapproved {
    display: none;
}

.ak-order-detail-message {
    display: none;
    margin-bottom: 20px;
    padding: 14px 17px;
    border-left: 3px solid #b42318;
    background: #fff5f4;
    color: #8d2119;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.55;
}

.ak-order-detail-message.is-visible {
    display: block;
}

.ak-order-detail-panel,
.ak-order-detail-address,
.ak-order-detail-summary {
    border: 1px solid rgba(23, 22, 19, .12);
    background: #fff;
    box-shadow: 0 20px 50px rgba(22, 20, 17, .07);
}

.ak-order-detail-panel {
    padding: clamp(22px, 3vw, 32px);
}

.ak-order-detail-panel__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 25px;
    padding-bottom: 21px;
    border-bottom: 1px solid rgba(23, 22, 19, .09);
}

.ak-order-detail-panel__header > div > span,
.ak-order-detail-address__header small,
.ak-order-detail-summary__header small {
    display: block;
    margin-bottom: 5px;
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
}

.ak-order-detail-panel__header h3,
.ak-order-detail-address__header h3,
.ak-order-detail-summary__header h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.025em;
}

.ak-order-detail-panel__header h3 {
    font-size: 31px;
}

.ak-order-detail-count {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    color: #858078;
    font-size: 11px;
}

.ak-order-detail-count strong {
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 25px;
}

.ak-order-detail-items {
    display: flex;
    flex-direction: column;
}

.ak-order-detail-item {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 19px 0;
    border-bottom: 1px solid rgba(23, 22, 19, .09);
}

.ak-order-detail-item:first-child {
    padding-top: 0;
}

.ak-order-detail-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.ak-order-detail-item__image {
    display: flex;
    width: 92px;
    height: 92px;
    flex: 0 0 92px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(23, 22, 19, .1);
    background: #f5f2ec;
}

.ak-order-detail-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ak-order-detail-item__content {
    min-width: 0;
    flex: 1;
}

.ak-order-detail-item__content h4 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -.02em;
}

.ak-order-detail-item__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 16px;
    margin-top: 8px;
    color: #807b73;
    font-size: 11px;
}

.ak-order-detail-item__meta span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.ak-order-detail-item__meta strong {
    color: #4e4b45;
    font-weight: 800;
}

.ak-order-detail-item__price {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-end;
    flex-direction: column;
    gap: 5px;
}

.ak-order-detail-item__price small {
    color: #8c877f;
    font-size: 10px;
}

.ak-order-detail-item__price strong {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 24px;
    font-weight: 700;
}

.ak-order-detail-address {
    height: 100%;
    padding: 25px;
}

.ak-order-detail-address__header {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 19px;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(23, 22, 19, .09);
}

.ak-order-detail-address__header > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    border: 1px solid rgba(184, 149, 95, .26);
    border-radius: 50%;
    background: #f8f4ec;
    color: var(--ak-stone-dark);
    font-size: 13px;
}

.ak-order-detail-address__header h3 {
    font-size: 24px;
}

.ak-order-detail-address__content {
    display: flex;
    flex-direction: column;
    gap: 12px;
    color: #6f6b64;
    font-size: 12px;
    line-height: 1.65;
}

.ak-order-detail-address__content strong {
    color: var(--ak-ink);
    font-size: 14px;
    font-weight: 800;
}

.ak-order-detail-address__row {
    display: flex;
    align-items: flex-start;
    gap: 9px;
}

.ak-order-detail-address__row i {
    width: 16px;
    flex: 0 0 16px;
    margin-top: 4px;
    color: var(--ak-stone-dark);
    text-align: center;
}

.ak-order-detail-address__corporate {
    margin-top: 4px;
    padding: 12px 13px;
    border-left: 3px solid var(--ak-stone);
    background: #f7f4ed;
}

.ak-order-detail-address__corporate span {
    display: block;
    color: #746f66;
    font-size: 11px;
}

.ak-order-detail-summary {
    position: sticky;
    top: 105px;
    padding: 27px;
}

.ak-order-detail-summary__header {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 23px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(23, 22, 19, .09);
}

.ak-order-detail-summary__header > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    border: 1px solid rgba(184, 149, 95, .26);
    border-radius: 50%;
    background: #f8f4ec;
    color: var(--ak-stone-dark);
}

.ak-order-detail-summary__header h3 {
    font-size: 25px;
}

.ak-order-detail-info {
    display: flex;
    flex-direction: column;
}

.ak-order-detail-info > div,
.ak-order-detail-totals > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(23, 22, 19, .08);
}

.ak-order-detail-info span,
.ak-order-detail-totals span {
    color: #817d75;
    font-size: 11px;
}

.ak-order-detail-info strong,
.ak-order-detail-totals strong {
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 800;
    text-align: right;
}

.ak-order-payment-status {
    padding: 5px 8px;
    background: #f4f0e8;
}

.ak-order-payment-status.is-paid {
    background: #eff8f2;
    color: #286b49;
}

.ak-order-payment-status.is-failed {
    background: #fff2f1;
    color: #9c332b;
}

.ak-order-payment-status.is-waiting {
    background: #fff8e8;
    color: #98702c;
}

.ak-order-detail-totals {
    margin-top: 19px;
    padding-top: 7px;
    border-top: 1px solid rgba(23, 22, 19, .11);
}

.ak-order-detail-totals__discount strong {
    color: #a23d34;
}

.ak-order-detail-totals__grand {
    margin-top: 5px;
    padding-top: 18px !important;
    border-bottom: 0 !important;
}

.ak-order-detail-totals__grand span {
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 800;
}

.ak-order-detail-totals__grand strong {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 27px;
    font-weight: 700;
}

.ak-order-detail-summary__actions {
    display: flex;
    flex-direction: column;
    gap: 9px;
    margin-top: 24px;
}

.ak-order-detail-summary__actions a {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border: 1px solid rgba(23, 22, 19, .13);
    color: #58554f;
    font-size: 11px;
    font-weight: 800;
}

.ak-order-detail-summary__actions a:first-child {
    border-color: var(--ak-ink);
    background: var(--ak-ink);
    color: #fff;
}

.ak-order-detail-summary__actions a:first-child:hover {
    border-color: var(--ak-stone-dark);
    background: var(--ak-stone-dark);
    color: #fff;
}

.ak-order-detail-summary__actions a:last-child:hover {
    border-color: var(--ak-stone-dark);
    color: var(--ak-stone-dark);
}

.ak-order-detail-secure {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid rgba(23, 22, 19, .09);
    color: #817d75;
}

.ak-order-detail-secure i {
    margin-top: 3px;
    color: #397253;
    font-size: 12px;
}

.ak-order-detail-secure p {
    margin: 0;
    font-size: 10px;
    line-height: 1.6;
}

.ak-order-detail-loading {
    display: flex;
    gap: 24px;
}

.ak-order-detail-loading__main,
.ak-order-detail-loading__side {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 28px;
    border: 1px solid rgba(23, 22, 19, .09);
    background: #fff;
}

.ak-order-detail-loading__main {
    flex: 1;
}

.ak-order-detail-loading__side {
    width: 340px;
    flex: 0 0 340px;
}

.ak-order-detail-loading span {
    display: block;
    height: 18px;
    border-radius: 3px;
    background: linear-gradient(
        90deg,
        #f1eee8 25%,
        #faf8f4 50%,
        #f1eee8 75%
    );
    background-size: 200% 100%;
    animation: akOrderDetailSkeleton 1.4s linear infinite;
}

.ak-order-detail-loading span:nth-child(1) {
    width: 38%;
}

.ak-order-detail-loading span:nth-child(2) {
    width: 82%;
}

.ak-order-detail-loading span:nth-child(3) {
    width: 64%;
}

.ak-order-detail-loading span:nth-child(4) {
    width: 75%;
}

@keyframes akOrderDetailSkeleton {
    from {
        background-position: 200% 0;
    }

    to {
        background-position: -200% 0;
    }
}

.ak-order-detail-error {
    display: flex;
    min-height: 380px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 45px 25px;
    border: 1px dashed rgba(23, 22, 19, .18);
    background: #fff;
    text-align: center;
}

.ak-order-detail-error > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    margin-bottom: 22px;
    border: 1px solid rgba(168, 57, 48, .2);
    border-radius: 50%;
    background: #fff3f2;
    color: #a83930;
    font-size: 23px;
}

.ak-order-detail-error h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 32px;
    font-weight: 600;
}

.ak-order-detail-error p {
    max-width: 520px;
    margin: 12px 0 22px;
    color: #7d7972;
    font-size: 13px;
    line-height: 1.7;
}

.ak-order-detail-error a {
    display: inline-flex;
    min-height: 49px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 21px;
    background: var(--ak-ink);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

@media (max-width: 1199.98px) {
    .ak-order-detail-summary {
        position: relative;
        top: auto;
    }
}

@media (max-width: 991.98px) {
    .ak-order-detail-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-order-detail-header__status {
        align-items: flex-start;
    }

    .ak-order-detail-loading {
        flex-direction: column;
    }

    .ak-order-detail-loading__side {
        width: 100%;
        flex-basis: auto;
    }
}

@media (max-width: 767.98px) {
    .ak-order-detail-page {
        padding: 58px 0 76px;
    }

    .ak-order-detail-page::before {
        display: none;
    }

    .ak-order-detail-topbar {
        align-items: stretch;
        flex-direction: column;
    }

    .ak-order-detail-back,
    .ak-order-detail-print {
        width: 100%;
    }

    .ak-order-detail-progress {
        overflow-x: auto;
        padding-right: 18px;
        padding-left: 18px;
    }

    .ak-order-detail-progress__step {
        min-width: 125px;
    }

    .ak-order-detail-item {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .ak-order-detail-item__content {
        width: calc(100% - 110px);
        flex: 0 0 calc(100% - 110px);
    }

    .ak-order-detail-item__price {
        width: 100%;
        align-items: flex-start;
        padding-left: 110px;
    }
}

@media (max-width: 575.98px) {
    .ak-order-detail-header,
    .ak-order-detail-panel,
    .ak-order-detail-address,
    .ak-order-detail-summary {
        padding-right: 21px;
        padding-left: 21px;
    }

    .ak-order-detail-item__image {
        width: 75px;
        height: 75px;
        flex-basis: 75px;
    }

    .ak-order-detail-item__content {
        width: calc(100% - 93px);
        flex-basis: calc(100% - 93px);
    }

    .ak-order-detail-item__price {
        padding-left: 93px;
    }
}

@media print {
    body {
        background: #fff !important;
    }

    header,
    footer,
    .ak-order-detail-topbar,
    .ak-order-detail-summary__actions,
    .ak-order-detail-secure {
        display: none !important;
    }

    .ak-order-detail-page {
        padding: 0 !important;
        background: #fff !important;
    }

    .ak-order-detail-page::before {
        display: none !important;
    }

    .ak-order-detail-header,
    .ak-order-detail-progress,
    .ak-order-detail-panel,
    .ak-order-detail-address,
    .ak-order-detail-summary {
        box-shadow: none !important;
        break-inside: avoid;
    }

    .ak-order-detail-summary {
        position: static !important;
    }
}

/* =========================================================
   SIPARIS YAZDIRMA BELGESI
========================================================= */

.ak-print-body {
    --ak-print-ink: #181816;
    --ak-print-muted: #77736c;
    --ak-print-stone: #b7945a;
    --ak-print-line: rgba(24, 24, 22, .13);
    --ak-print-paper: #fff;
    --ak-print-background: #eeeae2;

    min-height: 100%;
    margin: 0;
    background: var(--ak-print-background);
    color: var(--ak-print-ink);
    font-family: "Urbanist", sans-serif;
    -webkit-font-smoothing: antialiased;
}

.ak-print-body *,
.ak-print-body *::before,
.ak-print-body *::after {
    box-sizing: border-box;
}

.ak-print-screen {
    width: min(1160px, calc(100% - 32px));
    margin: 0 auto;
    padding: 30px 0 55px;
}

.ak-print-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
    padding: 17px 20px;
    border: 1px solid var(--ak-print-line);
    background: var(--ak-print-paper);
}

.ak-print-toolbar__brand {
    display: flex;
    min-width: 210px;
    align-items: center;
    gap: 12px;
}

.ak-print-toolbar__mark,
.ak-print-document__logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(183, 148, 90, .35);
    border-radius: 50%;
    background: #f6f1e8;
    color: #8e6c39;
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 700;
}

.ak-print-toolbar__mark {
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    font-size: 17px;
}

.ak-print-toolbar__brand > div,
.ak-print-document__brand > div {
    display: flex;
    flex-direction: column;
}

.ak-print-toolbar__brand strong {
    color: var(--ak-print-ink);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .03em;
}

.ak-print-toolbar__brand small {
    margin-top: 2px;
    color: var(--ak-print-muted);
    font-size: 10px;
}

.ak-print-toolbar__meta {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.ak-print-toolbar__meta span {
    color: var(--ak-print-muted);
    font-size: 11px;
}

.ak-print-toolbar__meta strong {
    margin-left: 4px;
    color: var(--ak-print-ink);
    font-weight: 800;
}

.ak-print-toolbar__actions {
    display: flex;
    min-width: 210px;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
}

.ak-print-toolbar__button {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0 17px;
    border: 1px solid var(--ak-print-line);
    background: #fff;
    color: var(--ak-print-ink);
    font-family: "Urbanist", sans-serif;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.ak-print-toolbar__button:hover {
    border-color: var(--ak-print-stone);
    color: #8e6c39;
}

.ak-print-toolbar__button--dark {
    border-color: var(--ak-print-ink);
    background: var(--ak-print-ink);
    color: #fff;
}

.ak-print-toolbar__button--dark:hover {
    border-color: var(--ak-print-stone);
    background: var(--ak-print-stone);
    color: #fff;
}

.ak-print-document {
    overflow: hidden;
    border: 1px solid var(--ak-print-line);
    background: var(--ak-print-paper);
    box-shadow: 0 25px 70px rgba(28, 25, 20, .12);
}

.ak-print-document__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 45px;
    padding: 38px 42px;
    border-top: 5px solid var(--ak-print-stone);
    border-bottom: 1px solid var(--ak-print-line);
}

.ak-print-document__brand {
    display: flex;
    min-width: 245px;
    align-items: center;
    gap: 14px;
}

.ak-print-document__logo {
    width: 59px;
    height: 59px;
    flex: 0 0 59px;
    font-size: 22px;
}

.ak-print-document__brand strong {
    color: var(--ak-print-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 25px;
    font-weight: 700;
    letter-spacing: -.01em;
}

.ak-print-document__brand small {
    margin-top: 3px;
    color: var(--ak-print-muted);
    font-size: 8px;
    font-weight: 700;
    letter-spacing: .11em;
}

.ak-print-document__heading {
    max-width: 600px;
    text-align: right;
}

.ak-print-document__heading > span {
    display: block;
    margin-bottom: 6px;
    color: #8e6c39;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .09em;
}

.ak-print-document__heading h1 {
    margin: 0;
    color: var(--ak-print-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 39px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.03em;
}

.ak-print-document__heading p {
    margin: 11px 0 0;
    color: var(--ak-print-muted);
    font-size: 11px;
    line-height: 1.65;
}

.ak-print-order-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    padding: 25px 42px;
    background: #f8f5ef;
}

.ak-print-order-header__information {
    display: flex;
    flex: 1;
    align-items: flex-start;
    gap: 42px;
}

.ak-print-order-header__information > div {
    display: flex;
    min-width: 120px;
    flex-direction: column;
}

.ak-print-order-header__information span {
    margin-bottom: 4px;
    color: var(--ak-print-muted);
    font-size: 9px;
    font-weight: 700;
}

.ak-print-order-header__information strong {
    color: var(--ak-print-ink);
    font-size: 12px;
    font-weight: 800;
}

.ak-print-order-header__statuses {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 12px;
}

.ak-print-order-header__statuses > div {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 5px;
}

.ak-print-order-header__statuses small {
    color: var(--ak-print-muted);
    font-size: 8px;
    font-weight: 700;
}

.ak-print-pill {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    background: #eeeae2;
    color: #6b655c;
    font-size: 9px;
    font-weight: 800;
    white-space: nowrap;
}

.ak-print-pill.is-neutral {
    background: #eeebe4;
    color: #59554e;
}

.ak-print-pill.is-success {
    background: #edf8f1;
    color: #286c49;
}

.ak-print-pill.is-warning {
    background: #fff6df;
    color: #8b6525;
}

.ak-print-pill.is-danger {
    background: #fff0ef;
    color: #9a342c;
}

.ak-print-pill.is-info {
    background: #eaf4ff;
    color: #32658f;
}

.ak-print-pill.is-purple {
    background: #f2edff;
    color: #654b99;
}

.ak-print-addresses {
    display: flex;
    align-items: stretch;
    gap: 20px;
    padding: 30px 42px 0;
}

.ak-print-address {
    width: calc(50% - 10px);
    padding: 24px;
    border: 1px solid var(--ak-print-line);
    background: #fff;
}

.ak-print-section-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 19px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--ak-print-line);
}

.ak-print-section-heading__number {
    display: inline-flex;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(183, 148, 90, .36);
    border-radius: 50%;
    color: #8e6c39;
    font-size: 9px;
    font-weight: 800;
}

.ak-print-section-heading > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ak-print-section-heading small {
    margin-bottom: 3px;
    color: #8e6c39;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .08em;
}

.ak-print-section-heading h2 {
    margin: 0;
    color: var(--ak-print-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.025em;
}

.ak-print-address__content {
    display: flex;
    flex-direction: column;
}

.ak-print-address__name {
    margin-bottom: 12px;
    color: var(--ak-print-ink);
    font-size: 12px;
    font-weight: 800;
}

.ak-print-address__row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 17px;
    padding: 8px 0;
    border-bottom: 1px dashed rgba(24, 24, 22, .1);
}

.ak-print-address__row span,
.ak-print-address__tax span {
    color: var(--ak-print-muted);
    font-size: 9px;
}

.ak-print-address__row strong,
.ak-print-address__tax strong {
    max-width: 70%;
    color: var(--ak-print-ink);
    font-size: 10px;
    font-weight: 700;
    line-height: 1.55;
    text-align: right;
}

.ak-print-address__row--full {
    align-items: flex-start;
}

.ak-print-address__tax {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 17px;
    margin-top: 11px;
    padding: 11px;
    border-left: 3px solid var(--ak-print-stone);
    background: #f8f5ef;
}

.ak-print-address__map {
    margin-top: 12px;
}

.ak-print-address__map a {
    display: inline-flex;
    min-height: 34px;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    border: 1px solid var(--ak-print-line);
    color: #8e6c39;
    font-size: 9px;
    font-weight: 800;
    text-decoration: none;
}

.ak-print-products {
    padding: 30px 42px 0;
}

.ak-print-products__heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 16px;
}

.ak-print-products__heading > div {
    display: flex;
    flex-direction: column;
}

.ak-print-products__heading small {
    margin-bottom: 4px;
    color: #8e6c39;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .08em;
}

.ak-print-products__heading h2 {
    margin: 0;
    color: var(--ak-print-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 27px;
    font-weight: 600;
    letter-spacing: -.025em;
}

.ak-print-products__heading > span {
    color: var(--ak-print-muted);
    font-size: 9px;
}

.ak-print-products__heading > span strong {
    margin-right: 4px;
    color: var(--ak-print-ink);
    font-size: 13px;
}

.ak-print-table-wrap {
    overflow-x: auto;
    border: 1px solid var(--ak-print-line);
}

.ak-print-table {
    width: 100%;
    border-collapse: collapse;
}

.ak-print-table th,
.ak-print-table td {
    padding: 14px 15px;
    border-bottom: 1px solid rgba(24, 24, 22, .08);
    font-size: 10px;
    vertical-align: middle;
}

.ak-print-table th {
    background: #f7f4ed;
    color: var(--ak-print-muted);
    font-size: 8px;
    font-weight: 800;
    text-align: left;
    letter-spacing: .04em;
}

.ak-print-table th:not(:first-child),
.ak-print-table td:not(:first-child) {
    text-align: right;
    white-space: nowrap;
}

.ak-print-table tbody tr:last-child td {
    border-bottom: 0;
}

.ak-print-product-name {
    display: block;
    color: var(--ak-print-ink);
    font-size: 11px;
    font-weight: 800;
}

.ak-print-product-variant {
    display: block;
    margin-top: 3px;
    color: var(--ak-print-muted);
    font-size: 8px;
}

.ak-print-bottom {
    display: flex;
    align-items: stretch;
    gap: 20px;
    padding: 30px 42px 38px;
}

.ak-print-note {
    min-width: 0;
    flex: 1;
    padding: 24px;
    border: 1px solid var(--ak-print-line);
}

.ak-print-note__content {
    min-height: 95px;
    color: #68645d;
    font-size: 10px;
    line-height: 1.7;
}

.ak-print-summary {
    width: 370px;
    flex: 0 0 370px;
    padding: 24px;
    border: 1px solid var(--ak-print-line);
}

.ak-print-summary__rows {
    display: flex;
    flex-direction: column;
}

.ak-print-summary__rows > div,
.ak-print-summary__rows > span,
.ak-print-summary__rows .ak-print-summary__discount {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 17px;
    padding: 9px 0;
    border-bottom: 1px dashed rgba(24, 24, 22, .11);
}

.ak-print-summary__rows span {
    color: var(--ak-print-muted);
    font-size: 9px;
}

.ak-print-summary__rows strong {
    color: var(--ak-print-ink);
    font-size: 10px;
    font-weight: 800;
}

.ak-print-summary__discount strong {
    color: #9a342c;
}

.ak-print-summary__grand {
    margin-top: 5px;
    padding-top: 15px !important;
    border-bottom: 0 !important;
}

.ak-print-summary__grand span {
    color: var(--ak-print-ink);
    font-size: 11px;
    font-weight: 800;
}

.ak-print-summary__grand strong {
    color: #8e6c39;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 24px;
    font-weight: 700;
}

.ak-print-document__footer {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 35px;
    padding: 21px 42px;
    border-top: 1px solid var(--ak-print-line);
    background: #f8f5ef;
}

.ak-print-document__footer > div {
    display: flex;
    flex-direction: column;
}

.ak-print-document__footer strong {
    color: var(--ak-print-ink);
    font-size: 9px;
    font-weight: 800;
}

.ak-print-document__footer span,
.ak-print-document__footer p {
    color: var(--ak-print-muted);
    font-size: 7px;
    line-height: 1.6;
}

.ak-print-document__footer p {
    max-width: 480px;
    margin: 0;
    text-align: right;
}

.ak-print-muted {
    color: var(--ak-print-muted);
}

.ak-print-error-page {
    display: flex;
    min-height: 100vh;
    align-items: center;
    justify-content: center;
    padding: 30px;
    background: #eeeae2;
}

.ak-print-error {
    width: min(520px, 100%);
    padding: 45px;
    border: 1px solid rgba(154, 52, 44, .18);
    background: #fff;
    text-align: center;
    box-shadow: 0 25px 70px rgba(28, 25, 20, .11);
}

.ak-print-error__icon {
    display: inline-flex;
    width: 65px;
    height: 65px;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border: 1px solid rgba(154, 52, 44, .25);
    border-radius: 50%;
    background: #fff2f1;
    color: #9a342c;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 29px;
    font-weight: 700;
}

.ak-print-error h1 {
    margin: 0;
    color: var(--ak-print-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 34px;
    font-weight: 600;
    letter-spacing: -.025em;
}

.ak-print-error p {
    margin: 13px 0 23px;
    color: var(--ak-print-muted);
    font-size: 12px;
    line-height: 1.7;
}

.ak-print-error__link {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 0 21px;
    background: var(--ak-print-ink);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
}

@media (max-width: 991.98px) {
    .ak-print-toolbar {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .ak-print-toolbar__meta {
        order: 3;
        width: 100%;
        flex-basis: 100%;
        justify-content: flex-start;
    }

    .ak-print-document__header,
    .ak-print-order-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-print-document__heading {
        text-align: left;
    }

    .ak-print-order-header__statuses {
        justify-content: flex-start;
    }

    .ak-print-addresses,
    .ak-print-bottom {
        flex-direction: column;
    }

    .ak-print-address,
    .ak-print-summary {
        width: 100%;
        flex-basis: auto;
    }
}

@media (max-width: 767.98px) {
    .ak-print-screen {
        width: min(100% - 20px, 1160px);
        padding-top: 12px;
    }

    .ak-print-toolbar__brand,
    .ak-print-toolbar__actions {
        min-width: 0;
    }

    .ak-print-toolbar__actions {
        width: 100%;
        justify-content: flex-start;
    }

    .ak-print-toolbar__button {
        flex: 1;
    }

    .ak-print-document__header,
    .ak-print-order-header,
    .ak-print-addresses,
    .ak-print-products,
    .ak-print-bottom,
    .ak-print-document__footer {
        padding-right: 22px;
        padding-left: 22px;
    }

    .ak-print-order-header__information,
    .ak-print-order-header__statuses {
        width: 100%;
        flex-wrap: wrap;
    }

    .ak-print-order-header__information {
        gap: 20px;
    }

    .ak-print-address__row {
        flex-direction: column;
        gap: 4px;
    }

    .ak-print-address__row strong,
    .ak-print-address__tax strong {
        max-width: 100%;
        text-align: left;
    }

    .ak-print-address__tax {
        flex-direction: column;
    }

    .ak-print-document__footer {
        flex-direction: column;
    }

    .ak-print-document__footer p {
        text-align: left;
    }
}

@page {
    size: A4;
    margin: 10mm;
}

@media print {
    html,
    body.ak-print-body {
        min-height: auto;
        background: #fff !important;
    }

    .no-print {
        display: none !important;
    }

    .ak-print-screen {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .ak-print-document {
        border: 0;
        box-shadow: none;
    }

    .ak-print-document__header {
        padding: 18px 20px;
    }

    .ak-print-order-header {
        padding: 13px 20px;
    }

    .ak-print-addresses {
        gap: 10px;
        padding: 15px 20px 0;
    }

    .ak-print-address {
        padding: 14px;
    }

    .ak-print-products {
        padding: 15px 20px 0;
    }

    .ak-print-bottom {
        gap: 10px;
        padding: 15px 20px 18px;
    }

    .ak-print-note,
    .ak-print-summary {
        padding: 14px;
    }

    .ak-print-document__footer {
        padding: 12px 20px;
    }

    .ak-print-section-heading {
        margin-bottom: 11px;
        padding-bottom: 9px;
    }

    .ak-print-table th,
    .ak-print-table td {
        padding: 8px 9px;
    }

    .ak-print-address,
    .ak-print-note,
    .ak-print-summary,
    .ak-print-products,
    .ak-print-order-header,
    .ak-print-document__footer {
        break-inside: avoid;
    }

    .ak-print-table tr {
        break-inside: avoid;
    }
}

/* =========================================================
   SEPET SAYFASI
========================================================= */

.ak-basket-page {
    position: relative;
    padding: clamp(68px, 7vw, 104px) 0 clamp(82px, 8vw, 126px);
    overflow: hidden;
    background: #f5f1e9;
    font-family: "Urbanist", sans-serif;
}

.ak-basket-page::before {
    position: absolute;
    top: 85px;
    right: -220px;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(183, 149, 94, .13);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-basket-page .container {
    position: relative;
    z-index: 1;
}

.ak-basket-intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 35px;
    padding: clamp(30px, 4vw, 47px);
    border: 1px solid rgba(23, 22, 19, .12);
    background: #fff;
    box-shadow: 0 24px 60px rgba(22, 20, 17, .08);
}

.ak-basket-intro__content {
    max-width: 760px;
}

.ak-basket-intro h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(40px, 4.5vw, 56px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.035em;
}

.ak-basket-intro p {
    max-width: 700px;
    margin: 17px 0 0;
    color: #74716b;
    font-size: 14px;
    line-height: 1.75;
}

.ak-basket-intro__link {
    display: inline-flex;
    min-height: 50px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 20px;
    border: 1px solid rgba(23, 22, 19, .15);
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 800;
}

.ak-basket-intro__link:hover {
    border-color: var(--ak-stone-dark);
    color: var(--ak-stone-dark);
}

.ak-basket-steps {
    display: flex;
    align-items: stretch;
    margin: 20px 0 24px;
    border: 1px solid rgba(23, 22, 19, .11);
    background: #fff;
}

.ak-basket-step {
    position: relative;
    display: flex;
    width: 33.333%;
    min-height: 93px;
    align-items: center;
    gap: 13px;
    padding: 20px 25px;
    border-right: 1px solid rgba(23, 22, 19, .09);
    color: #918c84;
}

.ak-basket-step:last-child {
    border-right: 0;
}

.ak-basket-step.is-active {
    background: #191917;
    color: #fff;
}

.ak-basket-step > span {
    display: inline-flex;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(23, 22, 19, .14);
    border-radius: 50%;
    color: var(--ak-stone-dark);
    font-size: 13px;
}

.ak-basket-step.is-active > span {
    border-color: rgba(212, 182, 129, .35);
    background: rgba(212, 182, 129, .12);
    color: #d4b681;
}

.ak-basket-step > div {
    display: flex;
    flex-direction: column;
}

.ak-basket-step small {
    margin-bottom: 3px;
    color: #aaa59d;
    font-size: 11px;
    font-weight: 700;
}

.ak-basket-step.is-active small {
    color: rgba(255, 255, 255, .48);
}

.ak-basket-step strong {
    font-size: 13px;
    font-weight: 800;
}

.ak-basket-status {
    display: none;
    margin-bottom: 20px;
    padding: 14px 17px;
    border-left: 3px solid var(--ak-stone-dark);
    background: #f7f3eb;
    color: #514b42;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.55;
}

.ak-basket-status.is-visible {
    display: block;
}

.ak-basket-status.is-success {
    border-left-color: #28734d;
    background: #f0faf4;
    color: #1e6040;
}

.ak-basket-status.is-error {
    border-left-color: #b42318;
    background: #fff5f4;
    color: #8d2119;
}

.ak-basket-products,
.ak-basket-summary {
    border: 1px solid rgba(23, 22, 19, .12);
    background: #fff;
    box-shadow: 0 20px 50px rgba(22, 20, 17, .07);
}

.ak-basket-products {
    padding: clamp(22px, 3vw, 32px);
}

.ak-basket-summary {
    position: sticky;
    top: 105px;
    padding: 27px;
}

.ak-basket-panel-heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 25px;
    padding-bottom: 21px;
    border-bottom: 1px solid rgba(23, 22, 19, .09);
}

.ak-basket-panel-heading > div:first-child > span {
    display: block;
    margin-bottom: 5px;
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
}

.ak-basket-panel-heading h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.025em;
}

.ak-basket-panel-heading__count {
    display: inline-flex;
    align-items: baseline;
    gap: 5px;
    color: #858078;
    font-size: 11px;
}

.ak-basket-panel-heading__count strong {
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 25px;
}

.ak-basket-panel-heading__icon {
    display: inline-flex;
    width: 47px;
    height: 47px;
    flex: 0 0 47px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(184, 149, 95, .26);
    border-radius: 50%;
    background: #f8f4ec;
    color: var(--ak-stone-dark);
    font-size: 14px;
}

.ak-basket-items {
    display: flex;
    flex-direction: column;
}

.ak-basket-item {
    display: flex;
    align-items: center;
    gap: 19px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(23, 22, 19, .09);
}

.ak-basket-item:first-child {
    padding-top: 0;
}

.ak-basket-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.ak-basket-item__image {
    display: flex;
    width: 112px;
    height: 112px;
    flex: 0 0 112px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(23, 22, 19, .1);
    background: #f4f0e8;
}

.ak-basket-item__image img {
    display: block;
    width: 112px;
    height: 112px;
    object-fit: cover;
}

.ak-basket-item__content {
    min-width: 0;
    flex: 1;
}

.ak-basket-item__content h4 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: -.02em;
}

.ak-basket-item__properties {
    display: flex;
    flex-wrap: wrap;
    gap: 7px 16px;
    margin-top: 8px;
    color: #817d75;
    font-size: 11px;
}

.ak-basket-item__properties span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.ak-basket-item__properties strong {
    color: #4c4943;
    font-weight: 800;
}

.ak-basket-item__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 17px;
    margin-top: 15px;
}

.ak-basket-item__quantity {
    display: inline-flex;
    height: 43px;
    align-items: center;
    border: 1px solid rgba(23, 22, 19, .14);
}

.ak-basket-item__quantity button {
    display: inline-flex;
    width: 40px;
    height: 41px;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: var(--ak-ink);
    font-size: 11px;
    cursor: pointer;
}

.ak-basket-item__quantity button:hover {
    background: #f5f1e9;
}

.ak-basket-item__quantity button:disabled {
    cursor: wait;
    opacity: .45;
}

.ak-basket-item__quantity strong {
    display: inline-flex;
    min-width: 42px;
    height: 41px;
    align-items: center;
    justify-content: center;
    border-right: 1px solid rgba(23, 22, 19, .12);
    border-left: 1px solid rgba(23, 22, 19, .12);
    font-size: 12px;
    font-weight: 800;
}

.ak-basket-item__remove {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #8f4038;
    font-family: "Urbanist", sans-serif;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

.ak-basket-item__price {
    display: flex;
    flex: 0 0 auto;
    align-items: flex-end;
    flex-direction: column;
    gap: 4px;
}

.ak-basket-item__price small {
    color: #8c877f;
    font-size: 11px;
}

.ak-basket-item__price strong {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 25px;
    font-weight: 700;
}

.ak-basket-products__footer {
    margin-top: 25px;
    padding-top: 20px;
    border-top: 1px solid rgba(23, 22, 19, .09);
}

.ak-basket-products__footer a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #5f5b54;
    font-size: 12px;
    font-weight: 800;
}

.ak-basket-products__footer a:hover {
    color: var(--ak-stone-dark);
}

.ak-basket-totals {
    display: flex;
    flex-direction: column;
}

.ak-basket-totals > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(23, 22, 19, .08);
}

.ak-basket-totals span {
    color: #817d75;
    font-size: 12px;
}

.ak-basket-totals strong {
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 800;
    text-align: right;
}

.ak-basket-totals__discount strong {
    color: #9f3931;
}

.ak-basket-totals__payable {
    margin-top: 5px;
    padding: 18px 0 5px !important;
    border-bottom: 0 !important;
}

.ak-basket-totals__payable span {
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 800;
}

.ak-basket-totals__payable strong {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 29px;
    font-weight: 700;
}

.ak-basket-vat-detail {
    margin-top: 14px;
    padding: 11px 13px;
    border-left: 3px solid var(--ak-stone);
    background: #f7f4ed;
    color: #746f66;
    font-size: 11px;
    line-height: 1.65;
}

.ak-basket-coupon {
    margin-top: 23px;
    padding-top: 21px;
    border-top: 1px solid rgba(23, 22, 19, .1);
}

.ak-basket-coupon > label {
    display: block;
    margin-bottom: 8px;
    color: #45423d;
    font-size: 12px;
    font-weight: 800;
}

.ak-basket-coupon__form {
    display: flex;
    min-height: 52px;
    border: 1px solid rgba(23, 22, 19, .14);
    background: #faf8f4;
}

.ak-basket-coupon__form input {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ak-ink);
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding: 0 14px;
}

.ak-basket-coupon__form button {
    display: inline-flex;
    min-width: 94px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 0;
    background: var(--ak-ink);
    color: #fff;
    font-family: "Urbanist", sans-serif;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

.ak-basket-coupon__form button:hover {
    background: var(--ak-stone-dark);
}

.ak-basket-coupon__form button > i {
    display: none;
}

.ak-basket-coupon__form button.is-loading > i {
    display: inline-block;
}

.ak-basket-coupon__active {
    display: flex;
    min-height: 48px;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-top: 10px;
    padding: 9px 12px;
    border: 1px solid rgba(44, 115, 76, .2);
    background: #eff8f2;
}

.ak-basket-coupon__active > span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #286b49;
    font-size: 12px;
}

.ak-basket-coupon__active button {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    border: 0;
    background: transparent;
    color: #8f4038;
    font-family: "Urbanist", sans-serif;
    font-size: 11px;
    font-weight: 800;
    cursor: pointer;
}

.ak-basket-shipping-note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 19px;
    padding: 14px;
    border-left: 3px solid var(--ak-stone);
    background: #f7f4ed;
    color: #6f6a62;
}

.ak-basket-shipping-note i {
    margin-top: 3px;
    color: var(--ak-stone-dark);
    font-size: 13px;
}

.ak-basket-shipping-note p {
    margin: 0;
    font-size: 11px;
    line-height: 1.6;
}

.ak-basket-agreement {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 20px;
}

.ak-basket-agreement input {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin-top: 2px;
    accent-color: var(--ak-stone-dark);
    cursor: pointer;
}

.ak-basket-agreement label {
    color: #716d66;
    font-size: 11px;
    line-height: 1.7;
    cursor: pointer;
}

.ak-basket-agreement button {
    display: inline;
    padding: 0;
    border: 0;
    background: transparent;
    color: var(--ak-stone-dark);
    font-family: inherit;
    font-size: inherit;
    font-weight: 800;
    text-decoration: underline;
    cursor: pointer;
}

.ak-basket-checkout {
    margin-top: 21px;
}

.ak-basket-checkout > a,
.ak-basket-checkout > button {
    display: flex;
    width: 100%;
    min-height: 56px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 19px;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: #fff;
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.ak-basket-checkout > a:hover,
.ak-basket-checkout > button:hover {
    border-color: var(--ak-stone-dark);
    background: var(--ak-stone-dark);
    color: #fff;
}

.ak-basket-checkout > button:disabled {
    cursor: wait;
    opacity: .7;
}

.ak-basket-payment-security {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 22px;
    padding-top: 19px;
    border-top: 1px solid rgba(23, 22, 19, .09);
}

.ak-basket-payment-security > span {
    display: inline-flex;
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #eff8f2;
    color: #286b49;
    font-size: 12px;
}

.ak-basket-payment-security > div {
    display: flex;
    flex-direction: column;
}

.ak-basket-payment-security strong {
    color: var(--ak-ink);
    font-size: 11px;
    font-weight: 800;
}

.ak-basket-payment-security p {
    margin: 2px 0 0;
    color: #817d75;
    font-size: 11px;
    line-height: 1.5;
}

.ak-basket-empty {
    display: flex;
    min-height: 390px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 45px 25px;
    border: 1px dashed rgba(23, 22, 19, .18);
    background: #fff;
    text-align: center;
}

.ak-basket-empty__icon {
    display: inline-flex;
    width: 78px;
    height: 78px;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    border: 1px solid rgba(184, 149, 95, .26);
    border-radius: 50%;
    background: #f8f4ec;
    color: var(--ak-stone-dark);
    font-size: 25px;
}

.ak-basket-empty h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 33px;
    font-weight: 600;
    letter-spacing: -.025em;
}

.ak-basket-empty p {
    max-width: 540px;
    margin: 12px 0 23px;
    color: #7d7972;
    font-size: 13px;
    line-height: 1.7;
}

.ak-basket-empty > a {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 21px;
    background: var(--ak-ink);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

.ak-basket-loading .ak-basket-skeleton {
    display: flex;
    min-height: 320px;
    flex-direction: column;
    gap: 16px;
    padding: 29px;
    border: 1px solid rgba(23, 22, 19, .09);
    background: #fff;
}

.ak-basket-skeleton--summary {
    min-height: 420px !important;
}

.ak-basket-skeleton span {
    display: block;
    height: 18px;
    border-radius: 3px;
    background: linear-gradient(
        90deg,
        #f1eee8 25%,
        #faf8f4 50%,
        #f1eee8 75%
    );
    background-size: 200% 100%;
    animation: akBasketSkeleton 1.4s linear infinite;
}

.ak-basket-skeleton span:nth-child(1) {
    width: 40%;
}

.ak-basket-skeleton span:nth-child(2) {
    width: 85%;
}

.ak-basket-skeleton span:nth-child(3) {
    width: 67%;
}

@keyframes akBasketSkeleton {
    from {
        background-position: 200% 0;
    }

    to {
        background-position: -200% 0;
    }
}

/* =========================================================
   SEPET YASAL MODALLARI
========================================================= */

.ak-basket-modal .modal-content {
    overflow: hidden;
    border: 0;
    border-radius: 0;
    box-shadow: 0 30px 90px rgba(20, 18, 15, .25);
}

.ak-basket-modal .modal-header {
    align-items: flex-start;
    padding: 25px 28px;
    border-top: 4px solid var(--ak-stone);
    border-bottom: 1px solid rgba(23, 22, 19, .1);
}

.ak-basket-modal .modal-header > div > span {
    display: block;
    margin-bottom: 4px;
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
}

.ak-basket-modal .modal-title {
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -.025em;
}

.ak-basket-modal .modal-body {
    padding: 28px;
    background: #f8f5ef;
}

.ak-basket-modal .modal-footer {
    padding: 17px 28px;
    border-top: 1px solid rgba(23, 22, 19, .1);
}

.ak-basket-modal__close {
    display: inline-flex;
    min-width: 120px;
    min-height: 45px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: #fff;
    font-family: "Urbanist", sans-serif;
    font-size: 11px;
    font-weight: 800;
}

.ak-basket-legal-parties {
    display: flex;
    align-items: stretch;
    gap: 18px;
    margin-bottom: 22px;
}

.ak-basket-legal-parties article {
    display: flex;
    width: calc(50% - 9px);
    flex-direction: column;
    padding: 20px;
    border: 1px solid rgba(23, 22, 19, .11);
    background: #fff;
}

.ak-basket-legal-parties article > span {
    margin-bottom: 7px;
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 800;
}

.ak-basket-legal-parties strong {
    color: var(--ak-ink);
    font-size: 14px;
    font-weight: 800;
}

.ak-basket-legal-parties p,
.ak-basket-legal-parties small {
    margin: 6px 0 0;
    color: #77736c;
    font-size: 11px;
    line-height: 1.6;
}

.ak-basket-legal-products,
.ak-basket-legal-content {
    padding: 22px;
    border: 1px solid rgba(23, 22, 19, .11);
    background: #fff;
}

.ak-basket-legal-products {
    margin-bottom: 22px;
}

.ak-basket-legal-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 16px;
}

.ak-basket-legal-heading h6 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.02em;
}

.ak-basket-legal-heading strong {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 23px;
}

.ak-basket-legal-table {
    margin: 0;
    border: 1px solid rgba(23, 22, 19, .1);
}

.ak-basket-legal-table th,
.ak-basket-legal-table td {
    padding: 13px;
    border-color: rgba(23, 22, 19, .09);
    font-size: 11px;
    vertical-align: middle;
}

.ak-basket-legal-table th {
    background: #f7f3eb;
    color: #716d66;
    font-weight: 800;
}

.ak-basket-legal-table th:not(:first-child),
.ak-basket-legal-table td:not(:first-child) {
    text-align: right;
}

.ak-basket-legal-content section {
    margin-bottom: 20px;
}

.ak-basket-legal-content section:last-child {
    margin-bottom: 0;
}

.ak-basket-legal-content h6 {
    margin: 0 0 7px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.015em;
}

.ak-basket-legal-content p {
    margin: 0;
    color: #6f6b64;
    font-size: 12px;
    line-height: 1.75;
}

@media (max-width: 1199.98px) {
    .ak-basket-summary {
        position: relative;
        top: auto;
    }
}

@media (max-width: 991.98px) {
    .ak-basket-intro {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-basket-intro__link {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .ak-basket-page {
        padding: 58px 0 76px;
    }

    .ak-basket-page::before {
        display: none;
    }

    .ak-basket-intro {
        padding: 28px 23px;
    }

    .ak-basket-steps {
        flex-direction: column;
    }

    .ak-basket-step {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid rgba(23, 22, 19, .09);
    }

    .ak-basket-step:last-child {
        border-bottom: 0;
    }

    .ak-basket-item {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .ak-basket-item__content {
        width: calc(100% - 132px);
        flex: 0 0 calc(100% - 132px);
    }

    .ak-basket-item__price {
        width: 100%;
        align-items: flex-start;
        padding-left: 131px;
    }

    .ak-basket-legal-parties {
        flex-direction: column;
    }

    .ak-basket-legal-parties article {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .ak-basket-products,
    .ak-basket-summary {
        padding-right: 21px;
        padding-left: 21px;
    }

    .ak-basket-item__image {
        width: 82px;
        height: 82px;
        flex-basis: 82px;
    }

    .ak-basket-item__image img {
        width: 82px;
        height: 82px;
    }

    .ak-basket-item__content {
        width: calc(100% - 101px);
        flex-basis: calc(100% - 101px);
    }

    .ak-basket-item__footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-basket-item__price {
        padding-left: 101px;
    }

    .ak-basket-coupon__form {
        flex-direction: column;
        border: 0;
        background: transparent;
    }

    .ak-basket-coupon__form input {
        height: 50px;
        border: 1px solid rgba(23, 22, 19, .14);
        background: #faf8f4;
    }

    .ak-basket-coupon__form button {
        min-height: 49px;
        margin-top: 8px;
    }

    .ak-basket-coupon__active {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-basket-modal .modal-body,
    .ak-basket-modal .modal-header,
    .ak-basket-modal .modal-footer {
        padding-right: 20px;
        padding-left: 20px;
    }
}

/* =========================================================
   FAVORILERIM
========================================================= */

.ak-fav-page {
    position: relative;
    padding: clamp(68px, 7vw, 104px) 0 clamp(82px, 8vw, 126px);
    overflow: hidden;
    background: #f5f1e9;
    font-family: "Urbanist", sans-serif;
}

.ak-fav-page::before {
    position: absolute;
    top: 90px;
    right: -220px;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(183, 149, 94, .13);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-fav-page .container {
    position: relative;
    z-index: 1;
}

.ak-fav-intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 24px;
    padding: clamp(30px, 4vw, 48px);
    border: 1px solid rgba(23, 22, 19, .12);
    background: #fff;
    box-shadow: 0 24px 60px rgba(22, 20, 17, .08);
}

.ak-fav-intro__content {
    max-width: 760px;
}

.ak-fav-intro h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(40px, 4.5vw, 56px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.035em;
}

.ak-fav-intro p {
    max-width: 710px;
    margin: 17px 0 0;
    color: #74716b;
    font-size: 14px;
    line-height: 1.75;
}

.ak-fav-intro__actions {
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    gap: 10px;
}

.ak-fav-link {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 20px;
    border: 1px solid rgba(23, 22, 19, .15);
    font-size: 12px;
    font-weight: 800;
}

.ak-fav-link--light {
    background: #fff;
    color: var(--ak-ink);
}

.ak-fav-link--light:hover {
    border-color: var(--ak-stone-dark);
    color: var(--ak-stone-dark);
}

.ak-fav-link--dark {
    border-color: var(--ak-ink);
    background: var(--ak-ink);
    color: #fff;
}

.ak-fav-link--dark:hover {
    border-color: var(--ak-stone-dark);
    background: var(--ak-stone-dark);
    color: #fff;
}

.ak-fav-summary {
    margin-bottom: 22px;
}

.ak-fav-stat {
    display: flex;
    min-height: 108px;
    align-items: center;
    gap: 15px;
    padding: 21px;
    border: 1px solid rgba(23, 22, 19, .11);
    background: #fff;
    box-shadow: 0 16px 38px rgba(22, 20, 17, .06);
}

.ak-fav-stat > span {
    display: inline-flex;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(184, 149, 95, .25);
    border-radius: 50%;
    background: #f7f3eb;
    color: var(--ak-stone-dark);
    font-size: 14px;
}

.ak-fav-stat > div {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ak-fav-stat small {
    margin-bottom: 5px;
    color: #858078;
    font-size: 11px;
    font-weight: 700;
}

.ak-fav-stat strong {
    overflow: hidden;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ak-fav-toolbar {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 24px;
    padding: 17px;
    border: 1px solid rgba(23, 22, 19, .11);
    background: #fff;
}

.ak-fav-search {
    position: relative;
    display: flex;
    min-height: 52px;
    min-width: 260px;
    flex: 1;
    align-items: center;
    border: 1px solid rgba(23, 22, 19, .13);
    background: #faf8f4;
}

.ak-fav-search > i {
    width: 45px;
    flex: 0 0 45px;
    color: #928d84;
    font-size: 13px;
    text-align: center;
}

.ak-fav-search input {
    width: 100%;
    min-width: 0;
    height: 50px;
    padding: 0 45px 0 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ak-ink);
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.ak-fav-search button {
    position: absolute;
    top: 50%;
    right: 7px;
    display: inline-flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: #817c74;
    cursor: pointer;
    transform: translateY(-50%);
}

.ak-fav-result-count {
    display: flex;
    min-width: 160px;
    flex: 0 0 auto;
    justify-content: flex-end;
    gap: 5px;
    color: #858078;
    font-size: 11px;
}

.ak-fav-result-count strong {
    color: var(--ak-ink);
}

.ak-fav-status {
    display: none;
    margin-bottom: 20px;
    padding: 14px 17px;
    border-left: 3px solid var(--ak-stone-dark);
    background: #f7f3eb;
    color: #514b42;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.55;
}

.ak-fav-status.is-visible {
    display: block;
}

.ak-fav-status.is-success {
    border-left-color: #28734d;
    background: #f0faf4;
    color: #1e6040;
}

.ak-fav-status.is-error {
    border-left-color: #b42318;
    background: #fff5f4;
    color: #8d2119;
}

.ak-fav-card {
    position: relative;
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(23, 22, 19, .12);
    background: #fff;
    box-shadow: 0 20px 50px rgba(22, 20, 17, .07);
    transition: border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}

.ak-fav-card:hover {
    border-color: rgba(184, 149, 95, .38);
    box-shadow: 0 24px 58px rgba(22, 20, 17, .11);
    transform: translateY(-3px);
}

.ak-fav-card__media {
    position: relative;
    overflow: hidden;
    aspect-ratio: 1 / .78;
    background: #f4f0e8;
}

.ak-fav-card__media a {
    display: block;
    width: 100%;
    height: 100%;
}

.ak-fav-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.ak-fav-card:hover .ak-fav-card__media img {
    transform: scale(1.045);
}

.ak-fav-card__remove {
    position: absolute;
    top: 14px;
    right: 14px;
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 13px;
    border: 1px solid rgba(255, 255, 255, .5);
    background: rgba(25, 25, 23, .76);
    color: #fff;
    font-family: "Urbanist", sans-serif;
    font-size: 10px;
    font-weight: 800;
    cursor: pointer;
    backdrop-filter: blur(10px);
}

.ak-fav-card__remove:hover {
    background: #8f4038;
    color: #fff;
}

.ak-fav-card__remove.is-loading {
    pointer-events: none;
    opacity: .65;
}

.ak-fav-card__badge {
    position: absolute;
    left: 14px;
    bottom: 14px;
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    justify-content: center;
    padding: 0 11px;
    background: var(--ak-stone-dark);
    color: #fff;
    font-size: 10px;
    font-weight: 800;
}

.ak-fav-card__badge.is-empty {
    display: none;
}

.ak-fav-card__content {
    display: flex;
    min-height: 320px;
    flex-direction: column;
    padding: 23px;
}

.ak-fav-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 13px;
    margin-bottom: 11px;
}

.ak-fav-card__meta span {
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 0 10px;
    background: #f7f3eb;
    color: var(--ak-stone-dark);
    font-size: 10px;
    font-weight: 800;
}

.ak-fav-card__meta small {
    color: #928d84;
    font-size: 10px;
    font-weight: 700;
}

.ak-fav-card h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.025em;
}

.ak-fav-card h3 a {
    color: inherit;
}

.ak-fav-card h3 a:hover {
    color: var(--ak-stone-dark);
}

.ak-fav-card p {
    margin: 11px 0 0;
    color: #77736c;
    font-size: 12px;
    line-height: 1.65;
}

.ak-fav-card__props {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 17px;
}

.ak-fav-card__props span {
    display: inline-flex;
    min-height: 31px;
    align-items: center;
    gap: 7px;
    padding: 0 10px;
    border: 1px solid rgba(23, 22, 19, .1);
    background: #faf8f4;
    color: #817d75;
    font-size: 10px;
}

.ak-fav-card__props i {
    color: var(--ak-stone-dark);
    font-size: 10px;
}

.ak-fav-card__props strong {
    color: #4d4942;
    font-weight: 800;
}

.ak-fav-card__bottom {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-top: auto;
    padding-top: 22px;
}

.ak-fav-card__price {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ak-fav-card__price span {
    margin-bottom: 3px;
    color: #918c83;
    font-size: 10px;
    font-weight: 700;
}

.ak-fav-card__price strong {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 1;
}

.ak-fav-card__old-price {
    margin-top: 4px;
    color: #9d9890;
    font-size: 11px;
    text-decoration: line-through;
}

.ak-fav-card__old-price.is-empty {
    display: none;
}

.ak-fav-card__detail {
    display: inline-flex;
    min-height: 44px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 15px;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

.ak-fav-card__detail:hover {
    border-color: var(--ak-stone-dark);
    background: var(--ak-stone-dark);
    color: #fff;
}

.ak-fav-empty {
    display: flex;
    min-height: 380px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 45px 25px;
    border: 1px dashed rgba(23, 22, 19, .18);
    background: #fff;
    text-align: center;
}

.ak-fav-empty__icon {
    display: inline-flex;
    width: 76px;
    height: 76px;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    border: 1px solid rgba(184, 149, 95, .26);
    border-radius: 50%;
    background: #f8f4ec;
    color: var(--ak-stone-dark);
    font-size: 24px;
}

.ak-fav-empty h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -.025em;
}

.ak-fav-empty p {
    max-width: 540px;
    margin: 12px 0 23px;
    color: #7d7972;
    font-size: 13px;
    line-height: 1.7;
}

.ak-fav-empty a {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 21px;
    background: var(--ak-ink);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

.ak-fav-empty a:hover {
    background: var(--ak-stone-dark);
    color: #fff;
}

@media (max-width: 991.98px) {
    .ak-fav-intro {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-fav-toolbar {
        align-items: stretch;
        flex-direction: column;
    }

    .ak-fav-result-count {
        justify-content: flex-start;
    }
}

@media (max-width: 767.98px) {
    .ak-fav-page {
        padding: 58px 0 76px;
    }

    .ak-fav-page::before {
        display: none;
    }

    .ak-fav-intro {
        padding: 29px 23px;
    }

    .ak-fav-intro__actions {
        width: 100%;
        align-items: stretch;
        flex-direction: column;
    }

    .ak-fav-link {
        width: 100%;
    }

    .ak-fav-card__bottom {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-fav-card__detail {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .ak-fav-card__content {
        padding: 21px;
    }

    .ak-fav-card__remove span {
        display: none;
    }

    .ak-fav-card__remove {
        width: 39px;
        padding: 0;
    }
}

/* =========================================================
   SIPARIS / CHECKOUT
========================================================= */

.ak-checkout-page {
    position: relative;
    padding: clamp(68px, 7vw, 104px) 0 clamp(82px, 8vw, 126px);
    overflow: hidden;
    background: #f5f1e9;
    font-family: "Urbanist", sans-serif;
}

.ak-checkout-page::before {
    position: absolute;
    top: 90px;
    right: -220px;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(183, 149, 94, .13);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-checkout-page .container {
    position: relative;
    z-index: 1;
}

.ak-checkout-intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 35px;
    padding: clamp(30px, 4vw, 48px);
    border: 1px solid rgba(23, 22, 19, .12);
    background: #fff;
    box-shadow: 0 24px 60px rgba(22, 20, 17, .08);
}

.ak-checkout-intro__content {
    max-width: 780px;
}

.ak-checkout-intro h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(40px, 4.5vw, 56px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.035em;
}

.ak-checkout-intro p {
    max-width: 720px;
    margin: 17px 0 0;
    color: #74716b;
    font-size: 14px;
    line-height: 1.75;
}

.ak-checkout-back {
    display: inline-flex;
    min-height: 50px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 20px;
    border: 1px solid rgba(23, 22, 19, .15);
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 800;
}

.ak-checkout-back:hover {
    border-color: var(--ak-stone-dark);
    color: var(--ak-stone-dark);
}

.ak-checkout-steps {
    display: flex;
    align-items: stretch;
    margin: 20px 0 24px;
    border: 1px solid rgba(23, 22, 19, .11);
    background: #fff;
}

.ak-checkout-step {
    display: flex;
    width: 33.333%;
    min-height: 93px;
    align-items: center;
    gap: 13px;
    padding: 20px 25px;
    border-right: 1px solid rgba(23, 22, 19, .09);
    color: #918c84;
}

.ak-checkout-step:last-child {
    border-right: 0;
}

.ak-checkout-step.is-active {
    background: #191917;
    color: #fff;
}

.ak-checkout-step.is-done {
    background: #fbfaf6;
    color: var(--ak-stone-dark);
}

.ak-checkout-step > span {
    display: inline-flex;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(23, 22, 19, .14);
    border-radius: 50%;
    color: var(--ak-stone-dark);
    font-size: 13px;
}

.ak-checkout-step.is-active > span {
    border-color: rgba(212, 182, 129, .35);
    background: rgba(212, 182, 129, .12);
    color: #d4b681;
}

.ak-checkout-step > div {
    display: flex;
    flex-direction: column;
}

.ak-checkout-step small {
    margin-bottom: 3px;
    color: #aaa59d;
    font-size: 11px;
    font-weight: 700;
}

.ak-checkout-step.is-active small {
    color: rgba(255, 255, 255, .48);
}

.ak-checkout-step strong {
    font-size: 13px;
    font-weight: 800;
}

.ak-checkout-status {
    display: none;
    margin-bottom: 20px;
    padding: 14px 17px;
    border-left: 3px solid var(--ak-stone-dark);
    background: #f7f3eb;
    color: #514b42;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.55;
}

.ak-checkout-status.is-visible {
    display: block;
}

.ak-checkout-status.is-success {
    border-left-color: #28734d;
    background: #f0faf4;
    color: #1e6040;
}

.ak-checkout-status.is-error {
    border-left-color: #b42318;
    background: #fff5f4;
    color: #8d2119;
}

.ak-checkout-panel,
.ak-checkout-summary,
.ak-checkout-closed {
    border: 1px solid rgba(23, 22, 19, .12);
    background: #fff;
    box-shadow: 0 20px 50px rgba(22, 20, 17, .07);
}

.ak-checkout-forms {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ak-checkout-panel {
    padding: clamp(22px, 3vw, 32px);
}

.ak-checkout-panel__heading,
.ak-checkout-summary__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 26px;
    padding-bottom: 21px;
    border-bottom: 1px solid rgba(23, 22, 19, .09);
}

.ak-checkout-panel__heading > div > span,
.ak-checkout-summary__heading small {
    display: block;
    margin-bottom: 5px;
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
}

.ak-checkout-panel__heading h3,
.ak-checkout-summary__heading h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 31px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.025em;
}

.ak-checkout-panel__heading p {
    max-width: 620px;
    margin: 9px 0 0;
    color: #77736c;
    font-size: 12px;
    line-height: 1.65;
}

.ak-checkout-panel__heading > span,
.ak-checkout-summary__heading > span {
    display: inline-flex;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(184, 149, 95, .26);
    border-radius: 50%;
    background: #f8f4ec;
    color: var(--ak-stone-dark);
}

.ak-checkout-field label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 8px;
    color: #45433e;
    font-size: 12px;
    font-weight: 800;
}

.ak-checkout-field label em {
    color: #a83930;
    font-style: normal;
}

.ak-checkout-control {
    display: flex;
    align-items: center;
    min-height: 56px;
    border: 1px solid rgba(23, 22, 19, .14);
    background: #faf8f4;
    transition: border-color .22s ease, box-shadow .22s ease, background .22s ease;
}

.ak-checkout-control:focus-within {
    border-color: var(--ak-stone-dark);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(184, 149, 95, .1);
}

.ak-checkout-control input,
.ak-checkout-control select,
.ak-checkout-control textarea {
    width: 100%;
    min-width: 0;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ak-ink);
    font-family: "Urbanist", sans-serif;
    font-size: 13px;
    font-weight: 500;
}

.ak-checkout-control input,
.ak-checkout-control select {
    height: 54px;
    padding: 0 14px;
}

.ak-checkout-control textarea {
    min-height: 110px;
    padding: 14px;
    resize: vertical;
}

.ak-checkout-control--textarea {
    align-items: flex-start;
}

.ak-checkout-control--phone > span {
    margin-left: 14px;
    padding-right: 10px;
    border-right: 1px solid rgba(23, 22, 19, .12);
    color: #4d4a44;
    font-size: 12px;
    font-weight: 800;
}

.ak-checkout-same {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 22px;
    padding: 14px;
    border-left: 3px solid var(--ak-stone);
    background: #f7f4ed;
    color: #625e56;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.6;
    cursor: pointer;
}

.ak-checkout-same input {
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    margin-top: 1px;
    accent-color: var(--ak-stone-dark);
}

.ak-checkout-company {
    margin-top: 22px;
}

.ak-checkout-company > button {
    display: flex;
    width: 100%;
    min-height: 52px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 16px;
    border: 1px solid rgba(23, 22, 19, .13);
    background: #fff;
    color: var(--ak-ink);
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.ak-checkout-company > button:hover {
    border-color: var(--ak-stone-dark);
    color: var(--ak-stone-dark);
}

.ak-checkout-company__fields {
    margin-top: 18px;
}

.ak-checkout-payment-methods {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.ak-checkout-payment {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px;
    border: 1px solid rgba(23, 22, 19, .13);
    background: #fff;
    cursor: pointer;
    transition: border-color .22s ease, background .22s ease, transform .22s ease;
}

.ak-checkout-payment:hover,
.ak-checkout-payment.is-active {
    border-color: var(--ak-stone-dark);
    background: #fbf8f1;
}

.ak-checkout-payment input {
    display: none;
}

.ak-checkout-payment__icon {
    display: inline-flex;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(184, 149, 95, .25);
    border-radius: 50%;
    background: #f7f3eb;
    color: var(--ak-stone-dark);
}

.ak-checkout-payment__content {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ak-checkout-payment__content strong {
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 800;
}

.ak-checkout-payment__content small {
    margin-top: 4px;
    color: #77736c;
    font-size: 11px;
    line-height: 1.45;
}

.ak-checkout-bank-area {
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid rgba(23, 22, 19, .09);
}

.ak-checkout-bank-heading {
    margin-bottom: 16px;
}

.ak-checkout-bank-heading span {
    display: block;
    margin-bottom: 5px;
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
}

.ak-checkout-bank-heading h4 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 25px;
    font-weight: 600;
}

.ak-checkout-bank-list {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.ak-checkout-bank-card {
    display: flex;
    gap: 14px;
    padding: 17px;
    border: 1px solid rgba(23, 22, 19, .1);
    background: #faf8f4;
}

.ak-checkout-bank-card__logo {
    display: inline-flex;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(23, 22, 19, .1);
    border-radius: 50%;
    background: #fff;
}

.ak-checkout-bank-card__logo img {
    max-width: 42px;
    max-height: 42px;
}

.ak-checkout-bank-card__logo--text {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 21px;
    font-weight: 700;
}

.ak-checkout-bank-card__content {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.ak-checkout-bank-card h5 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 23px;
    font-weight: 600;
}

.ak-checkout-bank-card p {
    margin: 4px 0 10px;
    color: #74716b;
    font-size: 11px;
    font-weight: 700;
}

.ak-checkout-bank-card__content div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 0;
    border-top: 1px dashed rgba(23, 22, 19, .1);
}

.ak-checkout-bank-card span {
    color: #817d75;
    font-size: 10px;
}

.ak-checkout-bank-card strong {
    color: var(--ak-ink);
    font-size: 11px;
    font-weight: 800;
    text-align: right;
    word-break: break-word;
}

.ak-checkout-bank-card small {
    margin-top: 8px;
    color: #817d75;
    font-size: 10px;
    line-height: 1.5;
}

.ak-checkout-bank-empty {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px;
    border-left: 3px solid var(--ak-stone);
    background: #f7f4ed;
    color: #6f6a62;
    font-size: 12px;
    font-weight: 700;
}

.ak-checkout-summary {
    position: sticky;
    top: 105px;
    padding: 27px;
}

.ak-checkout-items {
    display: flex;
    flex-direction: column;
    gap: 13px;
    margin-bottom: 22px;
}

.ak-checkout-item {
    display: flex;
    gap: 12px;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(23, 22, 19, .08);
}

.ak-checkout-item__image {
    display: flex;
    width: 62px;
    height: 62px;
    flex: 0 0 62px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #f4f0e8;
}

.ak-checkout-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ak-checkout-item__content {
    min-width: 0;
    flex: 1;
}

.ak-checkout-item__content h4 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.05;
}

.ak-checkout-item__content span {
    display: block;
    margin-top: 5px;
    color: #817d75;
    font-size: 10px;
}

.ak-checkout-item__price {
    color: var(--ak-stone-dark);
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.ak-checkout-totals {
    border-top: 1px solid rgba(23, 22, 19, .1);
    padding-top: 12px;
}

.ak-checkout-totals > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 11px 0;
    border-bottom: 1px solid rgba(23, 22, 19, .08);
}

.ak-checkout-totals span {
    color: #817d75;
    font-size: 12px;
}

.ak-checkout-totals strong {
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 800;
    text-align: right;
}

.ak-checkout-totals [data-ak-discount-row] strong {
    color: #9f3931;
}

.ak-checkout-totals__grand {
    margin-top: 5px;
    padding-top: 18px !important;
    border-bottom: 0 !important;
}

.ak-checkout-totals__grand span {
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 800;
}

.ak-checkout-totals__grand strong {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 29px;
    font-weight: 700;
}

.ak-checkout-secure {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid rgba(23, 22, 19, .09);
    color: #817d75;
}

.ak-checkout-secure i {
    margin-top: 3px;
    color: #28734d;
    font-size: 13px;
}

.ak-checkout-secure p {
    margin: 0;
    font-size: 11px;
    line-height: 1.55;
}

.ak-checkout-submit {
    display: flex;
    width: 100%;
    min-height: 58px;
    align-items: center;
    justify-content: space-between;
    gap: 13px;
    margin-top: 22px;
    padding: 0 19px;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: #fff;
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 800;
    cursor: pointer;
}

.ak-checkout-submit:hover {
    border-color: var(--ak-stone-dark);
    background: var(--ak-stone-dark);
    color: #fff;
}

.ak-checkout-submit > i:last-child {
    display: none;
}

.ak-checkout-submit.is-loading {
    pointer-events: none;
    opacity: .76;
}

.ak-checkout-submit.is-loading > i:nth-child(2) {
    display: none;
}

.ak-checkout-submit.is-loading > i:last-child {
    display: inline-block;
}

.ak-checkout-closed {
    display: flex;
    min-height: 380px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 45px 25px;
    text-align: center;
}

.ak-checkout-closed > span {
    display: inline-flex;
    width: 76px;
    height: 76px;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    border: 1px solid rgba(168, 57, 48, .22);
    border-radius: 50%;
    background: #fff3f2;
    color: #a83930;
    font-size: 24px;
}

.ak-checkout-closed h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 33px;
    font-weight: 600;
}

.ak-checkout-closed p {
    max-width: 540px;
    margin: 12px 0 23px;
    color: #7d7972;
    font-size: 13px;
    line-height: 1.7;
}

.ak-checkout-closed a {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 21px;
    background: var(--ak-ink);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

.ak-checkout-skeleton {
    display: flex;
    min-height: 420px;
    flex-direction: column;
    gap: 16px;
    padding: 29px;
    border: 1px solid rgba(23, 22, 19, .09);
    background: #fff;
}

.ak-checkout-skeleton--summary {
    min-height: 520px;
}

.ak-checkout-skeleton span {
    display: block;
    height: 18px;
    border-radius: 3px;
    background: linear-gradient(90deg, #f1eee8 25%, #faf8f4 50%, #f1eee8 75%);
    background-size: 200% 100%;
    animation: akCheckoutSkeleton 1.4s linear infinite;
}

.ak-checkout-skeleton span:nth-child(1) {
    width: 42%;
}

.ak-checkout-skeleton span:nth-child(2) {
    width: 88%;
}

.ak-checkout-skeleton span:nth-child(3) {
    width: 66%;
}

@keyframes akCheckoutSkeleton {
    from {
        background-position: 200% 0;
    }

    to {
        background-position: -200% 0;
    }
}

@media (max-width: 1199.98px) {
    .ak-checkout-summary {
        position: relative;
        top: auto;
    }
}

@media (max-width: 991.98px) {
    .ak-checkout-intro {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-checkout-back {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .ak-checkout-page {
        padding: 58px 0 76px;
    }

    .ak-checkout-page::before {
        display: none;
    }

    .ak-checkout-intro {
        padding: 29px 23px;
    }

    .ak-checkout-steps {
        flex-direction: column;
    }

    .ak-checkout-step {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid rgba(23, 22, 19, .09);
    }

    .ak-checkout-step:last-child {
        border-bottom: 0;
    }

    .ak-checkout-panel__heading,
    .ak-checkout-summary__heading {
        flex-direction: column;
    }

    .ak-checkout-bank-card {
        flex-direction: column;
    }
}

@media (max-width: 575.98px) {
    .ak-checkout-panel,
    .ak-checkout-summary {
        padding-right: 21px;
        padding-left: 21px;
    }

    .ak-checkout-payment {
        align-items: flex-start;
    }

    .ak-checkout-bank-card__content div {
        flex-direction: column;
        gap: 4px;
    }

    .ak-checkout-bank-card strong {
        text-align: left;
    }
}


/* =========================================================
   ODEME SAYFASI
========================================================= */

.ak-payment-page {
    position: relative;
    padding: clamp(68px, 7vw, 104px) 0 clamp(82px, 8vw, 126px);
    overflow: hidden;
    background: #f5f1e9;
    font-family: "Urbanist", sans-serif;
}

.ak-payment-page::before {
    position: absolute;
    top: 90px;
    right: -220px;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(183, 149, 94, .13);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-payment-page .container {
    position: relative;
    z-index: 1;
}

.ak-payment-intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 35px;
    padding: clamp(30px, 4vw, 48px);
    border: 1px solid rgba(23, 22, 19, .12);
    background: #fff;
    box-shadow: 0 24px 60px rgba(22, 20, 17, .08);
}

.ak-payment-intro__content {
    max-width: 780px;
}

.ak-payment-intro h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(40px, 4.5vw, 56px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.035em;
}

.ak-payment-intro p {
    max-width: 730px;
    margin: 17px 0 0;
    color: #74716b;
    font-size: 14px;
    line-height: 1.75;
}

.ak-payment-back {
    display: inline-flex;
    min-height: 50px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 20px;
    border: 1px solid rgba(23, 22, 19, .15);
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 800;
}

.ak-payment-back:hover {
    border-color: var(--ak-stone-dark);
    color: var(--ak-stone-dark);
}

.ak-payment-steps {
    display: flex;
    align-items: stretch;
    margin: 20px 0 24px;
    border: 1px solid rgba(23, 22, 19, .11);
    background: #fff;
}

.ak-payment-step {
    display: flex;
    width: 33.333%;
    min-height: 93px;
    align-items: center;
    gap: 13px;
    padding: 20px 25px;
    border-right: 1px solid rgba(23, 22, 19, .09);
    color: #918c84;
}

.ak-payment-step:last-child {
    border-right: 0;
}

.ak-payment-step.is-active {
    background: #191917;
    color: #fff;
}

.ak-payment-step.is-done {
    background: #fbfaf6;
    color: var(--ak-stone-dark);
}

.ak-payment-step > span {
    display: inline-flex;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(23, 22, 19, .14);
    border-radius: 50%;
    color: var(--ak-stone-dark);
    font-size: 13px;
}

.ak-payment-step.is-active > span {
    border-color: rgba(212, 182, 129, .35);
    background: rgba(212, 182, 129, .12);
    color: #d4b681;
}

.ak-payment-step > div {
    display: flex;
    flex-direction: column;
}

.ak-payment-step small {
    margin-bottom: 3px;
    color: #aaa59d;
    font-size: 11px;
    font-weight: 700;
}

.ak-payment-step.is-active small {
    color: rgba(255, 255, 255, .48);
}

.ak-payment-step strong {
    font-size: 13px;
    font-weight: 800;
}

.ak-payment-panel,
.ak-payment-summary,
.ak-payment-empty {
    border: 1px solid rgba(23, 22, 19, .12);
    background: #fff;
    box-shadow: 0 20px 50px rgba(22, 20, 17, .07);
}

.ak-payment-panel {
    padding: clamp(22px, 3vw, 32px);
}

.ak-payment-panel + .ak-payment-panel {
    margin-top: 24px;
}

.ak-payment-panel__heading,
.ak-payment-summary__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 26px;
    padding-bottom: 21px;
    border-bottom: 1px solid rgba(23, 22, 19, .09);
}

.ak-payment-panel__heading > div > span,
.ak-payment-summary__heading small {
    display: block;
    margin-bottom: 5px;
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
}

.ak-payment-panel__heading h3,
.ak-payment-summary__heading h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 31px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.025em;
}

.ak-payment-panel__heading p {
    max-width: 680px;
    margin: 9px 0 0;
    color: #77736c;
    font-size: 12px;
    line-height: 1.65;
}

.ak-payment-panel__heading > span,
.ak-payment-summary__heading > span {
    display: inline-flex;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(184, 149, 95, .26);
    border-radius: 50%;
    background: #f8f4ec;
    color: var(--ak-stone-dark);
}

.ak-payment-method-box {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 19px;
    border: 1px solid rgba(23, 22, 19, .11);
    background: #faf8f4;
}

.ak-payment-method-box__icon {
    display: inline-flex;
    width: 55px;
    height: 55px;
    flex: 0 0 55px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(184, 149, 95, .28);
    border-radius: 50%;
    background: #fff;
    color: var(--ak-stone-dark);
    font-size: 18px;
}

.ak-payment-method-box small {
    display: block;
    margin-bottom: 4px;
    color: #817d75;
    font-size: 11px;
    font-weight: 700;
}

.ak-payment-method-box strong {
    display: block;
    color: var(--ak-ink);
    font-size: 15px;
    font-weight: 800;
}

.ak-payment-method-box p {
    margin: 6px 0 0;
    color: #77736c;
    font-size: 12px;
    line-height: 1.6;
}

.ak-payment-notice {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-top: 18px;
    padding: 16px;
    border-left: 3px solid var(--ak-stone);
    background: #f7f4ed;
}

.ak-payment-notice i {
    margin-top: 3px;
    color: var(--ak-stone-dark);
    font-size: 14px;
}

.ak-payment-notice strong {
    display: block;
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 800;
}

.ak-payment-notice p {
    margin: 5px 0 0;
    color: #706b63;
    font-size: 12px;
    line-height: 1.65;
}

.ak-payment-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 24px;
}

.ak-payment-submit,
.ak-payment-secondary {
    display: inline-flex;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 21px;
    font-family: "Urbanist", sans-serif;
    font-size: 12px;
    font-weight: 800;
}

.ak-payment-submit {
    flex: 1;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: #fff;
    cursor: pointer;
}

.ak-payment-submit:hover {
    border-color: var(--ak-stone-dark);
    background: var(--ak-stone-dark);
}

.ak-payment-secondary {
    border: 1px solid rgba(23, 22, 19, .14);
    background: #fff;
    color: var(--ak-ink);
}

.ak-payment-secondary:hover {
    border-color: var(--ak-stone-dark);
    color: var(--ak-stone-dark);
}

.ak-payment-item-count {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    padding: 0 13px;
    background: #f7f3eb;
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 23px;
}

.ak-payment-items {
    display: flex;
    flex-direction: column;
}

.ak-payment-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(23, 22, 19, .08);
}

.ak-payment-item:first-child {
    padding-top: 0;
}

.ak-payment-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.ak-payment-item__image {
    display: flex;
    width: 76px;
    height: 76px;
    flex: 0 0 76px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #f4f0e8;
}

.ak-payment-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ak-payment-item__content {
    min-width: 0;
    flex: 1;
}

.ak-payment-item__content h4 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.02em;
}

.ak-payment-item__content div {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    margin-top: 7px;
}

.ak-payment-item__content span {
    color: #817d75;
    font-size: 11px;
}

.ak-payment-item__price {
    color: var(--ak-stone-dark);
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.ak-payment-summary {
    position: sticky;
    top: 105px;
    padding: 27px;
}

.ak-payment-info {
    display: flex;
    flex-direction: column;
    margin-bottom: 18px;
}

.ak-payment-info > div,
.ak-payment-totals > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(23, 22, 19, .08);
}

.ak-payment-info span,
.ak-payment-totals span {
    color: #817d75;
    font-size: 12px;
}

.ak-payment-info strong,
.ak-payment-totals strong {
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 800;
    text-align: right;
}

.ak-payment-badge {
    display: inline-flex;
    min-height: 29px;
    align-items: center;
    padding: 0 9px;
    background: #fff6df;
    color: #8b6525 !important;
    font-size: 11px !important;
}

.ak-payment-discount {
    color: #9f3931 !important;
}

.ak-payment-totals__grand {
    margin-top: 5px;
    padding-top: 18px !important;
    border-bottom: 0 !important;
}

.ak-payment-totals__grand span {
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 800;
}

.ak-payment-totals__grand strong {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 29px;
    font-weight: 700;
}

.ak-payment-safe {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid rgba(23, 22, 19, .09);
    color: #817d75;
}

.ak-payment-safe i {
    margin-top: 3px;
    color: #28734d;
    font-size: 13px;
}

.ak-payment-safe p {
    margin: 0;
    font-size: 11px;
    line-height: 1.55;
}

.ak-payment-empty {
    display: flex;
    min-height: 390px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 45px 25px;
    text-align: center;
}

.ak-payment-empty__icon {
    display: inline-flex;
    width: 76px;
    height: 76px;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    border: 1px solid rgba(168, 57, 48, .22);
    border-radius: 50%;
    background: #fff3f2;
    color: #a83930;
    font-size: 24px;
}

.ak-payment-empty h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 34px;
    font-weight: 600;
    letter-spacing: -.025em;
}

.ak-payment-empty p {
    max-width: 560px;
    margin: 12px 0 23px;
    color: #7d7972;
    font-size: 13px;
    line-height: 1.7;
}

.ak-payment-empty a {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 21px;
    background: var(--ak-ink);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

.ak-payment-empty a:hover {
    background: var(--ak-stone-dark);
    color: #fff;
}

@media (max-width: 1199.98px) {
    .ak-payment-summary {
        position: relative;
        top: auto;
    }
}

@media (max-width: 991.98px) {
    .ak-payment-intro {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-payment-back {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .ak-payment-page {
        padding: 58px 0 76px;
    }

    .ak-payment-page::before {
        display: none;
    }

    .ak-payment-intro {
        padding: 29px 23px;
    }

    .ak-payment-steps {
        flex-direction: column;
    }

    .ak-payment-step {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid rgba(23, 22, 19, .09);
    }

    .ak-payment-step:last-child {
        border-bottom: 0;
    }

    .ak-payment-panel__heading,
    .ak-payment-summary__heading {
        flex-direction: column;
    }

    .ak-payment-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .ak-payment-secondary {
        width: 100%;
    }

    .ak-payment-item {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .ak-payment-item__price {
        width: 100%;
        padding-left: 91px;
    }
}

@media (max-width: 575.98px) {
    .ak-payment-panel,
    .ak-payment-summary {
        padding-right: 21px;
        padding-left: 21px;
    }

    .ak-payment-method-box {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-payment-item__image {
        width: 66px;
        height: 66px;
        flex-basis: 66px;
    }

    .ak-payment-item__content {
        width: calc(100% - 81px);
        flex: 0 0 calc(100% - 81px);
    }

    .ak-payment-item__price {
        padding-left: 81px;
    }
}


/* =========================================================
   ODEME SONUC SAYFASI
========================================================= */

.ak-result-page {
    position: relative;
    padding: clamp(68px, 7vw, 104px) 0 clamp(82px, 8vw, 126px);
    overflow: hidden;
    background: #f5f1e9;
    font-family: "Urbanist", sans-serif;
}

.ak-result-page::before {
    position: absolute;
    top: 90px;
    right: -220px;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(183, 149, 94, .13);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-result-page .container {
    position: relative;
    z-index: 1;
}

.ak-result-intro {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 35px;
    padding: clamp(30px, 4vw, 48px);
    border: 1px solid rgba(23, 22, 19, .12);
    background: #fff;
    box-shadow: 0 24px 60px rgba(22, 20, 17, .08);
}

.ak-result-intro__content {
    max-width: 780px;
}

.ak-result-intro h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(40px, 4.5vw, 56px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.035em;
}

.ak-result-intro p {
    max-width: 730px;
    margin: 17px 0 0;
    color: #74716b;
    font-size: 14px;
    line-height: 1.75;
}

.ak-result-back {
    display: inline-flex;
    min-height: 50px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 20px;
    border: 1px solid rgba(23, 22, 19, .15);
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 800;
}

.ak-result-back:hover {
    border-color: var(--ak-stone-dark);
    color: var(--ak-stone-dark);
}

.ak-result-steps {
    display: flex;
    align-items: stretch;
    margin: 20px 0 24px;
    border: 1px solid rgba(23, 22, 19, .11);
    background: #fff;
}

.ak-result-step {
    display: flex;
    width: 33.333%;
    min-height: 93px;
    align-items: center;
    gap: 13px;
    padding: 20px 25px;
    border-right: 1px solid rgba(23, 22, 19, .09);
    color: #918c84;
}

.ak-result-step:last-child {
    border-right: 0;
}

.ak-result-step.is-active {
    background: #191917;
    color: #fff;
}

.ak-result-step.is-done {
    background: #fbfaf6;
    color: var(--ak-stone-dark);
}

.ak-result-step.is-ok {
    background: #16251d;
}

.ak-result-step.is-fail {
    background: #2b1715;
}

.ak-result-step.is-wait {
    background: #2b2517;
}

.ak-result-step > span {
    display: inline-flex;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(23, 22, 19, .14);
    border-radius: 50%;
    color: var(--ak-stone-dark);
    font-size: 13px;
}

.ak-result-step.is-active > span {
    border-color: rgba(212, 182, 129, .35);
    background: rgba(212, 182, 129, .12);
    color: #d4b681;
}

.ak-result-step > div {
    display: flex;
    flex-direction: column;
}

.ak-result-step small {
    margin-bottom: 3px;
    color: #aaa59d;
    font-size: 11px;
    font-weight: 700;
}

.ak-result-step.is-active small {
    color: rgba(255, 255, 255, .48);
}

.ak-result-step strong {
    font-size: 13px;
    font-weight: 800;
}

.ak-result-status-card,
.ak-result-panel,
.ak-result-summary,
.ak-result-empty {
    border: 1px solid rgba(23, 22, 19, .12);
    background: #fff;
    box-shadow: 0 20px 50px rgba(22, 20, 17, .07);
}

.ak-result-status-card {
    display: flex;
    align-items: center;
    gap: 22px;
    margin-bottom: 24px;
    padding: clamp(24px, 3vw, 34px);
    border-left: 5px solid var(--ak-stone-dark);
}

.ak-result-status-card--ok {
    border-left-color: #28734d;
    background: linear-gradient(135deg, #fff 0%, #f2fbf5 100%);
}

.ak-result-status-card--fail {
    border-left-color: #a83930;
    background: linear-gradient(135deg, #fff 0%, #fff4f3 100%);
}

.ak-result-status-card--wait {
    border-left-color: #b98628;
    background: linear-gradient(135deg, #fff 0%, #fff8e9 100%);
}

.ak-result-status-card__icon {
    display: inline-flex;
    width: 74px;
    height: 74px;
    flex: 0 0 74px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #f7f3eb;
    color: var(--ak-stone-dark);
    font-size: 28px;
}

.ak-result-status-card--ok .ak-result-status-card__icon {
    background: #edf8f1;
    color: #28734d;
}

.ak-result-status-card--fail .ak-result-status-card__icon {
    background: #fff0ef;
    color: #a83930;
}

.ak-result-status-card--wait .ak-result-status-card__icon {
    background: #fff6df;
    color: #b98628;
}

.ak-result-status-card__content span {
    display: block;
    margin-bottom: 5px;
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
}

.ak-result-status-card__content h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(34px, 3.5vw, 44px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.03em;
}

.ak-result-status-card__content p {
    max-width: 760px;
    margin: 12px 0 0;
    color: #706c64;
    font-size: 13px;
    line-height: 1.7;
}

.ak-result-panel {
    padding: clamp(22px, 3vw, 32px);
}

.ak-result-panel + .ak-result-panel {
    margin-top: 24px;
}

.ak-result-panel__heading,
.ak-result-summary__heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 26px;
    padding-bottom: 21px;
    border-bottom: 1px solid rgba(23, 22, 19, .09);
}

.ak-result-panel__heading > div > span,
.ak-result-summary__heading small {
    display: block;
    margin-bottom: 5px;
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
}

.ak-result-panel__heading h3,
.ak-result-summary__heading h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 31px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.025em;
}

.ak-result-panel__heading p {
    max-width: 680px;
    margin: 9px 0 0;
    color: #77736c;
    font-size: 12px;
    line-height: 1.65;
}

.ak-result-panel__heading > span,
.ak-result-summary__heading > span {
    display: inline-flex;
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(184, 149, 95, .26);
    border-radius: 50%;
    background: #f8f4ec;
    color: var(--ak-stone-dark);
}

.ak-result-item-count {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    justify-content: center;
    padding: 0 13px;
    background: #f7f3eb;
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 23px;
}

.ak-result-items {
    display: flex;
    flex-direction: column;
}

.ak-result-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(23, 22, 19, .08);
}

.ak-result-item:first-child {
    padding-top: 0;
}

.ak-result-item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.ak-result-item__image {
    display: flex;
    width: 76px;
    height: 76px;
    flex: 0 0 76px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #f4f0e8;
}

.ak-result-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ak-result-item__content {
    min-width: 0;
    flex: 1;
}

.ak-result-item__content h4 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.02em;
}

.ak-result-item__content div {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    margin-top: 7px;
}

.ak-result-item__content span {
    color: #817d75;
    font-size: 11px;
}

.ak-result-item__price {
    color: var(--ak-stone-dark);
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.ak-result-delivery {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
}

.ak-result-delivery > div {
    display: flex;
    width: calc(50% - 7px);
    flex-direction: column;
    padding: 15px;
    border: 1px solid rgba(23, 22, 19, .1);
    background: #faf8f4;
}

.ak-result-delivery__full {
    width: 100% !important;
}

.ak-result-delivery span {
    margin-bottom: 5px;
    color: #817d75;
    font-size: 10px;
    font-weight: 700;
}

.ak-result-delivery strong {
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.55;
}

.ak-result-bank-panel {
    margin-bottom: 24px;
}

.ak-result-bank-list {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.ak-result-bank-card {
    display: flex;
    gap: 14px;
    padding: 17px;
    border: 1px solid rgba(23, 22, 19, .1);
    background: #faf8f4;
}

.ak-result-bank-card__logo {
    display: inline-flex;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(23, 22, 19, .1);
    border-radius: 50%;
    background: #fff;
}

.ak-result-bank-card__logo img {
    max-width: 42px;
    max-height: 42px;
}

.ak-result-bank-card__logo--text {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 21px;
    font-weight: 700;
}

.ak-result-bank-card__content {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.ak-result-bank-card h4 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 23px;
    font-weight: 600;
}

.ak-result-bank-card p {
    margin: 4px 0 10px;
    color: #74716b;
    font-size: 11px;
    font-weight: 700;
}

.ak-result-bank-card__content div {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 7px 0;
    border-top: 1px dashed rgba(23, 22, 19, .1);
}

.ak-result-bank-card span {
    color: #817d75;
    font-size: 10px;
}

.ak-result-bank-card strong {
    color: var(--ak-ink);
    font-size: 11px;
    font-weight: 800;
    text-align: right;
    word-break: break-word;
}

.ak-result-bank-card small {
    margin-top: 8px;
    color: #817d75;
    font-size: 10px;
    line-height: 1.5;
}

.ak-result-bank-empty {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px;
    border-left: 3px solid var(--ak-stone);
    background: #f7f4ed;
    color: #6f6a62;
    font-size: 12px;
    font-weight: 700;
}

.ak-result-summary {
    position: sticky;
    top: 105px;
    padding: 27px;
}

.ak-result-info {
    display: flex;
    flex-direction: column;
    margin-bottom: 18px;
}

.ak-result-info > div,
.ak-result-totals > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(23, 22, 19, .08);
}

.ak-result-info span,
.ak-result-totals span {
    color: #817d75;
    font-size: 12px;
}

.ak-result-info strong,
.ak-result-totals strong {
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 800;
    text-align: right;
}

.ak-result-badge {
    display: inline-flex;
    min-height: 29px;
    align-items: center;
    padding: 0 9px;
    background: #fff6df;
    color: #8b6525 !important;
    font-size: 11px !important;
}

.ak-result-badge--ok {
    background: #edf8f1;
    color: #28734d !important;
}

.ak-result-badge--fail {
    background: #fff0ef;
    color: #a83930 !important;
}

.ak-result-badge--wait {
    background: #fff6df;
    color: #8b6525 !important;
}

.ak-result-discount {
    color: #9f3931 !important;
}

.ak-result-totals__grand {
    margin-top: 5px;
    padding-top: 18px !important;
    border-bottom: 0 !important;
}

.ak-result-totals__grand span {
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 800;
}

.ak-result-totals__grand strong {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 29px;
    font-weight: 700;
}

.ak-result-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 22px;
}

.ak-result-action {
    display: flex;
    width: 100%;
    min-height: 52px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 0 17px;
    border: 1px solid rgba(23, 22, 19, .14);
    font-size: 12px;
    font-weight: 800;
}

.ak-result-action--dark {
    border-color: var(--ak-ink);
    background: var(--ak-ink);
    color: #fff;
}

.ak-result-action--dark:hover {
    border-color: var(--ak-stone-dark);
    background: var(--ak-stone-dark);
    color: #fff;
}

.ak-result-action--light {
    background: #fff;
    color: var(--ak-ink);
}

.ak-result-action--light:hover,
.ak-result-action--ghost:hover {
    border-color: var(--ak-stone-dark);
    color: var(--ak-stone-dark);
}

.ak-result-action--ghost {
    background: #faf8f4;
    color: #625e56;
}

.ak-result-safe {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 20px;
    padding-top: 18px;
    border-top: 1px solid rgba(23, 22, 19, .09);
    color: #817d75;
}

.ak-result-safe i {
    margin-top: 3px;
    color: #28734d;
    font-size: 13px;
}

.ak-result-safe p {
    margin: 0;
    font-size: 11px;
    line-height: 1.55;
}

.ak-result-empty {
    display: flex;
    min-height: 390px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 45px 25px;
    text-align: center;
}

.ak-result-empty__icon {
    display: inline-flex;
    width: 76px;
    height: 76px;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    border: 1px solid rgba(168, 57, 48, .22);
    border-radius: 50%;
    background: #fff3f2;
    color: #a83930;
    font-size: 24px;
}

.ak-result-empty h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 34px;
    font-weight: 600;
    letter-spacing: -.025em;
}

.ak-result-empty p {
    max-width: 560px;
    margin: 12px 0 23px;
    color: #7d7972;
    font-size: 13px;
    line-height: 1.7;
}

.ak-result-empty a {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 21px;
    background: var(--ak-ink);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
}

.ak-result-empty a:hover {
    background: var(--ak-stone-dark);
    color: #fff;
}

@media (max-width: 1199.98px) {
    .ak-result-summary {
        position: relative;
        top: auto;
    }
}

@media (max-width: 991.98px) {
    .ak-result-intro {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-result-back {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .ak-result-page {
        padding: 58px 0 76px;
    }

    .ak-result-page::before {
        display: none;
    }

    .ak-result-intro {
        padding: 29px 23px;
    }

    .ak-result-steps {
        flex-direction: column;
    }

    .ak-result-step {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid rgba(23, 22, 19, .09);
    }

    .ak-result-step:last-child {
        border-bottom: 0;
    }

    .ak-result-status-card {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-result-panel__heading,
    .ak-result-summary__heading {
        flex-direction: column;
    }

    .ak-result-delivery > div {
        width: 100%;
    }

    .ak-result-bank-card {
        flex-direction: column;
    }

    .ak-result-item {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .ak-result-item__price {
        width: 100%;
        padding-left: 91px;
    }
}

@media (max-width: 575.98px) {
    .ak-result-panel,
    .ak-result-summary {
        padding-right: 21px;
        padding-left: 21px;
    }

    .ak-result-item__image {
        width: 66px;
        height: 66px;
        flex-basis: 66px;
    }

    .ak-result-item__content {
        width: calc(100% - 81px);
        flex: 0 0 calc(100% - 81px);
    }

    .ak-result-item__price {
        padding-left: 81px;
    }

    .ak-result-bank-card__content div {
        flex-direction: column;
        gap: 4px;
    }

    .ak-result-bank-card strong {
        text-align: left;
    }
}


/* =========================================================
   PRODUCTS LIST PAGE
========================================================= */

.ak-products-page {
    position: relative;
    padding: 40px 0 112px;
    overflow: hidden;
    background: #fcfbfa;
    font-family: "Urbanist", sans-serif;
}

.ak-products-page::before {
    position: absolute;
    top: -230px;
    right: -190px;
    width: 520px;
    height: 520px;
    border: 1px solid rgba(143, 109, 62, .11);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-products-page__line {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(23, 23, 19, .05);
    pointer-events: none;
}

.ak-products-page__line--left {
    left: 6.5%;
}

.ak-products-page__line--right {
    right: 6.5%;
}

.ak-products-page .container {
    position: relative;
    z-index: 2;
}

.ak-products-heading {
    margin-bottom: 48px;
}

.ak-products-heading h2 {
    max-width: 780px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(38px, 4.1vw, 52px);
    font-weight: 600;
    line-height: 1.02;
    letter-spacing: -.035em;
}

.ak-products-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-top: 18px;
    color: #7d786f;
    font-size: 12px;
    font-weight: 700;
}

.ak-products-breadcrumb a {
    color: #2f2d29;
}

.ak-products-breadcrumb a:hover {
    color: var(--ak-stone-dark);
}

.ak-products-breadcrumb i {
    display: inline-flex;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--ak-stone);
}

.ak-products-heading__note {
    max-width: 420px;
    margin-left: auto;
    padding: 24px 26px;
    border-left: 3px solid var(--ak-stone);
    background: rgba(255, 255, 255, .62);
}

.ak-products-heading__note strong {
    display: block;
    color: var(--ak-ink);
    font-size: 15px;
    font-weight: 800;
}

.ak-products-heading__note p {
    margin: 8px 0 0;
    color: #77726a;
    font-size: 13px;
    line-height: 1.7;
}

.ak-products-mobile-filter {
    margin-bottom: 22px;
}

.ak-products-mobile-filter button {
    display: inline-flex;
    width: 100%;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid var(--ak-line);
    background: #fff;
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 800;
}

.ak-products-sidebar {
    position: sticky;
    top: 142px;
}

.ak-products-filter-card {
    margin-bottom: 18px;
    padding: 24px;
    border: 1px solid rgba(23, 23, 19, .11);
    background: #fff;
    box-shadow: 0 18px 42px rgba(22, 20, 16, .045);
}

.ak-products-filter-card__heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

.ak-products-filter-card__heading span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(184, 149, 95, .28);
    background: #f7f2e9;
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.ak-products-filter-card__heading strong {
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.02em;
}

.ak-products-searchbox {
    display: flex;
    align-items: center;
    min-height: 52px;
    border: 1px solid rgba(23, 23, 19, .12);
    background: #f8f5ee;
}

.ak-products-searchbox i {
    width: 48px;
    color: var(--ak-stone-dark);
    text-align: center;
    font-size: 14px;
}

.ak-products-searchbox__input {
    width: 100%;
    min-width: 0;
    height: 52px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ak-ink);
    font-size: 11px;
    font-weight: 650;
}

.ak-products-searchbox__input::placeholder {
    color: #9b968d;
}

.ak-products-searchbox__button {
    min-width: 70px;
    height: 52px;
    padding: 0 16px;
    border: 0;
    background: var(--ak-ink);
    color: #fff;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .05em;
    text-transform: uppercase;
    transition: background var(--ak-transition), color var(--ak-transition);
}

.ak-products-searchbox__button:hover {
    background: var(--ak-stone-dark);
    color: #fff;
}

.ak-products-category-wrap .ak-product-category-tree {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ak-products-category-wrap .ak-product-category-tree ul {
    margin: 8px 0 0 13px;
    padding: 8px 0 0 13px;
    border-left: 1px solid rgba(23, 23, 19, .1);
    list-style: none;
}

.ak-products-category-wrap .ak-product-category-tree__item {
    margin-bottom: 6px;
}

.ak-products-category-wrap .ak-product-category-tree__item > a {
    display: flex;
    align-items: center;
    min-height: 38px;
    padding: 8px 11px;
    color: #4b4740;
    font-size: 13px;
    font-weight: 750;
    transition: background var(--ak-transition), color var(--ak-transition), padding-left var(--ak-transition);
}

.ak-products-category-wrap .ak-product-category-tree__item > a:hover,
.ak-products-category-wrap .ak-product-category-tree__item.is-active > a {
    padding-left: 15px;
    background: #f6f1e8;
    color: var(--ak-stone-dark);
}

.ak-products-brand-list {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.ak-products-brand-link {
    display: flex;
    min-height: 42px;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 9px 12px;
    border: 1px solid rgba(23, 23, 19, .1);
    color: #4c4842;
    font-size: 13px;
    font-weight: 750;
    transition: background var(--ak-transition), color var(--ak-transition), border-color var(--ak-transition);
}

.ak-products-brand-link i {
    color: var(--ak-stone-dark);
    font-size: 10px;
}

.ak-products-brand-link:hover,
.ak-products-brand-link.is-active {
    border-color: rgba(184, 149, 95, .32);
    background: #f7f2e9;
    color: var(--ak-stone-dark);
}

.ak-products-quote-card {
    position: relative;
    padding: 28px 26px;
    overflow: hidden;
    background: #171713;
    color: #fff;
}

.ak-products-quote-card::after {
    position: absolute;
    right: -75px;
    bottom: -85px;
    width: 170px;
    height: 170px;
    border: 1px solid rgba(255, 255, 255, .13);
    border-radius: 50%;
    content: "";
}

.ak-products-quote-card span {
    display: block;
    margin-bottom: 10px;
    color: #d1aa70;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.ak-products-quote-card h3 {
    max-width: 260px;
    margin: 0;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 31px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.025em;
}

.ak-products-quote-card p {
    max-width: 250px;
    margin: 14px 0 22px;
    color: rgba(255, 255, 255, .68);
    font-size: 13px;
    line-height: 1.65;
}

.ak-products-quote-card a {
    position: relative;
    z-index: 1;
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    gap: 10px;
    padding: 0 18px;
    background: #fff;
    color: #171713;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.ak-products-quote-card a:hover {
    background: var(--ak-stone);
    color: #fff;
}

.ak-products-brand-strip {
    margin-bottom: 22px;
    padding: 22px;
    border: 1px solid rgba(23, 23, 19, .1);
    background: rgba(255, 255, 255, .7);
}

.ak-products-brand-strip__heading {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 15px;
}

.ak-products-brand-strip__heading span {
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-products-brand-strip__heading strong {
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.02em;
}

.ak-products-brand-strip__list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ak-products-brand-logo {
    display: inline-flex;
    min-height: 56px;
    align-items: center;
    gap: 10px;
    padding: 8px 12px;
    border: 1px solid rgba(23, 23, 19, .1);
    background: #fff;
    color: #4e4941;
    transition: border-color var(--ak-transition), background var(--ak-transition), color var(--ak-transition);
}

.ak-products-brand-logo img {
    width: 48px;
    height: 30px;
    object-fit: contain;
}

.ak-products-brand-logo span {
    font-size: 12px;
    font-weight: 800;
}

.ak-products-brand-logo:hover,
.ak-products-brand-logo.is-active {
    border-color: rgba(184, 149, 95, .35);
    background: #f7f2e9;
    color: var(--ak-stone-dark);
}

.ak-products-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
    padding: 18px 20px;
    border: 1px solid rgba(23, 23, 19, .1);
    background: #fff;
}

.ak-products-toolbar__left,
.ak-products-toolbar__right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.ak-products-result-badge {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    gap: 8px;
    padding: 0 13px;
    background: #f8f4ec;
    color: #6d675d;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ak-products-result-badge strong {
    color: var(--ak-ink);
    font-size: 12px;
}

.ak-products-result-badge--brand {
    background: #171713;
    color: rgba(255, 255, 255, .72);
}

.ak-products-result-badge--brand strong {
    color: #fff;
}

.ak-products-clear-filter {
    display: inline-flex;
    min-height: 36px;
    align-items: center;
    gap: 8px;
    padding: 0 13px;
    border: 1px solid rgba(23, 23, 19, .12);
    color: #4d4841;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ak-products-clear-filter:hover {
    border-color: var(--ak-ink);
    background: var(--ak-ink);
    color: #fff;
}

.ak-products-status {
    display: none;
    margin-bottom: 16px;
    padding: 13px 16px;
    border-left: 3px solid var(--ak-stone-dark);
    background: #fff;
    color: #5f594f;
    font-size: 13px;
    font-weight: 700;
}

.ak-products-status.is-visible {
    display: block;
}

.ak-products-list {
    align-items: stretch;
}

.ak-products-list > div {
    display: flex;
}

.ak-product-card {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 100%;
    flex-direction: column;
    border: 1px solid rgba(23, 23, 19, .1);
    background: #fff;
    transition: border-color var(--ak-transition), transform var(--ak-transition), box-shadow var(--ak-transition);
}

.ak-product-card:hover {
    border-color: rgba(184, 149, 95, .34);
    transform: translateY(-4px);
    box-shadow: 0 22px 55px rgba(22, 20, 16, .1);
}

.ak-product-card__visual {
    position: relative;
    padding: 14px;
}

.ak-product-card__image {
    position: relative;
    display: block;
    height: 255px;
    overflow: hidden;
    background: #f3eee5;
}

.ak-product-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .65s cubic-bezier(.2, .7, .2, 1);
}

.ak-product-card:hover .ak-product-card__image img {
    transform: scale(1.05);
}

.ak-product-card__badge {
    position: absolute;
    top: 25px;
    left: 25px;
    z-index: 2;
    display: inline-flex;
    min-height: 28px;
    align-items: center;
    padding: 0 10px;
    background: #171713;
    color: #fff;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ak-product-card__actions {
    position: absolute;
    right: 24px;
    bottom: 24px;
    z-index: 3;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.ak-product-card__actions button,
.ak-product-card__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 39px;
    height: 39px;
    border: 0;
    background: rgba(255, 255, 255, .94);
    color: #171713;
    font-size: 13px;
    cursor: pointer;
    transform: translateX(8px);
    opacity: 0;
    transition: opacity var(--ak-transition), transform var(--ak-transition), background var(--ak-transition), color var(--ak-transition);
}

.ak-product-card:hover .ak-product-card__actions button,
.ak-product-card:hover .ak-product-card__actions a {
    opacity: 1;
    transform: translateX(0);
}

.ak-product-card__actions button:hover,
.ak-product-card__actions a:hover,
.ak-product-card__actions button.is-fav {
    background: var(--ak-stone-dark);
    color: #fff;
}

.ak-product-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 5px 18px 18px;
}

.ak-product-card__category {
    display: block;
    margin-bottom: 8px;
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-product-card__title {
    margin: 0;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.025em;
}

.ak-product-card__title a:hover {
    color: var(--ak-stone-dark);
}

.ak-product-card__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 11px;
    color: #827d74;
    font-size: 12px;
    font-weight: 700;
}

.ak-product-card__meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ak-product-card__meta span + span::before {
    display: inline-flex;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--ak-stone);
    content: "";
}

.ak-product-card__footer {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-top: auto;
    padding-top: 17px;
}

.ak-product-card__price {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.ak-product-card__price strong {
    color: var(--ak-ink);
    font-size: 15px;
    font-weight: 850;
}

.ak-product-card__price del {
    color: #9a948a;
    font-size: 12px;
    font-weight: 650;
}

.ak-product-card__price span {
    color: #7c756b;
    font-size: 12px;
    font-weight: 750;
}

.ak-product-card__cart {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 0 14px;
    border: 0;
    background: #171713;
    color: #fff;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--ak-transition), color var(--ak-transition);
}

.ak-product-card__cart:hover {
    background: var(--ak-stone-dark);
    color: #fff;
}

.ak-products-loader {
    display: none;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 96px;
}

.ak-products-loader.is-visible {
    display: flex;
}

.ak-products-loader span {
    display: inline-flex;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--ak-stone-dark);
    animation: akProductsLoader .7s ease-in-out infinite alternate;
}

.ak-products-loader span:nth-child(2) {
    animation-delay: .12s;
}

.ak-products-loader span:nth-child(3) {
    animation-delay: .24s;
}

@keyframes akProductsLoader {
    to {
        opacity: .35;
        transform: translateY(-7px);
    }
}

.ak-products-empty {
    display: flex;
    min-height: 360px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 45px 25px;
    border: 1px dashed rgba(23, 22, 19, .17);
    background: #fff;
    text-align: center;
}

.ak-products-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 74px;
    height: 74px;
    margin-bottom: 23px;
    border: 1px solid rgba(184, 149, 95, .26);
    border-radius: 50%;
    background: #f8f4ec;
    color: var(--ak-stone-dark);
    font-size: 24px;
}

.ak-products-empty h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -.025em;
}

.ak-products-empty p {
    max-width: 470px;
    margin: 11px 0 22px;
    color: #817d75;
    font-size: 13px;
    line-height: 1.7;
}

.ak-products-empty > a {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 21px;
    background: var(--ak-ink);
    color: #fff;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.ak-products-empty > a:hover {
    background: var(--ak-stone-dark);
    color: #fff;
}

.ak-products-loadmore {
    display: flex;
    justify-content: center;
    margin-top: 34px;
}

.ak-products-loadmore button {
    display: inline-flex;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 24px;
    border: 1px solid var(--ak-line);
    background: #fff;
    color: var(--ak-ink);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
    cursor: pointer;
}

.ak-products-loadmore button:hover {
    background: var(--ak-ink);
    color: #fff;
}

.ak-products-filter-canvas {
    width: min(420px, 94vw) !important;
    border: 0 !important;
    background: #f7f4ee;
}

.ak-products-filter-canvas .offcanvas-header {
    align-items: center;
    padding: 22px;
    border-bottom: 1px solid rgba(23, 23, 19, .1);
    background: #fff;
}

.ak-products-filter-canvas .offcanvas-header span {
    color: var(--ak-stone-dark);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.ak-products-filter-canvas .offcanvas-header h5 {
    margin: 3px 0 0;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 27px;
    font-weight: 600;
    letter-spacing: -.02em;
}

.ak-products-filter-canvas__close {
    display: inline-flex;
    width: 43px;
    height: 43px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ak-line);
    border-radius: 50%;
    background: transparent;
    color: var(--ak-ink);
    cursor: pointer;
}

.ak-product-variant-modal .modal-content {
    border: 0;
    border-radius: 0;
    background: #fff;
}

.ak-product-variant-modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 24px 26px;
    border-bottom: 1px solid rgba(23, 23, 19, .1);
}

.ak-product-variant-modal__header span {
    color: var(--ak-stone-dark);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.ak-product-variant-modal__header h3 {
    margin: 4px 0 0;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: -.025em;
}

.ak-product-variant-modal__header p {
    margin: 5px 0 0;
    color: #817b71;
    font-size: 13px;
}

.ak-product-variant-modal__header button {
    display: inline-flex;
    width: 42px;
    height: 42px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--ak-line);
    border-radius: 50%;
    background: transparent;
    color: var(--ak-ink);
    cursor: pointer;
}

.ak-product-variant-modal__body {
    padding: 24px 26px;
}

.ak-product-variant-list {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.ak-product-variant-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px;
    border: 1px solid rgba(23, 23, 19, .1);
    cursor: pointer;
}

.ak-product-variant-item.is-disabled {
    opacity: .55;
    cursor: not-allowed;
}

.ak-product-variant-item input {
    margin: 0;
}

.ak-product-variant-item__left {
    display: flex;
    align-items: center;
    gap: 12px;
}

.ak-product-variant-item__title {
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 850;
    margin-right: 8px;
}

.ak-product-variant-item__sub {
    margin-top: 2px;
    color: #817b72;
    font-size: 12px;
    font-weight: 650;
}

.ak-product-variant-item__price {
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 850;
    text-align: right;
    white-space: nowrap;
}

.ak-product-variant-qty {
    margin-top: 18px;
}

.ak-product-variant-qty label {
    display: block;
    margin-bottom: 7px;
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 850;
}

.ak-product-variant-qty input {
    width: 100%;
    height: 50px;
    padding: 0 14px;
    border: 1px solid rgba(23, 23, 19, .14);
    outline: 0;
}

.ak-product-variant-modal__footer {
    padding: 0 26px 26px;
}

.ak-product-variant-modal__footer button {
    display: inline-flex;
    width: 100%;
    min-height: 52px;
    align-items: center;
    justify-content: center;
    border: 0;
    background: var(--ak-ink);
    color: #fff;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
    cursor: pointer;
}

.ak-product-variant-modal__footer button:hover {
    background: var(--ak-stone-dark);
}

.ak-product-variant-modal__footer button:disabled {
    opacity: .55;
    cursor: not-allowed;
}

@media (max-width: 1199.98px) {
    .ak-products-sidebar {
        position: static;
    }
}

@media (max-width: 991.98px) {
    .ak-products-page {
        padding: 78px 0 92px;
    }

    .ak-products-heading__note {
        max-width: none;
        margin-left: 0;
    }

    .ak-products-toolbar {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-products-toolbar__right {
        width: 100%;
    }
}

@media (max-width: 767.98px) {
    .ak-products-page {
        padding: 62px 0 76px;
    }

    .ak-products-page::before,
    .ak-products-page__line {
        display: none;
    }

    .ak-products-heading {
        margin-bottom: 34px;
    }

    .ak-products-heading h2 {
        font-size: 34px;
    }

    .ak-products-heading__note {
        padding: 20px;
    }

    .ak-products-toolbar {
        padding: 16px;
    }

    .ak-product-card__image {
        height: 220px;
    }

    .ak-product-card__footer {
        align-items: stretch;
        flex-direction: column;
    }

    .ak-product-card__cart {
        width: 100%;
    }
}


/* =========================================================
   PRODUCT DETAIL PAGE
========================================================= */

.ak-product-detail {
    position: relative;
    padding: 82px 0 110px;
    overflow: hidden;
    background: #fcfbfa;
    font-family: "Urbanist", sans-serif;
}

.ak-product-detail::before {
    position: absolute;
    top: -260px;
    right: -190px;
    width: 560px;
    height: 560px;
    border: 1px solid rgba(143, 109, 62, .12);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-product-detail__bgline {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background: rgba(23, 23, 19, .055);
    pointer-events: none;
}

.ak-product-detail__bgline--left {
    left: 6.5%;
}

.ak-product-detail__bgline--right {
    right: 6.5%;
}

.ak-product-detail .container {
    position: relative;
    z-index: 2;
}

.ak-product-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    margin-bottom: 32px;
    color: #79746b;
    font-size: 12px;
    font-weight: 750;
}

.ak-product-breadcrumb a {
    color: #2e2b26;
}

.ak-product-breadcrumb a:hover {
    color: var(--ak-stone-dark);
}

.ak-product-breadcrumb i {
    display: inline-flex;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: var(--ak-stone);
}

.ak-product-gallery {
    display: flex;
    gap: 14px;
    align-items: stretch;
    position: sticky;
    top: 140px;
}

.ak-product-gallery__thumbs {
    display: flex;
    width: 92px;
    flex: 0 0 92px;
    flex-direction: column;
    gap: 10px;
    max-height: 640px;
    overflow-y: auto;
    padding-right: 4px;
}

.ak-product-gallery__thumb {
    display: flex;
    width: 88px;
    height: 88px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(23, 23, 19, .11);
    background: #fff;
    padding: 7px;
    cursor: pointer;
    transition: border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-product-gallery__thumb:hover,
.ak-product-gallery__thumb.is-active {
    border-color: var(--ak-stone-dark);
}

.ak-product-gallery__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ak-product-gallery__main {
    position: relative;
    display: flex;
    min-height: 500px;
    flex: 1;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(23, 23, 19, .1);
    background: #fff;
    overflow: hidden;
}

.ak-product-gallery__badge {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 4;
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    padding: 0 12px;
    background: rgba(23, 23, 19, .9);
    color: #fff;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-product-gallery__slide {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 34px;
    opacity: 0;
    visibility: hidden;
    transition: opacity var(--ak-transition), visibility var(--ak-transition);
}

.ak-product-gallery__slide.is-active {
    opacity: 1;
    visibility: visible;
}

.ak-product-gallery__slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ak-product-summary {
    padding: 34px;
    border: 1px solid rgba(23, 23, 19, .1);
    background: rgba(255, 255, 255, .86);
    box-shadow: 0 22px 60px rgba(22, 20, 16, .065);
}

.ak-product-summary__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
}

.ak-product-brand {
    display: inline-flex;
    max-width: 126px;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border: 1px solid rgba(23, 23, 19, .1);
    background: #fff;
}

.ak-product-brand img {
    max-width: 100%;
    max-height: 38px;
    object-fit: contain;
}

.ak-product-summary h1 {
    max-width: 720px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(38px, 4.2vw, 58px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.035em;
}

.ak-product-summary__category {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 18px;
    color: var(--ak-muted);
    font-size: 13px;
    font-weight: 700;
}

.ak-product-summary__category span {
    color: var(--ak-stone-dark);
    font-weight: 850;
}

.ak-product-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.ak-product-meta__item,
.abpd-stock-pill {
    display: flex;
    min-height: 54px;
    flex-direction: column;
    justify-content: center;
    padding: 9px 13px;
    border: 1px solid rgba(23, 23, 19, .11);
    background: #ffffff;
    color: var(--ak-ink);
    box-shadow: 0 10px 28px rgba(22, 20, 16, .045);
}

.ak-product-meta__item span {
    color: var(--ak-muted);
    font-size: 10px;
    font-weight: 600;
}

.ak-product-meta__item strong {
    margin-top: 3px;
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 850;
}

.ak-product-stock-pill.in-stock,
.ak-product-meta__item.in-stock,
.abpd-stock-pill.in-stock {
    border-color: rgba(42, 132, 84, .24);
    background: #effaf4;
}

.ak-product-stock-pill.out-stock,
.ak-product-meta__item.out-stock,
.abpd-stock-pill.out-stock {
    border-color: rgba(190, 57, 70, .24);
    background: #fff0f2;
}

.abpd-stock-pill i {
    display: none;
}

.abpd-stock-pill span {
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 850;
}

.ak-product-summary__text {
    margin-top: 22px;
    color: var(--ak-muted);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.75;
}

.ak-product-section-mini-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.ak-product-section-mini-title span {
    display: inline-flex;
    width: 34px;
    height: 34px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(184, 149, 95, .28);
    background: #f7f2e9;
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.ak-product-section-mini-title strong {
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 24px;
    font-weight: 600;
    letter-spacing: -.02em;
}

.ak-product-variants,
.ak-product-documents {
    margin-top: 24px;
    padding: 22px;
    border: 1px solid rgba(23, 23, 19, .11);
    background: #ffffff;
    box-shadow: 0 18px 46px rgba(22, 20, 16, .055);
}

.ak-product-variant-radio {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.ak-product-variant-radio input {
    margin-right: 7px;
    accent-color: var(--ak-stone-dark);
}

.ak-product-variant-radio label {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    margin: 0 9px 9px 0;
    padding: 0 13px;
    border: 1px solid rgba(23, 23, 19, .12);
    background: #f8f4ec;
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    transition: background var(--ak-transition), color var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-product-variant-radio label:hover {
    border-color: var(--ak-stone-dark);
    background: #f2eadc;
    color: var(--ak-ink);
    transform: translateY(-1px);
}

.ak-product-documents__list {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.ak-product-documents__list a {
    display: inline-flex;
    min-height: 43px;
    align-items: center;
    gap: 8px;
    padding: 0 13px;
    border: 1px solid rgba(23, 23, 19, .12);
    background: #f8f4ec;
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 850;
    transition: background var(--ak-transition), color var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-product-documents__list a:hover {
    border-color: var(--ak-ink);
    background: var(--ak-ink);
    color: #ffffff;
    transform: translateY(-1px);
}

.ak-product-buybox {
    margin-top: 26px;
}

.ak-product-buybox__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 18px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(23, 23, 19, .10);
}

.ak-product-buybox__head span {
    display: block;
    color: var(--ak-stone-dark);
    font-size: 10px;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.ak-product-buybox__head h2 {
    margin: 4px 0 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.025em;
}

.ak-product-icon-button {
    display: inline-flex;
    width: 44px;
    height: 44px;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(23, 23, 19, .14);
    border-radius: 50%;
    background: #f8f4ec;
    color: var(--ak-ink);
    cursor: pointer;
    transition: background var(--ak-transition), color var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-product-icon-button:hover,
.ak-product-icon-button.is-active {
    border-color: var(--ak-stone-dark);
    background: var(--ak-stone-dark);
    color: #ffffff;
    transform: translateY(-2px);
}

.ak-product-price {
    padding: 18px;
    border: 1px solid rgba(23, 23, 19, .10);
    background: #f8f4ec;
}

.ak-product-price__label {
    display: block;
    margin-bottom: 8px;
    color: var(--ak-muted);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-product-price__row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 12px;
}

.ak-product-price__row strong {
    color: var(--ak-ink);
    font-size: 25px;
}

.ak-product-price__row del {
    color: rgba(23, 23, 19, .45);
    font-size: 15px;
    font-weight: 700;
}

.ak-product-discount-badge {
    display: inline-flex;
    min-height: 30px;
    align-items: center;
    margin-top: 10px;
    padding: 0 10px;
    background: var(--ak-stone);
    color: #ffffff;
    font-size: 11px;
    font-weight: 850;
}

.ak-product-qty {
    display: flex;
    width: 154px;
    height: 48px;
    border: 1px solid rgba(23, 23, 19, .13);
    background: #ffffff;
}

.ak-product-qty button {
    display: inline-flex;
    width: 46px;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: var(--ak-ink);
    cursor: pointer;
    transition: background var(--ak-transition), color var(--ak-transition);
}

.ak-product-qty button:hover {
    background: var(--ak-ink);
    color: #ffffff;
}

.ak-product-qty input {
    width: 62px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ak-ink);
    font-weight: 850;
    text-align: center;
}

.ak-product-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 18px;
}

.ak-product-cart-button,
.ak-product-quote-button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 0 20px;
    font-size: 11px;
    font-weight: 600;
    cursor: pointer;
    transition: background var(--ak-transition), color var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-product-cart-button {
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: #ffffff;
}

.ak-product-cart-button:hover {
    border-color: var(--ak-stone-dark);
    background: var(--ak-stone-dark);
    color: #ffffff;
    transform: translateY(-2px);
}

.ak-product-quote-button {
    border: 1px solid rgba(23, 23, 19, .14);
    background: #ffffff;
    color: var(--ak-ink);
}

.ak-product-quote-button:hover {
    border-color: var(--ak-stone-dark);
    background: var(--ak-stone-dark);
    color: #ffffff;
    transform: translateY(-2px);
}

.ak-product-buybox__note {
    display: flex;
    align-items: center;
    gap: 9px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(23, 23, 19, .10);
    color: var(--ak-muted);
    font-size: 12px;
    font-weight: 650;
}

.ak-product-buybox__note i {
    color: var(--ak-stone-dark);
}

.ak-product-tabs {
    margin-top: 56px;
    border: 1px solid rgba(23, 23, 19, .1);
    background: #fff;
}

.ak-product-tabs__nav {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(23, 23, 19, .1);
}

.ak-product-tabs__nav button {
    min-height: 60px;
    padding: 0 24px;
    border: 0;
    border-right: 1px solid rgba(23, 23, 19, .1);
    background: transparent;
    color: #5f594f;
    font-size: 12px;
    font-weight: 850;
    cursor: pointer;
}

.ak-product-tabs__nav button:hover,
.ak-product-tabs__nav button.is-active {
    background: #171713;
    color: #fff;
}

.ak-product-tabs__content {
    padding: 30px;
}

.ak-product-tab-panel {
    display: none;
}

.ak-product-tab-panel.is-active {
    display: block;
}

.ak-product-richtext {
    color: #5d574f;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.8;
}

.ak-product-richtext h1,
.ak-product-richtext h2,
.ak-product-richtext h3,
.ak-product-richtext h4,
.ak-product-richtext h5,
.ak-product-richtext h6 {
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 600;
    letter-spacing: -.025em;
}

.ak-product-richtext table {
    width: 100%;
    border-collapse: collapse;
}

.ak-product-richtext table td,
.ak-product-richtext table th {
    padding: 12px;
    border: 1px solid rgba(23, 23, 19, .12);
}

.ak-product-banners {
    margin-top: 48px;
}

.ak-product-banner {
    position: relative;
    display: block;
    min-height: 220px;
    overflow: hidden;
    background: #171713;
    color: #fff;
}

.ak-product-banner img {
    width: 100%;
    height: 260px;
    object-fit: cover;
    opacity: .74;
    transition: transform .7s cubic-bezier(.2, .7, .2, 1);
}

.ak-product-banner:hover img {
    transform: scale(1.06);
}

.ak-product-banner span {
    position: absolute;
    right: 24px;
    bottom: 24px;
    left: 24px;
    z-index: 2;
    display: flex;
    flex-direction: column;
}

.ak-product-banner strong {
    font-family: "Barlow Condensed", sans-serif;
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -.025em;
}

.ak-product-banner small {
    margin-top: 6px;
    color: rgba(255, 255, 255, .74);
    font-size: 13px;
    font-weight: 650;
}

@media (max-width: 1199.98px) {
    .ak-product-gallery {
        position: static;
    }
}

@media (max-width: 991.98px) {
    .ak-product-detail {
        padding: 68px 0 92px;
    }

    .ak-product-gallery {
        flex-direction: column-reverse;
    }

    .ak-product-gallery__thumbs {
        width: 100%;
        max-height: none;
        flex: 0 0 auto;
        flex-direction: row;
        overflow-x: auto;
        overflow-y: hidden;
    }

    .ak-product-gallery__main {
        min-height: 480px;
    }

    .ak-product-summary {
        padding: 26px;
    }
}

@media (max-width: 767.98px) {
    .ak-product-detail {
        padding: 54px 0 78px;
    }

    .ak-product-detail::before,
    .ak-product-detail__bgline {
        display: none;
    }

    .ak-product-gallery__main {
        min-height: 360px;
    }

    .ak-product-gallery__slide {
        padding: 22px;
    }

    .ak-product-summary {
        padding: 22px;
    }

    .ak-product-summary h1 {
        font-size: 36px;
    }

    .ak-product-actions {
        flex-direction: column;
    }

    .ak-product-cart-button,
    .ak-product-quote-button {
        width: 100%;
    }

    .ak-product-tabs__nav {
        flex-direction: column;
    }

    .ak-product-tabs__nav button {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid rgba(23, 23, 19, .1);
    }

    .ak-product-tabs__content {
        padding: 22px;
    }
}


.ak-bank-page {
    position: relative;
    padding: clamp(70px, 8vw, 118px) 0 clamp(82px, 9vw, 130px);
    overflow: hidden;
    background:
        linear-gradient(180deg, #ffffff 0%, #faf7f1 100%);
}

.ak-bank-page::before {
    position: absolute;
    top: 0;
    left: 7%;
    width: 1px;
    height: 100%;
    background: rgba(23, 23, 19, .07);
    content: "";
}

.ak-bank-page::after {
    position: absolute;
    right: -140px;
    bottom: -170px;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(184, 149, 95, .23);
    border-radius: 50%;
    content: "";
}

.ak-bank-page > .container {
    position: relative;
    z-index: 1;
}

.ak-bank-page__heading {
    margin-bottom: clamp(36px, 5vw, 64px);
}

.ak-bank-page__heading h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(40px, 5vw, 64px);
    font-weight: 600;
    line-height: 1.03;
    letter-spacing: -1.7px;
}

.ak-bank-page__heading p {
    max-width: 430px;
    margin: 0 0 0 auto;
    color: var(--ak-muted);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.75;
}

.ak-bank-page__notice {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 32px;
    padding: clamp(20px, 2.4vw, 30px);
    border: 1px solid rgba(23, 23, 19, .11);
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 22px 60px rgba(22, 20, 16, .06);
    backdrop-filter: blur(10px);
}

.ak-bank-page__notice-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    border-radius: 50%;
    background: var(--ak-ink);
    color: var(--ak-white);
    font-size: 18px;
}

.ak-bank-page__notice strong {
    display: block;
    margin-bottom: 5px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: -.4px;
}

.ak-bank-page__notice p {
    max-width: 760px;
    margin: 0;
    color: var(--ak-muted);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.7;
}

.ak-bank-list-wrap {
    position: relative;
}

.ak-bank-list-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 24px;
    padding-bottom: 18px;
    border-bottom: 1px solid rgba(23, 23, 19, .11);
}

.ak-bank-list-top > div:first-child {
    display: flex;
    align-items: baseline;
    gap: 12px;
}

.ak-bank-list-top span {
    color: var(--ak-muted);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-bank-list-top strong {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
}

.ak-bank-list-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ak-bank-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 46px;
    padding: 0 19px;
    border: 1px solid rgba(23, 23, 19, .16);
    background: var(--ak-white);
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .04em;
    text-transform: uppercase;
    transition: color var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-bank-link i {
    font-size: 11px;
}

.ak-bank-link:hover {
    color: var(--ak-white);
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    transform: translateY(-2px);
}

.ak-bank-link--dark {
    color: var(--ak-white);
    background: var(--ak-ink);
    border-color: var(--ak-ink);
}

.ak-bank-link--dark:hover {
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
}

.ak-bank-card {
    position: relative;
    height: 100%;
    padding: clamp(22px, 2.7vw, 34px);
    overflow: hidden;
    border: 1px solid rgba(23, 23, 19, .11);
    background: var(--ak-white);
    box-shadow: 0 26px 70px rgba(22, 20, 16, .08);
    transition: transform var(--ak-transition), box-shadow var(--ak-transition), border-color var(--ak-transition);
}

.ak-bank-card::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 42%;
    height: 4px;
    background: linear-gradient(90deg, transparent, var(--ak-stone));
    content: "";
}

.ak-bank-card:hover {
    border-color: rgba(184, 149, 95, .42);
    box-shadow: 0 34px 86px rgba(22, 20, 16, .12);
    transform: translateY(-5px);
}

.ak-bank-card__top {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 24px;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(23, 23, 19, .1);
}

.ak-bank-card__logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 86px;
    height: 86px;
    flex: 0 0 86px;
    overflow: hidden;
    border: 1px solid rgba(23, 23, 19, .1);
    border-radius: 50%;
    background: #faf7f1;
}

.ak-bank-card__logo img {
    width: auto;
    max-width: 66px;
    max-height: 58px;
    object-fit: contain;
}

.ak-bank-card__initial {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 37px;
    font-weight: 700;
    line-height: 1;
}

.ak-bank-card__identity {
    min-width: 0;
}

.ak-bank-card__identity span {
    display: block;
    margin-bottom: 4px;
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ak-bank-card__identity h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(29px, 2.7vw, 40px);
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -.8px;
}

.ak-bank-card__iban {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 21px;
    padding: 18px;
    background: #f7f2e8;
}

.ak-bank-card__iban span {
    display: block;
    margin-bottom: 6px;
    color: var(--ak-muted);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.ak-bank-card__iban strong {
    display: block;
    color: var(--ak-ink);
    font-size: clamp(18px, 1.5vw, 23px);
    font-weight: 850;
    line-height: 1.35;
    letter-spacing: .04em;
    word-break: break-word;
}

.ak-bank-copy {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 42px;
    padding: 0 15px;
    flex: 0 0 auto;
    border: 1px solid rgba(23, 23, 19, .14);
    border-radius: 999px;
    background: var(--ak-white);
    color: var(--ak-ink);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
    cursor: pointer;
    transition: color var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-bank-copy i {
    font-size: 13px;
}

.ak-bank-copy:hover,
.ak-bank-copy.is-copied {
    color: var(--ak-white);
    background: var(--ak-ink);
    border-color: var(--ak-ink);
    transform: translateY(-2px);
}

.ak-bank-card__details {
    display: flex;
    flex-direction: column;
    border-top: 1px solid rgba(23, 23, 19, .09);
}

.ak-bank-info-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 14px 0;
    border-bottom: 1px dashed rgba(23, 23, 19, .13);
}

.ak-bank-info-row span {
    width: 150px;
    flex: 0 0 150px;
    color: var(--ak-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.ak-bank-info-row strong {
    min-width: 0;
    color: var(--ak-ink);
    font-size: 14px;
    font-weight: 800;
    line-height: 1.55;
    text-align: right;
    word-break: break-word;
}

.ak-bank-card__description {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-top: 20px;
    padding: 15px;
    border-left: 3px solid var(--ak-stone);
    background: #faf8f3;
}

.ak-bank-card__description i {
    margin-top: 3px;
    color: var(--ak-stone-dark);
    font-size: 15px;
}

.ak-bank-card__description p {
    margin: 0;
    color: var(--ak-muted);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.65;
}

.ak-bank-empty {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: clamp(28px, 4vw, 48px);
    border: 1px solid rgba(23, 23, 19, .11);
    background: var(--ak-white);
    box-shadow: 0 26px 70px rgba(22, 20, 16, .08);
}

.ak-bank-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 82px;
    height: 82px;
    flex: 0 0 82px;
    border-radius: 50%;
    background: #f7f2e8;
    color: var(--ak-stone-dark);
    font-size: 28px;
}

.ak-bank-empty h3 {
    margin: 0 0 7px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 33px;
    font-weight: 600;
    letter-spacing: -.5px;
}

.ak-bank-empty p {
    max-width: 560px;
    margin: 0 0 18px;
    color: var(--ak-muted);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.7;
}

.ak-bank-empty a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ak-bank-empty a:hover {
    color: var(--ak-stone-dark);
}

@media (max-width: 991.98px) {
    .ak-bank-page__heading p {
        max-width: none;
        margin-left: 0;
    }

    .ak-bank-list-top {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-bank-list-actions {
        width: 100%;
        flex-wrap: wrap;
    }
}

@media (max-width: 767.98px) {
    .ak-bank-page {
        padding: 56px 0 78px;
    }

    .ak-bank-page__heading h2 {
        font-size: clamp(36px, 11vw, 48px);
        letter-spacing: -1.2px;
    }

    .ak-bank-page__notice {
        flex-direction: column;
    }

    .ak-bank-list-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .ak-bank-link {
        width: 100%;
    }

    .ak-bank-card__top {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-bank-card__logo {
        width: 74px;
        height: 74px;
        flex-basis: 74px;
    }

    .ak-bank-card__iban {
        align-items: stretch;
        flex-direction: column;
    }

    .ak-bank-copy {
        width: 100%;
    }

    .ak-bank-info-row {
        flex-direction: column;
        gap: 5px;
    }

    .ak-bank-info-row span {
        width: auto;
        flex-basis: auto;
    }

    .ak-bank-info-row strong {
        text-align: left;
    }

    .ak-bank-empty {
        align-items: flex-start;
        flex-direction: column;
    }
}



/* =========================================================
   SUPPORT PAGE
========================================================= */

.ak-support-page {
    position: relative;
    padding: clamp(72px, 8vw, 118px) 0 clamp(86px, 9vw, 132px);
    overflow: hidden;
    background:
        radial-gradient(circle at 9% 18%, rgba(184, 149, 95, .13), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #faf7f1 100%);
}

.ak-support-page::before {
    position: absolute;
    top: 0;
    left: 7%;
    width: 1px;
    height: 100%;
    background: rgba(23, 23, 19, .07);
    content: "";
}

.ak-support-page > .container {
    position: relative;
    z-index: 2;
}

.ak-support-page__heading {
    margin-bottom: clamp(38px, 5vw, 66px);
}

.ak-support-page__heading h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(42px, 5.3vw, 72px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -1.9px;
}

.ak-support-page__heading p {
    max-width: 510px;
    margin: 0 0 0 auto;
    color: var(--ak-muted);
    font-size: 16px;
    font-weight: 550;
    line-height: 1.75;
}

.ak-support-page__stone {
    position: absolute;
    right: -160px;
    bottom: -190px;
    width: 470px;
    height: 470px;
    border: 1px solid rgba(184, 149, 95, .24);
    border-radius: 50%;
    pointer-events: none;
}

.ak-support-aside {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    background: var(--ak-ink);
    color: var(--ak-white);
    box-shadow: 0 32px 90px rgba(22, 20, 16, .18);
}

.ak-support-aside::before {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(135deg, rgba(184, 149, 95, .18), transparent 36%),
        radial-gradient(circle at 92% 10%, rgba(255, 255, 255, .14), transparent 26%);
    content: "";
}

.ak-support-aside__pattern {
    position: absolute;
    right: -115px;
    bottom: -115px;
    width: 270px;
    height: 270px;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 50%;
}

.ak-support-aside__pattern::before {
    position: absolute;
    inset: 42px;
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 50%;
    content: "";
}

.ak-support-aside__content {
    position: relative;
    z-index: 1;
    padding: clamp(28px, 3.4vw, 46px);
}

.ak-support-aside__kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 17px;
    color: rgba(255, 255, 255, .72);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.ak-support-aside__kicker::before {
    width: 26px;
    height: 1px;
    background: var(--ak-stone);
    content: "";
}

.ak-support-aside h3 {
    max-width: 430px;
    margin: 0 0 15px;
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(38px, 4vw, 56px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -1.2px;
}

.ak-support-aside p {
    max-width: 430px;
    margin: 0;
    color: rgba(255, 255, 255, .68);
    font-size: 14px;
    font-weight: 550;
    line-height: 1.75;
}

.ak-support-steps {
    display: flex;
    flex-direction: column;
    gap: 13px;
    margin-top: 32px;
}

.ak-support-steps article {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 17px;
    border: 1px solid rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .055);
    backdrop-filter: blur(10px);
}

.ak-support-steps article > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    border-radius: 50%;
    background: var(--ak-stone);
    color: var(--ak-white);
    font-size: 11px;
    font-weight: 850;
}

.ak-support-steps article > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50%;
    color: var(--ak-stone);
    font-size: 16px;
}

.ak-support-steps strong {
    display: block;
    margin-bottom: 4px;
    color: var(--ak-white);
    font-size: 15px;
    font-weight: 850;
}

.ak-support-steps p {
    margin: 0;
    color: rgba(255, 255, 255, .62);
    font-size: 13px;
    line-height: 1.55;
}

.ak-support-contact-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 30px;
}

.ak-support-contact-card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 15px;
    border: 1px solid rgba(255, 255, 255, .13);
    background: rgba(255, 255, 255, .07);
}

.ak-support-contact-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    border-radius: 50%;
    background: rgba(255, 255, 255, .1);
    color: var(--ak-stone);
    font-size: 16px;
}

.ak-support-contact-card small {
    display: block;
    margin-bottom: 3px;
    color: rgba(255, 255, 255, .55);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.ak-support-contact-card strong {
    color: var(--ak-white);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.3;
    word-break: break-word;
}

.ak-support-contact-card a:hover strong {
    color: var(--ak-stone);
}

.ak-support-contact-card--whatsapp .ak-support-contact-card__icon {
    color: #25d366;
}

.ak-support-form {
    height: 100%;
    padding: clamp(26px, 3.4vw, 46px);
    border: 1px solid rgba(23, 23, 19, .11);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 30px 88px rgba(22, 20, 16, .1);
    backdrop-filter: blur(14px);
}

.ak-support-form__heading {
    margin-bottom: 26px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(23, 23, 19, .1);
}

.ak-support-form__heading > span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 12px;
    color: var(--ak-stone-dark);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.ak-support-form__heading > span::before {
    width: 26px;
    height: 1px;
    background: currentColor;
    content: "";
}

.ak-support-form__heading h3 {
    margin: 0 0 10px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(36px, 3.6vw, 52px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -1.2px;
}

.ak-support-form__heading p {
    max-width: 620px;
    margin: 0;
    color: var(--ak-muted);
    font-size: 14px;
    font-weight: 550;
    line-height: 1.75;
}

.ak-support-field {
    position: relative;
}

.ak-support-field > label {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 9px;
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-support-field > label b {
    color: var(--ak-stone-dark);
    font-weight: 900;
}

.ak-support-field__control {
    display: block;
    width: 100%;
    min-height: 56px;
    padding: 0 17px;
    border: 1px solid rgba(23, 23, 19, .13);
    border-radius: 0;
    outline: 0;
    background: #fbf8f2;
    color: var(--ak-ink);
    font-size: 14px;
    font-weight: 650;
    transition: border-color var(--ak-transition), background var(--ak-transition), box-shadow var(--ak-transition);
}

.ak-support-field__control::placeholder {
    color: rgba(23, 23, 19, .35);
}

.ak-support-field__control:hover {
    border-color: rgba(143, 109, 62, .38);
}

.ak-support-field__control:focus {
    border-color: var(--ak-stone-dark);
    background: var(--ak-white);
    box-shadow: 0 0 0 4px rgba(184, 149, 95, .13);
}

.ak-support-field__control--textarea {
    min-height: 166px;
    padding-top: 16px;
    resize: vertical;
}

.ak-support-field__error {
    display: block;
    margin-top: 7px;
    color: #b42318;
    font-size: 12px;
    font-weight: 750;
}

.ak-support-form__validation-summary {
    margin-bottom: 18px;
    padding: 16px 18px;
    border: 1px solid rgba(180, 35, 24, .22);
    background: #fff4f2;
    color: #912018;
    font-size: 13px;
    font-weight: 700;
}

.ak-support-form__validation-summary ul {
    margin: 8px 0 0;
    padding-left: 18px;
}

.ak-support-form__message {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 18px;
    padding: 15px 17px;
    font-size: 13px;
    font-weight: 750;
    line-height: 1.55;
}

.ak-support-form__message.is-success {
    border: 1px solid rgba(39, 132, 75, .22);
    background: #effaf3;
    color: #1f7a43;
}

.ak-support-form__message.is-error {
    border: 1px solid rgba(180, 35, 24, .22);
    background: #fff4f2;
    color: #912018;
}

.ak-support-form__trap {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.ak-support-consent {
    margin-top: 4px;
}

.ak-support-consent label {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin: 0;
    color: var(--ak-muted);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.65;
    cursor: pointer;
}

.ak-support-consent label > span:first-child {
    padding-top: 3px;
}

.ak-support-consent input[type="checkbox"] {
    width: 18px;
    height: 18px;
    accent-color: var(--ak-stone-dark);
}

.ak-support-consent a {
    color: var(--ak-ink);
    font-weight: 850;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ak-support-form__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 10px;
    padding-top: 20px;
    border-top: 1px solid rgba(23, 23, 19, .1);
}

.ak-support-form__footer > span {
    color: var(--ak-muted);
    font-size: 12px;
    font-weight: 750;
}

.ak-support-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 190px;
    min-height: 54px;
    padding: 0 28px;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: var(--ak-white);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition), box-shadow var(--ak-transition);
}

.ak-support-submit:hover,
.ak-support-submit:focus {
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    box-shadow: 0 18px 42px rgba(143, 109, 62, .22);
    transform: translateY(-2px);
}

.ak-support-submit[disabled],
.ak-support-submit.aspNetDisabled {
    cursor: not-allowed;
    opacity: .65;
    transform: none;
}

@media (max-width: 991.98px) {
    .ak-support-page__heading p {
        max-width: none;
        margin-left: 0;
    }

    .ak-support-aside {
        min-height: auto;
    }
}

@media (max-width: 767.98px) {
    .ak-support-page {
        padding: 58px 0 82px;
    }

    .ak-support-page__heading h2 {
        font-size: clamp(38px, 12vw, 54px);
        letter-spacing: -1.3px;
    }

    .ak-support-aside__content,
    .ak-support-form {
        padding: 24px;
    }

    .ak-support-steps article {
        flex-wrap: wrap;
    }

    .ak-support-form__footer {
        align-items: stretch;
        flex-direction: column;
    }

    .ak-support-submit {
        width: 100%;
    }
}


/* =========================================================
   QUOTE BASKET PAGE
========================================================= */

.ak-quote-page {
    position: relative;
    padding: clamp(72px, 8vw, 118px) 0 clamp(86px, 9vw, 132px);
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 18%, rgba(184, 149, 95, .12), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #faf7f1 100%);
}

.ak-quote-page::before {
    position: absolute;
    top: 0;
    left: 7%;
    width: 1px;
    height: 100%;
    background: rgba(23, 23, 19, .07);
    content: "";
}

.ak-quote-page > .container {
    position: relative;
    z-index: 2;
}

.ak-quote-page__heading {
    margin-bottom: clamp(38px, 5vw, 66px);
}

.ak-quote-page__heading h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(42px, 5.3vw, 72px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -1.8px;
}

.ak-quote-page__heading p {
    max-width: 520px;
    margin: 0 0 0 auto;
    color: var(--ak-muted);
    font-size: 16px;
    font-weight: 550;
    line-height: 1.75;
}

.ak-quote-page__shape {
    position: absolute;
    right: -160px;
    bottom: -190px;
    width: 470px;
    height: 470px;
    border: 1px solid rgba(184, 149, 95, .24);
    border-radius: 50%;
    pointer-events: none;
}

.ak-quote-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 220px;
}

.ak-quote-loading span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--ak-stone);
    animation: akQuoteDot 1s infinite alternate;
}

.ak-quote-loading span:nth-child(2) {
    animation-delay: .16s;
}

.ak-quote-loading span:nth-child(3) {
    animation-delay: .32s;
}

@keyframes akQuoteDot {
    to {
        opacity: .25;
        transform: translateY(-6px);
    }
}

.ak-quote-alert {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 24px;
    padding: 17px 19px;
    border: 1px solid rgba(180, 35, 24, .18);
    background: #fff4f2;
    color: #912018;
}

.ak-quote-alert__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    border-radius: 50%;
    background: rgba(180, 35, 24, .1);
    color: #b42318;
}

.ak-quote-alert strong {
    display: block;
    margin-bottom: 3px;
    font-size: 14px;
    font-weight: 850;
}

.ak-quote-alert p {
    margin: 0;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.6;
}

.ak-quote-empty,
.ak-quote-success {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    padding: clamp(28px, 4vw, 50px);
    border: 1px solid rgba(23, 23, 19, .11);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 30px 88px rgba(22, 20, 16, .1);
    backdrop-filter: blur(14px);
}

.ak-quote-empty__icon,
.ak-quote-success__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 86px;
    height: 86px;
    flex: 0 0 86px;
    border-radius: 50%;
    background: #f7f2e8;
    color: var(--ak-stone-dark);
    font-size: 30px;
}

.ak-quote-empty__icon i {
    font-size: 24px;
}

.ak-quote-success__icon {
    background: #effaf3;
    color: #1f7a43;
}

.ak-quote-empty span,
.ak-quote-success > div > span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--ak-stone-dark);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}


.ak-quote-empty h3,
.ak-quote-success h3 {
    margin: 0 0 10px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(36px, 3.8vw, 56px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -1.2px;
}

.ak-quote-empty p,
.ak-quote-success p {
    max-width: 650px;
    margin: 0 0 22px;
    color: var(--ak-muted);
    font-size: 15px;
    font-weight: 550;
    line-height: 1.75;
}

.ak-quote-empty a,
.ak-quote-success__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 48px;
    padding: 0 21px;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: var(--ak-white);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
    transition: background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-quote-empty a:hover,
.ak-quote-success__actions a:hover {
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    transform: translateY(-2px);
}

.ak-quote-success__code {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 22px;
    padding: 13px 16px;
    background: #f7f2e8;
}

.ak-quote-success__code small {
    color: var(--ak-muted);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.ak-quote-success__code strong {
    color: var(--ak-ink);
    font-size: 18px;
    font-weight: 900;
    letter-spacing: .05em;
}

.ak-quote-success__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ak-quote-success__actions a + a {
    background: var(--ak-white);
    color: var(--ak-ink);
    border-color: rgba(23, 23, 19, .15);
}

.ak-quote-success__actions a + a:hover {
    color: var(--ak-white);
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
}

.ak-quote-card,
.ak-quote-summary {
    border: 1px solid rgba(23, 23, 19, .11);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 30px 88px rgba(22, 20, 16, .08);
    backdrop-filter: blur(14px);
}

.ak-quote-card__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    padding: clamp(22px, 2.5vw, 30px);
    border-bottom: 1px solid rgba(23, 23, 19, .1);
}

.ak-quote-card__head span,
.ak-quote-summary__head span {
    display: block;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: capitalize;
}

.ak-quote-card__head h3,
.ak-quote-summary__head h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(30px, 3vw, 42px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -1px;
}

.ak-quote-clear {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 42px;
    padding: 0 15px;
    border: 1px solid rgba(180, 35, 24, .2);
    border-radius: 999px;
    background: #fff4f2;
    color: #912018;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
    cursor: pointer;
    transition: color var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-quote-clear:hover {
    color: var(--ak-white);
    background: #b42318;
    border-color: #b42318;
    transform: translateY(-2px);
}

.ak-quote-list {
    padding: 0;
}

.ak-quote-item {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: clamp(18px, 2.2vw, 25px) clamp(22px, 2.5vw, 30px);
    border-bottom: 1px solid rgba(23, 23, 19, .09);
}

.ak-quote-item:last-child {
    border-bottom: 0;
}

.ak-quote-item__image {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 104px;
    height: 104px;
    flex: 0 0 104px;
    overflow: hidden;
    border: 1px solid rgba(23, 23, 19, .09);
    background: #faf7f1;
}

.ak-quote-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ak-quote-item__body {
    min-width: 0;
    flex: 1;
}

.ak-quote-item__body h4 {
    margin: 0 0 8px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(25px, 2.2vw, 34px);
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.6px;
}

.ak-quote-item__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}

.ak-quote-item__meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid rgba(23, 23, 19, .1);
    background: #faf8f3;
    color: var(--ak-muted);
    font-size: 12px;
    font-weight: 750;
}

.ak-quote-item__meta b {
    color: var(--ak-ink);
    font-weight: 850;
}

.ak-quote-item__actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 0 0 auto;
}

.ak-quote-qty {
    display: inline-flex;
    align-items: center;
    height: 42px;
    border: 1px solid rgba(23, 23, 19, .13);
    background: var(--ak-white);
}

.ak-quote-qty button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 40px;
    background: transparent;
    color: var(--ak-ink);
    cursor: pointer;
    transition: background var(--ak-transition), color var(--ak-transition);
}

.ak-quote-qty button:hover {
    color: var(--ak-white);
    background: var(--ak-ink);
}

.ak-quote-qty strong {
    min-width: 38px;
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 900;
    text-align: center;
}

.ak-quote-remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(180, 35, 24, .18);
    border-radius: 50%;
    background: #fff4f2;
    color: #b42318;
    cursor: pointer;
    transition: color var(--ak-transition), background var(--ak-transition), transform var(--ak-transition);
}

.ak-quote-remove:hover {
    color: var(--ak-white);
    background: #b42318;
    transform: translateY(-2px);
}

.ak-quote-summary {
    position: sticky;
    top: calc(var(--ak-header-height) + 24px);
    padding: clamp(22px, 2.7vw, 32px);
}

.ak-quote-summary__head {
    margin-bottom: 23px;
    padding-bottom: 21px;
    border-bottom: 1px solid rgba(23, 23, 19, .1);
}

.ak-quote-summary__rows {
    border-top: 1px solid rgba(23, 23, 19, .09);
}

.ak-quote-summary__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 16px 0;
    border-bottom: 1px solid rgba(23, 23, 19, .09);
}

.ak-quote-summary__row span {
    color: var(--ak-muted);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.ak-quote-summary__row strong {
    color: var(--ak-ink);
    font-size: 20px;
    font-weight: 900;
}

.ak-quote-main-btn,
.ak-quote-light-btn,
.ak-quote-submit-btn,
.ak-quote-cancel-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 54px;
    padding: 0 24px;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: var(--ak-white);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background var(--ak-transition), color var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition), opacity var(--ak-transition);
}

.ak-quote-main-btn,
.ak-quote-light-btn {
    width: 100%;
    margin-top: 16px;
}

.ak-quote-light-btn,
.ak-quote-cancel-btn {
    background: var(--ak-white);
    color: var(--ak-ink);
    border-color: rgba(23, 23, 19, .14);
}

.ak-quote-main-btn:hover,
.ak-quote-submit-btn:hover,
.ak-quote-light-btn:hover,
.ak-quote-cancel-btn:hover {
    color: var(--ak-white);
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    transform: translateY(-2px);
}

.ak-quote-main-btn:disabled,
.ak-quote-submit-btn:disabled {
    cursor: not-allowed;
    opacity: .65;
    transform: none;
}

.ak-quote-summary__note {
    margin: 17px 0 0;
    color: var(--ak-muted);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.65;
}

.ak-quote-summary__mini {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-top: 20px;
    padding: 16px;
    background: #f7f2e8;
}

.ak-quote-summary__mini i {
    margin-top: 4px;
    color: var(--ak-stone-dark);
}

.ak-quote-summary__mini p {
    margin: 0;
    color: var(--ak-muted);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.6;
}

.ak-quote-modal .modal-content {
    overflow: hidden;
    border: 0;
    border-radius: 0;
    background: #fffaf3;
    box-shadow: 0 35px 90px rgba(22, 20, 16, .22);
}

.ak-quote-modal .modal-header {
    align-items: flex-start;
    padding: clamp(24px, 3vw, 36px);
    border-bottom: 1px solid rgba(23, 23, 19, .1);
    background: var(--ak-ink);
    color: var(--ak-white);
}

.ak-quote-modal .modal-header span {
    display: block;
    margin-bottom: 7px;
    color: var(--ak-stone);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.ak-quote-modal .modal-title {
    margin: 0;
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(34px, 3.4vw, 50px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -1px;
}

.ak-quote-modal__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
    background: transparent;
    color: var(--ak-white);
    cursor: pointer;
    transition: background var(--ak-transition), transform var(--ak-transition);
}

.ak-quote-modal__close:hover {
    background: var(--ak-stone-dark);
    transform: rotate(8deg);
}

.ak-quote-modal .modal-body {
    padding: clamp(24px, 3vw, 36px);
}

.ak-quote-modal .modal-footer {
    justify-content: space-between;
    gap: 12px;
    padding: 22px clamp(24px, 3vw, 36px);
    border-top: 1px solid rgba(23, 23, 19, .1);
    background: var(--ak-white);
}

.ak-quote-field label {
    display: flex;
    align-items: center;
    gap: 5px;
    margin-bottom: 9px;
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-quote-field label b {
    color: var(--ak-stone-dark);
    font-weight: 900;
}

.ak-quote-input,
.ak-quote-select,
.ak-quote-textarea {
    display: block;
    width: 100%;
    min-height: 56px;
    padding: 0 17px;
    border: 1px solid rgba(23, 23, 19, .13);
    border-radius: 0;
    outline: 0;
    background: var(--ak-white);
    color: var(--ak-ink);
    font-size: 14px;
    font-weight: 650;
    transition: border-color var(--ak-transition), background var(--ak-transition), box-shadow var(--ak-transition);
}

.ak-quote-textarea {
    min-height: 130px;
    padding-top: 16px;
    resize: vertical;
}

.ak-quote-textarea--small {
    min-height: 96px;
}

.ak-quote-input:focus,
.ak-quote-select:focus,
.ak-quote-textarea:focus {
    border-color: var(--ak-stone-dark);
    box-shadow: 0 0 0 4px rgba(184, 149, 95, .13);
}

.ak-quote-input.is-invalid,
.ak-quote-select.is-invalid,
.ak-quote-textarea.is-invalid {
    border-color: #b42318;
    background: #fff8f7;
}

.ak-quote-error {
    display: none;
    margin-top: 7px;
    color: #b42318;
    font-size: 12px;
    font-weight: 750;
}

.ak-quote-error.is-visible {
    display: block;
}

.ak-quote-modal__info {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    margin-top: 22px;
    padding: 16px;
    background: #f7f2e8;
}

.ak-quote-modal__info i {
    margin-top: 4px;
    color: var(--ak-stone-dark);
}

.ak-quote-modal__info p {
    margin: 0;
    color: var(--ak-muted);
    font-size: 13px;
    font-weight: 650;
    line-height: 1.65;
}

@media (max-width: 991.98px) {
    .ak-quote-page__heading p {
        max-width: none;
        margin-left: 0;
    }

    .ak-quote-summary {
        position: static;
    }

    .ak-quote-item {
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .ak-quote-item__actions {
        width: 100%;
        padding-left: 122px;
    }
}

@media (max-width: 767.98px) {
    .ak-quote-page {
        padding: 58px 0 82px;
    }

    .ak-quote-page__heading h2 {
        font-size: clamp(38px, 12vw, 54px);
        letter-spacing: -1.3px;
    }

    .ak-quote-empty,
    .ak-quote-success {
        flex-direction: column;
    }

    .ak-quote-card__head {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-quote-clear {
        width: 100%;
    }

    .ak-quote-item {
        gap: 14px;
    }

    .ak-quote-item__image {
        width: 86px;
        height: 86px;
        flex-basis: 86px;
    }

    .ak-quote-item__body {
        width: calc(100% - 100px);
        flex: 0 0 calc(100% - 100px);
    }

    .ak-quote-item__actions {
        justify-content: space-between;
        padding-left: 0;
    }

    .ak-quote-qty {
        flex: 1;
    }

    .ak-quote-qty strong {
        flex: 1;
    }

    .ak-quote-modal .modal-footer {
        align-items: stretch;
        flex-direction: column-reverse;
    }

    .ak-quote-submit-btn,
    .ak-quote-cancel-btn {
        width: 100%;
    }
}

.text-white{
    color: #ffffff !important;
}



/* =========================================================
   CAMPAIGNS
========================================================= */

.ak-campaigns-page,
.ak-campaign-detail-page {
    position: relative;
    padding: clamp(72px, 8vw, 118px) 0 clamp(86px, 9vw, 132px);
    overflow: hidden;
    background:
        radial-gradient(circle at 10% 18%, rgba(184, 149, 95, .12), transparent 30%),
        linear-gradient(180deg, #ffffff 0%, #faf7f1 100%);
}

.ak-campaigns-page::before,
.ak-campaign-detail-page::before {
    position: absolute;
    top: 0;
    left: 7%;
    width: 1px;
    height: 100%;
    background: rgba(23, 23, 19, .07);
    content: "";
}

.ak-campaigns-page > .container,
.ak-campaign-detail-page > .container {
    position: relative;
    z-index: 2;
}

.ak-campaigns-page__heading {
    margin-bottom: clamp(38px, 5vw, 66px);
}

.ak-campaigns-page__heading h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(42px, 5.3vw, 72px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -1.8px;
}

.ak-campaigns-page__heading p {
    max-width: 520px;
    margin: 0 0 0 auto;
    color: var(--ak-muted);
    font-size: 16px;
    font-weight: 550;
    line-height: 1.75;
}

.ak-campaigns-page__shape,
.ak-campaign-detail-page__shape {
    position: absolute;
    right: -160px;
    bottom: -190px;
    width: 470px;
    height: 470px;
    border: 1px solid rgba(184, 149, 95, .24);
    border-radius: 50%;
    pointer-events: none;
}

.ak-campaigns-page__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 26px;
    padding-bottom: 19px;
    border-bottom: 1px solid rgba(23, 23, 19, .11);
}

.ak-campaigns-page__top > div:first-child {
    display: flex;
    align-items: baseline;
    gap: 12px;
}

.ak-campaigns-page__top span {
    color: var(--ak-muted);
    font-size: 13px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-campaigns-page__top strong {
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
}

.ak-campaigns-page__top a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 46px;
    padding: 0 20px;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: var(--ak-white);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
    transition: background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-campaigns-page__top a:hover {
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    transform: translateY(-2px);
}

.ak-campaign-card {
    height: 100%;
    overflow: hidden;
    border: 1px solid rgba(23, 23, 19, .11);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 26px 74px rgba(22, 20, 16, .08);
    transition: transform var(--ak-transition), box-shadow var(--ak-transition), border-color var(--ak-transition);
}

.ak-campaign-card:hover {
    border-color: rgba(184, 149, 95, .42);
    box-shadow: 0 34px 88px rgba(22, 20, 16, .13);
    transform: translateY(-6px);
}

.ak-campaign-card__media {
    position: relative;
    display: block;
    height: 255px;
    overflow: hidden;
    background: #f2eadc;
}

.ak-campaign-card__media::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 48%, rgba(17, 17, 17, .35));
    content: "";
}

.ak-campaign-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .7s cubic-bezier(.2, .7, .2, 1);
}

.ak-campaign-card:hover .ak-campaign-card__media img {
    transform: scale(1.06);
}

.ak-campaign-card__badge,
.ak-campaign-detail__badge {
    position: absolute;
    left: 18px;
    bottom: 18px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 13px;
    background: var(--ak-stone);
    color: var(--ak-white);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.ak-campaign-card__body {
    padding: 24px 24px 18px;
}

.ak-campaign-card__meta,
.ak-campaign-detail__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 15px;
}

.ak-campaign-card__meta span,
.ak-campaign-detail__meta span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 31px;
    padding: 0 11px;
    border: 1px solid rgba(23, 23, 19, .1);
    background: #faf8f3;
    color: var(--ak-muted);
    font-size: 12px;
    font-weight: 750;
}

.ak-campaign-card__meta i,
.ak-campaign-detail__meta i {
    color: var(--ak-stone-dark);
    font-size: 12px;
}

.ak-campaign-card h3 {
    margin: 0 0 12px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(29px, 2.7vw, 29px);
    font-weight: 600;
    line-height: 1.02;
    letter-spacing: -.8px;
}

.ak-campaign-card h3 a:hover {
    color: var(--ak-stone-dark);
}

.ak-campaign-card p {
    display: -webkit-box;
    min-height: 74px;
    margin: 0;
    overflow: hidden;
    color: var(--ak-muted);
    font-size: 14px;
    font-weight: 550;
    line-height: 1.75;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.ak-campaign-card__footer {
    padding: 0 24px 24px;
}

.ak-campaign-card__footer a {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--ak-ink);
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
    transition: color var(--ak-transition), border-color var(--ak-transition);
}

.ak-campaign-card__footer a:hover {
    color: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
}

.ak-campaign-card__footer i {
    font-size: 11px;
    transition: transform var(--ak-transition);
}

.ak-campaign-card__footer a:hover i {
    transform: translateX(5px);
}

.ak-campaign-empty {
    display: flex;
    align-items: flex-start;
    gap: 24px;
    padding: clamp(28px, 4vw, 50px);
    border: 1px solid rgba(23, 23, 19, .11);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 30px 88px rgba(22, 20, 16, .1);
    backdrop-filter: blur(14px);
}

.ak-campaign-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 86px;
    height: 86px;
    flex: 0 0 86px;
    border-radius: 50%;
    background: #f7f2e8;
    color: var(--ak-stone-dark);
    font-size: 30px;
}

.ak-campaign-empty span:not(.ak-campaign-empty__icon) {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--ak-stone-dark);
    font-size: 12px;
    font-weight: 850;
}


.ak-campaign-empty h3 {
    margin: 0 0 10px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(36px, 3.8vw, 56px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -1.2px;
}

.ak-campaign-empty p {
    max-width: 650px;
    margin: 0 0 22px;
    color: var(--ak-muted);
    font-size: 15px;
    font-weight: 550;
    line-height: 1.75;
}

.ak-campaign-empty a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 48px;
    padding: 0 21px;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: var(--ak-white);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
    transition: background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-campaign-empty a:hover {
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    transform: translateY(-2px);
}

.ak-campaign-detail {
    position: relative;
}

.ak-campaign-detail__media {
    position: relative;
    height: clamp(360px, 45vw, 620px);
    margin-bottom: clamp(30px, 4vw, 50px);
    overflow: hidden;
    border: 1px solid rgba(23, 23, 19, .1);
    background: #f2eadc;
    box-shadow: 0 30px 88px rgba(22, 20, 16, .1);
}

.ak-campaign-detail__media::after {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 55%, rgba(17, 17, 17, .34));
    content: "";
}

.ak-campaign-detail__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ak-campaign-detail__content,
.ak-campaign-detail__aside {
    border: 1px solid rgba(23, 23, 19, .11);
    background: rgba(255, 255, 255, .94);
    box-shadow: 0 30px 88px rgba(22, 20, 16, .08);
    backdrop-filter: blur(14px);
}

.ak-campaign-detail__content {
    padding: clamp(26px, 3.5vw, 48px);
}

.ak-campaign-detail__content h1 {
    margin: 0 0 18px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(44px, 5.2vw, 76px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -2px;
}

.ak-campaign-detail__summary {
    margin-bottom: 28px;
    padding-bottom: 26px;
    border-bottom: 1px solid rgba(23, 23, 19, .1);
    color: var(--ak-muted);
    font-size: 17px;
    font-weight: 550;
    line-height: 1.8;
}

.ak-campaign-detail__html {
    color: var(--ak-ink-soft);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.85;
}

.ak-campaign-detail__html h1,
.ak-campaign-detail__html h2,
.ak-campaign-detail__html h3,
.ak-campaign-detail__html h4,
.ak-campaign-detail__html h5,
.ak-campaign-detail__html h6 {
    margin: 28px 0 14px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.6px;
}

.ak-campaign-detail__html h2 {
    font-size: clamp(32px, 3vw, 44px);
}

.ak-campaign-detail__html h3 {
    font-size: clamp(27px, 2.5vw, 36px);
}

.ak-campaign-detail__html p {
    margin: 0 0 18px;
}

.ak-campaign-detail__html ul,
.ak-campaign-detail__html ol {
    margin: 0 0 22px;
    padding-left: 22px;
}

.ak-campaign-detail__html li {
    margin-bottom: 8px;
}

.ak-campaign-detail__html img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 24px 0;
}

.ak-campaign-detail__aside {
    position: sticky;
    top: calc(var(--ak-header-height) + 24px);
    padding: clamp(24px, 3vw, 34px);
}

.ak-campaign-detail__aside > span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
    color: var(--ak-stone-dark);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.ak-campaign-detail__aside > span::before {
    width: 26px;
    height: 1px;
    background: currentColor;
    content: "";
}

.ak-campaign-detail__aside h2 {
    margin: 0 0 12px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(34px, 3.4vw, 48px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -1px;
}

.ak-campaign-detail__aside p {
    margin: 0 0 22px;
    color: var(--ak-muted);
    font-size: 14px;
    font-weight: 550;
    line-height: 1.75;
}

.ak-campaign-detail__aside-info {
    margin-bottom: 22px;
    border-top: 1px solid rgba(23, 23, 19, .1);
}

.ak-campaign-detail__aside-info div {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 15px 0;
    border-bottom: 1px solid rgba(23, 23, 19, .1);
}

.ak-campaign-detail__aside-info small {
    color: var(--ak-muted);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.ak-campaign-detail__aside-info strong {
    color: var(--ak-ink);
    font-size: 14px;
    font-weight: 850;
    text-align: right;
}

.ak-campaign-detail__actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ak-campaign-detail__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    min-height: 52px;
    padding: 0 22px;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: var(--ak-white);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
    transition: background var(--ak-transition), border-color var(--ak-transition), color var(--ak-transition), transform var(--ak-transition);
}

.ak-campaign-detail__actions a + a {
    background: var(--ak-white);
    color: var(--ak-ink);
    border-color: rgba(23, 23, 19, .14);
}

.ak-campaign-detail__actions a:hover {
    color: var(--ak-white);
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    transform: translateY(-2px);
}

@media (max-width: 991.98px) {
    .ak-campaigns-page__heading p {
        max-width: none;
        margin-left: 0;
    }

    .ak-campaign-detail__aside {
        position: static;
    }
}

@media (max-width: 767.98px) {
    .ak-campaigns-page,
    .ak-campaign-detail-page {
        padding: 58px 0 82px;
    }

    .ak-campaigns-page__heading h2 {
        font-size: clamp(38px, 12vw, 54px);
        letter-spacing: -1.3px;
    }

    .ak-campaigns-page__top {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-campaigns-page__top a {
        width: 100%;
    }

    .ak-campaign-card__media {
        height: 220px;
    }

    .ak-campaign-empty {
        flex-direction: column;
    }

    .ak-campaign-detail__media {
        height: 310px;
    }

    .ak-campaign-detail__content h1 {
        font-size: clamp(38px, 12vw, 56px);
        letter-spacing: -1.3px;
    }

    .ak-campaign-detail__aside-info div {
        flex-direction: column;
        gap: 4px;
    }

    .ak-campaign-detail__aside-info strong {
        text-align: left;
    }
}


.ak-footer__policies {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}

.ak-footer__policies .paymet-logo {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}

.ak-footer__policies .paymet-logo img {
    display: block;
    height: 25px;
    width: auto;
}

.ak-product-summary__properties {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.ak-product-summary__properties > div {
    display: flex;
    min-height: 54px;
    flex-direction: column;
    justify-content: center;
    padding: 9px 13px;
    border: 1px solid rgba(23, 23, 19, .11);
    background: #ffffff;
    color: var(--ak-ink);
    box-shadow: 0 10px 28px rgba(22, 20, 16, .045);
}

.ak-product-summary__properties small {
    color: var(--ak-muted);
    font-size: 10px;
    font-weight: 600;
}

.ak-product-summary__properties strong {
    margin-top: 3px;
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 850;
}

.ak-product-price .ak-product-card__price-current {
    color: var(--ak-ink);
    font-size: 25px;
    font-weight: 850;
    line-height: 1.2;
}

.ak-product-price .ak-product-card__price-current small {
    margin-left: 5px;
    color: var(--ak-muted);
    font-size: 13px;
    font-weight: 700;
}

.ak-product-price .ak-product-card__price-contact {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    color: var(--ak-stone-dark);
    font-size: 14px;
    font-weight: 850;
}

.ak-product-contact-fallback {
    display: none !important;
}

.ak-product-quote-button.is-loading,
.ak-product-cart-button:disabled {
    opacity: .65;
    pointer-events: none;
}

.ak-product-gallery__slide:not(.is-active) {
    pointer-events: none;
}

.ak-product-gallery__slide.is-active {
    pointer-events: auto;
}

@media (max-width: 767.98px) {
    .ak-product-summary__properties {
        flex-direction: column;
    }

    .ak-product-summary__properties > div {
        width: 100%;
    }
}


/* =========================================================
   AKACAK MERMER - ÜRÜN DETAY YENİ TASARIM
   Bu bloğu akacak.css dosyasının en sonuna ekle.
========================================================= */

.ak-product-detail--new {
    position: relative;
    padding: clamp(58px, 6vw, 92px) 0 clamp(82px, 8vw, 124px);
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 0%, rgb(255 255 255 / 15%), transparent 32%), linear-gradient(135deg, #fbfaf7 0%, #ffffff 42%, #ffffff 100%)
    font-family: "Urbanist", sans-serif;
}

.ak-product-detail--new::before {
    position: absolute;
    top: -310px;
    right: -210px;
    width: 620px;
    height: 620px;
    border: 1px solid rgba(143, 109, 62, .14);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-product-detail--new::after {
    position: absolute;
    bottom: -240px;
    left: -180px;
    width: 470px;
    height: 470px;
    border: 1px solid rgba(23, 23, 19, .07);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-product-detail--new .container {
    position: relative;
    z-index: 2;
}

.ak-product-detail--new .ak-product-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 28px;
    color: #77716a;
    font-size: 13px;
    font-weight: 750;
}

.ak-product-detail--new .ak-product-breadcrumb a {
    color: #221f1a;
    transition: color var(--ak-transition);
}

.ak-product-detail--new .ak-product-breadcrumb a:hover {
    color: var(--ak-stone-dark);
}

.ak-product-detail--new .ak-product-breadcrumb i {
    display: inline-flex;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--ak-stone);
}

.ak-product-detail--new .ak-product-gallery {
    position: sticky;
    top: 138px;
    display: flex;
    align-items: stretch;
    gap: 14px;
}

.ak-product-detail--new .ak-product-gallery__thumbs {
    display: flex;
    width: 92px;
    max-height: 650px;
    flex: 0 0 92px;
    flex-direction: column;
    gap: 10px;
    padding-right: 4px;
    overflow-y: auto;
}

.ak-product-detail--new .ak-product-gallery__thumb {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 88px;
    height: 88px;
    padding: 6px;
    border: 1px solid rgba(23, 23, 19, .11);
    background: rgba(255, 255, 255, .92);
    cursor: pointer;
    transition: border-color var(--ak-transition), box-shadow var(--ak-transition), transform var(--ak-transition);
}

.ak-product-detail--new .ak-product-gallery__thumb:hover,
.ak-product-detail--new .ak-product-gallery__thumb.is-active {
    border-color: var(--ak-stone-dark);
    box-shadow: 0 14px 34px rgba(22, 20, 16, .09);
}

.ak-product-detail--new .ak-product-gallery__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ak-product-detail--new .ak-product-gallery__main {
    position: relative;
    display: flex;
    min-height: 540px;
    flex: 1;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border: 1px solid rgba(23, 23, 19, .1);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, .94), rgba(247, 242, 233, .72)),
        #ffffff;
    box-shadow: 0 28px 80px rgba(22, 20, 16, .10);
}

.ak-product-detail--new .ak-product-gallery__main::before {
    position: absolute;
    inset: 20px;
    border: 1px solid rgba(184, 149, 95, .18);
    content: "";
    pointer-events: none;
}

.ak-product-detail--new .ak-product-gallery__badge {
    position: absolute;
    top: 28px;
    left: 28px;
    z-index: 4;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 34px;
    padding: 0 13px;
    background: #020a17;
    color: #ffffff;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ak-product-detail--new .ak-product-gallery__badge i {
    color: #cda66f;
    font-size: 13px;
}

.ak-product-detail--new .ak-product-gallery__slide {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 46px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity var(--ak-transition), visibility var(--ak-transition), transform var(--ak-transition);
    transform: scale(.985);
}

.ak-product-detail--new .ak-product-gallery__slide.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: scale(1);
}

.ak-product-detail--new .ak-product-gallery__slide img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.ak-product-detail--new .ak-product-summary {
    padding: clamp(24px, 2.7vw, 38px);
    border: 1px solid rgba(23, 23, 19, .1);
    background: rgba(255, 255, 255, .92);
    box-shadow: 0 28px 80px rgba(22, 20, 16, .09);
    backdrop-filter: blur(10px);
}

.ak-product-summary__hero-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(23, 23, 19, .1);
}

.ak-product-summary__title-area {
    min-width: 0;
    flex: 1;
}

.ak-product-detail--new .ak-product-summary h1 {
    max-width: 680px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(38px, 3vw, 52px);
    font-weight: 600;
    line-height: .94;
    letter-spacing: -2.2px;
    text-transform: capitalize;
}

.ak-product-brandmark {
    display: flex;
    min-width: 148px;
    max-width: 190px;
    flex: 0 0 auto;
    flex-direction: column;
    gap: 8px;
    padding: 13px;
    border: 1px solid rgba(184, 149, 95, .28);
    background: #ffffff;
    box-shadow: 0 18px 44px rgba(22, 20, 16, .08);
}

.ak-product-brandmark > span {
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.ak-product-brandmark__body {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 64px;
    flex-direction: column;
    gap: 7px;
    border: 2px solid #f8f4ec;
}

.ak-product-brandmark__body img {
    display: block;
    width: auto;
    max-width: 128px;
    max-height: 60px;
    object-fit: contain;
}

.ak-product-brandmark__body > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #ffffff;
    color: var(--ak-stone-dark);
}

.ak-product-brandmark__body strong {
    display: block;
    max-width: 140px;
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 850;
    line-height: 1.2;
    text-align: center;
    overflow-wrap: anywhere;
}

.ak-product-detail--new .ak-product-summary__text {
    margin: 22px 0 0;
    color: #5f5b54;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.78;
}

.ak-product-detail--new .ak-product-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

.ak-product-detail--new .ak-product-meta__item {
    position: relative;
    display: flex;
    min-height: 66px;
    min-width: 160px;
    flex: 1 1 160px;
    flex-direction: column;
    justify-content: center;
    padding: 12px 14px 12px 48px;
    border: 1px solid rgba(23, 23, 19, .11);
    background: #ffffff;
    color: var(--ak-ink);
    box-shadow: 0 12px 28px rgba(22, 20, 16, .045);
}

.ak-product-detail--new .ak-product-meta__item > i {
    position: absolute;
    top: 50%;
    left: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: var(--ak-stone-dark);
    font-size: 15px;
    transform: translateY(-50%);
}

.ak-product-detail--new .ak-product-meta__item span {
    color: var(--ak-muted);
    font-size: 12px;
    font-weight: 700;
}

.ak-product-detail--new .ak-product-meta__item strong {
    margin-top: 2px;
    color: var(--ak-ink);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.25;
}

.ak-product-spec-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 18px;
}

.ak-product-spec-card {
    position: relative;
    min-height: 68px;
    padding: 15px 14px 14px 56px;
    border: 1px solid rgba(23, 23, 19, .1);
    background: #ffffff;
    box-shadow: 0 12px 30px rgba(22, 20, 16, .045);
    transition: border-color var(--ak-transition), transform var(--ak-transition), box-shadow var(--ak-transition);
}

.ak-product-spec-card:hover {
    border-color: rgba(184, 149, 95, .42);
    box-shadow: 0 18px 42px rgba(22, 20, 16, .075);
    transform: translateY(-2px);
}

.ak-product-spec-card > i {
    position: absolute;
    top: 18px;
    left: 15px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(184, 149, 95, .22);
    background: #f8f4ec;
    color: var(--ak-stone-dark);
    font-size: 14px;
}

.ak-product-spec-card span {
    display: block;
    color: #79746b;
    font-size: 12px;
    font-weight: 800;
}

.ak-product-spec-card strong {
    display: block;
    color: var(--ak-ink);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.25;
}

.ak-product-detail--new .ak-product-buybox__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(23, 23, 19, .10);
}

.ak-product-detail--new .ak-product-buybox__head span {
    display: block;
    color: var(--ak-stone-dark);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-product-detail--new .ak-product-buybox__head h2 {
    margin: 5px 0 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 34px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.8px;
}

.ak-product-detail--new .ak-product-price {
    padding: 18px 20px;
    border: 1px solid rgba(184, 149, 95, .22);
    background: #ffffff;
}

.ak-product-detail--new .ak-product-price__label {
    display: block;
    margin-bottom: 7px;
    color: #706b62;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-product-detail--new .ak-product-price__row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 12px;
}

.ak-product-detail--new .ak-product-price__row strong,
.ak-product-detail--new .ak-product-price .ak-product-card__price-current {
    color: var(--ak-ink);
    font-size: clamp(25px, 2.1vw, 34px);
    line-height: 1.1;
}

.ak-product-detail--new .ak-product-price__row small,
.ak-product-detail--new .ak-product-price .ak-product-card__price-current small {
    margin-left: 4px;
    color: var(--ak-muted);
    font-size: 15px;
    font-weight: 750;
}

.ak-product-detail--new .ak-product-price__row del {
    color: rgba(23, 23, 19, .46);
    font-size: 16px;
    font-weight: 750;
}

.ak-product-detail--new .ak-product-price .ak-product-card__price-contact {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    color: var(--ak-stone-dark);
    font-size: 16px;
    font-weight: 850;
}

.ak-product-detail--new .ak-product-discount-badge {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 0 10px;
    background: var(--ak-stone);
    color: #ffffff;
    font-size: 12px;
    font-weight: 900;
}

.ak-product-purchase-row {
    display: flex;
    align-items: stretch;
    gap: 9px;
    margin-top: 14px;
}

.ak-product-detail--new .ak-product-qty {
    display: flex;
    width: 95px;
    height: 54px;
    flex: 0 0 95px;
    border: 1px solid rgba(23, 23, 19, .13);
    background: #ffffff;
}

.ak-product-detail--new .ak-product-qty button {
    display: inline-flex;
    width: 42px;
    align-items: center;
    justify-content: center;
    border: 0;
    background: transparent;
    color: var(--ak-ink);
    cursor: pointer;
    transition: background var(--ak-transition), color var(--ak-transition);
}

.ak-product-detail--new .ak-product-qty button:hover {
    background: #020a17;
    color: #ffffff;
}

.ak-product-detail--new .ak-product-qty input {
    width: 37px;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--ak-ink);
    font-size: 16px;
    font-weight: 900;
    text-align: center;
}

.ak-product-detail--new .ak-product-cart-button,
.ak-product-detail--new .ak-product-quote-button,
.ak-product-detail--new .ak-product-icon-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 54px;
    border-radius: 0;
    font-size: 13px;
    font-weight: 850;
    cursor: pointer;
    transition: background var(--ak-transition), color var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition), box-shadow var(--ak-transition);
}

.ak-product-detail--new .ak-product-cart-button {
    flex: 1 1 110px;
    padding: 0 20px;
    border: 1px solid #020a17;
    background: #020a17;
    color: #ffffff;
}

.ak-product-detail--new .ak-product-cart-button:hover {
    border-color: var(--ak-stone-dark);
    background: var(--ak-stone-dark);
    color: #ffffff;
    box-shadow: 0 16px 35px rgba(143, 109, 62, .20);
    transform: translateY(-2px);
}

.ak-product-detail--new .ak-product-quote-button {
    flex: 1 1 145px;
    padding: 0 18px;
    border: 1px solid rgba(143, 109, 62, .36);
    background: #ffffff;
    color: var(--ak-ink);
}

.ak-product-detail--new .ak-product-quote-button:hover {
    border-color: var(--ak-stone-dark);
    background: var(--ak-stone-dark);
    color: #ffffff;
    box-shadow: 0 16px 35px rgba(143, 109, 62, .18);
    transform: translateY(-2px);
}

.ak-product-detail--new .ak-product-icon-button {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    border: 1px solid rgba(23, 23, 19, .14);
    background: #ffffff;
    color: var(--ak-ink);
    font-size: 15px;
}

.ak-product-detail--new .ak-product-icon-button:hover,
.ak-product-detail--new .ak-product-icon-button.is-active {
    border-color: #a34747;
    background: #a34747;
    color: #ffffff;
    transform: translateY(-2px);
}

.ak-product-detail--new .ak-product-buybox__note {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(23, 23, 19, .1);
    color: #6d675e;
    font-size: 13px;
    font-weight: 650;
    line-height: 1.55;
}

.ak-product-detail--new .ak-product-buybox__note i {
    margin-top: 4px;
    color: var(--ak-stone-dark);
}

.ak-product-detail--new .ak-product-documents {
    margin-top: 18px;
    padding: 18px;
    border: 1px solid rgba(23, 23, 19, .11);
    background: #ffffff;
}

.ak-product-detail--new .ak-product-section-mini-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
}

.ak-product-detail--new .ak-product-section-mini-title span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border: 1px solid rgba(184, 149, 95, .28);
    background: #f7f2e9;
    color: var(--ak-stone-dark);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.ak-product-detail--new .ak-product-section-mini-title strong {
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 25px;
    font-weight: 600;
    letter-spacing: -.02em;
}

.ak-product-detail--new .ak-product-documents__list a {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 45px;
    padding: 0 14px;
    border: 1px solid rgba(23, 23, 19, .12);
    background: #f8f4ec;
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 850;
    transition: background var(--ak-transition), color var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-product-detail--new .ak-product-documents__list a:hover {
    border-color: #020a17;
    background: #020a17;
    color: #ffffff;
    transform: translateY(-2px);
}

.ak-product-detail--new .ak-product-tabs {
    margin-top: clamp(44px, 5vw, 66px);
    overflow: hidden;
    border: 1px solid rgba(23, 23, 19, .1);
    background: #ffffff;
    box-shadow: 0 26px 70px rgba(22, 20, 16, .06);
}

.ak-product-detail--new .ak-product-tabs__nav {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid rgba(23, 23, 19, .1);
    background: #f8f4ec;
}

.ak-product-detail--new .ak-product-tabs__nav button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 64px;
    padding: 0 23px;
    border: 0;
    border-right: 1px solid rgba(23, 23, 19, .1);
    background: transparent;
    color: #5d574f;
    font-size: 13px;
    font-weight: 800;
    cursor: pointer;
    transition: background var(--ak-transition), color var(--ak-transition);
}

.ak-product-detail--new .ak-product-tabs__nav button i {
    color: var(--ak-stone-dark);
    font-size: 14px;
}

.ak-product-detail--new .ak-product-tabs__nav button:hover,
.ak-product-detail--new .ak-product-tabs__nav button.is-active {
    background: #020a17;
    color: #ffffff;
}

.ak-product-detail--new .ak-product-tabs__nav button:hover i,
.ak-product-detail--new .ak-product-tabs__nav button.is-active i {
    color: #cda66f;
}

.ak-product-detail--new .ak-product-tabs__content {
    padding: clamp(24px, 3vw, 38px);
}

.ak-product-detail--new .ak-product-richtext {
    color: #5d574f;
    font-size: 16px;
    font-weight: 550;
    line-height: 1.85;
}

.ak-product-detail--new .ak-product-richtext h1,
.ak-product-detail--new .ak-product-richtext h2,
.ak-product-detail--new .ak-product-richtext h3,
.ak-product-detail--new .ak-product-richtext h4,
.ak-product-detail--new .ak-product-richtext h5,
.ak-product-detail--new .ak-product-richtext h6 {
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 600;
    letter-spacing: -.025em;
}

.ak-product-detail--new .ak-product-richtext table {
    width: 100%;
    border-collapse: collapse;
}

.ak-product-detail--new .ak-product-richtext table td,
.ak-product-detail--new .ak-product-richtext table th {
    padding: 14px 15px;
    border: 1px solid rgba(23, 23, 19, .12);
    font-size: 15px;
}

.ak-product-detail--new .ak-product-tab-panel {
    display: none;
}

.ak-product-detail--new .ak-product-tab-panel.is-active {
    display: block;
}

.ak-product-detail--new .ak-related-products {
    margin-top: clamp(52px, 5vw, 74px);
}

.ak-product-detail--new .ak-related-products__heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 28px;
}

.ak-product-detail--new .ak-related-products__heading h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(33px, 3vw, 45px);
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -1px;
}

.ak-product-detail--new .ak-related-products__heading > a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 46px;
    padding: 0 18px;
    border: 1px solid rgba(23, 23, 19, .14);
    background: #ffffff;
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 850;
    transition: background var(--ak-transition), color var(--ak-transition), transform var(--ak-transition), border-color var(--ak-transition);
}

.ak-product-detail--new .ak-related-products__heading > a:hover {
    border-color: #020a17;
    background: #020a17;
    color: #ffffff;
    transform: translateY(-2px);
}

.ak-product-detail--new .ak-product-quote-button.is-loading,
.ak-product-detail--new .ak-product-cart-button:disabled {
    opacity: .65;
    pointer-events: none;
}

@media (max-width: 1199.98px) {
    .ak-product-detail--new .ak-product-gallery {
        position: static;
    }

    .ak-product-detail--new .ak-product-gallery__main {
        min-height: 560px;
    }

    .ak-product-purchase-row {
        flex-wrap: wrap;
    }

    .ak-product-detail--new .ak-product-qty {
        flex: 0 0 138px;
    }
}

@media (max-width: 991.98px) {
    .ak-product-detail--new {
        padding-top: 62px;
    }

    .ak-product-detail--new .ak-product-gallery {
        flex-direction: column-reverse;
    }

    .ak-product-detail--new .ak-product-gallery__thumbs {
        width: 100%;
        max-height: none;
        flex: 0 0 auto;
        flex-direction: row;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 0 0 4px;
    }

    .ak-product-detail--new .ak-product-gallery__main {
        min-height: 500px;
    }

    .ak-product-summary__hero-row {
        align-items: stretch;
    }
}

@media (max-width: 767.98px) {
    .ak-product-detail--new {
        padding: 48px 0 78px;
    }

    .ak-product-detail--new::before,
    .ak-product-detail--new::after,
    .ak-product-detail--new .ak-product-detail__bgline {
        display: none;
    }

    .ak-product-detail--new .ak-product-gallery__main {
        min-height: 380px;
    }

    .ak-product-detail--new .ak-product-gallery__slide {
        padding: 28px;
    }

    .ak-product-detail--new .ak-product-gallery__main::before {
        inset: 12px;
    }

    .ak-product-detail--new .ak-product-gallery__badge {
        top: 18px;
        left: 18px;
    }

    .ak-product-summary__hero-row {
        flex-direction: column;
    }

    .ak-product-detail--new .ak-product-summary h1 {
        font-size: 42px;
        letter-spacing: -1px;
    }

    .ak-product-brandmark {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .ak-product-brandmark__body {
        align-items: center;
        justify-content: flex-start;
        min-height: 58px;
        flex-direction: row;
    }

    .ak-product-brandmark__body strong {
        max-width: none;
        text-align: left;
    }

    .ak-product-spec-grid {
        grid-template-columns: 1fr;
    }

    .ak-product-purchase-row {
        flex-direction: column;
    }

    .ak-product-detail--new .ak-product-qty,
    .ak-product-detail--new .ak-product-cart-button,
    .ak-product-detail--new .ak-product-quote-button,
    .ak-product-detail--new .ak-product-icon-button {
        width: 100%;
        flex: 0 0 auto;
    }

    .ak-product-detail--new .ak-product-icon-button {
        height: 54px;
    }

    .ak-product-detail--new .ak-product-tabs__nav {
        flex-direction: column;
    }

    .ak-product-detail--new .ak-product-tabs__nav button {
        justify-content: flex-start;
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid rgba(23, 23, 19, .1);
    }

    .ak-product-detail--new .ak-related-products__heading {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-product-detail--new .ak-related-products__heading > a {
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 479.98px) {
    .ak-product-detail--new .ak-product-gallery__main {
        min-height: 330px;
    }

    .ak-product-detail--new .ak-product-gallery__thumb {
        width: 76px;
        height: 76px;
        flex: 0 0 76px;
    }

    .ak-product-detail--new .ak-product-summary {
        padding: 20px;
    }

    .ak-product-detail--new .ak-product-buybox {
        padding: 18px;
    }

    .ak-product-detail--new .ak-product-summary h1 {
        font-size: 38px;
    }
}

.ak-product-detail--new .ak-product-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 22px;
}

.ak-product-detail--new .ak-product-meta__item {
    min-width: 0;
    flex: unset;
}

@media (max-width: 1199.98px) {
    .ak-product-detail--new .ak-product-meta {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .ak-product-detail--new .ak-product-meta {
        grid-template-columns: 1fr;
    }
}

/* =========================================================
   ILETISIM FORM FIX - AK CONTACT V2
   Mevcut ASPX sınıflarına göre düzeltildi
========================================================= */

.ak-contact-v2-main .row.g-0 {
    overflow: hidden;
    border: 1px solid rgba(17, 17, 17, .12);
    background: var(--ak-white);
    box-shadow: 0 34px 92px rgba(22, 20, 16, .11);
}

.ak-contact-v2-form {
    position: relative;
    height: 100%;
    padding: clamp(42px, 5vw, 72px) clamp(30px, 5vw, 76px);
    background:
        radial-gradient(circle at 100% 0%, rgba(184, 149, 95, .10), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #fbfaf7 100%);
}

.ak-contact-v2-form::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--ak-stone-dark), var(--ak-stone));
    content: "";
}

.ak-contact-v2-form__heading {
    max-width: 680px;
    margin-bottom: 34px;
    padding-bottom: 26px;
    border-bottom: 1px solid rgba(17, 17, 17, .10);
}

.ak-contact-v2-form__heading h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(38px, 4vw, 54px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.035em;
}

.ak-contact-v2-form__heading p {
    max-width: 610px;
    margin: 15px 0 0;
    color: #706d67;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.72;
}

/* ASPX tarafındaki gerçek form sınıfları */
.ak-contact-v2-field {
    position: relative;
}

.ak-contact-v2-field label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 9px;
    color: #262520;
    font-size: 13px;
    font-weight: 800;
    line-height: 1.25;
}

.ak-contact-v2-field label::before {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ak-stone);
    box-shadow: 0 0 0 4px rgba(184, 149, 95, .13);
    content: "";
}

.ak-contact-v2-input,
.ak-contact-v2-textarea {
    display: block;
    width: 100%;
    border: 1px solid rgba(17, 17, 17, .13);
    border-radius: 0;
    outline: 0;
    background: #f7f3eb;
    color: var(--ak-ink);
    font-family: "Urbanist", sans-serif;
    font-size: 15px;
    font-weight: 500;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .82);
    transition:
        background var(--ak-transition),
        border-color var(--ak-transition),
        box-shadow var(--ak-transition),
        transform var(--ak-transition);
}

.ak-contact-v2-input {
    height: 58px;
    padding: 0 18px;
}

.ak-contact-v2-textarea {
    min-height: 172px;
    padding: 16px 18px;
    resize: vertical;
    line-height: 1.65;
}

.ak-contact-v2-input:hover,
.ak-contact-v2-textarea:hover {
    border-color: rgba(17, 17, 17, .28);
    background: #fbf8f2;
}

.ak-contact-v2-input:focus,
.ak-contact-v2-textarea:focus {
    border-color: var(--ak-stone-dark);
    background: var(--ak-white);
    box-shadow:
        0 0 0 4px rgba(184, 149, 95, .13),
        0 15px 34px rgba(22, 20, 16, .08);
    transform: translateY(-1px);
}

.ak-contact-v2-input::placeholder,
.ak-contact-v2-textarea::placeholder {
    color: #aaa69e;
    opacity: 1;
}

/* KVKK / Onay alanı */
.ak-contact-v2-form .ak-contact-consent {
    margin-top: 2px;
    padding: 16px 18px;
    border: 1px solid rgba(17, 17, 17, .10);
    background: rgba(244, 240, 232, .70);
}

.ak-contact-v2-form .ak-contact-consent label {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0;
    color: #68655f;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.65;
    cursor: pointer;
}

.ak-contact-v2-form .ak-contact-consent label > span:first-child {
    display: inline-flex;
    flex: 0 0 auto;
    padding-top: 2px;
}

.ak-contact-v2-form .ak-contact-consent input[type="checkbox"] {
    width: 19px;
    height: 19px;
    margin: 0;
    accent-color: var(--ak-stone-dark);
    cursor: pointer;
}

.ak-contact-v2-form .ak-contact-consent a {
    color: var(--ak-ink);
    font-weight: 850;
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* Form mesajı */
.ak-contact-v2-form .ak-contact-form__message {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 24px;
    padding: 17px 19px;
    border: 1px solid rgba(184, 149, 95, .25);
    border-left: 4px solid var(--ak-stone-dark);
    background: #f7f3eb;
    color: #4f493f;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.55;
}

.ak-contact-v2-form .ak-contact-form__message.is-success {
    border-color: rgba(31, 122, 77, .22);
    border-left-color: #1f7a4d;
    background: #effaf4;
    color: #17613d;
}

.ak-contact-v2-form .ak-contact-form__message.is-error {
    border-color: rgba(180, 35, 24, .22);
    border-left-color: #b42318;
    background: #fff5f4;
    color: #8d2119;
}

/* Honeypot gizleme */
.ak-contact-v2-form .ak-contact-form__trap {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

/* Alt bilgi ve buton */
.ak-contact-v2-form__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding-top: 12px;
}

.ak-contact-v2-form__footer > span {
    max-width: 340px;
    color: #817d75;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.55;
}

.ak-contact-v2-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 230px;
    min-height: 58px;
    padding: 0 30px;
    border: 1px solid var(--ak-ink);
    border-radius: 0;
    background: var(--ak-ink);
    color: var(--ak-white);
    font-family: "Urbanist", sans-serif;
    font-size: 14px;
    font-weight: 850;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 18px 36px rgba(17, 17, 17, .16);
    transition:
        color var(--ak-transition),
        background var(--ak-transition),
        border-color var(--ak-transition),
        box-shadow var(--ak-transition),
        transform var(--ak-transition);
}

.ak-contact-v2-submit:hover,
.ak-contact-v2-submit:focus {
    color: var(--ak-white);
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    box-shadow: 0 20px 42px rgba(143, 109, 62, .26);
    transform: translateY(-2px);
}

/* Sol panelde ASPX ile uyuşmayan küçük sınıf düzeltmeleri */
.ak-contact-v2-aside__content > span:first-child {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 22px;
    color: #d1b27e;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ak-contact-v2-aside__content > span:first-child::before {
    width: 28px;
    height: 1px;
    background: currentColor;
    content: "";
}

.ak-contact-v2-whatsapp > a > span:first-child {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    flex: 0 0 46px;
    border-radius: 50%;
    background: #25d366;
    color: var(--ak-white);
    font-size: 21px;
}

.ak-contact-v2-whatsapp > a > span:nth-child(2) {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
}

.ak-contact-v2-whatsapp > a > span:nth-child(2) small {
    margin-bottom: 2px;
    color: rgba(255, 255, 255, .58);
    font-size: 12px;
    font-weight: 700;
}

.ak-contact-v2-whatsapp > a > span:nth-child(2) strong {
    overflow-wrap: anywhere;
    color: var(--ak-white);
    font-size: 15px;
    font-weight: 800;
}

/* Üst iletişim kartlarındaki ikonlar ASPX'te direkt i olarak geliyor */
.ak-contact-v2-quick__item > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    border: 1px solid rgba(17, 17, 17, .16);
    border-radius: 50%;
    color: var(--ak-stone-dark);
    font-size: 14px;
}

.ak-contact-v2-quick__content small,
.ak-contact-v2-address__content small {
    color: #77746e;
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
}

/* Responsive */
@media (max-width: 991.98px) {
    .ak-contact-v2-main .row.g-0 {
        box-shadow: 0 24px 70px rgba(22, 20, 16, .10);
    }

    .ak-contact-v2-form {
        min-height: auto;
    }
}

@media (max-width: 767.98px) {
    .ak-contact-v2-form {
        padding: 38px 26px;
    }

    .ak-contact-v2-form__heading {
        margin-bottom: 28px;
        padding-bottom: 22px;
    }

    .ak-contact-v2-form__heading h2 {
        font-size: 42px;
    }

    .ak-contact-v2-input {
        height: 56px;
    }

    .ak-contact-v2-textarea {
        min-height: 155px;
    }

    .ak-contact-v2-form__footer {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-contact-v2-form__footer > span {
        max-width: 100%;
    }

    .ak-contact-v2-submit {
        width: 100%;
    }
}

@media (max-width: 575.98px) {
    .ak-contact-v2-form {
        padding-right: 22px;
        padding-left: 22px;
    }

    .ak-contact-v2-form .ak-contact-consent {
        padding: 15px;
    }
}


/* =========================================================
   BLOG DETAIL PAGE FIX - AKACAK MERMER
   blog.aspx içindeki gerçek sınıflara göre düzenlendi
========================================================= */

.ak-blog-detail-empty {
    position: relative;
    padding: clamp(78px, 9vw, 130px) 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, rgba(184, 149, 95, .13), transparent 36%),
        linear-gradient(180deg, #f7f4ee 0%, #ffffff 100%);
}

.ak-blog-detail-empty .container {
    display: flex;
    align-items: center;
    gap: 28px;
    max-width: 920px;
    padding: 34px;
    border: 1px solid var(--ak-line);
    background: var(--ak-white);
    box-shadow: 0 28px 76px rgba(22, 20, 16, .11);
}

.ak-blog-detail-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    flex: 0 0 76px;
    border-radius: 50%;
    background: var(--ak-ivory);
    color: var(--ak-stone-dark);
    font-size: 27px;
}

.ak-blog-detail-empty h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.035em;
}

.ak-blog-detail-empty p {
    max-width: 620px;
    margin: 12px 0 22px;
    color: var(--ak-muted);
    font-size: 15px;
    line-height: 1.75;
}

.ak-blog-detail-empty a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 48px;
    padding: 0 19px;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: var(--ak-white);
    font-size: 13px;
    font-weight: 850;
    transition: background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-blog-detail-empty a:hover {
    color: var(--ak-white);
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    transform: translateY(-2px);
}

.ak-blog-detail-empty a i {
    font-size: 11px;
}

/* Hero */

.ak-blog-detail-hero {
    position: relative;
    padding: clamp(70px, 8vw, 118px) 0 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 92% 12%, rgba(184, 149, 95, .16), transparent 34%),
        linear-gradient(180deg, #f7f4ee 0%, #ffffff 100%);
}

.ak-blog-detail-hero::before {
    position: absolute;
    top: -210px;
    right: -160px;
    width: 460px;
    height: 460px;
    border: 1px solid rgba(143, 109, 62, .12);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-blog-detail-hero::after {
    position: absolute;
    bottom: 90px;
    left: -170px;
    width: 390px;
    height: 390px;
    border: 1px solid rgba(17, 17, 17, .06);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-blog-detail-hero .container {
    position: relative;
    z-index: 2;
}

.ak-blog-detail-hero__breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;
    margin-bottom: 38px;
    color: #76736d;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ak-blog-detail-hero__breadcrumb a {
    color: #76736d;
    transition: color var(--ak-transition);
}

.ak-blog-detail-hero__breadcrumb a:hover {
    color: var(--ak-stone-dark);
}

.ak-blog-detail-hero__breadcrumb i {
    display: inline-flex;
    width: 5px;
    height: 5px;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    transform: rotate(45deg);
    opacity: .55;
}

.ak-blog-detail-hero h1 {
    max-width: 960px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(48px, 6vw, 78px);
    font-weight: 600;
    line-height: .95;
    letter-spacing: -.045em;
}

.ak-blog-detail-hero p {
    max-width: 760px;
    margin: 22px 0 0;
    color: #68655f;
    font-size: clamp(17px, 1.45vw, 21px);
    font-weight: 500;
    line-height: 1.65;
}

.ak-blog-detail-hero__meta {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin-left: auto;
    padding: 23px;
    border: 1px solid rgba(17, 17, 17, .10);
    background: rgba(255, 255, 255, .72);
    backdrop-filter: blur(14px);
    box-shadow: 0 18px 48px rgba(22, 20, 16, .08);
}

.ak-blog-detail-hero__meta span {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 42px;
    padding-bottom: 11px;
    border-bottom: 1px solid rgba(17, 17, 17, .09);
    color: #5f5c55;
    font-size: 13px;
    font-weight: 800;
}

.ak-blog-detail-hero__meta span:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.ak-blog-detail-hero__meta i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 50%;
    background: var(--ak-ivory);
    color: var(--ak-stone-dark);
    font-size: 13px;
}

.ak-blog-detail-hero__meta strong,
.ak-blog-detail-hero__meta time {
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 850;
}

.ak-blog-detail-hero__image {
    position: relative;
    height: clamp(360px, 46vw, 610px);
    margin-top: clamp(38px, 5vw, 66px);
    overflow: hidden;
    border: 1px solid rgba(17, 17, 17, .10);
    background: var(--ak-ivory);
    box-shadow: 0 34px 90px rgba(22, 20, 16, .14);
}

.ak-blog-detail-hero__image::after {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, .20) 100%),
        linear-gradient(90deg, rgba(17, 17, 17, .14), transparent 32%);
    content: "";
    pointer-events: none;
}

.ak-blog-detail-hero__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Content */

.ak-blog-detail-content {
    position: relative;
    padding: clamp(70px, 8vw, 110px) 0;
    background: var(--ak-white);
}

.ak-blog-detail-content__main {
    padding: clamp(30px, 4vw, 52px);
    border: 1px solid var(--ak-line);
    background:
        radial-gradient(circle at 100% 0%, rgba(184, 149, 95, .07), transparent 30%),
        #ffffff;
    box-shadow: 0 28px 80px rgba(22, 20, 16, .08);
}

.ak-blog-detail-content__heading {
    margin-bottom: 30px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--ak-line);
}

.ak-blog-detail-content__heading h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.035em;
}

/* Rich text */

.ak-blog-rich-text {
    color: #3d3b36;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.9;
}

.ak-blog-rich-text > *:first-child {
    margin-top: 0;
}

.ak-blog-rich-text > *:last-child {
    margin-bottom: 0;
}

.ak-blog-rich-text p {
    margin: 0 0 22px;
}

.ak-blog-rich-text h1,
.ak-blog-rich-text h2,
.ak-blog-rich-text h3,
.ak-blog-rich-text h4,
.ak-blog-rich-text h5,
.ak-blog-rich-text h6 {
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.03em;
}

.ak-blog-rich-text h2 {
    margin: 46px 0 18px;
    font-size: clamp(32px, 3vw, 42px);
}

.ak-blog-rich-text h3 {
    margin: 38px 0 16px;
    font-size: clamp(28px, 2.6vw, 36px);
}

.ak-blog-rich-text h4 {
    margin: 32px 0 14px;
    font-size: 27px;
}

.ak-blog-rich-text a {
    color: var(--ak-stone-dark);
    font-weight: 850;
    text-decoration: underline;
    text-underline-offset: 5px;
}

.ak-blog-rich-text img {
    display: block;
    width: 100%;
    height: auto;
    margin: 34px 0;
    border: 1px solid var(--ak-line);
    background: var(--ak-ivory);
}

.ak-blog-rich-text ul,
.ak-blog-rich-text ol {
    margin: 0 0 26px;
    padding-left: 22px;
}

.ak-blog-rich-text li {
    margin-bottom: 9px;
}

.ak-blog-rich-text blockquote {
    position: relative;
    margin: 36px 0;
    padding: 34px 36px 34px 76px;
    border-left: 4px solid var(--ak-stone-dark);
    background: #f7f4ee;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(26px, 3vw, 36px);
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: -.025em;
}

.ak-blog-rich-text blockquote::before {
    position: absolute;
    top: 24px;
    left: 28px;
    color: var(--ak-stone);
    font-family: Georgia, serif;
    font-size: 58px;
    line-height: 1;
    content: "“";
}

.ak-blog-rich-text table {
    width: 100%;
    margin: 32px 0;
    overflow-x: auto;
    border-collapse: collapse;
    background: var(--ak-white);
}

.ak-blog-rich-text th,
.ak-blog-rich-text td {
    min-width: 130px;
    padding: 14px 16px;
    border: 1px solid var(--ak-line);
    text-align: left;
}

.ak-blog-rich-text th {
    background: var(--ak-ink);
    color: var(--ak-white);
    font-size: 12px;
    font-weight: 850;
}

/* Sidebar */

.ak-blog-detail-sidebar {
    position: sticky;
    top: calc(var(--ak-header-height) + 24px);
}

.ak-blog-detail-sidebar__box {
    margin-bottom: 22px;
    padding: 28px;
    border: 1px solid var(--ak-line);
    background: #ffffff;
    box-shadow: 0 18px 54px rgba(22, 20, 16, .07);
}

.ak-blog-detail-sidebar__box > span:first-child {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: var(--ak-stone-dark);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ak-blog-detail-sidebar__box > span:first-child::before {
    width: 24px;
    height: 1px;
    background: currentColor;
    content: "";
}

.ak-blog-detail-sidebar__box h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 31px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.032em;
}

.ak-blog-detail-sidebar__box p {
    margin: 15px 0 22px;
    color: var(--ak-muted);
    font-size: 14px;
    line-height: 1.75;
}

.ak-blog-detail-sidebar__box > a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    min-height: 52px;
    padding: 0 18px;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: var(--ak-white);
    font-size: 13px;
    font-weight: 850;
    transition: background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-blog-detail-sidebar__box > a:hover {
    color: var(--ak-white);
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    transform: translateY(-2px);
}

.ak-blog-detail-sidebar__box > a i {
    font-size: 11px;
}

/* Sidebar categories */

.ak-blog-detail-sidebar__categories {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.ak-blog-detail-sidebar__categories a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 48px;
    padding: 0 14px;
    border: 1px solid var(--ak-line);
    background: #f8f5ef;
    color: var(--ak-ink);
    transition: background var(--ak-transition), border-color var(--ak-transition), color var(--ak-transition), transform var(--ak-transition);
}

.ak-blog-detail-sidebar__categories a:hover,
.ak-blog-detail-sidebar__categories a.is-active {
    border-color: var(--ak-ink);
    background: var(--ak-ink);
    color: var(--ak-white);
    transform: translateX(3px);
}

.ak-blog-detail-sidebar__categories span {
    font-size: 13px;
    font-weight: 800;
}

.ak-blog-detail-sidebar__categories small {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 29px;
    height: 29px;
    padding: 0 7px;
    border-radius: 50%;
    background: var(--ak-white);
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 900;
}

/* Latest blogs */

.ak-blog-detail-sidebar__latest {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ak-blog-detail-sidebar__latest a {
    display: flex;
    gap: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--ak-line);
    color: var(--ak-ink);
}

.ak-blog-detail-sidebar__latest a:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.ak-blog-detail-sidebar__latest-image {
    display: block;
    width: 96px;
    height: 78px;
    flex: 0 0 96px;
    overflow: hidden;
    background: var(--ak-ivory);
}

.ak-blog-detail-sidebar__latest-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .6s ease;
}

.ak-blog-detail-sidebar__latest a:hover img {
    transform: scale(1.07);
}

.ak-blog-detail-sidebar__latest-content {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    justify-content: center;
}

.ak-blog-detail-sidebar__latest-content strong {
    display: -webkit-box;
    overflow: hidden;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 21px;
    font-weight: 600;
    line-height: 1.12;
    letter-spacing: -.025em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    transition: color var(--ak-transition);
}

.ak-blog-detail-sidebar__latest a:hover strong {
    color: var(--ak-stone-dark);
}

.ak-blog-detail-sidebar__latest-content small {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-top: 9px;
    color: var(--ak-muted);
    font-size: 12px;
    font-weight: 700;
}

.ak-blog-detail-sidebar__latest-content small i {
    color: var(--ak-stone-dark);
}

/* Related */

.ak-blog-detail-related {
    padding: clamp(66px, 7vw, 104px) 0;
    background: #f7f4ee;
}

.ak-blog-detail-related__heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 38px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(17, 17, 17, .12);
}

.ak-blog-detail-related__heading h2 {
    max-width: 760px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(38px, 4vw, 54px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.04em;
}

.ak-blog-detail-related__heading > a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-width: 176px;
    min-height: 52px;
    padding: 0 18px;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: var(--ak-white);
    font-size: 13px;
    font-weight: 850;
    transition: background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-blog-detail-related__heading > a:hover {
    color: var(--ak-white);
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    transform: translateY(-2px);
}

/* Related içindeki kartların hizası için küçük toparlama */

.ak-blog-detail-related .ak-blog-list-card {
    height: 100%;
    background: var(--ak-white);
}

.ak-blog-detail-related .ak-blog-list-card__content h3 {
    font-family: "Barlow Condensed", sans-serif;
    letter-spacing: -.03em;
}

/* Responsive */

@media (max-width: 991.98px) {
    .ak-blog-detail-hero {
        padding-top: 72px;
    }

    .ak-blog-detail-hero__meta {
        max-width: 100%;
        margin-left: 0;
    }

    .ak-blog-detail-sidebar {
        position: relative;
        top: auto;
    }

    .ak-blog-detail-content__main {
        padding: 34px 28px;
    }

    .ak-blog-detail-related__heading {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    .ak-blog-detail-empty .container {
        align-items: flex-start;
        flex-direction: column;
        padding: 28px 24px;
    }

    .ak-blog-detail-hero {
        padding-top: 58px;
    }

    .ak-blog-detail-hero__breadcrumb {
        margin-bottom: 28px;
        font-size: 11px;
    }

    .ak-blog-detail-hero h1 {
        font-size: 44px;
        line-height: .98;
    }

    .ak-blog-detail-hero p {
        font-size: 16px;
    }

    .ak-blog-detail-hero__image {
        height: 320px;
        margin-top: 34px;
    }

    .ak-blog-detail-content {
        padding: 58px 0 68px;
    }

    .ak-blog-detail-content__main {
        padding: 29px 22px;
    }

    .ak-blog-rich-text {
        font-size: 15px;
        line-height: 1.85;
    }

    .ak-blog-rich-text h2 {
        font-size: 32px;
    }

    .ak-blog-rich-text h3 {
        font-size: 28px;
    }

    .ak-blog-rich-text blockquote {
        padding: 29px 22px 29px 58px;
        font-size: 27px;
    }

    .ak-blog-rich-text blockquote::before {
        left: 20px;
    }

    .ak-blog-detail-sidebar__box {
        padding: 24px 22px;
    }

    .ak-blog-detail-related {
        padding: 58px 0 72px;
    }

    .ak-blog-detail-related__heading h2 {
        font-size: 40px;
    }

    .ak-blog-detail-related__heading > a {
        width: 100%;
    }
}

@media (max-width: 479.98px) {
    .ak-blog-detail-hero__meta {
        padding: 18px;
    }

    .ak-blog-detail-hero__image {
        height: 260px;
    }

    .ak-blog-detail-sidebar__latest a {
        align-items: flex-start;
    }

    .ak-blog-detail-sidebar__latest-image {
        width: 84px;
        height: 70px;
        flex-basis: 84px;
    }

    .ak-blog-detail-sidebar__latest-content strong {
        font-size: 19px;
    }
}

/* =========================================================
   SERVICE DETAIL PAGE FIX - AKACAK MERMER
   hizmet.aspx içindeki gerçek sınıflara göre düzenlendi
========================================================= */

/* Empty */

.ak-services-empty {
    position: relative;
    padding: clamp(76px, 9vw, 126px) 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, rgba(184, 149, 95, .13), transparent 34%),
        linear-gradient(180deg, #f8f5ef 0%, #ffffff 100%);
}

.ak-services-empty .container {
    display: flex;
    align-items: center;
    gap: 28px;
    max-width: 920px;
    padding: 34px;
    border: 1px solid rgba(17, 17, 17, .11);
    background: var(--ak-white);
    box-shadow: 0 28px 76px rgba(22, 20, 16, .11);
}

.ak-services-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 78px;
    height: 78px;
    flex: 0 0 78px;
    border-radius: 50%;
    background: var(--ak-ivory);
    color: var(--ak-stone-dark);
    font-size: 28px;
}

.ak-services-empty h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.035em;
}

.ak-services-empty p {
    max-width: 640px;
    margin: 12px 0 22px;
    color: var(--ak-muted);
    font-size: 15px;
    line-height: 1.75;
}

.ak-services-empty a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 50px;
    padding: 0 20px;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: var(--ak-white);
    font-size: 13px;
    font-weight: 850;
    transition: background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-services-empty a:hover {
    color: var(--ak-white);
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    transform: translateY(-2px);
}

/* Hero */

.ak-service-detail-hero {
    position: relative;
    padding: clamp(68px, 8vw, 112px) 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 94% 9%, rgba(184, 149, 95, .15), transparent 34%),
        linear-gradient(180deg, #f8f5ef 0%, #ffffff 100%);
}

.ak-service-detail-hero::before {
    position: absolute;
    top: -220px;
    right: -180px;
    width: 500px;
    height: 500px;
    border: 1px solid rgba(143, 109, 62, .13);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-service-detail-hero::after {
    position: absolute;
    bottom: 40px;
    left: -190px;
    width: 420px;
    height: 420px;
    border: 1px solid rgba(17, 17, 17, .06);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-service-detail-hero .container {
    position: relative;
    z-index: 2;
}

.ak-service-detail-hero .row.g-0 {
    overflow: hidden;
    border: 1px solid rgba(17, 17, 17, .11);
    background: var(--ak-white);
    box-shadow: 0 34px 92px rgba(22, 20, 16, .12);
}

.ak-service-detail-hero__image {
    position: relative;
    height: 100%;
    min-height: 620px;
    overflow: hidden;
    background: var(--ak-ivory);
}

.ak-service-detail-hero__image::after {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, .04) 0%, rgba(0, 0, 0, .48) 100%),
        linear-gradient(90deg, rgba(17, 17, 17, .24), transparent 52%);
    content: "";
    pointer-events: none;
}

.ak-service-detail-hero__image img {
    width: 100%;
    height: 100%;
    min-height: 620px;
    object-fit: cover;
    transform: scale(1.001);
}

.ak-service-detail-hero__image-label {
    position: absolute;
    right: 22px;
    bottom: 22px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    max-width: calc(100% - 44px);
    min-height: 38px;
    padding: 0 15px;
    overflow: hidden;
    background: var(--ak-stone);
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ak-service-detail-hero__image-action {
    position: absolute;
    top: 22px;
    left: 22px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, .42);
    background: rgba(17, 17, 17, .45);
    color: var(--ak-white);
    font-size: 13px;
    backdrop-filter: blur(12px);
    transition: background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-service-detail-hero__image-action:hover {
    color: var(--ak-white);
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    transform: translateX(-3px);
}

.ak-service-detail-hero__content {
    position: relative;
    display: flex;
    min-height: 620px;
    flex-direction: column;
    justify-content: center;
    padding: clamp(42px, 5vw, 72px);
    background:
        radial-gradient(circle at 100% 0%, rgba(184, 149, 95, .08), transparent 34%),
        linear-gradient(180deg, #ffffff 0%, #fbfaf7 100%);
}

.ak-service-detail-hero__content::before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--ak-stone-dark), var(--ak-stone));
    content: "";
}

.ak-service-detail-hero__breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;
    margin-bottom: 34px;
    color: #77736d;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ak-service-detail-hero__breadcrumb a {
    color: #77736d;
    transition: color var(--ak-transition);
}

.ak-service-detail-hero__breadcrumb a:hover {
    color: var(--ak-stone-dark);
}

.ak-service-detail-hero__breadcrumb i {
    display: inline-flex;
    width: 5px;
    height: 5px;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    transform: rotate(45deg);
    opacity: .58;
}

.ak-service-detail-hero__content h1 {
    max-width: 720px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(48px, 5.8vw, 76px);
    font-weight: 600;
    line-height: .95;
    letter-spacing: -.045em;
}

.ak-service-detail-hero__content p {
    max-width: 650px;
    margin: 22px 0 0;
    color: #68655f;
    font-size: clamp(16px, 1.25vw, 20px);
    font-weight: 500;
    line-height: 1.72;
}

.ak-service-detail-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 34px;
}

.ak-service-detail-hero__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-width: 180px;
    min-height: 54px;
    padding: 0 20px;
    border: 1px solid var(--ak-ink);
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 900;
    transition:
        color var(--ak-transition),
        background var(--ak-transition),
        border-color var(--ak-transition),
        transform var(--ak-transition);
}

.ak-service-detail-hero__actions a:first-child {
    background: var(--ak-ink);
    color: var(--ak-white);
}

.ak-service-detail-hero__actions a:hover {
    color: var(--ak-white);
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    transform: translateY(-2px);
}

.ak-service-detail-hero__actions a i {
    font-size: 11px;
}

/* Content */

.ak-service-detail-content {
    position: relative;
    padding: clamp(72px, 8vw, 112px) 0;
    background: var(--ak-white);
}

.ak-service-detail-content__main {
    padding: clamp(30px, 4vw, 52px);
    border: 1px solid var(--ak-line);
    background:
        radial-gradient(circle at 100% 0%, rgba(184, 149, 95, .07), transparent 30%),
        #ffffff;
    box-shadow: 0 28px 80px rgba(22, 20, 16, .08);
}

.ak-service-detail-content__heading {
    margin-bottom: 30px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--ak-line);
}

.ak-service-detail-content__heading h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.035em;
}

/* Rich text */

.ak-service-rich-text {
    color: #3d3b36;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.9;
}

.ak-service-rich-text > *:first-child {
    margin-top: 0;
}

.ak-service-rich-text > *:last-child {
    margin-bottom: 0;
}

.ak-service-rich-text p {
    margin: 0 0 22px;
}

.ak-service-rich-text h1,
.ak-service-rich-text h2,
.ak-service-rich-text h3,
.ak-service-rich-text h4,
.ak-service-rich-text h5,
.ak-service-rich-text h6 {
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.03em;
}

.ak-service-rich-text h2 {
    margin: 46px 0 18px;
    font-size: clamp(32px, 3vw, 42px);
}

.ak-service-rich-text h3 {
    margin: 38px 0 16px;
    font-size: clamp(28px, 2.6vw, 36px);
}

.ak-service-rich-text h4 {
    margin: 32px 0 14px;
    font-size: 27px;
}

.ak-service-rich-text a {
    color: var(--ak-stone-dark);
    font-weight: 850;
    text-decoration: underline;
    text-underline-offset: 5px;
}

.ak-service-rich-text img {
    display: block;
    width: 100%;
    height: auto;
    margin: 34px 0;
    border: 1px solid var(--ak-line);
    background: var(--ak-ivory);
}

.ak-service-rich-text ul,
.ak-service-rich-text ol {
    margin: 0 0 26px;
    padding-left: 22px;
}

.ak-service-rich-text li {
    margin-bottom: 9px;
}

.ak-service-rich-text blockquote {
    position: relative;
    margin: 36px 0;
    padding: 34px 36px 34px 76px;
    border-left: 4px solid var(--ak-stone-dark);
    background: #f7f4ee;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(26px, 3vw, 36px);
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: -.025em;
}

.ak-service-rich-text blockquote::before {
    position: absolute;
    top: 24px;
    left: 28px;
    color: var(--ak-stone);
    font-family: Georgia, serif;
    font-size: 58px;
    line-height: 1;
    content: "“";
}

/* Sidebar */

.ak-service-detail-sidebar {
    position: sticky;
    top: calc(var(--ak-header-height) + 24px);
}

.ak-service-detail-sidebar__box,
.ak-service-detail-sidebar__cta {
    margin-bottom: 22px;
    padding: 28px;
    border: 1px solid var(--ak-line);
    background: #ffffff;
    box-shadow: 0 18px 54px rgba(22, 20, 16, .07);
}

.ak-service-detail-sidebar__box > span:first-child {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: var(--ak-stone-dark);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ak-service-detail-sidebar__box > span:first-child::before {
    width: 24px;
    height: 1px;
    background: currentColor;
    content: "";
}

.ak-service-detail-sidebar__box h3,
.ak-service-detail-sidebar__cta h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 31px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.032em;
}

.ak-service-detail-sidebar__box p,
.ak-service-detail-sidebar__cta p {
    margin: 15px 0 22px;
    color: var(--ak-muted);
    font-size: 14px;
    line-height: 1.75;
}

.ak-service-detail-sidebar__meta {
    padding: 17px 18px;
    border: 1px solid rgba(17, 17, 17, .10);
    background: #f8f5ef;
}

.ak-service-detail-sidebar__meta small {
    display: block;
    margin-bottom: 5px;
    color: #77736d;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.ak-service-detail-sidebar__meta strong {
    display: block;
    color: var(--ak-ink);
    font-size: 15px;
    font-weight: 850;
}

.ak-service-detail-sidebar__cta {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, rgba(184, 149, 95, .20), transparent 34%),
        #111111;
    color: var(--ak-white);
}

.ak-service-detail-sidebar__cta::before {
    position: absolute;
    right: -90px;
    bottom: -90px;
    width: 220px;
    height: 220px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 50%;
    content: "";
}

.ak-service-detail-sidebar__cta > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: 24px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    color: var(--ak-stone);
    font-size: 20px;
}

.ak-service-detail-sidebar__cta h3 {
    color: var(--ak-white);
}

.ak-service-detail-sidebar__cta p {
    color: rgba(255, 255, 255, .62);
}

.ak-service-detail-sidebar__cta a {
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    min-height: 52px;
    padding: 0 18px;
    background: var(--ak-white);
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 900;
    transition: background var(--ak-transition), color var(--ak-transition), transform var(--ak-transition);
}

.ak-service-detail-sidebar__cta a:hover {
    color: var(--ak-white);
    background: var(--ak-stone-dark);
    transform: translateY(-2px);
}

.ak-service-detail-sidebar__cta a i {
    font-size: 11px;
}

/* Gallery */

.ak-service-detail-gallery {
    padding: clamp(70px, 8vw, 108px) 0;
    background: #f8f5ef;
}

.ak-service-detail-gallery__heading {
    margin-bottom: 38px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(17, 17, 17, .12);
}

.ak-service-detail-gallery__heading h2,
.ak-service-detail-process__heading h2,
.ak-service-related__heading h2 {
    max-width: 800px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(38px, 4vw, 54px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.04em;
}

.ak-service-detail-gallery__heading p,
.ak-service-detail-process__heading p {
    max-width: 520px;
    margin: 0 0 0 auto;
    color: #68655f;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.72;
}

.ak-service-detail-gallery-card {
    height: 100%;
}

.ak-service-detail-gallery-card__button {
    position: relative;
    display: block;
    width: 100%;
    min-height: 300px;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(17, 17, 17, .12);
    background: var(--ak-ivory);
    cursor: pointer;
    box-shadow: 0 18px 52px rgba(22, 20, 16, .07);
    transition: border-color var(--ak-transition), box-shadow var(--ak-transition), transform var(--ak-transition);
}

.ak-service-detail-gallery-card__button:hover {
    border-color: rgba(143, 109, 62, .46);
    box-shadow: 0 28px 74px rgba(22, 20, 16, .13);
    transform: translateY(-5px);
}

.ak-service-detail-gallery-card__media {
    display: block;
    width: 100%;
    min-height: 300px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.ak-service-detail-gallery-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 300px;
    object-fit: cover;
    transform: scale(1.001);
    transition: transform .75s cubic-bezier(.2, .7, .2, 1);
}

.ak-service-detail-gallery-card__button:hover img {
    transform: scale(1.07);
}

.ak-service-detail-gallery-card__overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(17, 17, 17, .42);
    color: var(--ak-white);
    font-size: 22px;
    opacity: 0;
    transition: opacity var(--ak-transition);
}

.ak-service-detail-gallery-card__button:hover .ak-service-detail-gallery-card__overlay {
    opacity: 1;
}

.ak-service-detail-gallery-card__number {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, .38);
    background: rgba(17, 17, 17, .62);
    color: var(--ak-white);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1;
    backdrop-filter: blur(12px);
}

/* Process */

.ak-service-detail-process {
    padding: clamp(70px, 8vw, 108px) 0;
    background: var(--ak-white);
}

.ak-service-detail-process__heading {
    margin-bottom: 38px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(17, 17, 17, .12);
}

.ak-service-detail-process-card {
    position: relative;
    height: 100%;
    min-height: 280px;
    padding: 30px;
    overflow: hidden;
    border: 1px solid rgba(17, 17, 17, .11);
    background:
        radial-gradient(circle at 100% 0%, rgba(184, 149, 95, .09), transparent 34%),
        #ffffff;
    box-shadow: 0 18px 52px rgba(22, 20, 16, .07);
    transition:
        color var(--ak-transition),
        background var(--ak-transition),
        border-color var(--ak-transition),
        box-shadow var(--ak-transition),
        transform var(--ak-transition);
}

.ak-service-detail-process-card:hover {
    border-color: var(--ak-ink);
    background: var(--ak-ink);
    box-shadow: 0 28px 74px rgba(22, 20, 16, .15);
    transform: translateY(-5px);
}

.ak-service-detail-process-card > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    height: 48px;
    padding: 0 10px;
    background: var(--ak-ink);
    color: var(--ak-white);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1;
    transition: background var(--ak-transition), color var(--ak-transition);
}

.ak-service-detail-process-card:hover > span {
    background: var(--ak-stone);
    color: var(--ak-ink);
}

.ak-service-detail-process-card > i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-top: 36px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
    font-size: 18px;
    transition: border-color var(--ak-transition), color var(--ak-transition), background var(--ak-transition);
}

.ak-service-detail-process-card:hover > i {
    border-color: rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .06);
    color: var(--ak-stone);
}

.ak-service-detail-process-card h3 {
    margin: 24px 0 11px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 29px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.03em;
    transition: color var(--ak-transition);
}

.ak-service-detail-process-card:hover h3 {
    color: var(--ak-white);
}

.ak-service-detail-process-card p {
    margin: 0;
    color: var(--ak-muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.72;
    transition: color var(--ak-transition);
}

.ak-service-detail-process-card:hover p {
    color: rgba(255, 255, 255, .62);
}

/* Related services */

.ak-service-related {
    padding: clamp(70px, 8vw, 108px) 0;
    background: #f8f5ef;
}

.ak-service-related__heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 40px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(17, 17, 17, .12);
}

.ak-service-related__heading > a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-width: 176px;
    min-height: 52px;
    padding: 0 18px;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: var(--ak-white);
    font-size: 13px;
    font-weight: 900;
    transition: background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-service-related__heading > a:hover {
    color: var(--ak-white);
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    transform: translateY(-2px);
}

.ak-service-related-card {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(17, 17, 17, .12);
    background: var(--ak-white);
    box-shadow: 0 18px 52px rgba(22, 20, 16, .07);
    transition: border-color var(--ak-transition), box-shadow var(--ak-transition), transform var(--ak-transition);
}

.ak-service-related-card:hover {
    border-color: rgba(143, 109, 62, .46);
    box-shadow: 0 28px 74px rgba(22, 20, 16, .13);
    transform: translateY(-5px);
}

.ak-service-related-card__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: var(--ak-ivory);
}

.ak-service-related-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.001);
    transition: transform .75s cubic-bezier(.2, .7, .2, 1);
}

.ak-service-related-card:hover .ak-service-related-card__media img {
    transform: scale(1.07);
}

.ak-service-related-card__media > span {
    position: absolute;
    top: 16px;
    right: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 255, 255, .42);
    background: rgba(17, 17, 17, .45);
    color: var(--ak-white);
    font-size: 13px;
    opacity: 0;
    transform: translate(8px, -8px);
    backdrop-filter: blur(12px);
    transition: opacity var(--ak-transition), transform var(--ak-transition), background var(--ak-transition);
}

.ak-service-related-card:hover .ak-service-related-card__media > span {
    opacity: 1;
    transform: translate(0, 0);
}

.ak-service-related-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 25px;
}

.ak-service-related-card__content small {
    display: inline-flex;
    width: fit-content;
    min-height: 30px;
    align-items: center;
    margin-bottom: 15px;
    padding: 0 12px;
    background: var(--ak-ivory);
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.ak-service-related-card__content h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 31px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.032em;
}

.ak-service-related-card__content h3 a {
    color: inherit;
    transition: color var(--ak-transition);
}

.ak-service-related-card__content h3 a:hover {
    color: var(--ak-stone-dark);
}

.ak-service-related-card__content p {
    display: -webkit-box;
    margin: 15px 0 0;
    overflow: hidden;
    color: #67645e;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.72;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ak-service-related-card__content > a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 48px;
    margin-top: auto;
    padding-top: 24px;
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 900;
}

.ak-service-related-card__content > a i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(17, 17, 17, .14);
    border-radius: 50%;
    color: var(--ak-stone-dark);
    font-size: 11px;
    transition: color var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-service-related-card__content > a:hover {
    color: var(--ak-stone-dark);
}

.ak-service-related-card__content > a:hover i {
    border-color: var(--ak-stone-dark);
    background: var(--ak-stone-dark);
    color: var(--ak-white);
    transform: translateX(3px);
}

/* Lightbox */

.ak-service-gallery-lightbox {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px;
    background: rgba(2, 10, 23, .78);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    backdrop-filter: blur(14px);
    transition: opacity var(--ak-transition), visibility var(--ak-transition);
}

.ak-service-gallery-lightbox.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.ak-service-gallery-lightbox__dialog {
    position: relative;
    z-index: 2;
    display: flex;
    width: min(1160px, 100%);
    max-height: calc(100vh - 56px);
    flex-direction: column;
    overflow: hidden;
    background: #080b10;
    color: var(--ak-white);
    box-shadow: 0 36px 100px rgba(0, 0, 0, .42);
}

.ak-service-gallery-lightbox__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 72px;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.ak-service-gallery-lightbox__header > div:first-child {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ak-service-gallery-lightbox__header span {
    color: var(--ak-stone);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ak-service-gallery-lightbox__header strong {
    overflow: hidden;
    color: rgba(255, 255, 255, .82);
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ak-service-gallery-lightbox__counter {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, .68);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 22px;
    font-weight: 600;
}

.ak-service-gallery-lightbox__counter i {
    width: 24px;
    height: 1px;
    background: rgba(255, 255, 255, .25);
}

.ak-service-gallery-lightbox__close,
.ak-service-gallery-lightbox__navigation {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
    background: rgba(255, 255, 255, .06);
    color: var(--ak-white);
    cursor: pointer;
    transition: background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-service-gallery-lightbox__close {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
}

.ak-service-gallery-lightbox__close:hover,
.ak-service-gallery-lightbox__navigation:hover {
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    color: var(--ak-white);
}

.ak-service-gallery-lightbox__stage {
    position: relative;
    display: flex;
    min-height: 0;
    flex: 1;
    align-items: center;
    justify-content: center;
    padding: 28px 88px;
}

.ak-service-gallery-lightbox__figure {
    display: flex;
    width: 100%;
    height: min(72vh, 720px);
    min-height: 0;
    flex-direction: column;
    margin: 0;
}

.ak-service-gallery-lightbox__image-wrap {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 0;
    flex: 1;
    align-items: center;
    justify-content: center;
}

.ak-service-gallery-lightbox__image-wrap img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.ak-service-gallery-lightbox__figure figcaption {
    min-height: 37px;
    padding-top: 14px;
    color: rgba(255, 255, 255, .55);
    font-size: 12px;
    text-align: center;
}

.ak-service-gallery-lightbox__navigation {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 52px;
    height: 52px;
    font-size: 12px;
    transform: translateY(-50%);
}

.ak-service-gallery-lightbox__navigation--previous {
    left: 22px;
}

.ak-service-gallery-lightbox__navigation--next {
    right: 22px;
}

.ak-service-gallery-lightbox__backdrop {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: transparent;
    cursor: pointer;
}

.ak-service-gallery-lightbox__loading {
    position: absolute;
    display: flex;
    gap: 7px;
    opacity: 0;
    visibility: hidden;
}

.ak-service-gallery-lightbox.is-loading .ak-service-gallery-lightbox__loading {
    opacity: 1;
    visibility: visible;
}

.ak-service-gallery-lightbox__loading i {
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ak-stone);
    animation: akServiceGalleryLoading .8s infinite alternate;
}

.ak-service-gallery-lightbox__loading i:nth-child(2) {
    animation-delay: .14s;
}

.ak-service-gallery-lightbox__loading i:nth-child(3) {
    animation-delay: .28s;
}

@keyframes akServiceGalleryLoading {
    to {
        opacity: .25;
        transform: translateY(-5px);
    }
}

/* Responsive */

@media (max-width: 1199.98px) {
    .ak-service-detail-hero__content {
        padding: 40px 32px;
    }

    .ak-service-detail-hero__content h1 {
        font-size: 58px;
    }
}

@media (max-width: 991.98px) {
    .ak-service-detail-hero {
        padding: 72px 0 82px;
    }

    .ak-service-detail-hero__image,
    .ak-service-detail-hero__image img {
        min-height: 480px;
    }

    .ak-service-detail-hero__content {
        min-height: auto;
    }

    .ak-service-detail-sidebar {
        position: relative;
        top: auto;
    }

    .ak-service-detail-gallery__heading p,
    .ak-service-detail-process__heading p {
        max-width: 680px;
        margin-left: 0;
    }

    .ak-service-related__heading {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    .ak-services-empty .container {
        align-items: flex-start;
        flex-direction: column;
        padding: 28px 24px;
    }

    .ak-service-detail-hero {
        padding: 58px 0 68px;
    }

    .ak-service-detail-hero__image,
    .ak-service-detail-hero__image img {
        min-height: 360px;
    }

    .ak-service-detail-hero__content {
        padding: 32px 24px;
    }

    .ak-service-detail-hero__content h1 {
        font-size: 43px;
        line-height: .98;
    }

    .ak-service-detail-hero__content p {
        font-size: 15px;
    }

    .ak-service-detail-hero__actions {
        flex-direction: column;
    }

    .ak-service-detail-hero__actions a {
        width: 100%;
    }

    .ak-service-detail-content,
    .ak-service-detail-gallery,
    .ak-service-detail-process,
    .ak-service-related {
        padding: 60px 0 70px;
    }

    .ak-service-detail-content__main {
        padding: 29px 22px;
    }

    .ak-service-detail-content__heading h2,
    .ak-service-detail-gallery__heading h2,
    .ak-service-detail-process__heading h2,
    .ak-service-related__heading h2 {
        font-size: 40px;
    }

    .ak-service-rich-text {
        font-size: 15px;
        line-height: 1.85;
    }

    .ak-service-rich-text h2 {
        font-size: 32px;
    }

    .ak-service-rich-text h3 {
        font-size: 28px;
    }

    .ak-service-rich-text blockquote {
        padding: 29px 22px 29px 58px;
        font-size: 27px;
    }

    .ak-service-rich-text blockquote::before {
        left: 20px;
    }

    .ak-service-detail-sidebar__box,
    .ak-service-detail-sidebar__cta {
        padding: 24px 22px;
    }

    .ak-service-detail-gallery-card__button,
    .ak-service-detail-gallery-card__media,
    .ak-service-detail-gallery-card__media img {
        min-height: 270px;
    }

    .ak-service-gallery-lightbox {
        padding: 0;
    }

    .ak-service-gallery-lightbox__dialog {
        width: 100%;
        height: 100%;
        max-height: none;
    }

    .ak-service-gallery-lightbox__header {
        gap: 10px;
        padding: 13px 14px;
    }

    .ak-service-gallery-lightbox__header strong {
        max-width: 165px;
    }

    .ak-service-gallery-lightbox__counter {
        font-size: 18px;
    }

    .ak-service-gallery-lightbox__stage {
        padding: 20px 58px;
    }

    .ak-service-gallery-lightbox__navigation {
        width: 44px;
        height: 44px;
    }

    .ak-service-gallery-lightbox__navigation--previous {
        left: 9px;
    }

    .ak-service-gallery-lightbox__navigation--next {
        right: 9px;
    }
}

@media (max-width: 479.98px) {
    .ak-service-detail-hero__image,
    .ak-service-detail-hero__image img {
        min-height: 300px;
    }

    .ak-service-detail-hero__image-label {
        right: 14px;
        bottom: 14px;
        left: 14px;
        justify-content: center;
        max-width: none;
    }

    .ak-service-detail-hero__image-action {
        top: 14px;
        left: 14px;
    }

    .ak-service-detail-hero__content h1 {
        font-size: 39px;
    }

    .ak-service-related-card__content h3,
    .ak-service-detail-sidebar__box h3,
    .ak-service-detail-sidebar__cta h3 {
        font-size: 28px;
    }

    .ak-service-gallery-lightbox__stage {
        padding: 16px 12px 74px;
    }

    .ak-service-gallery-lightbox__navigation {
        top: auto;
        bottom: 15px;
        transform: none;
    }

    .ak-service-gallery-lightbox__navigation--previous {
        left: calc(50% - 54px);
    }

    .ak-service-gallery-lightbox__navigation--next {
        right: calc(50% - 54px);
    }
}

/* =========================================================
   HIZMETLER SAYFASI V4 - 2'LI LISTE
   hizmetler.aspx için temizlenmiş özel tasarım
========================================================= */

.ak-services-v4,
.ak-services-v4 *,
.ak-services-v4-process,
.ak-services-v4-process *,
.ak-services-v4-cta,
.ak-services-v4-cta * {
    box-sizing: border-box;
}

.ak-services-v4 {
    position: relative;
    padding: clamp(66px, 8vw, 112px) 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 92% 8%, rgba(184, 149, 95, .14), transparent 34%),
        linear-gradient(180deg, #faf8f3 0%, #ffffff 55%, #f8f5ef 100%);
}

.ak-services-v4::before {
    position: absolute;
    top: -260px;
    right: -190px;
    width: 560px;
    height: 560px;
    border: 1px solid rgba(143, 109, 62, .13);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-services-v4::after {
    position: absolute;
    bottom: 100px;
    left: -230px;
    width: 450px;
    height: 450px;
    border: 1px solid rgba(17, 17, 17, .055);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-services-v4 .container {
    position: relative;
    z-index: 2;
}

.ak-services-v4__circle {
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
}

.ak-services-v4__circle--one {
    top: 190px;
    left: 8%;
    width: 13px;
    height: 13px;
    background: var(--ak-stone);
    box-shadow: 0 0 0 8px rgba(184, 149, 95, .13);
}

.ak-services-v4__circle--two {
    right: 11%;
    bottom: 260px;
    width: 9px;
    height: 9px;
    background: rgba(17, 17, 17, .35);
    box-shadow: 0 0 0 7px rgba(17, 17, 17, .06);
}

/* Heading */

.ak-services-v4__heading {
    margin-bottom: clamp(34px, 5vw, 58px);
    padding-bottom: clamp(26px, 4vw, 38px);
    border-bottom: 1px solid rgba(17, 17, 17, .11);
}

.ak-services-v4__heading h2 {
    max-width: 900px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(42px, 4.8vw, 64px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.045em;
}

.ak-services-v4__heading-side {
    padding: 24px;
    border: 1px solid rgba(17, 17, 17, .10);
    background: rgba(255, 255, 255, .78);
    box-shadow: 0 18px 48px rgba(22, 20, 16, .07);
    backdrop-filter: blur(14px);
}

.ak-services-v4__heading-side p {
    margin: 0;
    color: #68655f;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.72;
}

.ak-services-v4__count {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-top: 19px;
    padding-top: 18px;
    border-top: 1px solid rgba(17, 17, 17, .10);
}

.ak-services-v4__count strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 58px;
    height: 58px;
    padding: 0 12px;
    background: var(--ak-ink);
    color: var(--ak-white);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 31px;
    font-weight: 600;
    line-height: 1;
}

.ak-services-v4__count span {
    color: var(--ak-muted);
    font-size: 13px;
    font-weight: 850;
    line-height: 1.25;
    letter-spacing: .06em;
    text-transform: uppercase;
}

/* Filters */

.ak-services-v4-filters {
    margin-bottom: clamp(34px, 4vw, 52px);
    padding: clamp(22px, 3vw, 32px);
    border: 1px solid rgba(17, 17, 17, .11);
    background:
        radial-gradient(circle at 100% 0%, rgba(184, 149, 95, .09), transparent 32%),
        rgba(255, 255, 255, .88);
    box-shadow: 0 24px 68px rgba(22, 20, 16, .08);
}

.ak-services-v4-filters__top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(17, 17, 17, .10);
}

.ak-services-v4-filters__top > div > span {
    display: block;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 34px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.035em;
}

.ak-services-v4-filters__top > div > small {
    display: block;
    margin-top: 7px;
    color: #77736b;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.55;
}

.ak-services-v4-filters__list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.ak-services-v4-filter {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 50px;
    padding: 0 17px;
    border: 1px solid rgba(17, 17, 17, .13);
    background: #f8f4ec;
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 850;
    line-height: 1;
    transition:
        color var(--ak-transition),
        background var(--ak-transition),
        border-color var(--ak-transition),
        box-shadow var(--ak-transition),
        transform var(--ak-transition);
}

.ak-services-v4-filter span {
    white-space: nowrap;
}

.ak-services-v4-filter small {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 30px;
    padding: 0 8px;
    border-radius: 50%;
    background: var(--ak-white);
    color: var(--ak-stone-dark);
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
}

.ak-services-v4-filter:hover,
.ak-services-v4-filter.is-active {
    border-color: var(--ak-ink);
    background: var(--ak-ink);
    color: var(--ak-white);
    box-shadow: 0 14px 34px rgba(17, 17, 17, .13);
    transform: translateY(-2px);
}

.ak-services-v4-filter:hover small,
.ak-services-v4-filter.is-active small {
    background: var(--ak-stone);
    color: var(--ak-ink);
}

/* 2'li hizmet listesi */

.ak-services-v4-list {
    align-items: stretch;
}

.ak-services-v4-list > div {
    display: flex;
}

.ak-services-v4-card {
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    min-height: 560px;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(17, 17, 17, .12);
    background: var(--ak-white);
    box-shadow: 0 18px 52px rgba(22, 20, 16, .07);
    transition:
        border-color var(--ak-transition),
        box-shadow var(--ak-transition),
        transform var(--ak-transition);
}

.ak-services-v4-card:hover {
    border-color: rgba(143, 109, 62, .48);
    box-shadow: 0 30px 78px rgba(22, 20, 16, .13);
    transform: translateY(-5px);
}

.ak-services-v4-card__media {
    position: relative;
    display: block;
    width: 100%;
    height: 300px;
    flex: 0 0 300px;
    overflow: hidden;
    background: var(--ak-ivory);
}

.ak-services-v4-card__media::after {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, .02) 0%, rgba(0, 0, 0, .46) 100%),
        linear-gradient(90deg, rgba(17, 17, 17, .20), transparent 50%);
    content: "";
    pointer-events: none;
}

.ak-services-v4-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.001);
    transition: transform .75s cubic-bezier(.2, .7, .2, 1);
}

.ak-services-v4-card:hover .ak-services-v4-card__media img {
    transform: scale(1.07);
}

.ak-services-v4-card__number {
    position: absolute;
    top: 18px;
    left: 18px;
    z-index: 2;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    min-width: 46px !important;
    height: 46px !important;
    padding: 0 10px !important;
    border: 1px solid rgba(255, 255, 255, .40);
    background: rgba(17, 17, 17, .68) !important;
    color: var(--ak-white);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1;
    backdrop-filter: blur(12px);
}

.ak-services-v4-card__category {
    position: absolute;
    right: 18px;
    bottom: 18px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    max-width: calc(100% - 36px);
    padding: 0 14px;
    overflow: hidden;
    background: var(--ak-stone);
    color: var(--ak-ink);
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ak-services-v4-card__media-action {
    position: absolute;
    top: 18px;
    right: 18px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 46px;
    border: 1px solid rgba(255, 255, 255, .42);
    background: rgba(255, 255, 255, .16);
    color: var(--ak-white);
    font-size: 14px;
    opacity: 0;
    transform: translate(8px, -8px);
    backdrop-filter: blur(12px);
    transition:
        opacity var(--ak-transition),
        transform var(--ak-transition),
        background var(--ak-transition),
        color var(--ak-transition);
}

.ak-services-v4-card:hover .ak-services-v4-card__media-action {
    opacity: 1;
    transform: translate(0, 0);
}

.ak-services-v4-card__media-action:hover {
    background: var(--ak-white);
    color: var(--ak-ink);
}

.ak-services-v4-card__content {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    padding: 30px;
}

.ak-services-v4-card__top {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}

.ak-services-v4-card__top small {
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    padding: 0 12px;
    background: var(--ak-ivory);
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-services-v4-card__top i {
    display: block;
    flex: 1;
    height: 1px;
    background: rgba(17, 17, 17, .10);
}

.ak-services-v4-card__content h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(31px, 3.2vw, 43px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.04em;
}

.ak-services-v4-card__content h3 a {
    color: inherit;
    transition: color var(--ak-transition);
}

.ak-services-v4-card__content h3 a:hover {
    color: var(--ak-stone-dark);
}

.ak-services-v4-card__content p {
    display: -webkit-box;
    margin: 16px 0 0;
    overflow: hidden;
    color: #67645e;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.72;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ak-services-v4-card__link {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: fit-content;
    min-height: 48px;
    margin-top: auto;
    padding-top: 26px;
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
}

.ak-services-v4-card__link span {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.ak-services-v4-card__link span::after {
    position: absolute;
    right: 0;
    bottom: -7px;
    left: 0;
    height: 1px;
    background: currentColor;
    content: "";
    transform: scaleX(.45);
    transform-origin: left center;
    transition: transform var(--ak-transition);
}

.ak-services-v4-card__link i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(17, 17, 17, .14);
    border-radius: 50%;
    color: var(--ak-stone-dark);
    font-size: 11px;
    transition:
        color var(--ak-transition),
        background var(--ak-transition),
        border-color var(--ak-transition),
        transform var(--ak-transition);
}

.ak-services-v4-card__link:hover {
    color: var(--ak-stone-dark);
}

.ak-services-v4-card__link:hover span::after {
    transform: scaleX(1);
}

.ak-services-v4-card__link:hover i {
    border-color: var(--ak-stone-dark);
    background: var(--ak-stone-dark);
    color: var(--ak-white);
    transform: translateX(3px);
}

/* Empty */

.ak-services-v4-empty {
    display: flex;
    align-items: center;
    gap: 28px;
    margin-top: 34px;
    padding: clamp(28px, 4vw, 42px);
    border: 1px solid rgba(17, 17, 17, .11);
    background:
        radial-gradient(circle at 100% 0%, rgba(184, 149, 95, .10), transparent 32%),
        var(--ak-white);
    box-shadow: 0 24px 68px rgba(22, 20, 16, .08);
}

.ak-services-v4-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 78px;
    height: 78px;
    flex: 0 0 78px;
    border-radius: 50%;
    background: var(--ak-ivory);
    color: var(--ak-stone-dark);
    font-size: 28px;
}

.ak-services-v4-empty h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(33px, 4vw, 48px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.035em;
}

.ak-services-v4-empty p {
    max-width: 680px;
    margin: 13px 0 22px;
    color: var(--ak-muted);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.72;
}

.ak-services-v4-empty a {
    display: inline-flex;
    align-items: center;
    gap: 13px;
    min-height: 50px;
    padding: 0 20px;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: var(--ak-white);
    font-size: 13px;
    font-weight: 900;
    transition:
        background var(--ak-transition),
        border-color var(--ak-transition),
        transform var(--ak-transition);
}

.ak-services-v4-empty a:hover {
    color: var(--ak-white);
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    transform: translateY(-2px);
}

/* Process */

.ak-services-v4-process {
    position: relative;
    padding: clamp(70px, 8vw, 108px) 0;
    overflow: hidden;
    background: var(--ak-white);
}

.ak-services-v4-process__heading {
    margin-bottom: 38px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(17, 17, 17, .12);
}

.ak-services-v4-process__heading h2 {
    max-width: 850px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(38px, 4vw, 54px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.04em;
}

.ak-services-v4-process__heading p {
    max-width: 520px;
    margin: 0 0 0 auto;
    color: #68655f;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.72;
}

.ak-services-v4-process-card {
    position: relative;
    height: 100%;
    min-height: 285px;
    padding: 30px;
    overflow: hidden;
    border: 1px solid rgba(17, 17, 17, .11);
    background:
        radial-gradient(circle at 100% 0%, rgba(184, 149, 95, .09), transparent 34%),
        #ffffff;
    box-shadow: 0 18px 52px rgba(22, 20, 16, .07);
    transition:
        color var(--ak-transition),
        background var(--ak-transition),
        border-color var(--ak-transition),
        box-shadow var(--ak-transition),
        transform var(--ak-transition);
}

.ak-services-v4-process-card:hover {
    border-color: var(--ak-ink);
    background: var(--ak-ink);
    box-shadow: 0 28px 74px rgba(22, 20, 16, .15);
    transform: translateY(-5px);
}

.ak-services-v4-process-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 34px;
}

.ak-services-v4-process-card__number {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 52px !important;
    min-width: 52px !important;
    height: 52px !important;
    padding: 0 !important;
    background: var(--ak-ink) !important;
    color: var(--ak-white);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1;
    transition: background var(--ak-transition), color var(--ak-transition);
}

.ak-services-v4-process-card:hover .ak-services-v4-process-card__number {
    background: var(--ak-stone) !important;
    color: var(--ak-ink);
}

.ak-services-v4-process-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
    font-size: 20px;
    transition:
        border-color var(--ak-transition),
        color var(--ak-transition),
        background var(--ak-transition);
}

.ak-services-v4-process-card:hover .ak-services-v4-process-card__icon {
    border-color: rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .06);
    color: var(--ak-stone);
}

.ak-services-v4-process-card h3 {
    margin: 0 0 12px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 31px;
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -.03em;
    transition: color var(--ak-transition);
}

.ak-services-v4-process-card:hover h3 {
    color: var(--ak-white);
}

.ak-services-v4-process-card p {
    margin: 0;
    color: var(--ak-muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.72;
    transition: color var(--ak-transition);
}

.ak-services-v4-process-card:hover p {
    color: rgba(255, 255, 255, .62);
}

/* CTA */

.ak-services-v4-cta {
    padding: clamp(66px, 7vw, 100px) 0;
    background: #f8f5ef;
}

.ak-services-v4-cta__box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: clamp(28px, 5vw, 70px);
    overflow: hidden;
    padding: clamp(36px, 5vw, 64px);
    background:
        radial-gradient(circle at 100% 0%, rgba(184, 149, 95, .24), transparent 34%),
        #111111;
    color: var(--ak-white);
    box-shadow: 0 32px 90px rgba(22, 20, 16, .18);
}

.ak-services-v4-cta__box::before {
    position: absolute;
    right: -120px;
    bottom: -120px;
    width: 310px;
    height: 310px;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 50%;
    content: "";
}

.ak-services-v4-cta__box > div:first-child {
    position: relative;
    z-index: 2;
    max-width: 820px;
}

.ak-services-v4-cta__box > div:first-child > span {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: var(--ak-stone);
    font-size: 12px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ak-services-v4-cta__box > div:first-child > span::before {
    width: 28px;
    height: 1px;
    background: currentColor;
    content: "";
}

.ak-services-v4-cta__box h2 {
    margin: 0;
    color: var(--ak-white);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(40px, 5vw, 66px);
    font-weight: 600;
    line-height: .96;
    letter-spacing: -.045em;
}

.ak-services-v4-cta__box p {
    max-width: 720px;
    margin: 20px 0 0;
    color: rgba(255, 255, 255, .64);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.75;
}

.ak-services-v4-cta__actions {
    position: relative;
    z-index: 2;
    display: flex;
    width: min(100%, 290px);
    flex: 0 0 290px;
    flex-direction: column;
    gap: 12px;
}

.ak-services-v4-cta__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    min-height: 56px;
    padding: 0 20px;
    background: var(--ak-white);
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 900;
    transition:
        color var(--ak-transition),
        background var(--ak-transition),
        transform var(--ak-transition);
}

.ak-services-v4-cta__actions a:hover {
    color: var(--ak-white);
    background: var(--ak-stone-dark);
    transform: translateY(-2px);
}

.ak-services-v4-cta__secondary {
    border: 1px solid rgba(255, 255, 255, .24);
    background: transparent !important;
    color: var(--ak-white) !important;
}

.ak-services-v4-cta__secondary:hover {
    border-color: var(--ak-stone-dark);
    background: var(--ak-stone-dark) !important;
}

/* Responsive */

@media (max-width: 1199.98px) {
    .ak-services-v4-card {
        min-height: 540px;
    }

    .ak-services-v4-card__media {
        height: 280px;
        flex-basis: 280px;
    }

    .ak-services-v4-card__content {
        padding: 26px;
    }

    .ak-services-v4-card__content h3 {
        font-size: 34px;
    }
}

@media (max-width: 991.98px) {
    .ak-services-v4 {
        padding: 62px 0 88px;
    }

    .ak-services-v4__heading-side {
        margin-top: 4px;
    }

    .ak-services-v4-filters__top {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-services-v4-filter {
        width: fit-content;
    }

    .ak-services-v4-process__heading p {
        max-width: 680px;
        margin-left: 0;
    }

    .ak-services-v4-cta__box {
        align-items: flex-start;
        flex-direction: column;
    }

    .ak-services-v4-cta__actions {
        width: 100%;
        flex-basis: auto;
    }
}

@media (max-width: 767.98px) {
    .ak-services-v4 {
        padding: 54px 0 76px;
    }

    .ak-services-v4__heading h2 {
        font-size: 42px;
    }

    .ak-services-v4__heading-side {
        padding: 21px;
    }

    .ak-services-v4-filters {
        padding: 22px;
    }

    .ak-services-v4-filters__top > div > span {
        font-size: 31px;
    }

    .ak-services-v4-filters__list {
        gap: 8px;
    }

    .ak-services-v4-filter {
        width: 100%;
    }

    .ak-services-v4-card {
        min-height: auto;
    }

    .ak-services-v4-card__media {
        height: 265px;
        flex-basis: 265px;
    }

    .ak-services-v4-card__content {
        padding: 26px 23px 28px;
    }

    .ak-services-v4-card__content h3 {
        font-size: 34px;
    }

    .ak-services-v4-empty {
        align-items: flex-start;
        flex-direction: column;
        padding: 28px 23px;
    }

    .ak-services-v4-process {
        padding: 60px 0 70px;
    }

    .ak-services-v4-process__heading h2 {
        font-size: 40px;
    }

    .ak-services-v4-process-card {
        min-height: auto;
        padding: 26px 22px;
    }

    .ak-services-v4-cta {
        padding: 58px 0 72px;
    }

    .ak-services-v4-cta__box {
        padding: 34px 24px;
    }

    .ak-services-v4-cta__box h2 {
        font-size: 40px;
    }
}

@media (max-width: 479.98px) {
    .ak-services-v4-card__media {
        height: 235px;
        flex-basis: 235px;
    }

    .ak-services-v4-card__number {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        font-size: 22px;
    }

    .ak-services-v4-card__media-action {
        display: none;
    }

    .ak-services-v4-card__category {
        right: 14px;
        bottom: 14px;
        left: 14px;
        justify-content: center;
        max-width: none;
    }

    .ak-services-v4-card__content h3 {
        font-size: 31px;
    }

    .ak-services-v4-card__link {
        width: 100%;
    }

    .ak-services-v4-process-card__head {
        margin-bottom: 26px;
    }

    .ak-services-v4-process-card h3 {
        font-size: 28px;
    }

    .ak-services-v4-cta__actions a {
        min-height: 54px;
    }
}


/* =========================================================
   HIZMET DETAY SAYFASI - TEMIZ FINAL YAPI
   hizmet.aspx
========================================================= */

.ak-hizmet-detay-hero,
.ak-hizmet-detay-hero *,
.ak-hizmet-detay-content,
.ak-hizmet-detay-content *,
.ak-hizmet-detay-gallery,
.ak-hizmet-detay-gallery *,
.ak-hizmet-detay-process,
.ak-hizmet-detay-process *,
.ak-hizmet-detay-related,
.ak-hizmet-detay-related *,
.ak-hizmet-gallery-lightbox,
.ak-hizmet-gallery-lightbox * {
    box-sizing: border-box;
}

/* Empty */

.ak-hizmet-detay-empty {
    padding: clamp(76px, 9vw, 126px) 0;
    background: linear-gradient(180deg, #f8f5ef 0%, #ffffff 100%);
}

.ak-hizmet-detay-empty__inner {
    display: flex;
    align-items: center;
    gap: 28px;
    max-width: 920px;
    padding: 34px;
    border: 1px solid rgba(17, 17, 17, .11);
    background: var(--ak-white);
    box-shadow: 0 24px 70px rgba(22, 20, 16, .10);
}

.ak-hizmet-detay-empty__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 78px;
    height: 78px;
    flex: 0 0 78px;
    border-radius: 50%;
    background: var(--ak-ivory);
    color: var(--ak-stone-dark);
    font-size: 28px;
}

.ak-hizmet-detay-empty h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.035em;
}

.ak-hizmet-detay-empty p {
    max-width: 640px;
    margin: 12px 0 22px;
    color: var(--ak-muted);
    font-size: 15px;
    line-height: 1.75;
}

.ak-hizmet-detay-empty a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 50px;
    padding: 0 20px;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: var(--ak-white);
    font-size: 13px;
    font-weight: 850;
    transition: background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-hizmet-detay-empty a:hover {
    color: var(--ak-white);
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    transform: translateY(-2px);
}

/* Hero */

.ak-hizmet-detay-hero {
    position: relative;
    padding: clamp(62px, 7vw, 104px) 0 clamp(44px, 5vw, 76px);
    overflow: hidden;
    background:
        radial-gradient(circle at 92% 6%, rgba(184, 149, 95, .14), transparent 34%),
        linear-gradient(180deg, #faf8f3 0%, #ffffff 100%);
}

.ak-hizmet-detay-hero::before {
    position: absolute;
    top: -270px;
    right: -220px;
    width: 560px;
    height: 560px;
    border: 1px solid rgba(143, 109, 62, .12);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-hizmet-detay-hero::after {
    position: absolute;
    bottom: -220px;
    left: -180px;
    width: 430px;
    height: 430px;
    border: 1px solid rgba(17, 17, 17, .055);
    border-radius: 50%;
    content: "";
    pointer-events: none;
}

.ak-hizmet-detay-hero .container {
    position: relative;
    z-index: 2;
}

.ak-hizmet-detay-hero__breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;
    margin-bottom: 28px;
    color: #77736d;
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.ak-hizmet-detay-hero__breadcrumb a {
    color: #77736d;
    transition: color var(--ak-transition);
}

.ak-hizmet-detay-hero__breadcrumb a:hover {
    color: var(--ak-stone-dark);
}

.ak-hizmet-detay-hero__breadcrumb i {
    display: inline-flex;
    width: 5px;
    height: 5px;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    opacity: .58;
    transform: rotate(45deg);
}


.ak-hizmet-detay-hero__category {
    display: inline-flex;
    align-items: center;
    width: fit-content;
    min-height: 34px;
    margin: 0 0 18px;
    padding: 0 13px;
    background: var(--ak-ivory);
    color: var(--ak-stone-dark);
    font-size: 12px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-hizmet-detay-hero h1 {
    max-width: 980px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(48px, 5.8vw, 76px);
    font-weight: 600;
    line-height: .95;
    letter-spacing: -.045em;
}

.ak-hizmet-detay-hero p {
    margin: 23px 0 0;
    color: #68655f;
    font-size: clamp(16px, 1.24vw, 20px);
    font-weight: 500;
    line-height: 1.72;
}

.ak-hizmet-detay-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 34px;
}

.ak-hizmet-detay-hero__actions a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-width: 178px;
    min-height: 54px;
    padding: 0 20px;
    border: 1px solid var(--ak-ink);
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 900;
    transition:
        color var(--ak-transition),
        background var(--ak-transition),
        border-color var(--ak-transition),
        transform var(--ak-transition);
}

.ak-hizmet-detay-hero__primary {
    background: var(--ak-ink);
    color: var(--ak-white) !important;
}

.ak-hizmet-detay-hero__actions a:hover {
    color: var(--ak-white);
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    transform: translateY(-2px);
}

.ak-hizmet-detay-hero__actions a i {
    font-size: 11px;
}

.ak-hizmet-detay-hero__image {
    position: relative;
    width: 100%;
    height: clamp(360px, 40vw, 620px);
    margin: clamp(38px, 5vw, 62px) 0 0;
    overflow: hidden;
    background: #eee8dc;
}

.ak-hizmet-detay-hero__image::before {
    position: absolute;
    inset: 18px;
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, .30);
    content: "";
    pointer-events: none;
}

.ak-hizmet-detay-hero__image::after {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, rgba(0, 0, 0, .02), rgba(0, 0, 0, .16)),
        linear-gradient(90deg, rgba(17, 17, 17, .12), transparent 42%);
    content: "";
    pointer-events: none;
}

.ak-hizmet-detay-hero__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Content */

.ak-hizmet-detay-content {
    padding: clamp(72px, 8vw, 112px) 0;
    background: var(--ak-white);
}

.ak-hizmet-detay-main {
    padding: clamp(30px, 4vw, 52px);
    border: 1px solid var(--ak-line);
    background: var(--ak-white);
    box-shadow: 0 24px 70px rgba(22, 20, 16, .07);
}

.ak-hizmet-detay-main__heading {
    margin-bottom: 30px;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--ak-line);
}

.ak-hizmet-detay-main__heading h2 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 600;
    line-height: 1;
    letter-spacing: -.035em;
}

.ak-hizmet-detay-rich {
    color: #3d3b36;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.9;
}

.ak-hizmet-detay-rich > *:first-child {
    margin-top: 0;
}

.ak-hizmet-detay-rich > *:last-child {
    margin-bottom: 0;
}

.ak-hizmet-detay-rich p {
    margin: 0 0 22px;
}

.ak-hizmet-detay-rich h1,
.ak-hizmet-detay-rich h2,
.ak-hizmet-detay-rich h3,
.ak-hizmet-detay-rich h4,
.ak-hizmet-detay-rich h5,
.ak-hizmet-detay-rich h6 {
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-weight: 600;
    line-height: 1.08;
    letter-spacing: -.03em;
}

.ak-hizmet-detay-rich h2 {
    margin: 46px 0 18px;
    font-size: clamp(32px, 3vw, 42px);
}

.ak-hizmet-detay-rich h3 {
    margin: 38px 0 16px;
    font-size: clamp(28px, 2.6vw, 36px);
}

.ak-hizmet-detay-rich h4 {
    margin: 32px 0 14px;
    font-size: 27px;
}

.ak-hizmet-detay-rich a {
    color: var(--ak-stone-dark);
    font-weight: 850;
    text-decoration: underline;
    text-underline-offset: 5px;
}

.ak-hizmet-detay-rich img {
    display: block;
    width: 100%;
    height: auto;
    margin: 34px 0;
    border: 1px solid var(--ak-line);
    background: var(--ak-ivory);
}

.ak-hizmet-detay-rich ul,
.ak-hizmet-detay-rich ol {
    margin: 0 0 26px;
    padding-left: 22px;
}

.ak-hizmet-detay-rich li {
    margin-bottom: 9px;
}

/* Sidebar */

.ak-hizmet-detay-sidebar {
    position: sticky;
    top: calc(var(--ak-header-height) + 24px);
}

.ak-hizmet-detay-sidebar__box,
.ak-hizmet-detay-sidebar__cta {
    margin-bottom: 22px;
    padding: 28px;
    border: 1px solid var(--ak-line);
    background: #ffffff;
    box-shadow: 0 18px 54px rgba(22, 20, 16, .07);
}

.ak-hizmet-detay-sidebar__box > span:first-child {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 18px;
    color: var(--ak-stone-dark);
    font-size: 12px;
    font-weight: 850;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ak-hizmet-detay-sidebar__box > span:first-child::before {
    width: 24px;
    height: 1px;
    background: currentColor;
    content: "";
}

.ak-hizmet-detay-sidebar__box h3,
.ak-hizmet-detay-sidebar__cta h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 31px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.032em;
}

.ak-hizmet-detay-sidebar__box p,
.ak-hizmet-detay-sidebar__cta p {
    margin: 15px 0 22px;
    color: var(--ak-muted);
    font-size: 14px;
    line-height: 1.75;
}

.ak-hizmet-detay-sidebar__meta {
    padding: 17px 18px;
    border: 1px solid rgba(17, 17, 17, .10);
    background: #f8f5ef;
}

.ak-hizmet-detay-sidebar__meta small {
    display: block;
    margin-bottom: 5px;
    color: #77736d;
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.ak-hizmet-detay-sidebar__meta strong {
    display: block;
    color: var(--ak-ink);
    font-size: 15px;
    font-weight: 850;
}

.ak-hizmet-detay-sidebar__cta {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, rgba(184, 149, 95, .20), transparent 34%),
        #111111;
    color: var(--ak-white);
}

.ak-hizmet-detay-sidebar__cta > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    margin-bottom: 24px;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 50%;
    background: rgba(255, 255, 255, .08);
    color: var(--ak-stone);
    font-size: 20px;
}

.ak-hizmet-detay-sidebar__cta h3 {
    color: var(--ak-white);
}

.ak-hizmet-detay-sidebar__cta p {
    color: rgba(255, 255, 255, .62);
}

.ak-hizmet-detay-sidebar__cta a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    width: 100%;
    min-height: 52px;
    padding: 0 18px;
    background: var(--ak-white);
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 900;
    transition: background var(--ak-transition), color var(--ak-transition), transform var(--ak-transition);
}

.ak-hizmet-detay-sidebar__cta a:hover {
    color: var(--ak-white);
    background: var(--ak-stone-dark);
    transform: translateY(-2px);
}

/* Gallery */

.ak-hizmet-detay-gallery {
    padding: clamp(70px, 8vw, 108px) 0;
    background: #f8f5ef;
}

.ak-hizmet-detay-gallery__heading {
    margin-bottom: 38px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(17, 17, 17, .12);
}

.ak-hizmet-detay-gallery__heading h2,
.ak-hizmet-detay-process__heading h2,
.ak-hizmet-detay-related__heading h2 {
    max-width: 820px;
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: clamp(38px, 4vw, 54px);
    font-weight: 600;
    line-height: .98;
    letter-spacing: -.04em;
}

.ak-hizmet-detay-gallery__heading p,
.ak-hizmet-detay-process__heading p {
    max-width: 520px;
    margin: 0 0 0 auto;
    color: #68655f;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.72;
}

.ak-hizmet-detay-gallery-card {
    height: 100%;
}

.ak-hizmet-detay-gallery-card__button {
    position: relative;
    display: block;
    width: 100%;
    min-height: 300px;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(17, 17, 17, .12);
    background: var(--ak-ivory);
    cursor: pointer;
    box-shadow: 0 18px 52px rgba(22, 20, 16, .07);
    transition: border-color var(--ak-transition), box-shadow var(--ak-transition), transform var(--ak-transition);
}

.ak-hizmet-detay-gallery-card__button:hover {
    border-color: rgba(143, 109, 62, .46);
    box-shadow: 0 28px 74px rgba(22, 20, 16, .13);
    transform: translateY(-5px);
}

.ak-hizmet-detay-gallery-card__media {
    display: block;
    width: 100%;
    min-height: 300px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
}

.ak-hizmet-detay-gallery-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 300px;
    object-fit: cover;
    transition: transform .75s cubic-bezier(.2, .7, .2, 1);
}

.ak-hizmet-detay-gallery-card__button:hover img {
    transform: scale(1.07);
}

.ak-hizmet-detay-gallery-card__overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(17, 17, 17, .42);
    color: var(--ak-white);
    font-size: 22px;
    opacity: 0;
    transition: opacity var(--ak-transition);
}

.ak-hizmet-detay-gallery-card__button:hover .ak-hizmet-detay-gallery-card__overlay {
    opacity: 1;
}

.ak-hizmet-detay-gallery-card__number {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, .38);
    background: rgba(17, 17, 17, .62);
    color: var(--ak-white);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 23px;
    font-weight: 600;
    line-height: 1;
}

/* Process */

.ak-hizmet-detay-process {
    padding: clamp(70px, 8vw, 108px) 0;
    background: var(--ak-white);
}

.ak-hizmet-detay-process__heading {
    margin-bottom: 38px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(17, 17, 17, .12);
}

.ak-hizmet-detay-process-card {
    position: relative;
    height: 100%;
    min-height: 280px;
    padding: 30px;
    border: 1px solid rgba(17, 17, 17, .11);
    background: #ffffff;
    box-shadow: 0 18px 52px rgba(22, 20, 16, .07);
    transition:
        background var(--ak-transition),
        border-color var(--ak-transition),
        box-shadow var(--ak-transition),
        transform var(--ak-transition);
}

.ak-hizmet-detay-process-card:hover {
    border-color: var(--ak-ink);
    background: var(--ak-ink);
    box-shadow: 0 28px 74px rgba(22, 20, 16, .15);
    transform: translateY(-5px);
}

.ak-hizmet-detay-process-card__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 34px;
}

.ak-hizmet-detay-process-card__head > span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    background: var(--ak-ink);
    color: var(--ak-white);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 1;
}

.ak-hizmet-detay-process-card__head > i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    border: 1px solid var(--ak-line);
    color: var(--ak-stone-dark);
    font-size: 20px;
}

.ak-hizmet-detay-process-card:hover .ak-hizmet-detay-process-card__head > span {
    background: var(--ak-stone);
    color: var(--ak-ink);
}

.ak-hizmet-detay-process-card:hover .ak-hizmet-detay-process-card__head > i {
    border-color: rgba(255, 255, 255, .18);
    background: rgba(255, 255, 255, .06);
    color: var(--ak-stone);
}

.ak-hizmet-detay-process-card h3 {
    margin: 0 0 12px;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 31px;
    font-weight: 600;
    line-height: 1.04;
    letter-spacing: -.03em;
}

.ak-hizmet-detay-process-card p {
    margin: 0;
    color: var(--ak-muted);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.72;
}

.ak-hizmet-detay-process-card:hover h3 {
    color: var(--ak-white);
}

.ak-hizmet-detay-process-card:hover p {
    color: rgba(255, 255, 255, .62);
}

/* Related */

.ak-hizmet-detay-related {
    padding: clamp(70px, 8vw, 108px) 0;
    background: #f8f5ef;
}

.ak-hizmet-detay-related__heading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    margin-bottom: 40px;
    padding-bottom: 25px;
    border-bottom: 1px solid rgba(17, 17, 17, .12);
}

.ak-hizmet-detay-related__heading > a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-width: 176px;
    min-height: 52px;
    padding: 0 18px;
    border: 1px solid var(--ak-ink);
    background: var(--ak-ink);
    color: var(--ak-white);
    font-size: 13px;
    font-weight: 900;
    transition: background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-hizmet-detay-related__heading > a:hover {
    color: var(--ak-white);
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    transform: translateY(-2px);
}

.ak-hizmet-related-card {
    display: flex;
    height: 100%;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(17, 17, 17, .12);
    background: var(--ak-white);
    box-shadow: 0 18px 52px rgba(22, 20, 16, .07);
    transition: border-color var(--ak-transition), box-shadow var(--ak-transition), transform var(--ak-transition);
}

.ak-hizmet-related-card:hover {
    border-color: rgba(143, 109, 62, .46);
    box-shadow: 0 28px 74px rgba(22, 20, 16, .13);
    transform: translateY(-5px);
}

.ak-hizmet-related-card__media {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    background: var(--ak-ivory);
}

.ak-hizmet-related-card__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .75s cubic-bezier(.2, .7, .2, 1);
}

.ak-hizmet-related-card:hover .ak-hizmet-related-card__media img {
    transform: scale(1.07);
}

.ak-hizmet-related-card__media > span {
    position: absolute;
    top: 16px;
    right: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid rgba(255, 255, 255, .42);
    background: rgba(17, 17, 17, .45);
    color: var(--ak-white);
    font-size: 13px;
    opacity: 0;
    transform: translate(8px, -8px);
    transition: opacity var(--ak-transition), transform var(--ak-transition), background var(--ak-transition);
}

.ak-hizmet-related-card:hover .ak-hizmet-related-card__media > span {
    opacity: 1;
    transform: translate(0, 0);
}

.ak-hizmet-related-card__content {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 25px;
}

.ak-hizmet-related-card__content small {
    display: inline-flex;
    width: fit-content;
    min-height: 30px;
    align-items: center;
    margin-bottom: 15px;
    padding: 0 12px;
    background: var(--ak-ivory);
    color: var(--ak-stone-dark);
    font-size: 11px;
    font-weight: 900;
    line-height: 1;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.ak-hizmet-related-card__content h3 {
    margin: 0;
    color: var(--ak-ink);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 31px;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -.032em;
}

.ak-hizmet-related-card__content h3 a {
    color: inherit;
    transition: color var(--ak-transition);
}

.ak-hizmet-related-card__content h3 a:hover {
    color: var(--ak-stone-dark);
}

.ak-hizmet-related-card__content p {
    display: -webkit-box;
    margin: 15px 0 0;
    overflow: hidden;
    color: #67645e;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.72;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.ak-hizmet-related-card__content > a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 48px;
    margin-top: auto;
    padding-top: 24px;
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 900;
}

.ak-hizmet-related-card__content > a i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border: 1px solid rgba(17, 17, 17, .14);
    border-radius: 50%;
    color: var(--ak-stone-dark);
    font-size: 11px;
    transition: color var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-hizmet-related-card__content > a:hover {
    color: var(--ak-stone-dark);
}

.ak-hizmet-related-card__content > a:hover i {
    border-color: var(--ak-stone-dark);
    background: var(--ak-stone-dark);
    color: var(--ak-white);
    transform: translateX(3px);
}

/* Lightbox */

.ak-hizmet-gallery-lightbox {
    position: fixed;
    inset: 0;
    z-index: 3000;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 28px;
    background: rgba(2, 10, 23, .78);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    backdrop-filter: blur(14px);
    transition: opacity var(--ak-transition), visibility var(--ak-transition);
}

.ak-hizmet-gallery-lightbox.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.ak-hizmet-gallery-lightbox__dialog {
    position: relative;
    z-index: 2;
    display: flex;
    width: min(1160px, 100%);
    max-height: calc(100vh - 56px);
    flex-direction: column;
    overflow: hidden;
    background: #080b10;
    color: var(--ak-white);
    box-shadow: 0 36px 100px rgba(0, 0, 0, .42);
}

.ak-hizmet-gallery-lightbox__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 72px;
    padding: 16px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.ak-hizmet-gallery-lightbox__header > div:first-child {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.ak-hizmet-gallery-lightbox__header span {
    color: var(--ak-stone);
    font-size: 11px;
    font-weight: 900;
    letter-spacing: .12em;
    text-transform: uppercase;
}

.ak-hizmet-gallery-lightbox__header strong {
    overflow: hidden;
    color: rgba(255, 255, 255, .82);
    font-size: 14px;
    font-weight: 700;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ak-hizmet-gallery-lightbox__counter {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, .68);
    font-family: "Barlow Condensed", sans-serif;
    font-size: 22px;
    font-weight: 600;
}

.ak-hizmet-gallery-lightbox__counter i {
    width: 24px;
    height: 1px;
    background: rgba(255, 255, 255, .25);
}

.ak-hizmet-gallery-lightbox__close,
.ak-hizmet-gallery-lightbox__navigation {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 50%;
    background: rgba(255, 255, 255, .06);
    color: var(--ak-white);
    cursor: pointer;
    transition: background var(--ak-transition), border-color var(--ak-transition), transform var(--ak-transition);
}

.ak-hizmet-gallery-lightbox__close {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
}

.ak-hizmet-gallery-lightbox__close:hover,
.ak-hizmet-gallery-lightbox__navigation:hover {
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
    color: var(--ak-white);
}

.ak-hizmet-gallery-lightbox__stage {
    position: relative;
    display: flex;
    min-height: 0;
    flex: 1;
    align-items: center;
    justify-content: center;
    padding: 28px 88px;
}

.ak-hizmet-gallery-lightbox__figure {
    display: flex;
    width: 100%;
    height: min(72vh, 720px);
    min-height: 0;
    flex-direction: column;
    margin: 0;
}

.ak-hizmet-gallery-lightbox__image-wrap {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 0;
    flex: 1;
    align-items: center;
    justify-content: center;
}

.ak-hizmet-gallery-lightbox__image-wrap img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.ak-hizmet-gallery-lightbox__figure figcaption {
    min-height: 37px;
    padding-top: 14px;
    color: rgba(255, 255, 255, .55);
    font-size: 12px;
    text-align: center;
}

.ak-hizmet-gallery-lightbox__navigation {
    position: absolute;
    top: 50%;
    z-index: 3;
    width: 52px;
    height: 52px;
    font-size: 12px;
    transform: translateY(-50%);
}

.ak-hizmet-gallery-lightbox__navigation--previous {
    left: 22px;
}

.ak-hizmet-gallery-lightbox__navigation--next {
    right: 22px;
}

.ak-hizmet-gallery-lightbox__backdrop {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: transparent;
    cursor: pointer;
}

.ak-hizmet-gallery-lightbox__loading {
    position: absolute;
    display: flex;
    gap: 7px;
    opacity: 0;
    visibility: hidden;
}

.ak-hizmet-gallery-lightbox.is-loading .ak-hizmet-gallery-lightbox__loading {
    opacity: 1;
    visibility: visible;
}

.ak-hizmet-gallery-lightbox__loading i {
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--ak-stone);
    animation: akHizmetGalleryLoading .8s infinite alternate;
}

.ak-hizmet-gallery-lightbox__loading i:nth-child(2) {
    animation-delay: .14s;
}

.ak-hizmet-gallery-lightbox__loading i:nth-child(3) {
    animation-delay: .28s;
}

@keyframes akHizmetGalleryLoading {
    to {
        opacity: .25;
        transform: translateY(-5px);
    }
}

/* Responsive */

@media (max-width: 991.98px) {
    .ak-hizmet-detay-hero {
        padding: 58px 0 64px;
    }

    .ak-hizmet-detay-hero__image {
        height: 420px;
    }

    .ak-hizmet-detay-sidebar {
        position: relative;
        top: auto;
    }

    .ak-hizmet-detay-gallery__heading p,
    .ak-hizmet-detay-process__heading p {
        max-width: 680px;
        margin-left: 0;
    }

    .ak-hizmet-detay-related__heading {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    .ak-hizmet-detay-empty__inner {
        align-items: flex-start;
        flex-direction: column;
        padding: 28px 24px;
    }

    .ak-hizmet-detay-hero {
        padding: 50px 0 58px;
    }

    .ak-hizmet-detay-hero h1 {
        font-size: 42px;
        line-height: .98;
    }

    .ak-hizmet-detay-hero p {
        font-size: 15px;
    }

    .ak-hizmet-detay-hero__actions {
        flex-direction: column;
    }

    .ak-hizmet-detay-hero__actions a {
        width: 100%;
    }

    .ak-hizmet-detay-hero__image {
        height: 310px;
    }

    .ak-hizmet-detay-hero__image::before {
        inset: 13px;
    }

    .ak-hizmet-detay-content,
    .ak-hizmet-detay-gallery,
    .ak-hizmet-detay-process,
    .ak-hizmet-detay-related {
        padding: 60px 0 70px;
    }

    .ak-hizmet-detay-main {
        padding: 29px 22px;
    }

    .ak-hizmet-detay-main__heading h2,
    .ak-hizmet-detay-gallery__heading h2,
    .ak-hizmet-detay-process__heading h2,
    .ak-hizmet-detay-related__heading h2 {
        font-size: 40px;
    }

    .ak-hizmet-detay-rich {
        font-size: 15px;
        line-height: 1.85;
    }

    .ak-hizmet-detay-sidebar__box,
    .ak-hizmet-detay-sidebar__cta {
        padding: 24px 22px;
    }

    .ak-hizmet-detay-gallery-card__button,
    .ak-hizmet-detay-gallery-card__media,
    .ak-hizmet-detay-gallery-card__media img {
        min-height: 270px;
    }

    .ak-hizmet-gallery-lightbox {
        padding: 0;
    }

    .ak-hizmet-gallery-lightbox__dialog {
        width: 100%;
        height: 100%;
        max-height: none;
    }

    .ak-hizmet-gallery-lightbox__header {
        gap: 10px;
        padding: 13px 14px;
    }

    .ak-hizmet-gallery-lightbox__header strong {
        max-width: 165px;
    }

    .ak-hizmet-gallery-lightbox__counter {
        font-size: 18px;
    }

    .ak-hizmet-gallery-lightbox__stage {
        padding: 20px 58px;
    }

    .ak-hizmet-gallery-lightbox__navigation {
        width: 44px;
        height: 44px;
    }

    .ak-hizmet-gallery-lightbox__navigation--previous {
        left: 9px;
    }

    .ak-hizmet-gallery-lightbox__navigation--next {
        right: 9px;
    }
}

@media (max-width: 479.98px) {
    .ak-hizmet-detay-hero__image {
        height: 260px;
    }

    .ak-hizmet-detay-hero h1 {
        font-size: 38px;
    }

    .ak-hizmet-detay-sidebar__box h3,
    .ak-hizmet-detay-sidebar__cta h3,
    .ak-hizmet-related-card__content h3 {
        font-size: 28px;
    }

    .ak-hizmet-gallery-lightbox__stage {
        padding: 16px 12px 74px;
    }

    .ak-hizmet-gallery-lightbox__navigation {
        top: auto;
        bottom: 15px;
        transform: none;
    }

    .ak-hizmet-gallery-lightbox__navigation--previous {
        left: calc(50% - 54px);
    }

    .ak-hizmet-gallery-lightbox__navigation--next {
        right: calc(50% - 54px);
    }
}

.ak-product-variants {
    margin-top: 22px;
    padding: 20px;
    border: 1px solid rgba(23, 23, 19, .1);
    background: rgba(245, 241, 232, .55);
}

.ak-product-variants__head {
    display: flex;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

.ak-product-variants__head span {
    color: var(--ak-ink);
    font-size: 13px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.ak-product-variants__head strong {
    color: var(--ak-muted);
    font-size: 12px;
    font-weight: 650;
    text-align: right;
}

.ak-product-variants__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.ak-product-variant-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    min-height: 74px;
    padding: 13px 15px;
    border: 1px solid rgba(23, 23, 19, .12);
    background: #fff;
    color: var(--ak-ink);
    text-align: left;
    cursor: pointer;
    transition: border-color var(--ak-transition), box-shadow var(--ak-transition), transform var(--ak-transition);
}

.ak-product-variant-option:hover,
.ak-product-variant-option.is-active {
    border-color: var(--ak-stone-dark);
    box-shadow: 0 14px 34px rgba(22, 20, 16, .1);
    transform: translateY(-2px);
}

.ak-product-variant-option.is-active {
    background: #fffaf1;
}

.ak-product-variant-option__title {
    font-size: 14px;
    font-weight: 850;
    line-height: 1.25;
}

.ak-product-variant-option__meta {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    gap: 4px;
    white-space: nowrap;
}

.ak-product-variant-option__meta small {
    color: var(--ak-muted);
    font-size: 11px;
    font-weight: 650;
}

.ak-product-variant-option__meta strong {
    color: var(--ak-stone-dark);
    font-size: 13px;
    font-weight: 900;
}

.ak-product-variant-option.is-price-closed .ak-product-variant-option__meta strong {
    color: var(--ak-muted);
}

@media (max-width: 575.98px) {
    .ak-product-variants__head {
        flex-direction: column;
    }

    .ak-product-variants__head strong {
        text-align: left;
    }

    .ak-product-variants__list {
        grid-template-columns: 1fr;
    }
}

.ak-product-detail--new .ak-product-gallery__slide {
    text-decoration: none;
    cursor: zoom-in;
}

.ak-product-gallery__zoom {
    position: absolute;
    right: 22px;
    bottom: 22px;
    z-index: 6;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, .44);
    border-radius: 50%;
    background: rgba(2, 10, 23, .78);
    color: #ffffff;
    font-size: 15px;
    opacity: 0;
    transform: translateY(8px) scale(.96);
    transition: opacity var(--ak-transition), transform var(--ak-transition), background var(--ak-transition), border-color var(--ak-transition);
    pointer-events: none;
}

.ak-product-detail--new .ak-product-gallery__slide.is-active .ak-product-gallery__zoom {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.ak-product-detail--new .ak-product-gallery__slide:hover .ak-product-gallery__zoom {
    background: var(--ak-stone-dark);
    border-color: var(--ak-stone-dark);
}

.lg-backdrop {
    background: rgba(6, 6, 5, .94);
}

.lg-outer .lg-thumb-outer {
    background: rgba(6, 6, 5, .88);
}

.lg-outer .lg-thumb-item {
    border-radius: 0;
    border-color: rgba(255, 255, 255, .18);
}

.lg-outer .lg-thumb-item.active,
.lg-outer .lg-thumb-item:hover {
    border-color: var(--ak-stone);
}

.lg-toolbar .lg-icon,
.lg-actions .lg-next,
.lg-actions .lg-prev {
    color: #ffffff;
}

.lg-sub-html {
    color: #ffffff;
    font-family: "Barlow Condensed", sans-serif;
    font-size: 24px;
    font-weight: 600;
}