/* One locally hosted script face, used only by the footer headline. */
@font-face {
    font-family: 'Store Footer Script';
    src: url('/strokya/fonts/footer-script/lobster-two-latin-700-italic.woff2') format('woff2');
    font-style: italic;
    font-weight: 700;
    font-display: swap;
}
/* Shared storefront footer. Keep this file aligned with the Laravel storefront asset. */
.footer-v4.store-footer {
    background: radial-gradient(ellipse at 95% 0, #f28c2812, transparent 55%), #1d1c1b;
    color: #fff;
    border-top: 0;
    padding-top: 0;
}
.footer-v4 .store-footer-intro {
    padding: 32px 0;
    border-bottom: 1px solid #ffffff17;
}
.footer-v4 .store-footer-intro h2 {
    font-family: 'Store Footer Script', 'Noto Sans Bengali', Georgia, serif;
    font-style: italic;
    font-weight: 700;
    font-size: clamp(27px, 2.6vw, 36px);
    line-height: 1.3;
    letter-spacing: 0;
    margin-top: 10px;
}
.footer-v4 .store-footer-intro h2 br { display: none; }
.footer-v4 .store-footer-intro h2 br::after { content: " "; }
.footer-v4 .store-footer-intro .store-eyebrow { font-size: 10px; letter-spacing: 1.8px; color: #f5a14f; }
.footer-v4 .store-footer-intro .store-primary { margin: 0; padding: 15px 20px; border-radius: 12px; gap: 22px; }
.footer-v4 .store-footer-grid {
    display: grid;
    grid-template-columns: minmax(190px, 1.1fr) minmax(135px, .7fr) minmax(190px, 1fr) minmax(230px, 1.15fr);
    padding: 34px 0;
    gap: 30px;
}
.footer-v4 .store-footer-grid > div { min-width: 0; grid-column: auto; }
.footer-v4 .store-footer-grid h3 { font-size: 13px; line-height: 1.4; color: #fff; margin: 0 0 17px; letter-spacing: .2px; }
.footer-v4 .footer-brand-identity { display: flex; align-items: center; gap: 12px; margin: 0 0 15px; }
.footer-v4 .footer-brand-identity img { width: 48px; height: 48px; border-radius: 12px; padding: 5px; }
.footer-v4 .footer-brand-identity strong { color: #fff; font-size: 23px; letter-spacing: -.7px; }
.footer-v4 .store-footer-brand p { max-width: 280px; margin: 0 0 18px; font-size: 13px; line-height: 1.8; color: #bcb5ae; }
.footer-v4 .footer-socials { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.footer-v4 .footer-social { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border: 1px solid #ffffff22; border-radius: 10px; background: #ffffff09; color: #f3eae1; text-decoration: none; transition: border-color .2s, background .2s; }
.footer-v4 .footer-social:hover { background: #ffffff15; border-color: #f28c28; color: #fff; }
.footer-v4 .footer-social--facebook, .footer-v4 .footer-social--facebook_group { color: #6da3ff; }
.footer-v4 .footer-social--instagram { color: #f58bba; }
.footer-v4 .footer-social--youtube { color: #ff6767; }
.footer-v4 .footer-social--linkedin { color: #6db8ff; }
.footer-v4 .footer-social--pinterest { color: #ff8d99; }
.footer-v4 .footer-navigation > div + div { margin-top: 22px; }
.footer-v4 .footer-navigation a, .footer-v4 .footer-contact > a { display: flex; align-items: center; gap: 10px; color: #c8c1ba; font-size: 13px; line-height: 1.6; margin: 0 0 11px; text-decoration: none; overflow-wrap: anywhere; }
.footer-v4 .footer-navigation a:hover, .footer-v4 .footer-contact > a:hover { color: #f6a455; text-decoration: none; }
.footer-v4 .footer-contact > a > svg, .footer-v4 .footer-contact > a > i, .footer-v4 .footer-contact-address > svg, .footer-v4 .footer-contact-address > i { flex-shrink: 0; color: #f2a158; }
.footer-v4 .footer-contact-address { display: flex; align-items: flex-start; gap: 10px; margin: 14px 0 0; color: #bcb5ae; font-size: 12px; font-style: normal; line-height: 1.8; }
.footer-v4 .store-footer-help { color: #938c85; font-size: 11px; margin-top: 14px; line-height: 1.8; }
.footer-v4 .footer-location-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.footer-v4 .footer-location-heading h3 { margin: 0; }
.footer-v4 .footer-location-heading a { color: #f5a14f; display: flex; }
.footer-v4 .footer-map { height: 142px; border-radius: 13px; overflow: hidden; background: #292622; border: 1px solid #ffffff1a; }
.footer-v4 .footer-map iframe { display: block; width: 100%; height: 100%; border: 0; }
.footer-v4 .footer-location .footer-map-link { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 10px 0 0; font-size: 11px; color: #d6c0aa; text-decoration: none; }
.footer-v4 .store-footer-bottom { border-top: 1px solid #ffffff17; padding: 20px 0 24px; font-size: 10px; color: #a49b92; gap: 16px; align-items: center; flex-wrap: wrap; }
.footer-v4 .store-policy-links { display: flex; flex-wrap: wrap; gap: 15px; }
.footer-v4 .store-policy-links a { font-size: 11px; color: #c8c1ba; text-decoration: none !important; }
.footer-v4 .store-policy-links a:hover { color: #f5a14f; }
.footer-v4 a:focus-visible { outline: none; color: #ffbd7b; }
.footer-v4 .footer-social:focus-visible { border-color: #f28c28; background: #ffffff15; }
@media (max-width: 1100px) {
    .footer-v4 .store-footer-grid { grid-template-columns: 1fr 1fr; gap: 30px 40px; }
    .footer-v4 .footer-map { height: 165px; }
}
@media (max-width: 600px) {
    .footer-v4 .store-footer-intro { padding: 25px 0; flex-direction: column; align-items: flex-start; gap: 18px; }
    .footer-v4 .store-footer-intro h2 { font-size: 27px; max-width: 310px; }
    .footer-v4 .store-footer-intro .store-primary { padding: 12px 16px; font-size: 13px; }
    .footer-v4 .store-footer-grid { grid-template-columns: 1fr 1fr; padding: 27px 0; gap: 28px 20px; }
    .footer-v4 .store-footer-grid > .store-footer-brand, .footer-v4 .store-footer-grid > .footer-location { grid-column: 1 / -1; }
    .footer-v4 .store-footer-brand p { max-width: 100%; font-size: 14px; }
    .footer-v4 .store-footer-grid h3 { font-size: 14px; }
    .footer-v4 .footer-navigation a, .footer-v4 .footer-contact > a { font-size: 12px; gap: 7px; }
    .footer-v4 .footer-contact-address { font-size: 12px; gap: 7px; }
    .footer-v4 .footer-contact > a > svg { width: 14px; }
    .footer-v4 .footer-map { height: 160px; }
    .footer-v4 .store-footer-bottom { align-items: flex-start; gap: 17px; font-size: 11px; }
    .footer-v4 .store-policy-links a { font-size: 11px; }
}