/* Accueil NS AUTO — styles isolés des autres pages du site. */
:root{color-scheme:dark;--bg:#0b0c0f;--panel:#101216;--ink:#f2efe8;--muted:#b2b1b8;--violet:#bd91df;--ivory:#f3f0ea;--line:rgba(224,217,238,.19);--gutter:clamp(24px,4.6vw,68px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:16px}body{margin:0;padding:0 10px;background:#050607;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2{font-weight:400;line-height:1.08}h2{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(30px,3.1vw,45px)}h3{font-weight:500}ul,ol{margin:0;padding:0;list-style:none}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--violet);outline-offset:5px}section[id]{scroll-margin-top:16px}.home-shell{max-width:1480px;margin:auto;background:var(--bg);overflow:clip}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}.icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;flex:none}.skip-link{position:fixed;top:8px;left:20px;z-index:20;padding:10px 16px;background:var(--ivory);color:#08090b;transform:translateY(-150%)}.skip-link:focus{transform:none}.section-pad{padding:46px var(--gutter)}.eyebrow{font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.24em;font-weight:600}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.section-note{color:#88868f;font-size:9px;text-transform:uppercase;letter-spacing:.24em}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:13px 23px;border:1px solid transparent;border-radius:2px;font-size:14px;font-weight:600;line-height:1.25;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:#0a0b0d;color:var(--ivory)}.button-dark:hover{background:#28232d}.button-light{background:var(--ivory);color:#111216}.button-light:hover{background:#e4d6ef}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:#ceb4e1;text-decoration:underline;text-underline-offset:4px}.text-link .icon{width:19px}.mobile-only{display:none!important}
.home-header{height:80px;padding:0 var(--gutter);background:#08090b;display:flex;align-items:center;justify-content:space-between;gap:25px}.wordmark{display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap;font-size:24px;font-weight:700;font-style:italic;letter-spacing:-1.6px}.wordmark>span:not(.wordmark-lines){color:#be80ef}.wordmark-lines{font-size:22px;letter-spacing:-4px;margin-right:3px;color:#a18ab7}.desktop-nav{display:flex;align-items:center;gap:30px}.desktop-nav a{display:flex;align-items:center;gap:7px;font-size:12px;color:#d3d0d8}.desktop-nav a:hover,.home-footer nav a:hover{color:var(--violet)}.nav-dot{width:4px;height:4px;border-radius:50%;background:var(--violet)}.header-actions{display:flex;gap:9px}.icon-link{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border:0;background:transparent}.icon-link .icon{width:20px;height:20px}.cart-link{position:relative}.cart-badge{display:none;position:absolute;right:-1px;top:0;min-width:17px;height:17px;padding:0 3px;border-radius:20px;background:var(--violet);color:#090a0c;align-items:center;justify-content:center;font-size:10px;font-style:normal;font-weight:700}.menu-toggle{display:none}.mobile-menu{background:#101115;color:var(--ink);padding:18px 24px 24px;width:min(440px,calc(100% - 30px));border:1px solid var(--line);border-radius:3px}.mobile-menu::backdrop{background:rgba(0,0,0,.75);backdrop-filter:blur(6px)}.menu-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.menu-heading p{font-weight:700;letter-spacing:.06em}.mobile-menu nav a{padding:17px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px}.mobile-menu nav a:nth-child(3){color:var(--violet)}body:has(.mobile-menu[open]){overflow:hidden}
.boutique-hero{position:relative;isolation:isolate;min-height:530px;background:var(--ivory);color:#111210;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.hero-copy{position:relative;z-index:2;width:66%;padding:42px 0 0 var(--gutter)}.hero-copy .eyebrow{color:#8f59b3;margin-bottom:17px}.hero-copy h1{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(38px,4.55vw,66px);letter-spacing:-.045em}.hero-copy h1 span{display:block;white-space:nowrap}.hero-description{font-family:'DM Serif Display',Georgia,serif;font-size:18px;line-height:1.45;margin-top:15px;max-width:490px}.hero-media{position:absolute;z-index:0;right:0;top:0;width:66%;height:100%;mask-image:linear-gradient(to right,transparent 0%,#000 29%)}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:62% 50%}.hero-actions{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:21px;padding:28px 0 42px var(--gutter)}.hero-secondary{color:#333431;font-family:'DM Serif Display',Georgia,serif;font-size:13px}.hero-actions .button{min-width:242px}
.services{background:linear-gradient(130deg,#0c0e11,#090b0c);padding-top:38px;padding-bottom:38px}.services h2{font-family:'DM Serif Display',Georgia,serif;font-size:31px;font-weight:400;letter-spacing:-.025em}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px 23px}.service-image{border:1px solid #35373a;aspect-ratio:1.85;overflow:hidden;background:#16181a}.service-image img{height:100%;width:100%;object-fit:cover;transition:transform .4s,filter .4s;filter:saturate(.9)}.service-card:hover img{transform:scale(1.04);filter:saturate(1.05)}.service-caption{display:flex;align-items:flex-start;gap:13px;padding:11px 2px 0}.service-number{color:#af87cc;font-size:12px;line-height:1.65}.service-caption h3{font-size:14px;line-height:1.4}.service-caption p{font-size:11px;line-height:1.4;color:var(--muted);margin-top:2px}.service-caption .icon{width:19px;margin-left:auto;margin-top:3px;color:#b1b1b5}.service-caption>div{min-width:0}
.wheel-feature{position:relative;isolation:isolate;display:grid;grid-template-columns:1.05fr .95fr;grid-template-areas:'copy visual' 'options visual' 'action visual';column-gap:30px;row-gap:26px;border-top:1px solid #796583;border-bottom:1px solid #655672;background:radial-gradient(ellipse at 79% 68%,rgba(85,74,102,.3),transparent 47%),linear-gradient(120deg,#111517,#080a0b);padding-top:46px;padding-bottom:46px}.wheel-feature::after{content:'';position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,#ccafdf,transparent);opacity:.6}.wheel-copy{grid-area:copy;position:relative;z-index:1}.wheel-copy .eyebrow{color:#c6a3de;margin-bottom:14px}.wheel-copy h2{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(35px,4.4vw,61px);letter-spacing:-.045em;font-weight:400;line-height:1.05}.wheel-copy>p:last-child{margin-top:15px;color:#dedce0;font-size:15px;max-width:440px}.wheel-visual{grid-area:visual;position:relative;display:flex;align-items:center;justify-content:center;align-self:stretch;min-width:0}.wheel-visual::before{content:'';position:absolute;bottom:0;left:7%;right:7%;height:12%;background:#08090b;filter:blur(13px);border-radius:50%}.wheel-visual img{position:relative;width:100%;max-width:510px;height:auto;filter:drop-shadow(0 14px 15px rgba(0,0,0,.35))}.wheel-options{grid-area:options;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:20px;max-width:510px;border-top:1px solid var(--line);padding-top:16px}.option-title{font-size:11px;color:#e0dce6;margin-bottom:10px}.material-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.material-list img{width:100%;height:53px;object-fit:cover;border:1px solid #424047}.material-list span{font-size:10px;display:block;padding-top:4px;color:#cbc7d1}.stitch-options{align-self:start;border-left:1px solid var(--line);padding-left:20px;min-height:95px}.stitch-list{display:flex;gap:8px;padding-top:7px}.stitch-list li{flex:none;width:28px;height:28px;border:2px solid var(--stitch);border-radius:50%;background:linear-gradient(135deg,#0a0a0c 45%,var(--stitch) 48%,var(--stitch) 52%,#0a0a0c 55%);box-shadow:inset 0 0 0 3px #0a0a0c}.stitch-black{--stitch:#737477}.stitch-red{--stitch:#d73639}.stitch-blue{--stitch:#555dda}.stitch-purple{--stitch:#9e55c2}.stitch-white{--stitch:#e8e8e7}.wheel-action{grid-area:action}.wheel-action .button{min-width:248px}
.atelier{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px;background:linear-gradient(125deg,#0e1114,#12151a)}.atelier-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.atelier-materials img{width:100%;height:154px;object-fit:cover;border:1px solid #4a4a50}.atelier-materials figcaption{font-size:7px;text-transform:uppercase;letter-spacing:.16em;color:#aba9b4;margin-top:10px}.atelier-copy .eyebrow{font-size:9px;color:#aaa7b0;margin-bottom:13px}.atelier-copy h2{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(24px,2.7vw,37px);letter-spacing:-.025em;font-weight:400}.atelier-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);margin-top:11px}.atelier-copy .text-link{margin-top:20px}
.project{padding-top:32px;padding-bottom:32px;background:linear-gradient(110deg,#141018,#0d0c11)}.project h2,.faq h2{font-size:28px;margin-bottom:24px}.project-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.project-steps li{display:flex;gap:20px;align-items:center;border-right:1px solid #444049;padding-right:20px}.project-steps li:last-child{border:0}.step-number{font-family:'DM Serif Display',Georgia,serif;font-size:57px;line-height:1;color:#a380bb;letter-spacing:-.04em}.project-steps h3{font-family:'DM Serif Display',Georgia,serif;font-size:22px;font-weight:400}.project-steps p{font-size:12px;color:#c5bdce;margin-top:3px}.faq{background:#0e0d12;border-top:1px solid var(--line);padding-top:28px;padding-bottom:30px}.faq h2{margin-bottom:18px}.faq-list{display:grid;gap:7px}.faq details{border:1px solid #4a434f}.faq summary{min-height:49px;padding:11px 15px;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:15px;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:25px;font-weight:400;line-height:1;color:#cfb8dd;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details[open] summary{color:#d5b6ec}.faq-answer{padding:0 15px 18px;max-width:850px;font-size:13px;line-height:1.7;color:#c5bfcc}.faq-answer .text-link{margin-top:12px}
.contact-banner{min-height:266px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:23px;padding:36px 20px;border-top:1px solid #514258;border-bottom:1px solid #514258;background:linear-gradient(rgba(10,8,15,.2),rgba(10,8,15,.27)),url('../images/home/route-nocturne.webp') center 57%/cover}.contact-banner h2{font-size:clamp(31px,3.5vw,48px);letter-spacing:-.02em;text-shadow:0 2px 25px #070709}.contact-banner .button{min-width:259px}.home-footer{padding:26px var(--gutter);background:#09090e;display:flex;flex-wrap:wrap;align-items:center;gap:20px}.footer-brand{display:flex;align-items:center;gap:13px}.footer-brand .wordmark{font-size:19px}.footer-brand .wordmark-lines{font-size:17px}.footer-brand>span{font-size:9px;color:#a29ba9}.home-footer nav{display:flex;gap:22px;margin-left:auto;font-size:10px;color:#c0b7c9}.footer-phone{font-size:11px;letter-spacing:.04em;color:#cfb9df;border-left:1px solid #413649;padding-left:20px}.copyright{width:100%;font-size:9px;color:#817889;letter-spacing:.09em;text-align:right}
@media(min-width:1480px){.boutique-hero{min-height:570px}.hero-copy h1{font-size:67px}.wheel-feature{padding-top:55px;padding-bottom:55px}}
@media(max-width:1050px){:root{--gutter:28px}.desktop-nav{gap:20px}.boutique-hero{min-height:460px}.hero-copy h1{font-size:clamp(37px,4.8vw,52px)}.hero-description{font-size:16px;max-width:370px}.service-caption{gap:9px}.service-caption h3{font-size:12px}.service-caption p{font-size:10px}.wheel-feature{column-gap:18px}.wheel-copy h2{font-size:43px}.wheel-options{gap:12px}.stitch-options{padding-left:12px}.stitch-list{gap:6px}.stitch-list li{width:23px;height:23px}.atelier{gap:25px}.atelier-materials img{height:128px}.atelier-materials figcaption{letter-spacing:.08em;font-size:6px}.project-steps{gap:16px}.project-steps li{gap:13px}.project-steps h3{font-size:19px}.step-number{font-size:49px}.project-steps p{font-size:10px}.home-footer{gap:16px}.home-footer nav{gap:15px}.footer-phone{padding-left:14px}}
@media(max-width:760px){.home-header{height:60px;padding:0 20px}.desktop-nav{display:none}.menu-toggle{display:flex}.header-actions{gap:1px}.home-header .wordmark{font-size:22px}.section-pad{padding:30px 22px}.boutique-hero{min-height:410px}.hero-copy{padding-left:26px}.hero-copy h1{font-size:36px}.hero-description{max-width:300px;font-size:14px}.hero-actions{padding-left:26px}.hero-media{width:70%;opacity:.88}.hero-actions .button{min-width:210px}.service-grid{gap:20px 14px}.service-caption .icon{width:15px}.service-caption p{font-size:9px}.service-number{display:none}.services h2{font-size:27px}.wheel-feature{grid-template-columns:1fr .85fr;column-gap:10px;row-gap:20px}.wheel-copy h2{font-size:35px}.wheel-copy .eyebrow{font-size:8px}.wheel-copy>p:last-child{font-size:13px}.wheel-options{grid-template-columns:1fr 1fr;grid-column:1/-1;max-width:none;position:relative}.wheel-feature{grid-template-areas:'copy visual' 'options options' 'action action'}.material-list img{height:47px}.stitch-options{min-height:88px}.stitch-list li{width:28px;height:28px}.stitch-list{gap:13px}.wheel-action .button{width:100%}.atelier{gap:20px;grid-template-columns:1.15fr 1fr}.atelier-materials img{height:100px}.atelier-copy h2{font-size:26px}.atelier-copy>p:not(.eyebrow){font-size:11px}.atelier-copy .text-link{font-size:12px;margin-top:13px}.project-steps h3{font-size:17px}.step-number{font-size:40px}.project-steps li{gap:10px;padding-right:8px}.footer-brand{width:100%;justify-content:space-between}.home-footer nav{margin-left:0}.footer-phone{margin-left:auto}}
@media(max-width:600px){:root{--gutter:17px}body{padding:0 7px}.desktop-only{display:none!important}.mobile-only{display:initial!important}.home-header{height:56px;padding:0 12px}.header-actions .account-link{display:none}.home-header .wordmark{font-size:20px}.wordmark-lines{font-size:19px}.icon-link{height:42px;width:40px}.section-pad{padding:24px 16px}.eyebrow{font-size:8px;letter-spacing:.2em}.boutique-hero{min-height:0;display:flex}.hero-copy{padding:19px 14px 0;width:100%;order:1;text-align:center}.hero-copy .eyebrow{font-size:8px;letter-spacing:.22em;margin-bottom:9px}.hero-copy h1{font-size:clamp(24px,6.7vw,38px);line-height:1.02;letter-spacing:-.038em}.hero-description{font-family:'DM Sans',Arial,sans-serif;font-size:11px;line-height:1.5;margin:10px auto 0;max-width:none}.hero-description br{display:none!important}.hero-media{position:relative;order:2;width:100%;height:clamp(155px,46vw,260px);mask-image:none;opacity:1;margin-top:0}.hero-media img{object-fit:cover;object-position:50% 35%}.hero-actions{order:3;padding:0 11px 12px;display:block}.hero-actions .button{width:100%;min-height:43px;font-size:12px;padding:10px 15px;gap:16px}.hero-secondary{display:none}.services{padding-top:18px;padding-bottom:22px}.section-heading{margin-bottom:13px}.services h2{font-size:25px;letter-spacing:-.03em}.service-grid{gap:13px 9px}.service-image{aspect-ratio:1.45}.service-image img{filter:none}.service-caption{gap:3px;padding:7px 0 0;align-items:center}.service-caption h3{font-size:12px;line-height:1.25;white-space:nowrap}.service-caption p{display:none}.service-caption .icon{width:14px;height:14px;margin-top:0}.wheel-feature{padding:25px 17px 24px;grid-template-columns:1fr;grid-template-areas:'copy' 'visual' 'options' 'action';gap:14px;background:radial-gradient(ellipse at 65% 36%,rgba(86,74,107,.3),transparent 53%),#0d1012}.wheel-copy .eyebrow{font-size:8px;letter-spacing:.19em;margin-bottom:10px}.wheel-copy h2{font-size:clamp(29px,8.3vw,43px);line-height:1.02;letter-spacing:-.035em}.wheel-copy>p:last-child{font-size:12px;line-height:1.5;margin-top:10px;max-width:320px}.wheel-visual{height:208px;margin-top:-1px}.wheel-visual img{height:100%;width:auto;max-width:100%;object-fit:contain}.wheel-visual::before{height:9%;left:24%;right:24%;bottom:0}.wheel-options{grid-column:auto;grid-template-columns:1.05fr 1fr;gap:12px;padding-top:12px}.option-title{font-size:10px;line-height:1.4;margin-bottom:8px}.material-list{gap:6px}.material-list img{height:39px}.material-list span{font-size:9px}.stitch-options{padding-left:12px;min-height:74px}.stitch-list{gap:6px;padding-top:7px}.stitch-list li{width:23px;height:23px;border-width:1.5px}.wheel-action .button{font-size:13px;min-height:47px;width:100%;padding:12px 16px}.atelier{display:flex;flex-direction:column;align-items:stretch;gap:21px;padding-top:24px;padding-bottom:26px}.atelier-materials{gap:8px}.atelier-materials img{height:80px}.atelier-materials figcaption{font-size:8px;letter-spacing:.1em;white-space:nowrap;margin-top:7px}.atelier-copy .eyebrow{font-size:8px;margin-bottom:8px}.atelier-copy h2{font-size:26px;line-height:1.08}.atelier-copy>p:not(.eyebrow){font-size:12px;margin-top:9px}.atelier-copy .text-link{margin-top:13px;font-size:12px}.project{padding-top:23px;padding-bottom:20px}.project h2,.faq h2{font-size:26px;margin-bottom:15px;letter-spacing:-.02em}.project-steps{grid-template-columns:1fr;gap:0}.project-steps li{min-height:61px;border-right:0;border-bottom:1px solid #39303f;padding:9px 0;gap:18px}.project-steps li:last-child{border-bottom:0}.step-number{font-size:38px;min-width:45px}.project-steps h3{font-size:19px;line-height:1.25}.project-steps p{font-size:11px;margin-top:2px}.faq{padding-top:23px;padding-bottom:24px}.faq-list{gap:7px}.faq summary{min-height:47px;padding:10px 11px;font-size:12px;gap:7px;line-height:1.4}.faq summary span{font-size:22px}.faq-answer{padding:0 11px 15px;font-size:12px}.faq-answer .text-link{font-size:12px}.contact-banner{min-height:197px;padding:27px 13px;gap:18px;background-position:50% 50%}.contact-banner h2{font-size:clamp(26px,7.6vw,37px);line-height:1.03}.contact-banner .button{font-size:12px;min-height:45px;min-width:232px;padding:11px 16px}.home-footer{padding:20px 16px 17px;gap:17px}.footer-brand .wordmark{font-size:18px}.footer-brand>span{font-size:9px}.home-footer nav{width:100%;justify-content:space-between;font-size:10px;gap:10px}.footer-phone{border:0;padding:0;margin:0;font-size:10px}.copyright{width:auto;margin-left:auto;font-size:8px}}
@media(max-width:360px){.hero-copy{padding-left:10px;padding-right:10px}.hero-copy h1{font-size:24px}.hero-description{font-size:10px}.hero-copy .eyebrow{font-size:7px}.service-caption h3{font-size:11px}.service-caption .icon{width:11px}.services{padding-left:12px;padding-right:12px}.wheel-feature{padding-left:14px;padding-right:14px}.wheel-copy h2{font-size:29px}.wheel-options{gap:8px;grid-template-columns:1.05fr 1fr}.stitch-options{padding-left:8px}.stitch-list{gap:4px}.stitch-list li{width:20px;height:20px}.option-title{font-size:9px}.atelier-materials figcaption{font-size:7px}.faq summary{font-size:11px}.contact-banner h2{font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.button:hover,.service-card:hover img{transform:none}}

/* Prestations : quatre grandes vignettes visibles, puis une colonne à découvrir. */
.service-image { border-radius: 14px; }
.service-controls { display: none; }
.service-viewport:focus-visible { outline: 2px solid var(--violet); outline-offset: 4px; }
@media (max-width: 600px) {
  .services { padding: 25px 16px 22px; }
  .services .section-heading { margin-bottom: 18px; }
  .services h2 { font-size: 28px; }
  .service-viewport {
    width: 100%;
    min-width: 0;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: thin;
    scrollbar-color: #9371ad #202027;
    -webkit-overflow-scrolling: touch;
  }
  .service-grid {
    /* Deux colonnes dans la fenêtre ; la troisième déborde à droite. */
    width: calc(150% + 7px);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: repeat(2, auto);
    gap: 20px 14px;
    padding: 3px 0 13px;
  }
  .service-card { min-width: 0; scroll-snap-align: start; border-radius: 14px; }
  .service-card:focus-visible { outline-offset: -3px; }
  .service-card:nth-child(1) { grid-area: 1 / 1; }
  .service-card:nth-child(2) { grid-area: 1 / 2; }
  .service-card:nth-child(3) { grid-area: 2 / 1; }
  .service-card:nth-child(4) { grid-area: 2 / 2; }
  .service-card:nth-child(5) { grid-area: 1 / 3; }
  .service-card:nth-child(6) { grid-area: 2 / 3; }
  .service-image { aspect-ratio: 1.25; border-radius: 14px; }
  .service-caption { padding: 10px 2px 2px; gap: 6px; }
  .service-caption h3 { font-size: 14px; white-space: normal; }
  .service-caption .icon { width: 17px; height: 17px; }
  .service-controls { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 7px; }
  .service-controls p { font-size: 10px; color: var(--muted); }
  .service-buttons { display: flex; gap: 8px; }
  .service-buttons button { display: grid; place-items: center; width: 44px; height: 44px; padding: 0; border-radius: 50%; border: 1px solid #6e5a7c; background: #17141c; }
  .service-buttons button:disabled { opacity: .3; cursor: default; }
  .service-prev .icon { transform: rotate(180deg); }
}
@media (max-width: 360px) {
  .services { padding-inline: 12px; }
  .service-caption h3 { font-size: 12px; }
}