@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
/*
 * Alvea Yachts — Yacht Sales unified CSS
 * Single stylesheet for both Joomla pages.
 * Add .page-list to the Sales List page wrapper and .page-one to the Yacht Detail page wrapper.
 * Example: <div class="page-list">...</div> / <div class="page-one">...</div>
 * All visual rules are namespaced to avoid leaking into other Joomla pages.
 */

/* ============================================================
   PAGE-LIST — source mock-up styles
   ============================================================ */

    .page-list{--navy:#071a2d;--navy2:#0d2944;--blue:#1d577f;--sea:#357ba4;--ice:#edf3f6;--ink:#132233;--muted:#637180;--line:#dbe3e8;--white:#fff;--sand:#c5a878;--shadow:0 18px 50px rgba(7,26,45,.10)}
    .page-list *{box-sizing:border-box} .page-list{scroll-behavior:smooth} .page-list{margin:0;color:var(--ink);background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.55} .page-list img{display:block;max-width:100%} .page-list a{color:inherit;text-decoration:none} .page-list button,
.page-list select,
.page-list input{font:inherit}.page-list .container{width:min(1180px,calc(100% - 40px));margin:auto}
    .page-list .topline{background:var(--navy);color:#c8d4dd;font-size:12px;letter-spacing:.06em}.page-list .topline .container{height:34px;display:flex;align-items:center;justify-content:space-between}.page-list .topline a{color:#fff}.page-list .header{height:92px;background:rgba(255,255,255,.98);display:flex;align-items:center;border-bottom:1px solid rgba(7,26,45,.08);position:relative;z-index:10}.page-list .header-row{display:flex;align-items:center;justify-content:space-between;gap:32px}.page-list .logo img{width:122px;height:auto;filter:brightness(.42) contrast(1.25)}.page-list .nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.page-list .nav a{padding:10px 0;position:relative}.page-list .nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--sea)}.page-list .nav .contact-link{background:var(--navy);color:white;padding:12px 18px}.page-list .menu-btn{display:none;border:0;background:none;font-size:25px;color:var(--navy)}
    .page-list .hero{min-height:420px;position:relative;color:#fff;background:linear-gradient(90deg,rgba(5,20,35,.88) 0%,rgba(5,20,35,.62) 49%,rgba(5,20,35,.10) 100%),url("assets/hero-ferretti.jpg") center 52%/cover no-repeat;display:flex;align-items:center}.page-list .hero-content{max-width:730px;padding:42px 0 92px}.page-list .breadcrumbs{display:flex;gap:9px;align-items:center;color:#c4d2dc;font-size:12px;margin-bottom:20px}.page-list .breadcrumbs a:hover{color:#fff}.page-list .breadcrumbs span:last-child{color:#fff}.page-list .eyebrow{display:flex;align-items:center;gap:12px;color:#d8e8f0;text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:700}.page-list .eyebrow:before{content:"";width:38px;height:1px;background:var(--sand)}.page-list h1,
.page-list h2,
.page-list h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;margin:0;color:var(--navy)}.page-list h1{color:#fff;font-size:clamp(36px,4.6vw,56px);line-height:1.06;letter-spacing:-.025em;margin:13px 0 17px}.page-list .hero p{max-width:660px;font-size:17px;line-height:1.62;color:#f3f6f8;margin:0}.page-list .hero-actions{display:flex;gap:12px;margin-top:23px}.page-list .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 23px;border:1px solid transparent;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800;cursor:pointer;transition:.2s}.page-list .btn-primary{background:var(--white);color:var(--navy)}.page-list .btn-primary:hover{background:var(--ice)}.page-list .btn-ghost{border-color:rgba(255,255,255,.65);color:#fff;background:rgba(7,26,45,.12)}.page-list .btn-dark{background:var(--navy);color:#fff}.page-list .btn-outline{border-color:#a7b5bf;color:var(--navy);background:#fff}
    .page-list .search-wrap{margin-top:-58px;position:relative;z-index:4}.page-list .search-panel{background:#fff;box-shadow:var(--shadow);padding:22px 28px 24px;border-top:3px solid var(--sea)}.page-list .search-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.page-list .search-heading h2{font-size:25px}.page-list .search-heading span{font-size:13px;color:var(--muted)}

/*.page-list .filters{display:grid;grid-template-columns:1fr repeat(4,1fr);gap:12px}*/
/*
.page-list .filters-row-1 {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 12px;
}

.page-list .filters-row-2 {
    padding-top:12px;
	display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 12px;
    width: 100%;
    min-width: 0;
}
*/

.page-list .field{position:relative}.page-list .field label{display:block;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#1f2933;margin:0 0 6px 2px}.page-list .field input,
.page-list .field select{width:100%;height:49px;border:1px solid var(--line);background:#fff;color:var(--ink);padding:0 14px;border-radius:0;outline:none}.page-list .field input:focus,
.page-list .field select:focus{border-color:var(--sea);box-shadow:0 0 0 2px rgba(53,123,164,.12)}/*.page-list .search-actions{display:flex;align-items:end;gap:10px;grid-column:span 2}*/.page-list .search-btn,
.page-list .reset-btn{height:49px;min-width:126px;flex:1}.page-list .reset-btn{background:#fff;color:var(--navy);border:1px solid var(--line);cursor:pointer}
    .page-list .stats{border-bottom:1px solid var(--line);padding:26px 0}.page-list .stat-row{display:grid;grid-template-columns:repeat(3,1fr);max-width:720px;margin:auto}.page-list .stat{text-align:center;border-right:1px solid var(--line)}.page-list .stat:last-child{border:0}.page-list .stat strong{display:block;font-family:Georgia,serif;font-size:27px;color:var(--navy);font-weight:400}.page-list .stat span{font-size:11px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}
    .page-list section{padding:2px 0}.page-list .section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;}.page-list .section-head .copy{max-width:960px}.page-list .kicker{color:var(--sea);font-size:11px;font-weight:800;letter-spacing:.17em;text-transform:uppercase;margin-bottom:10px}.page-list .section-head h2{font-size:clamp(32px,4vw,44px);line-height:1.12}.page-list .section-head p{color:var(--muted);margin:13px 0 0;font-size:16px}.page-list .text-link{font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--navy);border-bottom:1px solid var(--navy);padding-bottom:5px;white-space:nowrap}
    .page-list .categories{padding-top:74px}.page-list .category-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.page-list .category{min-height:280px;position:relative;overflow:hidden;color:#fff;background:#0b2035}.page-list .category img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.page-list .category:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,20,35,.84),rgba(5,20,35,.08) 75%)}.page-list .category-content{position:absolute;z-index:2;left:28px;right:28px;bottom:25px;display:flex;align-items:end;justify-content:space-between}.page-list .category h3{color:#fff;font-size:30px}.page-list .category p{margin:3px 0 0;color:#d5e0e7;font-size:13px}.page-list .category .arrow{width:43px;height:43px;border:1px solid rgba(255,255,255,.55);display:grid;place-items:center;font-size:20px}.page-list .category:hover img{transform:scale(1.04)}
    .page-list .inventory{background:#f4f7f8}.page-list .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.page-list .card{background:#fff;border:1px solid #e0e7eb;transition:.25s;position:relative}.page-list .card:hover{transform:translateY(-3px);box-shadow:0 15px 36px rgba(7,26,45,.10)}.page-list .card-media{height:220px;position:relative;overflow:hidden;background:#dce5ea}.page-list .card-media a{display:block;width:100%;height:100%}.page-list .card-media img{width:100%;height:100%;object-fit:cover;transition:.45s}.page-list .card:hover .card-media img{transform:scale(1.025)}.page-list .tag{position:absolute;left:16px;top:16px;background:rgba(7,26,45,.94);color:#fff;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:8px 10px}.page-list .card-body{padding:21px 21px 20px}.page-list .ref{font-size:10px;color:#82909b;letter-spacing:.12em;text-transform:uppercase}.page-list .card h3{font-size:23px;line-height:1.2;margin:7px 0 13px}.page-list .card h3 a{color:inherit}.page-list .facts{display:grid;grid-template-columns:repeat(2,1fr);gap:9px 12px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.page-list .fact{font-size:12px;color:var(--muted)}.page-list .fact strong{display:block;color:var(--ink);font-size:13px}.page-list .price-row{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.page-list .price{font-family:Georgia,serif;font-size:21px;color:var(--navy)}.page-list .view{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--sea)}.page-list .empty{display:none;background:#fff;border:1px solid var(--line);padding:42px;text-align:center;grid-column:1/-1}.page-list .empty strong{display:block;font-family:Georgia,serif;font-size:25px;color:var(--navy);margin-bottom:8px}
    .page-list .support{background:var(--navy);color:#fff}.page-list .support-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:76px;align-items:start}.page-list .support h2{color:#fff;font-size:42px;line-height:1.15;margin-bottom:18px}.page-list .support .lead{color:#d7e0e7;font-size:17px;line-height:1.75}.page-list .support-points{border-top:1px solid rgba(255,255,255,.2)}.page-list .support-point{display:grid;grid-template-columns:40px 1fr;gap:15px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.18)}.page-list .support-point b{font-family:Georgia,serif;color:var(--sand);font-weight:400;font-size:19px}.page-list .support-point strong{display:block;color:#fff;font-size:14px;margin-bottom:3px}.page-list .support-point span{color:#aebdca;font-size:13px}
    .page-list .guides{padding-bottom:70px}.page-list .guide-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.page-list .guide{background:#fff;padding:27px 23px;min-height:190px;display:flex;flex-direction:column}.page-list .guide small{color:var(--sea);font-weight:800;letter-spacing:.11em;text-transform:uppercase}.page-list .guide h3{font-size:21px;line-height:1.28;margin:14px 0 18px}.page-list .guide a{margin-top:auto;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--sea)}
    .page-list .contact{background:var(--ice);padding:64px 0}.page-list .contact-box{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.page-list .contact h2{font-size:39px}.page-list .contact p{color:var(--muted);max-width:670px;margin:12px 0 0}.page-list .contact-actions{display:flex;gap:10px}.page-list .broker{margin-top:17px;font-size:13px;color:var(--navy)}.page-list .broker strong{display:block;font-size:15px}
    .page-list footer{background:#041321;color:#aebbc5;padding:50px 0 24px}.page-list .footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,.75fr);gap:45px}.page-list .footer-logo{width:96px;filter:brightness(0) invert(1);opacity:.95;margin-bottom:18px}.page-list .footer-about{font-size:13px;max-width:330px}.page-list .footer h4{color:#fff;text-transform:uppercase;letter-spacing:.11em;font-size:11px;margin:5px 0 15px}.page-list .footer-links{display:grid;gap:9px;font-size:13px}.page-list .footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px;font-size:11px;display:flex;justify-content:space-between;gap:20px}.page-list .mobile-nav{display:none}
    @media (max-width:950px){.page-list .nav{display:none}.page-list .menu-btn{display:block}.page-list .filters{grid-template-columns:1fr 1fr}.page-list .search-actions{grid-column:1/-1}.page-list .search-btn,
.page-list .reset-btn{flex:1}.page-list .cards{grid-template-columns:repeat(2,1fr)}.page-list .support-grid{grid-template-columns:1fr;gap:35px}.page-list .guide-grid{grid-template-columns:1fr 1fr}.page-list .footer-grid{grid-template-columns:1fr 1fr}.page-list .mobile-nav.open{display:grid;position:absolute;top:92px;left:0;right:0;background:#fff;padding:20px;gap:13px;box-shadow:var(--shadow);font-size:13px;font-weight:700;text-transform:uppercase}}
    @media (max-width:650px){.page-list .container{width:min(100% - 28px,1180px)}.page-list .topline{display:none}.page-list .header{height:76px}.page-list .logo img{width:100px}.page-list .mobile-nav.open{top:76px}.page-list .hero{min-height:500px;background-position:58% center}.page-list .hero-content{padding:38px 0 108px}.page-list .breadcrumbs{margin-bottom:14px}.page-list .hero p{font-size:16px}.page-list .hero-actions{flex-direction:column;align-items:stretch}.page-list .search-wrap{margin-top:-70px}.page-list .search-panel{padding:18px 16px}.page-list .search-heading{display:block}.page-list .search-heading span{display:block;margin-top:5px}.page-list .filters{grid-template-columns:1fr}.page-list .search-actions{grid-column:auto}.page-list .stats{padding:22px 0}.page-list .stat strong{font-size:23px}.page-list section{padding:62px 0}.page-list .section-head{display:block}.page-list .section-head .text-link{display:inline-block;margin-top:18px}.page-list .category-grid,
.page-list .cards,
.page-list .guide-grid,
.page-list .footer-grid{grid-template-columns:1fr}.page-list .category{min-height:245px}.page-list .card-media{height:235px}.page-list .support h2,
.page-list .contact h2{font-size:34px}.page-list .contact-box{grid-template-columns:1fr}.page-list .contact-actions{flex-direction:column}.page-list .footer-bottom{display:block}.page-list .footer-bottom span{display:block;margin-top:7px}}
  
    .page-list{--navy:#102a3a;--navy2:#0b202c;--sea:#356b87;--ice:#f2f5f5;--ink:#15242d;--muted:#5d6a70;--line:#d9e0e2;--sand:#bba483;--shadow:0 20px 55px rgba(10,37,50,.10)}
    .page-list{font-family:Inter,"Helvetica Neue",Arial,sans-serif;line-height:1.65}.page-list .container{width:min(1240px,calc(100% - 64px))}
    .page-list .topline{background:var(--navy2);color:#dfe8eb;letter-spacing:.025em}.page-list .header{background:#fff;border-bottom:1px solid #e8edef}.page-list .logo{width:148px;height:76px;display:flex;align-items:center}.page-list .logo img{width:148px;filter:none}.page-list .nav{gap:clamp(18px,2vw,34px);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none}.page-list .nav a{padding:31px 0}.page-list .nav a.active:after{background:var(--navy)}.page-list .nav .contact-link{background:#fff;color:var(--navy);border:1px solid var(--navy);padding:11px 20px}.page-list .nav .contact-link:hover{background:var(--navy);color:#fff}
    .page-list .hero{min-height:390px;color:var(--ink);background:linear-gradient(90deg,#f9fbfb 0%,#f9fbfb 48%,rgba(249,251,251,.12) 65%),url("assets/ferretti-550-hero.webp") right 58%/58% 100% no-repeat}.page-list .hero-content{max-width:650px;padding:42px 0 93px}.page-list .breadcrumbs{color:#738188;margin-bottom:24px}.page-list .breadcrumbs span:last-child{color:var(--ink)}.page-list .eyebrow{color:#61727b;font-weight:600}.page-list .eyebrow:before{display:none}.page-list h1,
.page-list h2,
.page-list h3{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-weight:500;color:var(--navy2)}.page-list h1{color:var(--navy2);font-size:clamp(37px,3.65vw,52px);line-height:1.08;letter-spacing:-.043em}.page-list .hero p{max-width:575px;font-size:16px;line-height:1.72;color:#53636b}.page-list .hero-actions{display:none}.page-list .search-wrap{margin-top:-54px}.page-list .stats,
.page-list .categories{display:none!important}
    .page-list .btn{font-weight:600;letter-spacing:0;text-transform:none}.page-list .section-head h2{font-size:clamp(32px,3.5vw,46px);letter-spacing:-.033em}.page-list .kicker{color:#61727b;font-weight:600}.page-list .text-link{font-size:13px;font-weight:600;letter-spacing:0;text-transform:none}.page-list .inventory{background:#fff;padding-top:72px}.page-list .catalogue-tools{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:0 0 25px;border-bottom:1px solid var(--line);margin-bottom:32px}.page-list .result-count{color:var(--muted);font-size:14px}.page-list .result-count strong{color:var(--navy);font-weight:600}.page-list .tool-group{display:flex;align-items:end;gap:10px}.page-list .sort-field{display:grid;gap:4px}.page-list .sort-field label{color:#6a777d;text-transform:uppercase;letter-spacing:.1em;font-size:9px;font-weight:600}.page-list .sort-field select{height:42px;border:1px solid var(--line);background:#fff;padding:0 12px;min-width:180px}.page-list .cards{gap:24px}.page-list .card{border-color:var(--line)}.page-list .card h3{font-size:21px}.page-list .price{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:18px;font-weight:600}.page-list .view{font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--navy)}
    .page-list .pagination{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:42px}.page-list .pagination a,
.page-list .pagination span{min-width:39px;height:39px;display:grid;place-items:center;border:1px solid var(--line);font-size:12px}.page-list .pagination .current{background:var(--navy);color:#fff;border-color:var(--navy)}
    .page-list .support{background:var(--navy2)}.page-list .support h2{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-weight:500;letter-spacing:-.03em}.page-list .contact{background:var(--navy);color:#dce6e9;padding:80px 0}.page-list .contact h2{color:#fff}.page-list .contact p,
.page-list .contact .broker{color:#c6d2d7}.page-list .contact .kicker{color:#9fb1b9}.page-list .contact .btn-dark{background:#fff;color:var(--navy)}.page-list .contact .btn-outline{border-color:#718892;color:#fff;background:transparent}.page-list footer{background:#f6f8f8;color:#56666d}.page-list footer h4{color:var(--navy)}.page-list .footer-logo{filter:none;opacity:1}.page-list .footer-bottom{border-color:var(--line)}
    @media (max-width:650px){.page-list .container{width:calc(100% - 32px)}.page-list .hero{min-height:470px;background:linear-gradient(0deg,rgba(249,251,251,.98) 0%,rgba(249,251,251,.96) 58%,rgba(249,251,251,.1) 100%),url("assets/ferretti-550-hero.webp") center top/100% 48% no-repeat}.page-list .hero-content{padding:190px 0 100px}.page-list .catalogue-tools{display:block}.page-list .tool-group{margin-top:16px;flex-wrap:wrap}}
  

    .page-list .hero{min-height:390px;display:grid;grid-template-columns:48% 52%;background:#f9fbfb;color:var(--ink);align-items:stretch}
    .page-list .hero-copy{display:flex;align-items:center;justify-content:flex-end;padding:42px 44px 92px max(32px,calc((100vw - 1240px)/2))}
    .page-list .hero-content{width:100%;max-width:560px;padding:0;margin:0}
    .page-list .hero-content h1{max-width:550px;font-size:clamp(36px,3.4vw,49px)}
    .page-list .hero-content p{max-width:545px;color:#53636b}
    .page-list .hero-content .hero-support{margin-top:10px;color:#314852;font-size:14px;line-height:1.6}
    .page-list .hero-visual{position:relative;min-height:390px;overflow:hidden;background:var(--navy)}
    .page-list .hero-visual img{width:100%;height:100%;object-fit:cover;object-position:58% 58%;filter:saturate(.86) contrast(1.035)}
    .page-list .hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,31,43,.1),transparent 42%),linear-gradient(0deg,rgba(5,22,31,.08),transparent 40%)}
    .page-list .search-panel{border-top:1px solid #e3e9eb}
    @media (max-width:840px){.page-list .hero{grid-template-columns:1fr}.page-list .hero-visual{order:1;min-height:52vw}.page-list .hero-copy{order:2;padding:43px 20px 88px;justify-content:center}.page-list .hero-content{max-width:680px}.page-list .search-wrap{margin-top:-43px}}
    @media (max-width:650px){.page-list .hero{min-height:auto;background:#f9fbfb}.page-list .hero-visual{min-height:64vw}.page-list .hero-copy{padding:38px 16px 82px}.page-list .hero-content h1{font-size:35px}.page-list .hero-content .hero-support{font-size:14px}}
.page-list #yacht-search .search-heading span {
    display: none;
}

.page-list #yacht-search .filters {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.page-list #yacht-search .filters-row-1 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.page-list #yacht-search .filters-row-2 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    width: 100%;
    min-width: 0;
}

.page-list #yacht-search .filters-row-3 {
     display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  align-items: end;
}

.page-list #yacht-search .field {
    position: relative;
    min-width: 0;
}

.page-list #yacht-search .field > label,
.page-list #yacht-search .range-head > label {
    display: block;
    margin: 0 0 8px 2px;
    color: #1f2933;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.page-list #yacht-search .field select,
.page-list #yacht-search .field > input {
    box-sizing: border-box;
    width: 100%;
    height: 46px;
    padding: 0 12px;
    border: 1px solid var(--line);
    border-radius: 0;
    background: #fff;
    color: var(--ink);
}

.page-list #yacht-search .field input:focus,
.page-list #yacht-search .field select:focus {
    border-color: var(--sea);
    box-shadow: 0 0 0 2px rgba(53,123,164,.12);
    outline: none;
}


.page-list #yacht-search .range-inputs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-bottom: 22px;
}

.page-list #yacht-search .range-input {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    padding: 0;
    border: 0;
    background: transparent;
}

.page-list #yacht-search .range-input label {
    display: block;
    margin: 0 0 2px 1px;
    color: #697586;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.page-list #yacht-search .range-input input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    min-width: 0;
    height: 42px;
    padding: 0 10px;
    border: 1px solid var(--line);
    border-radius: 0;
    outline: none;
    background: #fff;
    color: var(--ink);
    font-size: 14px;
    box-shadow: none;
}

.page-list #yacht-search .range-input input:focus {
    border-color: var(--sea);
    box-shadow: 0 0 0 2px rgba(53,123,164,.12);
}

.page-list #yacht-search .range-slider {
    margin: 10px 5px 12px;
}

.page-list #yacht-search .range-value {
    min-height: 15px;
    color: #697586;
    font-size: 11px;
}

.page-list #yacht-search .length-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.page-list #yacht-search .length-heading > label {
    margin-bottom: 8px;
}

.page-list #yacht-search .length-unit {
    display: inline-flex;
    margin-bottom: 8px;
    border: 1px solid var(--line);
}

.page-list #yacht-search .unit-btn {
    min-width: 34px;
    height: 28px;
    padding: 3px 8px;
    border: 0;
    background: #fff;
    color: var(--ink);
    cursor: pointer;
}

.page-list #yacht-search .unit-btn.active {
    background: var(--navy);
    color: #fff;
}


.page-list #yacht-search .search-actions {
    display: flex;
    gap: 10px;
    min-width: 0;
}

.page-list #yacht-search .search-actions button {
    box-sizing: border-box;
    height: 46px;
    min-width: 0;
    flex: 1 1 0;
}

.page-list #yacht-search .reset-btn {
    border: 1px solid var(--line);
    background: #fff;
    color: var(--navy);
    cursor: pointer;
}

@media (max-width: 991px) {
    .page-list #yacht-search .filters-row-2 {
        gap: 14px;
    }

    .page-list #yacht-search .range-inputs {
        gap: 6px;
    }

    .page-list #yacht-search .range-input {
        padding: 7px;
    }
}

@media (max-width: 700px) {
    .page-list #yacht-search .filters-row-1,
    .page-list #yacht-search .filters-row-2,
    .page-list #yacht-search .filters-row-3 {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* REF takes half of the row */
.page-list #yacht-search .filters-row-3 .ref-field {
  min-width: 0;
}

/* Actions occupy the other half */
.page-list #yacht-search .filters-row-3 .search-actions {
  display: grid;
  grid-template-columns: 74fr 25fr;
  gap: 8px;
  min-width: 0;
  align-items: end;
}

/* Inputs and buttons fill their grid cells */
.page-list #yacht-search .filters-row-3 .ref-field input,
.page-list #yacht-search .filters-row-3 .search-actions button {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

@media (max-width: 600px) {
  .page-list #yacht-search .filters-row-3 {
    grid-template-columns: 1fr;
  }
}
/* Align each range label and value on one line */
.page-list #yacht-search .search-range > .range-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  min-height: 38px;
  margin-bottom: 12px;
}

