/* =========================================================
   Caliphs Single Product Custom Stylesheet
   ========================================================= */

body.single-product {
    background: #080808 !important;
    color: #f5f1e8 !important;
    overflow-x: hidden !important;
}

body.single-product .site-main,
body.single-product main,
body.single-product .content-area {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.single-product .caliphs-product-page {
    width: min(1320px, 92vw) !important;
    margin: 0 auto !important;
    padding: 15px 0 90px !important; /* Reduced top padding to fix the gap */
    box-sizing: border-box !important;
}

body.single-product .caliphs-product-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr) !important;
    gap: 70px !important;
    align-items: start !important;
    width: 100% !important;
}

body.single-product .caliphs-product-media {
    min-width: 0 !important;
    position: sticky !important;
    top: 35px !important;
}

body.single-product .caliphs-main-image {
    width: 100% !important;
    height: min(720px, 65vw) !important;
    min-height: 520px !important;
    background: #0d0d0d !important;
    border: 1px solid rgba(201,164,76,.20) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

body.single-product .caliphs-main-image img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
}

body.single-product .caliphs-gallery {
    display: flex !important;
    gap: 12px !important;
    margin-top: 16px !important;
    overflow-x: auto !important;
    padding-bottom: 4px !important;
}

body.single-product .caliphs-gallery button {
    flex: 0 0 82px !important;
    width: 82px !important;
    height: 82px !important;
    padding: 4px !important;
    background: #111 !important;
    border: 1px solid rgba(201,164,76,.25) !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
}

body.single-product .caliphs-gallery button.active {
    border-color: #c9a44c !important;
}

body.single-product .caliphs-gallery img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

body.single-product .caliphs-product-info {
    min-width: 0 !important;
    padding: 30px 0 0 !important;
    box-sizing: border-box !important;
}

body.single-product .caliphs-product-collection {
    display: block !important;
    margin: 0 0 18px !important;
    color: #c9a44c !important;
    font: 600 11px/1.4 Inter, sans-serif !important;
    letter-spacing: .28em !important;
}

body.single-product .caliphs-product-title {
    margin: 0 !important;
    color: #f5f1e8 !important;
    font: 500 clamp(42px, 5vw, 76px)/.92 "Cormorant Garamond", Georgia, serif !important;
    letter-spacing: -.025em !important;
}

body.single-product .caliphs-product-description {
    margin: 28px 0 0 !important;
    color: rgba(245,241,232,.68) !important;
    font: 400 15px/1.8 Inter, sans-serif !important;
    max-width: 620px !important;
}

body.single-product .caliphs-product-description p {
    margin: 0 0 14px !important;
}

body.single-product .caliphs-product-price {
    margin: 28px 0 !important;
    color: #c9a44c !important;
    font: 600 24px/1.2 Inter, sans-serif !important;
}

body.single-product .caliphs-notes {
    margin: 30px 0 !important;
    padding: 22px 0 !important;
    border-top: 1px solid rgba(245,241,232,.12) !important;
    border-bottom: 1px solid rgba(245,241,232,.12) !important;
}

body.single-product .caliphs-notes-title {
    display: block !important;
    margin-bottom: 16px !important;
    color: #f5f1e8 !important;
    font: 600 11px/1.4 Inter, sans-serif !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
}

body.single-product .caliphs-notes-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
}

body.single-product .caliphs-note {
    min-width: 0 !important;
}

body.single-product .caliphs-note small {
    display: block !important;
    margin-bottom: 5px !important;
    color: #c9a44c !important;
    font: 600 9px/1.3 Inter, sans-serif !important;
    letter-spacing: .18em !important;
}

body.single-product .caliphs-note span {
    color: rgba(245,241,232,.72) !important;
    font: 400 13px/1.5 Inter, sans-serif !important;
}

body.single-product .caliphs-details {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    border-bottom: 1px solid rgba(245,241,232,.12) !important;
    margin-bottom: 24px !important;
}

body.single-product .caliphs-detail {
    padding: 14px 16px 18px 0 !important;
    min-width: 0 !important;
}

body.single-product .caliphs-detail-label {
    display: block !important;
    color: rgba(245,241,232,.40) !important;
    font: 600 9px/1.3 Inter, sans-serif !important;
    letter-spacing: .16em !important;
    text-transform: uppercase !important;
    margin-bottom: 5px !important;
}

