/* A6: dynamic home discovery, scoped Meridia theme, compact filters/timeline. */

/* CMS campaign slides keep a persistent brand mark when their photography changes. */
.vA6-cms-product-brand{
  position:absolute;z-index:4;right:18px;top:18px;width:92px;padding:7px 9px;
  border-radius:11px;background:rgba(255,255,255,.9);box-shadow:0 12px 28px rgba(4,26,54,.16)
}
.vA6-cms-product-brand img{display:block!important;position:static!important;width:100%!important;height:auto!important;padding:0!important}

/* Full dynamic collection line, kept in normal document flow to prevent overlap. */
.vA4-category-section{overflow:hidden}
.vA4-category-section>.shell{isolation:auto}
.vA5-category-watermark{display:none!important}
.vA4-category-section .vA3-section-heading{align-items:flex-end;gap:42px}
.vA6-category-collection{
  flex:0 1 520px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;
  min-width:0;padding-bottom:6px;text-align:right
}
.vA6-category-collection>span{
  display:block;max-width:100%;color:#d8e4ef;
  font:800 clamp(30px,4.3vw,68px)/.92 Manrope,sans-serif;
  letter-spacing:-.065em;white-space:nowrap
}
.vA6-category-collection>a{
  display:inline-flex!important;align-items:center;gap:24px!important;
  color:#0878e5!important;font-weight:800!important
}

/* Official Meridia signature in the requested top-right hero position. */
.vA6-meridia-corner-logo{
  position:absolute;z-index:7;top:30px;right:max(30px,calc((100vw - 1440px)/2));
  width:min(255px,24vw);padding:11px 15px;border:1px solid rgba(255,255,255,.22);
  border-radius:13px;background:rgba(250,250,249,.94);
  box-shadow:0 18px 42px rgba(0,0,0,.32);backdrop-filter:blur(12px)
}
.vA6-meridia-corner-logo img{display:block;width:100%;height:auto}

/* Product finder is minimized by default on every viewport and opens from + Filters. */
.v6-filter-toggle.vA6-filter-toggle{
  display:inline-flex!important;align-items:center;gap:9px;min-height:42px;
  padding:9px 14px!important;border:1px solid #bfd5e7!important;
  color:#082f61;background:#fff!important;box-shadow:0 8px 22px rgba(5,48,105,.08)
}
.vA6-filter-toggle i{
  width:22px;height:22px;display:grid;place-items:center;border-radius:50%;
  background:#082f61;color:#fff;font:400 18px/1 Arial,sans-serif;
  transition:transform .24s ease
}
.vA6-filter-toggle[aria-expanded="true"] i{transform:rotate(45deg)}
.v6-catalog-layout{grid-template-columns:minmax(0,1fr)!important}
.v6-filter-panel,.v8-filter-panel{
  position:fixed!important;z-index:230!important;left:0!important;top:0!important;bottom:0!important;
  width:min(390px,92vw)!important;max-height:none!important;overflow:auto!important;
  border-radius:0 20px 20px 0!important;padding:24px!important;
  transform:translateX(-105%)!important;transition:transform .28s ease!important;
  box-shadow:24px 0 70px rgba(0,15,38,.3)!important
}
.v6-filter-panel.is-open,.v8-filter-panel.is-open{transform:translateX(0)!important}
.v6-filter-head button{display:block!important}
.v6-filter-backdrop{display:block!important;z-index:220!important}
body .v6-filter-backdrop[hidden]{display:none!important}
.v6-catalog-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}