.page-list #yacht-search .search-range > .range-head > label {
  flex: 0 0 auto;
  margin: 0;
}

/* Range value on the right */
.page-list #yacht-search .search-range > .range-head > .range-value {
  display: block;
  flex: 0 1 auto;
  margin-left: auto;
  text-align: right;
  white-space: nowrap;
  font-size: 12px;
  line-height: 1.3;
  color: #697586;
}

/* Length: label left, unit toggle middle, range right */
.page-list #yacht-search .length-heading {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
}

.page-list #yacht-search .length-heading > label {
  justify-self: start;
}

.page-list #yacht-search .length-heading .length-unit {
  justify-self: center;
  display: inline-flex;
  align-items: center;
  gap: 2px;
}

.page-list #yacht-search .length-heading > .range-value {
  justify-self: end;
  margin-left: 0;
}

/* Compact unit toggle */
.page-list #yacht-search .length-unit .unit-btn {
  padding: 4px 8px;
  border: 1px solid var(--line);
  background: #fff;
  color: var(--ink);
  font-size: 12px;
  line-height: 1.2;
  cursor: pointer;
}

.page-list #yacht-search .length-unit .unit-btn.active {
  border-color: var(--navy);
  background: var(--navy);
  color: #fff;
}



.page-list .catalogue-pagination-bar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: center;
    gap: 20px;
    width: 100%;
    padding: 22px 0;
    border-top: 1px solid #e9e9e9;
    box-sizing: border-box;
}

