@keyframes pixlab-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.7);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(212, 175, 55, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);
    }
}

@keyframes pixlab-shine {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}

:root {
    --pixlab-gold: hsl(36, 45%, 52%);
    --pixlab-gold-dark: hsl(36, 45%, 40%);
    --pixlab-gold-light: hsl(36, 45%, 94%);
    --pixlab-slate: hsl(210, 24%, 12%);
    --pixlab-slate-light: hsl(210, 14%, 25%);
    --pixlab-white: hsl(0, 0%, 100%);
    --pixlab-cream: hsl(36, 20%, 97%);
    --pixlab-border-white: rgba(255, 255, 255, 0.15);
    --pixlab-border-dark: rgba(0, 0, 0, 0.08);

    --pixlab-primary: var(--pixlab-gold) !important;
    --pixlab-primary-hover: var(--pixlab-gold-dark) !important;
    --pixlab-primary-dark: var(--pixlab-slate) !important;
    --pixlab-primary-light: var(--pixlab-gold-light) !important;
    --pixlab-primary-soft-border: rgba(212, 175, 55, 0.18) !important;
    --pixlab-primary-shadow: rgba(212, 175, 55, 0.12) !important;
    --pixlab-text-dark: var(--pixlab-slate) !important;
    --pixlab-text-muted: var(--pixlab-slate-light) !important;
    --pixlab-border-light: var(--pixlab-border-dark) !important;
    --pixlab-bg-slate: var(--pixlab-cream) !important;
    --pixlab-hotel-primary-color: var(--pixlab-gold) !important;
    --pixlab-hotel-primary-hover: var(--pixlab-gold-dark) !important;
    --pixlab-primary-rgb: 188, 144, 78 !important;
    --pixlab-hotel-primary-rgb: 188, 144, 78 !important;
    --pixlab-nav-tab-active-bg: linear-gradient(135deg, var(--pixlab-gold) 0%, var(--pixlab-gold-dark) 100%) !important;
    --pixlab-nav-tab-hover-bg: var(--pixlab-gold-light) !important;
    --pixlab-combined-btn-bg: linear-gradient(135deg, var(--pixlab-gold) 0%, var(--pixlab-gold-dark) 100%) !important;
    --pixlab-archive-no-image-bg: radial-gradient(circle at 50% 30%, var(--pixlab-gold) 0%, var(--pixlab-slate) 70%, hsl(210, 24%, 6%) 100%) !important;
    --pixlab-archive-no-image-badge-color: #ffd28e !important;
    --pixlab-archive-no-image-badge-bg: rgba(197, 160, 89, 0.15) !important;
    --pixlab-archive-no-image-badge-border: rgba(197, 160, 89, 0.3) !important;
    --pixlab-archive-no-image-icon-color: #ffd28e !important;
    --pixlab-archive-no-image-title-color: #ffffff !important;
    --pixlab-archive-no-image-sub-color: rgba(255, 255, 255, 0.7) !important;
    --pixlab-slate: #0f172a !important;
}

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    user-select: none;
}
html{
    scroll-behavior: smooth;
}

html, body {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    font-family: 'Outfit', sans-serif;
    color: var(--pixlab-slate);
    background-color: var(--pixlab-white);
    line-height: 1.5;
    overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
    margin: 0;
}

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

img {
    max-width: 100%;
    height: auto;
    display: block;
}

.pixlab-hotel-topbar {
    background-color: rgba(18, 24, 38, 0.95);
    color: rgba(255, 255, 255, 0.85);
    height: 42px;
    font-size: 13px;
    border-bottom: 1px solid var(--pixlab-border-white);
    font-weight: 400;
    letter-spacing: 0.5px;
    z-index: 1001;
    position: relative;
    @media (max-width: 1024px) {
        display: none;
    }
}

.pixlab-hotel-top.woocommerce-checkout .pixlab-hotel-topbar,
.woocommerce-cart .pixlab-hotel-topbar,
.woocommerce-order-received .pixlab-hotel-topbar {
    display: none !important;
}

.woocommerce-order-received {
    background-color: #fcfbfa !important;
}

.woocommerce-order {
    max-width: 800px !important;
    margin: 60px auto 80px auto !important;
    padding: 0 20px !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.woocommerce-order > * {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    background: linear-gradient(135deg, #f4fbf7 0%, #ebf7f0 100%) !important;
    border: 1px solid #c6edd5 !important;
    border-radius: 20px !important;
    padding: 40px 30px !important;
    text-align: center !important;
    margin: 0 0 40px 0 !important;
    box-shadow: 0 10px 30px rgba(16, 185, 129, 0.05) !important;
    font-family: 'Outfit', system-ui, -apple-system, sans-serif !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #064e3b !important;
    letter-spacing: -0.3px !important;
    line-height: 1.4 !important;
}

p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received::before {
    content: "" !important;
    display: block !important;
    width: 60px !important;
    height: 60px !important;
    margin: 0 auto 20px auto !important;
    background-color: #d1fae5 !important;
    border-radius: 50% !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23059669'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41L9 16.17z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 30px !important;
    box-shadow: 0 4px 15px rgba(5, 150, 105, 0.15) !important;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
    background-color: #ffffff !important;
    border: 1px solid #eee9e0 !important;
    border-radius: 20px !important;
    padding: 24px !important;
    margin: 0 0 40px 0 !important;
    list-style: none !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
@media (max-width: 768px) {
grid-template-columns: repeat(2, 1fr) !important;
gap: 12px !important;
}
@media (max-width: 480px) {
grid-template-columns: 1fr !important;
gap: 12px !important;
}
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details li {
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
    padding: 16px 20px !important;
    margin: 0 !important;
    background-color: #faf9f6 !important;
    border: 1px solid #eae5db !important;
    border-radius: 14px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    box-sizing: border-box !important;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details li:last-child {
    border-right: none !important;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details li strong {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    word-break: break-word !important;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details li.total strong {
    color: var(--pixlab-gold, #c5a880) !important;
    font-size: 17px !important;
    font-weight: 800 !important;
}

.woocommerce-bacs-bank-details {
    background-color: #ffffff !important;
    border: 1px solid #eee9e0 !important;
    border-radius: 20px !important;
    padding: 32px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
    box-sizing: border-box !important;
    margin: 0 0 40px 0 !important;
}

.wc-bacs-bank-details-heading {
    position: static !important;
    display: block !important;
    font-family: 'Outfit', system-ui, -apple-system, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 8px 0 !important;
    letter-spacing: -0.3px !important;
}

.wc-bacs-bank-details-account-name {
    font-family: 'Outfit', system-ui, -apple-system, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--pixlab-gold, #c5a880) !important;
    margin: 0 0 20px 0 !important;
    border-bottom: 1px solid #f0ebe1 !important;
    padding-bottom: 14px !important;
    letter-spacing: 0.5px !important;
}

ul.wc-bacs-bank-details,
ul.bacs_details {
    display: block !important;
    float: none !important;
    clear: both !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    width: 100% !important;
    border: none !important;
}

ul.wc-bacs-bank-details li,
ul.bacs_details li {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 14px 0 !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    border-bottom: 1px dashed #e2e8f0 !important;
    font-size: 14px !important;
    color: #64748b !important;
    font-weight: 500 !important;
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

ul.wc-bacs-bank-details li:last-child,
ul.bacs_details li:last-child {
    border-bottom: none !important;
}

ul.wc-bacs-bank-details li strong,
ul.bacs_details li strong {
    font-size: 15px !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    text-align: right !important;
}

section.woocommerce-order-details {
    background-color: #ffffff !important;
    border: 1px solid #eee9e0 !important;
    border-radius: 20px !important;
    padding: 32px !important;
    margin: 0 0 40px 0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
}

section.woocommerce-order-details h2.woocommerce-order-details__title {
    font-family: 'Outfit', system-ui, -apple-system, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 24px 0 !important;
    letter-spacing: -0.3px !important;
}

table.woocommerce-table--order-details,
table.shop_table.order_details {
    width: 100% !important;
    border: none !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

table.woocommerce-table--order-details thead {
    display: none !important;
}

table.woocommerce-table--order-details tbody {
    display: block !important;
    width: 100% !important;
}

table.woocommerce-table--order-details tbody tr.woocommerce-table__line-item {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    background-color: #faf9f6 !important;
    border: 1px solid #eae5db !important;
    border-radius: 16px !important;
    padding: 24px !important;
    margin-bottom: 24px !important;
    box-sizing: border-box !important;
}

table.woocommerce-table--order-details tbody tr.woocommerce-table__line-item td.product-name {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    border: none !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

table.woocommerce-table--order-details tbody tr.woocommerce-table__line-item td.product-total {
    display: block !important;
    position: absolute !important;
    top: 24px !important;
    right: 24px !important;
    padding: 0 !important;
    border: none !important;
    font-size: 17px !important;
    font-weight: 800 !important;
    color: var(--pixlab-gold, #c5a880) !important;
    text-align: right !important;
}

table.woocommerce-table--order-details tfoot {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 10px 0 0 0 !important;
}

table.woocommerce-table--order-details tfoot tr {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 14px 0 !important;
    border-bottom: 1px dashed #e2e8f0 !important;
}

table.woocommerce-table--order-details tfoot tr th {
    font-size: 14px !important;
    font-weight: 500 !important;
    color: #64748b !important;
    padding: 0 !important;
    border: none !important;
    text-align: left !important;
}

table.woocommerce-table--order-details tfoot tr td {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    padding: 0 !important;
    border: none !important;
    text-align: right !important;
}

table.woocommerce-table--order-details tfoot tr:last-child {
    border-top: 1px dashed #d1d5db !important;
    border-bottom: none !important;
    padding-top: 20px !important;
    margin-top: 6px !important;
}

table.woocommerce-table--order-details tfoot tr:last-child th {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

table.woocommerce-table--order-details tfoot tr:last-child td {
    border-bottom: none !important;
    font-size: 24px !important;
    font-weight: 900 !important;
    color: var(--pixlab-gold, #c5a880) !important;
}

.wc-item-meta {
    list-style: none !important;
    padding: 18px 0 0 0 !important;
    margin: 18px 0 0 0 !important;
    background-color: transparent !important;
    border: none !important;
    border-top: 1px solid #eae5db !important;
    border-radius: 0 !important;
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px 24px !important;
@media (max-width: 600px) {
grid-template-columns: 1fr !important;
gap: 10px !important;
}
}

.wc-item-meta li {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-bottom: 1px dashed #e2e8f0 !important;
    padding-bottom: 8px !important;
    margin: 0 !important;
}

.wc-item-meta li:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
}

.wc-item-meta-label {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #64748b !important;
}

.wc-item-meta li p {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 !important;
    display: inline !important;
}

section.woocommerce-customer-details {
    background-color: #ffffff !important;
    border: 1px solid #eee9e0 !important;
    border-radius: 20px !important;
    padding: 32px !important;
    margin: 0 0 50px 0 !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03) !important;
}

section.woocommerce-customer-details h2.woocommerce-column__title {
    font-family: 'Outfit', system-ui, -apple-system, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 20px 0 !important;
    letter-spacing: -0.3px !important;
}

section.woocommerce-customer-details address {
    background-color: #faf9f6 !important;
    border: 1px solid #eae5db !important;
    border-radius: 16px !important;
    padding: 24px !important;
    font-style: normal !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
    color: #475569 !important;
    margin: 0 !important;
}

section.woocommerce-customer-details address p.woocommerce-customer-details--phone,
section.woocommerce-customer-details address p.woocommerce-customer-details--email {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

dl.wc-block-components-additional-fields-list {
    border-top: 1px solid #eae5db !important;
    padding-top: 20px !important;
    margin: 20px 0 0 0 !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px 24px !important;
@media (max-width: 600px) {
grid-template-columns: 1fr !important;
gap: 10px !important;
}
}

dl.wc-block-components-additional-fields-list dt {
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #64748b !important;
    margin: 0 !important;
    border-bottom: 1px dashed #e2e8f0 !important;
    padding-bottom: 8px !important;
}

dl.wc-block-components-additional-fields-list dd {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 !important;
    border-bottom: 1px dashed #e2e8f0 !important;
    padding-bottom: 8px !important;
    text-align: right !important;
@media (max-width: 600px) {
text-align: left !important;
}
}

.pixlab-hotel-topbar-container {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    height: 100%;
}

.pixlab-hotel-topbar-left {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 4px;
}

.pixlab-hotel-topbar-info {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 100%;
    padding: 0 12px;
    color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
    transition: background-color 0.2s ease, color 0.2s ease;
}

a.pixlab-hotel-topbar-info:hover {
    color: var(--pixlab-gold);
    background-color: rgba(255, 255, 255, 0.05);
}

.pixlab-hotel-topbar-info svg {
    color: var(--pixlab-gold);
    width: 15px;
    height: 15px;
}

.pixlab-hotel-topbar-right {
    display: flex;
    align-items: center;
    height: 100%;
    gap: 4px;
}

.pixlab-hotel-topbar-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 100%;
    padding: 0 12px;
    font-size: 12.5px;
    font-weight: 500;
    color: var(--pixlab-gold);
    background-color: rgba(212, 175, 55, 0.08);
}

.pixlab-hotel-topbar-badge svg {
    width: 15px;
    height: 15px;
    color: var(--pixlab-gold);
}

.pixlab-hotel-topbar-social {
    display: flex;
    align-items: center;
    height: 100%;
}

.pixlab-topbar-social-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 40px;
    color: rgba(255, 255, 255, 0.65);
    transition: color 0.2s ease, background-color 0.2s ease;
}

.pixlab-topbar-social-link:hover {
    color: var(--pixlab-gold);
    background-color: rgba(255, 255, 255, 0.06);
}

.pixlab-topbar-social-link svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    fill: none;
    stroke-width: 2;
}

.pixlab-hotel-topbar-lang {
    display: flex;
    align-items: center;
    height: 100%;
}

.pixlab-topbar-lang-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 100%;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 600;
    color: var(--pixlab-gold);
}

.pixlab-topbar-lang-badge svg {
    width: 14px;
    height: 14px;
    color: var(--pixlab-gold);
}

.pixlab-hotel-main-header {
    position: relative;
    width: 100%;
    height: 84px;
    z-index: 1000;
    background-color: var(--pixlab-slate);
    border-bottom: 2px solid var(--pixlab-gold);
    padding: 0;
    transition: all 0.3s ease;
    box-sizing: border-box;
    @media(max-width:640px){
        height: 66px;
    }
}

.pixlab-hotel-header-container {
    max-width: 1440px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    box-sizing: border-box;
    @media (max-width: 640px) {
        padding: 0 10px;
    }
}

.pixlab-hotel-logo-area {
    display: flex;
    align-items: center;
    gap: 14px;
    @media (max-width: 640px) {
        gap: 8px;
    }
}

.pixlab-hotel-logo-link {
    text-decoration: none;
    img{
        max-width: 230px;
        @media(max-width:640px){
            max-width: 155px;
        }
        @media(max-width:380px){
            max-width: 135px;
        }
    }
}

.pixlab-hotel-logo-brand {
    display: flex;
    align-items: center;
    gap: 12px;
}

.pixlab-logo-crown {
    color: var(--pixlab-gold);
    filter: drop-shadow(0 2px 4px rgba(212, 175, 55, 0.2));
}

.pixlab-hotel-logo-text {
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    font-weight: 400;
    color: var(--pixlab-white);
    letter-spacing: 2.5px;
    transition: color 0.3s ease;
}

.pixlab-hotel-logo-text span {
    color: var(--pixlab-gold);
    font-weight: 400;
}

.pixlab-hotel-nav-wrapper {
    height: 100%;
    display: flex;
    align-items: center;
    @media (max-width: 1024px){
        display: none;
    }
}

.pixlab-topbar-svg {
    width: 13px;
    height: 13px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.5px;
    flex-shrink: 0;
}

.pixlab-topbar-account-link {
    color: var(--pixlab-gold);
    text-decoration: none;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.2s ease;
}

.pixlab-topbar-account-link:hover {
    color: #ffffff;
}

.pixlab-hotel-primary-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    height: 100%;
    gap: 16px;
}

.pixlab-hotel-primary-menu > li {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
}

.pixlab-hotel-primary-menu > li > a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.9);
    font-size: 13.5px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    padding: 0 6px;
    height: 84px;
    position: relative;
    transition: color 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    line-height: 1;
    box-sizing: border-box;
}

.pixlab-hotel-primary-menu > li > a::after {
    content: '';
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--pixlab-gold);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}

.pixlab-hotel-primary-menu > li:hover > a {
    color: var(--pixlab-gold);
    text-shadow: 0 0 10px rgba(212, 175, 55, 0.2);
}

.pixlab-hotel-primary-menu > li:hover > a::after {
    transform: scaleX(1);
}

.pixlab-hotel-primary-menu li.current-menu-item a {
    color: var(--pixlab-gold);
}

.pixlab-hotel-primary-menu li.current-menu-item a::after {
    transform: scaleX(1);
}

.pixlab-arrow-down-svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
    transition: transform 0.3s ease;
    @media (max-width: 1024px) {
        display: none;
    }
}

.pixlab-hotel-primary-menu > li.menu-item-has-children {
    position: relative;
}

.pixlab-hotel-primary-menu > li.menu-item-has-children > a {
    display: flex;
    align-items: center;
    gap: 5px;
}

.pixlab-hotel-primary-menu > li.menu-item-has-children:hover > a .pixlab-arrow-down-svg {
    transform: rotate(180deg);
}

.pixlab-hotel-primary-menu .sub-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(10px) scale(0.96);
    width: 320px;
    background: rgba(15, 23, 42, 0.96);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-top: 3px solid var(--pixlab-gold);
    border-radius: 16px;
    box-shadow: 0 20px 45px rgba(0, 0, 0, 0.45);
    list-style: none;
    margin: 0;
    padding: 10px 8px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    z-index: 1050;
    pointer-events: none;
}

.pixlab-hotel-primary-menu .sub-menu::before {
    content: '';
    position: absolute;
    top: -7px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    background-color: var(--pixlab-gold);
}

.pixlab-hotel-primary-menu li.menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0) scale(1);
    pointer-events: auto;
}

.pixlab-hotel-primary-menu .sub-menu li {
    margin: 0 0 3px 0;
    padding: 0;
}

.pixlab-hotel-primary-menu .sub-menu li:last-child {
    margin-bottom: 0;
}

.pixlab-hotel-primary-menu .sub-menu li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    text-transform: none;
    border-radius: 12px;
    transition: all 0.25s ease;
    position: relative;
    text-decoration: none;
}

.pixlab-hotel-primary-menu .sub-menu li a::after {
    display: none;
}

.pixlab-hotel-primary-menu .sub-menu li a:hover {
    background-color: rgba(197, 160, 89, 0.14);
}

.pixlab-subitem-text {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.pixlab-subitem-title {
    font-size: 13.5px;
    font-weight: 600;
    color: #f8fafc;
    transition: color 0.2s ease;
}

.pixlab-subitem-desc {
    font-size: 11.5px;
    font-weight: 400;
    color: #94a3b8;
    transition: color 0.2s ease;
}

.pixlab-subitem-arrow {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: var(--pixlab-gold);
    stroke-width: 2.2px;
    opacity: 0.4;
    transform: translateX(-4px);
    transition: all 0.25s ease;
}

.pixlab-hotel-primary-menu .sub-menu li a:hover .pixlab-subitem-title {
    color: var(--pixlab-gold);
}

.pixlab-hotel-primary-menu .sub-menu li a:hover .pixlab-subitem-desc {
    color: #cbd5e1;
}

.pixlab-hotel-primary-menu .sub-menu li a:hover .pixlab-subitem-arrow {
    opacity: 1;
    transform: translateX(0);
}

.pixlab-hotel-header-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    @media (max-width: 640px) {
        gap: 8px;
    }
}

.pixlab-header-action-btn {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    outline: none;
    @media (max-width: 640px) {
        width: 36px;
        height: 36px;
        border-radius: 9px;
    }
}

.pixlab-header-action-btn[data-tooltip]::after {
    content: attr(data-tooltip);
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%) translateY(-4px);
    background-color: #0f172a;
    color: #ffffff;
    font-size: 11.5px;
    font-weight: 600;
    white-space: nowrap;
    padding: 6px 12px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
    z-index: 1100;
    @media(max-width:1280px){
        left: auto;
        right: 0;
        transform: translateX(0) translateY(-4px) !important;
    }
    @media (max-width: 991px) {
        display: none !important;
    }
}

.pixlab-header-action-btn[data-tooltip]::before {
    content: '';
    position: absolute;
    top: calc(100% + 5px);
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 7px;
    height: 7px;
    background-color: #0f172a;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.2s ease, visibility 0.2s ease;
    z-index: 1101;
    @media (max-width: 991px) {
        display: none !important;
    }
}

.pixlab-header-action-btn[data-tooltip]:hover::after {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.pixlab-header-action-btn[data-tooltip]:hover::before {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) rotate(45deg);
}

.pixlab-header-action-btn:hover {
    background-color: rgba(197, 160, 89, 0.15);
    border-color: var(--pixlab-gold);
    color: var(--pixlab-gold);
    transform: translateY(-2px);
}

.pixlab-header-action-svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2px;
    @media (max-width: 640px) {
        width: 16px;
        height: 16px;
    }
}

.pixlab-header-cart-btn.disabled {
    opacity: 0.35;
    cursor: not-allowed;
    pointer-events: none;
}

.pixlab-header-cart-btn.active {
    background-color: rgba(197, 160, 89, 0.18);
    border-color: var(--pixlab-gold);
    color: var(--pixlab-gold);
}

.pixlab-header-cart-icon-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pixlab-header-cart-badge {
    position: absolute;
    top: -10px;
    right: -10px;
    background-color: var(--pixlab-gold);
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #0f172a;
    animation: pixlab-pulse 2s infinite;
    @media (max-width: 640px) {
        top: -7px;
        right: -7px;
        width: 16px;
        height: 16px;
        font-size: 9px;
        border-width: 1.5px;
    }
}

.pixlab-hotel-header-cta {
    background-color: var(--pixlab-gold);
    color: var(--pixlab-white);
    text-decoration: none;
    padding: 14px 28px;
    font-size: 12.5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    overflow: hidden;
    @media (max-width: 991px){
        display: none;
    }
}

.pixlab-hotel-header-cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
    transition: all 0.6s ease;
}

.pixlab-hotel-header-cta:hover::before {
    animation: pixlab-shine 0.85s ease-out;
}

.pixlab-hotel-header-cta:hover {
    background-color: var(--pixlab-white);
    color: var(--pixlab-slate);
    box-shadow: 0 8px 25px rgba(212, 175, 55, 0.35);
}

.pixlab-hotel-mobile-menu-trigger {
    display: none;
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    align-items: center;
    justify-content: center;
    color: #ffffff;
    cursor: pointer;
    padding: 0;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    outline: none;
    flex-shrink: 0;
    @media (max-width: 1024px){
        display: flex;
    }
    @media (max-width: 640px){
        width: 36px;
        height: 36px;
        border-radius: 9px;
    }
}

.pixlab-hotel-mobile-menu-trigger:hover {
    background-color: rgba(197, 160, 89, 0.15);
    border-color: var(--pixlab-gold);
    color: var(--pixlab-gold);
    transform: translateY(-2px);
}

.pixlab-hotel-mobile-menu-trigger svg {
    width: 22px;
    height: 22px;
    stroke: currentColor;
    stroke-width: 2px;
    fill: none;
    @media (max-width: 640px){
        width: 17px;
        height: 17px;
    }
}

.pixlab-hidden {
    display: none !important;
}

.pixlab-hotel-mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(8px);
    z-index: 1200;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.35s ease, visibility 0.35s ease;
}

.pixlab-hotel-mobile-menu-overlay.pixlab-active {
    opacity: 1;
    visibility: visible;
}

.pixlab-hotel-mobile-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
    max-width: 90vw;
    height: 100%;
    background-color: #0f172a;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: 10px 0 40px rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    transform: translateX(-100%);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    overflow: hidden;
}

.pixlab-hotel-mobile-menu-overlay.pixlab-active .pixlab-hotel-mobile-sidebar {
    transform: translateX(0);
}

.hs-live-content-editor-area .pixlab-hotel-mobile-menu-overlay,
.inline-editable .pixlab-hotel-mobile-menu-overlay,
[contenteditable] .pixlab-hotel-mobile-menu-overlay {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 440px !important;
    height: auto !important;
    min-height: 600px !important;
    opacity: 1 !important;
    visibility: visible !important;
    background-color: transparent !important;
    backdrop-filter: none !important;
    z-index: 1 !important;
    margin: 20px auto !important;
}

.hs-live-content-editor-area .pixlab-hotel-mobile-sidebar,
.inline-editable .pixlab-hotel-mobile-sidebar,
[contenteditable] .pixlab-hotel-mobile-sidebar {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 600px !important;
    transform: none !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
    border-radius: 16px !important;
}

.pixlab-topbar-hide-mobile {
    @media (max-width: 1024px) {
        display: none !important;
    }
}

.pixlab-mobile-sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
    background-color: rgba(255, 255, 255, 0.02);
}

.pixlab-mobile-menu-brand {
    font-family: 'Playfair Display', serif;
    font-size: 19px;
    font-weight: 700;
    color: var(--pixlab-gold);
    letter-spacing: 2px;
}

.pixlab-mobile-close-btn {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #ffffff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.pixlab-mobile-close-btn:hover {
    background-color: rgba(197, 160, 89, 0.15);
    color: var(--pixlab-gold);
    border-color: var(--pixlab-gold);
}

.pixlab-mobile-close-svg {
    width: 20px;
    height: 20px;
    stroke: currentColor;
    stroke-width: 2.2px;
}
.pixlab-mobile-brand-box{
    img{
        max-width: 160px;
    }
}

.pixlab-mobile-sidebar-body {
    flex: 1;
    overflow-y: auto;
    padding: 10px 20px 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    scrollbar-width: thin;
    scrollbar-color: var(--pixlab-gold) #0f172a;
}

.pixlab-mobile-sidebar-body::-webkit-scrollbar {
    width: 5px;
}

.pixlab-mobile-sidebar-body::-webkit-scrollbar-track {
    background-color: #0f172a;
    border-radius: 10px;
}

.pixlab-mobile-sidebar-body::-webkit-scrollbar-thumb {
    background-color: var(--pixlab-gold);
    border-radius: 10px;
}

.pixlab-mobile-sidebar-body::-webkit-scrollbar-thumb:hover {
    background-color: #a88544;
}

.pixlab-mobile-topbar-section {
    background-color: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 14px;
    padding: 18px;
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 8px;
}

.pixlab-mobile-info-card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    color: #cbd5e1;
    transition: color 0.2s ease;
}

.pixlab-mobile-info-card:hover {
    color: var(--pixlab-gold);
}

.pixlab-mobile-info-svg {
    width: 18px;
    height: 18px;
    stroke: var(--pixlab-gold);
    stroke-width: 2px;
    fill: none;
    flex-shrink: 0;
}

.pixlab-mobile-info-text {
    display: flex;
    flex-direction: column;
}

.pixlab-mobile-info-label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    color: #64748b;
    letter-spacing: 0.5px;
}

.pixlab-mobile-info-val {
    font-size: 13.5px;
    font-weight: 600;
    color: #f1f5f9;
    text-decoration: none;
    transition: color 0.2s ease;
}

a.pixlab-mobile-info-val:hover {
    color: var(--pixlab-gold);
}

a.pixlab-mobile-info-val::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.hs-live-content-editor-area a.pixlab-mobile-info-val::after,
.inline-editable a.pixlab-mobile-info-val::after,
[contenteditable] a.pixlab-mobile-info-val::after {
    display: none !important;
}

.pixlab-mobile-badge-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    gap: 10px;
}

.pixlab-mobile-badge-item,
.pixlab-mobile-lang-item {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: var(--pixlab-gold);
}

.pixlab-mobile-badge-svg {
    width: 14px;
    height: 14px;
    stroke: currentColor;
    stroke-width: 2px;
    fill: none;
}

.pixlab-mobile-nav {
    width: 100%;
}

.pixlab-mobile-primary-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pixlab-mobile-primary-menu > li {
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.pixlab-mobile-primary-menu > li > a,
.pixlab-mobile-menu-item-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    color: #f8fafc;
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    transition: color 0.2s ease;
}

.pixlab-mobile-primary-menu > li > a:hover {
    color: var(--pixlab-gold);
}

.pixlab-mobile-submenu-toggle {
    display: none;
    background: none;
    border: none;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    cursor: pointer;
    transition: all 0.2s ease;
    @media (max-width: 1024px) {
        display: flex;
    }
}

.pixlab-mobile-submenu-toggle:hover {
    background-color: rgba(255, 255, 255, 0.08);
    color: var(--pixlab-gold);
}

.pixlab-mobile-arrow-svg {
    width: 18px;
    height: 18px;
    stroke: currentColor;
    stroke-width: 2.2px;
    fill: none;
    transition: transform 0.3s ease;
}

.pixlab-mobile-primary-menu > li.pixlab-submenu-open > .pixlab-mobile-submenu-toggle .pixlab-mobile-arrow-svg,
.pixlab-mobile-primary-menu > li.pixlab-submenu-open > a .pixlab-mobile-submenu-toggle .pixlab-mobile-arrow-svg,
.pixlab-mobile-primary-menu > li.pixlab-submenu-open .pixlab-mobile-menu-item-head .pixlab-mobile-arrow-svg {
    transform: rotate(180deg);
}

.pixlab-mobile-primary-menu .sub-menu {
    list-style: none;
    margin: 0;
    padding: 4px 0 12px 14px;
    display: none;
    flex-direction: column;
    gap: 8px;
    border-left: 2px solid var(--pixlab-gold);
}

.pixlab-mobile-primary-menu > li.pixlab-submenu-open > .sub-menu {
    display: flex;
}

.pixlab-mobile-primary-menu .sub-menu li a {
    color: #cbd5e1;
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 6px 0;
    transition: color 0.2s ease;
}

.pixlab-mobile-primary-menu .sub-menu li a .pixlab-subitem-arrow {
    flex-shrink: 0;
    opacity: 0.7;
    transform: none;
}

.pixlab-mobile-primary-menu .sub-menu li a:hover {
    color: var(--pixlab-gold);
}

.pixlab-mobile-primary-menu .sub-menu li a:hover .pixlab-subitem-arrow {
    opacity: 1;
    stroke: var(--pixlab-gold);
}

.pixlab-mobile-sidebar-footer {
    padding: 20px 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background-color: rgba(255, 255, 255, 0.02);
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pixlab-mobile-social-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.pixlab-mobile-social-link {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #cbd5e1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: all 0.2s ease;
}

.pixlab-mobile-social-link:hover {
    background-color: rgba(197, 160, 89, 0.15);
    border-color: var(--pixlab-gold);
    color: var(--pixlab-gold);
}

.pixlab-mobile-social-svg {
    width: 16px;
    height: 16px;
    stroke: currentColor;
    stroke-width: 2px;
    fill: none;
}

.pixlab-mobile-cta {
    width: 100% !important;
    justify-content: center !important;
    display: flex !important;
}

.pixlab-hotel-footer {
    background-color: #0b1120;
    color: rgba(255, 255, 255, 0.7);
    margin-top: auto;
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.pixlab-hotel-footer-newsletter-strip {
    padding: 50px 0 0;
    background-color: #0b1120;
}

.pixlab-hotel-footer-newsletter-container {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 30px;
@media (max-width: 991px) {
padding: 0 20px;
}
}

.pixlab-hotel-newsletter-card {
    background: linear-gradient(135deg, rgba(20, 30, 50, 0.95) 0%, rgba(11, 17, 32, 0.98) 100%);
    border: 1px solid rgba(188, 144, 78, 0.25);
    border-radius: 24px;
    padding: 44px 50px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
    position: relative;
    overflow: hidden;
@media (max-width: 991px) {
padding: 32px 24px;
}
}

.pixlab-hotel-newsletter-card::before {
    content: '';
    position: absolute;
    top: -100px;
    right: -100px;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(188, 144, 78, 0.15) 0%, transparent 70%);
    pointer-events: none;
}

.pixlab-hotel-newsletter-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    position: relative;
    z-index: 1;
@media (max-width: 991px) {
flex-direction: column;
align-items: flex-start;
gap: 28px;
}
}

.pixlab-hotel-newsletter-info {
    flex: 1;
}

.pixlab-hotel-newsletter-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: rgba(188, 144, 78, 0.12);
    border: 1px solid rgba(188, 144, 78, 0.25);
    border-radius: 30px;
    padding: 6px 14px;
    margin-bottom: 14px;
}

.pixlab-hotel-newsletter-badge svg {
    color: var(--pixlab-gold);
}

.pixlab-hotel-newsletter-badge span {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--pixlab-gold);
}

.pixlab-hotel-newsletter-title {
    font-family: 'Playfair Display', serif;
    font-size: 26px;
    font-weight: 700;
    color: var(--pixlab-white);
    margin-bottom: 10px;
    line-height: 1.3;
@media (max-width: 768px) {
font-size: 21px;
}
}

.pixlab-hotel-newsletter-desc {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.65);
    margin: 0;
    max-width: 560px;
    line-height: 1.6;
}

.pixlab-hotel-newsletter-action {
    width: 440px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
@media (max-width: 991px) {
width: 100%;
}
}

