.c-btn{display:inline-flex;min-height:2.75rem;max-width:100%;align-items:center;justify-content:center;gap:.55rem;padding:.7rem 1.35rem;border:1px solid var(--hx-line-strong);border-radius:var(--hx-radius-pill);background:var(--hx-surface);color:var(--hx-ink);font-weight:700;line-height:1.25;text-align:center;transition:transform .2s var(--hx-ease),border-color .2s,background .2s,color .2s,box-shadow .2s}
.c-btn:hover{transform:translateY(-1px);border-color:var(--hx-primary);color:var(--hx-primary-hover)}
.c-btn:active{transform:translateY(1px)}
.c-btn-primary{border-color:var(--hx-primary);background:var(--hx-primary);color:#fff;box-shadow:0 11px 24px rgba(237,10,142,.18)}
.c-btn-primary:hover{border-color:var(--hx-primary-hover);background:var(--hx-primary-hover);color:#fff}
.c-btn-dark{border-color:var(--hx-dark);background:var(--hx-dark);color:#fff}
.c-btn-dark:hover{border-color:#3b1629;background:#3b1629;color:#fff}
.c-btn-ghost{border-color:var(--hx-line-strong);background:transparent}
.c-btn-sm{min-height:2.4rem;padding:.55rem 1rem;font-size:var(--hx-text-sm)}
.c-card{min-width:0;border:1px solid var(--hx-line);border-radius:var(--hx-radius-md);background:var(--hx-surface);padding:var(--hx-space-3);transition:transform .2s var(--hx-ease),border-color .2s,box-shadow .2s}
.c-card:hover{transform:translateY(-2px);border-color:var(--hx-line-strong);box-shadow:var(--hx-shadow-hover)}
.c-card-flat:hover{transform:none;box-shadow:none}
.c-badge{
  width:fit-content;
  max-width:100%;
  align-self:flex-start;display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .7rem;border-radius:var(--hx-radius-pill);background:var(--hx-primary-soft);color:var(--hx-primary-hover);font-size:var(--hx-text-xs);font-weight:750}
.c-badge:before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:currentColor}
.c-badge-success{background:var(--hx-success-soft);color:#16714F}
.c-notice{display:flex;gap:1rem;padding:1.1rem 1.25rem;border:1px solid #F0C9DF;border-radius:var(--hx-radius-md);background:var(--hx-primary-soft)}
.c-notice strong{color:var(--hx-ink)}
.c-table-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--hx-line);border-radius:var(--hx-radius-md);background:#fff;-webkit-overflow-scrolling:touch}
.c-table{width:100%;min-width:42rem;border-collapse:collapse}
.c-table th,.c-table td{padding:1rem 1.1rem;border-bottom:1px solid var(--hx-line);text-align:left}
.c-table th{background:#FAFAFA;color:var(--hx-muted);font-size:var(--hx-text-xs);letter-spacing:.06em;text-transform:uppercase}
.c-table tr:last-child td{border-bottom:0}
.c-price{position:relative;min-width:0;padding:2rem;border:1px solid var(--hx-line-strong);border-radius:var(--hx-radius-lg);background:#fff;overflow:hidden}
.c-price-featured{border-color:#EE82BE;box-shadow:0 24px 60px rgba(237,10,142,.1)}
.c-price-featured:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--hx-primary)}
.c-price__head{display:flex;align-items:start;justify-content:space-between;gap:1rem}
.c-price__value{display:flex;align-items:end;gap:.5rem;margin:1.6rem 0 .7rem}
.c-price__value strong{color:var(--hx-ink);font:750 clamp(2.3rem,5vw,3.1rem)/1 var(--hx-font-mono);letter-spacing:-.06em}
.c-price__specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:1.5rem 0}
.c-price__specs div{min-width:0;padding:.2rem .8rem;border-right:1px solid var(--hx-line);text-align:center}
.c-price__specs div:first-child{padding-left:0;text-align:left}
.c-price__specs div:last-child{padding-right:0;border:0;text-align:right}
.c-price__specs span{display:block;color:var(--hx-muted);font-size:.68rem;text-transform:uppercase}
.c-price__specs b{font-family:var(--hx-font-mono);font-size:var(--hx-text-sm)}
.c-filter{display:flex;max-width:100%;flex-wrap:wrap;gap:.35rem;padding:.3rem;border:1px solid var(--hx-line);border-radius:var(--hx-radius-pill);background:#fff}
.c-filter button{min-height:2.15rem;padding:.45rem .9rem;border:0;border-radius:var(--hx-radius-pill);background:transparent;color:var(--hx-muted);font-size:var(--hx-text-sm);font-weight:700}
.c-filter button[aria-selected="true"]{background:var(--hx-dark);color:#fff}
.c-breadcrumb{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;color:var(--hx-muted);font-size:var(--hx-text-sm)}
.c-breadcrumb a:hover{color:var(--hx-primary)}
.c-breadcrumb span+span:before,.c-breadcrumb a+span:before{content:"/";margin-right:.5rem;color:var(--hx-line-strong)}
.c-faq{border-top:1px solid var(--hx-line-strong)}
.c-faq details{border-bottom:1px solid var(--hx-line-strong)}
.c-faq summary{position:relative;display:flex;align-items:center;min-height:4.5rem;padding:1rem 3rem 1rem 0;color:var(--hx-ink);font-weight:700;cursor:pointer;list-style:none}
.c-faq summary::-webkit-details-marker{display:none}
.c-faq summary:after{content:"";position:absolute;right:.4rem;width:.55rem;height:.55rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.c-faq details[open] summary:after{transform:rotate(225deg)}
.c-faq__content{padding:0 3rem 1.5rem 0}
.c-faq__content p:last-child{margin-bottom:0}
.c-field{display:grid;gap:.45rem;min-width:0}
.c-field label{color:var(--hx-ink);font-size:var(--hx-text-sm);font-weight:700}
.c-input,.c-select,.c-textarea{width:100%;min-width:0;border:1px solid var(--hx-line-strong);border-radius:var(--hx-radius-sm);background:#fff;padding:.8rem .9rem;transition:border-color .2s,box-shadow .2s}
.c-input:focus,.c-select:focus,.c-textarea:focus{outline:0;border-color:var(--hx-primary);box-shadow:0 0 0 3px rgba(237,10,142,.12)}
.c-textarea{min-height:8rem;resize:vertical}
.c-code,pre{max-width:100%;overflow-x:auto;border:1px solid #3a2831;border-radius:var(--hx-radius-md);background:var(--hx-dark);color:#f8eaf2;padding:1rem;font:var(--hx-text-sm)/1.7 var(--hx-font-mono);tab-size:2;-webkit-overflow-scrolling:touch}
code{font-family:var(--hx-font-mono)}
.site-header{position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(231,227,230,.95);background:rgba(255,255,255,.94);backdrop-filter:blur(16px)}
.site-topline{display:flex;min-height:2rem;align-items:center;justify-content:center;padding:.35rem 1rem;border-bottom:1px solid #F9DDEC;background:var(--hx-primary-soft);color:#6A2B50;font-size:.75rem;text-align:center}
.site-nav{display:flex;min-height:var(--hx-header-height);align-items:center;gap:1.5rem}
.site-brand{display:flex;flex:0 0 auto;align-items:center;gap:.7rem;color:var(--hx-ink);font:750 1.15rem/1 var(--hx-font-heading)}
.site-brand img{width:2rem;height:2rem}
.site-nav__links{display:flex;min-width:0;align-self:stretch;align-items:center;gap:clamp(.8rem,2vw,1.7rem)}
.site-nav__links a{position:relative;color:#3E3E45;font-size:.82rem;font-weight:650}
.site-nav__links a:hover,.site-nav__links a.active{color:var(--hx-primary-hover)}
.site-nav__links a.active:after{content:"";position:absolute;right:0;bottom:-1.55rem;left:0;height:2px;background:var(--hx-primary)}
.site-nav__tools{display:flex;flex:0 0 auto;align-items:center;gap:.5rem;margin-left:auto}
.site-lang{position:relative}
.site-lang__button{display:flex;min-height:2.5rem;align-items:center;gap:.4rem;padding:.5rem .7rem;border:0;border-radius:var(--hx-radius-pill);background:transparent;font-size:.78rem}
.site-lang__button svg{width:1rem;height:1rem}
.site-lang__menu{position:absolute;top:calc(100% + .5rem);right:0;display:none;width:10rem;padding:.45rem;border:1px solid var(--hx-line);border-radius:.75rem;background:#fff;box-shadow:var(--hx-shadow)}
.site-lang.is-open .site-lang__menu{display:block}
.site-lang__menu a{display:block;padding:.5rem .65rem;border-radius:.45rem;font-size:.8rem}
.site-lang__menu a:hover{background:var(--hx-primary-soft);color:var(--hx-primary-hover)}
.site-nav__toggle{display:none;width:2.55rem;height:2.55rem;place-items:center;padding:0;border:1px solid var(--hx-line);border-radius:50%;background:#fff}
.site-nav__toggle span,.site-nav__toggle:before,.site-nav__toggle:after{content:"";display:block;width:1rem;height:1.5px;background:var(--hx-ink)}
.site-nav__toggle span{margin:.24rem 0}
.site-footer{padding:4rem 0 1.5rem;background:var(--hx-dark);color:#BBA8B1}
.site-footer p{color:#AA929D}
.site-footer h3{color:#fff;font-size:.78rem;letter-spacing:.05em}
.site-footer a:hover{color:#fff}
.site-footer__grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:2.5rem;padding-bottom:3rem}
.site-footer__brand p{max-width:17rem;font-size:.78rem}
.site-footer__col a{display:block;margin:.55rem 0;font-size:.75rem}
.site-footer__hot{display:flex;flex-wrap:wrap;gap:.45rem;padding:1.25rem 0;border-block:1px solid rgba(255,255,255,.09)}
.site-footer__hot span{padding:.35rem .65rem;border:1px solid rgba(255,255,255,.11);border-radius:var(--hx-radius-pill);font-size:.68rem}
.site-footer__bottom{display:flex;justify-content:space-between;gap:1rem;padding-top:1.25rem;color:#816C76;font-size:.68rem}
.site-footer__bottom nav{display:flex;flex-wrap:wrap;gap:1rem}
@media(max-width:1060px){
  .site-nav{gap:.75rem}
  .site-nav__links{position:absolute;top:100%;right:0;left:0;display:none;align-items:stretch;padding:1rem;background:#fff;border-bottom:1px solid var(--hx-line);box-shadow:var(--hx-shadow)}
  .site-header.is-menu-open .site-nav__links{display:grid}
  .site-nav__links a{padding:.75rem}
  .site-nav__links a.active:after{display:none}
  .site-nav__toggle{display:block}
}
@media(max-width:760px){
  .site-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-footer__brand{grid-column:1/-1}
}
@media(max-width:480px){
  .site-nav{gap:.35rem}
  .site-brand{gap:.45rem}
  .site-brand img{width:1.8rem;height:1.8rem}
  .site-brand span{font-size:1rem}
  .site-lang__button{width:2.35rem;padding:0;justify-content:center}
  .site-lang__label{display:none}
  .site-nav__tools{gap:.3rem}
  .site-nav__tools>.c-btn{min-height:2.35rem;padding:.5rem .65rem;font-size:.7rem}
  .site-nav__toggle{width:2.35rem;height:2.35rem}
  .site-footer__bottom{display:grid}
}
@media(max-width:380px){
  .site-brand span{display:none}
}