/* Left: result count */
.page-list .pagination-results {
    justify-self: start;
    white-space: nowrap;
}

.page-list .pagination-results .pn-result {
    color: #777;
    font-size: 12px;
    font-variant-numeric: tabular-nums;
}

/* Center: pagination */
.page-list .pagination-center {
    justify-self: center;
    min-width: 0;
}

.page-list .page-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

/* Right: page size */
.page-list .pagination-page-size {
    justify-self: end;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 9px;
    white-space: nowrap;
}

.page-list .display-label {
    color: #777;
    font-size: 12px;
}

.page-list .display-options {
    display: flex;
    align-items: center;
    gap: 7px;
}

.page-list .display-option {
    padding: 0;
    border: 0;
    background: transparent;
    color: #888;
    font-size: 12px;
    cursor: pointer;
}

.page-list .display-option:hover,
.page-list .display-option.active {
    color: #222;
}

.page-list .display-option.active {
    font-weight: 600;
}

.page-list .display-options > span {
    color: #ccc;
    font-size: 11px;
}

/* Mobile */
@media (max-width: 767px) {
    .page-list .catalogue-pagination-bar {
        grid-template-columns: 1fr auto;
        gap: 18px 10px;
    }

    .page-list .pagination-results {
        grid-column: 1;
        grid-row: 1;
    }

    .page-list .pagination-page-size {
        grid-column: 2;
        grid-row: 1;
        gap: 5px;
    }

    .page-list .pagination-center {
        grid-column: 1 / -1;
        grid-row: 2;
        justify-self: center;
    }

    .page-list .display-label {
        font-size: 11px;
    }

    .page-list .page-navigation {
        gap: 4px;
    }
}

