/* site palette */
html:root {
    --bg: #FFFFFF;
    --surface: #F5F7F7;
    --surface-alt: #D7F3F2;
    --text: #132625;
    --text-muted: #556D6C;
    --border: #D8E4E3;
    --primary: #16B7AE;
    --primary-hover: #129790;
    --on-primary: #111111;
    --primary-text: #0E7771;
    --accent: #F4D4BA;
    --on-accent: #111111;
    --accent-text: #A85A1B;
    --dark-band: #0E3735;
    --on-dark: #FFFFFF;
    --on-dark-muted: #B6C3C3;
    --brand-btn-bg: #111111;
    --brand-btn-text: #16B7AE;
    --section-alt-bg: linear-gradient(199deg, #D7F3F2 0%, #EFFAFA 100%);
    --dark-band-bg: linear-gradient(156deg, #0E3735 0%, #125450 100%);
    --brand-band-bg: #16B7AE;
    --hero-bg: linear-gradient(156deg, #0E3735 0%, #125450 100%);
}

/* /site palette */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-family: 'Raleway', sans-serif;
    background-color: var(--bg);
    color: var(--text);
    line-height: 1.6;
    overflow-x: hidden;
}

.text-muted {
    color: var(--text-muted) !important;
}

.dqn-section {
    padding: 4rem 1rem;
    background: var(--bg);
}

.dqn-section-alt {
    padding: 4rem 1rem;
    background: var(--section-alt-bg, var(--surface-alt));
}

.dqn-section-dark {
    padding: 4rem 1rem;
    background: var(--dark-band-bg, var(--dark-band));
    color: var(--on-dark);
}

.dqn-section-brand {
    padding: 4rem 1rem;
    background: var(--brand-band-bg, var(--primary));
    color: var(--on-primary);
}

@media (min-width: 768px) {

    .dqn-section,
    .dqn-section-alt,
    .dqn-section-dark,
    .dqn-section-brand {
        padding: 6rem 2rem;
    }
}

.dqn-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background-color: var(--primary);
    color: var(--on-primary);
    border-radius: 9999px;
    padding: 0.75rem 2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border: none;
    cursor: pointer;
    transition: background-color 0.25s ease, color 0.25s ease, transform 0.2s ease;
    text-decoration: none;
}

.dqn-btn:hover {
    background-color: var(--primary-hover);
    color: var(--on-primary);
}

.dqn-btn-alt {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background-color: transparent;
    color: var(--primary-text);
    border-radius: 9999px;
    padding: 0.75rem 2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border: 1.5px solid var(--primary);
    cursor: pointer;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
    text-decoration: none;
}

.dqn-btn-alt:hover {
    background-color: var(--primary);
    color: var(--on-primary);
}

.dqn-section-brand .dqn-btn {
    background-color: var(--brand-btn-bg);
    color: var(--brand-btn-text);
}

.dqn-section-brand .dqn-btn:hover {
    background-color: #000000;
    color: #FFFFFF;
}

.dqn-section-brand .dqn-btn-alt {
    border-color: var(--on-primary);
    color: var(--on-primary);
}

.dqn-section-brand .dqn-btn-alt:hover {
    background-color: var(--on-primary);
    color: var(--brand-btn-bg);
}

.dqn-card {
    background-color: var(--surface);
    color: var(--text);
    border: 1px solid var(--border);
    border-radius: 0;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    position: relative;
    transition: transform 0.35s ease-out;
}

@media (min-width: 768px) {
    .dqn-card {
        padding: 1.5rem;
    }
}

.dqn-card .dqn-btn,
.dqn-card .dqn-btn-alt {
    margin-top: auto;
}

.dqn-media {
    width: 100%;
    aspect-ratio: 1 / 1;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 0;
    border: 1px solid var(--border);
    position: relative;
}

.dqn-media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dqn-eyebrow {
    display: inline-block;
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    color: var(--primary-text);
    margin-bottom: 0.5rem;
}

.dqn-title {
    font-size: clamp(1.75rem, 3.5vw, 2.75rem);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--text);
    position: relative;
}

.dqn-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    background-color: var(--accent);
    color: var(--on-accent);
}

.dqn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 9999px;
    background-color: var(--primary);
    color: var(--on-primary);
    font-size: 1.25rem;
    flex-shrink: 0;
}

.dqn-section-dark,
.dqn-on-dark {
    color: var(--on-dark);
}

.dqn-section-dark h1,
.dqn-section-dark h2,
.dqn-section-dark h3,
.dqn-section-dark h4,
.dqn-section-dark .dqn-title,
.dqn-on-dark h1,
.dqn-on-dark h2,
.dqn-on-dark h3,
.dqn-on-dark h4,
.dqn-on-dark .dqn-title {
    color: var(--on-dark);
}

