:root{--brand-primary:#8c2433;--brand-primary-dark:#651724;--brand-primary-soft:#f7e9e9;--brand-gold:#b78a45;--brand-gold-light:#d9bb82;--text:#443a32;--text-h:#231a14;--text-muted:#766a60;--bg:#fbf8f2;--surface:#fff;--border:#e4d8ca;--code-bg:#f3ede4;--accent:var(--brand-primary);--accent-bg:var(--brand-primary-soft);--accent-border:#8c243373;--social-bg:#f3ede4b3;--shadow:0 10px 25px #443a321a;--sans:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--heading:"Noto Serif TC", "PingFang TC", "Microsoft JhengHei", serif;--mono:ui-monospace, Consolas, monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-body:1rem;--font-size-lg:1.125rem;--font-size-h3:1.375rem;--font-size-h2:clamp(1.5rem, 2.5vw, 2rem);--font-size-h1:clamp(2.25rem, 5vw, 3.5rem);--line-height-tight:1.2;--line-height-body:1.7;--line-height-loose:1.9}:root{font:var(--font-size-body)/var(--line-height-body) var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{font-size:var(--font-size-h1);line-height:var(--line-height-tight);letter-spacing:-1.68px;margin:32px 0}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{font-size:var(--font-size-h2);line-height:var(--line-height-tight);letter-spacing:-.24px;margin:0 0 8px}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.main-navigation{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:24px;display:flex}.main-navigation a,.mobile-navigation a{color:var(--text);font-size:var(--font-size-sm);text-decoration:none}.main-navigation a:hover,.main-navigation a:focus-visible,.main-navigation a[aria-current=page],.mobile-navigation a:hover,.mobile-navigation a:focus-visible,.mobile-navigation a[aria-current=page]{color:var(--brand-primary)}.main-navigation__menu-button{border:1px solid var(--border);color:var(--brand-primary-dark);background:var(--surface);cursor:pointer;border-radius:6px;padding:8px 12px;display:none}.main-navigation__menu-button:focus-visible{outline:2px solid var(--brand-gold);outline-offset:3px}.mobile-navigation{display:none}@media (width<=720px){.main-navigation{display:none}.main-navigation__menu-button{justify-content:center;align-items:center;display:inline-flex}.mobile-navigation{z-index:10;border-bottom:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);padding:16px 20px 24px;display:block;position:absolute;inset:100% 0 auto}.mobile-navigation nav{gap:4px;display:grid}.mobile-navigation a{padding:12px 8px;display:block}}.site-footer{background:var(--brand-primary-dark);color:#fffaf2;padding:52px clamp(20px,5vw,72px) 24px}.site-footer__grid{grid-template-columns:1.2fr .8fr 1.2fr;gap:48px;width:min(1200px,100%);margin:0 auto;display:grid}.site-footer p{color:var(--brand-gold-light);font-size:var(--font-size-sm);margin:8px 0 0}.site-footer__brand{color:#fffaf2;font-family:var(--heading);letter-spacing:.12em;font-size:1.5rem;font-weight:700;text-decoration:none;display:inline-block}.site-footer__heading{color:#fffaf2;font-family:var(--sans);font-size:var(--font-size-sm);letter-spacing:.12em;margin:0 0 12px;font-weight:700}.site-footer__link-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:0;padding:0;list-style:none;display:grid}.site-footer a{color:var(--brand-gold-light);font-size:var(--font-size-sm);text-decoration:none}.site-footer a:hover,.site-footer a:focus-visible{color:#fffaf2}.site-footer__contact{font-style:normal}.site-footer__bottom{border-top:1px solid #d9bb8259;justify-content:space-between;gap:24px;width:min(1200px,100%);margin:40px auto 0;padding-top:20px;display:flex}.site-footer__bottom small{color:var(--brand-gold-light);font-size:var(--font-size-xs)}@media (width<=720px){.site-footer__grid{grid-template-columns:1fr;gap:32px}.site-footer__bottom{flex-direction:column;align-items:flex-start;gap:8px}}.page-container{box-sizing:border-box;width:100%;margin-inline:auto}.page-container--default{max-width:1200px}.page-container--narrow{max-width:800px}.page-container--wide{max-width:1440px}@media (width<=720px){.page-container{max-width:100%}}.public-layout{background:var(--bg);min-height:100svh;color:var(--text);flex-direction:column;display:flex}.public-skip-link{z-index:20;background:var(--brand-primary);color:#fff;border-radius:5px;padding:10px 14px;font-weight:700;text-decoration:none;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.public-skip-link:focus{transform:translateY(0)}.public-header{box-sizing:border-box;border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:32px;width:100%;padding:20px clamp(20px,5vw,72px);display:flex;position:relative}.public-header__brand{color:var(--brand-primary-dark);flex-direction:column;text-decoration:none;display:inline-flex}.public-header__brand-name{font-family:var(--heading);letter-spacing:.12em;font-size:1.5rem;font-weight:700}.public-header__brand-subtitle{color:var(--brand-gold);font-size:var(--font-size-xs);letter-spacing:.28em}.public-layout__content{box-sizing:border-box;flex:1;padding:56px clamp(20px,5vw,72px)}@media (width<=720px){.public-header{flex-direction:column;align-items:flex-start;gap:16px}.public-layout__content{padding-block:40px}}.page-heading{gap:20px;margin-bottom:40px;display:grid}.page-heading__content{justify-content:space-between;align-items:end;gap:24px;display:flex}.page-heading h1{margin:0}.page-heading p{max-width:720px;color:var(--text-muted);margin-top:12px}.page-heading__action{flex:none}.breadcrumb ol{color:var(--text-muted);font-size:var(--font-size-sm);flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li{align-items:center;gap:8px;display:inline-flex}.breadcrumb li:not(:last-child):after{content:"/";color:var(--border)}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover,.breadcrumb a:focus-visible{color:var(--brand-primary)}.breadcrumb [aria-current=page]{color:var(--text)}@media (width<=720px){.page-heading__content{flex-direction:column;align-items:flex-start}.page-heading__action{width:100%}}.content-page{gap:40px;display:grid}.content-page__section{gap:16px;max-width:800px;display:grid}.content-page__section h2{margin:0}.content-page__section p{color:var(--text-muted)}.content-page__contact{gap:8px;font-style:normal;display:grid}.content-page__contact a{color:var(--brand-primary)}.ui-button{box-sizing:border-box;min-height:44px;font:600 var(--font-size-sm)/1.2 var(--sans);text-align:center;cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:10px 18px;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.ui-button:focus-visible{outline:2px solid var(--brand-gold);outline-offset:3px}.ui-button:disabled,.ui-button[aria-disabled=true]{cursor:not-allowed;opacity:.55}.ui-button--primary{border-color:var(--brand-primary);color:#fffaf2;background:var(--brand-primary)}.ui-button--primary:hover,.ui-button--primary:focus-visible{border-color:var(--brand-primary-dark);background:var(--brand-primary-dark)}.ui-button--secondary{border-color:var(--brand-gold);color:var(--brand-primary-dark);background:var(--brand-gold-light)}.ui-button--secondary:hover,.ui-button--secondary:focus-visible{border-color:var(--brand-gold);background:#e8ce9e}.ui-button--ghost{border-color:var(--border);color:var(--brand-primary);background:0 0}.ui-button--ghost:hover,.ui-button--ghost:focus-visible{border-color:var(--brand-primary);background:var(--brand-primary-soft)}.ui-button--danger{color:#fff;background:#a52828;border-color:#a52828}.ui-button--danger:hover,.ui-button--danger:focus-visible{background:#781b1b;border-color:#781b1b}.feedback-state{box-sizing:border-box;border:1px solid var(--border);min-height:180px;color:var(--text);background:var(--surface);text-align:center;border-radius:8px;justify-items:center;gap:12px;padding:40px 24px;display:grid}.feedback-state h2{font-size:var(--font-size-h3);margin:0}.feedback-state p{max-width:40rem;color:var(--text-muted)}.feedback-state--loading{background:0 0;border-style:dashed;grid-template-columns:auto 1fr;justify-content:center;align-items:center;min-height:auto}.feedback-state--error{border-color:var(--accent-border);background:var(--brand-primary-soft)}.feedback-state__action{margin-top:8px}.feedback-spinner{border:3px solid var(--border);border-top-color:var(--brand-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite feedback-spin;display:inline-block}.feedback-skeleton{background:var(--surface);border-radius:8px;gap:12px;min-height:220px;padding:16px;display:grid}.feedback-skeleton__image,.feedback-skeleton__line{background:linear-gradient(90deg, var(--code-bg), var(--border), var(--code-bg));background-size:200% 100%;border-radius:4px;animation:1.4s ease-in-out infinite feedback-shimmer;display:block}.feedback-skeleton__image{min-height:130px}.feedback-skeleton__line{width:70%;height:16px}.feedback-skeleton__line--long{width:90%}@keyframes feedback-spin{to{transform:rotate(360deg)}}@keyframes feedback-shimmer{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.feedback-spinner,.feedback-skeleton__image,.feedback-skeleton__line{animation:none}}.home-page{gap:88px;display:grid}.home-hero{color:#fffaf2;background:var(--brand-primary-dark);border-radius:12px;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;min-height:500px;padding:clamp(32px,6vw,72px);display:grid;overflow:hidden}.eyebrow{color:var(--brand-gold);font-size:var(--font-size-xs);letter-spacing:.2em;margin:0 0 14px;font-weight:700}.home-hero h1,.home-contact h2{color:#fffaf2;margin:0}.home-hero__description{max-width:520px;color:var(--brand-gold-light);font-size:var(--font-size-lg);margin:24px 0 0}.home-hero__actions,.home-contact__actions{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.home-hero .ui-button--ghost{border-color:var(--brand-gold-light);color:#fffaf2}.home-hero__visual{background:radial-gradient(circle at 50% 40%, #b78a4561, transparent 54%), var(--brand-primary);border:1px solid #d9bb828c;border-radius:50% 50% 12px 12px;place-items:center;min-height:360px;display:grid;position:relative}.home-hero__visual:before,.home-hero__visual:after{content:"";border:1px solid #d9bb8259;border-radius:50%;position:absolute;inset:12%}.home-hero__visual:after{inset:24%}.home-hero__seal{z-index:1;border:2px solid var(--brand-gold-light);width:132px;height:132px;color:var(--brand-gold-light);font-family:var(--heading);text-align:center;border-radius:50%;place-items:center;font-size:2.5rem;font-weight:700;line-height:1.05;display:grid}.home-hero__visual-text{color:var(--brand-gold-light);font-family:var(--heading);letter-spacing:.2em;text-align:center;font-size:1.15rem;line-height:1.8;position:absolute;bottom:14%;right:12%}.home-section{gap:32px;display:grid}.home-section h2{margin:0}.home-introduction{grid-template-columns:1fr 1fr;gap:64px;padding-block:16px}.home-introduction__body{color:var(--text-muted);align-content:start;gap:16px;display:grid}.section-heading-row{justify-content:space-between;align-items:end;gap:24px;display:flex}.category-grid,.featured-grid,.news-grid,.highlight-grid{gap:16px;display:grid}.category-grid{grid-template-columns:repeat(4,1fr)}.category-card{color:#fffaf2;border-radius:8px;flex-direction:column;justify-content:flex-end;min-height:180px;padding:24px;text-decoration:none;display:flex;position:relative;overflow:hidden}.category-card--primary{background:var(--brand-primary)}.category-card--gold{background:var(--brand-gold)}.category-card--dark{background:var(--text-h)}.category-card__number{color:#fffaf299;font-size:var(--font-size-sm);position:absolute;top:18px;right:20px}.category-card h3,.featured-card h3,.news-card h3,.highlight-grid h3{color:inherit;font-size:var(--font-size-h3);margin:0}.category-card p{color:#fffaf2cc;font-size:var(--font-size-sm);margin:8px 0 20px}.category-card__link,.featured-card a,.news-card a{color:var(--brand-gold-light);font-size:var(--font-size-sm);font-weight:700}.featured-grid{grid-template-columns:repeat(3,1fr)}.featured-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;overflow:hidden}.featured-card__visual{min-height:220px;color:var(--text-muted);background:linear-gradient(145deg, var(--code-bg), var(--brand-primary-soft));font-size:var(--font-size-sm);place-items:center;display:grid}.featured-card__content{padding:24px}.featured-card__category{color:var(--brand-gold);font-size:var(--font-size-sm);margin:14px 0 6px}.featured-card h3{color:var(--text-h)}.featured-card__content>p:not(.featured-card__category){color:var(--text-muted)}.featured-card a{color:var(--brand-primary);margin-top:20px;text-decoration:none;display:inline-block}.tag{color:var(--brand-primary-dark);background:var(--brand-gold-light);font-size:var(--font-size-xs);padding:4px 8px;font-weight:700;display:inline-flex}.home-highlights{background:var(--code-bg);grid-template-columns:.8fr 1.2fr;align-items:start;padding:56px}.highlight-grid{grid-template-columns:repeat(3,1fr)}.highlight-grid>div{gap:10px;display:grid}.highlight-grid strong{color:var(--brand-primary);font-size:var(--font-size-sm)}.highlight-grid h3{color:var(--text-h)}.highlight-grid p{color:var(--text-muted);font-size:var(--font-size-sm)}.news-grid{grid-template-columns:repeat(3,1fr)}.news-card{border-top:2px solid var(--brand-gold);gap:12px;padding:24px 0;display:grid}.news-card time{color:var(--text-muted);font-size:var(--font-size-sm)}.news-card h3{color:var(--text-h);font-size:var(--font-size-lg)}.news-card p{color:var(--text-muted)}.news-card a{color:var(--brand-primary);text-decoration:none}.home-contact{background:var(--brand-primary-dark);border-radius:8px;justify-content:space-between;align-items:center;gap:32px;padding:48px 56px;display:flex}.home-contact p:not(.eyebrow){color:var(--brand-gold-light);margin-top:12px}.home-contact__actions{justify-content:flex-end;margin-top:0}@media (width<=900px){.category-grid{grid-template-columns:repeat(2,1fr)}.home-introduction,.home-highlights{grid-template-columns:1fr}}@media (width<=720px){.home-page{gap:56px}.home-hero{grid-template-columns:1fr;min-height:auto;padding:32px 24px}.home-hero__visual{min-height:260px}.section-heading-row,.home-contact{flex-direction:column;align-items:flex-start}.featured-grid,.news-grid,.highlight-grid{grid-template-columns:1fr}.home-highlights,.home-contact{padding:32px 24px}.home-contact__actions{justify-content:flex-start;margin-top:8px}}@media (width<=480px){.category-grid{grid-template-columns:1fr}}.admin-login-page{background:var(--surface-muted);place-items:center;min-height:100vh;padding:32px 20px;display:grid}.admin-login-card{border:1px solid var(--border);background:var(--surface);width:min(100%,460px);box-shadow:var(--shadow-md);border-radius:12px;gap:18px;padding:40px;display:grid}.admin-login-card h1,.admin-login-card p{margin:0}.admin-login-form{gap:16px;display:grid}.admin-login-form label{color:var(--text-h);gap:7px;font-weight:700;display:grid}.admin-login-form input{box-sizing:border-box;border:1px solid var(--border);width:100%;font:inherit;background:var(--surface);border-radius:6px;padding:12px 14px}.admin-login-form input:focus{outline:2px solid var(--brand-gold);outline-offset:1px}.admin-page{background:var(--surface-muted);min-height:100vh;color:var(--text-h);padding:32px clamp(20px,4vw,64px)}.admin-header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.admin-header h1,.admin-header p{margin:0}.admin-header__actions{align-items:center;gap:12px;display:flex}.admin-shell{grid-template-columns:220px minmax(0,1fr);gap:24px;max-width:1400px;margin:auto;display:grid}.admin-sidebar{align-content:start;gap:6px;display:grid}.admin-sidebar button{text-align:left;color:var(--text-muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:13px 16px}.admin-sidebar button.is-active,.admin-sidebar button:hover{background:var(--brand-primary);color:#fff}.admin-content{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-width:0;padding:clamp(20px,4vw,40px)}.admin-content h2{margin-top:0}.admin-message{color:var(--success);background:#eef8ef;border-radius:6px;padding:12px 16px}.admin-stats{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.admin-stats div{border:1px solid var(--border);border-radius:8px;gap:8px;padding:24px;display:grid}.admin-stats strong{color:var(--brand-primary);font-size:32px}.admin-stats span{color:var(--text-muted)}.admin-form{border:1px solid var(--border);border-radius:8px;gap:14px;max-width:720px;margin:20px 0 32px;padding:20px;display:grid}.admin-form h3{margin:0}.admin-form label{gap:6px;font-weight:700;display:grid}.admin-form input,.admin-form textarea,.admin-form select{box-sizing:border-box;border:1px solid var(--border);width:100%;font:inherit;border-radius:5px;padding:10px 12px}.admin-form__actions{gap:10px;display:flex}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:12px 10px}.admin-table button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:4px;margin:2px 4px 2px 0;padding:6px 9px}.admin-table button:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.admin-images{margin:20px 0 32px}.admin-images h3{margin-bottom:12px}.admin-image-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;display:grid}.admin-image-item{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:8px;padding:10px;display:grid}.admin-image-item.is-cover{border:2px solid var(--brand-gold)}.admin-image-item img{aspect-ratio:1;object-fit:cover;background:var(--surface-muted);border-radius:5px;width:100%}.admin-image-item span{font-size:var(--font-size-sm);font-weight:700}.admin-image-item button{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:4px;margin:2px 3px 0 0;padding:5px 7px;font-size:12px}@media (width<=800px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{display:flex;overflow-x:auto}.admin-sidebar button{white-space:nowrap}.admin-stats{grid-template-columns:repeat(2,1fr)}}.admin-placeholder{padding:48px 20px}.search-field{gap:8px;display:grid}.search-field__label{color:var(--text-h);font-size:var(--font-size-sm);font-weight:600}.search-field__controls{align-items:stretch;gap:8px;display:flex}.search-field input{box-sizing:border-box;border:1px solid var(--border);min-width:0;min-height:44px;color:var(--text);background:var(--surface);font:var(--font-size-body)/1.4 var(--sans);border-radius:4px;flex:1;padding:10px 12px}.search-field input:focus-visible{outline:2px solid var(--brand-gold);outline-offset:2px}.search-field__clear,.search-field__submit{border:1px solid var(--border);min-height:44px;font:600 var(--font-size-sm)/1.2 var(--sans);cursor:pointer;border-radius:4px;padding:10px 14px}.search-field__clear{color:var(--text);background:var(--surface)}.search-field__submit{border-color:var(--brand-primary);color:#fffaf2;background:var(--brand-primary)}.search-field__clear:hover,.search-field__clear:focus-visible{border-color:var(--brand-primary);color:var(--brand-primary)}.search-field__submit:hover,.search-field__submit:focus-visible{border-color:var(--brand-primary-dark);background:var(--brand-primary-dark)}.search-field__clear:focus-visible,.search-field__submit:focus-visible{outline:2px solid var(--brand-gold);outline-offset:2px}.search-field button:disabled,.search-field input:disabled{cursor:not-allowed;opacity:.55}@media (width<=480px){.search-field__controls{grid-template-columns:1fr auto;display:grid}.search-field input{grid-column:1/-1}}.product-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;display:grid;overflow:hidden}.product-card__image{color:#fffaf2cc;min-height:220px;font-size:var(--font-size-sm);place-items:center;text-decoration:none;display:grid}.product-card__image--primary{background:linear-gradient(145deg, var(--brand-primary), var(--brand-primary-dark))}.product-card__image--gold{background:linear-gradient(145deg, var(--brand-gold), #8b642d)}.product-card__image--dark{background:linear-gradient(145deg, var(--text-h), #4a3a2d)}.product-card__content{gap:8px;padding:22px;display:grid}.product-card__badges{gap:6px;min-height:22px;display:flex}.product-card__category{color:var(--brand-gold);font-size:var(--font-size-sm);margin:4px 0 0}.product-card h2{font-size:var(--font-size-h3);margin:0}.product-card h2 a{color:var(--text-h);text-decoration:none}.product-card h2 a:hover,.product-card h2 a:focus-visible{color:var(--brand-primary)}.product-card__content>p:not(.product-card__category){color:var(--text-muted);font-size:var(--font-size-sm)}.product-card__detail{color:var(--brand-primary);font-size:var(--font-size-sm);margin-top:10px;font-weight:700;text-decoration:none}.tag--muted{color:var(--text);background:var(--code-bg)}.product-catalog-page{gap:32px;display:grid}.product-category-nav{border-bottom:1px solid var(--border);flex-wrap:wrap;gap:8px;padding-bottom:20px;display:flex}.product-category-nav a{border:1px solid var(--border);color:var(--text);font-size:var(--font-size-sm);border-radius:4px;padding:8px 12px;text-decoration:none}.product-category-nav a:hover,.product-category-nav a:focus-visible,.product-category-nav a.is-active{border-color:var(--brand-primary);color:var(--brand-primary);background:var(--brand-primary-soft)}.product-catalog__toolbar{justify-content:space-between;align-items:end;gap:24px;display:flex}.product-catalog__toolbar .search-field{flex:1;max-width:560px}.product-sort{color:var(--text-h);font-size:var(--font-size-sm);gap:8px;font-weight:600;display:grid}.product-sort select{border:1px solid var(--border);min-height:44px;color:var(--text);background:var(--surface);font:var(--font-size-body)/1.4 var(--sans);border-radius:4px;padding:8px 12px}.product-sort select:focus-visible{outline:2px solid var(--brand-gold);outline-offset:2px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.load-more{border:1px solid var(--brand-primary);min-height:44px;color:var(--brand-primary);font:600 var(--font-size-sm)/1.2 var(--sans);cursor:pointer;background:0 0;border-radius:4px;justify-self:center;padding:10px 24px}.load-more:hover,.load-more:focus-visible{color:#fffaf2;background:var(--brand-primary)}.load-more:focus-visible{outline:2px solid var(--brand-gold);outline-offset:2px}@media (width<=900px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.product-catalog__toolbar{flex-direction:column;align-items:stretch}.product-catalog__toolbar .search-field{max-width:none}.product-grid{grid-template-columns:1fr}}.product-gallery{gap:12px;display:grid}.product-gallery__main{color:#fffaf2d9;text-align:center;border-radius:8px;place-items:center;gap:8px;min-height:420px;display:grid}.product-gallery__main small{color:var(--brand-gold-light);font-size:var(--font-size-xs)}.product-gallery__main--primary{background:linear-gradient(145deg, var(--brand-primary), var(--brand-primary-dark))}.product-gallery__main--gold{background:linear-gradient(145deg, var(--brand-gold), #8b642d)}.product-gallery__main--dark{background:linear-gradient(145deg, var(--text-h), #4a3a2d)}.product-gallery__thumbs{gap:8px;display:flex}.product-gallery__thumb{border:1px solid var(--border);width:56px;height:56px;color:var(--text-muted);background:var(--surface);cursor:pointer;border-radius:4px;place-items:center;display:grid}.product-gallery__thumb:hover,.product-gallery__thumb:focus-visible,.product-gallery__thumb.is-active{border-color:var(--brand-primary);color:var(--brand-primary)}.product-gallery__thumb:focus-visible{outline:2px solid var(--brand-gold);outline-offset:2px}.product-detail-page{gap:48px;display:grid}.product-detail__top{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:start;gap:56px;display:grid}.product-detail__summary{align-content:start;gap:14px;padding-top:24px;display:grid}.product-detail__summary h2{margin:0}.product-detail__summary>p:not(.product-card__category):not(.product-detail__price-note){color:var(--text-muted)}.product-detail__actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.product-detail__price-note{color:var(--brand-primary);font-size:var(--font-size-sm)}.product-detail__section{border-top:1px solid var(--border);gap:18px;padding-top:36px;display:grid}.product-detail__section h2{margin:0}.product-detail__section>p{max-width:800px;color:var(--text-muted)}.product-specifications{border-top:1px solid var(--border);max-width:800px;margin:0;display:grid}.product-specifications>div{border-bottom:1px solid var(--border);grid-template-columns:minmax(120px,.35fr) 1fr;gap:20px;padding:14px 0;display:grid}.product-specifications dt{color:var(--text-h);font-weight:700}.product-specifications dd{color:var(--text-muted);margin:0}.product-detail__section .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=800px){.product-detail__top{grid-template-columns:1fr;gap:24px}.product-gallery__main{min-height:300px}}@media (width<=720px){.product-detail__section .product-grid{grid-template-columns:1fr}}.news-detail-page{gap:24px;display:grid}.news-detail-page__meta{color:var(--brand-gold);font-size:var(--font-size-sm);gap:16px;display:flex}.news-detail-page__meta time{color:var(--text-muted)}.news-detail-page__cover{color:#fffaf2d9;background:linear-gradient(145deg, var(--brand-primary-dark), var(--brand-primary));border-radius:8px;place-items:center;min-height:320px;display:grid}.news-detail-page__content{max-width:800px;color:var(--text-muted);gap:16px;display:grid}.news-content-card{border:1px solid var(--border);background:var(--surface);border-radius:8px;display:grid;overflow:hidden}.news-content-card__cover{color:#fffaf2d1;background:linear-gradient(145deg, var(--brand-primary-dark), var(--brand-primary));min-height:180px;font-size:var(--font-size-sm);place-items:center;text-decoration:none;display:grid}.news-content-card__body{gap:10px;padding:22px;display:grid}.news-content-card__meta{color:var(--brand-gold);font-size:var(--font-size-sm);justify-content:space-between;gap:12px;display:flex}.news-content-card__meta time{color:var(--text-muted)}.news-content-card h2{font-size:var(--font-size-h3);margin:0}.news-content-card h2 a{color:var(--text-h);text-decoration:none}.news-content-card h2 a:hover,.news-content-card h2 a:focus-visible{color:var(--brand-primary)}.news-content-card p{color:var(--text-muted)}.news-content-card__link{color:var(--brand-primary);font-size:var(--font-size-sm);margin-top:8px;font-weight:700;text-decoration:none}.news-list-page{gap:32px;display:grid}.news-list-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}@media (width<=900px){.news-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.news-list-grid{grid-template-columns:1fr}}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}