/* GaGaShoppers retail refinement — preserve official logo and 17 categories. */
:root{--gs-border:#dfe6ee;--gs-ink:#16253d;--gs-paper:#fff;--gs-muted:#607187;--gs-focus:#1262b0}
body{background:#f6f8fb;color:var(--gs-ink)}
.site-header{position:relative;z-index:50;background:#fff;box-shadow:0 2px 14px #16335a12}
.topline{background:#0c2a4b;color:#ecf4ff;font-size:11px;font-weight:700;letter-spacing:.055em}
.site-header .head-row{column-gap:24px;padding-top:12px;padding-bottom:12px}
.searchbar{position:relative;overflow:visible;isolation:isolate;display:flex;min-height:52px;
  border:2px solid #c7d5e6;background:#fff;border-radius:11px;box-shadow:0 3px 14px #11263c10}
.searchbar:focus-within{border-color:#2778cb;box-shadow:0 0 0 4px #1687e51b}
.searchbar>input[type="search"]{flex:1;min-width:0;outline:none!important;
  background:transparent;color:#102339;font-size:15px;padding:0 18px}
.searchbar>button[type="submit"]{padding:0 26px;border-radius:0 8px 8px 0;background:#f97321;
  color:#fff;font-weight:800;letter-spacing:.01em}
.searchbar>button[type="submit"]:hover{background:#e86114}
.nav-line{background:#f9fbff;border-top:1px solid #e5edf6;border-bottom:1px solid #e0e8f2}
.nav-inner{gap:19px;font-size:13px;font-weight:680}
main.shell{max-width:1420px}
.hero-grid{margin-top:24px;margin-bottom:32px}
.hero-main,.hero-side>*,.shop-hero,.collection-card,.promo-card{border-radius:15px;overflow:hidden}
.hero-main{box-shadow:0 16px 34px #12355c12}
.section-head{margin-top:28px;margin-bottom:18px}
.section-head h2{font-size:clamp(23px,2.1vw,30px);letter-spacing:-.045em;font-weight:850}
.section-head p{font-size:14px;line-height:1.6;color:#5a6e82}
.category-strip{gap:11px;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;
  margin-top:24px;margin-bottom:28px}
.category-item,.shop-category-grid .category-item{min-height:62px;display:flex;align-items:center;justify-content:center;
  padding:13px 18px!important;background:#fff;border:1px solid var(--gs-border);border-radius:11px;
  box-shadow:0 4px 12px #193f6510;font-size:13px;font-weight:780;text-align:center;
  transition:border-color .12s,transform .12s,box-shadow .12s;flex:1 1 140px}
.category-item:hover{border-color:#83b9e6;transform:translateY(-2px);box-shadow:0 7px 17px #193f6520}
.category-item .category-icon{display:none!important}
.category-item span:last-child{line-height:1.35}
.shop-category-grid{display:flex;flex-wrap:wrap;gap:10px}
.shop-category-grid .category-item{flex:1 1 160px}
.shop-hero{background:linear-gradient(108deg,#e7f2fd 0%,#ffffff 48%,#fff2e6 100%);
  border:1px solid #d8e5f1;box-shadow:0 12px 27px #0d325b0b}
.shop-hero h1{letter-spacing:-.05em}
.shop-hero-graphic{font-size:0!important;display:flex;justify-content:center;align-items:center}
.shop-hero-graphic:after{content:"";display:block;width:260px;height:230px;border-radius:28px;
  background:linear-gradient(135deg,#0d65ac,#65b6f9);
  box-shadow:26px 22px 0 #ff9b5740;transform:rotate(-9deg);
  mask-image:radial-gradient(ellipse,#000 65%,transparent 98%)}
.cj-preview-section{margin-top:28px!important;margin-bottom:40px!important;padding:25px!important;
  border:1px solid #e2eaf3!important;background:#fff!important;border-radius:17px!important;
  box-shadow:0 8px 22px #173b6010}
.cj-preview-heading h2{font-size:clamp(22px,2.2vw,30px);letter-spacing:-.04em;font-weight:860}
.cj-preview-heading p{color:#53677e}
.cj-preview-grid{gap:17px}
.cj-preview-card{border:1px solid #e1e8f2;border-radius:13px;box-shadow:0 3px 12px #183d6110;
  transition:box-shadow .15s,transform .15s}
.cj-preview-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #183d6120}
.cj-preview-image{background:#fff;padding:13px}
.cj-preview-image img{border-radius:8px;object-fit:contain}
.cj-preview-title{font-size:14px;line-height:1.43}
.cj-preview-badge{color:#155381;background:#e9f5ff}
.cj-preview-availability{color:#92572c}
.retail-suggestions{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:300;
  background:#fff;border:1px solid #d2deeb;border-radius:12px;box-shadow:0 18px 40px #102c4b36;
  overflow-y:auto;overscroll-behavior:contain;max-height:min(470px,64vh);padding:6px}
.retail-suggestions[hidden]{display:none!important}
.retail-option{display:flex;align-items:center;gap:14px;min-height:68px;padding:9px 12px;
  border-radius:8px;color:#182b41;background:#fff;text-decoration:none}
.retail-option:hover,.retail-option.is-active{background:#eaf4ff}
.retail-option:focus-visible{outline:2px solid #196fbd;outline-offset:-2px}
.retail-option-photo{width:51px;height:51px;flex:0 0 51px;border-radius:8px;background:#fff;
  object-fit:contain;border:1px solid #e3eaf1}
.retail-option-copy{display:flex;flex-direction:column;min-width:0;gap:3px}
.retail-option-copy strong{font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.retail-option-copy small{font-size:12px;color:#607387}
.retail-empty{padding:16px;margin:0;font-size:13px;color:#66788a}
@media(max-width:970px){
  .site-header .head-row{grid-template-columns:minmax(170px,240px) minmax(0,1fr);column-gap:15px}
  .site-header .head-row .header-actions{grid-column:1/-1;justify-content:flex-end}
}
@media(max-width:680px){
  .shell{padding-left:15px;padding-right:15px}
  .site-header .head-row{display:flex;flex-wrap:wrap;gap:12px;padding-top:10px;padding-bottom:10px}
  .site-header .brand{max-width:215px}
  .site-header .searchbar{order:4;flex:1 0 100%;width:100%;min-height:50px}
  .site-header .header-actions{margin-left:auto}
  .retail-suggestions{max-height:min(350px,52vh)}
  .retail-option{padding:7px;gap:9px;min-height:58px}
  .retail-option-photo{width:44px;height:44px;flex-basis:44px}
  .retail-option-copy strong{font-size:13px}
  .category-item,.shop-category-grid .category-item{flex-basis:calc(50% - 6px);padding:11px!important;min-height:56px}
  .cj-preview-section{padding:14px!important}
}

.shop-hero-graphic{font-size:0!important}.shop-hero-graphic::after{display:none!important}.shop-hero-graphic img{width:min(270px,85%);height:232px;object-fit:contain;background:#fff;border-radius:20px;padding:14px;box-shadow:0 17px 35px #2b548628;transform:rotate(5deg)}