.firme-demo-page{background:#f5f8fa;color:var(--navy)}
.firme-demo-page .fd-container{width:min(1320px,calc(100% - 40px));margin:0 auto}

/* HERO – full width under the existing site header */
.fd-hero{position:relative;min-height:760px;overflow:hidden;background:#f1f6f8}
.fd-hero-bg{position:absolute;inset:0;background-image:linear-gradient(to bottom,rgba(255,255,255,.93) 0%,rgba(255,255,255,.54) 12%,rgba(255,255,255,0) 28%),linear-gradient(to right,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 26%,rgba(255,255,255,.90) 40%,rgba(255,255,255,.46) 54%,rgba(255,255,255,0) 68%),url('../images/test-hero-firme.webp');background-size:cover;background-repeat:no-repeat;background-position:center center}
.fd-hero-inner{position:relative;z-index:2;min-height:760px;display:grid;grid-template-columns:minmax(320px,590px) 1fr;gap:40px;align-items:center;padding:132px 0 72px}
.fd-kicker{display:inline-flex;align-items:center;padding:8px 14px;border-radius:999px;background:rgba(7,143,157,.09);color:var(--teal);font-size:13px;font-weight:800;letter-spacing:.02em;margin-bottom:18px}
.fd-hero h1{margin:0 0 18px;font-size:clamp(44px,5vw,68px);line-height:.98;letter-spacing:-2.8px;color:var(--navy)}
.fd-hero-copy>p{font-size:17px;line-height:1.65;color:#46586d;margin:0 0 24px;max-width:570px}
.fd-benefits{list-style:none;padding:0;margin:0 0 27px;display:grid;gap:11px}
.fd-benefits li{display:flex;align-items:center;gap:11px;font-size:15px;font-weight:650;color:#273a50}
.fd-check{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e3f4f5;color:var(--teal);font-size:13px;font-weight:900;flex:0 0 auto}
.fd-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.fd-btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:10px;padding:13px 18px;font-weight:800;font-size:14px}
.fd-btn-main{background:linear-gradient(135deg,var(--teal),#087987);color:#fff;box-shadow:0 10px 24px rgba(7,143,157,.18)}
.fd-btn-soft{background:#fff;color:var(--teal2);border:1px solid #d9e7eb}
.fd-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:580px}
.fd-meta>div{background:rgba(255,255,255,.78);border:1px solid rgba(219,230,238,.95);border-radius:15px;padding:13px 14px;box-shadow:0 10px 28px rgba(17,35,63,.05)}
.fd-meta strong{display:block;font-size:17px;color:var(--navy);margin-bottom:3px}.fd-meta small{font-size:11.5px;color:#68788c;line-height:1.35}

/* shared sections */
.fd-section{padding:66px 0}
.fd-section:nth-of-type(even){background:#fff}
.fd-section-head{margin-bottom:28px}.fd-section-head h2{font-size:clamp(30px,3vw,42px);letter-spacing:-1.3px;line-height:1.08;margin:0 0 9px;color:var(--navy)}.fd-section-head p{font-size:15px;line-height:1.6;color:#68788c;margin:0;max-width:830px}
.fd-badges{position:absolute;top:16px;left:16px;z-index:2;display:flex;gap:8px;flex-wrap:wrap}.fd-badge{display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;font-size:11px;font-weight:850;box-shadow:0 7px 18px rgba(17,35,63,.08)}.fd-badge-num{background:var(--navy);color:#fff}.fd-badge-ok{background:rgba(255,255,255,.95);color:#11806f;border:1px solid rgba(17,128,111,.14)}
.fd-rating{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:750;color:#718095}.fd-star{color:#f0af00}
.fd-tags{display:flex;gap:8px;flex-wrap:wrap}.fd-tag{padding:7px 10px;border:1px solid #e1e9ee;background:#f7fafb;border-radius:10px;font-size:11px;font-weight:750;color:#29415a}
.fd-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.fd-list li{font-size:12.5px;line-height:1.42;color:#3d5065}.fd-list li::before{content:'✓';color:var(--teal);font-weight:900;margin-right:7px}
.fd-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}.fd-card-actions .fd-btn{padding:11px 10px;font-size:12px}

/* vertical – image top */
.fd-vertical-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.fd-vcard{background:#fff;border:1px solid #e0e9ee;border-radius:22px;overflow:hidden;box-shadow:0 18px 45px rgba(17,35,63,.07);display:flex;flex-direction:column;min-height:650px}
.fd-vimage-top{position:relative;min-height:315px;background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 55%,rgba(255,255,255,.65) 76%,rgba(255,255,255,1) 100%),url('../images/test-hero-firme.webp');background-size:cover;background-position:center right}
.fd-vcontent{padding:22px 22px 21px;display:flex;flex-direction:column;gap:14px;flex:1}.fd-vcontent h3{font-size:28px;line-height:1.04;letter-spacing:-.7px;margin:0;color:var(--navy)}.fd-vcontent p{font-size:13px;line-height:1.55;color:#627286;margin:0}

/* vertical – image bottom */
.fd-vimage-bottom{position:relative;min-height:300px;margin-top:auto;background-image:linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(255,255,255,.6) 18%,rgba(255,255,255,0) 40%),url('../images/test-hero-firme.webp');background-size:cover;background-position:center right}

/* horizontal full width */
.fd-full-stack{display:grid;gap:22px}.fd-full-card{background:#fff;border:1px solid #e0e9ee;border-radius:22px;overflow:hidden;box-shadow:0 18px 45px rgba(17,35,63,.07);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);min-height:320px}.fd-full-image{position:relative;background-image:linear-gradient(to right,rgba(255,255,255,0) 54%,rgba(255,255,255,.7) 80%,rgba(255,255,255,1) 100%),url('../images/test-hero-firme.webp');background-size:cover;background-position:center right}.fd-full-content{padding:32px;display:flex;flex-direction:column;gap:14px;justify-content:center}.fd-full-content h3{font-size:32px;line-height:1.05;letter-spacing:-.8px;margin:0;color:var(--navy)}.fd-full-content p{font-size:14px;line-height:1.6;margin:0;color:#637489}.fd-full-actions{display:flex;gap:10px;flex-wrap:wrap}

/* 10 horizontal cards – two columns */
.fd-hgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.fd-hcard{background:#fff;border:1px solid #e0e9ee;border-radius:20px;overflow:hidden;box-shadow:0 16px 40px rgba(17,35,63,.07);display:grid;grid-template-columns:42% 58%;min-height:300px}.fd-hcard.fd-image-right{grid-template-columns:58% 42%}.fd-hcard.fd-image-right .fd-himage{order:2}.fd-hcard.fd-image-right .fd-hcontent{order:1}.fd-himage{position:relative;background-size:cover;background-position:center right}.fd-image-left .fd-himage{background-image:linear-gradient(to right,rgba(255,255,255,0) 45%,rgba(255,255,255,.55) 72%,rgba(255,255,255,1) 100%),url('../images/test-hero-firme.webp')}.fd-image-right .fd-himage{background-image:linear-gradient(to left,rgba(255,255,255,0) 45%,rgba(255,255,255,.55) 72%,rgba(255,255,255,1) 100%),url('../images/test-hero-firme.webp')}.fd-hcontent{padding:21px;display:flex;flex-direction:column;gap:10px}.fd-hcontent h3{font-size:21px;line-height:1.08;letter-spacing:-.45px;margin:0;color:var(--navy)}.fd-hcontent p{font-size:12px;line-height:1.52;margin:0;color:#6b798c}.fd-hcontent .fd-list li{font-size:11.5px}.fd-hcontent .fd-card-actions{margin-top:auto}
.fd-note{margin-top:26px;background:#fff;border:1px dashed #cbd9e0;border-radius:14px;padding:14px 16px;color:#718095;font-size:12px;line-height:1.5}

@media(max-width:1080px){.fd-vertical-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fd-hgrid{grid-template-columns:1fr}.fd-hero-inner{grid-template-columns:1fr;min-height:720px}.fd-hero-copy{max-width:620px}}
@media(max-width:760px){
 .firme-demo-page .fd-container{width:calc(100% - 30px)}
 .fd-hero{min-height:auto;background:#fff}
 .fd-hero-bg{background-position:73% center;background-image:linear-gradient(to bottom,rgba(255,255,255,.99) 0%,rgba(255,255,255,.98) 36%,rgba(255,255,255,.82) 49%,rgba(255,255,255,.30) 66%,rgba(255,255,255,0) 80%),url('../images/test-hero-firme.webp')}
 .fd-hero-inner{display:block;min-height:760px;padding:110px 0 28px}
 .fd-hero h1{font-size:41px;letter-spacing:-1.6px;margin-top:4px}.fd-hero-copy>p{font-size:15.5px}
 .fd-meta{grid-template-columns:1fr}.fd-actions{display:grid}.fd-actions .fd-btn{width:100%}
 .fd-section{padding:44px 0}.fd-vertical-grid{grid-template-columns:1fr}
 .fd-full-card,.fd-hcard,.fd-hcard.fd-image-right{grid-template-columns:1fr}.fd-full-image,.fd-himage{min-height:260px;order:0!important}.fd-full-content,.fd-hcontent{order:1!important}
 .fd-image-left .fd-himage,.fd-image-right .fd-himage{background-image:linear-gradient(to bottom,rgba(255,255,255,0) 52%,rgba(255,255,255,.68) 79%,rgba(255,255,255,1) 100%),url('../images/test-hero-firme.webp')}
 .fd-vimage-top,.fd-vimage-bottom{min-height:280px}
}

/* =========================================================
   20 EXTRA CARD CONCEPTS – /firme demo laboratory
   ========================================================= */
.fdx-lab-section{background:#eef3f6!important;border-top:1px solid #dce6eb}
.fdx-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;align-items:stretch}
.fdx-card{position:relative;background:#fff;border:1px solid #dfe8ed;border-radius:20px;overflow:hidden;box-shadow:0 15px 38px rgba(17,35,63,.07);min-width:0;transition:transform .2s ease,box-shadow .2s ease}
.fdx-card:hover{transform:translateY(-2px);box-shadow:0 20px 44px rgba(17,35,63,.10)}
.fdx-number{position:absolute;top:10px;left:10px;z-index:12;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#102f57;color:#fff;font-size:11px;font-weight:900;box-shadow:0 7px 16px rgba(16,47,87,.22)}
.fdx-body{padding:20px;display:flex;flex-direction:column;gap:11px}
.fdx-body.centered{text-align:center;align-items:center}
.fdx-card h3{margin:0;color:#102f57;font-size:21px;line-height:1.08;letter-spacing:-.45px}
.fdx-card p{margin:0;color:#65778b;font-size:12.5px;line-height:1.52}
.fdx-mini{font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:#078f9d;font-weight:850}
.fdx-pill{display:inline-flex;align-items:center;width:max-content;padding:6px 9px;border-radius:999px;background:#102f57;color:#fff;font-size:10px;font-weight:850}
.fdx-pill.light{background:#e5f4f5;color:#087987}
.fdx-services{display:flex;gap:7px;flex-wrap:wrap}.fdx-services span{font-size:10px;font-weight:750;padding:6px 8px;background:#f4f8fa;border:1px solid #e2eaee;border-radius:8px;color:#36516c}
.fdx-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:4px}.fdx-buttons a,.fdx-wide-btn,.fdx-cta-big{display:flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #dce6eb;border-radius:10px;padding:10px 11px;color:#087987;font-size:11px;font-weight:850;background:#fff}.fdx-buttons a.primary,.fdx-wide-btn,.fdx-cta-big{background:linear-gradient(135deg,#078f9d,#087987);border-color:transparent;color:#fff}.fdx-link{color:#078f9d;text-decoration:none;font-size:11px;font-weight:850}.fdx-wide-btn{width:100%}.fdx-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}

/* slider shared */
.fdx-slider{position:relative;height:210px;overflow:hidden;background:#dfe8ed}
.fdx-slider-tall{height:310px}.fdx-slider-full{height:390px}.fdx-slider-soft{height:230px}
.fdx-track{display:flex;height:100%;transition:transform .42s cubic-bezier(.22,.61,.36,1);will-change:transform}
.fdx-slide{flex:0 0 100%;height:100%}.fdx-slide img{width:100%;height:100%;display:block;object-fit:cover}
.fdx-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;border:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);color:#102f57;font-size:23px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.14)}
.fdx-prev{left:10px}.fdx-next{right:10px}
.fdx-dots{position:absolute;z-index:6;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:5px}.fdx-dot{width:6px;height:6px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.62);cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.12)}.fdx-dot.is-active{background:#fff;transform:scale(1.35)}

/* 01 */
.fdx-v1 .fdx-slider{height:225px}
/* 02 */
.fdx-v2{min-height:390px}.fdx-photo{height:260px;background-size:cover;background-position:center}.fdx-photo-2{background-image:linear-gradient(to bottom,rgba(255,255,255,0) 58%,rgba(255,255,255,.9) 100%),url('../images/card-demo-2.webp')}.fdx-floating{position:relative;margin:-54px 14px 14px;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);border:1px solid #e4ecef;border-radius:16px;padding:17px;box-shadow:0 12px 28px rgba(17,35,63,.09)}.fdx-floating h3{margin:4px 0 8px}.fdx-floating p{margin-bottom:10px}
/* 03 */
.fdx-v3{min-height:390px}.fdx-dark-bg{min-height:390px;background-image:linear-gradient(180deg,rgba(7,17,31,.18),rgba(7,17,31,.92)),url('../images/card-demo-3.webp');background-size:cover;background-position:center;display:flex;align-items:flex-end}.fdx-dark-content{padding:24px;color:#fff}.fdx-dark-content h3{color:#fff;font-size:25px;margin:9px 0}.fdx-dark-content p{color:rgba(255,255,255,.78);margin-bottom:14px}.fdx-dark-content .fdx-contact{font-size:12px;margin-bottom:15px}.fdx-dark-content>a{display:inline-flex;text-decoration:none;color:#102f57;background:#fff;border-radius:10px;padding:10px 13px;font-size:11px;font-weight:850}
/* 04 */
.fdx-slider-wrap{position:relative}.fdx-overlay-title{position:absolute;left:20px;right:20px;bottom:32px;z-index:8;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.45)}.fdx-overlay-title small{font-size:10px;text-transform:uppercase;font-weight:800}.fdx-overlay-title h3{color:#fff;font-size:24px;margin-top:4px}.fdx-v4 .fdx-slider:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(to bottom,transparent,rgba(8,24,40,.72));z-index:3;pointer-events:none}.fdx-bottom-row{display:flex;justify-content:space-between;align-items:center;padding:13px 18px}.fdx-bottom-row span{font-size:11px;color:#65778b}.fdx-bottom-row a{font-size:11px;color:#078f9d;font-weight:850;text-decoration:none}
/* 05 */
.fdx-v5{min-height:410px;display:grid;grid-template-rows:45% 55%}.fdx-split-img{background:url('../images/card-demo-4.webp') center/cover no-repeat}.fdx-split-copy{padding:19px;display:flex;flex-direction:column;gap:10px}.fdx-icon-row{display:flex;gap:8px;margin-top:auto}.fdx-icon-row span{width:34px;height:34px;border-radius:10px;background:#eff6f7;color:#078f9d;display:grid;place-items:center;font-weight:800}
/* 06 */
.fdx-mosaic{height:220px;display:grid;grid-template-columns:1.4fr 1fr;grid-template-rows:1fr 1fr;gap:3px;background:#fff;position:relative}.fdx-mosaic img{width:100%;height:100%;object-fit:cover}.fdx-mosaic img:first-child{grid-row:1/3}.fdx-more{position:absolute;right:7px;bottom:7px;background:rgba(16,47,87,.88);color:#fff;border-radius:9px;padding:8px 10px;font-size:11px;font-weight:850}
/* 07 */
.fdx-v7{grid-column:span 2;display:grid;grid-template-columns:52% 48%;min-height:320px}.fdx-side-slider .fdx-slider{height:100%;min-height:320px}.fdx-side-copy{padding:25px;display:flex;flex-direction:column;justify-content:center;gap:11px}.fdx-side-copy h3{font-size:27px}.fdx-side-copy ul{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:11.5px;color:#465d72}.fdx-side-copy li:before{content:'✓';color:#078f9d;font-weight:900;margin-right:6px}.fdx-side-copy>a{color:#078f9d;text-decoration:none;font-weight:850;font-size:11px}
/* 08 */
.fdx-v8{background:linear-gradient(180deg,#fff,#f5fafb)}.fdx-minimal-icon{width:62px;height:62px;border-radius:50%;margin:34px auto 2px;display:grid;place-items:center;background:#102f57;color:#fff;font-size:25px}.fdx-thin-photo{height:76px;width:100%;border-radius:13px;background:url('../images/card-demo-1.webp') center 58%/cover no-repeat;margin:2px 0 3px}
/* 09 */
.fdx-photo-3{background-image:linear-gradient(to bottom,rgba(255,255,255,0) 70%,rgba(255,255,255,.25)),url('../images/card-demo-5.webp')}.fdx-v9 .fdx-photo{height:230px}.fdx-service-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e4ecef}.fdx-service-strip span{padding:12px 8px;text-align:center;font-size:9.5px;font-weight:800;color:#456077;border-right:1px solid #e4ecef}.fdx-service-strip span:last-child{border-right:0}
/* 10 */
.fdx-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:6px 8px 0}.fdx-thumbs button{border:0;padding:0;background:none;cursor:pointer;height:46px;border-radius:7px;overflow:hidden;opacity:.72}.fdx-thumbs button:hover{opacity:1}.fdx-thumbs img{width:100%;height:100%;object-fit:cover;display:block}
/* 11 */
.fdx-v11{padding:10px;background:#fdfcf8;border-color:#e7dcc3}.fdx-elegant-img{height:230px;border-radius:13px;background:url('../images/card-demo-6.webp') center/cover no-repeat}.fdx-elegant-body{margin-top:8px;border:1px solid #d9c79f;padding:18px;text-align:center;border-radius:13px}.fdx-ornament{color:#b58d38;margin-bottom:8px}.fdx-elegant-body p{margin:8px 0 13px}.fdx-elegant-body a{color:#8e6d25;text-decoration:none;font-size:11px;font-weight:850}
/* 12 */
.fdx-mapish{height:220px;position:relative;background:linear-gradient(135deg,#e8f1f4,#f8fbfc);overflow:hidden}.fdx-mapish:before,.fdx-mapish:after{content:'';position:absolute;border:2px solid rgba(7,143,157,.13);border-radius:50%}.fdx-mapish:before{width:220px;height:220px;left:-40px;top:-80px}.fdx-mapish:after{width:180px;height:180px;right:-40px;bottom:-90px}.fdx-pin{position:absolute;z-index:3;left:29%;top:38%;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#078f9d;color:#fff;font-size:21px;box-shadow:0 10px 24px rgba(7,143,157,.25)}.fdx-map-photo{position:absolute;right:13px;top:13px;bottom:13px;width:47%;border-radius:14px;background:url('../images/card-demo-2.webp') center/cover no-repeat;box-shadow:0 8px 18px rgba(17,35,63,.10)}
/* 13 */
.fdx-v13{min-height:390px}.fdx-v13 .fdx-slider{height:390px}.fdx-v13 .fdx-slider:after{content:'';position:absolute;inset:48% 0 0;background:linear-gradient(to bottom,transparent,rgba(6,20,34,.78));z-index:3}.fdx-glass-footer{position:absolute;z-index:8;left:14px;right:14px;bottom:14px;display:flex;align-items:center;justify-content:space-between;padding:13px 14px;border-radius:14px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px)}.fdx-glass-footer small{font-size:9px;color:#6d7d8d;text-transform:uppercase}.fdx-glass-footer h3{font-size:17px;margin-top:3px}.fdx-glass-footer a{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#102f57;color:#fff;text-decoration:none}
/* 14 */
.fdx-v14{min-height:180px;display:grid;grid-template-columns:40% 60%}.fdx-compact-photo{background:url('../images/card-demo-4.webp') center/cover no-repeat}.fdx-compact-copy{padding:18px;display:flex;flex-direction:column;justify-content:center;gap:7px}.fdx-compact-copy h3{font-size:17px}.fdx-compact-copy p{font-size:10px}.fdx-compact-actions{display:flex;gap:7px;margin-top:4px}.fdx-compact-actions a{text-decoration:none;padding:7px 9px;border-radius:8px;background:#eef6f7;color:#087987;font-size:10px;font-weight:850}
/* 15 */
.fdx-logo-circle{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;margin:28px auto 0;background:linear-gradient(145deg,#102f57,#078f9d);color:#fff;font-size:23px;font-weight:900;box-shadow:0 12px 28px rgba(16,47,87,.18)}.fdx-logo-photo{height:95px;width:100%;border-radius:14px;background:url('../images/card-demo-5.webp') center 64%/cover no-repeat}
/* 16 */
.fdx-v16 .fdx-slider{height:255px}.fdx-v16 .fdx-dots{left:auto;right:12px;bottom:50%;transform:translateY(50%);flex-direction:column}.fdx-v16 .fdx-arrow{display:none}
/* 17 */
.fdx-v17{background:#fffaf3;border-color:#efe2d2}.fdx-pastel-photo{height:230px;background-image:linear-gradient(to bottom,rgba(255,250,243,0) 52%,#fffaf3 100%),url('../images/card-demo-1.webp');background-size:cover;background-position:center}.fdx-pastel-body{padding:20px}.fdx-pastel-body>span{font-size:10px;font-weight:850;color:#a57445}.fdx-pastel-body h3{margin:5px 0 8px}.fdx-pastel-body p{margin-bottom:13px}
/* 18 */
.fdx-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.fdx-feature-grid>div{padding:13px 8px;border:1px solid #e4ecef;border-radius:12px;background:#fafcfd;text-align:center;color:#078f9d;font-size:18px}.fdx-feature-grid small{display:block;color:#526a7f;font-size:9px;font-weight:800;margin-top:5px}.fdx-small-photo{height:80px;border-radius:12px;background:url('../images/card-demo-3.webp') center/cover no-repeat}
/* 19 */
.fdx-v19 .fdx-slider{height:225px}.fdx-cta-big{margin-top:2px;padding:12px}
/* 20 */
.fdx-v20{grid-column:span 2;display:grid;grid-template-columns:58% 42%;min-height:330px;background:#102f57}.fdx-mag-photo{background:url('../images/card-demo-6.webp') center/cover no-repeat}.fdx-mag-copy{padding:28px;color:#fff;display:flex;flex-direction:column;justify-content:center}.fdx-mag-copy .fdx-mag-num{font-size:42px;line-height:1;color:#38b5bf;font-weight:900;margin-bottom:8px}.fdx-mag-copy>span{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#8ad7dd;font-weight:800}.fdx-mag-copy h3{color:#fff;font-size:27px;margin:7px 0 10px}.fdx-mag-copy p{color:rgba(255,255,255,.72);margin-bottom:15px}.fdx-mag-copy a{color:#fff;text-decoration:none;font-size:11px;font-weight:850}

@media(max-width:1180px){.fdx-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fdx-v7,.fdx-v20{grid-column:span 2}}
@media(max-width:900px){.fdx-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fdx-v7,.fdx-v20{grid-column:span 2}}
@media(max-width:620px){
 .fdx-grid{grid-template-columns:1fr}.fdx-v7,.fdx-v20{grid-column:auto;display:block}.fdx-v7 .fdx-side-slider .fdx-slider{min-height:250px;height:250px}.fdx-v20 .fdx-mag-photo{height:250px}.fdx-v14{grid-template-columns:42% 58%}.fdx-slider-full,.fdx-v13 .fdx-slider{height:320px}
}

/* =========================================================
   12 NEW VERTICAL CARDS – featured block above all demos
   ========================================================= */
.fd-featured-section{background:#fff!important;border-top:1px solid #e2ebf0;border-bottom:1px solid #e2ebf0}
.fd-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.fd-fvcard{position:relative;background:#fff;border:1px solid #dfe8ee;border-radius:24px;overflow:hidden;box-shadow:0 20px 46px rgba(17,35,63,.08);display:flex;flex-direction:column;min-height:760px}
.fd-fvcard .fd-badges{top:18px;left:18px;z-index:15}
.fd-fvmedia{padding:0;overflow:hidden}
.fd-fvslider{height:325px;border-radius:0;overflow:hidden;background:#dfe6ea}
.fd-fvslider .fdx-track{height:100%}
.fd-fvslider .fdx-slide{position:relative;overflow:hidden;background:#dfe6ea}
.fd-fvslider .fdx-slide::before{display:none}
.fd-fvslider .fdx-slide::after{display:none}
.fd-fvslider .fdx-slide img{position:relative;z-index:2;width:100%;height:100%;display:block;object-fit:cover;object-position:center center;padding:0;margin:0}
.fd-fvslider .fdx-arrow{width:40px;height:40px;font-size:20px;background:rgba(255,255,255,.95);color:#11345a;border:1px solid rgba(17,52,90,.08);box-shadow:0 10px 18px rgba(17,35,63,.12)}
.fd-fvslider .fdx-prev{left:14px}.fd-fvslider .fdx-next{right:14px}
.fd-fvslider .fdx-dots{bottom:16px;gap:7px;z-index:5}.fd-fvslider .fdx-dot{width:8px;height:8px;background:rgba(16,47,87,.28)}.fd-fvslider .fdx-dot.is-active{background:#102f57}
.fd-fvcontent{padding:22px 22px 24px;display:flex;flex-direction:column;gap:14px;flex:1}
.fd-fvcontent h3{font-size:29px;line-height:1.02;letter-spacing:-.75px;margin:0;color:var(--navy)}
.fd-fvdesc{font-size:15px!important;line-height:1.72!important;color:#5d6d82!important;margin:0;min-height:102px}
.fd-fvlist{gap:10px}.fd-fvlist li{font-size:13px;line-height:1.45}
.fd-fvactions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:auto}
.fd-fvactions .fd-btn{min-height:62px;padding:16px 16px;font-size:19px;font-weight:900;letter-spacing:-.015em;border-radius:14px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease}
.fd-fvactions .fd-btn:hover{transform:translateY(-1px)}
.fd-btn-call{background:linear-gradient(135deg,#078f9d 0%,#0f6f8a 100%);color:#fff;box-shadow:0 14px 24px rgba(7,143,157,.22)}
.fd-btn-call:hover{background:linear-gradient(135deg,#0d9fb2 0%,#127e9d 100%);box-shadow:0 18px 28px rgba(7,143,157,.28);color:#fff}
.fd-btn-site{background:#fff;color:#0f7c8f;border:1px solid #cfe0e7;box-shadow:0 10px 18px rgba(17,35,63,.06)}
.fd-btn-site:hover{background:#f5fbfc;border-color:#b9d4de;color:#0a7284}
.fd-btn-main,.fd-btn-soft{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease,border-color .18s ease}.fd-btn-main:hover,.fd-btn-soft:hover{transform:translateY(-1px)}
.fd-btn-main:hover{background:linear-gradient(135deg,#0d9fb2,#127e9d);box-shadow:0 14px 28px rgba(7,143,157,.24)}
.fd-btn-soft:hover{background:#f6fbfc;border-color:#c9dbe3;color:#0b7381}

@media(max-width:1180px){.fd-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){
 .fd-featured-grid{grid-template-columns:1fr}
 .fd-fvcard{min-height:auto}
 .fd-fvslider{height:305px}
 .fd-fvcontent h3{font-size:26px}
 .fd-fvdesc{min-height:0}
 .fd-fvactions{grid-template-columns:1fr}
}

.fd-fvcard>.fd-fvmedia:first-of-type,.fd-fvcard .fd-fvslider,.fd-fvcard .fdx-track,.fd-fvcard .fdx-slide{width:100%}
.fd-fvcard .fd-fvslider{border-top-left-radius:23px;border-top-right-radius:23px}
.fd-fvcard .fdx-track{margin:0;padding:0}
.fd-fvcard .fdx-slide{margin:0;padding:0}

/* =========================================================
   VIEW TOGGLE + UPDATED FEATURED CARDS
   ========================================================= */
.fd-view-switch{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 28px}
.fd-view-btn{appearance:none;border:1px solid #d7e5ea;background:#fff;color:#203a55;border-radius:999px;padding:13px 20px;font-size:15px;font-weight:900;line-height:1;cursor:pointer;box-shadow:0 10px 20px rgba(17,35,63,.05);transition:all .18s ease}
.fd-view-btn:hover{transform:translateY(-1px);border-color:#bdd3dc;color:#0d7485}
.fd-view-btn.is-active{background:linear-gradient(135deg,#078f9d 0%,#0f6f8a 100%);color:#fff;border-color:transparent;box-shadow:0 16px 28px rgba(7,143,157,.24)}
.fd-view-panel[hidden]{display:none!important}

/* vertical cards */
.fd-fvcard{min-height:0}
.fd-fvmedia{padding:0;overflow:hidden;background:#dfe6ea}
.fd-fvslider{height:auto;aspect-ratio:1200/760;border-radius:0;overflow:hidden;background:#dfe6ea}
.fd-fvslider .fdx-track{height:100%}
.fd-fvslider .fdx-slide{height:100%;background:#dfe6ea}
.fd-fvslider .fdx-slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
.fd-fvslider .fdx-dots{bottom:16px;gap:7px;z-index:6}
.fd-fvslider .fdx-dot{width:9px;height:9px;background:rgba(255,255,255,.55);box-shadow:0 3px 10px rgba(0,0,0,.16)}
.fd-fvslider .fdx-dot.is-active{background:#fff;transform:scale(1.18)}
.fd-fvslider .fdx-arrow{width:42px;height:42px;font-size:20px;background:rgba(255,255,255,.96);color:#11345a;border:1px solid rgba(17,52,90,.08);box-shadow:0 10px 18px rgba(17,35,63,.12)}

/* horizontal list mode */
.fd-featured-list{display:grid;grid-template-columns:1fr;gap:24px}
.fd-fhcard{position:relative;display:grid;grid-template-columns:minmax(380px,43%) 1fr;align-items:stretch;background:#fff;border:1px solid #dfe8ee;border-radius:24px;overflow:hidden;box-shadow:0 20px 46px rgba(17,35,63,.08)}
.fd-fhcard .fd-badges{top:18px;left:18px;z-index:12}
.fd-fhmedia{background:#dfe6ea;overflow:hidden}
.fd-fhslider{height:100%;min-height:100%;aspect-ratio:1200/760;background:#dfe6ea}
.fd-fhslider .fdx-track{height:100%}
.fd-fhslider .fdx-slide{height:100%;background:#dfe6ea}
.fd-fhslider .fdx-slide img{width:100%;height:100%;display:block;object-fit:cover;object-position:center center}
.fd-fhslider .fdx-dots{bottom:18px;gap:7px;z-index:6}
.fd-fhslider .fdx-dot{width:9px;height:9px;background:rgba(255,255,255,.55);box-shadow:0 3px 10px rgba(0,0,0,.16)}
.fd-fhslider .fdx-dot.is-active{background:#fff;transform:scale(1.18)}
.fd-fhslider .fdx-arrow{width:42px;height:42px;font-size:20px;background:rgba(255,255,255,.96);color:#11345a;border:1px solid rgba(17,52,90,.08);box-shadow:0 10px 18px rgba(17,35,63,.12)}
.fd-fhcontent{padding:26px 26px 28px;display:flex;flex-direction:column;gap:15px;justify-content:center}
.fd-fhcontent h3{font-size:34px;line-height:1.02;letter-spacing:-.85px;margin:0;color:var(--navy)}
.fd-fhactions{margin-top:4px;max-width:440px}

@media(max-width:1180px){
  .fd-fhcard{grid-template-columns:minmax(320px,42%) 1fr}
}
@media(max-width:900px){
  .fd-fhcard{grid-template-columns:1fr}
  .fd-fhslider{aspect-ratio:1200/760;height:auto}
  .fd-fhcontent h3{font-size:28px}
}
@media(max-width:760px){
  .fd-view-switch{gap:10px}
  .fd-view-btn{flex:1 1 220px;justify-content:center}
}

/* Fine tuning requested: 1200x760 ratio, links, arrows, CTA padding */
.fd-fvslider{height:auto!important;aspect-ratio:1200/760!important}
.fd-fvslider .fdx-track,.fd-fvslider .fdx-slide{height:100%!important}
.fd-fvslider .fdx-slide{flex:0 0 100%!important}
.fd-slide-link{position:absolute;inset:0;z-index:2;display:block}
.fd-slide-link img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;display:block!important}
.fd-title-link{color:inherit;text-decoration:none;transition:color .18s ease}
.fd-title-link:hover{color:var(--teal)}

/* Same padding as desktop header button "Vreau repatriere" */
.fd-fvactions .fd-btn,.fd-fhactions .fd-btn{min-height:0!important;padding:15px 21px!important}

/* Smaller visible arrows, but keep a generous non-link hit area around them */
.fd-fvslider .fdx-arrow,.fd-fhslider .fdx-arrow{
  width:44px!important;height:44px!important;padding:0!important;
  background:transparent!important;border:0!important;box-shadow:none!important;
  display:grid!important;place-items:center!important;z-index:20!important;
  color:#11345a!important;font-size:0!important;
}
.fd-fvslider .fdx-arrow::before,.fd-fhslider .fdx-arrow::before{
  content:'';width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,.95);
  box-shadow:0 5px 14px rgba(17,35,63,.16);border:1px solid rgba(17,52,90,.08);
  position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);
}
.fd-fvslider .fdx-prev::after,.fd-fhslider .fdx-prev::after,
.fd-fvslider .fdx-next::after,.fd-fhslider .fdx-next::after{
  position:relative;z-index:2;font-size:22px;line-height:1;font-weight:700;color:#11345a;
}
.fd-fvslider .fdx-prev::after,.fd-fhslider .fdx-prev::after{content:'‹'}
.fd-fvslider .fdx-next::after,.fd-fhslider .fdx-next::after{content:'›'}
.fd-fvslider .fdx-prev,.fd-fhslider .fdx-prev{left:6px!important;right:auto!important}
.fd-fvslider .fdx-next,.fd-fhslider .fdx-next{right:6px!important;left:auto!important}

/* White active slide dot */
.fd-fvslider .fdx-dot.is-active,.fd-fhslider .fdx-dot.is-active{background:#fff!important}

@media(max-width:760px){
  .fd-fvslider{aspect-ratio:1200/760!important;height:auto!important}
}
.fd-fvslider .fdx-slide,.fd-fhslider .fdx-slide{position:relative!important}


/* FINAL OVERRIDES 2026-08-21 */
.fd-fvslider .fdx-arrow,.fd-fhslider .fdx-arrow{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;width:46px!important;height:46px!important;padding:7px!important;border:0!important;background:transparent!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:40!important;cursor:pointer!important;font-size:0!important}
.fd-fvslider .fdx-arrow::before,.fd-fvslider .fdx-arrow::after,.fd-fhslider .fdx-arrow::before,.fd-fhslider .fdx-arrow::after{content:none!important;display:none!important}
.fd-fvslider .fdx-arrow svg,.fd-fhslider .fdx-arrow svg{display:block!important;width:30px!important;height:30px!important;padding:6px!important;border-radius:50%!important;background:rgba(255,255,255,.96)!important;box-shadow:0 5px 14px rgba(17,35,63,.16)!important;overflow:visible!important}
.fd-fvslider .fdx-arrow svg path,.fd-fhslider .fdx-arrow svg path{fill:none!important;stroke:#11345a!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.fd-fvslider .fdx-prev,.fd-fhslider .fdx-prev{left:5px!important;right:auto!important}.fd-fvslider .fdx-next,.fd-fhslider .fdx-next{right:5px!important;left:auto!important}
.fd-fvslider{width:100%!important;height:auto!important;aspect-ratio:1200/760!important}.fd-fvslider .fdx-track,.fd-fvslider .fdx-slide,.fd-fvslider .fd-slide-link{height:100%!important}
.fd-fhcard{grid-template-columns:43% 57%!important;aspect-ratio:3.673/1!important;min-height:0!important;align-items:stretch!important}
.fd-fhmedia{width:100%!important;height:100%!important;min-width:0!important;overflow:hidden!important}
.fd-fhslider{width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important}.fd-fhslider .fdx-track,.fd-fhslider .fdx-slide,.fd-fhslider .fd-slide-link{height:100%!important}
.fd-fhslider .fdx-slide img,.fd-fvslider .fdx-slide img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center center!important;margin:0!important;padding:0!important}
.fd-fhcontent{min-width:0!important;padding:20px 28px!important;gap:9px!important;justify-content:center!important}.fd-fhcontent h3{font-size:31px!important;line-height:1.04!important}.fd-fhcontent .fd-fvdesc{font-size:14px!important;line-height:1.52!important;min-height:0!important}.fd-fhcontent .fd-fvlist{gap:5px!important}.fd-fhcontent .fd-fvlist li{font-size:12px!important;line-height:1.3!important}.fd-fhcontent .fd-rating{font-size:12px!important}.fd-fhactions{margin-top:2px!important;max-width:475px!important}
.fd-fvactions .fd-btn,.fd-fhactions .fd-btn{border-radius:10px!important;padding:15px 21px!important;font-size:16px!important;line-height:normal!important;font-weight:750!important;min-height:0!important;transition:background .22s ease,box-shadow .22s ease!important}.fd-btn-call{color:#fff!important;background:linear-gradient(135deg,var(--teal),var(--teal2))!important;box-shadow:0 10px 24px rgba(8,116,132,.22)!important}.fd-btn-call:hover{background:var(--navy)!important;box-shadow:0 12px 26px rgba(17,35,63,.24)!important;transform:none!important}.fd-btn-site{background:#fff!important;color:var(--teal2)!important;border:1px solid #d9e7eb!important;box-shadow:none!important}.fd-btn-site:hover{background:#f6fbfc!important;color:var(--teal)!important;border-color:#bcd7df!important;transform:none!important}
.fd-fvslider .fdx-dot.is-active,.fd-fhslider .fdx-dot.is-active{background:#fff!important}
@media(max-width:1100px){.fd-fhcard{aspect-ratio:auto!important;grid-template-columns:42% 58%!important}.fd-fhmedia{aspect-ratio:1200/760!important;height:auto!important;align-self:start!important}.fd-fhslider{height:100%!important}.fd-fhcontent{padding:22px!important}}
@media(max-width:900px){.fd-fhcard{grid-template-columns:1fr!important;aspect-ratio:auto!important}.fd-fhmedia{aspect-ratio:1200/760!important;height:auto!important}.fd-fhcontent h3{font-size:28px!important}}


/* =========================================================
   FINAL POLISH – no hover motion, directory-style switch, icons in CTA
   ========================================================= */

/* eliminate any hover movement on buttons */
.fd-btn,
.fd-btn-main,
.fd-btn-soft,
.fd-btn-call,
.fd-btn-site,
.fd-view-btn{
  transition: background .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease, opacity .22s ease !important;
  transform:none !important;
}
.fd-btn:hover,
.fd-btn-main:hover,
.fd-btn-soft:hover,
.fd-btn-call:hover,
.fd-btn-site:hover,
.fd-view-btn:hover{
  transform:none !important;
}

/* professional directory switch */
.fd-view-switch{
  display:inline-grid !important;
  grid-template-columns:1fr 1fr;
  gap:6px;
  padding:6px;
  margin:0 0 28px;
  border-radius:18px;
  border:1px solid #d9e6eb;
  background:linear-gradient(180deg,#f7fbfc 0%,#eef5f7 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95), 0 12px 24px rgba(17,35,63,.05);
}
.fd-view-btn{
  appearance:none;
  border:0 !important;
  background:transparent !important;
  color:#27415d !important;
  border-radius:14px !important;
  padding:14px 22px !important;
  min-width:240px;
  font-size:15px !important;
  line-height:1 !important;
  font-weight:800 !important;
  letter-spacing:-.01em;
  cursor:pointer;
  box-shadow:none !important;
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  gap:10px;
}
.fd-view-btn::before{
  content:'';
  width:18px;
  height:18px;
  display:block;
  flex:0 0 18px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:18px 18px;
  opacity:.92;
}
.fd-view-btn[data-view-target="grid"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2327415d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E");
}
.fd-view-btn[data-view-target="list"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2327415d' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Ccircle cx='4' cy='6' r='1.5' fill='%2327415d' stroke='none'/%3E%3Ccircle cx='4' cy='12' r='1.5' fill='%2327415d' stroke='none'/%3E%3Ccircle cx='4' cy='18' r='1.5' fill='%2327415d' stroke='none'/%3E%3C/svg%3E");
}
.fd-view-btn:hover{
  background:rgba(255,255,255,.72) !important;
  color:#0d7485 !important;
}
.fd-view-btn.is-active{
  background:linear-gradient(135deg,#078f9d 0%,#0f6f8a 100%) !important;
  color:#fff !important;
  box-shadow:0 12px 22px rgba(7,143,157,.22) !important;
}
.fd-view-btn.is-active[data-view-target="grid"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.5'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.5'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.5'/%3E%3C/svg%3E");
}
.fd-view-btn.is-active[data-view-target="list"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Ccircle cx='4' cy='6' r='1.5' fill='%23ffffff' stroke='none'/%3E%3Ccircle cx='4' cy='12' r='1.5' fill='%23ffffff' stroke='none'/%3E%3Ccircle cx='4' cy='18' r='1.5' fill='%23ffffff' stroke='none'/%3E%3C/svg%3E");
}

/* icons before CTA labels */
.fd-btn-call,
.fd-btn-site{
  gap:10px;
}
.fd-btn-call::before,
.fd-btn-site::before{
  content:'';
  width:18px;
  height:18px;
  display:block;
  flex:0 0 18px;
  background-repeat:no-repeat;
  background-position:center;
  background-size:18px 18px;
}
.fd-btn-call::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.9.35 1.78.68 2.62a2 2 0 0 1-.45 2.11L8.07 9.93a16 16 0 0 0 6 6l1.48-1.27a2 2 0 0 1 2.11-.45c.84.33 1.72.56 2.62.68A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
}
.fd-btn-site::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230f7c8f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpath d='M15 3h6v6'/%3E%3Cpath d='M10 14L21 3'/%3E%3C/svg%3E");
}

@media(max-width:760px){
  .fd-view-switch{
    display:grid !important;
    width:100%;
    grid-template-columns:1fr;
  }
  .fd-view-btn{
    min-width:0;
    width:100%;
  }
}


/* =========================================================
   MICRO ADJUSTMENTS – icon-only toggle, no numbering, 12px small label
   ========================================================= */
.fd-badge{font-size:12px !important;}

.fd-view-switch{margin:0 0 24px !important;}
.fd-view-btn{
  min-width:66px !important;
  width:66px;
  padding:14px 0 !important;
  font-size:0 !important;
  color:transparent !important;
  text-indent:-9999px;
  overflow:hidden;
}
.fd-view-btn::before{
  width:26px !important;
  height:26px !important;
  flex:0 0 26px !important;
  background-size:26px 26px !important;
  margin:0 auto;
  text-indent:0;
}
.fd-view-btn[data-view-target="grid"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2327415d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.4'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.4'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.4'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.4'/%3E%3C/svg%3E") !important;
}
.fd-view-btn[data-view-target="list"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2327415d' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Ccircle cx='4' cy='6' r='1.5' fill='%2327415d' stroke='none'/%3E%3Ccircle cx='4' cy='12' r='1.5' fill='%2327415d' stroke='none'/%3E%3Ccircle cx='4' cy='18' r='1.5' fill='%2327415d' stroke='none'/%3E%3C/svg%3E") !important;
}
.fd-view-btn.is-active[data-view-target="grid"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='7' height='7' rx='1.4'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1.4'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1.4'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1.4'/%3E%3C/svg%3E") !important;
}
.fd-view-btn.is-active[data-view-target="list"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Ccircle cx='4' cy='6' r='1.5' fill='%23ffffff' stroke='none'/%3E%3Ccircle cx='4' cy='12' r='1.5' fill='%23ffffff' stroke='none'/%3E%3Ccircle cx='4' cy='18' r='1.5' fill='%23ffffff' stroke='none'/%3E%3C/svg%3E") !important;
}


/* =========================================================
   HOME-WIDTH SYNC + DESKTOP-ONLY DISPLAY CONTROLS – FINAL
   ========================================================= */
.firme-demo-page .fd-container{
  width:min(1460px,calc(100% - 64px)) !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
.fd-view-tools{display:flex !important;align-items:center;gap:12px;margin:0 0 28px}
.fd-view-label{display:inline-block;font-size:14px;font-weight:750;line-height:1;color:#53677d;white-space:nowrap}
.fd-view-switch{display:flex !important;align-items:center;gap:8px !important;padding:0 !important;margin:0 !important;width:auto !important;border:0 !important;border-radius:0 !important;background:transparent !important;box-shadow:none !important}
.fd-view-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;min-width:50px !important;width:50px !important;height:44px !important;padding:0 !important;border:1px solid #d5e3e9 !important;border-radius:10px !important;background:#fff !important;box-shadow:0 5px 14px rgba(17,35,63,.05) !important;text-indent:-9999px;overflow:hidden}
.fd-view-btn:hover{transform:none !important;background:#f7fbfc !important;border-color:#b9d2da !important;box-shadow:0 5px 14px rgba(17,35,63,.05) !important}
.fd-view-btn.is-active{background:linear-gradient(135deg,#078f9d 0%,#0f6f8a 100%) !important;border-color:transparent !important;box-shadow:0 7px 16px rgba(7,143,157,.18) !important}
.fd-view-btn::before{width:25px !important;height:25px !important;flex:0 0 25px !important;margin:0 !important;background-size:25px 25px !important}
@media(max-width:980px){.firme-demo-page .fd-container{width:min(calc(100% - 40px),900px) !important}.fd-view-tools{display:none !important}}
@media(max-width:640px){.firme-demo-page .fd-container{width:calc(100% - 40px) !important}}


/* =========================================================
   /FIRME FINAL STRUCTURE – intro matches Cum funcționează
   ========================================================= */
.firme-directory-page{background:#fff}
.firme-directory-intro{
  padding:108px 0 54px!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdfe 100%)!important;
  border-top:0!important;
}
.firme-directory-intro .guide-variant-head{margin-bottom:34px!important}
.firme-directory-intro .guide-variant-head h1{
  margin:0 0 14px;
  font-size:52px;
  line-height:1.12;
  letter-spacing:-1.8px;
  color:var(--navy);
  font-weight:800;
}
.firme-directory-intro .guide-variant-head h1 span{color:var(--teal)}
.firme-directory-intro .guide-variant-head p{
  margin:0 auto;
  max-width:800px;
  font-size:18px;
  line-height:1.58;
  color:#5f6e83;
}
.fd-directory-benefits-wrap{
  width:min(1450px,calc(100% - 56px));
  margin:0 auto;
}
.fd-directory-benefits{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  padding:22px 18px;
  background:#fff;
  border:1px solid #e3ebf0;
  border-radius:18px;
  box-shadow:0 12px 32px rgba(17,35,63,.065);
}
.fd-directory-benefit{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:15px;
  align-items:center;
  min-height:86px;
  padding:6px 24px;
  border-left:1px solid #e7edf1;
}
.fd-directory-benefit:first-child{border-left:0}
.fd-directory-benefit-icon{
  width:58px;height:58px;border-radius:50%;display:grid;place-items:center;
  background:#eef8f9;color:var(--teal);border:1px solid #d5eaed;
}
.fd-directory-benefit-icon svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.fd-directory-benefit-icon text{font-family:Arial,sans-serif;font-size:9px;font-weight:800;fill:currentColor;stroke:none}
.fd-directory-benefit h3{margin:0 0 5px;color:var(--navy);font-size:15px;line-height:1.2;letter-spacing:-.2px}
.fd-directory-benefit p{margin:0;color:#67768a;font-size:12.5px;line-height:1.45}
.fd-directory-listing{padding-top:32px!important;border-top:0!important;background:#fff!important}
.fd-directory-listing .fd-view-tools{margin-bottom:24px}

@media(max-width:1180px){
 .firme-directory-intro{padding-top:100px!important}
 .firme-directory-intro .guide-variant-head h1{font-size:46px}
 .fd-directory-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}
 .fd-directory-benefit:nth-child(3){border-left:0;border-top:1px solid #e7edf1;padding-top:18px;margin-top:12px}
 .fd-directory-benefit:nth-child(4){border-top:1px solid #e7edf1;padding-top:18px;margin-top:12px}
}
@media(max-width:980px){
 .fd-directory-listing{padding-top:26px!important}
}
@media(max-width:700px){
 .firme-directory-intro{padding:92px 0 36px!important}
 .firme-directory-intro .guide-variant-head{margin-bottom:24px!important}
 .firme-directory-intro .guide-variant-head h1{font-size:36px;line-height:1.16;letter-spacing:-1px}
 .firme-directory-intro .guide-variant-head p{font-size:16px;line-height:1.52}
 .fd-directory-benefits-wrap{width:calc(100% - 32px)}
 .fd-directory-benefits{grid-template-columns:1fr;padding:8px 16px}
 .fd-directory-benefit,.fd-directory-benefit:nth-child(3),.fd-directory-benefit:nth-child(4){border-left:0;border-top:1px solid #e7edf1;padding:16px 4px;margin:0}
 .fd-directory-benefit:first-child{border-top:0}
 .fd-directory-listing{padding-top:20px!important}
}


/* =========================================================
   /FIRME TWEAKS – header stacking, icon row, centered controls
   ========================================================= */
.header{z-index:120!important;}
.fd-fvslider .fdx-arrow,.fd-fhslider .fdx-arrow{z-index:15!important;}

/* top 4 benefits – no circular background, closer to reference */
.fd-directory-benefits{padding:24px 26px!important;}
.fd-directory-benefit{grid-template-columns:56px 1fr!important;gap:16px!important;min-height:104px!important;padding:8px 26px!important;}
.fd-directory-benefit-icon{
  width:46px!important;
  height:46px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--teal)!important;
  display:grid!important;
  place-items:center!important;
}
.fd-directory-benefit-icon svg{width:44px!important;height:44px!important;stroke-width:1.7!important;}
.fd-directory-benefit h3{font-size:16px!important;line-height:1.24!important;margin:0 0 6px!important;}
.fd-directory-benefit p{font-size:14px!important;line-height:1.48!important;}

/* center label + toggle */
.fd-directory-listing .fd-view-tools{
  justify-content:center!important;
  align-items:center!important;
  text-align:center!important;
}
.fd-directory-listing .fd-view-label{font-size:15px!important;}

/* narrower cards zone only on desktop */
.fd-directory-listing .fd-container{width:min(1460px,calc(100% - 64px))!important;}
.fd-featured-panels{
  width:min(1168px,80%)!important;
  margin:0 auto!important;
}

/* desktop horizontal cards can breathe better */
.fd-featured-list{gap:26px!important;}

/* tablet/mobile: only vertical view, full-width cards */
@media(max-width:980px){
  .fd-featured-panels{width:100%!important;}
  .fd-view-tools{display:none!important;}
  .fd-featured-list{display:none!important;}
  .fd-view-panel[data-view-panel="list"]{display:none!important;}
  .fd-view-panel[data-view-panel="grid"]{display:block!important;}
  .fd-featured-grid{grid-template-columns:1fr!important;gap:22px!important;}
}

@media(max-width:1180px){
  .fd-featured-panels{width:min(1260px,88%)!important;}
}

@media(max-width:700px){
  .fd-directory-benefits{padding:10px 16px!important;}
  .fd-directory-benefit{grid-template-columns:50px 1fr!important;gap:14px!important;padding:18px 2px!important;min-height:auto!important;}
  .fd-directory-benefit-icon{width:40px!important;height:40px!important;}
  .fd-directory-benefit-icon svg{width:36px!important;height:36px!important;}
  .fd-directory-benefit h3{font-size:15px!important;}
  .fd-directory-benefit p{font-size:13px!important;}
}


/* =========================================================
   /FIRME FIX 2026-08-22 – desktop-only card inset + benefits direct on page
   ========================================================= */
/* Benefits: remove the surrounding box entirely */
.fd-directory-benefits{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:18px 0!important;
}
.fd-directory-benefits-wrap{
  background:transparent!important;
}

/* Card inset is desktop only */
.fd-featured-panels{
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
@media(min-width:981px){
  .fd-featured-panels{
    width:80%!important;
  }
}
@media(max-width:980px){
  .fd-directory-listing .fd-container{
    width:min(calc(100% - 40px),900px)!important;
  }
  .fd-featured-panels{
    width:100%!important;
    max-width:none!important;
  }
}
@media(max-width:640px){
  .fd-directory-listing .fd-container{
    width:calc(100% - 40px)!important;
  }
  .fd-featured-panels{
    width:100%!important;
  }
}

/* =========================================================
   /FIRME 3 BENEFITS + EQUAL SPACING 2026-08-22
   ========================================================= */
/* Desktop: benefits align exactly with the 3 card columns */
.fd-directory-benefits-wrap{
  width:100%!important;
  max-width:none!important;
  margin:0 auto!important;
}
.fd-directory-benefits{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
  padding:0!important;
}
.fd-directory-benefit{
  border:0!important;
  padding:0!important;
  min-height:0!important;
  grid-template-columns:50px 1fr!important;
  gap:15px!important;
  align-items:center!important;
}

/* Equal vertical rhythm around the benefits row */
.firme-directory-intro{
  padding-bottom:0!important;
}
.firme-directory-intro .guide-variant-head{
  margin-bottom:34px!important;
}
.fd-directory-listing{
  padding-top:34px!important;
}

/* Desktop benefits and cards use the same 80% content width */
@media(min-width:981px){
  .fd-directory-benefits-wrap{
    width:min(1168px,80%)!important;
  }
  .fd-featured-panels{
    width:min(1168px,80%)!important;
  }
}

/* Tablet/mobile: full width, stacked benefits and vertical cards */
@media(max-width:980px){
  .fd-directory-benefits-wrap{
    width:min(calc(100% - 40px),900px)!important;
  }
  .fd-directory-benefits{
    grid-template-columns:1fr!important;
    gap:0!important;
  }
  .fd-directory-benefit{
    padding:16px 0!important;
    border-top:1px solid #e7edf1!important;
  }
  .fd-directory-benefit:first-child{
    border-top:0!important;
  }
  .firme-directory-intro .guide-variant-head{
    margin-bottom:26px!important;
  }
  .fd-directory-listing{
    padding-top:26px!important;
  }
}
@media(max-width:640px){
  .fd-directory-benefits-wrap{
    width:calc(100% - 40px)!important;
  }
  .firme-directory-intro .guide-variant-head{
    margin-bottom:24px!important;
  }
  .fd-directory-listing{
    padding-top:24px!important;
  }
}


/* =========================================================
   /FIRME – FINAL 16:9 SLIDERS + NORMAL VIEW LABEL
   1280 x 720 = 16 / 9
   ========================================================= */
.fd-directory-listing .fd-view-label{
  font-weight:400 !important;
}

/* Vertical cards: width stays unchanged, height follows 16:9 */
.fd-fvmedia{
  width:100% !important;
  height:auto !important;
  aspect-ratio:16 / 9 !important;
}
.fd-fvslider{
  width:100% !important;
  height:100% !important;
  min-height:0 !important;
  aspect-ratio:16 / 9 !important;
}
.fd-fvslider .fdx-track,
.fd-fvslider .fdx-slide,
.fd-fvslider .fd-slide-link{
  width:100% !important;
  height:100% !important;
}

/* Horizontal cards: keep the same image-column width, but reduce height
   so the image area is exactly 16:9. */
@media(min-width:981px){
  .fd-fhcard{
    grid-template-columns:43% 57% !important;
    aspect-ratio:4.1343669 / 1 !important;
    min-height:0 !important;
    align-items:stretch !important;
  }
  .fd-fhmedia{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    aspect-ratio:16 / 9 !important;
    align-self:stretch !important;
  }
  .fd-fhslider{
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    aspect-ratio:16 / 9 !important;
  }
  .fd-fhslider .fdx-track,
  .fd-fhslider .fdx-slide,
  .fd-fhslider .fd-slide-link{
    width:100% !important;
    height:100% !important;
  }
}

/* Tablet/mobile: only vertical cards, also strict 16:9 */
@media(max-width:980px){
  .fd-fvmedia,
  .fd-fvslider{
    aspect-ratio:16 / 9 !important;
  }
}


/* =========================================================
   /FIRME – CONTENT & SPACING POLISH 2026-08-22
   ========================================================= */
.fd-directory-benefit{
  gap:9px!important;
}
@media(min-width:981px){
  /* a little more breathing room between benefits and view toggle */
  .fd-directory-listing{
    padding-top:44px!important;
  }
}


/* 2026-08-22 icon refresh */
.fd-directory-benefit{gap:7px!important;}
.fd-directory-benefit-icon{color:var(--teal)!important;}
.fd-directory-benefit-icon svg{width:40px!important;height:40px!important;stroke-width:1.85!important;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;}
@media(max-width:980px){.fd-directory-benefit{gap:8px!important;}}


/* 2026-08-22 fix benefits icons */
.fd-directory-benefit{grid-template-columns:58px 1fr!important;gap:6px!important;align-items:center!important;}
.fd-directory-benefit-icon{width:54px!important;height:54px!important;display:grid!important;place-items:center!important;color:var(--teal)!important;}
.fd-directory-benefit-icon svg{width:52px!important;height:52px!important;stroke-width:2.15!important;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;overflow:visible;}
.fd-directory-benefit h3{margin:0 0 4px!important;}
.fd-directory-benefit p{margin:0!important;}
@media(max-width:980px){.fd-directory-benefit{grid-template-columns:54px 1fr!important;gap:8px!important;} .fd-directory-benefit-icon{width:50px!important;height:50px!important;} .fd-directory-benefit-icon svg{width:48px!important;height:48px!important;}}


/* 2026-08-22 unified benefit icons */
.fd-directory-benefits{align-items:start!important;}
.fd-directory-benefit{grid-template-columns:60px 1fr!important;gap:10px!important;align-items:center!important;}
.fd-directory-benefit-icon{width:56px!important;height:56px!important;display:grid!important;place-items:center!important;color:var(--teal)!important;opacity:1!important;}
.fd-directory-benefit-icon svg{width:46px!important;height:46px!important;fill:none!important;stroke:currentColor!important;stroke-width:2.15!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.fd-directory-benefit h3{margin:0 0 4px!important;}
.fd-directory-benefit p{margin:0!important;}
@media(max-width:980px){.fd-directory-benefit{grid-template-columns:58px 1fr!important;gap:10px!important;} .fd-directory-benefit-icon{width:54px!important;height:54px!important;} .fd-directory-benefit-icon svg{width:44px!important;height:44px!important;}}


/* 2026-08-22 final directory adjustments */
@media (min-width: 981px){
  .fd-directory-listing .fd-view-tools{margin-top:20px!important;}
}
.fd-directory-benefit{gap:0!important;}
.fd-directory-benefit-icon{width:50px!important;height:50px!important;}
.fd-directory-benefit-icon svg{width:44px!important;height:44px!important;}
.fd-directory-listing .fd-view-label{font-weight:400!important;}
@media (max-width:980px){
  .fd-directory-benefit{gap:0!important;}
  .fd-directory-benefit-icon{width:46px!important;height:46px!important;}
  .fd-directory-benefit-icon svg{width:40px!important;height:40px!important;}
}


/* 2026-08-23 v6: directory benefit copy matches home benefit copy */
.fd-directory-benefit p{
  font-size:14px!important;
  line-height:1.35!important;
  color:var(--muted)!important;
}
@media(max-width:640px){
  .fd-directory-benefit p{font-size:13.5px!important;line-height:1.4!important;}
}