body.single-product .caliphs-detail-value {
    display: block !important;
    color: #f5f1e8 !important;
    font: 500 12px/1.4 Inter, sans-serif !important;
}

body.single-product .cart.caliphs-actions {
    display: flex !important;
    gap: 10px !important;
    align-items: stretch !important;
    flex-wrap: wrap !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

body.single-product .caliphs-quantity {
    width: 82px !important;
    height: 54px !important;
    box-sizing: border-box !important;
    background: #111 !important;
    color: #f5f1e8 !important;
    border: 1px solid rgba(245,241,232,.18) !important;
    text-align: center !important;
    font: 500 14px Inter, sans-serif !important;
}

body.single-product .caliphs-add,
body.single-product .caliphs-bag {
    min-height: 54px !important;
    padding: 0 26px !important;
    border: 1px solid #c9a44c !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font: 600 11px/1 Inter, sans-serif !important;
    letter-spacing: .12em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
}

body.single-product .caliphs-add {
    background: #c9a44c !important;
    color: #080808 !important;
}

body.single-product .caliphs-bag {
    background: transparent !important;
    color: #c9a44c !important;
}

body.single-product .caliphs-unavailable {
    color: #c9a44c !important;
    font: 500 13px/1.5 Inter, sans-serif !important;
}

body.single-product .caliphs-reviews {
    width: min(1000px, 92vw) !important;
    margin: 90px auto 0 !important;
    padding-top: 60px !important;
    border-top: 1px solid rgba(245,241,232,.12) !important;
}

body.single-product .caliphs-reviews-kicker {
    color: #c9a44c !important;
    font: 600 10px/1.4 Inter, sans-serif !important;
    letter-spacing: .25em !important;
}

body.single-product .caliphs-reviews h2 {
    margin: 12px 0 12px !important;
    color: #f5f1e8 !important;
    font: 500 clamp(38px, 5vw, 62px)/.95 "Cormorant Garamond", Georgia, serif !important;
}

body.single-product .caliphs-reviews p {
    color: rgba(245,241,232,.58) !important;
    font: 400 14px/1.7 Inter, sans-serif !important;
}

body.single-product .caliphs-review-form {
    margin-top: 28px !important;
}

body.single-product .caliphs-review-form label {
    color: rgba(245,241,232,.65) !important;
    font: 500 11px/1.4 Inter, sans-serif !important;
    letter-spacing: .08em !important;
}

body.single-product .caliphs-review-form textarea,
body.single-product .caliphs-review-form input {
    width: 100% !important;
    background: #111 !important;
    color: #f5f1e8 !important;
    border: 1px solid rgba(245,241,232,.16) !important;
    box-sizing: border-box !important;
}

body.single-product .caliphs-review-form textarea {
    min-height: 120px !important;
}

@media (max-width: 900px) {
    body.single-product .caliphs-product-page {
        width: min(94vw, 700px) !important;
        padding-top: 20px !important;
    }

    body.single-product .caliphs-product-layout {
        grid-template-columns: 1fr !important;
        gap: 35px !important;
    }

    body.single-product .caliphs-product-media {
        position: static !important;
    }

    body.single-product .caliphs-main-image {
        height: min(650px, 115vw) !important;
        min-height: 0 !important;
    }

    body.single-product .caliphs-product-info {
        padding-top: 0 !important;
    }
}

@media (max-width: 560px) {
    body.single-product .caliphs-product-page {
        width: 90vw !important;
    }

    body.single-product .caliphs-main-image {
        height: 105vw !important;
    }

    body.single-product .caliphs-notes-grid,
    body.single-product .caliphs-details {
        grid-template-columns: 1fr !important;
    }

    body.single-product .cart.caliphs-actions {
        display: grid !important;
        grid-template-columns: 82px 1fr !important;
    }

    body.single-product .caliphs-bag {
        grid-column: 1 / -1 !important;
    }
}
/* =========================================================
   Caliphs Trust Badges Styling
   ========================================================= */

.caliphs-trust-badges {
    margin-top: 30px !important;
    padding: 22px 24px !important;
    background: #111111 !important;
    border: 1px solid rgba(201,164,76,0.22) !important;
    box-sizing: border-box !important;
    font-family: 'Inter', sans-serif !important;
}

.caliphs-trust-badges .caliphs-trust-list {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.caliphs-trust-badges .caliphs-trust-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: rgba(245,241,232,0.85) !important;
    font-size: 13px !important;
}

.caliphs-trust-badges .caliphs-trust-icon {
    color: #c9a44c !important;
    font-size: 16px !important;
}

.caliphs-trust-badges strong {
    color: #f5f1e8 !important;
    font-weight: 600 !important;
}

/* =========================================================
   CALIPHS — GLOBAL OVERRIDE FOR THEME CSS CONFLICTS
========================================================= */

footer.caliphs-site-footer {
    width: 100% !important;
    max-width: 100% !important;
    background: #050504 !important;
    color: #eee8dc !important;
    border-top: 1px solid rgba(212, 175, 55, 0.22) !important;
    font-family: Arial, sans-serif !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: both !important;
    box-sizing: border-box !important;
}

footer.caliphs-site-footer * {
    box-sizing: border-box !important;
}

.caliphs-footer-container {
    width: 90% !important;
    max-width: 1300px !important;
    margin: 0 auto !important;
    padding: 60px 0 40px !important;
}

/* Force Table Cells to behave as columns */
table.c-table {
    display: table !important;
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
    margin: 0 !important;
}

table.c-table tr {
    display: table-row !important;
}

table.c-table td.c-cell {
    display: table-cell !important;
    vertical-align: top !important;
    padding: 0 15px !important;
    float: none !important;
}

table.c-table td.c-cell:first-child { padding-left: 0 !important; }
table.c-table td.c-cell:last-child { padding-right: 0 !important; }

/* Exact Column Widths */
table.c-table td.col-brand   { width: 26% !important; }
table.c-table td.col-quick   { width: 14% !important; }
table.c-table td.col-support { width: 20% !important; }
table.c-table td.col-contact { width: 20% !important; }
table.c-table td.col-update  { width: 20% !important; }

/* Benefits Row */
table.c-benefits-table {
    display: table !important;
    width: 100% !important;
    border-collapse: collapse !important;
    table-layout: fixed !important;
    border-top: 1px solid rgba(212, 175, 55, 0.3) !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.3) !important;
    margin-top: 45px !important;
}

