/* Sepahkar public presentation. Native WordPress routes and forms are retained. */
.spk-redesign {
    --spk-ink: #14243d;
    --spk-muted: #47566a;
    --spk-blue: #194581;
    --spk-blue-deep: #142f56;
    --spk-line: #dce3eb;
    --spk-surface: #f4f7fb;
    --spk-warm: #f8f1e4;
    background: #fff;
    color: var(--spk-ink);
    line-height: 1.8;
}
.spk-redesign :is(a, button, input, select, textarea, summary):focus-visible {
    outline: 3px solid #b15b12;
    outline-offset: 3px;
}
.spk-wrap { width: min(1216px, calc(100% - 64px)); margin-inline: auto; }
.spk-redesign .spk-eyebrow { margin: 0 0 10px; font-size: .86rem; font-weight: 700; color: var(--spk-blue); }
.spk-redesign .spk-section-head { margin-bottom: 24px; }
.spk-redesign .spk-section-head h2 { color: var(--spk-ink); font-size: clamp(1.45rem, 3vw, 2.15rem); font-weight: 800; line-height: 1.4; margin: 0; }
.spk-redesign .spk-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.spk-redesign .spk-button {
    display: inline-flex; align-items: center; justify-content: center; min-height: 48px;
    padding: 10px 20px; border: 1px solid var(--spk-blue); border-radius: 10px;
    background: var(--spk-blue); color: #fff; text-align: center; font-weight: 700;
    text-decoration: none;
}
.spk-redesign .spk-button:hover { background: var(--spk-blue-deep); color: #fff; }
.spk-redesign .spk-button-outline { background: #fff; color: var(--spk-blue); }

/* Shared header and footer retain the original menus, search and contact links. */
.spk-redesign #header .div-top-header { background: #14243d; color: #fff; }
.spk-redesign #header .div-top-header p { padding: 5px 0; margin: 0; font-size: .84rem; }
.spk-redesign #header .div-top-header a { color: #fff; }
.spk-redesign #header .spk-nanaara-top { background: var(--spk-warm) !important; border-color: #ede2ce !important; }
.spk-redesign #header .spk-nanaara-top a { color: #283750 !important; font-size: .86rem; }
.spk-redesign #header .top-header { position: relative; top: auto; padding: 12px 0; background: #fff; }
.spk-redesign #header .logo_img img { width: auto; height: 54px; max-width: 75px; object-fit: contain; }
.spk-redesign #header .title_logo_div { margin-inline: 9px 0; }
.spk-redesign #header .title_logo { color: var(--spk-ink); font-weight: 800; line-height: 1.4; margin: 0; font-size: 1.22rem; }
.spk-redesign #header .desc_logo { color: var(--spk-muted); font-size: .68rem; }
.spk-redesign #header .form-search { border-radius: 10px; border: 1px solid var(--spk-line); background: var(--spk-surface); }
.spk-redesign #header .search-header { background: transparent; margin-bottom: 4px; }
.spk-redesign #header .input-search { background: #fff !important; color: var(--spk-ink); border: 0; min-height: 36px; }
.spk-redesign #header .input-search::placeholder { color: var(--spk-muted) !important; opacity: 1; }
.spk-redesign #header .btn-search { background: var(--spk-blue); color: #fff; min-height: 36px; }
.spk-redesign #header .change_lang a { color: var(--spk-blue); font-weight: 700; }
.spk-redesign #menu .fixed-menu { background: #fff; border-block: 1px solid var(--spk-line); }
.spk-redesign #menu .navbar { position: relative; inset: auto; transform: none; background: transparent; padding-block: 0; }
.spk-redesign #menu .navbar-nav > .nav-item > .nav-link { color: var(--spk-ink); padding: 13px 16px; font-weight: 600; }
.spk-redesign #menu .navbar-nav > .nav-item > .nav-link:hover,
.spk-redesign #menu .navbar-nav > .active > .nav-link { color: var(--spk-blue); background: var(--spk-surface); }
.spk-redesign .dropdown-menu { border-color: var(--spk-line); border-radius: 12px; box-shadow: 0 10px 24px #13244316; }
.spk-redesign #footer .footer { background: #14243d; border-color: #194581; color: #f0f4fa; }
.spk-redesign #footer :is(h5,p,li,a) { color: inherit; }
.spk-redesign #footer a:hover { text-decoration: underline; }
.spk-redesign #footer .spk-nanaara-footer { background: #203754; border: 1px solid #455a76 !important; border-radius: 16px; }
.spk-redesign #footer .spk-nanaara-footer :is(h4,p) { color: #fff !important; }
.spk-redesign #footer .footer_bottom { background: #0d1c2f; }

/* Homepage and shared catalogue. */
.spk-redesign .spk-hero { background: #eef3fa; padding: clamp(28px, 6vw, 80px) 0; }
.spk-hero-grid { display: grid; grid-template-columns: 1fr minmax(0, 1.08fr); align-items: center; gap: clamp(24px, 5vw, 70px); }
.spk-redesign .spk-hero h1, .spk-redesign .spk-product-hero h1 {
    color: var(--spk-ink); font-weight: 850; font-size: clamp(2.1rem, 4.4vw, 3.9rem);
    line-height: 1.23; margin: 0 0 16px; text-wrap: balance;
}
.spk-redesign .spk-intro { color: var(--spk-muted); font-size: clamp(1rem, 1.55vw, 1.17rem); line-height: 1.9; margin: 0 0 24px; }
.spk-redesign .spk-hero-media { background: #fff; margin: 0; border: 1px solid var(--spk-line); border-radius: 20px; overflow: hidden; }
.spk-hero-media img { width: 100%; height: auto; display: block; object-fit: contain; aspect-ratio: 23 / 15; }
.spk-hero-media figcaption { padding: 12px 20px; border-top: 1px solid var(--spk-line); }
.spk-hero-media figcaption a { display: flex; justify-content: space-between; color: var(--spk-blue); font-weight: 700; }
.spk-family-section, .spk-support { padding: clamp(36px, 6vw, 72px) 0; }
.spk-family-grid, .spk-support-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.spk-family { border: 1px solid var(--spk-line); border-radius: 16px; overflow: hidden; background: #fff; }
.spk-family-link { display: block; height: 100%; color: var(--spk-ink); text-decoration: none !important; }
.spk-family-link:hover { color: var(--spk-ink); }
.spk-family:focus-within, .spk-family:hover { border-color: #8aa8cf; box-shadow: 0 6px 18px #14243d14; }
.spk-family-image { background: #fff; min-width: 0; border-bottom: 1px solid var(--spk-line); }
.spk-family-image img { display: block; width: 100%; height: auto; object-fit: contain; aspect-ratio: 23/15; }
.spk-family-copy { padding: 20px; }
.spk-family-copy h3 { font-size: 1.25rem; font-weight: 800; margin: 0 0 8px; line-height: 1.4; }
.spk-family-copy p { color: var(--spk-muted); margin-bottom: 12px; font-size: .95rem; }
.spk-family-action { color: var(--spk-blue); font-weight: 700; font-size: .92rem; }
.spk-support { background: var(--spk-surface); }
.spk-support-grid a { display: flex; justify-content: space-between; gap: 12px; align-items: center; padding: 18px 20px; border: 1px solid var(--spk-line); border-radius: 12px; background: #fff; color: var(--spk-blue); font-weight: 700; }
.spk-redesign #about .paralsec_about { background: #fff !important; }
.spk-redesign #about .mb_parallax_overlay { background: #fff; color: var(--spk-ink); }
.spk-redesign #about .div_about_index { margin-block: 36px; }
.spk-redesign #about .div_about_index p { color: var(--spk-ink); }
.spk-redesign #catalog .paralsec_catalog, .spk-redesign #catalog .mb_parallax_overlay { background: var(--spk-warm) !important; }
.spk-redesign #catalog .div_catalog_index { padding-block: 24px; }
.spk-redesign #catalog :is(h3,p) { color: var(--spk-ink); }
.spk-redesign #catalog .btn-catalog { color: #fff; background: var(--spk-blue); border-radius: 10px; }

/* Product detail and existing editorial, service and contact pages. */
.spk-product-hero { display: grid; grid-template-columns: 1fr minmax(0,1fr); align-items: center; gap: 32px; margin-block: 16px 36px; padding: clamp(18px,4vw,42px); background: var(--spk-surface); border: 1px solid var(--spk-line); border-radius: 18px; }
.spk-redesign .spk-product-hero h1 { font-size: clamp(1.75rem,4vw,2.9rem); }
.spk-product-hero .spk-product-photo { display: block; border-radius: 14px; overflow: hidden; background: #fff; }
.spk-product-photo img { display: block; width: 100%; height: auto; aspect-ratio: 23/15; object-fit: contain; }
.spk-product-guidance { margin: 0 0 24px; padding: 16px 20px; border-inline-start: 4px solid var(--spk-blue); background: var(--spk-warm); border-radius: 10px; }
.spk-product-guidance p { margin: 0; }
.spk-product-guidance a { color: var(--spk-blue); text-decoration: underline; font-weight: 700; }
.spk-redesign .post_top.contact_content { background: #fff; border: 1px solid var(--spk-line); border-radius: 16px; box-shadow: none; }
.spk-redesign .product-new .post_top.contact_content { border: none; }
.spk-redesign .contact_content > .card-title { color: var(--spk-ink); padding: clamp(18px,4vw,36px); margin: 0; border-bottom: 1px solid var(--spk-line); background: var(--spk-surface); border-radius: 15px 15px 0 0; }
.spk-redesign .container_contact { color: var(--spk-ink); line-height: 1.95; }
.spk-redesign .container_contact :is(h2,h3) { color: var(--spk-ink); margin-block: 1.35em .55em; line-height: 1.55; }
.spk-redesign .container_contact .wp-block-table { max-width: 100%; overflow-x: auto; }
.spk-redesign .container_contact .wp-block-table table { border-collapse: collapse; }
.spk-redesign .container_contact .wp-block-table thead { background: #dce9fa; color: #14243d; }
.spk-redesign .container_contact .wp-block-table :is(td,th) { border: 1px solid #c7d3e1; padding: .62em .8em; }
.spk-redesign .container_contact .wpcf7 :is(input:not([type=submit]),textarea,select) { max-width: 100%; width: 100%; border: 1px solid #b9c6d6; border-radius: 8px; padding: 9px 12px; color: var(--spk-ink); background: #fff; }
.spk-redesign .container_contact .wpcf7 input[type=submit] { min-height: 44px; padding: 8px 20px; background: var(--spk-blue); color: #fff; border: 0; border-radius: 8px; }
.spk-redesign .container_contact img { max-width: 100%; }
.spk-redesign :is(.post-content,.single-content,.card) { border-color: var(--spk-line); }
.spk-redesign :is(#single_blog,#category_blog,#blog) { color: var(--spk-ink); }
.spk-redesign :is(#single_blog,#category_blog,#blog) .card { border-radius: 14px; background: #fff; }
.spk-redesign :is(#single_blog,#category_blog,#blog) .card :is(h1,h2,h3,a) { color: var(--spk-ink); }
.spk-redesign :is(#single_blog,#category_blog,#blog) .card a:hover { color: var(--spk-blue); }
.spk-redesign :is(#single_blog,#blog) .card-body { line-height: 1.95; }
.spk-redesign #breadcrump .bread-div { margin-block: 10px; padding-block: 8px; }
.spk-redesign :is(.cats_blog,.tags_blog) { border-color: var(--spk-line); }

@media (max-width: 991px) {
    .spk-redesign #header .top-header { padding-block: 8px; }
    .spk-redesign #header .logo_img img { height: 44px; }
    .spk-redesign #header .sidenav { background: #fff; color: var(--spk-ink); box-shadow: 0 10px 24px #13244322; }
    .spk-redesign #header .sidenav a { color: var(--spk-ink); }
}
@media (min-width: 992px) {
    .spk-redesign #header .en_top_header-right { display: flex; align-items: center; gap: 14px; }
    .spk-redesign #header .en_top_header-right .search-header { margin-bottom: 0; }
    .spk-redesign #header .change_lang { margin: 0; }
}
@media (max-width: 767px) {
    .spk-wrap { width: calc(100% - 32px); }
    .spk-hero-grid, .spk-product-hero, .spk-family-grid, .spk-support-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
    .spk-redesign .spk-hero h1 { font-size: clamp(1.85rem,7vw,2.45rem); }
    .spk-redesign .spk-hero .spk-intro { margin-bottom: 18px; }
    .spk-redesign .spk-hero-media { max-width: 500px; }
    .spk-redesign .spk-product-hero { margin-block: 6px 20px; }
    .spk-redesign .spk-product-hero .spk-actions { gap: 8px; }
    .spk-redesign .spk-button { padding-inline: 13px; }
    .spk-redesign #header .spk-nanaara-top { padding: 5px 10px !important; }
    .spk-redesign #header .spk-nanaara-top a { font-size: .78rem; }
    .spk-redesign .container_contact { padding-inline: 12px; }
}


.spk-nanaara-feature {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    padding: 14px;
    background: var(--spk-warm);
    border: 1px solid #e6d8bd;
    border-radius: 12px;
}
.spk-nanaara-feature p { flex: 1 1 215px; margin: 0; font-size: .93rem; }
.spk-redesign .spk-nanaara-feature .spk-button { gap: 8px; }
