/* ==========================================================================
   PAWSBDWebsite — Pet Business Theme
   Keeps all commerce behavior intact while giving the storefront a warm,
   playful pet-care identity based on the uploaded teal/orange PAWS logo.
   ========================================================================== */
.pawsbd-theme {
    --pet-teal: #0d7187;
    --pet-teal-deep: #075a6c;
    --pet-teal-soft: #eaf7f8;
    --pet-orange: #f68b1f;
    --pet-orange-soft: #fff1dd;
    --pet-cream: #fffaf3;
    --pet-ink: #17333a;
    --pet-card-radius: 24px;
    color: var(--pet-ink);
    background-color: var(--pet-cream);
    background-image:
        radial-gradient(circle at 12% 8%, rgba(246,139,31,.075), transparent 24rem),
        radial-gradient(circle at 88% 20%, rgba(13,113,135,.07), transparent 28rem);
}

.pawsbd-theme::before {
    position: fixed;
    z-index: -1;
    inset: 0;
    content: "";
    pointer-events: none;
    opacity: .55;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='170' height='170' viewBox='0 0 170 170'%3E%3Cg fill='%230d7187' fill-opacity='.045' transform='rotate(-18 85 85)'%3E%3Cellipse cx='76' cy='88' rx='23' ry='19'/%3E%3Cellipse cx='54' cy='65' rx='8' ry='11'/%3E%3Cellipse cx='73' cy='55' rx='8' ry='11'/%3E%3Cellipse cx='94' cy='57' rx='8' ry='11'/%3E%3Cellipse cx='108' cy='73' rx='8' ry='11'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: repeat;
}

