/* Hawk Eye v4 — Command Stage
   Rebuilds the opening viewport as a distinct Hawk Eye composition:
   command bar + split hero/card rail + integrated live ticker. */

:root{
  --hawk-v4-violet:#9b5cff;
  --hawk-v4-violet-2:#6d39ff;
  --hawk-v4-coral:#ff6846;
  --hawk-v4-pink:#e84996;
  --hawk-v4-ink:#070812;
  --hawk-v4-panel:#0d1020;
  --hawk-v4-line:rgba(157,111,255,.28);
}

/* COMMAND BAR */
.hkn-header{
  padding:14px 0 10px!important;
  border-bottom:0!important;
  background:linear-gradient(180deg,rgba(5,6,14,.96),rgba(5,6,14,.84))!important;
  box-shadow:none!important;
  backdrop-filter:blur(24px)!important;
}
.hkn-shell{
  width:min(calc(100% - 38px),var(--hk-max))!important;
  min-height:76px!important;
  padding:8px 12px!important;
  border:1px solid rgba(145,102,255,.24)!important;
  border-radius:24px!important;
  background:
    linear-gradient(135deg,rgba(139,92,246,.045),transparent 38%,rgba(255,90,61,.03)),
    rgba(11,13,27,.88)!important;
  box-shadow:0 18px 54px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.025)!important;
  position:relative;
  overflow:visible;
}
.hkn-shell::after{
  content:"";position:absolute;inset:auto 22px -1px 22px;height:1px;pointer-events:none;
  background:linear-gradient(90deg,transparent,var(--hawk-v4-violet),var(--hawk-v4-coral),transparent);opacity:.7
}
.hkn-brand{gap:11px!important;min-width:max-content!important;padding-inline:7px 10px!important}
.hkn-brand__mark{
  width:50px!important;height:50px!important;border-radius:17px!important;
  border:1px solid rgba(255,104,70,.38)!important;
  background:radial-gradient(circle at 35% 25%,rgba(155,92,255,.28),rgba(13,16,32,.96) 66%)!important;
  box-shadow:0 0 0 4px rgba(155,92,255,.035),0 0 30px rgba(155,92,255,.13)!important;
}
.hkn-brand__copy{display:flex;flex-direction:column;gap:2px;line-height:1.1}
.hkn-brand__name{font-size:18px!important;font-weight:900!important;letter-spacing:-.02em!important;color:#fff!important}
.hkn-brand__copy small{font-size:8px;font-weight:900;letter-spacing:.28em;color:#9aa0b9;direction:ltr;text-align:right}
.hkn-links--command{flex:1!important;justify-content:center!important;gap:4px!important}
.hkn-links--command>.hkn-link,.hkn-links--command>.hkn-drop>summary{
  min-height:48px!important;padding:0 22px!important;border:0!important;border-radius:13px!important;
  background:transparent!important;color:#d6d8e5!important;font-size:15px!important;font-weight:800!important;position:relative
}
.hkn-links--command>.hkn-link svg,.hkn-links--command>.hkn-drop>summary>svg:first-child{display:none!important}
.hkn-links--command>.hkn-link::after,.hkn-links--command>.hkn-drop>summary::after{
  content:"";position:absolute;inset-inline-start:-5px;top:50%;width:5px;height:5px;border-radius:1px;
  transform:translateY(-50%) rotate(45deg);background:var(--hawk-v4-violet);opacity:.72;box-shadow:0 0 10px rgba(155,92,255,.48)
}
.hkn-links--command>*:last-child>.hkn-link::after{display:none}
.hkn-links--command>.hkn-link:hover,.hkn-links--command>.hkn-drop>summary:hover,.hkn-links--command>.hkn-link.is-active,.hkn-links--command>.hkn-drop.is-active>summary{
  color:#fff!important;background:linear-gradient(180deg,rgba(155,92,255,.08),rgba(255,104,70,.025))!important
}
.hkn-links--command>.hkn-link.is-active::before,.hkn-links--command>.hkn-drop.is-active>summary::before{
  content:"";position:absolute;left:22px;right:22px;bottom:4px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--hawk-v4-violet),var(--hawk-v4-coral))
}
.hkn-actions{min-width:max-content!important;gap:7px!important;direction:ltr}
.hkn-actions>*{direction:rtl}
.hkn-action,.hkn-theme,.hkn-account>summary,.hkn-account-login{
  min-height:48px!important;border-radius:15px!important;border:1px solid rgba(155,92,255,.20)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.012))!important;
  box-shadow:inset 0 0 22px rgba(155,92,255,.025)!important
}
.hkn-cart{border-color:rgba(255,104,70,.24)!important}
.hkn-cart svg{color:var(--hawk-v4-coral)!important}
.hkn-cart b{background:linear-gradient(135deg,var(--hawk-v4-pink),var(--hawk-v4-coral))!important;box-shadow:0 0 14px rgba(255,104,70,.35)!important}
.hkn-theme{padding:0 12px!important;min-width:54px!important}
.hkn-account>summary{min-width:142px!important}
.hkn-account__name{font-size:12px!important;max-width:102px!important}
.hkn-avatar{border-color:rgba(155,92,255,.32)!important;box-shadow:0 0 20px rgba(155,92,255,.12)!important}
.hkn-menu--command-more{min-width:290px!important}