.dqn-section-dark .dqn-eyebrow,
.dqn-on-dark .dqn-eyebrow {
    color: var(--primary);
}

.dqn-section-dark p,
.dqn-on-dark p {
    color: var(--on-dark-muted);
}

.dqn-section-dark .text-muted,
.dqn-on-dark .text-muted {
    color: var(--on-dark-muted) !important;
}

.dqn-section-dark .dqn-btn-alt,
.dqn-on-dark .dqn-btn-alt {
    color: var(--on-dark);
    border-color: var(--on-dark);
}

.dqn-section-dark .dqn-btn-alt:hover,
.dqn-on-dark .dqn-btn-alt:hover {
    background-color: var(--primary);
    border-color: var(--primary);
    color: var(--on-primary);
}

.dqn-section-dark .dqn-card,
.dqn-on-dark .dqn-card {
    background-color: var(--surface);
    color: var(--text);
    border-color: var(--border);
}

.dqn-section-dark .dqn-card h3,
.dqn-section-dark .dqn-card h4,
.dqn-section-dark .dqn-card p,
.dqn-on-dark .dqn-card h3,
.dqn-on-dark .dqn-card h4,
.dqn-on-dark .dqn-card p {
    color: var(--text);
}

.dqn-section-dark .dqn-card .text-muted,
.dqn-on-dark .dqn-card .text-muted {
    color: var(--text-muted) !important;
}

/* ===== header ===== */
.sb-header {
    font-family: 'Raleway', sans-serif;
}

.sb-header .sb-dropdown-menu {
    display: none;
}

.sb-header .sb-dropdown-wrapper.sb-active .sb-dropdown-menu {
    display: block;
}

.sb-header .sb-dropdown-wrapper.sb-active .bx-chevron-down {
    transform: rotate(180deg);
}

.sb-header .sb-mobile-dropdown.sb-active .sb-mobile-sub-menu {
    display: block;
}

.sb-header .sb-mobile-dropdown.sb-active .bx-chevron-down {
    transform: rotate(180deg);
}

/* ===== hero ===== */
.select-bark-hero {
    min-height: calc(100vh - 80px);
    display: flex;
    align-items: center;
}

.select-bark-hero-media {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

@media (min-width: 1024px) {
    .select-bark-hero-media {
        clip-path: polygon(12% 0, 100% 0, 100% 100%, 0% 100%);
    }
}

.select-bark-hero h1 {
    overflow-wrap: anywhere;
    hyphens: auto;
}

/* ===== trending_now ===== */
.trending-now-section {
    position: relative;
    width: 100%;
}

.trending-now-section .trending-now-card {
    min-width: 0;
}

.trending-now-section .trending-now-img-wrap {
    aspect-ratio: 1 / 1;
}

.trending-now-section .trending-now-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 767px) {
    .trending-now-section .trending-now-grid {
        grid-template-columns: 1fr;
    }
}

/* ===== deadline_promotions ===== */
.deadline-promo-block {
    position: relative;
    overflow-x: hidden;
}

.deadline-promo-block .echo-ghost {
    left: 50%;
    top: 50%;
    transform: translate(-52%, -56%);
    letter-spacing: 0.1em;
}

.deadline-promo-block .countdown-panel {
    backdrop-filter: blur(4px);
}

.deadline-promo-block .timer-box {
    background: rgba(14, 55, 53, 0.45);
}

.deadline-promo-block .promo-card img {
    object-position: center;
}

@media (max-width: 767px) {
    .deadline-promo-block h2 {
        font-size: 16px;
    }

    .deadline-promo-block h3 {
        font-size: 14px;
    }
}

/* ===== product_comparison ===== */
.sb-comparison .sb-compare-card {
    transition: box-shadow .25s ease, border-color .25s ease
}

.sb-comparison .sb-compare-card:hover {
    border-color: #16B7AE
}

.sb-comparison .js-spec-filter.active {
    background-color: #16B7AE;
    color: #111111;
    border-color: #16B7AE
}

@media(max-width:767px) {
    .sb-comparison .sb-spec-table-container .js-spec-row {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: .25rem
    }
}

/* ===== how_to_choose ===== */
.dqn-how-to-choose {
    background-color: var(--primary);
}

.dqn-how-to-choose .dqn-how-header {
    position: relative;
}

.dqn-how-to-choose .dqn-how-echo {
    user-select: none;
}

