/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&family=Lora:wght@400;600&display=swap');

/* General Styles */
body {
    font-family: 'Poppins', sans-serif;
    background-color: white;
    color: black;
    margin: 0;
    padding: 0;
}

.site-title {
    font-family: 'Lora', serif;
    font-size: 3rem; /* 더 큰 폰트 크기 */
    font-weight: 700; /* 더 굵은 폰트 */
    color: #2c3e50; /* 약간 어두운 색상 */
    margin-top: 30px;
    text-align: center;
}

.site-title a {
    text-decoration: none;
    color: inherit;
}

.site-title a:hover {
    color: #007BFF;
}

.site-description {
    font-size: 1.2rem;
    color: #555;
    text-align: center;
    margin-top: 5px;
}

/* Latest Posts Section */
.latest-posts {
    margin: 50px auto;
    text-align: center;
}

.latest-posts h2 {
    font-size: 2rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
    position: relative;
}

.latest-posts h2::after {
    content: "";
    display: block;
    width: 50%;
    height: 2px;
    background-color: #444444;
    margin: 20px auto 50px;
}

.posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 1200px;
    margin: auto;
}

.post {
    background: #ffffff;
    padding: 20px;
    border: 1px solid #222222;
    border-radius: 10px;
    transition: transform 0.3s ease;
}

.post:hover {
    transform: translateY(-5px);
}

.post img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.post h3 {
    font-size: 1.5rem;
    margin: 10px 0;
}

/* Today's Car Section */
.today-car {
    margin: 50px auto;
    padding: 20px;
    background: #ffffff;
    width: 60%;
    max-width: 800px;
    border-radius: 10px;
    text-align: center;
    border: 2px solid #222222;
}

/* 차량 제목 스타일 (제목이 사라지는 문제 해결) */
.today-car h2 {
    font-size: 1.8rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 15px;
    display: block; /* 제목이 정상적으로 보이게 설정 */
}

.today-car img {
    width: 300px;
    height: auto;
    margin: 10px;
}

/* Search Bar */
.search-bar {
    margin: 50px auto;
    padding: 20px;
    background: #ffffff;
    width: 50%;
    max-width: 600px;
    border-radius: 10px;
    border: 1px solid #222222;
    text-align: center;
}

.search-bar form {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px; /* 입력 필드와 버튼 간격 */
}

.search-bar input[type="text"] {
    padding: 10px;
    width: 300px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.search-bar button {
    padding: 10px 15px;
    background: #007BFF;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.search-bar button:hover {
    background: #0056b3;
}

/* Footer */
footer {
    display: none !important; /* 푸터 완전히 제거 */
}

/* 차량 상세 페이지 스타일 */
.single-today_car {
    max-width: 800px;
    margin: 50px auto;
    padding: 20px;
    background: #f9f9f9;
    border-radius: 10px;
    text-align: center;
    border: 1px solid #ddd;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 약간의 그림자 추가 */
}

h1.car-title {
	text-align: center !important
    font-size: 2.5rem; !important
    font-weight: bold; !important
    color: #333; 
    margin-bottom: 20px; !important
}

.car-divider {
    width: 80% !important;
    height: 2px !important;
    background-color: #007BFF !important;
    border: none !important;
    margin: 20px auto !important;
    display: block !important;
}

.post-image img {
    display: block; /* 이미지를 중앙에 위치시킴 */
    margin: 20px auto;
    width: 100%;
    max-width: 600px;
    height: auto;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* 이미지에 그림자 추가 */
}

.post-content {
    text-align: left;
    font-size: 1.1rem;
    line-height: 1.8; /* 더 넓은 줄 간격 */
    color: #555;
    margin-top: 20px;
}

/* 좋아요 버튼 스타일 */
.like-button-container {
    margin-top: 30px; /* 상단 여백 추가 */
    text-align: center; /* 중앙 정렬 */
}

#like-button {
    background-color: #ff4d4d;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    font-size: 1.2rem;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease; /* 버튼 애니메이션 */
}

#like-button:hover {
    background-color: #d43f3f;
    transform: scale(1.05); /* 약간 확대 효과 */
}

#like-count {
    font-size: 1.2rem;
    font-weight: bold;
    color: #333;
    margin-top: 10px; /* 위 버튼과의 간격 */
    display: block; /* 블록 요소로 변경 */
}

.single-post {
    border-top: 2px solid #ddd;  /* 기본적으로 보이는 연한 회색 구분선 */
    border-bottom: 2px solid #ddd;
    padding: 20px;
    margin: 20px auto;
    max-width: 800px;
}

/* 전체 페이지 스타일 */
body {
    font-family: Arial, sans-serif;
    text-align: center;
    background-color: #ffffff;
}

