@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/montserrat-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/fonts/montserrat-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/montserrat-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/montserrat-700.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/fonts/montserrat-800.ttf) format('truetype');
}

:root{--paper:#f7f8fc;--ink:#030125;--muted:#62647a;--line:#dfe2ef;--orange:#e91832}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Montserrat,sans-serif,sans-serif}a{color:inherit}header,main,footer{max-width:1320px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:25px 40px;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:850;letter-spacing:2px;text-decoration:none;line-height:1.2}.brand span{color:var(--orange)}.brand small{display:block;font-size:8px;letter-spacing:2.8px;margin-top:7px}nav{display:flex;gap:30px;font-size:13px}nav a{text-decoration:none}#count{background:var(--ink);color:white;padding:2px 6px;border-radius:20px}.hero{display:grid;grid-template-columns:1.2fr 1fr;padding:65px 40px 55px;gap:40px;align-items:center}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px}.hero h1{font-family:Montserrat,sans-serif;font-size:clamp(42px,5vw,70px);line-height:1.04;font-weight:800;letter-spacing:-2px;margin:25px 0}.hero h1 span{display:block;color:var(--orange);font-style:normal}.hero p:not(.eyebrow){max-width:470px;color:#62647a}.button{display:inline-block;background:var(--ink);color:#fff;border:0;border-radius:5px;padding:15px 23px;font:600 13px Montserrat,sans-serif;text-decoration:none;cursor:pointer}.button:disabled{opacity:.45;cursor:not-allowed}.hero .button{margin-top:16px}.hero-details{display:flex;gap:22px;font-size:11px;margin-top:27px}.hero-art{position:relative;min-height:345px;display:grid;place-items:center}.info-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 40px;display:flex;justify-content:space-between;font-size:12px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:45px;padding:55px 40px}h2{font:700 36px/1.15 Montserrat,sans-serif;margin:10px 0}h2 span{color:var(--orange)}.muted{color:var(--muted);font-size:13px}.categories{display:flex;gap:8px;overflow-x:auto;padding:15px 0 20px;position:sticky;top:0;background:var(--paper);z-index:1}.categories button{white-space:nowrap;border:1px solid var(--line);background:transparent;border-radius:30px;padding:9px 15px;color:var(--ink);cursor:pointer}.categories button.active{background:var(--ink);color:white}.products{display:grid;grid-template-columns:1fr 1fr;gap:14px}.product{background:#ffffff;border:1px solid var(--line);border-radius:9px;padding:20px;display:flex;flex-direction:column;min-height:180px}.product h3{font-size:15px;margin:0 0 10px}.product p{font-size:12px;color:var(--muted);margin:0 0 15px}.product-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.add,.quantity button{border:1px solid #dfe2ef;border-radius:50%;width:32px;height:32px;background:transparent;color:var(--ink);font-size:21px;cursor:pointer}.basket{background:#ffffff;border:1px solid var(--line);border-radius:12px;padding:25px}.basket h2{font-size:29px}.basket .eyebrow{font-size:9px}aside{align-self:start}.cart-row{padding:14px 0;border-bottom:1px solid var(--line);font-size:12px}.cart-row-top,.cart-row-bottom{display:flex;justify-content:space-between;gap:12px}.cart-row-bottom{align-items:center;margin-top:8px}.quantity{display:flex;align-items:center;gap:12px}.quantity button{width:26px;height:26px;font-size:17px}.total{display:flex;justify-content:space-between;font-size:19px;padding-top:20px}.payment{font-size:10px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:20px}form h3{font-size:14px;margin:22px 0 12px}label{display:block;font-size:11px;margin-bottom:12px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.fields label{min-width:0}input,select{font:13px Montserrat,sans-serif;width:100%;min-width:0;padding:11px 8px;margin-top:5px;border:1px solid #dfe2ef;border-radius:4px;background:white;color:var(--ink)}:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.fine{font-size:10px!important}form .button{width:100%;margin-top:10px}#form-errors{font-size:12px;color:#a53925}#success{padding:20px 0;font-size:14px;overflow-wrap:anywhere}.aside-note{font-size:11px;text-align:center}.visit{background:#eaf3fc;margin:10px 40px 50px;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:30px;border-radius:10px}.visit p{font-size:13px;max-width:400px}.visit a{font-size:12px}footer{padding:25px 40px;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:11px}footer .brand{font-size:17px}#menu-status:empty{display:none}.empty{padding:35px 0}button{touch-action:manipulation}@media(max-width:950px){.layout{grid-template-columns:minmax(0,1fr) 320px;gap:22px;padding:35px 20px}.products{grid-template-columns:1fr}.hero{padding:40px 20px}.hero-art{transform:scale(.85)}header{padding:20px}nav{gap:15px}nav a:last-child{display:none}}@media(max-width:680px){.hero{grid-template-columns:1fr;gap:0}.hero-art{min-height:280px}.hero h1{font-size:50px}.layout{grid-template-columns:1fr;padding:35px 20px}.products{grid-template-columns:1fr 1fr}.product{padding:14px}.info-strip{padding:14px 20px;display:block}.info-strip span{display:block}.visit{margin:0 20px 30px;padding:25px;grid-template-columns:1fr}footer{padding:20px;gap:20px}footer>span:last-child{max-width:140px}.hero-details{gap:15px}nav{font-size:11px}.brand{font-size:20px}.basket{padding:22px}header{gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.layout>section,.layout>aside{min-width:0}.product{min-width:0;overflow-wrap:anywhere}
.desktop-cart-recap{display:none}
@media(min-width:681px){
 .desktop-cart-recap:not([hidden]){display:block;position:fixed;right:24px;bottom:24px;z-index:10;box-shadow:0 5px 24px #03012540}
 #commande{scroll-margin-top:20px}
}
/* Identité Star Sushi : bleu nuit, rouge, turquoise et jaune du logo. */
header{background:#030125;border-bottom:1px solid #252343;color:#fff;padding-top:12px;padding-bottom:12px}.brand{display:flex;align-items:center;gap:15px}.brand img{display:block;width:100px;height:100px;object-fit:contain}.brand small{color:#c4c7dc;font-weight:500;letter-spacing:2px;max-width:160px;line-height:1.7}nav a:hover{color:#ffe54c}#count{background:#e91832}.hero-art{min-height:390px}.hero-logo{width:100%;max-width:410px;height:auto;border-radius:28px;display:block;box-shadow:0 24px 60px #03012520}.button{background:#d9112e;transition:background .15s}.button:hover:not(:disabled){background:#b80d27}.hero-details span:first-child{color:#006c88}.hero-details span:last-child{color:#c51130}.eyebrow{color:#b90e29}.categories button{font:500 12px Montserrat,sans-serif}.categories button.active{background:#030125;border-color:#030125;box-shadow:inset 0 -3px #00b8d4}.product-bottom strong,.total strong{color:#c51130}.add:hover,.quantity button:hover{background:#030125;border-color:#030125;color:#fff}.basket{border-top:4px solid #e91832}.visit{border-left:4px solid #00b8d4}footer{background:#030125;color:#d9dbea;align-items:center}footer .brand img{width:80px;height:80px}button,input,select{font-family:Montserrat,sans-serif}h2{letter-spacing:-1px}.hero h1{font-size:clamp(38px,4.6vw,64px);line-height:1.12}.hero h1 span{margin-top:8px}.hero>div{min-width:0}
@media(max-width:680px){header{padding:12px 16px}.brand{gap:7px}.brand img{width:70px;height:70px}.brand small{display:none}nav{gap:14px;font-size:10px}.hero h1{font-size:clamp(32px,9.5vw,48px);letter-spacing:-1.5px}.hero-art{transform:none;min-height:0;margin-top:35px}.hero-logo{max-width:300px;border-radius:20px}.hero-details{flex-wrap:wrap;gap:8px 18px}.hero{padding-bottom:35px}.products{grid-template-columns:1fr}.product{min-height:155px}.visit h2{font-size:30px}footer .brand img{width:60px;height:60px}}

.category-slider{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:8px;position:sticky;top:0;z-index:1;background:var(--paper);padding:15px 0 20px}.category-slider .categories{position:static;padding:0;scrollbar-width:none}.category-slider .categories::-webkit-scrollbar{display:none}.category-arrow{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);font:500 27px/1 Montserrat,sans-serif;cursor:pointer}.category-arrow:hover:not(:disabled){background:var(--ink);color:#fff;border-color:var(--ink)}.category-arrow:disabled{opacity:.3;cursor:default}

.product-photo{width:100%;height:170px;object-fit:cover;border-radius:6px;margin-bottom:15px}
#ordering-status.ordering-closed{color:#a10d26;font-weight:800;background:#fff0f2;border:1px solid #e91832;border-radius:8px;padding:14px 16px}

/* Retour discret à l’ajout et accès au panier sur téléphone. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#count{display:inline-block}
.mobile-cart{display:none}
@media(max-width:680px){
 body.has-mobile-cart{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
 .mobile-cart:not([hidden]){position:fixed;z-index:10;bottom:calc(12px + env(safe-area-inset-bottom,0px));left:12px;right:12px;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:66px;padding:12px 18px;background:var(--ink);color:#fff;border:1px solid #34314e;border-radius:12px;box-shadow:0 5px 24px #03012540;text-decoration:none}
 .mobile-cart>span:first-child{display:flex;flex-direction:column;line-height:1.4}
 #mobile-cart-total{font-size:18px}
 #mobile-cart-count{display:inline-block;transform-origin:left center;font-size:11px;color:#d9dbea}
 .mobile-cart-label{font-size:12px;font-weight:700}
 .mobile-cart-label>span{margin-left:6px;color:#ffe54c}
 #commande{scroll-margin-top:16px}
}

#success:not([hidden]){margin-top:24px;padding:24px;border:2px solid #28844b;border-radius:10px;background:#edf9f0;color:#124b27;box-shadow:0 6px 20px #124b2714;scroll-margin-top:24px}#success h3{font-size:21px;line-height:1.35;margin:0 0 14px}#success p:last-child{font-weight:600}@media(max-width:680px){input,select{font-size:16px}}

textarea[name="customer_comment"]{display:block;width:100%;font:inherit;font-size:16px;padding:11px 8px;margin-top:5px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);resize:vertical}

.product.product-flying{position:fixed;z-index:1000;margin:0;min-height:0;pointer-events:none;overflow:hidden;transform-origin:center;box-shadow:0 12px 35px #03012538;will-change:transform,opacity;contain:layout paint}
.button.is-incomplete:not(:disabled){opacity:.45}
#commande.order-complete .total,#commande.order-complete .payment,#commande.order-complete .maki-offer{display:none}
.maki-offer{margin:18px 0;padding:16px;background:#fff8df;border:1px solid #ead88c;border-radius:9px}
.maki-offer p{margin:0;font-size:12px;line-height:1.5}
.maki-offer .maki-offer-title{font-weight:700}
.maki-offer progress{display:block;width:100%;height:10px;margin:12px 0;appearance:none;border:0;border-radius:20px;overflow:hidden;background:#e9dfb9;accent-color:var(--orange)}
.maki-offer progress::-webkit-progress-bar{background:#e9dfb9;border-radius:20px}
.maki-offer progress::-webkit-progress-value{background:var(--orange);border-radius:20px;transition:width .3s ease}
.maki-offer progress::-moz-progress-bar{background:var(--orange);border-radius:20px}
.maki-offer.is-unlocked{background:#edf9f0;border-color:#9bc9a7}
.maki-offer.is-unlocked #maki-offer-message{color:#124b27;font-weight:700}
.maki-offer.is-unlocked progress::-webkit-progress-value{background:#28844b}
.maki-offer.is-unlocked progress::-moz-progress-bar{background:#28844b}
.field-missing{border-color:#c91932!important;animation:missing-field 1s ease-in-out infinite}
@keyframes missing-field{0%,100%{box-shadow:0 0 0 1px #c9193233;background-color:#fff}50%{box-shadow:0 0 0 3px #c9193266;background-color:#fff0f2}}
@media(prefers-reduced-motion:reduce){.field-missing{animation:none;box-shadow:0 0 0 2px #c9193266;background-color:#fff0f2}}