/* Veloura brand layer. Original page layouts, palette and component classes retained. */
:root{--veloura-pink:#fa2456;--veloura-coral:#fd735a;--veloura-ink:#281723;--veloura-paper:#fff8f9;--veloura-gradient:linear-gradient(110deg,#fa2456,#fd735a)}
body{font-family:'Poppins',Arial,sans-serif}h1,h2,h3,h4,h5,h6{font-family:'Poppins',Arial,sans-serif}
a,button,input,select,textarea{font-family:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a71544;outline-offset:4px}
.veloura-brand-logo{width:176px!important;max-width:100%!important;height:auto!important;max-height:64px;object-fit:contain!important}
header .main-header .main-header-logo{padding-left:20px!important}header .main-header .main-menu>ul>li>a{white-space:nowrap}
.veloura-admin-menu>a{font-weight:700!important;color:#c91c49!important}.veloura-demo-note{clear:both;text-align:center;padding:20px 20px 24px;border-top:1px solid #eddee2;font-size:13px;background:#fff8f9;color:#775967}.veloura-demo-note p{font-size:11px;line-height:1.8;margin:9px 0 0;color:#775967}.veloura-demo-note a{font-weight:600;color:#b51d47}
.veloura-floating-admin{position:fixed;right:22px;bottom:20px;padding:11px 20px;background:var(--veloura-gradient);color:#fff!important;border-radius:30px;box-shadow:0 5px 25px #a61b4433;z-index:999}
.veloura-toast{position:fixed;z-index:99999;right:24px;bottom:24px;max-width:400px;padding:16px 22px;background:#342330;color:#fff;border-radius:12px;box-shadow:0 6px 35px #28172333;font-size:14px;line-height:1.6;transform:translateY(120px);opacity:0;transition:.25s}.veloura-toast.is-visible{transform:translateY(0);opacity:1}
img[data-pexels-id]{object-fit:cover}img[data-pexels-id][src*="photo-fallback"]{background:#fff2f4}.veloura-photo-note{font-size:11px;color:#805b6b}
.main-innerpage{background-color:#fff0f3}.main-header-logo a{display:inline-flex;align-items:center;min-height:78px}
.main-header .main-menu #cssmenu{display:flex;align-items:center;flex-wrap:wrap}.main-header .main-menu #cssmenu>li{float:none}
@media(min-width:992px){header .main-header .main-menu>ul>li>a{padding-left:13px!important;padding-right:13px!important}}
@media(max-width:991px){.main-header .main-menu #cssmenu{display:block}.veloura-brand-logo{width:151px!important}.veloura-toast{left:16px;right:16px;bottom:16px}.veloura-floating-admin{right:14px;bottom:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Local CSS substitutes for legacy icon/background files not supplied in the archive. */
.tparrows:before{font-family:Arial,sans-serif!important;content:"\2039"!important;font-size:28px!important}.tparrows.tp-rightarrow:before{content:"\203a"!important}
.owl-video-play-icon{background:#fa2456!important;border-radius:50%}.owl-video-play-icon:after{content:"\25b6";color:#fff;font:28px Arial;position:absolute;left:29px;top:26px}

/* Portrait cutouts and robust offline/slow-network hero fallback. */
.veloura-round-photo{aspect-ratio:1;object-fit:cover;border-radius:50%;height:auto}
.veloura-hero-fallback{position:absolute;inset:0;z-index:8;display:flex;align-items:center;min-height:500px;background:linear-gradient(110deg,#fff3f5,#fff9f4);overflow:hidden}
.veloura-hero-fallback:after{content:"";position:absolute;width:490px;height:490px;border:1px solid #ffc7d5;border-radius:50%;right:-100px;top:60px;box-shadow:0 0 0 65px #ffdce433,0 0 0 130px #ffe9e955}
.veloura-hero-copy{position:relative;z-index:2;max-width:680px;padding:70px 0}
.veloura-hero-copy small{letter-spacing:3px;color:#c94365;font-size:12px}.veloura-hero-copy h1{font-size:54px;line-height:1.22;margin:22px 0;color:#402938}.veloura-hero-copy em{font-family:'Bad Script',cursive;font-weight:400;color:#ef426b}.veloura-hero-copy p{max-width:490px;line-height:1.9;color:#947582;margin-bottom:28px}.veloura-hero-admin{display:inline-block;margin-left:22px;color:#bf395a;font-size:13px}
@media(max-width:767px){.veloura-hero-fallback{min-height:440px}.veloura-hero-copy{padding:40px 12px}.veloura-hero-copy h1{font-size:34px}.veloura-hero-copy p{font-size:14px}.veloura-hero-admin{display:block;margin:18px 0 0}.veloura-hero-fallback:after{opacity:.3}.profile-slider{max-width:100%;overflow:hidden}}

@media(max-width:767px){.main-my-profile .match-slider .owl-nav button.owl-prev{left:0}.main-my-profile .match-slider .owl-nav button.owl-next{right:0}}

/* ===== Layout QA fixes ===== */
/* Main header: logo sits inside a single white bar instead of a pendant shape that overlaps the next section. */
header .main-header:not(.main-header-two,.main-header-four) .main-header-logo{float:none!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;line-height:normal!important;padding:12px 24px!important;background:none!important;border-radius:0!important;text-align:left}
header .main-header:not(.main-header-two,.main-header-four) .main-header-logo a{min-height:0}
header .main-header:not(.main-header-two,.main-header-four) .main-btn .menuBtn{width:auto!important;padding:0 26px;white-space:nowrap}
@media(min-width:992px){
  header .main-header:not(.main-header-two,.main-header-four){background:#fff;box-shadow:0 8px 40px rgba(182,14,14,.06)}
  header .main-header:not(.main-header-two,.main-header-four)>.container-fluid>.row{flex-wrap:nowrap}
  header .main-header:not(.main-header-two,.main-header-four)>.container-fluid>.row>.col-lg-2{flex:0 0 auto;width:auto}
  header .main-header:not(.main-header-two,.main-header-four)>.container-fluid>.row>.col-lg-10{flex:1 1 0;width:auto;min-width:0}
  header .main-header:not(.main-header-two,.main-header-four) .main-menu{flex-wrap:nowrap;margin-bottom:0!important;box-shadow:none;padding-right:24px}
  header .main-header:not(.main-header-two,.main-header-four) .main-menu #cssmenu{flex-wrap:nowrap}
  header .main-header:not(.main-header-two,.main-header-four) .main-menu>ul{padding-right:18px}
  header .main-header:not(.main-header-two,.main-header-four) .main-menu .main-btn{padding-left:18px}
}
@media(min-width:1300px) and (max-width:1599px){
  header .main-header:not(.main-header-two,.main-header-four) .main-menu>ul>li>a{padding-left:8px!important;padding-right:8px!important;font-size:15px}
  header .main-header:not(.main-header-two,.main-header-four) .veloura-brand-logo{width:150px!important}
  header .main-header:not(.main-header-two,.main-header-four) .main-header-logo{padding:12px 16px!important}
}
@media(min-width:1200px) and (max-width:1299px){
  header .main-header:not(.main-header-two,.main-header-four) .main-menu>ul>li>a{padding-left:6px!important;padding-right:6px!important;font-size:14px;gap:5px}
  header .main-header:not(.main-header-two,.main-header-four) .veloura-brand-logo{width:140px!important}
  header .main-header:not(.main-header-two,.main-header-four) .main-header-logo{padding:12px 14px!important}
  header .main-header:not(.main-header-two,.main-header-four) .main-menu>ul{padding-right:12px}
  header .main-header:not(.main-header-two,.main-header-four) .main-menu .main-btn{padding-left:12px}
  header .main-header:not(.main-header-two,.main-header-four) .main-btn .menuBtn{padding:0 20px}
  header .main-header:not(.main-header-two,.main-header-four) .main-menu{padding-right:14px}
}
@media(min-width:992px) and (max-width:1199px){
  header .main-header:not(.main-header-two,.main-header-four) .main-menu>ul>li>a{padding-left:5px!important;padding-right:5px!important;font-size:13px;gap:3px}
  header .main-header:not(.main-header-two,.main-header-four) .main-menu>ul>li:has(>.sidebar-toggle){display:none!important}
  header .main-header:not(.main-header-two,.main-header-four) .veloura-brand-logo{width:124px!important}
  header .main-header:not(.main-header-two,.main-header-four) .main-header-logo{padding:12px 12px!important}
  header .main-header:not(.main-header-two,.main-header-four) .main-menu>ul{padding-right:10px}
  header .main-header:not(.main-header-two,.main-header-four) .main-menu .main-btn{padding-left:10px}
  header .main-header:not(.main-header-two,.main-header-four) .main-btn .menuBtn{padding:0 16px;height:44px;line-height:44px;font-size:14px}
  header .main-header:not(.main-header-two,.main-header-four) .main-menu{padding-right:12px}
}
@media(max-width:991px){
  header .main-header:not(.main-header-two,.main-header-four){background:#fff;box-shadow:0 8px 40px rgba(182,14,14,.06)}
  header .main-header:not(.main-header-two,.main-header-four) .main-menu{margin-bottom:0!important;display:flex;justify-content:flex-end;padding:0 16px 0 0}
  header .main-header:not(.main-header-two,.main-header-four) .main-header-logo{padding:12px 16px!important}
}
/* Inner pages: the title band no longer needs room for the old pendant logo. */
@media(min-width:768px){body:has(.main-innerpage) header .shadow-img{margin-top:64px}}
/* Photos: never wider than their slot, and every card in a set shares one crop so rows line up. */
img[data-pexels-id]:not(.rev-slidebg){max-width:100%}
.main-members-section .members-box .members-img{width:100%}
.main-members-section .members-box .members-img>img,
.team-three-img img,.team-four-img img,.image-wrapper>img,.test-img img,
.gallery-top .swiper-slide img,.gallery-thumbs .swiper-slide img{width:100%;aspect-ratio:2/3;height:auto!important;object-fit:cover;object-position:center top}
.blog-img img,.about-photo img,.success-img img,.tab_image img{width:100%;aspect-ratio:3/2;height:auto!important;object-fit:cover}
.portfolio_img img,.portfolio_image img{width:100%;aspect-ratio:4/5;height:auto!important;object-fit:cover}
.blog-list-img img,.add-friends img,.slider-img img,.comment_img img,.table img[data-pexels-id]{aspect-ratio:1;height:auto!important;object-fit:cover}
.aw-img-box img{width:100%;aspect-ratio:2/3;height:auto!important;object-fit:cover;object-position:center top}
.meet-img-wrapper img{width:100%;aspect-ratio:3/2;height:auto!important;object-fit:cover}
/* Header variants (home 2-4) */
header .main-header-three .main-menu .main-btn .menubtn-3{width:auto!important;white-space:nowrap;padding:0 8px}
header .main-header-three .main-header-logo-3{height:auto!important;display:flex;align-items:center}
/* Home 2: header sits on the pink/photo split, so every desktop item needs light text. */
@media(min-width:992px){
  header .main-header-two>.container-fluid>.row{flex-wrap:nowrap}
  header .main-header-two>.container-fluid>.row>.col-lg-2{flex:0 0 auto;width:auto;padding-left:24px!important}
  header .main-header-two>.container-fluid>.row>.col-lg-10{flex:1 1 0;width:auto;min-width:0}
  header .main-header-two .main-menu-two,header .main-header-two .main-menu-two>ul{flex-wrap:nowrap!important}
  header .main-header-two .veloura-admin-menu>a{color:#fff!important;text-decoration:underline;text-underline-offset:6px}
  header .main-header-two .main-menu-two .index2-inner-ul>li a,header .main-header-two .main-menu-two .index2-inner-ul .sideline .index-2-btn .menuBtn-2 a{color:#fff!important}
  header .main-header-two .main-menu-two .index2-inner-ul>li .sidebar-toggle span{background-color:#fff!important}
  header .main-header-two .main-menu-two .index2-inner-ul .sideline{border-left-color:rgba(255,255,255,.55)}
  header .main-header-two .main-menu-two .index2-inner-ul .sideline .index-2-btn .menuBtn-2{width:auto!important;white-space:nowrap;padding:0 18px}
  header .main-header-two .main-menu-two>ul>li>a{white-space:nowrap}
}
@media(min-width:1300px) and (max-width:1439px){
  header .main-header-two .main-menu-two ul>li>a{padding:10px 8px!important}
  header .main-header-two .main-menu-two .index2-inner-ul .sideline{margin-left:16px}
}
@media(min-width:992px) and (max-width:1299px){
  header .main-header-two .main-menu-two ul>li>a{padding:10px 6px!important;font-size:14px;gap:4px}
  header .main-header-two .veloura-brand-logo{width:130px!important}
  header .main-header-two .main-menu-two>ul{padding-left:10px!important;padding-right:0!important}
  header .main-header-two .main-menu-two .index2-inner-ul .sideline{margin-left:10px}
  header .main-header-two .main-menu-two .index2-inner-ul>li:has(.sidebar-toggle){display:none!important}
}
/* Home 4: keep menu, search and avatar on one row. */
header .main-header-four .menuBtn-2 img{width:48px;height:48px!important;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 4px 14px rgba(250,36,86,.25)}
@media(min-width:992px){
  header .main-header-four>.container>.row{flex-wrap:nowrap}
  header .main-header-four>.container>.row>.col-lg-2{flex:0 0 auto;width:auto}
  header .main-header-four>.container>.row>.col-lg-10{flex:1 1 0;width:auto;min-width:0}
  header .main-header-four .main-menu{flex-wrap:nowrap;justify-content:space-between;padding-left:20px}
  header .main-header-four .main-menu>ul{flex-wrap:nowrap!important}
  header .main-header-four .main-menu>ul>li>a{padding:10px 9px;white-space:nowrap}
  header .main-header-four .index2-inner-ul{display:flex;align-items:center;gap:14px;flex-wrap:nowrap}
  header .main-header-four .search-box-4 .ind4-search-btn{width:170px!important}
  header .main-header-four .veloura-brand-logo{width:150px!important}
}
@media(min-width:992px) and (max-width:1199px){
  header .main-header-four .main-menu>ul>li>a{padding:10px 4px;font-size:13px;gap:3px}
  header .main-header-four .main-menu{padding-left:12px}
  header .main-header-four .index2-inner-ul>li:has(.search-box-4){display:none!important}
  header .main-header-four .veloura-brand-logo{width:130px!important}
}
@media(min-width:992px){header .main-header-two .menuBtn-2{color:#fff!important}}
header .main-header-four .index2-inner-ul>li,header .main-header-four .index2-inner-ul .menuBtn-2{flex-shrink:0}
header .main-header-four .menuBtn-2 img{min-width:48px;max-width:none}
@media(min-width:1200px) and (max-width:1399px){header .main-header-four .main-menu>ul>li>a{padding:10px 6px;font-size:15px;gap:5px}header .main-header-four .search-box-4 .ind4-search-btn{width:130px!important}}
/* Closed off-canvas panel must not widen the page or receive keyboard focus. */
.right-sidebar:not(.open){visibility:hidden;pointer-events:none}
.right-sidebar{max-width:100vw;overflow:hidden auto}
svg.circle{max-width:100%;height:auto}
/* Home 4 hero: portrait sits exactly on the circle painted in the cover-scaled background (1920x1119 artwork, circle r=268 at 971,701). */
.top-main-wrapper{--u:max(100vw / 1920,1217px / 1119)}
.veloura-ind4-portrait{position:absolute;left:calc(50% + -246.5 * var(--u));top:calc(50% + -117 * var(--u));width:calc(516 * var(--u));height:calc(516 * var(--u));border-radius:50%;overflow:hidden;pointer-events:none;box-shadow:0 30px 70px rgba(250,36,86,.25)}
.veloura-ind4-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
@media(max-width:991px){#cssmenu .veloura-admin-menu>a{color:#fff!important;text-decoration:underline;text-underline-offset:5px}}
/* Dark mode: the header bar and logo follow the theme. */
body.dark header .main-header:not(.main-header-two,.main-header-four),body.dark header .main-header-three{background:#111!important}
body.dark header .main-header-four .veloura-brand-logo,body.dark header .main-header:not(.main-header-two) .main-header-logo .veloura-brand-logo,body.dark header .main-header-logo-3 .veloura-brand-logo,body.dark footer .veloura-brand-logo{content:url("../images/veloura-logo-light.svg")}
body.dark .veloura-admin-menu>a{color:#ff5c82!important}
.top-main-wrapper{overflow-x:clip}
@media(min-width:1100px) and (max-width:1199px){.ind4-about-wrapper .ind4-about-box-2 .detail-about-box{width:620px}}
/* Home 1 app section: landscape crop so the photo matches the text block height. */
.mobile-app-section .mobile-img img{width:100%;aspect-ratio:4/3;height:auto!important;object-fit:cover;object-position:center 60%}
/* Oversized single photos: cap height with a crop instead of the full portrait. */
.dating-wrapper-2 .dating-img{width:100%;aspect-ratio:4/3;height:auto!important;object-fit:cover;object-position:center 35%}
.dating-wrapper-2>.container>.row{align-items:center!important}
.tab-one-img img{width:100%;aspect-ratio:4/3;height:auto!important;object-fit:cover}
.tab-two-img img{width:100%;aspect-ratio:3/4;height:auto!important;object-fit:cover}
.profile-box .profile-img img[data-pexels-id]{width:100%;aspect-ratio:4/5;height:auto!important;object-fit:cover;object-position:center top}
.dating-wrapper-2 .dating-content .detail-box p{line-height:1.3;margin-bottom:0}.dating-wrapper-2 .dating-content .detail-box h5{margin-top:22px}

/* Icon-font glyphs in pseudo-elements (no font file ships) -> inline SVG masks. */
.blog-page .sidepannal .pannal-box .pannal-content .custum-select .dropdown::before{content:""!important;display:inline-block;width:16px;height:16px;vertical-align:-3px;-webkit-text-fill-color:initial;background:linear-gradient(to right,#fa2456,#fd735a);-webkit-mask:var(--vi) center/contain no-repeat;mask:var(--vi) center/contain no-repeat}
.blog-page .sidepannal .pannal-box .pannal-content .custum-select .dropdown:hover::before,.blog-page .sidepannal .pannal-box .pannal-content .custum-select .dropdown:focus::before,.blog-page .sidepannal .pannal-box .pannal-content .custum-select .dropdown.open::before{background:#fff}
.blog-page .sidepannal .pannal-box .pannal-content .custum-select.your-gender{--vi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c0-4 4-6 8-6s8 2 8 6'/%3E%3C/svg%3E")}
.blog-page .sidepannal .pannal-box .pannal-content .custum-select.male{--vi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20.5 4.6 13.3a4.9 4.9 0 0 1 7.4-6.4 4.9 4.9 0 0 1 7.4 6.4Z'/%3E%3C/svg%3E")}
.blog-page .sidepannal .pannal-box .pannal-content .custum-select.age{--vi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M3 10h18M8 3v4M16 3v4'/%3E%3C/svg%3E")}
.blog-page .sidepannal .pannal-box .pannal-content .custum-select.country{--vi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s7-7.2 7-12a7 7 0 0 0-14 0c0 4.8 7 12 7 12Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
.blog-page .sidepannal .pannal-box .pannal-content .custum-select.interests{--vi:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 3 2.8 5.8 6.2.9-4.5 4.4 1 6.2-5.5-2.9-5.5 2.9 1-6.2L3 9.7l6.2-.9Z'/%3E%3C/svg%3E")}
.accordion3-wrapper .accordion-item .accordion-header button:after{content:""!important;width:14px;height:14px;margin:0 auto;background:#111;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 6 6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
body.dark .accordion3-wrapper .accordion-item .accordion-header button:after{background:#fff}
.accordion3-wrapper .accordion-item .accordion-header button:after{margin:0 0 0 auto!important;flex-shrink:0}
.main-profile .profile-content .profile-details .profile-img img{width:100%;height:100%!important;aspect-ratio:1;object-fit:cover;object-position:center top;display:block}
@media(max-width:767px){.top-main-wrapper .main-title h1{line-height:1.25!important}}