.btn{--btn-bg: var(--accent);--btn-fg: var(--on-accent);display:inline-flex;align-items:center;justify-content:center;gap:.6em;padding:.95em 1.7em;font-family:var(--font-body);font-size:var(--step--1);font-weight:650;letter-spacing:.01em;line-height:1;border-radius:var(--radius-pill);background:var(--btn-bg);color:var(--btn-fg);border:1px solid transparent;transition:transform var(--dur-fast) var(--ease-out),background var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out);cursor:pointer;text-align:center}.btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-accent)}.btn:active{transform:translateY(0)}.btn[disabled],.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.btn--ghost{--btn-bg: transparent;--btn-fg: var(--fg);border-color:var(--line-strong)}.btn--ghost:hover{background:var(--fg-light-06);border-color:var(--accent);box-shadow:none}.btn--block{width:100%}.btn--large{padding:1.15em 2.1em;font-size:var(--step-0)}.link-arrow{display:inline-flex;align-items:center;gap:.5em;font-weight:600;font-size:var(--step--1);color:var(--accent);border-bottom:1px solid transparent;padding-bottom:2px;transition:gap var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.link-arrow svg{width:1em;transition:transform var(--dur) var(--ease-out) 40ms}.link-arrow:hover{gap:.85em;border-color:currentColor}.link-arrow:hover svg{transform:translate(3px) translateY(-1px)}.badge{display:inline-flex;align-items:center;gap:.45em;font-family:var(--font-mono);font-size:var(--step--2);letter-spacing:.08em;text-transform:uppercase;padding:.4em .85em;border-radius:var(--radius-pill);border:1px solid var(--line-strong);color:var(--fg-muted)}.badge--accent{border-color:var(--accent);color:var(--accent)}.badge--sale{background:var(--suit-scissor);color:#fff;border-color:transparent}.suit-chip{display:inline-flex;align-items:center;gap:.5em;font-family:var(--font-mono);font-size:var(--step--1);font-weight:700;letter-spacing:.05em}.suit-chip__dot{width:.85em;height:.85em;border-radius:3px;transform:rotate(45deg)}.suit-chip--stone .suit-chip__dot{background:var(--suit-stone)}.suit-chip--scissor .suit-chip__dot{background:var(--suit-scissor)}.suit-chip--paper .suit-chip__dot{background:var(--suit-paper)}.trust-row{display:flex;flex-wrap:wrap;gap:var(--space-s) var(--space-l);align-items:center}.trust-item{display:inline-flex;align-items:center;gap:.55em;font-size:var(--step--1);color:var(--fg-muted)}.trust-item svg{width:1.15em;color:var(--accent);flex:none}.spec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-m);overflow:hidden}.spec-tile{background:var(--surface);padding:var(--space-m);display:flex;flex-direction:column;gap:.3rem}.spec-tile__value{font-family:var(--font-display);font-size:var(--step-3);color:var(--accent);line-height:1}.spec-tile__label{font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.12em;color:var(--fg-muted)}.spec-tile:first-child{grid-column:span 2}.spec-tile:first-child .spec-tile__value{font-size:var(--step-4)}@media(max-width:460px){.spec-tile:first-child{grid-column:auto}}.buy__specs{background:#1a1c221a;border-color:#1a1c221a}.buy__specs .spec-tile{background:#faf7ef;padding:var(--space-s)}.buy__specs .spec-tile:first-child{grid-column:auto}.buy__specs .spec-tile__value,.buy__specs .spec-tile:first-child .spec-tile__value{font-size:var(--step-1)}.buy__specs .spec-tile__label{color:#1a1c228c}.feature-card{background:radial-gradient(120% 90% at 110% -10%,rgba(200,162,75,.05),transparent 45%),var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);padding:var(--space-l);display:flex;flex-direction:column;gap:var(--space-xs);transition:border-color var(--dur) var(--ease-out),transform var(--dur) var(--ease-out),background var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.feature-card:hover{border-color:var(--line-strong);transform:translateY(-4px);background:radial-gradient(120% 90% at 110% -10%,rgba(200,162,75,.08),transparent 45%),var(--surface-floating);box-shadow:inset 0 1px #f4f1e80d,0 18px 44px -22px #000000b3}@media(prefers-reduced-motion:reduce){.feature-card:hover{transform:none}}.feature-card__icon{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:var(--radius-m);background:#c8a24b1f;color:var(--accent);margin-bottom:var(--space-2xs)}.feature-card__icon svg{width:1.4rem}.feature-card--visual{align-items:center;text-align:center;gap:var(--space-s);padding-block:var(--space-2xl)}.feature-card--visual .feature-card__icon{width:5rem;height:5rem;border-radius:var(--radius-l);margin-bottom:var(--space-xs)}.feature-card--visual .feature-card__icon svg{width:2.75rem}.feature-card--visual h3{font-size:var(--step-2);margin:0}.feature-card__icon img{width:1.6rem;height:1.6rem;object-fit:contain;display:block}.feature-card--visual .feature-card__icon img{width:3rem;height:3rem}.steps{counter-reset:step;display:grid;gap:var(--space-l)}.step{position:relative;padding-inline-start:4.5rem}.step:before{counter-increment:step;content:counter(step,decimal-leading-zero);position:absolute;inset-inline-start:0;inset-block-start:-.1em;font-family:var(--font-display);font-size:var(--step-4);color:var(--accent);opacity:.85;line-height:1}.step h3{font-size:var(--step-1);margin-bottom:.4rem}.product-card{display:flex;flex-direction:column;gap:var(--space-xs)}.product-card__media{position:relative;border-radius:var(--radius-l);overflow:hidden;background:var(--surface);aspect-ratio:4 / 5}.product-card__media img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}.product-card:hover .product-card__media img{transform:scale(1.05)}.product-card__badge{position:absolute;inset-block-start:.8rem;inset-inline-start:.8rem}.product-card__title{font-family:var(--font-display);font-size:var(--step-1)}.product-card__price{font-family:var(--font-mono);color:var(--fg-muted);display:flex;gap:.6em;align-items:baseline}.product-card__price del{color:var(--fg-soft)}.product-card__price ins{text-decoration:none;color:var(--accent)}.accordion{border-top:1px solid var(--line)}.accordion__item{border-bottom:1px solid var(--line)}.accordion__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);padding:var(--space-m) 0;text-align:start;font-family:var(--font-display);font-size:var(--step-1);color:inherit}.accordion__icon{flex:none;width:1.4rem;height:1.4rem;position:relative}.accordion__icon:before,.accordion__icon:after{content:"";position:absolute;inset-block-start:50%;inset-inline-start:50%;width:.9rem;height:2px;background:var(--accent);transform:translate(-50%,-50%);transition:transform var(--dur) var(--ease-out)}.accordion__icon:after{transform:translate(-50%,-50%) rotate(90deg)}.accordion__trigger[aria-expanded=true] .accordion__icon:after{transform:translate(-50%,-50%) rotate(0)}.accordion__panel{overflow:hidden;display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--dur) var(--ease-out)}.accordion__trigger[aria-expanded=true]+.accordion__panel,.accordion__item:has(.accordion__trigger[aria-expanded=true]) .accordion__panel{grid-template-rows:1fr}.accordion__panel>div{min-height:0}.accordion__panel p{padding-bottom:var(--space-m);color:var(--fg-muted);max-width:60ch}.section--paper .accordion__panel p{color:var(--on-paper-muted)}.site-header{position:sticky;inset-block-start:0;z-index:var(--z-header);background:color-mix(in srgb,var(--ink-900) 82%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:background var(--dur) var(--ease-out)}.site-header__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m);min-height:4.5rem}.site-header__logo{font-family:var(--font-display);font-size:var(--step-2);font-weight:540;letter-spacing:-.02em;white-space:nowrap}.site-header__logo img{max-height:2.2rem;width:auto}.site-nav{display:flex;gap:var(--space-m);align-items:center}.site-nav__link{font-size:var(--step--1);font-weight:550;letter-spacing:.02em;color:var(--fg-muted);position:relative;padding:.4rem 0;transition:color var(--dur) var(--ease-out)}.site-nav__link:after{content:"";position:absolute;inset-block-end:0;inset-inline-start:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform var(--dur) var(--ease-out)}.site-nav__link:hover,.site-nav__link[aria-current]{color:var(--fg)}.site-nav__link:hover:after{transform:scaleX(1)}.site-header__actions{display:flex;gap:var(--space-2xs);align-items:center}.icon-btn{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:var(--radius-pill);color:var(--fg);position:relative;transition:background var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.icon-btn:hover{background:var(--fg-light-08)}.icon-btn svg{width:1.25rem}.site-header__cta{padding:.6em 1.15em;margin-inline-end:var(--space-2xs)}@media(max-width:560px){.site-header__cta{padding:.55em .9em;font-size:var(--step--2)}}.cart-count{position:absolute;inset-block-start:.2rem;inset-inline-end:.2rem;min-width:1.15rem;height:1.15rem;padding:0 .3rem;display:grid;place-items:center;background:var(--accent);color:var(--on-accent);font-family:var(--font-mono);font-size:.65rem;font-weight:700;border-radius:var(--radius-pill)}.cart-count[hidden]{display:none}.cart-count.is-updating{animation:badgePulse .38s var(--ease-spring)}@keyframes badgePulse{0%{transform:scale(1)}45%{transform:scale(1.4);background:var(--brass-300)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.cart-count.is-updating{animation:none}}.nav-toggle{display:none}@media(max-width:860px){.site-nav{position:fixed;top:4.5rem;right:0;bottom:0;left:0;flex-direction:column;align-items:flex-start;gap:0;padding:var(--space-l) var(--gutter);background:var(--ink-800);transform:translate(-100%);transition:transform var(--dur) var(--ease-out);z-index:var(--z-header);max-width:80vw;border-right:1px solid var(--line)}.site-nav.is-open{transform:translate(0)}.site-nav__link{font-family:var(--font-display);font-size:var(--step-3);padding:var(--space-xs) 0;width:100%}.site-nav__link:after{display:none}.nav-toggle{display:grid}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease-out),visibility var(--dur);z-index:var(--z-overlay)}.overlay.is-open{opacity:1;visibility:visible}.cart-drawer{position:fixed;inset-block:0;inset-inline-end:0;width:min(28rem,100vw);background:var(--ink-800);border-left:1px solid var(--line);display:flex;flex-direction:column;transform:translate(100%);transition:transform var(--dur) var(--ease-out);z-index:var(--z-drawer);box-shadow:var(--shadow-l)}.cart-drawer.is-open{transform:translate(0)}.cart-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:var(--space-m) var(--space-l);border-bottom:1px solid var(--line)}.cart-drawer__head h2{font-size:var(--step-2)}.cart-drawer__body{flex:1;overflow-y:auto;padding:var(--space-s) var(--space-l)}.cart-drawer__foot{padding:var(--space-m) var(--space-l);border-top:1px solid var(--line);display:grid;gap:var(--space-s)}.cart-drawer__totals{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-mono)}.cart-drawer__totals strong{font-size:var(--step-1);color:var(--accent)}.cart-drawer__note{font-size:var(--step--2);color:var(--fg-soft);text-align:center}.cart-empty{text-align:center;padding:var(--space-2xl) 0;color:var(--fg-muted);display:grid;justify-items:center;gap:var(--space-s)}.cart-empty__board{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);gap:2px;width:7.5rem;aspect-ratio:1;border:1px solid var(--line-strong);border-radius:var(--radius-s);overflow:hidden;opacity:.55}.cart-empty__board span{background:#f4f1e80a}.cart-empty__board span:nth-child(odd){background:#f4f1e812}.cart-empty__board span:nth-child(1),.cart-empty__board span:nth-child(6),.cart-empty__board span:nth-child(31),.cart-empty__board span:nth-child(36){background:#c8a24b59}.cart-empty h3{font-size:var(--step-1);color:var(--fg)}.line-item{display:grid;grid-template-columns:4.5rem 1fr auto;gap:var(--space-s);padding:var(--space-s) 0;border-bottom:1px solid var(--line)}.line-item__media{border-radius:var(--radius-s);overflow:hidden;background:var(--surface);aspect-ratio:1}.line-item__media img{width:100%;height:100%;object-fit:cover}.line-item__title{font-weight:600;line-height:1.3}.line-item__meta{font-size:var(--step--2);color:var(--fg-soft);font-family:var(--font-mono)}.line-item__remove{font-size:var(--step--2);color:var(--fg-soft);text-decoration:underline;text-underline-offset:2px;margin-top:.3rem}.line-item__remove:hover{color:var(--danger)}.line-item__price{font-family:var(--font-mono);text-align:end}.qty{display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:var(--radius-pill);overflow:hidden}.qty button{width:2.75rem;height:2.75rem;display:grid;place-items:center;color:var(--fg);transition:background var(--dur) var(--ease-out)}.qty button:hover{background:var(--fg-light-07)}.qty input{width:2.5rem;text-align:center;background:none;border:none;font-family:var(--font-mono);-moz-appearance:textfield}.qty input::-webkit-outer-spin-button,.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-size:var(--step--1);font-weight:600}.input,.textarea{width:100%;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-m);padding:.9em 1.1em;color:var(--fg);transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.section--paper .input,.section--paper .textarea{background:var(--paper-light);border-color:var(--paper-300);color:var(--on-paper)}.input:focus,.textarea:focus{border-color:var(--accent)}.input:focus-visible,.textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #c8a24b2e}.input::placeholder,.textarea::placeholder{color:var(--fg-soft);font-style:italic}.inline-form{display:flex;gap:var(--space-2xs);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-pill);padding:.4rem;max-width:30rem;transition:border-color var(--dur) var(--ease-out),box-shadow var(--dur) var(--ease-out)}.section--paper .inline-form{background:var(--paper-light);border-color:var(--paper-300)}.inline-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #c8a24b2e}.inline-form input{flex:1;background:none;border:none;padding:.6em 1em}.inline-form input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-s)}.form-note{font-size:var(--step--1)}.form-note--success{color:var(--success)}.form-note--error{color:var(--danger)}.marquee{overflow:hidden;border-block:1px solid var(--line);padding-block:var(--space-s);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee__track{display:flex;gap:var(--space-l);width:max-content;animation:marquee 36s linear infinite}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__item{font-family:var(--font-display);font-size:var(--step-3);color:var(--fg-soft);display:inline-flex;align-items:center;gap:var(--space-l)}.marquee__item:after{content:"\25c6";color:var(--accent);font-size:.5em}@keyframes marquee{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.marquee__track{animation:none}}.site-footer{background:var(--ink-800);border-top:1px solid var(--line);padding-block:var(--space-2xl) var(--space-l)}.site-footer__top{display:grid;gap:var(--space-xl);grid-template-columns:1.4fr repeat(3,1fr)}.site-footer__brand h3{font-size:var(--step-3)}.site-footer__brand p{color:var(--fg-muted);max-width:30ch;margin-top:var(--space-xs)}.footer-col h4{font-family:var(--font-mono);font-size:var(--step--2);text-transform:uppercase;letter-spacing:.14em;color:var(--fg-soft);margin-bottom:var(--space-s)}.footer-col a{display:block;padding:.35rem 0;color:var(--fg-muted);transition:color var(--dur) var(--ease-out)}.footer-col a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}.site-footer__bottom{display:flex;flex-wrap:wrap;gap:var(--space-s);justify-content:space-between;align-items:center;margin-top:var(--space-xl);padding-top:var(--space-l);border-top:1px solid var(--line);font-size:var(--step--2);color:var(--fg-soft)}.social-row{display:flex;gap:var(--space-2xs)}.social-row .icon-btn:hover{background:#c8a24b26;color:var(--accent);box-shadow:0 0 16px -2px #c8a24b73}@media(max-width:740px){.site-footer__top{grid-template-columns:1fr 1fr}.site-footer__brand{grid-column:1 / -1}}@media(max-width:460px){.site-footer__top{grid-template-columns:1fr}}.toast{position:fixed;inset-block-end:var(--space-m);inset-inline:0;margin-inline:auto;width:max-content;max-width:calc(100vw - 2rem);background:var(--ink-600);border:1px solid var(--line-strong);color:var(--fg);padding:.9rem 1.4rem;border-radius:var(--radius-pill);box-shadow:var(--shadow-m);z-index:var(--z-toast);opacity:0;transform:translateY(1rem);transition:opacity var(--dur) var(--ease-out),transform var(--dur) var(--ease-out);pointer-events:none}.toast.is-visible{opacity:1;transform:none}
/*# sourceMappingURL=/cdn/shop/t/23/assets/components.css.map */