/* 비교 페이지 컨테이너 */
.compare-container {
    width: 80%;
    margin: auto;
    padding: 20px;
    background: white;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

/* 차량 선택창 & VS 버튼 정렬 */
.compare-selection {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
}

/* VS 버튼 스타일 */
.compare-button {
    padding: 10px 20px;
    font-size: 16px;
    background-color: #007bff;
    color: white;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    transition: 0.3s;
}

.compare-button:hover {
    background-color: #0056b3;
}

/* 차량 선택 드롭다운 스타일 */
.compare-select {
    padding: 10px;
    font-size: 16px;
    width: 250px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

/* 제목 및 텍스트 스타일 */
.compare-container h1 {
    color: #222;
    margin-bottom: 10px;
}

.compare-container p {
    color: #555;
}

.compare-container h2 {
    margin-top: 20px;
}

/* 워드프레스 표 스타일 개선 */
table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 16px;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

th, td {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: center;
}

th {
    background-color: #fff;
    color: #333;
    font-weight: bold;
}

/* 모바일 반응형 (스크롤 가능하게 설정) */
@media (max-width: 768px) {
    table {
        font-size: 14px;
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
}
/* Navigation Menu */
.main-menu {
    background-color: #ffffff; /* 배경색: 흰색 */
    border-bottom: 2px solid #222222; /* 구분선 */
    padding: 10px 0;
    text-align: center;
}

.menu-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    gap: 20px;
}

.menu-list li {
    display: inline-block;
}

.menu-list li a {
    text-decoration: none;
    font-size: 1.2rem;
    font-weight: 600;
    color: #333;
    padding: 10px 15px;
    transition: color 0.3s ease;
}

.menu-list li a:hover {
    color: #007BFF; /* 파란색 효과 */
}
/* Today's Cars 리스트 스타일 */
.today-cars-title {
    text-align: center;
    margin: 0 0 25px;
}

.today-cars-title img {
    max-width: 1200px; /* 최대 너비 설정 */
    width: 100%; /* 반응형 크기 조절 */
    display: block;
    margin: 0 auto;
}
.today-cars-archive {
    text-align: center;
    padding: 0px 20px;
}

.today-cars-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 1200px;
    margin: auto;
}

.car-item {
    background: #fff;
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
    transition: transform 0.3s ease;
}

.car-item:hover {
    transform: translateY(-5px);
}

.car-thumbnail {
    width: 100%;
    height: 200px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f4f4f4;
    border-radius: 10px;
}

.car-thumbnail img {
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 10px;
}

.car-title {
    font-size: 1.4rem;
    margin-top: 10px;
    color: #333;
}

/* 페이지네이션 스타일 */
.pagination {
    margin-top: 30px;
}

.pagination a {
    padding: 10px 15px;
    margin: 5px;
    background: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 5px;
    transition: background 0.3s ease;
}

.pagination a:hover {
    background: #0056b3;
}

/* =========================================================
   Cariary masthead refresh — homepage only
   Added 2026-08-08. Scoped to body.home to protect other pages.
   ========================================================= */
body.home .site-header {
    position: relative;
    min-height: 220px;
    margin: 0;
    padding: 44px 24px 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-sizing: border-box;
    background-color: #fbfaf8;
    background-image:
        linear-gradient(90deg, rgba(255,255,255,.12), rgba(255,255,255,.08)),
        url('https://www.cariary.com/wp-content/uploads/2026/08/cariary-masthead-light.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-bottom: 1px solid #e7e3df;
}

body.home .site-header::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,.04));
}

body.home .site-title,
body.home .cariary-wordmark-tagline {
    position: relative;
    z-index: 1;
}

body.home .site-title {
    margin: 0;
    font-family: 'Lora', Georgia, serif;
    font-size: clamp(3rem, 6vw, 5.25rem);
    font-weight: 600;
    line-height: .95;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #111214;
    text-shadow: 0 1px 0 rgba(255,255,255,.8);
}

body.home .site-title a,
body.home .site-title a:hover,
body.home .site-title a:focus {
    color: inherit;
    text-decoration: none;
}

body.home .cariary-wordmark-tagline {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    margin: 20px 0 0;
    color: #303238;
    font-size: .78rem;
    font-style: normal;
    font-weight: 600;
    letter-spacing: .32em;
    text-transform: uppercase;
}

body.home .cariary-wordmark-tagline i {
    width: 4px;
    height: 4px;
    flex: 0 0 4px;
    border-radius: 50%;
    background: #c91721;
}

body:not(.home) .cariary-wordmark-tagline {
    display: none;
}

body.home .home-main {
    margin-top: 0;
}

body.home .main-menu.cariary-primary-navigation {
    padding: 0;
    background: rgba(255,255,255,.98);
    border-top: 0;
    border-bottom: 1px solid #d9d9d9;
    box-shadow: 0 3px 12px rgba(18,20,24,.04);
}

body.home .cariary-primary-navigation .menu-container {
    width: min(100%, 1000px);
    margin: 0 auto;
}

body.home .cariary-primary-navigation .menu-list {
    width: 100%;
    gap: 0;
    justify-content: center;
}

body.home .cariary-primary-navigation .menu-list > li {
    position: relative;
    flex: 1 1 0;
    max-width: 250px;
    border-right: 1px solid #e4e4e4;
}

body.home .cariary-primary-navigation .menu-list > li:first-child {
    border-left: 1px solid #e4e4e4;
}

