:root {
  --ap-navy:#0e1c3c;
  --ap-gold:#ffc107;
  --ap-surface:#f7f9fc;
  --ap-muted:#68738a;
  --ap-line:#e5e9f0;
  --ap-white:#fff;
}

html:root:has(body.xtra-reference-active) { overflow-x:visible; }
body:has(.ap-site), body.xtra-reference-active { overflow-x:hidden; }
body.xtra-reference-active .xtra-reference-shell #layout { overflow:visible; }
.xtra-global-header {
  position:sticky; top:0; z-index:1000;
  display:grid; grid-template-columns:minmax(220px,auto) minmax(360px,1fr) auto;
  align-items:center; gap:24px; width:min(100% - 32px,1360px); min-height:84px;
  margin:0 auto; padding:12px 20px; box-sizing:border-box;
  border:1px solid rgb(14 28 60 / .1); border-radius:0 0 18px 18px;
  background:rgb(255 255 255 / .96); box-shadow:0 12px 36px rgb(14 28 60 / .12);
  backdrop-filter:blur(18px);
}
.xtra-global-brand { display:flex; align-items:center; gap:10px; color:var(--ap-navy); text-decoration:none; white-space:nowrap; }
.xtra-global-brand > span:last-child { display:block; width:auto; height:auto; border-radius:0; background:transparent; }
.xtra-global-logo { display:grid; place-items:center; width:56px; height:56px; overflow:hidden; border-radius:12px; background:var(--ap-white); }
.xtra-global-logo img { width:56px; height:56px; object-fit:cover; object-position:center 12%; }
.xtra-global-brand strong { display:block; color:var(--ap-navy); font-size:18px; line-height:1.15; }
.xtra-global-brand small { display:block; margin-top:3px; color:#8b6b25; font-size:10px; }
.xtra-global-nav { display:flex; justify-content:center; align-items:center; gap:8px; min-width:0; }
.xtra-global-nav a { display:inline-flex; align-items:center; min-height:44px; padding:10px 14px; border-radius:8px; color:var(--ap-navy); font-size:14px; text-decoration:none; transition:background .2s ease,color .2s ease,transform .2s ease; }
.xtra-global-nav a:hover { background:var(--ap-navy); color:var(--ap-gold); transform:translateY(-2px); }
.xtra-header-tools { display:flex; align-items:center; justify-content:flex-end; gap:8px; }
.xtra-header-search { display:flex; align-items:center; gap:4px; padding:3px; border:1px solid var(--ap-line); border-radius:14px; background:var(--ap-white); }
.xtra-header-search input { width:0; min-width:0; border:0; outline:0; padding:0; opacity:0; transition:width .25s ease,opacity .25s ease; }
.xtra-header-search:focus-within input,.xtra-header-search:hover input { width:150px; padding:4px 8px; opacity:1; }
.xtra-header-search button,.xtra-account-link,.xtra-cart-trigger { display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid var(--ap-line); border-radius:11px; background:var(--ap-white); color:var(--ap-navy); cursor:pointer; text-decoration:none; }
.xtra-header-search button { border-color:var(--ap-gold); background:var(--ap-gold); }
.xtra-ui-icon { display:block!important; width:22px!important; height:22px!important; object-fit:contain!important; }
.xtra-cart-drawer {
  position:fixed; inset:0 auto 0 0; z-index:10005; width:min(420px,92vw);
  padding:24px; box-sizing:border-box; background:#fff; direction:rtl;
  box-shadow:20px 0 60px rgb(14 28 60 / .18);
  visibility:hidden; pointer-events:none; transform:translate3d(-105%,0,0);
  transition:transform .24s ease,visibility 0s linear .24s;
}
.xtra-cart-drawer.is-open {
  visibility:visible; pointer-events:auto; transform:translate3d(0,0,0); transition-delay:0s;
}
.xtra-cart-drawer-head { display:flex; align-items:center; justify-content:space-between; padding-bottom:18px; border-bottom:1px solid var(--ap-line); }
.xtra-cart-drawer-head strong { color:var(--ap-navy); font-size:22px; }
.xtra-cart-close { width:44px; height:44px; border:0; border-radius:12px; background:var(--ap-surface); color:var(--ap-navy); font-size:26px; cursor:pointer; }
.xtra-cart-drawer-body { max-height:calc(100dvh - 150px); padding:20px 0; overflow:auto; }
.xtra-cart-drawer-link { display:block; padding:14px; border-radius:12px; background:var(--ap-gold); color:var(--ap-navy); text-align:center; font-weight:800; text-decoration:none; }
.xtra-cart-scrim {
  position:fixed; inset:0; z-index:10004; background:rgb(14 28 60 / .5);
  opacity:0; visibility:hidden; pointer-events:none; transition:opacity .24s ease;
}
.xtra-cart-scrim.is-visible { opacity:1; visibility:visible; pointer-events:auto; }
.xtra-cart-open { overflow:hidden; }
.ap-footer {
  display:grid; grid-template-columns:1.4fr .8fr .9fr 1fr; gap:24px;
  width:min(100% - 32px,1360px); margin:64px auto 0; padding:40px;
  box-sizing:border-box; border-radius:26px; background:var(--ap-navy); color:#fff;
}
.ap-footer > div { display:flex; flex-direction:column; gap:10px; }
.ap-footer strong { font-size:26px; }
.ap-footer p,.ap-footer a { color:rgb(255 255 255 / .75); text-decoration:none; line-height:1.9; }
.ap-footer-cta { padding:18px; border:1px solid rgb(255 193 7 / .35); border-radius:18px; }
.ap-footer-cta a { display:inline-flex; align-items:center; min-height:44px; padding:10px 14px; border-radius:10px; background:var(--ap-gold); color:var(--ap-navy); font-weight:800; }
.ap-footer-topline { display:flex; align-items:center; justify-content:space-between; gap:16px; grid-column:1/-1; padding-bottom:20px; border-bottom:1px solid rgb(255 255 255 / .14); }
.ap-footer-topline span { color:var(--ap-gold); font-size:20px; font-weight:900; }
.ap-footer-topline p { margin:0; color:#dbe4f2; }
.ap-footer-topline a,.ap-footer-bottom a { color:var(--ap-gold)!important; font-weight:900; }
.ap-footer-grid { display:grid; grid-template-columns:1.5fr 1fr 1fr 1.2fr; gap:28px; grid-column:1/-1; }
.ap-footer-trust { display:flex; flex-wrap:wrap; gap:8px; margin-top:12px; }
.ap-footer-trust span { padding:6px 9px; border:1px solid rgb(255 193 7 / .24); border-radius:999px; color:var(--ap-gold); font-size:11px; }
.ap-footer-bottom { display:flex; justify-content:space-between; gap:16px; grid-column:1/-1; padding-top:18px; border-top:1px solid rgb(255 255 255 / .14); color:#9eabc0; font-size:11px; }
.xtra-global-header :is(a,button,input):focus-visible,.xtra-cart-drawer :is(a,button):focus-visible { outline:3px solid var(--ap-gold); outline-offset:3px; }
@media (max-width:900px) {
  body.xtra-reference-active .xtra-reference-shell .cz_grid_two_columns_on_mobile {
    display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; height:auto!important;
  }
  body.xtra-reference-active .xtra-reference-shell .cz_grid_two_columns_on_mobile > .cz_grid_item {
    position:relative!important; inset:auto!important; width:auto!important;
  }
  body.xtra-reference-active .xtra-reference-shell .cz_grid_two_columns_on_mobile > .cz_grid_item:empty { display:none; }
  body.xtra-reference-active .xtra-reference-shell .cz_grid_two_columns_on_mobile .cz_grid_link { margin:0!important; }
}
@media (max-width:900px) {
  .xtra-global-header { grid-template-columns:1fr auto; width:100%; }
  .xtra-global-nav { grid-column:1/-1; min-width:0; overflow-x:auto; }
  .ap-footer { grid-template-columns:1fr 1fr; }
  .ap-footer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ap-footer-topline { align-items:flex-start; flex-direction:column; }
}
@media (max-width:560px) {
  .xtra-global-brand>span:last-child { display:none; }
  .xtra-global-header { padding:10px 12px; gap:8px; }
  .xtra-global-nav a { min-height:44px; padding:8px 10px; font-size:12px; }
  .xtra-header-tools { gap:4px; }
  .xtra-header-search:focus-within input,.xtra-header-search:hover input { width:105px; }
  .ap-footer { grid-template-columns:1fr; width:calc(100% - 24px); padding:24px; }
  .ap-footer-grid { grid-template-columns:1fr; }
  .ap-footer-bottom { align-items:flex-start; flex-direction:column; }
}
@media (prefers-reduced-motion:reduce) {
  .xtra-global-header *, .xtra-cart-drawer, .xtra-cart-scrim { transition-duration:.01ms!important; }
}

.xtra-mobile-header,.xtra-mobile-drawer,.xtra-mobile-scrim { display:none; }
@media (max-width:767px) {
  .xtra-global-header { display:block; width:100%; min-height:0; margin:0; padding:0; border:0; border-radius:0; background:#fff; box-shadow:0 8px 24px rgb(14 28 60 / .10); }
  .xtra-global-header > :not(.xtra-mobile-header) { display:none !important; }
  .xtra-mobile-header { display:flex; align-items:center; justify-content:space-between; gap:10px; min-height:68px; padding:calc(8px + env(safe-area-inset-top)) 14px 8px; direction:rtl; }
  .xtra-mobile-brand { display:grid; place-items:center; width:44px; height:44px; flex:0 0 44px; border-radius:12px; background:#fff; }
  .xtra-mobile-brand img { width:42px; height:42px; object-fit:contain; }
  .xtra-mobile-actions { display:flex; align-items:center; gap:6px; }
  .xtra-mobile-actions a,.xtra-mobile-actions button { display:grid; place-items:center; width:40px; height:40px; padding:0; border:1px solid var(--ap-line); border-radius:11px; background:#fff; color:var(--ap-navy); text-decoration:none; }
  .xtra-mobile-cart { cursor:pointer; }
  .xtra-mobile-menu-trigger { display:flex; flex:0 0 42px; flex-direction:column; justify-content:center; gap:5px; width:42px; height:42px; padding:10px; border:1px solid var(--ap-line); border-radius:11px; background:var(--ap-navy); cursor:pointer; }
  .xtra-mobile-menu-trigger span { display:block; width:100%; height:2px; border-radius:2px; background:#fff; }
  .xtra-mobile-drawer { display:block; position:fixed; inset:0 0 0 auto; z-index:10020; width:min(86vw,360px); padding:calc(18px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom)); box-sizing:border-box; direction:rtl; background:#fff; box-shadow:-20px 0 55px rgb(14 28 60 / .22); visibility:hidden; pointer-events:none; transform:translate3d(105%,0,0); transition:transform .25s ease,visibility 0s linear .25s; }
  .xtra-mobile-drawer.is-open { visibility:visible; pointer-events:auto; transform:translate3d(0,0,0); transition-delay:0s; }
  .xtra-mobile-drawer-head { display:flex; align-items:center; justify-content:space-between; padding-bottom:18px; border-bottom:1px solid var(--ap-line); color:var(--ap-navy); }
  .xtra-mobile-drawer-head strong { font-size:20px; }
  .xtra-mobile-menu-close { width:42px; height:42px; border:0; border-radius:11px; background:var(--ap-surface); color:var(--ap-navy); font-size:26px; cursor:pointer; }
  .xtra-mobile-nav { display:flex; flex-direction:column; gap:6px; padding-top:18px; }
  .xtra-mobile-nav a { display:flex; align-items:center; min-height:50px; padding:0 14px; border-radius:12px; color:var(--ap-navy); font-size:16px; font-weight:700; text-decoration:none; }
  .xtra-mobile-nav a:active,.xtra-mobile-nav a:hover { background:var(--ap-gold); }
  .xtra-mobile-scrim { display:block; position:fixed; inset:0; z-index:10019; background:rgb(14 28 60 / .52); opacity:0; visibility:hidden; pointer-events:none; transition:opacity .25s ease; }
  .xtra-mobile-scrim.is-visible { opacity:1; visibility:visible; pointer-events:auto; }
  body.xtra-mobile-menu-open { overflow:hidden; touch-action:none; }
  .xtra-cart-drawer { width:min(92vw,390px); padding:18px; }
}