/* Customer-approved GaGaShoppers retail experience, October 2026.
   Never replace official logo, invent verified reviews, or activate checkout. */
:root{--gse-navy:#0b2c58;--gse-deep:#081f46;--gse-blue:#0560ab;--gse-orange:#ff641d;--gse-ice:#e9f4ff;--gse-border:#dfe9f5}
body{background:#f6f9ff;color:var(--gse-deep)}
.shell{max-width:1560px}
.topline{background:#08294e;display:flex;align-items:center;justify-content:center;position:relative;gap:30px;padding:8px 18px;color:#fff;font-weight:740}
.topline-note{position:absolute;right:clamp(14px,4vw,65px);font-weight:520;font-size:11px;color:#d8eaff}
.head-row{grid-template-columns:minmax(195px,265px) minmax(245px,1fr) auto;gap:clamp(12px,2vw,35px);padding-top:11px;padding-bottom:11px}
.head-row .official-logo-img{width:min(265px,100%);height:auto;max-height:68px;object-fit:contain}
.searchbar{border:1px solid #d0ddec;box-shadow:0 3px 10px #193c6412;min-height:48px}
.searchbar input{font-size:13px}
.searchbar button{border-radius:0 7px 7px 0;min-width:86px;background:#ff5d0e}
.header-actions{gap:clamp(10px,1.5vw,24px);font-size:13px}
.header-actions a{display:inline-flex;align-items:center;gap:5px}
.header-actions .mini-icon{font-size:22px;color:#07366f}
.nav-line{border-bottom:1px solid #e4edf7;box-shadow:0 2px 9px #0b33630c}
.gs-nav{gap:clamp(12px,1.6vw,23px)}
.gs-nav>a{font-weight:730}
.gs-nav .gs-menu>summary{border-radius:9px;background:#073f81}
.gs-main-shell,.landing{padding-bottom:34px}
.gs-hero{margin:17px 0 13px;min-height:0;border-radius:16px;background:#cceeff;
 border:1px solid #cfe8ff;box-shadow:0 6px 23px #06437713}
.gs-hero-track,.gs-hero-slide{min-height:380px}
.gs-hero-slide{grid-template-columns:1.08fr 1fr}
.gs-hero-blue{background:linear-gradient(117deg,#edfbff 0%,#fff 43%,#d4f3ff 66%,#fff1dd 100%)}
.gs-hero-copy{padding:32px 15px 58px clamp(28px,5vw,70px);position:relative;z-index:2}
.gs-hero-copy .gs-hero-eyebrow{background:#fff4e9;color:#ec520b;font-weight:850;letter-spacing:.055em}
.gs-hero-copy h2{max-width:650px;font-size:clamp(42px,5vw,76px);line-height:.99;letter-spacing:-.065em;margin-bottom:15px;color:#092a57}
.gs-hero-blue .gs-hero-copy h2{max-width:600px}
.gs-hero-copy p{font-size:clamp(14px,1.2vw,17px);color:#264c72;line-height:1.48;max-width:470px;margin-bottom:21px}
.gs-hero-action{background:linear-gradient(115deg,#ff711e,#ff4d0b);border-radius:9px;padding:14px 32px;font-size:15px;font-weight:870;box-shadow:0 10px 22px #fa5a2040}
.gs-hero-main-art{overflow:hidden;padding:0!important;min-height:380px!important;justify-content:flex-end;position:relative}
.gs-hero-main-art::before{content:none!important}
.gs-hero-main-art img.gs-approved-lifestyle-photo{display:block;width:100%!important;max-width:none!important;
  height:100%!important;max-height:none!important;min-height:380px;object-fit:cover;
  object-position:51% 30%;aspect-ratio:auto;border:0!important;border-radius:0!important;
  transform:none!important;background:transparent!important;box-shadow:none!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 15%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 15%)}
.gs-hero-controls{bottom:14px;left:50%;transform:translateX(-50%);padding:8px 12px;
  border:1px solid #ebeff8;border-radius:30px;background:#ffffffec;box-shadow:0 4px 15px #19497416}
.gs-hero-arrow{width:27px;height:27px}
.gs-quick-departments{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0;margin:12px 0 17px;
 background:#fff;border:1px solid #deebf7;border-radius:15px;box-shadow:0 4px 17px #0d326812;overflow:hidden}
.gs-quick-departments a{display:flex;min-width:0;align-items:center;justify-content:center;flex-direction:column;gap:7px;
 padding:13px 6px;font-size:11px;font-weight:780;text-align:center;border-right:1px solid #ebf0f8;line-height:1.26}
.gs-quick-departments a:last-child{border-right:0}
.gs-quick-departments a span{font-size:27px}
.gs-quick-departments a:hover,.gs-quick-departments a:focus-visible{background:#f0f7ff;color:#035ea9}
.gs-collections{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 20px}
.gs-collection{min-height:162px;padding:22px 20px;box-shadow:0 6px 19px #16416610;align-items:center}
.gs-collection h3{max-width:260px;font-weight:900;font-size:clamp(19px,1.9vw,27px);line-height:1.05}
.gs-collection p{font-size:13px;line-height:1.4;max-width:215px}
.gs-collection a{background:#ff641d;color:#fff;border-radius:8px;padding:9px 12px;font-weight:850;display:inline-block}
.gs-collection a:hover{background:#e55312;color:#fff}
.gs-collection-emoji{font-size:clamp(48px,6vw,95px);transform:rotate(-8deg)}
.gs-collection-tech{background:linear-gradient(110deg,#e9f1ff,#d6e7ff)}
.gs-collection-home{background:linear-gradient(110deg,#fff1e2,#ffeddf)}
.gs-collection-style{background:linear-gradient(110deg,#fce8f2,#ffe2ee)}
.gs-feature-section,.gs-category-browser,.gs-category-shelf,.gs-reviews-section,.recommended-section,
 .cj-preview-section{box-shadow:0 3px 15px #1334570d;border-radius:15px}
.gs-feature-section{padding:19px;margin:20px 0}
.gs-feature-heading{margin-bottom:14px}
.gs-feature-heading h2,.gs-categories-head h2,.recommended-heading h2{font-size:clamp(22px,2.3vw,32px)}
.gs-feature-heading h2::first-letter{color:#ff641d}
.gs-product-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:11px}
.gs-product-card{border-color:#e1e9f3;box-shadow:0 2px 6px #1233540d}
.gs-product-image{aspect-ratio:1.15;padding:10px}
.gs-product-copy{padding:10px 11px 13px;gap:6px}
.gs-product-title{font-size:12px}
.gs-product-tag{background:#edf6ff;color:#155d9b}
.gs-product-soon{color:#c44d0c;font-size:11px}
.gs-category-browser{margin-top:19px}
.gs-category-card{flex-basis:116px}
.gs-category-media{width:82px;height:82px}
.gs-experience-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:16px 18px;
 background:#f7fbff;border:1px solid #e0ebf5;border-radius:15px;margin:17px 0;box-shadow:0 3px 15px #1233540a}
.gs-experience-trust>div{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:7px 10px;border-right:1px solid #e3ecf7}
.gs-experience-trust>div:last-child{border:0}
.gs-experience-trust span{grid-row:1/3;font-size:28px}
.gs-experience-trust strong{color:#14315a;font-size:13px;line-height:1.3}
.gs-experience-trust small{color:#667d95;font-size:11px}
.cj-preview-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.cj-preview-card{background:#fff;border-radius:12px}
.cj-preview-title{font-size:12px}
.cj-preview-availability{color:#b85314}
.shop-hero{border-radius:16px}
.shop-hero-copy h1{font-weight:900}
.preview-detail-media{box-shadow:0 3px 18px #1138600a}
.preview-buy-box{border-top:4px solid #ff641d}
.preview-buy-box .preview-cta{background:#ff641d}
.preview-detail-info h1{color:#092755}
.gsp-flow-header{border-top:6px solid #0b376d}
.gsp-flow-head a{color:#0b3e76}
.gsp-flow-panel{border-radius:14px;box-shadow:0 5px 20px #12355a12}
.gsp-flow-panel h2{font-weight:900}
.gsp-flow-primary{background:#ff641d;color:white}
.site-footer{background:#09294c;color:#e5f1ff}
.site-footer a,.site-footer h3{color:#f5f9ff}
.footer-official-brand{display:inline-flex;background:white;padding:5px 10px;border-radius:9px}
.footer-official-brand img{width:230px;height:auto}
.footer-bottom{background:#06213c;color:#bed4ed}
@media(max-width:1280px){
 .gs-product-grid,.cj-preview-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
 .topline-note{display:none}
 .gs-quick-departments{grid-template-columns:repeat(4,minmax(0,1fr))}
 .gs-quick-departments a:nth-child(4){border-right:0}
}
@media(max-width:950px){
 .head-row{grid-template-columns:minmax(160px,235px) minmax(150px,1fr);gap:12px}
 .header-actions{grid-column:1/-1;justify-content:flex-end}
 .gs-hero-slide{grid-template-columns:1fr 1fr}
 .gs-hero-copy{padding:29px 7px 65px 26px}
 .gs-hero-copy h2{font-size:clamp(34px,4.8vw,52px)}
 .gs-product-grid,.cj-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .gs-collections{gap:8px}.gs-collection{padding:16px;min-height:140px}
 .gs-collection-emoji{font-size:43px}
 .gs-experience-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 .shell{padding:0 13px}
 .topline{font-size:10px;padding:7px}
 .head-row{grid-template-columns:1fr auto;padding-top:11px;padding-bottom:12px}
 .head-row .brand{grid-column:1}
 .head-row .official-logo-img{max-width:196px}
 .searchbar{grid-column:1/-1;grid-row:2;min-height:43px}
 .searchbar input{font-size:12px}
 .searchbar button{min-width:79px;padding:0 14px}
 .header-actions{grid-column:2;grid-row:1;gap:8px;font-size:11px}
 .header-actions a:nth-child(2){display:none}
 .header-actions .mini-icon{font-size:19px}
 .gs-hero{margin-top:10px}
 .gs-hero-track,.gs-hero-slide{min-height:520px}
 .gs-hero-slide{grid-template-columns:1fr;grid-template-rows:auto 1fr}
 .gs-hero-copy{padding:26px 19px 0}
 .gs-hero-copy h2{font-size:clamp(33px,9.2vw,48px);line-height:1.03}
 .gs-hero-copy p{font-size:13px;max-width:370px}
 .gs-hero-action{padding:12px 23px;font-size:14px}
 .gs-hero-main-art{min-height:240px!important;max-height:275px;height:245px}
 .gs-hero-main-art img.gs-approved-lifestyle-photo{min-height:245px;object-position:center 24%;
   width:100%;height:245px!important;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 17%);
   mask-image:linear-gradient(180deg,transparent 0%,#000 17%)}
 .gs-hero-controls{bottom:8px;left:50%;transform:translateX(-50%)}
 .gs-quick-departments{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:9px 0}
 .gs-quick-departments a{flex:0 0 105px;padding:9px 5px;scroll-snap-align:start;font-size:10px}
 .gs-quick-departments a span{font-size:23px}
 .gs-collections{grid-template-columns:1fr;gap:9px;margin:12px 0}
 .gs-collection{min-height:122px;padding:15px 19px}
 .gs-collection h3{font-size:21px}
 .gs-collection-emoji{font-size:60px}
 .gs-product-grid,.cj-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .gs-product-copy{padding:9px}
 .gs-product-title{font-size:12px}
 .gs-experience-trust{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:10px}
 .gs-experience-trust>div{grid-template-columns:1fr;grid-template-rows:auto auto auto;padding:8px}
 .gs-experience-trust span{grid-row:auto}
 .gs-experience-trust strong{font-size:12px}
 .gs-experience-trust small{font-size:10px}
 .site-footer .footer-inner{gap:20px}
}
@media(prefers-reduced-motion:reduce){.gs-hero-main-art img{animation:none}}

/* Matched secondary storefront and prelaunch checkout surfaces */
.shop-hero{grid-template-columns:1.05fr .95fr;min-height:310px;padding:0;background:linear-gradient(112deg,#e5f5ff,#fff7f0);gap:0}
.shop-hero-copy{padding:36px clamp(25px,4vw,50px)}
.shop-hero h1{font-size:clamp(35px,3.7vw,61px);letter-spacing:-.055em}
.shop-hero-graphic.gs-shop-lifestyle{height:100%;min-height:310px;display:flex!important;overflow:hidden;filter:none}
.shop-hero-graphic.gs-shop-lifestyle img{display:block;width:100%;height:100%;min-height:310px;object-fit:cover;object-position:52% 20%;
 -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 16%);
 mask-image:linear-gradient(90deg,transparent 0%,#000 16%);border:0;box-shadow:none}
.gsp-flow-head{min-height:85px}
.gsp-flow-links{display:flex;gap:23px;align-items:center}
.gsp-flow-links a{font-size:13px;color:#0b427d}
.gsp-flow-links a:hover{color:#ff641d}
.preview-detail,.gsp-flow-cols{gap:clamp(12px,2vw,25px)}
.preview-detail-info h1{font-weight:900;letter-spacing:-.025em}
.preview-detail-sections>section,.preview-buy-box,.gsp-flow-panel{background:#fff}
.preview-buy-box{box-shadow:0 8px 25px #12436b10}
.gsp-flow-empty{background:linear-gradient(120deg,#f3faff,#fff9f3)}
.gsp-flow-alert{background:#fff8f3}
@media(max-width:760px){
 .shop-hero{grid-template-columns:1fr;min-height:0}
 .shop-hero-copy{padding:25px 22px 6px}
 .shop-hero-graphic.gs-shop-lifestyle{min-height:170px!important;height:180px;display:flex!important}
 .shop-hero-graphic.gs-shop-lifestyle img{min-height:180px;height:180px;
  object-position:50% 20%;
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 17%);
  mask-image:linear-gradient(180deg,transparent,#000 17%)}
 .gsp-flow-head{flex-wrap:wrap;gap:3px;padding-top:11px;padding-bottom:11px}
 .gsp-flow-links{gap:12px;flex-wrap:wrap}
 .gsp-flow-links a{font-size:12px}
}
