
    :root {
      --color-navy: #101B2A;
      --color-charcoal: #161616;
      --color-gold: #B5A17C;
      --color-gold-light: #D4C3A3;
      --color-gold-dark: #8F7B56;
      --color-ivory: #F8F5EF;
      --color-cream: #FAF7F2;
      --color-white: #FFFFFF;
    }

    body {
      font-family: 'Montserrat', sans-serif;
      background-color: #FAF7F2;
      color: #161616;
      overflow-x: hidden;
    }

    .font-serif-luxury {
      font-family: 'Cormorant Garamond', serif;
    }
    
    .font-cinzel {
      font-family: 'Cinzel', serif;
    }
    
    .font-arabic {
      font-family: 'Amiri', serif;
    }

    /* Custom Luxury Scrollbar */
    ::-webkit-scrollbar {
      width: 8px;
    }
    ::-webkit-scrollbar-track {
      background: #101B2A;
    }
    ::-webkit-scrollbar-thumb {
      background: #B5A17C;
      border-radius: 4px;
    }
    ::-webkit-scrollbar-thumb:hover {
      background: #D4C3A3;
    }

    /* Gold gradient and text effects */
    .gold-gradient-text {
      background: linear-gradient(135deg, #DFD0B5 0%, #B5A17C 50%, #8F7B56 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .gold-border-gradient {
      border-image: linear-gradient(to right, #B5A17C, #F0E6D2, #B5A17C) 1;
    }

    .glass-luxury-dark {
      background: rgba(16, 27, 42, 0.88);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      border: 1px solid rgba(181, 161, 124, 0.2);
    }

    .glass-luxury-light {
      background: rgba(248, 245, 239, 0.92);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      border: 1px solid rgba(181, 161, 124, 0.3);
    }

    /* Smooth luxury animations */
    .transition-luxury {
      transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .gold-glow:hover {
      box-shadow: 0 0 25px rgba(181, 161, 124, 0.35);
    }

    /* Custom radio / selection styling */
    .option-card-selected {
      border-color: #B5A17C !important;
      background-color: rgba(181, 161, 124, 0.08) !important;
      box-shadow: 0 0 0 1px #B5A17C;
    }

    /* Invoice Print Styles */
    @media print {
      body * {
        visibility: hidden;
      }
      #printable-invoice-area, #printable-invoice-area * {
        visibility: visible;
      }
      #printable-invoice-area {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        margin: 0;
        padding: 20px;
        background: white;
        color: black;
      }
      .no-print {
        display: none !important;
      }
    }
  
/* Multipage enhancements */
.brand-mark{height:65px;width:175px;object-fit:contain;object-position:left center;background:transparent!important;filter:drop-shadow(0 2px 5px #0006)}
.page-hero{min-height:245px;background:linear-gradient(105deg,#101b2a,#273248);display:flex;align-items:center;padding:64px max(24px,calc((100vw - 1120px)/2));color:#f8f5ef}.page-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(42px,6vw,76px);line-height:1.05}.page-hero p{color:#d4c3a3;max-width:570px}.family-photo{width:100%;height:164px;object-fit:cover;display:block;border-radius:8px;margin:0 0 16px}.site-safe-note{background:#f9eac9;color:#4d3f26;text-align:center;font-size:11px;padding:8px}.owner-exit{display:inline-flex;color:#d4c3a3;padding:12px;border:1px solid #b5a17c;border-radius:4px}.main-view-container{min-height:45vh}
@media(max-width:768px){.brand-mark{height:47px;width:104px}.page-hero{min-height:185px;padding:45px 20px}.page-hero h1{font-size:43px} header .max-w-7xl{height:70px!important}}

.live-shop-banner{position:fixed;bottom:0;left:0;right:0;z-index:95;background:#101b2a;box-shadow:0 -4px 20px #0003;display:flex;justify-content:center;gap:30px;align-items:center;padding:10px 12px}.live-shop-banner a{font:600 11px Arial;color:#e8dcc6;text-decoration:none;text-transform:uppercase;letter-spacing:.06em}.live-shop-banner a:hover{color:#fff}@media(max-width:600px){.live-shop-banner{gap:14px}.live-shop-banner a{font-size:9px}}body{padding-bottom:52px}
