/* SECURIX account v5 — calibrated typography + reliable responsive layout.
   This file is loaded after v1/v2/v3/v4 and only corrects child account pages. */
.sx-account{--sx-brand:#f5a000;--sx-brand-2:#eca21c;--sx-brand-soft:#fff4df;--sx-ink:#17181a;--sx-muted:#7f8792;--sx-line:#e4e7eb}

/* Desktop typography: v4 was visibly oversized versus the approved mockups. */
.sx-account:has(.sx-section-page) .sx-account-side-nav a,
.sx-account:has(.sx-section-page) .sx-account-side-nav button,
.sx-account:has(.sx-section-page) .sx-account-logout button{font-size:13.5px!important;min-height:46px!important;padding:11px 12px!important}
.sx-section-heading h2,.sx-detail-title h2{font-size:31px!important;line-height:1.08!important;letter-spacing:-.035em!important}
.sx-section-heading p{font-size:12.5px!important;line-height:1.45!important}
.sx-title-count{min-width:27px!important;height:27px!important;font-size:11px!important}
.sx-orders-toolbar input,.sx-orders-sort{font-size:12.5px!important}
.sx-order-ident strong{font-size:15px!important}.sx-order-ident small{font-size:10.5px!important}
.sx-order-card-total strong{font-size:18px!important}.sx-order-card-total a{font-size:10.5px!important}
.sx-order-np p{font-size:10px!important}
.sx-profile-card-final h3,.sx-detail-products-final h3,.sx-order-summary-final h3,.sx-documents-final h3,.sx-detail-right h3{font-size:15px!important}
.sx-profile-info-final dl dt{font-size:10px!important}.sx-profile-info-final dl dd{font-size:12px!important}
.sx-settings-row strong,.sx-switch-row strong{font-size:11.5px!important}.sx-settings-row small,.sx-switch-row small{font-size:9.5px!important}
.sx-address-title-line h3{font-size:17px!important}.sx-address-copy p{font-size:10.5px!important}.sx-address-person strong{font-size:11.5px!important}
.sx-fav-copy>a{font-size:13px!important}.sx-fav-price>strong{font-size:19px!important}
.sx-compare-name{font-size:12px!important}.sx-compare-product>strong{font-size:18px!important}.sx-compare-row>*{font-size:9.5px!important}

/* Support hero — integrate the high-resolution agent into the composition,
   rather than displaying a pasted rectangular crop. */
.sx-support-hero-final{position:relative!important;grid-template-columns:minmax(0,1fr) 315px!important;min-height:154px!important;align-items:end!important;margin-bottom:12px!important;overflow:visible!important}
.sx-support-hero-final h2{font-size:38px!important;line-height:1!important;letter-spacing:-.04em!important}
.sx-support-hero-final p{max-width:610px!important;font-size:12px!important;line-height:1.5!important}
.sx-support-agent-art{position:relative!important;display:block!important;height:148px!important;border-radius:0!important;background:transparent!important;overflow:visible!important}
.sx-support-agent-art:before,.sx-support-agent-art:after{display:none!important}
.sx-support-agent-photo{
  position:absolute!important;z-index:1!important;right:0!important;bottom:-1px!important;
  width:300px!important;height:182px!important;max-height:none!important;object-fit:cover!important;object-position:50% 48%!important;
  border-radius:28px 28px 8px 8px!important;
  -webkit-mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 100%)!important;
  mask-image:linear-gradient(to right,transparent 0,#000 12%,#000 100%)!important;
  filter:drop-shadow(0 12px 24px rgba(35,35,35,.06))!important
}
.sx-support-agent-art em{position:absolute!important;z-index:3!important;left:0!important;top:54px!important;width:112px!important;margin:0!important;font-size:12px!important;line-height:1.25!important;font-weight:900!important;font-style:italic!important;transform:rotate(-4deg)!important;color:#1d2025!important}
.sx-support-contact-grid h3{font-size:12px!important}.sx-support-contact-grid strong{font-size:11px!important}.sx-support-contact-grid small{font-size:9.5px!important}
.sx-livechat-card-final h3,.sx-faq-final h3{font-size:17px!important}.sx-livechat-card-final>p{font-size:10.5px!important}.sx-faq-final summary{font-size:11px!important}

/* Compare: product card N stays exactly above characteristic column N. */
.sx-compare-grid-final{--sx-compare-label:180px!important;min-width:0!important;overflow:hidden!important}
.sx-compare-products{grid-template-columns:var(--sx-compare-label) repeat(var(--sx-compare-count),minmax(0,1fr))!important;width:100%!important;min-width:0!important}
.sx-compare-table{width:100%!important;min-width:0!important}
.sx-compare-row{grid-template-columns:var(--sx-compare-label) repeat(var(--sx-compare-count),minmax(0,1fr))!important}
.sx-compare-spacer{display:flex!important}

/* Reliable responsive mode. Wider than traditional 767px because several
   Android browsers expose a tablet-like CSS viewport even in portrait. */
@media(max-width:1100px){
  body{padding-bottom:72px!important}
  .sx-account{
    width:100vw!important;max-width:100vw!important;min-width:0!important;
    margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
    padding:12px 10px 82px!important;overflow:hidden!important
  }
  .sx-account-wrap{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important}
  .sx-account-grid{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}
  .sx-account-side{display:none!important}
  .sx-account-main,.sx-section-page,.sx-section-main,.sx-detail-left,.sx-detail-right,.sx-profile-grid-final,.sx-addresses-page-final,.sx-favorites-page-final,.sx-compare-page-final,.sx-support-page-final{width:100%!important;max-width:100%!important;min-width:0!important}

  /* Bottom navigation is the single stable account navigation on mobile. */
  .sx-account-mobile-section-nav{display:none!important}
  .sx-account-bottom-nav{
    position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:95!important;
    display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;
    width:100vw!important;height:66px!important;margin:0!important;padding:5px 4px max(4px,env(safe-area-inset-bottom))!important;
    border-top:1px solid #e3e6ea!important;background:rgba(255,255,255,.97)!important;backdrop-filter:blur(12px)!important;
    box-shadow:0 -10px 28px rgba(18,23,28,.06)!important
  }
  .sx-account-bottom-nav a{display:flex!important;min-width:0!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:3px!important;color:#6f7781!important;text-decoration:none!important}
  .sx-account-bottom-nav a.is-active{color:#e58d00!important}
  .sx-account-bottom-nav svg{width:19px!important;height:19px!important}
  .sx-account-bottom-nav small{max-width:100%!important;font-size:8px!important;line-height:1.1!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}

  .sx-section-heading{display:flex!important;align-items:flex-start!important;gap:8px!important;margin:4px 0 12px!important}
  .sx-section-heading h2,.sx-detail-title h2{font-size:25px!important;line-height:1.08!important}
  .sx-section-heading p{font-size:11px!important;line-height:1.4!important}
  .sx-section-heading--actions{display:grid!important;grid-template-columns:1fr!important}
  .sx-section-heading--actions>div:last-child{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;gap:7px!important}
  .sx-section-heading--actions>div:last-child>*{width:100%!important;min-width:0!important}

  .sx-section-page.sx-orders-page{display:block!important}.sx-section-rail{display:none!important}
  .sx-orders-panel{width:100%!important;max-width:100%!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  .sx-orders-toolbar{grid-template-columns:minmax(0,1fr) 44px!important;gap:7px!important;width:100%!important}
  .sx-orders-search{display:none!important}.sx-orders-sort{width:44px!important;min-width:44px!important;font-size:0!important}
  .sx-orders-sort:after{content:'↕';font-size:17px;color:#555}
  .sx-segment{width:100%!important;min-width:0!important}.sx-segment button{flex:1!important;height:38px!important;padding:0 7px!important;font-size:10.5px!important}
  .sx-order-card-final{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto auto!important;width:100%!important;max-width:100%!important;min-height:0!important;padding:12px!important;gap:8px!important;border-radius:15px!important;overflow:hidden!important}
  .sx-order-ident strong{font-size:14px!important}.sx-order-ident small{font-size:9.5px!important}
  .sx-order-thumbs{min-width:0!important;overflow:hidden!important}.sx-order-thumbs span{width:44px!important;height:44px!important;flex:0 0 44px!important}
  .sx-order-logistics{max-width:150px!important;min-width:0!important}.sx-order-np p{font-size:8.5px!important;overflow-wrap:anywhere!important}
  .sx-order-card-total strong{font-size:16px!important}.sx-order-card-total a{font-size:9.5px!important}

  .sx-detail-layout-final{display:block!important}.sx-detail-products-final,.sx-order-summary-final,.sx-documents-final,.sx-detail-right>section{width:100%!important;max-width:100%!important;min-width:0!important}
  .sx-detail-table-head{display:none!important}.sx-detail-product-row{grid-template-columns:50px minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;gap:8px!important;min-width:0!important}.sx-detail-product-copy{min-width:0!important}.sx-detail-product-copy strong{font-size:10.5px!important;overflow-wrap:anywhere!important}.sx-detail-sku{font-size:9px!important}.sx-detail-unit,.sx-detail-qty{display:none!important}.sx-detail-line{font-size:10.5px!important}
  .sx-detail-right{margin-top:10px!important}

  .sx-profile-grid-final{grid-template-columns:1fr!important;gap:10px!important}.sx-profile-card-final{padding:14px!important}.sx-profile-info-final{grid-template-columns:1fr!important}.sx-social-row{grid-template-columns:1fr!important}

  .sx-address-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:7px!important}.sx-address-stats>div{min-width:0!important;padding:5px 3px!important}.sx-address-stats span{width:34px!important;height:34px!important}.sx-address-stats b{font-size:11px!important}.sx-address-stats small{font-size:7.5px!important}
  .sx-address-card-final{grid-template-columns:38px minmax(0,1fr) 20px!important;grid-template-rows:auto auto!important;width:100%!important;min-width:0!important;min-height:0!important;padding:12px!important;gap:8px!important}.sx-address-icon{width:36px!important;height:36px!important}.sx-address-title-line h3{font-size:14px!important}.sx-address-copy{min-width:0!important}.sx-address-copy p{font-size:9.5px!important;overflow-wrap:anywhere!important}.sx-address-person{grid-column:2/4!important;min-width:0!important}.sx-address-carrier-final{grid-column:2/4!important;grid-template-columns:1fr auto auto!important;min-width:0!important}

  .sx-favorite-card-final{grid-template-columns:74px minmax(0,1fr) 30px!important;grid-template-rows:auto auto!important;width:100%!important;min-width:0!important;min-height:118px!important;padding:10px!important;overflow:hidden!important}.sx-fav-media{height:96px!important}.sx-fav-copy{min-width:0!important}.sx-fav-copy>a{font-size:10px!important;overflow-wrap:anywhere!important}.sx-fav-price{grid-column:2/4!important;display:flex!important;align-items:center!important;gap:7px!important;min-width:0!important}.sx-fav-price>strong{font-size:15px!important;margin-right:auto!important}.sx-fav-price>button,.sx-fav-price>a{width:auto!important;min-width:38px!important;height:34px!important;font-size:0!important;padding:0 10px!important}

  /* Compare uses one shared horizontal scroller so cards and values keep the
     same X positions. */
  .sx-compare-shell{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .sx-compare-grid-final{--sx-compare-label:128px!important;display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-inline:contain!important;scrollbar-width:thin!important}
  .sx-compare-products{grid-template-columns:var(--sx-compare-label) repeat(var(--sx-compare-count),128px)!important;width:max-content!important;min-width:0!important;max-width:none!important}
  .sx-compare-spacer{display:flex!important;min-width:var(--sx-compare-label)!important;padding:0 8px 10px!important;font-size:9px!important}
  .sx-compare-product{width:128px!important;min-width:128px!important;min-height:214px!important;padding:8px!important}.sx-compare-product>a:first-of-type{height:82px!important}.sx-compare-product img{max-height:78px!important}.sx-compare-name{font-size:8px!important;min-height:35px!important}.sx-compare-product>span{font-size:7.5px!important}.sx-compare-product>strong{font-size:13px!important}.sx-compare-product>button:last-child{height:30px!important;font-size:0!important}
  .sx-compare-group{width:max-content!important;min-width:0!important;max-width:none!important;overflow:visible!important}.sx-compare-group summary{position:sticky!important;left:0!important;width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;font-size:10px!important;z-index:2!important}.sx-compare-table{width:max-content!important;min-width:0!important;max-width:none!important}.sx-compare-row{grid-template-columns:var(--sx-compare-label) repeat(var(--sx-compare-count),128px)!important;width:max-content!important}.sx-compare-row>*{padding:7px 6px!important;font-size:8px!important;overflow-wrap:anywhere!important}

  .sx-support-hero-final{display:block!important;min-height:0!important;margin-bottom:10px!important}.sx-support-agent-art{display:none!important}.sx-support-hero-final h2{font-size:29px!important}.sx-support-hero-final p{font-size:11px!important;max-width:none!important}.sx-support-contact-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.sx-support-contact-grid>a,.sx-support-contact-grid>button{min-height:102px!important;padding:11px!important}.sx-support-contact-grid h3{font-size:11px!important}.sx-support-contact-grid strong{font-size:9.5px!important;overflow-wrap:anywhere!important}.sx-support-contact-grid small{font-size:8.5px!important}.sx-support-lower-final{grid-template-columns:1fr!important}.sx-livechat-card-final,.sx-faq-final{padding:13px!important}.sx-livechat-fields{grid-template-columns:1fr!important}.sx-livechat-fields input,.sx-livechat-card-final textarea{font-size:12px!important}.sx-support-bottom-final{display:none!important}

  .sx-address-dialog,.sx-compare-dialog{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:calc(100dvh - 20px)!important;overflow:auto!important;margin:auto!important}
}

@media(max-width:430px){
  .sx-account{padding-left:8px!important;padding-right:8px!important}
  .sx-section-heading h2,.sx-detail-title h2{font-size:23px!important}
  .sx-order-card-final{padding:10px!important}.sx-order-thumbs span{width:40px!important;height:40px!important;flex-basis:40px!important}.sx-order-logistics{max-width:126px!important}
  .sx-support-contact-grid{grid-template-columns:1fr!important}.sx-support-contact-grid>a,.sx-support-contact-grid>button{min-height:74px!important}
}