@media (max-width: 380px) {
    .page-list .catalogue-pagination-bar {
        grid-template-columns: 1fr;
        justify-items: center;
    }

    .page-list .pagination-results,
    .page-list .pagination-page-size,
    .page-list .pagination-center {
        grid-column: 1;
        justify-self: center;
    }

    .page-list .pagination-results {
        grid-row: 1;
    }

    .page-list .pagination-center {
        grid-row: 2;
    }

    .page-list .pagination-page-size {
        grid-row: 3;
    }
}


/* ============================================================
   PAGE-ONE — source mock-up styles
   ============================================================ */

    .page-one{--navy:#19263d;--navy2:#243653;--gold:#b6a16f;--sand:#e8e0cd;--paper:#f6f5f1;--ink:#172033;--muted:#69717e;--rule:#d8dce2;--max:1240px}.page-one *{box-sizing:border-box}.page-one{scroll-behavior:smooth}.page-one{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}.page-one button,
.page-one input,
.page-one textarea{font:inherit}.page-one button{cursor:pointer}.page-one a{color:inherit}.page-one .skip{position:absolute;left:-9999px}.page-one .skip:focus{left:14px;top:12px;z-index:100;background:#fff;padding:9px 13px}
    .page-one .site-header{position:sticky;top:0;z-index:30;background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.13)}.page-one .header-inner{max-width:var(--max);height:80px;margin:auto;padding:0 28px;display:flex;align-items:center;gap:36px}.page-one .brand{display:flex;text-decoration:none;min-width:172px}.page-one .brand img{width:146px;height:auto;filter:brightness(0) invert(1)}.page-one .nav{margin-left:auto;display:flex;align-items:center;gap:27px;font-size:13px}.page-one .nav a{text-decoration:none;color:rgba(255,255,255,.82);padding:29px 0 25px;border-bottom:2px solid transparent}.page-one .nav a:hover,
.page-one .nav a:focus,
.page-one .nav .active{color:#fff;border-bottom-color:var(--sand)}.page-one .lang{font-size:12px;color:rgba(255,255,255,.65);margin-left:5px}.page-one .menu-button{display:none;margin-left:auto;border:1px solid rgba(255,255,255,.5);background:transparent;color:#fff;padding:8px 11px}
    .page-one main{min-height:70vh}.page-one .container{width:min(var(--max),100%);margin:auto;padding-left:28px;padding-right:28px}.page-one .crumbs{padding:21px 0 16px;color:var(--muted);font-size:12px}.page-one .crumbs a{text-decoration:none}.page-one .crumbs span{margin:0 8px;color:#a6adb7}.page-one h1,
.page-one h2,
.page-one h3{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-weight:400;color:var(--navy);margin-top:0}.page-one h1{font-size:clamp(36px,3.0vw,36px);line-height:1.04;letter-spacing:-.025em;margin-bottom:11px}.page-one h2{font-size:32px;line-height:1.2;margin-bottom:22px}.page-one h3{font-size:21px;line-height:1.3;margin-bottom:12px}.page-one .eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:#75684b;margin:12px 0}
    .page-one .identity{display:grid;grid-template-columns:1fr auto;align-items:end;gap:45px;padding:6px 0 27px}.page-one .identity-sub{color:var(--muted);font-size:14px}.page-one .commercial{text-align:right}.page-one .price{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:29px;color:var(--navy);line-height:1.1}.page-one .vat{margin-top:6px;font-size:13px;color:#675b42}.page-one .main-photo{position:relative;aspect-ratio:2.08/1;overflow:hidden;background:#e8ebef}.page-one .main-photo img{width:100%;height:100%;display:block;object-fit:cover}.page-one .gallery-arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:70px;border:0;background:rgba(10,21,38,.62);color:#fff;font-size:32px;transition:.2s}.page-one .gallery-arrow:hover,
.page-one .gallery-arrow:focus{background:var(--navy)}.page-one .gallery-arrow.prev{left:0}.page-one .gallery-arrow.next{right:0}.page-one .photo-tools{position:absolute;left:18px;right:18px;bottom:17px;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:13px}.page-one .photo-count,
.page-one .view-all{background:rgba(10,21,38,.78);padding:8px 12px}.page-one .view-all{border:1px solid rgba(255,255,255,.8);color:#fff}.page-one .thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-top:7px}.page-one .thumb{padding:0;border:2px solid transparent;background:#e9edf1;aspect-ratio:16/9;overflow:hidden}.page-one .thumb[aria-current="true"]{border-color:var(--navy)}.page-one .thumb img{width:100%;height:100%;display:block;object-fit:cover}
    .page-one .decision-bar{padding-top:27px;padding-bottom:46px}.page-one .facts{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:0}.page-one .fact{padding:13px;border-right:1px solid var(--rule)}.page-one .fact:first-child{padding-left:0}.page-one .fact:last-child{border-right:0}.page-one .fact dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:3px}.page-one .fact dd{margin:0;color:var(--navy);font-size:14px;font-weight:600}.page-one .listing-actions{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding-top:17px}.page-one .save{border:0;background:transparent;color:#5c6573;padding:0;font-size:13px;text-decoration:underline;text-underline-offset:4px}.page-one .reviewed{color:#777f89;font-size:12px}.page-one .cta{display:block;width:100%;padding:13px 17px;border:1px solid var(--navy);text-align:center;text-decoration:none;font-size:14px}.page-one .cta.primary{background:var(--navy);color:#fff}.page-one .cta.primary:hover,
.page-one .cta.primary:focus{background:var(--navy2)}.page-one .listing-actions .cta{width:auto;min-width:235px}.page-one .mobile-enquiry{display:none}
    .page-one .section{border-top:1px solid var(--rule);padding:58px 0}.page-one .content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.68fr);gap:86px}.page-one .intro{font-family:Inter,"Helvetica Neue",Arial,sans-serif;color:#2c374a;font-size:21px;line-height:1.62;margin:0 0 23px}.page-one .copy p{color:#3e4755;margin:0 0 18px;max-width:790px}.page-one .key-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--rule)}.page-one .key-list li{font-size:14px;padding:11px 0;border-bottom:1px solid var(--rule);display:flex;gap:9px}.page-one .key-list li::before{content:"—";color:var(--gold)}.page-one .works{margin-top:28px;padding-top:21px;border-top:2px solid var(--sand)}.page-one .works p{font-size:14px;color:#586273;margin:0}
    .page-one .broker-note{background:var(--navy);color:#fff;padding:43px 0}.page-one .broker-note-inner{display:grid;grid-template-columns:190px 1fr;gap:54px}.page-one .broker-note h2{color:#fff;margin:0}.page-one .broker-note p{font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:18px;line-height:1.65;color:rgba(255,255,255,.85);margin:0;max-width:850px}
    .page-one .specs{background:var(--paper);padding:58px 0 64px}.page-one .spec-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:23px}.page-one .spec-head h2{margin:0}.page-one .spec-head p{font-size:12px;color:var(--muted);margin:0}.page-one details{background:#fff;border-top:1px solid var(--rule);padding: 0 12px;}.page-one details:last-of-type{border-bottom:1px solid var(--rule)}.page-one summary{list-style:none;padding:18px 0;font-family:Inter,"Helvetica Neue",Arial,sans-serif;color:var(--navy);font-size:19px;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.page-one summary::-webkit-details-marker{display:none}.page-one summary::after{content:"+";font-family:Arial,sans-serif;font-size:22px;font-weight:300;margin-right:5px}.page-one details[open] summary::after{content:"−"}.page-one .spec-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px;padding:0 0 22px}.page-one .spec-row{display:grid;grid-template-columns:46% 54%;gap:10px;padding:10px 0;border-top:1px solid #eceff2;font-size:14px}.page-one .spec-row span:first-child{color:var(--muted)}.page-one .spec-row span:last-child{font-weight:600}.page-one .spec-enquiry{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-top:28px}.page-one .spec-enquiry p{margin:0;color:#525c6a;font-size:14px}.page-one .spec-enquiry .cta{width:auto;min-width:235px}
    .page-one .contact-section{padding:64px 0}.page-one .contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:75px;align-items:center}.page-one .contact-section h2{margin-bottom:14px}.page-one .contact-section p{color:#4d5664;margin:0 0 22px;max-width:700px}.page-one .contact-actions{display:flex;gap:13px;align-items:center}.page-one .contact-actions .cta{width:auto;min-width:225px}.page-one .text-link{border:0;background:transparent;text-decoration:underline;font-size:13px;text-underline-offset:4px}.page-one .contact-card{border-left:2px solid var(--sand);padding-left:28px}.page-one .contact-card .label{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:#746a53;margin-bottom:9px}.page-one .contact-card strong{display:block;color:var(--navy);font-family:Georgia,serif;font-size:20px;font-weight:400}.page-one .contact-card span,
.page-one .contact-card a{display:block;color:#5d6673;font-size:13px;margin-top:4px}.page-one .trust{margin-top:17px;font-size:12px!important;color:#727a86!important}
    .page-one .closing{border-top:1px solid var(--rule);padding:44px 0}.page-one .closing-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.page-one .closing h2{font-size:25px;margin:0 0 6px}.page-one .closing p{margin:0;color:var(--muted);font-size:14px}.page-one .closing-links{display:flex;gap:23px;white-space:nowrap}.page-one .closing-links a{font-size:13px;text-underline-offset:4px}.page-one .disclaimer{background:#f8f8f7;border-top:1px solid var(--rule);padding:29px 0}.page-one .disclaimer h2{font-family:Arial,Helvetica,sans-serif;font-size:13px;font-weight:700;margin:0 0 6px}.page-one .disclaimer p{font-size:11px;line-height:1.55;color:#747b85;margin:0;max-width:1040px}.page-one footer{background:#111b2c;color:rgba(255,255,255,.7);padding:38px 0;font-size:13px}.page-one .footer-inner{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.page-one .footer-brand{font-family:Georgia,serif;color:#fff;font-size:20px;letter-spacing:.08em;margin-bottom:7px}.page-one .footer-links{display:flex;gap:18px}.page-one .footer-links a{color:inherit}
    .page-one dialog{border:0;padding:0;max-width:none;box-shadow:0 30px 90px rgba(0,0,0,.5)}.page-one dialog::backdrop{background:rgba(4,10,20,.88)}.page-one .lightbox{width:min(1160px,94vw);background:#0c1421;color:#fff}.page-one .lightbox-top{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:13px}.page-one .dialog-close{border:0;background:transparent;color:#fff;font-size:28px;line-height:1;padding:5px 8px}.page-one .lightbox-main{display:grid;place-items:center;min-height:68vh;background:#080d15}.page-one .lightbox-main img{display:block;max-width:100%;max-height:74vh}.page-one .enquiry-dialog{width:min(650px,94vw);background:#fff;color:var(--ink);padding:31px}.page-one .enquiry-dialog h2{margin-bottom:6px}.page-one .enquiry-dialog>div>p{color:var(--muted);margin:0 0 23px}.page-one .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.page-one label{font-size:13px;color:#4e5663;display:block}.page-one label.full,
.page-one .privacy{grid-column:1/-1}.page-one input,
.page-one textarea{width:100%;margin-top:5px;border:1px solid #b9c0ca;padding:10px 11px;color:var(--ink);background:#fff}.page-one textarea{min-height:110px;resize:vertical}.page-one .privacy{display:flex;align-items:flex-start;gap:9px;font-size:12px}.page-one .privacy input{width:auto;margin-top:3px}.page-one .form-note{font-size:12px;color:var(--muted);margin-top:12px}.page-one .form-actions{display:flex;justify-content:flex-end;gap:11px;margin-top:19px}.page-one .form-actions button{padding:10px 17px;border:1px solid var(--navy);background:#fff;color:var(--navy)}.page-one .form-actions .send{background:var(--navy);color:#fff}.page-one .success{display:none;padding:25px 0 7px}.page-one .success h3{font-size:26px}.page-one .success p{color:var(--muted)}
    @media (max-width:1000px){.page-one .nav{display:none}.page-one .menu-button{display:block}.page-one .nav.open{display:flex;position:absolute;top:70px;left:0;right:0;margin:0;padding:12px 24px 20px;background:var(--navy);flex-direction:column;align-items:flex-start;gap:0}.page-one .nav.open a{padding:10px 0}.page-one .header-inner{height:70px}.page-one .main-photo{aspect-ratio:16/9}.page-one .facts{grid-template-columns:repeat(3,1fr)}.page-one .fact:nth-child(3){border-right:0}.page-one .fact:nth-child(-n/**/+3){border-bottom:1px solid var(--rule)}.page-one .content-grid{grid-template-columns:1fr;gap:42px}.page-one .broker-note-inner{grid-template-columns:1fr;gap:18px}.page-one .footer-inner{grid-template-columns:1fr}}
    @media (max-width:650px){.page-one{padding-bottom:62px}.page-one .container{padding-left:17px;padding-right:17px}.page-one .crumbs{padding-top:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-one .identity{grid-template-columns:1fr;gap:12px;padding-bottom:20px}.page-one .commercial{text-align:left}.page-one .price{font-size:26px}.page-one h1{font-size:36px}.page-one .main-photo{margin-left:-17px;margin-right:-17px;aspect-ratio:4/3}.page-one .gallery-arrow{width:40px;height:58px}.page-one .photo-tools{left:10px;right:10px;bottom:10px}.page-one .thumbs{grid-template-columns:repeat(4,1fr)}.page-one .thumb:nth-child(n/**/+5){display:none}.page-one .decision-bar{padding-top:24px;padding-bottom:38px}.page-one .facts{grid-template-columns:repeat(2,1fr)}.page-one .fact,
.page-one .fact:first-child{padding:11px 9px}.page-one .fact:nth-child(odd){padding-left:0}.page-one .fact:nth-child(2n){border-right:0}.page-one .fact:nth-child(4){border-bottom:1px solid var(--rule)}.page-one .listing-actions{grid-template-columns:1fr auto;gap:12px}.page-one .listing-actions .cta{display:none}.page-one .reviewed{grid-column:1/-1}.page-one .section,
.page-one .specs{padding:43px 0}.page-one .content-grid{gap:31px}.page-one .intro{font-size:19px}.page-one .broker-note{padding:38px 0}.page-one .broker-note p{font-size:18px}.page-one .spec-head{display:block}.page-one .spec-head p{margin-top:8px}.page-one .spec-body{grid-template-columns:1fr}.page-one .spec-enquiry{display:none}.page-one .mobile-enquiry{display:block;position:fixed;z-index:25;left:0;right:0;bottom:0;width:100%;border-left:0;border-right:0;border-bottom:0;box-shadow:0 -5px 20px rgba(15,27,47,.17)}.page-one .form-grid{grid-template-columns:1fr}.page-one .enquiry-dialog{padding:24px 19px}.page-one .footer-links{flex-wrap:wrap}}
  

/* ============================================================
   Joomla integration helpers
   ============================================================ */
.page-list img, .page-one img { max-width:100%; }
.page-list button, .page-list input, .page-list select, .page-list textarea,
.page-one button, .page-one input, .page-one select, .page-one textarea { font: inherit; }

@media (max-width: 900px) {
  .page-list .nav, .page-one .nav { gap:18px; }
}

/* =========================================================
   YACHT SALES LIST
   Pagination
   ========================================================= */

.page-list .nav-top,
.page-list .nav-bottom {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.page-list .nav-top {
    margin-top: 30px;
    margin-bottom: 12px;
}

.page-list .nav-bottom {
    margin-top: 35px;
    margin-bottom: 15px;
}


/* Pagination wrapper */

.page-list .page-navigation {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 6px;
    width: 100%;
}


/* Page buttons */

.page-list .page-navigation .btn-page,
.page-list .page-navigation .btn-page-inactive {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-width: 38px;
    height: 38px;

    padding: 0 12px;

    border-radius: 4px;

    font-size: 14px;
    line-height: 1;
    text-decoration: none;

    transition:
        background-color .2s ease,
        color .2s ease,
        border-color .2s ease,
        opacity .2s ease;
}


/* Active page */

.page-list .page-navigation .btn-page-active {
    background: #1f2933;
    color: #fff;
    border: 1px solid #1f2933;
    font-weight: 600;
}


/* Normal page */

.page-list .page-navigation a.btn-page {
    background: #fff;
    color: #1f2933;
    border: 1px solid #d9dee3;
    cursor: pointer;
}


/* Hover */

.page-list .page-navigation a.btn-page:hover {
    background: #1f2933;
    color: #fff;
    border-color: #1f2933;
    text-decoration: none;
}


/* Disabled */

.page-list .page-navigation .btn-page-inactive {
    background: #f4f5f6;
    color: #b7bcc1;
    border: 1px solid #e1e4e7;
    cursor: default;
}


/* Icons */

.page-list .page-navigation .glyphicon,
.page-list .page-navigation .icon-first {
    font-size: 12px;
    line-height: 1;
}


/* Previous / next buttons */

.page-list .page-navigation a.btn-page:first-child,
.page-list .page-navigation .btn-page-inactive:first-child {
    margin-right: 4px;
}

.page-list .page-navigation a.btn-page:last-child,
.page-list .page-navigation .btn-page-inactive:last-child {
    margin-left: 4px;
}


/* Page number input */

.page-list .view-list-page-box,
.page-list .view-list-page-box1 {
    box-sizing: border-box;

    width: 82px;
    height: 38px;

    padding: 0 6px;

    margin: 0 4px;

    border: 1px solid #d9dee3;
    border-radius: 4px;

    background: #fff;

    color: #1f2933;

    font-size: 14px;
    text-align: center;

    outline: none;

    transition:
        border-color .2s ease,
        box-shadow .2s ease;
}


.page-list .view-list-page-box:focus,
.page-list .view-list-page-box1:focus {
    border-color: #1f2933;

    box-shadow: 0 0 0 2px rgba(31, 41, 51, .08);
}


/* Result text */

.page-list .pn-result {
    display: block;

    margin-top: 10px;

    color: #777;

    font-size: 13px;
    line-height: 1.5;

    text-align: center;
}


/* =========================================================
   Display # selector
   ========================================================= */

.page-list .display-total-items {
    display: flex;
    align-items: center;
    justify-content: flex-end;

    gap: 8px;

    width: 100%;

    margin-top: 14px;
    margin-bottom: 20px;

    color: #666;
    font-size: 13px;
}


.page-list .display-total-items select,
.page-list .select-display-yachts {
    height: 36px;

    padding: 0 32px 0 10px;

    border: 1px solid #d9dee3;
    border-radius: 4px;

    background: #fff;

    color: #333;

    font-size: 13px;

    cursor: pointer;

    outline: none;
}


.page-list .display-total-items select:focus,
.page-list .select-display-yachts:focus {
    border-color: #1f2933;
}


/* =========================================================
   Mobile
   ========================================================= */

@media (max-width: 767px) {

    .page-list .nav-top {
        margin-top: 20px;
    }

    .page-list .nav-bottom {
        margin-top: 25px;
    }

    .page-list .page-navigation {
        gap: 4px;
    }

    .page-list .page-navigation .btn-page,
    .page-list .page-navigation .btn-page-inactive {
        min-width: 34px;
        height: 34px;

        padding: 0 9px;

        font-size: 13px;
    }

    .page-list .view-list-page-box,
    .page-list .view-list-page-box1 {
        width: 38px;
        height: 34px;
    }

    .page-list .pn-result {
        width: 100%;
        margin-top: 8px;
    }

    .page-list .display-total-items {
        justify-content: center;
        margin-top: 12px;
    }
}


/* =========================================================
   Very small screens
   ========================================================= */

@media (max-width: 480px) {

    .page-list .page-navigation {
        gap: 3px;
    }

    .page-list .page-navigation .btn-page,
    .page-list .page-navigation .btn-page-inactive {
        min-width: 32px;
        height: 32px;

        padding: 0 7px;

        font-size: 12px;
    }

    .page-list .view-list-page-box,
    .page-list .view-list-page-box1 {
        width: 36px;
        height: 32px;
    }

    .page-list .page-navigation a.btn-page:first-child,
    .page-list .page-navigation .btn-page-inactive:first-child,
    .page-list .page-navigation a.btn-page:last-child,
    .page-list .page-navigation .btn-page-inactive:last-child {
        margin-left: 0;
        margin-right: 0;
    }
}
.page-list .arrow-left,
.page-list .arrow-right {
    display: inline-block;
    width: 9px;
    height: 9px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
}

.page-list .arrow-left {
    transform: rotate(-135deg);
    margin-left: 3px;
}

.page-list .arrow-right {
    transform: rotate(45deg);
    margin-right: 3px;
}

.page-list .page-input-tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip */
.page-list .page-input-tooltip::after {
    content: attr(data-tooltip);

    position: absolute;
    left: 50%;
    bottom: calc(100% + 10px);

    transform: translateX(-50%);

    width: max-content;
    max-width: 240px;

    padding: 8px 11px;

    background: #222;
    color: #fff;

    border-radius: 4px;

    font-size: 12px;
    line-height: 1.4;
    font-weight: 400;

    white-space: normal;
    text-align: center;

    opacity: 0;
    visibility: hidden;

    pointer-events: none;

    transition:
        opacity .15s ease,
        visibility .15s ease;

    z-index: 9999;
}

/* Βελάκι */
.page-list .page-input-tooltip::before {
    content: "";

    position: absolute;
    left: 50%;
    bottom: calc(100% + 5px);

    transform: translateX(-50%);

    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #222;

    opacity: 0;
    visibility: hidden;

    pointer-events: none;

    transition:
        opacity .15s ease,
        visibility .15s ease;

    z-index: 10000;
}

/* Εμφάνιση */
.page-list .page-input-tooltip:hover::after,
.page-list .page-input-tooltip:hover::before {
    opacity: 1;
    visibility: visible;
}

/* No UI Slider */
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}

.page-list .search-range {
    margin-bottom: 28px;
}

.page-list .range-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 26px;
}

.page-list .range-head label {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #1f2933;
}

.page-list .range-head span {
    font-size: 13px;
    color: #777;
}

.page-list .range-slider {
    height: 4px;
    margin: 0 8px;
}

.page-list .range-slider.noUi-target {
    border: 0;
    box-shadow: none;
}

.page-list .range-slider .noUi-base {
    background: #e1e4e7;
}

.page-list .range-slider .noUi-connect {
    background: #1f2933;
}

.page-list .range-slider .noUi-handle {
    width: 18px;
    height: 18px;
    right: -9px;
    top: -7px;
    border-radius: 50%;
    border: 2px solid #1f2933;
    background: #fff;
    box-shadow: none;
    cursor: pointer;
}

.page-list .range-slider .noUi-handle::before,
.page-list .range-slider .noUi-handle::after {
    display: none;
}

.page-list .display-total-items {
    display: flex;
    align-items: center;
    gap: 6px;
}

.page-list .display-label {
    font-size: 13px;
    color: #777;
}

.page-list .display-options {
    display: flex;
    align-items: center;
    gap: 6px;
}

.page-list .display-option {
    border: 0;
    padding: 0;
    background: none;
    font-size: 13px;
    color: #777;
    cursor: pointer;
}

.page-list .display-option:hover,
.page-list .display-option.active {
    color: #1f2933;
}

.page-list .display-option.active {
    font-weight: 600;
}

.page-list .display-options span {
    color: #bbb;
}

.page-list .page-dots {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    height: 32px;
    color: #999;
    font-size: 13px;
}

/* NOT FOUND */
.yachts-not-found {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    padding: 105px 30px 115px;
    background: #fff;
}

/* Small luxury divider */
.not-found-line {
    width: 42px;
    height: 1px;
    margin: 0 auto 25px;
    background: #b9a27a;
}

/* Eyebrow */
.not-found-eyebrow {
    margin-bottom: 18px;
    font-size: 10px;
    line-height: 1;
    font-weight: 500;
    letter-spacing: 3px;
    color: #a18b68;
}

/* Main title */
.yachts-not-found h3 {
    margin: 0;
    color: #202020;
    
    font-size: 30px;
    line-height: 1.25;
    font-weight: 400;
    letter-spacing: -0.2px;
}

/* Description */
.yachts-not-found p {
    max-width: 490px;
    margin: 18px auto 32px;
    color: #8a8a8a;
    font-size: 13px;
    line-height: 1.8;
    font-weight: 300;
}

/* Luxury button */
.reset-not-found {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    height: 44px;
    padding: 0 2px;
    border: 0;
    background: transparent;
    color: #292929;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    cursor: pointer;
}

/* Bottom gold line */
.reset-not-found:after {
    content: "";
    position: absolute;
    left: 0;
    right: 28px;
    bottom: 5px;
    height: 1px;
    background: #b9a27a;
    transition: right .3s ease;
}

/* Arrow */
.reset-not-found i {
    position: relative;
    display: block;
    width: 20px;
    height: 1px;
    background: #292929;
    transition: width .3s ease;
}

.reset-not-found i:after {
    content: "";
    position: absolute;
    right: 0;
    top: -3px;
    width: 7px;
    height: 7px;
    border-top: 1px solid #292929;
    border-right: 1px solid #292929;
    transform: rotate(45deg);
}

/* Hover */
.reset-not-found:hover {
    color: #a18b68;
}

.reset-not-found:hover i {
    width: 27px;
}

.reset-not-found:hover:after {
    right: 35px;
}


/* Mobile */
@media (max-width: 767px) {

    .yachts-not-found {
        padding: 75px 20px 85px;
    }

    .yachts-not-found h3 {
        font-size: 25px;
    }

    .yachts-not-found p {
        font-size: 12px;
        max-width: 360px;
    }

}

/* YACHT GALLERY */
/* ===== Yacht Gallery ===== */

.ayg-gallery {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

/* Main image: use the full available column width */
.ayg-gallery .ayg-main {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 0 20px;
    padding: 0;
    text-align: center;
    box-sizing: border-box;
}

.ayg-gallery .ayg-main > a {
    display: block;
    width: 100%;
    max-width: 100%;
    cursor: zoom-in;
}

.ayg-gallery .ayg-main img#ayg-main-image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    max-height: none;
    object-fit: contain;
    margin: 0 auto;
}

/* Thumbnails: one horizontal, scrollable strip */
.ayg-gallery .ayg-thumbnails {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap !important;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;

    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;

    margin: 0;
    padding: 8px 2px 14px;

    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap;

    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-x: contain;
   scrollbar-width: thin;
    scrollbar-color: #344B60 #E8EAED;
}


/* Chrome, Edge, Safari */
.ayg-gallery .ayg-thumbnails::-webkit-scrollbar {
    width: 6px;
}

.ayg-gallery .ayg-thumbnails::-webkit-scrollbar-track {
    background: #E8EAED;
    border-radius: 6px;
}

.ayg-gallery .ayg-thumbnails::-webkit-scrollbar-thumb {
    background: #344B60;
    border-radius: 6px;
}

.ayg-gallery .ayg-thumbnails::-webkit-scrollbar-thumb:hover {
    background: #26394A;
}

/* Hide scrollbar arrow buttons where supported */
.ayg-gallery .ayg-thumbnails::-webkit-scrollbar-button {
    display: none;
    width: 0;
    height: 0;
}


.ayg-gallery .ayg-thumb {
    display: block !important;
    position: relative;
    flex: 0 0 110px !important;

    width: 110px !important;
    min-width: 110px !important;
    max-width: 110px !important;
    height: 78px;

    padding: 0;
    margin: 0 !important;

    border: 2px solid transparent;
    border-radius: 4px;
    background: transparent;

    overflow: hidden;
    box-sizing: border-box;
    cursor: pointer;
}

.ayg-gallery .ayg-thumb img {
    display: block;
    width: 100% !important;
    min-width: 0;
    max-width: none !important;
    height: 100% !important;
    margin: 0;
    padding: 0;
    object-fit: cover;
}

.ayg-gallery .ayg-thumb.is-active {
    border:2px solid #344B60;
	
}

.ayg-gallery .ayg-lightbox-items[hidden] {
    display: none !important;
}


@media (max-width: 600px) {
    .ayg-gallery .ayg-thumb {
        flex-basis: 82px !important;
        width: 82px !important;
        min-width: 82px !important;
        max-width: 82px !important;
        height: 60px;
    }

    .ayg-gallery .ayg-thumbnails {
        gap: 8px;
    }
}


.ayg-gallery .ayg-main {
    position: relative;
}

.ayg-gallery .ayg-main > a {
    position: relative;
    display: block;
}

.ayg-gallery .ayg-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 46px;
    height: 60px;
    padding: 0;
    margin: 0;

    border: none;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    font-size: 36px;
    line-height: 1;
    cursor: pointer;
}

.ayg-gallery .ayg-nav-prev {
    left: 10px;
}

.ayg-gallery .ayg-nav-next {
    right: 10px;
}

.ayg-gallery .ayg-nav:hover {
    background: rgba(0, 0, 0, 0.75);
}

@media (max-width: 600px) {
    .ayg-gallery .ayg-nav {
        width: 36px;
        height: 48px;
        font-size: 28px;
    }

    .ayg-gallery .ayg-nav-prev {
        left: 5px;
    }

    .ayg-gallery .ayg-nav-next {
        right: 5px;
    }
}

/* ===== Thumbnail strip with navigation arrows ===== */

.ayg-gallery .ayg-thumb-strip {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.ayg-gallery .ayg-thumb-strip .ayg-thumbnails {
    flex: 1 1 auto;
    width: 0;
    min-width: 0;
    max-width: 100%;
}

.ayg-gallery .ayg-thumb-nav {
    flex: 0 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;

    width: 32px;
    height: 42px;
    padding: 0;
    margin: 0;

    border: 0;
    border-radius: 4px;
    background: #344B60;
    color: #fff;

    font-size: 30px;
    line-height: 1;
    cursor: pointer;

    transition: background-color 0.2s ease,
                opacity 0.2s ease;
}

.ayg-gallery .ayg-thumb-nav:hover:not(:disabled) {
    background: #26394A;
}

.ayg-gallery .ayg-thumb-nav:disabled {
    opacity: 0.3;
    cursor: default;
}

.ayg-gallery .ayg-thumb-nav:focus-visible {
    outline: 2px solid #344B60;
    outline-offset: 3px;
}

@media (max-width: 600px) {
    .ayg-gallery .ayg-thumb-strip {
        gap: 5px;
    }

    .ayg-gallery .ayg-thumb-nav {
        flex-basis: 26px;
        width: 26px;
        height: 36px;
        font-size: 26px;
    }
}


/* Horizontal thumbnail navigation */
.ayg-gallery .ayg-thumb-strip {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    min-width: 0;
}

.ayg-gallery .ayg-thumb-strip .ayg-thumbnails {
    flex: 1 1 0;
    min-width: 0;
    width: 0;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth;
    scroll-snap-type: x proximity;
    touch-action: pan-x;
    overscroll-behavior-x: contain;
}

.ayg-gallery .ayg-thumb-strip .ayg-thumb {
    scroll-snap-align: start;
}

.ayg-gallery .ayg-thumb-nav {
    flex: 0 0 28px;
    width: 28px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 4px;
    background: #344B60 ;
    color: #fff;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    transition: background-color .2s ease, opacity .2s ease;
}

.ayg-gallery .ayg-thumb-nav:hover:not(:disabled) {
    background: #E8EAED;
}

.ayg-gallery .ayg-thumb-nav:disabled {
    opacity: .25;
    cursor: default;
}

.ayg-gallery .ayg-thumb-nav:focus-visible {
    outline: 2px solid #344B60;
    outline-offset: 2px;
}

@media (max-width: 600px) {
    .ayg-gallery .ayg-thumb-strip {
        gap: 4px;
    }

    .ayg-gallery .ayg-thumb-nav {
        flex-basis: 24px;
        width: 24px;
        height: 34px;
        font-size: 24px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ayg-gallery .ayg-thumb-strip .ayg-thumbnails {
        scroll-behavior: auto;
    }
}


/* ALVEA YACHTS — REQUEST FULL SPECIFICATION */

#alvea-enquiry-dialog {
  --enquiry-navy: #19263d;
  --enquiry-gold: #b6a16f;
  --enquiry-ink: #172033;
  --enquiry-muted: #69717e;
  --enquiry-line: #d8dce2;

  position: fixed;
  inset: 0;
  width: min(650px, calc(100% - 32px));
  max-width: 650px;
  max-height: calc(100% - 32px);
  margin: auto;
  padding: 34px;
  border: 1px solid rgba(25, 38, 61, 0.12);
  background: #fff;
  color: var(--enquiry-ink);
  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.28);
  overflow-y: auto;
  font-family: Inter, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.55;
}

#alvea-enquiry-dialog[open] {
  display: block;
}

#alvea-enquiry-dialog::backdrop {
  background: rgba(4, 10, 20, 0.76);
  backdrop-filter: blur(3px);
}

#alvea-enquiry-dialog *,
#alvea-enquiry-dialog *::before,
#alvea-enquiry-dialog *::after {
  box-sizing: border-box;
}

#alvea-enquiry-dialog .alvea-enquiry-close {
  position: absolute;
  top: 12px;
  right: 15px;
  width: 38px;
  height: 38px;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--enquiry-navy);
  font-size: 29px;
  font-weight: 300;
  line-height: 1;
  cursor: pointer;
}

#alvea-enquiry-dialog .alvea-enquiry-eyebrow {
  margin: 0 0 8px;
  color: #75684b;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.18em;
}

#alvea-enquiry-dialog h2 {
  margin: 0 35px 7px 0;
  color: var(--enquiry-navy);
  font-size: clamp(27px, 4vw, 34px);
  font-weight: 400;
  line-height: 1.2;
}

#alvea-enquiry-dialog .alvea-enquiry-subtitle {
  margin: 0 0 24px;
  color: var(--enquiry-muted);
  font-size: 13px;
}

