.a2k-spec-selector{padding:3rem 0;background:transparent}.a2k-spec-selector__inner{max-width:1600px}.a2k-spec-selector__title{margin:0 0 .8rem;text-align:center}.a2k-spec-selector__subtitle{text-align:center;max-width:90ch;margin:0 auto 2.8rem;color:rgba(var(--color-foreground),.75)}.a2k-spec-selector__layout{display:grid;grid-template-columns:360px 1fr 340px;gap:2.4rem;align-items:start}.a2k-spec-selector__buttons{position:relative;display:flex;flex-direction:column;gap:.8rem}.a2k-spec-selector__indicator{position:absolute;left:0;width:100%;border-radius:12px;background:#cc99331f;border:1px solid #CC9933;pointer-events:none;opacity:0;transition:transform .28s cubic-bezier(.4,0,.2,1),height .28s cubic-bezier(.4,0,.2,1),opacity .2s ease;z-index:0}.a2k-spec-selector__indicator.is-visible{opacity:1}.a2k-spec-selector__button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;text-align:left;padding:1.2rem 1.4rem;border-radius:12px;border:1px solid rgba(var(--color-foreground),.15);background:rgb(var(--color-background));cursor:pointer;transition:border-color .15s ease,background-color .15s ease,transform .15s ease}.a2k-spec-selector__button:hover{border-color:#cc993380;transform:translate(2px)}.a2k-spec-selector__button.is-active{background:transparent;border-color:transparent}.a2k-spec-selector__button.is-active .a2k-spec-selector__button-label{color:#1a1a1a}.a2k-spec-selector__button.is-active .a2k-spec-selector__button-tag{color:#1a1a1abf}.a2k-spec-selector__button-label{font-weight:700;font-size:1.5rem;transition:color .15s ease}.a2k-spec-selector__button-tag{font-size:1.2rem;opacity:.65;line-height:1.4}.a2k-spec-selector__stage{position:relative;min-height:260px}.a2k-spec-selector__panel{display:none;padding:2rem 2.2rem;border-radius:16px;background:linear-gradient(135deg,#ffffffb3,#fff8e1e6);border:1px solid rgba(204,153,51,.28);box-shadow:0 4px 18px #1a1a1a12}.a2k-spec-selector__panel.is-active{display:block}.a2k-spec-selector__panel.is-animating{animation:a2k-spec-panel-in .4s cubic-bezier(.16,1,.3,1)}@keyframes a2k-spec-panel-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.a2k-spec-selector__panel-heading{margin:0 0 1rem;font-size:2rem;color:#1a1a1a}.a2k-spec-selector__panel-body{font-size:1.5rem;line-height:1.6;color:#1a1a1ad9}.a2k-spec-selector__panel-body p{margin:0 0 1rem}.a2k-spec-selector__panel-body p:last-child{margin-bottom:0}.a2k-spec-selector__panel-chips{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}.a2k-spec-selector__chip{display:inline-flex;align-items:center;padding:.4rem 1rem;border-radius:999px;background:#cc993324;border:1px solid rgba(204,153,51,.45);color:#1a1a1a;font-size:1.2rem;font-weight:700}.a2k-spec-selector__buybox{position:sticky;top:2rem}.a2k-spec-selector__buybox-inner{padding:1.8rem;border-radius:16px;background:linear-gradient(135deg,#ffffffb3,#fff8e1e6);border:1px solid rgba(204,153,51,.28);box-shadow:0 4px 18px #1a1a1a12;display:flex;flex-direction:column;gap:1rem}.a2k-spec-selector__buybox-image{width:100%;max-width:140px;height:auto;margin:0 auto .4rem;border-radius:8px;object-fit:contain;background:#fff9}.a2k-spec-selector__buybox-price{text-align:center;font-size:1.6rem}.a2k-spec-selector__buybox-price .price{justify-content:center}.a2k-spec-selector__buybox-form,.a2k-spec-selector__buybox-form .form{display:flex;flex-direction:column;gap:1rem}.a2k-spec-selector__buybox-form fieldset.product-form__input{margin-left:auto;margin-right:auto;text-align:center}.a2k-spec-selector__buybox-form fieldset.product-form__input legend{width:100%;text-align:center}.a2k-spec-selector__buybox-qty{display:flex;flex-direction:column;align-items:center;gap:.4rem}.a2k-spec-selector__buybox .product-form__submit{background:#1a1a1a;color:#c93}.a2k-spec-selector__buybox .product-form__submit:hover{background:#2a2a2a}.a2k-spec-selector__buybox-specs.a2k-product-specs{margin:0;padding:1.2rem 1.4rem}.a2k-spec-selector__buybox-specs .a2k-product-specs__row{justify-content:center;gap:.6rem}@media screen and (max-width:1300px){.a2k-spec-selector__layout{grid-template-columns:320px 1fr 300px}}@media screen and (max-width:989px){.a2k-spec-selector__layout{grid-template-columns:1fr}.a2k-spec-selector__indicator{display:none}.a2k-spec-selector__button.is-active{background:#cc99331f;border-color:#c93}.a2k-spec-selector__buybox{position:static}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/a2k-spec-selector.css.map */