/* B2C Package Listing */
.b2c-package-page { background:#f7f9f8; color:#173f45; }
.b2c-package-container { width:min(1240px, calc(100% - 40px)); margin:0 auto; }
.b2c-package-hero { padding:52px 0 42px; background:linear-gradient(135deg,#073f3c 0%,#0b6962 58%,#0c7774 100%); }
.b2c-package-hero-content { max-width:760px; margin-bottom:28px; }
.b2c-package-eyebrow { display:block; margin-bottom:9px; color:#ff7458; font-size:10px; font-weight:800; letter-spacing:1.5px; }
.b2c-package-hero .b2c-package-eyebrow { color:#ffb09b; }
.b2c-package-hero h1 { margin:0 0 12px; color:#fff; font-size:clamp(28px,4vw,42px); line-height:1.15; font-weight:750; }
.b2c-package-hero h1 span { color:#ffb09b; }
.b2c-package-hero p { margin:0; color:rgba(255,255,255,.82); font-size:14px; }
.b2c-package-search-wrap { padding:22px; border:1px solid rgba(255,255,255,.65); border-radius:15px; background:#fff; box-shadow:0 14px 35px rgba(0,0,0,.13); }
.b2c-package-search-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:15px; align-items:end; }
.b2c-package-search-field { min-width:0; }
.b2c-package-search-field label { display:block; margin:0 0 7px; color:#24484c; font-size:11px; font-weight:700; }
.b2c-package-search-field select,.b2c-package-search-field input { display:block; width:100%; height:46px; padding:0 12px; border:1px solid #dce5e1; border-radius:8px; outline:none; background:#fff; color:#24484c; font-size:12px; box-sizing:border-box; }
.b2c-package-search-field select:focus,.b2c-package-search-field input:focus { border-color:#0d7774; box-shadow:0 0 0 3px rgba(13,119,116,.09); }
.b2c-package-name-field { grid-column:span 2; }
.b2c-package-search-action { grid-column:span 2; }
.b2c-package-search-action button { display:flex; width:100%; height:46px; align-items:center; justify-content:center; gap:9px; border:0; border-radius:8px; background:#ff5b3f; color:#fff; font-size:13px; font-weight:700; cursor:pointer; transition:background .2s,transform .2s; }
.b2c-package-search-action button:hover { background:#e94c32; transform:translateY(-1px); }
.b2c-package-results { padding:45px 0 65px; }
.b2c-package-results-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:20px; margin-bottom:23px; }
.b2c-package-results-heading h2 { margin:0 0 7px; color:#173f45; font-size:27px; font-weight:750; }
.b2c-package-results-heading p { margin:0; color:#7d9090; font-size:12px; }
.b2c-package-count { display:flex; align-items:center; gap:8px; padding:10px 14px; border:1px solid #e2ebe6; border-radius:30px; background:#fff; color:#6f8380; font-size:11px; }
.b2c-package-count strong { color:#0d7774; font-size:16px; }
.b2c-package-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.b2c-package-card { min-width:0; overflow:hidden; border:1px solid #e4ebe7; border-radius:14px; background:#fff; box-shadow:0 5px 18px rgba(22,62,60,.045); transition:transform .22s,box-shadow .22s; }
.b2c-package-card:hover { transform:translateY(-4px); box-shadow:0 13px 28px rgba(22,62,60,.11); }
.b2c-package-image-link { position:relative; display:block; height:218px; overflow:hidden; background:#e8f0ed; }
.b2c-package-image { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s; }
.b2c-package-card:hover .b2c-package-image { transform:scale(1.04); }
.b2c-package-image-fallback { display:grid; width:100%; height:100%; place-items:center; background:linear-gradient(135deg,#e5f1ed,#d3e5df); color:#6d9990; font-size:32px; }
.b2c-package-card-body { padding:17px 18px 16px; }
.b2c-package-card-topline { display:flex; justify-content:space-between; align-items:center; gap:8px; margin-bottom:11px; }
.b2c-package-type { display:inline-block; max-width:70%; overflow:hidden; padding:5px 9px; border-radius:20px; background:#eaf5f1; color:#0b7771; font-size:9px; font-weight:700; text-overflow:ellipsis; white-space:nowrap; }
.b2c-package-featured { color:#d99b20; font-size:10px; font-weight:700; white-space:nowrap; }
.b2c-package-title { min-height:46px; margin:0 0 13px; color:#173f45; font-size:16px; line-height:1.45; font-weight:750; }
.b2c-package-title a { color:inherit; text-decoration:none; }
.b2c-package-title a:hover { color:#0d7774; }
.b2c-package-meta { display:flex; flex-wrap:wrap; gap:9px 14px; padding-bottom:15px; border-bottom:1px solid #edf1ee; color:#718582; font-size:10px; }
.b2c-package-meta span { display:inline-flex; align-items:center; gap:5px; }
.b2c-package-meta span:first-child { max-width:100%; }
.b2c-package-meta i { color:#0d7774; }
.b2c-package-meta span:last-child i { color:#f2ad36; }
.b2c-package-card-footer { display:flex; justify-content:space-between; align-items:center; gap:10px; padding-top:14px; }
.b2c-package-footer-note { color:#91a09c; font-size:10px; }
.b2c-package-view-btn { display:inline-flex; align-items:center; gap:8px; color:#0d7774; font-size:11px; font-weight:750; text-decoration:none; }
.b2c-package-view-btn:hover { color:#ff5b3f; }
.b2c-package-pagination { display:flex; justify-content:center; margin-top:32px; }
.b2c-package-empty { padding:55px 20px; border:1px solid #e4ebe7; border-radius:14px; background:#fff; text-align:center; }
.b2c-package-empty>span { display:inline-grid; width:62px; height:62px; place-items:center; border-radius:50%; background:#eaf5f1; color:#0d7774; font-size:25px; }
.b2c-package-empty h3 { margin:15px 0 7px; color:#173f45; font-size:21px; }
.b2c-package-empty p { max-width:470px; margin:0 auto 17px; color:#7d9090; font-size:12px; line-height:1.7; }
.b2c-package-reset-btn { display:inline-flex; padding:10px 17px; border-radius:7px; background:#0d7774; color:#fff; font-size:12px; font-weight:700; text-decoration:none; }
.b2c-package-reset-btn:hover { background:#095f5d; color:#fff; }

@media(max-width:991px) {
    .b2c-package-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .b2c-package-search-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .b2c-package-name-field,.b2c-package-search-action { grid-column:span 1; }
}
@media(max-width:575px) {
    .b2c-package-container { width:calc(100% - 28px); }
    .b2c-package-hero { padding:35px 0 28px; }
    .b2c-package-hero h1 { font-size:29px; }
    .b2c-package-search-wrap { padding:15px; }
    .b2c-package-search-grid { grid-template-columns:1fr 1fr; gap:12px; }
    .b2c-package-name-field,.b2c-package-search-action { grid-column:span 2; }
    .b2c-package-results { padding:32px 0 45px; }
    .b2c-package-results-heading { align-items:flex-start; }
    .b2c-package-results-heading h2 { font-size:23px; }
    .b2c-package-count { padding:8px 10px; font-size:9px; }
    .b2c-package-count strong { font-size:14px; }
    .b2c-package-grid { grid-template-columns:1fr; gap:16px; }
    .b2c-package-image-link { height:210px; }
    .b2c-package-title { min-height:0; }
}



/* =========================================
   PACKAGE PAGINATION - TOURS STYLE
   Container width only, not full width
========================================= */

.b2c-package-pagination-bar {
    width: 100%;
    max-width: 958px;
    min-height: 66px;
    margin: 32px auto 10px;
    padding: 12px 16px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    background: #fff;
    border: 1px solid #e7ece9;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(20, 60, 55, 0.04);
}

.b2c-package-pagination-info {
    color: #788985;
    font-size: 11px;
    white-space: nowrap;
}

.b2c-package-pagination-info strong {
    color: #24484c;
    font-weight: 700;
}

.b2c-package-pagination-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

.b2c-page-number,
.b2c-page-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 36px;
    height: 36px;
    padding: 0 10px;

    border: 1px solid #edf0ef;
    border-radius: 8px;

    background: #f8faf9;
    color: #315b5d;

    font-size: 11px;
    font-weight: 600;
    text-decoration: none !important;

    transition: all .2s ease;
}

.b2c-page-number:hover,
.b2c-page-arrow:hover {
    background: #eaf5f1;
    border-color: #0d7774;
    color: #0d7774;
}

.b2c-page-number.active {
    background: #ff5b3f;
    border-color: #ff5b3f;
    color: #fff;
}

.b2c-page-arrow.disabled {
    opacity: .4;
    pointer-events: none;
}

.b2c-page-dots {
    padding: 0 3px;
    color: #8a9995;
    font-size: 12px;
}

/* Tablet */
@media(max-width: 767px) {
    .b2c-package-pagination-bar {
        max-width: 100%;
        flex-direction: column;
        align-items: center;
        padding: 15px 10px;
    }

    .b2c-package-pagination-links {
        justify-content: center;
        flex-wrap: wrap;
        gap: 5px;
    }
}

/* Mobile */
@media(max-width: 400px) {
    .b2c-page-number,
    .b2c-page-arrow {
        min-width: 31px;
        height: 33px;
        padding: 0 7px;
        font-size: 10px;
    }
}
/* =========================================
   PACKAGE PAGINATION - TOURS STYLE
   Container width only, not full width
========================================= */

.b2c-package-pagination-bar {
    width: 100%;
    max-width: 958px;
    min-height: 66px;
    margin: 32px auto 10px;
    padding: 12px 16px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;

    background: #fff;
    border: 1px solid #e7ece9;
    border-radius: 12px;
    box-shadow: 0 4px 16px rgba(20, 60, 55, 0.04);
}

.b2c-package-pagination-info {
    color: #788985;
    font-size: 11px;
    white-space: nowrap;
}

.b2c-package-pagination-info strong {
    color: #24484c;
    font-weight: 700;
}

.b2c-package-pagination-links {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 7px;
}

.b2c-page-number,
.b2c-page-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 36px;
    height: 36px;
    padding: 0 10px;

    border: 1px solid #edf0ef;
    border-radius: 8px;

    background: #f8faf9;
    color: #315b5d;

    font-size: 11px;
    font-weight: 600;
    text-decoration: none !important;

    transition: all .2s ease;
}

.b2c-page-number:hover,
.b2c-page-arrow:hover {
    background: #eaf5f1;
    border-color: #0d7774;
    color: #0d7774;
}

.b2c-page-number.active {
    background: #ff5b3f;
    border-color: #ff5b3f;
    color: #fff;
}

.b2c-page-arrow.disabled {
    opacity: .4;
    pointer-events: none;
}

.b2c-page-dots {
    padding: 0 3px;
    color: #8a9995;
    font-size: 12px;
}

/* Tablet */
@media(max-width: 767px) {
    .b2c-package-pagination-bar {
        max-width: 100%;
        flex-direction: column;
        align-items: center;
        padding: 15px 10px;
    }

    .b2c-package-pagination-links {
        justify-content: center;
        flex-wrap: wrap;
        gap: 5px;
    }
}

/* Mobile */
@media(max-width: 400px) {
    .b2c-page-number,
    .b2c-page-arrow {
        min-width: 31px;
        height: 33px;
        padding: 0 7px;
        font-size: 10px;
    }
}

/* Pagination width = Package listing grid width */

.b2c-package-pagination-bar {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    margin: 32px 0 10px !important;
}

/* Keep result count left and navigation right */
.b2c-package-pagination-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/* Mobile responsive */
@media(max-width: 767px) {
    .b2c-package-pagination-bar {
        width: 100% !important;
        flex-direction: column;
        align-items: center;
    }
}

/* ============================================
   B2C PACKAGE DETAILS PAGE
   Scoped styles - package listing unaffected
============================================ */

.b2c-package-detail-page {
    background: #f7f9f8;
    color: #173f45;
    padding: 25px 0 65px;
}

.b2c-pd-container {
    width: min(1240px, calc(100% - 40px));
    margin: 0 auto;
}

.b2c-pd-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
    color: #8a9995;
    font-size: 11px;
}

.b2c-pd-breadcrumb a {
    color: #0d7774;
    text-decoration: none;
}

.b2c-pd-breadcrumb i {
    font-size: 9px;
}

.b2c-pd-breadcrumb span {
    color: #526b68;
}

.b2c-pd-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 20px;
    margin-bottom: 25px;
}

.b2c-pd-eyebrow,
.b2c-pd-section-kicker {
    display: block;
    color: #ed684d;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 1.4px;
}

.b2c-pd-header h1 {
    margin: 8px 0 13px;
    color: #153f45;
    font-size: clamp(27px, 3vw, 38px);
    line-height: 1.2;
    font-weight: 800;
}

.b2c-pd-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    color: #718582;
    font-size: 11px;
}

.b2c-pd-meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.b2c-pd-meta i {
    color: #0d7774;
}

.b2c-pd-meta span:last-child i {
    color: #efa932;
}

.b2c-pd-type {
    padding: 8px 13px;
    border-radius: 30px;
    background: #e8f4ef;
    color: #0d7774;
    font-size: 10px;
    font-weight: 700;
    white-space: nowrap;
}

.b2c-pd-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 340px;
    align-items: start;
    gap: 25px;
}

.b2c-pd-main {
    min-width: 0;
}

.b2c-pd-gallery {
    overflow: hidden;
    margin-bottom: 22px;
    border: 1px solid #e4ebe7;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(20,60,55,.05);
}

.b2c-pd-main-image {
    display: block;
    width: 100%;
    height: 430px;
    object-fit: cover;
}

.b2c-pd-image-fallback {
    display: grid;
    min-height: 300px;
    place-content: center;
    justify-items: center;
    gap: 12px;
    background: #eaf2ee;
    color: #75968e;
    font-size: 13px;
}

.b2c-pd-image-fallback i {
    font-size: 38px;
}

.b2c-pd-thumbnails {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    padding: 12px;
}

.b2c-pd-thumbnails img {
    width: 90px;
    height: 62px;
    flex: 0 0 90px;
    border-radius: 7px;
    object-fit: cover;
}

.b2c-pd-card {
    margin-bottom: 20px;
    padding: 25px;
    border: 1px solid #e5ece8;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 5px 20px rgba(20,60,55,.035);
}

.b2c-pd-section-heading {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 22px;
}

.b2c-pd-section-icon {
    display: grid;
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    place-items: center;
    border-radius: 11px;
    background: #e9f5f1;
    color: #0d7774;
    font-size: 17px;
}

.b2c-pd-section-icon.inclusion {
    background: #e9f6ed;
    color: #239653;
}

.b2c-pd-section-icon.exclusion {
    background: #fff0ed;
    color: #e45d4a;
}

.b2c-pd-section-heading h2 {
    margin: 5px 0 0;
    color: #173f45;
    font-size: 20px;
    font-weight: 750;
}

.b2c-pd-section-heading p {
    margin: 5px 0 0;
    color: #84938f;
    font-size: 11px;
}

.b2c-pd-rich-content {
    color: #637874;
    font-size: 13px;
    line-height: 1.85;
    overflow-wrap: anywhere;
}

.b2c-pd-rich-content h1,
.b2c-pd-rich-content h2,
.b2c-pd-rich-content h3,
.b2c-pd-rich-content h4 {
    color: #173f45;
    font-weight: 700;
}

.b2c-pd-rich-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.b2c-pd-rich-content ul,
.b2c-pd-rich-content ol {
    padding-left: 22px;
}

.b2c-pd-rich-content li {
    margin-bottom: 6px;
}

.b2c-pd-inclusion-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.b2c-pd-inclusion-grid .b2c-pd-card {
    margin-bottom: 20px;
}

/* Itinerary timeline */

.b2c-pd-timeline {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.b2c-pd-day {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 13px;
}

.b2c-pd-day-marker {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 17px;
    color: #0d7774;
}

.b2c-pd-day-marker span {
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1px;
}

.b2c-pd-day-marker strong {
    margin-top: 4px;
    font-size: 23px;
}

.b2c-pd-day-card {
    min-width: 0;
    padding: 18px;
    border: 1px solid #e6ede9;
    border-radius: 11px;
    background: #fbfcfb;
}

.b2c-pd-day-heading {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 13px;
    border-bottom: 1px solid #e9efeb;
}

.b2c-pd-day-heading h3 {
    margin: 0;
    color: #173f45;
    font-size: 15px;
    font-weight: 750;
}

.b2c-pd-day-heading p {
    margin: 6px 0 0;
    color: #80918c;
    font-size: 10px;
}

.b2c-pd-day-heading p i {
    color: #0d7774;
}

.b2c-pd-day-heading > span {
    color: #e5eeea;
    font-size: 27px;
    font-weight: 800;
}

.b2c-pd-day-comment {
    margin-top: 13px;
    padding: 12px;
    border-radius: 8px;
    background: #f0f6f2;
    color: #627773;
    font-size: 12px;
    line-height: 1.7;
}

.b2c-pd-activities {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 13px;
}

.b2c-pd-activity {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 11px;
    border: 1px solid #edf1ee;
    border-radius: 8px;
    background: #fff;
}

.b2c-pd-activity-icon {
    display: grid;
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    place-items: center;
    border-radius: 9px;
    background: #eaf4f1;
    color: #0d7774;
}

.b2c-pd-activity-icon.tour {
    background: #fff5e6;
    color: #d18a22;
}

.b2c-pd-activity-icon.hotel {
    background: #edf0ff;
    color: #6472bb;
}

.b2c-pd-activity-icon.flight {
    background: #eaf3ff;
    color: #4783c7;
}

.b2c-pd-activity small {
    color: #0d7774;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .8px;
}

.b2c-pd-activity h4 {
    margin: 4px 0;
    color: #25484b;
    font-size: 12px;
    font-weight: 700;
}

.b2c-pd-activity p {
    margin: 0;
    color: #84938f;
    font-size: 10px;
    line-height: 1.6;
}

.b2c-pd-free-day {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 13px;
    color: #718782;
    font-size: 11px;
}

/* Enquiry sidebar */

.b2c-pd-sidebar {
    position: sticky;
    top: 105px;
    min-width: 0;
}

.b2c-pd-enquiry-card {
    overflow: hidden;
    border: 1px solid #e1eae5;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 10px 32px rgba(20,60,55,.09);
}

.b2c-pd-enquiry-heading {
    padding: 23px;
    background: linear-gradient(135deg, #064a45, #0d7774);
    color: #fff;
}

.b2c-pd-enquiry-icon {
    display: grid;
    width: 40px;
    height: 40px;
    margin-bottom: 15px;
    place-items: center;
    border-radius: 10px;
    background: rgba(255,255,255,.15);
    font-size: 17px;
}

.b2c-pd-enquiry-heading .b2c-pd-section-kicker {
    color: #a9e0d2;
}

.b2c-pd-enquiry-heading h2 {
    margin: 7px 0;
    color: #fff;
    font-size: 23px;
    font-weight: 750;
}

.b2c-pd-enquiry-heading p {
    margin: 0;
    color: rgba(255,255,255,.78);
    font-size: 11px;
    line-height: 1.7;
}

.b2c-pd-enquiry-card form {
    padding: 22px;
}

.b2c-pd-form-field {
    min-width: 0;
    margin-bottom: 15px;
}

.b2c-pd-form-field label {
    display: block;
    margin-bottom: 7px;
    color: #315452;
    font-size: 11px;
    font-weight: 700;
}

.b2c-pd-form-field label em {
    color: #e65c45;
    font-style: normal;
}

.b2c-pd-form-field input,
.b2c-pd-form-field textarea {
    display: block;
    width: 100%;
    min-height: 44px;
    padding: 11px 12px;
    border: 1px solid #dce6e1;
    border-radius: 8px;
    outline: none;
    background: #fff;
    color: #24484c;
    font-family: inherit;
    font-size: 12px;
    box-sizing: border-box;
    transition: border-color .2s, box-shadow .2s;
}

.b2c-pd-form-field textarea {
    min-height: 95px;
    resize: vertical;
}

.b2c-pd-form-field input:focus,
.b2c-pd-form-field textarea:focus {
    border-color: #0d7774;
    box-shadow: 0 0 0 3px rgba(13,119,116,.09);
}

.b2c-pd-form-field input::placeholder,
.b2c-pd-form-field textarea::placeholder {
    color: #a0adaa;
}

.b2c-pd-form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.b2c-pd-submit {
    display: flex;
    width: 100%;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 0;
    border-radius: 8px;
    background: #ff5b3f;
    color: #fff;
    font-family: inherit;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
    transition: background .2s, transform .2s;
}

.b2c-pd-submit:hover {
    background: #e94d33;
    transform: translateY(-1px);
}

.b2c-pd-form-secure {
    margin-top: 13px;
    color: #8a9995;
    text-align: center;
    font-size: 9px;
}

.b2c-pd-form-secure i {
    margin-right: 5px;
    color: #0d7774;
}

.b2c-pd-help-card {
    display: flex;
    gap: 12px;
    margin-top: 16px;
    padding: 18px;
    border: 1px solid #e1eade;
    border-radius: 12px;
    background: #edf4e9;
}

.b2c-pd-help-card > span {
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-items: center;
    border-radius: 50%;
    background: #fff;
    color: #0d7774;
}

.b2c-pd-help-card h3 {
    margin: 2px 0 6px;
    color: #24484c;
    font-size: 12px;
    font-weight: 750;
}

.b2c-pd-help-card p {
    margin: 0 0 9px;
    color: #778b84;
    font-size: 10px;
    line-height: 1.6;
}

.b2c-pd-help-card a {
    color: #0d7774;
    font-size: 10px;
    font-weight: 750;
    text-decoration: none;
}

.b2c-pd-alert {
    margin-bottom: 18px;
    padding: 14px 17px;
    border-radius: 9px;
    font-size: 12px;
}

.b2c-pd-alert-success {
    border: 1px solid #cce8d5;
    background: #eff9f1;
    color: #247c45;
}

.b2c-pd-alert-error {
    border: 1px solid #f1d2ce;
    background: #fff4f2;
    color: #b4493d;
}

.b2c-pd-alert ul {
    margin-bottom: 0;
}

/* Tablet */
@media (max-width: 991px) {
    .b2c-pd-layout {
        grid-template-columns: minmax(0, 1fr) 300px;
        gap: 18px;
    }

    .b2c-pd-main-image {
        height: 350px;
    }

    .b2c-pd-card {
        padding: 20px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .b2c-pd-container {
        width: calc(100% - 28px);
    }

    .b2c-pd-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .b2c-pd-layout {
        grid-template-columns: 1fr;
    }

    .b2c-pd-main-image {
        height: 260px;
    }

    .b2c-pd-sidebar {
        position: static;
        grid-row: 1;
    }

    .b2c-pd-inclusion-grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    .b2c-pd-card {
        padding: 18px;
    }
}

@media (max-width: 480px) {
    .b2c-package-detail-page {
        padding-top: 18px;
    }

    .b2c-pd-header h1 {
        font-size: 26px;
    }

    .b2c-pd-main-image {
        height: 220px;
    }

    .b2c-pd-day {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 8px;
    }

    .b2c-pd-day-card {
        padding: 12px;
    }

    .b2c-pd-day-marker strong {
        font-size: 19px;
    }

    .b2c-pd-section-heading h2 {
        font-size: 18px;
    }
}