.pixlab-hotel-newsletter-form {
    width: 100%;
}

.pixlab-hotel-newsletter-input-group {
    display: flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 50px;
    padding: 6px 6px 6px 18px;
    transition: border-color 0.3s ease, background-color 0.3s ease, box-shadow 0.3s ease;
}

.pixlab-hotel-newsletter-input-group:focus-within {
    border-color: var(--pixlab-gold);
    background-color: rgba(255, 255, 255, 0.08);
    box-shadow: 0 0 20px rgba(188, 144, 78, 0.2);
}

.pixlab-newsletter-mail-icon {
    display: flex;
    align-items: center;
    color: var(--pixlab-gold);
    margin-right: 12px;
}

.pixlab-hotel-newsletter-input-group input {
    flex: 1;
    background: transparent;
    border: none;
    outline: none;
    color: var(--pixlab-white);
    font-size: 14px;
    height: 42px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
    -webkit-background-clip: text !important;
    background-clip: text !important;
    transition: background-color 5000000s ease-in-out 0s !important;
}

.pixlab-hotel-newsletter-input-group input:-webkit-autofill,
.pixlab-hotel-newsletter-input-group input:-webkit-autofill:hover,
.pixlab-hotel-newsletter-input-group input:-webkit-autofill:focus,
.pixlab-hotel-newsletter-input-group input:-webkit-autofill:active {
    -webkit-text-fill-color: #ffffff !important;
    caret-color: #ffffff !important;
}

.pixlab-hotel-newsletter-input-group input::placeholder {
    color: rgba(255, 255, 255, 0.45);
}

.pixlab-hotel-newsletter-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: linear-gradient(135deg, var(--pixlab-gold) 0%, var(--pixlab-gold-dark) 100%);
    color: var(--pixlab-white);
    border: none;
    border-radius: 50px;
    padding: 13px 26px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    @media(max-width:768px){
        padding: 13px;
        span{
            display: none;
        }
    }
}

.pixlab-hotel-newsletter-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(188, 144, 78, 0.4);
}

.pixlab-hotel-newsletter-btn.subscribed {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: #ffffff !important;
    cursor: default !important;
    transform: none !important;
    box-shadow: 0 4px 14px rgba(16, 185, 129, 0.35) !important;
}

.pixlab-newsletter-trust-note {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.45);
    padding-left: 12px;
}

.pixlab-newsletter-response-msg {
    margin-top: 14px;
    font-size: 13px;
    font-weight: 600;
    padding: 10px 16px;
    border-radius: 12px;
    line-height: 1.45;
    transition: all 0.3s ease;
}

.pixlab-newsletter-response-msg.success {
    background-color: rgba(16, 185, 129, 0.15);
    color: #34d399;
    border: 1px solid rgba(16, 185, 129, 0.35);
}

.pixlab-newsletter-response-msg.warning {
    background-color: rgba(245, 158, 11, 0.15);
    color: #fbbf24;
    border: 1px solid rgba(245, 158, 11, 0.35);
}

.pixlab-newsletter-trust-note svg {
    color: var(--pixlab-gold);
}

.pixlab-hotel-footer-main {
    padding: 80px 0 60px;
@media (max-width: 991px) {
padding: 60px 0 40px;
}
}

.pixlab-hotel-footer-container {
    max-width: 1440px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
    gap: 50px;
    padding: 0 30px;
@media (max-width: 1200px) {
grid-template-columns: 1.2fr 1fr 1fr 1.1fr;
gap: 30px;
}
@media (max-width: 991px) {
grid-template-columns: repeat(2, 1fr);
gap: 40px 30px;
padding: 0 20px;
}
@media (max-width: 576px) {
grid-template-columns: 1fr;
gap: 36px;
}
}
.custom-logo-link,
.pixlab-hotel-footer-logo-link {
    display: inline-block;
    text-decoration: none;
    img{
        max-width: 230px;
        @media(max-width:640px){
            max-width: 160px;
        }
    }
}

.pixlab-footer-logo-brand {
    display: inline-flex;
    align-items: center;
    gap: 12px;
}

.pixlab-footer-logo-brand .pixlab-logo-crown {
    width: 26px;
    height: 26px;
    fill: var(--pixlab-gold);
}

.pixlab-footer-logo-brand .pixlab-hotel-logo-text {
    font-family: 'Playfair Display', serif;
    font-size: 28px;
    font-weight: 400;
    color: var(--pixlab-white);
    letter-spacing: 2px;
}

.pixlab-footer-logo-brand .pixlab-hotel-logo-text span {
    color: var(--pixlab-gold);
    font-weight: 400;
}

.pixlab-hotel-footer-desc {
    font-size: 14px;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.65);
    margin-bottom: 24px;
}

.pixlab-hotel-footer-award {
    display: flex;
    align-items: center;
    gap: 14px;
    background: linear-gradient(135deg, rgba(188, 144, 78, 0.16) 0%, rgba(15, 23, 42, 0.7) 100%);
    border: 1px solid rgba(188, 144, 78, 0.35);
    border-radius: 14px;
    padding: 14px 18px;
    margin-bottom: 24px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25);
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

.pixlab-hotel-footer-award:hover {
    transform: translateY(-2px);
    border-color: var(--pixlab-gold);
    box-shadow: 0 14px 30px rgba(188, 144, 78, 0.25);
}

.pixlab-hotel-award-icon {
    width: 44px;
    height: 44px;
    min-width: 44px;
    border-radius: 12px;
    background: linear-gradient(135deg, var(--pixlab-gold) 0%, var(--pixlab-gold-dark) 100%);
    color: var(--pixlab-white);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 6px 16px rgba(188, 144, 78, 0.35);
}

.pixlab-hotel-award-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pixlab-hotel-award-stars {
    display: flex;
    align-items: center;
    gap: 3px;
    margin-bottom: 2px;
}

.pixlab-hotel-award-title {
    font-size: 13px;
    font-weight: 700;
    color: var(--pixlab-white);
    letter-spacing: 0.3px;
    line-height: 1.3;
}

.pixlab-hotel-award-sub {
    font-size: 11px;
    color: var(--pixlab-gold);
    font-weight: 500;
    letter-spacing: 0.5px;
}

.pixlab-hotel-footer-social {
    display: flex;
    align-items: center;
    gap: 10px;
}

.pixlab-hotel-footer-social a {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--pixlab-white);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s ease;
}

.pixlab-hotel-footer-social a:hover {
    background-color: var(--pixlab-gold);
    border-color: var(--pixlab-gold);
    color: var(--pixlab-white);
    transform: translateY(-2px);
}

.pixlab-hotel-footer-col h4 {
    color: var(--pixlab-white);
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 24px;
    letter-spacing: 0.5px;
    position: relative;
    padding-bottom: 12px;
}

.pixlab-hotel-footer-col h4::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 36px;
    height: 2px;
    background-color: var(--pixlab-gold);
}

.pixlab-hotel-footer-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pixlab-hotel-footer-links li {
    margin-bottom: 14px;
}

.pixlab-hotel-footer-links li a {
    color: rgba(255, 255, 255, 0.65);
    text-decoration: none;
    font-size: 14px;
    transition: color 0.25s ease, padding-left 0.25s ease;
    display: inline-block;
}

.pixlab-hotel-footer-links li a:hover {
    color: var(--pixlab-gold);
    padding-left: 6px;
}

.pixlab-hotel-footer-contact {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pixlab-hotel-footer-contact li {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 20px;
}

.pixlab-contact-icon {
    width: 36px;
    height: 36px;
    min-width: 36px;
    border-radius: 8px;
    background-color: rgba(188, 144, 78, 0.12);
    color: var(--pixlab-gold);
    display: flex;
    align-items: center;
    justify-content: center;
}

.pixlab-contact-text {
    display: flex;
    flex-direction: column;
    font-size: 13px;
    line-height: 1.5;
}

.pixlab-contact-text strong {
    color: var(--pixlab-white);
    font-weight: 600;
    margin-bottom: 2px;
}

.pixlab-contact-text span {
    color: rgba(255, 255, 255, 0.65);
}

.pixlab-hotel-footer-bottom {
    background-color: #070b14;
    padding: 24px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.pixlab-hotel-footer-bottom-container {
    max-width: 1440px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 0 30px;
@media (max-width: 991px) {
flex-direction: column;
text-align: center;
gap: 16px;
padding: 0 20px;
}
}

.pixlab-hotel-copyright {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
}

.pixlab-hotel-footer-legal-links {
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
@media (max-width: 991px) {
justify-content: center;
}
}

.pixlab-hotel-footer-legal-links a {
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    font-size: 13px;
    transition: color 0.25s ease;
}

.pixlab-hotel-footer-legal-links a:hover {
    color: var(--pixlab-gold);
}

.pixlab-ssl-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.6);
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 6px 14px;
    border-radius: 30px;
}

.pixlab-ssl-badge svg {
    color: var(--pixlab-gold);
}

.pixlab-archive-no-image-box,
.pixlab-no-image-showcase {
    background: radial-gradient(circle at 50% 30%, var(--pixlab-gold) 0%, var(--pixlab-slate) 70%, hsl(210, 24%, 6%) 100%) !important;
}
.wc-block-components-sidebar-layout .wc-block-components-main{
    padding: 60px 6% 20px !important;
    @media(max-width:768px){
        padding: 20px 10px !important;
    }
}
.wp-block-woocommerce-checkout-order-summary-block .checkout-order-summary-block-fill{
    border: 0 !important;
}

.woocommerce-checkout .pixlab-hotel-topbar,
.woocommerce-cart .pixlab-hotel-topbar {
    display: none !important;
}

.pixlab-thankyou-wrapper {
    max-width: 1040px;
    margin: 40px auto 80px;
    padding: 0 20px;
    box-sizing: border-box;
    font-family: 'Outfit', system-ui, -apple-system, sans-serif;
    color: #0f172a;
    @media(max-width:640px){
        padding: 0 10px;
        margin: 20px 0;
    }
}

.pixlab-thankyou-wrapper ~ *,
.pixlab-view-order-wrapper ~ * {
    display: none;
}

.pixlab-myaccount-container {
    max-width: 1440px;
    margin: 40px auto;
    padding: 0 20px;
    box-sizing: border-box;
    @media (max-width: 768px) {
        margin: 20px auto;
        padding: 0 15px;
    }
}

.pixlab-myaccount-mobile-bar {
    display: none;
    margin-bottom: 20px;
    @media (max-width: 768px) {
        display: flex;
    }
}

.pixlab-myaccount-mobile-trigger {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #0f172a;
    color: #ffffff;
    border: 1px solid #1e293b;
    padding: 12px 20px;
    border-radius: 14px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.15);
    transition: all 0.2s ease;
    width: 100%;
    justify-content: center;
}

.pixlab-myaccount-mobile-trigger:hover {
    background: #1e293b;
}

.pixlab-myaccount-mobile-trigger svg {
    color: var(--pixlab-gold);
    flex-shrink: 0;
}

.pixlab-myaccount-sidebar-overlay {
    position: fixed;
    inset: 0;
    background: rgba(15, 23, 42, 0.65);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    z-index: 99998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.pixlab-myaccount-sidebar-overlay.active {
    opacity: 1;
    visibility: visible;
}

.pixlab-myaccount-close-btn {
    display: none;
    position: absolute;
    top: 16px;
    right: 16px;
    background: #f1f5f9;
    border: none;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    color: #475569;
    cursor: pointer;
    transition: all 0.2s ease;
    z-index: 10;
    @media (max-width: 768px) {
        display: flex;
    }
}

.pixlab-myaccount-close-btn:hover {
    background: #e2e8f0;
    color: #0f172a;
}

.pixlab-myaccount-sidebar {
    @media (max-width: 768px) {
        position: fixed;
        top: 0;
        left: 0;
        width: 320px;
        max-width: 85vw;
        height: 100vh;
        height: 100dvh;
        z-index: 99999;
        background: #ffffff;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
        transform: translateX(-100%);
        transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
        overflow-y: auto;
        padding: 0;
        box-sizing: border-box;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        &.active {
            transform: translateX(0);
        }
        .pixlab-myaccount-nav-card {
            border: none;
            box-shadow: none;
            border-radius: 0;
            padding: 24px 20px;
            position: relative;
        }
    }
}

.pixlab-myaccount-grid {
    display: grid;
    grid-template-columns: 280px 1fr;
    gap: 32px;
    align-items: start;
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
        gap: 24px;
    }
}

.pixlab-myaccount-nav-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 24px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}

.pixlab-myaccount-user-profile {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f1f5f9;
}

.pixlab-myaccount-avatar-box {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: 14px;
    border: 3px solid var(--pixlab-gold);
    box-shadow: 0 6px 20px rgba(197, 160, 89, 0.25);
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #334155 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pixlab-myaccount-avatar-initials {
    font-size: 26px;
    font-weight: 800;
    color: var(--pixlab-gold);
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 1;
    user-select: none;
}

.pixlab-myaccount-user-info {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pixlab-myaccount-user-name {
    font-size: 17px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 6px 0;
}

.pixlab-myaccount-user-badge {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background-color: #fef3c7;
    color: #b45309;
    padding: 3px 10px;
    border-radius: 20px;
    margin-bottom: 6px;
    display: inline-block;
}

.pixlab-myaccount-user-badge.badge-vip,
.pixlab-myaccount-user-badge.badge-diamond,
.pixlab-myaccount-user-badge.badge-gold {
    background-color: #fef3c7;
    color: #b45309;
}

.pixlab-myaccount-user-badge.badge-silver {
    background-color: #f1f5f9;
    color: #475569;
}

.pixlab-myaccount-user-badge.badge-guest {
    background-color: #e0f2fe;
    color: #0369a1;
}

.pixlab-myaccount-user-email {
    font-size: 12px;
    color: #64748b;
    word-break: break-all;
    display: block;
    margin-top: 2px;
}

.pixlab-myaccount-nav-list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pixlab-myaccount-nav-item a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 12px;
    color: #475569;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.2s ease;
}

.pixlab-myaccount-nav-item a:hover {
    background-color: #f8fafc;
    color: #0f172a;
}

.pixlab-myaccount-nav-item.active a {
    background-color: #0f172a;
    color: #ffffff;
}

.pixlab-myaccount-nav-icon {
    width: 18px;
    height: 18px;
    fill: currentColor;
    flex-shrink: 0;
}

.pixlab-dash-welcome-card {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-radius: 20px;
    padding: 32px;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.15);
}

.pixlab-dash-welcome-tag {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--pixlab-gold);
    display: block;
    margin-bottom: 8px;
}

.pixlab-dash-welcome-title {
    font-size: 26px;
    font-weight: 800;
    color: #ffffff;
    margin: 0 0 10px 0;
    @media (max-width: 768px) {
        font-size: 20px;
    }
}

.pixlab-dash-welcome-desc {
    font-size: 14px;
    color: #94a3b8;
    margin: 0;
    max-width: 600px;
    line-height: 1.6;
}

.pixlab-dash-welcome-decor {
    position: absolute;
    right: -20px;
    bottom: -20px;
    opacity: 0.08;
    pointer-events: none;
}

.pixlab-dash-decor-icon {
    width: 200px;
    height: 200px;
    fill: #ffffff;
}

.pixlab-dash-stats-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    margin-bottom: 32px;
    @media (max-width: 768px) {
        grid-template-columns: 1fr;
        gap: 16px;
    }
}

.pixlab-dash-stat-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
}

.pixlab-dash-stat-icon-box {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pixlab-dash-stat-svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
}

.pixlab-stat-gold {
    background-color: #fef3c7;
    color: #b45309;
}

.pixlab-stat-blue {
    background-color: #e0f2fe;
    color: #0369a1;
}

.pixlab-stat-green {
    background-color: #dcfce7;
    color: #15803d;
}

.pixlab-dash-stat-num {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    display: block;
    line-height: 1.1;
}

.pixlab-dash-stat-lbl {
    font-size: 13px;
    color: #64748b;
    font-weight: 500;
}

.pixlab-dash-section {
    margin-bottom: 36px;
}

.pixlab-dash-section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}

.pixlab-dash-section-title {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    margin: 0;
}

.pixlab-dash-view-all {
    font-size: 13px;
    font-weight: 700;
    color: var(--pixlab-gold);
    text-decoration: none;
}

.pixlab-dash-latest-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    @media (max-width: 768px) {
        flex-direction: column;
        align-items: flex-start;
    }
}

.pixlab-dash-empty-card {
    background-color: #faf9f6;
    border: 2px dashed #cbd5e1;
    border-radius: 20px;
    padding: 40px 24px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    transition: all 0.3s ease;
}

.pixlab-dash-empty-card:hover {
    border-color: var(--pixlab-gold);
    background-color: #ffffff;
    box-shadow: 0 10px 30px rgba(197, 160, 89, 0.08);
}

.pixlab-dash-empty-txt {
    font-size: 15px;
    font-weight: 600;
    color: #64748b;
    margin: 0;
    line-height: 1.5;
}

.pixlab-dash-latest-thumb {
    width: 120px;
    height: 80px;
    border-radius: 12px;
    overflow: hidden;
    flex-shrink: 0;
    @media (max-width: 768px) {
        width: 100%;
        height: 160px;
    }
}

.pixlab-dash-latest-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pixlab-dash-latest-info {
    flex: 1;
}

.pixlab-dash-latest-top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 4px;
}

.pixlab-dash-latest-code {
    font-size: 12px;
    font-weight: 800;
    color: #64748b;
}

.pixlab-dash-latest-status {
    font-size: 11px;
    font-weight: 700;
    padding: 2px 8px;
    border-radius: 12px;
    background-color: #f1f5f9;
    color: #475569;
}

.pixlab-dash-latest-status.status-completed {
    background-color: #dcfce7;
    color: #15803d;
}

.pixlab-dash-latest-status.status-processing {
    background-color: #e0f2fe;
    color: #0369a1;
}

.pixlab-dash-latest-status.status-pending,
.pixlab-dash-latest-status.status-on-hold {
    background-color: #fef3c7;
    color: #b45309;
}

.pixlab-dash-latest-name {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 6px 0;
}

.pixlab-dash-latest-meta {
    display: flex;
    align-items: center;
    gap: 16px;
    font-size: 13px;
    color: #64748b;
}

.pixlab-dash-latest-price {
    font-weight: 800;
    color: var(--pixlab-gold);
}

.pixlab-dash-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s ease;
    border: none;
    cursor: pointer;
}

.pixlab-dash-btn-gold {
    background-color: var(--pixlab-gold);
    color: #ffffff;
}

.pixlab-dash-btn-gold:hover {
    background-color: #a88544;
    color: #ffffff;
}

.pixlab-dash-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-dash-service-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
}

.pixlab-dash-service-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background-color: #faf9f6;
    border: 1px solid #eae5db;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
}

.pixlab-dash-service-icon svg {
    width: 22px;
    height: 22px;
    fill: var(--pixlab-gold);
}

.pixlab-dash-service-title {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 8px 0;
}

.pixlab-dash-service-desc {
    font-size: 13px;
    color: #64748b;
    margin: 0;
    line-height: 1.5;
}

.pixlab-myaccount-orders-header {
    margin-bottom: 24px;
}

.pixlab-myaccount-orders-title {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 4px 0;
}

.pixlab-myaccount-orders-subtitle {
    font-size: 14px;
    color: #64748b;
}

.pixlab-myaccount-orders-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pixlab-myaccount-order-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    @media (max-width: 768px) {
        flex-direction: column;
        align-items: flex-start;
    }
}

.pixlab-myaccount-order-thumb {
    width: 110px;
    height: 80px;
    border-radius: 12px;
    overflow: hidden;
    flex-shrink: 0;
    @media (max-width: 768px) {
        width: 100%;
        height: 160px;
    }
}

.pixlab-myaccount-order-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pixlab-myaccount-order-main {
    flex: 1;
}

.pixlab-myaccount-order-top {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

.pixlab-myaccount-order-code {
    font-size: 13px;
    font-weight: 800;
    color: #0f172a;
}

.pixlab-myaccount-order-status {
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 20px;
    background-color: #f1f5f9;
    color: #475569;
}

.pixlab-myaccount-order-status.status-completed {
    background-color: #dcfce7;
    color: #15803d;
}

.pixlab-myaccount-order-status.status-processing {
    background-color: #e0f2fe;
    color: #0369a1;
}

.pixlab-myaccount-order-status.status-pending,
.pixlab-myaccount-order-status.status-on-hold {
    background-color: #fef3c7;
    color: #b45309;
}

.pixlab-myaccount-order-name {
    font-size: 16px;
    font-weight: 700;
    color: #0f172a;
    margin: 0 0 8px 0;
}

.pixlab-myaccount-order-details {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.pixlab-myaccount-order-meta {
    font-size: 13px;
    color: #64748b;
}

.pixlab-myaccount-empty-orders {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-top: 4px solid var(--pixlab-gold);
    border-radius: 20px;
    padding: 50px 30px;
    text-align: center;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 600px;
    margin: 40px auto;
    @media (max-width: 768px) {
        padding: 32px 20px;
        margin: 24px auto;
    }
}

.pixlab-myaccount-empty-icon {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    background-color: #faf9f6;
    border: 1px solid #eae5db;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.pixlab-myaccount-empty-icon svg {
    width: 30px;
    height: 30px;
    fill: var(--pixlab-gold);
}

.pixlab-myaccount-empty-title {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 10px 0;
    @media (max-width: 768px) {
        font-size: 19px;
    }
}

.pixlab-myaccount-empty-desc {
    font-size: 15px;
    color: #64748b;
    line-height: 1.6;
    margin: 0 0 24px 0;
    max-width: 460px;
}

.pixlab-myaccount-meta-val {
    color: #0f172a;
    font-weight: 700;
}

.pixlab-myaccount-form-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 32px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    @media(max-width:640px){
        padding: 0;
        border: 0;
        box-shadow: none;
        border-radius: 0;
    }
}

.pixlab-myaccount-form-header {
    margin-bottom: 24px;
}

.pixlab-myaccount-form-title {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 4px 0;
}

.pixlab-myaccount-form-subtitle {
    font-size: 14px;
    color: #64748b;
}

.pixlab-input-field {
    width: 100%;
    padding: 12px 16px;
    border-radius: 10px;
    border: 1px solid #cbd5e1;
    font-size: 14px;
    color: #0f172a;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.pixlab-input-field:focus {
    border-color: var(--pixlab-gold);
    outline: none;
    box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.15);
}

.pixlab-form-row-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    @media (max-width: 768px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-form-fieldset {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    padding: 20px;
    margin: 24px 0;
}

.pixlab-fieldset-title {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    padding: 0 8px;
}

.pixlab-form-submit-row {
    margin-top: 24px;
}

.pixlab-myaccount-form-card .woocommerce-address-fields__field-wrapper,
.woocommerce-address-fields__field-wrapper {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0 20px !important;
    @media (max-width: 768px) {
        grid-template-columns: 1fr !important;
        gap: 0 16px !important;
    }
}

.pixlab-myaccount-form-card .form-row,
.woocommerce-address-fields .form-row {
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    float: none !important;
    width: 100% !important;
}

.pixlab-myaccount-form-card .form-row-wide,
.woocommerce-address-fields .form-row-wide {
    grid-column: 1 / -1 !important;
}

.pixlab-myaccount-form-card label,
.woocommerce-address-fields label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin-bottom: 8px !important;
}

.pixlab-myaccount-form-card label .required,
.woocommerce-address-fields label .required {
    color: var(--pixlab-gold) !important;
    text-decoration: none !important;
    font-weight: 800 !important;
}

.pixlab-myaccount-form-card input.input-text,
.pixlab-myaccount-form-card select,
.pixlab-myaccount-form-card textarea,
.pixlab-myaccount-form-card .select2-container--default .select2-selection--single,
.woocommerce-address-fields input.input-text,
.woocommerce-address-fields select,
.woocommerce-address-fields textarea,
.woocommerce-address-fields .select2-container--default .select2-selection--single,
.woocommerce-edit-address input.input-text,
.woocommerce-edit-address select,
.woocommerce-edit-address textarea {
    width: 100% !important;
    padding: 10px 18px !important;
    border-radius: 12px !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #ffffff !important;
    font-size: 14px !important;
    color: #0f172a !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
    height: auto !important;
    line-height: 1.5 !important;
}

.pixlab-myaccount-form-card input.input-text:focus,
.pixlab-myaccount-form-card select:focus,
.pixlab-myaccount-form-card textarea:focus,
.woocommerce-address-fields input.input-text:focus,
.woocommerce-address-fields select:focus,
.woocommerce-address-fields textarea:focus,
.woocommerce-edit-address input.input-text:focus,
.woocommerce-edit-address select:focus,
.woocommerce-edit-address textarea:focus {
    border-color: var(--pixlab-gold) !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(197, 160, 89, 0.18) !important;
}

.pixlab-myaccount-form-card textarea,
.woocommerce-address-fields textarea {
    min-height: 110px !important;
    resize: vertical !important;
}

.pixlab-dash-btn-gold,
.pixlab-myaccount-container .pixlab-dash-btn-gold,
.pixlab-myaccount-form-card .pixlab-form-submit-row button[type="submit"],
.pixlab-myaccount-form-card button[type="submit"],
.woocommerce-EditAccountForm button.button,
.woocommerce-EditAccountForm button[type="submit"],
.woocommerce-EditAccountForm button[name="save_account_details"],
.woocommerce-address-fields button[type="submit"],
.woocommerce-address-fields button[name="save_address"],
.woocommerce-edit-address button.button,
.woocommerce-EditAccountForm .button,
.woocommerce-edit-address .button {
    background-color: var(--pixlab-gold) !important;
    background: var(--pixlab-gold) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    padding: 14px 28px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 4px 15px rgba(197, 160, 89, 0.25) !important;
    margin-top: 10px !important;
}

.pixlab-dash-btn-gold:hover,
.pixlab-myaccount-container .pixlab-dash-btn-gold:hover,
.pixlab-myaccount-form-card .pixlab-form-submit-row button[type="submit"]:hover,
.pixlab-myaccount-form-card button[type="submit"]:hover,
.woocommerce-EditAccountForm button.button:hover,
.woocommerce-EditAccountForm button[type="submit"]:hover,
.woocommerce-EditAccountForm button[name="save_account_details"]:hover,
.woocommerce-address-fields button[type="submit"]:hover,
.woocommerce-address-fields button[name="save_address"]:hover,
.woocommerce-edit-address button.button:hover,
.woocommerce-EditAccountForm .button:hover,
.woocommerce-edit-address .button:hover {
    background-color: #a88544 !important;
    background: #a88544 !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 20px rgba(197, 160, 89, 0.35) !important;
}

.pixlab-login-wrapper {
    max-width: 1140px;
    margin: 50px auto;
    padding: 0 20px;
    @media (max-width: 768px) {
        margin: 24px auto;
        padding: 0 15px;
    }
}

.pixlab-login-hero {
    text-align: center;
    max-width: 680px;
    margin: 0 auto 40px auto;
}

.pixlab-login-hero-tag {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: var(--pixlab-gold);
    display: block;
    margin-bottom: 8px;
}

.pixlab-login-hero-title {
    font-size: 32px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 12px 0;
    @media (max-width: 768px) {
        font-size: 24px;
    }
}

.pixlab-login-hero-desc {
    font-size: 15px;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
}

.pixlab-login-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
    align-items: stretch !important;
    @media (max-width: 991px) {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }
}

.pixlab-login-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-top: 4px solid var(--pixlab-gold);
    border-radius: 20px;
    padding: 36px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.04);
    height: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    @media (max-width: 768px) {
        padding: 24px;
    }
    @media(max-width:640px){
        padding: 10px;
    }
}

.pixlab-login-card-header {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-bottom: 20px;
    border-bottom: 1px solid #f1f5f9;
}

.pixlab-login-card-icon-box {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    background-color: #faf9f6;
    border: 1px solid #eae5db;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pixlab-login-card-svg {
    width: 24px;
    height: 24px;
    fill: var(--pixlab-gold);
}

.pixlab-login-card-title {
    font-size: 20px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 2px 0;
}

.pixlab-login-card-subtitle {
    font-size: 13px;
    color: #64748b;
}

.pixlab-login-form .form-row {
    margin-bottom: 18px !important;
}

.pixlab-login-form label {
    display: block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin-bottom: 8px !important;
}

.pixlab-login-form input.input-text {
    width: 100% !important;
    padding: 13px 18px !important;
    border-radius: 12px !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #ffffff !important;
    font-size: 14px !important;
    color: #0f172a !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}

.pixlab-login-form input.input-text:focus {
    border-color: var(--pixlab-gold) !important;
    outline: none !important;
    box-shadow: 0 0 0 4px rgba(197, 160, 89, 0.18) !important;
}

.pixlab-login-form-options {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 16px 0 24px 0;
    font-size: 13px;
    @media (max-width: 480px) {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
}

.pixlab-rememberme-lbl {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    color: #475569;
    font-weight: 600;
}

.pixlab-login-form-options a {
    color: var(--pixlab-gold);
    font-weight: 700;
    text-decoration: none;
}

.pixlab-login-form-options a:hover {
    color: #a88544;
}

.pixlab-login-notice-box {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 14px 18px;
    margin-bottom: 20px;
}

.pixlab-login-notice-txt {
    font-size: 13px;
    color: #64748b;
    margin: 0;
    line-height: 1.5;
}

.pixlab-login-privacy-box,
.woocommerce-privacy-policy-text,
.woocommerce-privacy-policy-text p {
    font-size: 13px !important;
    color: #64748b !important;
    margin: 16px 0 !important;
    line-height: 1.6 !important;
}

.pixlab-login-privacy-box a,
.woocommerce-privacy-policy-text a {
    color: var(--pixlab-gold) !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}

.pixlab-login-submit-wrap {
    margin-top: 24px;
}

.pixlab-login-submit-wrap button[type="submit"] {
    width: 100% !important;
    padding: 14px 28px !important;
    font-size: 15px !important;
    border-radius: 12px !important;
}

.pixlab-lost-password-container {
    max-width: 540px;
    margin: 0 auto;
}

.pixlab-back-to-login-wrap {
    text-align: center;
    margin-top: 24px;
    padding-top: 16px;
    border-top: 1px solid #f1f5f9;
}

.pixlab-back-to-login-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 700;
    color: var(--pixlab-gold);
    text-decoration: none;
    transition: all 0.2s ease;
}

.pixlab-back-to-login-link:hover {
    color: #a88544;
}

.pixlab-back-to-login-link svg {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.woocommerce-lost-password .woocommerce {
    max-width: 600px;
    margin: 50px auto;
    padding: 0 20px;
}

.woocommerce-lost-password .woocommerce > p,
.woocommerce-lost-password .woocommerce .woocommerce-message,
.woocommerce-lost-password .woocommerce .woocommerce-info {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-top: 4px solid var(--pixlab-gold);
    border-radius: 20px;
    padding: 36px 28px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.04);
    color: #334155;
    font-size: 15px;
    line-height: 1.7;
    text-align: center;
    margin: 0 0 24px 0;
}

.woocommerce-lost-password .woocommerce > p::before {
    content: '';
    display: block;
    width: 52px;
    height: 52px;
    margin: 0 auto 20px auto;
    border-radius: 14px;
    background-color: #dcfce7;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2315803d'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.89 2-2V6c0-1.1-.89-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'/%3E%3C/svg%3E");
    background-size: 26px 26px;
    background-position: center;
    background-repeat: no-repeat;
}

.pixlab-hero-slider-section {
    position: relative;
    width: 100%;
    height: calc(100dvh - 126px);
    background-color: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 0;
    box-sizing: border-box;
    z-index: 50;
    @media(max-width:1024px){
        height: auto;
    }
    @media(max-width:640px){
        padding: 20px 0 10px;
    }
}

.pixlab-hero-slider-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://images.unsplash.com/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1920&q=80');
    background-size: cover;
    background-position: center;
    z-index: 1;
    overflow: hidden;
}

.pixlab-hero-video-bg {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: 1;
}

.pixlab-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.65) 60%, rgba(15, 23, 42, 0.95) 100%);
    z-index: 2;
}

.pixlab-hero-content-container {
    position: relative;
    z-index: 10;
    max-width: 1440px;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: calc(100dvh - 180px);
    @media (max-width: 991px) {
        min-height: auto;
    }
}

.pixlab-hero-text-box {
    text-align: center;
    max-width: 860px;
    margin: auto auto;
    padding: 40px 0 20px 0;
    @media (max-width: 991px) {
        padding: 20px 0;
    }
    @media(max-width:640px){
        padding: 50px 0;
    }
}

.pixlab-hero-tag {
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--pixlab-gold);
    display: block;
    margin-bottom: 12px;
}

.pixlab-hero-title {
    font-family: 'Playfair Display', serif;
    font-size: 44px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
    margin: 0 0 16px 0;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    text-wrap: balance;
    @media (max-width: 768px) {
        font-size: 28px;
    }
}

.pixlab-hero-desc {
    font-size: 16px;
    color: #cbd5e1;
    line-height: 1.6;
    margin: 0 0 28px 0;
    @media (max-width: 768px) {
        font-size: 14px;
    }
}

.pixlab-hero-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    @media (max-width: 480px) {
        flex-direction: column;
    }
    .pixlab-dash-btn.pixlab-dash-btn-gold{
        margin-top: 0 !important;
    }
}

