/*! KSL Phonograph | 版权所有 (C) 2026 东莞市曜美智能科技有限公司 | Copyright (C) 2026 Dongguan Yaomei Intelligent Technology Co., Ltd. | All Rights Reserved. 闭源专有软件，未经授权禁止复制传播。详见 LICENSE。 */
:root{--color-bg:#FAF7F2;--color-bg-dark:#1C110A;--color-bg-accent:#F3EDE3;--color-gold:#C8A45C;--color-gold-light:#D4B76E;--color-gold-dark:#A88840;--color-text:#2C1810;--color-text-light:#8B7355;--color-text-on-dark:#EAE0D5;--color-text-muted-on-dark:#9B8B7A;--color-white:#FFFFFF;--color-border:#E5DDD0;--color-border-light:rgba(200, 164, 92, 0.3);--font-display:'Playfair Display','Noto Serif SC',Georgia,serif;--font-body:'Cormorant Garamond','Noto Serif SC',Georgia,serif;--font-ui:-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif;--section-padding:7rem 0;--container-padding:0 2rem;--container-max:1200px;--container-narrow:800px;--transition-fast:0.25s cubic-bezier(0.4, 0, 0.2, 1);--transition-smooth:0.4s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:0.7s cubic-bezier(0.4, 0, 0.2, 1)}*,::after,::before{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.7;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}ul{list-style:none}.container{max-width:var(--container-max);margin:0 auto;padding:var(--container-padding)}.container--narrow{max-width:var(--container-narrow)}.section{padding:var(--section-padding)}.section--dark{background:var(--color-bg-dark);color:var(--color-text-on-dark)}.section--accent{background:var(--color-bg-accent)}.section__header{text-align:center;margin-bottom:4rem}.section__supertitle{font-family:var(--font-ui);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.25em;color:var(--color-text-light);margin-bottom:.75rem}.section__supertitle--gold{color:var(--color-gold)}.section__title{font-family:var(--font-display);font-size:clamp(2rem, 4vw, 3rem);font-weight:600;color:var(--color-text);margin-bottom:1rem;line-height:1.2}.section__title--light{color:var(--color-text-on-dark)}.section__desc{font-size:1.1rem;color:var(--color-text-light);max-width:500px;margin:0 auto}.section__desc--light{color:var(--color-text-muted-on-dark)}.announcement-bar{background:var(--color-bg-dark);color:var(--color-text-on-dark);font-family:var(--font-ui);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;padding:.6rem 0;overflow:hidden;position:relative;z-index:1001}.announcement-slide{display:flex;align-items:center;justify-content:center;gap:1rem;white-space:nowrap}.announcement-divider{color:var(--color-gold);opacity:.5}.header{position:fixed;top:1.75rem;left:0;right:0;z-index:1000;transition:all var(--transition-smooth)}.header--scrolled{top:0;background:rgba(28,17,10,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 20px rgba(0,0,0,.15)}.header--scrolled .nav{padding:.8rem 0}.nav{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;transition:padding var(--transition-smooth)}.nav__logo{display:flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-white);letter-spacing:.05em;z-index:1002}.nav__logo-text{white-space:nowrap}.nav__logo-icon{height:2.8rem;width:auto;display:block}.nav__menu{display:flex;align-items:center;gap:2.5rem}.nav__link{font-family:var(--font-ui);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.85);position:relative;padding:.3rem 0}.nav__link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:var(--color-gold);transition:width var(--transition-smooth)}.nav__link.active,.nav__link:hover{color:var(--color-white)}.nav__link.active::after,.nav__link:hover::after{width:100%}.nav__toggle{display:none;flex-direction:column;gap:5px;background:0 0;border:none;cursor:pointer;padding:4px;z-index:1002}.nav__toggle-bar{width:24px;height:1.5px;background:var(--color-white);transition:all var(--transition-fast)}.nav__toggle.active .nav__toggle-bar:first-child{transform:rotate(45deg) translate(5px,5px)}.nav__toggle.active .nav__toggle-bar:nth-child(2){opacity:0}.nav__toggle.active .nav__toggle-bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.hero{position:relative;height:100vh;min-height:650px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero__bg{position:absolute;inset:0;z-index:0}.hero__img{width:100%;height:100%;object-fit:cover;animation:heroZoom 8s ease-out forwards}@keyframes heroZoom{0%{transform:scale(1.1)}100%{transform:scale(1)}}.hero__overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(28,17,10,.55) 0,rgba(28,17,10,.4) 50%,rgba(28,17,10,.7) 100%)}.hero__content{position:relative;z-index:1;text-align:center;color:var(--color-white);padding:2rem}.hero__supertitle{font-family:var(--font-ui);font-size:.8rem;text-transform:uppercase;letter-spacing:.35em;color:var(--color-gold);margin-bottom:1.25rem}.hero__title{font-family:var(--font-display);font-size:clamp(3rem, 7vw, 5.5rem);font-weight:600;line-height:1.1;margin-bottom:1.5rem;letter-spacing:.03em}.hero__subtitle{font-size:clamp(1rem, 1.8vw, 1.25rem);line-height:1.8;color:rgba(255,255,255,.8);margin-bottom:2.5rem;font-weight:300}.hero__actions{display:flex;gap:1.25rem;justify-content:center;flex-wrap:wrap}.hero__scroll{position:absolute;bottom:2.5rem;left:50%;transform:translateX(-50%);z-index:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;color:rgba(255,255,255,.6);font-family:var(--font-ui);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(8px)}}.btn{display:inline-block;padding:.9rem 2.5rem;font-family:var(--font-ui);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.12em;transition:all var(--transition-smooth);cursor:pointer;border:none}.btn--gold{background:var(--color-gold);color:var(--color-white)}.btn--gold:hover{background:var(--color-gold-light);transform:translateY(-2px);box-shadow:0 10px 30px rgba(200,164,92,.3)}.btn--outline{border:1px solid rgba(255,255,255,.4);color:var(--color-white)}.btn--outline:hover{background:rgba(255,255,255,.1);border-color:var(--color-white);transform:translateY(-2px)}.collections__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;align-items:start}.collection-card{position:relative;overflow:hidden;cursor:pointer;display:block}.collection-card__image{position:relative;overflow:hidden;background:var(--color-bg-accent)}.collection-card__image img{display:block;width:100%;height:auto;object-fit:contain;transition:transform var(--transition-slow)}.collection-card:hover .collection-card__image img{transform:scale(1.06)}.collection-card__content{padding:1.25rem .25rem 0;color:var(--color-text)}.collection-card:hover .collection-card__content{color:var(--color-text)}.collection-card__title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.collection-card__desc{font-size:.95rem;opacity:.8;margin-bottom:.75rem}.collection-card__link{font-family:var(--font-ui);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-gold);opacity:1;transform:none;transition:color var(--color-gold);display:inline-block}.collection-card:hover .collection-card__link{opacity:1;transform:translateY(0)}.products__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.product-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);transition:all var(--transition-smooth)}.product-card:hover{border-color:var(--color-gold);transform:translateY(-4px);box-shadow:0 20px 50px rgba(0,0,0,.3)}.product-card__image{position:relative;aspect-ratio:1;overflow:hidden;background:rgba(0,0,0,.2)}.product-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-card__image img{transform:scale(1.05)}.product-card__quick-view{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);text-align:center;opacity:0;transform:translateY(100%);transition:all var(--transition-smooth)}.product-card:hover .product-card__quick-view{opacity:1;transform:translateY(0)}.product-card__quick-view-text{font-family:var(--font-ui);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--color-gold)}.product-card__info{padding:1.5rem}.product-card__badge{display:inline-block;font-family:var(--font-ui);font-size:.6rem;text-transform:uppercase;letter-spacing:.1em;padding:.25rem .75rem;background:var(--color-gold);color:var(--color-white);margin-bottom:.75rem}.product-card__name{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-text-on-dark);margin-bottom:.25rem}.product-card__series{font-size:.9rem;color:var(--color-text-muted-on-dark);margin-bottom:.75rem}.product-card__colors{display:flex;gap:.5rem;margin-bottom:1rem}.color-dot{width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(255,255,255,.25);cursor:pointer;transition:border-color var(--transition-fast)}.color-dot:hover{border-color:var(--color-gold)}.product-card__price{font-family:var(--font-display);font-size:1.15rem;font-weight:600;color:var(--color-gold)}.product-card__price--original{font-size:.85rem;color:var(--color-text-muted-on-dark);text-decoration:line-through;margin-left:.5rem;font-weight:400}.craft-row{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;margin-bottom:6rem}.craft-row:last-child{margin-bottom:0}.craft-row--reverse .craft-row__image{order:2}.craft-row--reverse .craft-row__text{order:1}.craft-row__image{position:relative;overflow:hidden;background:var(--color-bg-accent)}.craft-row__image img{display:block;width:100%;height:auto;object-fit:contain;transition:transform var(--transition-slow)}.craft-row__image:hover img{transform:scale(1.03)}.craft-row__number{font-family:var(--font-display);font-size:4rem;font-weight:700;color:var(--color-gold);opacity:.2;line-height:1;margin-bottom:-.5rem}.craft-row__title{font-family:var(--font-display);font-size:1.75rem;font-weight:600;margin-bottom:1.25rem;color:var(--color-text)}.craft-row__desc{font-size:1.05rem;color:var(--color-text-light);line-height:1.9;margin-bottom:1.5rem}.craft-row__features{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.craft-row__features li{font-family:var(--font-ui);font-size:.8rem;color:var(--color-text-light);padding-left:1.25rem;position:relative}.craft-row__features li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:var(--color-gold);border-radius:50%}.colors__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.color-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:all var(--transition-smooth);cursor:pointer}.color-card:hover{border-color:var(--color-gold);transform:translateY(-4px)}.color-card__image{aspect-ratio:1;overflow:hidden}.color-card__image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.color-card:hover .color-card__image img{transform:scale(1.05)}.color-card__info{padding:1.25rem;text-align:center}.color-card__swatch{width:40px;height:40px;border-radius:50%;margin:0 auto .75rem;border:2px solid rgba(200,164,92,.4)}.color-card__name{font-family:var(--font-display);font-size:1.1rem;font-weight:600;color:var(--color-text-on-dark);margin-bottom:.25rem}.color-card__desc{font-size:.85rem;color:var(--color-text-muted-on-dark)}.story__content{text-align:center;margin-bottom:3.5rem}.story__text{font-size:1.15rem;line-height:2.1;color:var(--color-text-light);margin-bottom:1.5rem}.story__text--gold{font-family:var(--font-display);font-size:1.35rem;font-style:italic;color:var(--color-gold);margin-top:2rem}.story__image{aspect-ratio:21/9;overflow:hidden}.story__image img{width:100%;height:100%;object-fit:cover}.features__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem}.feature-item{text-align:center;padding:2rem 1.5rem}.feature-item__icon{color:var(--color-gold);margin-bottom:1.25rem;display:inline-block}.feature-item__title{font-family:var(--font-display);font-size:1.1rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text)}.feature-item__desc{font-size:.9rem;color:var(--color-text-light);line-height:1.8}.newsletter__content{text-align:center}.newsletter__title{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--color-text-on-dark);margin-bottom:.75rem}.newsletter__desc{font-size:1rem;color:var(--color-text-muted-on-dark);margin-bottom:2rem}.newsletter__form{display:flex;gap:.75rem;max-width:500px;margin:0 auto 1rem}.newsletter__input{flex:1;padding:.9rem 1.25rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);color:var(--color-text-on-dark);font-family:var(--font-ui);font-size:.85rem;outline:0;transition:border-color var(--transition-fast)}.newsletter__input::placeholder{color:var(--color-text-muted-on-dark)}.newsletter__input:focus{border-color:var(--color-gold)}.newsletter__btn{white-space:nowrap;padding:.9rem 2rem}.newsletter__note{font-size:.75rem;color:var(--color-text-muted-on-dark);opacity:.6}.footer{background:#160d07;color:var(--color-text-on-dark);padding:5rem 0 2rem}.footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1.2fr;gap:3rem;margin-bottom:4rem}.footer__logo{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.footer__logo-icon{color:var(--color-gold)}.footer__brand-desc{font-size:.9rem;color:var(--color-text-muted-on-dark);line-height:1.8;margin-bottom:1.5rem}.footer__social{display:flex;gap:1rem}.footer__social-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.15);border-radius:50%;color:var(--color-text-muted-on-dark);transition:all var(--transition-fast)}.footer__social-link:hover{border-color:var(--color-gold);color:var(--color-gold);transform:translateY(-2px)}.footer__links-title{font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:1.25rem;color:var(--color-white)}.footer__links ul li{margin-bottom:.6rem}.footer__links ul li a{font-size:.85rem;color:var(--color-text-muted-on-dark);transition:color var(--transition-fast)}.footer__links ul li a:hover{color:var(--color-gold)}.footer__contact p{font-size:.85rem;color:var(--color-text-muted-on-dark);margin-bottom:.5rem}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid rgba(255,255,255,.08);font-size:.8rem;color:var(--color-text-muted-on-dark)}.footer__bottom-links{display:flex;gap:1.5rem}.footer__bottom-links a{color:var(--color-text-muted-on-dark)}.footer__bottom-links a:hover{color:var(--color-gold)}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:44px;height:44px;background:var(--color-bg-dark);color:var(--color-gold);border:1px solid var(--color-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition-smooth)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--color-gold);color:var(--color-white)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.4, 0, .2, 1),transform .8s cubic-bezier(.4, 0, .2, 1)}.reveal.revealed{opacity:1;transform:translateY(0)}.fade-up{opacity:0;transform:translateY(20px);animation:fadeUp .8s cubic-bezier(.4,0,.2,1) forwards}.fade-up:first-child{animation-delay:.1s}.fade-up:nth-child(2){animation-delay:.3s}.fade-up:nth-child(3){animation-delay:.5s}.fade-up:nth-child(4){animation-delay:.7s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.collections__grid,.products__grid{grid-template-columns:repeat(2,1fr)}.colors__grid{grid-template-columns:repeat(2,1fr)}.features__grid{grid-template-columns:repeat(2,1fr)}.craft-row{grid-template-columns:1fr;gap:2rem}.craft-row--reverse .craft-row__image{order:0}.craft-row--reverse .craft-row__text{order:0}.footer__grid{grid-template-columns:repeat(3,1fr)}.footer__brand{grid-column:1/-1}}@media (max-width:768px){:root{--section-padding:4rem 0}.section__header{margin-bottom:2.5rem}.header{top:1.5rem}.header--scrolled{top:0}.nav__menu{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(28,17,10,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;justify-content:center;gap:2rem;opacity:0;visibility:hidden;transition:all var(--transition-smooth)}.nav__menu.active{opacity:1;visibility:visible}.nav__link{font-size:1.1rem;letter-spacing:.2em}.nav__toggle{display:flex}.nav__logo{font-size:1.15rem;letter-spacing:.02em;gap:.4rem}.nav__logo-icon{height:2rem}.hero__content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:2rem}.hero__actions{flex-direction:column;align-items:center;position:absolute;left:0;right:0;bottom:6rem}.collections__grid,.products__grid{grid-template-columns:1fr;gap:1.5rem}.colors__grid{grid-template-columns:repeat(2,1fr)}.features__grid{grid-template-columns:1fr}.feature-item{padding:1.5rem 1rem}.craft-row{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}.craft-row__features{grid-template-columns:1fr}.craft-row__number{font-size:3rem}.craft-row__title{font-size:1.5rem}.newsletter__form{flex-direction:column}.footer__grid{grid-template-columns:1fr;gap:2rem}.footer__bottom{flex-direction:column;gap:.75rem;text-align:center}.back-to-top{bottom:1rem;right:1rem;width:38px;height:38px}}@media (max-width:480px){.colors__grid{grid-template-columns:1fr 1fr;gap:1rem}.hero__title{font-size:clamp(2rem, 10vw, 3rem)}.hero{min-height:560px}.section__title{font-size:1.75rem}.announcement-bar{font-size:.58rem;letter-spacing:.04em}.announcement-slide{gap:.5rem}.nav__logo{font-size:1.05rem}.nav__logo-icon{height:1.8rem}.modal__notice{padding:1.5rem 1rem}.notice__title{font-size:1.2rem}.notice__channels{gap:.5rem}.purchase-form__channels{padding:.85rem}}.modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .35s cubic-bezier(.4, 0, .2, 1)}.modal.active{opacity:1;visibility:visible}.modal__backdrop{position:absolute;inset:0;background:rgba(20,12,6,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer}.modal__container{position:relative;width:95%;max-width:1100px;max-height:90vh;background:var(--color-bg);overflow-y:auto;overflow-x:hidden;transform:translateY(30px) scale(.97);transition:transform .4s cubic-bezier(.4, 0, .2, 1)}.modal.active .modal__container{transform:translateY(0) scale(1)}.modal__close{position:absolute;top:1.25rem;right:1.25rem;z-index:10;width:40px;height:40px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-white);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal__close:hover{background:var(--color-bg-dark);color:var(--color-white);border-color:var(--color-bg-dark)}.modal__body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:580px}.modal__gallery{background:#f5f0ea;position:relative;display:flex;flex-direction:column;min-width:0}.modal__main-image{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;min-height:400px}.modal__main-image img{max-width:100%;max-height:55vh;object-fit:contain;transition:opacity .3s ease}.modal__thumbnails{display:flex;gap:.5rem;padding:.75rem 1rem;justify-content:center;border-top:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.5)}.modal__thumb{width:60px;height:60px;object-fit:cover;cursor:pointer;border:2px solid transparent;opacity:.5;transition:all var(--transition-fast);flex-shrink:0}.modal__thumb:hover{opacity:.8}.modal__thumb.active{border-color:var(--color-gold);opacity:1}.modal__info{padding:2.5rem 2.5rem 2.5rem 2rem;display:flex;flex-direction:column;min-width:0;overflow-x:hidden;overflow-y:auto}.modal__badge{display:inline-block;font-family:var(--font-ui);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;padding:.25rem .75rem;background:var(--color-gold);color:var(--color-white);margin-bottom:1rem;align-self:flex-start}.modal__name{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--color-text);margin-bottom:.25rem}.modal__series{font-size:1rem;color:var(--color-text-light);margin-bottom:1rem}.modal__price{font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--color-gold);margin-bottom:1rem}.modal__price .modal__price--original{font-size:1rem;color:var(--color-text-light);text-decoration:line-through;margin-left:.5rem;font-weight:400}.modal__desc{font-size:.95rem;color:var(--color-text-light);line-height:1.8;margin-bottom:1.25rem}.modal__specs{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border)}.modal__spec-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--color-text-light)}.modal__spec-icon{color:var(--color-gold);flex-shrink:0}.modal__variant-section{margin-bottom:1.25rem}.modal__variant-title{font-family:var(--font-display);font-size:.85rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem}.modal__variants{display:flex;gap:.75rem;flex-wrap:wrap;min-width:0}.modal__variant{cursor:pointer;text-align:center;transition:all var(--transition-fast)}.modal__variant-image{width:64px;height:64px;object-fit:cover;border:2px solid transparent;border-radius:4px;margin-bottom:.35rem;transition:border-color var(--transition-fast)}.modal__variant:hover .modal__variant-image{border-color:var(--color-border-light)}.modal__variant.active .modal__variant-image{border-color:var(--color-gold)}.modal__variant-name{font-size:.7rem;color:var(--color-text-light);display:block;overflow-wrap:break-word;word-break:break-word}.modal__variant.active .modal__variant-name{color:var(--color-gold);font-weight:600}.modal__qty-section{margin-bottom:1.5rem}.modal__qty{display:inline-flex;align-items:center;border:1px solid var(--color-border)}.modal__qty-btn{width:38px;height:38px;border:none;background:0 0;font-size:1.1rem;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.modal__qty-btn:hover{background:var(--color-bg-accent);color:var(--color-gold)}.modal__qty-input{width:50px;height:38px;text-align:center;border:none;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);font-family:var(--font-ui);font-size:.9rem;color:var(--color-text);background:0 0;-moz-appearance:textfield}.modal__qty-input::-webkit-inner-spin-button,.modal__qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal__actions{display:flex;gap:.75rem;margin-top:auto}.modal__buy-btn{flex:1;padding:1rem 2rem;font-size:.85rem}.modal__cart-btn{padding:1rem 1.5rem;font-size:.8rem}.btn--outline-dark{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.btn--outline-dark:hover{border-color:var(--color-text);background:var(--color-bg-accent);transform:translateY(-2px)}.modal__purchase-form{display:none;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.modal__purchase-form.active{display:block}.modal__info.form-active .modal__actions,.modal__info.form-active .modal__desc,.modal__info.form-active .modal__qty-section,.modal__info.form-active .modal__specs,.modal__info.form-active .modal__variant-section{display:none}.purchase-form__title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:1.25rem}.purchase-form__field{margin-bottom:1rem}.purchase-form__field label{display:block;font-family:var(--font-ui);font-size:.75rem;font-weight:500;color:var(--color-text-light);margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.05em}.purchase-form__field input,.purchase-form__field textarea{width:100%;padding:.7rem .9rem;border:1px solid var(--color-border);font-family:var(--font-ui);font-size:.85rem;color:var(--color-text);background:var(--color-white);transition:border-color var(--transition-fast);outline:0}.purchase-form__field input:focus,.purchase-form__field textarea:focus{border-color:var(--color-gold)}.purchase-form__field textarea{resize:vertical;min-height:70px}.purchase-form__summary{background:var(--color-bg-accent);padding:1rem;margin-bottom:1.25rem;font-size:.85rem;color:var(--color-text);line-height:1.8}.purchase-form__summary strong{color:var(--color-gold)}.purchase-form__actions{display:flex;gap:.75rem}.purchase-form__actions .btn{flex:1;text-align:center;justify-content:center}.purchase-form__channels{margin-bottom:1.25rem;padding:1rem;background:var(--color-bg-accent);border:1px solid var(--color-border)}.purchase-form__channels-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:.35rem;text-align:center}.purchase-form__channels-desc{font-size:.75rem;color:var(--color-text-light);margin-bottom:.85rem;text-align:center;line-height:1.5}.purchase-form__channels-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.purchase-form__channel{text-align:center}.purchase-form__channel img{width:100%;height:auto;display:block;border:1px solid var(--color-border);border-radius:4px;background:var(--color-white)}.purchase-form__channel span{display:block;margin-top:.4rem;font-size:.8rem;font-weight:500;color:var(--color-text)}.modal__success{display:none;text-align:center;padding:2rem 1rem}.modal__success.active{display:flex;flex-direction:column;align-items:center}.modal__notice{display:none;text-align:center;padding:2rem 1rem}.modal__notice.active{display:flex;flex-direction:column;align-items:center}.notice-icon{width:64px;height:64px;border-radius:50%;background:var(--color-gold);color:var(--color-white);font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem}.notice__title{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem}.notice__text{font-size:.9rem;color:var(--color-text-light);margin-bottom:1.5rem;max-width:320px;line-height:1.6}.notice__channels{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem;width:100%;max-width:360px}.notice__channel{text-align:center}.notice__channel img{width:100%;height:auto;display:block;border:1px solid var(--color-border);border-radius:4px;background:var(--color-white)}.notice__channel span{display:block;margin-top:.4rem;font-size:.8rem;font-weight:500;color:var(--color-text)}.success-icon{width:64px;height:64px;border-radius:50%;background:var(--color-gold);color:var(--color-white);font-size:1.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.modal__success h3{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:.75rem}.modal__success p{font-size:.9rem;color:var(--color-text-light);margin-bottom:.5rem;max-width:300px}.success__order-id{font-family:var(--font-ui);font-size:.75rem!important;color:var(--color-gold)!important;margin-bottom:1.5rem!important}@media (max-width:768px){.modal__body{grid-template-columns:minmax(0,1fr)}.modal__main-image{min-height:300px;padding:1.5rem}.modal__main-image img{max-height:40vh}.modal__info{padding:1.5rem}.modal__actions{flex-direction:column}.modal__name{font-size:1.35rem}.modal__thumb{width:48px;height:48px;scroll-snap-align:start}.modal__thumbnails{justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.modal__container{max-height:95vh;width:100%;border-radius:0}.purchase-form__actions{flex-direction:column}.purchase-form__channels{padding:.85rem}.purchase-form__channels-grid{gap:.5rem}.purchase-form__channel span{font-size:.75rem}}.success__contact{background:var(--color-bg-accent);padding:1rem 1.25rem;margin:1rem 0;text-align:left;border-left:3px solid var(--color-gold)}.success__contact p{font-size:.85rem;color:var(--color-text);margin-bottom:.35rem;max-width:none}.success__contact p:last-child{margin-bottom:0}.success__contact strong{color:var(--color-gold)}.cs-float{position:fixed;right:1.5rem;bottom:7rem;z-index:998;display:flex;flex-direction:column;align-items:center}.cs-float__btn{width:50px;height:50px;border-radius:50%;background:var(--color-bg-dark);color:var(--color-gold);border:1.5px solid var(--color-gold);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(28,17,10,.25);transition:all var(--transition-smooth);position:relative}.cs-float__btn::after{content:'';position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--color-gold);opacity:.4;animation:csPulse 2s ease-in-out infinite}@keyframes csPulse{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(1.15);opacity:0}}.cs-float__btn:hover{background:var(--color-gold);color:var(--color-white);transform:scale(1.08)}.cs-float__label{font-family:var(--font-ui);font-size:.6rem;color:var(--color-text-light);margin-top:.25rem;text-transform:uppercase;letter-spacing:.1em}.cs-panel{position:absolute;right:0;bottom:70px;width:280px;background:var(--color-white);border:1px solid var(--color-border);box-shadow:0 20px 60px rgba(28,17,10,.18);opacity:0;visibility:hidden;transform:translateY(10px) scale(.95);transition:all .3s cubic-bezier(.4, 0, .2, 1);pointer-events:none}.cs-panel.active{opacity:1;visibility:visible;transform:translateY(0) scale(1);pointer-events:auto}.cs-panel__header{background:var(--color-bg-dark);color:var(--color-text-on-dark);padding:1.25rem 1.25rem .75rem}.cs-panel__header h4{font-family:var(--font-display);font-size:1rem;font-weight:600;margin-bottom:.25rem}.cs-panel__header p{font-size:.75rem;color:var(--color-text-muted-on-dark)}.cs-panel__body{padding:1rem 1.25rem 1.25rem}.cs-panel__item{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.85rem}.cs-panel__icon{font-size:1.2rem;flex-shrink:0;line-height:1.4}.cs-panel__label{font-size:.7rem;color:var(--color-text-light);margin-bottom:.1rem}.cs-panel__value{font-size:.9rem;font-weight:600;color:var(--color-text)}.cs-panel__divider{height:1px;background:var(--color-border);margin:.85rem 0}.cs-panel__note{font-size:.72rem;color:var(--color-text-light);line-height:1.7;font-style:italic}@media (max-width:768px){.cs-float{right:1rem;bottom:5.5rem}.cs-float__btn{width:44px;height:44px}.cs-panel{width:260px;right:0;bottom:60px}}.shop-lightbox{position:fixed;inset:0;z-index:9999;display:none;align-items:center;justify-content:center;background:rgba(20,12,7,.78);padding:1.5rem}.shop-lightbox.active{display:flex}.shop-lightbox__content{position:relative;background:#fff;border-radius:14px;padding:1.25rem;max-width:92vw;max-height:92vh;box-shadow:0 24px 60px rgba(0,0,0,.4);animation:shopLightboxIn .22s ease-out}@keyframes shopLightboxIn{from{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.shop-lightbox__img{display:block;width:100%;max-width:340px;height:auto;border-radius:8px}.shop-lightbox__caption{margin:.85rem 0 0;text-align:center;font-family:var(--font-ui);font-size:.9rem;letter-spacing:.05em;color:var(--color-text)}.shop-lightbox__close{position:absolute;top:-14px;right:-14px;width:34px;height:34px;border:none;border-radius:50%;background:var(--color-text);color:#fff;font-size:1.4rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:transform .15s ease}.shop-lightbox__close:hover{transform:rotate(90deg)}@media (max-width:480px){.shop-lightbox__img{max-width:260px}}