#alvea-enquiry-dialog .alvea-enquiry-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

#alvea-enquiry-dialog .alvea-enquiry-grid > label {
  display: block;
  min-width: 0;
  margin: 0;
  color: #424b59;
  font-size: 12px;
  font-weight: 500;
}

#alvea-enquiry-dialog .alvea-enquiry-grid > label > span {
  color: #9b684f;
}

#alvea-enquiry-dialog .alvea-enquiry-full {
  grid-column: 1 / -1;
}

#alvea-enquiry-dialog input:not([type="checkbox"]),
#alvea-enquiry-dialog textarea,
#alvea-enquiry-dialog select{
  display: block;
  width: 100%;
  min-width: 0;
  margin: 6px 0 0;
  padding: 11px 12px;
  border: 1px solid #cbd0d8;
  border-radius: 0;
  background: #fff;
  color: var(--enquiry-ink);
  font: inherit;
  font-size: 14px;
  line-height: 1.45;
  box-shadow: none;
}

#alvea-enquiry-dialog input:not([type="checkbox"]) {
  min-height: 44px;
}

#alvea-enquiry-dialog textarea {
  min-height: 105px;
  resize: vertical;
}

#alvea-enquiry-dialog input:focus,
#alvea-enquiry-dialog textarea:focus {
  outline: 2px solid rgba(182, 161, 111, 0.45);
  outline-offset: 1px;
  border-color: var(--enquiry-gold);
}