.pixlab-hero-sec-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 14px 28px;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.pixlab-hero-sec-btn:hover {
    background-color: rgba(255, 255, 255, 0.16);
    color: var(--pixlab-gold);
    border-color: var(--pixlab-gold);
}

.pixlab-hero-search-widget {
    background: rgba(15, 23, 42, 0.8);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-top: 3px solid var(--pixlab-gold);
    border-radius: 20px;
    padding: 24px 30px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
    @media (max-width: 768px) {
        padding: 20px;
    }
}

.pixlab-hero-search-form {
    display: grid;
    grid-template-columns: 1fr 1fr 1.2fr auto;
    gap: 20px;
    align-items: end;
    @media (max-width: 991px) {
        grid-template-columns: 1fr 1fr;
    }
    @media (max-width: 576px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-hero-search-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pixlab-hero-search-label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #94a3b8;
}

.pixlab-hero-input-wrap {
    background-color: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 12px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.2s ease;
}

.pixlab-hero-input-wrap:hover {
    border-color: var(--pixlab-gold);
    background-color: rgba(255, 255, 255, 0.1);
}

.pixlab-hero-input-icon {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: var(--pixlab-gold);
    stroke-width: 2px;
    flex-shrink: 0;
}

.pixlab-hero-input {
    background: none;
    border: none;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    outline: none;
    width: 100%;
    cursor: pointer;
}

.pixlab-hero-input-txt {
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
}

.pixlab-hero-submit-btn {
    background-color: var(--pixlab-gold);
    color: #ffffff;
    border: none;
    border-radius: 12px;
    padding: 14px 28px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease;
    height: 48px;
    box-shadow: 0 6px 20px rgba(197, 160, 89, 0.3);
}

.pixlab-hero-submit-btn:hover {
    background-color: #a88544;
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(197, 160, 89, 0.4);
}

.pixlab-hero-slider-section .pixlab-hotel-booking-wrapper {
    max-width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
}

.pixlab-hero-slider-section .pixlab-hotel-booking-form {
    background: rgba(15, 23, 42, 0.8);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-top: 3px solid var(--pixlab-gold);
    border-radius: 20px;
    padding: 24px 30px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.35);
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    @media(max-width:640px){
        padding: 12px;
    }
}

.pixlab-hero-slider-section .pixlab-hotel-booking-form.pixlab-sticky-active {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 100%;
    z-index: 9999;
    padding: 14px 40px;
    background: rgba(15, 23, 42, 0.95);
    border: none;
    border-top: 2px solid var(--pixlab-gold);
    border-radius: 0;
    box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.4);
    animation: pixlabStickySlideUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
@media (max-width: 991px) {
padding: 12px 20px;
}
@media (max-width: 768px) {
position: relative;
bottom: auto;
left: auto;
right: auto;
width: 100%;
max-width: 100%;
z-index: auto;
animation: none;
border-radius: 20px;
}
}
.pixlab-sticky-active .pixlab-guest-picker-item,
.pixlab-sticky-active .pixlab-booking-range-item{
    & > label{
        display: none !important;
    }
}
.pixlab-hero-slider-section .pixlab-date-picker-card,
.pixlab-hero-slider-section .pixlab-guest-picker-trigger,
.pixlab-hero-slider-section .pixlab-booking-form-submit button {
    transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.pixlab-hero-slider-section .pixlab-hotel-booking-form.pixlab-sticky-active .pixlab-date-picker-card,
.pixlab-hero-slider-section .pixlab-hotel-booking-form.pixlab-sticky-active .pixlab-guest-picker-trigger {
    height: 72px;
    min-height: 72px;
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

.pixlab-hero-slider-section .pixlab-hotel-booking-form.pixlab-sticky-active .pixlab-booking-form-submit button {
    height: 72px;
    min-height: 72px;
}

@keyframes pixlabStickySlideUp {
    0% {
        transform: translateY(100%);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.pixlab-minimal-sticky-bar {
    position: fixed;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%) translateY(120px);
    opacity: 0;
    pointer-events: none;
    z-index: 99999;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease;
    @media (max-width: 768px) {
        bottom: 12px;
        width: calc(100% - 20px);
        max-width: 440px;
    }
    @media (max-width: 480px) {
        bottom: 10px;
        width: calc(100% - 16px);
    }
}

.pixlab-minimal-sticky-bar.pixlab-minimal-bar-visible {
    transform: translateX(-50%) translateY(0);
    opacity: 1;
    pointer-events: auto;
}

.pixlab-minimal-bar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    background: rgba(15, 23, 42, 0.92);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-top: 2px solid var(--pixlab-gold, #c5a059);
    border-radius: 50px;
    padding: 8px 10px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45), 0 0 20px rgba(197, 160, 89, 0.15);
    @media (max-width: 991px) {
        padding: 6px 8px 6px 16px;
        gap: 12px;
    }
    @media (max-width: 768px) {
        padding: 6px 6px 6px 10px;
        gap: 6px;
        border-radius: 40px;
    }
}

.pixlab-minimal-item {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    user-select: none;
    transition: opacity 0.2s ease;
    @media (max-width: 768px) {
        gap: 6px;
        flex: 1;
        min-width: 0;
    }
}

.pixlab-minimal-item:hover {
    opacity: 0.85;
}

.pixlab-minimal-chevron {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: rgba(255, 255, 255, 0.6);
    margin-left: 6px;
    flex-shrink: 0;
    transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    @media (max-width: 768px) {
        display: none !important;
    }
}

.pixlab-minimal-item:hover .pixlab-minimal-chevron {
    background: rgba(197, 160, 89, 0.2);
    border-color: rgba(197, 160, 89, 0.4);
    color: var(--pixlab-gold, #c5a059);
}

.pixlab-minimal-sticky-bar.pixlab-minimal-date-active .pixlab-minimal-date-trigger .pixlab-minimal-chevron,
.pixlab-minimal-guest-wrapper.active .pixlab-minimal-chevron {
    background: rgba(197, 160, 89, 0.25);
    border-color: var(--pixlab-gold, #c5a059);
    color: var(--pixlab-gold, #c5a059);
    transform: rotate(180deg);
}

.pixlab-minimal-icon {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(197, 160, 89, 0.15);
    color: var(--pixlab-gold, #c5a059);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    @media (max-width: 768px) {
        width: 30px;
        height: 30px;
        min-width: 30px;
    }
}

.pixlab-minimal-text-group {
    display: flex;
    flex-direction: column;
    @media (max-width: 768px) {
        min-width: 0;
        overflow: hidden;
    }
}

.pixlab-minimal-label {
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #94a3b8;
    line-height: 1.2;
    @media (max-width: 768px) {
        display: none !important;
    }
}

.pixlab-minimal-val {
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.3;
    white-space: nowrap;
    @media (max-width: 768px) {
        font-size: 11px;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    @media (max-width: 480px) {
        font-size: 10.5px;
    }
}

.pixlab-minimal-divider {
    width: 1px;
    height: 28px;
    background: rgba(255, 255, 255, 0.15);
    flex-shrink: 0;
    @media (max-width: 768px) {
        height: 20px;
        margin: 0 1px;
    }
}

.pixlab-minimal-submit-btn {
    background: linear-gradient(135deg, #c5a059 0%, #a88544 100%);
    color: #ffffff;
    border: none;
    border-radius: 40px;
    padding: 10px 22px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    @media (max-width: 768px) {
        width: 36px;
        height: 36px;
        min-width: 36px;
        padding: 0;
        border-radius: 50%;
        justify-content: center;
        flex-shrink: 0;
        span {
            display: none !important;
        }
    }
}

.pixlab-minimal-submit-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(197, 160, 89, 0.35);
}

.pixlab-minimal-datepicker-input {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    pointer-events: none;
    border: none;
    padding: 0;
    margin: 0;
}

.pixlab-minimal-sticky-bar .pixlab-guest-picker-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    height: auto;
    min-height: 0;
    box-shadow: none;
    @media (max-width: 768px) {
        flex: 1;
        min-width: 0;
    }
}

.pixlab-minimal-sticky-bar .pixlab-guest-picker-trigger {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    height: auto;
    min-height: 0;
    box-shadow: none;
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    @media (max-width: 768px) {
        gap: 6px;
        flex: 1;
        min-width: 0;
    }
}

.pixlab-minimal-sticky-bar .pixlab-guest-picker-trigger:hover,
.pixlab-minimal-sticky-bar .pixlab-guest-picker-wrapper.active .pixlab-guest-picker-trigger {
    background: transparent;
    border: none;
    box-shadow: none;
}



.flatpickr-calendar.pixlab-minimal-fp-calendar {
    position: fixed;
    bottom: 70px;
    top: auto !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 999999;
    background: rgba(15, 23, 42, 0.98);
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-top: 3px solid var(--pixlab-gold, #c5a059);
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
    &::before {
        display: none;
    }
    &::after {
        display: none;
    }
@media (max-width: 768px) {
bottom: 75px;
}
}

.pixlab-hero-slider-section .pixlab-hotel-booking-form label,
.pixlab-hero-slider-section .pixlab-date-label,
.pixlab-hero-slider-section .pixlab-guest-sub-label {
    color: #94a3b8 !important;
}

.pixlab-hero-slider-section .pixlab-date-picker-card,
.pixlab-hero-slider-section .pixlab-guest-picker-trigger {
    background-color: rgba(255, 255, 255, 0.06) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 12px !important;
    transition: all 0.2s ease !important;
}

.pixlab-hero-slider-section .pixlab-date-picker-card:hover,
.pixlab-hero-slider-section .pixlab-guest-picker-trigger:hover {
    border-color: var(--pixlab-gold) !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.pixlab-hero-slider-section .pixlab-date-value,
.pixlab-hero-slider-section .pixlab-guest-summary-text,
.pixlab-hero-slider-section .pixlab-date-time-info {
    color: #ffffff !important;
}

.pixlab-hero-slider-section .pixlab-date-arrow-wrapper svg,
.pixlab-hero-slider-section .pixlab-guest-icon-box svg,
.pixlab-hero-slider-section .pixlab-guest-arrow-box svg {
    stroke: var(--pixlab-gold) !important;
    transition: stroke 0.2s ease !important;
}

.pixlab-hero-slider-section .pixlab-date-picker-card:hover .pixlab-date-arrow-wrapper svg,
.pixlab-hero-slider-section .pixlab-date-arrow-wrapper:hover svg,
.pixlab-hero-slider-section .pixlab-guest-picker-trigger:hover .pixlab-guest-arrow-box svg {
    stroke: #ffffff !important;
}

.pixlab-hero-slider-section .pixlab-calendar-icon-btn,
.pixlab-hero-slider-section .pixlab-calendar-icon-btn svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
}

.pixlab-hero-slider-section .pixlab-guest-icon-box {
    background-color: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 10px !important;
}

.pixlab-hero-slider-section .pixlab-date-arrow-wrapper,
.pixlab-hero-slider-section .pixlab-guest-arrow-box {
    background-color: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 10px !important;
    transition: all 0.2s ease !important;
}

.pixlab-hero-slider-section .pixlab-date-picker-card:hover .pixlab-date-arrow-wrapper,
.pixlab-hero-slider-section .pixlab-guest-picker-trigger:hover .pixlab-guest-arrow-box {
    background-color: rgba(197, 160, 89, 0.25) !important;
    border-color: var(--pixlab-gold) !important;
}

.pixlab-hero-slider-section .pixlab-guest-picker-wrapper.open-above .pixlab-guest-picker-dropdown {
    top: auto !important;
    bottom: calc(100% + 12px) !important;
    transform: translateY(0) scale(1) !important;
}
.pixlab-single-room-sidebar{
    @media(max-width:768px){
        width: 100%;
    }
}

.pixlab-hero-slider-section .pixlab-date-nights-badge {
    background-color: rgba(197, 160, 89, 0.2) !important;
    color: var(--pixlab-gold) !important;
    border: 1px solid rgba(197, 160, 89, 0.4) !important;
}

.pixlab-hero-slider-section .pixlab-booking-submit-btn,
.pixlab-hero-slider-section button[type="submit"] {
    background-color: var(--pixlab-gold) !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 12px !important;
    box-shadow: 0 6px 20px rgba(197, 160, 89, 0.3) !important;
}

.pixlab-hero-slider-section .pixlab-booking-submit-btn:hover,
.pixlab-hero-slider-section button[type="submit"]:hover {
    background-color: #a88544 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 25px rgba(197, 160, 89, 0.4) !important;
}

.pixlab-myaccount-address-header {
    margin-bottom: 28px;
}

.pixlab-myaccount-address-title {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 6px 0;
}

.pixlab-myaccount-address-subtitle {
    font-size: 14px;
    color: #64748b;
    display: block;
    line-height: 1.5;
}

.pixlab-myaccount-address-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    @media (max-width: 768px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-myaccount-address-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-top: 4px solid var(--pixlab-gold);
    border-radius: 20px;
    padding: 28px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.pixlab-myaccount-address-card:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.07);
}

.pixlab-myaccount-address-card-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #f1f5f9;
}

.pixlab-myaccount-address-icon-box {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background-color: #faf9f6;
    border: 1px solid #eae5db;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pixlab-myaccount-address-svg {
    width: 22px;
    height: 22px;
    fill: var(--pixlab-gold);
}

.pixlab-myaccount-address-card-title {
    font-size: 17px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 2px 0;
}

.pixlab-myaccount-address-badge {
    font-size: 11px;
    font-weight: 700;
    background-color: #f1f5f9;
    color: #475569;
    padding: 2px 8px;
    border-radius: 10px;
    display: inline-block;
}

.pixlab-myaccount-address-body {
    flex: 1;
    margin-bottom: 20px;
}

.pixlab-myaccount-address-box {
    background-color: #f8fafc;
    border: 1px solid #f1f5f9;
    border-radius: 14px;
    padding: 16px 20px;
}

.pixlab-myaccount-formatted-address {
    font-style: normal;
    font-size: 14px;
    color: #334155;
    line-height: 1.7;
    margin: 0;
    font-weight: 500;
}

.pixlab-myaccount-address-footer {
    display: flex;
    justify-content: flex-start;
}

.pixlab-btn-svg {
    width: 15px;
    height: 15px;
    fill: currentColor;
    margin-right: 8px;
}

.woocommerce-info,
.pixlab-myaccount-content .woocommerce-info {
    background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
    border: 1px solid #bae6fd;
    border-radius: 16px;
    padding: 18px 24px;
    margin-bottom: 24px;
    color: #0369a1;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    box-shadow: 0 4px 15px rgba(2, 132, 199, 0.06);
    list-style: none;
    @media (max-width: 768px) {
        flex-direction: column;
        align-items: flex-start;
    }
}

.woocommerce-info::before {
    display: none;
}

.woocommerce-info .button,
.woocommerce-info a.button {
    background-color: #0284c7;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 18px;
    border-radius: 10px;
    text-decoration: none;
    transition: all 0.2s ease;
    border: none;
    order: 2;
    margin: 0;
    float: none;
}

.woocommerce-info .button:hover,
.woocommerce-info a.button:hover {
    background-color: #0369a1;
    color: #ffffff;
}

.woocommerce-message,
.woocommerce-error {
    position: fixed;
    top: 30px;
    right: 30px;
    z-index: 999999;
    min-width: 320px;
    max-width: 440px;
    border-radius: 16px;
    padding: 18px 24px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
    font-size: 14px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    animation: pixlabToastSlideIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) forwards;
    transition: opacity 0.4s ease, transform 0.4s ease;
    list-style: none;
    margin: 0;
    @media (max-width: 480px) {
        top: 15px;
        right: 15px;
        left: 15px;
        max-width: none;
        min-width: 0;
    }
}

.woocommerce-message::before,
.woocommerce-error::before {
    display: none;
}

.woocommerce-message {
    background-color: #0f172a;
    border: 1px solid #334155;
    color: #ffffff;
}

.woocommerce-message .button,
.woocommerce-message a.button {
    background-color: var(--pixlab-gold);
    color: #ffffff;
    font-size: 12px;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: 8px;
    text-decoration: none;
    border: none;
    margin: 0;
    float: none;
}

.woocommerce-error {
    background-color: #7f1d1d;
    border: 1px solid #991b1b;
    color: #ffffff;
}

.woocommerce-error li {
    list-style: none;
}

@keyframes pixlabToastSlideIn {
    from {
        opacity: 0;
        transform: translateX(60px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateX(0) scale(1);
    }
}

.pixlab-toast-fade-out {
    opacity: 0;
    transform: translateY(-20px) scale(0.95);
}

.pixlab-order-status-banner {
    border-radius: 16px;
    padding: 24px 28px;
    margin-bottom: 28px;
    border: 1px solid transparent;
}

.pixlab-order-status-header {
    display: flex;
    align-items: center;
    gap: 18px;
    @media (max-width: 768px) {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }
}

.pixlab-order-status-icon-box {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pixlab-order-status-icon-box .pixlab-thankyou-svg {
    width: 24px;
    height: 24px;
}

.pixlab-order-status-title-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 6px;
    flex-wrap: wrap;
}

.pixlab-order-status-label {
    font-size: 15px;
    font-weight: 600;
    color: #475569;
}

.pixlab-order-status-badge {
    font-size: 13px;
    font-weight: 700;
    padding: 4px 12px;
    border-radius: 30px;
    display: inline-block;
}

.pixlab-order-status-desc {
    font-size: 14px;
    margin: 0;
    color: #334155;
    line-height: 1.5;
}

.pixlab-status-warning {
    background-color: #fffbeb;
    border-color: #fde68a;
}
.pixlab-status-warning .pixlab-order-status-icon-box {
    background-color: #fef3c7;
}
.pixlab-status-warning .pixlab-order-status-icon-box svg {
    fill: #d97706;
}
.pixlab-status-warning .pixlab-order-status-badge {
    background-color: #fef3c7;
    color: #b45309;
}

.pixlab-status-info {
    background-color: #f0f9ff;
    border-color: #bae6fd;
}
.pixlab-status-info .pixlab-order-status-icon-box {
    background-color: #e0f2fe;
}
.pixlab-status-info .pixlab-order-status-icon-box svg {
    fill: #0284c7;
}
.pixlab-status-info .pixlab-order-status-badge {
    background-color: #e0f2fe;
    color: #0369a1;
}

.pixlab-status-success {
    background-color: #f0fdf4;
    border-color: #bbf7d0;
}
.pixlab-status-success .pixlab-order-status-icon-box {
    background-color: #dcfce7;
}
.pixlab-status-success .pixlab-order-status-icon-box svg {
    fill: #16a34a;
}
.pixlab-status-success .pixlab-order-status-badge {
    background-color: #dcfce7;
    color: #15803d;
}

.pixlab-status-danger {
    background-color: #fef2f2;
    border-color: #fecaca;
}
.pixlab-status-danger .pixlab-order-status-icon-box {
    background-color: #fee2e2;
}
.pixlab-status-danger .pixlab-order-status-icon-box svg {
    fill: #dc2626;
}
.pixlab-status-danger .pixlab-order-status-badge {
    background-color: #fee2e2;
    color: #b91c1c;
}

.pixlab-status-gray {
    background-color: #f8fafc;
    border-color: #e2e8f0;
}
.pixlab-status-gray .pixlab-order-status-icon-box {
    background-color: #f1f5f9;
}
.pixlab-status-gray .pixlab-order-status-icon-box svg {
    fill: #64748b;
}
.pixlab-status-gray .pixlab-order-status-badge {
    background-color: #f1f5f9;
    color: #475569;
}

.pixlab-thankyou-wrapper ~ .woocommerce-bacs-bank-details,
.pixlab-thankyou-wrapper ~ p.woocommerce-notice,
.pixlab-thankyou-wrapper ~ ul.woocommerce-order-overview {
    display: none !important;
}

.pixlab-thankyou-header {
    text-align: center;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-radius: 24px;
    padding: 48px 32px;
    margin-bottom: 32px;
    color: #ffffff;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);
}

.pixlab-thankyou-badge-icon {
    width: 64px;
    height: 64px;
    background: linear-gradient(135deg, var(--pixlab-gold) 0%, #d4af37 100%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    box-shadow: 0 8px 24px rgba(197, 168, 128, 0.3);
}

.pixlab-thankyou-svg {
    width: 32px;
    height: 32px;
    fill: #ffffff;
}

.pixlab-thankyou-subheading {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: var(--pixlab-gold);
    margin-bottom: 8px;
}

.pixlab-thankyou-heading {
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -0.5px;
    margin: 0 0 12px;
    color: #ffffff;
@media (max-width: 768px) {
font-size: 24px;
}
}

.pixlab-thankyou-subtext {
    font-size: 15px;
    color: #94a3b8;
    margin: 0 auto;
    max-width: 600px;
    line-height: 1.6;
}

.pixlab-thankyou-overview-bar {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
    background-color: #ffffff;
    border: 1px solid #eee9e0;
    border-radius: 20px;
    padding: 24px;
    margin-bottom: 32px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
@media (max-width: 991px) {
grid-template-columns: repeat(3, 1fr);
gap: 12px;
}
@media (max-width: 600px) {
grid-template-columns: 1fr;
gap: 12px;
}
}

.pixlab-thankyou-overview-item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px;
    background-color: #faf9f6;
    border: 1px solid #eae5db;
    border-radius: 14px;
    box-sizing: border-box;
}

.pixlab-thankyou-overview-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #94a3b8;
}

.pixlab-thankyou-overview-val {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    word-break: break-word;
}

.pixlab-thankyou-gold-text {
    color: var(--pixlab-gold);
    font-weight: 800;
}

.pixlab-thankyou-grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 32px;
@media (max-width: 991px) {
grid-template-columns: 1fr;
gap: 24px;
}
}

.pixlab-thankyou-main-col,
.pixlab-thankyou-sidebar-col {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.pixlab-thankyou-card {
    background-color: #ffffff;
    border: 1px solid #eee9e0;
    border-radius: 20px;
    padding: 28px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    box-sizing: border-box;
}

.pixlab-thankyou-card-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 20px;
    margin-bottom: 24px;
    border-bottom: 1px solid #f0ebe1;
}

.pixlab-thankyou-card-icon {
    width: 24px;
    height: 24px;
    fill: var(--pixlab-gold);
}

.pixlab-thankyou-card-title {
    font-size: 19px;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
}

.pixlab-thankyou-room-body {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pixlab-thankyou-room-thumb {
    width: 100%;
    height: 240px;
    border-radius: 16px;
    overflow: hidden;
}

.pixlab-thankyou-room-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pixlab-thankyou-room-name {
    font-size: 22px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 16px;
}

.pixlab-thankyou-room-tag {
    color: var(--pixlab-gold);
    font-weight: 700;
}

.pixlab-thankyou-date-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #faf9f6;
    border: 1px solid #eae5db;
    border-radius: 16px;
    padding: 20px 24px;
    margin-bottom: 16px;
@media (max-width: 600px) {
flex-direction: column;
gap: 16px;
text-align: center;
}
}

.pixlab-thankyou-date-box {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pixlab-thankyou-date-tag {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    color: #94a3b8;
}

.pixlab-thankyou-date-val {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}

.pixlab-thankyou-date-arrow {
    width: 28px;
    height: 28px;
}

.pixlab-thankyou-date-arrow .pixlab-thankyou-svg {
    fill: var(--pixlab-gold);
    width: 100%;
    height: 100%;
}

.pixlab-thankyou-meta-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.pixlab-thankyou-chip {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: #f1f5f9;
    padding: 8px 14px;
    border-radius: 30px;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
}

.pixlab-thankyou-chip-icon {
    width: 16px;
    height: 16px;
    fill: var(--pixlab-gold);
}

.pixlab-thankyou-meta-list {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #f0ebe1;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.pixlab-thankyou-meta-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 13px;
}

.pixlab-thankyou-meta-label {
    color: #64748b;
    font-weight: 500;
}

.pixlab-thankyou-meta-val {
    color: #0f172a;
    font-weight: 700;
}

.pixlab-thankyou-guest-body {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.pixlab-thankyou-invoice-type-tag {
    background-color: #f1f5f9;
    color: #0f172a;
    padding: 4px 12px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: 700;
}

.pixlab-thankyou-guest-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 12px;
    border-bottom: 1px dashed #e2e8f0;
@media (max-width: 600px) {
flex-direction: column;
align-items: flex-start;
gap: 4px;
}
}

.pixlab-thankyou-guest-row:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.pixlab-thankyou-guest-label {
    font-size: 14px;
    color: #64748b;
    font-weight: 500;
}

.pixlab-thankyou-guest-val {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    text-align: right;
    @media(max-width:640px){
        text-align: left;
    }
}

.pixlab-thankyou-bacs-body {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.pixlab-thankyou-bacs-divider {
    margin-top: 10px;
    padding-top: 20px;
    border-top: 2px dashed #e2e8f0;
}

.pixlab-thankyou-bacs-name {
    font-size: 16px;
    font-weight: 800;
    color: var(--pixlab-gold);
    padding-bottom: 12px;
    border-bottom: 1px solid #f0ebe1;
}

.pixlab-thankyou-bacs-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0;
    border-bottom: 1px dashed #e2e8f0;
}

.pixlab-thankyou-bacs-label {
    font-size: 13px;
    color: #64748b;
}

.pixlab-thankyou-bacs-val {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}

.pixlab-thankyou-iban-box {
    background-color: #faf9f6;
    border: 1px solid #eae5db;
    border-radius: 14px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 6px;
}

.pixlab-thankyou-iban-label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #94a3b8;
    letter-spacing: 0.8px;
}

.pixlab-thankyou-iban-code {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: 0.5px;
    word-break: break-all;
}

.pixlab-thankyou-copy-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: var(--pixlab-gold);
    color: #ffffff;
    border: none;
    border-radius: 8px;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    transition: background-color 0.2s ease;
    margin-top: 4px;
}

.pixlab-thankyou-copy-btn:hover {
    background-color: #b8975e;
}

.pixlab-thankyou-btn-icon {
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.pixlab-thankyou-price-body {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.pixlab-thankyou-price-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px dashed #e2e8f0;
}

.pixlab-thankyou-price-grand {
    border-top: 1px dashed #cbd5e1;
    border-bottom: none;
    padding-top: 14px;
    margin-top: 4px;
}

.pixlab-thankyou-price-label {
    font-size: 14px;
    color: #64748b;
}

.pixlab-thankyou-price-val {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
}

.pixlab-thankyou-actions-box {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pixlab-thankyou-action-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    padding: 14px 20px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s ease;
    box-sizing: border-box;
}

.pixlab-thankyou-btn-outline {
    background-color: transparent;
    border: 2px solid var(--pixlab-gold);
    color: var(--pixlab-gold);
}

.pixlab-thankyou-btn-outline:hover {
    background-color: var(--pixlab-gold);
    color: #ffffff;
}

.pixlab-thankyou-btn-primary {
    background-color: var(--pixlab-gold);
    color: #ffffff;
    border: none;
    text-decoration: none;
}

.pixlab-thankyou-failed-card {
    text-align: center;
    padding: 60px 40px;
}

.pixlab-thankyou-icon-failed {
    background-color: #fee2e2;
}

.pixlab-thankyou-icon-failed .pixlab-thankyou-svg {
    fill: #ef4444;
}

.pixlab-thankyou-title {
    font-size: 26px;
    font-weight: 800;
    color: #0f172a;
    margin: 16px 0 8px;
}

.pixlab-thankyou-desc {
    font-size: 15px;
    color: #64748b;
    margin: 0 0 24px;
}
.pixlab-thankyou-bacs-item{
    .pixlab-thankyou-bacs-row:nth-last-of-type(2) {
        border-bottom: 0 !important;
    }
}
.woocommerce .col2-set::after, .woocommerce .col2-set::before, .woocommerce-page .col2-set::after, .woocommerce-page .col2-set::before{
    display: none;
}
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
    width: 100%;
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register{
    border: 0 !important;
    @media(max-width:640px){
        padding: 10px 0 0;
        margin-top: 0;
    }
}

.pixlab-user-drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    z-index: 99998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.pixlab-user-drawer-overlay.pixlab-active {
    opacity: 1;
    visibility: visible;
}

.pixlab-user-drawer-panel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 440px;
    max-width: 100%;
    background-color: #ffffff;
    z-index: 99999;
    box-shadow: -10px 0 30px rgba(15, 23, 42, 0.15);
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    @media (max-width: 480px) {
        width: 100%;
    }
}

.pixlab-user-drawer-panel.pixlab-active {
    transform: translateX(0);
}

body.pixlab-drawer-open {
    overflow: hidden;
}

.pixlab-user-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    background-color: #0f172a;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.pixlab-user-drawer-profile-box {
    display: flex;
    align-items: center;
    gap: 14px;
}

.pixlab-user-drawer-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #d4af37 0%, #997a15 100%);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);
    flex-shrink: 0;
}

