/* ============================================================
   GlowBayBD — Mobile Brands Page (premium, dedicated)
   Loaded on ALL devices but scoped to .gbp-brands-mobile so it
   only affects the mobile Brands presentation.
   Core styling is applied UNCONDITIONALLY to .gbp-brands-mobile
   (that subtree is display:none on desktop via desktop-home.css),
   so logo containment / link color / grid are never dependent on
   a media query matching.
   ============================================================ */

/* ---- display toggle (viewport-based) ---- */
.gbp-brands-mobile{display:none;}
.gbp-brands-desktop{display:block;}
@media (max-width:768px){
  .gbp-brands-desktop{display:none !important;}
  .gbp-brands-mobile{display:block !important;}
}
@media (min-width:769px){
  .gbp-brands-mobile{display:none !important;}
}

/* ---- kill inherited blue/underline link styling on brand cards ---- */
.gbp-brands-mobile a{text-decoration:none !important;color:inherit;}
.gbp-brands-mobile a:hover,.gbp-brands-mobile a:focus{text-decoration:none !important;}

/* ---- Hero ---- */
.gbp-m-hero{text-align:center;padding:22px 16px 14px;background:linear-gradient(180deg,#fff7f0 0%,#ffffff 100%);border-radius:0 0 22px 22px;margin-bottom:4px;}
.gbp-m-eyebrow{display:inline-block;font-family:"Inter",sans-serif;font-size:11px;font-weight:700;letter-spacing:1.5px;color:#FF6B00;background:#fff;border:1px solid #ffe2cc;padding:4px 12px;border-radius:999px;margin-bottom:10px;}
.gbp-m-hero h1{font-family:"Playfair Display",serif;font-size:27px;line-height:1.15;margin:0 0 10px;color:#1d1d1d;}
.gbp-m-hero p{color:#666;font-family:"Inter",sans-serif;font-size:14px;line-height:1.5;margin:0 auto 16px;max-width:340px;}
.gbp-m-search{position:relative;max-width:100%;}
.gbp-m-search i{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#bbb;font-size:15px;pointer-events:none;}
.gbp-m-search input{width:100%;padding:14px 16px 14px 44px;border:1.5px solid #f0e6dc;border-radius:14px;font-family:"Inter",sans-serif;font-size:15px;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none;box-sizing:border-box;}
.gbp-m-search input:focus{border-color:#FF6B00;box-shadow:0 0 0 4px rgba(255,107,0,.10);}

/* ---- Featured rail ---- */
.gbp-m-title{font-family:"Playfair Display",serif;font-size:19px;margin:20px 0 12px;padding-left:14px;border-left:3px solid #FF6B00;font-weight:600;color:#1d1d1d;text-align:left;}
.gbp-m-rail{display:flex;gap:12px;overflow-x:auto;padding:4px 16px 14px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.gbp-m-rail::-webkit-scrollbar{display:none;}
.gbp-m-feat{flex:0 0 auto;width:104px;display:flex;flex-direction:column;align-items:center;gap:8px;scroll-snap-align:start;text-decoration:none;min-height:44px;}
.gbp-m-ic{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:#faf8f6;border:1px solid #f0e6dc;border-radius:18px;padding:12px;overflow:hidden;box-sizing:border-box;}
.gbp-m-ic img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;display:block;}
.gbp-m-fallback{display:none;font-family:"Playfair Display",serif;font-size:30px;color:#FF6B00;font-weight:700;}
.gbp-m-ic.no-logo .gbp-m-fallback{display:block;}
.gbp-m-name{font-family:"Inter",sans-serif;font-size:12.5px;color:#222;text-align:center;line-height:1.3;}

/* ---- Alphabet chips ---- */
.gbp-m-alpha{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px;}
.gbp-m-alpha-link{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#fff;border:1px solid #f0e6dc;color:#555;font-size:12px;text-decoration:none !important;min-width:30px;min-height:30px;font-family:"Inter",sans-serif;transition:all .12s;box-sizing:border-box;}
.gbp-m-alpha-link:active,.gbp-m-alpha-link:hover{background:#FF6B00;color:#fff;border-color:#FF6B00;}

/* ---- All brands 2-column grid ---- */
.gbp-m-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:12px 14px 48px;box-sizing:border-box;}
.gbp-m-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:18px 10px;background:#fff;border:1px solid #f0e6dc;border-radius:18px;text-decoration:none !important;min-height:124px;box-shadow:0 4px 14px rgba(0,0,0,.04);transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;box-sizing:border-box;color:#222;}
.gbp-m-card:active{transform:scale(.98);box-shadow:0 2px 10px rgba(255,107,0,.12);border-color:#ffd9bd;}
.gbp-m-card .gbp-m-ic{width:64px;height:64px;background:#faf8f6;border-radius:15px;padding:9px;box-sizing:border-box;}
.gbp-m-count{font-family:"Inter",sans-serif;font-size:11px;color:#FF6B00;font-weight:600;}

/* ---- very small phones ---- */
@media (max-width:360px){
  .gbp-m-grid{gap:10px;padding:10px 12px 44px;}
  .gbp-m-card{min-height:114px;padding:16px 8px;}
  .gbp-m-card .gbp-m-ic{width:58px;height:58px;}
  .gbp-m-name{font-size:12px;}
  .gbp-m-feat{width:96px;}
  .gbp-m-ic{width:74px;height:74px;}
}