/* Passerelles Services ↔ Magasin : maquettes de 2048 × 682 en HTML/SVG.
   Les photographies de droite sont extraites des visuels fournis. */
.svc-store-bridge{--shop-lime:#b7f500;--bridge-title-outdent:-390;position:relative;isolation:isolate;width:100%;max-width:var(--acc-content-width,1200px);margin-inline:auto;overflow:clip;background:#010d0a;color:#f8faf7;scroll-margin-top:124px}
#svc-magasin{--bridge-title-outdent:-565}
.svc-store-bridge__scene{--bu:calc(100cqw / 2048);--bridge-copy-scale:.6273;--bridge-body-size:15px;--bridge-label-size:14px;--bridge-button-size:calc(26.0138568 * var(--bu));position:relative;isolation:isolate;width:100%;aspect-ratio:2048/579.7;container-type:inline-size;background:radial-gradient(ellipse at 3% 0,#00190010,transparent 47%),#000e0b}
.svc-store-bridge__scene::before{content:"";position:absolute;z-index:-1;inset:0;background:url('./assets/services-store-honeycomb.svg') left top/calc(1300 * var(--bu)) calc(682 * var(--bu)) no-repeat;mask-image:radial-gradient(ellipse at 26% 52%,transparent 30%,#000 90%);opacity:.85;pointer-events:none}
.svc-store-bridge__photo{position:absolute;z-index:0;top:0;left:41.015625%;width:58.984375%;height:100%;overflow:hidden;clip-path:polygon(37.4172% 0,100% 0,100% 100%,7.20199% 100%);pointer-events:none}
.svc-store-bridge__photo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.svc-store-bridge__lights{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;max-width:none;overflow:visible;pointer-events:none}
/* La géométrie reste à 62,73 %. Les polices compensent cette transformation
   pour reprendre la taille réelle des autres sections : titre partagé,
   paragraphe 15 px et bouton à la même échelle que l’appel atelier.
   Les retours à la ligne occupent le panneau sans déplacer ses décors. */
.svc-store-bridge__foreground{position:absolute;z-index:2;inset:50% auto auto 0;width:62.01171875%;height:calc(682 * var(--bu));transform:translateY(-50%) scale(var(--bridge-copy-scale));transform-origin:50% 50%}
.svc-store-bridge__icon{position:absolute;z-index:2;left:calc(54 * var(--bu));top:calc(104 * var(--bu));width:calc(188 * var(--bu));height:calc(170 * var(--bu));max-width:none;overflow:visible;color:var(--shop-lime);pointer-events:none}
.svc-store-bridge .svc-store-bridge__eyebrow{position:absolute;z-index:2;left:calc(272 * var(--bu));top:calc(-100 * var(--bu));display:flex;align-items:center;gap:calc(21 * var(--bu));margin:0;white-space:nowrap;color:#f6f8f6;font:italic 800 calc(var(--bridge-label-size) / var(--bridge-copy-scale))/1.25 Barlow,Impact,sans-serif!important;letter-spacing:-.018em;text-transform:uppercase}
.svc-store-bridge__eyebrow>i{display:block;width:calc(3 * var(--bu));height:calc(37 * var(--bu));background:var(--shop-lime)}
.svc-store-bridge__eyebrow>em{color:var(--shop-lime);font-size:inherit;font-style:inherit}
.svc-store-bridge .svc-store-bridge__title{position:absolute;z-index:2;left:calc(261 * var(--bu));top:calc(-42 * var(--bu));margin:0;color:#f8faf7;font:italic 800 calc(var(--acc-heading-size,42px) / var(--bridge-copy-scale))/1.08 Barlow,Impact,sans-serif!important;letter-spacing:-.012em;text-transform:none;text-shadow:0 calc(2 * var(--bu)) calc(2 * var(--bu)) #0009}
.svc-store-bridge__title-line{display:block;white-space:nowrap}
.svc-store-bridge__title-line:first-child{padding-left:0;margin-left:calc(var(--bridge-title-outdent) * var(--bu));transform:none}
.svc-store-bridge__title-line+span{margin-top:0;letter-spacing:-.0075em}
.svc-store-bridge .svc-store-bridge__title-line em{color:var(--shop-lime);font-style:inherit}
.svc-store-bridge .svc-store-bridge__description{position:absolute;z-index:2;left:calc(-160 * var(--bu));top:calc(310 * var(--bu));width:calc(1400 * var(--bu));margin:0;color:#f2f4f1;font:400 calc(var(--bridge-body-size) / var(--bridge-copy-scale))/1.3 Inter,Arial,sans-serif!important;letter-spacing:-.007em;text-shadow:0 1px 2px #0008}
.svc-store-bridge__description>span{display:inline;white-space:normal}
.svc-store-bridge__cta{position:absolute;z-index:3;left:calc(102 * var(--bu));top:calc(492 * var(--bu));display:flex;align-items:center;justify-content:center;width:calc(594 * var(--bu));height:calc(106 * var(--bu));padding:calc(14 * var(--bu)) calc(32 * var(--bu));border:calc(2 * var(--bu)) solid #e3ff6e;border-radius:calc(34 * var(--bu));outline:calc(1 * var(--bu)) solid #9bcc03;outline-offset:calc(6 * var(--bu));transform:skewX(-18deg);background:linear-gradient(180deg,#e3ff84 -20%,#c3fb08 25%,#baf200 90%);box-shadow:0 0 calc(15 * var(--bu)) #b5ff00b3,inset 0 calc(5 * var(--bu)) calc(9 * var(--bu)) #f5ffc799,0 calc(7 * var(--bu)) calc(10 * var(--bu)) #000a;color:#030700;text-decoration:none;font:italic 800 calc(var(--bridge-button-size) / var(--bridge-copy-scale))/1 Barlow,Impact,sans-serif;white-space:nowrap;transition:filter .2s ease}
.svc-store-bridge__cta::before{content:"";position:absolute;left:10%;right:10%;top:calc(-1 * var(--bu));height:calc(3 * var(--bu));background:linear-gradient(90deg,transparent,#f8ffe5 50%,transparent);pointer-events:none}
.svc-store-bridge__cta>span{display:flex;align-items:center;justify-content:center;gap:calc(17 * var(--bu));transform:skewX(18deg) translate(calc(2 * var(--bu)),calc(-4 * var(--bu)))}
.svc-store-bridge__cta svg{display:block;flex:none;width:calc(57 * var(--bu));height:calc(38 * var(--bu));fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:square;stroke-linejoin:miter}
.svc-store-bridge__cta:hover{filter:brightness(1.08)}
.svc-store-bridge__cta:focus-visible{outline:3px solid #fff;outline-offset:8px}
@media(min-width:901px) and (max-width:1100px){
 .svc-store-bridge__scene{--bridge-body-size:13px}
 .svc-store-bridge .svc-store-bridge__description{top:calc(300 * var(--bu));line-height:1.2!important}
}
@media(max-width:900px){
 .svc-store-bridge{scroll-margin-top:90px}
 .svc-store-bridge__scene{display:flex;flex-direction:column;aspect-ratio:auto;padding:32px 22px 0;background:radial-gradient(ellipse at 3% 0,#16331533,transparent 62%),#010d0a}
 .svc-store-bridge__scene::before{background-size:100% auto;mask-image:radial-gradient(ellipse at 60% 40%,transparent 5%,#000 85%);opacity:.55}
 .svc-store-bridge__lights{display:none}
 .svc-store-bridge__foreground{display:contents;position:static;width:auto;height:auto;transform:none}
 .svc-store-bridge__icon{left:17px;top:28px;width:65px;height:65px}
 .svc-store-bridge .svc-store-bridge__eyebrow{position:relative;left:auto;top:auto;display:block;min-height:47px;margin:0 0 13px 70px;font-size:16px!important;line-height:1.3;letter-spacing:0;white-space:normal}
 .svc-store-bridge__eyebrow>i{display:none}
 .svc-store-bridge__eyebrow>em{display:block;font-size:16px}
 .svc-store-bridge .svc-store-bridge__title{position:relative;left:auto;top:auto;margin:12px 0 0;font-size:var(--acc-heading-size,30px)!important;line-height:1.13;letter-spacing:-.025em}
 .svc-store-bridge__title-line{display:inline;white-space:normal}
 .svc-store-bridge__title-line:first-child{padding-left:0;margin-left:0;transform:none}
 .svc-store-bridge__title-line+span{margin-top:3px}
 .svc-store-bridge .svc-store-bridge__title::after{content:"";display:block;width:86%;height:2px;margin:24px auto 0;background:linear-gradient(90deg,transparent,#dfff9b,var(--shop-lime),transparent);box-shadow:0 0 8px #b2f800}
 .svc-store-bridge .svc-store-bridge__description{position:relative;left:auto;top:auto;width:auto;margin:24px 0 0;font-size:16px!important;line-height:1.5;letter-spacing:0}
 .svc-store-bridge__description>span{display:inline;white-space:normal}
 .svc-store-bridge__cta{position:relative;left:auto;top:auto;align-self:flex-start;width:calc(100% - 22px);max-width:420px;height:auto;min-height:56px;margin:27px 11px 3px;padding:14px 16px;border-width:1.5px;border-radius:18px;outline-width:1px;outline-offset:4px;font-size:clamp(18px,3.8vw,26px);box-shadow:0 0 13px #b5ff0066,inset 0 3px 6px #f5ffc799}
 .svc-store-bridge__cta>span{gap:14px;transform:skewX(18deg)}
 .svc-store-bridge__cta svg{width:28px;height:23px;stroke-width:4}
 .svc-store-bridge__photo{position:relative;top:auto;left:auto;order:5;width:calc(100% + 44px);height:auto;max-height:460px;aspect-ratio:1.24;margin:31px -22px 0;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%,0 16%);border-top:2px solid var(--shop-lime);box-shadow:0 -3px 14px #a5e51b55}
 .svc-store-bridge__photo img{position:absolute;top:0;left:-62.8%;width:162.8%;height:auto;object-fit:cover}
}
@media(prefers-reduced-motion:reduce){.svc-store-bridge__cta{transition:none}}