/* ALHUMA — Fibre optique, design V3. 14 octobre 2026 */
/* Accueil : alignement de la carte Fibre avec LAN et VDI.
   Son image est désormais cliquable et doit conserver les mêmes dimensions que les images directes. */
.product-card#fibre > a {
  display:block;
  flex:0 0 auto;
  width:100%;
  height:202px;
  overflow:hidden;
  line-height:0;
}
.product-card#fibre > a > img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
/* La flèche et le titre occupent toute la largeur, comme sur les autres cartes. */
.product-card#fibre .product-content h3 > a {
  display:flex;
  flex:1;
  width:100%;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  color:inherit;
}
/* Même hauteur, typographie et espacement pour tous les petits boutons. */
.product-card#fibre .tags a {
  display:inline-flex;
  align-items:center;
  padding:5px 8px;
  border-radius:4px;
  background:#eaf3fa;
  color:#285577;
  font-size:11px;
  font-weight:600;
  line-height:1.25;
  white-space:nowrap;
  text-decoration:none;
}
.product-card#fibre .tags a:hover,
.product-card#fibre .tags a:focus-visible { background:#d0e9f5; }
@media(max-width:760px){
  .product-card#fibre > a {height:245px;}
}
@media(max-width:460px){
  .product-card#fibre > a {height:190px;}
}