.pixlab-user-drawer-profile-info {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pixlab-user-drawer-name-wrap {
    display: flex;
    align-items: center;
    gap: 8px;
}

.pixlab-user-drawer-name {
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
}

.pixlab-user-drawer-vip-tag {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    background-color: rgba(212, 175, 55, 0.2);
    color: #d4af37;
    border: 1px solid rgba(212, 175, 55, 0.4);
    padding: 2px 6px;
    border-radius: 4px;
}

.pixlab-user-drawer-email {
    font-size: 13px;
    color: #94a3b8;
}

.pixlab-user-drawer-close-btn {
    background: transparent;
    border: none;
    color: #94a3b8;
    cursor: pointer;
    padding: 6px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.pixlab-user-drawer-close-btn:hover {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
}

.pixlab-drawer-close-svg {
    width: 20px;
    height: 20px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
}

.pixlab-user-drawer-body {
    flex: 1;
    overflow-y: auto;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #ffffff;
}

.pixlab-user-drawer-body::-webkit-scrollbar {
    width: 4px;
}

.pixlab-user-drawer-body::-webkit-scrollbar-track {
    background: #ffffff;
}

.pixlab-user-drawer-body::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

.pixlab-user-stats-grid {
    display: flex;
    align-items: center;
    margin: -20px -20px 0 -20px;
    border-bottom: 1px solid #e2e8f0;
    background-color: #ffffff;
}

.pixlab-user-stat-card {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 12px;
    background-color: transparent;
    border: none;
    border-right: 1px solid #e2e8f0;
    border-radius: 0;
    box-shadow: none;
    transition: background-color 0.2s ease;
    @media (max-width: 480px) {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #e2e8f0;
    }
}

.pixlab-user-stat-card:last-child {
    border-right: none;
    @media (max-width: 480px) {
        border-bottom: none;
    }
}

.pixlab-user-stat-card:hover {
    background-color: #f8fafc;
}

.pixlab-user-stat-icon-wrap {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pixlab-user-stat-icon-wrap svg {
    width: 18px;
    height: 18px;
    stroke-width: 2;
    fill: none;
}

.pixlab-bg-amber {
    background-color: #fef3c7;
    color: #d97706;
}

.pixlab-bg-amber svg {
    stroke: #d97706;
}

.pixlab-bg-sky {
    background-color: #e0f2fe;
    color: #0284c7;
}

.pixlab-bg-sky svg {
    stroke: #0284c7;
}

.pixlab-bg-emerald {
    background-color: #dcfce7;
    color: #16a34a;
}

.pixlab-bg-emerald svg {
    stroke: #16a34a;
}

.pixlab-user-stat-details {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.pixlab-user-stat-value {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.1;
}

.pixlab-user-stat-label {
    font-size: 10.5px;
    font-weight: 600;
    color: #64748b;
    line-height: 1.2;
    margin-top: 2px;
}

.pixlab-user-drawer-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pixlab-user-drawer-section-head {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    color: #94a3b8;
}

.pixlab-user-last-order-card {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 14px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pixlab-last-order-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 8px;
    border-bottom: 1px dashed #cbd5e1;
}

.pixlab-last-order-num {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}

.pixlab-last-order-status {
    font-size: 11px;
    font-weight: 600;
    padding: 3px 8px;
    border-radius: 6px;
    background-color: #e2e8f0;
    color: #475569;
}

.pixlab-last-order-status.pixlab-status-completed {
    background-color: #dcfce7;
    color: #15803d;
}

.pixlab-last-order-status.pixlab-status-processing,
.pixlab-last-order-status.pixlab-status-on-hold {
    background-color: #fef3c7;
    color: #b45309;
}

.pixlab-last-order-body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 13px;
}

.pixlab-last-order-info-row {
    display: flex;
    justify-content: space-between;
    color: #64748b;
}

.pixlab-last-order-info-row strong {
    color: #0f172a;
}

.pixlab-last-order-footer {
    margin-top: 4px;
}

.pixlab-last-order-view-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    padding: 8px 12px;
    background-color: #ffffff;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    font-size: 12.5px;
    font-weight: 600;
    color: #0f172a;
    text-decoration: none;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

.pixlab-last-order-view-btn:hover {
    background-color: #f1f5f9;
    border-color: #94a3b8;
}

.pixlab-last-order-view-btn svg {
    width: 14px;
    height: 14px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
}

.pixlab-user-drawer-nav {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 0;
    margin: 0;
}

.pixlab-user-nav-item a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 12px;
    border-radius: 10px;
    color: #334155;
    text-decoration: none;
    font-size: 13.5px;
    font-weight: 500;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.pixlab-user-nav-item a:hover {
    background-color: #f8fafc;
    color: var(--pixlab-gold);
}

.pixlab-user-nav-icon {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    background-color: #f1f5f9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #64748b;
    transition: background-color 0.2s ease, color 0.2s ease;
}

.pixlab-user-nav-item a:hover .pixlab-user-nav-icon {
    background-color: rgba(212, 175, 55, 0.12);
    color: var(--pixlab-gold);
}

.pixlab-user-nav-icon svg {
    width: 18px;
    height: 18px;
    fill: currentColor;
    stroke: none;
    flex-shrink: 0;
}

.pixlab-user-nav-label {
    flex: 1;
}

.pixlab-user-nav-arrow {
    width: 14px;
    height: 14px;
    stroke: #94a3b8;
    stroke-width: 2;
    fill: none;
    transition: transform 0.2s ease, stroke 0.2s ease;
}

.pixlab-user-nav-item a:hover .pixlab-user-nav-arrow {
    stroke: var(--pixlab-gold);
    transform: translateX(2px);
}

.pixlab-nav-customer-logout a {
    color: #ef4444;
}

.pixlab-nav-customer-logout a:hover {
    background-color: #fef2f2;
    color: #dc2626;
}

.pixlab-nav-customer-logout .pixlab-user-nav-icon,
.pixlab-nav-customer-logout .pixlab-myaccount-nav-icon {
    background-color: #fef2f2;
    color: #ef4444;
}

.pixlab-nav-customer-logout a:hover .pixlab-user-nav-icon,
.pixlab-nav-customer-logout a:hover .pixlab-myaccount-nav-icon {
    background-color: #fee2e2;
    color: #dc2626;
}

.pixlab-auth-drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    z-index: 99998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.pixlab-auth-drawer-overlay.pixlab-active {
    opacity: 1;
    visibility: visible;
}

.pixlab-auth-drawer-panel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 440px;
    max-width: 100%;
    background-color: #ffffff;
    z-index: 99999;
    box-shadow: -10px 0 30px rgba(15, 23, 42, 0.15);
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    @media (max-width: 480px) {
        width: 100%;
    }
}

.pixlab-auth-drawer-panel.pixlab-active {
    transform: translateX(0);
}

.pixlab-auth-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    background-color: #0f172a;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.pixlab-auth-drawer-brand {
    display: flex;
    align-items: center;
    gap: 14px;
}

.pixlab-auth-header-icon-wrap {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: rgba(212, 175, 55, 0.15);
    border: 1px solid rgba(212, 175, 55, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pixlab-auth-header-icon {
    width: 20px;
    height: 20px;
    stroke: var(--pixlab-gold);
    stroke-width: 2;
    fill: none;
}

.pixlab-auth-drawer-title-wrap {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.pixlab-auth-drawer-title {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}

.pixlab-auth-drawer-subtitle {
    font-size: 12.5px;
    color: #94a3b8;
}

.pixlab-auth-drawer-close-btn {
    background: transparent;
    border: none;
    color: #94a3b8;
    cursor: pointer;
    padding: 6px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s ease, background-color 0.2s ease;
}

.pixlab-auth-drawer-close-btn:hover {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
}

.pixlab-auth-nav-tabs {
    display: flex;
    background-color: #f8fafc;
    border-bottom: 1px solid #e2e8f0;
}

.pixlab-auth-tab {
    flex: 1;
    padding: 14px 16px;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    font-size: 14px;
    font-weight: 600;
    color: #64748b;
    cursor: pointer;
    transition: all 0.2s ease;
}

.pixlab-auth-tab:hover {
    color: #0f172a;
}

.pixlab-auth-tab.active {
    color: var(--pixlab-gold);
    border-bottom-color: var(--pixlab-gold);
    background-color: #ffffff;
}

.pixlab-auth-drawer-body {
    flex: 1;
    overflow-y: auto;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    scrollbar-width: thin;
    scrollbar-color: #cbd5e1 #ffffff;
}

.pixlab-auth-drawer-body::-webkit-scrollbar {
    width: 4px;
}

.pixlab-auth-drawer-body::-webkit-scrollbar-track {
    background: #ffffff;
}

.pixlab-auth-drawer-body::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 4px;
}

.pixlab-auth-notice {
    display: none;
    padding: 12px 14px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.4;
}

.pixlab-auth-notice.pixlab-notice-error {
    display: block;
    background-color: #fef2f2;
    border: 1px solid #fca5a5;
    color: #991b1b;
}

.pixlab-auth-notice.pixlab-notice-success {
    display: block;
    background-color: #f0fdf4;
    border: 1px solid #86efac;
    color: #166534;
}

.pixlab-auth-form {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pixlab-auth-form-intro {
    font-size: 13.5px;
    color: #64748b;
    line-height: 1.5;
}

.pixlab-auth-field-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pixlab-auth-field-group label {
    font-size: 13px;
    font-weight: 600;
    color: #334155;
}

.pixlab-auth-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pixlab-auth-forgot-link {
    font-size: 12.5px;
    font-weight: 600;
    color: var(--pixlab-gold);
    text-decoration: none;
    transition: color 0.2s ease;
}

.pixlab-auth-forgot-link:hover {
    color: var(--pixlab-gold-dark);
    text-decoration: underline;
}

.pixlab-auth-input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.pixlab-auth-input-icon {
    position: absolute;
    left: 14px;
    width: 18px;
    height: 18px;
    stroke: #94a3b8;
    stroke-width: 2;
    fill: none;
    pointer-events: none;
    transition: stroke 0.2s ease;
}

.pixlab-auth-input-wrap input {
    width: 100%;
    height: 46px;
    padding: 0 14px 0 42px;
    background-color: #ffffff;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    font-size: 14px;
    color: #0f172a;
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

.pixlab-auth-input-wrap input:focus {
    border-color: var(--pixlab-gold);
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.15);
}

.pixlab-auth-input-wrap input:focus + .pixlab-auth-input-icon,
.pixlab-auth-input-wrap input:focus ~ .pixlab-auth-input-icon {
    stroke: var(--pixlab-gold);
}

.pixlab-auth-remember-row {
    display: flex;
    align-items: center;
}

.pixlab-auth-checkbox-label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    color: #475569;
    cursor: pointer;
}

.pixlab-auth-checkbox-label input[type="checkbox"] {
    width: 16px;
    height: 16px;
    accent-color: var(--pixlab-gold);
    cursor: pointer;
}

.pixlab-auth-submit-btn {
    height: 48px;
    background: linear-gradient(135deg, #d4af37 0%, #997a15 100%);
    color: #ffffff;
    border: none;
    border-radius: 10px;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    box-shadow: 0 4px 14px rgba(212, 175, 55, 0.3);
    margin-top: 6px;
}

.pixlab-auth-submit-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 18px rgba(212, 175, 55, 0.4);
}

.pixlab-auth-submit-btn:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

.pixlab-btn-spinner svg {
    width: 22px;
    height: 22px;
    animation: pixlab-spin 0.8s linear infinite;
}

@keyframes pixlab-spin {
    100% {
        transform: rotate(360deg);
    }
}

.pixlab-auth-back-wrap {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.pixlab-auth-back-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
    text-decoration: none;
    transition: color 0.2s ease;
}

.pixlab-auth-back-link:hover {
    color: #0f172a;
}

.pixlab-auth-back-link svg {
    width: 15px;
    height: 15px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
}

.pixlab-auth-field-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    @media (max-width: 480px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-auth-forgot-wrap {
    display: flex;
    justify-content: flex-end;
    margin-top: 6px;
}

.pixlab-auth-optional-text {
    font-size: 11.5px;
    font-weight: 400;
    color: #94a3b8;
}

.pixlab-auth-switch-prompt {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    font-size: 13px;
    color: #64748b;
    margin-top: 12px;
    padding-top: 16px;
    border-top: 1px dashed #e2e8f0;
}

.pixlab-auth-switch-link {
    font-weight: 700;
    color: var(--pixlab-gold);
    text-decoration: none;
    transition: color 0.2s ease;
}

.pixlab-auth-switch-link:hover {
    color: var(--pixlab-gold-dark);
    text-decoration: underline;
}

.pixlab-form-help-text {
    font-size: 12.5px;
    font-weight: 400;
    color: #94a3b8;
    margin-top: 4px;
    display: block;
    line-height: 1.4;
}

.pixlab-unpaid-countdown-float {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 99990;
    background: #0f172a;
    border: 1.5px solid rgba(212, 175, 55, 0.4);
    border-radius: 14px;
    padding: 14px 18px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.25);
    display: flex;
    align-items: center;
    gap: 14px;
    color: #ffffff;
    max-width: 380px;
    animation: pixlab-pulse-border 2s infinite ease-in-out;
    @media (max-width: 480px) {
        bottom: 12px;
        right: 12px;
        left: 12px;
        max-width: none;
    }
}

@keyframes pixlab-pulse-border {
    0% {
        box-shadow: 0 0 0 0 rgba(212, 175, 55, 0.4);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(212, 175, 55, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(212, 175, 55, 0);
    }
}

.pixlab-countdown-float-icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(212, 175, 55, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--pixlab-gold);
    flex-shrink: 0;
}

.pixlab-countdown-float-icon svg {
    width: 20px;
    height: 20px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
}

.pixlab-countdown-float-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
}

.pixlab-countdown-float-title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.pixlab-countdown-float-title {
    font-size: 12.5px;
    font-weight: 600;
    color: #94a3b8;
}

.pixlab-countdown-float-code {
    font-size: 11px;
    font-weight: 700;
    background: rgba(255, 255, 255, 0.1);
    padding: 2px 6px;
    border-radius: 4px;
    color: var(--pixlab-gold);
}

.pixlab-countdown-float-timer-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.pixlab-countdown-float-timer {
    font-size: 18px;
    font-weight: 800;
    color: #f43f5e;
    font-family: monospace;
    letter-spacing: 1px;
}

.pixlab-countdown-float-btn {
    font-size: 12px;
    font-weight: 700;
    color: #ffffff;
    background: linear-gradient(135deg, #d4af37 0%, #997a15 100%);
    padding: 6px 12px;
    border-radius: 8px;
    text-decoration: none;
    transition: opacity 0.2s ease;
}

.pixlab-countdown-float-btn:hover {
    opacity: 0.9;
}

.pixlab-order-countdown-banner {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 20px;
    background: #fff1f2;
    border: 1.5px solid #fecdd3;
    border-radius: 14px;
    margin-bottom: 20px;
    @media (max-width: 600px) {
        flex-direction: column;
        align-items: flex-start;
    }
}

.pixlab-countdown-banner-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: #ffe4e6;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #e11d48;
    flex-shrink: 0;
}

.pixlab-countdown-banner-icon svg {
    width: 22px;
    height: 22px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
}

.pixlab-countdown-banner-text {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex: 1;
}

.pixlab-countdown-banner-title {
    font-size: 15px;
    font-weight: 700;
    color: #9f1239;
}

.pixlab-countdown-banner-sub {
    font-size: 13px;
    color: #be123c;
}

.pixlab-countdown-banner-timer {
    font-size: 22px;
    font-weight: 800;
    color: #e11d48;
    background: #ffffff;
    padding: 8px 16px;
    border-radius: 10px;
    border: 1px solid #fecdd3;
    font-family: monospace;
    letter-spacing: 1px;
    box-shadow: 0 2px 8px rgba(225, 29, 72, 0.1);
}

.pixlab-dash-countdown-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 24px;
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border: 1.5px solid #fde68a;
    border-radius: 16px;
    margin-bottom: 24px;
    @media (max-width: 768px) {
        flex-direction: column;
        align-items: flex-start;
    }
}

.pixlab-dash-countdown-info {
    display: flex;
    align-items: center;
    gap: 14px;
}

.pixlab-dash-countdown-icon {
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #d97706;
    box-shadow: 0 2px 8px rgba(217, 119, 6, 0.15);
    flex-shrink: 0;
}

.pixlab-dash-countdown-icon svg {
    width: 22px;
    height: 22px;
    stroke: currentColor;
    stroke-width: 2;
    fill: none;
}

.pixlab-dash-countdown-txt {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.pixlab-dash-countdown-title {
    font-size: 15px;
    font-weight: 700;
    color: #92400e;
}

.pixlab-dash-countdown-sub {
    font-size: 13px;
    color: #b45309;
}

.pixlab-dash-countdown-action {
    display: flex;
    align-items: center;
    gap: 14px;
}

.pixlab-dash-countdown-timer {
    font-size: 20px;
    font-weight: 800;
    color: #dc2626;
    background: #ffffff;
    padding: 6px 14px;
    border-radius: 10px;
    font-family: monospace;
    border: 1px solid #fde68a;
}

.pixlab-dash-countdown-btn {
    display: inline-flex;
    align-items: center;
    padding: 10px 18px;
    background: #0f172a;
    color: #ffffff;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: background-color 0.2s ease;
}

.pixlab-dash-countdown-btn:hover {
    background: #1e293b;
}

.pixlab-hotel-homepage-wrapper {
    background-color: var(--pixlab-white);
    color: var(--pixlab-slate);
    overflow: hidden;
}

.pixlab-hotel-container,
.pixlab-hotel-header-container,
.pixlab-hotel-topbar-container,
.pixlab-hotel-footer-container,
.pixlab-hotel-footer-newsletter-container,
.pixlab-hotel-footer-bottom-container,
.pixlab-hero-content-container,
.pixlab-myaccount-container,
.pixlab-lost-password-container,
.pixlab-spa-hero-container,
.pixlab-spa-nav-container,
.pixlab-spa-content-container,
.pixlab-dining-hero-container,
.pixlab-dining-nav-container,
.pixlab-dining-content-container,
.pixlab-pool-hero-container,
.pixlab-pool-nav-container,
.pixlab-pool-content-container,
.pixlab-act-hero-container,
.pixlab-act-nav-container,
.pixlab-act-content-container,
.pixlab-abt-hero-container,
.pixlab-abt-nav-container,
.pixlab-abt-content-container,
.pixlab-cnt-hero-container,
.pixlab-cnt-nav-container,
.pixlab-cnt-content-container,
.pixlab-lgl-hero-container,
.pixlab-lgl-nav-container,
.pixlab-lgl-content-container,
.pixlab-glr-hero-container,
.pixlab-glr-nav-container,
.pixlab-glr-content-container,
.container,
.container-fluid {
    max-width: 1440px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box;
    @media (max-width: 768px) {
        padding-left: 14px;
        padding-right: 14px;
    }
    @media (max-width: 640px) {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

.pixlab-hotel-section-head {
    margin-bottom: 48px;
@media (max-width: 768px) {
margin-bottom: 32px;
}
}

.pixlab-hotel-section-head.align-center {
    text-align: center;
}

.pixlab-hotel-section-head.align-left {
    text-align: left;
}

.pixlab-hotel-eyebrow {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 2.5px;
    color: var(--pixlab-gold);
    text-transform: uppercase;
    margin-bottom: 12px;
}

.pixlab-hotel-section-title {
    font-family: 'Playfair Display', serif;
    font-size: 38px;
    font-weight: 700;
    color: var(--pixlab-slate);
    line-height: 1.25;
    margin-bottom: 16px;
@media (max-width: 991px) {
font-size: 32px;
}
@media (max-width: 768px) {
font-size: 26px;
}
}

.pixlab-hotel-section-desc {
    font-size: 16px;
    color: var(--pixlab-slate-light);
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
@media (max-width: 768px) {
font-size: 14px;
}
}

.pixlab-hotel-btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: linear-gradient(135deg, var(--pixlab-gold) 0%, var(--pixlab-gold-dark) 100%);
    color: var(--pixlab-white);
    padding: 14px 28px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 15px;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    box-shadow: 0 4px 15px rgba(188, 144, 78, 0.25);
    @media(max-width:640px){
        width: 100%;
    }
}

.pixlab-hotel-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(188, 144, 78, 0.4);
    color: var(--pixlab-white);
}

.pixlab-hotel-btn-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: transparent;
    color: var(--pixlab-slate);
    border: 1px solid var(--pixlab-border-dark);
    padding: 13px 26px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 15px;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.pixlab-hotel-btn-secondary:hover {
    background-color: var(--pixlab-slate);
    color: var(--pixlab-white);
    border-color: var(--pixlab-slate);
}

.pixlab-hotel-about-section {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: var(--pixlab-white);
@media (max-width: 991px) {
padding-top: 70px;
padding-bottom: 70px;
}
@media (max-width: 768px) {
padding-top: 50px;
padding-bottom: 50px;
}
}

.pixlab-hotel-about-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
@media (max-width: 991px) {
grid-template-columns: 1fr;
gap: 40px;
}
}

.pixlab-hotel-about-text {
    font-size: 17px;
    color: var(--pixlab-slate);
    line-height: 1.7;
    margin-bottom: 16px;
}

.pixlab-hotel-about-subtext {
    font-size: 15px;
    color: var(--pixlab-slate-light);
    line-height: 1.7;
    margin-bottom: 32px;
}

.pixlab-hotel-about-stats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 36px;
    padding-top: 24px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
@media (max-width: 768px) {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
}

.pixlab-hotel-stat-card {
    display: flex;
    flex-direction: column;
}

.pixlab-hotel-stat-number {
    font-family: 'Playfair Display', serif;
    font-size: 32px;
    font-weight: 700;
    color: var(--pixlab-gold);
    line-height: 1;
    margin-bottom: 6px;
}

.pixlab-hotel-stat-label {
    font-size: 13px;
    color: var(--pixlab-slate-light);
    font-weight: 500;
}

.pixlab-hotel-about-media {
    position: relative;
}

.pixlab-hotel-about-image-wrapper {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.pixlab-hotel-about-img-main {
    width: 100%;
    height: 480px;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
@media (max-width: 768px) {
height: 320px;
}
}

.pixlab-hotel-about-image-wrapper:hover .pixlab-hotel-about-img-main {
    transform: scale(1.03);
}

.pixlab-hotel-about-badge {
    position: absolute;
    bottom: 24px;
    left: 24px;
    background: rgba(15, 23, 42, 0.92);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 16px 20px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 14px;
    color: var(--pixlab-white);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
@media (max-width: 480px) {
bottom: 12px;
left: 12px;
right: 12px;
padding: 12px 14px;
}
}

.pixlab-hotel-badge-icon {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(188, 144, 78, 0.2);
    color: var(--pixlab-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pixlab-hotel-badge-title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: var(--pixlab-white);
}

.pixlab-hotel-badge-sub {
    display: block;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
}

.pixlab-hotel-rooms-section {
    padding-top: 90px;
    padding-bottom: 100px;
    background-color: var(--pixlab-cream);
    overflow: hidden;
@media (max-width: 991px) {
padding-top: 60px;
padding-bottom: 70px;
}
@media (max-width: 768px) {
padding-top: 40px;
padding-bottom: 50px;
}
}

.pixlab-hotel-amenities-section {
    position: relative;
    overflow: hidden;
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #070913;
    background-image: 
        radial-gradient(ellipse 65% 55% at 15% 25%, rgba(212, 175, 55, 0.22) 0%, transparent 70%),
        radial-gradient(ellipse 75% 65% at 85% 75%, rgba(184, 134, 11, 0.22) 0%, transparent 75%),
        radial-gradient(ellipse 55% 55% at 50% 100%, rgba(217, 119, 6, 0.15) 0%, transparent 70%),
        radial-gradient(ellipse 80% 80% at 50% 50%, rgba(15, 20, 35, 0.95) 0%, #050710 100%);
    background-size: 200% 200%;
    animation: pixlabGoldAuroraGlow 18s ease-in-out infinite alternate;
    border-top: 1px solid rgba(212, 175, 55, 0.25);
    border-bottom: 1px solid rgba(212, 175, 55, 0.25);
    color: #ffffff;
@media (max-width: 991px) {
padding-top: 70px;
padding-bottom: 70px;
}
@media (max-width: 768px) {
padding-top: 50px;
padding-bottom: 50px;
}
}

.pixlab-hotel-amenities-section .pixlab-hotel-section-title {
    color: #ffffff;
}

.pixlab-hotel-amenities-section .pixlab-hotel-section-desc {
    color: #94a3b8;
}

.pixlab-hotel-amenities-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    @media (max-width: 991px) {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
    @media (max-width: 768px) {
        gap: 20px;
        display: flex;
        width: calc(100% + 20px);
        margin-inline: -10px;
        padding-inline: 10px;
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        scroll-snap-type: x mandatory;
        &::-webkit-scrollbar {
            display: none;
        }
    }
}

.pixlab-hotel-amenity-card {
    background-color: rgba(255, 255, 255, 0.04);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border: 1px solid rgba(212, 175, 55, 0.2);
    border-radius: 16px;
    padding: 36px 28px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease, background-color 0.3s ease;
    @media(max-width:768px){
        scroll-snap-align: center;
        width: 85%;
        flex-shrink: 0;
    }
}

.pixlab-hotel-amenity-card:hover {
    transform: translateY(-5px);
    background-color: rgba(212, 175, 55, 0.08);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.45);
    border-color: rgba(212, 175, 55, 0.45);
}

.pixlab-hotel-amenity-icon {
    width: 60px;
    height: 60px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.08);
    color: var(--pixlab-gold);
    border: 1px solid rgba(255, 255, 255, 0.15);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 22px;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.pixlab-hotel-amenity-card:hover .pixlab-hotel-amenity-icon {
    background-color: rgba(197, 160, 89, 0.25);
    color: #ffffff;
    border-color: var(--pixlab-gold);
}

.pixlab-hotel-amenity-title {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 12px;
}

.pixlab-hotel-amenity-desc {
    font-size: 14px;
    color: #94a3b8;
    line-height: 1.65;
}

.pixlab-hotel-dining-section {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: var(--pixlab-cream);
@media (max-width: 991px) {
padding-top: 70px;
padding-bottom: 70px;
}
@media (max-width: 768px) {
padding-top: 50px;
padding-bottom: 50px;
}
}

.pixlab-hotel-dining-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    @media (max-width: 991px) {
        grid-template-columns: repeat(2, 1fr);
        gap: 24px;
    }
    @media (max-width: 768px) {
        gap: 10px;
        display: flex;
        width: calc(100% + 20px);
        margin-inline: -10px;
        padding-inline: 10px;
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        scroll-snap-type: x mandatory;
        &::-webkit-scrollbar {
            display: none;
        }
    }
}

.pixlab-hotel-dining-card {
    background-color: var(--pixlab-white);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    @media(max-width:768px){
        scroll-snap-align: center;
        width: 90%;
        flex-shrink: 0;
    }
}

.pixlab-hotel-dining-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
}

.pixlab-hotel-dining-img-box {
    position: relative;
    height: 230px;
    overflow: hidden;
}

.pixlab-hotel-dining-img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.pixlab-hotel-dining-card:hover .pixlab-hotel-dining-img-box img {
    transform: scale(1.06);
}

.pixlab-hotel-dining-tag {
    position: absolute;
    top: 16px;
    right: 16px;
    background: rgba(15, 23, 42, 0.85);
    color: var(--pixlab-white);
    font-size: 12px;
    font-weight: 600;
    padding: 6px 14px;
    border-radius: 20px;
    backdrop-filter: blur(4px);
}

.pixlab-hotel-dining-info {
    padding: 26px;
}

.pixlab-hotel-dining-name {
    font-family: 'Playfair Display', serif;
    font-size: 21px;
    font-weight: 700;
    color: var(--pixlab-slate);
    margin-bottom: 10px;
}

.pixlab-hotel-dining-desc {
    font-size: 14px;
    color: var(--pixlab-slate-light);
    line-height: 1.6;
    margin-bottom: 20px;
}

.pixlab-hotel-dining-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.07);
    font-size: 13px;
    color: var(--pixlab-slate-light);
}

.pixlab-hotel-dining-meta span {
    display: flex;
    align-items: center;
    gap: 6px;
}

.pixlab-hotel-packages-section {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: var(--pixlab-white);
@media (max-width: 991px) {
padding-top: 70px;
padding-bottom: 70px;
}
@media (max-width: 768px) {
padding-top: 50px;
padding-bottom: 50px;
}
}

.pixlab-hotel-packages-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    align-items: center;
@media (max-width: 991px) {
grid-template-columns: 1fr;
gap: 30px;
max-width: 540px;
margin-left: auto;
margin-right: auto;
}
}

.pixlab-hotel-package-card {
    background-color: var(--pixlab-white);
    border: 1px solid rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    padding: 36px 30px;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.pixlab-hotel-package-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}

.pixlab-hotel-package-card.featured {
    border: 2px solid var(--pixlab-gold);
    box-shadow: 0 15px 40px rgba(188, 144, 78, 0.15);
    padding: 44px 30px;
}

.pixlab-hotel-package-featured-tag {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, var(--pixlab-gold) 0%, var(--pixlab-gold-dark) 100%);
    color: var(--pixlab-white);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    padding: 4px 16px;
    border-radius: 20px;
    text-transform: uppercase;
}

.pixlab-hotel-package-badge {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    color: var(--pixlab-slate);
    background: rgba(15, 23, 42, 0.06);
    padding: 4px 12px;
    border-radius: 6px;
    margin-bottom: 14px;
}

.pixlab-hotel-package-badge.gold {
    background: rgba(188, 144, 78, 0.12);
    color: var(--pixlab-gold);
}

.pixlab-hotel-package-title {
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    font-weight: 700;
    color: var(--pixlab-slate);
    margin-bottom: 12px;
}

.pixlab-hotel-package-price {
    margin-bottom: 24px;
}

.pixlab-hotel-package-amount {
    font-size: 18px;
    font-weight: 700;
    color: var(--pixlab-gold);
}

.pixlab-hotel-package-list {
    list-style: none;
    padding: 0;
    margin: 0 0 30px 0;
}

.pixlab-hotel-package-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: var(--pixlab-slate);
    margin-bottom: 14px;
}

.pixlab-hotel-package-list li svg {
    color: var(--pixlab-gold);
    flex-shrink: 0;
}

.pixlab-hotel-package-action {
    text-align: center;
}

.pixlab-hotel-package-action .full-width {
    width: 100%;
}

.pixlab-hotel-reviews-section {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: var(--pixlab-cream);
@media (max-width: 991px) {
padding-top: 70px;
padding-bottom: 70px;
}
@media (max-width: 768px) {
padding-top: 50px;
padding-bottom: 50px;
}
}

.pixlab-hotel-rating-overview {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.pixlab-hotel-rating-score-box {
    display: flex;
    align-items: center;
    gap: 16px;
    background: var(--pixlab-white);
    border: 1px solid rgba(0, 0, 0, 0.07);
    padding: 14px 28px;
    border-radius: 50px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);
}

.pixlab-hotel-rating-score {
    font-family: 'Playfair Display', serif;
    font-size: 32px;
    font-weight: 700;
    color: var(--pixlab-gold);
    line-height: 1;
}

.pixlab-hotel-rating-stars {
    display: flex;
    gap: 4px;
    margin-bottom: 4px;
}

.pixlab-hotel-rating-label {
    font-size: 13px;
    font-weight: 600;
    color: var(--pixlab-slate);
}

.pixlab-hotel-reviews-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
@media (max-width: 991px) {
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
@media (max-width: 768px) {
grid-template-columns: 1fr;
gap: 20px;
}
}

.pixlab-hotel-review-card {
    background-color: var(--pixlab-white);
    border-radius: 14px;
    padding: 30px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.pixlab-hotel-review-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.pixlab-hotel-review-avatar {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background: linear-gradient(135deg, var(--pixlab-gold) 0%, var(--pixlab-gold-dark) 100%);
    color: var(--pixlab-white);
    font-weight: 700;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pixlab-hotel-review-user {
    flex-grow: 1;
}

.pixlab-hotel-review-name {
    font-size: 16px;
    font-weight: 700;
    color: var(--pixlab-slate);
    margin: 0 0 2px 0;
}

.pixlab-hotel-review-date {
    font-size: 12px;
    color: var(--pixlab-slate-light);
}

.pixlab-hotel-review-stars {
    display: flex;
    gap: 2px;
}

.pixlab-hotel-review-comment {
    font-size: 14px;
    color: var(--pixlab-slate-light);
    line-height: 1.65;
}

.pixlab-hotel-gallery-section {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: var(--pixlab-white);
@media (max-width: 991px) {
padding-top: 70px;
padding-bottom: 70px;
}
@media (max-width: 768px) {
padding-top: 50px;
padding-bottom: 50px;
}
}

.pixlab-hotel-gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: 240px;
    gap: 20px;
@media (max-width: 991px) {
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: 220px;
gap: 16px;
}
@media (max-width: 480px) {
grid-template-columns: 1fr;
grid-auto-rows: 200px;
}
}

.pixlab-hotel-gallery-item {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.pixlab-hotel-gallery-item.large {
    grid-column: span 2;
    grid-row: span 2;
@media (max-width: 991px) {
grid-column: span 2;
grid-row: span 1;
}
@media (max-width: 480px) {
grid-column: span 1;
}
}

.pixlab-hotel-gallery-item.wide {
    grid-column: span 2;
@media (max-width: 480px) {
grid-column: span 1;
}
}

.pixlab-hotel-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.pixlab-hotel-gallery-item:hover img {
    transform: scale(1.06);
}

.pixlab-hotel-gallery-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.2) 50%, transparent 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    padding: 24px;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 2;
    pointer-events: none;
}

.pixlab-hotel-gallery-item:hover .pixlab-hotel-gallery-overlay {
    opacity: 1;
}

.pixlab-hotel-gallery-cat {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.3px;
    margin: 0;
    padding: 0;
    opacity: 1;
    transform: translateY(0);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    pointer-events: all;
}

.pixlab-room-card-swiper .swiper-button-next::after,
.pixlab-room-card-swiper .swiper-button-prev::after {
    font-size: 11px;
    font-weight: 900;
}

.pixlab-archive-card-thumb-wrap:hover .pixlab-room-card-swiper .swiper-button-next,
.pixlab-archive-card-thumb-wrap:hover .pixlab-room-card-swiper .swiper-button-prev {
    opacity: 1;
}

.pixlab-room-card-swiper .swiper-button-next:hover,
.pixlab-room-card-swiper .swiper-button-prev:hover {
    background: var(--pixlab-gold);
    color: #ffffff;
}

.pixlab-room-card-swiper .swiper-pagination {
    bottom: 8px;
    z-index: 12;
}

.pixlab-room-card-swiper .swiper-pagination-bullet {
    background: #ffffff;
    opacity: 0.6;
    width: 6px;
    height: 6px;
    margin: 0 3px;
    transition: all 0.25s ease;
}

.pixlab-room-card-swiper .swiper-pagination-bullet-active {
    background: var(--pixlab-gold);
    opacity: 1;
    width: 16px;
    border-radius: 3px;
}

.pixlab-hotel-rooms-slider-container {
    position: relative;
    width: 100%;
}

.pixlab-rooms-slider-swiper {
    position: relative;
    padding-bottom: 20px;
    overflow: visible !important;
}

.pixlab-rooms-slider-swiper .swiper-slide {
    height: auto;
    display: flex;
}

.pixlab-rooms-slider-swiper .swiper-slide .pixlab-archive-room-card {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.pixlab-rooms-slider-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 36px;
}

.pixlab-rooms-slider-arrow {
    width: 44px;
    height: 44px;
    background: var(--pixlab-white);
    border: 1px solid var(--pixlab-border-dark);
    border-radius: 50%;
    color: var(--pixlab-slate);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.pixlab-rooms-slider-arrow:hover {
    background-color: var(--pixlab-gold);
    color: var(--pixlab-white);
    border-color: var(--pixlab-gold);
    transform: translateY(-2px);
    box-shadow: 0 6px 18px rgba(188, 144, 78, 0.3);
}

.pixlab-rooms-slider-dots {
    display: flex;
    align-items: center;
    gap: 6px;
    width: auto !important;
    position: static;
}

.pixlab-rooms-slider-dots .swiper-pagination-bullet {
    background: var(--pixlab-slate-light);
    opacity: 0.3;
    width: 8px;
    height: 8px;
    margin: 0;
    cursor: pointer;
    transition: background-color 0.25s ease, opacity 0.25s ease, width 0.25s ease;
}

.pixlab-rooms-slider-dots .swiper-pagination-bullet-active {
    background: var(--pixlab-gold);
    opacity: 1;
    width: 24px;
    border-radius: 4px;
}

.pixlab-hotel-faq-section {
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: var(--pixlab-cream);
@media (max-width: 991px) {
padding-top: 70px;
padding-bottom: 70px;
}
@media (max-width: 768px) {
padding-top: 50px;
padding-bottom: 50px;
}
}

.pixlab-hotel-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
@media (max-width: 991px) {
gap: 20px;
}
@media (max-width: 768px) {
grid-template-columns: 1fr;
gap: 16px;
}
}

.pixlab-hotel-faq-card {
    background-color: var(--pixlab-white);
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 16px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.pixlab-hotel-faq-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.07);
    border-color: rgba(188, 144, 78, 0.3);
}

.pixlab-hotel-faq-question {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 14px;
}

