/*
 Bafleh WordPress content compatibility layer - 2026-08-28
 Targets only CMS/legacy page content imported from bafleh.com.
 The public site remains native ASP.NET MVC; these rules reproduce the useful layout semantics
 of the former Flatsome/WordPress page HTML without loading WordPress CSS or JavaScript.
*/
.live-wordpress-page-content{
    width:100%;
    color:#1a1a1a;
    font-family:Montserrat,Arial,sans-serif;
    font-size:15px;
    line-height:1.75;
    overflow-x:hidden;
}
.live-wordpress-page-content *{box-sizing:border-box}
.live-wordpress-page-content img{max-width:100%;height:auto}
.live-wordpress-page-content a{color:inherit;text-decoration:none}
.live-wordpress-page-content a:hover{text-decoration:underline}
.live-wordpress-page-content h1,
.live-wordpress-page-content h2,
.live-wordpress-page-content h3,
.live-wordpress-page-content h4{font-family:"Cormorant Garamond",Georgia,"Times New Roman",serif;color:#171717;line-height:1.15;font-weight:500}
.live-wordpress-page-content .border-heading{font-size:clamp(30px,3.1vw,46px);font-weight:400;letter-spacing:.01em;margin:0 0 28px;text-transform:none}
.live-wordpress-page-content .text-center{text-align:center}

/* legacy full-width hero */
.live-wordpress-page-content .bafleh-hero,
.live-wordpress-page-content .bfl-hero{width:100%;margin:0;line-height:0;overflow:hidden}
.live-wordpress-page-content .bafleh-hero img,
.live-wordpress-page-content .bfl-hero img{display:block;width:100%;height:auto;object-fit:cover;object-position:center center}
.live-wordpress-page-content .mobile-section,
.live-wordpress-page-content .bafleh-text,
.live-wordpress-page-content .bfl-container,
.live-wordpress-page-content .bfl-intro{max-width:1240px;margin-left:auto;margin-right:auto}
.live-wordpress-page-content .bafleh-text{max-width:820px;padding:60px 24px;text-align:center}
.live-wordpress-page-content .bafleh-text p,
.live-wordpress-page-content .bfl-text p,
.live-wordpress-page-content .bfl-intro p{margin:0 0 18px}

/* wholesale */
.live-wordpress-page-content .bafleh-grid{max-width:1240px;margin:0 auto;padding:15px 28px 65px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.live-wordpress-page-content .bafleh-grid .grid-item{min-width:0;overflow:hidden}
.live-wordpress-page-content .bafleh-grid .grid-item img{display:block;width:100%;height:100%;min-height:320px;object-fit:cover}
.live-wordpress-page-content .bafleh-offices,
.live-wordpress-page-content .bafleh-offices-wholesale{max-width:620px;margin:0 auto;padding:38px 24px 58px;text-align:center}
.live-wordpress-page-content .bafleh-offices-number{max-width:390px;margin:16px auto 0;text-align:left;padding-left:22px}
.live-wordpress-page-content .bafleh-map{max-width:1240px;margin:0 auto 60px;padding:0 24px}
.live-wordpress-page-content .bafleh-map img{width:100%;display:block}

/* About / retail / Hong Kong base */
.live-wordpress-page-content .bfl-main{width:100%;margin:0 auto 45px}
.live-wordpress-page-content .bfl-container{padding:55px 28px;max-width:1120px;text-align:center}
.live-wordpress-page-content .bfl-text{max-width:850px;margin:0 auto;text-align:center}
.live-wordpress-page-content .bfl-trusted{max-width:1240px;margin:0 auto;padding:10px 24px 75px;text-align:center}
.live-wordpress-page-content .bfl-reviews{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:stretch}
.live-wordpress-page-content .bfl-review-item{overflow:hidden;background:#f6f6f6}
.live-wordpress-page-content .bfl-review-item img{display:block;width:100%;height:100%;object-fit:cover}
.live-wordpress-page-content .bfl-intro{max-width:950px;padding:55px 28px 30px;text-align:center}
.live-wordpress-page-content .bfl-divider{max-width:460px;margin:0 auto 35px;padding:0 24px;display:flex;align-items:center;justify-content:center;gap:14px}
.live-wordpress-page-content .bfl-divider div{height:1px;flex:1;background:#1a1a1a}
.live-wordpress-page-content .bfl-divider img{display:block;width:30px;height:auto}
.live-wordpress-page-content .bfl-row{width:100%;display:flex;align-items:stretch;min-height:430px;background:#f5f5f5;overflow:hidden}
.live-wordpress-page-content .bfl-row.reverse{flex-direction:row-reverse;background:#fff}
.live-wordpress-page-content .bfl-col-img,
.live-wordpress-page-content .bfl-col-txt{flex:0 0 50%;width:50%}
.live-wordpress-page-content .bfl-col-img{line-height:0;overflow:hidden}
.live-wordpress-page-content .bfl-col-img img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover}
.live-wordpress-page-content .bfl-col-txt{display:flex;flex-direction:column;justify-content:center;padding:55px 6vw;text-align:center}
.live-wordpress-page-content .bfl-col-txt h2{margin:0 0 24px}
.live-wordpress-page-content .bfl-location,
.live-wordpress-page-content .bfl-bank{max-width:1040px;margin:0 auto;padding:55px 28px;text-align:center}
.live-wordpress-page-content .bfl-map{max-width:1240px;margin:0 auto 55px;padding:0 24px}
.live-wordpress-page-content .bfl-map iframe{width:100%;min-height:430px;border:0}

/* Lab */
.live-wordpress-page-content .lab-pg{max-width:1240px;margin:0 auto;padding:60px 20px 40px;text-align:center}
.live-wordpress-page-content .bfl-grid-row{display:flex;gap:15px;align-items:stretch;justify-content:center;max-width:1240px;margin:0 auto;padding:0 40px 90px}
.live-wordpress-page-content .bfl-grid-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center}
.live-wordpress-page-content .bfl-grid-col img{width:100%;height:100%;min-height:320px;display:block;object-fit:cover}

/* Hong Kong */
.live-wordpress-page-content .hk-page .bfl-container{max-width:980px}
.live-wordpress-page-content .hk-page p{text-align:center}
.live-wordpress-page-content .bfl-contact{max-width:620px;margin:18px auto 35px;white-space:normal}
.live-wordpress-page-content .hk-page strong{font-weight:650}

/* Bullion */
.live-wordpress-page-content .info-section{max-width:1240px;margin:0 auto;padding:15px 28px 55px}
.live-wordpress-page-content .info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.live-wordpress-page-content .info-column{padding:26px 26px;background:#f4f4f4;min-height:100%}
.live-wordpress-page-content .info-column h3{font-size:25px;margin:0 0 18px}
.live-wordpress-page-content .info-column ul{padding-left:20px;margin:0}
.live-wordpress-page-content .info-column li{margin-bottom:8px}
.live-wordpress-page-content .bullion-grid,
.live-wordpress-page-content .bullion-imgs{max-width:1240px;margin:0 auto;padding:20px 28px 55px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.live-wordpress-page-content .bullion-grid img,
.live-wordpress-page-content .bullion-imgs img{width:100%;height:100%;min-height:260px;object-fit:cover}
.live-wordpress-page-content .bullion-page>.bfl-intro{max-width:950px}

/* Generic content pages created in .NET */
.live-wordpress-page-content .live-info-page,
.live-wordpress-page-content .live-policy-page,
.live-wordpress-page-content .live-faq{max-width:980px;margin:0 auto}
.live-wordpress-page-content .live-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:28px 0 34px}
.live-wordpress-page-content .live-info-grid>div{border:1px solid #e3e3e3;padding:26px 28px;background:#fff}
.live-wordpress-page-content .live-info-grid h2{font-size:28px;margin:0 0 12px}
.live-wordpress-page-content .live-policy-page h2,
.live-wordpress-page-content .live-faq h2{font-size:27px;margin:34px 0 10px}
.live-wordpress-page-content .live-process-list{padding-left:24px;margin:24px 0 28px}
.live-wordpress-page-content .live-process-list li{margin:0 0 14px;padding-left:8px}
.live-wordpress-page-content .live-birthstone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:28px 0}
.live-wordpress-page-content .live-birthstone-grid span{border:1px solid #e4e4e4;padding:17px;background:#fafafa}
.live-wordpress-page-content .live-birthstone-grid strong{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:21px;margin-bottom:3px}

/* Policy pages imported from WordPress */
.live-wordpress-page-content .policy-title{text-align:center;font-size:44px;font-weight:400;margin:0 0 28px}
.live-wordpress-page-content .policy-intro{font-size:16px;text-align:left!important}
.live-wordpress-page-content .policy-block{padding-top:20px}
.live-wordpress-page-content .policy-block h2{font-size:29px;margin:28px 0 10px}
.live-wordpress-page-content .policy-block p{text-align:left!important}
.live-wordpress-page-content .policy-block ul{padding-left:24px}

/* Ring-size page imported from WordPress */
.live-wordpress-page-content .services-section{padding:55px 22px}
.live-wordpress-page-content .services-section>.container{max-width:1240px;margin:0 auto}
.live-wordpress-page-content .rignsize-title{text-align:center;font-size:42px;margin:0 0 12px}
.live-wordpress-page-content .section-description{text-align:center;max-width:850px;margin:0 auto 35px}
.live-wordpress-page-content .services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.live-wordpress-page-content .service-card{border:1px solid #e5e5e5;background:#fff;padding:0 0 24px;overflow:hidden}
.live-wordpress-page-content .service-card img{display:block;width:100%;aspect-ratio:1.2/1;object-fit:cover}
.live-wordpress-page-content .service-card h3{font-size:25px;margin:22px 22px 10px}
.live-wordpress-page-content .service-card p{margin:0 22px}
.live-wordpress-page-content .rsg-calc-block{max-width:760px;margin:40px auto;padding:28px;background:#f5f5f5;text-align:center}
.live-wordpress-page-content .rsg-calc-inputs{display:flex;align-items:flex-end;justify-content:center;gap:20px;flex-wrap:wrap}
.live-wordpress-page-content .rsg-calc-field{min-width:210px;text-align:left}
.live-wordpress-page-content .rsg-calc-field label{display:block;font-size:12px;font-weight:650;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px}
.live-wordpress-page-content .rsg-input-group{display:flex;align-items:center;border:1px solid #bbb;background:#fff}
.live-wordpress-page-content .rsg-input-group input{border:0;outline:0;width:100%;height:45px;padding:8px 12px;background:transparent}
.live-wordpress-page-content .rsg-unit{padding:0 12px;font-size:12px;font-weight:650}
.live-wordpress-page-content .rsg-calc-or{padding-bottom:12px;font-weight:650}
.live-wordpress-page-content .rsg-calc-result{min-height:27px;margin-top:18px;font-weight:600}
.live-wordpress-page-content .rsg-table-shell{max-width:1120px;margin:0 auto 30px;padding:0 20px}
.live-wordpress-page-content .rsg-table-scroll{width:100%;overflow:auto}
.live-wordpress-page-content #sizeTable{width:100%;border-collapse:collapse;min-width:760px;font-size:13px}
.live-wordpress-page-content #sizeTable th,
.live-wordpress-page-content #sizeTable td{border:1px solid #ddd;padding:11px 9px;text-align:center}
.live-wordpress-page-content #sizeTable th{background:#111;color:#fff;font-weight:600}
.live-wordpress-page-content #sizeTable tr.is-ring-match td{background:#f0e4d7;font-weight:650}
.live-wordpress-page-content .rsg-note{max-width:1080px;margin:0 auto;padding:0 24px 45px;font-size:13px;text-align:center}

/* Careers markup imported from WordPress; replace old OwlCarousel dependency with a native grid. */
.live-wordpress-page-content .open-positions{max-width:1120px;margin:0 auto;padding:25px 24px 65px;text-align:center}
.live-wordpress-page-content .boxes-area .owl-carousel,
.live-wordpress-page-content .boxes-area .owlcarousel{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;list-style:none;padding:0;margin:25px 0}
.live-wordpress-page-content .boxes-area .owl-carousel li,
.live-wordpress-page-content .boxes-area .owlcarousel li{margin:0!important;padding:0!important}
.live-wordpress-page-content .boxes-area .owl-carousel a,
.live-wordpress-page-content .boxes-area .owlcarousel a{display:block;border:1px solid #ddd;padding:18px 12px;background:#fafafa;font-weight:600}

/* Imported contact/body form controls when present */
.live-wordpress-page-content input,
.live-wordpress-page-content select,
.live-wordpress-page-content textarea{max-width:100%;font:inherit}
.live-wordpress-page-content .btn,
.live-wordpress-page-content .button{display:inline-flex;align-items:center;justify-content:center;background:#111;color:#fff!important;border:1px solid #111;border-radius:0;padding:12px 22px;text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.live-wordpress-page-content .btn:hover,
.live-wordpress-page-content .button:hover{opacity:.78;text-decoration:none}

@media (max-width:900px){
    .live-wordpress-page-content .bafleh-grid,
    .live-wordpress-page-content .bfl-reviews,
    .live-wordpress-page-content .info-grid,
    .live-wordpress-page-content .bullion-grid,
    .live-wordpress-page-content .bullion-imgs,
    .live-wordpress-page-content .services-grid,
    .live-wordpress-page-content .live-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .live-wordpress-page-content .bfl-row,
    .live-wordpress-page-content .bfl-row.reverse{flex-direction:column;min-height:0}
    .live-wordpress-page-content .bfl-col-img,
    .live-wordpress-page-content .bfl-col-txt{flex:0 0 auto;width:100%}
    .live-wordpress-page-content .bfl-col-img img{min-height:0;height:auto}
    .live-wordpress-page-content .bfl-col-txt{padding:42px 28px}
    .live-wordpress-page-content .bfl-grid-row{padding-left:20px;padding-right:20px}
}
@media (max-width:640px){
    .live-wordpress-page-content{font-size:14px}
    .live-wordpress-page-content .bafleh-grid,
    .live-wordpress-page-content .bfl-reviews,
    .live-wordpress-page-content .info-grid,
    .live-wordpress-page-content .bullion-grid,
    .live-wordpress-page-content .bullion-imgs,
    .live-wordpress-page-content .services-grid,
    .live-wordpress-page-content .live-info-grid,
    .live-wordpress-page-content .live-birthstone-grid,
    .live-wordpress-page-content .boxes-area .owl-carousel,
    .live-wordpress-page-content .boxes-area .owlcarousel{grid-template-columns:1fr}
    .live-wordpress-page-content .bafleh-grid{padding:10px 14px 45px}
    .live-wordpress-page-content .bfl-container,
    .live-wordpress-page-content .bfl-intro{padding-left:18px;padding-right:18px}
    .live-wordpress-page-content .bfl-grid-row{flex-direction:column;padding:0 16px 45px}
    .live-wordpress-page-content .bfl-grid-col img{min-height:0}
    .live-wordpress-page-content .rignsize-title{font-size:32px}
}
