/* Shared storefront and account cookie notice. */
#cookieAlert.sg-cookie {
    position: fixed;
    z-index: 1057;
    inset: auto auto 22px 22px;
    width: min(420px, calc(100vw - 32px));
    max-width: none;
    margin: 0;
    padding: 24px;
    overflow: hidden;
    color: #f5f8ed;
    background: linear-gradient(145deg, #14200e 0%, #0a1107 72%) !important;
    border: 1px solid rgba(182, 255, 0, .3) !important;
    border-radius: 22px;
    box-shadow: 0 24px 70px rgba(0, 0, 0, .48), 0 0 0 1px rgba(182, 255, 0, .04) inset;
}

#cookieAlert.sg-cookie[hidden] { display: none !important; }

#cookieAlert.sg-cookie::before {
    content: '';
    position: absolute;
    top: -88px;
    right: -80px;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(182, 255, 0, .14), transparent 70%);
    pointer-events: none;
}

#cookieAlert .sg-cookie__top { position: relative; display: flex; align-items: center; gap: 14px; }
#cookieAlert .sg-cookie__icon { display: grid; place-items: center; flex: 0 0 46px; width: 46px; height: 46px; border: 1px solid rgba(182, 255, 0, .26); border-radius: 14px; background: rgba(182, 255, 0, .1); }
#cookieAlert .sg-cookie__icon i { margin: 0; color: #b6ff00; font-size: 21px; }
#cookieAlert .sg-cookie__eyebrow { display: block; margin-bottom: 3px; color: #b6ff00; font-size: 10px; font-weight: 800; letter-spacing: .16em; }
#cookieAlert .sg-cookie__heading h2 { margin: 0; color: #f5f8ed; font-size: 19px; font-weight: 750; line-height: 1.25; }
#cookieAlert .sg-cookie__description { position: relative; margin: 17px 0 21px; color: #abb9a3; font-size: 13px; line-height: 1.65; }
#cookieAlert .sg-cookie__description a { color: #c9ff58 !important; font-weight: 700; text-decoration: underline; text-decoration-color: rgba(201, 255, 88, .45); text-underline-offset: 3px; }
#cookieAlert .sg-cookie__actions { position: relative; display: flex; gap: 10px; }
#cookieAlert .sg-cookie__actions button { min-height: 44px; border-radius: 12px; font-size: 13px; font-weight: 750; cursor: pointer; transition: background .2s ease, transform .2s ease, border-color .2s ease; }
#cookieAlert .sg-cookie__actions button:hover { transform: translateY(-1px); }
#cookieAlert .sg-cookie__actions button:focus-visible,
#cookieAlert .sg-cookie__description a:focus-visible { outline: 2px solid #b6ff00; outline-offset: 3px; }
#cookieAlert .sg-cookie__accept { display: flex; align-items: center; justify-content: space-between; flex: 1 1 auto; padding: 0 15px; color: #111a07; background: #b6ff00; border: 1px solid #b6ff00; }
#cookieAlert .sg-cookie__accept:hover { background: #ceff4e; }
#cookieAlert .sg-cookie__later { flex: 0 0 auto; padding: 0 17px; color: #e7eedf; background: rgba(255, 255, 255, .04); border: 1px solid rgba(207, 232, 182, .2); }
#cookieAlert .sg-cookie__later:hover { border-color: rgba(182, 255, 0, .45); background: rgba(182, 255, 0, .08); }

.theme-lime_pearl #cookieAlert.sg-cookie { color: #1e2a19; background: linear-gradient(145deg, #fff, #f5faef) !important; border-color: #c9e3a4 !important; box-shadow: 0 24px 64px rgba(44, 76, 24, .17) !important; }
.theme-lime_pearl #cookieAlert .sg-cookie__icon { background: #ecf7dc; border-color: #d0e8ae; }
.theme-lime_pearl #cookieAlert .sg-cookie__icon i,
.theme-lime_pearl #cookieAlert .sg-cookie__eyebrow { color: #507b1b; }
.theme-lime_pearl #cookieAlert .sg-cookie__heading h2 { color: #1e2a19 !important; }
.theme-lime_pearl #cookieAlert .sg-cookie__description { color: #57674e !important; }
.theme-lime_pearl #cookieAlert .sg-cookie__description a { color: #446f17 !important; }
.theme-lime_pearl #cookieAlert .sg-cookie__accept { color: #172407; background: #b6eb58; border-color: #b6eb58; }
.theme-lime_pearl #cookieAlert .sg-cookie__later { color: #34472b; background: #fff; border-color: #cbdcba; }

@media (max-width: 480px) {
    #cookieAlert.sg-cookie { inset: auto 12px 12px; width: auto; padding: 18px; border-radius: 18px; }
    #cookieAlert .sg-cookie__heading h2 { font-size: 17px; }
    #cookieAlert .sg-cookie__description { margin: 14px 0 17px; font-size: 12px; }
}