.pixlab-hotel-faq-icon {
    width: 42px;
    height: 42px;
    min-width: 42px;
    border-radius: 10px;
    background-color: rgba(188, 144, 78, 0.1);
    color: var(--pixlab-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease, color 0.3s ease;
}

.pixlab-hotel-faq-card:hover .pixlab-hotel-faq-icon {
    background-color: var(--pixlab-gold);
    color: var(--pixlab-white);
}

.pixlab-hotel-faq-question h3 {
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-weight: 700;
    color: var(--pixlab-slate);
    margin: 0;
    line-height: 1.35;
}

.pixlab-hotel-faq-answer {
    font-size: 14px;
    color: var(--pixlab-slate-light);
    line-height: 1.65;
    margin: 0;
    padding-left: 56px;
    @media (max-width: 768px) {
        padding-left: 0;
        margin-top: 10px;
    }
}

.pixlab-hotel-gallery-item {
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.pixlab-hotel-gallery-zoom-icon {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.95);
    color: var(--pixlab-dark, #0f172a);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transform: scale(0.8);
    opacity: 0;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.3s ease;
}

.pixlab-hotel-gallery-item:hover .pixlab-hotel-gallery-zoom-icon {
    transform: scale(1);
    opacity: 1;
}

body.pixlab-lightbox-open {
    overflow: hidden;
}

.pixlab-home-gallery-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.pixlab-home-gallery-modal.pixlab-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.pixlab-home-gallery-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(15, 23, 42, 0.94);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    z-index: 99999998;
    cursor: pointer;
    display: block;
}

.pixlab-home-gallery-wrap {
    position: relative;
    z-index: 100000000;
    max-width: 90vw;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}

.pixlab-lightbox-close-btn {
    position: fixed;
    top: 24px;
    right: 24px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 100000001;
    transition: background-color 0.2s ease, transform 0.2s ease;
    @media (max-width: 768px) {
        top: 16px;
        right: 16px;
        width: 40px;
        height: 40px;
    }
}

.pixlab-lightbox-close-btn:hover {
    background-color: rgba(255, 255, 255, 0.35);
    transform: scale(1.05);
}

.pixlab-lightbox-nav-btn {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 100000001;
    transition: background-color 0.2s ease, transform 0.2s ease;
    @media (max-width: 768px) {
        width: 42px;
        height: 42px;
    }
}

.pixlab-lightbox-nav-btn:hover {
    background-color: rgba(255, 255, 255, 0.35);
    transform: translateY(-50%) scale(1.08);
}

.pixlab-lightbox-prev-btn {
    left: 24px;
    @media (max-width: 768px) {
        left: 12px;
    }
}

.pixlab-lightbox-next-btn {
    right: 24px;
    @media (max-width: 768px) {
        right: 12px;
    }
}

.pixlab-lightbox-media-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    max-height: 85vh;
}

.pixlab-lightbox-media-box img {
    max-width: 100%;
    max-height: 75vh;
    object-fit: contain;
    border-radius: 12px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.7);
}

.pixlab-lightbox-caption-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
    margin-top: 16px;
    color: #ffffff;
}

.pixlab-lightbox-title {
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 0.3px;
    @media (max-width: 768px) {
        font-size: 15px;
    }
}

.pixlab-lightbox-counter {
    font-size: 13px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.85);
    background-color: rgba(255, 255, 255, 0.15);
    padding: 4px 12px;
    border-radius: 20px;
}

.pixlab-hotel-gallery-action {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 36px;
    @media (max-width: 768px) {
        margin-top: 24px;
        .pixlab-hotel-btn-primary {
            width: 100%;
        }
    }
}

.pixlab-hotel-gallery-action .pixlab-hotel-btn-primary svg {
    transition: transform 0.25s ease;
}

.pixlab-hotel-gallery-action .pixlab-hotel-btn-primary:hover svg {
    transform: translateX(4px);
}

.pixlab-hotel-video-banner-section {
    background-color: #ffffff;
    position: relative;
}

.pixlab-video-banner-card {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    padding: 64px 60px;
    background-color: #0f172a;
    border: 1px solid rgba(255, 255, 255, 0.12);
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    @media (max-width: 991px) {
        flex-direction: column;
        align-items: flex-start;
        padding: 40px 28px;
    }
}

.pixlab-video-banner-bg-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.pixlab-video-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(15, 23, 42, 0.95) 0%, rgba(15, 23, 42, 0.65) 60%, rgba(15, 23, 42, 0.4) 100%);
    z-index: 2;
    pointer-events: none;
}

.pixlab-video-banner-content {
    position: relative;
    z-index: 3;
    max-width: 650px;
}

.pixlab-video-banner-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--pixlab-gold, #d4af37);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 14px;
}

.pixlab-video-banner-title {
    font-family: 'Playfair Display', serif;
    font-size: 32px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3;
    margin: 0 0 16px 0;
    @media (max-width: 768px) {
        font-size: 23px;
    }
}

.pixlab-video-banner-desc {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin: 0 0 28px 0;
}

.pixlab-video-banner-actions {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
}

.pixlab-video-banner-tel {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    padding: 0;
    background: none;
    border: none;
    transition: color 0.25s ease;
}

.pixlab-video-banner-tel svg {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.pixlab-video-banner-play-box {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    flex-shrink: 0;
    @media (max-width: 991px) {
        align-self: center;
        margin-top: 10px;
    }
}

.pixlab-video-play-btn {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: var(--pixlab-gold, #d4af37);
    color: #ffffff;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(212, 175, 55, 0.4);
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.pixlab-video-play-btn:hover {
    transform: scale(1.1);
    background-color: #ffffff;
    color: var(--pixlab-dark, #0f172a);
}

.pixlab-video-play-pulse {
    position: absolute;
    inset: -10px;
    border-radius: 50%;
    border: 2px solid var(--pixlab-gold, #d4af37);
    animation: pixlabPlayPulse 2s infinite;
}

@keyframes pixlabPlayPulse {
    0% { transform: scale(0.9); opacity: 1; }
    100% { transform: scale(1.5); opacity: 0; }
}

.pixlab-video-play-label {
    font-size: 12.5px;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.9);
    letter-spacing: 0.5px;
}

.pixlab-hotel-concierge-showcase {
    position: relative;
    overflow: hidden;
    background-color: #070913;
    background-image: 
        radial-gradient(ellipse 65% 55% at 15% 25%, rgba(212, 175, 55, 0.22) 0%, transparent 70%),
        radial-gradient(ellipse 75% 65% at 85% 75%, rgba(184, 134, 11, 0.22) 0%, transparent 75%),
        radial-gradient(ellipse 55% 55% at 50% 100%, rgba(217, 119, 6, 0.15) 0%, transparent 70%),
        radial-gradient(ellipse 80% 80% at 50% 50%, rgba(15, 20, 35, 0.95) 0%, #050710 100%);
    background-size: 200% 200%;
    animation: pixlabGoldAuroraGlow 18s ease-in-out infinite alternate;
    padding-top: 100px;
    padding-bottom: 100px;
    border-top: 1px solid rgba(212, 175, 55, 0.3);
    border-bottom: 1px solid rgba(212, 175, 55, 0.3);
    color: #ffffff;
    @media (max-width: 768px) {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

@keyframes pixlabGoldAuroraGlow {
    0% {
        background-position: 0% 0%;
    }
    50% {
        background-position: 100% 100%;
    }
    100% {
        background-position: 0% 100%;
    }
}

.pixlab-hotel-concierge-showcase::before {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 50% 0%, rgba(212, 175, 55, 0.08) 0%, transparent 60%);
    pointer-events: none;
}

.pixlab-hotel-concierge-showcase::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 80% 20%, rgba(255, 255, 255, 0.03) 0%, transparent 40%);
    pointer-events: none;
}

.pixlab-concierge-grid {
    display: grid;
    grid-template-columns: 1fr 1.15fr;
    gap: 50px;
    align-items: center;
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}

.pixlab-concierge-media {
    position: relative;
}

.pixlab-concierge-agent-card {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(12px);
    border-radius: 24px;
    padding: 36px 32px;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4);
    display: flex;
    flex-direction: column;
    gap: 24px;
    transition: border-color 0.3s ease, transform 0.3s ease;
    @media (max-width: 768px) {
        padding: 28px 22px;
        gap: 20px;
    }
}

.pixlab-concierge-agent-card:hover {
    border-color: rgba(212, 175, 55, 0.4);
}

.pixlab-agent-card-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    margin-bottom: -4px;
    width: 100%;
}

.pixlab-agent-header-icon {
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background-color: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.25);
    color: #4ade80;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pixlab-agent-status-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 36px;
    background-color: rgba(34, 197, 94, 0.12);
    border: 1px solid rgba(34, 197, 94, 0.25);
    color: #4ade80;
    padding: 0 14px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: 700;
}

.pixlab-live-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #22c55e;
    animation: pixlabLivePulse 1.5s infinite;
}

@keyframes pixlabLivePulse {
    0% { transform: scale(0.9); opacity: 1; }
    50% { transform: scale(1.3); opacity: 0.5; }
    100% { transform: scale(0.9); opacity: 1; }
}

.pixlab-agent-card-title {
    font-family: 'Playfair Display', serif;
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 8px 0;
    line-height: 1.35;
}

.pixlab-agent-card-sub {
    font-size: 13.5px;
    color: rgba(255, 255, 255, 0.75);
    margin: 0;
    line-height: 1.5;
}

.pixlab-agent-card-stats {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 18px;
    margin-bottom: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.pixlab-agent-stat-box {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: transparent;
    border: none;
    padding: 0;
}

.pixlab-agent-stat-icon {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(212, 175, 55, 0.12);
    color: var(--pixlab-gold, #d4af37);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.pixlab-agent-stat-info {
    display: flex;
    align-items: center;
    gap: 6px;
}

.pixlab-agent-stat-val {
    font-size: 13.5px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
}

.pixlab-agent-stat-lbl {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.65);
    font-weight: 500;
}

.pixlab-concierge-tag {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--pixlab-gold, #d4af37);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.8px;
    margin-bottom: 12px;
}

.pixlab-concierge-title {
    font-family: 'Playfair Display', serif;
    font-size: 30px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.3;
    margin: 0 0 16px 0;
    text-wrap: pretty;
    @media (max-width: 768px) {
        font-size: 23px;
    }
}

.pixlab-concierge-desc {
    font-size: 14.5px;
    color: rgba(255, 255, 255, 0.78);
    line-height: 1.65;
    margin: 0 0 24px 0;
    text-wrap: pretty;
}

.pixlab-concierge-privileges-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    @media (max-width: 600px) {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

.pixlab-privilege-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 14px;
    transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
}

.pixlab-privilege-card:nth-child(1) {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);
    border-color: rgba(212, 175, 55, 0.2);
}

.pixlab-privilege-card:nth-child(1) .pixlab-privilege-icon {
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.22) 0%, rgba(212, 175, 55, 0.08) 100%);
    border-color: rgba(212, 175, 55, 0.35);
    color: #d4af37;
}

.pixlab-privilege-card:nth-child(2) {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);
    border-color: rgba(99, 102, 241, 0.2);
}

.pixlab-privilege-card:nth-child(2) .pixlab-privilege-icon {
    background: linear-gradient(135deg, rgba(99, 102, 241, 0.22) 0%, rgba(99, 102, 241, 0.08) 100%);
    border-color: rgba(99, 102, 241, 0.35);
    color: #818cf8;
}

.pixlab-privilege-card:nth-child(3) {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);
    border-color: rgba(14, 165, 233, 0.2);
}

.pixlab-privilege-card:nth-child(3) .pixlab-privilege-icon {
    background: linear-gradient(135deg, rgba(14, 165, 233, 0.22) 0%, rgba(14, 165, 233, 0.08) 100%);
    border-color: rgba(14, 165, 233, 0.35);
    color: #38bdf8;
}

.pixlab-privilege-card:nth-child(4) {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);
    border-color: rgba(16, 185, 129, 0.2);
}

.pixlab-privilege-card:nth-child(4) .pixlab-privilege-icon {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.22) 0%, rgba(16, 185, 129, 0.08) 100%);
    border-color: rgba(16, 185, 129, 0.35);
    color: #34d399;
}

.pixlab-privilege-card:hover {
    transform: translateY(-3px);
}

.pixlab-privilege-card:nth-child(1):hover {
    border-color: rgba(212, 175, 55, 0.45);
}

.pixlab-privilege-card:nth-child(2):hover {
    border-color: rgba(99, 102, 241, 0.45);
}

.pixlab-privilege-card:nth-child(3):hover {
    border-color: rgba(14, 165, 233, 0.45);
}

.pixlab-privilege-card:nth-child(4):hover {
    border-color: rgba(16, 185, 129, 0.45);
}

.pixlab-privilege-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background-color: rgba(212, 175, 55, 0.15);
    border: 1px solid rgba(212, 175, 55, 0.25);
    color: var(--pixlab-gold, #d4af37);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: transform 0.25s ease;
}

.pixlab-privilege-card:hover .pixlab-privilege-icon {
    transform: scale(1.08);
}

.pixlab-privilege-info {
    display: flex;
    flex-direction: column;
}

.pixlab-privilege-title {
    font-size: 13.5px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 3px 0;
    line-height: 1.3;
}

.pixlab-privilege-sub {
    font-size: 11.5px;
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.35;
}


.pixlab-concierge-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    width: 100%;
    @media (max-width: 576px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-concierge-wa-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 50px;
    padding: 0 16px;
    background-color: #25d366;
    color: #ffffff;
    font-size: 13.5px;
    font-weight: 700;
    border-radius: 25px;
    text-decoration: none;
    transition: transform 0.25s ease, background-color 0.25s ease;
    width: 100%;
}

.pixlab-concierge-wa-btn:hover {
    transform: translateY(-2px);
    background-color: #20ba5a;
    color: #ffffff;
}

.pixlab-concierge-call-card {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 50px;
    padding: 0 16px;
    border-radius: 25px;
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.15) 0%, rgba(212, 175, 55, 0.28) 100%);
    border: 1.5px solid rgba(212, 175, 55, 0.5);
    color: #ffffff;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none;
    transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;
    width: 100%;
}

.pixlab-concierge-call-card:hover {
    transform: translateY(-2px);
    border-color: var(--pixlab-gold, #d4af37);
    background: linear-gradient(135deg, rgba(212, 175, 55, 0.28) 0%, rgba(212, 175, 55, 0.45) 100%);
    color: #ffffff;
}

.pixlab-video-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.pixlab-video-modal.pixlab-active {
    opacity: 1;
    visibility: visible;
}

.pixlab-video-modal-overlay {
    position: absolute;
    inset: 0;
    background-color: rgba(11, 17, 32, 0.92);
    backdrop-filter: blur(12px);
}

.pixlab-video-modal-container {
    position: relative;
    width: 100%;
    max-width: 900px;
    z-index: 2;
}

.pixlab-video-modal-close {
    position: absolute;
    top: -44px;
    right: 0;
    background: transparent;
    border: none;
    color: #ffffff;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.pixlab-video-modal-close:hover {
    opacity: 0.7;
}

.pixlab-video-modal-iframe-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.7);
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.pixlab-video-modal-iframe-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.pixlab-minimal-guest-wrapper .pixlab-guest-picker-dropdown,
.pixlab-minimal-guest-wrapper.open-above .pixlab-guest-picker-dropdown,
.pixlab-minimal-guest-wrapper.active.open-above .pixlab-guest-picker-dropdown {
    position: absolute;
    bottom: calc(100% + 13px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: auto !important;
    width: 380px;
    max-width: 92vw;
    max-height: 65vh;
    overflow-y: auto;
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-top: 3px solid var(--pixlab-gold, #c5a059);
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.25);
    padding: 20px;
    z-index: 999999;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.pixlab-minimal-guest-wrapper.active .pixlab-guest-picker-dropdown,
.pixlab-minimal-guest-wrapper.active.open-above .pixlab-guest-picker-dropdown {
    display: flex !important;
    flex-direction: column;
    gap: 16px;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%) !important;
}

.pixlab-scroll-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: var(--pixlab-gold, #c5a059);
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    transition: bottom 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease, background-color 0.3s ease;
    &:hover {
        background: var(--pixlab-gold-dark, #a37a3c);
        transform: translateY(-3px);
        box-shadow: 0 14px 30px rgba(15, 23, 42, 0.35);
    }
    &.active {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        &:hover {
            transform: translateY(-3px);
        }
    }
    &.pixlab-shifted,
    body.pixlab-has-floating-bar &.active {
        bottom: 105px;
    }
    @media (max-width: 768px) {
        bottom: 10px;
        right: 10px;
        width: 44px;
        height: 44px;
        &.pixlab-shifted,
        body.pixlab-has-floating-bar &.active {
            bottom: 10px;
        }
    }
}

.pixlab-cart-drawer-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(15, 23, 42, 0.6);
    backdrop-filter: blur(4px);
    z-index: 99998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    &.pixlab-active {
        opacity: 1;
        visibility: visible;
    }
}

.pixlab-cart-drawer-panel {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 440px;
    max-width: 100%;
    background-color: #ffffff;
    z-index: 99999;
    box-shadow: -10px 0 30px rgba(15, 23, 42, 0.15);
    display: flex;
    flex-direction: column;
    transform: translateX(100%);
    transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    &.pixlab-active {
        transform: translateX(0);
    }
    @media (max-width: 480px) {
        width: 100%;
    }
}

.pixlab-cart-drawer-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 24px;
    background-color: #0f172a;
    color: #ffffff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.pixlab-cart-drawer-title-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--pixlab-gold, #c5a059);
}

.pixlab-cart-drawer-title {
    font-size: 1.1rem;
    font-weight: 600;
    color: #ffffff;
}

.pixlab-cart-drawer-close-btn {
    background: transparent;
    border: none;
    color: #94a3b8;
    cursor: pointer;
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    transition: color 0.2s ease, background-color 0.2s ease;
    &:hover {
        color: #ffffff;
        background-color: rgba(255, 255, 255, 0.1);
    }
}

.pixlab-cart-drawer-body {
    flex: 1;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    position: relative;
    &.pixlab-loading {
        opacity: 0.6;
        pointer-events: none;
    }
}

.pixlab-cart-drawer-empty {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 24px;
    text-align: center;
}

.pixlab-cart-empty-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #f1f5f9;
    color: #94a3b8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.pixlab-cart-empty-title {
    font-size: 1.2rem;
    font-weight: 600;
    color: #0f172a;
    margin-bottom: 8px;
}

.pixlab-cart-empty-desc {
    font-size: 0.9rem;
    color: #64748b;
    line-height: 1.5;
    margin-bottom: 24px;
    max-width: 300px;
}

.pixlab-cart-empty-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 24px;
    background: var(--pixlab-gold, #c5a059);
    color: #ffffff;
    text-decoration: none;
    border-radius: 10px;
    font-size: 0.9rem;
    font-weight: 600;
    transition: background-color 0.2s ease, transform 0.2s ease;
    &:hover {
        background: var(--pixlab-gold-dark, #a37a3c);
        transform: translateY(-2px);
    }
}

.pixlab-cart-drawer-items {
    flex: 1;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.pixlab-cart-drawer-item {
    display: flex;
    gap: 16px;
    padding: 16px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 14px;
}

.pixlab-cart-item-thumb {
    width: 84px;
    height: 84px;
    border-radius: 10px;
    overflow: hidden;
    flex-shrink: 0;
    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.pixlab-cart-item-details {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pixlab-cart-item-title {
    font-size: 0.98rem;
    font-weight: 600;
    color: #0f172a;
    line-height: 1.3;
}

.pixlab-cart-item-dates {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.8rem;
    color: #64748b;
}

.pixlab-cart-item-specs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 2px;
}

.pixlab-cart-spec-badge {
    display: inline-block;
    padding: 3px 8px;
    background-color: #e2e8f0;
    color: #475569;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 6px;
}

.pixlab-cart-item-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px dashed #cbd5e1;
}

.pixlab-cart-item-price {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--pixlab-gold, #c5a059);
}

.pixlab-cart-remove-item-btn {
    background: transparent;
    border: none;
    color: #ef4444;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 0.78rem;
    font-weight: 500;
    padding: 4px 8px;
    border-radius: 6px;
    transition: background-color 0.2s ease;
    &:hover {
        background-color: #fee2e2;
    }
}

.pixlab-cart-drawer-summary {
    padding: 20px 24px;
    background-color: #ffffff;
    border-top: 1px solid #e2e8f0;
    box-shadow: 0 -4px 15px rgba(0, 0, 0, 0.04);
}

.pixlab-cart-summary-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.05rem;
    color: #0f172a;
    margin-bottom: 16px;
    strong {
        font-size: 1.25rem;
        color: var(--pixlab-gold, #c5a059);
    }
}

.pixlab-cart-drawer-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pixlab-cart-checkout-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 14px 20px;
    background: var(--pixlab-gold, #c5a059);
    color: #ffffff;
    text-decoration: none;
    border-radius: 12px;
    font-size: 0.95rem;
    font-weight: 600;
    transition: background-color 0.2s ease, transform 0.2s ease;
    &:hover {
        background: var(--pixlab-gold-dark, #a37a3c);
        transform: translateY(-2px);
    }
}

.pixlab-cart-clear-btn {
    background: transparent;
    border: none;
    color: #94a3b8;
    font-size: 0.85rem;
    cursor: pointer;
    text-decoration: underline;
    padding: 6px;
    text-align: center;
    transition: color 0.2s ease;
    &:hover {
        color: #ef4444;
    }
}

.pixlab-luxury-reservation-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px;
    @media(max-width:640px){
        padding: 10px;
        gap: 15px;
    }
}

.pixlab-res-dates-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border: 1px solid rgba(197, 160, 89, 0.3);
    border-radius: 16px;
    padding: 16px 20px;
    color: #ffffff;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.2);
}

.pixlab-res-date-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    &.checkout {
        align-items: flex-end;
        text-align: right;
    }
}

.pixlab-res-date-lbl {
    font-size: 0.7rem;
    letter-spacing: 1px;
    color: var(--pixlab-gold, #c5a059);
    font-weight: 700;
}

.pixlab-res-date-num {
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
    color: #ffffff;
    font-family: 'Playfair Display', serif;
}

.pixlab-res-date-sub {
    font-size: 0.82rem;
    color: #cbd5e1;
    font-weight: 500;
}

.pixlab-res-date-day {
    font-size: 0.75rem;
    color: #94a3b8;
}

.pixlab-res-dates-connector {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    position: relative;
    padding: 0 10px;
}

.pixlab-res-night-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 4px 10px;
    background: rgba(197, 160, 89, 0.15);
    border: 1px solid rgba(197, 160, 89, 0.4);
    border-radius: 20px;
    color: #fef08a;
    font-size: 0.75rem;
    font-weight: 600;
}

.pixlab-res-connector-line {
    width: 60px;
    height: 1px;
    background: linear-gradient(90deg, transparent 0%, rgba(197, 160, 89, 0.5) 50%, transparent 100%);
    @media (max-width: 480px) {
        width: 35px;
    }
}

.pixlab-res-room-showcase {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
}

.pixlab-res-room-media {
    position: relative;
    height: 180px;
    width: 100%;
    overflow: hidden;
    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.pixlab-res-room-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 4px 10px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(4px);
    color: var(--pixlab-gold, #c5a059);
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.8px;
    border-radius: 6px;
    border: 1px solid rgba(197, 160, 89, 0.3);
}

.pixlab-res-room-content {
    padding: 18px;
}

.pixlab-res-room-title {
    font-size: 1.15rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 12px;
    font-family: 'Playfair Display', serif;
}

.pixlab-res-details-list {
    list-style: none;
    padding: 0;
    margin: 12px 0 0 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.pixlab-res-list-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    font-size: 0.88rem;
    padding-bottom: 8px;
    border-bottom: 1px dashed #e2e8f0;
    &:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }
}

.pixlab-res-list-label {
    color: #64748b;
    font-weight: 500;
}

.pixlab-res-list-val {
    color: #0f172a;
    font-weight: 600;
    text-align: right;
}

.pixlab-res-price-breakdown {
    background: #0f172a;
    border-radius: 16px;
    padding: 20px;
    color: #ffffff;
}

.pixlab-res-price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.95rem;
    color: #cbd5e1;
    margin-bottom: 10px;
    strong {
        font-size: 1.4rem;
        color: var(--pixlab-gold, #c5a059);
        font-weight: 700;
    }
}

.pixlab-res-price-note {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 0.76rem;
    color: #94a3b8;
    padding-top: 10px;
    border-top: 1px dashed rgba(255, 255, 255, 0.15);
    svg {
        color: var(--pixlab-gold, #c5a059);
        flex-shrink: 0;
    }
}

.pixlab-res-actions-footer {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pixlab-res-checkout-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 16px 24px;
    background: linear-gradient(135deg, var(--pixlab-gold, #c5a059) 0%, var(--pixlab-gold-dark, #a37a3c) 100%);
    color: #ffffff;
    text-decoration: none;
    border-radius: 14px;
    font-size: 0.98rem;
    font-weight: 700;
    box-shadow: 0 10px 25px rgba(197, 160, 89, 0.3);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    &:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(197, 160, 89, 0.4);
    }
}

.pixlab-res-secondary-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 4px 0;
}

.pixlab-res-change-room-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 0.82rem;
    color: #64748b;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
    &:hover {
        color: var(--pixlab-gold, #c5a059);
    }
}

.pixlab-spa-page {
    background-color: #f8fafc;
    color: #1e293b;
}

.pixlab-spa-hero {
    position: relative;
    padding: 80px 24px;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #050811 100%);
    color: #ffffff;
    text-align: center;
    overflow: hidden;
    @media (max-width: 768px) {
        padding: 30px 10px;
    }
}

.pixlab-spa-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% 30%, rgba(197, 160, 89, 0.18) 0%, transparent 70%);
    pointer-events: none;
}

.pixlab-spa-hero-container {
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pixlab-spa-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    color: #94a3b8;
    margin-bottom: 24px;
    a {
        color: #cbd5e1;
        text-decoration: none;
        transition: color 0.2s ease;
        &:hover {
            color: var(--pixlab-gold, #c5a059);
        }
    }
    span {
        color: var(--pixlab-gold, #c5a059);
        font-weight: 600;
    }
}

.pixlab-spa-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    background: rgba(197, 160, 89, 0.15);
    border: 1px solid rgba(197, 160, 89, 0.4);
    border-radius: 30px;
    color: #ffd28e;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.pixlab-spa-hero-title {
    font-size: 3rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 16px;
    font-family: 'Playfair Display', serif;
    line-height: 1.2;
    @media (max-width: 768px) {
        font-size: 2.1rem;
    }
    @media (max-width: 480px) {
        font-size: 1.75rem;
    }
}

.pixlab-spa-hero-desc {
    font-size: 1.1rem;
    color: #cbd5e1;
    max-width: 680px;
    line-height: 1.6;
    margin-bottom: 32px;
    @media (max-width: 768px) {
        font-size: 0.95rem;
    }
}

.pixlab-spa-quick-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.pixlab-spa-info-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    font-size: 0.82rem;
    color: #e2e8f0;
    svg {
        color: var(--pixlab-gold, #c5a059);
    }
}

.pixlab-spa-nav-wrapper {
    position: sticky;
    top: 0;
    z-index: 990;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08);
    transition: top 0.3s ease;
}

body.admin-bar .pixlab-spa-nav-wrapper {
    top: 116px;
    @media (max-width: 991px) {
        top: 102px;
    }
    @media (max-width: 782px) {
        top: 0 !important;
    }
}

.pixlab-spa-nav-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    @media (max-width: 768px) {
        padding: 0 12px;
    }
}

.pixlab-spa-nav-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    white-space: nowrap;
    padding: 12px 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    &::-webkit-scrollbar {
        display: none;
    }
    @media (max-width: 768px) {
        gap: 20px;
        display: flex;
        width: calc(100% + 20px);
        margin-inline: -10px;
        padding-inline: 10px;
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        scroll-snap-type: x mandatory;
        &::-webkit-scrollbar {
            display: none;
        }
    }
}

.pixlab-spa-nav-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 12px;
    color: #64748b;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 600;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    @media(max-width:768px){
        scroll-snap-align: center;
        flex-shrink: 0;
    }
    &:hover,
    &.active {
        background-color: #f1f5f9;
        color: var(--pixlab-gold-dark, #a37a3c);
    }
    &.pixlab-spa-nav-cta {
        margin-left: auto;
        background: linear-gradient(135deg, var(--pixlab-gold, #c5a059) 0%, var(--pixlab-gold-dark, #a37a3c) 100%);
        color: #ffffff;
        box-shadow: 0 4px 12px rgba(197, 160, 89, 0.3);
        &:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 18px rgba(197, 160, 89, 0.4);
            color: #ffffff;
        }
        @media (max-width: 768px) {
            margin-left: 0;
        }
    }
}

.pixlab-spa-content-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 24px;
    @media(max-width:640px){
        padding: 20px 10px;
    }
}

.pixlab-spa-section-block {
    scroll-margin-top: 90px;
}

#pixlab-spa-sec-hamam {
    scroll-margin-top: 67px;
}

.pixlab-spa-section-header {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 50px auto;
}

.pixlab-spa-section-tag {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--pixlab-gold, #c5a059);
    margin-bottom: 8px;
}

.pixlab-spa-section-title {
    font-size: 2.4rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 14px;
    font-family: 'Playfair Display', serif;
    @media (max-width: 768px) {
        font-size: 1.8rem;
    }
}

.pixlab-spa-section-subtitle {
    font-size: 1.05rem;
    color: #64748b;
    line-height: 1.65;
}

.pixlab-spa-grand-showcase {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    margin-bottom: 70px;
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
        gap: 32px;
    }
}

.pixlab-spa-showcase-img-wrap {
    position: relative;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);
}

.pixlab-spa-showcase-img {
    width: 100%;
    height: 480px;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
    .pixlab-spa-showcase-img-wrap:hover & {
        transform: scale(1.04);
    }
    @media (max-width: 768px) {
        height: 320px;
    }
}

.pixlab-spa-showcase-floating-badge {
    position: absolute;
    bottom: 24px;
    left: 24px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 14px 22px;
    border-radius: 16px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
}

.pixlab-spa-fb-num {
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffd28e;
    font-family: 'Playfair Display', serif;
}

.pixlab-spa-fb-txt {
    font-size: 0.8rem;
    color: #cbd5e1;
}

.pixlab-spa-showcase-content {
    .pixlab-spa-section-title {
        text-align: left;
        font-size: 2.5rem;
        @media (max-width: 768px) {
            font-size: 1.8rem;
        }
    }
    .pixlab-spa-section-tag {
        text-align: left;
    }
}

.pixlab-spa-showcase-desc {
    font-size: 1.05rem;
    color: #475569;
    line-height: 1.7;
    margin-bottom: 32px;
}

.pixlab-spa-stats-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.pixlab-spa-stat-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 16px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
}

.pixlab-spa-stat-num {
    display: block;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--pixlab-gold, #c5a059);
    font-family: 'Playfair Display', serif;
}

.pixlab-spa-stat-lbl {
    font-size: 0.78rem;
    color: #64748b;
    font-weight: 600;
}

.pixlab-spa-visual-facilities {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-bottom: 90px;
    @media (max-width: 991px) {
        grid-template-columns: repeat(2, 1fr);
        margin-bottom: 30px;
    }
    @media (max-width: 480px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-spa-vfac-card {
    position: relative;
    height: 280px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.08);
}

.pixlab-spa-vfac-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
    .pixlab-spa-vfac-card:hover & {
        transform: scale(1.08);
    }
}

.pixlab-spa-vfac-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 24px 20px;
    background: linear-gradient(to top, rgba(15, 23, 42, 0.95) 0%, rgba(15, 23, 42, 0.4) 70%, transparent 100%);
    color: #ffffff;
}

.pixlab-spa-vfac-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 6px;
    font-family: 'Playfair Display', serif;
}

.pixlab-spa-vfac-desc {
    font-size: 0.82rem;
    color: #cbd5e1;
    line-height: 1.4;
}

.pixlab-spa-treatments-visual-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 90px;
    @media (max-width: 991px) {
        grid-template-columns: repeat(2, 1fr);
    }
    @media (max-width: 576px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-spa-tv-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 22px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.04);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    &:hover {
        transform: translateY(-6px);
        box-shadow: 0 16px 35px rgba(15, 23, 42, 0.1);
    }
}

.pixlab-spa-tv-img-wrap {
    position: relative;
    height: 210px;
    overflow: hidden;
}

.pixlab-spa-tv-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
    .pixlab-spa-tv-card:hover & {
        transform: scale(1.06);
    }
}

.pixlab-spa-tv-badge {
    position: absolute;
    top: 14px;
    right: 14px;
    padding: 6px 14px;
    background: rgba(15, 23, 42, 0.8);
    backdrop-filter: blur(8px);
    color: #ffd28e;
    font-size: 0.76rem;
    font-weight: 700;
    border-radius: 20px;
    border: 1px solid rgba(255, 210, 142, 0.3);
}

.pixlab-spa-tv-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.pixlab-spa-tv-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 10px;
    font-family: 'Playfair Display', serif;
}

.pixlab-spa-tv-desc {
    font-size: 0.88rem;
    color: #64748b;
    line-height: 1.55;
    margin-bottom: 20px;
    flex: 1;
}

.pixlab-spa-tv-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 14px;
    border-top: 1px dashed #e2e8f0;
    span {
        padding: 4px 10px;
        background-color: #f1f5f9;
        color: #475569;
        font-size: 0.74rem;
        font-weight: 600;
        border-radius: 6px;
    }
}

.pixlab-spa-hamam-fullbleed {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 90px 0;
    background: linear-gradient(135deg, #03060c 0%, #0a101d 50%, #020408 100%);
    border-top: 1px solid rgba(197, 160, 89, 0.3);
    border-bottom: 1px solid rgba(197, 160, 89, 0.3);
    box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.8);
    margin-bottom: 90px;
    overflow: hidden;
}

