/* ============================================================
   AUTOKID — Custom CSS
   ============================================================ */

/* Self-hosted Hind Siliguri — eliminates 6 external font requests and
   the font-reflow CLS that remote Google Fonts woff2 files caused.
   Bengali subset first: browser picks the right file per unicode-range. */
@font-face {
    font-family: 'Hind Siliguri';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/hind-siliguri-400-bengali.woff2') format('woff2');
    unicode-range: U+0951-0952, U+0964-0965, U+0980-09FE, U+1CD0, U+1CD2, U+1CD5-1CD6, U+1CD8, U+1CE1, U+1CEA, U+1CED, U+1CF2, U+1CF5-1CF7, U+200C-200D, U+20B9, U+25CC, U+A8F1;
}
@font-face {
    font-family: 'Hind Siliguri';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/hind-siliguri-400-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Hind Siliguri';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/hind-siliguri-600-bengali.woff2') format('woff2');
    unicode-range: U+0951-0952, U+0964-0965, U+0980-09FE, U+1CD0, U+1CD2, U+1CD5-1CD6, U+1CD8, U+1CE1, U+1CEA, U+1CED, U+1CF2, U+1CF5-1CF7, U+200C-200D, U+20B9, U+25CC, U+A8F1;
}
@font-face {
    font-family: 'Hind Siliguri';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/hind-siliguri-600-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Category keyword chips — visible to crawlers, styled as non-clickable tags */
.ak-kw-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 8px 0 20px;
}
.ak-kw-tag {
    display: inline-block;
    padding: 3px 10px;
    border: 1px solid var(--c-line, #e0e0e0);
    border-radius: 999px;
    font-size: 12px;
    color: var(--c-ink-2, #777);
    background: var(--c-bg, #fafafa);
    pointer-events: none;
}

/* Product card image — reserve 1:1 space before Jetpack CDN delivers srcset.
   Without this, the browser paints the card at zero height then reflows when
   the image arrives, registering as CLS on every product page and the shop. */
.ak-card-img img {
    aspect-ratio: 1 / 1;
    width: 100%;
    height: auto;
    object-fit: contain;
}