/* SPLIT OPENING STAGE */
.hk-home{padding-top:8px!important}
.hk-command-stage{
  direction:ltr;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) clamp(270px,21.5vw,340px)!important;
  gap:14px!important;
  align-items:stretch!important;
  position:relative!important;
  width:min(calc(100% - 38px),var(--hk-max))!important;
  padding:0!important;
  margin-top:2px!important;
  isolation:isolate;
}
.hk-command-stage::before{
  content:"";position:absolute;z-index:-1;left:8%;right:8%;top:-18px;height:180px;pointer-events:none;
  background:radial-gradient(ellipse,rgba(128,65,255,.11),transparent 66%);filter:blur(35px)
}
.hk-command-stage__hero{
  grid-column:1!important;direction:rtl;min-width:0!important;margin:0!important;width:100%!important;height:auto!important;
  border-radius:22px!important;border:1px solid rgba(155,92,255,.28)!important;overflow:hidden!important;
  background:#090b18!important;box-shadow:0 26px 80px rgba(0,0,0,.32),inset 0 0 80px rgba(155,92,255,.045)!important;position:relative!important
}
.hk-command-stage__hero::before{
  content:""!important;position:absolute!important;inset:0!important;z-index:3!important;pointer-events:none!important;
  background:
   linear-gradient(105deg,rgba(155,92,255,.13),transparent 24%,transparent 69%,rgba(255,104,70,.08)),
   linear-gradient(180deg,transparent 70%,rgba(5,6,14,.12))!important;
  mix-blend-mode:screen!important
}
.hk-command-stage__hero::after{display:none!important}
.hk-command-stage__hero .hk-slider__viewport{aspect-ratio:2.08/1!important;min-height:390px!important;max-height:590px!important;height:100%!important}
.hk-command-stage__hero .hk-slide img{object-fit:cover!important}
.hk-command-stage__corner{position:absolute;z-index:5;pointer-events:none;width:105px;height:38px;opacity:.85}
.hk-command-stage__corner--a{top:14px;left:14px;border-top:2px solid var(--hawk-v4-violet);border-left:2px solid var(--hawk-v4-violet);clip-path:polygon(0 0,100% 0,100% 4px,30% 4px,22% 12px,4px 12px,4px 100%,0 100%)}
.hk-command-stage__corner--b{right:16px;bottom:16px;border-right:2px solid var(--hawk-v4-coral);border-bottom:2px solid var(--hawk-v4-coral);clip-path:polygon(96% 0,100% 0,100% 100%,0 100%,0 calc(100% - 4px),68% calc(100% - 4px),76% calc(100% - 12px),96% calc(100% - 12px))}
.hk-command-stage__hero .hk-slider__arrow{
  width:50px!important;height:50px!important;border-radius:50%!important;border:1px solid rgba(169,125,255,.40)!important;
  background:rgba(8,10,22,.72)!important;box-shadow:0 10px 34px rgba(0,0,0,.35),0 0 0 5px rgba(155,92,255,.035)!important
}
.hk-command-stage__hero .hk-slider__arrow:hover{background:linear-gradient(135deg,var(--hawk-v4-violet-2),var(--hawk-v4-coral))!important;transform:scale(1.07)!important}
.hk-command-stage__hero .hk-slider__dots{bottom:15px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important;background:rgba(7,8,18,.40)!important}
.hk-command-stage__hero .hk-slider__dots button{width:9px!important;height:9px!important}
.hk-command-stage__hero .hk-slider__dots button.is-active{width:25px!important}

