:root {
    --inner-accent: #ef2b24;
    --inner-accent-dark: #c9101d;
    --inner-ink: #171a21;
    --inner-muted: #667085;
    --inner-line: #ece7e3;
    --inner-soft: #fff5f2;
    --inner-canvas: #faf8f6;
    --inner-card: #ffffff;
    --inner-radius: 22px;
    --inner-shadow: 0 18px 50px rgba(25, 22, 20, .08);
}

.skart-inner-page,
.about-hero + .container,
.franchise-hero + .container,
.terms-hero + .container,
.policy-hero + .container,
.refund-hero + .container,
.sp-hero + .container,
.hs-hero + .container,
.grievance-hero + .container,
.locator-hero + .container {
    color: var(--inner-ink);
}

.skart-inner-page {
    background: var(--inner-canvas);
    padding-bottom: 72px;
}

.about-hero,
.franchise-hero,
.terms-hero,
.policy-hero,
.refund-hero,
.sp-hero,
.hs-hero,
.grievance-hero,
.locator-hero,
.inner-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 72px max(24px, calc((100vw - 1180px) / 2)) 76px;
    text-align: center;
    color: var(--inner-ink);
    background:
        radial-gradient(circle at 9% 18%, rgba(239, 43, 36, .12), transparent 25%),
        radial-gradient(circle at 88% 78%, rgba(255, 190, 169, .26), transparent 24%),
        linear-gradient(135deg, #fff8f5 0%, #ffffff 52%, #fff0ed 100%);
    border-bottom: 1px solid #f2dfda;
}

.about-hero::before,
.franchise-hero::before,
.terms-hero::before,
.policy-hero::before,
.refund-hero::before,
.sp-hero::before,
.hs-hero::before,
.grievance-hero::before,
.locator-hero::before,
.inner-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: 250px;
    height: 250px;
    right: -120px;
    top: -130px;
    border: 46px solid rgba(239, 43, 36, .055);
    border-radius: 50%;
}

.about-hero-eyebrow,
.franchise-hero .eyebrow,
.terms-hero-eyebrow,
.policy-hero-eyebrow,
.refund-hero-eyebrow,
.sp-hero-eyebrow,
.hs-hero-eyebrow,
.grievance-hero-eyebrow,
.locator-hero-eyebrow,
.inner-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    padding: 8px 14px;
    border: 1px solid #ffd7d1;
    border-radius: 999px;
    background: rgba(255, 255, 255, .78);
    color: var(--inner-accent-dark);
    font-size: 12px;
    line-height: 1;
    font-weight: 800;
    letter-spacing: .13em;
    text-transform: uppercase;
    box-shadow: 0 8px 22px rgba(239, 43, 36, .08);
}

.about-hero h1,
.franchise-hero h1,
.terms-hero h1,
.policy-hero h1,
.refund-hero h1,
.sp-hero h1,
.hs-hero h1,
.grievance-hero h1,
.locator-hero h1,
.inner-hero h1 {
    margin: 0;
    color: var(--inner-ink);
    font-size: clamp(34px, 4.2vw, 56px);
    line-height: 1.05;
    font-weight: 850;
    letter-spacing: -.035em;
}

.about-hero-sub,
.franchise-subtitle,
.terms-hero-sub,
.policy-hero-sub,
.grievance-hero-sub,
.locator-hero-sub,
.inner-hero__subtitle {
    margin: 16px 0 0;
    color: var(--inner-accent);
    font-size: 16px;
    font-weight: 750;
}

.franchise-intro,
.terms-hero-intro,
.policy-hero-intro,
.refund-hero-intro,
.sp-hero > p,
.hs-hero > p,
.grievance-hero-intro,
.inner-hero__intro {
    max-width: 850px;
    margin: 20px auto 0;
    color: #596273;
    font-size: 16px;
    line-height: 1.75;
    font-weight: 500;
}

.terms-hero a,
.policy-hero a {
    color: var(--inner-accent-dark);
    font-weight: 750;
}

.inner-page-nav {
    position: relative;
    z-index: 3;
    max-width: 1120px;
    margin: -27px auto 42px;
    padding: 8px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    border: 1px solid var(--inner-line);
    border-radius: 18px;
    background: rgba(255, 255, 255, .96);
    box-shadow: var(--inner-shadow);
    backdrop-filter: blur(16px);
}

.inner-page-nav a {
    min-height: 54px;
    padding: 10px 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    border-radius: 12px;
    color: #4b5565;
    font-size: 13px;
    font-weight: 750;
    text-align: center;
    transition: .2s ease;
}

