@font-face{font-family:Display;src:url('/assets/bebas.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--bg:#09060f;--panel:#120d1d;--ink:#f2eaf8;--muted:#ab9ab9;--accent:#d3a6f5;--line:#b487d62b;--violet:#a96bdb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0,#45205a26,transparent 36%),var(--bg);color:var(--ink);font:16px/1.55 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:disabled{opacity:.48;cursor:default}a{color:inherit;text-decoration:none}button,input,select{color:inherit}button{border-radius:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:hover:not(:disabled),a:hover{color:#fff}[hidden]{display:none!important}.skip{position:fixed;left:15px;top:-100px;z-index:30;background:var(--ink);color:var(--bg);padding:12px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.shop-header{height:112px;margin:auto;padding:0 4%;max-width:1600px;border-bottom:1px solid var(--line);display:flex;gap:44px;align-items:center}.brand-lockup{width:175px;height:90px;position:relative;flex-shrink:0}.brand-magic{position:absolute;width:160px;height:72px;object-fit:contain;left:3px;top:5px;opacity:.7;animation:magic-breathe 5s ease-in-out infinite alternate}.brand-type{position:absolute;width:175px;height:88px;object-fit:contain;inset:9px 0 0}.site-nav{display:flex;align-items:center;gap:30px;margin-left:32px;font-size:16px;font-weight:600;color:var(--muted)}.site-nav a{padding:41px 0;position:relative}.site-nav [aria-current]{color:var(--accent)}.site-nav [aria-current]:after{content:'';position:absolute;height:2px;background:var(--accent);bottom:-2px;left:0;right:0}.header-actions{margin-left:auto;display:flex;gap:25px;align-items:center}.quiet{background:none;border:0;padding:10px 0;color:var(--muted);font-size:14px}.account-link{border:1px solid #c59ce256;padding:11px 19px;color:#e4c7f6;font-weight:600;font-size:15px}.shop-wrap{max-width:1510px;margin:auto;padding:0 4%}.shop-intro{padding:44px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:30px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:2.4px;color:var(--accent);margin:0 0 14px}h1,h2,h3,p{margin-top:0}h1{font:clamp(38px,4.1vw,64px)/1.1 Display,'Arial Narrow',sans-serif;letter-spacing:.5px;margin-bottom:12px}em{color:var(--accent);font-style:normal}.intro-copy{color:var(--muted);font-size:17px;margin:0}.wallet{min-width:238px;border-left:1px solid var(--line);padding-left:32px;display:flex;flex-direction:column;gap:3px}.wallet-label{font-size:11px;letter-spacing:2px;color:var(--muted);font-weight:650}.wallet strong{font:36px/1.3 Display,sans-serif;color:#ead6fa;letter-spacing:1px}.wallet>span:last-child{color:var(--muted);font-size:13px}.shop-switch{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:28px}.shop-switch>div{display:flex;gap:30px}.view-tab{background:none;border:0;border-bottom:2px solid transparent;padding:16px 0;font-size:17px;color:var(--muted);font-weight:600}.view-tab.active{border-bottom-color:var(--accent);color:var(--ink)}.view-tab span{font-size:12px;margin-left:10px;color:var(--accent)}.delivery-note{font-size:13px;color:var(--muted)}.shop-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:38px}.sidebar details>summary{font-size:12px;font-weight:650;letter-spacing:2px;text-transform:uppercase;list-style:none;margin:13px 0 19px;color:var(--muted)}summary::-webkit-details-marker{display:none}.sidebar summary>span{display:none}#categories{display:grid;gap:3px}#categories button{display:flex;align-items:center;gap:12px;text-align:left;background:none;border:1px solid transparent;padding:12px 13px;color:var(--muted);font-size:14px;line-height:1.4}#categories button span:first-child{flex:1}#categories button span:last-child{font-size:11px;opacity:.75}#categories button.active{border-color:#c691f144;background:linear-gradient(90deg,#71409135,#49265912);color:#e4c5fa}#categories button:hover{background:#c092e312}.sidebar-note{border-top:1px solid var(--line);margin-top:30px;padding:25px 10px 0}.note-mark{display:block;color:var(--accent);font:38px Georgia;margin-bottom:12px}.sidebar-note strong{font-size:13px;letter-spacing:1px;line-height:1.8}.sidebar-note p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:12px}.toolbar{display:flex;gap:14px}.search-box{display:flex;align-items:center;border:1px solid var(--line);background:#140e1f;flex:1;min-width:0;padding-left:16px}.search-box>span{font-size:29px;color:var(--accent);line-height:1}.search-box input{width:100%;min-width:0;background:none;border:0;padding:15px 14px;font-size:15px}.search-box input::placeholder{color:#9683a5}select{height:100%;width:185px;max-width:100%;background:#140e1f;border:1px solid var(--line);padding:0 14px;font-size:14px}.catalog-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:29px 0 17px}.catalog-heading h2{font-size:20px;font-weight:600;margin:0}.muted{color:var(--muted)}.catalog-heading .muted{font-size:13px}.groups{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.groups:empty{display:none}.groups button{border:1px solid var(--line);background:none;color:var(--muted);font-size:12px;padding:7px 11px}.groups button.active{border-color:#bc8cdb8a;color:var(--accent);background:#a469ce17}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;background:linear-gradient(145deg,#1c1229bb,#110c19);border:1px solid var(--line);padding:20px 17px 16px;min-height:224px;color:var(--ink);transition:border-color .2s,transform .2s}.card:hover{border-color:#b388d585;transform:translateY(-3px)}.card-top{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:17px}.icon-frame{padding:9px;display:flex;width:68px;height:68px;align-items:center;justify-content:center;background:radial-gradient(#75469d38,transparent 72%);border:1px solid #b788d525}.icon{display:inline-block;width:48px;height:48px;background-repeat:no-repeat;flex-shrink:0}.card-arrow{font-size:18px;color:#937aa6}.card strong{font-size:14px;font-weight:600;line-height:1.5;margin-bottom:7px;overflow-wrap:anywhere}.card small{color:var(--muted);font-size:12px;line-height:1.5}.card .price{border-top:1px solid #bf94dd18;padding-top:13px;margin-top:auto;display:flex;align-items:baseline;gap:6px;color:var(--accent);font-size:20px;font-weight:600}.card .price small{font-size:11px;color:var(--accent);font-weight:400}.card .product-meta{padding-bottom:18px}.primary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 21px;background:#d5afea;border:1px solid #e6c9f7;color:#24152e;font-weight:650}.primary:hover:not(:disabled){background:#e9c9fb;color:#24152e}.secondary{padding:10px 16px;background:#21152e;border:1px solid #b788d545;color:#ddc3ed;font-size:14px}.more{display:flex;justify-content:center;gap:50px;width:100%;margin:25px 0 0;background:transparent;padding:14px}.message:empty{display:none}.message{border:1px solid #d6b0ee4d;background:#23162f;padding:16px 20px;margin:0 0 24px;color:#e5caf5;font-size:14px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.message button{margin-left:auto}.empty{text-align:center;padding:60px 16px;color:var(--muted)}.empty>span{font:45px Georgia;color:var(--accent)}.empty h3{color:var(--ink);margin-top:16px}.shop-footer{display:flex;gap:25px;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:65px;padding:26px 0 32px;color:#9683a5;font-size:12px}.shop-footer>span{letter-spacing:3px}.shop-footer p{margin:0}.shop-footer a{color:var(--accent)}.storage-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.storage-heading h2{font:42px/1.1 Display,sans-serif;margin:0}.storage-note{font-size:15px;color:var(--muted);margin:20px 0 28px;max-width:700px}#orders{display:grid;gap:10px;margin-bottom:24px}.order{display:flex;gap:18px;justify-content:space-between;align-items:center;border:1px solid var(--line);background:#150e20;padding:18px 21px}.order-name{display:flex;flex-direction:column;gap:5px}.order-name strong{font-size:15px;font-weight:600}.order-name small{font-size:12px;color:var(--muted)}.order-status{font-size:13px;color:var(--accent);white-space:nowrap}.order-status.received{color:var(--muted)}
dialog{color:var(--ink);background:radial-gradient(ellipse at 100% 0,#51286640,transparent 60%),#140d20;border:1px solid #a77cc36b;width:min(580px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:26px 30px;overflow:auto;box-shadow:0 20px 100px #0009}dialog::backdrop{background:#07040dbd;backdrop-filter:blur(5px)}.dialog-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.dialog-topline .eyebrow{margin:0;font-size:10px}.close-button{background:none;border:0;font:28px/1 'Segoe UI';padding:0 4px;color:var(--muted)}.dialog-head{display:flex;align-items:center;gap:20px;margin-bottom:24px}.dialog-head>.icon{outline:1px solid var(--line);outline-offset:9px;margin:9px}.dialog-head .eyebrow{font-size:10px;margin-bottom:7px;letter-spacing:1.5px}.dialog-head h2{font-size:23px;font-weight:600;line-height:1.3;margin:0;overflow-wrap:anywhere}.note{font-size:14px;color:var(--muted);line-height:1.8;white-space:pre-line}.contents{font-size:13px;line-height:1.8;color:#c0abcf;max-height:190px;overflow:auto;padding-left:21px}.contents:empty{display:none}.contents details{padding-bottom:8px}.purchase-summary{display:grid;grid-template-columns:1fr 110px;gap:16px;align-items:center;border-block:1px solid var(--line);padding:20px 0;margin:22px 0 16px;font-size:14px}.purchase-summary input{background:#0c0812;border:1px solid #aa81c65c;padding:9px 12px;width:100%}.purchase-summary .price{text-align:right;color:var(--accent);font-size:18px}.delivery-tip{color:var(--muted);font-size:12px;line-height:1.8}.delivery-tip span{color:var(--accent);margin-right:4px}dialog .primary{width:100%;margin-top:20px}#detail-status:empty{display:none}body.modal-open{overflow:hidden}.motion-off *,body:has(dialog[open]) .brand-magic{animation:none!important;transition:none!important}@keyframes magic-breathe{to{opacity:1;transform:scale(1.06)}}
@media(min-width:1500px){.cards{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:1150px){.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.shop-layout{grid-template-columns:185px minmax(0,1fr);gap:25px}.site-nav{margin-left:0;gap:20px}.shop-header{gap:25px}.header-actions{gap:18px}.wallet{min-width:200px;padding-left:24px}}@media(max-width:850px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.site-nav{display:none}.shop-intro{padding-top:32px}.shop-intro h1{max-width:380px}.wallet{min-width:170px}.wallet strong{font-size:30px}.delivery-note{display:none}.shop-layout{grid-template-columns:165px minmax(0,1fr);gap:20px}.toolbar{flex-wrap:wrap}.search-box{flex-basis:100%}select{min-height:42px;width:190px}.card{padding:17px 14px}}
@media(max-width:600px){.shop-header{height:88px;padding:0 5%;gap:15px}.brand-lockup{width:135px;height:78px}.brand-type{width:135px;height:68px;top:10px}.brand-magic{width:125px;height:56px;top:10px}.header-actions{gap:14px}.account-link{font-size:13px;padding:9px 12px}.quiet{font-size:12px}.shop-wrap{padding:0 5%}.shop-intro{display:block;padding:29px 0 18px}.shop-intro h1{font-size:42px;margin-bottom:9px;max-width:none}.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:12px}.intro-copy{font-size:15px}.wallet{display:grid;grid-template-columns:1fr auto;gap:0 20px;border-left:0;border-top:1px solid var(--line);padding:16px 0 0;margin-top:22px;align-items:center}.wallet-label{font-size:10px}.wallet strong{grid-column:2;grid-row:1/3;font-size:27px}.wallet>span:last-child{font-size:12px}.shop-switch{margin-bottom:20px}.shop-switch>div{gap:25px}.view-tab{font-size:15px;padding-block:13px}.view-tab span{margin-left:5px;font-size:11px}.shop-layout{grid-template-columns:minmax(0,1fr);gap:18px}.sidebar-note{display:none}.sidebar details{border:1px solid var(--line);background:#140e1f;padding:0 13px}.sidebar details>summary{margin:0;padding:13px 0;font-size:12px;display:flex;justify-content:space-between;cursor:pointer}.sidebar summary>span{display:block}#categories{padding-bottom:12px;grid-template-columns:repeat(2,minmax(0,1fr))}#categories button{font-size:12px;padding:10px;min-width:0}.toolbar{flex-wrap:nowrap;gap:10px}.search-box{flex-basis:auto;padding-left:10px}.search-box input{font-size:13px;padding:13px 9px}select{width:128px;padding-inline:8px;font-size:12px;height:100%}.catalog-heading{margin-top:22px;gap:10px}.catalog-heading h2{font-size:18px}.catalog-heading .muted{font-size:11px}.groups{gap:6px}.groups button{font-size:11px;padding:6px 9px}.cards{gap:10px}.card{min-height:215px;padding:15px 12px}.card strong{font-size:13px}.card small{font-size:11px}.card .price{font-size:19px;gap:4px;flex-wrap:wrap}.card .price small{font-size:10px}.icon-frame{width:62px;height:62px;padding:6px}.card-top{margin-bottom:15px}.shop-footer{flex-wrap:wrap;gap:14px;margin-top:40px;font-size:11px}.shop-footer p{display:none}dialog{padding:20px}.dialog-head h2{font-size:21px}.dialog-head{gap:16px}.purchase-summary{grid-template-columns:1fr 105px;font-size:13px;gap:13px}.storage-heading h2{font-size:33px}.storage-heading .secondary{font-size:12px;padding:9px 11px}.order{padding:15px;align-items:flex-start;flex-direction:column;gap:9px}.order-status{font-size:12px}.message{padding:13px;font-size:13px}}
/* Keep the same complete navigation as the main website. */
.shop-header{position:relative;z-index:10;gap:24px}
.site-nav{gap:10px;margin-left:0;font-size:15px}
.site-nav a{display:flex;align-items:center;min-height:48px;padding:10px 16px;border:1px solid var(--line);background:#120c1b80;white-space:nowrap;font-weight:650}
.site-nav a:hover{border-color:#c59ce27a;background:#23142f}
.site-nav [aria-current]{border-color:#c59ce27a}
.site-nav [aria-current]:after{display:none}
.account-link{white-space:nowrap}
.shop-menu-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:40px;height:44px;padding:0;border:0;background:none;color:var(--accent);flex-shrink:0}
.shop-menu-toggle span{width:24px;height:2px;background:currentColor}
.shop-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}
.shop-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}
@media(max-width:1150px){
 .shop-menu-toggle{display:flex}
 .site-nav{display:none;position:absolute;top:100%;left:0;right:0;margin:0;padding:16px 5%;background:#100a1dfc;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:9px}
 .site-nav.open{display:flex}
}
@media(max-width:600px){.shop-header{gap:10px}.header-actions{gap:10px}.shop-menu-toggle{width:36px}}
@media(max-width:380px){.shop-header{gap:8px}.brand-lockup{width:95px}.brand-type{width:100px}.brand-magic{width:95px}.header-actions{gap:8px}.account-link{padding-inline:9px}.quiet{font-size:11px}}
/* Original website lockup and the same 64-frame MagicFlow canvas. */
.brand-lockup{display:block;width:230px;height:78px;isolation:isolate}
.brand-lockup .brand-type{width:230px;max-width:none;height:115px;left:0;top:-28px;z-index:2;filter:drop-shadow(0 3px 5px #030006b3)}
.brand-lockup .brand-magic{display:block;width:250px;height:112px;left:-10px;top:-15px;z-index:1;margin:0;opacity:.8;animation:none}
.brand-magic img,.brand-magic canvas{position:absolute;width:100%;height:100%;inset:0}
.brand-magic canvas{opacity:0}
.brand-magic.surface-ready canvas{opacity:1}
.brand-magic.surface-ready .brand-fallback{opacity:0}
@media(max-width:1050px){.brand-lockup{width:200px}.brand-lockup .brand-type{width:200px;height:100px;top:-19px}.brand-lockup .brand-magic{width:220px;height:99px;top:-9px}}
@media(max-width:600px){.brand-lockup{width:150px;height:58px}.brand-lockup .brand-type{width:150px;height:75px;top:-16px}.brand-lockup .brand-magic{width:170px;height:76px;left:-10px;top:-6px}}
@media(max-width:380px){.brand-lockup{width:118px;height:50px}.brand-lockup .brand-type{width:125px;height:62px;top:-11px;left:-3px}.brand-lockup .brand-magic{width:145px;height:65px;left:-13px;top:-7px}.header-actions{gap:6px}#motion-toggle{font-size:0;width:24px;min-height:44px}#motion-toggle:before{content:'✦';font-size:18px}}
/* Keep supporting copy readable alongside the stronger product titles. */
body{font-weight:500}
.intro-copy,.wallet>span:last-child,.delivery-note,#categories button,.quiet,
.sidebar-note p,.search-box input,select,.catalog-heading .muted,.groups button,
.card small,.card .price small,.view-tab span,.note,.contents,.purchase-summary,
.delivery-tip,.storage-note,.order-name small,.order-status,.shop-footer,.message{font-weight:600}
#categories button span:last-child{font-weight:700}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.search-box:focus-within,
.toolbar #sort:focus {
  border-color: var(--accent);
  outline: 1px solid var(--accent);
  outline-offset: -2px;
}
.search-box input:focus { outline: none; }

#detail {
  width: min(680px, calc(100vw - 24px));
  max-height: calc(100dvh - 24px);
  padding: 0;
  border: 1px solid #bf8cee80;
  border-radius: 16px;
  background: #120b1d;
  box-shadow: 0 28px 100px #05020ce0, 0 0 48px #7d42b02b;
  overscroll-behavior: contain;
}
#detail[open] { animation: item-enter .38s cubic-bezier(.2,.8,.2,1) both; }
#detail[open]::backdrop { animation: item-fade .28s ease-out both; }
#detail .item-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  padding: 18px clamp(18px, 5vw, 38px) 26px;
  border-bottom: 1px solid #c68cff45;
  background: radial-gradient(ellipse at 16% 100%, #532585aa, transparent 64%), #1d112c;
}
#detail .item-magic {
  position: absolute;
  z-index: -1;
  width: clamp(190px, 55%, 360px);
  aspect-ratio: 445 / 200;
  top: 50%;
  right: 2%;
  transform: translateY(-50%) rotate(-13deg);
  opacity: .54;
  mask-image: linear-gradient(90deg, transparent, #000 38%);
  pointer-events: none;
}
#detail .item-magic > :is(img, canvas) { position: absolute; inset: 0; width: 100%; height: 100%; }
#detail .item-magic canvas, #detail .item-magic.surface-ready img { opacity: 0; }
#detail .item-magic.surface-ready canvas { opacity: 1; }
#detail .dialog-topline { margin-bottom: 12px; }
#detail .close-button {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  border: 1px solid #dcb5fc52;
  border-radius: 50%;
  background: linear-gradient(145deg, #332044, #1b1028);
  color: #eddaff;
  transition: background .2s, border-color .2s, box-shadow .2s;
}
#detail .close-button:is(:hover, :focus-visible):not(:disabled) {
  border-color: #e0b2ff;
  background: #462c5e;
  box-shadow: 0 0 16px #bd78ff45;
}
#detail .dialog-head { margin: 0; gap: clamp(14px, 4vw, 25px); }
#detail .dialog-head h2 { font-size: clamp(25px, 5vw, 40px); font-weight: 850; line-height: 1.06; letter-spacing: -.035em; }
#detail .item-emblem {
  display: grid;
  place-items: center;
  width: clamp(62px, 14vw, 88px);
  aspect-ratio: 1;
  flex: none;
  border: 1px solid #ce9aff9e;
  border-radius: 14px;
  background: radial-gradient(ellipse, #7841ad, #221334 72%);
  box-shadow: inset 0 0 18px #cb8fff38, 0 0 24px #a15be638;
  animation: item-emblem .55s .04s cubic-bezier(.2,.85,.2,1) both;
}
#detail .item-info { padding: 20px clamp(18px, 5vw, 38px); }
#detail .item-info > :empty { display: none; }
#detail .item-info .note { margin: 0; color: #d7c7e3; }
#detail #requirements:not(:empty) { margin-top: 9px; color: var(--accent); }
#detail .contents { margin: 12px 0 0; }
#detail .item-checkout {
  padding: 20px clamp(18px, 5vw, 38px) 24px;
  background: #1b1127;
  border-top: 1px solid var(--line);
}
#detail .purchase-summary {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  margin: 0;
  padding: 0;
  border: 0;
}
#detail .purchase-summary label, #detail .item-total > span {
  display: block;
  margin-bottom: 7px;
  color: #ded0e8;
  font-weight: 700;
}
#detail .item-stepper {
  display: grid;
  grid-template-columns: 44px minmax(42px, 54px) 44px;
  width: fit-content;
  max-width: 100%;
  border: 1px solid #b389d769;
  border-radius: 9px;
  background: #100a19;
}
#detail .item-stepper button {
  min-height: 44px;
  border: 0;
  background: #362048;
  color: #f1daff;
  font-size: 23px;
  font-weight: 750;
}
#detail .item-stepper button:first-child { border-radius: 8px 0 0 8px; }
#detail .item-stepper button:last-child { border-radius: 0 8px 8px 0; }
#detail .item-stepper input {
  appearance: textfield;
  min-width: 0;
  padding: 0 3px;
  border: 0;
  text-align: center;
  font-weight: 800;
}
#detail .item-stepper input::-webkit-inner-spin-button,
#detail .item-stepper input::-webkit-outer-spin-button { appearance: none; }
#detail .item-total { text-align: right; }
#detail .item-total .price { display: grid; justify-items: end; gap: 3px; line-height: 1; }
#detail .item-total .price span { font-size: clamp(24px, 6vw, 40px); font-weight: 850; }
#detail .item-total .price small { font-size: 13px; white-space: nowrap; }
#detail #confirm {
  position: relative;
  overflow: hidden;
  min-height: 54px;
  margin-top: 16px;
  border: 1px solid #e9c8ff;
  border-radius: 9px;
  background: linear-gradient(110deg, #ead0ff, #bc8de8);
  box-shadow: 0 6px 22px #ad73dc33;
  color: #211130;
  font-size: 16px;
  font-weight: 850;
}
#detail #confirm:not(:disabled)::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 38%, #fff7 50%, transparent 62%);
  transform: translateX(-120%);
  pointer-events: none;
}
#detail #confirm:is(:hover, :focus-visible)::after { animation: item-sheen .7s ease-out; }
#detail .item-stepper button:hover:not(:disabled) { background: #573671; }
#detail :is(button,input):focus-visible { outline: 2px solid #ebc7ff; outline-offset: 2px; }
#detail button:disabled { opacity: .5; cursor: default; }
#detail .delivery-tip { margin: 10px 0 0; }
@keyframes item-enter {
  from { opacity: 0; transform: translateY(16px) scale(.97); }
  to { opacity: 1; transform: none; }
}
@keyframes item-fade { from { opacity: 0; } to { opacity: 1; } }
@keyframes item-emblem {
  from { opacity: .4; transform: scale(.72) rotate(-9deg); }
  to { opacity: 1; transform: none; }
}
@keyframes item-sheen { to { transform: translateX(120%); } }
@media (prefers-reduced-motion: reduce) {
  #detail[open], #detail[open]::backdrop,
  #detail .item-emblem, #detail #confirm:is(:hover, :focus-visible)::after { animation: none; }
}