.pawsbd-theme .site-header {
    background: rgba(255,255,255,.94);
    box-shadow: 0 8px 32px rgba(7,90,108,.08), 0 1px 0 rgba(13,113,135,.08);
}
.pawsbd-theme .utility-bar {
    background: linear-gradient(90deg, var(--pet-teal-deep), var(--pet-teal));
}
.pawsbd-theme .utility-inner { min-height: 36px; }
.pawsbd-theme .main-header { min-height: 92px; }
.pawsbd-theme .brand { gap: 13px; color: var(--pet-teal-deep); letter-spacing: -.02em; }
.pawsbd-theme .brand img {
    max-width: 142px;
    width: auto;
    height: 64px;
    padding: 4px 8px;
    border-radius: 16px;
    object-fit: contain;
}
.pawsbd-theme .brand span { font-size: 24px; font-weight: 900; }
.pawsbd-theme .header-search {
    height: 52px;
    border: 1px solid rgba(13,113,135,.17);
    background: #f8fcfc;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.75);
}
.pawsbd-theme .header-search:focus-within {
    border-color: var(--pet-teal);
    box-shadow: 0 0 0 4px rgba(13,113,135,.10);
}
.pawsbd-theme .header-search button,
.pawsbd-theme .header-search-button {
    background: linear-gradient(135deg, var(--pet-teal), var(--pet-teal-deep));
}
.pawsbd-theme .nav-icon { color: var(--pet-teal); }
.pawsbd-theme .nav-icon-cart { font-size: 22px; }
.pawsbd-theme .cart-count { background: var(--pet-orange); }
.pawsbd-theme .category-nav { background: rgba(255,250,243,.72); border-color: rgba(13,113,135,.10); }
.pawsbd-theme .nav-scroll a { color: #28515a; }
.pawsbd-theme .nav-scroll a:hover { color: var(--pet-orange); }

.pawsbd-theme .hero-section { padding-top: 34px; }
.pawsbd-theme .hero-panel {
    position: relative;
    overflow: hidden;
    min-height: 520px;
    border: 1px solid rgba(13,113,135,.10);
    border-radius: 34px;
    background:
        radial-gradient(circle at 84% 22%, rgba(246,139,31,.96) 0 7%, transparent 7.2%),
        radial-gradient(circle at 76% 40%, rgba(255,255,255,.17) 0 15%, transparent 15.3%),
        linear-gradient(120deg, var(--pet-teal-deep), var(--pet-teal) 56%, #3ba0aa);
    box-shadow: 0 26px 70px rgba(7,90,108,.18);
}
.pawsbd-theme .hero-panel::before,
.pawsbd-theme .hero-panel::after {
    position: absolute;
    content: "";
    border-radius: 50%;
    pointer-events: none;
}
.pawsbd-theme .hero-panel::before {
    right: -70px;
    bottom: -110px;
    width: 330px;
    height: 330px;
    border: 62px solid rgba(255,255,255,.07);
}
.pawsbd-theme .hero-panel::after {
    right: 24%;
    top: 12%;
    width: 86px;
    height: 86px;
    background: rgba(255,255,255,.075);
    box-shadow: 58px -26px 0 -20px rgba(255,255,255,.075), 95px 13px 0 -18px rgba(255,255,255,.075), 73px 58px 0 -17px rgba(255,255,255,.075);
}
.pawsbd-theme .hero-panel h1 { max-width: 700px; }
.pawsbd-theme .hero-panel p { color: rgba(255,255,255,.86); }
.pawsbd-theme .hero-panel .eyebrow {
    color: #fff;
    padding: 7px 12px;
    border-radius: 999px;
    background: rgba(255,255,255,.12);
}
.pawsbd-theme .hero-stat-grid { position: relative; z-index: 1; }
.pawsbd-theme .hero-stat-grid div {
    border-color: rgba(255,255,255,.18);
    border-radius: 22px;
    background: rgba(255,255,255,.105);
    backdrop-filter: blur(6px);
}
.pawsbd-theme .hero-banner-image,
.pawsbd-theme .hero-slider { border-radius: 32px; }
.pawsbd-theme .hero-banner-image { box-shadow: 0 24px 65px rgba(7,90,108,.16); }

.pawsbd-theme .pet-promise-strip { padding: 22px 0 18px; }
.pawsbd-theme .pet-promise-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}
.pawsbd-theme .pet-promise-grid > div {
    display: grid;
    grid-template-columns: 48px 1fr;
    grid-template-rows: auto auto;
    column-gap: 12px;
    align-items: center;
    min-width: 0;
    padding: 16px 18px;
    border: 1px solid rgba(13,113,135,.10);
    border-radius: 20px;
    background: rgba(255,255,255,.88);
    box-shadow: 0 10px 28px rgba(7,90,108,.055);
}
.pawsbd-theme .pet-promise-icon {
    display: grid;
    grid-row: 1 / 3;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 16px;
    background: var(--pet-orange-soft);
    font-size: 25px;
}
.pawsbd-theme .pet-promise-grid strong { color: var(--pet-teal-deep); }
.pawsbd-theme .pet-promise-grid small { color: #6a7d81; line-height: 1.35; }

.pawsbd-theme .section { position: relative; padding: 68px 0; }
.pawsbd-theme .section-soft {
    background: rgba(234,247,248,.68);
    border-block: 1px solid rgba(13,113,135,.06);
}
.pawsbd-theme .section-heading h2 { color: var(--pet-ink); }
.pawsbd-theme .section-heading > a { color: var(--pet-teal); }
.pawsbd-theme .eyebrow { color: var(--pet-orange); }

.pawsbd-theme .category-card,
.pawsbd-theme .product-card,
.pawsbd-theme .filter-card,
.pawsbd-theme .form-card,
.pawsbd-theme .content-card,
.pawsbd-theme .order-summary,
.pawsbd-theme .checkout-summary {
    border-color: rgba(13,113,135,.11);
    border-radius: var(--pet-card-radius);
    box-shadow: 0 10px 30px rgba(7,90,108,.055);
}
.pawsbd-theme .category-card {
    background: linear-gradient(180deg, #fff, #fffdf9);
}
.pawsbd-theme .category-card:hover,
.pawsbd-theme .product-card:hover {
    border-color: rgba(246,139,31,.38);
    box-shadow: 0 18px 42px rgba(7,90,108,.12);
}
.pawsbd-theme .category-card img,
.pawsbd-theme .product-image-wrap,
.pawsbd-theme .main-product-image,
.pawsbd-theme .cart-item img,
.pawsbd-theme .checkout-item img {
    background: linear-gradient(145deg, #fff7eb, #eef9fa);
}
.pawsbd-theme .product-card { overflow: hidden; background: rgba(255,255,255,.96); }
.pawsbd-theme .product-content { padding: 18px; }
.pawsbd-theme .product-title { color: #21454d; }
.pawsbd-theme .product-price strong,
.pawsbd-theme .details-price strong { color: var(--pet-orange); }
.pawsbd-theme .product-badge { background: var(--pet-orange); }
.pawsbd-theme .badge-new { background: var(--pet-teal); }
.pawsbd-theme .btn-primary {
    background: linear-gradient(135deg, var(--pet-orange), #ff9d2f);
    box-shadow: 0 8px 18px rgba(246,139,31,.20);
}
.pawsbd-theme .btn-primary:hover { background: linear-gradient(135deg, #e9790d, var(--pet-orange)); }
.pawsbd-theme .btn-secondary { background: linear-gradient(135deg, var(--pet-teal), var(--pet-teal-deep)); }
.pawsbd-theme .btn-ghost { border-color: rgba(13,113,135,.15); color: var(--pet-teal-deep); }
.pawsbd-theme .icon-btn { color: var(--pet-teal); border-color: rgba(13,113,135,.15); }
.pawsbd-theme .icon-btn:hover { color: var(--pet-orange); border-color: rgba(246,139,31,.35); background: #fffaf4; }

.pawsbd-theme .campaign-card {
    border-radius: 28px;
    background-color: var(--pet-teal-deep);
    box-shadow: 0 18px 46px rgba(7,90,108,.15);
}
.pawsbd-theme .campaign-card > span { background: var(--pet-orange); }
.pawsbd-theme .campaign-card time { color: #ffe0b5; }
.pawsbd-theme .brand-card,
.pawsbd-theme .brand-cloud span,
.pawsbd-theme .brand-list span {
    border-color: rgba(13,113,135,.11);
    background: rgba(255,255,255,.92);
}

.pawsbd-theme .page-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 16%, rgba(246,139,31,.75), transparent 15rem),
        linear-gradient(125deg, var(--pet-teal-deep), var(--pet-teal));
}
.pawsbd-theme .page-hero::after {
    position: absolute;
    right: 7%;
    bottom: -45px;
    width: 150px;
    height: 150px;
    content: "🐾";
    color: rgba(255,255,255,.10);
    font-size: 120px;
    transform: rotate(-18deg);
}
.pawsbd-theme .page-hero p { color: rgba(255,255,255,.82); }
.pawsbd-theme .stock-pill.in { color: #0f685a; background: #dff7ef; }

.pawsbd-theme .site-footer {
    position: relative;
    overflow: hidden;
    color: #e7f7f8;
    background: linear-gradient(135deg, #063f4b, var(--pet-teal-deep));
}
.pawsbd-theme .site-footer::after {
    position: absolute;
    right: -30px;
    bottom: -35px;
    content: "🐾";
    color: rgba(255,255,255,.045);
    font-size: 230px;
    transform: rotate(-16deg);
}
.pawsbd-theme .footer-brand img {
    max-width: 170px;
    max-height: 82px;
    padding: 8px 12px;
    border-radius: 18px;
    background: rgba(255,255,255,.96);
}
.pawsbd-theme .site-footer a:hover { color: #ffbb6f; }

@media (max-width: 980px) {
    .pawsbd-theme .pet-promise-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pawsbd-theme .brand img { max-width: 120px; height: 58px; }
}
@media (max-width: 700px) {
    .pawsbd-theme .main-header { min-height: auto; }
    .pawsbd-theme .brand img { max-width: 108px; height: 52px; padding-inline: 2px; }
    .pawsbd-theme .brand span { font-size: 19px; }
    .pawsbd-theme .hero-panel { min-height: auto; border-radius: 24px; padding: 34px 24px; }
    .pawsbd-theme .pet-promise-grid { grid-template-columns: 1fr; gap: 10px; }
    .pawsbd-theme .pet-promise-grid > div { padding: 13px 15px; }
    .pawsbd-theme .section { padding: 52px 0; }
    .pawsbd-theme .category-card,
    .pawsbd-theme .product-card { border-radius: 18px; }
}


/* Pet-store atmosphere: site-specific only, never affects ABMini. */
.pawsbd-theme #page-content {
    position: relative;
    isolation: isolate;
    min-height: 58vh;
    background:
        radial-gradient(circle at 6% 18%, rgba(246,139,31,.055), transparent 18rem),
        radial-gradient(circle at 96% 44%, rgba(13,113,135,.05), transparent 22rem);
}
.pawsbd-theme #page-content::before {
    position: absolute;
    z-index: -1;
    inset: 0;
    content: "";
    pointer-events: none;
    opacity: .5;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='220' viewBox='0 0 260 220'%3E%3Cg fill='none' stroke='%230d7187' stroke-opacity='.035' stroke-width='4'%3E%3Cpath d='M39 37c7-9 18-9 25 0 7 9 2 22-12 23S31 46 39 37Z'/%3E%3Cpath d='M28 23c4-6 12-5 15 1 3 6-1 13-8 13s-11-8-7-14Zm23-7c4-6 12-5 15 1 3 6-1 13-8 13s-11-8-7-14Zm22 9c4-6 12-5 15 1 3 6-1 13-8 13s-11-8-7-14Z'/%3E%3Cpath d='M187 144c10-12 25-12 35 0 10 13 2 29-17 31-18 1-29-18-18-31Z'/%3E%3Cpath d='M173 124c5-8 16-7 20 1 4 8-1 18-11 18s-15-11-9-19Zm31-10c5-8 16-7 20 1 4 8-1 18-11 18s-15-11-9-19Zm29 13c5-8 16-7 20 1 4 8-1 18-11 18s-15-11-9-19Z'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: repeat;
}
.pawsbd-theme .section-heading h2::before {
    display: inline-block;
    margin-right: 9px;
    content: "🐾";
    color: var(--pet-orange);
    font-size: .72em;
    transform: translateY(-1px);
}
.pawsbd-theme .filter-card,
.pawsbd-theme .form-card,
.pawsbd-theme .content-card,
.pawsbd-theme .order-summary,
.pawsbd-theme .checkout-summary {
    background: rgba(255,255,255,.95);
    backdrop-filter: blur(3px);
}
.pawsbd-theme input,
.pawsbd-theme select,
.pawsbd-theme textarea {
    border-color: rgba(13,113,135,.16);
}
.pawsbd-theme input:focus,
.pawsbd-theme select:focus,
.pawsbd-theme textarea:focus {
    border-color: var(--pet-teal);
    box-shadow: 0 0 0 3px rgba(13,113,135,.09);
}
.pawsbd-theme .brand-card {
    min-height: 112px;
    border-radius: 22px;
    box-shadow: 0 8px 24px rgba(7,90,108,.05);
}
.pawsbd-theme .brand-card:hover {
    border-color: rgba(246,139,31,.38);
    box-shadow: 0 16px 34px rgba(7,90,108,.11);
}
.pawsbd-theme .brand-card img {
    max-height: 58px;
    object-fit: contain;
}
.pawsbd-theme .breadcrumb,
.pawsbd-theme .account-nav,
.pawsbd-theme .cart-sidebar {
    border-color: rgba(13,113,135,.10);
}