.pixlab-spa-hamam-fullbleed-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}

.pixlab-spa-section-header.light {
    .pixlab-spa-section-tag.gold {
        color: #ffd28e;
    }
    .pixlab-spa-section-title.white {
        color: #ffffff;
    }
    .pixlab-spa-section-subtitle.light-text {
        color: #cbd5e1;
    }
}

.pixlab-spa-hamam-stage-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-bottom: 50px;
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-spa-hstage-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
    &:hover {
        transform: translateY(-8px);
        border-color: rgba(197, 160, 89, 0.5);
        box-shadow: 0 20px 45px rgba(197, 160, 89, 0.15);
    }
    &.featured {
        border-color: var(--pixlab-gold, #c5a059);
        background: rgba(197, 160, 89, 0.05);
    }
}

.pixlab-spa-hstage-img-box {
    position: relative;
    height: 230px;
    overflow: hidden;
}

.pixlab-spa-hstage-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
    .pixlab-spa-hstage-card:hover & {
        transform: scale(1.08);
    }
}

.pixlab-spa-hstage-badge {
    position: absolute;
    top: 16px;
    left: 16px;
    padding: 6px 14px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(8px);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 800;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    letter-spacing: 1px;
    &.gold {
        background: var(--pixlab-gold, #c5a059);
        color: #ffffff;
        border: none;
    }
}

.pixlab-spa-hstage-content {
    padding: 28px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.pixlab-spa-hstage-title {
    font-size: 1.35rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
    font-family: 'Playfair Display', serif;
}

.pixlab-spa-hstage-desc {
    font-size: 0.9rem;
    color: #cbd5e1;
    line-height: 1.6;
    margin-bottom: 20px;
    flex: 1;
}

.pixlab-spa-hstage-pill {
    align-self: flex-start;
    padding: 6px 14px;
    background: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: #ffd28e;
    font-size: 0.78rem;
    font-weight: 700;
    border-radius: 12px;
    &.gold {
        background: rgba(197, 160, 89, 0.2);
        border-color: rgba(197, 160, 89, 0.4);
    }
}

.pixlab-spa-hamam-features-bar {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    padding: 24px 28px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(197, 160, 89, 0.2);
    border-radius: 20px;
    @media (max-width: 991px) {
        grid-template-columns: repeat(2, 1fr);
    }
    @media (max-width: 576px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-spa-hbar-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.88rem;
    color: #f1f5f9;
    font-weight: 600;
    svg {
        color: var(--pixlab-gold, #c5a059);
        flex-shrink: 0;
    }
}

.pixlab-spa-packages-visual-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 90px;
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-spa-pv-card {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 25px rgba(15, 23, 42, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    &:hover {
        transform: translateY(-6px);
        box-shadow: 0 18px 40px rgba(15, 23, 42, 0.1);
    }
    &.featured {
        border-color: var(--pixlab-gold, #c5a059);
        box-shadow: 0 12px 35px rgba(197, 160, 89, 0.18);
    }
}

.pixlab-spa-pv-badge {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 3;
    padding: 4px 14px;
    background: var(--pixlab-gold, #c5a059);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 700;
    border-radius: 20px;
}

.pixlab-spa-pv-img-wrap {
    position: relative;
    height: 220px;
}

.pixlab-spa-pv-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pixlab-spa-pv-tag {
    position: absolute;
    bottom: 14px;
    left: 14px;
    padding: 4px 12px;
    background: rgba(15, 23, 42, 0.85);
    color: #ffd28e;
    font-size: 0.7rem;
    font-weight: 700;
    border-radius: 6px;
    letter-spacing: 0.5px;
}

.pixlab-spa-pv-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.pixlab-spa-pv-name {
    font-size: 1.35rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 4px;
    font-family: 'Playfair Display', serif;
}

.pixlab-spa-pv-time {
    display: block;
    font-size: 0.82rem;
    color: #94a3b8;
    margin-bottom: 14px;
}

.pixlab-spa-pv-desc {
    font-size: 0.88rem;
    color: #64748b;
    line-height: 1.6;
}

.pixlab-spa-contact-callout {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 28px;
    padding: 60px 36px;
    text-align: center;
    box-shadow: 0 15px 40px rgba(15, 23, 42, 0.04);
    @media (max-width: 768px) {
        padding: 40px 20px;
    }
}

.pixlab-spa-callout-inner {
    max-width: 700px;
    margin: 0 auto;
}

.pixlab-spa-callout-title {
    font-size: 2.2rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 14px;
    font-family: 'Playfair Display', serif;
    @media (max-width: 768px) {
        font-size: 1.7rem;
    }
}

.pixlab-spa-callout-desc {
    font-size: 1.05rem;
    color: #64748b;
    line-height: 1.65;
    margin-bottom: 32px;
}

.pixlab-spa-callout-btns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.pixlab-spa-btn-gold {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    background: linear-gradient(135deg, var(--pixlab-gold, #c5a059) 0%, var(--pixlab-gold-dark, #a37a3c) 100%);
    color: #ffffff;
    text-decoration: none;
    border-radius: 14px;
    font-size: 0.98rem;
    font-weight: 700;
    box-shadow: 0 10px 25px rgba(197, 160, 89, 0.3);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    &:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(197, 160, 89, 0.4);
    }
}

.pixlab-spa-btn-outline {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    background-color: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #0f172a;
    text-decoration: none;
    border-radius: 14px;
    font-size: 0.98rem;
    font-weight: 700;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    &:hover {
        background-color: #f1f5f9;
        border-color: #94a3b8;
    }
}

.pixlab-dining-page {
    background-color: #f8fafc;
    color: #1e293b;
}

.pixlab-dining-hero {
    position: relative;
    padding: 80px 24px;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 50%, #050811 100%);
    color: #ffffff;
    text-align: center;
    overflow: hidden;
    @media (max-width: 768px) {
        padding: 30px 10px;
    }
}

.pixlab-dining-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% 30%, rgba(197, 160, 89, 0.18) 0%, transparent 70%);
    pointer-events: none;
}

.pixlab-dining-hero-container {
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pixlab-dining-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    color: #94a3b8;
    margin-bottom: 24px;
    a {
        color: #cbd5e1;
        text-decoration: none;
        transition: color 0.2s ease;
        &:hover {
            color: var(--pixlab-gold, #c5a059);
        }
    }
    span {
        color: var(--pixlab-gold, #c5a059);
        font-weight: 600;
    }
}

.pixlab-dining-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    background: rgba(197, 160, 89, 0.15);
    border: 1px solid rgba(197, 160, 89, 0.4);
    border-radius: 30px;
    color: #ffd28e;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.pixlab-dining-hero-title {
    font-size: 3rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 16px;
    font-family: 'Playfair Display', serif;
    line-height: 1.2;
    @media (max-width: 768px) {
        font-size: 2.1rem;
    }
    @media (max-width: 480px) {
        font-size: 1.75rem;
    }
}

.pixlab-dining-hero-desc {
    font-size: 1.1rem;
    color: #cbd5e1;
    max-width: 680px;
    line-height: 1.6;
    margin-bottom: 32px;
    @media (max-width: 768px) {
        font-size: 0.95rem;
    }
}

.pixlab-dining-quick-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.pixlab-dining-info-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    font-size: 0.82rem;
    color: #e2e8f0;
    svg {
        color: var(--pixlab-gold, #c5a059);
    }
}

.pixlab-dining-nav-wrapper {
    position: sticky;
    top: 0;
    z-index: 990;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08);
    transition: top 0.3s ease;
    @media (max-width: 768px) {
        top: 0 !important;
    }
}

body.admin-bar .pixlab-dining-nav-wrapper {
    top: 116px;
    @media (max-width: 991px) {
        top: 102px;
    }
    @media (max-width: 782px) {
        top: 0 !important;
    }
}

.pixlab-dining-nav-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    @media (max-width: 768px) {
        padding: 0 12px;
    }
}

.pixlab-dining-nav-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    white-space: nowrap;
    padding: 12px 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    &::-webkit-scrollbar {
        display: none;
    }
    @media (max-width: 768px) {
        gap: 20px;
        display: flex;
        width: calc(100% + 20px);
        margin-inline: -10px;
        padding-inline: 10px;
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        scroll-snap-type: x mandatory;
        &::-webkit-scrollbar {
            display: none;
        }
    }
}

.pixlab-dining-nav-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 12px;
    color: #64748b;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 600;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    @media (max-width: 768px) {
        scroll-snap-align: center;
        flex-shrink: 0;
    }
    &:hover,
    &.active {
        background-color: #f1f5f9;
        color: var(--pixlab-gold-dark, #a37a3c);
    }
    &.pixlab-dining-nav-cta {
        margin-left: auto;
        background: linear-gradient(135deg, var(--pixlab-gold, #c5a059) 0%, var(--pixlab-gold-dark, #a37a3c) 100%);
        color: #ffffff;
        box-shadow: 0 4px 12px rgba(197, 160, 89, 0.3);
        &:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 18px rgba(197, 160, 89, 0.4);
            color: #ffffff;
        }
        @media (max-width: 768px) {
            margin-left: 0;
        }
    }
}

.pixlab-dining-content-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 60px 24px;
}

.pixlab-dining-section-block {
    scroll-margin-top: 90px;
}

.pixlab-dining-section-header {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 50px auto;
}

.pixlab-dining-section-tag {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--pixlab-gold, #c5a059);
    margin-bottom: 8px;
}

.pixlab-dining-section-title {
    font-size: 2.4rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 14px;
    font-family: 'Playfair Display', serif;
    @media (max-width: 768px) {
        font-size: 1.8rem;
    }
}

.pixlab-dining-section-subtitle {
    font-size: 1.05rem;
    color: #64748b;
    line-height: 1.65;
}

.pixlab-dining-grand-showcase {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: center;
    margin-bottom: 80px;
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
        gap: 32px;
        margin-bottom: 30px;
    }
}

.pixlab-dining-showcase-img-wrap {
    position: relative;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.12);
}

.pixlab-dining-showcase-img {
    width: 100%;
    height: 480px;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
    .pixlab-dining-showcase-img-wrap:hover & {
        transform: scale(1.04);
    }
    @media (max-width: 768px) {
        height: 320px;
    }
}

.pixlab-dining-showcase-floating-badge {
    position: absolute;
    bottom: 24px;
    left: 24px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 14px 22px;
    border-radius: 16px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
}

.pixlab-dining-fb-num {
    font-size: 1.5rem;
    font-weight: 700;
    color: #ffd28e;
    font-family: 'Playfair Display', serif;
}

.pixlab-dining-fb-txt {
    font-size: 0.8rem;
    color: #cbd5e1;
}

.pixlab-dining-showcase-content {
    .pixlab-dining-section-title {
        text-align: left;
        font-size: 2.5rem;
        @media (max-width: 768px) {
            font-size: 1.8rem;
        }
    }
    .pixlab-dining-section-tag {
        text-align: left;
    }
}

.pixlab-dining-showcase-desc {
    font-size: 1.05rem;
    color: #475569;
    line-height: 1.7;
    margin-bottom: 32px;
}

.pixlab-dining-stats-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
    @media(max-width:640px){
        grid-template-columns: 1fr;
        gap: 4px;
    }
}

.pixlab-dining-stat-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    padding: 16px;
    text-align: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
}

.pixlab-dining-stat-num {
    display: block;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--pixlab-gold, #c5a059);
    font-family: 'Playfair Display', serif;
}

.pixlab-dining-stat-lbl {
    font-size: 0.78rem;
    color: #64748b;
    font-weight: 600;
}

.pixlab-dining-main-rest-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 28px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    box-shadow: 0 15px 40px rgba(15, 23, 42, 0.06);
    margin-bottom: 90px;
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
        margin-bottom: 40px;
    }
}

.pixlab-dining-mr-img-wrap {
    position: relative;
    height: 100%;
    min-height: 380px;
}

.pixlab-dining-mr-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pixlab-dining-mr-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    padding: 6px 16px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(8px);
    color: #ffd28e;
    font-size: 0.74rem;
    font-weight: 700;
    border-radius: 20px;
    letter-spacing: 1px;
}

.pixlab-dining-mr-content {
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    .pixlab-dining-section-title {
        text-align: left;
        font-size: 2.2rem;
    }
    .pixlab-dining-section-tag {
        text-align: left;
    }
    @media (max-width: 768px) {
        padding: 24px;
    }
}

.pixlab-dining-mr-desc {
    font-size: 0.98rem;
    color: #475569;
    line-height: 1.65;
    margin-bottom: 28px;
}

.pixlab-dining-mr-hours-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
}

.pixlab-dining-mrh-item {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
}

.pixlab-dining-mrh-label {
    font-size: 0.76rem;
    color: #64748b;
    font-weight: 600;
}

.pixlab-dining-mrh-time {
    font-size: 0.95rem;
    font-weight: 700;
    color: #0f172a;
}

.pixlab-dining-alacarte-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    margin-bottom: 90px;
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-dining-ac-card {
    position: relative;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 8px 25px rgba(15, 23, 42, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    &:hover {
        transform: translateY(-6px);
        box-shadow: 0 18px 40px rgba(15, 23, 42, 0.1);
    }
    &.featured {
        border-color: var(--pixlab-gold, #c5a059);
        box-shadow: 0 12px 35px rgba(197, 160, 89, 0.18);
    }
}

.pixlab-dining-ac-badge-gold {
    position: absolute;
    top: 14px;
    right: 14px;
    z-index: 3;
    padding: 4px 14px;
    background: var(--pixlab-gold, #c5a059);
    color: #ffffff;
    font-size: 0.72rem;
    font-weight: 700;
    border-radius: 20px;
}

.pixlab-dining-ac-img-box {
    position: relative;
    height: 230px;
}

.pixlab-dining-ac-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pixlab-dining-ac-tag {
    position: absolute;
    bottom: 14px;
    left: 14px;
    padding: 4px 12px;
    background: rgba(15, 23, 42, 0.85);
    color: #ffd28e;
    font-size: 0.7rem;
    font-weight: 700;
    border-radius: 6px;
    letter-spacing: 0.5px;
}

.pixlab-dining-ac-body {
    padding: 28px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.pixlab-dining-ac-title {
    font-size: 1.35rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 10px;
    font-family: 'Playfair Display', serif;
}

.pixlab-dining-ac-desc {
    font-size: 0.88rem;
    color: #64748b;
    line-height: 1.6;
    margin-bottom: 20px;
    flex: 1;
}

.pixlab-dining-ac-meta {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-top: 14px;
    border-top: 1px dashed #e2e8f0;
    font-size: 0.8rem;
    color: #475569;
    font-weight: 600;
}

.pixlab-dining-bars-fullbleed {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 90px 0;
    background: linear-gradient(135deg, #03060c 0%, #0a101d 50%, #020408 100%);
    border-top: 1px solid rgba(197, 160, 89, 0.3);
    border-bottom: 1px solid rgba(197, 160, 89, 0.3);
    box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.8);
    margin-bottom: 90px;
    overflow: hidden;
    @media(max-width:640px){
        margin-bottom: 40px;
    }
}

.pixlab-dining-bars-fullbleed-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}

.pixlab-dining-section-header.light {
    .pixlab-dining-section-tag.gold {
        color: #ffd28e;
    }
    .pixlab-dining-section-title.white {
        color: #ffffff;
    }
    .pixlab-dining-section-subtitle.light-text {
        color: #cbd5e1;
    }
}

.pixlab-dining-bars-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-dining-bar-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
    &:hover {
        transform: translateY(-8px);
        border-color: rgba(197, 160, 89, 0.5);
        box-shadow: 0 20px 45px rgba(197, 160, 89, 0.15);
    }
}

.pixlab-dining-bar-img-box {
    position: relative;
    height: 220px;
}

.pixlab-dining-bar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pixlab-dining-bar-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    padding: 4px 12px;
    background: rgba(15, 23, 42, 0.85);
    color: #ffd28e;
    font-size: 0.72rem;
    font-weight: 700;
    border-radius: 6px;
}

.pixlab-dining-bar-content {
    padding: 28px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.pixlab-dining-bar-title {
    font-size: 1.35rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
    font-family: 'Playfair Display', serif;
}

.pixlab-dining-bar-desc {
    font-size: 0.9rem;
    color: #cbd5e1;
    line-height: 1.6;
    margin-bottom: 20px;
    flex: 1;
}

.pixlab-dining-bar-time {
    align-self: flex-start;
    padding: 6px 14px;
    background: rgba(197, 160, 89, 0.2);
    border: 1px solid rgba(197, 160, 89, 0.4);
    color: #ffd28e;
    font-size: 0.78rem;
    font-weight: 700;
    border-radius: 12px;
}

.pixlab-dining-contact-callout {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 28px;
    padding: 60px 36px;
    text-align: center;
    box-shadow: 0 15px 40px rgba(15, 23, 42, 0.04);
    @media (max-width: 768px) {
        padding: 40px 20px;
    }
}

.pixlab-dining-callout-inner {
    max-width: 700px;
    margin: 0 auto;
}

.pixlab-dining-callout-title {
    font-size: 2.2rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 14px;
    font-family: 'Playfair Display', serif;
    @media (max-width: 768px) {
        font-size: 1.7rem;
    }
}

.pixlab-dining-callout-desc {
    font-size: 1.05rem;
    color: #64748b;
    line-height: 1.65;
    margin-bottom: 32px;
}

.pixlab-dining-callout-btns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.pixlab-dining-btn-gold {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    background: linear-gradient(135deg, var(--pixlab-gold, #c5a059) 0%, var(--pixlab-gold-dark, #a37a3c) 100%);
    color: #ffffff;
    text-decoration: none;
    border-radius: 14px;
    font-size: 0.98rem;
    font-weight: 700;
    box-shadow: 0 10px 25px rgba(197, 160, 89, 0.3);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    &:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(197, 160, 89, 0.4);
    }
}

.pixlab-dining-btn-outline {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    background-color: #f8fafc;
    border: 1px solid #cbd5e1;
    color: #0f172a;
    text-decoration: none;
    border-radius: 14px;
    font-size: 0.98rem;
    font-weight: 700;
    transition: background-color 0.2s ease, border-color 0.2s ease;
    &:hover {
        background-color: #f1f5f9;
        border-color: #94a3b8;
    }
}

.pixlab-pool-page {
    background-color: #f8fafc;
    color: #1e293b;
}

.pixlab-pool-hero {
    position: relative;
    padding: 80px 24px;
    background: linear-gradient(135deg, #0284c7 0%, #0f172a 60%, #03060c 100%);
    color: #ffffff;
    text-align: center;
    overflow: hidden;
    @media (max-width: 768px) {
        padding: 30px 10px;
    }
}

.pixlab-pool-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% 30%, rgba(56, 189, 248, 0.18) 0%, transparent 70%);
    pointer-events: none;
}

.pixlab-pool-hero-container {
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pixlab-pool-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    color: #94a3b8;
    margin-bottom: 24px;
    a {
        color: #cbd5e1;
        text-decoration: none;
        transition: color 0.2s ease;
        &:hover {
            color: var(--pixlab-gold, #c5a059);
        }
    }
    span {
        color: var(--pixlab-gold, #c5a059);
        font-weight: 600;
    }
}

.pixlab-pool-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    background: rgba(197, 160, 89, 0.15);
    border: 1px solid rgba(197, 160, 89, 0.4);
    border-radius: 30px;
    color: #ffd28e;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.pixlab-pool-hero-title {
    font-size: 3rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 16px;
    font-family: 'Playfair Display', serif;
    line-height: 1.2;
    @media (max-width: 768px) {
        font-size: 2.1rem;
    }
    @media (max-width: 480px) {
        font-size: 1.75rem;
    }
}

.pixlab-pool-hero-desc {
    font-size: 1.1rem;
    color: #cbd5e1;
    max-width: 680px;
    line-height: 1.6;
    margin-bottom: 32px;
    @media (max-width: 768px) {
        font-size: 0.95rem;
    }
}

.pixlab-pool-quick-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.pixlab-pool-info-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    font-size: 0.82rem;
    color: #e2e8f0;
    svg {
        color: var(--pixlab-gold, #c5a059);
    }
}

.pixlab-pool-nav-wrapper {
    position: sticky;
    top: 0;
    z-index: 990;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08);
    transition: top 0.3s ease;
    @media (max-width: 768px) {
        top: 0 !important;
    }
}

body.admin-bar .pixlab-pool-nav-wrapper {
    top: 116px;
    @media (max-width: 991px) {
        top: 102px;
    }
    @media (max-width: 782px) {
        top: 0 !important;
    }
}

.pixlab-pool-nav-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    @media (max-width: 768px) {
        padding: 0 12px;
    }
}

.pixlab-pool-nav-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    white-space: nowrap;
    padding: 12px 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    &::-webkit-scrollbar {
        display: none;
    }
    @media (max-width: 768px) {
        gap: 20px;
        display: flex;
        width: calc(100% + 20px);
        margin-inline: -10px;
        padding-inline: 10px;
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        scroll-snap-type: x mandatory;
        &::-webkit-scrollbar {
            display: none;
        }
    }
}

.pixlab-pool-nav-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 12px;
    color: #64748b;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 600;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    @media (max-width: 768px) {
        scroll-snap-align: center;
        flex-shrink: 0;
    }
    &:hover,
    &.active {
        background-color: #f1f5f9;
        color: var(--pixlab-gold-dark, #a37a3c);
    }
    &.pixlab-pool-nav-cta {
        margin-left: auto;
        background: linear-gradient(135deg, var(--pixlab-gold, #c5a059) 0%, var(--pixlab-gold-dark, #a37a3c) 100%);
        color: #ffffff;
        box-shadow: 0 4px 12px rgba(197, 160, 89, 0.3);
        &:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 18px rgba(197, 160, 89, 0.4);
            color: #ffffff;
        }
        @media (max-width: 768px) {
            margin-left: 0;
        }
    }
}

.pixlab-pool-content-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 60px 24px;
    @media(max-width:640px){
        padding: 20px 10px 40px;
    }
}

.pixlab-pool-section-block {
    scroll-margin-top: 90px;
    margin-bottom: 90px;
    @media(max-width:640px){
        margin-bottom: 30px;
    }
}

.pixlab-pool-deck-header {
    margin-bottom: 36px;
    &.center {
        text-align: center;
        max-width: 720px;
        margin: 0 auto 50px auto;
    }
}

.pixlab-pool-mini-tag {
    display: block;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 1.8px;
    color: var(--pixlab-gold, #c5a059);
    margin-bottom: 8px;
}

.pixlab-pool-main-heading {
    font-size: 2.3rem;
    font-weight: 700;
    color: #0f172a;
    font-family: 'Playfair Display', serif;
    line-height: 1.25;
    @media (max-width: 768px) {
        font-size: 1.75rem;
    }
}

.pixlab-pool-sub-heading {
    font-size: 1rem;
    color: #64748b;
    margin-top: 10px;
}

/* SECTION 1: MOSAIC SHOWCASE */
.pixlab-pool-mosaic-showcase {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.pixlab-pool-mosaic-grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 24px;
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-pool-mosaic-large {
    position: relative;
    border-radius: 32px;
    overflow: hidden;
    height: 460px;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.12);
    @media (max-width: 768px) {
        height: 320px;
    }
}

.pixlab-pool-mosaic-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
    .pixlab-pool-mosaic-large:hover &,
    .pixlab-pool-mosaic-small:hover & {
        transform: scale(1.05);
    }
}

.pixlab-pool-mosaic-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 32px;
    background: linear-gradient(to top, rgba(15, 23, 42, 0.9) 0%, transparent 100%);
    color: #ffffff;
}

.pixlab-pool-mo-tag {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: #ffd28e;
    display: block;
    margin-bottom: 6px;
}

.pixlab-pool-mo-title {
    font-size: 2.1rem;
    font-weight: 700;
    color: #ffffff;
    font-family: 'Playfair Display', serif;
    margin: 0;
    @media (max-width: 768px) {
        font-size: 1.5rem;
    }
}

.pixlab-pool-mosaic-small-stack {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.pixlab-pool-mosaic-small {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    height: 218px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

.pixlab-pool-mo-mini-badge {
    position: absolute;
    bottom: 16px;
    left: 16px;
    padding: 6px 14px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(8px);
    color: #ffd28e;
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: 20px;
}

.pixlab-pool-feature-ribbon {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 10px;
    @media (max-width: 991px) {
        grid-template-columns: repeat(2, 1fr);
        gap: 4px;
    }
    @media (max-width: 480px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-pool-ribbon-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    box-shadow: 0 8px 25px rgba(15, 23, 42, 0.04);
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    &:hover {
        transform: translateY(-4px);
        border-color: #cbd5e1;
        box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
    }
    &.gold-border {
        border-color: rgba(197, 160, 89, 0.4);
        background: linear-gradient(135deg, #ffffff 0%, #fefcf8 100%);
    }
}

.pixlab-pool-ribbon-icon {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background-color: #f1f5f9;
    color: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    &.gold {
        background: rgba(197, 160, 89, 0.15);
        color: var(--pixlab-gold-dark, #a37a3c);
    }
}

.pixlab-pool-ribbon-info {
    display: flex;
    flex-direction: column;
}

.pixlab-pool-ribbon-val {
    font-size: 1.05rem;
    font-weight: 700;
    color: #0f172a;
    font-family: 'Playfair Display', serif;
    line-height: 1.2;
}

.pixlab-pool-ribbon-lbl {
    font-size: 0.78rem;
    color: #64748b;
    font-weight: 600;
    margin-top: 3px;
}

/* SECTION 2: SPLIT PARALLAX CARD */
.pixlab-pool-split-parallax-card {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(15, 23, 42, 0.06);
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-pool-spc-media {
    position: relative;
    min-height: 440px;
    @media (max-width: 991px) {
        min-height: 320px;
    }
}

.pixlab-pool-spc-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pixlab-pool-spc-glass-badge {
    position: absolute;
    top: 24px;
    left: 24px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 30px;
    color: #ffd28e;
    font-size: 0.78rem;
    font-weight: 700;
    svg {
        color: #ffd28e;
    }
}

.pixlab-pool-spc-content {
    padding: 44px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    @media (max-width: 768px) {
        padding: 28px;
    }
}

.pixlab-pool-spc-tag {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 1.8px;
    color: var(--pixlab-gold, #c5a059);
    margin-bottom: 8px;
}

.pixlab-pool-spc-title {
    font-size: 2.2rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 14px;
    font-family: 'Playfair Display', serif;
    line-height: 1.25;
    @media (max-width: 768px) {
        font-size: 1.7rem;
    }
}

.pixlab-pool-spc-desc {
    font-size: 0.95rem;
    color: #475569;
    line-height: 1.65;
    margin-bottom: 28px;
}

.pixlab-pool-spc-features-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    @media (max-width: 480px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-pool-spc-feat {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.pixlab-pool-spc-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background-color: #f1f5f9;
    color: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    &.gold {
        background: rgba(197, 160, 89, 0.15);
        color: var(--pixlab-gold-dark, #a37a3c);
    }
}

.pixlab-pool-spc-feat-text {
    display: flex;
    flex-direction: column;
    strong {
        font-size: 0.9rem;
        color: #0f172a;
        font-weight: 700;
    }
    span {
        font-size: 0.78rem;
        color: #64748b;
        margin-top: 2px;
    }
}

/* SECTION 3: HERO INFINITY CARD & DUAL VISUAL GRID */
.pixlab-pool-hero-infinity-card {
    position: relative;
    border-radius: 32px;
    overflow: hidden;
    height: 520px;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.12);
    margin-bottom: 40px;
    @media (max-width: 991px) {
        height: auto;
        min-height: 480px;
    }
}

.pixlab-pool-hic-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pixlab-pool-hic-floating-card {
    position: absolute;
    bottom: 32px;
    left: 32px;
    max-width: 580px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 32px;
    border-radius: 28px;
    color: #ffffff;
    @media (max-width: 768px) {
        position: relative;
        bottom: auto;
        left: auto;
        max-width: 100%;
        margin: -80px 16px 16px 16px;
        padding: 24px;
    }
}

.pixlab-pool-hic-tag {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: #ffd28e;
    margin-bottom: 8px;
    display: block;
}

.pixlab-pool-hic-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
    font-family: 'Playfair Display', serif;
    @media (max-width: 768px) {
        font-size: 1.4rem;
    }
}

.pixlab-pool-hic-desc {
    font-size: 0.9rem;
    color: #cbd5e1;
    line-height: 1.6;
    margin-bottom: 20px;
}

.pixlab-pool-hic-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    span {
        padding: 6px 14px;
        background: rgba(255, 255, 255, 0.1);
        border: 1px solid rgba(255, 255, 255, 0.15);
        color: #ffffff;
        font-size: 0.76rem;
        font-weight: 700;
        border-radius: 10px;
    }
}

.pixlab-pool-dual-visual-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-pool-dvg-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    &:hover {
        transform: translateY(-6px);
        box-shadow: 0 18px 40px rgba(15, 23, 42, 0.1);
    }
}

.pixlab-pool-dvg-img-wrap {
    position: relative;
    height: 260px;
}

.pixlab-pool-dvg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pixlab-pool-dvg-badge {
    position: absolute;
    bottom: 16px;
    left: 16px;
    padding: 6px 14px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(8px);
    color: #ffd28e;
    font-size: 0.72rem;
    font-weight: 800;
    border-radius: 20px;
    letter-spacing: 1px;
}

.pixlab-pool-dvg-body {
    padding: 28px;
    display: flex;
    flex-direction: column;
}

.pixlab-pool-dvg-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 10px;
    font-family: 'Playfair Display', serif;
}

.pixlab-pool-dvg-desc {
    font-size: 0.9rem;
    color: #64748b;
    line-height: 1.6;
    margin-bottom: 16px;
}

.pixlab-pool-dvg-info {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--pixlab-gold-dark, #a37a3c);
}

/* SECTION 4: FULLBLEED THERMAL OCEAN */
.pixlab-pool-ocean-thermal-wrap {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 90px 0;
    background: linear-gradient(135deg, #0284c7 0%, #0f172a 60%, #03060c 100%);
    color: #ffffff;
    box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.5);
    margin-bottom: 90px;
    overflow: hidden;
    scroll-margin-top: 67px;
    @media(max-width:640px){
        margin-bottom: 30px;
        padding: 40px 0;
    }
}

.pixlab-pool-ot-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
}

.pixlab-pool-ot-header {
    text-align: center;
    max-width: 720px;
    margin: 0 auto 50px auto;
}

.pixlab-pool-ot-tag {
    display: block;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: #ffd28e;
    margin-bottom: 8px;
}

.pixlab-pool-ot-title {
    font-size: 2.4rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 14px;
    font-family: 'Playfair Display', serif;
    @media (max-width: 768px) {
        font-size: 1.8rem;
    }
}

.pixlab-pool-ot-desc {
    font-size: 1rem;
    color: #cbd5e1;
    line-height: 1.6;
}

.pixlab-pool-ot-cards-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-pool-ot-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 24px;
    padding: 32px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: transform 0.3s ease, border-color 0.3s ease;
    &:hover {
        transform: translateY(-6px);
        border-color: rgba(255, 210, 142, 0.4);
    }
}

.pixlab-pool-ot-icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    &.gold {
        background: rgba(197, 160, 89, 0.25);
        color: #ffd28e;
    }
}

.pixlab-pool-ot-card-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
    font-family: 'Playfair Display', serif;
}

.pixlab-pool-ot-card-desc {
    font-size: 0.88rem;
    color: #cbd5e1;
    line-height: 1.55;
    margin-bottom: 24px;
    flex: 1;
}

.pixlab-pool-ot-pill {
    padding: 6px 14px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.15);
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 700;
    border-radius: 10px;
    &.gold {
        background: rgba(197, 160, 89, 0.25);
        border-color: rgba(197, 160, 89, 0.5);
        color: #ffd28e;
    }
}

/* SECTION 5: AQUAPARK SPOTLIGHT GRID */
.pixlab-pool-aquapark-spotlight-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 40px;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 32px;
    overflow: hidden;
    padding: 24px;
    box-shadow: 0 15px 40px rgba(15, 23, 42, 0.06);
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
        padding: 16px;
    }
}

.pixlab-pool-asg-media {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    height: 380px;
    @media (max-width: 768px) {
        height: 260px;
    }
}

.pixlab-pool-asg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pixlab-pool-asg-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 30px;
    color: #ffd28e;
    font-size: 0.78rem;
    font-weight: 700;
}

.pixlab-pool-asg-content {
    padding: 16px;
    display: flex;
    flex-direction: column;
}

.pixlab-pool-asg-desc {
    font-size: 0.95rem;
    color: #475569;
    line-height: 1.65;
    margin-top: 10px;
    margin-bottom: 24px;
}

