/* TR Global Website UX v044: catalogue discovery + grouped portal navigation */

/* Catalogue discovery */
.ux-catalogue-discovery{background:linear-gradient(180deg,#fff 0%,#f7faff 100%)}
.ux-catalogue-intro{max-width:780px;margin:0 auto 28px;text-align:center}
.ux-catalogue-intro h2{margin:8px 0 12px;color:#071447;font-size:clamp(2rem,4vw,3.4rem);letter-spacing:-.055em;line-height:1.02}
.ux-catalogue-intro p{margin:0;color:#586782;line-height:1.75;font-size:1.02rem}
.ux-search-panel{max-width:980px;margin:0 auto 28px;padding:20px;border:1px solid #dce7f5;border-radius:26px;background:#fff;box-shadow:0 20px 55px rgba(6,35,94,.07)}
.ux-search-label{display:grid;gap:8px;color:#071447;font-weight:900}
.ux-search-label span{font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;color:#53617f}
.ux-search-label input{width:100%;min-height:58px;padding:0 18px;border:1px solid #cfdced;border-radius:16px;background:#f8fbff;color:#071447;font:inherit;font-size:1rem;outline:none}
.ux-search-label input:focus{border-color:#2459c4;box-shadow:0 0 0 4px rgba(36,89,196,.13);background:#fff}
.ux-category-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-top:14px}
.ux-category-tabs button{min-height:44px;padding:0 16px;border:1px solid #dce7f5;border-radius:999px;background:#f8fbff;color:#243251;font:inherit;font-weight:850;cursor:pointer}
.ux-category-tabs button:hover,.ux-category-tabs button.active{background:#071447;color:#fff;border-color:#071447}
.ux-search-results{display:grid;gap:8px;margin-top:14px;padding-top:14px;border-top:1px solid #edf3fb}
.ux-search-results[hidden]{display:none!important}
.ux-search-results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#53617f;font-size:.86rem}
.ux-search-results a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid #e2ebf7;border-radius:14px;background:#fbfdff;color:#071447;font-weight:850;text-decoration:none}
.ux-search-results a:hover{border-color:#9db7df;background:#eef5ff}
.ux-search-results a small{color:#64728d;font-weight:750;text-align:right}
.ux-popular-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ux-product-card{position:relative;min-height:220px;padding:22px;border:1px solid #dce7f5;border-radius:24px;background:#fff;box-shadow:0 16px 44px rgba(6,35,94,.06);display:flex;flex-direction:column;text-decoration:none;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.ux-product-card::after{content:'→';position:absolute;right:18px;top:18px;width:36px;height:36px;border-radius:12px;background:#eef5ff;color:#064cb3;display:grid;place-items:center;font-weight:950}
.ux-product-card:hover{transform:translateY(-4px);border-color:#a9bfdf;box-shadow:0 24px 60px rgba(6,35,94,.11)}
.ux-product-card[hidden]{display:none!important}
.ux-product-icon{width:52px;height:52px;border-radius:17px;background:linear-gradient(145deg,#071447,#174ca0);display:grid;place-items:center;color:#fff;margin-bottom:28px}
.ux-product-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ux-product-card small{color:#2459c4;font-size:.72rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.ux-product-card h3{margin:7px 0 8px;color:#071447;font-size:1.28rem;letter-spacing:-.035em}
.ux-product-card p{margin:0;color:#64728d;line-height:1.55;font-size:.9rem}
.ux-catalogue-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.ux-show-more{min-height:48px;padding:0 20px;border:1px solid #bfd0e7;border-radius:15px;background:#fff;color:#071447;font:inherit;font-weight:900;cursor:pointer}
.ux-show-more:hover{background:#071447;color:#fff;border-color:#071447}
.ux-secondary-categories,.ux-full-catalogue,.ux-more-filters{margin-top:24px;border:1px solid #dce7f5;border-radius:22px;background:#fff;overflow:hidden}
.ux-secondary-categories>summary,.ux-full-catalogue>summary,.ux-more-filters>summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#071447;font-weight:900}
.ux-secondary-categories>summary::-webkit-details-marker,.ux-full-catalogue>summary::-webkit-details-marker,.ux-more-filters>summary::-webkit-details-marker{display:none}
.ux-secondary-categories>summary::after,.ux-full-catalogue>summary::after,.ux-more-filters>summary::after{content:'+';width:34px;height:34px;border-radius:11px;background:#eef5ff;color:#064cb3;display:grid;place-items:center;font-size:1.3rem;flex:0 0 auto}
.ux-secondary-categories[open]>summary::after,.ux-full-catalogue[open]>summary::after,.ux-more-filters[open]>summary::after{content:'−'}
.ux-secondary-body,.ux-full-catalogue-body,.ux-more-filters-body{padding:0 20px 20px;border-top:1px solid #edf3fb}
.ux-secondary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding-top:18px}
.ux-secondary-link{padding:18px;border:1px solid #e2ebf7;border-radius:18px;background:#f8fbff;text-decoration:none;display:grid;gap:7px;color:#071447}
.ux-secondary-link strong{font-size:1rem}.ux-secondary-link span{font-size:.86rem;color:#64728d;line-height:1.5}.ux-secondary-link:hover{background:#eef5ff;border-color:#b8cbe5}
.ux-help-cta{margin-top:28px;padding:24px;border-radius:24px;background:#071447;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}
.ux-help-cta h3{margin:0 0 6px;color:#fff;font-size:1.45rem}.ux-help-cta p{margin:0;color:#c9d8f5;line-height:1.55}.ux-help-cta .btn{flex:0 0 auto}
.ux-full-catalogue{margin-top:26px;text-align:left}
.ux-full-catalogue>summary>span{display:grid;gap:4px}.ux-full-catalogue>summary small{color:#64728d;font-weight:750}
.ux-full-catalogue-body{padding-top:24px}
.ux-full-catalogue-body .apparel-layout{margin-top:0}

/* Fabric catalogue reduction */
.fabric-toolbar{display:grid;gap:14px}
.fabric-toolbar input{min-height:58px;font-size:1rem}
.fabric-filter-row.ux-primary-filters{display:flex;gap:9px;flex-wrap:wrap}
.ux-more-filters{margin-top:0;width:100%}
.ux-more-filters>summary{padding:13px 16px;font-size:.9rem}
.ux-more-filters-body{padding-top:14px}
.ux-more-filters-body .fabric-filter-row{margin:0}
.fabric-card-details{margin:13px 0 0;border-top:1px solid #e5edf8;border-bottom:1px solid #e5edf8}
.fabric-card-details>summary{list-style:none;cursor:pointer;padding:12px 0;color:#064cb3;font-weight:900;display:flex;align-items:center;justify-content:space-between}
.fabric-card-details>summary::-webkit-details-marker{display:none}
.fabric-card-details>summary::after{content:'+';font-size:1.2rem}.fabric-card-details[open]>summary::after{content:'−'}
.fabric-card-details dl{margin:0 0 13px}
.ux-fabric-pagination{display:flex;justify-content:center;gap:12px;align-items:center;margin:26px 0 0}
.ux-fabric-pagination[hidden]{display:none!important}
.ux-fabric-note{color:#64728d;font-size:.88rem}
.fabric-card[hidden]{display:none!important}

/* Grouped role navigation */
.portal-nav-heading{margin:18px 8px 7px!important;padding:0!important;border:0!important;background:transparent!important;color:#64728d!important;min-height:0!important;width:auto!important;font-size:.69rem!important;font-weight:950!important;letter-spacing:.12em!important;text-transform:uppercase!important;pointer-events:none;box-shadow:none!important}
.portal-nav-heading:first-of-type{margin-top:8px!important}
.portal-sidebar a[data-account-nav="true"]{margin:6px 0}
.portal-sidebar a[data-account-nav="true"]::after{content:'›';font-size:1.15rem;color:#91a5c5;line-height:1}
.portal-sidebar a[data-account-nav="true"].active::after{color:#fff}

@media(max-width:1100px){
  .ux-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ux-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .portal-sidebar .portal-nav-heading{grid-column:1/-1;margin:14px 6px 4px!important}
}
@media(max-width:680px){
  .ux-search-panel{padding:15px;border-radius:20px}
  .ux-category-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .ux-category-tabs button{width:100%}
  .ux-popular-grid,.ux-secondary-grid{grid-template-columns:1fr}
  .ux-product-card{min-height:190px;padding:20px}
  .ux-help-cta{display:grid;padding:20px}.ux-help-cta .btn{width:100%;justify-content:center}
  .ux-search-results a{align-items:flex-start}.ux-search-results a small{max-width:40%}
  .portal-sidebar:not(.portal-menu-open)>.portal-nav-heading{display:none!important}
  .portal-sidebar.portal-menu-open>.portal-nav-heading{display:block!important}
}
@media(prefers-reduced-motion:reduce){.ux-product-card{transition:none}}