table.c-benefits-table tr {
    display: table-row !important;
}

table.c-benefits-table td {
    display: table-cell !important;
    vertical-align: middle !important;
    padding: 20px 12px !important;
    border-right: 1px solid rgba(238, 232, 220, .15) !important;
    float: none !important;
}

table.c-benefits-table td:first-child { padding-left: 0 !important; }
table.c-benefits-table td:last-child { border-right: none !important; }

/* Elements Styling */
.caliphs-logo {
    display: block !important;
    width: 210px !important;
    max-width: 100% !important;
    height: auto !important;
    margin-bottom: 15px !important;
}

.caliphs-tagline {
    margin: 0 0 12px !important;
    color: #e6c76a !important;
    font-family: Georgia, serif !important;
    font-size: 17px !important;
    font-style: italic !important;
}

.caliphs-desc {
    margin: 0 0 18px !important;
    color: rgba(238, 232, 220, .75) !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
}

.caliphs-h3 {
    display: block !important;
    margin: 0 0 20px !important;
    padding-bottom: 8px !important;
    color: #e6c76a !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .15em !important;
    text-transform: uppercase !important;
    border-bottom: 2px solid #e6c76a !important;
    white-space: nowrap !important;
}

.caliphs-ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.caliphs-ul li {
    margin-bottom: 12px !important;
}

.caliphs-ul a {
    color: rgba(238, 232, 220, .8) !important;
    text-decoration: none !important;
    font-size: 13px !important;
    display: inline-block !important;
}

.caliphs-ul a:hover {
    color: #e6c76a !important;
}

.caliphs-contact-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 10px !important;
    margin-bottom: 15px !important;
    color: #eee8dc !important;
    text-decoration: none !important;
}