.pixlab-pool-asg-checklist {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.pixlab-pool-asg-check-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.88rem;
    font-weight: 600;
    color: #0f172a;
    svg {
        color: var(--pixlab-gold, #c5a059);
        flex-shrink: 0;
    }
}

/* SECTION 6: STYLISH CTA */
.pixlab-pool-stylish-cta {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-radius: 32px;
    padding: 60px 40px;
    text-align: center;
    color: #ffffff;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.15);
    @media (max-width: 768px) {
        padding: 40px 20px;
    }
}

.pixlab-pool-cta-inner {
    max-width: 680px;
    margin: 0 auto;
}

.pixlab-pool-cta-tag {
    display: block;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: #ffd28e;
    margin-bottom: 10px;
}

.pixlab-pool-cta-title {
    font-size: 2.2rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 14px;
    font-family: 'Playfair Display', serif;
    @media (max-width: 768px) {
        font-size: 1.7rem;
    }
}

.pixlab-pool-cta-desc {
    font-size: 1rem;
    color: #cbd5e1;
    line-height: 1.6;
    margin-bottom: 32px;
}

.pixlab-pool-cta-btns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.pixlab-pool-cta-btn-gold {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    background: linear-gradient(135deg, var(--pixlab-gold, #c5a059) 0%, var(--pixlab-gold-dark, #a37a3c) 100%);
    color: #ffffff;
    text-decoration: none;
    border-radius: 14px;
    font-size: 0.95rem;
    font-weight: 700;
    box-shadow: 0 10px 25px rgba(197, 160, 89, 0.35);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    &:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(197, 160, 89, 0.45);
    }
}

.pixlab-pool-cta-btn-outline {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    text-decoration: none;
    border-radius: 14px;
    font-size: 0.95rem;
    font-weight: 700;
    transition: background 0.2s ease, border-color 0.2s ease;
    svg{
        flex-shrink: 0;
    }
    &:hover {
        background: rgba(255, 255, 255, 0.15);
        border-color: rgba(255, 255, 255, 0.3);
    }
}

/* Aktiviteler & Eğlence Page Styles */
.pixlab-act-page {
    background-color: #f8fafc;
    color: #1e293b;
}

.pixlab-act-hero {
    position: relative;
    padding: 80px 24px;
    background: linear-gradient(135deg, #1e1b4b 0%, #0f172a 60%, #050811 100%);
    color: #ffffff;
    text-align: center;
    overflow: hidden;
    @media (max-width: 768px) {
        padding: 30px 10px;
    }
}

.pixlab-act-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% 30%, rgba(197, 160, 89, 0.18) 0%, transparent 70%);
    pointer-events: none;
}

.pixlab-act-hero-container {
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pixlab-act-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    color: #94a3b8;
    margin-bottom: 24px;
    a {
        color: #cbd5e1;
        text-decoration: none;
        transition: color 0.2s ease;
        &:hover {
            color: var(--pixlab-gold, #c5a059);
        }
    }
    span {
        color: var(--pixlab-gold, #c5a059);
        font-weight: 600;
    }
}

.pixlab-act-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    background: rgba(197, 160, 89, 0.15);
    border: 1px solid rgba(197, 160, 89, 0.4);
    border-radius: 30px;
    color: #ffd28e;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.pixlab-act-hero-title {
    font-size: 3rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 16px;
    font-family: 'Playfair Display', serif;
    line-height: 1.2;
    @media (max-width: 768px) {
        font-size: 2.1rem;
    }
    @media (max-width: 480px) {
        font-size: 1.75rem;
    }
}

.pixlab-act-hero-desc {
    font-size: 1.1rem;
    color: #cbd5e1;
    max-width: 680px;
    line-height: 1.6;
    margin-bottom: 32px;
    @media (max-width: 768px) {
        font-size: 0.95rem;
    }
}

.pixlab-act-quick-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.pixlab-act-info-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    font-size: 0.82rem;
    color: #e2e8f0;
    svg {
        color: var(--pixlab-gold, #c5a059);
    }
}

.pixlab-act-nav-wrapper {
    position: sticky;
    top: 0;
    z-index: 990;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08);
    transition: top 0.3s ease;
    @media (max-width: 768px) {
        top: 0 !important;
    }
}

body.admin-bar .pixlab-act-nav-wrapper {
    top: 116px;
    @media (max-width: 991px) {
        top: 102px;
    }
    @media (max-width: 782px) {
        top: 0 !important;
    }
}

.pixlab-act-nav-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    @media (max-width: 768px) {
        padding: 0 12px;
    }
}

.pixlab-act-nav-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    white-space: nowrap;
    padding: 12px 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    &::-webkit-scrollbar {
        display: none;
    }
    @media (max-width: 768px) {
        gap: 20px;
        display: flex;
        width: calc(100% + 20px);
        margin-inline: -10px;
        padding-inline: 10px;
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        scroll-snap-type: x mandatory;
        &::-webkit-scrollbar {
            display: none;
        }
    }
}

.pixlab-act-nav-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 12px;
    color: #64748b;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 600;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    @media (max-width: 768px) {
        scroll-snap-align: center;
        flex-shrink: 0;
    }
    &:hover,
    &.active {
        background-color: #f1f5f9;
        color: var(--pixlab-gold-dark, #a37a3c);
    }
    &.pixlab-act-nav-cta {
        margin-left: auto;
        background: linear-gradient(135deg, var(--pixlab-gold, #c5a059) 0%, var(--pixlab-gold-dark, #a37a3c) 100%);
        color: #ffffff;
        box-shadow: 0 4px 12px rgba(197, 160, 89, 0.3);
        &:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 18px rgba(197, 160, 89, 0.4);
            color: #ffffff;
        }
        @media (max-width: 768px) {
            margin-left: 0;
        }
    }
}

.pixlab-act-content-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 60px 24px;
}

.pixlab-act-section-block {
    scroll-margin-top: 90px;
    margin-bottom: 90px;
}

.pixlab-act-deck-header {
    margin-bottom: 36px;
    &.center {
        text-align: center;
        max-width: 720px;
        margin: 0 auto 50px auto;
    }
}

.pixlab-act-mini-tag {
    display: block;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 1.8px;
    color: var(--pixlab-gold, #c5a059);
    margin-bottom: 8px;
}

.pixlab-act-main-heading {
    font-size: 2.3rem;
    font-weight: 700;
    color: #0f172a;
    font-family: 'Playfair Display', serif;
    line-height: 1.25;
    @media (max-width: 768px) {
        font-size: 1.75rem;
    }
}

.pixlab-act-sub-heading {
    font-size: 1rem;
    color: #64748b;
    margin-top: 10px;
}

.pixlab-act-mosaic-showcase {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.pixlab-act-mosaic-grid {
    display: grid;
    grid-template-columns: 1.6fr 1fr;
    gap: 24px;
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-act-mosaic-large {
    position: relative;
    border-radius: 32px;
    overflow: hidden;
    height: 460px;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.12);
    @media (max-width: 768px) {
        height: 320px;
    }
}

.pixlab-act-mosaic-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.6s ease;
    .pixlab-act-mosaic-large:hover &,
    .pixlab-act-mosaic-small:hover & {
        transform: scale(1.05);
    }
}

.pixlab-act-mosaic-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 32px;
    background: linear-gradient(to top, rgba(15, 23, 42, 0.9) 0%, transparent 100%);
    color: #ffffff;
}

.pixlab-act-mo-tag {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: #ffd28e;
    display: block;
    margin-bottom: 6px;
}

.pixlab-act-mo-title {
    font-size: 2.1rem;
    font-weight: 700;
    color: #ffffff;
    font-family: 'Playfair Display', serif;
    margin: 0;
    @media (max-width: 768px) {
        font-size: 1.5rem;
    }
}

.pixlab-act-mosaic-small-stack {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.pixlab-act-mosaic-small {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    height: 218px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.08);
}

.pixlab-act-mo-mini-badge {
    position: absolute;
    bottom: 16px;
    left: 16px;
    padding: 6px 14px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(8px);
    color: #ffd28e;
    font-size: 0.75rem;
    font-weight: 700;
    border-radius: 20px;
}

.pixlab-act-feature-ribbon {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin-top: 10px;
    @media (max-width: 991px) {
        grid-template-columns: repeat(2, 1fr);
    }
    @media (max-width: 480px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-act-ribbon-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 16px;
    box-shadow: 0 8px 25px rgba(15, 23, 42, 0.04);
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    &:hover {
        transform: translateY(-4px);
        border-color: #cbd5e1;
        box-shadow: 0 14px 30px rgba(15, 23, 42, 0.08);
    }
    &.gold-border {
        border-color: rgba(197, 160, 89, 0.4);
        background: linear-gradient(135deg, #ffffff 0%, #fefcf8 100%);
    }
}

.pixlab-act-ribbon-icon {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background-color: #f1f5f9;
    color: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    &.gold {
        background: rgba(197, 160, 89, 0.15);
        color: var(--pixlab-gold-dark, #a37a3c);
    }
}

.pixlab-act-ribbon-info {
    display: flex;
    flex-direction: column;
}

.pixlab-act-ribbon-val {
    font-size: 1.05rem;
    font-weight: 700;
    color: #0f172a;
    font-family: 'Playfair Display', serif;
    line-height: 1.2;
}

.pixlab-act-ribbon-lbl {
    font-size: 0.78rem;
    color: #64748b;
    font-weight: 600;
    margin-top: 3px;
}

.pixlab-act-bars-fullbleed {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 90px 0;
    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #03060c 100%);
    color: #ffffff;
    border-top: 1px solid rgba(197, 160, 89, 0.3);
    border-bottom: 1px solid rgba(197, 160, 89, 0.3);
    box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.8);
    margin-bottom: 90px;
    overflow: hidden;
}

.pixlab-act-bars-fullbleed-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}

.pixlab-act-section-header {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 50px auto;
    &.light {
        .pixlab-act-section-tag.gold {
            color: #ffd28e !important;
        }
        .pixlab-act-section-title.white {
            color: #ffffff !important;
        }
        .pixlab-act-section-subtitle.light-text {
            color: #cbd5e1 !important;
        }
    }
}

.pixlab-act-section-tag {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--pixlab-gold, #c5a059);
    margin-bottom: 8px;
}

.pixlab-act-section-title {
    font-size: 2.4rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 14px;
    font-family: 'Playfair Display', serif;
    @media (max-width: 768px) {
        font-size: 1.8rem;
    }
    &.white {
        color: #ffffff !important;
    }
}

.pixlab-act-section-subtitle {
    font-size: 1.05rem;
    color: #64748b;
    line-height: 1.65;
}

.pixlab-act-bars-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-act-bar-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
    &:hover {
        transform: translateY(-8px);
        border-color: rgba(197, 160, 89, 0.5);
        box-shadow: 0 20px 45px rgba(197, 160, 89, 0.15);
    }
}

.pixlab-act-bar-img-box {
    position: relative;
    height: 220px;
}

.pixlab-act-bar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pixlab-act-bar-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    padding: 4px 12px;
    background: rgba(15, 23, 42, 0.85);
    color: #ffd28e;
    font-size: 0.72rem;
    font-weight: 700;
    border-radius: 6px;
}

.pixlab-act-bar-content {
    padding: 28px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.pixlab-act-bar-title {
    font-size: 1.35rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 10px;
    font-family: 'Playfair Display', serif;
    .pixlab-act-bar-card & {
        color: #ffffff;
    }
}

.pixlab-act-bar-desc {
    font-size: 0.9rem;
    color: #cbd5e1;
    line-height: 1.6;
    margin-bottom: 20px;
    flex: 1;
}

.pixlab-act-bar-time {
    align-self: flex-start;
    padding: 6px 14px;
    background: rgba(197, 160, 89, 0.2);
    border: 1px solid rgba(197, 160, 89, 0.4);
    color: #ffd28e;
    font-size: 0.78rem;
    font-weight: 700;
    border-radius: 12px;
}

.pixlab-act-split-parallax-card {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(15, 23, 42, 0.06);
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-act-spc-media {
    position: relative;
    min-height: 440px;
    @media (max-width: 991px) {
        min-height: 320px;
    }
}

.pixlab-act-spc-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pixlab-act-spc-glass-badge {
    position: absolute;
    top: 24px;
    left: 24px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 30px;
    color: #ffd28e;
    font-size: 0.78rem;
    font-weight: 700;
    svg {
        color: #ffd28e;
    }
}

.pixlab-act-spc-content {
    padding: 44px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    @media (max-width: 768px) {
        padding: 28px;
    }
}

.pixlab-act-spc-tag {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 1.8px;
    color: var(--pixlab-gold, #c5a059);
    margin-bottom: 8px;
}

.pixlab-act-spc-title {
    font-size: 2.2rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 14px;
    font-family: 'Playfair Display', serif;
    line-height: 1.25;
    @media (max-width: 768px) {
        font-size: 1.7rem;
    }
}

.pixlab-act-spc-desc {
    font-size: 0.95rem;
    color: #475569;
    line-height: 1.65;
    margin-bottom: 28px;
}

.pixlab-act-spc-features-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    @media (max-width: 480px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-act-spc-feat {
    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.pixlab-act-spc-icon {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background-color: #f1f5f9;
    color: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    &.gold {
        background: rgba(197, 160, 89, 0.15);
        color: var(--pixlab-gold-dark, #a37a3c);
    }
}

.pixlab-act-spc-feat-text {
    display: flex;
    flex-direction: column;
    strong {
        font-size: 0.9rem;
        color: #0f172a;
        font-weight: 700;
    }
    span {
        font-size: 0.78rem;
        color: #64748b;
        margin-top: 2px;
    }
}

.pixlab-act-dual-visual-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px;
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-act-dvg-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    &:hover {
        transform: translateY(-6px);
        box-shadow: 0 18px 40px rgba(15, 23, 42, 0.1);
    }
}

.pixlab-act-dvg-img-wrap {
    position: relative;
    height: 260px;
}

.pixlab-act-dvg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pixlab-act-dvg-badge {
    position: absolute;
    bottom: 16px;
    left: 16px;
    padding: 6px 14px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(8px);
    color: #ffd28e;
    font-size: 0.72rem;
    font-weight: 800;
    border-radius: 20px;
    letter-spacing: 1px;
}

.pixlab-act-dvg-body {
    padding: 28px;
    display: flex;
    flex-direction: column;
}

.pixlab-act-dvg-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 10px;
    font-family: 'Playfair Display', serif;
}

.pixlab-act-dvg-desc {
    font-size: 0.9rem;
    color: #64748b;
    line-height: 1.6;
    margin-bottom: 16px;
}

.pixlab-act-dvg-info {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--pixlab-gold-dark, #a37a3c);
}

.pixlab-act-aquapark-spotlight-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 40px;
    align-items: center;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 32px;
    overflow: hidden;
    padding: 24px;
    box-shadow: 0 15px 40px rgba(15, 23, 42, 0.06);
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
        padding: 16px;
    }
}

.pixlab-act-asg-media {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    height: 380px;
    @media (max-width: 768px) {
        height: 260px;
    }
}

.pixlab-act-asg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pixlab-act-asg-badge {
    position: absolute;
    top: 20px;
    left: 20px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 30px;
    color: #ffd28e;
    font-size: 0.78rem;
    font-weight: 700;
}

.pixlab-act-asg-content {
    padding: 16px;
    display: flex;
    flex-direction: column;
}

.pixlab-act-asg-desc {
    font-size: 0.95rem;
    color: #475569;
    line-height: 1.65;
    margin-top: 10px;
    margin-bottom: 24px;
}

.pixlab-act-asg-checklist {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.pixlab-act-asg-check-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 0.88rem;
    font-weight: 600;
    color: #0f172a;
    svg {
        color: var(--pixlab-gold, #c5a059);
        flex-shrink: 0;
    }
}

.pixlab-act-stylish-cta {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-radius: 32px;
    padding: 60px 40px;
    text-align: center;
    color: #ffffff;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.15);
    @media (max-width: 768px) {
        padding: 40px 20px;
    }
}

.pixlab-act-cta-inner {
    max-width: 680px;
    margin: 0 auto;
}

.pixlab-act-cta-tag {
    display: block;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: #ffd28e;
    margin-bottom: 10px;
}

.pixlab-act-cta-title {
    font-size: 2.2rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 14px;
    font-family: 'Playfair Display', serif;
    @media (max-width: 768px) {
        font-size: 1.7rem;
    }
}

.pixlab-act-cta-desc {
    font-size: 1rem;
    color: #cbd5e1;
    line-height: 1.6;
    margin-bottom: 32px;
}

.pixlab-act-cta-btns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.pixlab-act-cta-btn-gold {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    background: linear-gradient(135deg, var(--pixlab-gold, #c5a059) 0%, var(--pixlab-gold-dark, #a37a3c) 100%);
    color: #ffffff;
    text-decoration: none;
    border-radius: 14px;
    font-size: 0.95rem;
    font-weight: 700;
    box-shadow: 0 10px 25px rgba(197, 160, 89, 0.35);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    &:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(197, 160, 89, 0.45);
    }
}

.pixlab-act-cta-btn-outline {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    text-decoration: none;
    border-radius: 14px;
    font-size: 0.95rem;
    font-weight: 700;
    transition: background 0.2s ease, border-color 0.2s ease;
    &:hover {
        background: rgba(255, 255, 255, 0.15);
        border-color: rgba(255, 255, 255, 0.3);
    }
}

/* Otelimiz & Hakkımızda Page Styles */
.pixlab-abt-page {
    background-color: #f8fafc;
    color: #1e293b;
}

.pixlab-abt-hero {
    position: relative;
    padding: 80px 24px;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 60%, #080c16 100%);
    color: #ffffff;
    text-align: center;
    overflow: hidden;
    @media (max-width: 768px) {
        padding: 30px 10px;
    }
}

.pixlab-abt-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% 30%, rgba(197, 160, 89, 0.18) 0%, transparent 70%);
    pointer-events: none;
}

.pixlab-abt-hero-container {
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pixlab-abt-breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    color: #94a3b8;
    margin-bottom: 24px;
    a {
        color: #cbd5e1;
        text-decoration: none;
        transition: color 0.2s ease;
        &:hover {
            color: var(--pixlab-gold, #c5a059);
        }
    }
    span {
        color: var(--pixlab-gold, #c5a059);
        font-weight: 600;
    }
}

.pixlab-abt-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    background: rgba(197, 160, 89, 0.15);
    border: 1px solid rgba(197, 160, 89, 0.4);
    border-radius: 30px;
    color: #ffd28e;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.pixlab-abt-hero-title {
    font-size: 3rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 16px;
    font-family: 'Playfair Display', serif;
    line-height: 1.2;
    @media (max-width: 768px) {
        font-size: 2.1rem;
    }
    @media (max-width: 480px) {
        font-size: 1.75rem;
    }
}

.pixlab-abt-hero-desc {
    font-size: 1.1rem;
    color: #cbd5e1;
    max-width: 680px;
    line-height: 1.6;
    margin-bottom: 32px;
    @media (max-width: 768px) {
        font-size: 0.95rem;
    }
}

.pixlab-abt-quick-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.pixlab-abt-info-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.07);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    font-size: 0.82rem;
    color: #e2e8f0;
    svg {
        color: var(--pixlab-gold, #c5a059);
    }
}

.pixlab-abt-nav-wrapper {
    position: sticky;
    top: 0;
    z-index: 990;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.08);
    transition: top 0.3s ease;
    @media (max-width: 768px) {
        top: 0 !important;
    }
}

body.admin-bar .pixlab-abt-nav-wrapper {
    top: 116px;
    @media (max-width: 991px) {
        top: 102px;
    }
    @media (max-width: 782px) {
        top: 0 !important;
    }
}

.pixlab-abt-nav-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 24px;
    @media (max-width: 768px) {
        padding: 0 12px;
    }
}

.pixlab-abt-nav-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    white-space: nowrap;
    padding: 12px 0;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    &::-webkit-scrollbar {
        display: none;
    }
    @media (max-width: 768px) {
        gap: 20px;
        display: flex;
        width: calc(100% + 20px);
        margin-inline: -10px;
        padding-inline: 10px;
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        scroll-snap-type: x mandatory;
        &::-webkit-scrollbar {
            display: none;
        }
    }
}