.inner-page-nav a:hover {
    color: #fff !important;
    text-decoration: none;
    background: linear-gradient(135deg, #43192b, #2b1624);
    box-shadow: 0 10px 24px rgba(43, 22, 36, .22);
    transform: translateY(-1px);
}

.inner-page-nav a.is-active {
    color: #fff !important;
    text-decoration: none;
    background: linear-gradient(135deg, var(--inner-accent), var(--inner-accent-dark));
    box-shadow: 0 10px 24px rgba(201, 16, 29, .2);
    transform: translateY(-1px);
}

.inner-page-nav a.is-active:hover {
    color: #fff !important;
    background: linear-gradient(135deg, #d71920, #9f0c18);
}

.inner-page-nav a:hover i,
.inner-page-nav a.is-active i {
    color: #fff !important;
}

.inner-page-nav i { font-size: 16px; }

.about-hero + .container,
.franchise-hero + .container,
.locator-hero + .container {
    padding-top: 46px;
}

.hs-hero + .inner-page-nav + .container,
.sp-hero + .inner-page-nav + .container,
.terms-hero + .inner-page-nav + .container,
.policy-hero + .inner-page-nav + .container,
.refund-hero + .inner-page-nav + .container,
.grievance-hero + .inner-page-nav + .container {
    padding-top: 0;
}

.about-split,
.locator-split {
    gap: 30px;
    align-items: stretch;
}

.about-image-frame,
.locator-image-frame,
.locator-map-frame,
.for-contac-image {
    overflow: hidden;
    border-radius: var(--inner-radius) !important;
    border: 1px solid var(--inner-line);
    box-shadow: var(--inner-shadow);
}

.about-image-frame img,
.locator-image-frame img,
.for-contac-image {
    width: 100%;
    object-fit: cover;
}

.about-content-card,
.franchise-card,
.franchise-form-card,
.hs-card,
.sp-card,
.customer-track-card,
.contact-form-card,
.store-detail-card {
    border: 1px solid var(--inner-line) !important;
    border-radius: var(--inner-radius) !important;
    background: var(--inner-card) !important;
    box-shadow: 0 14px 38px rgba(25, 22, 20, .06) !important;
}

.about-content-card {
    height: 100%;
    padding: clamp(28px, 4vw, 46px) !important;
}

.about-content-card p,
.hs-card p,
.sp-card p,
.terms-content p,
.policy-content p,
.refund-content p,
.grievance-content p {
    color: var(--inner-muted);
    font-size: 15px;
    line-height: 1.75;
}

.about-values {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
}

.about-value {
    padding: 20px;
    border: 1px solid var(--inner-line);
    border-radius: 16px;
    background: linear-gradient(145deg, #fff, #fff8f6);
}

.about-value i { color: var(--inner-accent); font-size: 20px; }
.about-value strong { display: block; margin-top: 10px; font-size: 14px; color: var(--inner-ink); }
.about-value span { display: block; margin-top: 4px; color: var(--inner-muted); font-size: 12px; line-height: 1.5; }

.franchise-section-title {
    color: var(--inner-ink) !important;
    font-size: clamp(27px, 3vw, 38px) !important;
    font-weight: 820 !important;
    letter-spacing: -.025em;
}

.franchise-section-sub { color: var(--inner-muted) !important; }
.franchise-card { padding: 28px !important; transition: transform .22s ease, box-shadow .22s ease !important; }
.franchise-card:hover, .hs-card:hover, .sp-card:hover { transform: translateY(-4px); box-shadow: 0 20px 45px rgba(25, 22, 20, .1) !important; }
.franchise-card-icon { background: var(--inner-soft) !important; color: var(--inner-accent) !important; }
.franchise-form-card { padding: clamp(24px, 4vw, 42px) !important; }

/* Franchise contact CTA */
.franchise-page {
    padding-bottom: 0;
}

.franchise-page .franchise-cta {
    background:
        radial-gradient(circle at 10% 15%, rgba(255, 124, 98, .22), transparent 30%),
        radial-gradient(circle at 90% 85%, rgba(239, 43, 36, .16), transparent 30%),
        linear-gradient(135deg, #2b1624 0%, #43192b 52%, #26131f 100%);
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.franchise-page .franchise-cta h2 {
    color: #ff645e;
}

.franchise-page .franchise-cta-btn {
    border: 1px solid transparent;
    box-shadow: 0 10px 24px rgba(7, 5, 6, .18);
    transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.franchise-page .franchise-cta-btn--mail:hover,
.franchise-page .franchise-cta-btn--mail:focus {
    background: #ffffff;
    border-color: #ffffff;
    color: #c9101d !important;
    box-shadow: 0 14px 28px rgba(0, 0, 0, .22);
}

.franchise-page .franchise-cta-btn--call:hover,
.franchise-page .franchise-cta-btn--call:focus {
    background: #ef2b24;
    border-color: #ef2b24;
    color: #ffffff !important;
    box-shadow: 0 14px 28px rgba(239, 43, 36, .24);
}

.franchise-page .franchise-cta-btn--video:hover,
.franchise-page .franchise-cta-btn--video:focus {
    background: #128c4c;
    border-color: #128c4c;
    color: #ffffff !important;
    box-shadow: 0 14px 28px rgba(18, 140, 76, .24);
}

.terms-hero + .inner-page-nav + .container > .card,
.policy-hero + .inner-page-nav + .container > .card,
.refund-hero + .inner-page-nav + .container > .card,
.grievance-hero + .inner-page-nav + .container > .card {
    border: 0;
    background: transparent;
    box-shadow: none;
}

.terms-hero + .inner-page-nav + .container > .card > .card-body,
.policy-hero + .inner-page-nav + .container > .card > .card-body,
.refund-hero + .inner-page-nav + .container > .card > .card-body,
.grievance-hero + .inner-page-nav + .container > .card > .card-body {
    padding: 0;
}

.terms-wrap,
.policy-wrap,
.refund-policy-wrap,
.grievance-wrap {
    display: grid;
    gap: 16px;
}

.terms-item,
.policy-item,
.refund-item,
.grievance-item {
    padding: clamp(24px, 3vw, 34px) !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 20px;
    border: 1px solid var(--inner-line) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 10px 30px rgba(25, 22, 20, .045);
}

.terms-num,
.policy-num,
.refund-num,
.grievance-num,
.sp-num {
    width: 42px !important;
    height: 42px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border: 0 !important;
    border-radius: 13px !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--inner-accent), var(--inner-accent-dark)) !important;
    box-shadow: 0 8px 18px rgba(201, 16, 29, .2);
    font-size: 14px !important;
    font-weight: 800 !important;
}

.terms-content h3,
.policy-content h3,
.refund-content h3,
.grievance-content h3,
.sp-card-title,
.hs-card-title {
    margin: 0 0 12px !important;
    color: var(--inner-ink) !important;
    font-size: 19px !important;
    line-height: 1.3;
    font-weight: 800 !important;
}

.terms-content h4,
.policy-content h4 { color: #344054; font-size: 15px; font-weight: 750; }

.terms-content ul,
.policy-content ul,
.refund-content ul,
.grievance-content ul,
.sp-list {
    color: var(--inner-muted) !important;
    line-height: 1.75 !important;
}

.terms-content a,
.policy-content a,
.refund-content a,
.grievance-content a,
.sp-card a,
.hs-card a { color: var(--inner-accent-dark); font-weight: 700; }

.sp-wrap,
.hs-wrap { padding-bottom: 70px; }
.sp-card, .hs-card { padding: clamp(24px, 3vw, 34px) !important; margin-bottom: 18px !important; }
.sp-card-title, .hs-card-title { display: flex; align-items: center; gap: 12px; }
.hs-card-title i { width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; border-radius: 12px; background: var(--inner-soft); color: var(--inner-accent); }
.hs-topic { border-color: #f0e5e1 !important; background: #fffaf8 !important; color: #475467 !important; }
.hs-topic i { color: var(--inner-accent) !important; }
.skart-inner-page .hs-btn:hover,
.skart-inner-page .hs-btn:focus {
    color: #fff !important;
    background: #a60b16 !important;
    box-shadow: 0 12px 26px rgba(166, 11, 22, .24);
}
.skart-inner-page .hs-btn:hover i,
.skart-inner-page .hs-btn:focus i { color: #fff !important; }
.sp-note, .sp-closing { border-radius: 14px !important; background: var(--inner-soft) !important; color: #6d3431 !important; border-color: #ffd9d3 !important; }

.inner-contact-layout {
    padding-top: 48px;
}

.inner-contact-layout .for-contac-image {
    min-height: 340px;
    max-height: 420px;
}

.skart-contact-info {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.skart-contact-item {
    padding: 16px !important;
    border: 1px solid var(--inner-line) !important;
    border-radius: 15px;
    background: #fff;
}

.skart-contact-label { color: #98a2b3 !important; font-size: 10px !important; letter-spacing: .1em; text-transform: uppercase; }
.skart-contact-value { color: #344054 !important; font-weight: 650; }
.contact-form-card { height: 100%; }
.contact-form-card .card-body { padding: clamp(24px, 4vw, 38px) !important; }

.skart-inner-page .form-control,
.franchise-form-card .form-control {
    min-height: 50px;
    border: 1px solid #e6e1de !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--inner-ink);
    box-shadow: none !important;
}

.skart-inner-page textarea.form-control,
.franchise-form-card textarea.form-control { min-height: 135px; }
.skart-inner-page .form-control:focus, .franchise-form-card .form-control:focus { border-color: rgba(239, 43, 36, .65) !important; box-shadow: 0 0 0 4px rgba(239, 43, 36, .08) !important; }
.skart-inner-page label, .franchise-form-card label { color: #344054; font-size: 13px; font-weight: 700; }

.inner-primary-btn,
.skart-inner-page .btn--primary,
.franchise-submit-btn {
    min-height: 48px;
    padding: 12px 24px !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: #fff !important;
    background: linear-gradient(135deg, var(--inner-accent), var(--inner-accent-dark)) !important;
    box-shadow: 0 12px 24px rgba(201, 16, 29, .2);
    font-weight: 800 !important;
}

.inner-primary-btn:hover,
.inner-primary-btn:focus,
.skart-inner-page .btn--primary:hover,
.skart-inner-page .btn--primary:focus,
.franchise-submit-btn:hover,
.franchise-submit-btn:focus {
    color: #fff !important;
    background: linear-gradient(135deg, #d71920, #9f0c18) !important;
    box-shadow: 0 14px 28px rgba(159, 12, 24, .25);
}

.store-detail-card {
    margin-top: 24px;
    padding: 24px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 24px;
}

.store-detail-card h2 { margin: 0 0 7px; font-size: 21px; font-weight: 800; }
.store-detail-card p { margin: 0; color: var(--inner-muted); line-height: 1.65; }
.store-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.store-actions a { padding: 11px 16px; border-radius: 11px; font-size: 13px; font-weight: 750; }
.store-actions a:first-child { background: var(--inner-accent); color: #fff; }
.store-actions a:last-child { border: 1px solid var(--inner-line); color: var(--inner-ink); background: #fff; }

.track-layout {
    max-width: 1080px;
    margin: 0 auto;
    padding: 48px 20px 72px;
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
    gap: 24px;
}

.track-guide {
    padding: clamp(28px, 4vw, 40px);
    border-radius: var(--inner-radius);
    color: #fff;
    background: linear-gradient(145deg, #1b1d24, #30343d);
    box-shadow: var(--inner-shadow);
}

.track-guide h2 { color: #fff; font-size: 25px; font-weight: 800; }
.track-guide p { color: #cdd2db; line-height: 1.7; }
.track-guide-list { margin: 26px 0 0; padding: 0; list-style: none; }
.track-guide-list li { display: flex; gap: 12px; margin-top: 17px; color: #eef0f3; font-size: 14px; }
.track-guide-list i { width: 30px; height: 30px; flex: 0 0 30px; display: inline-flex; align-items: center; justify-content: center; border-radius: 9px; color: #fff; background: var(--inner-accent); }
.customer-track-card { padding: clamp(28px, 4vw, 42px); }
.customer-track-card h2 { margin: 0 0 8px; font-size: 27px; font-weight: 820; }
.customer-track-card > p { margin-bottom: 26px; color: var(--inner-muted); }
.customer-track-card .btn--primary { width: 100%; }

@media (max-width: 991.98px) {
    .about-hero,
    .franchise-hero,
    .terms-hero,
    .policy-hero,
    .refund-hero,
    .sp-hero,
    .hs-hero,
    .grievance-hero,
    .locator-hero,
    .inner-hero { padding: 58px 24px 66px; }

    .inner-page-nav { margin-left: 20px; margin-right: 20px; }
    .track-layout { grid-template-columns: 1fr; }
    .skart-contact-info { grid-template-columns: 1fr; }
}

@media (max-width: 767.98px) {
    .inner-page-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: -22px; }
    .terms-item, .policy-item, .refund-item, .grievance-item { grid-template-columns: 38px minmax(0, 1fr); gap: 14px; padding: 20px !important; }
    .terms-num, .policy-num, .refund-num, .grievance-num, .sp-num { width: 36px !important; height: 36px !important; }
    .about-values { grid-template-columns: 1fr; }
    .store-detail-card { grid-template-columns: 1fr; }
}

@media (max-width: 575.98px) {
    .about-hero,
    .franchise-hero,
    .terms-hero,
    .policy-hero,
    .refund-hero,
    .sp-hero,
    .hs-hero,
    .grievance-hero,
    .locator-hero,
    .inner-hero { padding: 44px 18px 54px; }

    .inner-page-nav { margin-left: 12px; margin-right: 12px; padding: 6px; gap: 6px; }
    .inner-page-nav a { min-height: 48px; padding: 8px; font-size: 11px; }
    .inner-page-nav i { font-size: 14px; }
    .track-layout { padding: 34px 14px 54px; }
    .skart-contact-info { grid-template-columns: 1fr; }
}