#alvea-enquiry-dialog .alvea-enquiry-privacy {
  grid-column: 1 / -1;
  display: flex !important;
  align-items: flex-start;
  gap: 10px;
  color: #586170 !important;
  font-size: 12px !important;
  font-weight: 400 !important;
}

#alvea-enquiry-dialog .alvea-enquiry-privacy input {
  flex: 0 0 auto;
  width: 16px;
  height: 16px;
  margin: 3px 0 0;
  accent-color: var(--enquiry-navy);
}

#alvea-enquiry-dialog .alvea-enquiry-privacy span {
  color: inherit;
}

#alvea-enquiry-dialog .alvea-enquiry-note {
  margin: 12px 0 0;
  color: var(--enquiry-muted);
  font-size: 11px;
}

#alvea-enquiry-dialog .alvea-enquiry-actions {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 22px;
  padding-top: 17px;
  border-top: 1px solid #e7e9ed;
}

#alvea-enquiry-dialog .alvea-enquiry-actions button,
#alvea-enquiry-dialog .alvea-enquiry-success button {
  min-height: 44px;
  padding: 10px 19px;
  border: 1px solid var(--enquiry-navy);
  border-radius: 0;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
  transition: background 0.2s, color 0.2s;
}

#alvea-enquiry-dialog .alvea-enquiry-cancel {
  background: #fff;
  color: var(--enquiry-navy);
}

