/**
 * İnternet Kitapçısı — Özel Stiller
 */

:root {
    --ik-banner: #ffd77a;
    --ik-banner-soft: #ffefc3;
    --ik-ink: #142033;
    --ik-ink-soft: #39506f;
    --ik-line: #d9e3f0;
    --ik-panel: #ffffff;
    --ik-page: #f4f7fb;
    --ik-teal: #2fa49a;
    --ik-shadow: 0 16px 38px rgba(20, 32, 51, 0.11);
}

body {
    background:
        radial-gradient(circle at 10% -20%, rgba(255, 215, 122, 0.22), transparent 35%),
        radial-gradient(circle at 90% -35%, rgba(47, 164, 154, 0.16), transparent 42%),
        var(--ik-page);
}

.main {
    padding-top: 8px;
}

.ik-announcement-bar {
    background: linear-gradient(90deg, #1a2e47 0%, #243d5d 45%, #2d496f 100%);
    color: #f6f8fc;
    font-size: 13px;
    line-height: 1;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.ik-announcement-bar .container {
    min-height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ik-utility-bar {
    background: rgba(255, 255, 255, 0.82);
    border-bottom: 1px solid #e6edf6;
    backdrop-filter: blur(6px);
}

.ik-utility-inner {
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.ik-utility-left,
.ik-utility-right {
    display: flex;
    align-items: center;
    gap: 16px;
}

.ik-country-select {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #425a8b;
}

.ik-country-select select {
    border: 0;
    background: transparent;
    color: #425a8b;
    font-size: 13px;
    padding-right: 16px;
}

.ik-help-phone {
    color: #132033;
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.ik-utility-right a {
    color: #425a8b;
    font-size: 14px;
}

.ik-utility-right .ik-utility-blog {
    font-size: 13px;
    font-weight: 700;
    color: #1f3552;
    margin-right: 2px;
}

.ik-header {
    background: transparent;
    border-bottom: 0;
    padding: 10px 0 12px;
    position: relative;
    z-index: 10000;
}

.ik-header .container {
    background: rgba(255, 255, 255, 0.94);
    border: 1px solid #e5ecf6;
    box-shadow: var(--ik-shadow);
    border-radius: 18px;
    backdrop-filter: blur(8px);
    animation: ikHeaderReveal 0.48s ease both;
    position: relative;
    z-index: 10001;
    overflow: visible;
}

.ik-header.sticky-bar.stick .container {
    box-shadow: 0 12px 30px rgba(20, 32, 51, 0.14);
    border-color: #dce6f4;
}

@keyframes ikHeaderReveal {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.ik-header-main {
    min-height: 84px;
    display: grid;
    grid-template-columns: auto minmax(320px, 1fr) auto;
    align-items: center;
    gap: 20px;
    padding: 0 14px;
}

.ik-header-left {
    display: flex;
    align-items: center;
    gap: 20px;
}

.ik-logo {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--ik-ink);
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.4px;
}

.ik-logo img {
    width: 36px;
    height: 36px;
}

.ik-logo span span {
    color: var(--ik-teal);
}

.ik-primary-nav {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ik-mega-item,
.ik-action-item {
    position: relative;
}

.ik-mega-trigger,
.ik-link {
    padding: 12px 14px;
    border: 1px solid #d5e0ee;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    color: var(--ik-ink);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    box-shadow: 0 4px 10px rgba(22, 40, 64, 0.06);
}

.ik-mega-trigger:hover {
    border-color: #bfd0e5;
    color: #0f2f54;
}

.ik-mega-menu {
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    width: min(1240px, calc(100vw - 48px));
    max-width: none;
    background: #fff;
    border: 1px solid #d9e4f2;
    border-radius: 16px;
    box-shadow: 0 20px 46px rgba(18, 43, 70, 0.14);
    padding: 16px;
    display: grid;
    grid-template-columns: 1.15fr 1fr 1.15fr 1fr;
    gap: 6px 14px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: all 0.2s ease;
    z-index: 10020;
}

.main,
.banner-hero,
.box-swiper,
.swiper-container {
    position: relative;
    z-index: 1;
}

.ik-mega-col {
    min-height: 290px;
    max-height: 430px;
    overflow: auto;
    border-right: 1px solid #edf2f7;
    padding-right: 10px;
}

.ik-mega-col:last-child {
    border-right: 0;
    padding-right: 0;
}

.ik-mega-col h6 {
    font-size: 13px;
    font-weight: 800;
    color: #1f3552;
    margin: 0 0 10px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
}

.ik-maincats-list,
.ik-subcat-list,
.ik-mega-col-shortcuts ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ik-maincat-link {
    display: block;
    padding: 8px 10px;
    border-radius: 9px;
    font-size: 13px;
    font-weight: 700;
    color: #2f4a6a;
}

.ik-maincat-link:hover,
.ik-maincat-link.active {
    background: linear-gradient(90deg, #e8f8f5 0%, #f3fcfb 100%);
    color: #0f5f55;
}

.ik-mega-col-shortcuts a,
.ik-subcat-list a {
    display: block;
    padding: 7px 8px;
    border-radius: 8px;
    font-size: 13px;
    color: #3f5778;
}

.ik-mega-col-shortcuts a:hover,
.ik-subcat-list a:hover {
    background: #eef4fb;
}

.ik-subcat-list {
    display: none;
}

.ik-subcat-list.active {
    display: block;
}

.ik-empty {
    display: block;
    font-size: 12px;
    color: #8ba0bc;
    padding: 8px;
}

.ik-best-item {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #e5edf5;
    border-radius: 10px;
    padding: 10px;
    margin-bottom: 10px;
    background: #fff;
}

.ik-best-item img {
    width: 48px;
    height: 66px;
    object-fit: contain;
    background: #f8fafc;
    border-radius: 6px;
}

.ik-best-item span {
    font-size: 12px;
    line-height: 1.4;
    color: #314a69;
    font-weight: 700;
}

.ik-mega-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.ik-mega-menu a {
    display: block;
    padding: 7px 4px;
    font-size: 13px;
    color: #3f5778;
}

.ik-mega-item:hover .ik-mega-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.ik-search-form {
    height: 48px;
    border: 1px solid #cfdded;
    border-radius: 14px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background: #fbfdff;
    box-shadow: inset 0 1px 2px rgba(20, 32, 51, 0.03);
}

.ik-search-form input {
    border: 0;
    width: 100%;
    height: 100%;
    padding: 0 18px;
    font-size: 14px;
    color: #24364f;
}

.ik-search-form button {
    border: 0;
    background: linear-gradient(180deg, #2fa49a 0%, #258f86 100%);
    color: #fff;
    width: 52px;
    height: 48px;
    flex-shrink: 0;
}

.ik-header-right {
    display: flex;
    align-items: center;
    gap: 6px;
}

.ik-action-item > a {
    min-height: 48px;
    padding: 10px 11px;
    border: 1px solid #d4e0ed;
    border-radius: 12px;
    color: var(--ik-ink);
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 700;
    background: linear-gradient(180deg, #ffffff 0%, #f7faff 100%);
}

.ik-action-item > a:hover {
    border-color: #bdcfe4;
    color: #0f2f54;
}

.ik-action-item > a em {
    font-style: normal;
    width: 19px;
    height: 19px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #ffb84d 0%, #f19a1a 100%);
    color: #fff;
    font-size: 11px;
}

.ik-action-dropdown {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    min-width: 220px;
    background: #fff;
    border: 1px solid var(--ik-line);
    border-radius: 12px;
    box-shadow: 0 16px 35px rgba(17, 36, 63, 0.12);
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: all 0.2s ease;
    z-index: 25;
}

.ik-action-dropdown a,
.ik-action-dropdown span {
    display: block;
    padding: 7px 8px;
    border-radius: 8px;
    font-size: 13px;
    color: #3f5778;
}

.ik-action-dropdown a:hover {
    background: #f3f7fc;
}

.ik-action-item:hover .ik-action-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.ik-mobile-search {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    border: 1px solid #d4dfeb;
    background: #f9fbff;
    color: #233853;
}

.mobile-header-wrapper-style .mobile-header-wrapper-inner {
    background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
}

.mobile-header-wrapper-style .mobile-menu-wrap nav .mobile-menu li a {
    border-radius: 10px;
    padding-left: 10px;
}

.mobile-header-wrapper-style .mobile-menu-wrap nav .mobile-menu li:hover > a {
    background: #eaf3ff;
}

.ik-hero-fluid {
    padding-left: 24px;
    padding-right: 24px;
}

.banner-hero.banner-8 .ik-hero-fluid .banner-big {
    border-radius: 14px;
    min-height: 200px;
}

.banner-hero.banner-8 .ik-hero-fluid .banner-big .height-100 {
    min-height: 200px;
}

/* Hero slider gorselini desktopta dengeli tut */
@media (min-width: 992px) {
    .banner-hero.banner-8 .banner-image {
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }

    .banner-hero.banner-8 .banner-image img {
        max-height: 170px;
        width: auto;
        object-fit: contain;
    }
}

@media (max-width: 1199px) {
    .ik-header-main {
        grid-template-columns: auto 1fr auto;
        min-height: 72px;
    }

    .ik-logo {
        font-size: 18px;
    }

    .ik-logo img {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 1399px) {
    .ik-mega-menu {
        width: min(1120px, calc(100vw - 30px));
    }
}

@media (max-width: 991px) {
    .ik-header-main {
        grid-template-columns: auto auto;
        gap: 10px;
    }

    .ik-header-center {
        grid-column: 1 / -1;
        order: 3;
        margin-bottom: 10px;
    }

    .ik-header-right {
        margin-left: auto;
    }
}

@media (max-width: 767px) {
    .ik-header {
        padding-top: 8px;
    }

    .ik-header .container {
        border-radius: 14px;
    }

    .ik-hero-fluid {
        padding-left: 12px;
        padding-right: 12px;
    }

    .banner-hero.banner-8 .ik-hero-fluid .banner-big,
    .banner-hero.banner-8 .ik-hero-fluid .banner-big .height-100 {
        min-height: 220px;
    }
}

/*
 * Layout fallback (Bootstrap grid/cache fail durumları için)
 * Sayfanın sola çökmesini engeller.
 */
.container,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
    width: 100%;
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 12px;
    padding-right: 12px;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
}

[class*="col-"] {
    padding-left: 12px;
    padding-right: 12px;
    width: 100%;
}

.col-12 { width: 100%; }

@media (min-width: 768px) {
    .col-md-6 { width: 50%; }
    .col-md-4 { width: 33.333333%; }
    .col-md-3 { width: 25%; }
}

@media (min-width: 992px) {
    .col-lg-2 { width: 16.666667%; }
    .col-lg-3 { width: 25%; }
    .col-lg-4 { width: 33.333333%; }
    .col-lg-5 { width: 41.666667%; }
    .col-lg-6 { width: 50%; }
    .col-lg-7 { width: 58.333333%; }
    .col-lg-8 { width: 66.666667%; }
    .col-lg-9 { width: 75%; }
    .col-lg-12 { width: 100%; }
}

/* Header container her zaman merkezde kalsın */
.header .container,
.topbar .container-topbar,
.footer .container {
    margin-left: auto;
    margin-right: auto;
}

/* Swiper fallback (plugin css cache fail durumları için) */
.swiper-container {
    position: relative;
    overflow: hidden;
}

.swiper-wrapper {
    display: flex;
    box-sizing: content-box;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
}

/* index-8 ile görsel hizalama */
.banner-hero.banner-8 {
    margin-bottom: 0;
}

.banner-hero.banner-8 .sidebar-border {
    min-height: 100%;
}

.head-main {
    padding-bottom: 14px;
    border-bottom: 1px solid #dfe6ec;
}

/* Slider kitap kartlarına ince kenarlık */
.card-grid-style-2.card-grid-none-border {
    border: 1px solid #D5DFE4;
    border-radius: 4px;
    padding: 10px;
    transition-duration: 0.2s;
}

.card-grid-style-2.card-grid-none-border:hover {
    border-color: #8C9EC5;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
    transition-duration: 0.2s;
}

/* card-grid-style-3 hover box-shadow */
.card-grid-style-3:hover .card-grid-inner {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
}

/* Tüm ürün kutularında net ince çizgi */
.card-grid-style-3 .card-grid-inner {
    border: 1px solid #d5dfe4;
    border-radius: 4px;
}

.list-products-5 .card-grid-style-3 .card-grid-inner {
    min-height: 100%;
}

.card-grid-style-3 .image-box img {
    object-fit: contain;
}

/* Ortak urun gorsel hizalama duzeltmesi */
.card-grid-style-3 .image-box,
.card-grid-style-2 .image-box,
.ik-book-card .image-box,
.ikx-topcard {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.card-grid-style-3 .image-box > a,
.card-grid-style-2 .image-box > a,
.ik-book-card .image-box > a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.card-grid-style-3 .image-box img,
.card-grid-style-2 .image-box img,
.ik-book-card .image-box img,
.ikx-topcard img {
    display: block;
    margin: 0 auto;
    object-position: center center;
}

/* index-8 benzeri boşluklar */
.section-box.mt-50 {
    margin-top: 50px !important;
}

.section-box.mt-90 {
    margin-top: 90px !important;
}

/* Mobilde kutu taşmalarını engelle */
@media (max-width: 575px) {
    .list-products-5 .card-grid-style-3 {
        margin-bottom: 16px;
    }

    .card-grid-style-2.card-grid-none-border {
        padding: 8px;
    }
}

/* 5'li grid için özel kolon genişliği */
.col-xl-2-4 {
    flex: 0 0 auto;
    width: 20%;
}

/* Sepet secim kutusu (trendyol benzeri) */
.ik-cart-table-wrap {
    border: 1px solid #e8edf3;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

.ik-cart-table thead th {
    background: #f8fafc;
    border-bottom: 1px solid #e8edf3;
    font-size: 12px;
    font-weight: 700;
    color: #6b7b92;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.ik-cart-row {
    transition: background-color 0.2s ease;
}

.ik-cart-row:hover {
    background: #fcfdff;
}

.ik-cart-row-muted {
    opacity: 0.58;
}

.ik-cart-row-muted td {
    background: #fafbfd;
}

.ik-cart-row-muted td:first-child {
    border-left: 4px solid #8fa5bb;
}

.ik-cart-select-input {
    width: 28px;
    height: 28px;
    margin: 0;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    border: 2px solid #c8d4e2;
    border-radius: 999px;
    background: #fff;
    position: relative;
    transition: all 0.15s ease;
}

.ik-cart-select-input:hover {
    border-color: #ff7a1a;
    box-shadow: 0 0 0 3px rgba(255, 122, 26, 0.12);
}

.ik-cart-select-input:checked {
    background: #ff7a1a;
    border-color: #ff7a1a;
}

.ik-cart-select-input:checked::after {
    content: '';
    position: absolute;
    left: 9px;
    top: 4px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

@media (max-width: 575px) {
    .ik-cart-select-input {
        width: 24px;
        height: 24px;
    }

    .ik-cart-select-input:checked::after {
        left: 7px;
        top: 3px;
        width: 5px;
        height: 10px;
    }
}

@media (max-width: 1199px) {
    .col-xl-2-4 {
        width: 25%;
    }
}

@media (max-width: 991px) {
    .col-xl-2-4 {
        width: 33.333%;
    }
}

@media (max-width: 767px) {
    .col-xl-2-4 {
        width: 50%;
    }
}

@media (max-width: 575px) {
    .col-xl-2-4 {
        width: 100%;
    }
}

/* Customer auth and account */
.ik-auth-shell {
    display: grid;
    grid-template-columns: 1.05fr 1fr;
    gap: 24px;
    align-items: stretch;
}

.ik-auth-panel {
    border: 1px solid #dce7f4;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 14px 34px rgba(20, 32, 51, 0.08);
    padding: 28px;
}

.ik-auth-info {
    background: linear-gradient(145deg, #1d3552 0%, #27486b 55%, #2f547b 100%);
    color: #eff5ff;
    position: relative;
    overflow: hidden;
}

.ik-auth-info::after {
    content: '';
    position: absolute;
    right: -55px;
    bottom: -55px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 215, 122, 0.28) 0%, rgba(255, 215, 122, 0) 72%);
}

.ik-auth-kicker {
    display: inline-block;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.7px;
    color: #ffd77a;
    margin-bottom: 10px;
}

.ik-auth-info h3 {
    color: #fff;
    margin: 0 0 10px;
}

.ik-auth-info p {
    color: #d6e4f8;
    margin-bottom: 16px;
}

.ik-auth-points {
    margin: 0 0 16px;
    padding-left: 18px;
}

.ik-auth-points li {
    margin-bottom: 8px;
    color: #e6f0ff;
}

.ik-auth-register-link {
    display: inline-flex;
    color: #fff;
    text-decoration: underline;
    text-underline-offset: 4px;
    font-weight: 700;
}

.ik-auth-form-wrap h4 {
    margin: 0 0 6px;
    color: #143053;
}

.ik-auth-subtitle {
    margin-bottom: 18px;
    color: #61789b;
}

.ik-auth-form .form-label {
    font-size: 13px;
    font-weight: 700;
    color: #3d5576;
    margin-bottom: 6px;
}

.ik-auth-form .form-control {
    height: 46px;
    border-radius: 12px;
    border-color: #cfdced;
    background: #f9fbfe;
}

.ik-auth-bottom-note {
    margin-top: 14px;
    font-size: 12px;
    color: #6a809f;
}

.ik-auth-bottom-note a {
    color: #1d4f86;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.ik-account-hero {
    border: 1px solid #dce7f5;
    border-radius: 18px;
    padding: 20px 22px;
    background: linear-gradient(120deg, #ffffff 0%, #f0f6ff 100%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}

.ik-account-eyebrow {
    margin: 0 0 4px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #6f86a6;
    font-weight: 800;
}

.ik-account-hero h3 {
    margin: 0 0 4px;
    color: #17385f;
}

.ik-account-hero p {
    margin: 0;
    color: #607a9d;
}

.ik-account-hero-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ik-account-stat {
    border: 1px solid #d9e5f4;
    background: #fff;
    border-radius: 14px;
    padding: 16px;
    box-shadow: 0 8px 18px rgba(20, 32, 51, 0.05);
}

.ik-account-stat span {
    display: block;
    color: #6b829f;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 4px;
}

.ik-account-stat strong {
    color: #173b66;
    font-size: 24px;
    line-height: 1.2;
}

.ik-account-card {
    border: 1px solid #dae6f4;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(20, 32, 51, 0.06);
}

.ik-account-card-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}

.ik-account-table th {
    color: #516b8f;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

.ik-order-badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 10px;
    border-radius: 999px;
    background: #edf4fd;
    color: #214f80;
    font-size: 12px;
    font-weight: 700;
}

@media (max-width: 991px) {
    .ik-auth-shell {
        grid-template-columns: 1fr;
    }

    .ik-account-hero {
        flex-direction: column;
        align-items: flex-start;
    }
}

.ik-member-layout {
    display: grid;
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 34px;
}

.ik-member-side {
    border-right: 1px solid #e4ebf5;
    padding-right: 12px;
}

.ik-member-side a {
    display: block;
    padding: 13px 0;
    border-bottom: 1px solid #ecf1f7;
    color: #122d4c;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

.ik-member-side a:hover,
.ik-member-side a.active {
    color: #0f1f33;
}

.ik-member-logout {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

.ik-member-logout span {
    font-size: 16px;
    line-height: 1;
}

.ik-member-content h2 {
    margin: 0;
    font-size: 56px;
    font-weight: 800;
    letter-spacing: -0.6px;
    color: #121d2d;
}

.ik-member-content h2.ik-member-detail-title {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0;
}

.ik-member-content h2.ik-member-profile-title {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0;
}

.ik-member-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 22px;
    gap: 14px;
    flex-wrap: wrap;
}

.ik-member-year-filter {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.ik-member-year-filter label {
    margin: 0;
    color: #22354f;
    font-size: 15px;
    font-weight: 700;
}

.ik-member-year-filter select {
    min-width: 230px;
    height: 42px;
    border: 1px solid #d4dfec;
    border-radius: 0;
    padding: 0 34px 0 12px;
    color: #172e4a;
    background: #fff;
}

.ik-member-order-row {
    display: grid;
    grid-template-columns: 54px 170px 200px minmax(200px, 1fr) 28px;
    align-items: center;
    gap: 14px;
    border: 1px solid #e0e8f3;
    border-radius: 4px;
    min-height: 84px;
    padding: 10px 14px;
    color: #162a44;
    margin-bottom: 18px;
    background: #fff;
}

.ik-member-order-row:hover {
    border-color: #cfdcec;
    box-shadow: 0 8px 18px rgba(18, 39, 64, 0.06);
}

.ik-member-order-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: #4f5f73;
}

.ik-member-order-number,
.ik-member-order-date,
.ik-member-order-status {
    font-size: 30px;
    color: #1d2f48;
}

.ik-member-order-number {
    font-weight: 500;
}

.ik-member-order-date {
    font-size: 30px;
    color: #1d2f48;
}

.ik-member-order-status {
    font-weight: 500;
}

.ik-member-order-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #004f9f;
}

.ik-member-empty {
    border: 1px dashed #cfdaea;
    border-radius: 8px;
    background: #f7fafe;
    padding: 16px;
    color: #4e6788;
}

.ik-member-note {
    margin-top: 56px;
    color: #182d48;
    max-width: 980px;
    font-size: 16px;
    line-height: 1.5;
}

.ik-member-note p {
    margin-bottom: 4px;
}

.ik-profile-form {
    max-width: 100%;
}

.ik-profile-intro {
    margin-bottom: 16px;
    font-size: 10px;
    line-height: 1.4;
    color: #15283f;
}

.ik-profile-intro span {
    color: #ff2d2d;
}

.ik-profile-label {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.2;
    color: #172c44;
}

.ik-profile-label span {
    color: #ff2d2d;
}

.ik-profile-input {
    min-height: 56px;
    border: 1px solid #f3f3f3 !important;
    border-radius: 9px;
    background: #f3f3f3 !important;
    color: #0f243d !important;
    padding: 0 16px;
    font-size: 16px;
    font-weight: 400;
}

.ik-profile-input:focus {
    box-shadow: none !important;
    background: #f3f3f3 !important;
    border-color: #f3f3f3 !important;
}

.ik-profile-input::placeholder {
    color: #a5afbd;
    opacity: 1;
}

.ik-profile-date-input {
    color-scheme: light;
}

.ik-profile-date-input::-webkit-calendar-picker-indicator {
    cursor: pointer;
}

.ik-profile-phone-row {
    display: flex;
    gap: 12px;
    align-items: flex-end;
}

.ik-profile-phone-field {
    flex: 1;
}

.ik-profile-verify {
    height: 56px;
    min-width: 120px;
    border-radius: 9px;
    background-color: #4f78ae !important;
    border-color: #4f78ae !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-style: solid;
    border-width: 1px;
    line-height: 1;
    text-align: center;
    padding: 0 12px;
    box-shadow: none;
    appearance: none;
}

.ik-profile-verify:hover {
    background-color: #456ca0 !important;
    border-color: #456ca0 !important;
    color: #fff !important;
}

.ik-profile-gender {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 4px;
}

.ik-profile-gender label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    color: #172c44;
}

.ik-profile-permission-title {
    margin: 8px 0 12px;
    font-size: 18px;
    font-weight: 700;
    color: #172c44;
}

.ik-profile-permission {
    display: inline-flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 16px;
    line-height: 1.4;
    color: #172c44;
}

.ik-profile-permission input {
    margin-top: 8px;
    width: 24px;
    height: 24px;
    accent-color: #00358a;
}

.ik-profile-save {
    min-width: 320px;
    min-height: 56px;
    border-radius: 10px;
    background-color: #00358a !important;
    border-color: #00358a !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-style: solid;
    border-width: 1px;
    line-height: 1;
    text-align: center;
    padding: 0 18px;
    box-shadow: none;
    appearance: none;
}

.ik-profile-save:hover {
    background-color: #022d73 !important;
    border-color: #022d73 !important;
    color: #fff !important;
}

.ik-profile-cancel {
    min-width: 220px;
    min-height: 50px;
    border-radius: 8px;
    background-color: #c9c9c9 !important;
    border-color: #c9c9c9 !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-style: solid;
    border-width: 1px;
    line-height: 1;
    text-align: center;
    padding: 0 16px;
    box-shadow: none;
    appearance: none;
}

.ik-profile-cancel:hover {
    color: #fff;
}

.ik-profile-actions button {
    border-width: 0 !important;
}

.ik-profile-actions {
    margin-top: 6px;
}

/* Reference-locked profile detail styles */
.ik-member-content h2.ik-member-profile-title {
    font-size: 14px !important;
    line-height: 1.2 !important;
}

.ik-member-content .ik-profile-form .ik-profile-intro {
    font-size: 12px !important;
    line-height: 1.35 !important;
    margin-bottom: 10px !important;
}

.ik-member-content .ik-profile-form .ik-profile-label {
    font-size: 16px !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
}

.ik-member-content .ik-profile-form .ik-profile-input {
    min-height: 46px !important;
    font-size: 16px !important;
    border-radius: 8px !important;
    padding: 0 14px !important;
}

.ik-member-content .ik-profile-form .ik-profile-gender label,
.ik-member-content .ik-profile-form .ik-profile-permission {
    font-size: 16px !important;
}

.ik-member-content .ik-profile-form .ik-profile-permission-title {
    font-size: 18px !important;
    margin: 6px 0 8px !important;
}

.ik-member-content .ik-profile-form .ik-profile-verify {
    height: 46px !important;
    min-width: 110px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #4f78ae !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.ik-member-content .ik-profile-form .ik-profile-save {
    min-height: 48px !important;
    min-width: 270px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #00358a !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.ik-member-content .ik-profile-form .ik-profile-cancel {
    min-height: 42px !important;
    min-width: 170px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #c9c9c9 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

@media (max-width: 1399px) {
    .ik-member-side a,
    .ik-member-order-number,
    .ik-member-order-date,
    .ik-member-order-status {
        font-size: 18px;
    }

    .ik-member-content h2 {
        font-size: 40px;
    }

    .ik-profile-permission-title {
        font-size: 18px;
    }

    .ik-profile-input,
    .ik-profile-verify {
        min-height: 58px;
    }
}

@media (max-width: 991px) {
    .ik-member-layout {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .ik-member-side {
        border-right: 0;
        padding-right: 0;
        border: 1px solid #e5ecf6;
        border-radius: 10px;
        padding: 0 14px;
    }

    .ik-member-side a,
    .ik-member-order-number,
    .ik-member-order-date,
    .ik-member-order-status {
        font-size: 16px;
    }

    .ik-member-content h2 {
        font-size: 32px;
    }

    .ik-profile-phone-row {
        display: block;
    }

    .ik-profile-save,
    .ik-profile-cancel {
        width: 100%;
    }

    .ik-profile-permission-title {
        font-size: 18px;
    }

    .ik-profile-permission,
    .ik-profile-gender label,
    .ik-profile-intro,
    .ik-profile-label,
    .ik-profile-input,
    .ik-profile-verify,
    .ik-profile-save,
    .ik-profile-cancel {
        font-size: 16px;
    }

    .ik-profile-input {
        min-height: 48px;
        border-radius: 10px;
    }

    .ik-member-order-row {
        grid-template-columns: 32px 1fr;
        gap: 8px;
        padding: 12px;
    }

    .ik-member-order-date,
    .ik-member-order-status,
    .ik-member-order-arrow {
        grid-column: 2 / 3;
    }

    .ik-member-order-icon {
        grid-row: 1 / 5;
        font-size: 20px;
        align-self: flex-start;
        margin-top: 2px;
    }
}