.dqn-how-to-choose .dqn-how-tab {
    background-color: rgba(17, 17, 17, 0.12);
    color: #111111;
    border: 1.5px solid transparent;
}

.dqn-how-to-choose .dqn-how-tab:hover {
    background-color: rgba(17, 17, 17, 0.22);
}

.dqn-how-to-choose .dqn-how-tab.active {
    background-color: #111111;
    color: #16B7AE;
    border-color: #111111;
}

.dqn-how-to-choose .dqn-card {
    border-radius: 0;
    box-shadow: none;
}

@media (max-width: 767px) {
    .dqn-how-to-choose .dqn-guide-panel .grid {
        grid-template-columns: 1fr;
    }
}

/* ===== product_questions ===== */
.sb-faq-block .sb-faq-trigger {
    outline: none;
    border: none;
    background: transparent;
    cursor: pointer;
}

.sb-faq-block .sb-faq-trigger:focus-visible {
    outline: 2px solid var(--primary, #16B7AE);
    outline-offset: 2px;
    border-radius: 4px;
}

.sb-faq-block .sb-faq-icon-badge {
    transition: transform 0.3s ease, background-color 0.2s ease;
}

.sb-faq-block .sb-faq-item.is-active .sb-faq-icon-badge {
    transform: rotate(180deg);
    background-color: var(--primary-hover, #129790);
}

.sb-faq-block .sb-faq-body {
    transition: max-height 0.35s ease, opacity 0.3s ease;
}

.sb-faq-block .sb-faq-body:not(.hidden) {
    display: block;
    animation: sbFaqFadeIn 0.3s ease-out forwards;
}

@keyframes sbFaqFadeIn {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 767px) {
    .sb-faq-block .grid {
        grid-template-columns: 1fr;
    }
}

/* ===== footer ===== */
.site-footer {
    background: linear-gradient(156deg, #0E3735 0%, #125450 100%);
    font-family: 'Raleway', sans-serif;
}

.site-footer__logo {
    max-width: 44px;
    max-height: 44px;
}

.site-footer__link {
    word-break: break-word;
}

.site-footer__pay-pill {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

@media (max-width: 767px) {
    .site-footer__grid {
        grid-template-columns: 1fr;
    }

    .site-footer__bottom .flex {
        flex-direction: column;
        text-align: center;
    }
}

/* ===== PAGE: privacy ===== */
.policy-content{background-color:#FFFFFF;color:#132625;padding:2.5rem 1rem;font-family:'Raleway',sans-serif;width:100%;overflow-wrap:anywhere}.policy-content__wrapper{max-width:56rem;margin-left:auto;margin-right:auto}.policy-content__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.75rem;padding-bottom:1.25rem;margin-bottom:2rem;border-bottom:1px solid #D8E4E3}.policy-content__badge{display:inline-flex;align-items:center;gap:0.375rem;padding:0.35rem 0.85rem;border-radius:9999px;background-color:#16B7AE;color:#111111;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em}.policy-content__badge i{font-size:0.95rem;line-height:1}.policy-content__date{font-size:0.875rem;color:#556D6C;font-weight:600;margin:0}.policy-content__heading{font-family:'Raleway',sans-serif;text-transform:uppercase;letter-spacing:0.04em;font-weight:700;color:#132625;margin-top:2.25rem;margin-bottom:0.875rem;padding-bottom:0.35rem;border-bottom:2px solid #16B7AE;font-size:1rem;line-height:1.3}@media(min-width:768px){.policy-content{padding:4.5rem 1.5rem}.policy-content__heading{font-size:1.375rem;margin-top:2.75rem}}.policy-content__paragraph{color:#556D6C;font-size:0.9375rem;line-height:1.7;margin-top:0;margin-bottom:1.15rem}@media(min-width:768px){.policy-content__paragraph{font-size:1rem}}.policy-content__list{list-style:disc;padding-left:1.5rem;margin-top:0.5rem;margin-bottom:1.5rem;color:#556D6C}.policy-content__list li{margin-bottom:0.625rem;line-height:1.6;font-size:0.9375rem}@media(min-width:768px){.policy-content__list li{font-size:1rem}}.policy-content__list li strong{color:#132625;font-weight:700}.policy-content__link{color:#0E7771;text-decoration:none;font-weight:600;transition:color 0.2s ease}.policy-content__link:hover{color:#16B7AE;text-decoration:underline}

/* ===== PAGE: terms ===== */
.policy-content { width: 100%; max-width: 860px; margin: 0 auto; padding: 2.5rem 1.25rem; font-family: 'Raleway', sans-serif; color: #132625; box-sizing: border-box; } .policy-content .policy-card { background: #FFFFFF; border: 1px solid #D8E4E3; padding: 2rem 1.5rem; position: relative; overflow-wrap: anywhere; box-sizing: border-box; } @media (min-width: 768px) { .policy-content { padding: 4rem 1.5rem; } .policy-content .policy-card { padding: 3.5rem 3rem; } } .policy-content .policy-meta { font-size: 0.8125rem; text-transform: uppercase; letter-spacing: 0.08em; font-weight: 600; color: #556D6C; margin-bottom: 1.5rem; } .policy-content .policy-header-group { position: relative; margin-bottom: 2rem; } .policy-content .policy-echo { position: absolute; top: -0.85rem; left: -0.25rem; font-size: 2.75rem; font-weight: 900; text-transform: uppercase; letter-spacing: 0.08em; color: rgba(19, 38, 37, 0.05); user-select: none; pointer-events: none; line-height: 1; z-index: 0; } @media (min-width: 768px) { .policy-content .policy-echo { font-size: 4.5rem; top: -1.25rem; } } .policy-content .policy-title { position: relative; z-index: 1; font-size: 1rem; line-height: 1.3; font-weight: 800; text-transform: uppercase; letter-spacing: 0.04em; color: #132625; margin: 0 0 0.75rem 0; } @media (min-width: 768px) { .policy-content .policy-title { font-size: 1.5rem; } } .policy-content .policy-rule { width: 48px; height: 2px; background-color: #16B7AE; margin-bottom: 1.5rem; } .policy-content .policy-subheading { font-size: 0.875rem; line-height: 1.35; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: #0E7771; margin: 2rem 0 0.75rem 0; border-bottom: 1px solid #D8E4E3; padding-bottom: 0.35rem; } @media (min-width: 768px) { .policy-content .policy-subheading { font-size: 1.125rem; } } .policy-content .policy-paragraph { font-size: 0.9375rem; line-height: 1.7; color: #556D6C; margin: 0 0 1rem 0; } .policy-content .policy-list { list-style: disc; padding-left: 1.25rem; margin: 0 0 1.25rem 0; } .policy-content .policy-list li { font-size: 0.9375rem; line-height: 1.6; color: #556D6C; margin-bottom: 0.5rem; } .policy-content .policy-list li::marker { color: #16B7AE; } .policy-content .policy-contact-box { background-color: #F5F7F7; border-left: 3px solid #16B7AE; padding: 1.25rem 1rem; margin-top: 1.5rem; } .policy-content .policy-contact-line { font-size: 0.875rem; line-height: 1.6; color: #132625; margin: 0 0 0.5rem 0; } .policy-content .policy-contact-line:last-child { margin-bottom: 0; } .policy-content .policy-contact-label { font-weight: 700; text-transform: uppercase; font-size: 0.8125rem; letter-spacing: 0.03em; margin-right: 0.35rem; } .policy-content .policy-link { color: #0E7771; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; transition: color 0.2s ease; } .policy-content .policy-link:hover { color: #16B7AE; }

/* ===== PAGE: disclaimer ===== */
.policy-content { max-width: 920px; margin: 0 auto; padding: 2.5rem 1.25rem 4rem; color: #132625; font-family: 'Raleway', sans-serif; line-height: 1.7; overflow-wrap: anywhere; word-break: break-word; } .policy-content .policy-meta { display: flex; flex-wrap: wrap; items-center; gap: 0.75rem 1.25rem; margin-bottom: 2rem; padding-bottom: 1.25rem; border-bottom: 1px solid #D8E4E3; } .policy-content .policy-date-badge, .policy-content .policy-entity-badge { display: inline-flex; align-items: center; gap: 0.4rem; font-size: 0.8125rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: #556D6C; } .policy-content .policy-date-badge i, .policy-content .policy-entity-badge i { color: #16B7AE; font-size: 1.1rem; } .policy-content .policy-section { margin-bottom: 2.5rem; } .policy-content h2 { font-size: 16px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; color: #0E7771; margin-top: 0; margin-bottom: 1rem; line-height: 1.3; position: relative; padding-bottom: 0.5rem; border-bottom: 2px solid #16B7AE; } @media (min-width: 768px) { .policy-content h2 { font-size: 22px; } } .policy-content p { font-size: 0.9375rem; color: #556D6C; margin-bottom: 1.125rem; line-height: 1.75; } .policy-content ul { margin: 1rem 0 1.5rem 1.25rem; padding: 0; list-style-type: square; color: #0E7771; } .policy-content li { font-size: 0.9375rem; color: #556D6C; margin-bottom: 0.75rem; line-height: 1.7; padding-left: 0.35rem; } .policy-content li strong { color: #132625; font-weight: 700; } .policy-content .policy-contact-card { display: flex; flex-direction: column; gap: 0.875rem; background-color: #F5F7F7; border: 1px solid #D8E4E3; padding: 1.5rem; margin-top: 1.5rem; } .policy-content .contact-item { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; font-size: 0.875rem; color: #132625; } .policy-content .contact-item i { color: #16B7AE; font-size: 1.25rem; flex-shrink: 0; } .policy-content .contact-item a { color: #0E7771; font-weight: 600; text-decoration: underline; text-underline-offset: 3px; transition: color 0.2s ease; } .policy-content .contact-item a:hover { color: #129790; }

/* ===== PAGE: refound ===== */
.policy-content { max-width: 840px; margin: 0 auto; padding: 2.5rem 1.25rem 4.5rem; color: #132625; font-family: 'Raleway', sans-serif; line-height: 1.7; overflow-wrap: anywhere; }
.policy-content * { box-sizing: border-box; }
.policy-content__meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 0.75rem 1.5rem; margin-bottom: 2.5rem; padding-bottom: 1.25rem; border-bottom: 1px solid #D8E4E3; }
.policy-content__badge { display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.8125rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #0E7771; background: #D7F3F2; padding: 0.35rem 0.85rem; border-radius: 9999px; }
.policy-content__badge i { font-size: 1.1rem; }
.policy-content__date { font-size: 0.875rem; color: #556D6C; margin: 0; font-weight: 500; }
.policy-content h2 { margin-top: 2.25rem; margin-bottom: 1rem; color: #132625; font-weight: 700; text-transform: uppercase; letter-spacing: 0.04em; position: relative; padding-bottom: 0.5rem; }
.policy-content h2::after { content: ''; position: absolute; left: 0; bottom: 0; width: 36px; height: 2px; background-color: #16B7AE; }
.policy-content p { margin-top: 0; margin-bottom: 1.25rem; color: #556D6C; font-size: 0.975rem; line-height: 1.75; }
.policy-content ul { margin-top: 0.5rem; margin-bottom: 1.5rem; padding-left: 1.25rem; list-style-type: disc; color: #556D6C; }
.policy-content li { margin-bottom: 0.65rem; font-size: 0.95rem; line-height: 1.65; }
.policy-content li::marker { color: #16B7AE; }
.policy-content strong, .policy-content em { color: #132625; }
.policy-content__link { color: #0E7771; text-decoration: underline; text-underline-offset: 3px; font-weight: 600; transition: color 0.2s ease; }
.policy-content__link:hover, .policy-content__link:focus { color: #129790; outline: none; }
@media (max-width: 767px) { .policy-content { padding: 1.5rem 1rem 3rem; } .policy-content h2 { font-size: 16px; margin-top: 1.75rem; } .policy-content p, .policy-content li { font-size: 0.9rem; line-height: 1.6; } .policy-content__meta { flex-direction: column; align-items: flex-start; gap: 0.5rem; } }
@media (min-width: 768px) { .policy-content h2 { font-size: 22px; } }

/* ===== PAGE: delivery ===== */
.policy-content { max-width: 1000px; margin: 0 auto; padding: 2.5rem 1rem; color: #132625; font-family: 'Raleway', sans-serif; line-height: 1.7; overflow-wrap: anywhere; box-sizing: border-box; } .policy-content .policy-meta { font-size: 0.875rem; font-weight: 600; color: #556D6C; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 2rem; border-bottom: 1px solid #D8E4E3; padding-bottom: 0.75rem; } .policy-content .policy-section { margin-bottom: 2.5rem; } .policy-content h2 { font-size: 1rem; line-height: 1.3; font-weight: 700; color: #132625; text-transform: uppercase; letter-spacing: 0.04em; margin-top: 0; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 2px solid #16B7AE; } .policy-content h3 { font-size: 0.875rem; line-height: 1.35; font-weight: 700; color: #0E7771; text-transform: uppercase; letter-spacing: 0.03em; margin-top: 1.5rem; margin-bottom: 0.75rem; } .policy-content p { font-size: 0.9375rem; color: #556D6C; margin-top: 0; margin-bottom: 1rem; } .policy-content ul { list-style-type: disc; margin-top: 0; margin-bottom: 1.25rem; padding-left: 1.25rem; } .policy-content li { font-size: 0.9375rem; color: #556D6C; margin-bottom: 0.5rem; line-height: 1.6; } .policy-content strong { color: #132625; font-weight: 700; } .policy-content .policy-link { color: #0E7771; font-weight: 600; text-decoration: underline; transition: color 0.2s ease; } .policy-content .policy-link:hover, .policy-content .policy-link:focus { color: #16B7AE; outline: none; } @media (min-width: 768px) { .policy-content { padding: 4rem 2rem; } .policy-content .policy-meta { font-size: 0.9375rem; } .policy-content h2 { font-size: 1.5rem; margin-bottom: 1.25rem; } .policy-content h3 { font-size: 1.125rem; } .policy-content p, .policy-content li { font-size: 1rem; } }

/* ===== PAGE: about ===== */
.sb-about-page { background: var(--bg, #FFFFFF); }
.sb-about-page .sb-about-echo-wrap { min-height: 80px; }
.sb-about-page .sb-about-echo-text { line-height: 1; user-select: none; }
.sb-about-page .sb-about-image-frame img { display: block; width: 100%; transition: transform 0.4s ease; }
.sb-about-page .sb-about-image-frame:hover img { transform: scale(1.03); }
.sb-about-page .sb-pillar-col { min-height: 190px; }
@media (max-width: 767px) {
  .sb-about-page .sb-about-echo-wrap { min-height: 60px; }
  .sb-about-page .sb-pillar-col { min-height: auto; margin-bottom: 0.5rem; }
}

/* ===== PAGE: catalog ===== */
.sb-catalog-section .sb-echo-header .sb-echo-text {
  position: absolute;
  font-size: clamp(3rem, 7vw, 5.5rem);
  color: rgba(19, 38, 37, 0.05);
  transform: translate(-10px, -12px);
  line-height: 1;
  z-index: 0;
  letter-spacing: 0.1em;
}
.sb-catalog-section .sb-tile-media {
  aspect-ratio: 3 / 2;
}
.sb-catalog-section .sb-product-tile {
  min-width: 0;
  background: transparent;
}
.sb-catalog-section .sb-product-tile h3 {
  overflow-wrap: anywhere;
}
.sb-catalog-section .sb-page-btn.is-active {
  background-color: #16B7AE;
  color: #111111;
  border-color: #16B7AE;
}
@media (max-width: 767px) {
  .sb-catalog-section .sb-products-grid {
    grid-template-columns: 1fr;
  }
}

/* ===== PAGE: toys ===== */
.selectbark-toys-block .selectbark-echo-heading { min-height: 52px; }
.selectbark-toys-block .selectbark-product-card { transition: border-color 0.25s ease, transform 0.25s ease; }
.selectbark-toys-block .selectbark-product-card:hover { border-color: #16B7AE; transform: translateY(-2px); }
.selectbark-toys-block .btnAddCart { transition: background-color 0.25s ease, color 0.25s ease; }
.selectbark-toys-block .btnAddCart:active { transform: scale(0.98); }

/* ===== PAGE: accessories ===== */
.selectbark-acc-catalog { overflow: hidden; }
.selectbark-acc-catalog .selectbark-acc-row { border-radius: 0; }
.selectbark-acc-catalog .selectbark-acc-img-link { aspect-ratio: 3/4; }
.selectbark-acc-catalog .selectbark-acc-echo { transform: translate(-8px, -12px); }
.selectbark-acc-catalog .selectbark-acc-view-link:focus-visible { outline: 2px solid var(--primary); outline-offset: 2px; }
.selectbark-acc-catalog .btnAddCart:focus-visible { outline: 2px solid var(--on-primary); outline-offset: 2px; }
@media (max-width: 767px) {
  .selectbark-acc-catalog .selectbark-acc-echo { display: none; }
  .selectbark-acc-catalog .selectbark-acc-media-wrap { max-width: 220px; margin: 0 auto; }
  .selectbark-acc-catalog .selectbark-acc-details { text-align: center; align-items: center; }
  .selectbark-acc-catalog .selectbark-acc-action { text-align: center; align-items: center; width: 100%; }
}

/* ===== PAGE: blog ===== */
.dqn-blog-section { word-break: break-word; overflow-wrap: anywhere; }
.dqn-blog-section .dqn-blog-card { box-sizing: border-box; }
.dqn-blog-section .dqn-blog-card img { display: block; width: 100%; height: 100%; object-fit: cover; }

/* ===== PAGE: shipping-payment ===== */
.selectbark-shipping-section .selectbark-corner-wedge {
  clip-path: polygon(100% 0, 0 0, 100% 100%);
}
.selectbark-shipping-section .selectbark-service-col {
  transition: border-color 0.3s ease, transform 0.3s ease;
}
.selectbark-shipping-section .selectbark-service-col:hover {
  border-color: #16B7AE;
  transform: translateY(-2px);
}
@media (max-width: 767px) {
  .selectbark-shipping-section .grid {
    grid-template-columns: 1fr;
  }
}

/* ===== PAGE: contacts ===== */
.sb-contacts-section .sb-echo-heading { min-height: 80px; }
.sb-contacts-section .sb-echo-bg { white-space: nowrap; user-select: none; }
.sb-contacts-section .sb-info-card { border-radius: 0; transition: border-color 0.25s ease; }
.sb-contacts-section .sb-info-card:hover { border-color: #16B7AE; }
.sb-contacts-section .sb-map-container iframe { width: 100% !important; height: 100% !important; border: 0 !important; display: block; }
.sb-contacts-section .sb-corner-wedge { clip-path: polygon(100% 0, 0 0, 100% 100%); }
@media (max-width: 767px) {
  .sb-contacts-section .sb-echo-bg { font-size: 32px; }
  .sb-contacts-section .sb-map-container { height: 300px; }
}

.comment-item {
    position: relative;
}

.comment-avatar {
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    object-fit: cover;
}

.comment-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 9999px;
}

.main-comment-card:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.comment-like-btn:focus-visible,
.comment-reply-btn:focus-visible {
    outline: 2px solid #16B7AE;
    outline-offset: 2px;
}

.reply-comment-card {
    border-radius: 0px;
}

.reply-comment-card .comment-avatar {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    object-fit: cover;
}

.reply-comment-card .comment-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 9999px;
}

.comment-like-btn:focus-visible {
    outline: 2px solid #16B7AE;
    outline-offset: 2px;
}


/* ===== PAGE TEMPLATE: catalog_list ===== */
.sb-header {
    font-family: 'Raleway', sans-serif;
}

.sb-header .sb-dropdown-menu {
    display: none;
}

.sb-header .sb-dropdown-wrapper.sb-active .sb-dropdown-menu {
    display: block;
}

.sb-header .sb-dropdown-wrapper.sb-active .bx-chevron-down {
    transform: rotate(180deg);
}

.sb-header .sb-mobile-dropdown.sb-active .sb-mobile-sub-menu {
    display: block;
}

.sb-header .sb-mobile-dropdown.sb-active .bx-chevron-down {
    transform: rotate(180deg);
}

.product-detail-view {
    font-family: 'Raleway', sans-serif;
}

.product-detail-view h1,
.product-detail-view h2,
.product-detail-view h3 {
    overflow-wrap: anywhere;
    hyphens: auto;
}

.product-detail-view .product-full-content p {
    line-height: 1.7;
}

.product-detail-view .comment-like-btn.is-active i {
    color: #0E7771;
}

.product-detail-view .comment-like-btn.is-active .comment-like-count {
    color: #0E7771;
}

.site-footer {
    background: linear-gradient(156deg, #0E3735 0%, #125450 100%);
    font-family: 'Raleway', sans-serif;
}

.site-footer__logo {
    max-width: 44px;
    max-height: 44px;
}

.site-footer__link {
    word-break: break-word;
}

.site-footer__pay-pill {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

@media (max-width: 767px) {
    .site-footer__grid {
        grid-template-columns: 1fr;
    }

    .site-footer__bottom .flex {
        flex-direction: column;
        text-align: center;
    }
}

/* ===== PAGE TEMPLATE: toys_list ===== */
.sb-header {
    font-family: 'Raleway', sans-serif;
}

.sb-header .sb-dropdown-menu {
    display: none;
}

.sb-header .sb-dropdown-wrapper.sb-active .sb-dropdown-menu {
    display: block;
}

.sb-header .sb-dropdown-wrapper.sb-active .bx-chevron-down {
    transform: rotate(180deg);
}

.sb-header .sb-mobile-dropdown.sb-active .sb-mobile-sub-menu {
    display: block;
}

.sb-header .sb-mobile-dropdown.sb-active .bx-chevron-down {
    transform: rotate(180deg);
}

.product-detail-page {
    font-family: 'Raleway', sans-serif;
}

.product-detail-page h1,
.product-detail-page h2,
.product-detail-page h3,
.product-detail-page h4,
.product-detail-page h5 {
    overflow-wrap: anywhere;
    hyphens: auto;
}

.product-detail-page .spec-table tr:last-child th,
.product-detail-page .spec-table tr:last-child td {
    border-bottom: none;
}

.comment-item .comment-like-btn.is-active i {
    color: #0E7771;
}

.site-footer {
    background: linear-gradient(156deg, #0E3735 0%, #125450 100%);
    font-family: 'Raleway', sans-serif;
}

.site-footer__logo {
    max-width: 44px;
    max-height: 44px;
}

.site-footer__link {
    word-break: break-word;
}

.site-footer__pay-pill {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

@media (max-width: 767px) {
    .site-footer__grid {
        grid-template-columns: 1fr;
    }

    .site-footer__bottom .flex {
        flex-direction: column;
        text-align: center;
    }

    .product-detail-page .spec-table,
    .product-detail-page .spec-table tbody,
    .product-detail-page .spec-table tr,
    .product-detail-page .spec-table th,
    .product-detail-page .spec-table td {
        display: block;
        width: 100%;
    }

    .product-detail-page .spec-table th {
        padding-bottom: 4px;
    }

    .product-detail-page .spec-table td {
        padding-top: 4px;
        padding-bottom: 12px;
    }
}

/* ===== PAGE TEMPLATE: accessories_list ===== */
.sb-header {
    font-family: 'Raleway', sans-serif;
}

.sb-header .sb-dropdown-menu {
    display: none;
}

.sb-header .sb-dropdown-wrapper.sb-active .sb-dropdown-menu {
    display: block;
}

.sb-header .sb-dropdown-wrapper.sb-active .bx-chevron-down {
    transform: rotate(180deg);
}

.sb-header .sb-mobile-dropdown.sb-active .sb-mobile-sub-menu {
    display: block;
}

.sb-header .sb-mobile-dropdown.sb-active .bx-chevron-down {
    transform: rotate(180deg);
}

.sb-detail-page {
    font-family: 'Raleway', sans-serif;
}

.sb-detail-page h1,
.sb-detail-page h2,
.sb-detail-page h3,
.sb-detail-page h4,
.sb-detail-page h5 {
    overflow-wrap: anywhere;
    hyphens: auto;
}

.sb-detail-page .comment-like-btn.sb-liked {
    color: #0E7771;
}

.sb-detail-page .comment-like-btn.sb-liked i {
    color: #16B7AE;
}

.site-footer {
    background: linear-gradient(156deg, #0E3735 0%, #125450 100%);
    font-family: 'Raleway', sans-serif;
}

.site-footer__logo {
    max-width: 44px;
    max-height: 44px;
}

.site-footer__link {
    word-break: break-word;
}

.site-footer__pay-pill {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

@media (max-width: 767px) {
    .site-footer__grid {
        grid-template-columns: 1fr;
    }

    .site-footer__bottom .flex {
        flex-direction: column;
        text-align: center;
    }
}

/* ===== PAGE TEMPLATE: blog_list ===== */
.sb-header {
    font-family: 'Raleway', sans-serif;
}

.sb-header .sb-dropdown-menu {
    display: none;
}

.sb-header .sb-dropdown-wrapper.sb-active .sb-dropdown-menu {
    display: block;
}

.sb-header .sb-dropdown-wrapper.sb-active .bx-chevron-down {
    transform: rotate(180deg);
}

.sb-header .sb-mobile-dropdown.sb-active .sb-mobile-sub-menu {
    display: block;
}

.sb-header .sb-mobile-dropdown.sb-active .bx-chevron-down {
    transform: rotate(180deg);
}

.site-footer {
    background: linear-gradient(156deg, #0E3735 0%, #125450 100%);
    font-family: 'Raleway', sans-serif;
}

.site-footer__logo {
    max-width: 44px;
    max-height: 44px;
}

.site-footer__link {
    word-break: break-word;
}

.site-footer__pay-pill {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}

.article-hero h1 {
    overflow-wrap: anywhere;
    hyphens: auto;
}

.article-content-flow h2,
.article-content-flow h3,
.article-content-flow p {
    overflow-wrap: anywhere;
    hyphens: auto;
}

.comment-like-btn.is-active {
    color: #0E7771;
}

.comment-like-btn.is-active i {
    font-weight: 700;
}

@media (max-width: 767px) {
    .site-footer__grid {
        grid-template-columns: 1fr;
    }

    .site-footer__bottom .flex {
        flex-direction: column;
        text-align: center;
    }
}

/* mobile-text-guard */
@media (max-width: 767px) {
  h1, h2, h3, h4, h5, h6, p, li, dt, dd, blockquote, figcaption, td, th, label {
    overflow-wrap: anywhere;
  }
  a, button, .btn {
    overflow-wrap: anywhere;
    white-space: normal;
  }
  img, video, iframe {
    max-width: 100%;
  }
}

/* footer flush to bottom - remove section padding that left empty band under footer */
.site-footer { padding: 0; }

/* copyright bar text - pure black */
.site-footer__bottom p, .site-footer__bottom p * { color: #000000; }