.caliphs-contact-icon {
    color: #e6c76a !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}

.caliphs-contact-icon svg {
    width: 16px !important;
    height: 16px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
}

.caliphs-contact-main {
    display: block !important;
    font-size: 13px !important;
    color: #eee8dc !important;
}

.caliphs-contact-sub {
    display: block !important;
    font-size: 10px !important;
    color: rgba(238, 232, 220, .55) !important;
    margin-top: 2px !important;
}

.caliphs-socials {
    display: flex !important;
    gap: 10px !important;
    margin-top: 15px !important;
}

.caliphs-socials a {
    width: 36px !important;
    height: 36px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(230, 199, 106, .7) !important;
    border-radius: 50% !important;
    color: #e6c76a !important;
    text-decoration: none !important;
}

.caliphs-socials svg {
    width: 16px !important;
    height: 16px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.8 !important;
}

.caliphs-update-text {
    font-size: 12px !important;
    color: rgba(238, 232, 220, .75) !important;
    margin: 0 0 12px !important;
    line-height: 1.5 !important;
}

.caliphs-update-box {
    display: flex !important;
    align-items: center !important;
    border: 1px solid rgba(230, 199, 106, .6) !important;
    border-radius: 4px !important;
    background: rgba(0,0,0,0.2) !important;
    margin-bottom: 15px !important;
    overflow: hidden !important;
}

.caliphs-update-box span {
    flex: 1 !important;
    padding: 8px 10px !important;
    font-size: 10px !important;
    color: rgba(238, 232, 220, .5) !important;
}

.caliphs-update-box a {
    background: #e6c76a !important;
    color: #050504 !important;
    padding: 8px 14px !important;
    text-decoration: none !important;
    font-weight: bold !important;
    font-size: 14px !important;
}

.caliphs-pay-title {
    display: block !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: .12em !important;
    color: #e6c76a !important;
    text-transform: uppercase !important;
    margin-bottom: 6px !important;
}

.caliphs-pay-badges {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
}

.caliphs-pay-badge {
    display: inline-block !important;
    padding: 3px 6px !important;
    border: 1px solid rgba(238, 232, 220, .2) !important;
    border-radius: 3px !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    color: #eee8dc !important;
}

.caliphs-benefit-inner {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.caliphs-benefit-icon {
    color: #e6c76a !important;
    flex-shrink: 0 !important;
}

.caliphs-benefit-icon svg {
    width: 28px !important;
    height: 28px !important;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 1.5 !important;
}

.caliphs-benefit-title {
    display: block !important;
    font-family: Georgia, serif !important;
    font-size: 13px !important;
    color: #eee8dc !important;
}

.caliphs-benefit-note {
    display: block !important;
    font-size: 10px !important;
    color: rgba(238, 232, 220, .55) !important;
}

.caliphs-bottom-row {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-top: 25px !important;
    font-size: 11px !important;
    color: rgba(238, 232, 220, .55) !important;
}

.caliphs-bottom-row strong {
    color: #e6c76a !important;
    font-family: Georgia, serif !important;
    font-style: italic !important;
}

.caliphs-legal-links a {
    color: rgba(238, 232, 220, .55) !important;
    text-decoration: none !important;
    margin-left: 15px !important;
}

.caliphs-legal-links a:hover {
    color: #e6c76a !important;
}

.caliphs-whatsapp-float {
    position: fixed !important;
    right: 22px !important;
    bottom: 22px !important;
    z-index: 9999 !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 9px 15px 9px 9px !important;
    background: #0d0c09 !important;
    border: 1px solid rgba(230, 199, 106, .7) !important;
    border-radius: 28px !important;
    color: #eee8dc !important;
    text-decoration: none !important;
    box-shadow: 0 7px 24px rgba(0,0,0,.35) !important;
}
.caliphs-whatsapp-float span {
    width: 31px !important;
    height: 31px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #e6c76a !important;
    color: #0b0905 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
}
.caliphs-whatsapp-float b {
    font-size: 9px !important;
    letter-spacing: .13em !important;
}

@media (max-width: 900px) {
    table.c-table, table.c-table tr, table.c-table td.c-cell,
    table.c-benefits-table, table.c-benefits-table tr, table.c-benefits-table td {
        display: block !important;
        width: 100% !important;
        padding: 0 !important;
        border-right: none !important;
    }
    table.c-table td.c-cell {
        margin-bottom: 35px !important;
    }
    table.c-benefits-table td {
        margin-bottom: 15px !important;
        border-bottom: 1px solid rgba(238, 232, 220, .1) !important;
        padding-bottom: 12px !important;
    }
    .caliphs-bottom-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 12px !important;
    }
    .caliphs-legal-links a {
        margin-left: 0 !important;
        margin-right: 15px !important;
    }
}