.pixlab-abt-nav-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 12px;
    color: #64748b;
    text-decoration: none;
    font-size: 0.9rem;
    font-weight: 600;
    transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    @media (max-width: 768px) {
        scroll-snap-align: center;
        flex-shrink: 0;
    }
    &:hover,
    &.active {
        background-color: #f1f5f9;
        color: var(--pixlab-gold-dark, #a37a3c);
    }
    &.pixlab-abt-nav-cta {
        margin-left: auto;
        background: linear-gradient(135deg, var(--pixlab-gold, #c5a059) 0%, var(--pixlab-gold-dark, #a37a3c) 100%);
        color: #ffffff;
        box-shadow: 0 4px 12px rgba(197, 160, 89, 0.3);
        &:hover {
            transform: translateY(-2px);
            box-shadow: 0 6px 18px rgba(197, 160, 89, 0.4);
            color: #ffffff;
        }
        @media (max-width: 768px) {
            margin-left: 0;
        }
    }
}

.pixlab-abt-content-container {
    max-width: 1240px;
    margin: 0 auto;
    padding: 60px 24px;
}

.pixlab-abt-section-block {
    scroll-margin-top: 90px;
    margin-bottom: 90px;
}

.pixlab-abt-deck-header {
    margin-bottom: 36px;
    &.center {
        text-align: center;
        max-width: 720px;
        margin: 0 auto 50px auto;
    }
}

.pixlab-abt-mini-tag {
    display: block;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 1.8px;
    color: var(--pixlab-gold, #c5a059);
    margin-bottom: 8px;
}

.pixlab-abt-main-heading {
    font-size: 2.3rem;
    font-weight: 700;
    color: #0f172a;
    font-family: 'Playfair Display', serif;
    line-height: 1.25;
    @media (max-width: 768px) {
        font-size: 1.75rem;
    }
}

.pixlab-abt-sub-heading {
    font-size: 1rem;
    color: #64748b;
    margin-top: 10px;
}

/* Otelimiz & Hakkımızda New Unique Layout Styles */
.pixlab-abt-brand-hero-strip {
    margin-bottom: 48px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.pixlab-abt-bhs-content {
    display: flex;
    flex-direction: column;
    max-width: 900px;
}

.pixlab-abt-bhs-tag {
    font-size: 1rem;
    font-weight: 800;
    letter-spacing: 1.8px;
    color: var(--pixlab-gold, #c5a059);
    margin-bottom: 8px;
}

.pixlab-abt-bhs-title {
    font-size: 3.2rem;
    font-weight: 700;
    color: #0f172a;
    font-family: 'Playfair Display', serif;
    line-height: 1.25;
    margin-bottom: 12px;
    @media (max-width: 768px) {
        font-size: 1.6rem;
    }
}

.pixlab-abt-bhs-desc {
    font-size: 1.2rem;
    color: #475569;
    line-height: 1.6;
    margin: 0;
}

.pixlab-abt-bhs-metrics {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    padding-top: 28px;
    border-top: 1px solid #f1f5f9;
    @media (max-width: 991px) {
        grid-template-columns: repeat(2, 1fr);
    }
    @media (max-width: 480px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-abt-bhs-metric-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 18px;
    background-color: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    transition: transform 0.2s ease, border-color 0.2s ease;
    &:hover {
        transform: translateY(-2px);
        border-color: #cbd5e1;
    }
}

.pixlab-abt-bhs-icon {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background-color: #ffffff;
    color: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);
    flex-shrink: 0;
    &.gold {
        background: rgba(197, 160, 89, 0.15);
        color: var(--pixlab-gold-dark, #a37a3c);
    }
}

.pixlab-abt-bhs-info {
    display: flex;
    flex-direction: column;
    strong {
        font-size: 1rem;
        color: #0f172a;
        font-weight: 700;
        font-family: 'Playfair Display', serif;
    }
    span {
        font-size: 0.76rem;
        color: #64748b;
        font-weight: 600;
        margin-top: 2px;
    }
}

.pixlab-abt-editorial-hero-card {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(15, 23, 42, 0.06);
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-abt-ehc-quote-box {
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    @media (max-width: 768px) {
        padding: 30px;
    }
}

.pixlab-abt-ehc-quote-mark {
    font-size: 5rem;
    color: var(--pixlab-gold, #c5a059);
    font-family: 'Playfair Display', serif;
    line-height: 0.5;
    opacity: 0.3;
    margin-bottom: 10px;
}

.pixlab-abt-ehc-quote {
    font-size: 1.35rem;
    font-weight: 600;
    color: #0f172a;
    font-family: 'Playfair Display', serif;
    line-height: 1.6;
    margin: 0 0 28px 0;
    font-style: italic;
    @media (max-width: 768px) {
        font-size: 1.15rem;
    }
}

.pixlab-abt-ehc-signature {
    display: flex;
    flex-direction: column;
    border-left: 3px solid var(--pixlab-gold, #c5a059);
    padding-left: 16px;
    strong {
        font-size: 0.95rem;
        color: #0f172a;
        font-weight: 700;
    }
    span {
        font-size: 0.8rem;
        color: #64748b;
        margin-top: 2px;
    }
}

.pixlab-abt-ehc-media {
    position: relative;
    min-height: 380px;
    @media (max-width: 991px) {
        min-height: 280px;
    }
}

.pixlab-abt-ehc-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pixlab-abt-ehc-glass-tag {
    position: absolute;
    bottom: 24px;
    left: 24px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 30px;
    color: #ffd28e;
    font-size: 0.78rem;
    font-weight: 700;
}

.pixlab-abt-timeline-track-container {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 48px;
    padding-left: 60px;
    @media (max-width: 768px) {
        padding-left: 44px;
        gap: 36px;
    }
}

.pixlab-abt-timeline-line {
    position: absolute;
    top: 14px;
    bottom: 20px;
    left: 20px;
    width: 4px;
    background: linear-gradient(to bottom, var(--pixlab-gold, #c5a059) 0%, #cbd5e1 50%, var(--pixlab-gold, #c5a059) 100%);
    border-radius: 2px;
    @media (max-width: 768px) {
        left: 14px;
    }
}

.pixlab-abt-tlt-node-item {
    position: relative;
    display: flex;
    flex-direction: column;
}

.pixlab-abt-tlt-node {
    position: absolute;
    left: -38px;
    top: 18px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 3px solid var(--pixlab-gold, #c5a059);
    box-shadow: 0 0 12px rgba(197, 160, 89, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transform: translate(-50%, -50%);
    @media (max-width: 768px) {
        left: -30px;
        width: 20px;
        height: 20px;
    }
    &.gold {
        background-color: var(--pixlab-gold, #c5a059);
        border-color: #ffffff;
        box-shadow: 0 0 15px rgba(197, 160, 89, 0.6);
    }
}

.pixlab-abt-tlt-dot {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--pixlab-gold, #c5a059);
    .pixlab-abt-tlt-node.gold & {
        background-color: #ffffff;
    }
}

.pixlab-abt-tlt-content-box {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.pixlab-abt-tlt-header {
    display: flex;
    align-items: center;
    gap: 14px;
}

.pixlab-abt-tlt-year {
    font-size: 1.8rem;
    font-weight: 800;
    color: #0f172a;
    font-family: 'Playfair Display', serif;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    &.gold {
        color: var(--pixlab-gold-dark, #a37a3c);
    }
}

.pixlab-abt-tlt-badge {
    display: inline-flex;
    align-items: center;
    padding: 5px 14px;
    background-color: #f1f5f9;
    border-radius: 20px;
    font-size: 0.72rem;
    font-weight: 700;
    color: #64748b;
    letter-spacing: 1px;
    line-height: 1;
    &.gold {
        background: rgba(197, 160, 89, 0.15);
        color: var(--pixlab-gold-dark, #a37a3c);
    }
}

.pixlab-abt-tlt-card {
    display: grid;
    grid-template-columns: 280px 1fr;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.05);
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    &:hover {
        transform: translateY(-4px);
        border-color: #cbd5e1;
        box-shadow: 0 16px 35px rgba(15, 23, 42, 0.09);
    }
    @media (max-width: 768px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-abt-tlt-media {
    height: 100%;
    min-height: 200px;
    @media (max-width: 768px) {
        height: 180px;
        min-height: 180px;
    }
}

.pixlab-abt-tlt-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pixlab-abt-tlt-body {
    padding: 28px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    @media (max-width: 768px) {
        padding: 20px;
    }
}

.pixlab-abt-tlt-title {
    font-size: 1.35rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 10px;
    font-family: 'Playfair Display', serif;
}

.pixlab-abt-tlt-desc {
    font-size: 0.92rem;
    color: #475569;
    line-height: 1.65;
    margin-bottom: 16px;
}

.pixlab-abt-tlt-pill {
    align-self: flex-start;
    padding: 4px 12px;
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    font-size: 0.76rem;
    font-weight: 700;
    color: #64748b;
    &.gold {
        background: rgba(197, 160, 89, 0.12);
        border-color: rgba(197, 160, 89, 0.3);
        color: var(--pixlab-gold-dark, #a37a3c);
    }
}

.pixlab-abt-section-header {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 50px auto;
    &.light {
        .pixlab-abt-section-tag.gold {
            color: #ffd28e !important;
        }
        .pixlab-abt-section-title.white {
            color: #ffffff !important;
        }
        .pixlab-abt-section-subtitle.light-text {
            color: #cbd5e1 !important;
        }
    }
}

.pixlab-abt-section-tag {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--pixlab-gold, #c5a059);
    margin-bottom: 8px;
}

.pixlab-abt-section-title {
    font-size: 2.4rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 14px;
    font-family: 'Playfair Display', serif;
    @media (max-width: 768px) {
        font-size: 1.8rem;
    }
    &.white {
        color: #ffffff !important;
    }
}

.pixlab-abt-section-subtitle {
    font-size: 1.05rem;
    color: #64748b;
    line-height: 1.65;
}

.pixlab-abt-standards-fullbleed {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 90px 0;
    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #03060c 100%);
    color: #ffffff;
    border-top: 1px solid rgba(197, 160, 89, 0.3);
    border-bottom: 1px solid rgba(197, 160, 89, 0.3);
    box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.8);
    margin-bottom: 90px;
    overflow: hidden;
}

.pixlab-abt-standards-fullbleed-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}

.pixlab-abt-st-cards-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    @media (max-width: 1200px) {
        grid-template-columns: repeat(2, 1fr);
    }
    @media (max-width: 576px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-abt-st-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
    &:hover {
        transform: translateY(-8px);
        border-color: rgba(197, 160, 89, 0.5);
        box-shadow: 0 20px 45px rgba(197, 160, 89, 0.15);
    }
}

.pixlab-abt-st-img-box {
    position: relative;
    height: 200px;
}

.pixlab-abt-st-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
    .pixlab-abt-st-card:hover & {
        transform: scale(1.06);
    }
}

.pixlab-abt-st-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    padding: 4px 12px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(8px);
    color: #ffd28e;
    font-size: 0.72rem;
    font-weight: 700;
    border-radius: 6px;
}

.pixlab-abt-st-body {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.pixlab-abt-st-icon-wrap {
    width: 44px;
    height: 44px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
    &.gold {
        background: rgba(197, 160, 89, 0.2);
        color: #ffd28e;
    }
}

.pixlab-abt-st-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
    font-family: 'Playfair Display', serif;
}

.pixlab-abt-st-desc {
    font-size: 0.88rem;
    color: #cbd5e1;
    line-height: 1.6;
    margin-bottom: 20px;
    flex: 1;
}

.pixlab-abt-st-tag-pill {
    align-self: flex-start;
    padding: 6px 14px;
    background: rgba(197, 160, 89, 0.2);
    border: 1px solid rgba(197, 160, 89, 0.4);
    color: #ffd28e;
    font-size: 0.76rem;
    font-weight: 700;
    border-radius: 12px;
}



.pixlab-abt-eco-split-card {
    display: grid;
    grid-template-columns: 1fr 1.1fr;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(15, 23, 42, 0.06);
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-abt-esc-media {
    position: relative;
    min-height: 420px;
    @media (max-width: 991px) {
        min-height: 280px;
    }
}

.pixlab-abt-esc-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pixlab-abt-esc-badge {
    position: absolute;
    top: 24px;
    left: 24px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 30px;
    color: #ffd28e;
    font-size: 0.78rem;
    font-weight: 700;
}

.pixlab-abt-esc-content {
    padding: 48px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    @media (max-width: 768px) {
        padding: 28px;
    }
}

.pixlab-abt-esc-desc {
    font-size: 0.95rem;
    color: #475569;
    line-height: 1.65;
    margin-bottom: 28px;
}

.pixlab-abt-esc-bullets {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.pixlab-abt-esc-b-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    svg {
        color: var(--pixlab-gold, #c5a059);
        flex-shrink: 0;
        margin-top: 2px;
    }
    div {
        display: flex;
        flex-direction: column;
        strong {
            font-size: 0.92rem;
            color: #0f172a;
            font-weight: 700;
        }
        span {
            font-size: 0.82rem;
            color: #64748b;
            margin-top: 2px;
        }
    }
}

.pixlab-abt-awards-pill-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-abt-ap-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    padding: 32px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.04);
    transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
    &:hover {
        transform: translateY(-4px);
        border-color: #cbd5e1;
        box-shadow: 0 16px 35px rgba(15, 23, 42, 0.08);
    }
    &.gold-border {
        border-color: rgba(197, 160, 89, 0.4);
        background: linear-gradient(135deg, #ffffff 0%, #fefcf8 100%);
    }
}

.pixlab-abt-ap-icon {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    background-color: #f1f5f9;
    color: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    &.gold {
        background: rgba(197, 160, 89, 0.15);
        color: var(--pixlab-gold-dark, #a37a3c);
    }
}

.pixlab-abt-ap-body {
    display: flex;
    flex-direction: column;
}

.pixlab-abt-ap-title {
    font-size: 1.25rem;
    font-weight: 700;
    color: #0f172a;
    font-family: 'Playfair Display', serif;
    margin-bottom: 6px;
}

.pixlab-abt-ap-desc {
    font-size: 0.88rem;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
}

.pixlab-abt-stylish-cta {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-radius: 32px;
    padding: 60px 40px;
    text-align: center;
    color: #ffffff;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.15);
    @media (max-width: 768px) {
        padding: 40px 20px;
    }
}

.pixlab-abt-cta-inner {
    max-width: 680px;
    margin: 0 auto;
}

.pixlab-abt-cta-tag {
    display: block;
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: #ffd28e;
    margin-bottom: 10px;
}

.pixlab-abt-cta-title {
    font-size: 2.2rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 14px;
    font-family: 'Playfair Display', serif;
    @media (max-width: 768px) {
        font-size: 1.7rem;
    }
}

.pixlab-abt-cta-desc {
    font-size: 1rem;
    color: #cbd5e1;
    line-height: 1.6;
    margin-bottom: 32px;
}

.pixlab-abt-cta-btns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 16px;
}

.pixlab-abt-cta-btn-gold {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    background: linear-gradient(135deg, var(--pixlab-gold, #c5a059) 0%, var(--pixlab-gold-dark, #a37a3c) 100%);
    color: #ffffff;
    text-decoration: none;
    border-radius: 14px;
    font-size: 0.95rem;
    font-weight: 700;
    box-shadow: 0 10px 25px rgba(197, 160, 89, 0.35);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    &:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(197, 160, 89, 0.45);
    }
}

.pixlab-abt-cta-btn-outline {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    text-decoration: none;
    border-radius: 14px;
    font-size: 0.95rem;
    font-weight: 700;
    transition: background 0.2s ease, border-color 0.2s ease;
    &:hover {
        background: rgba(255, 255, 255, 0.15);
        border-color: rgba(255, 255, 255, 0.3);
    }
}

/* İletişim & Konum Sayfa Şablon Stilleri */
.pixlab-cnt-page {
    background-color: #f8fafc;
    min-height: 100vh;
}

.pixlab-cnt-hero {
    position: relative;
    padding: 80px 24px;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 60%, #03060c 100%);
    color: #ffffff;
    text-align: center;
    overflow: hidden;
    @media (max-width: 768px) {
        padding: 30px 10px;
    }
}

.pixlab-cnt-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% 30%, rgba(197, 160, 89, 0.15) 0%, transparent 70%);
    pointer-events: none;
}

.pixlab-cnt-hero-container {
    position: relative;
    z-index: 2;
    max-width: 860px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pixlab-cnt-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    color: #94a3b8;
    margin-bottom: 24px;
    a {
        color: #cbd5e1;
        text-decoration: none;
        transition: color 0.2s ease;
        &:hover {
            color: #ffd28e;
        }
    }
    span {
        color: #ffd28e;
        font-weight: 600;
    }
}

.pixlab-cnt-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    background: rgba(197, 160, 89, 0.15);
    border: 1px solid rgba(197, 160, 89, 0.35);
    border-radius: 30px;
    color: #ffd28e;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.pixlab-cnt-hero-title {
    font-size: 3rem;
    font-weight: 700;
    font-family: 'Playfair Display', serif;
    color: #ffffff;
    line-height: 1.15;
    margin-bottom: 16px;
    @media (max-width: 768px) {
        font-size: 2.1rem;
    }
}

.pixlab-cnt-hero-desc {
    font-size: 1.05rem;
    color: #cbd5e1;
    line-height: 1.65;
    margin-bottom: 32px;
    max-width: 720px;
}

.pixlab-cnt-quick-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.pixlab-cnt-info-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    font-size: 0.84rem;
    color: #f1f5f9;
    font-weight: 600;
}

/* Yapışkan Alt Navigasyon Barı */
.pixlab-cnt-nav-wrapper {
    position: sticky;
    top: 0;
    z-index: 990;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
    @media (max-width: 768px) {
        top: 0 !important;
    }
    body.admin-bar & {
        top: 116px;
        @media (max-width: 991px) {
            top: 46px;
        }
        @media (max-width: 782px) {
            top: 0 !important;
        }
    }
}

.pixlab-cnt-nav-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}

.pixlab-cnt-nav-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    padding: 12px 0;
    scrollbar-width: none;
    &::-webkit-scrollbar {
        display: none;
    }
    @media (max-width: 768px) {
        gap: 20px;
        display: flex;
        width: calc(100% + 20px);
        margin-inline: -10px;
        padding-inline: 10px;
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        scroll-snap-type: x mandatory;
        &::-webkit-scrollbar {
            display: none;
        }
    }
}

.pixlab-cnt-nav-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 0.88rem;
    font-weight: 600;
    color: #475569;
    text-decoration: none;
    white-space: nowrap;
    @media (max-width: 768px) {
        scroll-snap-align: center;
        flex-shrink: 0;
    }
    transition: background 0.2s ease, color 0.2s ease;
    &:hover {
        background-color: #f1f5f9;
        color: #0f172a;
    }
    &.active {
        background-color: #0f172a;
        color: #ffffff;
    }
    &.pixlab-cnt-nav-cta {
        margin-left: auto;
        background: linear-gradient(135deg, #c5a059 0%, #a37a3c 100%);
        color: #ffffff;
        box-shadow: 0 4px 12px rgba(197, 160, 89, 0.3);
        &:hover {
            opacity: 0.95;
        }
    }
}

.pixlab-cnt-content-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 60px 24px;
}

.pixlab-cnt-section-block {
    margin-bottom: 80px;
}

.pixlab-cnt-deck-header {
    margin-bottom: 40px;
    &.center {
        text-align: center;
        max-width: 700px;
        margin-left: auto;
        margin-right: auto;
    }
}

.pixlab-cnt-mini-tag {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 1.6px;
    color: var(--pixlab-gold, #c5a059);
    margin-bottom: 8px;
    display: block;
}

.pixlab-cnt-main-heading {
    font-size: 2.3rem;
    font-weight: 700;
    color: #0f172a;
    font-family: 'Playfair Display', serif;
    line-height: 1.25;
    @media (max-width: 768px) {
        font-size: 1.75rem;
    }
}

.pixlab-cnt-sub-heading {
    font-size: 1rem;
    color: #64748b;
    margin-top: 10px;
}

/* Bize Ulaşın Formu ve Yan Kartlar Grid */
.pixlab-cnt-form-info-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 36px;
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-cnt-form-box {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 32px;
    padding: 40px;
    box-shadow: 0 15px 40px rgba(15, 23, 42, 0.05);
    @media (max-width: 768px) {
        padding: 24px;
    }
}

.pixlab-cnt-form-desc {
    font-size: 0.95rem;
    color: #475569;
    line-height: 1.6;
    margin-bottom: 28px;
}

.pixlab-cnt-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pixlab-cnt-form-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    @media (max-width: 576px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-cnt-form-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
    label {
        font-size: 0.84rem;
        font-weight: 700;
        color: #0f172a;
    }
    input, select, textarea {
        width: 100%;
        padding: 12px 16px;
        background-color: #f8fafc;
        border: 1px solid #cbd5e1;
        border-radius: 12px;
        font-size: 0.92rem;
        color: #0f172a;
        transition: border-color 0.2s ease, box-shadow 0.2s ease;
        font-family: inherit;
        &:focus {
            outline: none;
            border-color: var(--pixlab-gold, #c5a059);
            box-shadow: 0 0 0 3px rgba(197, 160, 89, 0.15);
            background-color: #ffffff;
        }
    }
}

.pixlab-cnt-submit-btn {
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 14px 32px;
    background: linear-gradient(135deg, #c5a059 0%, #a37a3c 100%);
    color: #ffffff;
    border: none;
    border-radius: 14px;
    font-size: 0.95rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 10px 25px rgba(197, 160, 89, 0.35);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    &:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(197, 160, 89, 0.45);
    }
}

.pixlab-cnt-submit-btn.submitted {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%) !important;
    color: #ffffff !important;
    cursor: default !important;
    transform: none !important;
    box-shadow: 0 6px 20px rgba(16, 185, 129, 0.35) !important;
}

.pixlab-contact-response-msg {
    margin-top: 16px;
    font-size: 14px;
    font-weight: 600;
    padding: 12px 18px;
    border-radius: 12px;
    line-height: 1.5;
    transition: all 0.3s ease;
}

.pixlab-contact-response-msg.success {
    background-color: rgba(16, 185, 129, 0.12);
    color: #059669;
    border: 1px solid rgba(16, 185, 129, 0.3);
}

.pixlab-contact-response-msg.warning {
    background-color: rgba(245, 158, 11, 0.12);
    color: #d97706;
    border: 1px solid rgba(245, 158, 11, 0.3);
}

/* Yan Kartlar Listesi */
.pixlab-cnt-card-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pixlab-cnt-info-card {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 24px;
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.03);
    transition: transform 0.25s ease, border-color 0.25s ease;
    &:hover {
        transform: translateY(-3px);
        border-color: #cbd5e1;
    }
    &.gold-border {
        border-color: rgba(197, 160, 89, 0.4);
        background: linear-gradient(135deg, #ffffff 0%, #fefcf8 100%);
    }
}

.pixlab-cnt-ic-icon {
    width: 48px;
    height: 48px;
    border-radius: 16px;
    background-color: #f1f5f9;
    color: #0f172a;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    &.gold {
        background: rgba(197, 160, 89, 0.15);
        color: var(--pixlab-gold-dark, #a37a3c);
    }
}

.pixlab-cnt-ic-body {
    display: flex;
    flex-direction: column;
    strong {
        font-size: 1rem;
        color: #0f172a;
        font-weight: 700;
        font-family: 'Playfair Display', serif;
    }
    a {
        font-size: 1.05rem;
        font-weight: 700;
        color: var(--pixlab-gold-dark, #a37a3c);
        text-decoration: none;
        margin-top: 2px;
        &:hover {
            text-decoration: underline;
        }
    }
    span {
        font-size: 0.8rem;
        color: #64748b;
        margin-top: 4px;
    }
}

/* Harita ve Mesafe Kartları */
.pixlab-cnt-map-box {
    border-radius: 32px;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    box-shadow: 0 15px 40px rgba(15, 23, 42, 0.08);
    margin-bottom: 28px;
}

.pixlab-cnt-iframe {
    border: none;
    display: block;
}

.pixlab-cnt-distances-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    @media (max-width: 768px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-cnt-dist-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 20px;
    padding: 24px;
    text-align: center;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.04);
    &.gold-accent {
        border-color: rgba(197, 160, 89, 0.4);
        background: linear-gradient(135deg, #ffffff 0%, #fefcf8 100%);
    }
}

.pixlab-cnt-dc-val {
    font-size: 2rem;
    font-weight: 800;
    color: var(--pixlab-gold-dark, #a37a3c);
    font-family: 'Playfair Display', serif;
    line-height: 1;
    margin-bottom: 6px;
}

.pixlab-cnt-dc-lbl {
    font-size: 0.86rem;
    color: #475569;
    font-weight: 600;
}

/* VIP Transfer Fullbleed Kartları */
.pixlab-cnt-bars-fullbleed {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding: 90px 0;
    background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #03060c 100%);
    color: #ffffff;
    border-top: 1px solid rgba(197, 160, 89, 0.3);
    border-bottom: 1px solid rgba(197, 160, 89, 0.3);
    box-shadow: inset 0 0 80px rgba(0, 0, 0, 0.8);
    margin-bottom: 90px;
    overflow: hidden;
}

.pixlab-cnt-bars-fullbleed-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}

.pixlab-cnt-section-header {
    text-align: center;
    max-width: 750px;
    margin: 0 auto 50px auto;
    &.light {
        .pixlab-cnt-section-tag.gold {
            color: #ffd28e !important;
        }
        .pixlab-cnt-section-title.white {
            color: #ffffff !important;
        }
        .pixlab-cnt-section-subtitle.light-text {
            color: #cbd5e1 !important;
        }
    }
}

.pixlab-cnt-section-tag {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: var(--pixlab-gold, #c5a059);
    margin-bottom: 8px;
}

.pixlab-cnt-section-title {
    font-size: 2.4rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 14px;
    font-family: 'Playfair Display', serif;
    @media (max-width: 768px) {
        font-size: 1.8rem;
    }
    &.white {
        color: #ffffff !important;
    }
}

.pixlab-cnt-section-subtitle {
    font-size: 1.05rem;
    color: #64748b;
    line-height: 1.65;
}

.pixlab-cnt-bars-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-cnt-bar-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
    transition: transform 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease;
    &:hover {
        transform: translateY(-8px);
        border-color: rgba(197, 160, 89, 0.5);
        box-shadow: 0 20px 45px rgba(197, 160, 89, 0.15);
    }
}

.pixlab-cnt-bar-img-box {
    position: relative;
    height: 220px;
}

.pixlab-cnt-bar-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
    .pixlab-cnt-bar-card:hover & {
        transform: scale(1.06);
    }
}

.pixlab-cnt-bar-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    padding: 4px 12px;
    background: rgba(15, 23, 42, 0.85);
    backdrop-filter: blur(8px);
    color: #ffd28e;
    font-size: 0.72rem;
    font-weight: 700;
    border-radius: 6px;
}

.pixlab-cnt-bar-content {
    padding: 24px;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.pixlab-cnt-bar-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: #ffffff;
    margin-bottom: 10px;
    font-family: 'Playfair Display', serif;
}

.pixlab-cnt-bar-desc {
    font-size: 0.88rem;
    color: #cbd5e1;
    line-height: 1.6;
    margin-bottom: 20px;
    flex: 1;
}

.pixlab-cnt-bar-time {
    align-self: flex-start;
    padding: 6px 14px;
    background: rgba(197, 160, 89, 0.2);
    border: 1px solid rgba(197, 160, 89, 0.4);
    color: #ffd28e;
    font-size: 0.76rem;
    font-weight: 700;
    border-radius: 12px;
}

/* S.S.S. Accordion Grid */
.pixlab-cnt-faq-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    @media (max-width: 991px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-cnt-faq-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 24px;
    padding: 28px;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.03);
    transition: border-color 0.2s ease, transform 0.2s ease;
    &:hover {
        border-color: #cbd5e1;
        transform: translateY(-2px);
    }
}

.pixlab-cnt-faq-q {
    font-size: 1.15rem;
    font-weight: 700;
    color: #0f172a;
    font-family: 'Playfair Display', serif;
    margin-bottom: 10px;
}

.pixlab-cnt-faq-a {
    font-size: 0.92rem;
    color: #475569;
    line-height: 1.65;
    margin: 0;
}

/* Canlı Destek CTA Banner */
.pixlab-cnt-stylish-cta {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-radius: 36px;
    padding: 60px 40px;
    color: #ffffff;
    text-align: center;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.15);
    @media (max-width: 768px) {
        padding: 40px 20px;
    }
}

.pixlab-cnt-cta-inner {
    max-width: 750px;
    margin: 0 auto;
}

.pixlab-cnt-cta-tag {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 1.8px;
    color: #ffd28e;
    margin-bottom: 10px;
    display: block;
}

.pixlab-cnt-cta-title {
    font-size: 2.2rem;
    font-weight: 700;
    font-family: 'Playfair Display', serif;
    color: #ffffff;
    margin-bottom: 12px;
    @media (max-width: 768px) {
        font-size: 1.7rem;
    }
}

.pixlab-cnt-cta-desc {
    font-size: 1rem;
    color: #cbd5e1;
    line-height: 1.6;
    margin-bottom: 32px;
}

.pixlab-cnt-cta-btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
}

.pixlab-cnt-cta-btn-gold {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 32px;
    background: linear-gradient(135deg, #c5a059 0%, #a37a3c 100%);
    color: #ffffff;
    text-decoration: none;
    border-radius: 14px;
    font-size: 0.95rem;
    font-weight: 700;
    box-shadow: 0 10px 25px rgba(197, 160, 89, 0.35);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    &:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(197, 160, 89, 0.45);
    }
}

/* Yasal Sözleşmeler & Politikalar Stilleri */
.pixlab-lgl-page {
    background-color: #f8fafc;
    min-height: 100vh;
}

.pixlab-lgl-hero {
    position: relative;
    padding: 80px 24px;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 60%, #03060c 100%);
    color: #ffffff;
    text-align: center;
    overflow: hidden;
    @media (max-width: 768px) {
        padding: 50px 20px;
    }
}

.pixlab-lgl-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% 30%, rgba(197, 160, 89, 0.12) 0%, transparent 70%);
    pointer-events: none;
}

.pixlab-lgl-hero-container {
    position: relative;
    z-index: 2;
    max-width: 860px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pixlab-lgl-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    color: #94a3b8;
    margin-bottom: 16px;
    a {
        color: #cbd5e1;
        text-decoration: none;
        transition: color 0.2s ease;
        &:hover {
            color: #ffd28e;
        }
    }
    span {
        color: #ffd28e;
        font-weight: 600;
    }
}

.pixlab-lgl-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 16px;
    background: rgba(197, 160, 89, 0.15);
    border: 1px solid rgba(197, 160, 89, 0.35);
    border-radius: 30px;
    color: #ffd28e;
    font-size: 0.76rem;
    font-weight: 700;
    letter-spacing: 1px;
    margin-bottom: 20px;
}

.pixlab-lgl-hero-title {
    font-size: 2.8rem;
    font-weight: 700;
    font-family: 'Playfair Display', serif;
    color: #ffffff;
    line-height: 1.15;
    margin-bottom: 16px;
    @media (max-width: 768px) {
        font-size: 2rem;
    }
}

.pixlab-lgl-hero-desc {
    font-size: 1rem;
    color: #cbd5e1;
    line-height: 1.65;
    margin-bottom: 28px;
    max-width: 720px;
}

.pixlab-lgl-meta-pills {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.pixlab-lgl-meta-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    font-size: 0.8rem;
    color: #f1f5f9;
    font-weight: 600;
}

/* Yapışkan Alt Navigasyon Barı */
.pixlab-lgl-nav-wrapper {
    position: sticky;
    top: 0;
    z-index: 990;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
    body.admin-bar & {
        top: 116px;
        @media (max-width: 991px) {
            top: 46px;
        }
        @media (max-width: 782px) {
            top: 46px;
        }
    }
}

.pixlab-lgl-nav-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}

.pixlab-lgl-nav-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    overflow-x: auto;
    padding: 12px 0;
    scrollbar-width: none;
    &::-webkit-scrollbar {
        display: none;
    }
}

.pixlab-lgl-nav-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 18px;
    border-radius: 12px;
    font-size: 0.88rem;
    font-weight: 600;
    color: #475569;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s ease, color 0.2s ease;
    &:hover {
        background-color: #f1f5f9;
        color: #0f172a;
    }
    &.active {
        background-color: #0f172a;
        color: #ffffff;
    }
}

/* İçerik Düzeni ve Sidebar */
.pixlab-lgl-content-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 60px 24px;
}

.pixlab-lgl-main-content {
    width: 100%;
}

.pixlab-lgl-reader-card {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
}

.pixlab-lgl-editor-entry {
    font-size: 1rem;
    color: #334155;
    line-height: 1.75;
    h1, h2, h3, h4, h5, h6 {
        color: #0f172a;
        font-family: 'Playfair Display', serif;
        font-weight: 700;
        line-height: 1.3;
        margin-top: 36px;
        margin-bottom: 16px;
        &:first-child {
            margin-top: 0;
        }
    }
    h1 { font-size: 2.2rem; }
    h2 { font-size: 1.8rem; border-bottom: 1px solid #f1f5f9; padding-bottom: 10px; }
    h3 { font-size: 1.4rem; }
    h4 { font-size: 1.2rem; }
    p {
        margin-bottom: 20px;
    }
    ul, ol {
        margin: 20px 0 24px 0;
        padding-left: 24px;
        li {
            margin-bottom: 10px;
            line-height: 1.7;
            strong {
                color: #0f172a;
            }
        }
    }
    blockquote {
        margin: 28px 0;
        padding: 20px 24px;
        background: linear-gradient(135deg, #fefcf8 0%, #f8fafc 100%);
        border-left: 4px solid var(--pixlab-gold, #c5a059);
        border-radius: 0 16px 16px 0;
        font-style: italic;
        color: #475569;
        p {
            margin: 0;
        }
    }
    table {
        width: 100%;
        border-collapse: collapse;
        margin: 28px 0;
        border-radius: 16px;
        overflow: hidden;
        border: 1px solid #e2e8f0;
        th, td {
            padding: 14px 18px;
            text-align: left;
            font-size: 0.9rem;
        }
        th {
            background-color: #0f172a;
            color: #ffffff;
            font-weight: 700;
            font-family: 'Playfair Display', serif;
        }
        td {
            background-color: #ffffff;
            color: #475569;
            border-bottom: 1px solid #f1f5f9;
        }
        tr:nth-child(even) td {
            background-color: #f8fafc;
        }
    }
    a {
        color: var(--pixlab-gold-dark, #a37a3c);
        font-weight: 600;
        text-decoration: underline;
        &:hover {
            color: #0f172a;
        }
    }
}

.pixlab-lgl-editor-empty-state {
    text-align: center;
    padding: 40px 20px;
    h2 {
        font-size: 1.8rem;
        font-family: 'Playfair Display', serif;
        color: #0f172a;
        margin-bottom: 12px;
    }
    p {
        font-size: 0.95rem;
        color: #64748b;
        max-width: 500px;
        margin: 0 auto;
    }
}

@media print {
    header, footer, .pixlab-lgl-sidebar, .pixlab-lgl-hero, .pixlab-lgl-nav-wrapper {
        display: none !important;
    }
    .pixlab-lgl-grid {
        display: block !important;
    }
    .pixlab-lgl-reader-card {
        border: none !important;
        box-shadow: none !important;
        padding: 0 !important;
    }
}

/* Foto Galeri & Tesisimiz Sayfa Şablon Stilleri */
.pixlab-glr-page {
    background-color: #f8fafc;
    min-height: 100vh;
}

.pixlab-glr-hero {
    position: relative;
    padding: 80px 24px;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 60%, #03060c 100%);
    color: #ffffff;
    text-align: center;
    overflow: hidden;
    @media (max-width: 768px) {
        padding: 30px 10px;
    }
}

.pixlab-glr-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle at 50% 30%, rgba(197, 160, 89, 0.15) 0%, transparent 70%);
    pointer-events: none;
}

.pixlab-glr-hero-container {
    position: relative;
    z-index: 2;
    max-width: 860px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pixlab-glr-breadcrumb {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.82rem;
    color: #94a3b8;
    margin-bottom: 16px;
    a {
        color: #cbd5e1;
        text-decoration: none;
        transition: color 0.2s ease;
        &:hover {
            color: #ffd28e;
        }
    }
    span {
        color: #ffd28e;
        font-weight: 600;
    }
}

.pixlab-glr-hero-title {
    font-size: 2.8rem;
    font-weight: 700;
    font-family: 'Playfair Display', serif;
    color: #ffffff;
    line-height: 1.15;
    margin-bottom: 16px;
    @media (max-width: 768px) {
        font-size: 2rem;
    }
}

.pixlab-glr-hero-desc {
    font-size: 1.05rem;
    color: #cbd5e1;
    line-height: 1.65;
    margin-bottom: 28px;
    max-width: 720px;
}

.pixlab-glr-quick-info {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
}

.pixlab-glr-info-pill {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 18px;
    background: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 20px;
    font-size: 0.84rem;
    color: #f1f5f9;
    font-weight: 600;
}

/* Kategori Filtreleme Barı */
.pixlab-glr-nav-wrapper {
    position: sticky;
    top: 0;
    z-index: 990;
    background-color: #ffffff;
    border-bottom: 1px solid #e2e8f0;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
    @media (max-width: 768px) {
        top: 0 !important;
    }
    body.admin-bar & {
        top: 116px;
        @media (max-width: 991px) {
            top: 46px;
        }
        @media (max-width: 782px) {
            top: 0 !important;
        }
    }
}

.pixlab-glr-nav-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 24px;
}

.pixlab-glr-filter-bar {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    overflow-x: auto;
    padding: 14px 0;
    scrollbar-width: none;
    &::-webkit-scrollbar {
        display: none;
    }
    @media (max-width: 768px) {
        justify-content: flex-start;
        gap: 20px;
        display: flex;
        width: calc(100% + 20px);
        margin-inline: -10px;
        padding-inline: 10px;
        overflow: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        scroll-snap-type: x mandatory;
        &::-webkit-scrollbar {
            display: none;
        }
    }
}

.pixlab-glr-filter-btn {
    padding: 10px 22px;
    border: 1px solid #cbd5e1;
    background-color: #ffffff;
    border-radius: 30px;
    font-size: 0.88rem;
    font-weight: 600;
    color: #475569;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
    @media (max-width: 768px) {
        scroll-snap-align: center;
        flex-shrink: 0;
    }
    &:hover {
        background-color: #f1f5f9;
        color: #0f172a;
        border-color: #94a3b8;
    }
    &.active {
        background-color: #0f172a;
        border-color: #0f172a;
        color: #ffffff;
        box-shadow: 0 4px 14px rgba(15, 23, 42, 0.2);
    }
}

/* Galeri Grid Düzeni */
.pixlab-glr-content-container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 60px 24px;
}

.pixlab-glr-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 70px;
    @media (max-width: 991px) {
        grid-template-columns: repeat(2, 1fr);
    }
    @media (max-width: 576px) {
        grid-template-columns: 1fr;
    }
}

.pixlab-glr-item {
    transition: opacity 0.3s ease, transform 0.3s ease;
    &.hide {
        display: none !important;
    }
}

.pixlab-glr-item-inner {
    position: relative;
    border-radius: 24px;
    overflow: hidden;
    height: 280px;
    cursor: pointer;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.06);
    @media (max-width: 576px) {
        height: 240px;
    }
}

.pixlab-glr-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.5s ease;
    .pixlab-glr-item-inner:hover & {
        transform: scale(1.08);
    }
}

.pixlab-glr-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 24px;
    background: linear-gradient(to top, rgba(15, 23, 42, 0.9) 0%, rgba(15, 23, 42, 0.3) 50%, transparent 100%);
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    opacity: 0;
    transition: opacity 0.3s ease;
    .pixlab-glr-item-inner:hover & {
        opacity: 1;
    }
}

.pixlab-glr-cat-tag {
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 1.5px;
    color: #ffd28e;
    text-transform: uppercase;
    margin-bottom: 4px;
}

.pixlab-glr-item-title {
    font-size: 1.2rem;
    font-weight: 700;
    color: #ffffff;
    font-family: 'Playfair Display', serif;
    margin-bottom: 12px;
}

.pixlab-glr-zoom-icon {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: transform 0.3s ease, background 0.3s ease;
    .pixlab-glr-item-inner:hover & {
        transform: scale(1.1);
        background: var(--pixlab-gold, #c5a059);
        border-color: var(--pixlab-gold, #c5a059);
    }
}

/* 360 Sanal Tur Kartı */
.pixlab-glr-video-card {
    position: relative;
    border-radius: 36px;
    overflow: hidden;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 20px 45px rgba(15, 23, 42, 0.12);
    @media (max-width: 768px) {
        min-height: 320px;
    }
}

.pixlab-glr-vc-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.pixlab-glr-vc-overlay {
    position: absolute;
    pointer-events: none;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.85) 0%, rgba(3, 6, 12, 0.95) 100%);
}

.pixlab-glr-vc-content {
    position: relative;
    z-index: 2;
    text-align: center;
    max-width: 680px;
    padding: 40px 24px;
    color: #ffffff;
}

.pixlab-glr-vc-tag {
    font-size: 0.74rem;
    font-weight: 800;
    letter-spacing: 1.8px;
    color: #ffd28e;
    margin-bottom: 12px;
    display: block;
}

.pixlab-glr-vc-title {
    font-size: 2.3rem;
    font-weight: 700;
    font-family: 'Playfair Display', serif;
    margin-bottom: 14px;
    @media (max-width: 768px) {
        font-size: 1.7rem;
    }
}

.pixlab-glr-vc-desc {
    font-size: 1rem;
    color: #cbd5e1;
    line-height: 1.6;
    margin-bottom: 28px;
}

.pixlab-glr-vc-btn {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 16px 36px;
    background: linear-gradient(135deg, #c5a059 0%, #a37a3c 100%);
    color: #ffffff;
    text-decoration: none;
    border-radius: 16px;
    font-size: 0.95rem;
    font-weight: 700;
    box-shadow: 0 10px 25px rgba(197, 160, 89, 0.35);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    &:hover {
        transform: translateY(-2px);
        box-shadow: 0 14px 30px rgba(197, 160, 89, 0.45);
    }
}

/* Lightbox Modal */
.pixlab-glr-lightbox {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    &.active {
        opacity: 1;
        visibility: visible;
    }
}

.pixlab-glr-lb-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(3, 6, 12, 0.95);
    backdrop-filter: blur(16px);
}

.pixlab-glr-lb-container {
    position: relative;
    z-index: 2;
    max-width: 1100px;
    width: 90%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pixlab-glr-lb-close {
    position: absolute;
    top: -50px;
    right: 0;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease;
    &:hover {
        background: rgba(255, 255, 255, 0.25);
    }
}

.pixlab-glr-lb-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 10;
    transition: background 0.2s ease;
    &:hover {
        background: var(--pixlab-gold, #c5a059);
        border-color: var(--pixlab-gold, #c5a059);
    }
    &.prev { left: -60px; }
    &.next { right: -60px; }
    @media (max-width: 768px) {
        &.prev { left: 10px; }
        &.next { right: 10px; }
    }
}

.pixlab-glr-lb-media {
    max-width: 100%;
    max-height: 75vh;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.6);
    img {
        max-width: 100%;
        max-height: 75vh;
        object-fit: contain;
        display: block;
    }
}

.pixlab-glr-lb-caption-bar {
    margin-top: 16px;
    display: flex;
    align-items: center;
    gap: 16px;
    color: #ffffff;
    font-size: 0.95rem;
}

.pixlab-glr-lb-caption {
    font-family: 'Playfair Display', serif;
    font-weight: 700;
}

.pixlab-glr-lb-counter {
    font-size: 0.8rem;
    color: #ffd28e;
    font-weight: 600;
}

.pixlab-glr-empty-notice {
    grid-column: 1 / -1;
    text-align: center;
    padding: 60px 20px;
    svg {
        margin: 0 auto 16px auto;
        display: block;
    }
    h3 {
        font-size: 1.25rem;
        font-weight: 600;
        color: #334155;
        margin-bottom: 8px;
    }
    p {
        color: #64748b;
        max-width: 500px;
        margin: 0 auto;
    }
}
.pixlab-cnt-cta-btn-outline{
    display: flex;
    align-items: center;
    gap: 15px;
}

.pixlab-kvkk-banner-wrap {
    position: fixed;
    bottom: 24px;
    left: 24px;
    z-index: 999999;
    max-width: 480px;
    width: calc(100% - 48px);
    background: rgba(15, 23, 42, 0.94);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 18px;
    padding: 16px 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35);
    transform: translateY(120px);
    opacity: 0;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s ease;
    @media (max-width: 576px) {
        bottom: 16px;
        left: 16px;
        width: calc(100% - 32px);
        padding: 14px 16px;
    }
}
.pixlab-kvkk-banner-wrap.active {
    transform: translateY(0);
    opacity: 1;
}
.pixlab-kvkk-banner-inner {
    display: flex;
    align-items: center;
    gap: 14px;
    @media (max-width: 480px) {
        flex-wrap: wrap;
        gap: 10px;
    }
}
.pixlab-kvkk-banner-icon {
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: rgba(197, 160, 89, 0.15);
    color: var(--pixlab-gold, #c5a059);
    display: flex;
    align-items: center;
    justify-content: center;
}
.pixlab-kvkk-banner-text {
    flex: 1;
    p {
        margin: 0;
        font-size: 0.82rem;
        line-height: 1.45;
        color: #e2e8f0;
        font-weight: 500;
    }
}
.pixlab-kvkk-banner-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    @media (max-width: 480px) {
        width: 100%;
        justify-content: flex-end;
    }
}
.pixlab-kvkk-btn-accept {
    background: linear-gradient(135deg, #c5a059 0%, #a37a3c 100%);
    color: #ffffff;
    border: none;
    padding: 8px 16px;
    border-radius: 10px;
    font-size: 0.82rem;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(197, 160, 89, 0.3);
    transition: transform 0.2s ease, opacity 0.2s ease;
    &:hover {
        transform: translateY(-1px);
        opacity: 0.95;
    }
}
.pixlab-kvkk-btn-close {
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #94a3b8;
    width: 32px;
    height: 32px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s ease, color 0.2s ease;
    &:hover {
        background: rgba(255, 255, 255, 0.18);
        color: #ffffff;
    }
}

.pixlab-frontend-license-bar {
    background: #0f172a;
    color: #ffffff;
    padding: 10px 16px;
    font-size: 13px;
    font-weight: 600;
    position: relative;
    z-index: 99999;
}
.pixlab-frontend-license-inner {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}
.pixlab-frontend-license-btn {
    background: var(--pixlab-gold, #c5a059);
    color: #ffffff;
    padding: 5px 14px;
    border-radius: 6px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 700;
    transition: background 0.2s ease;
    &:hover {
        background: var(--pixlab-gold-dark, #a37a3c);
        color: #ffffff;
    }
}