/* CATEGORY RAIL */
.hk-command-rail{
  grid-column:2!important;direction:rtl;min-width:0;padding:10px;border-radius:22px;
  border:1px solid rgba(155,92,255,.30);background:
    radial-gradient(250px 180px at 100% 0,rgba(155,92,255,.09),transparent 70%),
    linear-gradient(160deg,#111427,#090b17 72%);
  box-shadow:0 26px 72px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.025);position:relative;overflow:hidden
}
.hk-command-rail::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(155,92,255,.08),transparent 36%,transparent 68%,rgba(255,104,70,.06))}
.hk-command-rail__head{position:relative;z-index:2;padding:9px 9px 10px;display:flex;align-items:end;justify-content:space-between;gap:8px}
.hk-command-rail__head span{font-size:9px;font-weight:900;color:#9b7dff;letter-spacing:.04em}
.hk-command-rail__head strong{font-size:15px;color:#fff;font-weight:900}
.hk-command-rail__items{position:relative;z-index:2;display:grid;gap:8px}
.hk-command-rail__card{
  min-height:82px;padding:10px;display:grid;grid-template-columns:58px minmax(0,1fr) 34px;align-items:center;gap:10px;
  border:1px solid rgba(156,123,255,.15);border-radius:15px;background:linear-gradient(145deg,rgba(25,28,50,.92),rgba(12,14,28,.92));
  color:#fff;text-decoration:none!important;transition:transform .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease;overflow:hidden;position:relative
}
.hk-command-rail__card::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(180deg,var(--hawk-v4-violet),transparent 48%,var(--hawk-v4-coral));opacity:.58}
.hk-command-rail__card:hover{transform:translateX(-4px);border-color:rgba(155,92,255,.38);background:linear-gradient(145deg,rgba(36,28,67,.96),rgba(15,16,31,.96));box-shadow:0 12px 30px rgba(0,0,0,.22)}
.hk-command-rail__visual{width:58px;height:58px;border-radius:13px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 40% 30%,rgba(155,92,255,.22),rgba(11,13,27,.94));border:1px solid rgba(155,92,255,.24)}
.hk-command-rail__visual img{width:100%;height:100%;object-fit:cover}
.hk-command-rail__visual i{width:28px;height:28px;display:grid;place-items:center;color:#b78cff;font-style:normal}
.hk-command-rail__visual svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8}
.hk-command-rail__copy{min-width:0;display:flex;flex-direction:column;gap:4px}
.hk-command-rail__copy b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hk-command-rail__copy small{font-size:9px;line-height:1.45;color:#8f96ad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hk-command-rail__go{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;color:#c19cff;border:1px solid rgba(155,92,255,.25);background:rgba(155,92,255,.055)}
.hk-command-rail__go svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;transform:rotate(180deg)}
.hk-command-rail__all{position:relative;z-index:2;margin-top:8px;min-height:40px;padding:0 12px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;color:#e9e6f6!important;text-decoration:none!important;font-size:11px;font-weight:900;border:1px solid rgba(255,104,70,.16);background:rgba(255,104,70,.035)}
.hk-command-rail__all svg{width:15px;height:15px;fill:none;stroke:var(--hawk-v4-coral);stroke-width:2;transform:rotate(180deg)}

/* INTEGRATED LIVE TICKER */
.hk-home>.hk-newsrail[data-home-native="1"]{
  width:min(calc(100% - 38px),var(--hk-max))!important;height:62px!important;min-height:62px!important;max-height:62px!important;
  margin-top:-18px!important;margin-bottom:6px!important;z-index:7!important;border-radius:18px!important;
  border:1px solid rgba(155,92,255,.28)!important;
  background:linear-gradient(90deg,rgba(20,13,31,.97),rgba(10,12,25,.98) 26%,rgba(10,12,25,.98) 75%,rgba(32,14,20,.97))!important;
  box-shadow:0 20px 52px rgba(0,0,0,.30)!important;overflow:hidden!important;position:relative!important
}
.hk-home>.hk-newsrail[data-home-native="1"]::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(155,92,255,.09),transparent 25%,transparent 73%,rgba(255,104,70,.07))}
.hk-home>.hk-newsrail[data-home-native="1"]>.hk-newsrail__brand{height:60px!important;padding-inline:18px!important;min-width:150px!important;background:rgba(255,104,70,.035)!important;border-inline-end:1px solid rgba(255,104,70,.14)!important}
.hk-newsrail__brand-copy strong{font-size:13px!important}.hk-newsrail__brand-copy small{font-size:7px!important;color:#8c91a8!important;letter-spacing:.14em}
.hk-newsrail__signal{background:var(--hawk-v4-coral)!important;box-shadow:0 0 17px rgba(255,104,70,.60)!important}
.hk-home>.hk-newsrail[data-home-native="1"] .hk-newsrail__item{font-size:11px!important;color:#cfd2df!important}
.hk-home>.hk-newsrail[data-home-native="1"] .hk-newsrail__item::before,.hk-newsrail__spark{background:var(--hawk-v4-violet)!important}
.hk-home>.hk-newsrail[data-home-native="1"]>.hk-newsrail__status{height:60px!important;padding-inline:16px!important;color:#ff8a70!important;border-inline-start:1px solid rgba(255,104,70,.14)!important;background:rgba(255,104,70,.035)!important}
.hk-home>.hk-newsrail[data-home-native="1"]>.hk-newsrail__status span{font-size:10px!important;font-weight:900!important}

/* LIGHT MODE */
html[data-hawk-theme="light"] .hkn-header{background:linear-gradient(180deg,rgba(248,247,252,.97),rgba(248,247,252,.87))!important}
html[data-hawk-theme="light"] .hkn-shell{background:rgba(255,255,255,.90)!important;border-color:rgba(98,69,160,.16)!important;box-shadow:0 18px 46px rgba(46,35,76,.08)!important}
html[data-hawk-theme="light"] .hkn-brand__name{color:#181423!important}
html[data-hawk-theme="light"] .hkn-links--command>.hkn-link,html[data-hawk-theme="light"] .hkn-links--command>.hkn-drop>summary{color:#4d485b!important}
html[data-hawk-theme="light"] .hkn-links--command>.hkn-link:hover,html[data-hawk-theme="light"] .hkn-links--command>.hkn-drop>summary:hover{color:#171322!important}
html[data-hawk-theme="light"] .hk-command-stage__hero,html[data-hawk-theme="light"] .hk-command-rail{border-color:rgba(104,75,170,.16)!important;box-shadow:0 22px 56px rgba(44,34,72,.10)!important}
html[data-hawk-theme="light"] .hk-command-rail{background:linear-gradient(160deg,#fff,#f4f0fb)!important}
html[data-hawk-theme="light"] .hk-command-rail__head strong,html[data-hawk-theme="light"] .hk-command-rail__copy b{color:#171426!important}
html[data-hawk-theme="light"] .hk-command-rail__card{background:linear-gradient(145deg,#fff,#f8f6fc)!important;border-color:rgba(104,75,170,.12)!important}
html[data-hawk-theme="light"] .hk-home>.hk-newsrail[data-home-native="1"]{background:linear-gradient(90deg,#fff5f1,#fff 24%,#fff 76%,#f7f2ff)!important;border-color:rgba(104,75,170,.15)!important}

/* RESPONSIVE — tablet becomes hero + horizontal category rail; mobile becomes compact command bar. */
@media(max-width:1180px){
  .hkn-links--command>.hkn-link,.hkn-links--command>.hkn-drop>summary{padding-inline:13px!important;font-size:13px!important}
  .hkn-brand__copy small{display:none}.hkn-brand__name{font-size:16px!important}
  .hk-command-stage{grid-template-columns:minmax(0,1fr) 270px!important}
  .hk-command-stage__hero .hk-slider__viewport{aspect-ratio:1.92/1!important;min-height:340px!important}
  .hk-command-rail__card{grid-template-columns:50px minmax(0,1fr) 30px;min-height:72px;padding:8px}.hk-command-rail__visual{width:50px;height:50px}
}
@media(max-width:900px){
  .hkn-header{padding-top:8px!important}.hkn-shell{width:94vw!important;min-height:66px!important;padding:7px 9px!important;border-radius:18px!important}
  .hkn-links--command{display:none!important}.hkn-brand{margin-inline-end:auto!important}.hkn-brand__mark{width:43px!important;height:43px!important;border-radius:14px!important}.hkn-brand__copy small{display:none}
  .hkn-actions{gap:5px!important}.hkn-action,.hkn-theme,.hkn-account>summary,.hkn-account-login{min-height:42px!important;height:42px!important;border-radius:12px!important}.hkn-account>summary{min-width:42px!important;width:42px!important}.hkn-account__name,.hkn-account>summary .hkn-chevron{display:none!important}
  .hk-command-stage{width:94vw!important;display:flex!important;flex-direction:column!important;gap:10px!important}
  .hk-command-stage__hero{order:1!important;width:100%!important}.hk-command-stage__hero .hk-slider__viewport{aspect-ratio:1.85/1!important;min-height:250px!important}
  .hk-command-rail{order:2!important;padding:8px!important}.hk-command-rail__head{padding:5px 5px 8px}.hk-command-rail__items{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;gap:8px;scrollbar-width:none}.hk-command-rail__items::-webkit-scrollbar{display:none}
  .hk-command-rail__card{flex:0 0 230px;scroll-snap-align:start;min-height:70px}.hk-command-rail__all{display:none}
  .hk-home>.hk-newsrail[data-home-native="1"]{width:92vw!important;margin-top:-2px!important;height:54px!important;min-height:54px!important;max-height:54px!important;border-radius:15px!important}.hk-home>.hk-newsrail[data-home-native="1"]>.hk-newsrail__brand{height:52px!important;min-width:118px!important;padding-inline:12px!important}.hk-home>.hk-newsrail[data-home-native="1"]>.hk-newsrail__status{display:none!important}
}
@media(max-width:640px){
  .hkn-shell{width:95vw!important}.hkn-brand__name{font-size:14px!important;max-width:135px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hkn-brand__mark{width:40px!important;height:40px!important}.hkn-theme{display:none!important}.hkn-cart .hkn-action__label{display:none!important}
  .hk-command-stage{width:95vw!important}.hk-command-stage__hero{border-radius:16px!important}.hk-command-stage__hero .hk-slider__viewport{aspect-ratio:1.55/1!important;min-height:205px!important}.hk-command-stage__corner{display:none}.hk-command-stage__hero .hk-slider__arrow{width:38px!important;height:38px!important}
  .hk-command-rail{border-radius:16px!important}.hk-command-rail__head strong{font-size:13px}.hk-command-rail__head span{font-size:8px}.hk-command-rail__card{flex-basis:205px;grid-template-columns:46px minmax(0,1fr) 28px}.hk-command-rail__visual{width:46px;height:46px;border-radius:11px}.hk-command-rail__copy b{font-size:12px}.hk-command-rail__copy small{font-size:8px}
  .hk-home>.hk-newsrail[data-home-native="1"]{width:93vw!important}.hk-home>.hk-newsrail[data-home-native="1"]>.hk-newsrail__brand{min-width:106px!important}.hk-newsrail__brand-copy small{display:none}.hk-home>.hk-newsrail[data-home-native="1"] .hk-newsrail__item{font-size:10px!important}
}


/* Hawk Eye v4.2 — Command Bar Majesty + Strike Ticker */
@media(min-width:901px){
  .hkn-shell{
    min-height:82px!important;
    padding:9px 14px!important;
    gap:14px!important;
  }
  .hkn-brand{
    gap:12px!important;
    padding-inline:8px 6px!important;
    flex:0 0 auto!important;
  }
  .hkn-brand__mark{
    width:54px!important;height:54px!important;border-radius:18px!important;
    box-shadow:0 0 0 4px rgba(155,92,255,.04),0 0 34px rgba(155,92,255,.18)!important;
  }
  .hkn-brand__copy{gap:0!important;justify-content:center!important}
  .hkn-brand__name{
    font-size:21px!important;
    line-height:1.15!important;
    font-weight:950!important;
    letter-spacing:-.035em!important;
    text-shadow:0 3px 18px rgba(255,255,255,.04)!important;
  }
  .hkn-brand__copy small{display:none!important}

  /* keep navigation visually attached to the brand instead of floating in the middle */
  .hkn-links--command{
    flex:0 1 auto!important;
    width:auto!important;
    margin-inline:4px 0!important;
    margin-left:auto!important;
    justify-content:flex-start!important;
    gap:3px!important;
  }
  .hkn-links--command>.hkn-link,
  .hkn-links--command>.hkn-drop>summary{
    min-height:52px!important;
    padding:0 18px!important;
    gap:9px!important;
    font-size:17px!important;
    font-weight:900!important;
    letter-spacing:-.018em!important;
  }
  .hkn-links--command>.hkn-link svg,
  .hkn-links--command>.hkn-drop>summary>svg:first-child{
    display:block!important;
    width:20px!important;height:20px!important;
    flex:0 0 20px!important;
    fill:none!important;
    stroke:currentColor!important;
    stroke-width:2.15!important;
    opacity:.94!important;
    filter:drop-shadow(0 0 7px rgba(155,92,255,.18));
  }
  .hkn-links--command>.hkn-link:hover svg,
  .hkn-links--command>.hkn-drop>summary:hover>svg:first-child,
  .hkn-links--command>.hkn-link.is-active svg,
  .hkn-links--command>.hkn-drop.is-active>summary>svg:first-child{
    color:var(--hawk-v4-coral)!important;
    filter:drop-shadow(0 0 10px rgba(255,104,70,.34));
  }
  .hkn-links--command>.hkn-link::after,
  .hkn-links--command>.hkn-drop>summary::after{
    inset-inline-start:-2px!important;
    width:4px!important;height:4px!important;
  }
  .hkn-actions{margin-inline-start:auto!important;gap:8px!important}
  .hkn-action,.hkn-theme,.hkn-account>summary,.hkn-account-login{
    min-height:52px!important;
  }
  .hkn-cart{padding-inline:15px!important}
  .hkn-cart svg,.hkn-theme svg{width:21px!important;height:21px!important;stroke-width:2.15!important}
  .hkn-action__label{font-size:13px!important;font-weight:900!important}
  .hkn-account>summary{min-width:150px!important;padding-inline:10px 12px!important}
  .hkn-account__name{font-size:13px!important;font-weight:900!important;max-width:108px!important}
}

/* STRIKE / DIVE ticker: sharp wing-like geometry instead of a soft pill */
.hk-home>.hk-newsrail[data-home-native="1"]{
  border-radius:0!important;
  clip-path:polygon(0 0,calc(100% - 26px) 0,100% 50%,calc(100% - 26px) 100%,22px 100%,0 calc(100% - 13px))!important;
  border:0!important;
  outline:1px solid rgba(155,92,255,.30)!important;
  outline-offset:-1px!important;
  background:
    linear-gradient(100deg,rgba(155,92,255,.11),transparent 22%,transparent 72%,rgba(255,104,70,.12)),
    linear-gradient(90deg,#0d1020 0%,#090b17 52%,#100c18 100%)!important;
  box-shadow:0 22px 56px rgba(0,0,0,.34),0 0 30px rgba(155,92,255,.05)!important;
}
.hk-home>.hk-newsrail[data-home-native="1"]::before{
  inset:0!important;
  background:
    linear-gradient(118deg,transparent 0 6%,rgba(155,92,255,.12) 6.2% 6.5%,transparent 6.8% 74%,rgba(255,104,70,.13) 74.3% 74.6%,transparent 75%),
    linear-gradient(90deg,rgba(155,92,255,.06),transparent 32%,transparent 68%,rgba(255,104,70,.07))!important;
}
.hk-home>.hk-newsrail[data-home-native="1"]::after{
  content:"";position:absolute;z-index:5;pointer-events:none;
  inset:5px 11px 5px auto;width:88px;
  clip-path:polygon(30% 0,100% 0,70% 50%,100% 100%,30% 100%,0 50%);
  border:1px solid rgba(255,104,70,.34);
  background:linear-gradient(135deg,rgba(255,104,70,.10),rgba(155,92,255,.06));
  opacity:.65;
}
.hk-home>.hk-newsrail[data-home-native="1"]>.hk-newsrail__brand{
  clip-path:polygon(0 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,0 100%)!important;
  min-width:168px!important;
  padding-inline:20px 28px!important;
  background:linear-gradient(120deg,rgba(255,104,70,.12),rgba(255,104,70,.025))!important;
  border-inline-end:0!important;
}
.hk-newsrail__brand-copy strong{font-size:14px!important;font-weight:950!important;letter-spacing:-.015em!important}
.hk-home>.hk-newsrail[data-home-native="1"] .hk-newsrail__item{
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:-.01em!important;
}
.hk-home>.hk-newsrail[data-home-native="1"] .hk-newsrail__item::before{
  width:7px!important;height:7px!important;
  border-radius:1px!important;
  transform:rotate(45deg)!important;
  background:linear-gradient(135deg,var(--hawk-v4-violet),var(--hawk-v4-coral))!important;
  box-shadow:0 0 12px rgba(155,92,255,.45)!important;
}
.hk-home>.hk-newsrail[data-home-native="1"]>.hk-newsrail__status{
  min-width:128px!important;
  clip-path:polygon(18px 0,100% 0,100% 100%,18px 100%,0 50%)!important;
  background:linear-gradient(115deg,rgba(155,92,255,.07),rgba(255,104,70,.14))!important;
  border-inline-start:0!important;
}
.hk-home>.hk-newsrail[data-home-native="1"]>.hk-newsrail__status span{
  font-size:11px!important;font-weight:950!important;letter-spacing:.02em!important
}

html[data-hawk-theme="light"] .hk-home>.hk-newsrail[data-home-native="1"]{
  background:linear-gradient(100deg,rgba(139,92,246,.07),transparent 23%,transparent 72%,rgba(255,104,70,.08)),#fff!important;
  outline-color:rgba(104,75,170,.18)!important;
}

@media(max-width:1180px) and (min-width:901px){
  .hkn-brand__name{font-size:18px!important}
  .hkn-links--command>.hkn-link,.hkn-links--command>.hkn-drop>summary{padding-inline:12px!important;font-size:15px!important;gap:7px!important}
  .hkn-links--command>.hkn-link svg,.hkn-links--command>.hkn-drop>summary>svg:first-child{width:18px!important;height:18px!important;flex-basis:18px!important}
  .hkn-account>summary{min-width:132px!important}
}
@media(max-width:900px){
  .hk-home>.hk-newsrail[data-home-native="1"]{
    clip-path:polygon(0 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,14px 100%,0 calc(100% - 9px))!important;
    border-radius:0!important;
  }
  .hk-home>.hk-newsrail[data-home-native="1"]>.hk-newsrail__brand{min-width:124px!important;padding-inline:12px 20px!important}
}

/* ========================================================================== 
   v4.3 — HAWK COMMAND CROWN
   Angular command-frame navbar + digital clock + reinforced account panel.
   ========================================================================== */
@media(min-width:901px){
  .hkn-header{padding-top:14px!important}
  .hkn-shell{
    position:relative!important;
    min-height:86px!important;
    border:0!important;
    border-radius:0!important;
    padding:10px 18px 10px 20px!important;
    background:
      linear-gradient(108deg,rgba(155,92,255,.11),transparent 20%,transparent 72%,rgba(255,104,70,.10)),
      linear-gradient(180deg,rgba(18,21,43,.98),rgba(8,10,24,.98))!important;
    clip-path:polygon(22px 0,calc(100% - 44px) 0,100% 34px,100% calc(100% - 18px),calc(100% - 18px) 100%,44px 100%,0 calc(100% - 34px),0 18px)!important;
    box-shadow:0 24px 60px rgba(0,0,0,.38),0 0 0 1px rgba(150,98,255,.20),inset 0 1px 0 rgba(255,255,255,.045),inset 0 -1px 0 rgba(255,104,70,.12)!important;
    overflow:visible!important;
  }
  .hkn-shell::before{
    content:""!important;position:absolute!important;inset:0!important;z-index:-1!important;pointer-events:none!important;
    clip-path:inherit!important;
    background:
      linear-gradient(90deg,var(--hawk-v4-violet),transparent 19%,transparent 78%,var(--hawk-v4-coral)) top/100% 1px no-repeat,
      linear-gradient(90deg,transparent 6%,rgba(155,92,255,.65) 24%,rgba(255,104,70,.58) 76%,transparent 94%) bottom/100% 1px no-repeat!important;
    opacity:.9!important;
  }
  .hkn-shell::after{
    content:"";position:absolute;inset:7px 9px;pointer-events:none;z-index:-1;
    clip-path:polygon(18px 0,calc(100% - 38px) 0,100% 29px,100% calc(100% - 14px),calc(100% - 14px) 100%,38px 100%,0 calc(100% - 29px),0 14px);
    border:1px solid rgba(255,255,255,.035);
  }
  .hkn-brand{min-width:max-content!important;padding-inline:8px 14px!important;gap:12px!important}
  .hkn-brand__mark{width:58px!important;height:58px!important;border-radius:18px!important;box-shadow:0 0 0 1px rgba(255,104,70,.22),0 0 28px rgba(155,92,255,.17)!important}
  .hkn-brand__name{font-size:23px!important;font-weight:950!important;letter-spacing:-.035em!important;text-shadow:0 0 24px rgba(255,255,255,.055)!important}
  .hkn-links--command{margin-inline:8px 0!important;gap:7px!important;align-self:stretch!important}
  .hkn-links--command>.hkn-link,.hkn-links--command>.hkn-drop>summary{
    min-height:62px!important;padding:0 21px!important;font-size:18px!important;border-radius:0!important;
    clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)!important;
    transition:transform .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease!important;
  }
  .hkn-links--command>.hkn-link:hover,.hkn-links--command>.hkn-drop>summary:hover,
  .hkn-links--command>.hkn-link.is-active,.hkn-links--command>.hkn-drop.is-active>summary{
    background:linear-gradient(135deg,rgba(155,92,255,.13),rgba(255,104,70,.07))!important;
    box-shadow:inset 0 0 0 1px rgba(155,92,255,.17),0 10px 28px rgba(0,0,0,.16)!important;
    transform:translateY(-1px)!important;
  }
  .hkn-links--command>.hkn-link.is-active::before,.hkn-links--command>.hkn-drop.is-active>summary::before{
    left:14px!important;right:14px!important;bottom:3px!important;height:3px!important;border-radius:0!important;
    clip-path:polygon(0 0,calc(100% - 8px) 0,100% 100%,8px 100%)!important;
    box-shadow:0 0 14px rgba(255,104,70,.32)!important;
  }
  .hkn-links--command>.hkn-link svg,.hkn-links--command>.hkn-drop>summary>svg:first-child{width:22px!important;height:22px!important;flex-basis:22px!important;stroke-width:2.35!important}

  .hkn-actions--command{margin-inline-start:auto!important;display:flex!important;align-items:center!important;gap:9px!important;direction:ltr!important;min-width:max-content!important}
  .hkn-actions--command>*{direction:rtl!important}
  .hkn-action,.hkn-theme,.hkn-account>summary,.hkn-account-login,.hkn-command-clock{
    min-height:58px!important;height:58px!important;border-radius:0!important;
    clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)!important;
    border:0!important;box-shadow:inset 0 0 0 1px rgba(155,92,255,.19),inset 0 0 26px rgba(155,92,255,.035),0 10px 24px rgba(0,0,0,.12)!important;
    background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.012))!important;
  }
  .hkn-action:hover,.hkn-theme:hover,.hkn-account>summary:hover,.hkn-account-login:hover,.hkn-command-clock:hover{
    box-shadow:inset 0 0 0 1px rgba(255,104,70,.32),inset 0 0 28px rgba(155,92,255,.07),0 12px 28px rgba(0,0,0,.18)!important;
  }
  .hkn-account{order:1!important}
  .hkn-command-clock{order:2!important}
  .hkn-theme{order:3!important}
  .hkn-cart{order:4!important}
  .hkn-mobile-toggle{order:5!important}
  .hkn-account>summary{min-width:166px!important;padding-inline:11px 14px!important;gap:9px!important}
  .hkn-account__name{font-size:14px!important;font-weight:950!important;max-width:116px!important}
  .hkn-avatar{width:38px!important;height:38px!important}
  .hkn-theme{min-width:58px!important;padding:0 13px!important}
  .hkn-cart{min-width:74px!important;padding-inline:13px!important}

  .hkn-command-clock{
    direction:ltr!important;display:flex!important;align-items:center!important;gap:10px!important;min-width:146px!important;padding:0 14px!important;position:relative!important;overflow:hidden!important;
    background:linear-gradient(135deg,rgba(155,92,255,.09),rgba(255,104,70,.045))!important;
  }
  .hkn-command-clock::before{content:"";position:absolute;left:0;top:0;width:42px;height:2px;background:linear-gradient(90deg,var(--hawk-v4-violet),var(--hawk-v4-coral));box-shadow:0 0 12px rgba(155,92,255,.45)}
  .hkn-command-clock__icon{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;color:var(--hawk-v4-coral);border:1px solid rgba(255,104,70,.22);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
  .hkn-command-clock__icon svg{width:18px!important;height:18px!important;stroke-width:2!important;filter:drop-shadow(0 0 8px rgba(255,104,70,.24))}
  .hkn-command-clock__copy{display:flex;flex-direction:column;align-items:flex-start;line-height:1;white-space:nowrap}
  .hkn-command-clock__copy b{font:950 20px/1 var(--hk-heading-font,var(--hk-font));letter-spacing:.055em;color:var(--hkn-text);font-variant-numeric:tabular-nums;text-shadow:0 0 18px rgba(155,92,255,.18)}
  .hkn-command-clock__copy small{margin-top:6px;font-size:9px;font-weight:900;letter-spacing:.05em;color:var(--hkn-muted)}
  .hkn-command-clock>i{position:absolute;right:7px;bottom:7px;width:5px;height:5px;background:var(--hawk-v4-coral);transform:rotate(45deg);box-shadow:0 0 10px rgba(255,104,70,.5)}

  .hkn-account-menu{
    width:350px!important;min-width:350px!important;padding:14px!important;border-radius:0!important;
    clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px)!important;
    border:0!important;background:linear-gradient(160deg,rgba(24,27,51,.985),rgba(9,11,27,.99))!important;
    box-shadow:0 34px 86px rgba(0,0,0,.52),inset 0 0 0 1px rgba(155,92,255,.27),inset 0 0 50px rgba(155,92,255,.045)!important;
  }
  .hkn-account-menu::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,var(--hawk-v4-violet),transparent 35%,transparent 68%,var(--hawk-v4-coral)) top/100% 2px no-repeat;opacity:.85}
  .hkn-account-card{padding:15px 14px 17px!important;margin-bottom:8px!important;background:linear-gradient(135deg,rgba(155,92,255,.09),rgba(255,104,70,.035))!important;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)!important}
  .hkn-account-card .hkn-avatar--large{width:48px!important;height:48px!important}
  .hkn-account-card b{font-size:15px!important;font-weight:950!important}
  .hkn-account-links{gap:4px!important}
  .hkn-account-links a{
    min-height:44px!important;padding:0 13px!important;border-radius:0!important;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px)!important;
    font-size:13px!important;font-weight:850!important;transition:background .18s ease,transform .18s ease,color .18s ease!important;
  }
  .hkn-account-links a:hover{background:linear-gradient(90deg,rgba(155,92,255,.13),rgba(255,104,70,.06))!important;transform:translateX(-2px)!important;color:#fff!important}
  .hkn-account-links a svg{width:18px!important;height:18px!important;stroke-width:2.15!important;color:var(--hawk-v4-coral)!important}
  .hkn-account-links__profile{margin-top:8px!important;box-shadow:inset 0 1px 0 rgba(155,92,255,.16)!important;background:rgba(155,92,255,.055)!important}
  .hkn-logout{margin-top:10px!important;min-height:46px!important;border-radius:0!important;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)!important;background:rgba(255,104,70,.055)!important;border:0!important;box-shadow:inset 0 0 0 1px rgba(255,104,70,.15)!important}
}

html[data-hawk-theme="light"] .hkn-shell{
  background:linear-gradient(108deg,rgba(139,92,246,.07),transparent 22%,transparent 72%,rgba(255,104,70,.055)),linear-gradient(180deg,#fff,#f5f4fb)!important;
  box-shadow:0 18px 44px rgba(45,38,73,.12),0 0 0 1px rgba(103,75,170,.16),inset 0 1px 0 #fff!important;
}
html[data-hawk-theme="light"] .hkn-account-menu{background:linear-gradient(160deg,#fff,#f6f4fb)!important;box-shadow:0 28px 70px rgba(39,31,67,.19),inset 0 0 0 1px rgba(103,75,170,.18)!important}

@media(max-width:1320px) and (min-width:901px){
  .hkn-shell{padding-inline:13px!important}
  .hkn-brand__mark{width:52px!important;height:52px!important}.hkn-brand__name{font-size:20px!important}
  .hkn-links--command>.hkn-link,.hkn-links--command>.hkn-drop>summary{padding-inline:14px!important;font-size:16px!important}
  .hkn-command-clock{min-width:124px!important;padding-inline:10px!important}.hkn-command-clock__copy b{font-size:17px!important}.hkn-command-clock__copy small{display:none!important}
  .hkn-account>summary{min-width:142px!important}.hkn-account__name{font-size:13px!important;max-width:94px!important}
}
@media(max-width:1100px) and (min-width:901px){
  .hkn-command-clock{min-width:58px!important;width:58px!important;padding:0!important;justify-content:center!important}.hkn-command-clock__copy{display:none!important}.hkn-command-clock__icon{border:0!important}
  .hkn-links--command>.hkn-link,.hkn-links--command>.hkn-drop>summary{padding-inline:10px!important;font-size:14px!important;gap:6px!important}
  .hkn-account>summary{min-width:58px!important;width:58px!important;padding:0!important;justify-content:center!important}.hkn-account__name,.hkn-account>summary .hkn-chevron{display:none!important}
}
@media(max-width:900px){.hkn-command-clock{display:none!important}}

/* ========================================================================== 
   v4.4 — COMMAND CROWN GEOMETRY FIX
   Keeps the angular silhouette on a background layer so desktop dropdowns
   can escape the navbar, and hard-aligns the command tools to the left edge.
   ========================================================================== */
@media(min-width:901px){
  .hkn-header{
    z-index:2147481000!important;
    overflow:visible!important;
    isolation:isolate!important;
  }
  .hkn-shell{
    /* Do NOT clip the actual shell: dropdowns must be able to escape it. */
    clip-path:none!important;
    overflow:visible!important;
    background:transparent!important;
    box-shadow:none!important;
    border:0!important;

    /* Physical desktop geometry: tools | navigation | identity. */
    direction:ltr!important;
    display:grid!important;
    grid-template-columns:max-content minmax(0,1fr) max-content!important;
    grid-template-areas:"actions links brand"!important;
    align-items:center!important;
    column-gap:12px!important;
  }
  .hkn-shell::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    pointer-events:none!important;
    clip-path:polygon(22px 0,calc(100% - 44px) 0,100% 34px,100% calc(100% - 18px),calc(100% - 18px) 100%,44px 100%,0 calc(100% - 34px),0 18px)!important;
    background:
      linear-gradient(90deg,var(--hawk-v4-violet),transparent 19%,transparent 78%,var(--hawk-v4-coral)) top/100% 1px no-repeat,
      linear-gradient(90deg,transparent 6%,rgba(155,92,255,.65) 24%,rgba(255,104,70,.58) 76%,transparent 94%) bottom/100% 1px no-repeat,
      linear-gradient(108deg,rgba(155,92,255,.11),transparent 20%,transparent 72%,rgba(255,104,70,.10)),
      linear-gradient(180deg,rgba(18,21,43,.98),rgba(8,10,24,.98))!important;
    box-shadow:0 24px 60px rgba(0,0,0,.38),0 0 0 1px rgba(150,98,255,.20),inset 0 1px 0 rgba(255,255,255,.045),inset 0 -1px 0 rgba(255,104,70,.12)!important;
    opacity:1!important;
  }
  .hkn-shell::after{
    content:""!important;
    position:absolute!important;
    inset:7px 9px!important;
    z-index:0!important;
    pointer-events:none!important;
    clip-path:polygon(18px 0,calc(100% - 38px) 0,100% 29px,100% calc(100% - 14px),calc(100% - 14px) 100%,38px 100%,0 calc(100% - 29px),0 14px)!important;
    border:1px solid rgba(255,255,255,.035)!important;
  }
  .hkn-shell>*{z-index:2!important}

  .hkn-brand{
    grid-area:brand!important;
    direction:rtl!important;
    justify-self:end!important;
    margin:0!important;
  }
  .hkn-links--command{
    grid-area:links!important;
    direction:rtl!important;
    justify-self:end!important;
    justify-content:flex-start!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0!important;
  }
  .hkn-actions--command{
    grid-area:actions!important;
    justify-self:start!important;
    margin:0!important;
    padding-left:8px!important;
    direction:ltr!important;
  }

  /* Visual order from center toward the far left:
     clock -> cart -> theme -> account. */
  .hkn-account{order:1!important}
  .hkn-account-login{order:1!important}
  .hkn-theme{order:2!important}
  .hkn-cart{order:3!important}
  .hkn-command-clock{order:4!important}
  .hkn-mobile-toggle{order:5!important}

  /* Dropdowns are command panels and must float above the whole hero stage. */
  .hkn-drop,.hkn-account{position:relative!important;z-index:2147482000!important;overflow:visible!important}
  .hkn-menu,.hkn-account-menu{
    z-index:2147483000!important;
    isolation:isolate!important;
  }
  .hkn-account-menu{
    left:0!important;
    right:auto!important;
    top:calc(100% + 12px)!important;
  }

  /* Slightly stronger member panel hierarchy. */
  .hkn-account-links__profile{
    margin-top:10px!important;
    position:relative!important;
  }
  .hkn-account-links__profile::before{
    content:"";
    position:absolute;
    right:12px;
    left:12px;
    top:-6px;
    height:1px;
    background:linear-gradient(90deg,transparent,rgba(155,92,255,.42),rgba(255,104,70,.28),transparent);
  }
}

html[data-hawk-theme="light"] .hkn-shell::before{
  background:
    linear-gradient(90deg,var(--hawk-v4-violet),transparent 19%,transparent 78%,var(--hawk-v4-coral)) top/100% 1px no-repeat,
    linear-gradient(90deg,transparent 6%,rgba(120,78,210,.48) 24%,rgba(255,104,70,.45) 76%,transparent 94%) bottom/100% 1px no-repeat,
    linear-gradient(108deg,rgba(139,92,246,.07),transparent 22%,transparent 72%,rgba(255,104,70,.055)),
    linear-gradient(180deg,#fff,#f5f4fb)!important;
  box-shadow:0 18px 44px rgba(45,38,73,.12),0 0 0 1px rgba(103,75,170,.16),inset 0 1px 0 #fff!important;
}