/* Normal CG menu cards use the requested dark-blue brand treatment. */
.category-bar.v7-category-bar.v8-category-bar{background:linear-gradient(120deg,#031b43,#073b7a)!important}
.v8-category-bar a{
  background:linear-gradient(145deg,#0a3b78,#062958)!important;
  border-color:rgba(127,196,255,.22)!important;color:#fff!important;
  box-shadow:0 10px 28px rgba(0,18,52,.25)!important
}
.v8-category-bar a:hover{background:linear-gradient(145deg,#0d4a94,#07346b)!important}
.v8-category-bar a b{color:#fff!important}.v8-category-bar a i{color:#83ceff!important}

/* Meridia catalogue/detail/navigation switch to black and graphite only. */
body.is-meridia-theme{background:#101214;color:#e9ecef}
.is-meridia-theme .cg-topbar,
.is-meridia-theme .enterprise-header,
.is-meridia-theme .enterprise-header.scrolled,
.is-meridia-theme .category-bar.v7-category-bar.v8-category-bar,
.is-meridia-theme .enterprise-footer{
  background:linear-gradient(135deg,#151719,#050607)!important;border-color:#33373b!important
}
.is-meridia-theme .enterprise-menu>a,.is-meridia-theme .mega-item>button{color:#e5e7e9!important}
.is-meridia-theme .header-login,.is-meridia-theme .enterprise-search{background:#24272a!important;color:#fff!important;border-color:#44494e!important}
.is-meridia-theme .mega-menu{background:#111315!important;border-color:#363a3e!important;color:#fff!important}
.is-meridia-theme .mega-menu h2,.is-meridia-theme .mega-menu b,.is-meridia-theme .mega-menu a{color:#f4f5f6!important}
.is-meridia-theme .mega-menu p,.is-meridia-theme .mega-menu small{color:#9ea5ac!important}
.is-meridia-theme .mega-category,.is-meridia-theme .support-menu-grid a{background:#1a1d20!important;border-color:#34383c!important}
.is-meridia-theme .mega-intro,.is-meridia-theme .support-menu-lead{background:linear-gradient(145deg,#262a2e,#0c0e10)!important}
.is-meridia-theme .v8-category-bar a{background:linear-gradient(145deg,#292d31,#151719)!important;border-color:#44494e!important}
.is-meridia-theme .v8-category-bar a:hover{background:#30353a!important}
.is-meridia-theme .v6-catalog-hero,.is-meridia-theme .v8-meridia-catalog-hero{
  background:radial-gradient(circle at 78% 25%,#41464b,#191c1f 46%,#090a0b 80%)!important
}
.is-meridia-theme .v6-catalog-section{background:linear-gradient(180deg,#111315,#1b1e21)!important}
.is-meridia-theme .v6-catalog-toolbar{border-color:#3b3f43!important}
.is-meridia-theme .v6-catalog-toolbar p,.is-meridia-theme .v6-sort-form label{color:#aeb4ba!important}
.is-meridia-theme .v6-catalog-toolbar p strong{color:#fff!important}
.is-meridia-theme .v6-sort-form select{background:#202428!important;border-color:#43484d!important;color:#fff!important}
.is-meridia-theme .vA6-filter-toggle{background:#24282c!important;border-color:#4a5055!important;color:#fff!important}
.is-meridia-theme .vA6-filter-toggle i{background:#e3e5e7!important;color:#121416!important}
.is-meridia-theme .v24-product-card{
  background:#1b1e21!important;border-color:#353a3e!important;box-shadow:0 18px 40px rgba(0,0,0,.2)!important
}
.is-meridia-theme .v24-product-media{background:linear-gradient(145deg,#f1f2f2,#d9dcde)!important}
.is-meridia-theme .v24-product-title a,.is-meridia-theme .v24-product-model,.is-meridia-theme .v24-details-link{color:#f3f4f5!important}
.is-meridia-theme .v24-product-category,.is-meridia-theme .v24-product-model span{color:#a2a9af!important}
.is-meridia-theme .v24-product-price strong{color:#fff!important}
.is-meridia-theme .vA5-pagination{background:#1b1e21!important;border-color:#3b4044!important}
.is-meridia-theme .vA5-pagination>div a{background:#24282c!important;border-color:#464b50!important;color:#e6e8ea!important}
.is-meridia-theme .vA5-pagination>div a.is-current{background:#e4e6e8!important;color:#111315!important}
.is-meridia-theme .v6-product-detail{background:linear-gradient(180deg,#101214,#202327)!important;color:#f2f3f4!important}
.is-meridia-theme .v6-product-detail .breadcrumbs a,.is-meridia-theme .v6-product-detail .breadcrumbs{color:#a8afb5!important}
.is-meridia-theme .v6-product-detail h1,.is-meridia-theme .v6-product-detail .detail-price strong{color:#fff!important}
.is-meridia-theme .v6-detail-copy .eyebrow,.is-meridia-theme .v6-identification,.is-meridia-theme .detail-intro{color:#b9c0c6!important}
.is-meridia-theme .v6-gallery-main{background:linear-gradient(145deg,#eee,#d6d9db)!important;border-color:#44494e!important}
.is-meridia-theme .v8-scheme-panel{background:#24282c!important;border-color:#52585e!important}
.is-meridia-theme .v8-scheme-panel strong,.is-meridia-theme .v8-scheme-panel dd{color:#fff!important}
.is-meridia-theme .vA2-spec-section,.is-meridia-theme .related,.is-meridia-theme .v8-meridia-related{background:#181b1e!important;color:#fff!important}
.is-meridia-theme .vA2-spec-section h2,.is-meridia-theme .related h2{color:#fff!important}
.is-meridia-theme .vA2-spec-accordion details{background:#24282c!important;border-color:#40464b!important;color:#fff!important}

/* Denser, calmer brand timeline. */
.vA3-timeline-hero{padding:78px 0 72px!important;background:radial-gradient(circle at 83% 22%,rgba(94,186,246,.24),transparent 25%),linear-gradient(135deg,#06295e,#0a579d)!important}
.vA3-timeline-page{padding:62px 0 68px!important;background:linear-gradient(180deg,#edf6fd 0,#fff 24%,#f4f8fb 100%)!important}
.vA3-timeline-list{max-width:1120px!important}
.vA3-timeline-list article{grid-template-columns:112px 24px 1fr!important;gap:17px!important;min-height:88px!important}
.vA3-timeline-list time{padding-top:7px!important;font-size:24px!important}
.vA3-timeline-list article>span:before{top:13px!important;bottom:-10px!important;background:linear-gradient(#1685db,#8fc8ed)!important}
.vA3-timeline-list article>span:after{top:9px!important;width:9px!important;height:9px!important}
.vA3-timeline-list article p{
  max-width:none!important;margin:0 0 10px!important;padding:13px 18px!important;
  border:1px solid #dbe9f4!important;border-radius:14px!important;background:rgba(255,255,255,.84)!important;
  box-shadow:0 8px 24px rgba(6,43,89,.055)!important;line-height:1.55!important
}
.vA3-timeline-cta{background:linear-gradient(135deg,#e3f1fb,#f7fbfe)!important}

@media(max-width:1180px){
  .v6-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .vA6-meridia-corner-logo{top:18px;right:18px;width:min(210px,48vw)}
  .vA4-category-section .vA3-section-heading{align-items:flex-start}
  .vA6-category-collection{align-items:flex-start;text-align:left}
  .vA6-category-collection>span{font-size:clamp(27px,8.2vw,48px)}
  .v6-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .vA3-timeline-list article{grid-template-columns:78px 18px 1fr!important;gap:10px!important}
}
@media(max-width:540px){
  .vA6-category-collection>span{white-space:normal;overflow-wrap:anywhere}
  .vA6-cms-product-brand{width:72px;right:10px;top:10px}
  .v6-catalog-grid{grid-template-columns:1fr!important}
  .vA3-timeline-list article{grid-template-columns:20px 1fr!important}
  .vA3-timeline-list time{grid-column:2;font-size:19px!important}
  .vA3-timeline-list article>span{grid-column:1;grid-row:1/3}
  .vA3-timeline-list article p{grid-column:2}
}