#alvea-enquiry-dialog .alvea-enquiry-submit {
  background: var(--enquiry-navy);
  color: #fff;
}

#alvea-enquiry-dialog .alvea-enquiry-cancel:hover {
  background: #f1f2f4;
}

#alvea-enquiry-dialog .alvea-enquiry-submit:hover {
  background: #243653;
}

#alvea-enquiry-dialog .alvea-enquiry-success[hidden] {
  display: none;
}

#alvea-enquiry-dialog .alvea-enquiry-success h3 {
  margin: 12px 0 8px;
  color: var(--enquiry-navy);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 29px;
  font-weight: 400;
}

#alvea-enquiry-dialog .alvea-enquiry-success p {
  margin: 0 0 22px;
  color: var(--enquiry-muted);
}

@media (max-width: 540px) {
  #alvea-enquiry-dialog {
    width: calc(100% - 24px);
    max-height: calc(100% - 24px);
    padding: 28px 20px 22px;
  }

  #alvea-enquiry-dialog .alvea-enquiry-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 13px;
  }

  #alvea-enquiry-dialog .alvea-enquiry-full,
  #alvea-enquiry-dialog .alvea-enquiry-privacy {
    grid-column: 1;
  }

  #alvea-enquiry-dialog .alvea-enquiry-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  #alvea-enquiry-dialog .alvea-enquiry-actions button {
    padding-right: 9px;
    padding-left: 9px;
  }
}