:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid rgba(141,255,134,.95);
  outline-offset:3px;
  box-shadow:0 0 0 5px rgba(45,212,164,.16);
}
:where(a,button,input,select,textarea,[tabindex]):focus:not(:focus-visible){
  outline:0;
  box-shadow:none;
}
.nav-link:focus-visible,.admin-tab:focus-visible,.chip:focus-visible,
.shop-tab:focus-visible,.product-detail-thumb:focus-visible{
  border-color:rgba(141,255,134,.58);
}
.btn-primary:focus-visible,.btn-ghost:focus-visible,.btn-danger:focus-visible{
  outline:0;
  outline-offset:0;
  transform:translateY(-2px);
}
.btn-primary:focus-visible{border-color:transparent;box-shadow:0 18px 48px rgba(255,77,109,.45)}
.btn-ghost:focus-visible{border-color:var(--line-hi);box-shadow:0 14px 32px rgba(0,0,0,.32)}
.btn-danger:focus-visible{border-color:rgba(255,90,90,.6);box-shadow:0 14px 32px rgba(255,90,90,.2)}
.btn-primary:focus,.btn-ghost:focus,.btn-danger:focus{
  outline:0 !important;
  outline-offset:0;
}
.btn-primary:focus:not(:focus-visible),.btn-ghost:focus:not(:focus-visible),.btn-danger:focus:not(:focus-visible){
  box-shadow:0 12px 36px rgba(255,77,109,.30);
}
.product-card:focus-visible{
  outline:2px solid rgba(141,255,134,.95);
  outline-offset:4px;
  border-color:rgba(141,255,134,.48);
  box-shadow:0 28px 64px rgba(0,0,0,.45),0 0 0 6px rgba(45,212,164,.13);
  transform:translateY(-4px);
}

.main-nav-backdrop{
  display:block;
  position:fixed;
  inset:0;
  z-index:50;
  padding:0;
  border:0;
  background:rgba(4,2,4,.52);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .22s var(--ease),visibility .22s;
}

.product-card{
  border-radius:var(--radius-lg);
}
.product-card::after{
  border-radius:var(--radius-lg);
}
.product-card-cta{display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 13px;
  border-radius:12px;
  background:rgba(255,77,109,.10);
  border:1px solid rgba(255,77,109,.22);
  color:#ffd4dc;
}
.product-card:hover .product-card-cta,
.product-card:focus-visible .product-card-cta{
  background:rgba(255,77,109,.18);
  border-color:rgba(255,77,109,.38);
  transform:translateX(3px);
}
.product-headline{
  align-items:flex-start;
}
.product-headline h3{
  overflow-wrap:anywhere;
}

.product-card{
  border-radius:var(--radius-lg);
}
.product-card::after{
  border-radius:var(--radius-lg);
}
.product-card-cta{display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 13px;
  border-radius:12px;
  background:rgba(255,77,109,.10);
  border:1px solid rgba(255,77,109,.22);
  color:#ffd4dc;
}
.product-card:hover .product-card-cta,
.product-card:focus-visible .product-card-cta{
  background:rgba(255,77,109,.18);
  border-color:rgba(255,77,109,.38);
  transform:translateX(3px);
}
.product-headline{
  align-items:flex-start;
}
.product-headline h3{
  overflow-wrap:anywhere;
}

