:root{--navy:#071b2d;--gold:#d5a64e;--gold2:#f0cb7a;--ink:#0d2135}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:white}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.container{width:min(1360px,89%);margin:auto}.top{background:#06192a;color:white;font-size:12px}.top-inner{min-height:44px;display:flex;align-items:center;gap:34px}.top-inner>a:hover{color:var(--gold2)}.languages{margin-left:auto;display:flex;align-items:center;gap:12px;white-space:nowrap}.languages button{border:0;background:none;color:#fff;font-size:12px;padding:5px 0;opacity:.65}.languages button.active{opacity:1;color:var(--gold2)}.languages i{height:15px;border-left:1px solid #7c8b97}header{background:white;position:sticky;top:0;z-index:10;box-shadow:0 2px 10px #071b2d10}.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{width:300px;flex-shrink:0}.brand img{display:block;width:100%;height:auto}nav{display:flex;align-items:center;gap:28px}nav a{font-size:13px;font-weight:600;white-space:nowrap}nav a:hover{color:#ad7d2b}.gold-btn{background:linear-gradient(110deg,#e8c577,#bf8f36);border:0;color:#091b2c;font-weight:800;font-size:12px;letter-spacing:.1px;display:inline-flex;align-items:center;justify-content:center;padding:18px 24px;min-height:49px;white-space:nowrap;transition:filter .2s,transform .2s}.gold-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}.header-cta{min-width:155px}.mobile-menu{display:none}.hero{background:#061a2c;min-height:486px;position:relative;overflow:hidden;color:#fff}.globe{position:absolute;right:0;top:0;width:67%;height:100%;background:url('/assets/images/hero/comert-international-glob-conexiuni.jpg') center top/cover no-repeat;opacity:.93}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#061a2c 0%,#061a2c 30%,#061a2ce0 39%,transparent 68%);pointer-events:none}.hero-inner{position:relative;z-index:1;min-height:486px;display:flex;align-items:center}.hero-copy{padding:44px 0;max-width:610px;z-index:2}.overline{font-size:12px;letter-spacing:2px;color:var(--gold2);font-weight:600;margin-bottom:24px}.hero h1{font-size:clamp(39px,3.55vw,60px);font-weight:900;letter-spacing:-2px;line-height:1.02;margin:0 0 20px}.hero h1 em{font-style:normal;color:#e2b65e}.hero p{font-size:15px;line-height:1.65;max-width:540px;margin:0 0 23px}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.outline-btn{border:1px solid #c5d1d9;padding:17px 23px;min-height:49px;font-size:12px;font-weight:700}.outline-btn:hover{background:#ffffff22}.hero-strips{position:absolute;right:-2%;bottom:0;width:57%;height:205px;display:flex;transform:skewX(-13deg);overflow:hidden;border-left:3px solid var(--gold);box-shadow:0 -10px 50px #0005}.hero-strips img{width:20%;min-width:0;object-fit:cover;border-right:3px solid #061a2c;filter:saturate(.8)}.divisions{padding:44px 0 75px}.division-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:end;margin-bottom:27px}.section-label{color:#bd8d38;font-size:12px;letter-spacing:.8px;font-weight:700;margin-bottom:13px}.section-label:before{content:'—';color:#102236;margin-right:12px}.division-intro h2{font-size:clamp(26px,2.6vw,39px);letter-spacing:-1.3px;margin:0}.division-intro p{font-size:13px;line-height:1.6;color:#516177;margin:0 0 4px}.cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.card{border:1px solid #e5e8eb;border-radius:5px;overflow:hidden;background:white;box-shadow:0 2px 7px #00000008}.card>img{display:block;width:100%;height:140px;object-fit:cover}.card-content{position:relative;padding:19px 16px 40px;min-height:160px}.card h3{font-size:15px;letter-spacing:-.4px;margin:0 0 8px}.card p{font-size:12px;line-height:1.55;color:#54657a;margin:0}.card a{position:absolute;bottom:12px;right:16px;color:#b88930;font-size:22px}.about-section{background:#f4f6f8;padding:85px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.split h2,.trade-grid h2,.contact-grid h2{font-size:clamp(30px,3.5vw,48px);letter-spacing:-1.5px;margin:0}.split p,.trade-grid p,.contact-grid p{line-height:1.85;font-size:15px;color:#516177}.text-link{color:#b18438;font-weight:800;font-size:12px}.trade-section{background:#091e31;color:#fff;padding:85px 0}.trade-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:65px}.trade-grid p{color:#c4d0da;margin:23px 0}.trade-grid img{width:100%;height:280px;object-fit:cover;border:5px solid #d0a352}.contact-section{padding:85px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.email{font-size:clamp(18px,2vw,25px);font-weight:800;color:#aa7a2d}.contact-panel{background:#f4f6f8;padding:32px}.contact-panel h3{margin:0 0 22px}.contact-panel form{display:grid;gap:15px}.contact-panel label{display:grid;gap:7px;font-size:12px;font-weight:700}.contact-panel input,.contact-panel textarea{border:1px solid #d6dde2;background:#fff;padding:12px;outline:none}.contact-panel input:focus,.contact-panel textarea:focus{border-color:#bc913e}.contact-panel small{font-size:11px;color:#657385}footer{background:#06192a;color:#c7d0d8;padding:27px 0}.foot{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;font-size:11px}.foot strong{color:white}section{scroll-margin-top:95px}@media(max-width:1200px){.brand{width:235px}nav{gap:14px}nav a{font-size:11px}.header-cta{min-width:125px;padding:13px}.hero-strips{width:53%}}@media(max-width:900px){.top-inner{gap:12px;flex-wrap:wrap;padding:10px 0}.top-inner>span{display:none}.header-inner{height:75px}.brand{width:220px}.mobile-menu{display:block;border:0;background:none;font-size:26px;margin-left:auto}nav{display:none;position:absolute;top:75px;left:0;right:0;background:#fff;padding:22px 6%;flex-direction:column;align-items:flex-start;box-shadow:0 15px 25px #0002}nav.open{display:flex}.header-cta{display:none}.hero-strips{opacity:.45}.hero:after{background:linear-gradient(90deg,#061a2c 0%,#061a2ce8 70%,#061a2c66)}.cards{grid-template-columns:repeat(3,1fr)}.division-intro{grid-template-columns:1fr;gap:15px}.split,.trade-grid,.contact-grid{gap:35px}}@media(max-width:620px){.top-inner>a{display:none}.languages{margin:auto}.hero-inner{min-height:550px}.hero{min-height:550px}.hero-copy{padding:50px 0 150px}.hero h1{font-size:clamp(35px,8vw,50px)}.hero-strips{height:125px;width:100%;right:-15%;opacity:.7}.globe{width:100%;opacity:.45}.cards{grid-template-columns:1fr 1fr}.card>img{height:125px}.card-content{min-height:185px}.split,.trade-grid,.contact-grid{grid-template-columns:1fr}.trade-grid img{height:210px}.divisions,.about-section,.trade-section,.contact-section{padding:55px 0}.foot{flex-direction:column;align-items:start}}@media(max-width:390px){.cards{grid-template-columns:1fr}.card>img{height:175px}.card-content{min-height:145px}}

.hp{position:absolute!important;left:-9999px!important;opacity:0!important}#form-status{font-size:14px;min-height:1.5em;margin-top:10px}.languages button{font-weight:700}

/* Consent banner: visible only before a choice; no tracking prior to opt-in */
.nsw-cookie-banner{position:fixed;z-index:9999;bottom:16px;left:16px;right:16px;max-width:590px;padding:20px 22px;background:#fff;color:#071b2d;border:1px solid #d8dce0;border-radius:12px;box-shadow:0 12px 45px #071b2d40;font-family:inherit}.nsw-cookie-banner[hidden],.nsw-cookie-actions[hidden]{display:none}.nsw-cookie-banner strong{font-size:17px}.nsw-cookie-banner p{font-size:14px;line-height:1.55;margin:9px 0 14px}.nsw-cookie-actions{display:flex;gap:9px;flex-wrap:wrap}.nsw-cookie-banner button,.nsw-cookie-manage{cursor:pointer;border-radius:5px;padding:10px 14px;font:inherit;font-size:13px;font-weight:600}.nsw-cookie-primary{background:#bd943e;border:1px solid #bd943e;color:#071b2d}.nsw-cookie-secondary{background:white;border:1px solid #aeb8c1;color:#071b2d}.nsw-cookie-preferences{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.nsw-cookie-preferences label{font-size:14px}.nsw-cookie-manage{display:block;margin:8px auto 22px;background:transparent;color:inherit;border:1px solid currentColor;font-size:12px}@media(max-width:480px){.nsw-cookie-banner{left:8px;right:8px;bottom:8px;padding:16px}}

/* Entire business division card is one accessible link */
.card-link{display:block;color:inherit;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.card-link:hover,.card-link:focus-visible{transform:translateY(-3px);box-shadow:0 9px 24px #061b2b20;border-color:#c59b47}
.card-link:focus-visible{outline:3px solid #c59b47;outline-offset:3px}
.card-link .card-arrow{position:absolute;bottom:12px;right:16px;color:#b88930;font-size:22px}
.card-link:hover h3{color:#a87928}

/* Card arrows: longer gold arrow, across all languages */
.card-link .card-arrow {
  color: #c59b47;
  font-size: 29px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  transform: scaleX(1.55);
  transform-origin: right center;
  transition: transform .2s ease, color .2s ease;
}
.card-link:hover .card-arrow, .card-link:focus-visible .card-arrow {
  color: #b88930;
  transform: translateX(3px) scaleX(1.65);
}


/* NSW: bordura discret aurie + CTA compact, fara schimbarea dimensiunilor cardurilor */
.cards .card.card-link{border:1px solid #e6d5b4;transition:border-color .2s,box-shadow .2s,transform .2s}
.cards .card.card-link:hover,.cards .card.card-link:focus-visible{border-color:#c99b47}
.cards .card.card-link .card-arrow{position:absolute;left:16px;right:auto;bottom:13px;display:inline-flex;align-items:center;gap:8px;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:0;color:#bd8b34;line-height:1.3;transform:none;transition:color .2s}
.cards .card.card-link .card-arrow::after{content:'→';font-size:18px;font-weight:400;line-height:1}
.cards .card.card-link:hover .card-arrow,.cards .card.card-link:focus-visible .card-arrow{color:#92651f;transform:none}
.cards .card.card-link .card-content{padding-bottom:49px}

/* FIX 2026-10-26: card clickable, compact gold CTA, subtle gold border */
.cards > a.card.card-link {
  position: relative !important;
  display: block !important;
  inset: auto !important;
  width: auto !important;
  height: auto !important;
  font-size: inherit !important;
  border: 1px solid #e6d5b4 !important;
  text-decoration: none;
  color: inherit;
}
.cards > a.card.card-link:hover,
.cards > a.card.card-link:focus-visible { border-color: #c69b49 !important; }
.cards > a.card.card-link .card-content { position: relative; padding-bottom: 48px; }
.cards > a.card.card-link .card-arrow {
  position: absolute !important;
  left: 16px !important;
  right: auto !important;
  bottom: 14px !important;
  top: auto !important;
  width: auto !important;
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  white-space: nowrap;
  font: 600 11px/1.2 Inter, Arial, sans-serif !important;
  letter-spacing: 0 !important;
  color: #b98934 !important;
  transform: none !important;
}
.cards > a.card.card-link .card-arrow::after {
  content: '→';
  font: 400 16px/1 Arial, sans-serif;
  color: #b98934;
}
.cards > a.card.card-link:hover .card-arrow { color: #966b26 !important; }

/* Six divisions: maintain legible card widths; existing gold borders and compact CTA retained */
@media(min-width:1000px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:650px) and (max-width:999px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cards .card.card-link{border-color:#e4d3b0}
.cards .card.card-link .card-arrow{font-size:11px!important;letter-spacing:0!important;transform:none!important;white-space:nowrap}
.cards .card.card-link .card-arrow::after{font-size:16px!important}

/* FIX FINAL: 3 carduri pe rand pe desktop, 2 pe tableta, 1 pe mobil. */
@media (min-width: 1024px) { #cards.cards { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:18px !important; } }
@media (min-width: 640px) and (max-width: 1023px) { #cards.cards { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:16px !important; } }
@media (max-width: 639px) { #cards.cards { display:grid !important; grid-template-columns:minmax(0,1fr) !important; gap:16px !important; } }
#cards.cards > .card { width:100%; min-width:0; }

/* Six industry panels in the upper hero banner */
.hero-strips img{width:16.666666%;flex:0 0 16.666666%;min-width:0}

/* Six distinct hero divisions, no clipped or repeated tyre panel */
.hero-strips img{width:16.666667%;flex:0 0 16.666667%;min-width:0}





/* Construction image: present completed residential homes, not an unfinished building. */
.cards a[href*="constructii-civile-industriale"]>img{object-position:center 58%!important}




/* White American-style house, properly framed in construction cards */
.cards a[href*="constructii-civile-industriale"]>img{object-position:center 55%!important}


/* HERO — final: navy left, darker diagonal backing panels, images within container. */
@media (min-width:901px) {
 .hero {position:relative!important;overflow:hidden!important;isolation:isolate!important;background:#061a2c!important;}
 .hero .globe {position:absolute!important;inset:0 0 0 auto!important;z-index:0!important;width:75%!important;height:100%!important;opacity:.82!important;background-position:center center!important;}
 /* The approved left-hand area remains deep navy; globe emerges only to the right. */
 .hero::after {content:""!important;position:absolute!important;inset:0!important;z-index:1!important;pointer-events:none!important;background:linear-gradient(90deg,#061a2c 0%,rgba(6,26,44,.94) 28%,rgba(6,26,44,.88) 36%,rgba(6,26,44,.65) 47%,rgba(6,26,44,.22) 62%,rgba(6,26,44,.03) 82%,transparent 100%)!important;}
 /* Three subtle background facets behind the image ribbon, not on the copy. */
 .hero::before {content:""!important;position:absolute!important;inset:auto 4% 0 auto!important;z-index:2!important;pointer-events:none!important;width:68%!important;height:86%!important;transform:none!important;clip-path:none!important;opacity:1!important;box-shadow:none!important;background:linear-gradient(104deg,transparent 0 12%,rgba(7,30,49,.76) 12.2% 29%,transparent 29.2%),linear-gradient(104deg,transparent 0 35%,rgba(6,27,46,.80) 35.2% 52%,transparent 52.2%),linear-gradient(104deg,transparent 0 59%,rgba(4,22,40,.77) 59.2% 77%,transparent 77.2%)!important;}
 .hero .hero-inner.container {position:relative!important;z-index:3!important;width:min(1360px,89%)!important;margin-inline:auto!important;min-height:486px!important;display:flex!important;align-items:center!important;}
 .hero .hero-copy {position:relative!important;z-index:5!important;max-width:43%!important;box-sizing:border-box!important;}
 .hero .hero-copy p {max-width:100%!important;}
 .hero .hero-strips {position:absolute!important;z-index:4!important;right:0!important;left:auto!important;bottom:0!important;top:auto!important;width:55%!important;height:205px!important;display:flex!important;align-items:stretch!important;overflow:visible!important;opacity:1!important;transform:skewX(-13deg)!important;transform-origin:bottom right!important;border:0!important;border-left:2px solid #cba14d!important;box-shadow:-30px -25px 54px rgba(0,6,18,.75)!important;filter:none!important;}
 /* Darker six diagonal panels; same placement, width and vertical offset. */
 .hero .hero-strips::before {content:""!important;position:absolute!important;z-index:-1!important;pointer-events:none!important;left:-8%!important;right:-1%!important;bottom:0!important;width:auto!important;height:121%!important;transform:translateY(-9%)!important;background:repeating-linear-gradient(90deg,rgba(12,40,62,.88) 0 15.9%,rgba(0,7,20,.99) 16% 16.75%)!important;box-shadow:-22px -12px 32px rgba(0,6,20,.72)!important;opacity:1!important;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 12%,#000 29%,#000 100%)!important;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.28) 12%,#000 29%,#000 100%)!important;}
 .hero .hero-strips img {display:block!important;flex:0 0 16.666667%!important;width:16.666667%!important;min-width:0!important;height:100%!important;object-fit:cover!important;object-position:center!important;box-sizing:border-box!important;border:0!important;border-right:3px solid #061b2d!important;filter:saturate(.96)!important;box-shadow:none!important;transform:none!important;}
 .hero .hero-strips img:hover {filter:saturate(1.08) brightness(1.04)!important;}
}
@media (min-width:901px) and (max-width:1199px) {
 .hero .hero-copy {max-width:45%!important;}
 .hero .hero-strips {width:52%!important;height:175px!important;}
}

/* Mobile hero ribbon: edge-to-edge across the screen, without desktop changes. */
@media (max-width:900px) {
  .hero {overflow:hidden!important;}
  .hero .hero-inner,
  .hero .hero-inner.container {position:relative!important;}
  .hero .hero-strips {
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:0!important;
    top:auto!important;
    width:calc(100vw + 34px)!important;
    max-width:none!important;
    height:clamp(115px,31vw,185px)!important;
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow:visible!important;
    opacity:1!important;
    transform:translateX(-50%) skewX(-9deg)!important;
    transform-origin:center bottom!important;
    border-left:2px solid #cba14d!important;
    box-shadow:0 -14px 32px rgba(0,9,25,.45)!important;
  }
  .hero .hero-strips img {
    display:block!important;
    flex:0 0 16.6666667%!important;
    width:16.6666667%!important;
    min-width:0!important;
    height:100%!important;
    object-fit:cover!important;
    border-right:2px solid #061b2d!important;
    opacity:1!important;
  }
}

/* NSW 2026-10-26: no decorative icons/badges over any service image, desktop or mobile. */
.cards .card > .card-icon, .cards .card > .card-badge,
.cards .card .image-icon, .cards .card .image-badge,
.cards .card .service-icon, .cards .card .service-badge,
.cards .card .division-icon, .cards .card .division-badge,
.service-image .image-icon, .service-image .image-badge,
.service-media .image-icon, .service-media .image-badge,
.service-visual .image-icon, .service-visual .image-badge,
.service-aside .image-icon, .service-aside .image-badge,
aside .image-icon, aside .image-badge, aside .service-icon, aside .service-badge,
.cards .card > svg, .cards .card > i,
aside > svg, aside > i { display:none!important; }
.cards .card::before, .cards .card::after,
.cards .card > img::before, .cards .card > img::after,
.service-image::before, .service-image::after,
.service-media::before, .service-media::after,
.service-visual::before, .service-visual::after,
aside > img::before, aside > img::after { content:none!important; display:none!important; }