/* Global CLICKANDBUY visual system — shared by every storefront page. */
:root{
  --cb-pink:#d88ca4;
  --cb-pink-dark:#c95479;
  --cb-pink-soft:#f8e6ec;
  --cb-blush:#fff7f9;
  --cb-cream:#fffaf8;
  --cb-border:#ead9df;
  --cb-text:#2d282a;
  --cb-muted:#806e75;
  --cb-shadow:0 12px 34px rgba(78,48,58,.08);
}
html{scroll-behavior:smooth}
body{background:#fff;color:var(--cb-text);font-family:var(--site-body-font,Manrope,sans-serif)}
body main{min-height:40vh}
/* Make the approved palette authoritative on all pages, while preserving the logo and data. */
.reference-announcement{background:var(--cb-pink)!important;color:#fff!important}
.reference-shop-header{background:#fff!important;border-color:var(--cb-border)!important;box-shadow:0 3px 18px rgba(62,35,44,.035)}
.shop-header-search{border-color:var(--cb-border)!important;background:#fff!important}
.shop-header-search:focus-within{border-color:var(--cb-pink)!important;box-shadow:0 0 0 3px rgba(216,140,164,.14)}
.shop-header-search button{background:#f3bfd0!important}
.shop-header-search button:hover{background:var(--cb-pink)!important;color:#fff!important}
.shop-head-actions>a{border-color:var(--cb-border)!important;background:#fff!important}
.shop-head-actions>a:hover{border-color:var(--cb-pink)!important;color:var(--cb-pink-dark)!important}
.shop-head-actions .action-badge{background:var(--cb-pink-dark)!important}
.shop-category-nav{border-color:#f3e8ec!important;background:#fff!important}
.shop-nav-scroll a:hover,.shop-nav-scroll a.active,.shop-nav-scroll a.sale-nav{color:var(--cb-pink-dark)!important}
.reference-shop-footer{background:var(--cb-cream)!important;color:var(--cb-muted)!important;border-color:var(--cb-border)!important}
.footer-accent-band{background:var(--cb-pink-soft)!important}
.footer-link-column h3,.footer-newsletter-column h3,.footer-brand-logo{color:var(--cb-text)!important}
.footer-social-icons a{border-color:var(--cb-border)!important}
.footer-social-icons a:hover{background:var(--cb-pink)!important;border-color:var(--cb-pink)!important;color:#fff!important}
.footer-link-column a:hover{color:var(--cb-pink-dark)!important}
.footer-bottom-row{border-color:var(--cb-border)!important}
/* Shared page surfaces */
.shop-page,.legal-page,.account-page,.contact-page{padding-top:clamp(34px,5vw,70px);padding-bottom:clamp(48px,7vw,90px)}
button,.btn,a.button,input[type=submit]{transition:transform .22s ease,box-shadow .22s ease,background-color .22s ease,border-color .22s ease,color .22s ease}
.btn-primary,.button-primary{background:var(--cb-pink-dark)!important;border-color:var(--cb-pink-dark)!important;color:#fff!important}
.btn-primary:hover,.button-primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(201,84,121,.2)}
/* Responsive global header/footer behavior */
@media(max-width:991px){
  .reference-shop-header{position:sticky;top:0;z-index:1000}
  .shop-header-main{width:100%}
  .mobile-header-search-wrap{background:#fff}
  .footer-main-grid{align-items:start}
}
@media(max-width:575px){
  .reference-announcement .announcement-item span{font-size:10px;letter-spacing:.01em}
  .shop-brand-logo img{max-width:122px;height:auto}
  .shop-head-actions>a{flex:0 0 36px}
  .footer-link-column h3,.footer-newsletter-column h3{font-size:20px}
}

/* Final approved desktop header: prominent left logo, centered search, right actions. */
@media (min-width: 992px){
  .reference-shop-header .shop-header-main{
    width:100%!important;
    max-width:1600px!important;
    margin:0 auto!important;
    min-height:104px!important;
    padding:14px clamp(28px,4.5vw,76px)!important;
    display:grid!important;
    grid-template-columns:minmax(220px,300px) minmax(460px,760px) minmax(170px,220px)!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(28px,4vw,68px)!important;
  }
  .reference-shop-header .shop-brand-logo{
    justify-self:start!important;
    width:100%!important;
    min-width:0!important;
  }
  .reference-shop-header .shop-brand-logo img{
    width:clamp(205px,15vw,280px)!important;
    max-width:100%!important;
    height:76px!important;
    max-height:76px!important;
    object-fit:contain!important;
    object-position:left center!important;
    display:block!important;
  }
  .reference-shop-header .shop-header-search{
    justify-self:center!important;
    width:100%!important;
    max-width:760px!important;
    height:54px!important;
    border:2px solid var(--cb-pink)!important;
    border-radius:999px!important;
    box-shadow:0 8px 24px rgba(216,140,164,.10)!important;
  }
  .reference-shop-header .shop-header-search input{
    padding:0 22px!important;
    font-size:15px!important;
  }
  .reference-shop-header .shop-header-search button{
    width:62px!important;
    min-width:62px!important;
    background:var(--cb-pink)!important;
    color:#fff!important;
    font-size:18px!important;
  }
  .reference-shop-header .shop-head-actions{
    justify-self:end!important;
    display:flex!important;
    gap:14px!important;
  }
  .reference-shop-header .shop-head-actions>a{
    width:48px!important;
    height:48px!important;
    font-size:18px!important;
    box-shadow:0 7px 20px rgba(68,40,50,.07)!important;
  }
  .reference-shop-header .shop-category-nav{
    border-top:1px solid #f1e3e8!important;
    border-bottom:1px solid #f1e3e8!important;
  }
  .reference-shop-header .shop-nav-scroll{
    min-height:52px!important;
    gap:clamp(20px,2.2vw,38px)!important;
  }
}
@media (min-width: 992px) and (max-width: 1199px){
  .reference-shop-header .shop-header-main{
    grid-template-columns:minmax(185px,230px) minmax(360px,1fr) minmax(155px,180px)!important;
    gap:24px!important;
    padding-left:28px!important;
    padding-right:28px!important;
  }
  .reference-shop-header .shop-brand-logo img{width:210px!important;height:68px!important}
  .reference-shop-header .shop-head-actions{gap:9px!important}
  .reference-shop-header .shop-head-actions>a{width:44px!important;height:44px!important}
}