@media (max-width:860px){
  body.nav-open{overflow:hidden}
  .header-inner{position:relative}
  .main-nav{
    display:flex;
    position:fixed;
    left:13px;
    right:13px;
    top:68px;
    z-index:70;
    min-width:0;
    max-height:calc(100dvh - 80px);
    overflow:auto;
    flex-direction:column;
    align-items:stretch;
    gap:6px;
    padding:10px;
    border-radius:18px;
    background:linear-gradient(155deg,rgba(31,15,21,.99),rgba(12,6,9,.99));
    border:1px solid var(--line-hi);
    box-shadow:0 28px 70px rgba(0,0,0,.58);
    transform:translateY(-12px) scale(.96);
    transform-origin:top center;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:opacity .24s var(--ease),transform .26s cubic-bezier(.16,1,.3,1),visibility .24s;
  }
  body.nav-open .main-nav{
    transform:none;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
  }
  body.nav-open .main-nav-backdrop{opacity:1;visibility:visible;pointer-events:auto}
  .nav-link{
    min-height:52px;
    justify-content:flex-start;
    padding:0 42px 0 16px;
    border-radius:12px;
  }
  .shop-tabs,.shop-filter-row{
    flex-wrap:nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x proximity;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }
  .shop-tabs::-webkit-scrollbar,.shop-filter-row::-webkit-scrollbar{
    display:none;
  }
  .shop-tab,.chip{
    flex:0 0 auto;
    scroll-snap-align:start;
  }
  .shop-categories{
    padding:14px 0 14px 14px;
  }
  .shop-filter-label{
    position:sticky;
    left:0;
    z-index:1;
    width:auto;
    min-width:max-content;
    padding-right:10px;
    background:linear-gradient(90deg,#0d070a 0%,#0d070a 72%,rgba(13,7,10,0) 100%);
  }
}

@media (max-width:640px){
  .home-hero{
    grid-template-columns:1fr;
    gap:18px;
  }
  .hero-art{
    display:block;
    min-height:178px;
    max-width:100%;
    margin:0;
  }
  .hero-art::before{
    inset:6% 8% 6% 8%;
  }
  .hero-art .block-1{
    width:92px;
    height:92px;
    top:10px;
    left:auto;
    right:46%;
  }
  .hero-art .block-2{
    width:110px;
    height:110px;
    top:42px;
    left:auto;
    right:8%;
  }
  .products{
    gap:16px;
  }
  .product-body{
    padding:18px;
  }
  .product-card-cta{
    width:100%;
  }
}

@media (max-width:640px){
  .home-hero{
    padding:32px 22px;
  }
  .home-hero .hero-art{display:none}
  .home-hero h1{
    margin-top:0;
  }
  .home-hero p.lead{
    margin-bottom:24px;
  }

  .home-shop-promo{padding:24px 20px;margin-top:34px}
  .home-shop-promo::before{
    top:-18%;
    left:-35%;
    width:120%;
    height:70%;
    opacity:.72;
  }
  .home-shop-promo-inner{
    display:grid;
    grid-template-columns:1fr;
    gap:22px;
  }
  .home-shop-promo h2{
    margin-top:0;
    font-size:24px;
    line-height:1.12;
  }
  .home-shop-promo .lead{
    max-width:none;
    margin-bottom:20px;
    font-size:15px;
    line-height:1.55;
  }
  .promo-benefits{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .promo-benefit{min-height:auto;padding:16px;border-radius:var(--radius-md);gap:8px}
  .promo-benefit strong{
    font-size:13px;
    line-height:1.2;
  }
  .promo-benefit p{
    font-size:13px;
    line-height:1.5;
  }
}

@media (max-width:480px){
  :root{--mobile-edge:13px}
  body{font-size:15px}
  .container{width:calc(100vw - (var(--mobile-edge) * 2))}
  main.container{padding-top:14px;padding-bottom:42px}

  h1{font-size:clamp(30px,12vw,42px);line-height:1.06;overflow-wrap:anywhere}
  h2{font-size:clamp(23px,8vw,30px);line-height:1.1;overflow-wrap:anywhere}
  h3{overflow-wrap:anywhere}

  .site-header{position:sticky}
  .header-inner{min-height:72px}
  .site-logo-img{max-width:118px;max-height:42px}
  .main-nav{left:var(--mobile-edge);right:var(--mobile-edge);top:68px;max-height:calc(100dvh - 80px)}

  .home-hero,.home-shop-promo,.home-cta,.shop-hero,.news-hero,.checkout-card,.admin-auth-card,.admin-section-card,.shop-prefooter{
    border-radius:var(--radius-xl);
  }
  .home-hero,.shop-hero,.news-hero,.faq-hero{padding:28px 20px}
  .home-hero p.lead,.shop-hero .lead,.news-hero .lead,.faq-hero .lead{font-size:15px;line-height:1.55}
  .faq-hero{display:grid;align-items:start}
  .faq-toolbar{grid-template-columns:1fr}
  .faq-search{display:grid;grid-template-columns:1fr;gap:10px}
  .hero-actions,.title-actions,.checkout-actions,.home-cta-actions{width:100%;display:grid;grid-template-columns:1fr;gap:10px}
  .hero-actions .btn-primary,.hero-actions .btn-ghost,
  .title-actions .btn-primary,.title-actions .btn-ghost,
  .checkout-actions .btn-primary,.checkout-actions .btn-ghost,
  .home-cta-actions .btn-primary,.home-cta-actions .btn-ghost{width:100%}

  .hero-meta{display:grid;grid-template-columns:1fr;gap:14px}
  .home-features,.news-grid,.products,.home-stats,.admin-grid,.admin-stats{grid-template-columns:1fr}
  .feat,.stat-tile,.news-body,.product-body,.admin-tile,.admin-stat{padding:18px}

  .home-cta{padding:30px 18px;margin-top:34px}
  .home-cta p{font-size:14px;line-height:1.55}
  .home-cta-ip{width:100%;justify-content:center;padding:14px 12px;font-size:14px;white-space:normal;overflow-wrap:anywhere}

  .news-hero-inner{display:grid;grid-template-columns:1fr;gap:18px}
  .news-search{min-width:0;width:100%;display:grid;grid-template-columns:1fr;gap:10px}
  .news-search input[type=search]{min-width:0}
  .news-cover{height:180px}
  .post-hero-media{max-height:360px;border-radius:var(--radius-xl)}
  .post-hero-img{max-height:360px}
  .post-content{font-size:15px;line-height:1.68}
  .post-content h2{font-size:22px}
  .post-content h3{font-size:18px}

  .shop-hero{margin-top:12px}
  .shop-tabs{margin-left:calc(var(--mobile-edge) * -1);margin-right:calc(var(--mobile-edge) * -1);padding-left:var(--mobile-edge);padding-right:var(--mobile-edge);border-left:0;border-right:0;border-radius:0}
  .shop-categories{margin-left:calc(var(--mobile-edge) * -1);margin-right:calc(var(--mobile-edge) * -1);border-left:0;border-right:0;border-radius:0}
  .product-media{height:200px}
  .product-headline{display:grid;grid-template-columns:1fr;gap:10px}
  .price-box,.product-headline .price-box{justify-content:flex-start}
  .price-chip{font-size:14px;padding:9px 13px}

  .shop-product-detail{gap:16px}
  .shop-product-detail-media{height:260px;border-radius:var(--radius-xl)}
  .shop-product-detail-body{padding:18px;border-radius:var(--radius-xl)}
  .product-detail-extra-gallery{height:280px;border-radius:var(--radius-xl)}
  .product-detail-gallery-main{padding:18px}
  .product-detail-thumbs{padding:10px}
  .product-detail-thumb{width:64px;height:56px}
  .shop-product-buy{margin-top:8px;padding-top:16px}
  .shop-product-buy .btn-primary{width:100%}
  .shop-product-server{padding:14px;border-radius:var(--radius-md)}

  .checkout-card{margin:20px 0;padding:28px 18px}
  .checkout-card p{font-size:14px;line-height:1.55}
  .checkout-icon{width:58px;height:58px;border-radius:var(--radius-xl);font-size:26px}

  .admin-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;margin-left:calc(var(--mobile-edge) * -1);margin-right:calc(var(--mobile-edge) * -1);padding:8px var(--mobile-edge) 14px;scroll-snap-type:x proximity;scrollbar-width:none}
  .admin-tabs::-webkit-scrollbar{display:none}
  .admin-tab{flex:0 0 auto;scroll-snap-align:start;min-height:42px}
  .admin-section-card{padding:18px;margin-top:14px}
  .form-grid,.field-group,.field-group.cols-3{grid-template-columns:1fr}
  .field input:not([type]),.field input[type=text],.field input[type=email],.field input[type=password],.field input[type=number],.field input[type=search],.field input[type=url],.field input[type=datetime-local],.field textarea,.field select{padding:12px 13px}
  .title-row{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}
  .title-row h1{font-size:clamp(28px,10vw,38px)}
  .table-wrap{margin-left:calc(var(--mobile-edge) * -1);margin-right:calc(var(--mobile-edge) * -1);border-left:0;border-right:0;border-radius:0}
  th,td{padding:11px 12px;font-size:13px;white-space:nowrap}
  td{max-width:240px;overflow:hidden;text-overflow:ellipsis}
  .admin-table-actions{display:grid;grid-template-columns:1fr;align-items:stretch}
  .admin-table-actions .btn-ghost,.admin-table-actions .btn-danger,.admin-action-btn{width:100%}
  .product-media-admin-head{display:grid;grid-template-columns:1fr;gap:10px}
  .product-media-new-list,.product-media-admin-grid{grid-template-columns:1fr}

  .shop-prefooter{padding:20px 18px}
  .shop-prefooter-grid{grid-template-columns:1fr;gap:18px}
  .shop-prefooter-bottom{display:grid;grid-template-columns:1fr;gap:12px}
  .shop-prefooter-legal,.footer-links{display:grid;grid-template-columns:1fr;gap:6px}
  .footer-inner{gap:16px;padding:28px 0}
  .footer-right{display:grid;grid-template-columns:1fr;justify-items:start;gap:14px}
}

@media (max-width:360px){
  :root{--mobile-edge:10px}
  .home-hero,.shop-hero,.news-hero,.faq-hero{padding:24px 16px}
  .home-shop-promo{padding:22px 16px}
  .feat,.stat-tile,.news-body,.product-body,.admin-tile,.admin-stat{padding:16px}
  .btn-primary,.btn-ghost,.btn-danger{min-height:46px;padding-left:16px;padding-right:16px;font-size:14px}
  .nav-toggle{width:42px;height:42px;border-radius:var(--radius-md)}
  .product-media{height:184px}
  .shop-product-detail-media{height:232px}
  .admin-auth-card{padding:28px 18px}
  .pagination{gap:6px}
  .pagination a,.pagination span{min-width:40px;min-height:40px}
}

@media (max-width:340px){
  :root{--mobile-edge:8px}
  h1{font-size:clamp(28px,11vw,36px)}
  .brand-top{font-size:14px}
  .brand-bottom{display:none}
  .site-logo-img{max-width:98px}
  .home-hero,.shop-hero,.news-hero,.faq-hero,.home-shop-promo,.home-cta,.checkout-card,.admin-section-card{border-radius:var(--radius-xl)}
  .meta-label{letter-spacing:.16em}
  .meta-value,.hero-meta .meta-value{font-size:15px}
  .chip,.shop-tab{min-height:40px;padding-left:12px;padding-right:12px;font-size:12px}
  .product-media{height:168px}
  .shop-product-detail-media{height:214px}
  th,td{padding:10px 10px;font-size:12px}
}

@media (min-width:768px) and (max-width:1024px){
  .container{width:min(var(--container),calc(100vw - 40px))}
  .tablet-two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-hero{grid-template-columns:1fr;padding:44px 36px}
  .home-hero .hero-art{display:none}
  .home-features,.news-grid,.products,.home-stats,.admin-grid,.admin-stats,.promo-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-shop-promo-inner{grid-template-columns:1fr;gap:24px}
  .shop-product-detail{grid-template-columns:1fr}
  .shop-product-detail-media{height:420px}
  .field-group.cols-3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-section-card{padding:24px}
  .table-wrap{max-width:100%;overflow-x:auto}
  .footer-inner{grid-template-columns:1fr;align-items:start}
  .footer-right{justify-content:flex-start}
}

@media (min-width:768px) and (max-width:810px){
  .container{width:min(var(--container),calc(100vw - 32px))}
  .news-grid,.products{grid-template-columns:repeat(2,minmax(0,1fr))}
  .product-media{height:230px}
  .shop-product-detail-media{height:380px}
  .admin-grid,.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .field-group,.field-group.cols-3{grid-template-columns:1fr}
}

.payment-provider-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:var(--radius-md);background:rgba(255,255,255,.035);border:1px solid var(--line);font-size:13px}
.payment-provider-choice span{color:var(--muted2);font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.payment-provider-choice strong{font-family:'Unbounded',Inter,sans-serif;font-size:14px}

@media (max-width:720px){
  .status-page{width:min(100% - 26px,1040px);gap:22px;padding-top:28px}
  .status-banner,.status-service-head{align-items:flex-start;flex-direction:column}
  .status-banner{padding:24px 20px}
  .status-banner p{text-align:left}
  .status-service-card{padding:22px 18px}
  .status-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .status-days-wrap{margin-right:-18px;padding-right:18px}
  .status-event{padding:20px 17px}
  .status-past-event{align-items:flex-start}
}
@media (max-width:420px){.status-metrics{grid-template-columns:1fr}.status-past-event{display:grid}}
@media (prefers-reduced-motion:reduce){.status-page .reveal,.status-day-bar,.status-day-bar::after{transition:none!important;animation:none!important}}