/* Reference-accurate GaGaShoppers design alignment — layout only.
   Reference artwork is decorative, NOT evidence of stock, promotions or pricing.
   Preserve the official SVG logo and all purchasing controls. */
:root{--gs-reference-navy:#0a2b56;--gs-reference-orange:#ff5b14;--gs-reference-ice:#e8f6ff}
body{background:#f7fbff}
.shell{max-width:1540px}
.topline{font-size:11px;min-height:29px;background:#082749}
.site-header{box-shadow:0 3px 10px #123b6510}
.site-header .head-row{padding-block:10px}
.site-header .official-logo-img{max-height:68px}
.nav-line{background:#fff;border-top:1px solid #e7eff8}
.gs-nav{min-height:43px;gap:clamp(12px,1.5vw,23px)}
.gs-nav>a{font-size:12px}
.gs-hero,.gs-market-hero{margin:13px 0 9px;border:0;border-radius:17px;
 box-shadow:0 8px 22px #07345e1a;overflow:hidden;background:#ddf4ff}
.gs-hero-track{min-height:350px}
.gs-hero-slide{min-height:350px}
.gs-hero .gs-hero-blue{position:relative;display:block;min-height:350px;
 background:linear-gradient(112deg,#e8f7ff 0%,#f5fcff 29%,#d4f3ff 58%,#ffe5bc 100%)}
.gs-hero .gs-hero-blue>.gs-hero-copy{position:relative;z-index:2;width:49%;max-width:715px;
 padding:35px 8px 50px clamp(52px,6vw,92px)}
.gs-hero .gs-hero-blue .gs-hero-eyebrow{background:#fff1e5;color:#ef5c0f;
 letter-spacing:.04em;text-transform:uppercase;font-size:11px;border-radius:20px;margin-bottom:12px}
.gs-hero .gs-hero-blue .gs-hero-copy h2,
.gs-hero .gs-hero-blue .gs-hero-copy h1{font-size:clamp(40px,4.3vw,67px);line-height:.95;letter-spacing:-.065em;
 font-weight:950;color:#092c58;margin:0 0 14px;max-width:650px;text-wrap:balance}
.gs-hero .gs-hero-blue .gs-hero-copy h2 span,
.gs-hero .gs-hero-blue .gs-hero-copy h1 span{display:block}
.gs-hero .gs-hero-blue .gs-hero-copy em{color:#ff5912;font-style:normal}
.gs-hero .gs-hero-blue .gs-hero-copy p{font-size:clamp(13px,1.1vw,16px);line-height:1.4;
 max-width:410px;margin:0 0 15px;color:#234566}
.gs-hero .gs-hero-blue .gs-hero-action{padding:13px 31px;min-width:160px;
 border-radius:9px;background:#ff5d13;color:white;text-align:center;justify-content:center}
.gs-hero .gs-hero-blue>.gs-hero-main-art{position:absolute;right:0;top:0;bottom:0;
 width:65%;height:100%;min-height:350px!important;padding:0!important;
 display:block;overflow:hidden;z-index:1;isolation:auto}
.gs-hero .gs-hero-blue>.gs-hero-main-art::before{display:none!important}
.gs-hero .gs-hero-blue .gs-approved-lifestyle-photo{display:block;width:100%!important;
 height:100%!important;max-width:none!important;max-height:none!important;
 min-height:350px!important;object-fit:cover;object-position:center 44%;
 border:0!important;box-shadow:none!important;transform:none!important;
 border-radius:0!important;aspect-ratio:auto!important;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%);
 mask-image:linear-gradient(90deg,transparent 0%,#000 16%)}
.gs-hero-controls{position:absolute;inset:0;left:0;bottom:0;z-index:8;
 transform:none;display:block;background:transparent;border:0;padding:0;
 box-shadow:none;border-radius:0;pointer-events:none}
.gs-hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:43px;height:43px;
 font-size:28px;font-weight:500;background:#fffdfd;border:1px solid #cbdced;
 color:#0d529c;pointer-events:auto;box-shadow:0 3px 15px #07518b2b}
#gsHeroPrev{left:14px}
#gsHeroNext{right:14px}
.gs-hero-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:9px;
 display:flex;align-items:center;gap:8px;border-radius:99px;background:#ffffffda;
 padding:8px 17px;pointer-events:auto}
.gs-hero-dot{width:8px;height:8px;background:#b8c5d3}
.gs-hero-dot.is-active{background:#ff5b11;width:18px}
.gs-quick-departments{margin:11px 0;border-radius:13px;box-shadow:0 4px 13px #12375814;
 border:1px solid #dfebf8;min-height:101px}
.gs-quick-departments a{padding:13px 3px;gap:4px;font-size:12px;color:#0c2f61;letter-spacing:-.02em}
.gs-quick-departments a span{font-size:33px;line-height:1.25}
.gs-collections{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:13px 0 19px}
.gs-collection{display:flex;align-items:center;position:relative;overflow:hidden;min-height:174px;
 padding:17px 17px;border:1px solid #e7ecf8;border-radius:13px}
.gs-collection div{z-index:2;position:relative;width:62%;max-width:275px;flex-shrink:0}
.gs-collection h3{font-size:clamp(18px,1.65vw,24px);line-height:1.06;font-weight:900;
 margin:0 0 7px;max-width:240px}
.gs-collection p{line-height:1.3;font-size:12px;margin:0 0 9px;max-width:235px}
.gs-collection a{font-size:11px;border-radius:6px;padding:9px 11px;background:#ff5c12;
 color:#fff;font-weight:830;display:inline-block}
.gs-collection-photo{position:absolute;z-index:1;right:0;bottom:0;top:0;width:53%;
 height:100%;max-width:none;object-fit:cover;object-position:center;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 26%);
 mask-image:linear-gradient(90deg,transparent 0%,#000 26%)}
.gs-collection-tech{background:#dceaff}
.gs-collection-home{background:#ffefdf}
.gs-collection-style{background:#ffe4ee}
.gs-feature-section,.cj-preview-section{background:transparent;border:0;box-shadow:none;
 padding:2px 1px;margin:16px 0}
.gs-feature-heading,.cj-preview-heading{margin-bottom:14px}
.gs-feature-heading h2,.cj-preview-heading h2{font-size:clamp(24px,2.45vw,35px);
 letter-spacing:-.045em;color:#0a2b57;font-weight:950}
.gs-feature-heading h2 em,.cj-preview-heading h2 em,.gs-experience-heading h2 em{
 color:#ff5913;font-style:normal}
.gs-feature-heading p,.cj-preview-heading p{font-size:13px;color:#5a7087}
.gs-product-grid,.cj-preview-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.gs-product-card,.cj-preview-card{border:1px solid #dfebf5;background:#fff;
 border-radius:12px;box-shadow:0 3px 12px #0c35640b;overflow:hidden}
.gs-product-image,.cj-preview-image{aspect-ratio:1.08;background:#fff;overflow:hidden;padding:10px}
.gs-product-image img,.cj-preview-image img{width:100%;height:100%;object-fit:contain}
.gs-product-copy,.cj-preview-body{padding:10px 11px}
.gs-product-title,.cj-preview-title{font-size:12px;line-height:1.36;font-weight:800;
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
 min-height:2.7em;max-height:2.7em}
.gs-product-soon,.cj-preview-availability{font-size:11px;font-weight:780;color:#c34d12}
.cj-preview-badge{font-size:10px;background:#fff0e5;color:#c74a05}
.gs-experience-trust{background:#f0f8ff;margin:13px 0;padding:13px 17px;
 border:1px solid #e0eefa;border-radius:14px}
.gs-experience-trust>div{padding:6px 11px}
.gs-experience-trust span{font-size:29px}
.gs-experience-trust strong{font-size:13px}
.gs-experience-trust small{font-size:11px}
.gs-experience-showcase{margin:15px 0 20px;padding:15px;background:#f6fbff;
 border:1px solid #deedfa;border-radius:13px}
.gs-experience-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;
 margin-bottom:12px}
.gs-experience-heading h2{font-size:clamp(21px,2vw,29px);font-weight:950;letter-spacing:-.045em;margin:0 0 5px}
.gs-experience-heading p{font-size:12px;color:#61768a;margin:0}
.gs-experience-heading a{font-size:12px;color:#0856a3;font-weight:800}
.gs-experience-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.gs-experience-tile{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #dfebf6;
 border-radius:11px;padding:12px 14px;min-height:117px;box-shadow:0 2px 8px #0c35640b}
.gs-experience-icon{font-size:43px;flex:0 0 73px;text-align:center;background:#eff8ff;
 border-radius:11px;padding:10px 0}
.gs-experience-tile span:last-child{display:grid;gap:5px}
.gs-experience-tile strong{font-size:14px;color:#10315d}
.gs-experience-tile small{font-size:12px;line-height:1.34;color:#5e7389}
.gs-experience-tile b{color:#fa5813;font-size:11px;margin-top:2px}
.gs-reviews-section,.gs-category-browser,.recommended-section{background:#fff}
@media(max-width:1180px){
 .gs-hero .gs-hero-blue .gs-hero-copy h2,
 .gs-hero .gs-hero-blue .gs-hero-copy h1{font-size:clamp(33px,4.7vw,53px)}
 .gs-product-grid,.cj-preview-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .gs-quick-departments{grid-template-columns:repeat(4,minmax(0,1fr))}
 .gs-collection{padding:15px 11px}
 .gs-collection div{width:65%}
 .gs-collection h3{font-size:18px}
}
@media(max-width:760px){
 .gs-hero,.gs-market-hero{margin-top:9px;border-radius:14px}
 .gs-hero-track,.gs-hero-slide,.gs-hero .gs-hero-blue{min-height:540px}
 .gs-hero .gs-hero-blue>.gs-hero-copy{width:100%;max-width:none;padding:30px 22px 10px;
   position:relative;z-index:2}
 .gs-hero .gs-hero-blue .gs-hero-copy h2,
 .gs-hero .gs-hero-blue .gs-hero-copy h1{font-size:clamp(32px,8.3vw,48px);margin-bottom:10px}
 .gs-hero .gs-hero-blue .gs-hero-copy p{font-size:12.8px;max-width:95%}
 .gs-hero .gs-hero-blue>.gs-hero-main-art{left:0;right:0;top:auto;bottom:0;
   width:100%;height:45%;min-height:235px!important}
 .gs-hero .gs-hero-blue .gs-approved-lifestyle-photo{height:100%!important;
   min-height:235px!important;object-position:center 38%;
   -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%);
   mask-image:linear-gradient(180deg,transparent 0%,#000 18%)}
 .gs-hero-arrow{width:35px;height:35px;top:66%;font-size:24px}
 #gsHeroPrev{left:7px}#gsHeroNext{right:7px}
 .gs-hero-dots{bottom:7px}
 .gs-quick-departments{display:flex;min-height:0;overflow-x:auto;gap:0}
 .gs-quick-departments a{flex:0 0 91px;padding:9px 4px;font-size:10px}
 .gs-quick-departments a span{font-size:25px}
 .gs-collections{grid-template-columns:1fr;gap:10px}
 .gs-collection{min-height:133px;padding:16px 18px}
 .gs-collection div{width:62%}
 .gs-collection h3{font-size:21px}
 .gs-collection-photo{width:48%;height:100%}
 .gs-product-grid,.cj-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .gs-experience-trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}
 .gs-experience-showcase{padding:12px}
 .gs-experience-heading{align-items:flex-start}
 .gs-experience-heading h2{font-size:20px}
 .gs-experience-tiles{grid-template-columns:1fr}
 .gs-experience-tile{min-height:92px}
 .gs-experience-icon{font-size:33px;flex-basis:61px}
}
@media(prefers-reduced-motion:reduce){
 .gs-hero-dot{transition:none}
}


/* FIX: All carousel panels must match the approved lifestyle banner.
   Other slides use existing editorial category artwork, never random supplier products. */
.gs-hero .gs-hero-category{height:350px;min-height:350px;overflow:hidden}
.gs-hero .gs-hero-category>.gs-hero-copy{width:54%;max-width:750px;padding-right:18px}
.gs-hero .gs-hero-category .gs-hero-copy h2{font-size:clamp(37px,4.15vw,64px);max-width:660px}
.gs-hero .gs-hero-category .gs-category-hero-art{
  width:53%;right:0;top:0;bottom:0;min-height:350px!important;
  background:linear-gradient(115deg,#e8f7ff 0%,#fcf9f3 100%);
}
.gs-hero .gs-hero-category:nth-child(2){background:linear-gradient(110deg,#e4f5ff,#fafbff 60%,#d7eaff)}
.gs-hero .gs-hero-category:nth-child(3){background:linear-gradient(110deg,#fff0e0,#fef8f3 58%,#e9f6e8)}
.gs-hero .gs-hero-category:nth-child(4){background:linear-gradient(110deg,#fff0f6,#fff8f9 58%,#fce2f1)}
.gs-hero .gs-hero-category .gs-category-hero-photo{
  width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;
  min-height:350px!important;display:block;object-fit:cover;object-position:center;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  transform:none!important;aspect-ratio:auto!important;padding:0!important;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 25%);
  mask-image:linear-gradient(90deg,transparent,#000 25%);
}
.gs-hero .gs-hero-category[hidden]{display:none!important}
@media(max-width:760px){
  .gs-hero .gs-hero-category{height:auto;min-height:520px}
  .gs-hero .gs-hero-category>.gs-hero-copy{
    width:100%;max-width:none;padding:25px 20px 0;
  }
  .gs-hero .gs-hero-category .gs-hero-copy h2{font-size:clamp(33px,8.5vw,46px)}
  .gs-hero .gs-hero-category .gs-category-hero-art{
    position:relative;top:auto;bottom:auto;right:auto;width:100%;height:255px;
    min-height:255px!important;max-height:255px;margin-top:10px;
  }
  .gs-hero .gs-hero-category .gs-category-hero-photo{
    height:255px!important;min-height:255px!important;object-position:center;
    -webkit-mask-image:linear-gradient(180deg,transparent,#000 20%);
    mask-image:linear-gradient(180deg,transparent,#000 20%);
  }
}
@media(prefers-reduced-motion:reduce){
  .gs-hero .gs-hero-category .gs-category-hero-photo{transition:none;animation:none}
}