body.home .cariary-primary-navigation .menu-list > li > a {
    display: flex;
    min-height: 76px;
    padding: 0 18px;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    color: #17191d;
    font-size: clamp(.98rem, 1.45vw, 1.18rem);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: .025em;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .2s ease, background-color .2s ease;
}

body.home .cariary-primary-navigation .menu-list > li > a:hover,
body.home .cariary-primary-navigation .menu-list > li > a:focus-visible {
    color: #b5121b;
    background: #fff8f8;
    outline: none;
}

body.home .cariary-primary-navigation .menu-list > .current-menu-item > a,
body.home .cariary-primary-navigation .menu-list > .current-menu-ancestor > a {
    color: #b5121b;
    background: #fff8f8;
}

body.home .cariary-primary-navigation .menu-list > .current-menu-item::after,
body.home .cariary-primary-navigation .menu-list > .current-menu-ancestor::after {
    content: "";
    position: absolute;
    right: 18px;
    bottom: 0;
    left: 18px;
    height: 3px;
    background: #c91721;
}

@media (max-width: 768px) {
    body.home .site-header {
        min-height: 170px;
        padding: 32px 18px 26px;
        background-position: 30% center;
    }

    body.home .site-title {
        font-size: clamp(2.35rem, 12vw, 3.5rem);
        letter-spacing: .12em;
    }

    body.home .cariary-wordmark-tagline {
        gap: 8px;
        margin-top: 15px;
        font-size: .62rem;
        letter-spacing: .19em;
    }

    body.home .cariary-primary-navigation {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.home .cariary-primary-navigation .menu-container {
        min-width: 620px;
    }

    body.home .cariary-primary-navigation .menu-list > li > a {
        min-height: 62px;
        padding: 0 13px;
        font-size: .94rem;
    }
}


/* =========================================================
   Cariary Card — homepage discovery card
   Added 2026-08-08. Scoped to the new card component.
   ========================================================= */
.cariary-card-section {
    width: min(100% - 40px, 1120px);
    margin: 70px auto;
    padding: 64px 24px 58px;
    box-sizing: border-box;
    text-align: center;
    background: linear-gradient(180deg, #fbfbfa 0%, #ffffff 100%);
    border: 1px solid #e2e2df;
}

.cariary-card-section-heading {
    margin-bottom: 30px;
}

.cariary-card-kicker {
    margin: 0 0 8px;
    color: #bd151f;
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .2em;
}

.cariary-card-section-heading h2 {
    margin: 0;
    color: #111419;
    font-family: 'Lora', Georgia, serif;
    font-size: clamp(2.2rem, 4.5vw, 3.6rem);
    font-weight: 600;
    letter-spacing: .08em;
}

.cariary-card-section-heading > p:last-child {
    margin: 12px 0 0;
    color: #65676b;
    font-size: .98rem;
}

.cariary-card-stage {
    transition: opacity .18s ease, transform .18s ease;
}

.cariary-card-stage.is-loading {
    opacity: .42;
    transform: translateY(4px);
    pointer-events: none;
}

.cariary-card {
    width: min(100%, 560px);
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    border: 1px solid #d9dadd;
    box-shadow: 0 18px 45px rgba(23, 26, 31, .11);
    text-align: left;
}

.cariary-card-topline {
    min-height: 62px;
    padding: 13px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    background: #fff;
}

.cariary-card-mini-brand {
    color: #12151a;
    font-family: 'Lora', Georgia, serif;
    font-size: 1.02rem;
    font-weight: 600;
    line-height: .95;
    letter-spacing: .08em;
}

.cariary-card-mini-brand small {
    display: block;
    margin-top: 4px;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: .5rem;
    font-weight: 600;
    letter-spacing: .16em;
}

.cariary-card-badge {
    padding: 7px 11px;
    color: #b5121b;
    border-left: 2px solid #c91721;
    font-size: .63rem;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: .12em;
    text-align: right;
}

.cariary-card-image {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #e9eaec;
}

.cariary-card-image::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 35%;
    pointer-events: none;
    background: linear-gradient(180deg, transparent, rgba(0,0,0,.12));
}

.cariary-card-image img {
    width: 100%;
    height: 100%;
    margin: 0;
    display: block;
    object-fit: cover;
    border-radius: 0;
    transition: transform .35s ease;
}

.cariary-card-image:hover img {
    transform: scale(1.025);
}

.cariary-card-image-placeholder {
    height: 100%;
    display: grid;
    place-items: center;
    color: #5d6065;
    font-family: 'Lora', Georgia, serif;
    font-size: 2rem;
    letter-spacing: .16em;
}

.cariary-card-copy {
    padding: 26px 24px 20px;
    text-align: center;
}

.cariary-card-copy h3 {
    margin: 0;
    color: #16191e;
    font-family: 'Lora', Georgia, serif;
    font-size: clamp(2rem, 5vw, 3rem);
    line-height: 1.05;
}

.cariary-card-copy p {
    margin: 10px 0 0;
    color: #6a6c70;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.cariary-card-facts {
    margin: 0 18px 24px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid #e1e2e4;
}

.cariary-card-fact {
    min-width: 0;
    padding: 15px 8px 14px;
    text-align: center;
    border-right: 1px solid #e1e2e4;
}

.cariary-card-fact:last-child {
    border-right: 0;
}

.cariary-card-fact dt {
    margin-bottom: 7px;
    color: #86898e;
    font-size: .58rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.cariary-card-fact dd {
    margin: 0;
    overflow-wrap: anywhere;
    color: #202329;
    font-size: .78rem;
    font-weight: 600;
    line-height: 1.25;
}

.cariary-card-profile-link {
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #fff;
    background: #15181d;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-decoration: none;
    transition: background-color .2s ease;
}

.cariary-card-profile-link:hover,
.cariary-card-profile-link:focus-visible {
    color: #fff;
    background: #b5121b;
    outline: none;
}

.cariary-card-actions {
    margin-top: 28px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.cariary-card-refresh,
.cariary-card-collection-link {
    min-height: 48px;
    padding: 0 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-family: 'Poppins', Arial, sans-serif;
    font-size: .73rem;
    font-weight: 600;
    letter-spacing: .07em;
    text-decoration: none;
    cursor: pointer;
}

.cariary-card-refresh {
    color: #fff;
    background: #be1520;
    border: 1px solid #be1520;
}

.cariary-card-refresh:hover,
.cariary-card-refresh:focus-visible {
    background: #971019;
    border-color: #971019;
}

.cariary-card-refresh:disabled {
    cursor: wait;
    opacity: .58;
}

.cariary-card-collection-link {
    color: #171a1f;
    background: #fff;
    border: 1px solid #8d9095;
}

.cariary-card-collection-link:hover,
.cariary-card-collection-link:focus-visible {
    color: #b5121b;
    border-color: #b5121b;
}

.cariary-card-status {
    min-height: 1.2em;
    margin: 12px 0 0;
    color: #6a6d72;
    font-size: .72rem;
}

@media (max-width: 640px) {
    .cariary-card-section {
        width: 100%;
        margin: 52px auto;
        padding: 48px 14px 42px;
        border-right: 0;
        border-left: 0;
    }

    .cariary-card-topline {
        min-height: 56px;
        padding: 11px 14px;
    }

    .cariary-card-copy {
        padding: 22px 15px 17px;
    }

    .cariary-card-facts {
        margin: 0 12px 18px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .cariary-card-fact:nth-child(2) {
        border-right: 0;
    }

    .cariary-card-fact:nth-child(-n+2) {
        border-bottom: 1px solid #e1e2e4;
    }

    .cariary-card-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .cariary-card-refresh,
    .cariary-card-collection-link {
        width: 100%;
    }
}



/* Cariary Card icon system */
.cariary-card-fact-icon{width:28px;height:28px;margin:0 auto 8px;display:grid;place-items:center;color:#b5121b}
.cariary-card-fact-icon svg{width:24px;height:24px;display:block}

/* Car Profile */
.cariary-profile{width:min(100% - 36px,980px);margin:38px auto 80px;text-align:left}
.cariary-profile-breadcrumbs{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 18px;color:#74777c;font-size:.78rem}
.cariary-profile-breadcrumbs a{color:#34373c;text-decoration:none}
.cariary-profile-article{overflow:hidden;background:#fff;border:1px solid #dedfe2;box-shadow:0 18px 55px rgba(20,24,30,.09)}
.cariary-profile-hero{position:relative;padding:30px 30px 0;background:linear-gradient(135deg,#fff 0%,#f4f4f3 100%)}
.cariary-profile-heading{padding-right:130px}
.cariary-profile-heading p{margin:0 0 5px;color:#b5121b;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}
.cariary-profile-heading h1{margin:0;color:#171a1f;font-family:'Lora',Georgia,serif;font-size:clamp(2.8rem,7vw,5rem);line-height:1}
.cariary-profile-heading>span{display:block;margin:11px 0 24px;color:#76797e;font-size:.8rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.cariary-profile-badge{position:absolute;top:28px;right:30px;padding:9px 12px;color:#b5121b;background:#fff;border-left:2px solid #c91721;font-size:.62rem;font-weight:600;line-height:1.05;letter-spacing:.1em;text-align:right;box-shadow:0 5px 18px rgba(0,0,0,.06)}
.cariary-profile-image{aspect-ratio:16/8;overflow:hidden;background:#e8e9eb}
.cariary-profile-image img{width:100%;height:100%;margin:0;display:block;object-fit:cover;border-radius:0;box-shadow:none}
.cariary-profile-quick-facts{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e0e1e3;border-top:0}
.cariary-profile-quick-facts>div{padding:17px 8px;text-align:center;border-right:1px solid #e0e1e3}
.cariary-profile-quick-facts>div:last-child{border-right:0}
.cariary-profile-quick-facts span{width:28px;height:28px;margin:0 auto 7px;display:block;color:#b5121b}
.cariary-profile-quick-facts svg{width:100%;height:100%}
.cariary-profile-quick-facts strong,.cariary-profile-quick-facts small{display:block}
.cariary-profile-quick-facts strong{color:#1d2025;font-size:.78rem}
.cariary-profile-quick-facts small{margin-top:3px;color:#898c91;font-size:.55rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase}
.cariary-profile-body{padding:38px 34px 42px}
.cariary-profile-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.cariary-profile-kicker{margin:0 0 8px;color:#b5121b;font-size:.7rem;font-weight:600;letter-spacing:.13em}
.cariary-profile-intro h2{margin:0;color:#171a1f;font-family:'Lora',Georgia,serif;font-size:2rem}
.cariary-profile-intro h3{margin:7px 0 0;color:#63666b;font-size:.95rem;font-weight:500}
.cariary-profile-review-link{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;gap:8px;color:#fff;background:#b5121b;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-decoration:none;white-space:nowrap}
.cariary-profile-section{margin-top:34px}
.cariary-profile-section>h2{margin:0 0 13px;color:#b5121b;font-size:.78rem;letter-spacing:.06em}
.cariary-profile-specs{display:grid;grid-template-columns:repeat(2,1fr);margin:0;border-top:1px solid #e0e1e3;border-left:1px solid #e0e1e3}
.cariary-profile-specs>div{display:grid;grid-template-columns:42% 58%;border-right:1px solid #e0e1e3;border-bottom:1px solid #e0e1e3}
.cariary-profile-specs dt,.cariary-profile-specs dd{margin:0;padding:12px 13px;box-sizing:border-box}
.cariary-profile-specs dt{color:#55585e;background:#fafafa;font-size:.72rem;font-weight:600;border-right:1px solid #e0e1e3}
.cariary-profile-specs dd{color:#22252a;font-size:.74rem}
.cariary-profile-about p{margin:0;color:#44474c;font-size:.94rem;line-height:1.8}
.cariary-profile-related{display:flex;flex-wrap:wrap;gap:9px}
.cariary-profile-related a,.cariary-profile-related span{padding:10px 14px;color:#25282d;background:#fff;border:1px solid #d8dade;font-size:.72rem;text-decoration:none}
.cariary-profile-related a:hover{color:#b5121b;border-color:#b5121b}
@media(max-width:640px){
 .cariary-profile{width:100%;margin:0 auto 52px}
 .cariary-profile-breadcrumbs{padding:14px;margin:0}
 .cariary-profile-article{border-right:0;border-left:0;box-shadow:none}
 .cariary-profile-hero{padding:24px 14px 0}
 .cariary-profile-heading{padding-right:0}
 .cariary-profile-heading h1{font-size:2.55rem}
 .cariary-profile-badge{position:static;width:max-content;margin:0 0 18px auto}
 .cariary-profile-image{aspect-ratio:4/3}
 .cariary-profile-quick-facts{grid-template-columns:repeat(2,1fr)}
 .cariary-profile-quick-facts>div:nth-child(2){border-right:0}
 .cariary-profile-quick-facts>div:nth-child(-n+2){border-bottom:1px solid #e0e1e3}
 .cariary-profile-body{padding:30px 16px 34px}
 .cariary-profile-intro{align-items:flex-start;flex-direction:column}
 .cariary-profile-specs{grid-template-columns:1fr}
 .cariary-profile-review-link{width:100%;justify-content:center;box-sizing:border-box}
}




/* =========================================================
   CARIARY CAR COLLECTION
   ========================================================= */
.cariary-collection {
    width: min(1320px, calc(100% - 48px));
    margin: 0 auto;
    padding: 76px 0 100px;
    color: #111827;
}

.collection-header {
    text-align: center;
    margin-bottom: 36px;
}

.collection-eyebrow {
    margin: 0 0 10px;
    color: #1f5ac6;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.22em;
}

.collection-header h1 {
    margin: 0;
    color: #101827;
    font-size: clamp(2rem, 4vw, 3.35rem);
    font-weight: 700;
    letter-spacing: -0.045em;
    line-height: 1.05;
}

.collection-count {
    margin: 14px 0 0;
    color: #667085;
    font-size: 0.95rem;
}

.collection-filters {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 36px;
}

.collection-filter {
    min-width: 92px;
    padding: 11px 18px;
    border: 1px solid #dfe3ea;
    border-radius: 999px;
    background: #fff;
    color: #263244;
    font-family: inherit;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
    transition: color .2s ease, background .2s ease, border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.collection-filter:hover {
    border-color: #1f5ac6;
    color: #1f5ac6;
    transform: translateY(-1px);
}

.collection-filter.is-active {
    border-color: #1f5ac6;
    background: #1f5ac6;
    color: #fff;
    box-shadow: 0 8px 20px rgba(31, 90, 198, 0.2);
}

.collection-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px 18px;
    min-height: 240px;
    transition: opacity .2s ease;
}

.cariary-collection.is-loading .collection-grid {
    opacity: 0.48;
}

.collection-car-card {
    min-width: 0;
    border: 1px solid #e2e6ec;
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 8px 28px rgba(17, 24, 39, 0.055);
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.collection-car-card:hover {
    border-color: #c7d5ed;
    transform: translateY(-5px);
    box-shadow: 0 16px 40px rgba(17, 24, 39, 0.12);
}

.collection-car-link {
    display: block;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

.collection-car-image {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: linear-gradient(145deg, #eff2f6, #dfe4eb);
}

.collection-car-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.collection-car-card:hover .collection-car-image img {
    transform: scale(1.035);
}

.collection-no-image {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    color: #8c96a5;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.18em;
}

.collection-car-copy {
    min-height: 90px;
    padding: 19px 18px 17px;
    text-align: center;
}

.collection-car-copy h2 {
    margin: 0;
    color: #111827;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.3;
    text-transform: uppercase;
}

.collection-car-copy p {
    margin: 8px 0 0;
    color: #737d8c;
    font-size: 0.76rem;
    line-height: 1.45;
}

.collection-empty {
    grid-column: 1 / -1;
    margin: 50px 0;
    color: #7a8492;
    text-align: center;
}

.collection-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 90px;
    padding-top: 40px;
}

.collection-load-more {
    padding: 14px 30px;
    border: 1px solid #1f5ac6;
    border-radius: 7px;
    background: #fff;
    color: #1f5ac6;
    font-family: inherit;
    font-size: 0.79rem;
    font-weight: 700;
    letter-spacing: 0.055em;
    cursor: pointer;
    transition: background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.collection-load-more:hover {
    background: #1f5ac6;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(31, 90, 198, 0.2);
}

.collection-load-more:disabled {
    cursor: wait;
    opacity: 0.6;
}

.collection-status {
    min-height: 22px;
    margin: 12px 0 0;
    color: #788392;
    font-size: 0.8rem;
}

@media (max-width: 980px) {
    .cariary-collection {
        width: min(100% - 32px, 900px);
        padding-top: 56px;
    }

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

@media (max-width: 680px) {
    .cariary-collection {
        width: min(100% - 22px, 620px);
        padding: 42px 0 70px;
    }

    .collection-header {
        margin-bottom: 27px;
    }

    .collection-eyebrow {
        font-size: 0.62rem;
    }

    .collection-count {
        font-size: 0.82rem;
    }

    .collection-filters {
        gap: 7px;
        margin-bottom: 25px;
    }

    .collection-filter {
        min-width: 0;
        padding: 9px 12px;
        font-size: 0.65rem;
    }

    .collection-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 13px 10px;
    }

    .collection-car-card {
        border-radius: 10px;
    }

    .collection-car-copy {
        min-height: 72px;
        padding: 13px 9px 12px;
    }

    .collection-car-copy h2 {
        font-size: 0.82rem;
    }

    .collection-car-copy p {
        display: none;
    }

    .collection-actions {
        padding-top: 30px;
    }

    .collection-load-more {
        width: min(100%, 300px);
    }
}



/* Cariary Collection hero refinement */
.post-type-archive-today_car .site-header {
    display: none;
}

.post-type-archive-today_car .cariary-collection {
    padding-top: 34px;
}

.collection-hero {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 330px;
    margin-bottom: 28px;
    padding: 48px clamp(34px, 6vw, 86px);
    border: 1px solid #e7e9ed;
    border-radius: 18px;
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.94) 34%, rgba(255,255,255,.28) 67%, rgba(255,255,255,.05) 100%),
        url('https://www.cariary.com/wp-content/uploads/2026/08/cariary-collection-hero-v1.png') center center / cover no-repeat;
    box-shadow: 0 18px 50px rgba(17, 24, 39, .08);
}

.collection-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.45);
}

.collection-hero-copy {
    position: relative;
    z-index: 1;
    max-width: 520px;
}

.collection-hero-brand {
    margin: 0 0 12px;
    color: #1f5ac6;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .25em;
}

.collection-hero h1 {
    margin: 0;
    color: #101827;
    font-size: clamp(2.45rem, 4.5vw, 4.6rem);
    font-weight: 700;
    letter-spacing: -.055em;
    line-height: .98;
}

.collection-hero-tagline {
    margin: 18px 0 0;
    color: #596579;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .16em;
}

.collection-toolbar {
    margin-bottom: 34px;
    text-align: center;
}

.collection-toolbar .collection-count {
    margin: 0 0 20px;
}

.collection-toolbar .collection-filters {
    margin-bottom: 0;
}

@media (max-width: 680px) {
    .post-type-archive-today_car .cariary-collection {
        padding-top: 18px;
    }

    .collection-hero {
        align-items: flex-start;
        min-height: 260px;
        margin-bottom: 24px;
        padding: 30px 24px;
        border-radius: 13px;
        background:
            linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.86) 45%, rgba(255,255,255,.14) 100%),
            url('https://www.cariary.com/wp-content/uploads/2026/08/cariary-collection-hero-v1.png') 66% center / cover no-repeat;
    }

    .collection-hero h1 {
        max-width: 260px;
        font-size: 2.55rem;
    }

    .collection-hero-tagline {
        max-width: 230px;
        font-size: .62rem;
        line-height: 1.5;
    }

    .collection-toolbar {
        margin-bottom: 25px;
    }
}



@media (max-width: 680px) {
    .collection-hero {
        background:
            linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(255,255,255,.76) 42%, rgba(255,255,255,.08) 100%),
            url('https://www.cariary.com/wp-content/uploads/2026/08/cariary-collection-hero-v1.png') right bottom / auto 100% no-repeat;
    }
}



.collection-home-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 27px;
    color: #34445d;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .13em;
    text-decoration: none;
    transition: color .2s ease, transform .2s ease;
}

.collection-home-link span {
    color: #1f5ac6;
    font-size: 1rem;
    line-height: 1;
    transition: transform .2s ease;
}

.collection-home-link:hover {
    color: #1f5ac6;
    transform: translateX(-2px);
}

.collection-home-link:hover span {
    transform: translateX(-3px);
}

@media (max-width: 680px) {
    .collection-home-link {
        margin-bottom: 18px;
        font-size: .62rem;
    }
}



/* Final mobile containment: homepage navigation and latest posts */
@media (max-width: 680px) {
    body.home .menu-container,
    body.blog .menu-container {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    body.home .menu-list,
    body.blog .menu-list {
        width: 100%;
        max-width: 100%;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0;
    }

    body.home .menu-list > li,
    body.blog .menu-list > li {
        flex: 0 1 50%;
        width: 50%;
        box-sizing: border-box;
        text-align: center;
    }

    body.home .posts-grid,
    body.blog .posts-grid {
        grid-template-columns: 1fr;
        width: 100%;
    }

    body.home .posts-grid .post,
    body.blog .posts-grid .post {
        min-width: 0;
        width: auto;
    }
}



@media (max-width: 680px) {
    body.home .main-menu,
    body.blog .main-menu {
        width: 100%;
        overflow-x: hidden;
    }

    body.home .menu-container,
    body.blog .menu-container,
    body.home .menu-list,
    body.blog .menu-list {
        width: 100%;
        min-width: 0;
        max-width: 100%;
    }
}



@media (max-width: 680px) {
    body.home nav.main-menu,
    body.blog nav.main-menu,
    body.home nav.main-menu .menu-container,
    body.blog nav.main-menu .menu-container,
    body.home nav.main-menu .menu-list,
    body.blog nav.main-menu .menu-list {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    body.home nav.main-menu .menu-list,
    body.blog nav.main-menu .menu-list {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.home nav.main-menu .menu-list > li,
    body.blog nav.main-menu .menu-list > li {
        width: auto !important;
        min-width: 0 !important;
    }
}



/* =========================================================
   CARIARY EDITORIAL ARCHIVES + COPYRIGHT ART
   ========================================================= */
.cariary-copyright-art {
    width: min(1200px, calc(100% - 48px));
    aspect-ratio: 4 / 1;
    margin: 34px auto 48px;
    border: 1px solid #e5e8ed;
    border-radius: 15px;
    overflow: hidden;
    background: #f7f7f6;
    box-shadow: 0 12px 36px rgba(17,24,39,.06);
}

.cariary-copyright-art img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

body.category-car-post .site-header,
body.category-thoughts .site-header {
    display: none;
}

.editorial-archive {
    width: min(1320px, calc(100% - 48px));
    margin: 0 auto;
    padding: 34px 0 90px;
    color: #111827;
}

.editorial-archive-hero {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 330px;
    padding: 48px clamp(34px, 6vw, 86px);
    border: 1px solid #e5e8ed;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 18px 50px rgba(17,24,39,.08);
}

.editorial-archive--car-post .editorial-archive-hero {
    background:
        linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.95) 35%, rgba(255,255,255,.28) 68%, rgba(255,255,255,.03) 100%),
        url('https://www.cariary.com/wp-content/uploads/2026/08/cariary-car-post-hero-v1.png') center / cover no-repeat;
}

.editorial-archive--thoughts .editorial-archive-hero {
    background:
        linear-gradient(90deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.94) 37%, rgba(255,255,255,.22) 70%, rgba(255,255,255,.02) 100%),
        url('https://www.cariary.com/wp-content/uploads/2026/08/cariary-thoughts-hero-v1.png') center / cover no-repeat;
}

.editorial-archive-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.45);
}

.editorial-archive-hero-copy {
    position: relative;
    z-index: 1;
    max-width: 560px;
}

.editorial-home-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 27px;
    color: #34445d;
    font-size: .7rem;
    font-weight: 700;
    letter-spacing: .13em;
    text-decoration: none;
    transition: color .2s ease, transform .2s ease;
}

.editorial-home-link span {
    color: #1f5ac6;
    font-size: 1rem;
    line-height: 1;
    transition: transform .2s ease;
}

.editorial-home-link:hover {
    color: #1f5ac6;
    transform: translateX(-2px);
}

.editorial-home-link:hover span {
    transform: translateX(-3px);
}

.editorial-hero-brand {
    margin: 0 0 11px;
    color: #1f5ac6;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .25em;
}

.editorial-archive-hero h1 {
    margin: 0;
    color: #101827;
    font-size: clamp(2.7rem, 5vw, 5rem);
    font-weight: 700;
    letter-spacing: -.055em;
    line-height: .96;
}

.editorial-hero-tagline {
    margin: 18px 0 0;
    color: #596579;
    font-size: .76rem;
    font-weight: 650;
    letter-spacing: .15em;
}

.editorial-archive-intro {
    padding: 28px 0 24px;
    text-align: center;
}

.editorial-archive-intro p {
    margin: 0;
    color: #768191;
    font-size: .88rem;
}

.editorial-archive-intro strong {
    color: #1f5ac6;
    font-size: 1rem;
}

.editorial-archive-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px 18px;
    min-height: 250px;
    transition: opacity .2s ease;
}

.editorial-archive.is-loading .editorial-archive-grid {
    opacity: .5;
}

.editorial-archive-card {
    min-width: 0;
    border: 1px solid #e2e6ec;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 8px 28px rgba(17,24,39,.055);
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}

.editorial-archive-card:hover {
    border-color: #c7d5ed;
    transform: translateY(-5px);
    box-shadow: 0 16px 40px rgba(17,24,39,.12);
}

.editorial-archive-card > a {
    display: block;
    height: 100%;
    color: inherit;
    text-decoration: none;
}

.editorial-card-image {
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: linear-gradient(145deg,#eff2f6,#dfe4eb);
}

.editorial-card-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .45s ease;
}

.editorial-archive-card:hover .editorial-card-image img {
    transform: scale(1.035);
}

.editorial-card-placeholder {
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    color: #8c96a5;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .18em;
}

.editorial-card-copy {
    padding: 18px 18px 20px;
}

.editorial-card-copy p {
    margin: 0 0 8px;
    color: #1f5ac6;
    font-size: .62rem;
    font-weight: 800;
    letter-spacing: .14em;
}

.editorial-card-copy h2 {
    margin: 0;
    color: #111827;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: -.025em;
    line-height: 1.34;
}

.editorial-card-copy span {
    display: block;
    margin-top: 10px;
    color: #747f8e;
    font-size: .76rem;
    line-height: 1.55;
}

.editorial-archive-empty {
    grid-column: 1 / -1;
    padding: 50px 0;
    color: #7a8492;
    text-align: center;
}

.editorial-archive-actions {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 90px;
    padding-top: 40px;
}

.editorial-load-more {
    padding: 14px 30px;
    border: 1px solid #1f5ac6;
    border-radius: 7px;
    background: #fff;
    color: #1f5ac6;
    font-family: inherit;
    font-size: .79rem;
    font-weight: 700;
    letter-spacing: .055em;
    cursor: pointer;
    transition: background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.editorial-load-more:hover {
    background: #1f5ac6;
    color: #fff;
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(31,90,198,.2);
}

.editorial-load-more:disabled {
    cursor: wait;
    opacity: .6;
}

.editorial-load-status {
    min-height: 22px;
    margin: 12px 0 0;
    color: #788392;
    font-size: .8rem;
}

@media (max-width: 980px) {
    .editorial-archive {
        width: min(100% - 32px, 900px);
    }

    .editorial-archive-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 680px) {
    .cariary-copyright-art {
        width: calc(100% - 22px);
        aspect-ratio: 2.4 / 1;
        margin: 24px auto 34px;
        border-radius: 11px;
    }

    .editorial-archive {
        width: min(100% - 22px, 620px);
        padding: 18px 0 65px;
    }

    .editorial-archive-hero {
        align-items: flex-start;
        min-height: 260px;
        padding: 27px 23px;
        border-radius: 13px;
    }

    .editorial-archive--car-post .editorial-archive-hero {
        background:
            linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.82) 44%, rgba(255,255,255,.1) 100%),
            url('https://www.cariary.com/wp-content/uploads/2026/08/cariary-car-post-hero-v1.png') right bottom / auto 100% no-repeat;
    }

    .editorial-archive--thoughts .editorial-archive-hero {
        background:
            linear-gradient(180deg, rgba(255,255,255,.99) 0%, rgba(255,255,255,.8) 44%, rgba(255,255,255,.08) 100%),
            url('https://www.cariary.com/wp-content/uploads/2026/08/cariary-thoughts-hero-v1.png') right bottom / auto 100% no-repeat;
    }

    .editorial-home-link {
        margin-bottom: 18px;
        font-size: .62rem;
    }

    .editorial-archive-hero h1 {
        font-size: 2.7rem;
    }

    .editorial-hero-tagline {
        max-width: 250px;
        font-size: .59rem;
        line-height: 1.5;
    }

    .editorial-archive-intro {
        padding: 22px 0 19px;
    }

    .editorial-archive-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 13px 10px;
    }

    .editorial-archive-card {
        border-radius: 10px;
    }

    .editorial-card-copy {
        padding: 13px 10px 14px;
    }

    .editorial-card-copy p {
        font-size: .53rem;
    }

    .editorial-card-copy h2 {
        font-size: .78rem;
    }

    .editorial-card-copy span {
        display: none;
    }

    .editorial-archive-actions {
        padding-top: 30px;
    }

    .editorial-load-more {
        width: min(100%,300px);
    }
}