/* Boutique NS AUTO — même identité que l’accueil, catalogue au premier plan. */
.shop-page{background:#050607;color:#f2efe8}
.shop-page .home-shell{background:#0a0b0e}
.shop-page .desktop-nav a[aria-current=page]{color:#d9b4f5}
.shop-page .desktop-nav a[aria-current=page]::after{content:'';width:5px;height:5px;border-radius:50%;background:#bb80e7}
.shop-intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:36px;padding:32px var(--gutter) 37px;background:radial-gradient(ellipse at 18% 0%,#23182d,transparent 65%),#101014;border-bottom:1px solid #2d2534}
.shop-breadcrumb{display:flex;gap:10px;align-items:center;font-size:12px;color:#b5aabc;margin-bottom:27px}
.shop-breadcrumb a:hover{color:#e4c4fa}
.shop-intro .eyebrow{color:#c299e0;font-size:11px}
.shop-intro h1{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(35px,4.2vw,60px);letter-spacing:-.035em;line-height:1.04;margin-top:10px}
.shop-intro-text{font-size:16px;color:#c0b8c7;line-height:1.6;margin-top:15px}
.shop-intro-feature{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:16px;min-height:180px;border:1px solid #51405e;border-radius:20px;padding:12px 20px 12px 0;background:#0b0b10;overflow:hidden}
.shop-intro-feature img{width:100%;height:180px;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,#000 80%,transparent)}
.shop-intro-feature p{font-family:'DM Serif Display',Georgia,serif;font-size:26px;line-height:1.08;margin:10px 0 16px}
.shop-new{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#d7afea}
.shop-feature-link{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:600;color:#e6c2ff}
.shop-feature-link .icon{width:19px}
.shop-intro-feature:hover{border-color:#bd82e3}
.shop-catalogue{display:grid;grid-template-columns:215px minmax(0,1fr);gap:34px;padding:36px var(--gutter) 54px;align-items:start;scroll-margin-top:18px}
.shop-sidebar{position:sticky;top:22px;min-width:0}
.shop-categories h2{font-family:'DM Sans',Arial,sans-serif;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;margin:0 0 16px}
.shop-page .chip-row{display:flex;flex-direction:column;gap:5px}
.shop-page .chip{min-height:45px;border:1px solid transparent;border-radius:10px;padding:11px 12px;background:transparent;color:#bfb7c8;text-align:left;font:inherit;font-size:14px;line-height:1.4;transition:background .2s,border-color .2s,color .2s}
.shop-page .chip:hover{background:#1b1522;color:#f3e7fc}
.shop-page .chip.active{background:#2b1b3a;border-color:#6d438a;color:#f3e5ff;font-weight:700}
.shop-vehicle{margin-top:25px;border-top:1px solid #362a3e;border-bottom:1px solid #362a3e}
.shop-vehicle summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 2px;font-size:14px;font-weight:600;list-style:none}
.shop-vehicle summary::-webkit-details-marker{display:none}
.shop-vehicle summary small{display:block;font-size:12px;font-weight:400;color:#a99bb4;margin-top:3px}
.shop-vehicle summary>span:last-child{font-size:25px;font-weight:400;color:#c896e9}
.shop-vehicle[open] summary>span:last-child{transform:rotate(45deg)}
.shop-vehicle-fields{display:flex;flex-direction:column;padding:2px 0 18px}
.shop-vehicle-fields label{font-size:12px;color:#bcacc7;margin:10px 0 6px}
.shop-vehicle-fields select{width:100%;min-width:0;min-height:46px;padding:10px 8px;background:#17121d;border:1px solid #50405d;border-radius:8px;color:#f1e7f7;font:inherit;font-size:14px}
.shop-vehicle-fields select:disabled{opacity:.55}
.shop-vehicle-fields button{min-height:44px;margin-top:10px;background:transparent;border:0;text-align:left;padding:5px 0;color:#d6b0ec;font-size:12px;text-decoration:underline;text-underline-offset:4px}
.shop-vehicle-fields p{font-size:12px;color:#b3a9ba;line-height:1.6;margin-top:5px}
.shop-vehicle-fields a{color:#ddc0ed;text-decoration:underline;text-underline-offset:3px}
.shop-sidebar-contact{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 0;font-size:12px;color:#ccb3dc}
.shop-sidebar-contact .icon{width:19px}
.shop-products{min-width:0}
.shop-results-heading{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:21px}
.shop-results-heading h2{font-size:31px;letter-spacing:-.02em}
.shop-results-heading p{font-size:12px;color:#afa2b9}
.shop-page .product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 18px;align-items:stretch}
.shop-page .product-card{display:flex;flex-direction:column;min-width:0;border:1px solid #362a40;border-radius:17px;overflow:hidden;background:linear-gradient(145deg,#17131b,#101014);transition:border-color .2s}
.shop-page .product-card:hover{border-color:#805798}
.shop-product-media{position:relative;background:#16131a;aspect-ratio:1.24;overflow:hidden}
.shop-product-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.product-card:hover .shop-product-media img{transform:scale(1.03)}
.shop-image-note{position:absolute;left:8px;bottom:8px;max-width:calc(100% - 16px);padding:4px 7px;border-radius:5px;font-size:10px;line-height:1.35;color:#e8dcef;background:rgba(10,7,14,.84)}
.shop-product-body{display:flex;flex-direction:column;flex:1;padding:17px 15px 15px}
.shop-product-category{color:#bb8ed9;font-size:10px;line-height:1.4;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.shop-page .product-card h3{font-size:16px;line-height:1.4;font-weight:700;letter-spacing:-.015em;margin:0 0 9px}
.shop-product-desc{color:#aaa0b3;font-size:13px;line-height:1.6;margin-bottom:17px}
.shop-product-footer{margin-top:auto;padding-top:13px;border-top:1px solid #302536}
.shop-page .price{font-size:20px;font-weight:700;line-height:1.25;margin:0 0 12px;color:#f7f0fc}
.shop-page .price-pending{font-size:13px;font-weight:400;color:#b5a3c2}
.shop-product-action{display:flex;align-items:center;justify-content:center;width:100%;min-height:45px;padding:10px 8px;border:1px solid #bb7aeb;border-radius:9px;background:linear-gradient(#9135da,#6e1caa);font-size:14px;font-weight:700;line-height:1.35;color:#fff}
.shop-product-action:disabled{background:#211927;border-color:#493553;color:#af9abc;cursor:default;font-weight:500}
.shop-primary{background:linear-gradient(#963ce0,#6e1eac);border:1px solid #bc81e8;color:#fff;border-radius:9px;min-height:48px}
.shop-config-promo{display:grid;grid-template-columns:170px 1fr;align-items:center;gap:20px;border:1px solid #735281;border-radius:17px;background:radial-gradient(ellipse at 0% 50%,#2f1a41,transparent 70%),#141019;padding:20px;margin-bottom:24px}
.shop-config-promo[hidden],.shop-empty[hidden]{display:none}
.shop-config-promo>img{width:100%;height:175px;object-fit:cover;border-radius:12px}
.shop-config-promo .eyebrow{color:#c19edb;font-size:10px}
.shop-config-promo h3{font-family:'DM Serif Display',Georgia,serif;font-size:32px;margin:6px 0}
.shop-config-promo p:not(.eyebrow){font-size:14px;color:#c6b5d0;line-height:1.5}
.shop-config-promo .button{margin-top:15px;font-size:13px;padding:12px 16px;gap:14px}
.shop-empty{padding:50px 20px;text-align:center;border:1px solid #4b355c;border-radius:16px;background:#15101b}
.shop-empty h3{font-family:'DM Serif Display',Georgia,serif;font-size:28px}
.shop-empty p{font-size:14px;color:#bfaacb;margin-top:12px}
.shop-empty button{margin-top:22px}
.shop-noscript{padding:20px;color:#d8b5ef}.shop-noscript a{text-decoration:underline}
.shop-assistance{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:35px var(--gutter);background:radial-gradient(ellipse at 70% 100%,#342045,transparent 65%),#131018;border-top:1px solid #54405f;border-bottom:1px solid #3c2c45}
.shop-assistance .eyebrow{color:#bc8ed5;font-size:10px;margin-bottom:9px}
.shop-assistance h2{font-size:35px;letter-spacing:-.025em}
.shop-assistance p:not(.eyebrow){font-size:14px;color:#bcaac8;margin-top:12px}
.shop-assistance .button{flex-shrink:0;border-radius:8px}
.shop-page :is(select,button):focus-visible{outline:3px solid #c18fe9;outline-offset:4px}
@media(max-width:1100px){.shop-catalogue{grid-template-columns:185px minmax(0,1fr);gap:24px}.shop-page .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-intro{gap:20px;grid-template-columns:1.2fr 1fr}.shop-intro-feature{gap:9px;padding-right:13px}.shop-intro-feature p{font-size:22px}.shop-feature-link{font-size:11px;gap:5px}.shop-intro-feature img{height:155px}}
@media(max-width:760px){
 .shop-intro{grid-template-columns:1fr;padding:22px 20px 25px}
 .shop-intro-feature{display:none}
 .shop-breadcrumb{margin-bottom:19px}
 .shop-intro h1{font-size:40px}
 .shop-intro-text{font-size:14px;line-height:1.5;margin-top:12px}
 .shop-catalogue{display:block;padding:22px 18px 32px}
 .shop-sidebar{position:static}
 .shop-categories h2{font-size:12px;margin-bottom:11px}
 .shop-page .chip-row{flex-direction:row;gap:7px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#745785 #1a151e;padding-bottom:9px}
 .shop-page .chip{flex-shrink:0;min-height:44px;border:1px solid #3e3049;border-radius:30px;padding:9px 14px;font-size:13px;background:#141017;white-space:nowrap}
 .shop-vehicle{margin-top:12px;margin-bottom:21px}
 .shop-vehicle summary{padding:13px 3px}
 .shop-vehicle summary small{display:inline;margin-left:10px;font-size:11px}
 .shop-vehicle-fields{display:grid;grid-template-columns:1fr 1fr;column-gap:12px}
 .shop-vehicle-fields label:nth-of-type(1){grid-area:1/1}.shop-vehicle-fields label:nth-of-type(2){grid-area:1/2}
 #brandSelect{grid-area:2/1}#modelSelect{grid-area:2/2}
 .shop-vehicle-fields p{grid-column:1/-1}.shop-vehicle-fields button{grid-column:1/-1}
 .shop-vehicle-fields select{font-size:16px}
 .shop-sidebar-contact{display:none}
 .shop-results-heading{margin-bottom:15px;gap:6px}
 .shop-results-heading h2{font-size:27px}
 .shop-page .product-grid{gap:16px 12px}
 .shop-product-body{padding:13px 11px 12px}
 .shop-page .product-card h3{font-size:15px}
 .shop-product-desc{font-size:12px;line-height:1.5;margin-bottom:13px}
 .shop-config-promo{grid-template-columns:115px 1fr;gap:14px;padding:15px}
 .shop-config-promo>img{height:155px}
 .shop-config-promo h3{font-size:27px}
 .shop-config-promo .button{font-size:12px;gap:8px}
 .shop-assistance{padding:28px 20px;flex-direction:column;align-items:flex-start;gap:20px}
 .shop-assistance h2{font-size:30px}
}
@media(max-width:480px){
 .shop-intro{padding:18px 14px 23px}
 .shop-breadcrumb{font-size:11px;margin-bottom:18px}
 .shop-intro .eyebrow{font-size:9px;letter-spacing:.17em}
 .shop-intro h1{font-size:clamp(31px,8.8vw,40px)}
 .shop-intro-text{font-size:13px}
 .shop-catalogue{padding:20px 12px 28px}
 .shop-page .product-grid{gap:13px 10px}
 .shop-page .product-card{border-radius:13px}
 .shop-product-media{aspect-ratio:1.18}
 .shop-product-body{padding:12px 10px}
 .shop-product-category{font-size:9px;letter-spacing:.07em;margin-bottom:7px}
 .shop-page .product-card h3{font-size:14px;line-height:1.4}
 .shop-product-action{font-size:12px;min-height:44px;padding:9px 4px}
 .shop-image-note{font-size:9px;left:6px;bottom:6px;padding:3px 5px}
 .shop-results-heading h2{font-size:25px}
 .shop-results-heading p{font-size:11px}
 .shop-vehicle summary small{font-size:10px;margin-left:6px}
 .shop-config-promo{grid-template-columns:1fr;padding:16px}
 .shop-config-promo>img{width:100%;height:150px;object-fit:contain}
 .shop-config-promo .button{width:100%}
 .shop-assistance p:not(.eyebrow){font-size:13px}
}
@media(prefers-reduced-motion:reduce){.product-card:hover .shop-product-media img{transform:none}}

/* Accès direct aux articles présentés sur l’accueil boutique. */
.shop-page .product-card{scroll-margin-top:20px}
.shop-page .product-card:target{border-color:#d69cf3;box-shadow:0 0 0 2px rgba(188,117,226,.25)}