/* CanalSERV V8 — approved authentic works gallery, condensed cards, and destination cards */
/* Compact service cards: icon and title side by side, no repeated CTA links. */
.page-home .v2-service-card{min-height:0!important;padding:20px 22px 22px;gap:0;justify-content:flex-start}
.page-home .v2-service-card p{margin:9px 0 0!important;font-size:13px;line-height:1.6}
.v8-card-heading{display:flex;align-items:center;gap:11px;min-width:0}
.page-home .v8-card-heading .v2-icon{width:41px;height:41px;min-width:41px;flex:none;margin:0;display:inline-flex;align-items:center;justify-content:center}
.page-home .v2-service-card h3{font-size:16px;line-height:1.35;margin:0!important;letter-spacing:-.028em;min-width:0}
.page-home .v2-services-grid{gap:14px}
.page-home .v4-additional-services{margin-top:14px}
/* Benefits: icon + heading share a row; gold icons. */
.page-home .v2-why-card{padding:19px 20px;min-height:0;transition:transform .23s,box-shadow .23s,border-color .23s}
.page-home .v2-why-card:hover{transform:translateY(-3px);border-color:#e4bd67;box-shadow:0 18px 30px -24px #17354b}
.page-home .v2-why-card .v2-icon{background:#fff5df!important;border:1px solid #f3cf83!important;color:#b9800d!important}
.page-home .v2-why-card h3{font-size:14px;margin:0;line-height:1.36;letter-spacing:-.027em}
.page-home .v2-why-card p{margin:9px 0 0;font-size:12.5px;line-height:1.6}
.page-home .v2-why-grid{gap:13px}
/* Destination cards: visible, darker contrast and gold pins. Entire surfaces remain clickable. */
.page-home .v2-locations-grid{gap:17px}
.page-home .v2-location-card{background:linear-gradient(145deg,#f0f5f9,#eaf2f8);border:1.5px solid #b7cde2;box-shadow:0 10px 28px -24px rgba(1,38,78,.5);padding:24px;transition:transform .22s,box-shadow .22s,border-color .22s,background .22s}
.page-home .v2-location-card:hover,.page-home .v2-location-card:focus-visible{transform:translateY(-4px);border-color:#dba540;background:linear-gradient(140deg,#f7fbff,#e8f3fc);box-shadow:0 18px 36px -21px rgba(0,52,108,.36)}
.page-home .v2-location-card .v2-icon{color:#bc840e!important;background:#fff4dd!important;border:1px solid #f2ca76!important}
.page-home .v2-location-card h3{font-size:17px;line-height:1.35;margin:0;letter-spacing:-.026em}
.page-home .v2-location-card p{font-size:13px;line-height:1.62;margin:12px 0 15px;flex:1}
.page-home .v8-location-cta{display:inline-flex;align-items:center;gap:8px;color:#085fae!important;font-size:12px;font-weight:900;line-height:1.4;margin-top:auto;text-transform:none;letter-spacing:0;border-bottom:1.5px solid transparent;padding-bottom:2px;align-self:flex-start}
.page-home .v2-location-card:hover .v8-location-cta{color:#005299!important;border-bottom-color:#005299}
/* Real work strip: premium navy continuation of the equipment gallery. */
.v8-real-works-section{background:linear-gradient(145deg,#001226 0%,#001024 70%,#001b38 100%);color:#fff;position:relative;overflow:hidden}
.v8-real-header{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:28px}
.v8-real-header h2{color:#fff;margin:14px 0 10px}
.v8-real-header p{max-width:810px;color:#b5ccdf;font-size:15px;line-height:1.65}
.v8-real-track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;scrollbar-width:thin}
.v8-real-card{position:relative;display:block;min-width:0;aspect-ratio:4/5.25;border:1px solid rgba(255,255,255,.13);border-radius:15px;overflow:hidden;background:#17304b;isolation:isolate;outline-offset:4px}
.v8-real-card>img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s ease}
.v8-real-card:hover>img{transform:scale(1.045)}
.v8-real-card:hover{border-color:rgba(247,184,61,.9)}
.v8-real-overlay{display:flex;flex-direction:column;gap:6px;justify-content:flex-end;position:absolute;bottom:0;left:0;right:0;color:white;padding:52px 16px 18px;background:linear-gradient(transparent,rgba(0,8,21,.93))}
.v8-real-overlay strong{font-size:14px;font-family:Manrope,Inter,sans-serif;line-height:1.32}
.v8-real-num{font-size:10px;color:#f7b83d;letter-spacing:.08em;font-weight:900}
.v8-real-all{display:inline-flex;margin-top:26px;align-items:center;justify-content:center;gap:10px;border:1px solid #00dfe8;color:#00e6ed;font-size:13px;font-weight:900;border-radius:11px;padding:14px 20px;transition:color .2s,background .2s,transform .2s}
.v8-real-all:hover{background:#00dfe8;color:#001226;transform:translateY(-2px)}
.v8-real-nav{display:none;gap:9px}
.v8-real-nav button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.3);border-radius:10px;background:rgba(255,255,255,.07);color:#fff;cursor:pointer}
.v8-real-nav .v8-slide-prev svg{transform:rotate(180deg)}
/* Work page hero & image gallery */
.v8-works-hero{background:radial-gradient(ellipse 70% 100% at 83% 40%,#043258 0%,transparent 70%),#001226;color:#fff;padding:75px 0 80px;position:relative}
.v8-works-hero-inner{max-width:1440px}
.v8-works-hero .breadcrumbs{margin-bottom:28px}
.v8-works-hero h1{font-size:clamp(40px,5.2vw,68px);color:#fff;margin:24px 0 18px;max-width:990px}
.v8-works-hero p{color:#bdd2e1;max-width:970px;font-size:17px;line-height:1.75}
.v8-works-gallery-section{background:#f1f6fa;padding:75px 0 90px}
.v8-works-intro{margin-bottom:29px}
.v8-works-intro h2{color:#071e34;font-size:clamp(26px,3vw,43px);margin:14px 0 7px}
.v8-works-intro p{color:#576f81;font-size:14px}
.v8-works-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.v8-work-item{background:#fff;border:1px solid #d7e5f0;border-radius:16px;overflow:hidden;box-shadow:0 20px 30px -35px #102739;transition:transform .25s,border-color .25s,box-shadow .25s}
.v8-work-item:hover{transform:translateY(-4px);border-color:#8bcbe6;box-shadow:0 20px 35px -30px #17354b}
.v8-work-open{border:0;padding:0;display:block;width:100%;background:#d7e4ef;cursor:zoom-in;text-align:left}
.v8-work-photo{display:block;aspect-ratio:4/4.65;overflow:hidden;position:relative}
.v8-work-photo>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.v8-work-item:hover .v8-work-photo>img{transform:scale(1.035)}
.v8-work-zoom{position:absolute;bottom:12px;right:13px;display:flex;align-items:center;justify-content:center;width:39px;height:39px;border-radius:10px;color:#001226;background:rgba(255,255,255,.9);box-shadow:0 6px 18px rgba(0,0,0,.12)}
.v8-work-item figcaption{padding:19px 20px 22px}
.v8-work-item h3{color:#0b263d;font-size:16px;line-height:1.35;margin:0 0 8px}
.v8-work-item p{font-size:13px;color:#5c7082;line-height:1.6}
.v8-work-dialog{background:rgba(0,8,20,.98);border:1px solid rgba(255,255,255,.2);border-radius:14px;max-width:min(94vw,1040px);max-height:94vh;width:max-content;color:#fff;padding:56px 16px 18px;box-shadow:0 25px 75px rgba(0,0,0,.55)}
.v8-work-dialog::backdrop{background:rgba(0,7,16,.88);backdrop-filter:blur(8px)}
.v8-work-dialog .v8-dialog-img{width:auto;height:auto;max-width:calc(94vw - 40px);max-height:calc(94vh - 135px);object-fit:contain;margin:0 auto}
.v8-dialog-title{color:#fff;font-size:13px;text-align:center;margin:9px 25px 0;line-height:1.5}
.v8-dialog-actions{position:absolute;display:flex;gap:9px;align-items:center;right:14px;top:10px}
.v8-dialog-actions button{background:#12314b;color:white;border:1px solid #56718b;border-radius:7px;width:34px;height:33px;font-size:22px;line-height:1;cursor:pointer}
.v8-dialog-actions button:hover{background:#255b83}
.v8-works-cta .cta-band-inner{align-items:center}
.v8-works-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:0 1 600px;width:min(100%,600px)}
.v8-works-actions a{display:flex;align-items:center;justify-content:center;gap:9px;padding:14px 12px;min-height:55px;border-radius:10px;font-size:12px;font-weight:900;white-space:nowrap;text-align:center}
.v8-work-call{background:#f7b83d;color:#051a29}.v8-work-wa{background:#25d366;color:#08281a}.v8-work-viber{background:#7360f2;color:white}
/* Reviews title: make more legible without breaking narrow phones. */
@media (max-width:640px){
 .v4-google-card .v4-google-copy h2{font-size:clamp(10.6px,3.12vw,12.3px);letter-spacing:-.052em}
}
/* Minor drop in desktop card height keeps the premium white-card rhythm. */
@media (max-width:1050px){
 .v8-works-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 .page-home .v2-services-grid{gap:13px}
}
@media (max-width:760px){
 .v8-real-header{align-items:end;margin-bottom:20px}
 .v8-real-nav{display:flex}
 .v8-real-track{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:2px;padding:2px 2px 14px;margin:0 -2px;scrollbar-width:none}
 .v8-real-track::-webkit-scrollbar{display:none}
 .v8-real-card{flex:0 0 min(77vw,292px);scroll-snap-align:start;aspect-ratio:4/5.2}
 .v8-real-header h2{font-size:clamp(25px,7vw,35px)}
 .v8-real-header p{font-size:13.5px}
 .v8-real-all{margin-top:10px}
 .v8-works-hero{padding:55px 0 63px}
 .v8-works-hero h1{font-size:clamp(30px,8vw,46px)}
 .v8-works-hero p{font-size:15px}
 .v8-works-gallery-section{padding:55px 0}
 .v8-works-actions{flex:0 1 auto;width:100%}
}
@media (max-width:600px){
 .page-home .v2-service-card{padding:15px 16px!important}
 .page-home .v2-why-card{padding:15px!important}
 .page-home .v8-card-heading .v2-icon{width:37px;height:37px;min-width:37px}
 .page-home .v2-service-card h3{font-size:14px;line-height:1.35}
 .page-home .v2-why-card h3{font-size:12.5px}
 .page-home .v2-service-card p,.page-home .v2-why-card p{font-size:12px;line-height:1.55;margin-top:7px!important}
 .page-home .v2-why-grid{grid-template-columns:1fr;gap:10px}
 .page-home .v2-location-card{padding:19px}
 .page-home .v2-location-card h3{font-size:15px}
 .v8-works-gallery{grid-template-columns:1fr;gap:17px}
 .v8-work-photo{aspect-ratio:4/4.9}
 .v8-works-actions{grid-template-columns:1fr}
 .v8-works-actions a{width:100%}
}
@media (min-width:1020px) and (max-width:1370px){
 /* Preserve desktop nav by reducing the widths of lower-priority anchor pills. */
 .site-header .primary-nav>a{padding-inline:7px;font-size:10px}
 .site-header .primary-nav>a.v8-works-nav{padding-inline:8px}
 .site-header .logo-link{flex-shrink:0}
}
@media (min-width:1020px) and (max-width:1150px){
 .site-header .primary-nav>a.v5-desktop-only[href$="#despre"]{display:none!important}
}
@media (prefers-reduced-motion:reduce){.v8-real-card>img,.v8-work-photo>img,.v8-work-item,.v2-location-card{transition:none!important}}