/* Le reste n'affecte que les deux pages SEO. */
.fibre-page{--f-ink:#082a46;--f-navy:#061d33;--f-blue:#0e4666;--f-cyan:#5bd3e5;--f-muted:#547087;color:var(--f-ink);overflow:hidden}
.fibre-page .wrap{width:min(1250px,calc(100% - 84px))}
.fibre-breadcrumb{height:54px;display:flex;gap:12px;align-items:center;color:#617a8e;font-size:12px}
.fibre-breadcrumb a{color:#24637e}.fibre-breadcrumb a:hover{text-decoration:underline}
.fibre-breadcrumb span[aria-hidden]{color:#9bb4c5}
.fibre-hero{background:radial-gradient(ellipse at 76% 12%,#164f70 0,#082d4c 53%,#061d33 100%);position:relative;isolation:isolate;color:#fff;overflow:hidden}
.fibre-hero-visual{position:absolute;inset:0 0 0 38%;z-index:-1;overflow:hidden;opacity:.94;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 13%,#000 39%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.25) 13%,#000 39%)}
.fibre-hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.fibre-hero-layout{min-height:443px;display:flex;align-items:center;padding-top:51px;padding-bottom:56px}
.fibre-hero-copy{position:relative;z-index:2;max-width:610px}
.fibre-eyebrow{margin:0 0 14px;color:#107ca4;font-size:11px;letter-spacing:.18em;line-height:1.5;font-weight:800}
.fibre-eyebrow-light{color:#7ce4f4}
.fibre-hero h1{color:#fff;font-size:clamp(42px,4.6vw,65px);font-weight:800;letter-spacing:-.055em;line-height:1.08;margin:0 0 21px}
.fibre-hero-lead{font-size:clamp(16px,1.3vw,19px);line-height:1.63;color:#edf7fc;margin:0 0 27px;max-width:580px}
.fibre-hero .btn{box-shadow:0 5px 20px rgba(0,0,0,.12)}
.fibre-hero-note{font-size:12px;font-weight:700;color:#9bdbe9;letter-spacing:.02em;margin:19px 0 0}
.fibre-products{background:#fff}
.fibre-section-wrap{padding-top:66px;padding-bottom:72px}
.fibre-section-header{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:48px;align-items:end;margin-bottom:30px}
.fibre-section-header h2{font-size:clamp(29px,2.7vw,41px);font-weight:800;letter-spacing:-.038em;line-height:1.17;color:#092b48;margin:0}
.fibre-section-header>p{font-size:15px;line-height:1.67;color:#526d85;margin:0 0 3px;max-width:425px}
.fibre-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.fibre-category-card{display:flex;flex-direction:column;gap:10px;min-height:248px;overflow:hidden;position:relative;background:#fff;border:1px solid #dbe7ef;border-radius:10px;padding:27px 27px 23px;box-shadow:0 10px 30px rgba(8,35,60,.055);transition:transform .18s,box-shadow .18s,border-color .18s}
.fibre-category-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#13749a,#7ee3f2)}
.fibre-category-card:hover{transform:translateY(-4px);box-shadow:0 14px 36px rgba(8,35,60,.115);border-color:#a9cfdf}
.fibre-category-card:focus-visible{outline:3px solid #47b9df;outline-offset:4px}
.fibre-category-main{display:flex;align-items:flex-start;gap:9px;justify-content:space-between;flex:1}
.fibre-category-content{flex:1;min-width:0;position:relative;z-index:1}
.fibre-category-kicker{font-size:11px;color:#2380a3;letter-spacing:.12em;font-weight:800}
.fibre-category-kicker span{padding:0 5px;color:#a2c0ce}
.fibre-category-card h3{font-size:clamp(19px,1.5vw,23px);letter-spacing:-.025em;line-height:1.24;margin:25px 0 10px;color:#092c49}
.fibre-category-card p{font-size:14px;line-height:1.6;color:#506b81;margin:0;max-width:375px}
.fibre-category-art{width:clamp(110px,11.7vw,160px);height:clamp(110px,11.7vw,160px);object-fit:contain;flex:none;align-self:center;filter:drop-shadow(0 5px 12px rgba(17,80,119,.10));margin:-12px -9px -8px -18px}
.fibre-category-link{font-size:13px;color:#0877a0;font-weight:800;display:flex;align-items:center;gap:12px;margin-top:2px}
.fibre-category-link span{font-size:18px;line-height:1}
.fibre-category-card:hover .fibre-category-link span{transform:translate(2px,-2px)}
.fibre-family-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.fibre-family{display:grid;grid-template-columns:45px minmax(0,1fr);gap:16px;min-height:149px;padding:26px 29px;background:#fff;border:1px solid #dfe9f1;border-radius:9px;box-shadow:0 8px 24px rgba(6,38,65,.042)}
.fibre-family-index{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;border:1px solid #cce5f0;color:#0d789b;font-size:12px;font-weight:800;letter-spacing:.02em}
.fibre-family h3{font-size:18px;line-height:1.34;letter-spacing:-.016em;color:#0a2b46;margin:3px 0 8px}
.fibre-family p{font-size:14px;line-height:1.62;color:#577286;margin:0}
.fibre-family-inquiry{background:linear-gradient(120deg,#092941,#0d4762);border-color:#0d4762;transition:transform .18s,box-shadow .18s}
.fibre-family-inquiry:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(5,36,62,.16)}
.fibre-family-inquiry .fibre-family-index{background:#11516c;border-color:#326b81;color:#9fe6f4;font-size:18px}
.fibre-family-inquiry h3{color:#fff}.fibre-family-inquiry p{color:#d5e7f2}
.fibre-family-inquiry span{display:inline-block;margin-top:14px;font-size:13px;font-weight:700;color:#99e4ef}
.fibre-technical{background:#f3f8fb;border-top:1px solid #e3edf3}
.fibre-technical .fibre-section-wrap{padding-top:61px;padding-bottom:68px}
.fibre-spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.fibre-spec{background:#fff;border:1px solid #dce9f1;border-radius:8px;padding:26px 21px 25px;min-height:223px}
.fibre-spec>span{font-size:11px;letter-spacing:.13em;font-weight:800;color:#1696b9}
.fibre-spec h3{font-size:16px;line-height:1.35;margin:18px 0 10px;color:#092e4d}
.fibre-spec p{font-size:13px;line-height:1.61;color:#597187;margin:0}
.fibre-spec-note{font-size:12px;line-height:1.6;color:#607d91;margin:20px 0 0}
.fibre-bottom-cta{position:relative;background:linear-gradient(104deg,#061d33 0,#093251 70%,#105473 100%);color:#fff;overflow:hidden}
.fibre-bottom-cta:after{content:"";position:absolute;right:-80px;top:-160px;width:520px;height:520px;border:1px solid rgba(104,200,226,.12);border-radius:50%;box-shadow:0 0 0 68px rgba(116,215,231,.03),0 0 0 137px rgba(116,215,231,.025);pointer-events:none}
.fibre-bottom-layout{min-height:225px;display:flex;align-items:center;justify-content:space-between;gap:45px;padding-top:42px;padding-bottom:44px;position:relative;z-index:1}
.fibre-bottom-layout h2{font-size:clamp(26px,2.3vw,36px);line-height:1.18;color:#fff;letter-spacing:-.035em;margin:0 0 12px}
.fibre-bottom-layout p:not(.fibre-eyebrow){font-size:15px;color:#dcebf5;line-height:1.65;margin:0;max-width:660px}
.fibre-bottom-layout .btn{flex:none}
@media(max-width:1080px){.fibre-page .wrap{width:calc(100% - 60px)}.fibre-hero-visual{left:40%;opacity:.75}.fibre-hero-copy{max-width:560px}.fibre-section-header{gap:25px}.fibre-category-art{width:110px;height:120px}.fibre-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fibre-spec{min-height:unset}}
@media(max-width:760px){.fibre-page .wrap{width:calc(100% - 36px)}.fibre-breadcrumb{height:44px;font-size:11px;gap:9px}.fibre-hero{display:flex;flex-direction:column}.fibre-hero-layout{min-height:unset;padding-block:42px 31px;order:0}.fibre-hero-visual{position:relative;inset:auto;order:1;opacity:1;height:200px;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 27%);mask-image:linear-gradient(to bottom,transparent 0,#000 27%)}.fibre-hero-visual img{object-position:50% 50%}.fibre-hero h1{font-size:clamp(38px,9vw,53px)}.fibre-hero-lead{font-size:16px;max-width:none}.fibre-hero-note{margin-top:18px}.fibre-section-wrap{padding-block:50px}.fibre-section-header{grid-template-columns:1fr;gap:13px;margin-bottom:24px}.fibre-section-header h2{font-size:30px}.fibre-section-header>p{max-width:none}.fibre-category-grid,.fibre-family-grid{grid-template-columns:1fr}.fibre-category-card{min-height:222px}.fibre-bottom-layout{flex-direction:column;align-items:flex-start;justify-content:center;min-height:unset;padding-block:42px;gap:23px}}
@media(max-width:430px){.fibre-category-card{padding:23px 20px 21px}.fibre-category-art{width:105px;height:110px;margin:-3px -15px -7px -14px}.fibre-category-card h3{font-size:19px;margin-top:21px}.fibre-category-card p{font-size:13px}.fibre-family{padding:21px 20px;grid-template-columns:37px minmax(0,1fr);gap:10px}.fibre-spec-grid{grid-template-columns:1fr}.fibre-spec{padding:20px}.fibre-hero-visual{height:169px}}
@media(prefers-reduced-motion:reduce){.fibre-category-card,.fibre-family-inquiry{transition:none}}