/* IMARKED V1 — global skin (desktop + shared)
   Source: Website-Clone brand-spec + imarked-marketplace.html
   Phase 1: chrome / tokens only — do not replace logos. */

:root {
    --im-bg: #f5f7fa;
    --im-surface: #ffffff;
    --im-fg: #181c23;
    --im-text: #333d4d;
    --im-muted: #6e7a8a;
    --im-border: #e7ebf0;
    --im-primary: #0066ff;
    --im-primary-hover: #0052cc;
    --im-primary-dark: #004493;
    --im-accent: #d9a441;
    --im-accent-strong: #f4a137;
    --im-accent-strong-hover: #e58f1f;
    --im-navy: #1a2230;
    --im-navy-hover: #0e141f;
    --im-footer: #1a2230;
    --im-success: #2f9e5f;
    --im-chip: #f1f3fe;
    --im-shadow-sm: 0 1px 2px rgba(24, 28, 35, 0.05), 0 1px 3px rgba(24, 28, 35, 0.06);
    --im-shadow-md: 0 4px 16px rgba(24, 28, 35, 0.08), 0 1px 4px rgba(24, 28, 35, 0.04);
    --im-shadow-header: 0 8px 24px rgba(15, 23, 42, 0.04);
    --im-shadow-hover: 0 4px 14px rgba(15, 23, 42, 0.06);
    --im-radius: 14px;
    --im-radius-sm: 10px;
    --im-radius-pill: 999px;
    --im-font: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
    --im-header-font: "Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
    --im-max: 1180px;
    --im-header-max: 1440px;
}

body.imarked-v1 {
    font-family: var(--im-font) !important;
    background: var(--im-bg) !important;
    color: var(--im-text);
    -webkit-font-smoothing: antialiased;
}

body.imarked-v1 #wrapper {
    background: var(--im-bg);
}

/* ── Header / topbar ── */
body.imarked-v1 #header.variantleft.type_1,
body.imarked-v1 .header-center {
    background: var(--im-surface) !important;
    border-bottom: 1px solid var(--im-border);
    box-shadow: var(--im-shadow-sm);
}

body.imarked-v1 .header-center.left.c-bg-w {
    background: var(--im-surface) !important;
    padding-top: 10px;
    padding-bottom: 10px;
}

body.imarked-v1 .navbar-logo {
    max-width: 160px !important;
    max-height: 48px !important;
    overflow: hidden !important;
}

body.imarked-v1 .navbar-logo img {
    max-height: 39px !important;
    height: 39px !important;
    width: auto !important;
    max-width: 150px !important;
    object-fit: contain !important;
    aspect-ratio: auto !important;
}

body.imarked-v1 #sosearchpro .search.input-group,
body.imarked-v1 #sosearchpro .autosearch-input.form-control {
    border-radius: var(--im-radius-pill);
}

body.imarked-v1 #sosearchpro .autosearch-input.form-control {
    border: 1px solid var(--im-border);
    height: 44px;
    box-shadow: none;
    padding-left: 18px;
    font-size: 14px;
    color: var(--im-fg);
    background: var(--im-chip);
}

body.imarked-v1 #sosearchpro .im-search-wrap .autosearch-input.form-control:focus {
    border-color: transparent;
    background: transparent;
    outline: none;
    box-shadow: none;
}

body.imarked-v1 #sosearchpro .im-search-wrap .button-search.btn,
body.imarked-v1 #sosearchpro .im-search-wrap #btnSearch.button-search {
    background: var(--im-navy) !important;
    border-color: var(--im-navy) !important;
    color: #fff !important;
    border-radius: 50% !important;
    height: 34px;
    min-width: 34px;
    margin-left: 0;
}

body.imarked-v1 #sosearchpro .im-search-wrap .button-search.btn:hover,
body.imarked-v1 #sosearchpro .im-search-wrap #btnSearch.button-search:hover {
    background: var(--im-navy-hover) !important;
    border-color: var(--im-navy-hover) !important;
}

/* Primary CTAs */
body.imarked-v1 .btn-primary,
body.imarked-v1 a.btn-primary,
body.imarked-v1 button.btn-primary,
body.imarked-v1 .btn.btn-primary {
    background: var(--im-primary) !important;
    border-color: var(--im-primary) !important;
    color: #fff !important;
    border-radius: var(--im-radius-sm);
    font-weight: 600;
    font-family: var(--im-font);
}

body.imarked-v1 .btn-primary:hover,
body.imarked-v1 a.btn-primary:hover {
    background: var(--im-primary-hover) !important;
    border-color: var(--im-primary-hover) !important;
}

body.imarked-v1 .btn-default,
body.imarked-v1 .btn.btn-default {
    border-radius: var(--im-radius-sm);
    border-color: var(--im-border);
    color: var(--im-text);
    font-family: var(--im-font);
}

body.imarked-v1 a {
    transition: color 0.15s ease;
}

body.imarked-v1 a:hover {
    color: var(--im-primary);
}

/* Links that look like sell / accent */
body.imarked-v1 .header-center .btn-link,
body.imarked-v1 .top-links a:hover {
    color: var(--im-primary);
}

/* Cards / product tiles (common theme classes) */
body.imarked-v1 .product-layout .product-item-container,
body.imarked-v1 .products-list .product-layout,
body.imarked-v1 .product-item-container,
body.imarked-v1 .item-inner,
body.imarked-v1 .panel,
body.imarked-v1 .well {
    border-radius: var(--im-radius) !important;
    border-color: var(--im-border) !important;
    box-shadow: var(--im-shadow-sm);
    background: var(--im-surface);
}

body.imarked-v1 .main-container.container {
    padding-top: 20px;
    padding-bottom: 32px;
}

body.imarked-v1 h1,
body.imarked-v1 h2,
body.imarked-v1 h3,
body.imarked-v1 h4,
body.imarked-v1 .modtitle {
    font-family: var(--im-font);
    color: var(--im-fg);
    letter-spacing: 0;
}

/* Theme base heading sizes +10% (theme-orange: 25/20/18/15) */
body.imarked-v1 h1 {
    font-size: 27.5px;
}

body.imarked-v1 h2 {
    font-size: 22px;
}

body.imarked-v1 h3,
body.imarked-v1 .modtitle {
    font-size: 19.8px;
}

body.imarked-v1 h4 {
    font-size: 16.5px;
}

/* Form controls */
body.imarked-v1 .form-control {
    border-radius: var(--im-radius-sm);
    border-color: var(--im-border);
    font-family: var(--im-font);
}

body.imarked-v1 .form-control:focus {
    border-color: var(--im-primary);
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12);
}

/* ── Footer (legacy dark rules — V1 chrome footer uses im-footer light styles) ── */
body.imarked-v1 footer.footer-container:not(.im-footer),
body.imarked-v1 .footer-container.type_footer1:not(.im-footer),
body.imarked-v1 .footer-top,
body.imarked-v1 .footer-bottom-block {
    background: var(--im-footer) !important;
    color: rgba(255, 255, 255, 0.85);
}

body.imarked-v1 footer.footer-container:not(.im-footer) .modtitle,
body.imarked-v1 footer.footer-container:not(.im-footer) h3 {
    color: #fff !important;
    font-weight: 700;
}

body.imarked-v1 footer.footer-container:not(.im-footer) a,
body.imarked-v1 footer.footer-container:not(.im-footer) .menu li a {
    color: rgba(255, 255, 255, 0.78) !important;
}

body.imarked-v1 footer.footer-container:not(.im-footer) a:hover {
    color: var(--im-accent) !important;
}

body.imarked-v1 .footer-bottom-block {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

body.imarked-v1 .footer-bottom-block .copyright-text,
body.imarked-v1 .footer-bottom-block a {
    color: rgba(255, 255, 255, 0.7) !important;
}

body.imarked-v1 .back-to-top {
    background: var(--im-primary) !important;
    border-radius: var(--im-radius-pill);
    color: #fff !important;
}

/* Gold accent utility (hero text can use later) */
body.imarked-v1 .im-accent,
body.imarked-v1 .text-im-accent {
    color: var(--im-accent) !important;
}

body.imarked-v1 .im-primary-bg {
    background: var(--im-primary) !important;
    color: #fff !important;
}

/* Megamenu / nav polish */
body.imarked-v1 .megamenu-wrapper,
body.imarked-v1 .container-megamenu {
    font-family: var(--im-font);
}

body.imarked-v1 .horizontal ul.megamenu > li > a {
    font-weight: 600;
    color: var(--im-text);
}

body.imarked-v1 .horizontal ul.megamenu > li > a:hover,
body.imarked-v1 .horizontal ul.megamenu > li.active > a {
    color: var(--im-primary) !important;
}

/* Pagination */
body.imarked-v1 .pagination > .active > a,
body.imarked-v1 .pagination > .active > span {
    background: var(--im-primary) !important;
    border-color: var(--im-primary) !important;
}

body.imarked-v1 .pagination > li > a:hover {
    color: var(--im-primary);
}

/* ── Shared modern indeterminate progress bar (home + search + modal) ── */
@keyframes im-loader-indeterminate {
    0% { transform: translateX(-120%); }
    100% { transform: translateX(320%); }
}

@keyframes im-loader-spin {
    to { transform: rotate(360deg); }
}

body.imarked-v1 .im-loader,
body.imarked-v1 #imgLoader.im-loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    max-width: 220px;
    margin: 14px auto;
    padding: 6px 0;
    text-align: center;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    line-height: 1.2;
}

body.imarked-v1 .im-loader__track {
    position: relative;
    width: 100%;
    height: 3px;
    border-radius: 999px;
    background: rgba(0, 102, 255, 0.12);
    overflow: hidden;
}

body.imarked-v1.is-wholesale .im-loader__track {
    background: rgba(26, 34, 48, 0.12);
}

body.imarked-v1 .im-loader__bar {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 42%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--im-primary, #0066ff), #38bdf8);
    transform: translateX(-120%);
    animation: im-loader-indeterminate 1.15s cubic-bezier(0.4, 0, 0.2, 1) infinite;
    will-change: transform;
}

body.imarked-v1.is-wholesale .im-loader__bar {
    background: linear-gradient(90deg, #1a2230, #64748b);
}

body.imarked-v1 .im-loader__label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: var(--im-muted, #6e7a8a);
}

body.imarked-v1 .im-loader--compact {
    max-width: 180px;
    margin: 8px auto;
    gap: 8px;
}

/* Optional spinner (kept for rare inline uses) */
body.imarked-v1 .im-loader__spinner {
    display: inline-block;
    width: 28px;
    height: 28px;
    border: 2.5px solid rgba(0, 102, 255, 0.16);
    border-top-color: var(--im-primary, #0066ff);
    border-radius: 50%;
    box-sizing: border-box;
    vertical-align: middle;
    animation: im-loader-spin 0.7s linear infinite;
}

/* Legacy <img id="imgLoader"> — restyle as the same progress track */
body.imarked-v1 img#imgLoader {
    display: block !important;
    width: 160px !important;
    height: 3px !important;
    max-width: 160px !important;
    max-height: 3px !important;
    margin: 14px auto !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, transparent 0%, var(--im-primary, #0066ff) 45%, #38bdf8 55%, transparent 100%) !important;
    background-size: 200% 100% !important;
    box-shadow: none !important;
    object-fit: none !important;
    object-position: 200px 200px !important;
    overflow: hidden !important;
    animation: im-loader-gif-bar 1.15s linear infinite !important;
}

@keyframes im-loader-gif-bar {
    0% { background-position: 100% 0; }
    100% { background-position: -100% 0; }
}

/* Processing modal — same bar language */
body.imarked-v1 #myModal_progressbar .modal-content {
    border: 0;
    border-radius: 16px;
    box-shadow: 0 18px 48px rgba(24, 28, 35, 0.18);
    overflow: hidden;
}

body.imarked-v1 #myModal_progressbar .modal-header {
    border: 0;
    padding: 22px 24px 8px;
    background: #fff;
}

body.imarked-v1 #myModal_progressbar .modal-title {
    margin: 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--im-fg, #181c23);
}

body.imarked-v1 #myModal_progressbar .modal-body {
    padding: 12px 24px 28px;
    background: #fff;
}

body.imarked-v1 #myModal_progressbar .im-loader {
    margin: 8px auto 0;
    max-width: 240px;
}

body.imarked-v1 #myModal_progressbar .progress,
body.imarked-v1 #myModal_progressbar .progress-bar {
    display: none !important;
}

/* IMARKED V1 — desktop header + footer chrome (match Website-Clone mockup) */

/* Undo main.css img aspect-ratio hack that blows up logos without width/height attrs */
body.imarked-v1 img {
    aspect-ratio: auto !important;
}

body.imarked-v1 .product-image-container img.c-product-img-th {
    aspect-ratio: 1 / 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover;
}

body.imarked-v1 .im-wrap {
    width: min(100% - 32px, var(--im-max, 1180px));
    margin-inline: auto;
    box-sizing: border-box;
}

/* Header + subnav only: Plus Jakarta Sans + wider 1440px canvas, per approved spec.
   Scoped strictly to .im-topbar / .im-subnav — body/hero typography and width are untouched.
   Text-bearing elements only (never "i"/".fa") so FontAwesome glyphs keep their icon font. */
body.imarked-v1 .im-topbar,
body.imarked-v1 .im-topbar a,
body.imarked-v1 .im-topbar button,
body.imarked-v1 .im-topbar input,
body.imarked-v1 .im-topbar select,
body.imarked-v1 .im-topbar option,
body.imarked-v1 .im-topbar span,
body.imarked-v1 .im-topbar p,
body.imarked-v1 .im-topbar div,
body.imarked-v1 .im-subnav,
body.imarked-v1 .im-subnav a,
body.imarked-v1 .im-subnav button,
body.imarked-v1 .im-subnav span,
body.imarked-v1 .im-subnav p,
body.imarked-v1 .im-subnav div,
body.imarked-v1 .im-subnav li {
    font-family: var(--im-header-font, "Inter", "Segoe UI", system-ui, sans-serif) !important;
}

/* Both header rows share Bootstrap's .container. The generic .im-wrap rule
   above (used by the footer/hero) is more specific than Bootstrap's own
   .container breakpoints, so here we mirror Bootstrap 3's exact container
   width table (750/970) at its own breakpoints and only widen the largest
   (lg, >=1200px) tier to the approved 1280-1320px canvas — no new/invented
   breakpoints, no change to Bootstrap's grid math. */
body.imarked-v1 .im-topbar .im-wrap.container,
body.imarked-v1 .im-subnav .im-wrap.container {
    width: auto;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 768px) {
    body.imarked-v1 .im-topbar .im-wrap.container,
    body.imarked-v1 .im-subnav .im-wrap.container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    body.imarked-v1 .im-topbar .im-wrap.container,
    body.imarked-v1 .im-subnav .im-wrap.container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    body.imarked-v1 .im-topbar .im-wrap.container,
    body.imarked-v1 .im-subnav .im-wrap.container {
        width: 1300px;
        max-width: 1300px;
    }
}

/* Homepage/page content shares the exact same canvas as the header rows —
   same padding, same lg-tier width — so nothing sits on a different grid.
   Bootstrap's own .container widths at sm/md (750/970) are untouched;
   only the top tier is widened to match the header's 1300px. */
body.imarked-v1 .main-container.container {
    padding-left: 20px;
    padding-right: 20px;
}

@media (min-width: 1200px) {
    body.imarked-v1 .main-container.container {
        width: 1300px;
        max-width: 1300px;
    }
}

/* Homepage sections nest another Bootstrap .container inside
   .main-container — that inner box defaults to 1170px while the header
   uses 1300px, which causes the stair-step margin effect. Stretch nested
   containers to the full main-container width (padding already on parent). */
body.imarked-v1 .main-container.container > .container,
body.imarked-v1 .main-container.container > .im-search-page,
body.imarked-v1 .main-container.container section .container,
body.imarked-v1 .main-container.container .so-spotlight1 .container {
    width: 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

/* Market cards sit directly in .main-container; neutralise the -10px pull
   so their outer edges line up with the header container edges. */
body.imarked-v1 .main-container.container .services-v1 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Reset old theme header chrome when V1 shell is present */
body.imarked-v1 #header.im-chrome-header {
    background: transparent !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    min-height: 0 !important;
    overflow: visible !important;
}

/* Only hide leftover legacy header-center if present — keep .im-subnav.header-bottom */
body.imarked-v1 #header.im-chrome-header > .header-center {
    display: none !important;
}

body.imarked-v1 #header.im-chrome-header .im-subnav.header-bottom {
    display: block !important;
}

/* ── Top bar ── */
body.imarked-v1 .im-topbar {
    background: var(--im-surface, #fff);
    border-bottom: 1px solid #e8edf3;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
    position: sticky;
    top: 0;
    /* Above .im-cat-col (1002) so the mini-cart dropdown is not covered by the subnav */
    z-index: 1105;
    overflow: visible;
}

/* ── Modal stacking (site-wide desktop + mobile) ─────────────────────────
   Sticky header is 1105. Bootstrap defaults (1040/1050) sit under it.
   Order must be: page < header < lock/backdrop < dialog.
   Modals are also moved to <body> in CommonScript (avoids #wrapper traps). */
body.imarked-v1.modal-open .im-topbar,
body.imarked-v1.modal-open #header.im-chrome-header,
body.imarked-v1.modal-open .im-subnav {
    z-index: 1000 !important;
}

body.imarked-v1 .modal-backdrop,
body.imarked-v1 .modal-backdrop.fade,
body.imarked-v1 .modal-backdrop.in {
    z-index: 20000 !important;
    position: fixed !important;
}

body.imarked-v1 .modal,
body.imarked-v1 .modal.fade,
body.imarked-v1 .modal.in,
body.imarked-v1 #myModal_Message,
body.imarked-v1 #myModal_Summary,
body.imarked-v1 #myModal_progressbar,
body.imarked-v1 #myModal_SignUp,
body.imarked-v1 #myModal_Blank {
    z-index: 20010 !important;
    position: fixed !important;
}

body.imarked-v1 .modal .modal-dialog {
    z-index: 20011 !important;
    pointer-events: auto;
}

/* Row 1: Bootstrap col-sm-2/6/4 keeps the grid; each column becomes a
   flex box so logo, search and actions share one vertical center line.
   (table-layout:fixed was forcing equal thirds and breaking the 2/6/4 split.) */
body.imarked-v1 .im-topbar-row {
    min-height: 76px;
    padding: 14px 0;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    body.imarked-v1 .im-topbar-row > .im-logo-col,
    body.imarked-v1 .im-topbar-row > .im-search-col,
    body.imarked-v1 .im-topbar-row > .im-actions-col {
        display: flex;
        align-items: center;
        min-height: 48px;
    }

    body.imarked-v1 .im-topbar-row > .im-logo-col {
        justify-content: flex-start;
    }

    body.imarked-v1 .im-topbar-row > .im-search-col {
        justify-content: flex-start;
    }

    body.imarked-v1 .im-topbar-row > .im-actions-col {
        justify-content: flex-end;
        padding: 0;
    }
}

/* Logo: brand sizing only — column/positioning stays Bootstrap's own grid.
   Height trimmed so it no longer dominates the row vertically; width stays
   in the approved 150-165px range. */
body.imarked-v1 .im-logo-link {
    display: inline-flex !important;
    align-items: center;
    width: 158px !important;
    max-width: 158px !important;
    height: 39px !important;
    max-height: 39px !important;
    overflow: hidden !important;
    text-decoration: none !important;
}

body.imarked-v1 .im-logo-link img,
body.imarked-v1 .im-topbar img {
    max-height: 39px !important;
    height: 39px !important;
    width: auto !important;
    max-width: 156px !important;
    display: block !important;
    object-fit: contain !important;
    aspect-ratio: auto !important;
}

body.imarked-v1 .im-search-host {
    width: 100%;
}

body.imarked-v1 .im-search-form {
    width: 100%;
}

/* Search box: flex-centred input-group — category trigger, input and navy
   button share one vertical centre line; Bootstrap dropdown menu styles
   the open item list (native <select> stays sr-only for sync logic). */
body.imarked-v1 .im-search-wrap.input-group {
    display: flex;
    align-items: center;
    padding: 0 4px 0 0;
    overflow: visible;
}

body.imarked-v1 .im-search-wrap > .input-group-btn {
    width: auto;
    flex: 0 0 auto;
    float: none;
    vertical-align: middle;
}

body.imarked-v1 .im-search-wrap {
    width: 100%;
    max-width: 100%;
    background: #ffffff;
    border: 1px solid var(--im-border, #e7ebf0);
    border-radius: 15px;
    height: 46px;
    box-shadow: none;
    transition: border-color 150ms ease, box-shadow 150ms ease;
}

body.imarked-v1 .im-search-wrap:hover {
    box-shadow: var(--im-shadow-hover, 0 4px 14px rgba(15, 23, 42, 0.06));
}

body.imarked-v1 .im-search-wrap:focus-within {
    border-color: #b8c2ce;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.05), 0 4px 12px rgba(15, 23, 42, 0.06);
}

/* Category trigger (closed state) */
body.imarked-v1 .im-search-type-dd {
    position: relative;
}

body.imarked-v1 .im-search-type-trigger {
    display: inline-flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: auto;
    min-width: 118px;
    max-width: 145px;
    height: 46px !important;
    padding: 0 14px 0 16px !important;
    margin: 0 !important;
    border: 0 !important;
    border-right: 1px solid #eef1f5 !important;
    border-radius: 14px 0 0 14px !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    color: var(--im-text, #333d4d) !important;
    line-height: 1.2;
    text-align: left;
    white-space: nowrap;
    transition: color 150ms ease;
}

body.imarked-v1 .im-search-type-trigger:hover,
body.imarked-v1 .im-search-type-dd.open .im-search-type-trigger {
    background: transparent !important;
    color: var(--im-fg, #181c23) !important;
}

body.imarked-v1 .im-search-type-label {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .im-search-type-chevron {
    flex: 0 0 auto;
    font-size: 10px;
    color: var(--im-muted, #6e7a8a);
    transition: transform 150ms ease, color 150ms ease;
}

body.imarked-v1 .im-search-type-dd.open .im-search-type-chevron {
    transform: rotate(180deg);
    color: var(--im-fg, #181c23);
}

/* Open menu — item presentation */
body.imarked-v1 .im-search-type-menu {
    min-width: 168px;
    margin-top: 8px;
    padding: 6px;
    border: 1px solid var(--im-border, #e7ebf0);
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.1);
    background: #fff;
    z-index: 1101;
}

body.imarked-v1 .im-search-type-menu > li > a.im-search-type-option {
    display: block;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--im-text, #333d4d) !important;
    text-decoration: none !important;
    line-height: 1.3;
    transition: background 150ms ease, color 150ms ease;
}

body.imarked-v1 .im-search-type-menu > li > a.im-search-type-option:hover,
body.imarked-v1 .im-search-type-menu > li > a.im-search-type-option:focus {
    background: var(--im-bg, #f5f7fa) !important;
    color: var(--im-fg, #181c23) !important;
    outline: none;
}

body.imarked-v1 .im-search-type-menu > li.active > a.im-search-type-option {
    background: rgba(0, 102, 255, 0.08) !important;
    color: var(--im-primary, #0066ff) !important;
    font-weight: 600;
}

body.imarked-v1 .im-search-wrap input#search,
body.imarked-v1 .im-search-wrap input.autosearch-input {
    -webkit-appearance: none;
    appearance: none;
    flex: 1 1 auto;
    float: none;
    width: 1%;
    border: none !important;
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: 400;
    color: var(--im-fg, #181c23);
    min-width: 0;
    height: 46px !important;
    line-height: 46px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

body.imarked-v1 .im-search-wrap input#search::placeholder,
body.imarked-v1 .im-search-wrap input.autosearch-input::placeholder {
    color: #a3adbb;
    font-size: 14px;
    font-weight: 400;
    opacity: 1;
}

body.imarked-v1 .im-search-btn-addon {
    display: flex;
    align-items: center;
    padding: 0 5px 0 4px;
}

body.imarked-v1 .type_1 #sosearchpro .im-search-wrap .button-search.btn,
body.imarked-v1 .im-search-btn,
body.imarked-v1 #btnSearch.im-search-btn {
    -webkit-appearance: none;
    appearance: none;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 50% !important;
    background: var(--im-navy, #1a2230) !important;
    background-color: var(--im-navy, #1a2230) !important;
    border: none !important;
    border-color: var(--im-navy, #1a2230) !important;
    color: #fff !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    transition: background 150ms ease, background-color 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}

body.imarked-v1 .im-search-btn i,
body.imarked-v1 #btnSearch.im-search-btn i {
    font-size: 13px;
    font-weight: 400;
    line-height: 1;
    color: #fff !important;
}

body.imarked-v1 .type_1 #sosearchpro .im-search-wrap .button-search.btn:hover,
body.imarked-v1 .type_1 #sosearchpro .im-search-wrap .button-search.btn:focus,
body.imarked-v1 #btnSearch.im-search-btn:hover,
body.imarked-v1 #btnSearch.im-search-btn:focus {
    background: var(--im-navy-hover, #0e141f) !important;
    background-color: var(--im-navy-hover, #0e141f) !important;
    border-color: var(--im-navy-hover, #0e141f) !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(26, 34, 48, 0.25);
    outline: none !important;
}

/* Actions row is a Bootstrap .nav.navbar-nav.navbar-right — Bootstrap's own
   navbar-right float positions the whole group at the column's right edge;
   display:flex only governs alignment *within* that group so the 4 unevenly
   shaped actions (stacked icon+label vs. the horizontal cart pill) share one
   visual baseline instead of top-aligning like plain floats would. Kept as a
   tight, non-spread group per spec. */
body.imarked-v1 .im-actions-col,
body.imarked-v1 .im-top-actions {
    overflow: visible !important;
}

body.imarked-v1 .im-top-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    float: none !important;
    list-style: none;
    gap: 4px;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    z-index: 1;
}

body.imarked-v1 .im-top-actions.navbar-nav {
    margin: 0 !important;
}

body.imarked-v1 .im-top-actions > li {
    display: flex;
    align-items: center;
    float: none !important;
    margin: 0;
}

body.imarked-v1 .im-sub-links.navbar-nav,
body.imarked-v1 .im-sub-country.navbar-nav {
    margin: 0 !important;
}

body.imarked-v1 a.im-icon-action {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    min-width: 64px;
    padding: 8px 4px;
    border-radius: 12px;
    border: 1px solid transparent;
    font-size: 12px;
    font-weight: 500;
    color: var(--im-muted, #6e7a8a) !important;
    text-decoration: none !important;
    background: transparent;
    line-height: 1.15;
    transition: background 150ms ease, border-color 150ms ease, color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

body.imarked-v1 a.im-icon-action span:not(.im-badge) {
    display: block;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    letter-spacing: -0.01em;
    transition: color 150ms ease;
}

body.imarked-v1 a.im-icon-action i {
    font-size: 23px;
    line-height: 1;
    color: #5f6b7a;
    transition: color 150ms ease, transform 150ms ease;
}

body.imarked-v1 a.im-icon-action:hover {
    background: #f3f6fa;
    border-color: #dde3eb;
    color: var(--im-navy, #1a2230) !important;
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

body.imarked-v1 a.im-icon-action:hover i {
    color: var(--im-navy, #1a2230);
}

body.imarked-v1 a.im-icon-action:active,
body.imarked-v1 a.im-icon-action.is-active {
    background: #e9eef4;
    border-color: #cfd8e3;
    color: var(--im-navy, #1a2230) !important;
    transform: translateY(0);
    box-shadow: inset 0 1px 2px rgba(15, 23, 42, 0.06);
}

body.imarked-v1 a.im-icon-action:active i,
body.imarked-v1 a.im-icon-action.is-active i {
    color: var(--im-navy, #1a2230);
}

body.imarked-v1 a.im-icon-action:focus {
    outline: none;
}

body.imarked-v1 a.im-icon-action:focus-visible {
    border-color: #b8c2ce;
    box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.06);
}

body.imarked-v1 a.im-icon-action .im-badge {
    position: absolute;
    top: 4px;
    right: 6px;
    background: #ba1a1a;
    color: #fff;
    font-size: 9px;
    min-width: 14px;
    height: 14px;
    line-height: 14px;
    border-radius: 999px;
    text-align: center;
    padding: 0 3px;
}

body.imarked-v1 .im-icon-action-wrap {
    position: relative;
}

/* Cart host — CartScript replaces #cart-sidebar inner HTML on every AJAX update */
body.imarked-v1 #cart-sidebar.im-cart-host {
    position: relative;
    margin: 0 0 0 2px;
    display: flex;
    align-items: center;
}

body.imarked-v1 #cart-sidebar.im-cart-host .top_cart,
body.imarked-v1 #cart-sidebar.im-cart-host > a {
    display: flex !important;
    align-items: center;
    text-decoration: none !important;
    cursor: pointer;
    outline: none;
    border-radius: 13px;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .top_cart:hover,
body.imarked-v1 #cart-sidebar.im-cart-host .top_cart:focus,
body.imarked-v1 #cart-sidebar.im-cart-host.open .top_cart,
body.imarked-v1 #cart-sidebar.im-cart-host.open .top_cart:hover {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .top_cart:focus {
    outline: none;
}

body.imarked-v1 #cart-sidebar.im-cart-host .top_cart:focus-visible .shopcart {
    outline: none;
}

/* Orange filled pill — genuine single-row horizontal layout: icon, then
   "Handlekurv", then the dynamic count, all inline left-to-right. Smaller
   footprint than the other actions' hit area, on purpose, so it reads as
   "one of the actions" rather than a separate ad banner. */
body.imarked-v1 #cart-sidebar.im-cart-host .shopcart,
body.imarked-v1 #cart-sidebar.im-cart-host .top_cart:hover .shopcart,
body.imarked-v1 #cart-sidebar.im-cart-host .top_cart:focus .shopcart,
body.imarked-v1 #cart-sidebar.im-cart-host.open .top_cart .shopcart,
body.imarked-v1 #cart-sidebar.im-cart-host.open > a .shopcart,
body.imarked-v1 #cart-sidebar.im-cart-host.open .top_cart:hover .shopcart {
    display: flex !important;
    align-items: center;
    gap: 6px;
    min-width: auto;
    padding: 8px 12px;
    border-radius: 13px;
    background: var(--im-accent-strong, #f4a137) !important;
    background-color: var(--im-accent-strong, #f4a137) !important;
    color: #fff !important;
    border: none;
    box-shadow: none;
    transition: transform 150ms ease;
}

body.imarked-v1 #cart-sidebar.im-cart-host .top_cart:hover .shopcart {
    transform: translateY(-1px);
}

body.imarked-v1 #cart-sidebar.im-cart-host .top_cart:active .shopcart {
    transform: translateY(0);
}

body.imarked-v1 #cart-sidebar.im-cart-host.open .top_cart .shopcart,
body.imarked-v1 #cart-sidebar.im-cart-host.open > a .shopcart {
    transform: translateY(-1px);
}

body.imarked-v1 #cart-sidebar.im-cart-host .title {
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #fff !important;
    text-transform: none;
    letter-spacing: 0;
    line-height: 1;
    white-space: nowrap;
    margin: 0 !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .text-shopping-cart,
body.imarked-v1 #cart-sidebar.im-cart-host .cart-total-full,
body.imarked-v1 #cart-sidebar.im-cart-host .items_cart {
    font-size: 11px !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.92) !important;
    white-space: nowrap;
    line-height: 1;
    margin: 0 !important;
}

/* Icon: left-most flex item, vertically centered on the pill's baseline */
body.imarked-v1 #cart-sidebar.im-cart-host .handle,
body.imarked-v1 #cart-sidebar.im-cart-host .handle.pull-left {
    float: none !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    width: 16px !important;
    height: 16px !important;
    min-width: 16px;
    margin: 0 !important;
    box-shadow: none;
}

body.imarked-v1 #cart-sidebar.im-cart-host .handle:before {
    content: "\f07a";
    font-family: FontAwesome;
    font-size: 15px;
    color: #fff;
}

/* ── Cart popup ── */
@keyframes im-cart-drop-in {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

body.imarked-v1 #cart-sidebar.im-cart-host .dropdown-menu.shoppingcart-box {
    display: none;
    position: absolute;
    top: calc(100% + 12px);
    right: -4px;
    left: auto;
    float: none !important;
    margin: 0;
    width: 400px;
    max-width: calc(100vw - 24px);
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.12), 0 2px 6px rgba(0, 0, 0, 0.06);
    padding: 0;
    z-index: 1100;
    list-style: none;
    overflow: hidden;
    flex-direction: column;
}

body.imarked-v1 #cart-sidebar.im-cart-host.open .dropdown-menu.shoppingcart-box {
    display: flex !important;
    animation: im-cart-drop-in 180ms ease-out;
}

/* Brief “added to cart” toast — desktop + mobile */
body.imarked-v1 .im-cart-toast {
    position: fixed;
    top: 88px;
    right: 20px;
    z-index: 20020;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    width: auto;
    max-width: min(420px, calc(100vw - 32px));
    padding: 10px 16px 10px 12px;
    border-radius: 999px;
    background: #1a2230;
    color: #fff;
    font-family: var(--im-header-font, "Inter", "Segoe UI", system-ui, sans-serif);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.25;
    letter-spacing: -0.01em;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.18), 0 2px 6px rgba(15, 23, 42, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-8px);
    pointer-events: none;
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
}

body.imarked-v1 .im-cart-toast.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    pointer-events: auto;
}

body.imarked-v1 .im-cart-toast__icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #5eead4;
    color: #0f172a;
}

body.imarked-v1 .im-cart-toast__icon .fa {
    font-size: 13px;
    line-height: 1;
}

body.imarked-v1 .im-cart-toast__msg {
    flex: 1 1 auto;
    min-width: 0;
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
}

body.imarked-v1 .im-cart-toast__link {
    flex: 0 0 auto;
    margin-left: 4px;
    color: #f4a137;
    text-decoration: none;
    font-weight: 700;
    white-space: nowrap;
}

body.imarked-v1 .im-cart-toast__link:hover,
body.imarked-v1 .im-cart-toast__link:focus {
    color: #ffb84d;
    text-decoration: none;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-cart-toast {
        top: auto;
        bottom: calc(72px + env(safe-area-inset-bottom, 0px));
        left: 50%;
        right: auto;
        transform: translate(-50%, 8px);
        max-width: calc(100vw - 32px);
    }

    body.imarked-v1 .im-cart-toast.is-visible {
        transform: translate(-50%, 0);
    }
}

body.imarked-v1 #cart-sidebar.im-cart-host .dropdown-menu.shoppingcart-box:before {
    content: "";
    position: absolute;
    top: -7px;
    right: 30px;
    width: 12px;
    height: 12px;
    background: #fff;
    border-left: 1px solid #e5e7eb;
    border-top: 1px solid #e5e7eb;
    transform: rotate(45deg);
}

body.imarked-v1 #cart-sidebar.im-cart-host .dropdown-menu.shoppingcart-box > li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Empty */
body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-empty {
    padding: 36px 28px 28px;
    text-align: center;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-empty__icon {
    width: 64px;
    height: 64px;
    margin: 0 auto 16px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f4f6;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-empty__icon .fa {
    display: inline-block !important;
    font-size: 24px !important;
    line-height: 1 !important;
    color: #6b7280 !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-empty__title {
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 600;
    color: #111827;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-empty__hint {
    margin: 0;
    font-size: 13px;
    line-height: 1.5;
    color: #6b7280;
}

/* Item list — Google/Microsoft style spacing */
body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart__items {
    position: relative;
    z-index: 1;
    flex: 1 1 auto;
    min-height: 0;
    max-height: 320px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 8px 0;
    -webkit-overflow-scrolling: touch;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-list {
    display: block;
    position: relative;
    float: none !important;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 20px;
    border-radius: 0;
    float: none !important;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    transition: background 120ms ease;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item + .im-minicart-item {
    border-top: 1px solid #f3f4f6;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item:hover {
    background: #fafafa;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item__thumb {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #eceff3;
    background: #f9fafb;
    text-decoration: none !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item__thumb img.preview {
    display: block;
    width: 56px !important;
    height: 56px !important;
    max-width: none !important;
    max-height: none !important;
    object-fit: cover;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item__body {
    flex: 1 1 auto;
    min-width: 0;
    padding-top: 2px;
}

body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box .cart_product_name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 0 8px;
    color: #111827 !important;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.35;
    text-decoration: none !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box .cart_product_name:hover {
    color: #111827 !important;
    text-decoration: underline !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item__qty {
    display: block;
    color: #6b7280;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.3;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item__aside {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    min-width: 72px;
    padding-top: 2px;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item__price {
    color: #111827;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.01em;
    white-space: nowrap;
    line-height: 1.3;
}

/* Soft ghost remove — no bordered boxes */
body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item__remove.fa-delete,
body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box a.fa-delete {
    flex: 0 0 auto;
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    border: 0 !important;
    background: transparent !important;
    color: #9ca3af !important;
    text-decoration: none !important;
    line-height: 1 !important;
    cursor: pointer;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item__remove .fa {
    display: inline-block !important;
    font-size: 14px !important;
    line-height: 1 !important;
    color: inherit !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-item__remove.fa-delete:hover,
body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box a.fa-delete:hover {
    border: 0 !important;
    background: #f3f4f6 !important;
    color: #111827 !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box a.fa-edit {
    display: none !important;
}

/* Summary + actions — never overlay the item list */
body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart__summary {
    position: relative;
    z-index: 2;
    flex: 0 0 auto;
    clear: both;
    float: none !important;
    margin: 0;
    padding: 16px 20px 20px;
    background: #fff;
    border-top: 1px solid #e5e7eb;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-totals {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-totals__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    font-size: 13px;
    color: #6b7280;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-totals__row strong {
    color: #111827;
    font-weight: 600;
    white-space: nowrap;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-totals__row--total {
    margin-top: 2px;
    padding-top: 12px;
    border-top: 1px solid #e5e7eb;
    font-size: 14px;
    color: #111827;
    font-weight: 600;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-totals__row--total strong {
    color: #111827;
    font-size: 16px;
    font-weight: 700;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart__actions {
    display: flex;
    gap: 10px;
    margin: 16px 0 0;
}

body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box a.btn {
    flex: 1 1 0;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 40px;
    padding: 10px 14px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box a.btn.view-cart {
    background: #fff !important;
    color: #111827 !important;
    border: 1px solid #d1d5db !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box a.btn.checkout-cart {
    background: var(--im-accent-strong, #f4a137) !important;
    color: #fff !important;
    border: 1px solid var(--im-accent-strong, #f4a137) !important;
    box-shadow: none !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box a.btn.view-cart:hover,
body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box a.btn.view-cart:focus {
    background: #f9fafb !important;
    border-color: #9ca3af !important;
    color: #111827 !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box a.btn.checkout-cart:hover,
body.imarked-v1 #cart-sidebar.im-cart-host .shoppingcart-box a.btn.checkout-cart:focus {
    background: #e09028 !important;
    border-color: #e09028 !important;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-totals__row:only-child {
    font-size: 14px;
    font-weight: 600;
    color: #111827;
}

body.imarked-v1 #cart-sidebar.im-cart-host .im-minicart-totals__row:only-child strong {
    color: #111827;
    font-size: 16px;
    font-weight: 700;
}

/* ── Sub nav (very thin white bar) + working Alle Kategorier megamenu ──
   col-md-3/col-md-9 (and col-sm/col-xs) are Bootstrap's own grid, untouched.
   display:table (auto layout, not fixed) only adds vertical centering
   between the two columns and lets .im-cat-col keep its shrink-to-fit width;
   Bootstrap's native col-xs-12 stacking below 768px still applies as-is. */
body.imarked-v1 .im-subnav.header-bottom {
    background: #ffffff !important;
    border-bottom: 1px solid var(--im-border, #e7ebf0);
    padding: 0 !important;
    margin: 0 !important;
    min-height: 52px;
}

/* Row 2 mirrors row 1 grid: col-sm-2 (Alle kategorier) + col-sm-10 (nav).
   Same column flex-centering pattern as the top bar. */
@media (min-width: 768px) {
    body.imarked-v1 .im-subnav-row > .im-cat-col,
    body.imarked-v1 .im-subnav-row > .im-nav-col {
        display: flex;
        align-items: center;
        min-height: 52px;
    }

    body.imarked-v1 .im-subnav-row > .im-cat-col {
        justify-content: flex-start;
    }

    body.imarked-v1 .im-subnav-row > .im-nav-col {
        justify-content: stretch;
    }
}

body.imarked-v1 .im-cat-col {
    position: relative;
    z-index: 1002;
}

body.imarked-v1 .im-nav-col {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.imarked-v1 .im-subnav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 52px;
    overflow-x: auto;
}

/* .im-sub-links (navbar-left) / .im-sub-country (navbar-right): Bootstrap's
   own nav classes still carry the left/right semantics; display:flex only
   keeps every pill — including the taller "Ny annonse" button — on one
   consistent baseline instead of top-aligning like plain floats would. */
body.imarked-v1 .im-sub-links,
body.imarked-v1 .im-sub-country {
    display: flex;
    align-items: center;
    float: none !important;
    list-style: none;
    margin: 0 !important;
    padding: 0 !important;
}

body.imarked-v1 .im-sub-links {
    gap: 4px;
    flex: 1 1 auto;
    min-width: 0;
}

body.imarked-v1 .im-sub-country {
    gap: 4px;
    flex: 0 0 auto;
    margin-left: 12px;
    margin-right: 20px;
}

body.imarked-v1 .im-sub-links > li,
body.imarked-v1 .im-sub-country > li {
    float: none !important;
    margin: 0;
}

/* Style original #menuHeading as V1 Alle Kategorier control */
body.imarked-v1 #menuVertical {
    position: relative;
}

body.imarked-v1 #menuHeading {
    display: block !important;
    position: relative !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    cursor: pointer;
}

body.imarked-v1 #menuHeading .megamenuToogle-wrapper,
body.imarked-v1 #menuHeading .megamenuToogle-pattern,
body.imarked-v1 #menuHeading .container {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    width: auto !important;
    box-shadow: none !important;
}

body.imarked-v1 #menuHeading .container {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    height: 38px !important;
    min-height: 38px !important;
    padding: 0 20px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    border: 1px solid var(--im-border, #e7ebf0) !important;
    color: var(--im-muted, #6e7a8a) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    white-space: nowrap;
    transition: background 150ms ease, color 150ms ease;
}

body.imarked-v1 #menuHeading:hover .container {
    background: var(--im-bg, #f5f7fa) !important;
    color: var(--im-fg, #181c23) !important;
}

body.imarked-v1 #menuHeading .container > div {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    width: 12px !important;
}

body.imarked-v1 #menuHeading .container > div span {
    display: block !important;
    height: 1.5px !important;
    width: 12px !important;
    background: currentColor !important;
    margin: 0 !important;
}

body.imarked-v1 #menuHeading .arrow-circle {
    margin-left: auto !important;
    color: inherit !important;
    font-size: 11px;
}

body.imarked-v1 #menuVertical .navbar-header {
    display: none !important;
}

/* Alle Kategorier dropdown panels — see imarked-v1-category-menu.css */

body.imarked-v1 .im-sub-link,
body.imarked-v1 a.im-sub-link,
body.imarked-v1 button.im-sub-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    border-radius: 6px;
    font-size: 1.186rem;
    font-weight: 500;
    color: var(--im-muted, #6e7a8a) !important;
    white-space: nowrap;
    background: transparent;
    border: 0;
    text-decoration: none !important;
    position: relative;
    transition: background 150ms ease, color 150ms ease;
}

body.imarked-v1 .im-sub-link:hover {
    background: var(--im-bg, #f5f7fa);
    color: var(--im-fg, #181c23) !important;
}

/* Selected item: subtle underline only — Ny annonse stays the one primary
   blue action, so Home no longer competes with it for attention. */
body.imarked-v1 .im-sub-link.active {
    background: transparent !important;
    color: var(--im-primary, #0066ff) !important;
    font-weight: 600;
    box-shadow: none;
}

body.imarked-v1 .im-sub-link.active::after {
    content: "";
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 1px;
    height: 2px;
    border-radius: 2px;
    background: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-sub-link.active:hover {
    background: var(--im-bg, #f5f7fa) !important;
    color: var(--im-primary-hover, #0052cc) !important;
}

body.imarked-v1 .im-sub-cta,
body.imarked-v1 a.im-sub-cta,
body.imarked-v1 button.im-sub-cta {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    padding: 7px 16px;
    border-radius: 14px;
    font-size: 1.186rem;
    font-weight: 500;
    white-space: nowrap;
    border: 0;
    text-decoration: none !important;
    cursor: pointer;
    transition: background 150ms ease, transform 150ms ease, box-shadow 150ms ease;
}

body.imarked-v1 .im-sub-cta:hover {
    background: var(--im-primary-hover, #0052cc) !important;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: var(--im-shadow-hover, 0 4px 14px rgba(15, 23, 42, 0.06));
}

body.imarked-v1 .im-lang-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    border-radius: 10px;
    font-size: 12px;
    font-weight: 500;
    color: var(--im-muted, #6e7a8a);
    background: transparent;
    border: 0;
    transition: background 0.15s;
}

body.imarked-v1 .im-lang-btn:hover {
    background: var(--im-bg, #f5f7fa);
}

/* Pakistani flag (header / footer next to "Pakistan") */
body.imarked-v1 .im-flag {
    width: 18px;
    height: 12px;
    border-radius: 2px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    line-height: 0;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.1);
}

body.imarked-v1 .im-flag svg {
    display: block;
    width: 18px;
    height: 12px;
}

body.imarked-v1 .im-badge-pill {
    display: inline-block;
    margin-left: 4px;
    padding: 2px 8px;
    border-radius: 999px;
    background: #d8e2ff;
    color: #004493;
    font-size: 0.7rem;
    font-weight: 700;
}

body.imarked-v1 .im-sr-only {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    border: 0 !important;
}

/* ── Footer — dark marketplace chrome (theme --im-footer) ── */
body.imarked-v1 footer.im-footer,
body.imarked-v1 footer.im-footer.footer-container,
body.imarked-v1 footer.im-footer.type_footer1 {
    background: var(--im-footer, #1a2230) !important;
    color: rgba(255, 255, 255, 0.78) !important;
    padding: 40px 0 0;
    margin-top: 40px;
    border-top: 0;
}

body.imarked-v1 footer.im-footer .im-footer-main {
    padding-bottom: 28px;
}

body.imarked-v1 footer.im-footer .im-footer-col {
    margin-bottom: 24px;
}

body.imarked-v1 footer.im-footer .im-footer-logo {
    display: inline-block;
    margin-bottom: 12px;
    text-decoration: none !important;
}

body.imarked-v1 footer.im-footer .im-footer-logo img,
body.imarked-v1 footer.im-footer img {
    max-height: 36px !important;
    height: 36px !important;
    width: auto !important;
    max-width: 160px !important;
    display: block !important;
    object-fit: contain !important;
    aspect-ratio: auto !important;
    margin: 0 !important;
}

body.imarked-v1 footer.im-footer .im-footer-desc {
    margin: 0 0 16px;
    max-width: 280px;
    font-size: 13px;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.68) !important;
}

body.imarked-v1 footer.im-footer .im-footer-desc strong {
    color: #fff;
    font-weight: 600;
}

body.imarked-v1 footer.im-footer .im-footer-heading,
body.imarked-v1 footer.im-footer h3.im-footer-heading {
    margin: 4px 0 14px;
    padding: 0;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.02em;
    text-transform: none;
    color: #fff !important;
    border: 0;
    background: none;
}

body.imarked-v1 footer.im-footer .im-footer-menu {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.imarked-v1 footer.im-footer .im-footer-menu li {
    margin: 0 0 8px;
    padding: 0;
}

body.imarked-v1 footer.im-footer .im-footer-menu a,
body.imarked-v1 footer.im-footer .im-footer-contact a {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.72) !important;
    text-decoration: none !important;
    transition: color 140ms ease;
}

body.imarked-v1 footer.im-footer .im-footer-menu a:hover,
body.imarked-v1 footer.im-footer .im-footer-contact a:hover {
    color: var(--im-accent, #d9a441) !important;
}

body.imarked-v1 footer.im-footer .im-socials {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 12px;
}

body.imarked-v1 footer.im-footer .im-socials a {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.08);
    display: grid;
    place-items: center;
    color: #fff !important;
    text-decoration: none !important;
    transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}

body.imarked-v1 footer.im-footer .im-socials a:hover {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.18);
    color: var(--im-accent, #d9a441) !important;
}

body.imarked-v1 footer.im-footer .im-footer-contact {
    margin: 0;
    font-size: 13px;
}

body.imarked-v1 footer.im-footer .im-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px 20px;
    flex-wrap: wrap;
    padding: 16px 0 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    font-size: 12px;
    color: rgba(255, 255, 255, 0.62);
}

body.imarked-v1 footer.im-footer .im-footer-bottom-left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
    min-width: 0;
}

body.imarked-v1 footer.im-footer .im-footer-copy {
    color: rgba(255, 255, 255, 0.62);
}

body.imarked-v1 footer.im-footer .im-footer-legal {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 14px;
}

body.imarked-v1 footer.im-footer .im-footer-legal a {
    color: rgba(255, 255, 255, 0.72) !important;
    text-decoration: none !important;
    font-weight: 500;
}

body.imarked-v1 footer.im-footer .im-footer-legal a:hover {
    color: var(--im-accent, #d9a441) !important;
}

body.imarked-v1 footer.im-footer .im-footer-lang {
    color: rgba(255, 255, 255, 0.78);
    padding: 4px 8px;
}

body.imarked-v1 footer.im-footer .im-footer-lang:hover {
    background: rgba(255, 255, 255, 0.08);
}

body.imarked-v1 .im-back-top {
    background: #0066ff !important;
    border-radius: 999px;
    color: #fff !important;
}

@media (max-width: 767px) {
    body.imarked-v1 footer.im-footer {
        padding-top: 28px;
        margin-top: 28px;
    }

    body.imarked-v1 footer.im-footer .im-footer-col {
        margin-bottom: 20px;
    }

    body.imarked-v1 footer.im-footer .im-footer-bottom {
        flex-direction: column;
        align-items: flex-start;
        padding-bottom: 24px;
    }

    body.imarked-v1 footer.im-footer .im-footer-bottom-right {
        width: 100%;
    }
}

/* Below 768px Bootstrap's own col-sm-2/6/4 + col-xs-12 already stack every
   column to 100% width (no float, no custom grid CSS needed) — we only trim
   sizing/spacing so the stacked header stays compact. Breakpoint matches
   Bootstrap 3's own grid-float-breakpoint so there's no dead zone between
   this and the table-cell rules above. */
@media (max-width: 767px) {
    body.imarked-v1 .im-topbar-row {
        min-height: 0;
        padding: 12px 0;
    }
    body.imarked-v1 .im-logo-col,
    body.imarked-v1 .im-search-col {
        margin-bottom: 10px;
    }
    body.imarked-v1 .im-logo-link {
        width: 130px !important;
        max-width: 130px !important;
        height: 40px !important;
        max-height: 40px !important;
    }
    body.imarked-v1 .im-logo-link img,
    body.imarked-v1 .im-topbar img {
        max-height: 34px !important;
        height: 34px !important;
        max-width: 128px !important;
    }
    body.imarked-v1 .im-top-actions .im-icon-action span {
        display: none;
    }
    body.imarked-v1 .im-search-type-trigger {
        min-width: 100px;
        max-width: 118px;
        padding: 0 10px 0 12px !important;
        font-size: 0.8125rem !important;
    }
    body.imarked-v1 a.im-icon-action {
        min-width: 40px;
        padding: 8px 4px;
    }
    body.imarked-v1 #cart-sidebar.im-cart-host .title,
    body.imarked-v1 #cart-sidebar.im-cart-host .text-shopping-cart {
        display: none;
    }
    body.imarked-v1 #cart-sidebar.im-cart-host .shopcart {
        min-width: auto;
        padding: 8px;
    }
    body.imarked-v1 #cart-sidebar.im-cart-host .dropdown-menu.shoppingcart-box {
        right: -60px;
    }
}

@media (max-width: 560px) {
    body.imarked-v1 .im-search-wrap {
        display: none;
    }
}

/* ========== Market switch modal (chooseStoreType) ========== */
body.imarked-v1 #myModal_Message.im-market-switch-modal .modal-dialog {
    width: auto;
    max-width: 480px;
    margin: 48px auto;
}

body.imarked-v1 #myModal_Message.im-market-switch-modal .modal-content {
    border: 0;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.2);
}

body.imarked-v1 #myModal_Message.im-market-switch-modal .modal-header {
    padding: 20px 22px 14px;
    border-bottom: 1px solid #e7ebf0;
    background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
}

body.imarked-v1 #myModal_Message.im-market-switch-modal .modal-header .close {
    margin-top: 2px;
    opacity: 0.45;
    font-size: 26px;
}

body.imarked-v1 #myModal_Message.im-market-switch-modal .modal-title,
body.imarked-v1 #myModal_Message.im-market-switch-modal #myModal_Title {
    margin: 0 !important;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    color: #0b1b33 !important;
    line-height: 1.25 !important;
}

body.imarked-v1 #myModal_Message.im-market-switch-modal .modal-body {
    padding: 18px 22px 22px !important;
    background: #fff;
}

body.imarked-v1 #myModal_Message.im-market-switch-modal .modal-footer {
    display: none !important;
}

body.imarked-v1 .im-market-switch__lead {
    margin: 0 0 16px;
    font-size: 14px;
    line-height: 1.5;
    color: #64748b;
}

body.imarked-v1 .im-market-switch__options {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.imarked-v1 .im-market-switch__option {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 16px 16px 14px;
    border-radius: 14px;
    border: 1.5px solid #e4eaf2;
    background: #fff;
    text-decoration: none !important;
    color: #122033 !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease, background 0.15s ease;
}

body.imarked-v1 .im-market-switch__option:hover,
body.imarked-v1 .im-market-switch__option:focus {
    border-color: #93c5fd;
    background: #f8fbff;
    box-shadow: 0 8px 22px rgba(26, 115, 232, 0.12);
    transform: translateY(-1px);
    color: #122033 !important;
    text-decoration: none !important;
}

body.imarked-v1 .im-market-switch__option.is-active {
    border-color: #1a73e8;
    background: linear-gradient(135deg, #1a73e8 0%, #0b5fff 100%);
    color: #fff !important;
    box-shadow: 0 10px 26px rgba(26, 115, 232, 0.28);
}

body.imarked-v1 .im-market-switch__option.is-active:hover,
body.imarked-v1 .im-market-switch__option.is-active:focus {
    color: #fff !important;
    border-color: #0b5fff;
    background: linear-gradient(135deg, #1a73e8 0%, #0847c7 100%);
}

body.imarked-v1 .im-market-switch__icon {
    flex: 0 0 auto;
    width: 46px;
    height: 46px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eff6ff;
    color: #1a73e8;
    font-size: 18px;
}

body.imarked-v1 .im-market-switch__option.is-active .im-market-switch__icon {
    background: rgba(255, 255, 255, 0.18);
    color: #fff;
}

body.imarked-v1 .im-market-switch__copy {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding-right: 8px;
}

body.imarked-v1 .im-market-switch__name {
    font-size: 15.5px;
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0;
}

body.imarked-v1 .im-market-switch__desc {
    font-size: 12.5px;
    line-height: 1.4;
    color: #64748b;
    font-weight: 500;
}

body.imarked-v1 .im-market-switch__option.is-active .im-market-switch__desc {
    color: rgba(255, 255, 255, 0.88);
}

body.imarked-v1 .im-market-switch__aside {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-left: 4px;
}

body.imarked-v1 .im-market-switch__badge {
    position: static;
    display: inline-flex;
    align-items: center;
    padding: 4px 9px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.22);
    border: 1px solid rgba(255, 255, 255, 0.35);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #fff;
    white-space: nowrap;
}

body.imarked-v1 .im-market-switch__arrow {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    color: #334155;
    font-size: 12px;
}

body.imarked-v1 .im-market-switch__option.is-active .im-market-switch__arrow {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}

body.imarked-v1 .im-market-switch__icon .fa {
    display: inline-block;
    line-height: 1;
}

@media (max-width: 560px) {
    body.imarked-v1 #myModal_Message.im-market-switch-modal .modal-dialog {
        width: calc(100% - 24px);
        max-width: none;
        margin: 24px auto;
    }

    body.imarked-v1 #myModal_Message.im-market-switch-modal .modal-header,
    body.imarked-v1 #myModal_Message.im-market-switch-modal .modal-body {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    body.imarked-v1 .im-market-switch__option {
        padding: 14px 12px;
        gap: 12px;
    }

    body.imarked-v1 .im-market-switch__name {
        font-size: 14.5px;
        padding-right: 0;
    }

    body.imarked-v1 .im-market-switch__aside {
        gap: 10px;
    }
}

/* IMARKED V1 — Alle Kategorier left drawer + floating subcategory panel
   Scoped under .im-v1-category-menu / .im-v1-category-browser
   Header chrome is untouched; this file only styles the category shell. */

@media (min-width: 992px) {
    :root {
        --im-cat-panel-top: 130px;
        --im-cat-drawer-w: 370px;
        --im-cat-flyout-w: 640px;
        --im-cat-gap: 12px;
        --im-cat-radius: 16px;
        --im-cat-blue: #0066ff;
        --im-cat-fg: #181c23;
        --im-cat-muted: #6e7a8a;
        --im-cat-border: #ececec;
        --im-cat-shadow: 0 16px 40px rgba(15, 23, 42, 0.12);
    }

    body.imarked-v1 .im-subnav-row > .im-cat-col,
    body.imarked-v1 .im-cat-col .so-megamenu,
    body.imarked-v1 .im-cat-col .so-vertical-menu,
    body.imarked-v1 .im-cat-col .navbar-default,
    body.imarked-v1 .im-v1-category-menu {
        overflow: visible !important;
    }

    body.imarked-v1 .im-v1-category-menu {
        position: relative;
        z-index: auto;
    }

    /*
     * Layer order (required):
     *   page < overlay(1040) < left drawer(1050) < right panel(1060)
     *
     * Root cause: .im-cat-col in chrome.css uses z-index:1002, which trapped the
     * fixed drawer in a stacking context below the body-level overlay (was 1055).
     * Raise the cat column only while open so panels sit above the overlay.
     */
    body.imarked-v1.im-v1-cat-open {
        overflow: hidden;
    }

    body.imarked-v1.im-v1-cat-open .im-cat-col {
        z-index: 1050;
    }

    /* Dim page while drawer is open — must stay below both panels.
       left starts after the drawer so the overlay never covers it. */
    body.imarked-v1 .im-v1-category-overlay {
        position: fixed;
        left: var(--im-cat-drawer-w);
        right: 0;
        top: var(--im-cat-panel-top);
        bottom: 0;
        z-index: 1040;
        background: rgba(15, 23, 42, 0.22);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 280ms ease-out, visibility 280ms ease-out;
    }

    body.imarked-v1.im-v1-cat-open .im-v1-category-overlay {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    /* Left navigation drawer — slides in from the left */
    body.imarked-v1 .im-v1-category-menu .vertical-wrapper {
        display: block !important;
        position: fixed;
        left: 0;
        top: var(--im-cat-panel-top);
        z-index: 1050;
        width: var(--im-cat-drawer-w);
        height: calc(100vh - var(--im-cat-panel-top));
        margin: 0;
        padding: 0;
        background: #fff;
        border: 0;
        border-right: 1px solid var(--im-cat-border);
        border-radius: 0;
        box-shadow: var(--im-cat-shadow);
        overflow: hidden;
        transform: translateX(-105%);
        visibility: hidden;
        pointer-events: none;
        transition: transform 280ms ease-out, visibility 280ms ease-out;
    }

    body.imarked-v1 .im-v1-category-menu.is-open .vertical-wrapper,
    body.imarked-v1 .im-v1-category-menu.open .vertical-wrapper {
        transform: translateX(0);
        visibility: visible;
        pointer-events: auto;
    }

    body.imarked-v1 .im-v1-category-menu .megamenu-pattern,
    body.imarked-v1 .im-v1-category-menu #megamenu_Cont {
        position: relative;
        overflow: hidden !important;
        width: 100% !important;
        max-width: none !important;
        height: 100%;
        padding: 0 !important;
        margin: 0 !important;
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    body.imarked-v1 .im-v1-category-menu #remove-verticalmenu {
        display: none !important;
    }

    /* Drawer inner shell */
    body.imarked-v1 .im-v1-category-browser {
        display: flex;
        flex-direction: column;
        height: 100%;
        background: #fff;
        overflow: hidden;
    }

    body.imarked-v1 .im-v1-category-browser__data {
        display: none !important;
    }

    /* Optional category filter */
    body.imarked-v1 .im-v1-category-browser__search {
        flex: 0 0 auto;
        display: flex;
        align-items: center;
        gap: 10px;
        margin: 16px 16px 8px;
        padding: 0 14px;
        height: 44px;
        border: 1px solid var(--im-cat-border);
        border-radius: 14px;
        background: #f8fafc;
        box-sizing: border-box;
    }

    body.imarked-v1 .im-v1-category-browser__search-icon {
        color: var(--im-cat-muted);
        font-size: 14px;
        flex: 0 0 auto;
    }

    body.imarked-v1 .im-v1-category-browser__search-input {
        flex: 1 1 auto;
        min-width: 0;
        height: 100%;
        border: 0;
        outline: none;
        background: transparent;
        box-shadow: none !important;
        font-size: 14px;
        font-weight: 400;
        color: var(--im-cat-fg);
        padding: 0;
    }

    body.imarked-v1 .im-v1-category-browser__search-input::placeholder {
        color: #9aa3b2;
    }

    /* Primary list */
    body.imarked-v1 .im-v1-category-browser__primary {
        flex: 1 1 auto;
        min-height: 0;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 8px 10px 16px;
        box-sizing: border-box;
        -webkit-overflow-scrolling: touch;
    }

    body.imarked-v1 .im-v1-category-browser__list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    body.imarked-v1 .im-v1-category-browser__parent {
        margin: 0;
        padding: 0;
    }

    body.imarked-v1 .im-v1-category-browser__parent.is-filtered-out {
        display: none;
    }

    body.imarked-v1 .im-v1-category-browser__parent-link {
        display: flex;
        align-items: center;
        gap: 12px;
        min-height: 48px;
        padding: 0 14px 0 16px;
        border-radius: 14px;
        font-size: 15px;
        font-weight: 500;
        color: #333d4d !important;
        text-decoration: none !important;
        background: transparent;
        transition: background 140ms ease, color 140ms ease;
    }

    body.imarked-v1 .im-v1-category-browser__parent-link img {
        width: 20px;
        height: 20px;
        object-fit: contain;
        flex: 0 0 20px;
    }

    body.imarked-v1 .im-v1-category-browser__parent-label {
        flex: 1 1 auto;
        min-width: 0;
        line-height: 1.3;
    }

    body.imarked-v1 .im-v1-category-browser__chevron {
        flex: 0 0 auto;
        font-size: 14px;
        color: #8b96a5;
        border: 0;
        background: none;
        box-shadow: none;
        width: auto;
        height: auto;
        margin: 0;
        padding: 0;
        transition: color 140ms ease;
    }

    body.imarked-v1 .im-v1-category-browser__parent:hover .im-v1-category-browser__parent-link,
    body.imarked-v1 .im-v1-category-browser__parent.is-active .im-v1-category-browser__parent-link {
        background: #f2f7ff;
        color: var(--im-cat-blue) !important;
    }

    body.imarked-v1 .im-v1-category-browser__parent.is-active .im-v1-category-browser__parent-link {
        box-shadow: inset 3px 0 0 var(--im-cat-blue);
        padding-left: 13px;
    }

    body.imarked-v1 .im-v1-category-browser__parent:hover .im-v1-category-browser__chevron,
    body.imarked-v1 .im-v1-category-browser__parent.is-active .im-v1-category-browser__chevron {
        color: var(--im-cat-blue);
    }

    /* Vis Alle — non-toggle note (no all-categories route) */
    body.imarked-v1 .im-v1-category-browser__view-all-row {
        border-top: 1px solid var(--im-cat-border);
        margin-top: 6px;
        padding-top: 4px;
    }

    body.imarked-v1 .im-v1-category-browser__view-all {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 44px;
        padding: 0 16px;
        border-radius: 12px;
        font-size: 14px;
        font-weight: 600;
        color: var(--im-cat-blue);
        cursor: default;
        opacity: 0.85;
    }

    /* Floating subcategory panel — outside the sliding drawer (appended to #menuVertical) */
    body.imarked-v1 .im-v1-category-menu > .im-v1-category-browser__secondary {
        display: none;
        position: fixed;
        left: calc(var(--im-cat-drawer-w) + var(--im-cat-gap));
        top: calc(var(--im-cat-panel-top) + 12px);
        z-index: 1060;
        pointer-events: auto;
        width: var(--im-cat-flyout-w);
        max-width: calc(100vw - var(--im-cat-drawer-w) - 32px);
        height: calc(100vh - var(--im-cat-panel-top) - 24px);
        max-height: calc(100vh - var(--im-cat-panel-top) - 24px);
        margin: 0;
        padding: 20px 20px 16px;
        box-sizing: border-box;
        overflow-x: hidden;
        overflow-y: auto;
        background: #fff;
        border: 1px solid var(--im-cat-border);
        border-radius: var(--im-cat-radius);
        box-shadow: var(--im-cat-shadow);
        -webkit-overflow-scrolling: touch;
    }

    body.imarked-v1 .im-v1-category-menu.is-open.has-flyout > .im-v1-category-browser__secondary.is-visible,
    body.imarked-v1 .im-v1-category-menu.open.has-flyout > .im-v1-category-browser__secondary.is-visible {
        display: block;
    }

    body.imarked-v1 .im-v1-category-browser__secondary-header {
        margin: 0 0 14px;
        padding: 0 0 12px;
        border-bottom: 1px solid #eef1f5;
    }

    body.imarked-v1 .im-v1-category-browser__secondary-title {
        margin: 0;
        font-size: 17px;
        font-weight: 600;
        line-height: 1.25;
        color: var(--im-cat-fg);
        letter-spacing: -0.02em;
    }

    /* Independent vertical columns (masonry-style) — not row-aligned grid */
    body.imarked-v1 .im-v1-category-browser__secondary-list {
        display: block;
        column-count: 2;
        column-gap: 20px;
        column-fill: balance;
    }

    @media (min-width: 1400px) {
        body.imarked-v1 .im-v1-category-browser__secondary-list {
            column-count: 3;
        }

        body.imarked-v1 {
            --im-cat-flyout-w: 780px;
        }
    }

    body.imarked-v1 .im-v1-category-browser__group {
        display: block;
        margin: 0 0 16px;
        min-width: 0;
        break-inside: avoid;
        page-break-inside: avoid;
        -webkit-column-break-inside: avoid;
    }

    body.imarked-v1 .im-v1-category-browser__category {
        display: block;
        margin: 0 0 4px;
        padding: 0 10px;
        font-size: 14px;
        font-weight: 600;
        color: var(--im-cat-fg) !important;
        text-decoration: none !important;
        border-radius: 10px;
        min-height: 40px;
        line-height: 40px;
        transition: background 140ms ease, color 140ms ease;
    }

    body.imarked-v1 .im-v1-category-browser__category:hover {
        background: #f5f8fc;
        color: var(--im-cat-blue) !important;
    }

    body.imarked-v1 .im-v1-category-browser__children {
        list-style: none;
        margin: 0;
        padding: 0 0 4px;
    }

    body.imarked-v1 .im-v1-category-browser__child {
        display: block;
        min-height: 38px;
        line-height: 38px;
        padding: 0 12px;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 400;
        color: #333d4d !important;
        text-decoration: none !important;
        transition: background 140ms ease, color 140ms ease;
    }

    body.imarked-v1 .im-v1-category-browser__child:hover {
        background: #f5f8fc;
        color: var(--im-cat-fg) !important;
    }

    body.imarked-v1 .im-v1-category-browser__secondary-foot {
        margin-top: 12px;
        padding-top: 14px;
        border-top: 1px solid #eef1f5;
    }

    body.imarked-v1 .im-v1-category-browser__see-parent {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        font-size: 14px;
        font-weight: 600;
        color: var(--im-cat-blue) !important;
        text-decoration: none !important;
    }

    body.imarked-v1 .im-v1-category-browser__see-parent:hover {
        color: #0052cc !important;
    }

    /* Trigger open state only — does not restyle other header chrome */
    body.imarked-v1 .im-v1-category-menu.is-open #menuHeading .container,
    body.imarked-v1 .im-v1-category-menu.open #menuHeading .container {
        background: #f2f7ff !important;
        border-color: #d8e2ff !important;
        color: var(--im-cat-blue) !important;
    }
}

/* IMARKED V1 — Home page (Index.cshtml)
   Desktop-first + responsive; works under _mainLayout and _mainLayout_mobile */

/* Neutral layout shell */
body.imarked-v1 .page-main {
    width: 100%;
    margin: 0;
    padding: 0;
    background: transparent;
}

body.imarked-v1 .home-page.im-home,
body.imarked-v1 .im-home.home-page {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 32px !important;
    background: transparent !important;
    box-sizing: border-box;
}

/* Shared content grid for home sections that opt into .container */
body.imarked-v1 .im-home-body.container,
body.imarked-v1 .im-home-hero-content.container {
    width: 100%;
    max-width: var(--im-max, 1180px);
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
}

@media (min-width: 1200px) {
    body.imarked-v1 .im-home-body.container,
    body.imarked-v1 .im-home-hero-content.container {
        max-width: 1300px;
        width: 1300px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* ── Section headers ── */
body.imarked-v1 .im-home-sec-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 12px;
    margin: 28px 0 14px;
}

body.imarked-v1 .im-home-sec-head h2 {
    margin: 0 !important;
    font-size: 1.88rem !important; /* left +10% */
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    color: var(--im-fg, #181c23) !important;
    line-height: 1.25 !important;
}

body.imarked-v1 .im-home-sec-head p {
    margin: 2px 0 0 !important;
    font-size: 1.19rem !important; /* left +10% */
    color: var(--im-muted, #6e7a8a) !important;
    font-weight: 500 !important;
}

body.imarked-v1 .im-home-sec-link {
    flex: 0 0 auto;
    font-size: 19px !important; /* right +15% */
    font-weight: 600 !important;
    color: var(--im-primary, #0066ff) !important;
    text-decoration: none !important;
    white-space: nowrap;
}

body.imarked-v1 .im-home-sec-link:hover {
    text-decoration: underline !important;
}

/* ── Full-width hero — BannerConfig images + left-weighted readable overlay ── */
body.imarked-v1 .im-home-banner.so-spotlight1,
body.imarked-v1 #im-home-banner.im-home-banner,
body.imarked-v1 .home-hero.im-home-banner {
    --im-banner-h: 520px;
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    height: auto !important;
    min-height: var(--im-banner-h) !important;
    max-height: none !important;
    padding: 32px 0 64px !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-home-banner-bg,
body.imarked-v1 .im-home-banner-overlay {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1;
    overflow: hidden;
}

/* Stronger on left for copy contrast; right stays mostly photographic */
body.imarked-v1 .im-home-banner-overlay {
    z-index: 2;
    background:
        linear-gradient(
            96deg,
            rgba(248, 251, 255, 0.94) 0%,
            rgba(245, 249, 253, 0.86) 28%,
            rgba(240, 246, 252, 0.42) 48%,
            rgba(240, 246, 252, 0.12) 64%,
            rgba(240, 246, 252, 0.02) 78%,
            transparent 100%
        ),
        linear-gradient(180deg, rgba(255, 255, 255, 0.18) 0%, transparent 42%, rgba(248, 251, 255, 0.22) 100%);
    pointer-events: none;
}

body.imarked-v1 .im-home-banner-bg-slide {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    transform: scale(1.05);
    transition: opacity 0.6s ease;
    will-change: opacity;
}

body.imarked-v1 .im-home-banner-bg-slide.is-active {
    opacity: 1;
}

/* Fallback only when no valid banner images */
body.imarked-v1 .im-home-banner--fallback {
    background: linear-gradient(145deg, #e8f0fa 0%, #d5e4f5 50%, #c5d8ef 100%) !important;
}

body.imarked-v1 .im-home-banner--fallback .im-home-banner-overlay {
    background: rgba(255, 255, 255, 0.15);
}

body.imarked-v1 .im-home-hero-content {
    position: relative;
    z-index: 5;
    height: auto;
    min-height: calc(var(--im-banner-h) - 96px);
    display: flex;
    align-items: center;
    pointer-events: none;
}

body.imarked-v1 .im-home-hero-content .im-hero-grid,
body.imarked-v1 .im-home-hero-content .hero-copy,
body.imarked-v1 .im-home-hero-content .hero-search,
body.imarked-v1 .im-home-hero-content .popular,
body.imarked-v1 .im-home-hero-content .hero-visual,
body.imarked-v1 .im-home-hero-content input,
body.imarked-v1 .im-home-hero-content button {
    pointer-events: auto;
}

/* Hero grid — balanced, slightly tighter scale */
body.imarked-v1 .im-hero-grid.hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 20px 28px;
    align-items: center;
    width: 100%;
}

body.imarked-v1 .im-hero-copy.hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    max-width: 480px;
    padding: 8px 0 12px;
}

body.imarked-v1 .im-hero-copy .hero-badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(255, 255, 255, 0.82);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    border: 1px solid rgba(225, 232, 239, 0.95);
    padding: 6px 12px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 600;
    color: var(--im-muted, #6e7a8a);
    margin-bottom: 22px;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04), 0 4px 12px rgba(24, 28, 35, 0.05);
}

/* Pakistani flag next to hero badge text */
body.imarked-v1 .im-hero-copy .flag {
    width: 18px;
    height: 12px;
    border-radius: 2px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.1);
    line-height: 0;
}

body.imarked-v1 .im-hero-copy .flag svg {
    display: block;
    width: 18px;
    height: 12px;
}

body.imarked-v1 .im-hero-copy .flag::before,
body.imarked-v1 .im-hero-copy .flag::after {
    content: none;
    display: none;
}

body.imarked-v1 .im-hero-copy .im-hero-title,
body.imarked-v1 .im-hero-copy h1 {
    font-size: 38px !important;
    font-weight: 800 !important;
    line-height: 44px !important;
    letter-spacing: -0.03em;
    color: var(--im-fg, #181c23) !important;
    margin: 0 0 18px !important;
}

body.imarked-v1 .im-hero-copy .gold {
    color: var(--im-accent, #d9a441);
    text-decoration: underline;
    text-decoration-thickness: 2.5px;
    text-underline-offset: 4px;
    text-decoration-color: rgba(217, 164, 65, 0.7);
}

body.imarked-v1 .im-hero-copy .hero-lead {
    font-size: 16px !important;
    color: #546074 !important;
    max-width: 38ch;
    margin: 0 0 26px !important;
    line-height: 24px !important;
}

body.imarked-v1 .im-hero-search.hero-search {
    display: flex;
    align-items: center;
    background: #fff;
    border: 1px solid rgba(225, 232, 239, 0.95);
    border-radius: 999px;
    padding: 7px 7px 7px 18px;
    box-shadow: 0 2px 8px rgba(24, 28, 35, 0.06), 0 8px 20px rgba(24, 28, 35, 0.05);
    max-width: 390px;
    width: 100%;
    gap: 8px;
    margin-bottom: 18px;
    min-height: 52px;
}

body.imarked-v1 .im-hero-search input {
    flex: 1;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    font-size: 16px !important;
    background: transparent !important;
    min-width: 0;
    height: auto !important;
    padding: 11px 0 12px 0 !important;
    color: var(--im-fg, #181c23) !important;
}

body.imarked-v1 .im-hero-search input::placeholder {
    color: #8a94a6;
}

body.imarked-v1 .im-hero-search .btn-dark,
body.imarked-v1 .im-hero-search-btn {
    background: var(--im-primary-dark, #004493) !important;
    color: #fff !important;
    padding: 11px 18px !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-size: 0.95rem !important; /* +17% */
    font-weight: 600 !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    white-space: nowrap;
    box-shadow: 0 2px 6px rgba(0, 68, 147, 0.2);
    transition: background 0.15s, transform 0.1s;
    cursor: pointer;
}

body.imarked-v1 .im-hero-search .btn-dark:hover,
body.imarked-v1 .im-hero-search-btn:hover {
    background: var(--im-primary, #0066ff) !important;
}

body.imarked-v1 .im-hero-popular.popular {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    color: var(--im-muted, #6e7a8a);
}

body.imarked-v1 .im-hero-popular strong {
    font-weight: 600;
    color: var(--im-fg, #181c23);
    margin-right: 2px;
}

body.imarked-v1 .im-hero-popular .chip {
    display: inline-flex;
    align-items: center;
    padding: 4px 10px;
    background: rgba(255, 255, 255, 0.92);
    border: 1px solid rgba(225, 232, 239, 0.95);
    border-radius: 999px;
    font-size: 11px;
    font-weight: 500;
    color: var(--im-fg, #181c23);
    transition: border-color 0.15s, background 0.15s, box-shadow 0.15s;
    cursor: pointer;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.03);
}

body.imarked-v1 .im-hero-popular .chip:hover {
    border-color: rgba(0, 102, 255, 0.3);
    background: #f3f7ff;
    box-shadow: 0 1px 3px rgba(24, 28, 35, 0.06);
}

/* Phone + benefit badges — scaled to integrate with hero */
body.imarked-v1 .im-hero-visual.hero-visual {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 380px;
    padding: 8px 0 20px 125px;
    perspective: 1200px;
}

body.imarked-v1 .phone-stage {
    position: relative;
    width: 208px;
    margin-left: 8px;
    z-index: 2;
    transform-style: preserve-3d;
    animation: im-phone-float 7s ease-in-out infinite;
}

@keyframes im-phone-float {
    0%, 100% { transform: translateY(0) rotateY(-10deg) rotateX(5deg); }
    50% { transform: translateY(-10px) rotateY(-5deg) rotateX(2deg); }
}

body.imarked-v1 .phone {
    background: linear-gradient(160deg, #3a4254, #1a1f2b);
    border-radius: 28px;
    padding: 8px;
    box-shadow:
        0 0 0 1px #6b7388,
        0 0 0 2.5px #2a3140,
        0 18px 36px rgba(40, 50, 80, 0.22),
        0 8px 16px rgba(40, 50, 80, 0.12),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s;
}

body.imarked-v1 .phone-stage:hover .phone {
    transform: rotateY(8deg) rotateX(-4deg) translateZ(12px);
    box-shadow:
        0 0 0 1px #7a849c,
        0 0 0 2.5px #2a3140,
        0 24px 42px rgba(40, 60, 120, 0.28),
        0 10px 18px rgba(40, 50, 80, 0.14),
        inset 0 1px 0 rgba(255, 255, 255, 0.14);
}

body.imarked-v1 .phone-notch {
    position: absolute;
    top: 14px;
    left: 50%;
    transform: translateX(-50%);
    width: 68px;
    height: 18px;
    background: #12161f;
    border-radius: 12px;
    z-index: 4;
    box-shadow: inset 0 0 0 1px #333a4a;
}

body.imarked-v1 .phone-screen {
    background: linear-gradient(180deg, #eef4fa 0%, #f7f9fc 100%);
    border-radius: 22px;
    overflow: hidden;
    aspect-ratio: 9 / 18.2;
    position: relative;
}

body.imarked-v1 .phone-scroll {
    height: 100%;
    overflow: hidden;
    position: relative;
}

body.imarked-v1 .phone-scroll-track {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 16px;
    animation: im-phone-feed-scroll 14s linear infinite;
    will-change: transform;
}

body.imarked-v1 .phone-stage:hover .phone-scroll-track {
    animation-play-state: paused;
}

@keyframes im-phone-feed-scroll {
    0% { transform: translateY(0); }
    100% { transform: translateY(-48%); }
}

body.imarked-v1 .phone-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 12px 8px;
    font-size: 0.7rem; /* +17% */
    font-weight: 700;
    position: sticky;
    top: 0;
    z-index: 2;
    background: linear-gradient(180deg, #eef4fa 70%, transparent);
    color: var(--im-fg, #181c23);
}

body.imarked-v1 .phone-header .icons {
    display: flex;
    gap: 6px;
    opacity: 0.5;
}

body.imarked-v1 .phone-product {
    margin: 0 10px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: var(--im-shadow-sm);
    transform: translateZ(0);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

body.imarked-v1 .phone-product:hover {
    transform: scale(1.02);
    box-shadow: var(--im-shadow-md);
}

body.imarked-v1 .phone-product img {
    width: 100%;
    height: 84px;
    object-fit: cover;
    display: block;
}

body.imarked-v1 .phone-product-meta {
    padding: 8px;
}

body.imarked-v1 .phone-product-meta .title {
    font-size: 0.76rem; /* +17% */
    font-weight: 700;
    margin-bottom: 2px;
    color: var(--im-fg, #181c23);
}

body.imarked-v1 .phone-product-meta .price {
    font-size: 0.82rem; /* +17% */
    font-weight: 800;
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .phone-section-label {
    padding: 2px 12px 0;
    font-size: 0.64rem; /* +17% */
    font-weight: 700;
    color: var(--im-muted, #6e7a8a);
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

body.imarked-v1 .phone-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    padding: 0 10px;
}

body.imarked-v1 .phone-mini {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: var(--im-shadow-sm);
}

body.imarked-v1 .phone-mini img {
    width: 100%;
    height: 46px;
    object-fit: cover;
    display: block;
}

body.imarked-v1 .phone-mini p {
    font-size: 0.59rem; /* +17% */
    font-weight: 600;
    padding: 4px 5px;
    margin: 0;
    color: var(--im-muted, #6e7a8a);
}

body.imarked-v1 .phone-glow {
    position: absolute;
    inset: -20% -10% auto;
    height: 55%;
    background: radial-gradient(ellipse at 50% 40%, rgba(100, 150, 230, 0.35), transparent 70%);
    pointer-events: none;
    z-index: 0;
    filter: blur(8px);
    animation: im-glow-pulse 5s ease-in-out infinite;
}

@keyframes im-glow-pulse {
    0%, 100% { opacity: 0.55; transform: scale(1); }
    50% { opacity: 0.9; transform: scale(1.06); }
}

body.imarked-v1 .phone-pedestal {
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%) rotateX(70deg);
    width: 170px;
    height: 40px;
    background: radial-gradient(ellipse, rgba(80, 130, 220, 0.32), transparent 72%);
    border-radius: 50%;
    filter: blur(6px);
    z-index: 1;
    animation: im-pedestal-pulse 7s ease-in-out infinite;
}

@keyframes im-pedestal-pulse {
    0%, 100% { opacity: 0.65; width: 160px; }
    50% { opacity: 0.95; width: 180px; }
}

body.imarked-v1 .feature-stack {
    position: absolute;
    right: 16%;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 168px;
    z-index: 3;
}

body.imarked-v1 .feature-card {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    background: rgba(255, 255, 255, 0.88);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(232, 238, 245, 0.95);
    border-radius: 14px;
    padding: 10px;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04), 0 4px 12px rgba(24, 28, 35, 0.05);
    transition: transform 0.2s, box-shadow 0.2s;
}

body.imarked-v1 .feature-card:hover {
    transform: translateX(-3px);
    box-shadow: 0 2px 6px rgba(24, 28, 35, 0.07), 0 8px 16px rgba(24, 28, 35, 0.06);
}

body.imarked-v1 .feature-icon {
    width: 35px; /* +25% from 28px */
    height: 35px;
    border-radius: 9px;
    background: #eef4ff;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .feature-icon svg {
    width: 18px; /* +25% from 14px */
    height: 18px;
}

body.imarked-v1 .feature-card h4 {
    font-size: 1.03rem !important; /* +25% */
    font-weight: 700 !important;
    margin: 0 0 2px !important;
    color: var(--im-fg, #181c23) !important;
    line-height: 1.25 !important;
}

body.imarked-v1 .feature-card p {
    font-size: 0.875rem !important; /* +25% */
    color: var(--im-muted, #6e7a8a) !important;
    line-height: 1.3 !important;
    margin: 0 !important;
}

/* Hide phone/benefits on smaller desktops / tablets */
@media (max-width: 1100px) {
    body.imarked-v1 .im-hero-grid.hero-grid {
        grid-template-columns: 1fr;
    }

    body.imarked-v1 .im-hero-visual.hero-visual {
        display: none !important;
    }

    body.imarked-v1 .im-home-banner.so-spotlight1,
    body.imarked-v1 #im-home-banner.im-home-banner {
        --im-banner-h: 420px;
        padding: 28px 0 40px !important;
    }
}

@media (max-width: 820px) {
    body.imarked-v1 .im-home-banner.so-spotlight1,
    body.imarked-v1 #im-home-banner.im-home-banner {
        --im-banner-h: 360px;
        padding: 22px 0 36px !important;
    }

    body.imarked-v1 .im-hero-copy .im-hero-title,
    body.imarked-v1 .im-hero-copy h1 {
        font-size: 38px !important;
        line-height: 44px !important;
    }

    body.imarked-v1 .im-hero-search.hero-search {
        max-width: none;
    }
}

body.imarked-v1 .im-home-banner #divBannerContainer.slider-container,
body.imarked-v1 .im-home-banner #divBannerContainer {
    position: absolute !important;
    inset: 0 !important;
    z-index: 4;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 0 !important;
    line-height: 0 !important;
    color: transparent !important;
    pointer-events: none;
}

body.imarked-v1 .im-home-banner #divBannerContainer .owl-prev,
body.imarked-v1 .im-home-banner #divBannerContainer .owl-next,
body.imarked-v1 .im-home-banner #divBannerContainer .owl2-prev,
body.imarked-v1 .im-home-banner #divBannerContainer .owl2-next {
    pointer-events: auto;
}

/* Hide raw images / captions / loading — fade layers show the pictures */
body.imarked-v1 .im-home-banner #divBannerContainer img,
body.imarked-v1 .im-home-banner #divBannerContainer .c-mainbanner-home,
body.imarked-v1 .im-home-banner #divBannerContainer .loadeding,
body.imarked-v1 .im-home-banner #divBannerContainer h1,
body.imarked-v1 .im-home-banner #divBannerContainer h2,
body.imarked-v1 .im-home-banner #divBannerContainer h3,
body.imarked-v1 .im-home-banner #divBannerContainer p,
body.imarked-v1 .im-home-banner #divBannerContainer .caption,
body.imarked-v1 .im-home-banner #divBannerContainer .slide-title,
body.imarked-v1 .im-home-banner #divBannerContainer figcaption {
    opacity: 0 !important;
    visibility: hidden !important;
    font-size: 0 !important;
    color: transparent !important;
    text-indent: -9999px !important;
}

body.imarked-v1 .im-home-banner #divBannerContainer .owl2-stage-outer,
body.imarked-v1 .im-home-banner #divBannerContainer .owl-stage-outer,
body.imarked-v1 .im-home-banner #divBannerContainer .yt-content-slider,
body.imarked-v1 .im-home-banner #divBannerContainer .module,
body.imarked-v1 .im-home-banner #divBannerContainer #so-slideshow,
body.imarked-v1 .im-home-banner #divBannerContainer .two-block {
    height: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

/* Quiet, vertically centered slider arrows */
body.imarked-v1 .im-home-banner #divBannerContainer .owl-nav,
body.imarked-v1 .im-home-banner #divBannerContainer .owl2-nav {
    display: block !important;
    margin: 0 !important;
}

body.imarked-v1 .im-home-banner #divBannerContainer .owl-prev,
body.imarked-v1 .im-home-banner #divBannerContainer .owl-next,
body.imarked-v1 .im-home-banner #divBannerContainer .owl2-prev,
body.imarked-v1 .im-home-banner #divBannerContainer .owl2-next {
    position: absolute !important;
    top: 46% !important;
    z-index: 6 !important;
    width: 30px !important;
    height: 30px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, 0.55) !important;
    color: #1a2230 !important;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.1) !important;
    transform: translateY(-50%);
    opacity: 0.55;
    font-size: 0 !important;
    line-height: 30px !important;
    text-align: center !important;
    cursor: pointer;
    transition: opacity 0.15s ease, background 0.15s ease;
}

body.imarked-v1 .im-home-banner #divBannerContainer .owl-prev:hover,
body.imarked-v1 .im-home-banner #divBannerContainer .owl-next:hover,
body.imarked-v1 .im-home-banner #divBannerContainer .owl2-prev:hover,
body.imarked-v1 .im-home-banner #divBannerContainer .owl2-next:hover {
    opacity: 0.9;
    background: rgba(255, 255, 255, 0.85) !important;
}

body.imarked-v1 .im-home-banner #divBannerContainer .owl-prev,
body.imarked-v1 .im-home-banner #divBannerContainer .owl2-prev {
    left: 12px !important;
}

body.imarked-v1 .im-home-banner #divBannerContainer .owl-next,
body.imarked-v1 .im-home-banner #divBannerContainer .owl2-next {
    right: 12px !important;
}

body.imarked-v1 .im-home-banner #divBannerContainer .owl-prev:before,
body.imarked-v1 .im-home-banner #divBannerContainer .owl-next:before,
body.imarked-v1 .im-home-banner #divBannerContainer .owl2-prev:before,
body.imarked-v1 .im-home-banner #divBannerContainer .owl2-next:before {
    font-family: FontAwesome, "Font Awesome 5 Free", sans-serif;
    font-size: 11px;
    font-weight: 700;
    color: #1a2230;
    line-height: 30px;
}

body.imarked-v1 .im-home-banner #divBannerContainer .owl-prev:before,
body.imarked-v1 .im-home-banner #divBannerContainer .owl2-prev:before {
    content: "\f053";
}

body.imarked-v1 .im-home-banner #divBannerContainer .owl-next:before,
body.imarked-v1 .im-home-banner #divBannerContainer .owl2-next:before {
    content: "\f054";
}

body.imarked-v1 .im-home-banner #divBannerContainer .owl-dots,
body.imarked-v1 .im-home-banner #divBannerContainer .owl2-dots {
    display: none !important;
}

body.imarked-v1 .im-home-banner #dummyBannerSlider {
    position: absolute;
    inset: 0;
    min-height: 0;
    height: 100%;
    background: transparent;
    opacity: 0;
}

/* ── Category shortcut strip (overlaps hero) ── */
body.imarked-v1 .im-home-cat-wrap.container,
body.imarked-v1 .im-home-cat-wrap {
    position: relative;
    z-index: 8;
    width: 100%;
    max-width: 1120px !important;
    margin-top: -52px;
    margin-bottom: 4px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px;
    box-sizing: border-box;
}

@media (min-width: 1200px) {
    body.imarked-v1 .im-home-cat-wrap.container,
    body.imarked-v1 .im-home-cat-wrap {
        max-width: 1120px !important;
        width: 1120px !important;
    }
}

body.imarked-v1 .im-home-cat-strip.im-home-markets {
    margin: 0 !important;
    padding: 6px 6px !important;
    background: #fff !important;
    border: 1px solid var(--im-border, #e7ebf0) !important;
    border-radius: 16px !important;
    box-shadow: 0 6px 20px rgba(24, 28, 35, 0.08), 0 2px 6px rgba(24, 28, 35, 0.03) !important;
}

body.imarked-v1 .im-home-cat-strip .module,
body.imarked-v1 .im-home-cat-strip .modcontent {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.imarked-v1 .im-home-cat-strip .services-v1 {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    justify-content: space-between !important;
    gap: 2px !important;
    margin: 0 !important;
    float: none !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

body.imarked-v1 .im-home-cat-strip .services-v1 > .policy,
body.imarked-v1 .im-home-cat-strip .services-v1 > .market-card {
    float: none !important;
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.imarked-v1 .im-home-cat-strip .market-card > a,
body.imarked-v1 .im-home-cat-strip .market-card > .policy-inner {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    text-decoration: none !important;
    color: inherit !important;
}

body.imarked-v1 .im-home-cat-strip .market-card .policy-inner,
body.imarked-v1 .im-home-cat-strip .policy .policy-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 5px !important;
    min-height: 0 !important;
    height: 100% !important;
    padding: 8px 4px 10px !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    position: relative !important;
    transition: background-color 160ms ease;
}

body.imarked-v1 .im-home-cat-strip .market-card:hover .policy-inner,
body.imarked-v1 .im-home-cat-strip a:hover .policy-inner {
    background: rgba(0, 102, 255, 0.04) !important;
    transform: none;
    box-shadow: none !important;
}

body.imarked-v1 .im-home-cat-strip .market-card:not(.is-active):not(.is-disabled):hover .policy-inner h2,
body.imarked-v1 .im-home-cat-strip .market-card:not(.is-active):not(.is-disabled) a:hover .policy-inner h2 {
    color: var(--im-fg, #181c23) !important;
}

body.imarked-v1 .im-home-cat-strip .policy-inner h2,
body.imarked-v1 .im-home-cat-strip .policy-inner a h2 {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--im-muted, #6e7a8a) !important;
    text-align: center !important;
    line-height: 1.6 !important;
    text-transform: none !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    -webkit-hyphens: none !important;
    hyphens: none !important;
}

/* Design HTML .cat-icon — compact light-blue tile */
body.imarked-v1 .im-home-cat-strip .cat-icon {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 auto !important;
    width: 50px !important;
    height: 50px !important;
    margin: 0 auto !important;
    border-radius: 12px !important;
    background: #eef4ff !important;
    color: var(--im-primary, #0066ff) !important;
    box-shadow: none !important;
    transition: background-color 150ms ease;
}

body.imarked-v1 .im-home-cat-strip .cat-icon svg {
    width: 23px !important;
    height: 23px !important;
    stroke-width: 1.6 !important;
    display: block !important;
}

body.imarked-v1 .im-home-cat-strip .market-card:hover .cat-icon,
body.imarked-v1 .im-home-cat-strip a:hover .cat-icon {
    background: #e0ecff !important;
}

body.imarked-v1 .im-home-cat-strip .market-card.is-active .cat-icon {
    background: #d9e8ff !important;
}

body.imarked-v1 .im-home-cat-strip .market-badge {
    position: absolute;
    top: 4px;
    right: 4px;
    z-index: 1;
    background: var(--im-accent, #d9a441) !important;
    color: #1a2230 !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    padding: 2px 5px !important;
    border-radius: 999px !important;
}

/* Active shortcut: blue label + orange underline */
body.imarked-v1 .im-home-cat-strip .market-card.is-active .policy-inner h2,
body.imarked-v1 .im-home-cat-strip .market-card.is-active .policy-inner a h2 {
    color: var(--im-primary, #0066ff) !important;
}

body.imarked-v1 .im-home-cat-strip .market-card.is-active .policy-inner::after {
    content: "";
    position: absolute;
    left: 20%;
    right: 20%;
    bottom: 4px;
    height: 2.5px;
    border-radius: 2px;
    background: var(--im-accent, #d9a441);
}

/* Coming-soon items stay muted */
body.imarked-v1 .im-home-cat-strip .market-card.is-disabled .cat-icon {
    opacity: 0.55;
}

body.imarked-v1 .im-home-cat-strip .market-card.is-disabled .policy-inner h2,
body.imarked-v1 .im-home-cat-strip .market-card.is-disabled .policy-inner a h2 {
    color: #999db6 !important;
}

/* Space below overlapping category panel before Utvalgte bedrifter */
body.imarked-v1 .im-home-body {
    padding-top: 36px;
}

/* ── Featured stores (Website-Clone biz-card) ── */
/* Mobile-only swipe arrows — hidden on desktop layout */
body.imarked-v1 .im-home-stores-nav {
    display: none;
}

body.imarked-v1 .im-home-stores {
    margin: 12px 0 4px;
}

body.imarked-v1 .im-home-stores .im-home-sec-head.sec-head {
    align-items: flex-end;
}

body.imarked-v1 .im-home-stores .link-more,
body.imarked-v1 .im-home-stores .im-home-sec-link.link-more {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    font-size: 1.24rem !important; /* right +15% */
    font-weight: 600 !important;
    color: var(--im-primary, #0066ff) !important;
    white-space: nowrap;
    text-decoration: none !important;
    transition: gap 0.15s ease;
}

body.imarked-v1 .im-home-stores .link-more:hover {
    gap: 8px;
    text-decoration: none !important;
}

body.imarked-v1 .im-home-stores .link-more svg {
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}

body.imarked-v1 .im-home-stores-track.biz-row,
body.imarked-v1 .im-home-stores-track {
    display: block;
    padding: 2px 0 4px;
    overflow: visible;
}

body.imarked-v1 .im-home-stores .im-biz-col {
    margin-bottom: 18px;
}

/* Business cards — image + name + city */
body.imarked-v1 .im-home-stores .biz-card,
body.imarked-v1 .im-home-stores .im-biz-card {
    background: var(--im-surface, #fff);
    border: 1px solid rgba(225, 232, 239, 0.95);
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04), 0 6px 18px rgba(24, 28, 35, 0.05);
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    text-decoration: none !important;
    color: inherit !important;
    min-width: 0;
    height: 100%;
}

body.imarked-v1 .im-home-stores .biz-card:hover,
body.imarked-v1 .im-home-stores .im-biz-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 14px rgba(24, 28, 35, 0.07), 0 14px 28px rgba(24, 28, 35, 0.08);
    border-color: rgba(0, 102, 255, 0.12);
    text-decoration: none !important;
    color: inherit !important;
}

body.imarked-v1 .im-home-stores .biz-img {
    position: relative;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #eef2f8;
}

body.imarked-v1 .im-home-stores .biz-img::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 42%;
    background: linear-gradient(180deg, transparent, rgba(15, 23, 42, 0.12));
    pointer-events: none;
    z-index: 1;
}

body.imarked-v1 .im-home-stores .biz-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    display: block;
    transition: transform 280ms ease;
}

body.imarked-v1 .im-home-stores .biz-card:hover .biz-img img,
body.imarked-v1 .im-home-stores .im-biz-card:hover .biz-img img {
    transform: scale(1.04);
}

body.imarked-v1 .im-home-stores .biz-body {
    padding: 12px 12px 14px;
    display: flex;
    flex-direction: column;
    background: #fff;
}

/* 70% name / 30% city pill */
body.imarked-v1 .im-home-stores .biz-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

body.imarked-v1 .im-home-stores .biz-name {
    flex: 0 0 70%;
    max-width: 70%;
    margin: 0;
    font-size: 1.125rem; /* 0.9375rem + 20% */
    font-weight: 700;
    color: var(--im-fg, #181c23);
    line-height: 1.25;
    letter-spacing: -0.01em;
    min-width: 0;
}

body.imarked-v1 .im-home-stores .biz-name-text {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.imarked-v1 .im-home-stores .biz-card:hover .biz-name {
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-home-stores .biz-city-pill {
    flex: 0 0 30%;
    max-width: 30%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    margin: 0;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(110, 122, 138, 0.1);
    color: var(--im-muted, #6e7a8a);
    font-size: 0.72rem;
    font-weight: 600;
    line-height: 1.2;
    opacity: 0.72;
    min-width: 0;
    box-sizing: border-box;
}

body.imarked-v1 .im-home-stores .biz-city-pin {
    width: 11px;
    height: 11px;
    flex: 0 0 auto;
    opacity: 0.85;
}

body.imarked-v1 .im-home-stores .biz-city-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

/* Promo card — dark CTA tile matching store card size */
body.imarked-v1 .im-home-stores .promo-card,
body.imarked-v1 .im-home-stores .im-promo-card {
    background: #1e2a44;
    border-radius: 16px;
    padding: 16px 14px;
    color: #fff !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    min-height: 100%;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04), 0 6px 18px rgba(24, 28, 35, 0.05);
    position: relative;
    overflow: hidden;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border: 1px solid rgba(255, 255, 255, 0.04);
}

body.imarked-v1 .im-home-stores .promo-card::before,
body.imarked-v1 .im-home-stores .im-promo-card::before {
    content: "";
    position: absolute;
    right: -28px;
    bottom: -28px;
    width: 110px;
    height: 110px;
    background: radial-gradient(circle, rgba(90, 140, 230, 0.28), transparent 70%);
    pointer-events: none;
}

body.imarked-v1 .im-home-stores .promo-card:hover,
body.imarked-v1 .im-home-stores .im-promo-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 14px rgba(24, 28, 35, 0.07), 0 14px 28px rgba(24, 28, 35, 0.08);
    color: #fff !important;
    text-decoration: none !important;
}

body.imarked-v1 .im-home-stores .promo-top {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

body.imarked-v1 .im-home-stores .promo-store-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.1);
    color: #c5d4f0;
    display: grid;
    place-items: center;
    margin: 0 0 12px;
}

body.imarked-v1 .im-home-stores .promo-store-icon svg {
    width: 20px;
    height: 20px;
}

body.imarked-v1 .im-home-stores .promo-card h3,
body.imarked-v1 .im-home-stores .im-promo-card h3 {
    font-size: 1.05rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    margin: 0 0 6px !important;
    position: relative;
    color: #fff !important;
    letter-spacing: -0.01em;
}

body.imarked-v1 .im-home-stores .promo-card p,
body.imarked-v1 .im-home-stores .im-promo-card p {
    font-size: 0.78rem !important;
    opacity: 0.78;
    margin: 0 0 12px !important;
    position: relative;
    color: #fff !important;
    line-height: 1.35 !important;
}

body.imarked-v1 .im-home-stores .btn-gold {
    background: #e8a93a;
    color: #1a1408 !important;
    padding: 9px 14px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    align-self: stretch;
    transition: filter 0.15s, transform 0.1s;
    position: relative;
    z-index: 1;
    box-shadow: 0 2px 8px rgba(180, 140, 50, 0.35);
    text-decoration: none !important;
    margin-top: 12px;
}

body.imarked-v1 .im-home-stores .promo-card:hover .btn-gold,
body.imarked-v1 .im-home-stores .im-promo-card:hover .btn-gold {
    filter: brightness(1.05);
}

body.imarked-v1 .im-home-stores-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 120px;
    color: var(--im-muted);
    font-size: 14px;
    font-weight: 500;
}

body.imarked-v1 .im-home-stores-loading .im-loader {
    margin: 0 auto;
}

body.imarked-v1 .im-home-stores-loading .fa-spinner {
    display: none;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-home-stores .im-biz-col {
        margin-bottom: 12px;
    }
}

/* Kill theme/main_m #content bottom margin (desktop + mobile) */
body.imarked-v1 #content {
    margin-bottom: 0 !important;
}

/* ── Products section — home (#divNewProduct) + search (#products-grid) ── */
body.imarked-v1 .im-home-products {
    margin: 16px 0 8px;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product).products-list,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product).products-list.row.grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 20px !important;
    margin: 0 !important;
    float: none !important;
    align-items: stretch !important;
}

/* Bootstrap .row clearfix (::before/::after) becomes empty grid cells — hide them */
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product).products-list.row::before,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product).products-list.row::after,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product).row::before,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product).row::after {
    content: none !important;
    display: none !important;
}

/* Wrapper must be invisible — theme hover used to reveal a “ghost” card under the lift */
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-layout {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    min-width: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
    transform: none !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-layout::before,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-layout::after {
    content: none !important;
    display: none !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-item-container,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-card,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-layout .product-item-container {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 !important; /* beat main.css 8px inset */
    background: #fff !important;
    border: 1px solid #e8edf3 !important;
    border-radius: 18px !important;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.03), 0 8px 22px rgba(24, 28, 35, 0.05) !important;
    overflow: hidden !important;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 220ms ease, box-shadow 220ms ease, border-color 220ms ease;
}

/* Lift + shadow on hover (underlay stays transparent so no ghost card) */
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-item-container:hover,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-card:hover,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-layout .product-item-container:hover {
    transform: translateY(-4px) !important;
    -webkit-transform: translateY(-4px) !important;
    box-shadow: 0 10px 24px rgba(24, 28, 35, 0.08), 0 18px 36px rgba(24, 28, 35, 0.06) !important;
    border-color: #d7e2ef !important;
}

/* Kill theme second-image slide + quickview on product tiles */
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-image-container.second_img .img_0,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-item-container:hover .product-image-container.second_img .img_0,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-layout .product-item-container:hover .left-block .product-image-container.second_img .img_0 {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    top: 100% !important;
    pointer-events: none !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .left-block .quickview,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-item-container:hover .left-block .quickview {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .left-block,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .right-block {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .left-block,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-media {
    position: relative !important;
    margin: 0 !important;
    flex: 0 0 auto !important;
    background: #f7f8fa !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-media-link {
    display: block !important;
    position: relative !important;
    text-decoration: none !important;
    line-height: 0 !important;
    font-size: 0 !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-image-container,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .img-CusHeight-SearchHome,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .img-Cus-height-search,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-img {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 1 / 1 !important;
    overflow: hidden !important;
    background: #f7f8fa !important;
    display: block !important;
    border-bottom: 1px solid #eef1f5 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .c-product-img-th,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-image-container img,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-img img,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-image-container img.c-product-img-th {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;
    transition: transform 280ms ease !important;
    background: transparent !important;
    z-index: 1 !important;
}

/* Favourite — top-right on image */
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-media .wishlist.im-prod-wish {
    position: absolute !important;
    top: 10px !important;
    right: 10px !important;
    z-index: 6 !important;
    width: 36px !important;
    height: 36px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e5e9ef !important;
    border-radius: 50% !important;
    background: #fff !important;
    color: #6b7280 !important;
    line-height: 34px !important;
    text-align: center !important;
    box-shadow: 0 2px 8px rgba(24, 28, 35, 0.08) !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-media .wishlist.im-prod-wish:hover {
    color: #e85d4c !important;
    border-color: #f0c4bf !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-item-container:hover .c-product-img-th,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-card:hover .c-product-img-th {
    transform: scale(1.04);
}

/* Status / discount pills — overlaid on image (top-left); heart stays top-right */
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-img .label-new,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-img .label-sale,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-new,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-sale {
    position: absolute !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 5 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: calc(100% - 56px) !important;
    height: auto !important;
    margin: 0 !important;
    padding: 5px 10px !important;
    border: 0 !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.01em !important;
    text-align: center !important;
    text-transform: none !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.16) !important;
    pointer-events: none;
    font-family: var(--im-font, "Plus Jakarta Sans", "Segoe UI", sans-serif) !important;
}

/* Kill theme ribbon triangle */
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-new:after,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-sale:after,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-new:before,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-sale:before {
    content: none !important;
    display: none !important;
    border: 0 !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-sale {
    z-index: 4 !important;
    background: #e85d4c !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-new {
    z-index: 3 !important;
    background: #334155 !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-new.im-status-reserved {
    background: #2563eb !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-new.im-status-sold {
    background: #b91c1c !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-new.im-status-other {
    background: #475569 !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-img:has(.label-sale) .label-new,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-media-link:has(.label-sale) .label-new {
    top: 38px !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .right-block,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    padding: 12px 14px 0 !important;
    min-height: 0 !important;
    background: #fff !important;
    font-family: var(--im-font, "Plus Jakarta Sans", "Segoe UI", sans-serif) !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .caption,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-caption {
    flex: 0 0 auto !important;
    min-width: 0 !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .caption h4,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .right-block .caption h4 {
    margin: 0 0 10px !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 22px !important;
    letter-spacing: 0 !important;
    overflow: visible !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .caption h4 a,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .right-block .caption h4 a {
    color: #111827 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: normal !important;
    word-break: break-word !important;
    text-decoration: none !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .product-item-container:hover .caption h4 a {
    color: var(--im-primary, #0066ff) !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-meta {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px 12px !important;
    margin: 0 0 12px !important;
    min-width: 0 !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .price,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-price {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: baseline !important;
    gap: 4px 6px !important;
    margin: 0 !important;
    min-height: 0 !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .price-new {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #000 !important;
    letter-spacing: 0;
    font-variant-numeric: tabular-nums;
    line-height: 25px !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .price-old {
    font-size: 0.75rem !important;
    font-weight: 500 !important;
    color: #9ca3af !important;
    text-decoration: line-through !important;
    letter-spacing: -0.01em;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-city {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    flex: 0 1 auto !important;
    max-width: 46% !important;
    margin: 0 !important;
    color: #9ca3af !important;
    font-size: 0.75rem !important;
    font-weight: 400 !important;
    letter-spacing: -0.01em !important;
    line-height: 1.2 !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-city .fa {
    font-size: 11px;
    opacity: 0.85;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-city-text {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-actions {
    display: flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 0 4px !important;
    padding: 0 !important;
    border: 0 !important;
    min-height: 40px !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group .addToCart,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group .im-prod-action {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid transparent !important;
    border-radius: 11px !important;
    background: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    line-height: 38px !important;
    text-align: center !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: -0.01em !important;
    box-shadow: 0 4px 12px rgba(0, 102, 255, 0.22) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    transition: filter 160ms ease, background 160ms ease, color 160ms ease;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group .addToCart:hover,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group .im-prod-action:hover {
    filter: brightness(1.05);
    color: #fff !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group .im-prod-action--choose {
    background: #243044 !important;
    box-shadow: 0 4px 12px rgba(24, 28, 35, 0.12) !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group .im-prod-action--message,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group .im-prod-action--more {
    background: #f1f5f9 !important;
    color: #243044 !important;
    border-color: #e2e8f0 !important;
    box-shadow: none !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group .im-prod-action--message:hover,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group .im-prod-action--more:hover {
    background: #e8eef7 !important;
    color: var(--im-primary, #0066ff) !important;
    filter: none;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group .im-prod-action-label {
    display: inline !important;
    margin-left: 5px;
    text-transform: none !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-seller-wrap {
    margin-top: auto !important;
    padding: 10px 0 12px !important;
    border-top: 1px solid #eef1f5 !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .c-productStoreName,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-seller {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 2px 0 !important;
    border: 0 !important;
    border-top: 0 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #666 !important;
    letter-spacing: inherit !important;
    text-align: left !important;
    overflow: hidden !important;
    text-decoration: none !important;
    line-height: 21px !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-seller-name,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-seller span {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-seller-icon {
    flex: 0 0 auto;
    font-size: 12px;
    color: #666;
    opacity: 1;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-seller-chevron {
    flex: 0 0 auto;
    margin-left: auto;
    padding-left: 10px;
    border-left: 1px solid #e5e7eb;
    font-size: 16px;
    line-height: 1;
    color: #374151;
    opacity: 0.85;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .c-productStoreName:hover,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-seller:hover {
    color: var(--im-primary, #0066ff) !important;
}

body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-seller:hover .im-prod-seller-icon,
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .im-prod-seller:hover .im-prod-seller-chevron {
    color: var(--im-primary, #0066ff);
}

/* Featured pill */
body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .label-new.lblFeatured {
    background: #15803d !important;
}

body.imarked-v1 .im-home-products .btnLoadMore,
body.imarked-v1 #btnLoadMore.btnLoadMore {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 180px !important;
    width: auto !important;
    height: 44px !important;
    margin: 24px auto 12px !important;
    padding: 0 22px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow: 0 6px 16px rgba(0, 102, 255, 0.22) !important;
}

@media (max-width: 1100px) {
    body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product).products-list,
    body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product).products-list.row.grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }
}

@media (max-width: 820px) {
    body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product).products-list,
    body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product).products-list.row.grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    body.imarked-v1 :is(#divNewProduct, #products-grid, .im-home-slider-item--product) .button-group .im-prod-action-label {
        display: none !important;
    }
}

/* ── Popular categories (mockup tiles) ── */
body.imarked-v1 .im-cat-section {
    margin: 32px 0 12px;
}

body.imarked-v1 .im-cat-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

body.imarked-v1 .im-cat-head h2 {
    margin: 0;
    font-size: 2.02rem; /* left +10% */
    font-weight: 800;
    color: var(--im-fg, #1a1f2c);
    letter-spacing: -0.02em;
}

body.imarked-v1 .im-cat-head p {
    margin: 6px 0 0;
    font-size: 19.5px; /* left +10% */
    color: var(--im-muted, #6b7280);
}

body.imarked-v1 .im-cat-head-link {
    flex: 0 0 auto;
    font-size: 20.4px; /* right +15% */
    font-weight: 700;
    color: var(--im-primary, #0066ff);
    text-decoration: none !important;
    white-space: nowrap;
}

body.imarked-v1 .im-cat-head-link:hover {
    color: #0052cc;
}

body.imarked-v1 .im-cat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
}

body.imarked-v1 .im-cat-tile {
    position: relative;
    display: block;
    height: 168px;
    border-radius: 16px;
    overflow: hidden;
    text-decoration: none !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 20px rgba(15, 23, 42, 0.06);
    transform: translateZ(0);
    transition: transform 280ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 280ms ease;
}

body.imarked-v1 .im-cat-tile:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.12);
}

body.imarked-v1 .im-cat-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 480ms cubic-bezier(0.22, 1, 0.36, 1);
}

body.imarked-v1 .im-cat-tile:hover .im-cat-img {
    transform: scale(1.05);
}

body.imarked-v1 .im-cat-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(15, 23, 42, 0.05) 20%,
        rgba(15, 23, 42, 0.55) 72%,
        rgba(15, 23, 42, 0.78) 100%
    );
    pointer-events: none;
}

body.imarked-v1 .im-cat-label {
    position: absolute;
    left: 14px;
    right: 14px;
    bottom: 14px;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
}

body.imarked-v1 .im-cat-ico {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.95);
    color: #1e3a5f;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}

body.imarked-v1 .im-cat-name {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.35);
}

body.imarked-v1 .im-cat-cta {
    display: flex;
    justify-content: center;
    margin-top: 22px;
}

body.imarked-v1 .im-cat-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-width: 220px;
    height: 46px;
    padding: 0 24px;
    border-radius: 999px;
    border: 1.5px solid rgba(0, 102, 255, 0.45);
    background: #fff;
    color: var(--im-primary, #0066ff) !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
    transition: background 180ms ease, border-color 180ms ease, transform 180ms ease;
}

body.imarked-v1 .im-cat-cta-btn:hover {
    background: rgba(0, 102, 255, 0.05);
    border-color: var(--im-primary, #0066ff);
    color: var(--im-primary, #0066ff) !important;
    transform: translateY(-1px);
}

/* ── Business CTA (between categories and feature cards) ── */
body.imarked-v1 .home-business-cta {
    margin: 36px 0 8px;
}

body.imarked-v1 .home-business-cta__card {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    background:
        radial-gradient(120% 90% at 100% 0%, rgba(56, 132, 255, 0.28) 0%, rgba(56, 132, 255, 0) 55%),
        linear-gradient(135deg, #0b1b33 0%, #122a4a 42%, #0f3d7a 78%, #0b3d91 100%);
    box-shadow: 0 12px 36px rgba(11, 27, 51, 0.22);
    transition: filter 180ms ease, box-shadow 180ms ease;
}

body.imarked-v1 .home-business-cta__card:hover {
    filter: brightness(1.035);
    box-shadow: 0 14px 38px rgba(11, 27, 51, 0.26);
}

body.imarked-v1 .home-business-cta__inner {
    display: flex;
    align-items: center;
    gap: 32px;
    padding: 44px 42px 40px;
    max-width: 100%;
}

body.imarked-v1 .home-business-cta__content {
    flex: 1 1 65%;
    min-width: 0;
    color: #fff;
}

body.imarked-v1 .home-business-cta__eyebrow {
    margin: 0 0 12px;
    font-size: 12.1px; /* +10% */
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #93c5fd;
}

body.imarked-v1 .home-business-cta__title {
    margin: 0 0 14px;
    max-width: 16.5em; /* wider so wrap is "Gi bedriften din / en digital tilstedeværelse" */
    font-size: 2.35rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.12;
    color: #fff;
}

body.imarked-v1 .home-business-cta__desc {
    margin: 0 0 22px;
    max-width: 34em;
    font-size: 16.5px; /* +10% from 15px */
    line-height: 1.65;
    color: rgba(191, 219, 254, 0.92);
}

body.imarked-v1 .home-business-cta__benefits {
    list-style: none;
    margin: 0 0 26px;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 24px;
    max-width: 34em;
}

body.imarked-v1 .home-business-cta__benefits li {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    font-size: 15.4px; /* +10% from 14px */
    font-weight: 600;
    letter-spacing: 0;
    color: rgba(239, 246, 255, 0.95);
}

body.imarked-v1 .home-business-cta__check {
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(96, 165, 250, 0.18);
    color: #93c5fd;
}

body.imarked-v1 .home-business-cta__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
}

body.imarked-v1 .home-business-cta__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0 22px;
    border-radius: 999px;
    font-size: 15.4px; /* +10% from 14px */
    font-weight: 800;
    letter-spacing: 0;
    text-decoration: none !important;
    transition: background 160ms ease, color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

body.imarked-v1 .home-business-cta__btn--primary {
    min-width: 168px;
    background: #fff;
    color: #0b1b33 !important;
    border: 1px solid #fff;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.18);
}

body.imarked-v1 .home-business-cta__btn--primary:hover,
body.imarked-v1 .home-business-cta__btn--primary:focus {
    background: #f8fafc;
    color: #0b1b33 !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.22);
}

body.imarked-v1 .home-business-cta__btn--secondary {
    min-height: 42px;
    padding: 0 16px;
    background: transparent;
    color: rgba(226, 232, 240, 0.92) !important;
    border: 1px solid rgba(255, 255, 255, 0.28);
    font-weight: 700;
    box-shadow: none;
}

body.imarked-v1 .home-business-cta__btn--secondary:hover,
body.imarked-v1 .home-business-cta__btn--secondary:focus {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.45);
    color: #fff !important;
}

body.imarked-v1 .home-business-cta__btn:focus-visible {
    outline: 2px solid #93c5fd;
    outline-offset: 3px;
}

body.imarked-v1 .home-business-cta__note {
    margin: 0;
    max-width: 36em;
    font-size: 13.2px; /* +10% from 12px */
    line-height: 1.5;
    color: rgba(191, 219, 254, 0.72);
}

body.imarked-v1 .home-business-cta__note a {
    color: #bfdbfe;
    text-decoration: underline;
    text-underline-offset: 2px;
}

body.imarked-v1 .home-business-cta__note a:hover,
body.imarked-v1 .home-business-cta__note a:focus {
    color: #fff;
}

body.imarked-v1 .home-business-cta__note a:focus-visible {
    outline: 2px solid #93c5fd;
    outline-offset: 2px;
    border-radius: 2px;
}

body.imarked-v1 .home-business-cta__preview {
    flex: 0 0 34%;
    max-width: 300px;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.imarked-v1 .home-business-cta__preview-card {
    width: 100%;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22);
    overflow: hidden;
    backdrop-filter: blur(8px);
    transition: transform 180ms ease;
}

body.imarked-v1 .home-business-cta__card:hover .home-business-cta__preview-card {
    transform: translateY(-3px);
}

body.imarked-v1 .home-business-cta__preview-chrome {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 11px 14px;
    background: rgba(15, 23, 42, 0.38);
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

body.imarked-v1 .home-business-cta__preview-chrome span {
    width: 7px;
    height: 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.28);
}

body.imarked-v1 .home-business-cta__preview-chrome em {
    margin-left: 8px;
    font-style: normal;
    font-size: 12.1px; /* +10% */
    font-weight: 700;
    letter-spacing: 0;
    color: rgba(226, 232, 240, 0.88);
}

body.imarked-v1 .home-business-cta__preview-body {
    padding: 16px 16px 18px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 40%);
}

body.imarked-v1 .home-business-cta__preview-head {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px;
}

body.imarked-v1 .home-business-cta__preview-logo {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #60a5fa, #2563eb);
    color: #fff;
    font-size: 12px;
    font-weight: 800;
    box-shadow: 0 4px 12px rgba(37, 99, 235, 0.35);
}

body.imarked-v1 .home-business-cta__preview-identity {
    min-width: 0;
    flex: 1 1 auto;
}

body.imarked-v1 .home-business-cta__preview-head strong {
    display: block;
    font-size: 15.4px; /* +10% */
    font-weight: 800;
    letter-spacing: 0;
    color: #fff;
    line-height: 1.2;
}

body.imarked-v1 .home-business-cta__preview-head small {
    display: block;
    margin-top: 2px;
    font-size: 12.1px; /* +10% */
    color: rgba(191, 219, 254, 0.82);
}

body.imarked-v1 .home-business-cta__preview-badge {
    flex: 0 0 auto;
    margin-left: auto;
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(245, 180, 0, 0.22);
    color: #fcd34d;
    font-size: 11px; /* +10% */
    font-weight: 800;
    letter-spacing: 0;
}

body.imarked-v1 .home-business-cta__preview-products {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin-bottom: 12px;
}

body.imarked-v1 .home-business-cta__thumb {
    display: block;
    aspect-ratio: 1 / 1;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background:
        linear-gradient(160deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.05));
}

body.imarked-v1 .home-business-cta__thumb:nth-child(2) {
    background: linear-gradient(160deg, rgba(147, 197, 253, 0.4), rgba(255, 255, 255, 0.06));
}

body.imarked-v1 .home-business-cta__thumb:nth-child(3) {
    background: linear-gradient(160deg, rgba(252, 211, 77, 0.32), rgba(255, 255, 255, 0.06));
}

body.imarked-v1 .home-business-cta__preview-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 14px;
}

body.imarked-v1 .home-business-cta__preview-meta span {
    padding: 5px 9px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(226, 232, 240, 0.92);
    font-size: 12.1px; /* +10% */
    font-weight: 600;
    letter-spacing: 0;
}

body.imarked-v1 .home-business-cta__preview-open {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 38px;
    border-radius: 999px;
    background: #fff;
    color: #0b1b33;
    font-size: 13.2px; /* +10% */
    font-weight: 800;
    letter-spacing: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

@media (max-width: 991px) {
    body.imarked-v1 .home-business-cta__inner {
        flex-direction: column;
        align-items: stretch;
        padding: 34px 28px 28px;
        gap: 24px;
    }

    body.imarked-v1 .home-business-cta__preview {
        flex: 1 1 auto;
        max-width: 280px;
        margin: 0 auto;
        width: 100%;
    }

    body.imarked-v1 .home-business-cta__title {
        font-size: 1.95rem;
        max-width: none;
    }
}

@media (max-width: 767px) {
    body.imarked-v1 .home-business-cta {
        margin: 20px 0 24px;
    }

    body.imarked-v1 .home-business-cta__card {
        border-radius: 22px;
        overflow: hidden;
        min-height: 0;
    }

    body.imarked-v1 .home-business-cta__inner {
        flex-direction: column;
        align-items: stretch;
        gap: 16px;
        padding: 24px 16px;
        min-height: 0;
    }

    body.imarked-v1 .home-business-cta__eyebrow {
        font-size: 12px;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }

    body.imarked-v1 .home-business-cta__title {
        font-size: 22px;
        line-height: 1.12;
        max-width: 280px;
        margin-bottom: 12px;
    }

    body.imarked-v1 .home-business-cta__desc {
        font-size: 15px;
        line-height: 1.55;
        margin-bottom: 18px;
        max-width: none;
    }

    body.imarked-v1 .home-business-cta__benefits {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px 12px;
        max-width: none;
        margin: 0 0 18px;
    }

    body.imarked-v1 .home-business-cta__benefits li {
        font-size: 13px;
        line-height: 1.3;
        margin-bottom: 0;
        gap: 6px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.imarked-v1 .home-business-cta__check {
        flex: 0 0 18px;
        width: 18px;
        height: 18px;
    }

    body.imarked-v1 .home-business-cta__check svg {
        width: 10px;
        height: 10px;
    }

    body.imarked-v1 .home-business-cta__actions {
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        margin-bottom: 0;
    }

    body.imarked-v1 .home-business-cta__btn,
    body.imarked-v1 .home-business-cta__btn--primary,
    body.imarked-v1 .home-business-cta__btn--secondary {
        width: 100%;
        min-width: 0;
        min-height: 46px;
        height: 46px;
        padding: 0 18px;
        border-radius: 23px;
        font-size: 14px;
    }

    body.imarked-v1 .home-business-cta__btn--secondary {
        color: rgba(226, 232, 240, 0.78) !important;
        border-color: rgba(255, 255, 255, 0.22);
        font-weight: 600;
    }

    body.imarked-v1 .home-business-cta__note {
        font-size: 12px;
        line-height: 1.45;
        margin-top: 16px;
        margin-bottom: 0;
        max-width: none;
    }

    body.imarked-v1 .home-business-cta__preview {
        flex: none;
        width: 100%;
        max-width: none;
        max-height: 245px;
        margin: 0;
        align-items: stretch;
    }

    body.imarked-v1 .home-business-cta__preview-card {
        max-height: 245px;
        border-radius: 14px;
        box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
    }

    body.imarked-v1 .home-business-cta__card:hover .home-business-cta__preview-card {
        transform: none;
    }

    body.imarked-v1 .home-business-cta__preview-chrome {
        padding: 8px 12px;
        gap: 5px;
    }

    body.imarked-v1 .home-business-cta__preview-chrome span {
        width: 6px;
        height: 6px;
    }

    body.imarked-v1 .home-business-cta__preview-chrome em {
        font-size: 11px;
    }

    body.imarked-v1 .home-business-cta__preview-body {
        padding: 10px 12px 12px;
    }

    body.imarked-v1 .home-business-cta__preview-head {
        gap: 8px;
        margin-bottom: 10px;
    }

    body.imarked-v1 .home-business-cta__preview-logo {
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        font-size: 11px;
    }

    body.imarked-v1 .home-business-cta__preview-head strong {
        font-size: 13px;
    }

    body.imarked-v1 .home-business-cta__preview-head small {
        font-size: 11px;
    }

    body.imarked-v1 .home-business-cta__preview-badge {
        padding: 3px 7px;
        font-size: 10px;
    }

    body.imarked-v1 .home-business-cta__preview-products {
        gap: 6px;
        margin-bottom: 8px;
    }

    body.imarked-v1 .home-business-cta__thumb {
        height: 52px;
        aspect-ratio: auto;
        border-radius: 8px;
    }

    body.imarked-v1 .home-business-cta__preview-meta {
        gap: 5px;
        margin-bottom: 10px;
    }

    body.imarked-v1 .home-business-cta__preview-meta span {
        padding: 4px 7px;
        font-size: 11px;
    }

    body.imarked-v1 .home-business-cta__preview-open {
        min-height: 34px;
        font-size: 12px;
    }
}

/* ── Premium feature cards (below categories) ── */
body.imarked-v1 .im-feat-section {
    margin: 36px 0 16px;
}

body.imarked-v1 .im-feat-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -8px;
    margin-right: -8px;
}

body.imarked-v1 .im-feat-col {
    display: flex;
    padding-left: 8px;
    padding-right: 8px;
    margin-bottom: 16px;
}

body.imarked-v1 .im-feat-card {
    --im-feat-accent: var(--im-primary, #0066ff);
    --im-feat-soft: rgba(0, 102, 255, 0.1);
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 100%;
    padding: 28px 24px 26px;
    background: #fff;
    border: 1px solid rgba(232, 237, 243, 0.95);
    border-radius: 20px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03), 0 10px 28px rgba(15, 23, 42, 0.05);
    text-decoration: none !important;
    color: inherit;
    letter-spacing: 0;
    transition:
        transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 260ms ease,
        border-color 220ms ease;
}

body.imarked-v1 .im-feat-card--blue {
    --im-feat-accent: #0066ff;
    --im-feat-soft: rgba(0, 102, 255, 0.12);
}

body.imarked-v1 .im-feat-card--indigo {
    --im-feat-accent: #5b5fc7;
    --im-feat-soft: rgba(91, 95, 199, 0.12);
}

body.imarked-v1 .im-feat-card--green {
    --im-feat-accent: #0d9488;
    --im-feat-soft: rgba(13, 148, 136, 0.12);
}

body.imarked-v1 .im-feat-card--gold {
    --im-feat-accent: #d97706;
    --im-feat-soft: rgba(217, 119, 6, 0.12);
}

body.imarked-v1 .im-feat-card:hover,
body.imarked-v1 .im-feat-card:focus {
    transform: translateY(-4px);
    border-color: rgba(15, 23, 42, 0.08);
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.07), 0 20px 40px rgba(15, 23, 42, 0.08);
    color: inherit;
    text-decoration: none !important;
    outline: none;
}

body.imarked-v1 .im-feat-card:focus-visible {
    box-shadow:
        0 8px 18px rgba(15, 23, 42, 0.07),
        0 0 0 3px rgba(0, 102, 255, 0.28);
}

body.imarked-v1 .im-feat-ico {
    width: 64px; /* +15% from 56px */
    height: 64px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--im-feat-soft);
    color: var(--im-feat-accent);
    margin-bottom: 18px;
    transition: background 220ms ease, color 220ms ease, transform 220ms ease;
}

body.imarked-v1 .im-feat-card:hover .im-feat-ico,
body.imarked-v1 .im-feat-card:focus .im-feat-ico {
    transform: scale(1.04);
    filter: saturate(1.15);
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-feat-card--blue:hover .im-feat-ico,
body.imarked-v1 .im-feat-card--blue:focus .im-feat-ico { background: rgba(0, 102, 255, 0.18); }

body.imarked-v1 .im-feat-card--indigo:hover .im-feat-ico,
body.imarked-v1 .im-feat-card--indigo:focus .im-feat-ico { background: rgba(91, 95, 199, 0.18); }

body.imarked-v1 .im-feat-card--green:hover .im-feat-ico,
body.imarked-v1 .im-feat-card--green:focus .im-feat-ico { background: rgba(13, 148, 136, 0.18); }

body.imarked-v1 .im-feat-card--gold:hover .im-feat-ico,
body.imarked-v1 .im-feat-card--gold:focus .im-feat-ico { background: rgba(217, 119, 6, 0.18); }

body.imarked-v1 .im-feat-title {
    margin: 0 0 10px;
    font-size: 1.55rem; /* +35% from 1.15rem */
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.25;
    color: var(--im-fg, #1a1f2c);
}

body.imarked-v1 .im-feat-desc {
    margin: 0;
    flex: 1 1 auto;
    font-size: 14px;
    line-height: 1.45;
    color: var(--im-muted, #6b7280);
}

body.imarked-v1 .im-feat-arrow {
    display: inline-flex;
    align-items: center;
    margin-top: 16px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.2;
    color: var(--im-feat-accent);
    opacity: 0.75;
    transform: translateX(0);
    transition: transform 240ms cubic-bezier(0.22, 1, 0.36, 1), opacity 220ms ease;
}

body.imarked-v1 .im-feat-card:hover .im-feat-arrow,
body.imarked-v1 .im-feat-card:focus .im-feat-arrow {
    opacity: 1;
    transform: translateX(4px);
}

/* Equal-height columns (Bootstrap 3 row clearfix off for flex) */
body.imarked-v1 .im-feat-row::before,
body.imarked-v1 .im-feat-row::after {
    display: none !important;
    content: none !important;
}

@media (max-width: 991px) {
    body.imarked-v1 .im-feat-card {
        padding: 24px 20px 22px;
    }

    body.imarked-v1 .im-feat-title {
        font-size: 1.42rem; /* +35% from 1.05rem */
    }
}

@media (max-width: 767px) {
    body.imarked-v1 .im-feat-section {
        margin-top: 28px;
    }
}

/* ── Responsive ── */
@media (max-width: 1100px) {
    body.imarked-v1 .im-cat-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    body.imarked-v1 .im-home-banner.so-spotlight1,
    body.imarked-v1 #im-home-banner.im-home-banner {
        --im-banner-h: 360px;
    }

    body.imarked-v1 .im-home-cat-wrap {
        margin-top: -46px;
    }

    body.imarked-v1 .im-home-cat-strip.im-home-markets {
        border-radius: 14px !important;
        padding: 6px 4px !important;
    }

    body.imarked-v1 .im-home-cat-strip .policy-inner h2,
    body.imarked-v1 .im-home-cat-strip .policy-inner a h2 {
        font-size: 12px !important;
        line-height: 1.6 !important;
    }

    body.imarked-v1 .im-home-body {
        padding-top: 28px;
    }

    body.imarked-v1 .im-cat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    body.imarked-v1 .im-cat-tile {
        height: 140px;
    }

    body.imarked-v1 .im-cat-head {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 560px) {
    body.imarked-v1 .im-home-sec-head {
        flex-direction: column;
        align-items: flex-start;
    }

    body.imarked-v1 .im-home-cat-wrap {
        margin-top: -40px;
    }

    body.imarked-v1 .im-cat-tile {
        height: 128px;
    }

    body.imarked-v1 .im-cat-name {
        font-size: 13px;
    }

    body.imarked-v1 .im-cat-ico {
        width: 30px;
        height: 30px;
        flex-basis: 30px;
    }
}

/* ── Home section CTAs ── */
body.imarked-v1 .im-home-sec-cta {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 24px 0 12px;
    clear: both;
}

body.imarked-v1 .im-home-cta-btn,
body.imarked-v1 a.im-home-cta-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 180px;
    height: 44px;
    padding: 0 22px;
    border-radius: 999px;
    background: var(--im-primary, #0066ff);
    color: #fff !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0 6px 16px rgba(0, 102, 255, 0.22);
    transition: transform 180ms ease, box-shadow 180ms ease;
}

body.imarked-v1 .im-home-cta-btn:hover,
body.imarked-v1 a.im-home-cta-btn:hover {
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 20px rgba(0, 102, 255, 0.28);
}

/* ── Horizontal home sliders ── */
body.imarked-v1 .im-home-most-visited,
body.imarked-v1 .im-home-local-stores,
body.imarked-v1 .im-detail-related {
    margin: 28px 0 10px;
}

body.imarked-v1 .im-home-slider-host {
    position: relative;
    min-height: 80px;
}

body.imarked-v1 .im-home-slider {
    position: relative;
}

body.imarked-v1 .im-home-slider-shell {
    position: relative;
    padding: 8px 0 4px;
    width: 100%;
}

body.imarked-v1 .im-home-slider-viewport {
    overflow: hidden;
    width: 100%;
    padding: 10px 0 18px;
    cursor: grab;
    outline: none;
    touch-action: pan-y;
}

body.imarked-v1 .im-home-slider.is-dragging .im-home-slider-viewport {
    cursor: grabbing;
    user-select: none;
}

body.imarked-v1 .im-home-slider.is-dragging .im-home-slider-viewport a,
body.imarked-v1 .im-home-slider.is-dragging .im-home-slider-viewport button {
    pointer-events: none;
}

body.imarked-v1 .im-home-slider-track {
    display: flex;
    align-items: stretch;
    gap: 16px;
    width: max-content;
    will-change: transform;
    backface-visibility: hidden;
    transform: translate3d(0, 0, 0);
}

body.imarked-v1 .im-home-slider-item--product {
    flex: 0 0 clamp(210px, 22vw, 268px);
    width: clamp(210px, 22vw, 268px);
}

body.imarked-v1 .im-home-slider-item--product .im-prod-card,
body.imarked-v1 .im-home-slider-item--product .product-item-container {
    height: 100%;
}

/* Always-visible arrow controls — overlaid on content edges */
body.imarked-v1 .im-home-slider-btn {
    position: absolute;
    top: 50%;
    z-index: 5;
    width: 42px;
    height: 42px;
    margin-top: -28px;
    border: 1px solid #e5eaf0;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #111827;
    background: #fff;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
    transform: translateY(-50%);
    transition: background 180ms ease, box-shadow 180ms ease, border-color 180ms ease, opacity 180ms ease;
    cursor: pointer;
    opacity: 1;
}

body.imarked-v1 .im-home-slider-btn--prev { left: 8px; }
body.imarked-v1 .im-home-slider-btn--next { right: 8px; }

body.imarked-v1 .im-home-slider-btn:hover:not(:disabled) {
    background: #fff;
    border-color: var(--im-primary, #0066ff);
    color: var(--im-primary, #0066ff);
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.14);
}

body.imarked-v1 .im-home-slider-btn:active:not(:disabled) {
    transform: translateY(-50%) scale(0.96);
}

body.imarked-v1 .im-home-slider-btn:disabled {
    opacity: 0.35;
    cursor: default;
    box-shadow: none;
}

body.imarked-v1 .im-home-slider-btn:focus-visible {
    outline: 2px solid var(--im-primary, #0066ff);
    outline-offset: 2px;
}

body.imarked-v1 .im-home-slider-btn svg {
    display: block;
}

/* Autoplays progress rail */
body.imarked-v1 .im-home-slider-progress {
    height: 2px;
    margin: 2px 8px 0;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.08);
    overflow: hidden;
}

body.imarked-v1 .im-home-slider-progress-bar {
    display: block;
    width: 100%;
    height: 100%;
    transform-origin: left center;
    transform: scaleX(0);
    background: linear-gradient(90deg, var(--im-primary, #0066ff), #38bdf8);
    border-radius: inherit;
    will-change: transform;
}

body.imarked-v1.is-wholesale .im-home-slider-progress-bar {
    background: linear-gradient(90deg, #1a2230, #64748b);
}

body.imarked-v1 .im-home-slider.is-paused .im-home-slider-progress-bar,
body.imarked-v1 .im-home-slider.is-no-autoplay .im-home-slider-progress {
    opacity: 0.35;
}

body.imarked-v1 .im-home-slider.is-no-autoplay .im-home-slider-progress-bar {
    transform: scaleX(0) !important;
}

/* Compact local business cards — large consistent logo tile */
body.imarked-v1 .im-local-biz-card {
    flex: 0 0 188px;
    width: 188px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    min-height: 198px;
    background: #fff;
    border: 1px solid rgba(232, 237, 243, 0.95);
    border-radius: 16px;
    text-decoration: none !important;
    color: inherit;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.03), 0 8px 20px rgba(24, 28, 35, 0.045);
    transition:
        transform 420ms cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 420ms ease,
        border-color 280ms ease;
}

body.imarked-v1 .im-local-biz-card:hover {
    transform: translateY(-4px);
    border-color: #d7e2ef;
    box-shadow: 0 10px 24px rgba(24, 28, 35, 0.08), 0 18px 36px rgba(24, 28, 35, 0.05);
    color: inherit;
}

body.imarked-v1 .im-local-biz-logo {
    width: 100%;
    height: 112px;
    border-radius: 12px;
    overflow: hidden;
    background: #f4f6f9;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 1px rgba(15, 23, 42, 0.05);
    flex-shrink: 0;
}

body.imarked-v1 .im-local-biz-logo img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain !important;
    object-position: center center !important;
    display: block;
}

body.imarked-v1 .im-local-biz-logo .seller-logo-fallback {
    width: 100% !important;
    height: 100% !important;
    border-radius: 10px !important;
}

body.imarked-v1 .im-local-biz-logo .seller-logo-fallback-initials {
    font-size: 22px !important;
}

body.imarked-v1 .im-local-biz-body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

body.imarked-v1 .im-local-biz-name {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13.5px;
    font-weight: 750;
    color: var(--im-fg, #1a1f2c);
    line-height: 1.25;
}

body.imarked-v1 .im-local-biz-name > span:first-child {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.imarked-v1 .im-local-biz-meta {
    font-size: 12px;
    color: var(--im-muted, #6b7280);
    line-height: 1.3;
    margin-top: 3px;
}

body.imarked-v1 .im-local-biz-meta .fa {
    margin-right: 4px;
}

body.imarked-v1 .im-local-biz-claim {
    flex: 0 0 220px;
    width: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 8px;
    padding: 21px;
    min-height: 198px;
    border-radius: 16px;
    text-decoration: none !important;
    background: linear-gradient(155deg, #0f172a 0%, #1e3a5f 52%, #0b3d91 100%);
    color: #fff !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.2);
    transition: transform 420ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 420ms ease;
}

body.imarked-v1 .im-local-biz-claim:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(15, 23, 42, 0.26);
    color: #fff !important;
}

body.imarked-v1 .im-local-biz-claim strong {
    font-size: 15px;
    font-weight: 800;
    line-height: 1.25;
}

body.imarked-v1 .im-local-biz-claim p {
    margin: 0;
    font-size: 12px;
    line-height: 1.4;
    opacity: 0.9;
}

body.imarked-v1 .im-local-biz-claim-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
    padding: 8px 12px;
    border-radius: 999px;
    background: #f5b400;
    color: #1a1f2c;
    font-size: 12px;
    font-weight: 800;
    transition: transform 200ms ease, background 200ms ease;
}

body.imarked-v1 .im-local-biz-claim:hover .im-local-biz-claim-btn {
    transform: translateY(-1px);
    background: #ffc933;
}

@media (prefers-reduced-motion: reduce) {
    body.imarked-v1 .im-home-slider-btn,
    body.imarked-v1 .im-local-biz-card,
    body.imarked-v1 .im-local-biz-claim,
    body.imarked-v1 .im-home-slider-item--product .im-prod-card {
        transition: none !important;
    }
}

@media (max-width: 820px) {
    body.imarked-v1 .im-home-slider-btn {
        width: 36px;
        height: 36px;
        margin-top: -24px;
    }

    body.imarked-v1 .im-home-slider-btn--prev { left: 4px; }
    body.imarked-v1 .im-home-slider-btn--next { right: 4px; }

    body.imarked-v1 .im-home-slider-item--product {
        flex-basis: calc((100vw - 48px) / 1.75);
        width: calc((100vw - 48px) / 1.75);
        min-width: 150px;
        max-width: 220px;
    }

    body.imarked-v1 .im-local-biz-card {
        flex-basis: 164px;
        width: 164px;
        min-height: 186px;
        padding: 10px;
    }

    body.imarked-v1 .im-local-biz-logo {
        height: 96px;
        padding: 10px;
    }
}

/* IMARKED V1 — Search page visual system (UI only)
   Shared standard for main Search; reuse later on Real Estate / Jobs / Vehicles. */

body.imarked-v1 .im-search-page {
    --im-search-sidebar: 300px;
    --im-search-radius: 16px;
    --im-search-gap: 0;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-bottom: 0;
    background: transparent;
}

/* If a view still nests .container inside layout's .main-container, stretch full width */
body.imarked-v1 .main-container.container > .im-search-page.container,
body.imarked-v1 .main-container.container > .im-search-page.main-container,
body.imarked-v1 .main-container.container > .main-container.container.im-search-page {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ── Top chrome (title + filters + chips) ── */
body.imarked-v1 .im-search-top {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 8px 0 18px;
}

/* ── Header ── */
body.imarked-v1 .im-search-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin: 0;
    flex-wrap: wrap;
}

body.imarked-v1 .im-search-header__title {
    margin: 0;
    font-size: 1.75rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--im-fg, #1a1f2c);
    line-height: 1.2;
}

body.imarked-v1 .im-search-header__meta {
    margin: 6px 0 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--im-muted, #6b7280);
}

body.imarked-v1 .im-search-header__actions {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-left: auto;
}

body.imarked-v1 .im-search-header__filter-btn {
    display: none;
}

/* ── Active filter chips ── */
body.imarked-v1 .im-search-chips {
    display: none;
    margin: 0;
}

body.imarked-v1 .im-search-chips.is-visible {
    display: block;
}

body.imarked-v1 .im-search-chips__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
}

body.imarked-v1 .im-search-chips__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 0 1 auto; /* don't stretch — keep "Fjern alle" next to chips on the left */
}

body.imarked-v1 .im-search-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    max-width: 100%;
    padding: 7px 8px 7px 12px;
    border: 1px solid #dbe4f0;
    border-radius: 999px;
    background: #fff;
    color: #1e293b;
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.2;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-search-chip__label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
}

body.imarked-v1 .im-search-chip__remove {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f1f5f9;
    color: #64748b;
    font-size: 13px;
    line-height: 1;
    cursor: pointer;
    transition: background 140ms ease, color 140ms ease;
}

body.imarked-v1 .im-search-chip__remove:hover {
    background: #e2e8f0;
    color: #0f172a;
}

body.imarked-v1 .im-search-chips__clear {
    flex: 0 0 auto;
    order: 0;
    margin-left: 0 !important;
    margin-right: 0;
    border: 0;
    background: transparent;
    color: var(--im-primary, #0066ff);
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.2;
    padding: 7px 4px;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
}

body.imarked-v1 .im-search-chips__clear:hover,
body.imarked-v1 .im-search-chips__clear:focus {
    color: #0047b3;
    text-decoration: underline;
}

/* Reset button styles live with the filter panel block below */

/* ── Layout: sticky sidebar + results ── */
body.imarked-v1 .im-search-layout {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start; /* keep Load More under products, not mid-sidebar height */
    gap: 0;
    margin-left: 0;
    margin-right: 0;
}

body.imarked-v1 .im-search-layout > #column-left,
body.imarked-v1 .im-search-layout > #content,
body.imarked-v1 .im-search-layout > .im-search-sidebar,
body.imarked-v1 .im-search-layout > .im-search-results {
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

body.imarked-v1 .im-search-layout > #column-left.im-search-sidebar,
body.imarked-v1 .im-search-layout > .im-search-sidebar {
    width: var(--im-search-sidebar) !important;
    max-width: var(--im-search-sidebar) !important;
    flex: 0 0 var(--im-search-sidebar) !important;
}

body.imarked-v1 .im-search-layout > #content.im-search-results,
body.imarked-v1 .im-search-layout > .im-search-results {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    padding-left: 15px !important;
}

body.imarked-v1 #column-left.im-search-sidebar,
body.imarked-v1 .im-search-page #column-left,
body.imarked-v1 .im-search-page .im-search-sidebar {
    background: transparent !important;
    padding: 0 !important;
}

body.imarked-v1 .im-search-filter-panel,
body.imarked-v1 .im-search-page #column-left .module.menu-category {
    position: sticky;
    top: 90px;
    margin: 0 !important;
    padding: 20px 18px 18px !important;
    background: #fff !important;
    border: 1px solid #e6ebf2 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 20px rgba(24, 28, 35, 0.06) !important;
}

body.imarked-v1 .im-search-page #column-left .module.menu-category > .modtitle:first-child {
    margin-top: 0;
}

/* Kill theme boxed sections / orange underlines inside the filter panel */
body.imarked-v1 .im-search-page #column-left .menu-category .modcontent,
body.imarked-v1 .im-search-page #column-left .modcontent,
body.imarked-v1 .im-search-filter-panel .modcontent {
    border: 0 !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-search-page #column-left .titleLine h3.modtitle:after,
body.imarked-v1 .im-search-page #column-left h3.modtitle:after,
body.imarked-v1 .im-search-filter-panel h3.modtitle:after,
body.imarked-v1 .im-search-filter-section__head:after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    background: transparent !important;
}

body.imarked-v1 .im-search-page #column-left .box-category,
body.imarked-v1 .im-search-filter-panel .box-category {
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* Filter accordion sections */
body.imarked-v1 .im-search-filter-section {
    border-top: 1px solid #eef2f7;
    margin-top: 14px;
    padding-top: 12px;
}

body.imarked-v1 .im-search-filter-section:first-of-type,
body.imarked-v1 .im-search-filter-section--categories {
    border-top: 0;
    margin-top: 0;
    padding-top: 0;
}

body.imarked-v1 .im-search-page #column-left .modtitle,
body.imarked-v1 .im-search-page #column-left .titleLine h3.modtitle,
body.imarked-v1 .im-search-filter-section__head {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    border-bottom: 0 !important;
    background: transparent !important;
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    line-height: 1.3 !important;
    cursor: pointer;
    user-select: none;
}

body.imarked-v1 .im-search-filter-section__head .im-search-filter-chevron {
    display: inline-flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: #f4f7fb;
    color: #64748b;
    font-size: 13px;
    transition: transform 180ms ease, background 180ms ease, color 180ms ease;
}

body.imarked-v1 .im-search-filter-section__head:hover .im-search-filter-chevron {
    background: #e8eef8;
    color: #1a1f2c;
}

body.imarked-v1 .im-search-filter-section.is-collapsed .im-search-filter-chevron {
    transform: rotate(-90deg);
}

body.imarked-v1 .im-search-filter-section.is-collapsed .im-search-filter-section__body,
body.imarked-v1 .im-search-filter-section.is-collapsed > .modcontent,
body.imarked-v1 .im-search-filter-section.is-collapsed > .input-group,
body.imarked-v1 .im-search-filter-section.is-collapsed > div:not(.im-search-filter-section__head):not(.modtitle) {
    display: none !important;
}

/* Category tree — desktop sidebar + mobile filter sheet (#cat_accordion) */
body.imarked-v1 #cat_accordion.list-group,
body.imarked-v1 .im-search-filter-panel .menu-category .list-group,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.imarked-v1 #cat_accordion > li,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li li {
    border: 0 !important;
    border-bottom: 0 !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    background: transparent !important;
    position: relative;
    list-style: none !important;
}

body.imarked-v1 #cat_accordion a,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li a,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li li a {
    display: block !important;
    padding: 10px 34px 10px 12px !important;
    border-radius: 10px !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border: 0 !important;
    background: transparent !important;
    line-height: 1.35 !important;
    transition: background 140ms ease, color 140ms ease;
}

body.imarked-v1 #cat_accordion a:hover,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li a:hover {
    background: #f4f7fb !important;
    color: #0f172a !important;
}

/* Accordion plugin uses .active for expand state — do NOT treat that as selected.
   Real filter selection uses .im-cat-selected (item + parents). */
body.imarked-v1 #cat_accordion a.active,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li a.active,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li .active {
    background: transparent !important;
    color: #334155 !important;
    font-weight: 600 !important;
}

body.imarked-v1 #cat_accordion a.im-cat-selected,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li a.im-cat-selected {
    background: rgba(0, 102, 255, 0.1) !important;
    color: var(--im-primary, #0066ff) !important;
    font-weight: 800 !important;
}

body.imarked-v1 #cat_accordion > li > a.PAID {
    font-weight: 700 !important;
    color: #1a1f2c !important;
}

body.imarked-v1 #cat_accordion > li > a.PAID.im-cat-selected {
    color: var(--im-primary, #0066ff) !important;
}

body.imarked-v1 #cat_accordion > li > ul {
    margin: 2px 0 6px !important;
    padding: 0 0 0 6px !important;
    border-left: 2px solid #eef2f7;
    margin-left: 12px !important;
}

body.imarked-v1 #cat_accordion > li > ul > li > a.PCID {
    padding-left: 12px !important;
    font-size: 12.5px !important;
}

body.imarked-v1 #cat_accordion > li > ul > li > ul {
    margin: 2px 0 4px 8px !important;
    padding: 0 0 0 6px !important;
    border-left: 2px solid #f1f5f9;
}

body.imarked-v1 #cat_accordion > li > ul > li > ul > li > a.PSCID {
    padding-left: 12px !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: #475569 !important;
}

/* Replace theme square +/- with soft chevron buttons (pinned to parent row) */
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li span.button-view,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li li span.button-view,
body.imarked-v1 #cat_accordion .button-view {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute !important;
    right: 4px !important;
    top: 7px !important;
    transform: none !important;
    width: 26px !important;
    height: 26px !important;
    line-height: 26px !important;
    border-radius: 8px !important;
    background: #f4f7fb !important;
    color: #64748b !important;
    font-size: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    z-index: 2;
}

body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li span.button-view:before,
body.imarked-v1 #cat_accordion .button-view:before {
    content: "\f107" !important;
    font-family: "FontAwesome" !important;
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 1 !important;
    color: inherit !important;
}

body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li span.button-view.fa-minus-square-o:before,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li span.button-view.fa-minus:before,
body.imarked-v1 #cat_accordion .button-view.fa-minus-square-o:before,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li .active + .button-view:before {
    content: "\f106" !important;
}

body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li a:hover + .button-view,
body.imarked-v1 #cat_accordion a:hover + .button-view {
    background: #e8eef8 !important;
    color: #1a1f2c !important;
}

body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li a.im-cat-selected + .button-view,
body.imarked-v1 #cat_accordion a.im-cat-selected + .button-view {
    background: rgba(0, 102, 255, 0.12) !important;
    color: var(--im-primary, #0066ff) !important;
}

body.imarked-v1 #cat_accordion .dcjq-icon,
body.imarked-v1 .im-search-page #column-left .menu-category .list-group > li li a:before {
    display: none !important;
    content: none !important;
    opacity: 0 !important;
}

/* Checkbox rows (desktop sidebar + mobile drawer panel) */
body.imarked-v1 .im-search-page #column-left ol,
body.imarked-v1 .im-search-filter-panel ol {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.imarked-v1 .im-search-page #column-left ol > li,
body.imarked-v1 .im-search-page #column-left ol > li > a,
body.imarked-v1 .im-search-filter-panel ol > li,
body.imarked-v1 .im-search-filter-panel ol > li > a {
    display: flex !important;
    align-items: center;
    gap: 10px;
    min-height: 38px;
    margin: 0 0 2px !important;
    padding: 6px 8px !important;
    border-radius: 10px;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: background 140ms ease;
}

body.imarked-v1 .im-search-page #column-left ol > li:hover,
body.imarked-v1 .im-search-page #column-left ol > li > a:hover,
body.imarked-v1 .im-search-filter-panel ol > li:hover,
body.imarked-v1 .im-search-filter-panel ol > li > a:hover {
    background: #f4f7fb !important;
}

body.imarked-v1 .im-search-page #column-left ol > li label,
body.imarked-v1 .im-search-filter-panel ol > li label {
    display: flex !important;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 0 !important;
    font-weight: 500 !important;
    cursor: pointer;
    color: inherit !important;
}

body.imarked-v1 .im-search-page #column-left input[type="checkbox"],
body.imarked-v1 .im-search-filter-panel input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    margin: 0 !important;
    flex: 0 0 18px;
    border: 1.5px solid #cbd5e1;
    border-radius: 5px;
    background: #fff;
    box-shadow: inset 0 1px 1px rgba(15, 23, 42, 0.03);
    cursor: pointer;
    position: relative;
    transition: border-color 140ms ease, background 140ms ease, box-shadow 140ms ease;
}

body.imarked-v1 .im-search-page #column-left input[type="checkbox"]:hover,
body.imarked-v1 .im-search-filter-panel input[type="checkbox"]:hover {
    border-color: #94a3b8;
}

body.imarked-v1 .im-search-page #column-left input[type="checkbox"]:checked,
body.imarked-v1 .im-search-filter-panel input[type="checkbox"]:checked {
    background: var(--im-primary, #0066ff);
    border-color: var(--im-primary, #0066ff);
    box-shadow: none;
}

body.imarked-v1 .im-search-page #column-left input[type="checkbox"]:checked::after,
body.imarked-v1 .im-search-filter-panel input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 2px;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Price range — two equal fields with subtle separator */
body.imarked-v1 .im-search-page #column-left .im-search-price,
body.imarked-v1 .im-search-filter-panel .im-search-price {
    display: flex;
    align-items: flex-end;
    gap: 8px;
    width: 100%;
}

body.imarked-v1 .im-search-page #column-left .im-search-price__field,
body.imarked-v1 .im-search-filter-panel .im-search-price__field {
    flex: 1 1 0;
    min-width: 0;
    margin: 0 !important;
    font-weight: 500 !important;
    cursor: text;
}

body.imarked-v1 .im-search-page #column-left .im-search-price__label,
body.imarked-v1 .im-search-filter-panel .im-search-price__label {
    display: block;
    margin: 0 0 6px 2px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #64748b;
    text-transform: none;
}

body.imarked-v1 .im-search-page #column-left .im-search-price__sep,
body.imarked-v1 .im-search-filter-panel .im-search-price__sep {
    flex: 0 0 auto;
    align-self: center;
    margin-top: 18px;
    padding: 0 2px;
    color: #94a3b8;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    background: transparent;
    border: 0;
}

body.imarked-v1 .im-search-page #column-left .im-search-price .form-control,
body.imarked-v1 .im-search-filter-panel .im-search-price .form-control {
    height: 42px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    background: #fff !important;
    color: #1a1f2c !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-align: left;
    transition: border-color 140ms ease, box-shadow 140ms ease;
}

body.imarked-v1 .im-search-page #column-left .im-search-price .form-control::placeholder,
body.imarked-v1 .im-search-filter-panel .im-search-price .form-control::placeholder {
    color: #94a3b8;
    font-weight: 500;
}

body.imarked-v1 .im-search-page #column-left .im-search-price .form-control:hover,
body.imarked-v1 .im-search-filter-panel .im-search-price .form-control:hover {
    border-color: #cbd5e1 !important;
}

body.imarked-v1 .im-search-page #column-left .im-search-price .form-control:focus,
body.imarked-v1 .im-search-filter-panel .im-search-price .form-control:focus {
    border-color: rgba(0, 102, 255, 0.5) !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12) !important;
    outline: 0;
}

/* Legacy input-group price fallback (other pages) */
body.imarked-v1 .im-search-page #column-left .input-group.txtNumeric,
body.imarked-v1 .im-search-filter-panel .input-group.txtNumeric {
    display: flex;
    width: 100%;
    border: 0;
    border-radius: 0;
    overflow: visible;
    background: transparent;
    box-shadow: none;
    gap: 8px;
}

body.imarked-v1 .im-search-page #column-left .input-group.txtNumeric .form-control,
body.imarked-v1 .im-search-filter-panel .input-group.txtNumeric .form-control {
    height: 42px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1a1f2c !important;
    text-align: center;
    background: #fff !important;
}

body.imarked-v1 .im-search-page #column-left .input-group.txtNumeric .input-group-addon,
body.imarked-v1 .im-search-filter-panel .input-group.txtNumeric .input-group-addon {
    background: transparent;
    border: 0;
    color: #94a3b8;
    min-width: 16px;
    padding: 0;
    box-shadow: none;
}

body.imarked-v1 .im-search-page #column-left .scrollbar,
body.imarked-v1 .im-search-filter-panel .scrollbar {
    max-height: 240px;
    overflow-y: auto;
    border: 1px solid #eef1f5 !important;
    border-radius: 12px !important;
    width: 100% !important;
    padding: 4px 8px !important;
    scrollbar-width: thin;
}

/* Multi-select pills — Annonsetype / Tilstand (same checkboxes, new chrome) */
body.imarked-v1 .im-search-pills {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

body.imarked-v1 .im-search-pills > .im-search-pill,
body.imarked-v1 .im-search-pills > li.im-search-pill {
    display: block !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    float: none !important;
}

body.imarked-v1 .im-search-pills > .im-search-pill.hideitem {
    display: none !important;
}

body.imarked-v1 .im-search-pill__input {
    position: absolute !important;
    opacity: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    overflow: hidden !important;
    appearance: none !important;
    -webkit-appearance: none !important;
}

body.imarked-v1 .im-search-pill__label {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    margin: 0 !important;
    padding: 7px 14px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
    transition: background 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

body.imarked-v1 .im-search-pill__label:hover {
    border-color: #cbd5e1 !important;
    background: #fff !important;
    color: #0f172a !important;
}

body.imarked-v1 .im-search-pill__input:focus-visible + .im-search-pill__label {
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.18);
}

body.imarked-v1 .im-search-pill__input:checked + .im-search-pill__label,
body.imarked-v1 .im-search-pill.is-checked .im-search-pill__label {
    border-color: rgba(0, 102, 255, 0.35) !important;
    background: rgba(0, 102, 255, 0.1) !important;
    color: var(--im-primary, #0066ff) !important;
    font-weight: 750 !important;
    box-shadow: inset 0 0 0 1px rgba(0, 102, 255, 0.08);
}

/* Card-style pills (e.g. Girkasse Automat / Manuell) */
body.imarked-v1 .im-search-pills--cards {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

body.imarked-v1 .im-search-pills--cards > .im-search-pill,
body.imarked-v1 .im-search-pills--cards > li.im-search-pill {
    width: 100% !important;
    min-width: 0 !important;
}

body.imarked-v1 .im-search-pills--cards .im-search-pill__label {
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px;
    width: 100% !important;
    min-height: 76px !important;
    padding: 12px 10px !important;
    border-radius: 12px !important;
    white-space: normal !important;
    text-align: center;
}

body.imarked-v1 .im-search-pill__icon {
    display: block;
    font-size: 22px !important;
    line-height: 1 !important;
    color: inherit;
    opacity: 0.9;
}

body.imarked-v1 .im-search-pill__icon--pair {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

body.imarked-v1 .im-search-pill__icon--pair > .fa {
    font-size: 16px !important;
    line-height: 1 !important;
}

body.imarked-v1 .im-search-pill__text {
    display: block;
    font-size: 13px !important;
    font-weight: inherit;
    line-height: 1.2;
}

body.imarked-v1 .im-search-pill__input:checked + .im-search-pill__label .im-search-pill__icon {
    opacity: 1;
}

/* Full-row clickable checkbox lists */
body.imarked-v1 .im-search-checkrow,
body.imarked-v1 .im-search-page #column-left .im-search-checkrow,
body.imarked-v1 .im-search-filter-panel .im-search-checkrow,
body.imarked-v1 .vertical-wrapperRight .im-search-checkrow {
    display: block !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    border-radius: 10px;
}

body.imarked-v1 .im-search-checkrow__label {
    display: flex !important;
    align-items: center;
    gap: 10px;
    width: 100%;
    min-height: 40px;
    margin: 0 !important;
    padding: 6px 8px !important;
    border-radius: 10px;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    cursor: pointer;
    user-select: none;
}

body.imarked-v1 .im-search-checkrow__label:hover {
    background: #f4f7fb;
}

body.imarked-v1 .im-search-checkrow__label input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    flex: 0 0 18px;
    pointer-events: auto;
    cursor: pointer;
}

body.imarked-v1 .im-search-checkrow__label span {
    flex: 1 1 auto;
    min-width: 0;
}

/* Override old a-based checkbox row styles for labeled rows */
body.imarked-v1 .im-search-page #column-left .im-search-checkrow > a,
body.imarked-v1 .im-search-filter-panel .im-search-checkrow > a,
body.imarked-v1 .vertical-wrapperRight .im-search-checkrow > a {
    display: none !important;
}

body.imarked-v1 .im-search-filter-reset {
    margin-top: 16px !important;
    padding-top: 14px !important;
    border-top: 1px solid #eef2f7 !important;
    text-align: center !important;
}

body.imarked-v1 .im-search-page .im-search-filter-reset #btnReset.filter_reset,
body.imarked-v1 .im-search-page .im-search-filter-reset a#btnReset {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    float: none !important;
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    padding: 11px 14px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 999px !important;
    background: #f8fafc !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-search-page .im-search-filter-reset #btnReset:hover {
    border-color: #cbd5e1 !important;
    background: #fff !important;
    color: var(--im-primary, #0066ff) !important;
}

/* Results */
body.imarked-v1 .im-search-page .products-category {
    margin: 0;
}

body.imarked-v1 .im-search-page #products-grid.products-list.row.grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 18px !important;
    margin: 0 !important;
    float: none !important;
}

body.imarked-v1 .im-search-page #products-grid .product-layout {
    width: auto !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* ── RealEstate quick category tiles (wired to left-menu PCID) ── */
body.imarked-v1 .im-search-page .im-re-quickcats {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 10px 0 22px !important;
    padding: 0 !important;
    width: 100% !important;
}

body.imarked-v1 .im-search-page .im-re-quickcats:has(> :nth-child(4)) {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

body.imarked-v1 .im-search-page button.im-re-quickcat,
body.imarked-v1 .im-search-page .im-re-quickcat {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 64px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px 14px !important;
    border: 1px solid #e6ebf2 !important;
    border-radius: 14px !important;
    background: #fff !important;
    text-align: left !important;
    font-family: var(--im-font, inherit) !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em !important;
    line-height: 1.25 !important;
    color: #0f172a !important;
    cursor: pointer !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 6px 16px rgba(15, 23, 42, 0.05) !important;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease, background 160ms ease, color 160ms ease !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat__icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    width: 38px !important;
    height: 38px !important;
    border-radius: 11px !important;
    border: 1px solid transparent !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat__icon .fa {
    font-size: 16px !important;
    line-height: 1 !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat--sale .im-re-quickcat__icon {
    background: #e8f1ff !important;
    border-color: #d0e2ff !important;
    color: #0066ff !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat--rent .im-re-quickcat__icon {
    background: #ecfdf5 !important;
    border-color: #ccebdf !important;
    color: #0f766e !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat--commercial .im-re-quickcat__icon {
    background: #fff7ed !important;
    border-color: #f3d9c2 !important;
    color: #c2410c !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat--mortgage .im-re-quickcat__icon {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #334155 !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat__copy {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 2px !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat__text {
    display: block !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
    color: inherit !important;
    font-size: 14px !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat__hint {
    display: block !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    color: #64748b !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat__check {
    display: none !important;
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 24px !important;
    height: 24px !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #0066ff !important;
    border: 1px solid #d0e2ff !important;
    font-size: 11px !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat:hover {
    transform: translateY(-2px) !important;
    border-color: #d5deea !important;
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.06), 0 14px 28px rgba(15, 23, 42, 0.08) !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat.is-active,
body.imarked-v1 .im-search-page .im-re-quickcat[aria-pressed="true"] {
    background: #fff !important;
    border-color: #0066ff !important;
    color: #0f172a !important;
    box-shadow: 0 4px 12px rgba(0, 102, 255, 0.12), 0 10px 24px rgba(15, 23, 42, 0.08) !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat.is-active .im-re-quickcat__hint,
body.imarked-v1 .im-search-page .im-re-quickcat[aria-pressed="true"] .im-re-quickcat__hint {
    color: #64748b !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat.is-active .im-re-quickcat__check,
body.imarked-v1 .im-search-page .im-re-quickcat[aria-pressed="true"] .im-re-quickcat__check {
    display: inline-flex !important;
}

body.imarked-v1 .im-search-page .im-re-quickcat.is-active:hover,
body.imarked-v1 .im-search-page .im-re-quickcat[aria-pressed="true"]:hover {
    background: #fff !important;
    border-color: #0052cc !important;
    color: #0f172a !important;
}

/* ── RealEstate search cards: 2 / row desktop, 1 / row mobile ──
   Higher specificity than imarked-v1-home.css 4-col #products-grid rules. */
body.imarked-v1 .im-search-page #products-grid.products-list.im-re-grid,
body.imarked-v1 .im-search-page #products-grid.products-list.row.im-re-grid,
body.imarked-v1 .im-search-page #products-grid.im-re-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px !important;
    margin: 0 !important;
    float: none !important;
    width: 100% !important;
    align-items: stretch !important;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card-wrap,
body.imarked-v1 .im-search-page #products-grid.im-re-grid .product-layout.im-re-card-wrap {
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card-wrap::before,
body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card-wrap::after {
    content: none !important;
    display: none !important;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e6ebf2 !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 24px rgba(15, 23, 42, 0.06) !important;
    overflow: hidden !important;
    transition: box-shadow 180ms ease, border-color 180ms ease, transform 180ms ease;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card:hover {
    border-color: #d5deea;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06), 0 14px 32px rgba(15, 23, 42, 0.1);
    transform: translateY(-2px);
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__media {
    position: relative;
    flex: 0 0 auto;
    background: #eef2f7;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__media-link {
    display: block;
    color: inherit;
    text-decoration: none;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__images {
    display: grid;
    grid-template-columns: 1fr;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: #e8eef5;
}

/* Single photo: full-bleed + slight zoom crop so it fills the frame cleanly */
body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__images--single {
    grid-template-columns: 1fr;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__images--single .im-re-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: scale(1.06);
    transform-origin: center center;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__images--duo {
    grid-template-columns: 1fr 1fr;
    gap: 2px;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__images--duo .im-re-card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    transform: none;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center center;
    margin: 0;
    border: 0;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__img--empty {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    font-size: 36px;
    background: linear-gradient(145deg, #eef2f7, #e2e8f0);
    transform: none;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__wish {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    width: 36px;
    height: 36px;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.92);
    color: #334155;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.12);
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background 160ms ease, color 160ms ease, transform 160ms ease;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__wish:hover {
    background: #fff;
    color: #e11d48;
    transform: scale(1.05);
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__wish .fa,
body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__wish .im-bookmark__icon i {
    font-size: 16px;
    line-height: 1;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__wish.im-bookmark.is-active {
    color: #e11d48;
    background: #fff1f2;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__badge {
    position: absolute;
    left: 12px;
    top: 12px;
    z-index: 2;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.82);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1.2;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__badge--status {
    background: rgba(0, 102, 255, 0.9);
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    gap: 8px;
    padding: 14px 16px 16px !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 0 !important;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__brand {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-height: 22px;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__agency {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1 1 auto;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__logo {
    width: 22px;
    height: 22px;
    object-fit: contain;
    border-radius: 4px;
    flex: 0 0 auto;
    background: #fff;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__agency-name {
    font-size: 12.5px;
    font-weight: 600;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__address {
    flex: 0 1 auto;
    max-width: 48%;
    font-size: 12px;
    font-weight: 500;
    color: #94a3b8;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__title {
    margin: 0;
    padding: 0;
    font-size: 15.5px;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: -0.015em;
    color: #0f172a;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__title a {
    color: inherit;
    text-decoration: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__title a:hover {
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__hero {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 2px;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__size,
body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__price {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0f172a;
    line-height: 1.2;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__specs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    list-style: none;
    margin: 2px 0 0;
    padding: 0;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__spec {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 10px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #334155;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.01em;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__spec .fa {
    color: #64748b;
    font-size: 12px;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__meta {
    margin: 0;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.45;
    color: #64748b;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__footer {
    display: flex;
    justify-content: flex-end;
    margin-top: auto;
    padding-top: 4px;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__viewing {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    padding: 5px 10px;
    border: 1px solid #dbe3ee;
    border-radius: 999px;
    background: #f8fafc;
    color: #334155;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.2;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: border-color 160ms ease, color 160ms ease, background 160ms ease;
}

body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__viewing:hover {
    border-color: var(--im-primary, #0066ff);
    color: var(--im-primary, #0066ff);
    background: #fff;
}

body.imarked-v1 .im-search-page .im-search-loadmore {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    clear: both;
    width: 100%;
    margin: 36px 0 48px;
    padding: 8px 0 0;
}

body.imarked-v1 .im-search-page .im-search-loadmore #imgLoader,
body.imarked-v1 .im-search-page .im-search-loadmore .im-loader {
    margin: 0 0 14px;
    max-width: 200px;
}

/* Visibility helpers — beat theme/display:!important so show/hide works */
body.imarked-v1 .im-search-page .im-search-loadmore .im-search-loadmore__btn.is-hidden,
body.imarked-v1 .im-search-page #btnLoadMore.is-hidden,
body.imarked-v1 .im-search-page #btnDead.is-hidden {
    display: none !important;
}

/* Load more — primary CTA (override theme .button_grey / .button_submit) */
body.imarked-v1 .im-search-page #btnLoadMore.btnLoadMore,
body.imarked-v1 .im-search-page #btnLoadMore.button_grey,
body.imarked-v1 .im-search-page #btnLoadMore.button_submit,
body.imarked-v1 .im-search-page button#btnLoadMore,
body.imarked-v1 .im-search-page .im-search-loadmore__btn:not(.im-search-end),
body.imarked-v1 .im-search-page .im-search-loadmore button.btnLoadMore:not(.im-search-end) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: auto !important;
    min-width: 200px !important;
    height: 48px !important;
    margin: 0 auto !important;
    padding: 0 32px !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    background: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    font-family: var(--im-font, inherit) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em;
    line-height: 1 !important;
    text-transform: none !important;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(0, 102, 255, 0.22) !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    transition: background 160ms ease, box-shadow 160ms ease, transform 160ms ease, opacity 160ms ease;
}

body.imarked-v1 .im-search-page #btnLoadMore.btnLoadMore:hover,
body.imarked-v1 .im-search-page #btnLoadMore.button_grey:hover,
body.imarked-v1 .im-search-page #btnLoadMore.button_submit:hover,
body.imarked-v1 .im-search-page button#btnLoadMore:hover,
body.imarked-v1 .im-search-page .im-search-loadmore__btn:not(.im-search-end):hover {
    background: #0052cc !important;
    color: #fff !important;
    box-shadow: 0 8px 22px rgba(0, 102, 255, 0.3) !important;
    transform: translateY(-1px);
}

body.imarked-v1 .im-search-page #btnLoadMore.btnLoadMore:active,
body.imarked-v1 .im-search-page button#btnLoadMore:active,
body.imarked-v1 .im-search-page .im-search-loadmore__btn:not(.im-search-end):active {
    transform: translateY(0);
    box-shadow: 0 3px 10px rgba(0, 102, 255, 0.2) !important;
}

body.imarked-v1 .im-search-page #btnLoadMore.btnLoadMore:focus,
body.imarked-v1 .im-search-page button#btnLoadMore:focus,
body.imarked-v1 .im-search-page .im-search-loadmore__btn:not(.im-search-end):focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.22), 0 6px 18px rgba(0, 102, 255, 0.22) !important;
}

body.imarked-v1 .im-search-page #btnLoadMore .fa,
body.imarked-v1 .im-search-page .im-search-loadmore__btn:not(.im-search-end) .fa {
    font-size: 15px;
    line-height: 1;
    opacity: 0.95;
}

/* Loading state while next page fetches */
body.imarked-v1 .im-search-page #btnLoadMore.is-loading,
body.imarked-v1 .im-search-page .im-search-loadmore__btn.is-loading {
    opacity: 0.85 !important;
    cursor: wait !important;
    pointer-events: none !important;
    transform: none !important;
}

body.imarked-v1 .im-search-page #btnLoadMore.is-loading .fa,
body.imarked-v1 .im-search-page .im-search-loadmore__btn.is-loading .fa {
    animation: im-loadmore-spin 0.8s linear infinite;
}

@keyframes im-loadmore-spin {
    to { transform: rotate(360deg); }
}

/* End of results — status indicator, not a CTA */
body.imarked-v1 .im-search-page #btnDead,
body.imarked-v1 .im-search-page button.im-search-end,
body.imarked-v1 .im-search-page .im-search-loadmore__btn.im-search-end,
body.imarked-v1 .im-search-page #btnDead.button_grey,
body.imarked-v1 .im-search-page #btnDead.button_submit {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 8px auto 0 !important;
    padding: 12px 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #64748b !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    letter-spacing: 0.02em;
    line-height: 1.3 !important;
    text-transform: none !important;
    box-shadow: none !important;
    cursor: default !important;
    pointer-events: none !important;
    transform: none !important;
    user-select: none;
    opacity: 1 !important;
}

body.imarked-v1 .im-search-page #btnDead::before,
body.imarked-v1 .im-search-page #btnDead::after,
body.imarked-v1 .im-search-page button.im-search-end::before,
body.imarked-v1 .im-search-page button.im-search-end::after {
    content: "";
    display: block;
    width: 48px;
    height: 1px;
    background: #e2e8f0;
    flex: 0 0 auto;
}

body.imarked-v1 .im-search-page #btnDead:hover,
body.imarked-v1 .im-search-page button.im-search-end:hover,
body.imarked-v1 .im-search-page #btnDead:focus,
body.imarked-v1 .im-search-page button.im-search-end:focus,
body.imarked-v1 .im-search-page #btnDead:active,
body.imarked-v1 .im-search-page button.im-search-end:active {
    background: transparent !important;
    color: #64748b !important;
    box-shadow: none !important;
    transform: none !important;
}

body.imarked-v1 .im-search-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 36px 28px 32px;
    margin: 8px 0;
    background: #fff;
    border: 1px solid #e8edf3;
    border-radius: 16px;
    box-shadow: 0 2px 10px rgba(24, 28, 35, 0.04);
}

body.imarked-v1 .im-search-empty__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    margin: 0 0 14px;
    border-radius: 16px;
    background: #f0f6ff;
    color: var(--im-primary, #0066ff);
    font-size: 22px;
}

body.imarked-v1 .im-search-empty h3#noDataFound {
    margin: 0 0 6px !important;
    font-size: 1.25rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em;
    color: #1a1f2c !important;
}

body.imarked-v1 .im-search-empty__text {
    margin: 0 0 20px;
    max-width: 32em;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.45;
    color: #6b7280;
}

body.imarked-v1 .im-search-empty__actions {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    align-items: center;
    width: 100%;
}

body.imarked-v1 .im-search-empty__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 18px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    text-decoration: none !important;
    cursor: pointer;
    border: 1px solid transparent;
}

body.imarked-v1 .im-search-empty__btn--primary {
    background: var(--im-primary, #0066ff);
    color: #fff !important;
}

body.imarked-v1 .im-search-empty__btn--primary:hover {
    background: #0052cc;
    color: #fff !important;
}

body.imarked-v1 .im-search-empty__btn--ghost {
    background: #fff;
    border-color: #dbe3ee;
    color: #334155 !important;
}

body.imarked-v1 .im-search-empty__btn--ghost:hover {
    border-color: #94a3b8;
    color: #0f172a !important;
}

/* Banner — show real carousel images (home fade-layer CSS is scoped to .im-home-banner).
   Cap height so tall slides don't push the product grid; do NOT force owl-stage width
   (Owl needs stage wider than the viewport for multi-slide carousels). */
body.imarked-v1 .im-search-page .category-derc {
    margin: 0 0 16px !important;
    padding: 0 !important;
    position: relative;
    clear: both;
}

body.imarked-v1 .im-search-page .category-derc .banners,
body.imarked-v1 .im-search-page .category-derc .row {
    margin: 0 !important;
    padding: 0 !important;
}

body.imarked-v1 .im-search-page #divBannerContainer,
body.imarked-v1 .im-search-page #divBannerContainer.slider-container {
    --im-search-banner-max-h: 280px;
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: var(--im-search-banner-max-h) !important;
    min-height: 0 !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: auto !important;
    font-size: inherit !important;
    line-height: normal !important;
    color: inherit !important;
    border-radius: 12px !important;
    background: #eef2f7;
}

body.imarked-v1 .im-search-page #divBannerContainer #so-slideshow,
body.imarked-v1 .im-search-page #divBannerContainer .module,
body.imarked-v1 .im-search-page #divBannerContainer .two-block,
body.imarked-v1 .im-search-page #divBannerContainer .yt-content-slider,
body.imarked-v1 .im-search-page #divBannerContainer .owl-carousel,
body.imarked-v1 .im-search-page #divBannerContainer .owl2-carousel,
body.imarked-v1 .im-search-page #divBannerContainer .owl2-stage-outer,
body.imarked-v1 .im-search-page #divBannerContainer .owl-stage-outer {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: var(--im-search-banner-max-h) !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: auto !important;
    background: transparent !important;
}

body.imarked-v1 .im-search-page #divBannerContainer .yt-content-slide,
body.imarked-v1 .im-search-page #divBannerContainer a {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: auto !important;
}

body.imarked-v1 .im-search-page #divBannerContainer img,
body.imarked-v1 .im-search-page #divBannerContainer .c-mainbanner-search,
body.imarked-v1 .im-search-page #divBannerContainer .c-mainbanner-home,
body.imarked-v1 .im-search-page #divBannerContainer .img-responsive {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: var(--im-search-banner-max-h) !important;
    object-fit: cover !important;
    object-position: center center !important;
    pointer-events: auto !important;
    font-size: inherit !important;
    color: inherit !important;
    text-indent: 0 !important;
}

body.imarked-v1 .im-search-page #divBannerContainer .loadeding {
    display: none !important;
}

body.imarked-v1 .im-search-page #divBannerContainer #dummyBannerSlider {
    height: auto !important;
    max-height: var(--im-search-banner-max-h) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    opacity: 1;
    background: #eef2f7;
}

/* Search results are a static grid — never show homepage slider arrows here */
body.imarked-v1 .im-search-page #divBannerContainer .owl-nav,
body.imarked-v1 .im-search-page #divBannerContainer .owl2-nav,
body.imarked-v1 .im-search-page #divBannerContainer .owl-controls,
body.imarked-v1 .im-search-page #divBannerContainer .owl2-controls,
body.imarked-v1 .im-search-page #divBannerContainer .owl-prev,
body.imarked-v1 .im-search-page #divBannerContainer .owl-next,
body.imarked-v1 .im-search-page #divBannerContainer .owl2-prev,
body.imarked-v1 .im-search-page #divBannerContainer .owl2-next,
body.imarked-v1 .im-search-page #divBannerContainer .owl-dots,
body.imarked-v1 .im-search-page #divBannerContainer .owl2-dots,
body.imarked-v1 .im-search-page #divBannerContainer .owl2-nav div,
body.imarked-v1 .im-search-page #products-grid .owl-nav,
body.imarked-v1 .im-search-page #products-grid .owl2-nav,
body.imarked-v1 .im-search-page #products-grid .owl-prev,
body.imarked-v1 .im-search-page #products-grid .owl-next,
body.imarked-v1 .im-search-page #products-grid .owl2-prev,
body.imarked-v1 .im-search-page #products-grid .owl2-next,
body.imarked-v1 .im-search-page #products-grid .owl2-nav div,
body.imarked-v1 .im-search-page .im-prod-card .owl-nav,
body.imarked-v1 .im-search-page .im-prod-card .owl2-nav,
body.imarked-v1 .im-search-page .im-prod-card .owl-prev,
body.imarked-v1 .im-search-page .im-prod-card .owl-next,
body.imarked-v1 .im-search-page .im-prod-card .owl2-prev,
body.imarked-v1 .im-search-page .im-prod-card .owl2-next {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* ── Tablet ── */
@media (max-width: 1199px) {
    body.imarked-v1 .im-search-page {
        --im-search-sidebar: 260px;
    }

    body.imarked-v1 .im-search-page #products-grid.products-list.row.grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px !important;
    }
}

@media (max-width: 991px) {
    body.imarked-v1 .im-search-page {
        --im-search-sidebar: 240px;
        --im-search-gap: 0;
    }

    body.imarked-v1 .im-search-layout > #column-left.im-search-sidebar,
    body.imarked-v1 .im-search-layout > .im-search-sidebar {
        flex: 0 0 var(--im-search-sidebar) !important;
        width: var(--im-search-sidebar) !important;
        max-width: var(--im-search-sidebar) !important;
    }

    body.imarked-v1 .im-search-filter-panel,
    body.imarked-v1 .im-search-page #column-left .module.menu-category {
        top: 76px;
        padding: 14px !important;
    }
}

/* ── Mobile (<768): drawer stays; compact page chrome ── */
@media (max-width: 767px) {
    body.imarked-v1 .im-search-page {
        padding-bottom: 0;
    }

    body.imarked-v1 .im-search-page #divBannerContainer,
    body.imarked-v1 .im-search-page #divBannerContainer.slider-container {
        --im-search-banner-max-h: 180px;
    }

    body.imarked-v1 .im-search-page .im-re-quickcats,
    body.imarked-v1 .im-search-page .im-re-quickcats:has(> :nth-child(4)) {
        display: flex !important;
        grid-template-columns: none !important;
        gap: 10px !important;
        margin: 0 0 16px !important;
        overflow-x: auto;
        flex-wrap: nowrap !important;
        -webkit-overflow-scrolling: touch;
        scroll-snap-type: x mandatory;
        padding: 0 0 6px !important;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    body.imarked-v1 .im-search-page .im-re-quickcats::-webkit-scrollbar {
        display: none;
    }

    body.imarked-v1 .im-search-page button.im-re-quickcat,
    body.imarked-v1 .im-search-page .im-re-quickcat {
        /* Show ~2.5 chips: 2 gaps of 10px in the visible strip */
        flex: 0 0 calc((100% - 20px) / 2.5) !important;
        width: calc((100% - 20px) / 2.5) !important;
        min-width: 0 !important;
        max-width: none !important;
        min-height: 56px !important;
        padding: 10px 12px !important;
        gap: 10px !important;
        border-radius: 12px !important;
        font-size: 13.5px !important;
        scroll-snap-align: start;
    }

    body.imarked-v1 .im-search-page .im-re-quickcat__icon {
        width: 34px !important;
        height: 34px !important;
        border-radius: 10px !important;
    }

    body.imarked-v1 .im-search-page .im-re-quickcat__icon .fa {
        font-size: 14px !important;
    }

    body.imarked-v1 .im-search-page .im-re-quickcat__text {
        font-size: 13.5px !important;
    }

    body.imarked-v1 .im-search-page .im-re-quickcat__hint {
        font-size: 11.5px !important;
    }

    body.imarked-v1 .im-search-page #products-grid.products-list.im-re-grid,
    body.imarked-v1 .im-search-page #products-grid.products-list.row.im-re-grid,
    body.imarked-v1 .im-search-page #products-grid.im-re-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
        width: 100% !important;
    }

    body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card-wrap,
    body.imarked-v1 .im-search-page #products-grid.im-re-grid .product-layout.im-re-card-wrap {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card:hover {
        transform: none;
    }

    body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__body {
        padding: 12px 14px 14px;
        gap: 7px;
    }

    body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__title {
        font-size: 15px;
    }

    body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__size,
    body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__price {
        font-size: 17px;
    }

    body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__brand {
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }

    body.imarked-v1 .im-search-page #products-grid.im-re-grid .im-re-card__address {
        max-width: 100%;
        text-align: left;
    }

    body.imarked-v1 .im-search-page .im-search-loadmore {
        margin: 24px 0 32px;
    }


    body.imarked-v1 .im-search-top {
        gap: 10px;
        margin: 6px 0 14px;
        padding: 0;
    }

    body.imarked-v1 .im-search-header {
        margin: 0;
        align-items: stretch;
        flex-direction: column;
        gap: 10px;
    }

    body.imarked-v1 .im-search-header__left {
        padding: 2px 2px 0;
    }

    body.imarked-v1 .im-search-header__title {
        font-size: 1.2rem;
        font-weight: 700;
        letter-spacing: -0.03em;
        line-height: 1.3;
        color: #334155;
    }

    body.imarked-v1 .im-search-header__meta {
        margin-top: 3px;
        font-size: 12.5px;
        color: #94a3b8;
    }

    body.imarked-v1 .im-search-header__actions {
        width: 100%;
        margin-left: 0;
    }

    body.imarked-v1 .im-search-mobile-bar {
        display: flex !important;
        position: relative;
        z-index: 5;
        gap: 8px;
        width: 100%;
        padding: 0;
        background: transparent;
    }

    body.imarked-v1 .im-search-mobile-bar__btn {
        flex: 1 1 auto;
        display: inline-flex;
        align-items: center;
        justify-content: flex-start;
        gap: 12px;
        min-height: 52px;
        padding: 8px 12px 8px 8px !important;
        border: 1px solid #e2e8f0 !important;
        border-radius: 16px !important;
        background: #fff !important;
        color: #64748b !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 8px 20px rgba(15, 23, 42, 0.05) !important;
        cursor: pointer;
        transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
    }

    body.imarked-v1 .im-search-mobile-bar__btn:active {
        transform: scale(0.99);
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
    }

    body.imarked-v1 .im-search-mobile-bar__btn[aria-expanded="true"] {
        border-color: rgba(0, 102, 255, 0.35) !important;
        box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12), 0 8px 20px rgba(15, 23, 42, 0.05) !important;
    }

    body.imarked-v1 .im-search-mobile-bar__icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        border-radius: 11px;
        background: rgba(0, 102, 255, 0.1);
        color: var(--im-primary, #0066ff);
        font-size: 15px;
        flex: 0 0 36px;
    }

    body.imarked-v1 .im-search-mobile-bar__label {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 1px;
        flex: 1 1 auto;
        min-width: 0;
        text-align: left;
    }

    body.imarked-v1 .im-search-mobile-bar__text {
        display: block;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.2;
        color: #64748b;
    }

    body.imarked-v1 .im-search-mobile-bar__hint {
        display: block;
        font-size: 11.5px;
        font-weight: 500;
        line-height: 1.2;
        color: #94a3b8;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    body.imarked-v1 .im-search-mobile-bar__count {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 24px;
        height: 24px;
        padding: 0 7px;
        border-radius: 999px;
        background: var(--im-primary, #0066ff);
        color: #fff;
        font-size: 11px;
        font-weight: 800;
        line-height: 1;
        box-shadow: 0 2px 6px rgba(0, 102, 255, 0.25);
    }

    body.imarked-v1 .im-search-mobile-bar__count[hidden] {
        display: none !important;
    }

    body.imarked-v1 .im-search-mobile-bar__chevron {
        color: #94a3b8;
        font-size: 16px;
        margin-left: 2px;
        flex: 0 0 auto;
        transition: transform 160ms ease;
    }

    body.imarked-v1 .im-search-mobile-bar__btn[aria-expanded="true"] .im-search-mobile-bar__chevron {
        transform: rotate(180deg);
    }

    /* Active chips panel under Filtre */
    body.imarked-v1 .im-search-chips.is-visible {
        display: block;
        padding: 10px 12px 8px;
        border: 1px solid #e8edf3;
        border-radius: 14px;
        background: #f8fafc;
    }

    body.imarked-v1 .im-search-chips__row {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    body.imarked-v1 .im-search-chips__list {
        flex: 1 1 auto;
        gap: 7px;
    }

    body.imarked-v1 .im-search-chip {
        padding: 7px 7px 7px 11px;
        border-color: #dbe4f0;
        background: #fff;
        font-size: 12px;
        box-shadow: none;
    }

    body.imarked-v1 .im-search-chip__label {
        max-width: 148px;
    }

    body.imarked-v1 .im-search-chips__clear {
        padding: 2px 0 2px;
        font-size: 12.5px;
        align-self: flex-start;
    }

    body.imarked-v1 .im-search-layout > #column-left.im-search-sidebar {
        display: none !important;
    }

    body.imarked-v1 .im-search-layout > #content.im-search-results {
        flex: 1 1 100%;
        width: 100%;
    }

    body.imarked-v1 .im-search-page #products-grid.products-list.row.grid,
    body.imarked-v1 .im-search-page #products-grid.products-list.grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    /* Bottom sheet overlay */
    body.imarked-v1 .im-search-sheet-overlay {
        position: fixed;
        inset: 0;
        z-index: 10040;
        background: rgba(15, 23, 42, 0.48);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 320ms cubic-bezier(0.32, 0.72, 0, 1), visibility 320ms;
        -webkit-backdrop-filter: blur(3px);
        backdrop-filter: blur(3px);
    }

    body.imarked-v1.im-search-sheet-open .im-search-sheet-overlay,
    body.imarked-v1 .im-search-sheet-overlay.is-open {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    body.imarked-v1.im-search-sheet-open {
        overflow: hidden;
        position: relative;
    }

    body.imarked-v1.im-search-sheet-open .im-search-page,
    body.imarked-v1.im-search-sheet-open .navbar-fixed-top,
    body.imarked-v1.im-search-sheet-open .bar-tab {
        pointer-events: none;
    }

    /* Native-style bottom sheet (search pages) — compact + tappable */
    body.imarked-v1.im-search-page-host .vertical-wrapperRight,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight {
        position: fixed !important;
        top: auto !important;
        right: 0 !important;
        left: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        height: min(86vh, 680px) !important;
        max-height: min(86vh, 680px) !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 18px 18px 0 0 !important;
        background: #fff !important;
        /* No shadow while closed — avoids edge bleed on the page */
        box-shadow: none !important;
        z-index: 10050 !important;
        overflow: hidden !important;
        resize: none !important;
        visibility: visible !important;
        pointer-events: none;
        opacity: 1;
        -webkit-transform: translate3d(0, 100%, 0) !important;
        transform: translate3d(0, 100%, 0) !important;
        -webkit-transition: transform 340ms cubic-bezier(0.32, 0.72, 0, 1), box-shadow 340ms ease !important;
        transition: transform 340ms cubic-bezier(0.32, 0.72, 0, 1), box-shadow 340ms ease !important;
        will-change: transform;
        display: flex !important;
        flex-direction: column !important;
    }

    body.imarked-v1.im-search-page-host .vertical-wrapperRight.so-vertical-active,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight.so-vertical-active {
        pointer-events: auto;
        -webkit-transform: translate3d(0, 0, 0) !important;
        transform: translate3d(0, 0, 0) !important;
        box-shadow: 0 -8px 32px rgba(15, 23, 42, 0.2) !important;
    }

    body.imarked-v1.im-search-page-host .vertical-wrapperRight > aside,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight > aside {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 auto;
        min-height: 0 !important;
        height: 100% !important;
        max-height: 100% !important;
        padding: 0 !important;
        margin: 0 !important;
        background: #fff;
        overflow: hidden !important;
        position: relative;
        resize: none !important;
    }

    body.imarked-v1.im-search-page-host .vertical-wrapperRight > aside::before,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight > aside::before {
        content: "";
        display: block;
        width: 36px;
        height: 4px;
        margin: 8px auto 2px;
        border-radius: 999px;
        background: #d7dde6;
        flex: 0 0 auto;
    }

    body.imarked-v1.im-search-page-host #remove-verticalmenuRight,
    body.imarked-v1:has(.im-search-page) #remove-verticalmenuRight {
        position: absolute !important;
        top: 8px !important;
        right: 10px !important;
        left: auto !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 32px;
        height: 32px;
        border-radius: 50%;
        background: #f1f5f9;
        color: #475569 !important;
        font-size: 15px !important;
        z-index: 8;
        padding: 0 !important;
        line-height: 32px !important;
        text-align: center;
    }

    body.imarked-v1.im-search-page-host .vertical-wrapperRight > aside > h3.modtitle,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight > aside > h3.modtitle {
        flex: 0 0 auto !important;
        margin: 0 14px 8px !important;
        padding: 0 40px 0 0 !important;
        border: 0 !important;
        font-size: 17px !important;
        font-weight: 800 !important;
        letter-spacing: -0.02em !important;
        text-transform: none !important;
        color: #0f172a !important;
        line-height: 1.2 !important;
        background: transparent !important;
    }

    body.imarked-v1.im-search-page-host .vertical-wrapperRight > aside > h3.modtitle:after,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight > aside > h3.modtitle:after {
        display: none !important;
    }

    /* Search type — segmented chips */
    body.imarked-v1.im-search-page-host .im-search-sheet-radios,
    body.imarked-v1:has(.im-search-page) .im-search-sheet-radios {
        flex: 0 0 auto;
        display: flex;
        flex-wrap: nowrap;
        gap: 0;
        margin: 0 14px 8px;
        padding: 3px;
        border-radius: 12px;
        background: #eef2f7;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    body.imarked-v1.im-search-page-host .vertical-wrapperRight .radioHomeSearch,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight .radioHomeSearch {
        display: block !important;
        flex: 1 1 0;
        min-width: 0;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.imarked-v1.im-search-page-host .vertical-wrapperRight .radioHomeSearch .searchStyle,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight .radioHomeSearch .searchStyle {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0;
        width: 100%;
        min-height: 34px;
        margin: 0;
        padding: 6px 8px;
        border: 0;
        border-radius: 10px;
        background: transparent;
        font-size: 12px;
        font-weight: 700;
        color: #64748b;
        white-space: nowrap;
        cursor: pointer;
    }

    body.imarked-v1.im-search-page-host .vertical-wrapperRight .radioHomeSearch input.SearchType,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight .radioHomeSearch input.SearchType {
        position: absolute;
        opacity: 0;
        pointer-events: none;
        width: 0;
        height: 0;
    }

    body.imarked-v1.im-search-page-host .vertical-wrapperRight .radioHomeSearch input.SearchType:checked + .searchStyle,
    body.imarked-v1.im-search-page-host .vertical-wrapperRight .radioHomeSearch .searchStyle:has(input.SearchType:checked),
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight .radioHomeSearch .searchStyle:has(input.SearchType:checked) {
        background: #fff;
        color: #0f172a;
        box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1);
    }

    /* Selected search-type chip (label wraps the radio input) */
    body.imarked-v1.im-search-page-host .vertical-wrapperRight .radioHomeSearch label.searchStyle.is-selected,
    body.imarked-v1.im-search-page-host .vertical-wrapperRight .radioHomeSearch label.searchStyle:has(> input:checked),
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight .radioHomeSearch label.searchStyle.is-selected,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight .radioHomeSearch label.searchStyle:has(> input:checked) {
        background: #fff;
        color: #0f172a;
        box-shadow: 0 1px 3px rgba(15, 23, 42, 0.1);
    }

    /* Mirrored keyword field */
    body.imarked-v1 .im-search-sheet-toolbar {
        flex: 0 0 auto;
        padding: 0 14px 8px;
        background: #fff;
        border-bottom: 1px solid #eef2f7;
    }

    body.imarked-v1 .im-search-sheet-search {
        display: flex;
        align-items: center;
        gap: 8px;
        width: 100%;
        margin: 0;
        padding: 0 12px;
        min-height: 40px;
        border: 1px solid #e5eaf1;
        border-radius: 12px;
        background: #f5f7fb;
        font-weight: 500;
    }

    body.imarked-v1 .im-search-sheet-search:focus-within {
        border-color: rgba(0, 102, 255, 0.4);
        background: #fff;
        box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.1);
    }

    body.imarked-v1 .im-search-sheet-search > .fa-search {
        color: #94a3b8;
        font-size: 14px;
        flex: 0 0 auto;
    }

    body.imarked-v1 .im-search-sheet-search__input {
        flex: 1 1 auto;
        min-width: 0;
        width: 100%;
        height: 38px;
        margin: 0;
        padding: 0;
        border: 0 !important;
        outline: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        color: #0f172a;
        font-size: 14px;
        font-weight: 600;
        line-height: 1.2;
        resize: none !important;
        -webkit-appearance: none;
        appearance: none;
    }

    body.imarked-v1 .im-search-sheet-search__input::placeholder {
        color: #94a3b8;
        font-weight: 500;
    }

    /* Scrollable filters */
    body.imarked-v1 .im-search-sheet-body {
        flex: 1 1 auto !important;
        min-height: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior: contain;
        padding: 2px 0 6px;
        touch-action: pan-y;
        scrollbar-width: thin;
    }

    body.imarked-v1.im-search-page-host .vertical-wrapperRight .im-search-filter-panel--drawer,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight .im-search-filter-panel--drawer,
    body.imarked-v1.im-search-page-host .vertical-wrapperRight .module.menu-category,
    body.imarked-v1:has(.im-search-page) .vertical-wrapperRight .module.menu-category {
        position: static !important;
        top: auto !important;
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        padding: 0 14px 4px !important;
        margin: 0 !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        border-radius: 0 !important;
        resize: none !important;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-filter-section {
        margin-top: 6px;
        padding-top: 8px;
        border-top: 1px solid #eef2f7;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-filter-section:first-child,
    body.imarked-v1 .vertical-wrapperRight .im-search-filter-section--categories {
        margin-top: 2px;
        padding-top: 4px;
        border-top: 0;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-filter-section__head {
        margin: 0 0 4px !important;
        min-height: 32px;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-filter-section__head .im-search-filter-chevron {
        width: 22px;
        height: 22px;
        border-radius: 7px;
        font-size: 12px;
        background: #f1f5f9;
    }

    body.imarked-v1 .vertical-wrapperRight .modtitle {
        font-size: 11px !important;
        font-weight: 800 !important;
        letter-spacing: 0.05em !important;
        text-transform: uppercase !important;
        color: #64748b !important;
    }

    /* Category tree density in bottom sheet */
    body.imarked-v1 .vertical-wrapperRight #cat_accordion a {
        padding: 9px 34px 9px 10px !important;
        font-size: 13px !important;
    }

    body.imarked-v1 .vertical-wrapperRight #cat_accordion .button-view {
        top: 5px !important;
        width: 28px !important;
        height: 28px !important;
    }

    /* Dense but tappable rows (≈40px) — non-pill lists only */
    body.imarked-v1 .vertical-wrapperRight .im-search-filter-panel ol:not(.im-search-pills) > li,
    body.imarked-v1 .vertical-wrapperRight .im-search-filter-panel ol:not(.im-search-pills) > li > a {
        min-height: 40px !important;
        margin: 0 !important;
        padding: 0 6px !important;
        gap: 10px !important;
        border-radius: 10px !important;
        font-size: 13px !important;
        font-weight: 600 !important;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-filter-panel ol:not(.im-search-pills) > li + li {
        margin-top: 1px !important;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-pills {
        gap: 7px !important;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-pill__label {
        min-height: 38px;
        padding: 8px 13px !important;
        font-size: 13px !important;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-filter-panel input[type="checkbox"] {
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
        border-radius: 5px;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-price {
        gap: 6px;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-price__label {
        margin-bottom: 4px;
        font-size: 10px;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-price .form-control {
        height: 40px !important;
        border-radius: 10px !important;
        font-size: 13px !important;
    }

    body.imarked-v1 .vertical-wrapperRight .im-search-price__sep {
        margin-top: 14px;
    }

    body.imarked-v1 .vertical-wrapperRight .scrollbar {
        max-height: 180px !important;
        border-radius: 10px !important;
        padding: 2px 6px !important;
    }

    body.imarked-v1 .im-search-drawer-footer {
        flex: 0 0 auto !important;
        position: relative !important;
        display: flex !important;
        gap: 8px;
        margin: 0 !important;
        padding: 8px 14px calc(8px + env(safe-area-inset-bottom, 0px));
        background: #fff;
        border-top: 1px solid #eef1f5;
        box-shadow: 0 -4px 14px rgba(15, 23, 42, 0.05);
        z-index: 5;
    }

    body.imarked-v1 .im-search-drawer-footer .im-search-drawer-footer__reset,
    body.imarked-v1 .im-search-drawer-footer .im-search-drawer-footer__apply {
        flex: 1 1 50%;
        min-height: 42px;
        border-radius: 999px;
        font-size: 13px;
        font-weight: 700;
        border: 1px solid #e2e8f0;
        cursor: pointer;
    }

    body.imarked-v1 .im-search-drawer-footer__reset {
        background: #f8fafc;
        color: #334155;
    }

    body.imarked-v1 .im-search-drawer-footer__apply {
        background: var(--im-primary, #0066ff);
        border-color: var(--im-primary, #0066ff);
        color: #fff;
        box-shadow: 0 4px 12px rgba(0, 102, 255, 0.2);
    }
}

@media (min-width: 768px) {
    body.imarked-v1 .im-search-mobile-bar,
    body.imarked-v1 .im-search-drawer-footer,
    body.imarked-v1 .im-search-sheet-overlay {
        display: none !important;
    }
}

/* ── Search vertical switch (wholesale 4 / retail 7) ── */
body.imarked-v1 .im-search-switch-wrap {
    margin: 0 0 18px;
    padding: 0;
}

body.imarked-v1 .im-search-switch {
    --im-switch-accent: var(--im-primary, #0066ff);
    width: 100%;
}

body.imarked-v1.is-wholesale .im-search-switch {
    --im-switch-accent: #1a2230;
}

body.imarked-v1 .im-search-switch__track {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 10px;
    margin: 0;
    padding: 4px 2px 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

body.imarked-v1 .im-search-switch--wholesale .im-search-switch__track {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
}

body.imarked-v1 .im-search-switch__track::-webkit-scrollbar {
    display: none;
    height: 0;
}

body.imarked-v1 .im-search-switch__item {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 104px;
    min-height: 112px;
    padding: 12px 10px 10px;
    text-decoration: none !important;
    color: var(--im-fg, #181c23) !important;
    background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%);
    border: 1px solid var(--im-border, #e7ebf0);
    border-radius: 14px;
    box-shadow: none;
    transition: border-color 0.18s ease, transform 0.18s ease, background 0.18s ease, color 0.18s ease;
}

body.imarked-v1 .im-search-switch--wholesale .im-search-switch__item {
    width: 104px;
    max-width: none;
    min-width: 104px;
}

body.imarked-v1 .im-search-switch__item:hover,
body.imarked-v1 .im-search-switch__item:focus {
    border-color: rgba(0, 102, 255, 0.35);
    transform: translateY(-2px);
    outline: none;
    color: var(--im-fg, #181c23) !important;
}

body.imarked-v1.is-wholesale .im-search-switch__item:hover,
body.imarked-v1.is-wholesale .im-search-switch__item:focus {
    border-color: rgba(26, 34, 48, 0.35);
}

body.imarked-v1 .im-search-switch__item.is-active {
    border: 1px solid rgba(0, 102, 255, 0.45);
    background: #fff;
    box-shadow: 0 6px 16px rgba(0, 102, 255, 0.14), 0 1px 3px rgba(26, 34, 48, 0.06);
}

body.imarked-v1.is-wholesale .im-search-switch__item.is-active {
    border-color: rgba(26, 34, 48, 0.35);
    background: #fff;
    box-shadow: 0 6px 16px rgba(26, 34, 48, 0.12), 0 1px 3px rgba(26, 34, 48, 0.06);
}

body.imarked-v1 .im-search-switch__item.is-disabled {
    opacity: 0.55;
    cursor: default;
    pointer-events: none;
}

body.imarked-v1 .im-search-switch__media {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 12px;
    overflow: hidden;
    background: #eef2f7;
}

body.imarked-v1 .im-search-switch--wholesale .im-search-switch__media {
    width: 56px;
    height: 56px;
    border-radius: 14px;
}

body.imarked-v1 .im-search-switch__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.imarked-v1 .im-search-switch__label {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.25;
    color: inherit;
}

body.imarked-v1 .im-search-switch__item.is-active .im-search-switch__label {
    color: var(--im-switch-accent);
}

@media (max-width: 767px) {
    body.imarked-v1 .im-search-switch-wrap {
        margin: 0 0 12px;
    }

    body.imarked-v1 .im-search-switch__item {
        width: 92px;
        min-height: 102px;
        padding: 10px 8px 8px;
        border-radius: 12px;
        gap: 6px;
    }

    body.imarked-v1 .im-search-switch--wholesale .im-search-switch__track {
        justify-content: flex-start;
        overflow-x: auto;
        flex-wrap: nowrap;
    }

    body.imarked-v1 .im-search-switch--wholesale .im-search-switch__item {
        width: 92px;
        max-width: none;
        min-width: 92px;
    }

    body.imarked-v1 .im-search-switch__media {
        width: 46px;
        height: 46px;
    }

    body.imarked-v1 .im-search-switch__label {
        font-size: 11px;
    }
}

/* IMARKED V1 — Professional store profile
   Scope: body.imarked-v1 .im-store-page (Views/Store/Search.cshtml)
   Keeps existing JS/IDs/handlers — visual layer + section chrome only. */

body.imarked-v1 .im-store-page {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0 0 48px;
    background: transparent;
    font-family: var(--im-font, "Plus Jakarta Sans", "Segoe UI", sans-serif);
}

body.imarked-v1 .main-container.container > .im-store-page {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 15px !important;
    background: none !important;
}

body.imarked-v1 .im-store-page .breadcrumb {
    margin: 8px 0 18px;
    padding: 0;
    background: transparent;
    font-size: 13px;
    color: var(--im-muted, #6e7a8a);
}

body.imarked-v1 .im-store-page .breadcrumb > li + li:before {
    color: #94a3b8;
}

body.imarked-v1 .im-store-page .breadcrumb a {
    color: var(--im-muted, #6e7a8a);
    text-decoration: none;
}

body.imarked-v1 .im-store-page .breadcrumb a:hover {
    color: var(--im-primary, #0066ff);
}

/* ===============================================
   PROFILE SHELL
   =============================================== */

body.imarked-v1 .im-store-page .cla-store-profile-wrapper {
    background: transparent;
    padding-bottom: 0;
}

body.imarked-v1 .im-store-page .cla-profile-header {
    background: #fff;
    border: 0;
    border-radius: 20px;
    overflow: visible;
    box-shadow: 0 8px 28px rgba(24, 28, 35, 0.07);
    margin-bottom: 20px;
}

/* Banner / slider — keep slider markup; style the frame.
   IMPORTANT: imarked-v1-home.css hides #divBannerContainer images (home fade layers).
   Store page must show the real owl carousel images. */
body.imarked-v1 .im-store-page .cla-banner-container {
    overflow: hidden;
    border-radius: 20px 20px 0 0;
    min-height: 280px;
    background: #f3f4f6;
    position: relative;
}

body.imarked-v1 .im-store-page #divBannerContainer.slider-container,
body.imarked-v1 .im-store-page #divBannerContainer {
    position: relative !important;
    inset: auto !important;
    z-index: 1 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 280px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: inherit !important;
    line-height: normal !important;
    color: inherit !important;
    pointer-events: auto !important;
}

body.imarked-v1 .im-store-page #divBannerContainer #so-slideshow,
body.imarked-v1 .im-store-page #divBannerContainer .module,
body.imarked-v1 .im-store-page #divBannerContainer .two-block,
body.imarked-v1 .im-store-page #divBannerContainer .yt-content-slider,
body.imarked-v1 .im-store-page #divBannerContainer .owl-carousel,
body.imarked-v1 .im-store-page #divBannerContainer .owl2-stage-outer,
body.imarked-v1 .im-store-page #divBannerContainer .owl-stage-outer {
    width: 100% !important;
    height: auto !important;
    min-height: 280px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.imarked-v1 .im-store-page #divBannerContainer img,
body.imarked-v1 .im-store-page #divBannerContainer .c-mainbanner-search,
body.imarked-v1 .im-store-page #divBannerContainer .img-responsive {
    opacity: 1 !important;
    visibility: visible !important;
    font-size: inherit !important;
    color: inherit !important;
    text-indent: 0 !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 360px;
    object-fit: cover;
    border-radius: 0 !important;
}

body.imarked-v1 .im-store-page #divBannerContainer .loadeding {
    display: none !important;
}

body.imarked-v1 .im-store-page #divBannerContainer .owl-nav,
body.imarked-v1 .im-store-page #divBannerContainer .owl2-nav,
body.imarked-v1 .im-store-page #divBannerContainer .owl-prev,
body.imarked-v1 .im-store-page #divBannerContainer .owl-next,
body.imarked-v1 .im-store-page #divBannerContainer .owl2-prev,
body.imarked-v1 .im-store-page #divBannerContainer .owl2-next {
    pointer-events: auto !important;
    opacity: 0.85 !important;
    visibility: visible !important;
}

body.imarked-v1 .im-store-page .cla-banner-slider {
    min-height: 280px;
    background: linear-gradient(120deg, #1e293b 0%, #334155 100%);
}

/* No-banner placeholder — large inclined store name watermark */
body.imarked-v1 .im-store-page .im-store-banner-placeholder {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    min-height: 280px;
    padding: 40px 28px;
    background: linear-gradient(125deg, #1a2230 0%, #2c3e50 42%, #3d5a80 100%);
    color: #fff;
    text-align: center;
}

body.imarked-v1 .im-store-page .im-store-banner-placeholder:before {
    content: "";
    position: absolute;
    inset: -20%;
    background:
        radial-gradient(circle at 20% 30%, rgba(0, 102, 255, 0.28), transparent 42%),
        radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.08), transparent 40%);
    pointer-events: none;
}

body.imarked-v1 .im-store-page .im-store-banner-placeholder__watermark {
    position: relative;
    z-index: 1;
    max-width: 92%;
    margin: 0;
    font-size: 44px;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.05;
    color: #fff;
    opacity: 0.22;
    text-transform: none;
    word-break: break-word;
    user-select: none;
}

/* Single banner image — fill the frame without owl */
body.imarked-v1 .im-store-page #divBannerContainer.im-store-banner--single,
body.imarked-v1 .im-store-page #divBannerContainer.im-store-banner--single #so-slideshow,
body.imarked-v1 .im-store-page #divBannerContainer.im-store-banner--single .module,
body.imarked-v1 .im-store-page #divBannerContainer.im-store-banner--single .two-block {
    min-height: 280px !important;
}

body.imarked-v1 .im-store-page #divBannerContainer.im-store-banner--single img.im-store-banner-single-img,
body.imarked-v1 .im-store-page #divBannerContainer.im-store-banner--single img {
    width: 100% !important;
    height: 280px !important;
    max-height: none !important;
    object-fit: cover !important;
}

body.imarked-v1 .im-store-page .cla-store-logo-wrapper {
    position: relative;
    z-index: 3;
    border: 0;
    border-top: 0;
    padding: 0 28px 4px;
    background: #fff;
    border-radius: 0;
}

body.imarked-v1 .im-store-page .cla-store-logo-wrapper > .row,
body.imarked-v1 .im-store-page .cla-store-logo-wrapper > .row > [class*="col-"] {
    margin: 0;
    padding: 0;
}

body.imarked-v1 .im-store-page .cla-logo-container {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 16px 22px;
    padding: 0 0 18px;
}

/* DP — ~10% larger, floats further onto banner */
body.imarked-v1 .im-store-page .cla-logo-image,
body.imarked-v1 .im-store-page .cla-logo-placeholder {
    width: 150px !important;
    height: 150px !important;
    margin-top: -88px !important;
    margin-bottom: 0 !important;
    margin-left: 2px;
    border-radius: 11px !important;
    border: 3px solid #fff !important;
    box-shadow:
        0 0 0 1px rgba(15, 23, 42, 0.06),
        0 8px 22px rgba(15, 23, 42, 0.14) !important;
    background: #fff !important;
    overflow: hidden !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 4 !important;
    position: relative;
}

body.imarked-v1 .im-store-page .cla-logo-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    padding: 2px;
    display: block;
    background: #fff;
}

body.imarked-v1 .im-store-page .cla-logo-placeholder {
    background: linear-gradient(145deg, #1e293b 0%, #334155 55%, #0066ff 130%) !important;
    color: #fff !important;
    font-size: 0 !important; /* hide legacy icon size */
}

body.imarked-v1 .im-store-page .cla-logo-placeholder__initials {
    display: block;
    font-size: 41px;
    font-weight: 800;
    letter-spacing: 0.04em;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
}

body.imarked-v1 .im-store-page .cla-store-header-info {
    flex: 1 1 220px;
    min-width: 200px;
    padding-bottom: 2px;
    padding-top: 10px;
    align-self: center;
}

body.imarked-v1 .im-store-page .cla-store-name {
    font-size: 28px;
    font-weight: 800;
    letter-spacing: 1px;
    color: var(--im-fg, #181c23);
    margin: 0 0 6px;
    line-height: 1.15;
}

body.imarked-v1 .im-store-page .cla-store-name small {
    font-size: 15px;
    font-weight: 600;
    color: var(--im-muted, #6e7a8a);
}

body.imarked-v1 .im-store-page .cla-store-category {
    font-size: 14px;
    font-weight: 600;
    color: var(--im-muted, #6e7a8a);
    margin: 0 0 10px;
}

body.imarked-v1 .im-store-page .cla-store-rating {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 14px;
}

body.imarked-v1 .im-store-page .cla-rate-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 4px 10px;
    border-radius: 999px;
    background: #eef4ff;
    color: var(--im-primary, #0066ff);
    font-size: 12.5px;
    font-weight: 700;
    text-decoration: none;
}

body.imarked-v1 .im-store-page .cla-rate-link:hover {
    background: #dde9ff;
    text-decoration: none;
    color: var(--im-primary-hover, #0052cc);
}

/* Actions */
body.imarked-v1 .im-store-page .cla-action-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-left: auto;
    padding: 18px 0 4px;
}

body.imarked-v1 .im-store-page .cla-action-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    border: 1.5px solid transparent !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: background 160ms ease, border-color 160ms ease, color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

body.imarked-v1 .im-store-page .cla-btn-follow {
    background: var(--im-primary, #0066ff) !important;
    border-color: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    box-shadow: 0 6px 16px rgba(0, 102, 255, 0.22) !important;
}

body.imarked-v1 .im-store-page .cla-btn-follow:hover {
    background: var(--im-primary-hover, #0052cc) !important;
    border-color: var(--im-primary-hover, #0052cc) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

body.imarked-v1 .im-store-page .cla-btn-following {
    background: #eef2f7 !important;
    border-color: #e2e8f0 !important;
    color: #0f172a !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-store-page .cla-btn-secondary,
body.imarked-v1 .im-store-page .cla-btn-outline,
body.imarked-v1 .im-store-page .cla-btn-contact {
    background: #fff !important;
    border-color: #c7d7f5 !important;
    color: var(--im-primary, #0066ff) !important;
}

body.imarked-v1 .im-store-page .cla-btn-secondary:hover,
body.imarked-v1 .im-store-page .cla-btn-outline:hover,
body.imarked-v1 .im-store-page .cla-btn-contact:hover {
    background: #f4f8ff !important;
    border-color: var(--im-primary, #0066ff) !important;
    color: var(--im-primary-hover, #0052cc) !important;
}

body.imarked-v1 .im-store-page .cla-action-btn.cla-disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

/* Contact strip under header */
body.imarked-v1 .im-store-page .cla-contact-subheader {
    background: #f8fafc;
    border-top: 1px solid #eef2f7;
    border-radius: 0 0 20px 20px;
    padding: 12px 28px 14px;
}

body.imarked-v1 .im-store-page .cla-contact-info-bar {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 10px;
}

body.imarked-v1 .im-store-page .cla-contact-info-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #e7ebf0;
    color: #334155;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
}

body.imarked-v1 .im-store-page .cla-contact-info-item i {
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-store-page .cla-contact-info-item a {
    color: inherit;
    text-decoration: none;
}

/* ===============================================
   STATS / TABS / USP
   =============================================== */

body.imarked-v1 .im-store-page .im-store-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin: 0 0 14px;
}

body.imarked-v1 .im-store-page .im-store-stat {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: #fff;
    border: 1px solid var(--im-border, #e7ebf0);
    border-radius: 14px;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.03);
}

body.imarked-v1 .im-store-page .im-store-stat__icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef4ff;
    color: var(--im-primary, #0066ff);
    font-size: 16px;
    flex-shrink: 0;
}

body.imarked-v1 .im-store-page .im-store-stat__value {
    display: block;
    font-size: 20px;
    font-weight: 800;
    color: var(--im-fg, #181c23);
    letter-spacing: -0.02em;
    line-height: 1.1;
}

body.imarked-v1 .im-store-page .im-store-stat__label {
    display: block;
    margin-top: 2px;
    font-size: 12.5px;
    font-weight: 600;
    color: var(--im-muted, #6e7a8a);
}

body.imarked-v1 .im-store-page .im-store-tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 22px;
    margin: 0 0 18px;
    padding: 0 2px;
    border-bottom: 1px solid #e7ebf0;
}

body.imarked-v1 .im-store-page .im-store-tabs a {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 10px 2px 14px;
    color: #64748b;
    font-size: 14.5px;
    font-weight: 700;
    text-decoration: none;
}

body.imarked-v1 .im-store-page .im-store-tabs a:hover {
    color: var(--im-fg, #181c23);
    text-decoration: none;
}

body.imarked-v1 .im-store-page .im-store-tabs a.is-active {
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-store-page .im-store-tabs a.is-active:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    border-radius: 3px 3px 0 0;
    background: var(--im-primary, #0066ff);
}

/* Nested panels inside Om oss — same card style for services + adresse/sted */
body.imarked-v1 .im-store-page .im-store-usps--about {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 14px 0 0;
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

body.imarked-v1 .im-store-page .im-store-usps--about:empty {
    display: none;
}

body.imarked-v1 .im-store-page .im-store-usps--about .im-store-usp {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    width: 100%;
    padding: 12px 14px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
    border-radius: 12px;
    box-shadow: none;
}

body.imarked-v1 .im-store-page .im-store-usps--about .im-store-usp__icon {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef4ff;
    color: var(--im-primary, #0066ff);
    font-size: 13px;
    flex-shrink: 0;
}

body.imarked-v1 .im-store-page .im-store-usps--about .im-store-usp__text {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.35;
    white-space: normal;
}

body.imarked-v1 .im-store-page .im-store-usps--about .im-store-usp--sted {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

body.imarked-v1 .im-store-page .im-store-usps--about .im-store-usp__label {
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #94a3b8;
    line-height: 1;
}

body.imarked-v1 .im-store-page .im-store-usps--about .im-store-usp__reveal {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit;
    text-decoration: none;
    text-align: left;
}

body.imarked-v1 .im-store-page .im-store-usps--about .im-store-usp__reveal.cla-clickable {
    cursor: pointer;
}

body.imarked-v1 .im-store-page .im-store-usps--about .im-store-usp__reveal.cla-clickable:hover .im-store-usp__text {
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-store-page .im-store-usps--about .im-store-usp__reveal small {
    font-weight: 700;
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-store-page .im-store-usps--about .im-store-usp__map-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 2px;
    padding: 8px 14px;
    border: 1.5px solid #c7d7f5;
    border-radius: 999px;
    background: #fff;
    color: var(--im-primary, #0066ff);
    font-size: 12.5px;
    font-weight: 700;
    cursor: pointer;
    transition: background 160ms ease, border-color 160ms ease;
}

body.imarked-v1 .im-store-page .im-store-usps--about .im-store-usp__map-btn:hover {
    background: #f4f8ff;
    border-color: var(--im-primary, #0066ff);
}

/* ===============================================
   MAIN LAYOUT
   =============================================== */

body.imarked-v1 .im-store-page .cla-main-content {
    max-width: 100%;
    margin: 0;
}

body.imarked-v1 .im-store-page .cla-main-content > .row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: -12px;
    margin-right: -12px;
}

body.imarked-v1 .im-store-page .cla-main-content > .row > [class*="col-"] {
    padding-left: 12px;
    padding-right: 12px;
}

body.imarked-v1 .im-store-page #column-left {
    background: transparent;
    padding: 0;
}

body.imarked-v1 .im-store-page .cla-info-card {
    border-radius: 16px;
    border: 1px solid var(--im-border, #e7ebf0);
    background: #fff;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04);
    margin-bottom: 16px;
    overflow: hidden;
}

body.imarked-v1 .im-store-page .cla-card-header {
    padding: 14px 18px;
    border-bottom: 1px solid #eef2f7;
    background: #fff;
}

body.imarked-v1 .im-store-page .cla-card-header h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    color: var(--im-fg, #181c23);
    letter-spacing: 0.01em;
}

body.imarked-v1 .im-store-page .cla-card-header h3 i {
    color: var(--im-primary, #0066ff);
    margin-right: 6px;
}

body.imarked-v1 .im-store-page .cla-card-body {
    padding: 16px 18px 18px;
}

body.imarked-v1 .im-store-page .cla-description p {
    margin: 0 0 8px;
    font-size: 13.5px;
    line-height: 1.55;
    color: #475569;
}

body.imarked-v1 .im-store-page .cla-read-more {
    font-size: 13px;
    font-weight: 700;
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-store-page .cla-info-item {
    display: flex;
    gap: 12px;
    margin-top: 14px;
}

body.imarked-v1 .im-store-page .cla-info-item > i {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #f1f5f9;
    color: #475569;
    flex-shrink: 0;
    margin-top: 2px;
}

body.imarked-v1 .im-store-page .cla-info-label {
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #94a3b8;
    margin-bottom: 2px;
}

body.imarked-v1 .im-store-page .cla-info-value {
    font-size: 13.5px;
    font-weight: 600;
    color: #334155;
}

body.imarked-v1 .im-store-page .cla-delivery-tag {
    display: inline-block;
    margin: 2px 4px 2px 0;
    padding: 3px 8px;
    border-radius: 999px;
    background: #f1f5f9;
    font-size: 12px;
    font-weight: 600;
    color: #475569;
}

/* Quick Access / QR — framed code, matches Om oss / Filtre card chrome */
body.imarked-v1 .im-store-page .cla-qr-card .cla-card-header h3 i {
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-store-page .cla-qr-card__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 14px 18px !important;
    text-align: center;
}

body.imarked-v1 .im-store-page .cla-qr-frame {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0 0 10px;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body.imarked-v1 .im-store-page .cla-qr-card .cla-qr-image {
    display: block;
    width: 187px;
    height: 187px;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: #fff;
    object-fit: contain;
    image-rendering: pixelated;
}

body.imarked-v1 .im-store-page .cla-qr-text {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #6e7a8a;
    line-height: 1.35;
}

/* Sidebar store search */
body.imarked-v1 .im-store-page .im-store-side-search {
    margin-bottom: 16px;
}

body.imarked-v1 .im-store-page .im-store-side-search .cla-card-body {
    padding: 14px;
}

body.imarked-v1 .im-store-page .im-store-side-search .search.input-group {
    display: flex;
    width: 100%;
    border: 1.5px solid #dbe3ee;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

body.imarked-v1 .im-store-page .im-store-side-search #keywordStore {
    flex: 1 1 auto;
    height: 44px !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 14px !important;
    font-size: 13.5px !important;
    background: transparent !important;
}

body.imarked-v1 .im-store-page .im-store-side-search #btnSearch_Store {
    width: 48px !important;
    height: 44px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-store-page .im-store-side-search #btnSearch_Store:hover {
    background: var(--im-primary-hover, #0052cc) !important;
}

/* ===============================================
   FILTER PANEL
   =============================================== */

body.imarked-v1 .im-store-page .im-search-filter-panel {
    position: sticky;
    top: 90px;
    margin: 0 0 16px !important;
    padding: 0 16px 16px !important;
    background: #fff !important;
    border: 1px solid var(--im-border, #e7ebf0) !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04) !important;
    overflow: hidden;
}

body.imarked-v1 .im-store-page .im-store-filter-panel__head {
    margin: 0 -16px 4px;
    padding: 14px 18px;
    border-bottom: 1px solid #eef2f7;
    background: #fff;
}

body.imarked-v1 .im-store-page .im-store-filter-panel__head h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    color: var(--im-fg, #181c23);
}

body.imarked-v1 .im-store-page .im-store-filter-panel__head h3 i {
    color: var(--im-primary, #0066ff);
    margin-right: 6px;
}

body.imarked-v1 .im-store-page .im-search-filter-panel .modcontent,
body.imarked-v1 .im-store-page .im-search-filter-panel .box-category {
    border: 0 !important;
    margin: 0 0 4px !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-store-page .im-search-filter-section {
    border-top: 1px solid #eef2f7;
    margin-top: 12px;
    padding-top: 12px;
}

body.imarked-v1 .im-store-page .im-search-filter-section:first-of-type {
    border-top: 0;
    margin-top: 8px;
    padding-top: 8px;
}

body.imarked-v1 .im-store-page .im-search-filter-section__head {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #0f172a !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    line-height: 1.3 !important;
    cursor: pointer;
    user-select: none;
}

body.imarked-v1 .im-store-page .im-search-filter-section__head:after {
    display: none !important;
    content: none !important;
}

body.imarked-v1 .im-store-page .im-search-filter-chevron {
    display: inline-flex;
    width: 22px;
    height: 22px;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: #f4f7fb;
    color: #64748b;
    font-size: 13px;
    transition: transform 180ms ease;
}

body.imarked-v1 .im-store-page .im-search-filter-section.is-collapsed .im-search-filter-chevron {
    transform: rotate(-90deg);
}

body.imarked-v1 .im-store-page .im-search-filter-section.is-collapsed .im-search-filter-section__body {
    display: none !important;
}

body.imarked-v1 .im-store-page #cat_accordion.list-group {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
}

body.imarked-v1 .im-store-page #cat_accordion > li,
body.imarked-v1 .im-store-page #cat_accordion li li {
    border: 0 !important;
    margin: 0 0 2px !important;
    padding: 0 !important;
    background: transparent !important;
    position: relative;
    list-style: none !important;
}

body.imarked-v1 .im-store-page #cat_accordion a {
    display: block !important;
    padding: 10px 34px 10px 12px !important;
    border-radius: 10px !important;
    color: #334155 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    background: transparent !important;
    line-height: 1.35 !important;
}

body.imarked-v1 .im-store-page #cat_accordion a:hover {
    background: #f4f7fb !important;
    color: #0f172a !important;
}

body.imarked-v1 .im-store-page #cat_accordion a.active {
    color: var(--im-primary, #0066ff) !important;
    font-weight: 700 !important;
    background: #eef4ff !important;
}

body.imarked-v1 .im-store-page #cat_accordion > li > ul {
    margin: 2px 0 6px !important;
    padding: 0 0 0 6px !important;
    border-left: 2px solid #eef2f7;
    margin-left: 12px !important;
}

body.imarked-v1 .im-store-page #cat_accordion .button-view {
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute !important;
    right: 4px !important;
    top: 7px !important;
    width: 26px !important;
    height: 26px !important;
    margin: 0 !important;
    border-radius: 8px !important;
    background: #f4f7fb !important;
    color: #64748b !important;
    cursor: pointer;
}

body.imarked-v1 .im-store-page .im-store-price-row {
    display: flex !important;
    align-items: center;
    width: 100%;
    gap: 0;
}

body.imarked-v1 .im-store-page .im-search-price .form-control {
    height: 42px !important;
    border-radius: 10px !important;
    border: 1.5px solid #dbe3ee !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #0f172a !important;
    background: #fff !important;
}

body.imarked-v1 .im-store-page .im-search-price .form-control:focus {
    border-color: var(--im-primary, #0066ff) !important;
    outline: none !important;
}

body.imarked-v1 .im-store-page .im-store-price-sep {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 28px !important;
    padding: 0 4px !important;
    background: transparent !important;
    border: 0 !important;
    color: #94a3b8 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-store-page .im-store-check-list,
body.imarked-v1 .im-store-page .checkboxes_list {
    max-height: 200px;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    border: 0 !important;
    overflow-y: auto;
}

body.imarked-v1 .im-store-page .im-store-check-list li,
body.imarked-v1 .im-store-page .checkboxes_list li {
    display: flex !important;
    align-items: center;
    gap: 10px;
    margin: 0 0 8px !important;
    padding: 10px 12px !important;
    list-style: none !important;
    background: #fff;
    border: 1.5px solid #e7ebf0;
    border-radius: 12px;
    cursor: pointer;
    transition: border-color 140ms ease, background 140ms ease;
}

body.imarked-v1 .im-store-page .im-store-check-list li:last-child,
body.imarked-v1 .im-store-page .checkboxes_list li:last-child {
    margin-bottom: 0 !important;
}

body.imarked-v1 .im-store-page .im-store-check-list li:hover,
body.imarked-v1 .im-store-page .checkboxes_list li:hover {
    border-color: #c7d7f5;
    background: #f8faff;
}

body.imarked-v1 .im-store-page .im-store-check-list li.hideitem {
    display: none !important;
}

body.imarked-v1 .im-store-page .checkboxes_list input[type="checkbox"] {
    width: 16px;
    height: 16px;
    margin: 0 !important;
    flex-shrink: 0;
    accent-color: var(--im-primary, #0066ff);
    cursor: pointer;
}

body.imarked-v1 .im-store-page .checkboxes_list label {
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    cursor: pointer;
    line-height: 1.3 !important;
}

body.imarked-v1 .im-store-page .im-search-filter-reset {
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px solid #eef2f7;
}

body.imarked-v1 .im-store-page .im-search-filter-reset__btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    min-height: 42px;
    margin: 0 !important;
    padding: 8px 14px !important;
    float: none !important;
    border: 1.5px solid #dbe3ee !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #0f172a !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-store-page .im-search-filter-reset__btn:hover {
    border-color: var(--im-primary, #0066ff) !important;
    background: #f4f8ff !important;
    color: var(--im-primary, #0066ff) !important;
}

/* ===============================================
   KONTAKT PANEL
   =============================================== */

body.imarked-v1 .im-store-page .im-store-contact-panel {
    margin-bottom: 20px;
}

body.imarked-v1 .im-store-page .im-store-contact-lead {
    margin: 0 0 14px;
    font-size: 13.5px;
    font-weight: 600;
    color: #64748b;
}

body.imarked-v1 .im-store-page .im-store-contact-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

body.imarked-v1 .im-store-page .im-store-contact-actions .cla-contact-info-item {
    cursor: pointer;
    border: 1.5px solid #dbe3ee;
    background: #fff;
    transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
}

body.imarked-v1 .im-store-page .im-store-contact-actions button.cla-contact-info-item {
    font: inherit;
    font-weight: 600;
    font-size: 13px;
    color: #334155;
}

body.imarked-v1 .im-store-page .im-store-contact-actions .cla-contact-info-item:hover,
body.imarked-v1 .im-store-page .im-store-contact-actions button.cla-contact-info-item:hover {
    border-color: var(--im-primary, #0066ff);
    background: #f4f8ff;
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-store-page .im-store-contact-cta {
    margin-right: 4px;
}

body.imarked-v1 .im-store-page .im-store-offers-empty {
    margin: 0 0 12px;
    padding: 14px 16px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px dashed #dbe3ee;
    color: #64748b;
    font-size: 14px;
    font-weight: 600;
}

/* ===============================================
   CATALOG
   =============================================== */

body.imarked-v1 .im-store-page .im-store-catalog-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 16px;
}

/* Produkter tab already labels the section — hide duplicate heading */
body.imarked-v1 .im-store-page .im-store-catalog-head.is-products-tab {
    display: none;
}

body.imarked-v1 .im-store-page .im-store-catalog-head.is-offers-tab {
    display: flex;
}

body.imarked-v1 .im-store-page .im-store-catalog-head h2 {
    margin: 0;
    font-size: 22px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--im-fg, #181c23);
}

body.imarked-v1 .im-store-page .im-store-about-empty {
    margin: 0;
    font-size: 13.5px;
    font-weight: 600;
    color: #94a3b8;
    font-style: italic;
}


body.imarked-v1 .im-store-page .im-store-offers {
    margin: 0 0 16px;
}

body.imarked-v1 .im-store-page .im-store-offers__list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
}

body.imarked-v1 .im-store-page .im-store-offer-chip.promProduct.Size-selector {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    margin: 0;
    padding: 10px 18px;
    border: 1.5px solid #dbe3ee;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    color: var(--im-fg, #181c23);
    background-image: none;
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease, background 0.15s ease;
}

body.imarked-v1 .im-store-page .im-store-offer-chip.promProduct.Size-selector:hover {
    border-color: #94a3b8;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

body.imarked-v1 .im-store-page .im-store-offer-chip.promProduct.Size-selector.active-price {
    border-color: var(--im-primary, #0066ff);
    background: #f0f6ff;
    color: var(--im-primary, #0066ff);
    box-shadow: 0 0 0 2px rgba(0, 102, 255, 0.14);
    background-image: none;
}

body.imarked-v1 .im-store-page .im-store-offer-chip__name {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.25;
}

body.imarked-v1 .im-store-page .im-store-offer-chip.promProduct:disabled:not(.is-loading) {
    opacity: 0.55;
    cursor: wait;
    pointer-events: none;
}

body.imarked-v1 .im-store-page .im-store-offer-chip.promProduct.is-loading {
    gap: 8px;
    cursor: wait;
    pointer-events: none;
    border-color: var(--im-primary, #0066ff);
    background: #f0f6ff;
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-store-page .im-store-offer-chip__spin {
    display: inline-block;
    width: 14px;
    height: 14px;
    flex-shrink: 0;
    border: 2px solid rgba(0, 102, 255, 0.22);
    border-top-color: var(--im-primary, #0066ff);
    border-radius: 50%;
    animation: im-loader-spin 0.7s linear infinite;
}

body.imarked-v1 .im-store-page .products-category {
    margin-top: 0;
}

body.imarked-v1 .im-store-page #products-grid.products-list.row.grid {
    margin-left: -8px;
    margin-right: -8px;
}

/* Store empty catalog — full width of product column */
body.imarked-v1 .im-store-page #products-grid > [class*="col-"] {
    width: 100%;
    float: none;
    padding-left: 8px;
    padding-right: 8px;
}

body.imarked-v1 .im-store-page .im-search-empty--store {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}

body.imarked-v1 .im-store-page #products-grid .product-layout {
    padding-left: 8px;
    padding-right: 8px;
}

/* Vis flere */
body.imarked-v1 .im-store-page .im-search-loadmore {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    clear: both;
    width: 100%;
    margin: 28px 0 36px;
    padding: 8px 0 0;
}

body.imarked-v1 .im-store-page .im-search-loadmore #imgLoader {
    margin: 0 0 14px;
}

body.imarked-v1 .im-store-page .im-search-loadmore__btn.is-hidden,
body.imarked-v1 .im-store-page #btnLoadMore.is-hidden,
body.imarked-v1 .im-store-page #btnDead.is-hidden {
    display: none !important;
}

body.imarked-v1 .im-store-page #btnLoadMore.btnLoadMore,
body.imarked-v1 .im-store-page button#btnLoadMore,
body.imarked-v1 .im-store-page .im-search-loadmore__btn:not(.im-search-end) {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: auto !important;
    min-width: 200px !important;
    height: 48px !important;
    margin: 0 auto !important;
    padding: 0 32px !important;
    border: 1px solid transparent !important;
    border-radius: 999px !important;
    background: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-transform: none !important;
    text-decoration: none !important;
    box-shadow: 0 6px 18px rgba(0, 102, 255, 0.22) !important;
    cursor: pointer !important;
    transition: background 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

body.imarked-v1 .im-store-page #btnLoadMore.btnLoadMore:hover,
body.imarked-v1 .im-store-page .im-search-loadmore__btn:not(.im-search-end):hover {
    background: #0052cc !important;
    color: #fff !important;
    box-shadow: 0 8px 22px rgba(0, 102, 255, 0.3) !important;
    transform: translateY(-1px);
}

body.imarked-v1 .im-store-page #btnLoadMore.is-loading,
body.imarked-v1 .im-store-page .im-search-loadmore__btn.is-loading {
    opacity: 0.85 !important;
    cursor: wait !important;
    pointer-events: none !important;
    transform: none !important;
}

body.imarked-v1 .im-store-page #btnLoadMore.is-loading .fa,
body.imarked-v1 .im-store-page .im-search-loadmore__btn.is-loading .fa {
    animation: im-store-loadmore-spin 0.8s linear infinite;
}

@keyframes im-store-loadmore-spin {
    to { transform: rotate(360deg); }
}

body.imarked-v1 .im-store-page #btnDead,
body.imarked-v1 .im-store-page button.im-search-end,
body.imarked-v1 .im-store-page .im-search-loadmore__btn.im-search-end {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: auto !important;
    height: auto !important;
    margin: 8px auto 0 !important;
    padding: 12px 8px !important;
    border: 0 !important;
    background: transparent !important;
    color: #64748b !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    cursor: default !important;
    pointer-events: none !important;
}

/* ===============================================
   SHARE BAR
   =============================================== */

body.imarked-v1 .im-store-page .im-store-share {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
    margin: 28px 0 8px;
    padding: 22px 28px;
    border-radius: 18px;
    background: linear-gradient(115deg, #2d1b69 0%, #4c1d95 45%, #5b21b6 100%);
    color: #fff;
    box-shadow: 0 12px 32px rgba(76, 29, 149, 0.28);
}

body.imarked-v1 .im-store-page .im-store-share__title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: -0.01em;
    color: #fff;
}

body.imarked-v1 .im-store-page .im-store-share__title i {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.14);
    font-size: 16px;
}

body.imarked-v1 .im-store-page .im-store-share__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.imarked-v1 .im-store-page .im-store-share__btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    padding: 8px 14px;
    border-radius: 999px;
    border: 0;
    background: rgba(255, 255, 255, 0.14);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: background 160ms ease, transform 160ms ease;
}

body.imarked-v1 .im-store-page .im-store-share__btn:hover {
    background: rgba(255, 255, 255, 0.24);
    color: #fff;
    text-decoration: none;
    transform: translateY(-1px);
}

body.imarked-v1 .im-store-page .im-store-share__btn--copy {
    background: #fff;
    color: #4c1d95;
}

body.imarked-v1 .im-store-page .im-store-share__btn--copy:hover {
    background: #f5f3ff;
    color: #4c1d95;
}

body.imarked-v1 .im-store-page .im-store-share__btn--disabled,
body.imarked-v1 .im-store-page--mobile .im-m-store-share-card .im-store-share__btn--disabled {
    opacity: 0.42;
    cursor: not-allowed;
    pointer-events: none;
    filter: grayscale(0.35);
}

/* Compact share card in left sidebar */
body.imarked-v1 .im-store-page .im-store-share--side {
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    gap: 14px;
    margin: 0 0 16px;
    padding: 16px;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(76, 29, 149, 0.22);
}

body.imarked-v1 .im-store-page .im-store-share--side .im-store-share__title {
    font-size: 14px;
    line-height: 1.3;
    gap: 10px;
}

body.imarked-v1 .im-store-page .im-store-share--side .im-store-share__title i {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    font-size: 14px;
    flex-shrink: 0;
}

body.imarked-v1 .im-store-page .im-store-share--side .im-store-share__actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.imarked-v1 .im-store-page .im-store-share--side .im-store-share__btn {
    justify-content: flex-start;
    width: 100%;
    min-height: 40px;
    padding: 8px 12px;
    font-size: 12.5px;
}

/* ===============================================
   RESPONSIVE
   =============================================== */

@media (max-width: 991px) {
    body.imarked-v1 .im-store-page .cla-logo-image,
    body.imarked-v1 .im-store-page .cla-logo-placeholder {
        width: 117px !important;
        height: 117px !important;
        margin-top: -75px !important;
        border-radius: 11px !important;
    }

    body.imarked-v1 .im-store-page .cla-logo-placeholder__initials {
        font-size: 34px;
    }

    body.imarked-v1 .im-store-page .cla-store-logo-wrapper {
        padding: 0 20px 4px;
    }

    body.imarked-v1 .im-store-page .cla-store-name {
        font-size: 22px;
    }

    body.imarked-v1 .im-store-page .cla-action-bar {
        width: 100%;
        justify-content: flex-start;
        padding-top: 4px;
    }

    body.imarked-v1 .im-store-page .im-store-stats {
        grid-template-columns: 1fr;
    }

    body.imarked-v1 .im-store-page .im-search-filter-panel {
        position: static;
    }
}

@media (max-width: 767px) {
    body.imarked-v1 .im-store-page .cla-logo-image,
    body.imarked-v1 .im-store-page .cla-logo-placeholder {
        width: 97px !important;
        height: 97px !important;
        margin-top: -62px !important;
        border-radius: 11px !important;
        border-width: 2px !important;
    }

    body.imarked-v1 .im-store-page .cla-logo-image img {
        padding: 2px;
    }

    body.imarked-v1 .im-store-page .cla-logo-placeholder__initials {
        font-size: 29px;
    }

    body.imarked-v1 .im-store-page .cla-store-logo-wrapper,
    body.imarked-v1 .im-store-page .cla-contact-subheader {
        padding-left: 16px;
        padding-right: 16px;
    }

    body.imarked-v1 .im-store-page .cla-banner-container,
    body.imarked-v1 .im-store-page .cla-banner-slider,
    body.imarked-v1 .im-store-page .im-store-banner-placeholder,
    body.imarked-v1 .im-store-page #divBannerContainer.im-store-banner--single img {
        min-height: 200px;
    }

    body.imarked-v1 .im-store-page #divBannerContainer.im-store-banner--single img {
        height: 200px !important;
    }

    body.imarked-v1 .im-store-page .im-store-banner-placeholder__watermark {
        font-size: 44px;
        opacity: 0.26;
    }

    body.imarked-v1 .im-store-page .im-store-share {
        padding: 18px 16px;
    }

    body.imarked-v1 .im-store-page .im-store-share__title {
        font-size: 16px;
    }
}

/* ===============================================
   MOBILE STORE PROFILE — premium marketplace look
   Search_m.cshtml · Scandinavian / IMARKED blue
   Product grid (NOT slider). Header + bottom nav unchanged.
   =============================================== */

body.imarked-v1 .im-store-page--mobile {
    --im-m-radius: 18px;
    --im-m-pad: 14px;
    --im-m-gap: 12px;
    padding: 15px 12px 28px;
    background: #f2f4f7;
}

body.imarked-v1 .im-store-page--mobile .cla-store-profile-wrapper {
    background: transparent;
    box-shadow: none;
    border: 0;
    margin: 0;
}

body.imarked-v1 .im-store-page--mobile .cla-profile-header {
    margin: 0 0 var(--im-m-gap);
    border-radius: var(--im-m-radius);
    overflow: visible;
    background: #fff;
    box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
    border: 0;
}

/* Hero cover — rounded top like mockup */
body.imarked-v1 .im-store-page--mobile .cla-banner-container {
    --im-m-store-banner-h: 168px;
    margin: 0;
    border-radius: var(--im-m-radius) var(--im-m-radius) 0 0;
    overflow: hidden;
    min-height: 0 !important;
    height: auto !important;
    background: #f3f4f6;
}

/* Case 1: no image — compact welcome (no empty blue area) */
body.imarked-v1 .im-store-page--mobile .cla-banner-container:not(.im-store-banner--has-image) {
    min-height: 0 !important;
    height: auto !important;
    background: transparent;
}

/* Undo home absolute/height:100% on store banner box */
body.imarked-v1 .im-store-page--mobile .cla-banner-container #divBannerContainer,
body.imarked-v1 .im-store-page--mobile .cla-banner-container #divBannerContainer.slider-container {
    position: relative !important;
    inset: auto !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    font-size: inherit !important;
    line-height: normal !important;
    color: inherit !important;
    pointer-events: auto !important;
    background: transparent !important;
}

/* Case 2 & 3: has image(s) — full width, natural height (no edge crop) */
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    background: #f3f4f6;
}

body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer.slider-container,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer.im-store-banner--single,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer #so-slideshow,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer .module,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer .two-block,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer .yt-content-slider,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer .owl-carousel,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer .owl2-stage-outer,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer .owl-stage-outer {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    font-size: inherit !important;
    line-height: normal !important;
    color: inherit !important;
    pointer-events: auto !important;
    background: transparent !important;
}

/* Keep owl-stage transform intact (required for sliding); height follows image */
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer .yt-content-slide,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer .owl-item,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer a {
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer img,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer img.im-store-banner-single-img,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer .img-responsive,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--has-image #divBannerContainer .c-mainbanner-search {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: none !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    opacity: 1 !important;
    visibility: visible !important;
    font-size: inherit !important;
    color: inherit !important;
    text-indent: 0 !important;
    border-radius: 0 !important;
}

body.imarked-v1 .im-store-page--mobile .im-store-banner-placeholder {
    border-radius: 0;
}

/* Welcome placeholder — desktop + mobile (no fixed default banner image) */
body.imarked-v1 .im-store-page .im-m-store-welcome {
    position: relative !important;
    display: block !important;
    min-height: 280px !important;
    height: auto !important;
    padding: 48px 40px 52px;
    overflow: hidden;
    background:
        radial-gradient(ellipse 80% 60% at 20% 40%, rgba(56, 120, 220, 0.45), transparent 55%),
        radial-gradient(ellipse 50% 50% at 75% 20%, rgba(100, 180, 255, 0.2), transparent 50%),
        linear-gradient(145deg, #071a36 0%, #0d2f5c 42%, #164a8a 78%, #0a3d7a 100%);
    color: #fff;
    text-align: left;
}

body.imarked-v1 .im-store-page .im-m-store-welcome:before {
    display: none;
}

body.imarked-v1 .im-store-page .im-m-store-welcome__bg {
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 15% 25%, rgba(120, 190, 255, 0.22) 0 1.5px, transparent 2px),
        radial-gradient(circle at 40% 55%, rgba(120, 190, 255, 0.16) 0 1px, transparent 2px),
        radial-gradient(circle at 70% 30%, rgba(160, 210, 255, 0.18) 0 1.5px, transparent 2px),
        radial-gradient(circle at 55% 75%, rgba(100, 170, 255, 0.14) 0 1px, transparent 2px);
    opacity: 0.9;
}

body.imarked-v1 .im-store-page .im-m-store-welcome__bag {
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%) rotate(-8deg);
    font-size: 160px;
    line-height: 1;
    color: rgba(140, 190, 255, 0.22);
    pointer-events: none;
    z-index: 0;
}

body.imarked-v1 .im-store-page .im-m-store-welcome__content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 184px;
    height: auto;
}

body.imarked-v1 .im-store-page .im-m-store-welcome__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    max-width: 70%;
}

body.imarked-v1 .im-store-page .im-m-store-welcome__eyebrow {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.01em;
    opacity: 0.92;
    line-height: 1.3;
}

body.imarked-v1 .im-store-page .im-m-store-welcome__name {
    font-size: clamp(32px, 3.2vw, 44px);
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.12;
    word-break: break-word;
}

body.imarked-v1 .im-store-page .im-m-store-welcome__city {
    margin-top: 4px;
    font-size: 15px;
    font-weight: 600;
    opacity: 0.85;
}

body.imarked-v1 .im-store-page .im-m-store-welcome .im-store-banner-placeholder__watermark {
    display: none;
}

/* Mobile welcome — tighter size */
body.imarked-v1 .im-store-page--mobile .im-m-store-welcome {
    min-height: 0 !important;
    padding: 23px 16px 26px;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-welcome__bag {
    right: -6px;
    font-size: 84px;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-welcome__content {
    min-height: 0;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-welcome__text {
    gap: 2px;
    max-width: 78%;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-welcome__eyebrow {
    font-size: 13px;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-welcome__name {
    font-size: clamp(26px, 7vw, 34px);
}

body.imarked-v1 .im-store-page--mobile .im-m-store-welcome__city {
    margin-top: 2px;
    font-size: 13px;
}

/* Case 3: show slider chrome (mobile home CSS hides these globally) */
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl-nav,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl2-nav {
    display: block !important;
    pointer-events: none !important;
}

body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl-prev,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl-next,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl2-prev,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl2-next {
    display: block !important;
    pointer-events: auto !important;
    opacity: 0.85 !important;
    visibility: visible !important;
    z-index: 5 !important;
}

body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl-dots,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl2-dots {
    display: flex !important;
    justify-content: center;
    gap: 6px;
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    z-index: 5 !important;
    pointer-events: auto !important;
}

body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl-dot,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl2-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.45) !important;
    border: 0 !important;
}

body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl-dot.active,
body.imarked-v1 .im-store-page--mobile .cla-banner-container.im-store-banner--slider #divBannerContainer .owl2-dot.active {
    background: #fff !important;
}

/* Identity — logo overlaps banner; name/rating sit beside logo */
body.imarked-v1 .im-store-page--mobile .cla-store-logo-wrapper.im-m-store-identity {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body.imarked-v1 .im-store-page--mobile .cla-store-logo-wrapper > .row,
body.imarked-v1 .im-store-page--mobile .cla-store-logo-wrapper > .row > [class*="col-"] {
    margin: 0;
    padding: 0;
}

body.imarked-v1 .im-store-page--mobile .cla-logo-container {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px;
    padding: 0 var(--im-m-pad) 16px;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-identity__top {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 12px;
    min-width: 0;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-identity__top .cla-logo-image,
body.imarked-v1 .im-store-page--mobile .im-m-store-identity__top .cla-logo-placeholder {
    width: 84px !important; /* +10% from 76px */
    height: 84px !important;
    margin: -52px 0 0 0 !important; /* float higher over banner/slider */
    border: 3px solid #fff !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.16) !important;
    flex-shrink: 0 !important;
    z-index: 4 !important;
    position: relative;
}

body.imarked-v1 .im-store-page--mobile .cla-logo-placeholder__initials {
    font-size: 26px;
    letter-spacing: 0.02em;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-identity__top .cla-store-header-info {
    flex: 1 1 auto;
    width: auto;
    min-width: 0;
    padding: 10px 0 0;
    align-self: flex-end;
}

body.imarked-v1 .im-store-page--mobile .cla-store-name {
    font-size: 19px;
    font-weight: 800;
    letter-spacing: -0.01em;
    margin: 0 0 2px;
    line-height: 1.2;
}

body.imarked-v1 .im-store-page--mobile .cla-store-name small {
    font-size: 13px;
    font-weight: 600;
    color: #94a3b8;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-info-link {
    display: inline-block;
    margin-left: 2px;
    color: #94a3b8;
    font-size: 13px;
    vertical-align: middle;
}

body.imarked-v1 .im-store-page--mobile .cla-store-category {
    font-size: 12.5px;
    font-weight: 500;
    color: #94a3b8;
    margin: 0 0 4px;
}

body.imarked-v1 .im-store-page--mobile .cla-store-rating {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 8px;
    margin: 0;
}

body.imarked-v1 .im-store-page--mobile .cla-store-rating .cla-stars {
    display: inline-flex;
    align-items: center;
    gap: 1px;
}

body.imarked-v1 .im-store-page--mobile .cla-store-rating .cla-stars .rating {
    width: 14px;
    height: 14px;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-rating-value {
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1;
}

body.imarked-v1 .im-store-page--mobile .cla-rate-link {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 3px 9px;
    border-radius: 999px;
    background: #e8f1ff;
    color: var(--im-primary, #0066ff);
    font-size: 11.5px;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.3;
}

/* Actions */
body.imarked-v1 .im-store-page--mobile .im-m-store-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    margin: 4px 0 0;
    padding: 0;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-actions__row {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    width: 100%;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-actions .cla-action-btn {
    flex: 1 1 0;
    justify-content: center;
    min-height: 42px;
    padding: 9px 8px !important;
    border-radius: 12px !important;
    font-size: 12.5px !important;
    font-weight: 700;
    white-space: nowrap;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-actions__row--primary .cla-btn-follow,
body.imarked-v1 .im-store-page--mobile .im-m-store-actions__row--primary .cla-btn-following {
    flex: 1.15 1 0;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-actions__row--message {
    width: 100%;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-actions__message {
    flex: 1 1 100% !important;
    width: 100%;
}

/* Contact chips live in Kontakt tab — hide under hero for mockup match */
body.imarked-v1 .im-store-page--mobile .cla-contact-subheader {
    display: none;
}

body.imarked-v1 .im-store-page--mobile .cla-contact-info-item {
    font-size: 12px;
    padding: 7px 10px;
    border-radius: 999px;
}

/* Stats / tabs chrome under actions (inside profile card) */
body.imarked-v1 .im-store-page--mobile .im-m-store-chrome {
    padding: 0 var(--im-m-pad) 4px;
}

body.imarked-v1 .im-store-page--mobile .im-store-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0 0 12px;
}

body.imarked-v1 .im-store-page--mobile .im-store-stat {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 8px;
    min-height: 56px;
    padding: 10px 8px;
    border-radius: var(--im-m-radius);
    background: #fff;
    border: 1px solid #e8edf3;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-store-page--mobile .im-store-stat__icon {
    width: 32px;
    height: 32px;
    border-radius: 9px;
    font-size: 13px;
    background: #eff6ff;
    color: var(--im-primary, #0066ff);
    flex-shrink: 0;
}

/* Number + label stack — vertically centered with icon */
body.imarked-v1 .im-store-page--mobile .im-store-stat > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
    flex: 1 1 auto;
}

body.imarked-v1 .im-store-page--mobile .im-store-stat__value {
    display: block;
    margin: 0;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -0.02em;
    color: #0f172a;
}

body.imarked-v1 .im-store-page--mobile .im-store-stat__label {
    display: block;
    margin: 0;
    font-size: 8.5px;
    font-weight: 600;
    line-height: 1.2;
    color: #64748b;
}

/* Tabs — horizontal scroll */
body.imarked-v1 .im-store-page--mobile .im-store-tabs {
    display: flex;
    flex-wrap: nowrap;
    gap: 4px;
    margin: 0;
    padding: 0 2px 0;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    background: transparent;
    border-bottom: 1px solid #e2e8f0;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-chrome .im-store-tabs {
    margin-bottom: 2px;
}

body.imarked-v1 .im-store-page--mobile .im-store-tabs a {
    flex: 0 0 auto;
    justify-content: center;
    padding: 10px 14px 12px;
    font-size: 13.5px;
    white-space: nowrap;
}

body.imarked-v1 .im-store-page--mobile .cla-main-content {
    max-width: 100%;
    margin: 0;
}

body.imarked-v1 .im-store-page--mobile .cla-info-card {
    border-radius: var(--im-m-radius);
    border: 1px solid #e8edf3;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04);
    margin-bottom: var(--im-m-gap);
    overflow: hidden;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-search {
    margin-bottom: var(--im-m-gap);
}

body.imarked-v1 .im-store-page--mobile .im-m-store-search .cla-card-header {
    display: none;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-search .cla-card-body {
    padding: 12px !important;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-search__group {
    display: flex;
    width: 100%;
    border: 1.5px solid #dbe3ee;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-search__group .form-control {
    border: 0 !important;
    box-shadow: none !important;
    height: 44px !important;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-search__group #btnSearch_Store {
    width: 44px !important;
    height: 44px !important;
    border: 0 !important;
    border-radius: 0 !important;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-search__filter {
    width: 44px;
    height: 44px;
    border: 0;
    border-left: 1px solid #e2e8f0;
    background: #f8fafc;
    color: #334155;
    font-size: 16px;
}

/* Horizontal category / offer chips */
body.imarked-v1 .im-store-page--mobile .im-store-offers {
    margin: 0 0 10px;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-chips {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    margin: 0;
    padding: 2px 2px 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

body.imarked-v1 .im-store-page--mobile .im-store-offer-chip.promProduct.Size-selector {
    flex: 0 0 auto;
    min-height: 38px;
    padding: 8px 14px;
    border-radius: 999px;
    box-shadow: none;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-chip-all.is-all-active,
body.imarked-v1 .im-store-page--mobile .im-store-offer-chip.promProduct.active-price {
    border-color: var(--im-primary, #0066ff);
    background: #f0f6ff;
    color: var(--im-primary, #0066ff);
}

/* ========== 2-COLUMN PRODUCT GRID (not slider / carousel) ========== */
body.imarked-v1 .im-store-page--mobile .im-m-store-products.cla-info-card {
    margin: 0 0 var(--im-m-gap);
    padding: 14px;
    border-radius: var(--im-m-radius);
    background: #fff;
    border: 1px solid #e8edf3;
    box-shadow: 0 2px 12px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-store-page--mobile .im-m-store-products__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 12px;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-products__title {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0;
    font-size: 17px;
    font-weight: 800;
    color: #181c23;
    line-height: 1.2;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-products__fire {
    font-size: 16px;
    line-height: 1;
    color: #f59e0b;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-products__fire .fa {
    font-size: inherit;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-products__all {
    flex-shrink: 0;
    font-size: 13px;
    font-weight: 700;
    color: var(--im-primary, #0066ff);
    text-decoration: none !important;
}

/* Avoid duplicate “Produkter” heading from catalog-head */
body.imarked-v1 .im-store-page--mobile .im-store-catalog-head.is-products-tab {
    display: none !important;
}

body.imarked-v1 .im-store-page--mobile .im-store-catalog-head.is-offers-tab {
    display: flex !important;
    margin: 0 0 8px;
}

/* Static 2-col grid — kill owl / horizontal slider leftovers */
body.imarked-v1 .im-store-page--mobile #products-grid.products-list,
body.imarked-v1 .im-store-page--mobile #products-grid.products-list.row.grid,
body.imarked-v1 .im-store-page--mobile #products-grid.im-m-store-grid,
body.imarked-v1 .im-store-page--mobile #products-grid.owl-carousel,
body.imarked-v1 .im-store-page--mobile #products-grid.owl-loaded {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow: visible !important;
    overflow-x: hidden !important;
    white-space: normal !important;
    transform: none !important;
}

body.imarked-v1 .im-store-page--mobile #products-grid .owl-stage-outer,
body.imarked-v1 .im-store-page--mobile #products-grid .owl2-stage-outer,
body.imarked-v1 .im-store-page--mobile #products-grid .owl-stage,
body.imarked-v1 .im-store-page--mobile #products-grid .owl2-stage {
    display: contents !important;
    width: auto !important;
    transform: none !important;
}

body.imarked-v1 .im-store-page--mobile #products-grid .owl-item,
body.imarked-v1 .im-store-page--mobile #products-grid .owl2-item {
    display: contents !important;
    width: auto !important;
    float: none !important;
}

body.imarked-v1 .im-store-page--mobile #products-grid .owl-nav,
body.imarked-v1 .im-store-page--mobile #products-grid .owl2-nav,
body.imarked-v1 .im-store-page--mobile #products-grid .owl-dots,
body.imarked-v1 .im-store-page--mobile #products-grid .owl2-dots,
body.imarked-v1 .im-store-page--mobile #products-grid .owl-prev,
body.imarked-v1 .im-store-page--mobile #products-grid .owl-next,
body.imarked-v1 .im-store-page--mobile #products-grid .owl2-prev,
body.imarked-v1 .im-store-page--mobile #products-grid .owl2-next {
    display: none !important;
}

body.imarked-v1 .im-store-page--mobile #products-grid > [class*="col-"],
body.imarked-v1 .im-store-page--mobile #products-grid .product-layout {
    width: auto !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    clear: none !important;
    min-width: 0 !important;
}

/* Empty-state full width */
body.imarked-v1 .im-store-page--mobile #products-grid > .col-md-12,
body.imarked-v1 .im-store-page--mobile #products-grid > .col-xs-12 {
    grid-column: 1 / -1;
}

/* Same product card template as search — only hide city on store page */
body.imarked-v1 .im-store-page #products-grid .im-prod-city,
body.imarked-v1 .im-store-page--mobile #products-grid .im-prod-city {
    display: none !important;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-products .im-search-loadmore {
    margin-top: 12px;
}

/* QR + Share footer — side by side like mockup */
body.imarked-v1 .im-store-page--mobile .im-m-store-footer-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    align-items: stretch;
    margin: 18px 0 var(--im-m-gap);
}

body.imarked-v1 .im-store-page--mobile .im-m-store-footer-cards .cla-qr-card,
body.imarked-v1 .im-store-page--mobile .im-m-store-footer-cards .im-m-store-share-card {
    margin: 0;
    min-width: 0;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-footer-cards .cla-card-header h3 {
    font-size: 13px;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-share-card__sub,
body.imarked-v1 .im-store-page--mobile .im-m-store-share-card__note {
    display: none;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-share-card .im-store-share__title {
    font-size: 13px;
    margin-bottom: 10px;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-share-card .im-store-share__actions {
    flex-direction: column;
    gap: 6px;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-share-card .im-store-share__btn {
    width: 100%;
    justify-content: flex-start;
    font-size: 12px;
    padding: 8px 10px;
}

body.imarked-v1 .im-store-page--mobile .cla-qr-card .cla-qr-image {
    width: 132px !important;
    height: 132px !important;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-share-card {
    padding: 18px 16px;
    margin: 0;
    border-radius: var(--im-m-radius);
    background: linear-gradient(145deg, #0b3d91 0%, #0066ff 55%, #3b82f6 100%);
    border: 0;
    color: #fff;
    box-shadow: 0 10px 28px rgba(0, 102, 255, 0.22);
}

body.imarked-v1 .im-store-page--mobile .im-m-store-share-card .im-store-share__title {
    color: #fff;
    margin: 0 0 6px;
    font-size: 16px;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-share-card__sub {
    margin: 0 0 12px;
    font-size: 12.5px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.88);
}

body.imarked-v1 .im-store-page--mobile .im-m-store-share-card .im-store-share__btn {
    background: rgba(255, 255, 255, 0.14);
    border-color: rgba(255, 255, 255, 0.28);
    color: #fff;
}

body.imarked-v1 .im-store-page--mobile .im-m-store-share-card__note {
    margin: 12px 0 0;
    font-size: 11.5px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 0.78);
}


/* IMARKED V1 — Product Detail
   Section: breadcrumb + gallery + product summary + description
   Seller column styled later. Logic/IDs preserved. */

body.imarked-v1 .im-detail-page {
    /* Theme tokens — buttons/CTAs always use IMARKED primary/navy */
    --im-d-primary: var(--im-primary, #0066ff);
    --im-d-primary-hover: var(--im-primary-hover, #0052cc);
    --im-d-navy: var(--im-navy, #1a2230);
    --im-d-accent: var(--im-accent-strong, #f4a137);
    --im-d-accent-soft: #fff8ef;
    --im-d-accent-border: #f3dfb8;
    --im-d-radius: 14px;
    --im-d-radius-sm: 10px;
    max-width: 1180px;
    margin: 0 auto;
    padding: 8px 0 48px;
    color: var(--im-fg, #181c23);
}

body.imarked-v1 .main-container.container > .im-detail-page {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Breadcrumb: shared Styles/v1/imarked-v1-breadcrumb.css + _Breadcrumb.cshtml */

/* ── Layout — cards sit on page bg; kill legacy white wrapper ── */
body.imarked-v1 .im-detail-page .im-detail-layout {
    margin-left: -10px;
    margin-right: -10px;
}

body.imarked-v1 .im-detail-page .im-detail-layout > #content.im-detail-main,
body.imarked-v1 .im-detail-page .im-detail-layout > #content,
body.imarked-v1 .im-detail-page #content.c-bg-w,
body.imarked-v1 .im-detail-page #content.c-padding-10 {
    background: transparent !important;
    background-color: transparent !important;
    padding: 0 10px !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-detail-page .left-content-product,
body.imarked-v1 .im-detail-page .product-view,
body.imarked-v1 .im-detail-page .product-view.row,
body.imarked-v1 .im-detail-page .left-content-product.col-sm-12 {
    margin: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

/* Product: two separate cards with gutter. Vehicle/RE: one joint card (gap 0). */
body.imarked-v1 .im-detail-page .im-detail-hero {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 14px;
    margin: 0 0 14px;
    padding: 0;
    background: transparent !important;
    border: 0;
    box-shadow: none;
}

body.imarked-v1 .im-detail-page .im-detail-gallery,
body.imarked-v1 .im-detail-page .im-detail-summary {
    float: none !important;
    width: 100%;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}

/* Vehicle / RE mid-summary helpers only — left gallery uses shared product styles */
body.imarked-v1 .im-detail-page .im-detail-hero--unified {
    gap: 14px !important;
    background: transparent !important;
    border: 0;
    box-shadow: none;
    overflow: visible;
}

body.imarked-v1 .im-detail-page .im-detail-hero--unified .im-detail-summary {
    display: flex !important;
    flex-direction: column;
    min-height: 100%;
}

body.imarked-v1 .im-detail-page .im-detail-hero--unified .im-detail-summary .title-product h1 {
    font-size: 1.55rem;
    line-height: 1.25;
    margin: 0 0 10px;
}

body.imarked-v1 .im-detail-page .im-detail-hero--unified .im-detail-summary #product {
    margin-top: 15px;
    padding-top: 4px;
    width: 100%;
}

@media (min-width: 992px) {
    body.imarked-v1 .im-detail-page .im-detail-hero,
    body.imarked-v1 .im-detail-page .im-detail-hero--unified {
        gap: 14px !important;
        align-items: stretch;
        flex-wrap: nowrap;
    }

    /* Shared left/mid column split for all types */
    body.imarked-v1 .im-detail-page .im-detail-gallery,
    body.imarked-v1 .im-detail-page .im-detail-hero--unified .im-detail-gallery {
        flex: 0 0 calc(48% - 7px);
        max-width: calc(48% - 7px);
        width: calc(48% - 7px);
    }

    body.imarked-v1 .im-detail-page .im-detail-summary,
    body.imarked-v1 .im-detail-page .im-detail-hero--unified .im-detail-summary {
        flex: 1 1 calc(52% - 7px);
        max-width: calc(52% - 7px);
        width: calc(52% - 7px);
        min-width: 0;
        display: flex;
        flex-direction: column;
    }
}

/* ── Gallery ── */
body.imarked-v1 .im-detail-page .im-detail-gallery-card {
    background: #fff;
    border: 1px solid #e7ebf0;
    border-radius: var(--im-d-radius);
    box-shadow: 0 6px 20px rgba(15, 23, 42, 0.06);
    padding: 12px;
    overflow: hidden;
}

body.imarked-v1 .im-detail-page .im-detail-media {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    background: #f3f5f8;
    border: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

body.imarked-v1 .im-detail-page .im-detail-media .large-image {
    margin: 0 !important;
    padding: 8px !important;
    min-height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f3f5f8;
    border: 0 !important;
}

body.imarked-v1 .im-detail-page .im-detail-media .large-image img {
    display: block;
    width: 100%;
    max-height: 420px;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
    padding: 0;
    border-radius: 8px !important;
}

body.imarked-v1 .im-detail-page .im-detail-price-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

body.imarked-v1 .im-detail-page .im-detail-price-caption {
    display: block;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #64748b;
    line-height: 1.2;
}

body.imarked-v1 .im-detail-page .im-detail-price-meta {
    display: block;
    margin-top: 2px;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
}

body.imarked-v1 .im-detail-page .im-detail-media__wish {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 3;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    border: 0;
    background: #fff;
    color: #64748b;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    text-decoration: none;
}

body.imarked-v1 .im-detail-page .im-detail-media__wish:hover {
    color: #e11d48;
}

body.imarked-v1 .im-detail-page .im-detail-media__wish.is-active,
body.imarked-v1 .im-detail-page .im-detail-media__wish.is-active i {
    color: #e11d48 !important;
}

body.imarked-v1 .im-detail-page .im-detail-media__nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 0;
    background: rgba(255, 255, 255, 0.92);
    color: #334155;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.12);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
}

body.imarked-v1 .im-detail-page .im-detail-media__nav--prev { left: 10px; }
body.imarked-v1 .im-detail-page .im-detail-media__nav--next { right: 10px; }

body.imarked-v1 .im-detail-page .im-detail-media__count {
    position: absolute;
    left: 12px;
    bottom: 12px;
    z-index: 3;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.72);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

/* ── Thumbnail strip (more images list) ── */
body.imarked-v1 .im-detail-page .im-detail-thumbs {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body.imarked-v1 .im-detail-page .im-detail-thumbs.is-single .im-detail-thumbs__nav {
    display: none;
}

body.imarked-v1 .im-detail-page .im-detail-thumbs__nav {
    flex: 0 0 34px;
    width: 34px;
    height: 64px;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #64748b;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    box-shadow: none;
    transition: border-color 150ms ease, color 150ms ease, background 150ms ease;
}

body.imarked-v1 .im-detail-page .im-detail-thumbs__nav:hover {
    border-color: var(--im-d-primary);
    color: var(--im-d-primary);
    background: #f8faff;
}

body.imarked-v1 .im-detail-page .im-detail-thumbs__track {
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}

body.imarked-v1 .im-detail-page .im-detail-thumbs__track::-webkit-scrollbar {
    display: none;
}

body.imarked-v1 .im-detail-page .im-detail-thumbs__list,
body.imarked-v1 .im-detail-page #thumb-slider {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 10px;
    margin: 0 !important;
    padding: 2px !important;
    width: max-content !important;
    max-width: none !important;
    background: transparent !important;
    float: none !important;
}

/* Kill legacy owl styles if any remain */
body.imarked-v1 .im-detail-page #thumb-slider.owl-carousel,
body.imarked-v1 .im-detail-page #thumb-slider.owl2-carousel,
body.imarked-v1 .im-detail-page #thumb-slider .owl-stage,
body.imarked-v1 .im-detail-page #thumb-slider .owl2-stage,
body.imarked-v1 .im-detail-page #thumb-slider .owl-stage-outer,
body.imarked-v1 .im-detail-page #thumb-slider .owl2-stage-outer {
    display: flex !important;
    width: auto !important;
    transform: none !important;
}

body.imarked-v1 .im-detail-page #thumb-slider .owl-item,
body.imarked-v1 .im-detail-page #thumb-slider .owl2-item {
    width: auto !important;
    margin: 0 !important;
}

body.imarked-v1 .im-detail-page #thumb-slider .thumbnail,
body.imarked-v1 .im-detail-page #thumb-slider a.img {
    flex: 0 0 68px;
    width: 68px !important;
    height: 68px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 2px solid #e7ebf0 !important;
    border-radius: 12px !important;
    overflow: hidden;
    background: #f8fafc !important;
    opacity: 1 !important;
    box-shadow: none !important;
    position: relative;
    transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

body.imarked-v1 .im-detail-page #thumb-slider .thumbnail img,
body.imarked-v1 .im-detail-page #thumb-slider a.img img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
    display: block !important;
}

body.imarked-v1 .im-detail-page #thumb-slider .thumbnail:hover,
body.imarked-v1 .im-detail-page #thumb-slider a.img:hover {
    border-color: #c7d7f5 !important;
}

body.imarked-v1 .im-detail-page #thumb-slider .thumbnail.active,
body.imarked-v1 .im-detail-page #thumb-slider a.img.active,
body.imarked-v1 .im-detail-page #thumb-slider .thumbnail.current,
body.imarked-v1 .im-detail-page #thumb-slider a.img.current {
    border-color: var(--im-d-accent) !important;
    box-shadow: 0 0 0 1px var(--im-d-accent) !important;
}

/* ── Summary (match mockup; theme button colors) ── */
body.imarked-v1 .im-detail-page .im-detail-summary {
    background: #fff !important;
    border: 1px solid #e7ebf0;
    border-radius: var(--im-d-radius);
    box-shadow: 0 6px 22px rgba(15, 23, 42, 0.05);
    padding: 22px 22px 20px !important;
}

body.imarked-v1 .im-detail-page .im-detail-summary .title-product {
    margin: 0 0 12px;
}

body.imarked-v1 .im-detail-page .im-detail-summary .title-product h1 {
    margin: 0;
    font-size: 1.9rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.2;
    color: var(--im-d-navy);
}

body.imarked-v1 .im-detail-page .im-detail-price-row,
body.imarked-v1 .im-detail-page .im-detail-price-row.product-label {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 14px;
    margin: 0 0 12px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    float: none !important;
}

body.imarked-v1 .im-detail-page .im-detail-price-row .price,
body.imarked-v1 .im-detail-page .im-detail-price-row .product_page_price {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 4px;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    width: auto !important;
    background: transparent !important;
}

body.imarked-v1 .im-detail-page #lblPrice,
body.imarked-v1 .im-detail-page .im-detail-price-row .price-new,
body.imarked-v1 .im-detail-page .price .price-new {
    color: #0f172a !important;
    font-size: 2rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    line-height: 1.1;
}

body.imarked-v1 .im-detail-page .im-detail-price-row .price-old {
    color: #94a3b8;
    font-size: 14px;
    margin-left: 8px;
    text-decoration: line-through;
}

body.imarked-v1 .im-detail-page .im-detail-discount {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
    padding: 4px 10px;
    border-radius: 8px;
    background: #dc2626;
    color: #fff;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1.2;
}

body.imarked-v1 .im-detail-page .im-detail-status,
body.imarked-v1 .im-detail-page .im-detail-status.status-stock {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    background: #eaf8ef !important;
    color: #15803d !important;
    font-size: 12.5px !important;
    font-weight: 700 !important;
    line-height: 1;
    border: 0 !important;
}

body.imarked-v1 .im-detail-page .im-detail-status::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c55e;
    flex-shrink: 0;
}

body.imarked-v1 .im-detail-page .im-detail-stats {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 20px;
    margin: 0 0 18px;
    padding: 11px 16px;
    border-radius: 12px;
    background: linear-gradient(180deg, #fff8ef 0%, #fff4e6 100%);
    border: 1px solid var(--im-d-accent-border);
    color: #7a5a2a;
    font-size: 13px;
    font-weight: 600;
}

body.imarked-v1 .im-detail-page .im-detail-stats span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

body.imarked-v1 .im-detail-page .im-detail-stats i.fa-eye {
    color: var(--im-d-accent);
}

body.imarked-v1 .im-detail-page .im-detail-stats i.fa-circle {
    color: var(--im-d-accent);
    font-size: 6px !important;
}

/* Meta row: rating + status (vehicle / RE) */
body.imarked-v1 .im-detail-page .im-detail-meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin: 0 0 12px;
}

body.imarked-v1 .im-detail-page .im-detail-rating {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #334155;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none;
}

body.imarked-v1 .im-detail-page .im-detail-rating img.rating {
    width: 16px;
    height: 16px;
}

body.imarked-v1 .im-detail-page .im-detail-hero--unified .im-detail-price-row {
    margin: 0 0 16px !important;
}

body.imarked-v1 .im-detail-page .im-detail-hero--unified .im-detail-price-row .price-new,
body.imarked-v1 .im-detail-page .im-detail-hero--unified #lblPrice {
    font-size: 1.85rem !important;
}

/* Icon fact grid (vehicle / RE) */
body.imarked-v1 .im-detail-page .im-detail-facts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 18px;
    margin: 0 0 18px;
}

body.imarked-v1 .im-detail-page .im-detail-fact {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    min-width: 0;
}

body.imarked-v1 .im-detail-page .im-detail-fact > i {
    flex: 0 0 18px;
    margin-top: 2px;
    color: var(--im-d-accent);
    font-size: 16px;
    line-height: 1;
}

body.imarked-v1 .im-detail-page .im-detail-fact__label {
    display: block;
    font-size: 11.5px;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #94a3b8;
    line-height: 1.2;
    margin-bottom: 2px;
}

body.imarked-v1 .im-detail-page .im-detail-fact__value {
    display: block;
    font-size: 14.5px;
    font-weight: 700;
    color: #0f172a;
    line-height: 1.25;
}

/* Specs grid — label + value on one line, 2 columns (as mockup) */
body.imarked-v1 .im-detail-page .im-detail-attrs-wrap {
    margin: 0 0 20px;
}

body.imarked-v1 .im-detail-page .im-detail-attrs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
    row-gap: 10px;
    margin: 0;
    padding: 0;
}

body.imarked-v1 .im-detail-page .im-detail-attrs .im-detail-attr,
body.imarked-v1 .im-detail-page .im-detail-attrs .brand,
body.imarked-v1 .im-detail-page .im-detail-attrs .model {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 10px;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    line-height: 1.4;
    min-width: 0;
}

body.imarked-v1 .im-detail-page .im-detail-attrs .im-detail-attr__label,
body.imarked-v1 .im-detail-page .im-detail-attrs span.im-detail-attr__label {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 800;
    color: #0f172a;
    letter-spacing: 0;
}

body.imarked-v1 .im-detail-page .im-detail-attrs .im-detail-attr__value,
body.imarked-v1 .im-detail-page .im-detail-attrs span.im-detail-attr__value,
body.imarked-v1 .im-detail-page .im-detail-attrs label.im-detail-attr__value {
    flex: 1 1 auto;
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
    color: #6b7280;
    line-height: 1.4;
    word-break: break-word;
}

body.imarked-v1 .im-detail-page .im-detail-attrs a.im-detail-attr__value,
body.imarked-v1 .im-detail-page .im-detail-attrs .im-detail-attr__value--link,
body.imarked-v1 .im-detail-page .im-detail-attrs a {
    color: var(--im-d-primary) !important;
    font-weight: 600;
    text-decoration: none;
    font-size: 14px;
}

body.imarked-v1 .im-detail-page .im-detail-attrs a:hover {
    text-decoration: underline;
}

body.imarked-v1 .im-detail-page .im-detail-attrs #lblSKU {
    font-weight: 500;
    color: #6b7280;
}

/* Primary CTA row — above secondary actions; clean vertical rhythm */
body.imarked-v1 .im-detail-page .im-detail-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    margin: 0 0 14px;
    width: 100%;
}

body.imarked-v1 .im-detail-page .im-detail-cta--dual {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}

body.imarked-v1 .im-detail-page .im-detail-cta:empty {
    display: none;
}

body.imarked-v1 .im-detail-page .im-detail-cta__btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    padding: 12px 14px !important;
    border-radius: 10px !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em;
    text-decoration: none !important;
    border: 1.5px solid transparent !important;
    cursor: pointer;
    box-shadow: none !important;
    text-transform: none !important;
    width: 100%;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
}

body.imarked-v1 .im-detail-page .im-detail-cta__btn--primary {
    background: var(--im-d-primary) !important;
    border-color: var(--im-d-primary) !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-detail-page .im-detail-cta__btn--primary:hover {
    background: var(--im-d-primary-hover) !important;
    border-color: var(--im-d-primary-hover) !important;
    color: #fff !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-detail-page .im-detail-cta__btn--outline {
    background: #fff !important;
    border-color: var(--im-d-primary) !important;
    color: var(--im-d-primary) !important;
}

body.imarked-v1 .im-detail-page .im-detail-cta__btn--outline:hover {
    background: #f4f8ff !important;
}

body.imarked-v1 .im-detail-page .im-detail-cta__btn i {
    font-size: 16px;
}

/* Secondary action row: Vis kart + Lagre (or Send melding + Lagre with cart) */
body.imarked-v1 .im-detail-page #product .im-detail-sec-actions,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-sec-actions,
body.imarked-v1 .im-detail-page #product .im-detail-cart-actions,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart-actions,
body.imarked-v1 .im-detail-page .im-detail-actions {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    gap: 12px !important;
    margin: 14px 0 18px !important;
    width: 100%;
    box-sizing: border-box;
}

body.imarked-v1 .im-detail-page #product .im-detail-sec-actions--single {
    grid-template-columns: none;
}

body.imarked-v1 .im-detail-page #product .im-detail-sec-actions > .im-detail-actions__btn,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-sec-actions > .im-detail-actions__btn,
body.imarked-v1 .im-detail-page #product .im-detail-cart-actions > .im-detail-actions__btn,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart-actions > .im-detail-actions__btn,
body.imarked-v1 .im-detail-page .im-detail-actions > .im-detail-actions__btn {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    float: none !important;
    clear: none !important;
    display: inline-flex !important;
    margin: 0 !important;
}

body.imarked-v1 .im-detail-page #product .im-detail-sec-actions--single > .im-detail-actions__btn {
    flex: 1 1 100% !important;
}

body.imarked-v1 .im-detail-page .im-detail-cta + .im-detail-sec-actions,
body.imarked-v1 .im-detail-page .im-detail-cart + .im-detail-sec-actions {
    margin-top: 12px !important;
}

/* Keep cart dual-row gutters aligned with Send melding / Lagre */
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart + .im-detail-sec-actions {
    margin-top: 12px !important;
    margin-bottom: 18px !important;
}

body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-sec-actions > .im-detail-actions__btn {
    min-height: 46px !important;
    height: 46px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
}

@media (max-width: 991px) {
    body.imarked-v1 .im-detail-page .im-detail-cta--dual {
        grid-template-columns: minmax(0, 1fr);
    }

    body.imarked-v1 .im-detail-page .im-detail-hero,
    body.imarked-v1 .im-detail-page .im-detail-hero--unified {
        flex-wrap: wrap;
        gap: 14px !important;
    }

    body.imarked-v1 .im-detail-page .im-detail-gallery,
    body.imarked-v1 .im-detail-page .im-detail-summary,
    body.imarked-v1 .im-detail-page .im-detail-hero--unified .im-detail-gallery,
    body.imarked-v1 .im-detail-page .im-detail-hero--unified .im-detail-summary {
        flex: 1 1 100%;
        max-width: 100%;
        width: 100%;
    }

    body.imarked-v1 .im-detail-page .im-detail-layout > [class*="col-"] {
        width: 100%;
        float: none;
    }

    body.imarked-v1 .im-detail-page .im-detail-cart__btns {
        flex-direction: column;
    }

    body.imarked-v1 .im-detail-page .im-detail-cart__btn {
        width: 100%;
    }
}

body.imarked-v1 .im-detail-page .im-detail-actions__btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 46px;
    padding: 10px 8px !important;
    border-radius: 10px !important;
    border: 1.5px solid #d7dee8 !important;
    background: #fff !important;
    color: #334155 !important;
    font-size: 13px !important;
    width: 100%;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 700 !important;
    text-decoration: none !important;
    cursor: pointer;
    box-shadow: none !important;
    transition: border-color 160ms ease, color 160ms ease, background 160ms ease;
}

body.imarked-v1 .im-detail-page .im-detail-actions__btn:hover {
    border-color: var(--im-d-primary) !important;
    color: var(--im-d-primary) !important;
    background: #f8faff !important;
}

body.imarked-v1 .im-detail-page .im-detail-actions__btn i {
    font-size: 14px;
}

/* Favourite selected — reusable bookmark control in action row */
body.imarked-v1 .im-detail-page .im-detail-actions__btn.im-bookmark.is-active {
    border-color: #fecdd3 !important;
    background: #fff1f2 !important;
    color: #e11d48 !important;
}

body.imarked-v1 .im-detail-page .im-detail-actions__btn.im-bookmark.is-active:hover {
    border-color: #fda4af !important;
    background: #ffe4e6 !important;
    color: #be123c !important;
}

body.imarked-v1 .im-detail-page .im-detail-actions__btn.im-bookmark.is-active i {
    color: #e11d48 !important;
}

/* Cart (store products) — quantity + dual CTAs, then default action row */
body.imarked-v1 .im-detail-page .im-detail-summary .box-info-product,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart {
    margin: 0 0 12px;
    padding: 0;
    width: 100%;
}

body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__qty {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 12px;
    padding: 10px 12px;
    background: #f8fafc;
    border: 1px solid var(--im-border, #e7ebf0);
    border-radius: 12px;
}

body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__qty-label {
    margin: 0;
    font-size: 13px;
    font-weight: 700;
    color: #475569;
}

body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__qty-control {
    display: inline-flex !important;
    align-items: stretch;
    width: auto !important;
    max-width: 148px;
    margin: 0 !important;
    border: 1px solid #d7dee8 !important;
    border-radius: 10px !important;
    overflow: hidden;
    background: #fff;
    box-shadow: none !important;
}

body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__qty-btn,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__qty-control .input-group-addon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 36px !important;
    min-width: 36px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #fff !important;
    color: #334155 !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    cursor: pointer;
    user-select: none;
}

body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__qty-btn:hover {
    background: #f1f5f9 !important;
    color: var(--im-d-primary, #0066ff) !important;
}

body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__qty-input,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__qty-control .form-control {
    width: 52px !important;
    min-width: 52px !important;
    height: 40px !important;
    margin: 0 !important;
    padding: 0 4px !important;
    border: 0 !important;
    border-left: 1px solid #e7ebf0 !important;
    border-right: 1px solid #e7ebf0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    text-align: center;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--im-d-navy, #1a2230) !important;
    background: #fff !important;
}

body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch;
    gap: 12px;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
}

body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns > .im-detail-cart__btn,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns > #addcartbtn,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns > #placeorderbtn,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns > a#addcartbtn,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns > .cart,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns > .compare {
    flex: 1 1 0 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    float: none !important;
}

body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns > .cart,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns > .compare {
    display: flex !important;
}

body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btn,
body.imarked-v1 .im-detail-page .im-detail-summary #addcartbtn,
body.imarked-v1 .im-detail-page .im-detail-summary #placeorderbtn,
body.imarked-v1 .im-detail-page .im-detail-summary a#addcartbtn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100% !important;
    min-height: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    border: 0 !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
    text-decoration: none !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
    cursor: pointer;
}

body.imarked-v1 .im-detail-page .im-detail-summary #addcartbtn,
body.imarked-v1 .im-detail-page .im-detail-summary a#addcartbtn,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btn--cart {
    background: var(--im-d-primary, #0066ff) !important;
    color: #fff !important;
}

body.imarked-v1 .im-detail-page .im-detail-summary #addcartbtn:hover,
body.imarked-v1 .im-detail-page .im-detail-summary a#addcartbtn:hover,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btn--cart:hover {
    background: var(--im-d-primary-hover, #0052cc) !important;
    color: #fff !important;
}

body.imarked-v1 .im-detail-page .im-detail-summary #placeorderbtn,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btn--buy {
    background: var(--im-d-navy, #1a2230) !important;
    color: #fff !important;
}

body.imarked-v1 .im-detail-page .im-detail-summary #placeorderbtn:hover,
body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btn--buy:hover {
    background: var(--im-navy-hover, #0e141f) !important;
    color: #fff !important;
}

@media (max-width: 420px) {
    body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns,
    body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart + .im-detail-sec-actions {
        flex-wrap: wrap !important;
    }

    body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns > .im-detail-cart__btn,
    body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns > #addcartbtn,
    body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart__btns > #placeorderbtn,
    body.imarked-v1 .im-detail-page .im-detail-summary .im-detail-cart + .im-detail-sec-actions > .im-detail-actions__btn {
        flex: 1 1 calc(50% - 6px) !important;
    }
}

/* Social */
body.imarked-v1 .im-detail-page .im-detail-share {
    margin-top: 4px;
}

body.imarked-v1 .im-detail-page .im-detail-share__label {
    display: block;
    margin: 0 0 10px;
    font-size: 13px;
    font-weight: 700;
    color: #64748b;
}

body.imarked-v1 .im-detail-page #social.social-widgets {
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0;
    clear: none;
}

body.imarked-v1 .im-detail-page #social.social-widgets ul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style: none;
    margin: 0;
    padding: 0;
    float: none !important;
}

body.imarked-v1 .im-detail-page #social.social-widgets ul li {
    float: none !important;
    position: static !important;
    margin: 0;
}

body.imarked-v1 .im-detail-page #social .tab-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin: 0;
    border-radius: 10px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    color: #475569;
    text-decoration: none;
}

body.imarked-v1 .im-detail-page #social .tab-icon:hover {
    background: #eef4ff;
    border-color: #c7d7f5;
    color: var(--im-d-primary);
}

/* Description — own card on page bg (not inside a parent white panel) */
body.imarked-v1 .im-detail-page .im-detail-desc {
    margin: 0 0 14px;
    padding: 20px 22px;
    background: #fff;
    border: 1px solid #e7ebf0;
    border-radius: var(--im-d-radius);
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-detail-page .im-detail-desc__title {
    margin: 0 0 12px;
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--im-d-navy);
}

body.imarked-v1 .im-detail-page .im-detail-desc__body {
    font-size: 14.5px;
    line-height: 1.7;
    color: #334155;
}

body.imarked-v1 .im-detail-page .im-detail-desc__body p {
    margin: 0 0 10px;
}

/* Specs area (property/auto/job) — always full-width row below hero */
body.imarked-v1 .im-detail-page .im-detail-specs-host,
body.imarked-v1 .im-detail-page .im-detail-desc {
    display: block;
    width: 100%;
    max-width: 100%;
    clear: both;
    float: none !important;
    flex: 0 0 100%;
}

body.imarked-v1 .im-detail-page .im-detail-specs-host {
    margin: 0 0 18px;
    padding: 8px 0 0;
}

/* Variant chips */
body.imarked-v1 .im-detail-page .Size-selector {
    border: 1.5px solid #dbe3ee !important;
    border-radius: 10px !important;
    background: #fff !important;
    margin: 0 8px 8px 0 !important;
    padding: 10px 14px !important;
}

body.imarked-v1 .im-detail-page .Size-selector.active-price {
    border-color: var(--im-d-primary) !important;
    background: #eef4ff !important;
    background-image: none !important;
}

/* Seller column */
body.imarked-v1 .im-detail-page .im-detail-layout > #storeDetails,
body.imarked-v1 .im-detail-page .im-detail-layout > #PropertyViewingId,
body.imarked-v1 .im-detail-page .im-detail-layout > aside.content-aside {
    padding-left: 12px;
    padding-right: 12px;
}

body.imarked-v1 .im-detail-page #storeDetails {
    overflow: visible;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-card {
    margin: 0;
    padding: 20px 18px;
    background: #fff;
    border: 1px solid var(--im-border, #e7ebf0);
    border-radius: var(--im-d-radius, 14px);
    box-shadow: var(--im-shadow-sm, 0 1px 2px rgba(24, 28, 35, 0.05), 0 1px 3px rgba(24, 28, 35, 0.06));
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-card--business {
    padding: 24px 20px 18px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-head {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 16px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-avatar {
    flex: 0 0 auto;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: linear-gradient(180deg, #f1f5f9 0%, #e8eef5 100%);
    color: #64748b;
    border: 1px solid #e1e8ef;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-name {
    margin: 0 0 4px;
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--im-d-navy, #1a2230);
    line-height: 1.25;
    letter-spacing: -0.02em;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-type {
    margin: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-badge {
    display: inline-flex;
    align-items: center;
    padding: 3px 10px;
    border-radius: 999px;
    background: #f1f3fe;
    color: var(--im-d-primary, #0066ff);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-info {
    color: #94a3b8;
    font-size: 14px;
    line-height: 1;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-info:hover {
    color: var(--im-d-primary, #0066ff);
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-since {
    margin: 6px 0 0;
    font-size: 12px;
    font-weight: 500;
    color: #94a3b8;
    line-height: 1.35;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contacts {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contacts .im-seller-contact {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    background: #fff;
    border: 1.5px solid #dbe3ee;
    border-radius: 8px;
    color: #334155 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    transition: border-color 160ms ease, background 160ms ease, color 160ms ease;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contacts .im-seller-contact:hover {
    border-color: var(--im-d-primary, #0066ff);
    background: #f4f8ff;
    color: var(--im-d-primary, #0066ff) !important;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contacts .im-seller-contact > i {
    width: 18px;
    text-align: center;
    color: #65676b;
    font-size: 15px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contacts .im-seller-contact:hover > i {
    color: var(--im-d-primary, #0066ff);
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact em {
    font-style: normal;
    font-weight: 700;
    color: var(--im-d-primary, #0066ff);
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-safety {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-safety--inset {
    margin-top: 14px;
    padding: 12px 12px;
    border-radius: 12px;
    background: #fff8ef;
    border: 1px solid #ffe0c2;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-safety--card {
    background: #fff8ef;
    border-color: #ffe0c2;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-safety__icon {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(242, 101, 34, 0.14);
    color: var(--im-d-accent, #f26522);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-safety strong {
    display: block;
    margin: 0 0 4px;
    font-size: 14.5px;
    font-weight: 800;
    color: #0f172a;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-safety p {
    margin: 0;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.45;
    color: #64748b;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-safety p + p {
    margin-top: 8px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-visning__title {
    margin: 0 0 10px;
    font-size: 1rem;
    font-weight: 800;
    color: var(--im-d-navy, #0f172a);
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-visning__title > i {
    margin-right: 6px;
    color: #64748b;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-visning__text {
    margin: 0 0 12px;
    font-size: 14px;
    font-weight: 600;
    color: #475569;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-visning__text > i {
    margin-right: 6px;
    color: #94a3b8;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-visning__cta {
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 10px;
    background: #eef4ff;
    color: var(--im-d-primary) !important;
    font-size: 13.5px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-biz-head {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0 0 18px;
    padding: 0 0 18px;
    border-bottom: 1px solid #eef2f6;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-biz-head__text {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-top: 4px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-card--business .im-seller-name {
    margin: 0 0 4px;
    font-size: 1.34rem; /* ~10% larger than 1.22rem */
    letter-spacing: -0.02em;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-biz-head__text .im-seller-meta {
    margin: 0;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-biz-head__text .im-seller-meta__chip {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #64748b;
    font-size: 12px;
    font-weight: 500;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-biz-head__text .im-seller-meta__chip > i {
    font-size: 12px;
    color: #ef4444;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-logo {
    flex: 0 0 auto;
    width: 88px;
    height: 88px;
    border-radius: 18px;
    overflow: hidden;
    padding: 10px;
    border: 1px solid var(--im-border, #e1e8ef);
    background: linear-gradient(180deg, #fff 0%, #f5f8fb 100%);
    box-shadow: 0 8px 20px rgba(24, 28, 35, 0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    transition: box-shadow 0.2s ease, transform 0.2s ease;
}

body.imarked-v1 .im-detail-page #storeDetails a.im-seller-logo:hover {
    box-shadow: 0 12px 28px rgba(24, 28, 35, 0.12);
    transform: translateY(-1px);
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-logo--fallback {
    color: #64748b;
    font-size: 32px;
    background: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-logo--user {
    color: var(--im-d-navy, #1a2230);
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-verified {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    margin: 6px 0 0;
    padding: 4px 10px;
    border-radius: 999px;
    background: #eef4ff;
    font-size: 12px;
    font-weight: 700;
    color: var(--im-d-primary, #0066ff);
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-verified > i {
    margin: 0;
    font-size: 12px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-card--business .im-seller-type {
    margin-top: 8px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-rating {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 3px 5px;
    margin: 0 0 12px;
    color: #f5b301;
    font-size: 14px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-rating strong {
    margin-left: 6px;
    color: var(--im-d-navy, #1a2230);
    font-size: 14px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-head__text {
    min-width: 0;
    flex: 1 1 auto;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-head__text .im-seller-meta {
    margin: 8px 0 0;
    width: 100%;
}

/* Private-seller address: plain line (avoids giant pill when text wraps) */
body.imarked-v1 .im-detail-page #storeDetails .im-seller-head__text .im-seller-meta__chip {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    max-width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #64748b;
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.4;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-head__text .im-seller-meta__chip > i {
    flex: 0 0 auto;
    margin-top: 2px;
    color: #ef4444;
    font-size: 13px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 0 16px;
    max-width: 100%;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-meta__chip {
    display: inline-flex;
    align-items: flex-start;
    gap: 7px;
    max-width: 100%;
    box-sizing: border-box;
    padding: 6px 10px;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid var(--im-border, #e1e8ef);
    color: #475569;
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-meta__chip > i {
    flex: 0 0 auto;
    margin-top: 1px;
    color: #ef4444;
    font-size: 13px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 0 18px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 46px;
    padding: 12px 14px;
    border-radius: var(--im-radius-sm, 10px);
    border: 1.5px solid transparent;
    font-size: 14px !important;
    font-weight: 700 !important;
    font-family: var(--im-font, inherit) !important;
    text-decoration: none !important;
    line-height: 1.2 !important;
    box-sizing: border-box;
    transition: background 160ms ease, color 160ms ease, border-color 160ms ease;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-btn--primary {
    background: var(--im-d-primary, #0066ff) !important;
    border-color: var(--im-d-primary, #0066ff) !important;
    color: #fff !important;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-btn--primary:hover {
    background: var(--im-d-primary-hover, #0052cc) !important;
    border-color: var(--im-d-primary-hover, #0052cc) !important;
    color: #fff !important;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-btn--outline {
    background: #fff !important;
    border-color: var(--im-d-primary, #0066ff) !important;
    color: var(--im-d-primary, #0066ff) !important;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-btn--outline:hover {
    background: #f4f8ff !important;
    color: var(--im-d-primary, #0066ff) !important;
}

/* Legacy alias */
body.imarked-v1 .im-detail-page #storeDetails .im-seller-btn--accent {
    background: var(--im-d-primary, #0066ff) !important;
    border-color: var(--im-d-primary, #0066ff) !important;
    color: #fff !important;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-biz-contact {
    padding-top: 2px;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-biz-contact > h3 {
    margin: 0 0 12px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #64748b;
}

/* Contact list — one panel, rows swap on (Vis); never use display:!important (breaks jQuery hide) */
body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-cards {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px solid var(--im-border, #e7ebf0);
    border-radius: 12px;
    overflow: hidden;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 48px;
    padding: 12px 14px;
    margin: 0;
    background: #fff;
    border: 0;
    border-bottom: 1px solid #eef2f6;
    border-radius: 0;
    color: #334155 !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
    box-sizing: border-box;
    transition: background 160ms ease, color 160ms ease;
    cursor: default;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card:last-child,
body.imarked-v1 .im-detail-page #storeDetails .im-seller-map-embed:last-child {
    border-bottom: 0;
}

/* jQuery .show() sets display:block — restore flex row layout */
body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card[style*="display: block"],
body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card[style*="display:block"] {
    display: flex !important;
}

body.imarked-v1 .im-detail-page #storeDetails a.im-seller-contact-card,
body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card--clickable {
    cursor: pointer;
}

body.imarked-v1 .im-detail-page #storeDetails a.im-seller-contact-card:hover,
body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card--clickable:hover {
    background: #f4f8ff;
    color: var(--im-d-primary, #0066ff) !important;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card--revealed {
    cursor: default;
    background: #fafbfc;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card > i:first-child {
    flex: 0 0 auto;
    width: 18px;
    text-align: center;
    font-size: 15px;
    color: #64748b;
}

body.imarked-v1 .im-detail-page #storeDetails a.im-seller-contact-card:hover > i:first-child,
body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card--clickable:hover > i:first-child {
    color: var(--im-d-primary, #0066ff);
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card > i.fa-map-marker {
    color: #64748b;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card > span {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 600;
    word-break: break-word;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card > a:not(.im-seller-wa) {
    flex: 1 1 auto;
    min-width: 0;
    color: var(--im-d-primary, #0066ff) !important;
    font-weight: 600;
    text-decoration: none !important;
    word-break: break-word;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card > a:not(.im-seller-wa):hover {
    text-decoration: underline !important;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-contact-card > small {
    flex: 0 0 auto;
    color: var(--im-d-primary, #0066ff);
    font-size: 12.5px;
    font-weight: 700;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-wa {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    margin-left: 4px;
    border-radius: 8px;
    background: #ecfdf5;
    color: #16a34a !important;
    font-size: 18px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-wa:hover {
    background: #dcfce7;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-map-embed {
    width: 100%;
    padding: 10px 12px 12px;
    background: #fafbfc;
    border-bottom: 1px solid #eef2f6;
    box-sizing: border-box;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-map-embed[style*="display: block"],
body.imarked-v1 .im-detail-page #storeDetails .im-seller-map-embed[style*="display:block"] {
    display: block !important;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-map-embed iframe {
    display: block;
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid var(--im-border, #e7ebf0);
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-report-wrap {
    margin-top: 18px;
    padding-top: 14px;
    border-top: 1px solid #eef2f6;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-report {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #dc2626 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    line-height: 1.3 !important;
}

body.imarked-v1 .im-detail-page #storeDetails .im-seller-report:hover {
    color: #b91c1c !important;
}

body.imarked-v1 .im-detail-page #PropertyViewingId .panel {
    border: 1px solid #e7ebf0;
    border-radius: var(--im-d-radius, 14px);
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
}

@media (min-width: 1200px) {
    body.imarked-v1 .im-detail-page .im-detail-summary .title-product h1 {
        font-size: 2rem;
    }

    body.imarked-v1 .im-detail-page .im-detail-media .large-image {
        min-height: 400px;
    }
}

/* RE mid column — force left alignment (desktop + mobile) */
body.imarked-v1 .im-detail-page--property .im-detail-summary,
body.imarked-v1 .im-detail-page--property .im-detail-hero--unified .im-detail-summary {
    text-align: left !important;
    align-items: stretch !important;
}

body.imarked-v1 .im-detail-page--property .im-detail-summary .title-product,
body.imarked-v1 .im-detail-page--property .im-detail-summary .title-product h1,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-meta-row,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-price-row,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-price-block,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-facts,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-fact,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-attrs-wrap,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-attrs,
body.imarked-v1 .im-detail-page--property .im-detail-summary #product,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-share,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-share__label {
    text-align: left !important;
}

body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-meta-row,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-price-row,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-sec-actions,
body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-cta {
    justify-content: flex-start !important;
}

body.imarked-v1 .im-detail-page--property .im-detail-summary .im-detail-price-block {
    align-items: flex-start !important;
}

body.imarked-v1 .im-detail-page--property .im-re-detail,
body.imarked-v1 .im-detail-page--property .im-re-card,
body.imarked-v1 .im-detail-page--property .im-re-card__title,
body.imarked-v1 .im-detail-page--property .im-re-priceband__main,
body.imarked-v1 .im-detail-page--property .im-re-priceband__side,
body.imarked-v1 .im-detail-page--property .im-re-quickstats > li {
    text-align: left !important;
}

body.imarked-v1 .im-detail-page--property .im-re-priceband__side {
    justify-content: flex-start !important;
}

/* ═══════════════════════════════════════════
   Real estate detail sections (below hero)
   ═══════════════════════════════════════════ */
body.imarked-v1 .im-detail-page .im-re-detail {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
}

body.imarked-v1 .im-detail-page .im-re-card {
    margin: 0;
    padding: 22px 24px;
    background: #fff;
    border: 1px solid #e7ebf0;
    border-radius: var(--im-d-radius);
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04);
    width: 100%;
}

body.imarked-v1 .im-detail-page .im-re-card__title {
    margin: 0 0 14px;
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--im-d-navy);
    letter-spacing: -0.02em;
}

body.imarked-v1 .im-detail-page .im-re-muted {
    margin: 0;
    color: #64748b;
    font-size: 14px;
}

/* Beskrivelse */
body.imarked-v1 .im-detail-page .im-re-desc__body {
    font-size: 15.5px;
    line-height: 1.7;
    color: #334155;
}

body.imarked-v1 .im-detail-page .im-re-desc__body p {
    margin: 0 0 0.9em;
}

body.imarked-v1 .im-detail-page .im-re-desc__body p:last-child {
    margin-bottom: 0;
}

body.imarked-v1 .im-detail-page .im-re-desc__body ul,
body.imarked-v1 .im-detail-page .im-re-desc__body ol {
    margin: 0 0 0.9em;
    padding-left: 1.25em;
}

body.imarked-v1 .im-detail-page .im-re-desc__body li {
    margin: 0.2em 0;
}

body.imarked-v1 .im-detail-page .im-re-desc__body br + br {
    display: block;
    content: "";
    margin-top: 0.55em;
}

body.imarked-v1 .im-detail-page .im-re-desc__body.is-clamped {
    max-height: 140px;
    overflow: hidden;
    position: relative;
}

body.imarked-v1 .im-detail-page .im-re-desc__body.is-clamped::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 48px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff);
    pointer-events: none;
}

body.imarked-v1 .im-detail-page .im-re-desc__body.is-expanded {
    max-height: none;
}

body.imarked-v1 .im-detail-page .im-re-desc__more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 12px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--im-d-primary);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

/* Høydepunkter — full width below description */
body.imarked-v1 .im-detail-page .im-re-highlights__grid {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px 20px;
}

body.imarked-v1 .im-detail-page .im-re-highlight {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
}

body.imarked-v1 .im-detail-page .im-re-highlight > i {
    flex: 0 0 18px;
    color: var(--im-d-accent);
    font-size: 16px;
}

/* Nøkkelinformasjon — fact sheet (price -> quick stats -> detail rows) */
body.imarked-v1 .im-detail-page .im-re-keyinfo > .im-re-card__title {
    margin-bottom: 18px;
}

body.imarked-v1 .im-detail-page .im-re-priceband {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 0;
    margin: 0 0 18px;
    border: 1px solid #e7ebf0;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}

body.imarked-v1 .im-detail-page .im-re-priceband__main {
    flex: 1 1 58%;
    min-width: 220px;
    padding: 20px 22px;
    background: linear-gradient(135deg, #0f172a 0%, #1a2230 55%, #243044 100%);
    color: #fff;
}

body.imarked-v1 .im-detail-page .im-re-priceband__side {
    flex: 1 1 36%;
    min-width: 180px;
    padding: 20px 22px;
    background: #f8fafc;
    border-left: 1px solid #e7ebf0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

body.imarked-v1 .im-detail-page .im-re-priceband__label {
    display: block;
    margin-bottom: 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    opacity: 0.72;
}

body.imarked-v1 .im-detail-page .im-re-priceband__main .im-re-priceband__label {
    color: #cbd5e1;
    opacity: 1;
}

body.imarked-v1 .im-detail-page .im-re-priceband__side .im-re-priceband__label {
    color: #94a3b8;
    opacity: 1;
}

body.imarked-v1 .im-detail-page .im-re-priceband__value {
    display: block;
    font-size: clamp(1.6rem, 2.4vw, 2.15rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: #fff;
}

body.imarked-v1 .im-detail-page .im-re-priceband__side-value {
    display: block;
    font-size: clamp(1.45rem, 2vw, 1.75rem);
    font-weight: 800;
    letter-spacing: -0.02em;
    color: #0f172a;
    line-height: 1.2;
}

body.imarked-v1 .im-detail-page .im-re-quickstats {
    list-style: none;
    margin: 0 0 20px;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 0;
    border: 1px solid #e7ebf0;
    border-radius: 12px;
    overflow: hidden;
    background: #fff;
}

body.imarked-v1 .im-detail-page .im-re-quickstats > li {
    padding: 14px 12px;
    text-align: left;
    border-right: 1px solid #eef2f7;
    min-width: 0;
}

body.imarked-v1 .im-detail-page .im-re-quickstats > li:last-child {
    border-right: 0;
}

body.imarked-v1 .im-detail-page .im-re-quickstats__label {
    display: block;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #94a3b8;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .im-detail-page .im-re-quickstats__value {
    display: block;
    font-size: clamp(1.2rem, 1.8vw, 1.4rem);
    font-weight: 800;
    color: #0f172a;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

body.imarked-v1 .im-detail-page .im-re-facts {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 28px;
}

body.imarked-v1 .im-detail-page .im-re-facts__row {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
    gap: 12px;
    align-items: baseline;
    padding: 11px 0;
    border-bottom: 1px solid #eef2f7;
}

body.imarked-v1 .im-detail-page .im-re-facts__row dt {
    margin: 0;
    font-size: 13.5px;
    font-weight: 600;
    color: #64748b;
}

body.imarked-v1 .im-detail-page .im-re-facts__row dd {
    margin: 0;
    text-align: right;
    font-size: 14.5px;
    font-weight: 800;
    color: #0f172a;
    word-break: break-word;
}

body.imarked-v1 .im-detail-page .im-re-energy {
    display: inline-block;
    padding: 3px 9px;
    border-radius: 6px;
    background: #dcfce7;
    color: #166534;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

body.imarked-v1 .im-detail-page .im-re-extra {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid #e7ebf0;
}

body.imarked-v1 .im-detail-page .im-re-meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px 16px;
}

body.imarked-v1 .im-detail-page .im-re-meta-row__label {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: #94a3b8;
}

body.imarked-v1 .im-detail-page .im-re-meta-row__value {
    font-size: 15px;
    font-weight: 800;
    color: #0f172a;
}

body.imarked-v1 .im-detail-page .im-re-note {
    margin-top: 12px;
}

body.imarked-v1 .im-detail-page .im-re-note p {
    margin: 6px 0 0;
}

/* Legacy kv helpers (Beliggenhet etc.) */
body.imarked-v1 .im-detail-page .im-re-kv {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px 22px;
}

body.imarked-v1 .im-detail-page .im-re-kv__item {
    min-width: 0;
}

body.imarked-v1 .im-detail-page .im-re-kv__label {
    display: block;
    margin-bottom: 3px;
    font-size: 12px;
    font-weight: 700;
    color: #94a3b8;
}

body.imarked-v1 .im-detail-page .im-re-kv__value {
    display: block;
    font-size: 14.5px;
    font-weight: 800;
    color: #0f172a;
}

body.imarked-v1 .im-detail-page .im-re-note p,
body.imarked-v1 .im-detail-page .im-re-prose {
    margin: 6px 0 0;
    font-size: 14.5px;
    line-height: 1.7;
    color: #334155;
}

/* Fasiliteter */
body.imarked-v1 .im-detail-page .im-re-facilities {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px 16px;
}

body.imarked-v1 .im-detail-page .im-re-facilities li {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-size: 14px;
    font-weight: 600;
    color: #1e293b;
    min-width: 0;
}

body.imarked-v1 .im-detail-page .im-re-facilities li > i {
    margin-top: 2px;
    color: var(--im-d-accent);
    font-size: 13px;
}

/* Vehicle equipment — compact professional list */
body.imarked-v1 .im-detail-page .im-veh-eqp > .im-re-card__title {
    margin-bottom: 12px;
    font-size: calc(1.15rem * 1.25); /* +25% vs standard section titles */
}

body.imarked-v1 .im-detail-page .im-veh-eqp-group + .im-veh-eqp-group {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #eef2f6;
}

body.imarked-v1 .im-detail-page .im-veh-eqp-group__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 0 8px;
}

body.imarked-v1 .im-detail-page .im-veh-eqp-group__title {
    margin: 0;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #64748b;
    line-height: 1.2;
}

body.imarked-v1 .im-detail-page .im-veh-eqp-group__count {
    flex: 0 0 auto;
    min-width: 22px;
    height: 22px;
    padding: 0 7px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: 12px;
    font-weight: 800;
    line-height: 22px;
    text-align: center;
}

body.imarked-v1 .im-detail-page .im-veh-eqp-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px 18px;
}

body.imarked-v1 .im-detail-page .im-veh-eqp-list > li {
    display: flex;
    align-items: flex-start;
    gap: 9px;
    min-width: 0;
    padding: 5px 0;
    font-size: 15.5px;
    font-weight: 600;
    line-height: 1.3;
    color: #0f172a;
}

body.imarked-v1 .im-detail-page .im-veh-eqp-list > li > i {
    margin-top: 3px;
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: rgba(242, 101, 34, 0.12);
    color: var(--im-d-accent);
    font-size: 10px;
    line-height: 16px;
    text-align: center;
}

body.imarked-v1 .im-detail-page .im-veh-eqp-list > li > span {
    min-width: 0;
}

@media (max-width: 991px) {
    body.imarked-v1 .im-detail-page .im-veh-eqp-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5px 14px;
    }
}

@media (max-width: 575px) {
    body.imarked-v1 .im-detail-page .im-veh-eqp-list {
        grid-template-columns: 1fr;
    }

    body.imarked-v1 .im-detail-page .im-veh-eqp-list > li {
        font-size: 15px;
        padding: 4px 0;
    }
}

body.imarked-v1 .im-detail-page .im-re-docs {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}

body.imarked-v1 .im-detail-page .im-re-docs li {
    width: 100%;
}

body.imarked-v1 .im-detail-page .im-re-docs a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 13px 16px;
    border: 1px solid #e7ebf0;
    border-radius: 10px;
    color: var(--im-d-primary);
    font-weight: 700;
    text-decoration: none;
    box-sizing: border-box;
}

body.imarked-v1 .im-detail-page .im-re-docs__left {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

body.imarked-v1 .im-detail-page .im-re-docs a:hover {
    background: #f4f8ff;
}

@media (max-width: 991px) {
    body.imarked-v1 .im-detail-page .im-re-highlights__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.imarked-v1 .im-detail-page .im-re-kv {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.imarked-v1 .im-detail-page .im-re-facilities {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.imarked-v1 .im-detail-page .im-re-priceband__side {
        border-left: 0;
        border-top: 1px solid #e7ebf0;
    }

    body.imarked-v1 .im-detail-page .im-re-quickstats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.imarked-v1 .im-detail-page .im-re-quickstats > li:nth-child(3n) {
        border-right: 0;
    }

    body.imarked-v1 .im-detail-page .im-re-quickstats > li:nth-child(n+4) {
        border-top: 1px solid #eef2f7;
    }

    body.imarked-v1 .im-detail-page .im-re-facts {
        grid-template-columns: 1fr;
        gap: 0;
    }
}

@media (max-width: 575px) {
    body.imarked-v1 .im-detail-page .im-re-highlights__grid,
    body.imarked-v1 .im-detail-page .im-re-kv,
    body.imarked-v1 .im-detail-page .im-re-facilities {
        grid-template-columns: 1fr;
    }

    body.imarked-v1 .im-detail-page .im-re-quickstats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.imarked-v1 .im-detail-page .im-re-quickstats > li:nth-child(2n) {
        border-right: 0;
    }

    body.imarked-v1 .im-detail-page .im-re-quickstats > li:nth-child(n+3) {
        border-top: 1px solid #eef2f7;
    }
}

/* Related products — same home product-card slider */
body.imarked-v1 .im-detail-related {
    margin: 32px 0 24px;
    clear: both;
}

body.imarked-v1 .im-detail-related .im-home-sec-head {
    margin-top: 0;
}

body.imarked-v1 .im-detail-related .im-home-slider-host {
    min-height: 0;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-detail-related {
        margin: 24px 0 16px;
        padding: 0 2px;
    }

    body.imarked-v1 .im-detail-related .im-home-sec-head h2 {
        font-size: 1.45rem !important;
    }

    body.imarked-v1 .im-detail-related .im-home-sec-head p {
        font-size: 1rem !important;
    }
}

/* ── Product reviews ── */
body.imarked-v1 .im-detail-reviews {
    margin: 28px 0 20px;
    clear: both;
    padding: 22px 24px 20px;
    background: #fff;
    border: 1px solid #e8eef5;
    border-radius: 14px;
}

body.imarked-v1 .im-detail-reviews__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
    padding-bottom: 16px;
    border-bottom: 1px solid #eef2f7;
}

body.imarked-v1 .im-detail-reviews__head h2 {
    margin: 0 !important;
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    color: #181c23 !important;
    line-height: 1.25 !important;
}

body.imarked-v1 .im-detail-reviews__head p {
    margin: 4px 0 0 !important;
    font-size: 0.98rem !important;
    color: #6e7a8a !important;
    font-weight: 500 !important;
}

body.imarked-v1 .im-detail-reviews__cta {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 8px 16px;
    border: 1px solid var(--im-primary, #0066ff);
    border-radius: 10px;
    background: #fff;
    color: var(--im-primary, #0066ff) !important;
    font-size: 0.95rem;
    font-weight: 650;
    text-decoration: none !important;
    transition: background 160ms ease, color 160ms ease, border-color 160ms ease;
}

body.imarked-v1 .im-detail-reviews__cta:hover,
body.imarked-v1 .im-detail-reviews__cta:focus {
    background: var(--im-primary, #0066ff);
    color: #fff !important;
    text-decoration: none !important;
}

body.imarked-v1 .im-detail-reviews__body {
    min-height: 72px;
}

body.imarked-v1 .im-detail-reviews-loading {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 18px 4px;
    color: #6e7a8a;
    font-size: 0.95rem;
}

body.imarked-v1 .im-detail-reviews-summary {
    margin: 0 0 12px;
}

body.imarked-v1 .im-detail-reviews-summary__count {
    display: inline-block;
    font-size: 0.92rem;
    font-weight: 650;
    color: #4b5563;
}

body.imarked-v1 .im-detail-reviews-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.imarked-v1 .im-detail-review-card {
    margin: 0;
    padding: 14px 16px;
    border: 1px solid #eef2f7;
    border-radius: 12px;
    background: #fafbfc;
}

body.imarked-v1 .im-detail-review-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 8px;
}

body.imarked-v1 .im-detail-review-stars {
    display: inline-flex;
    align-items: center;
    gap: 3px;
}

body.imarked-v1 .im-detail-review-star {
    width: 16px;
    height: 16px;
    display: block;
}

body.imarked-v1 .im-detail-review-card__date {
    font-size: 0.86rem;
    color: #6e7a8a;
    font-weight: 500;
    white-space: nowrap;
}

body.imarked-v1 .im-detail-review-card__comment {
    margin: 0;
    font-size: 0.98rem;
    line-height: 1.55;
    color: #1f2937;
    word-break: break-word;
}

body.imarked-v1 .im-detail-review-card__comment--muted {
    color: #8a94a6;
    font-style: italic;
}

body.imarked-v1 .im-detail-reviews-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 28px 16px 22px;
    border: 1px dashed #d7e0ea;
    border-radius: 12px;
    background: #f8fafc;
}

body.imarked-v1 .im-detail-reviews-empty__icon {
    width: 48px;
    height: 48px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 12px;
    background: #eef4ff;
    color: var(--im-primary, #0066ff);
    font-size: 1.25rem;
}

body.imarked-v1 .im-detail-reviews-empty h3 {
    margin: 0 0 6px !important;
    font-size: 1.12rem !important;
    font-weight: 750 !important;
    color: #181c23 !important;
}

body.imarked-v1 .im-detail-reviews-empty p {
    margin: 0 !important;
    max-width: 36em;
    font-size: 0.95rem !important;
    line-height: 1.5 !important;
    color: #6e7a8a !important;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-detail-reviews {
        margin: 20px 0 14px;
        padding: 16px 14px 14px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-detail-reviews__head {
        flex-direction: column;
        align-items: stretch;
        gap: 12px;
        margin-bottom: 14px;
        padding-bottom: 12px;
    }

    body.imarked-v1 .im-detail-reviews__head h2 {
        font-size: 1.28rem !important;
    }

    body.imarked-v1 .im-detail-reviews__cta {
        width: 100%;
    }

    body.imarked-v1 .im-detail-review-card {
        padding: 12px 12px;
    }
}

/* ── Reusable bookmark / favourite control ── */
body.imarked-v1 .im-bookmark {
    --im-bm-idle: #64748b;
    --im-bm-active: #e11d48;
    --im-bm-active-bg: #fff1f2;
    --im-bm-active-border: #fecdd3;
    appearance: none;
    -webkit-appearance: none;
    margin: 0;
    cursor: pointer;
    font: inherit;
    line-height: 1;
    text-decoration: none !important;
    transition: color 160ms ease, background 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 120ms ease;
}

body.imarked-v1 .im-bookmark:focus {
    outline: none;
}

body.imarked-v1 .im-bookmark:focus-visible {
    outline: 2px solid var(--im-primary, #0066ff);
    outline-offset: 2px;
}

body.imarked-v1 .im-bookmark__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.imarked-v1 .im-bookmark__icon i {
    display: block;
    line-height: 1;
}

body.imarked-v1 .im-bookmark__label {
    font-weight: 650;
    white-space: nowrap;
}

/* Icon / card — circular overlay control */
body.imarked-v1 .im-bookmark--icon,
body.imarked-v1 .im-bookmark--card {
    width: 40px;
    height: 40px;
    padding: 0;
    border: 1px solid #e5e9ef;
    border-radius: 50%;
    background: #fff;
    color: var(--im-bm-idle);
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.10);
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.imarked-v1 .im-bookmark--icon .im-bookmark__icon i,
body.imarked-v1 .im-bookmark--card .im-bookmark__icon i {
    font-size: 16px;
}

body.imarked-v1 .im-bookmark--icon:hover,
body.imarked-v1 .im-bookmark--card:hover {
    color: var(--im-bm-active);
    border-color: #f0c4bf;
}

body.imarked-v1 .im-bookmark--icon:active,
body.imarked-v1 .im-bookmark--card:active {
    transform: scale(0.96);
}

body.imarked-v1 .im-bookmark--icon.is-active,
body.imarked-v1 .im-bookmark--card.is-active {
    color: var(--im-bm-active);
    border-color: var(--im-bm-active-border);
    background: var(--im-bm-active-bg);
}

body.imarked-v1 .im-bookmark--icon.is-active .im-bookmark__icon i,
body.imarked-v1 .im-bookmark--card.is-active .im-bookmark__icon i {
    color: var(--im-bm-active);
}

/* Positioned over media (detail gallery / cards) */
body.imarked-v1 .im-bookmark--overlay {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 6;
}

body.imarked-v1 .im-bookmark--card.im-bookmark--overlay,
body.imarked-v1 .im-prod-media .im-bookmark--card {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 6;
    width: 36px;
    height: 36px;
}

body.imarked-v1 .im-bookmark--card.im-bookmark--overlay .im-bookmark__icon i,
body.imarked-v1 .im-prod-media .im-bookmark--card .im-bookmark__icon i {
    font-size: 14px;
}

/* Button — Lagre / Lagret text control */
body.imarked-v1 .im-bookmark--button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 10px 16px;
    border: 1px solid #d7dee8;
    border-radius: 10px;
    background: #fff;
    color: #334155;
}

body.imarked-v1 .im-bookmark--button .im-bookmark__icon i {
    font-size: 15px;
    color: inherit;
}

body.imarked-v1 .im-bookmark--button:hover {
    border-color: #fecdd3;
    background: #fff8f8;
    color: var(--im-bm-active);
}

body.imarked-v1 .im-bookmark--button.is-active {
    border-color: var(--im-bm-active-border);
    background: var(--im-bm-active-bg);
    color: var(--im-bm-active);
}

body.imarked-v1 .im-bookmark--button.is-active:hover {
    border-color: #fda4af;
    background: #ffe4e6;
    color: #be123c;
}

/* When used inside detail secondary action row */
body.imarked-v1 .im-detail-page .im-detail-sec-actions .im-bookmark--button {
    flex: 1 1 0;
    width: 100%;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-bookmark--icon.im-bookmark--overlay {
        width: 38px;
        height: 38px;
        top: 10px;
        right: 10px;
    }

    body.imarked-v1 .im-bookmark--button {
        min-height: 44px;
        border-radius: 10px;
    }
}

/* ── Reusable IMARKED breadcrumb (overrides legacy theme arrow pills) ── */
body.imarked-v1 .im-breadcrumb {
    margin: 0 0 16px;
    padding: 0;
}

body.imarked-v1 .im-breadcrumb__list,
body.imarked-v1 .im-breadcrumb ol.breadcrumb,
body.imarked-v1 .im-breadcrumb ul.breadcrumb,
body.imarked-v1 ol.im-breadcrumb__list.breadcrumb {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 0 !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}

body.imarked-v1 .im-breadcrumb__item,
body.imarked-v1 .im-breadcrumb__sep,
body.imarked-v1 .im-breadcrumb .breadcrumb > li,
body.imarked-v1 .im-breadcrumb ol.breadcrumb > li,
body.imarked-v1 .im-breadcrumb ul.breadcrumb > li {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    float: none !important;
    height: auto !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Kill legacy chevron / arrow decorations from theme.css (not our separators) */
body.imarked-v1 .im-breadcrumb .breadcrumb > li.im-breadcrumb__item:before,
body.imarked-v1 .im-breadcrumb .breadcrumb > li.im-breadcrumb__item:after,
body.imarked-v1 .im-breadcrumb .breadcrumb > li.im-breadcrumb__item:first-child:before,
body.imarked-v1 .im-breadcrumb .breadcrumb > li.im-breadcrumb__item:first-child:after,
body.imarked-v1 .im-breadcrumb__item:before,
body.imarked-v1 .im-breadcrumb__item:after {
    content: none !important;
    display: none !important;
    border: 0 !important;
    background: none !important;
    width: 0 !important;
    height: 0 !important;
    transform: none !important;
}

body.imarked-v1 .im-breadcrumb__link,
body.imarked-v1 .im-breadcrumb__current {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 220px;
    padding: 2px 4px;
    border-radius: 6px;
    color: #64748b !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.35;
    text-decoration: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: transparent !important;
}

body.imarked-v1 .im-breadcrumb__link:hover,
body.imarked-v1 .im-breadcrumb__link:focus {
    color: var(--im-primary, #0066ff) !important;
    background: transparent !important;
    text-decoration: none !important;
}

body.imarked-v1 .im-breadcrumb__item--home .im-breadcrumb__link,
body.imarked-v1 .im-breadcrumb__item--home .im-breadcrumb__current {
    color: #64748b !important;
}

body.imarked-v1 .im-breadcrumb__item--home .fa-home {
    font-size: 14px;
    line-height: 1;
}

/* Visually hide "Hjem" text on larger screens; icon is enough */
body.imarked-v1 .im-breadcrumb__home-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

body.imarked-v1 .im-breadcrumb__item--current .im-breadcrumb__current {
    color: #0f172a !important;
    font-weight: 650;
    max-width: min(320px, 55vw);
}

/* Separator — CSS character so it always shows (no Font Awesome dependency) */
body.imarked-v1 .im-breadcrumb__sep,
body.imarked-v1 .im-breadcrumb .breadcrumb > li.im-breadcrumb__sep {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 12px !important;
    padding: 0 5px !important;
    color: #94a3b8 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    user-select: none;
    pointer-events: none;
}

body.imarked-v1 .im-breadcrumb__sep::before,
body.imarked-v1 .im-breadcrumb .breadcrumb > li.im-breadcrumb__sep::before {
    content: "\203A" !important; /* › */
    display: inline-block !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    color: inherit !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    transform: none !important;
    speak: none;
}

body.imarked-v1 .im-breadcrumb__sep::after,
body.imarked-v1 .im-breadcrumb .breadcrumb > li.im-breadcrumb__sep::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-breadcrumb {
        margin-bottom: 12px;
    }

    body.imarked-v1 .im-breadcrumb__link,
    body.imarked-v1 .im-breadcrumb__current {
        font-size: 12.5px;
        max-width: 140px;
    }

    body.imarked-v1 .im-breadcrumb__item--current .im-breadcrumb__current {
        max-width: min(200px, 48vw);
    }

    body.imarked-v1 .im-breadcrumb__sep,
    body.imarked-v1 .im-breadcrumb .breadcrumb > li.im-breadcrumb__sep {
        padding: 0 4px !important;
        min-width: 10px !important;
    }

    body.imarked-v1 .im-breadcrumb__sep::before,
    body.imarked-v1 .im-breadcrumb .breadcrumb > li.im-breadcrumb__sep::before {
        content: "\203A" !important;
        display: inline-block !important;
        font-size: 15px !important;
    }
}

/* IMARKED V1 — Auth pages (Login / SignUp / Reset / Verify) */

body.imarked-v1 .im-auth-page {
    max-width: 520px;
    margin: 12px auto 40px;
    padding: 0 12px 24px;
}

body.imarked-v1 .im-auth-page--wide {
    max-width: 640px;
}

body.imarked-v1 .im-auth-page .im-breadcrumb {
    margin-bottom: 14px;
}

body.imarked-v1 .im-auth-shell {
    width: 100%;
}

body.imarked-v1 .im-auth-card {
    background: #fff;
    border: 1px solid var(--im-border, #e7ebf0);
    border-radius: 16px;
    box-shadow: var(--im-shadow-md, 0 4px 16px rgba(24, 28, 35, 0.08));
    padding: 28px 28px 24px;
}

body.imarked-v1 .im-auth-card__head {
    margin: 0 0 20px;
    text-align: center;
}

body.imarked-v1 .im-auth-card__head h1 {
    margin: 0 0 6px !important;
    font-size: 1.55rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    color: var(--im-fg, #181c23) !important;
    line-height: 1.25 !important;
}

body.imarked-v1 .im-auth-card__head p {
    margin: 0 !important;
    font-size: 0.98rem !important;
    color: var(--im-muted, #6e7a8a) !important;
    font-weight: 500 !important;
}

body.imarked-v1 .im-auth-alert {
    margin: 0 0 16px;
}

body.imarked-v1 .im-auth-social {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    margin-bottom: 8px;
}

body.imarked-v1 .im-auth-social__note {
    margin: 0 !important;
    text-align: center;
    font-size: 0.86rem !important;
    line-height: 1.45 !important;
    color: var(--im-muted, #6e7a8a) !important;
}

body.imarked-v1 .im-auth-social__note a {
    color: var(--im-primary, #0066ff) !important;
    font-weight: 600;
}

body.imarked-v1 .im-auth-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 18px 0 16px;
    color: var(--im-muted, #6e7a8a);
    font-size: 0.88rem;
    font-weight: 600;
}

body.imarked-v1 .im-auth-divider::before,
body.imarked-v1 .im-auth-divider::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: var(--im-border, #e7ebf0);
}

body.imarked-v1 .im-auth-page .form-group {
    margin-bottom: 14px;
}

body.imarked-v1 .im-auth-page .control-label,
body.imarked-v1 .im-auth-page label.control-label,
body.imarked-v1 .im-auth-page .im-auth-label {
    display: block;
    margin: 0 0 6px;
    font-size: 16px;
    font-weight: 650;
    color: #334155;
}

body.imarked-v1 .im-auth-page .has-error,
body.imarked-v1 .im-auth-page span.has-error {
    color: #dc2626;
}

body.imarked-v1 .im-auth-page .form-control,
body.imarked-v1 .im-auth-page input.form-control,
body.imarked-v1 .im-auth-page select.form-control,
body.imarked-v1 .im-auth-page textarea.form-control {
    height: 46px !important;
    border: 1.5px solid #d7dee8 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 15px !important;
    color: #0f172a !important;
    background: #fff !important;
    padding: 10px 14px !important;
}

body.imarked-v1 .im-auth-page .form-control:focus {
    border-color: var(--im-primary, #0066ff) !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12) !important;
}

body.imarked-v1 .im-auth-page .input-group {
    width: 100%;
    display: flex;
    align-items: stretch;
}

body.imarked-v1 .im-auth-page .input-group .form-control {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

body.imarked-v1 .im-auth-page .input-group-addon {
    background: #f8fafc !important;
    border: 1.5px solid #d7dee8 !important;
    border-left: 0 !important;
    border-radius: 0 10px 10px 0 !important;
    color: #64748b !important;
    min-width: 46px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

body.imarked-v1 .im-auth-page .input-group-addon .custPassEye {
    cursor: pointer;
}

body.imarked-v1 .im-auth-page .input-group-lg .input-group-addon {
    border-radius: 10px 0 0 10px !important;
    border-left: 1.5px solid #d7dee8 !important;
    border-right: 0 !important;
}

body.imarked-v1 .im-auth-page .input-group-lg .form-control {
    border-radius: 0 10px 10px 0 !important;
}

body.imarked-v1 .im-auth-actions {
    margin-top: 8px;
}

body.imarked-v1 .im-auth-actions__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

body.imarked-v1 .im-auth-link {
    color: var(--im-primary, #0066ff) !important;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none !important;
}

body.imarked-v1 .im-auth-link:hover {
    text-decoration: underline !important;
}

body.imarked-v1 .im-auth-check {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 12px 0 16px;
    font-size: 0.95rem;
    color: #334155;
}

body.imarked-v1 .im-auth-check label {
    margin: 0;
    font-weight: 500;
    cursor: pointer;
}

body.imarked-v1 .im-auth-check input[type="checkbox"] {
    margin-top: 3px;
}

body.imarked-v1 .im-auth-check__info {
    margin-left: auto;
    color: var(--im-muted, #6e7a8a);
    font-size: 18px;
    line-height: 1;
    padding: 0 2px;
}

body.imarked-v1 .im-auth-btn,
body.imarked-v1 .im-auth-page .btn.btn-primary,
body.imarked-v1 .im-auth-page button.btn-primary,
body.imarked-v1 .im-auth-page input.btn-primary {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 46px !important;
    width: 100%;
    padding: 10px 18px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    float: none !important;
    margin: 0 0 20px 0 !important;
}

body.imarked-v1 .im-auth-page .btn.btn-primary:hover,
body.imarked-v1 .im-auth-page button.btn-primary:hover {
    background: var(--im-primary-hover, #0052cc) !important;
}

body.imarked-v1 .im-auth-btn--secondary,
body.imarked-v1 .im-auth-page .btn.btn-default {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 46px !important;
    width: 100%;
    padding: 10px 18px !important;
    border: 1.5px solid #d7dee8 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #334155 !important;
    font-size: 15px !important;
    font-weight: 650 !important;
    box-shadow: none !important;
    margin: 0 !important;
}

body.imarked-v1 .im-auth-page .btn.btn-default:hover {
    border-color: var(--im-primary, #0066ff) !important;
    color: var(--im-primary, #0066ff) !important;
    background: #f8faff !important;
}

body.imarked-v1 .im-auth-btn--link,
body.imarked-v1 .im-auth-page .btn.btn-link {
    min-height: 40px !important;
    width: auto !important;
    padding: 6px 10px !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--im-primary, #0066ff) !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-auth-footer {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--im-border, #e7ebf0);
    text-align: center;
}

body.imarked-v1 .im-auth-footer .btn {
    margin-top: 4px;
}

/* ========== Compact signup (page + home modal + checkout) ========== */
body.imarked-v1 .im-auth-signup,
body.im-auth-app .im-auth-signup {
    width: 100%;
    max-width: 460px;
    margin: 0 auto;
    padding: 24px 22px 20px;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px solid #e4eaf2;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.95) inset,
        0 10px 32px rgba(15, 23, 42, 0.06);
    box-sizing: border-box;
}

body.im-auth-app .im-auth-page--signup {
    max-width: 480px;
    margin: 0 auto;
    padding: 0;
}

body.im-auth-app .im-auth-signup-shell {
    width: 100%;
}

body.imarked-v1 .im-auth-signup__intro,
body.im-auth-app .im-auth-signup__intro {
    position: relative;
    text-align: center;
    margin: 0 0 14px;
}

body.imarked-v1 .im-auth-signup__intro h1,
body.im-auth-app .im-auth-signup__intro h1 {
    margin: 0 !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em;
    color: #0b1b33 !important;
    line-height: 1.2 !important;
}

body.imarked-v1 .im-auth-signup__close,
body.im-auth-app .im-auth-signup__close {
    position: absolute;
    top: -4px;
    right: -4px;
    opacity: 0.5;
    font-size: 28px;
    font-weight: 400;
    line-height: 1;
    color: #334155;
}

body.imarked-v1 .im-auth-signup__providers,
body.im-auth-app .im-auth-signup__providers {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 4px;
}

body.imarked-v1 .im-auth-signup__terms,
body.im-auth-app .im-auth-signup__terms {
    margin: 0 0 2px !important;
    text-align: center;
    font-size: 13px !important;
    line-height: 1.4 !important;
    color: #5b6775 !important;
}

body.imarked-v1 .im-auth-signup__terms a,
body.im-auth-app .im-auth-signup__terms a {
    color: #e67e22 !important;
    font-weight: 700;
    text-decoration: none !important;
}

body.imarked-v1 .im-auth-signup__google,
body.im-auth-app .im-auth-signup__google {
    position: relative;
    width: 100%;
}

body.imarked-v1 .im-auth-signup__google-btn,
body.im-auth-app .im-auth-signup__google-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 48px;
    padding: 12px 18px;
    border-radius: 8px;
    border: 2px solid #4285F4;
    background: #fff;
    color: #122033;
    font-size: 14.4px;
    font-weight: 700;
    box-shadow: 0 1px 2px rgba(66, 133, 244, 0.12);
    cursor: pointer;
    box-sizing: border-box;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

body.imarked-v1 .im-auth-signup__google-btn:hover,
body.im-auth-app .im-auth-signup__google-btn:hover {
    border-color: #3367D6;
    background: #f8fbff;
    box-shadow: 0 4px 14px rgba(66, 133, 244, 0.18);
}

body.imarked-v1 .im-auth-signup__google-btn:active,
body.im-auth-app .im-auth-signup__google-btn:active {
    transform: translateY(1px);
}

body.imarked-v1 .im-auth-signup__google-icon,
body.im-auth-app .im-auth-signup__google-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
}

body.imarked-v1 .im-auth-signup__google-wordmark,
body.im-auth-app .im-auth-signup__google-wordmark {
    font-family: "Plus Jakarta Sans", "Segoe UI", sans-serif;
    font-size: 1.08rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1;
    color: #1f1f1f;
}

body.imarked-v1 .im-auth-signup__google-native,
body.im-auth-app .im-auth-signup__google-native {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0;
}

body.imarked-v1 .im-auth-signup__divider,
body.im-auth-app .im-auth-signup__divider {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 12px 0 10px;
    color: #8b97a5;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

body.imarked-v1 .im-auth-signup__divider::before,
body.imarked-v1 .im-auth-signup__divider::after,
body.im-auth-app .im-auth-signup__divider::before,
body.im-auth-app .im-auth-signup__divider::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: #e3e8ef;
}

body.imarked-v1 .im-auth-signup__form .form-group,
body.im-auth-app .im-auth-signup__form .form-group {
    margin-bottom: 18px;
}

body.imarked-v1 .im-auth-signup__form .control-label,
body.im-auth-app .im-auth-signup__form .control-label {
    display: block;
    margin: 0 0 7px;
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: #1a2b3c;
    line-height: 1.3;
}

body.imarked-v1 .im-auth-signup__form .form-control,
body.im-auth-app .im-auth-signup__form .form-control {
    height: 44px !important;
    border: 1.5px solid #d0d9e6 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 15px !important;
    line-height: 1.35 !important;
    padding: 10px 14px !important;
    background: #fff !important;
}

body.imarked-v1 .im-auth-signup__form .form-control:focus,
body.im-auth-app .im-auth-signup__form .form-control:focus {
    border-color: #1a73e8 !important;
    box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.12) !important;
}

body.imarked-v1 .im-auth-signup__form .input-group,
body.im-auth-app .im-auth-signup__form .input-group {
    width: 100%;
    display: flex !important;
    flex-wrap: nowrap;
    align-items: stretch !important;
    position: relative;
}

body.imarked-v1 .im-auth-signup__form .input-group .form-control,
body.im-auth-app .im-auth-signup__form .input-group .form-control {
    flex: 1 1 auto;
    width: 1% !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    border-right: 0 !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    box-sizing: border-box !important;
}

body.imarked-v1 .im-auth-signup__form .input-group-addon,
body.im-auth-app .im-auth-signup__form .input-group-addon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    flex: 0 0 44px;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    font-size: 15px !important;
    background: #fff !important;
    border: 1.5px solid #d0d9e6 !important;
    border-left: 1px solid #e4eaf2 !important;
    border-radius: 0 10px 10px 0 !important;
    color: #64748b !important;
    box-sizing: border-box !important;
    cursor: pointer;
    float: none !important;
    vertical-align: middle;
}

body.imarked-v1 .im-auth-signup__form .input-group:focus-within .form-control,
body.im-auth-app .im-auth-signup__form .input-group:focus-within .form-control,
body.imarked-v1 .im-auth-signup__form .input-group:focus-within .input-group-addon,
body.im-auth-app .im-auth-signup__form .input-group:focus-within .input-group-addon {
    border-color: #1a73e8 !important;
}

body.imarked-v1 .im-auth-signup__form .input-group:focus-within .form-control,
body.im-auth-app .im-auth-signup__form .input-group:focus-within .form-control {
    box-shadow: none !important;
}

body.imarked-v1 .im-auth-signup__form .input-group:focus-within,
body.im-auth-app .im-auth-signup__form .input-group:focus-within {
    border-radius: 10px;
    box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.12);
}

body.imarked-v1 .im-auth-signup__form .input-group-addon .custPassEye,
body.im-auth-app .im-auth-signup__form .input-group-addon .custPassEye {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
    color: #64748b;
}

body.imarked-v1 .im-auth-signup__loc-btn,
body.im-auth-app .im-auth-signup__loc-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    border: 0;
    background: transparent;
    color: #1a73e8;
    padding: 0;
    margin: 0;
    line-height: 1;
    cursor: pointer;
}

body.imarked-v1 .im-auth-pass-strength,
body.im-auth-app .im-auth-pass-strength {
    margin-top: 8px;
}

body.imarked-v1 .im-auth-pass-strength__meta,
body.im-auth-app .im-auth-pass-strength__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 6px;
}

body.imarked-v1 .im-auth-pass-strength__title,
body.im-auth-app .im-auth-pass-strength__title {
    font-size: 12px;
    font-weight: 600;
    color: #6b7280;
}

body.imarked-v1 .im-auth-pass-strength__label,
body.im-auth-app .im-auth-pass-strength__label {
    font-size: 12px;
    font-weight: 700;
    color: #9aa6b2;
}

body.imarked-v1 .im-auth-pass-strength__bars,
body.im-auth-app .im-auth-pass-strength__bars {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
}

body.imarked-v1 .im-auth-pass-strength__bar,
body.im-auth-app .im-auth-pass-strength__bar {
    height: 4px;
    border-radius: 999px;
    background: #e5eaf1;
    transition: background 0.18s ease;
}

body.imarked-v1 .im-auth-pass-strength.is-weak .im-auth-pass-strength__label,
body.im-auth-app .im-auth-pass-strength.is-weak .im-auth-pass-strength__label {
    color: #dc2626;
}

body.imarked-v1 .im-auth-pass-strength.is-medium .im-auth-pass-strength__label,
body.im-auth-app .im-auth-pass-strength.is-medium .im-auth-pass-strength__label {
    color: #d97706;
}

body.imarked-v1 .im-auth-pass-strength.is-strong .im-auth-pass-strength__label,
body.im-auth-app .im-auth-pass-strength.is-strong .im-auth-pass-strength__label {
    color: #059669;
}

body.imarked-v1 .im-auth-pass-strength.is-weak .im-auth-pass-strength__bar:nth-child(1),
body.im-auth-app .im-auth-pass-strength.is-weak .im-auth-pass-strength__bar:nth-child(1) {
    background: #ef4444;
}

body.imarked-v1 .im-auth-pass-strength.is-medium .im-auth-pass-strength__bar:nth-child(1),
body.imarked-v1 .im-auth-pass-strength.is-medium .im-auth-pass-strength__bar:nth-child(2),
body.im-auth-app .im-auth-pass-strength.is-medium .im-auth-pass-strength__bar:nth-child(1),
body.im-auth-app .im-auth-pass-strength.is-medium .im-auth-pass-strength__bar:nth-child(2) {
    background: #f59e0b;
}

body.imarked-v1 .im-auth-pass-strength.is-strong .im-auth-pass-strength__bar,
body.im-auth-app .im-auth-pass-strength.is-strong .im-auth-pass-strength__bar {
    background: #10b981;
}

/* Inline option under a field (email / WhatsApp): sit close to input, then clear space before next field */
body.imarked-v1 .im-auth-checkrow--field,
body.im-auth-app .im-auth-checkrow--field {
    margin: 8px 0 18px !important;
}

body.imarked-v1 .im-auth-signup__form .form-group + .im-auth-checkrow--field,
body.im-auth-app .im-auth-signup__form .form-group + .im-auth-checkrow--field {
    margin-top: -10px !important; /* cancel most of prior form-group margin → ~8px under input */
}

body.imarked-v1 .im-auth-signup__checks,
body.im-auth-app .im-auth-signup__checks {
    margin: 6px 0 16px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 14px;
}

body.imarked-v1 .im-auth-checkrow,
body.im-auth-app .im-auth-checkrow {
    margin: 0;
    min-height: 0;
    padding: 0 !important;
    width: 100%;
    text-align: left;
}

body.imarked-v1 .im-auth-checkrow > label,
body.im-auth-app .im-auth-checkrow > label {
    display: inline-flex;
    align-items: flex-start;
    gap: 10px;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 14px;
    font-weight: 500;
    color: #334155;
    cursor: pointer;
    line-height: 1.4;
    text-align: left;
    white-space: normal;
}

body.imarked-v1 .im-auth-checkrow--field > label,
body.im-auth-app .im-auth-checkrow--field > label {
    align-items: center;
    white-space: nowrap;
    font-size: 13.5px;
}

body.imarked-v1 .im-auth-checkrow__text,
body.im-auth-app .im-auth-checkrow__text {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: normal;
}

body.imarked-v1 .im-auth-checkrow--field .im-auth-checkrow__text,
body.im-auth-app .im-auth-checkrow--field .im-auth-checkrow__text {
    white-space: nowrap;
}

body.imarked-v1 .im-auth-checkrow__note,
body.im-auth-app .im-auth-checkrow__note {
    display: block;
    margin: 8px 0 0 30px !important;
    padding: 0 !important;
    font-size: 12.5px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #64748b !important;
}

body.imarked-v1 .im-auth-checkrow--legal,
body.im-auth-app .im-auth-checkrow--legal {
    padding: 12px 12px 12px 10px !important;
    border-radius: 10px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
}

body.imarked-v1 .im-auth-checkrow__text a,
body.im-auth-app .im-auth-checkrow__text a {
    color: #1a73e8;
    text-decoration: none;
    line-height: 1;
}

body.imarked-v1 .im-auth-checkrow > label > input[type="checkbox"],
body.im-auth-app .im-auth-checkrow > label > input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    margin: 0;
    flex: 0 0 20px;
    border: 1.5px solid #c5d0dc;
    border-radius: 5px;
    background: #fff;
    cursor: pointer;
    position: relative;
    box-shadow: none;
    float: none !important;
}

body.imarked-v1 .im-auth-checkrow > label > input[type="checkbox"]:checked,
body.im-auth-app .im-auth-checkrow > label > input[type="checkbox"]:checked {
    background: #1a73e8;
    border-color: #1a73e8;
}

body.imarked-v1 .im-auth-checkrow > label > input[type="checkbox"]:checked::after,
body.im-auth-app .im-auth-checkrow > label > input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

body.imarked-v1 .im-auth-checkrow .has-error,
body.im-auth-app .im-auth-checkrow .has-error {
    display: block;
    margin-top: 4px;
    margin-left: 30px;
    text-align: left;
}

body.imarked-v1 .im-auth-signup__submit,
body.im-auth-app .im-auth-signup__submit {
    margin: 8px 0 0 !important;
    text-align: left;
}

body.imarked-v1 .im-auth-signup__submit .btn.btn-primary,
body.im-auth-app .im-auth-signup__submit .btn.btn-primary {
    width: 100%;
    min-height: 46px !important;
    margin: 0 !important;
    float: none !important;
    border-radius: 10px !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
}

body.imarked-v1 .im-auth-signup__login,
body.im-auth-app .im-auth-signup__login {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #e7ebf0;
    text-align: left !important;
}

body.imarked-v1 .im-auth-signup__login .im-auth-link,
body.im-auth-app .im-auth-signup__login .im-auth-link {
    font-size: 14px;
    display: inline-block;
}

body.imarked-v1 .im-auth-signup .passErrorMsg,
body.im-auth-app .im-auth-signup .passErrorMsg {
    font-size: 12px;
    margin-top: 4px;
    color: #dc2626;
}

body.imarked-v1 .im-auth-signup .has-error,
body.im-auth-app .im-auth-signup .has-error {
    font-size: 12px;
}

/* ========== App auth shell (_loginLayout) ========== */
html.im-auth-scale {
    font-size: 130%;
}

body.im-auth-app {
    margin: 0;
    min-height: 100vh;
    background:
        radial-gradient(1200px 600px at 50% -10%, rgba(0, 102, 255, 0.08), transparent 55%),
        linear-gradient(180deg, #f7f9fc 0%, #eef2f7 100%) !important;
    font-family: "Plus Jakarta Sans", "Segoe UI", sans-serif;
    color: var(--im-fg, #181c23);
}

body.im-auth-app .im-auth-app__shell {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 28px 16px 40px;
    box-sizing: border-box;
}

body.im-auth-app .im-auth-app__brand {
    width: 100%;
    max-width: 1080px;
    display: flex;
    justify-content: center;
    margin-bottom: 18px;
}

body.im-auth-app .im-auth-app__logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
}

body.im-auth-app .im-auth-app__logo img {
    display: block;
    width: 180px !important;
    max-width: 100% !important;
    height: 50px !important;
    object-fit: contain;
    object-position: center;
    background: transparent !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

body.im-auth-app .im-auth-app__main {
    width: 100%;
    max-width: 1080px;
    flex: 1 1 auto;
}

body.im-auth-app .im-auth-app__main > .im-auth-page,
body.im-auth-app .im-auth-app__main > .im-auth-page--wide {
    max-width: 440px;
    margin-left: auto;
    margin-right: auto;
}

body.im-auth-app .im-auth-app__main > .im-login-page {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}

body.im-auth-app .im-auth-page {
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
}

body.im-auth-app .im-auth-page--wide {
    max-width: 100%;
}

body.im-auth-app .im-auth-card {
    border: 0;
    box-shadow: 0 10px 36px rgba(24, 28, 35, 0.08);
}

body.im-auth-app .im-breadcrumb {
    display: none !important;
}

/* ========== Home signup modal ========== */
body.imarked-v1 #myModal_SignUp .modal-dialog {
    width: auto;
    max-width: 520px;
    margin: 24px auto;
}

body.imarked-v1 #myModal_SignUp .modal-content {
    border: 0;
    border-radius: 20px;
    overflow: hidden;
    background: transparent;
    box-shadow: none;
}

body.imarked-v1 #myModal_SignUp .modal-header {
    border: 0;
    padding: 0;
}

body.imarked-v1 #myModal_SignUp .modal-body {
    padding: 0 !important;
    font-size: 15px !important;
    background: transparent;
}

body.imarked-v1 #myModal_SignUp .im-auth-signup,
body.imarked-v1 #myModal_SignUp .im-auth-signup--popup {
    max-width: 100%;
    margin: 0;
    padding: 22px 22px 18px;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.22);
}

body.imarked-v1 #myModal_SignUp .im-auth-signup__form .form-group {
    margin-bottom: 16px;
}

body.imarked-v1 #myModal_SignUp .im-auth-checkrow--field {
    margin: 8px 0 16px !important;
}

body.imarked-v1 #myModal_SignUp .im-auth-signup__login,
body.imarked-v1 #myModal_SignUp .im-auth-signup--popup .im-auth-footer,
body.imarked-v1 #myModal_SignUp .im-auth-signup--popup .divBtnLogin {
    display: none;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-auth-page {
        margin-top: 4px;
        padding: 0 8px 20px;
    }

    body.im-auth-app .im-auth-page {
        padding: 0;
    }

    body.im-auth-app .im-auth-app__shell {
        padding: 20px 12px 28px;
    }

    body.im-auth-app .im-auth-app__logo img {
        width: 150px !important;
        height: 42px !important;
    }

    body.imarked-v1 .im-auth-card {
        padding: 20px 16px 18px;
        border-radius: 14px;
    }

    body.imarked-v1 .im-auth-card__head h1 {
        font-size: 1.35rem !important;
    }

    body.imarked-v1 .im-auth-signup,
    body.im-auth-app .im-auth-signup {
        padding: 18px 16px 16px;
        border-radius: 16px;
    }

    body.imarked-v1 .im-auth-signup__form .form-group,
    body.im-auth-app .im-auth-signup__form .form-group {
        margin-bottom: 16px;
    }

    body.imarked-v1 .im-auth-signup__form .control-label,
    body.im-auth-app .im-auth-signup__form .control-label {
        margin-bottom: 6px;
        font-size: 13px;
    }

    body.imarked-v1 .im-auth-signup__form .form-control,
    body.im-auth-app .im-auth-signup__form .form-control,
    body.imarked-v1 .im-auth-signup__form .input-group .form-control,
    body.im-auth-app .im-auth-signup__form .input-group .form-control,
    body.imarked-v1 .im-auth-signup__form .input-group-addon,
    body.im-auth-app .im-auth-signup__form .input-group-addon {
        height: 44px !important;
        min-height: 44px !important;
        max-height: 44px !important;
        font-size: 16px !important; /* avoids iOS zoom on focus */
    }

    body.imarked-v1 .im-auth-checkrow--field,
    body.im-auth-app .im-auth-checkrow--field {
        margin: 8px 0 16px !important;
    }

    body.imarked-v1 .im-auth-checkrow--field > label,
    body.im-auth-app .im-auth-checkrow--field > label {
        font-size: 13px;
        white-space: normal;
    }

    body.imarked-v1 .im-auth-checkrow--field .im-auth-checkrow__text,
    body.im-auth-app .im-auth-checkrow--field .im-auth-checkrow__text {
        white-space: normal;
    }

    body.imarked-v1 .im-auth-signup__checks,
    body.im-auth-app .im-auth-signup__checks {
        gap: 12px;
        margin-bottom: 14px;
    }

    body.imarked-v1 .im-auth-checkrow__note,
    body.im-auth-app .im-auth-checkrow__note {
        margin-left: 28px !important;
        font-size: 12px !important;
        line-height: 1.55 !important;
    }

    body.imarked-v1 #myModal_SignUp .modal-dialog {
        width: calc(100% - 16px);
        max-width: none;
        margin: 10px auto;
    }

    body.imarked-v1 #myModal_SignUp .im-auth-signup,
    body.imarked-v1 #myModal_SignUp .im-auth-signup--popup {
        padding: 16px 14px 14px;
        border-radius: 16px;
    }
}

/* ========== Centered login (mobile + desktop) ========== */
body.im-auth-app .im-login-page {
    width: 100%;
}

body.im-auth-app .im-login-page__layout {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 28px;
}

body.im-auth-app .im-login {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
    padding: 28px 24px 24px;
    border-radius: 24px;
    background: #ffffff;
    border: 1px solid #e4eaf2;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 10px 32px rgba(15, 23, 42, 0.06);
    box-sizing: border-box;
}

body.im-auth-app .im-login__intro {
    text-align: center;
    margin: 0 0 18px;
}

body.im-auth-app .im-login__intro h1 {
    margin: 0 !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em;
    color: #0b1b33 !important;
    line-height: 1.15 !important;
}

body.im-auth-app .im-login__intro p {
    margin: 0 auto !important;
    max-width: 34ch;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #7b8794 !important;
    font-weight: 500 !important;
}

body.im-auth-app .im-login__providers {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 18px;
    align-items: stretch;
}

body.im-auth-app .im-login__terms {
    margin: 0 0 2px !important;
    text-align: center;
    font-size: 15px !important;
    line-height: 1.45 !important;
    color: #5b6775 !important;
}

body.im-auth-app .im-login__terms a {
    color: #e67e22 !important;
    font-weight: 700;
    text-decoration: none !important;
}

body.im-auth-app .im-login__terms a:hover {
    text-decoration: underline !important;
}

body.im-auth-app .im-login__google {
    position: relative;
    width: 100%;
}

body.im-auth-app .im-login__google-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 100%;
    min-height: 48px;
    padding: 12px 18px;
    border-radius: 8px;
    border: 2px solid #4285F4;
    background: #fff;
    color: #122033;
    font-size: 14.4px;
    font-weight: 700;
    box-shadow: 0 1px 2px rgba(66, 133, 244, 0.12);
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
}

body.im-auth-app .im-login__google-btn:hover {
    border-color: #3367D6;
    background: #f8fbff;
    box-shadow: 0 4px 14px rgba(66, 133, 244, 0.18);
}

body.im-auth-app .im-login__google-btn:active {
    transform: translateY(1px);
}

body.im-auth-app .im-login__google-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
}

body.im-auth-app .im-login__google-wordmark {
    font-family: "Plus Jakarta Sans", "Segoe UI", sans-serif;
    font-size: 1.08rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1;
    color: #1f1f1f;
}

body.im-auth-app .im-login__google-native {
    position: absolute !important;
    left: -9999px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0;
}

body.im-auth-app .im-login-provider {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 52px;
    padding: 12px 42px 12px 16px;
    border-radius: 12px;
    border: 1.5px solid #d9e0e8;
    background: #fff;
    color: #122033;
    font-size: 15px;
    font-weight: 650;
    text-align: left;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    cursor: pointer;
    transition: border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

body.im-auth-app .im-login-provider:hover {
    border-color: #c5d0dc;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.08);
}

body.im-auth-app .im-login-provider:active {
    transform: translateY(1px);
}

body.im-auth-app .im-login-provider__icon {
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    flex: 0 0 28px;
}

body.im-auth-app .im-login-provider__icon--mail {
    color: #1a73e8;
    font-size: 18px;
}

body.im-auth-app .im-login-provider__label {
    flex: 1 1 auto;
}

body.im-auth-app .im-login-provider__chevron {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 18px;
    opacity: 0.85;
    color: #9aa6b2;
}

body.im-auth-app .im-login__divider {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 6px 0 18px;
    color: #9aa6b2;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.08em;
}

body.im-auth-app .im-login__divider::before,
body.im-auth-app .im-login__divider::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: #e3e8ef;
}

body.im-auth-app .im-login__form .form-group {
    margin-bottom: 14px;
}

body.im-auth-app .im-login__form .im-auth-label {
    margin-bottom: 7px;
    font-size: 16px;
    font-weight: 600;
    color: #1a2b3c;
}

body.im-auth-app .im-login__field {
    position: relative;
    display: flex;
    align-items: center;
}

body.im-auth-app .im-login__field-icon {
    position: absolute;
    left: 14px;
    z-index: 2;
    color: #9aa6b2;
    font-size: 15px;
    pointer-events: none;
}

body.im-auth-app .im-login__field .form-control {
    height: 50px !important;
    padding-left: 42px !important;
    border-radius: 12px !important;
    border: 1.5px solid #d0d9e6 !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

body.im-auth-app .im-login__field .form-control:focus {
    border-color: #1a73e8 !important;
    box-shadow: 0 0 0 3px rgba(26, 115, 232, 0.12) !important;
    background: #fff !important;
}

body.im-auth-app .im-login__field--password .form-control {
    padding-right: 46px !important;
}

body.im-auth-app .im-login__eye {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #9aa6b2;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    cursor: pointer;
    z-index: 2;
}

body.im-auth-app .im-login__eye:hover {
    color: #475569;
    background: #f1f5f9;
}

body.im-auth-app .im-login__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin: 2px 0 16px;
}

body.im-auth-app .im-login__remember-wrap {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

body.im-auth-app .im-login__remember {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 15px;
    font-weight: 450;
    color: #334155;
    cursor: pointer;
}

body.im-auth-app .im-login__remember input[type="checkbox"] {
    width: 17px;
    height: 17px;
    margin: 0;
    accent-color: #1a73e8;
}

body.im-auth-app .im-login__remember-info {
    color: #1a73e8 !important;
    font-size: 16px;
    line-height: 1;
    padding: 2px;
    text-decoration: none !important;
}

body.im-auth-app .im-login__remember-info:hover {
    color: #155dc0 !important;
}

body.im-auth-app .im-login__submit {
    gap: 8px;
    min-height: 52px !important;
    border-radius: 12px !important;
    background: #1a73e8 !important;
    font-size: 16px !important;
}

body.im-auth-app .im-login__submit:hover {
    background: #155dc0 !important;
}

body.im-auth-app .im-login__new {
    margin: 0;
    padding: 16px;
    border: 1px solid #dbe7f6;
    border-radius: 14px;
    background: linear-gradient(180deg, #f3f8ff 0%, #eef5ff 100%);
    box-shadow: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

body.im-auth-app .im-login__new-body {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

body.im-auth-app .im-login__new-icon {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #e8f1ff;
    color: #1a73e8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}

body.im-auth-app .im-login__new-copy {
    min-width: 0;
    flex: 1 1 auto;
}

body.im-auth-app .im-login__new-copy strong {
    display: block;
    font-size: 16px;
    font-weight: 700;
    color: #0b1b33;
    margin-bottom: 4px;
    line-height: 1.25;
}

body.im-auth-app .im-login__new-copy p {
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    color: #6b7280 !important;
    font-weight: 500 !important;
}

body.im-auth-app .im-login__new-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 46px;
    padding: 10px 16px;
    border: 2px solid #1a73e8;
    border-radius: 8px;
    color: #1a73e8 !important;
    font-weight: 700;
    font-size: 15px;
    text-decoration: none !important;
    background: #fff;
    transition: background 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}

body.im-auth-app .im-login__new-btn:hover {
    background: #f0f6ff;
    border-color: #155dc0;
    color: #155dc0 !important;
    box-shadow: 0 4px 12px rgba(26, 115, 232, 0.12);
}

/* Left brand panel — Microsoft / Google account style */
body.im-auth-app .im-login-aside {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    border-radius: 24px;
    background: #f3f6fb;
    border: 1px solid #e4eaf2;
    box-shadow: 0 8px 30px rgba(15, 23, 42, 0.04);
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

body.im-auth-app .im-login-aside__content {
    position: relative;
    z-index: 1;
    padding: 28px 24px 18px;
}

body.im-auth-app .im-login-aside__eyebrow {
    display: inline-flex;
    align-items: center;
    margin: 0 0 14px !important;
    padding: 5px 10px;
    border-radius: 999px;
    background: rgba(26, 115, 232, 0.08);
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #155dc0 !important;
}

body.im-auth-app .im-login-aside__title {
    margin: 0 0 12px !important;
    font-size: 30px !important;
    font-weight: 800 !important;
    letter-spacing: -0.04em;
    line-height: 1.12 !important;
    color: #0b1b33 !important;
}

body.im-auth-app .im-login-aside__title span {
    color: #1a73e8;
}

body.im-auth-app .im-login-aside__lead {
    margin: 0 0 24px !important;
    max-width: 36ch;
    font-size: 15px !important;
    line-height: 1.55 !important;
    color: #5f6b7a !important;
    font-weight: 500 !important;
}

body.im-auth-app .im-login-aside__list {
    list-style: none;
    margin: 0;
    padding: 4px 0 0;
    display: flex;
    flex-direction: column;
    gap: 0;
    background: #fff;
    border: 1px solid #e7edf5;
    border-radius: 16px;
    overflow: hidden;
}

body.im-auth-app .im-login-aside__list li {
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 12px;
    align-items: center;
    padding: 14px 16px;
    border-bottom: 1px solid #eef2f7;
}

body.im-auth-app .im-login-aside__list li:last-child {
    border-bottom: 0;
}

body.im-auth-app .im-login-aside__icon {
    width: 40px;
    height: 40px;
    border-radius: 11px;
    background: #eef4ff;
    color: #1a73e8;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.im-auth-app .im-login-aside__icon--shop {
    background: #e8f1ff;
    color: #0b5bd3;
}

body.im-auth-app .im-login-aside__icon svg {
    display: block;
}

body.im-auth-app .im-login-aside__list strong {
    display: block;
    margin: 0 0 2px;
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.01em;
}

body.im-auth-app .im-login-aside__list li > div > span {
    display: block;
    font-size: 12.5px;
    line-height: 1.4;
    color: #64748b;
    font-weight: 500;
}

body.im-auth-app .im-login-aside__trust {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 16px;
    font-size: 11.5px;
    font-weight: 600;
    color: #7b8794;
}

body.im-auth-app .im-login-aside__dot {
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background: #c5ced9;
}

body.im-auth-app .im-login-aside__visual {
    position: relative;
    z-index: 1;
    margin: 8px 16px 16px;
    border-radius: 16px;
    overflow: hidden;
    background: #e8eef8;
}

body.im-auth-app .im-login-aside__visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(243, 246, 251, 0.15) 0%, transparent 35%);
    pointer-events: none;
}

body.im-auth-app .im-login-aside__visual img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 170px;
    object-fit: cover;
    object-position: center 45%;
}

/* Autofill polish on login fields */
body.im-auth-app .im-login__field .form-control:-webkit-autofill,
body.im-auth-app .im-login__field .form-control:-webkit-autofill:hover,
body.im-auth-app .im-login__field .form-control:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 40px #fff inset !important;
    -webkit-text-fill-color: #0f172a !important;
    caret-color: #0f172a;
    transition: background-color 99999s ease-in-out 0s;
}

@media (min-width: 900px) {
    body.im-auth-app .im-login-page__layout {
        display: grid;
        grid-template-columns: minmax(0, 1.15fr) minmax(400px, 480px);
        grid-template-areas: "aside login";
        gap: 24px 28px;
        align-items: stretch;
    }

    body.im-auth-app .im-login {
        grid-area: login;
        max-width: none;
        margin: 0;
        padding: 36px 32px 28px;
        min-height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: #ffffff;
        border: 1px solid #e4eaf2;
        box-shadow:
            0 1px 0 rgba(255, 255, 255, 0.95) inset,
            0 12px 36px rgba(15, 23, 42, 0.07);
    }

    body.im-auth-app .im-login-aside {
        grid-area: aside;
        min-height: 100%;
        display: flex;
        flex-direction: column;
    }

    body.im-auth-app .im-login-aside__content {
        padding: 36px 32px 20px;
        flex: 1 1 auto;
    }

    body.im-auth-app .im-login-aside__title {
        font-size: 36px !important;
    }

    body.im-auth-app .im-login-aside__lead {
        font-size: 15px !important;
        max-width: 34ch;
        margin-bottom: 28px !important;
    }

    body.im-auth-app .im-login-aside__list li {
        padding: 16px 18px;
    }

    body.im-auth-app .im-login-aside__visual {
        margin: auto 20px 20px;
        border-radius: 18px;
    }

    body.im-auth-app .im-login-aside__visual img {
        min-height: 230px;
        max-height: 280px;
    }

    body.im-auth-app .im-login__intro {
        text-align: left;
    }

    body.im-auth-app .im-login__intro p {
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: none;
    }

    body.im-auth-app .im-login__terms {
        text-align: left;
    }
}

body.im-auth-app .im-login__footer {
    margin-top: 28px;
    padding-bottom: 8px;
    text-align: center;
    color: #9aa6b2;
    font-size: 0.656rem;
}

body.im-auth-app .im-login__footer nav {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
}

body.im-auth-app .im-login__footer a {
    color: #7b8794 !important;
    text-decoration: none !important;
    font-weight: 550;
}

body.im-auth-app .im-login__footer a:hover {
    color: #1a73e8 !important;
}

body.im-auth-app .im-login__footer p {
    margin: 0 0 4px !important;
    color: #9aa6b2 !important;
}

body.im-auth-app .im-login__version {
    font-size: 0.624rem !important;
}

body.im-auth-app .im-login__forgot .im-login__back {
    display: block;
    width: 100%;
    margin-top: 10px;
    text-align: center;
    color: #1a73e8 !important;
    font-weight: 650;
}

@media (max-width: 420px) {
    body.im-auth-app .im-login__intro h1 {
        font-size: 21px !important;
    }
}

/* ========== PayNow (PaymentGateway) ========== */
body.im-auth-app .im-pay {
    --im-pay-primary: var(--im-primary, #0066ff);
    --im-pay-primary-hover: var(--im-primary-hover, #0052cc);
    --im-pay-fg: #181c23;
    --im-pay-muted: #6e7a8a;
    --im-pay-border: #e7ebf0;
    --im-pay-soft: #f5f8ff;
    max-width: 640px;
    width: 100%;
    margin: 0 auto 48px;
    padding: 4px 16px 40px;
    box-sizing: border-box;
    font-family: "Plus Jakarta Sans", "Segoe UI", sans-serif;
}

body.im-auth-app .im-pay__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 auto 12px;
    padding: 6px 12px;
    border-radius: 999px;
    background: #eff6ff;
    color: var(--im-pay-primary);
    font-size: 11.5px;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.im-auth-app .im-pay__eyebrow .fa {
    font-size: 12px;
}

body.im-auth-app .im-pay__intro {
    text-align: center;
    margin: 0 0 22px;
}

body.im-auth-app .im-pay__title {
    margin: 0 0 6px !important;
    font-size: 1.65rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em;
    color: var(--im-pay-fg) !important;
    line-height: 1.2 !important;
}

body.im-auth-app .im-pay__subtitle {
    margin: 0;
    font-size: 0.95rem;
    color: var(--im-pay-muted);
    line-height: 1.45;
}

body.im-auth-app .im-pay__summary {
    background: #fff;
    border: 1px solid var(--im-pay-border);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(24, 28, 35, 0.07);
    overflow: hidden;
    margin-bottom: 16px;
}

body.im-auth-app .im-pay__amount {
    padding: 22px 22px 18px;
    text-align: center;
    background:
        radial-gradient(120% 140% at 50% -20%, rgba(0, 102, 255, 0.14), transparent 55%),
        linear-gradient(180deg, #f8faff 0%, #fff 100%);
    border-bottom: 1px solid #eef2f7;
}

body.im-auth-app .im-pay__amount-label {
    display: block;
    margin: 0 0 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--im-pay-muted);
}

body.im-auth-app .im-pay__amount-value {
    margin: 0;
    font-size: 2.15rem;
    font-weight: 800;
    letter-spacing: -0.04em;
    color: var(--im-pay-primary);
    line-height: 1.1;
}

body.im-auth-app .im-pay__amount-currency {
    font-size: 1.05rem;
    font-weight: 750;
    letter-spacing: 0;
    margin-right: 4px;
    opacity: 0.85;
}

body.im-auth-app .im-pay__parties {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

body.im-auth-app .im-pay__party {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    padding: 16px 18px;
}

body.im-auth-app .im-pay__party + .im-pay__party {
    border-left: 1px solid #eef2f7;
}

body.im-auth-app .im-pay__party-icon {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--im-pay-soft);
    color: var(--im-pay-primary);
    font-size: 15px;
}

body.im-auth-app .im-pay__party-label {
    display: block;
    margin: 0 0 3px;
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: var(--im-pay-muted);
}

body.im-auth-app .im-pay__party strong {
    display: block;
    font-size: 0.98rem;
    font-weight: 800;
    color: var(--im-pay-fg);
    margin-bottom: 2px;
    line-height: 1.3;
    word-break: break-word;
}

body.im-auth-app .im-pay__party p {
    margin: 0;
    font-size: 12.5px;
    color: #64748b;
    line-height: 1.4;
    word-break: break-word;
}

body.im-auth-app .im-pay__note {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    margin: 0 0 16px;
    padding: 16px 18px;
    border-radius: 16px;
    border: 1px solid #dbe7ff;
    background: linear-gradient(180deg, #f8faff 0%, #fff 100%);
    box-shadow: 0 2px 10px rgba(24, 28, 35, 0.04);
}

body.im-auth-app .im-pay__note-icon {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eff6ff;
    color: var(--im-pay-primary);
    font-size: 16px;
}

body.im-auth-app .im-pay__note-body {
    flex: 1 1 auto;
    min-width: 0;
}

body.im-auth-app .im-pay__note-title {
    margin: 0 0 8px;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--im-pay-fg);
    line-height: 1.3;
}

body.im-auth-app .im-pay__note-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 14px;
    margin: 0 0 10px;
    padding: 8px 10px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #e8eef8;
    font-size: 12.5px;
    color: #475569;
}

body.im-auth-app .im-pay__note-meta strong {
    color: var(--im-pay-fg);
    font-weight: 750;
}

body.im-auth-app .im-pay__note-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.im-auth-app .im-pay__note-list li {
    position: relative;
    margin: 0;
    padding: 0 0 8px 14px;
    font-size: 12.5px;
    line-height: 1.45;
    color: #475569;
}

body.im-auth-app .im-pay__note-list li:last-child {
    padding-bottom: 0;
}

body.im-auth-app .im-pay__note-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--im-pay-primary);
    opacity: 0.55;
}

body.im-auth-app .im-pay__note-list li strong {
    color: var(--im-pay-fg);
    font-weight: 700;
}

body.im-auth-app .im-pay__methods-card {
    background: #fff;
    border: 1px solid var(--im-pay-border);
    border-radius: 18px;
    box-shadow: 0 8px 28px rgba(24, 28, 35, 0.07);
    overflow: hidden;
}

body.im-auth-app .im-pay__gate-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 18px;
    border-bottom: 1px solid #eef2f7;
    background: #fff;
}

body.im-auth-app .im-pay__gate-head h2 {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 800;
    color: var(--im-pay-fg);
    letter-spacing: -0.02em;
}

body.im-auth-app .im-pay__gate-head h2 .fa {
    color: #16a34a;
    margin-right: 7px;
}

body.im-auth-app .im-pay__gate-hint {
    font-size: 12px;
    font-weight: 600;
    color: var(--im-pay-muted);
}

body.im-auth-app .im-pay__gate-body {
    padding: 16px;
}

body.im-auth-app .im-pay__methods {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
}

body.im-auth-app .im-pay__methods > [class*="col-"] {
    float: none !important;
    width: 100% !important;
    max-width: none;
    padding: 0 !important;
    margin: 0;
}

body.im-auth-app .payment-gateway-container {
    padding: 0;
}

body.im-auth-app .payment-card {
    background: #fff;
    border: 1.5px solid var(--im-pay-border);
    border-radius: 14px;
    box-shadow: none;
    margin: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

body.im-auth-app .payment-card:hover {
    border-color: #b8ceff;
    box-shadow: 0 8px 22px rgba(0, 102, 255, 0.08);
    transform: none;
}

body.im-auth-app .payment-card-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    background: linear-gradient(135deg, #0066ff 0%, #0047b3 100%);
    color: #fff;
    text-align: left;
}

body.im-auth-app .payment-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    margin: 0;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.16);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    overflow: hidden;
}

body.im-auth-app .payment-icon img {
    width: 36px !important;
    height: auto;
    max-height: 36px;
    object-fit: contain;
}

body.im-auth-app .payment-name {
    margin: 0;
    font-size: 1.02rem;
    font-weight: 750;
    color: #fff !important;
    line-height: 1.25;
}

body.im-auth-app .payment-card-header__meta {
    flex: 1 1 auto;
    min-width: 0;
}

body.im-auth-app .payment-card-header__meta small {
    display: block;
    margin-top: 2px;
    font-size: 11.5px;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.82);
}

body.im-auth-app .payment-card-body {
    padding: 14px 16px;
    flex-grow: 1;
    background: #fbfcfe;
}

body.im-auth-app .payment-features {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

body.im-auth-app .feature-item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 13px;
    color: #475569;
    line-height: 1.4;
}

body.im-auth-app .feature-item > .fa {
    margin-top: 2px;
    width: 16px;
    text-align: center;
    color: var(--im-pay-primary);
}

body.im-auth-app .payment-card-footer {
    padding: 12px 16px 16px;
    background: #fff;
    border-top: 1px solid #eef2f7;
}

body.im-auth-app .btn-payment {
    background: var(--im-pay-primary) !important;
    color: #fff !important;
    border: none !important;
    padding: 12px 18px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    border-radius: 10px !important;
    letter-spacing: 0;
    text-transform: none;
    box-shadow: 0 8px 18px rgba(0, 102, 255, 0.22);
    text-decoration: none !important;
}

body.im-auth-app .btn-payment:hover,
body.im-auth-app .btn-payment:focus {
    background: var(--im-pay-primary-hover) !important;
    color: #fff !important;
    transform: none;
}

body.im-auth-app .btn-payment[disabled] {
    opacity: 0.55;
    box-shadow: none;
    cursor: not-allowed;
}

body.im-auth-app .payment-card form {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    margin-bottom: 0;
}

body.im-auth-app .payment-card form .payment-card-body {
    flex-grow: 1;
}

body.im-auth-app .payment-card form .payment-card-footer {
    margin-top: auto;
}

body.im-auth-app .payment-features .form-control {
    width: 100%;
    height: 44px;
    padding: 10px 12px;
    font-size: 14px;
    border: 1.5px solid #d0d9e6;
    border-radius: 10px;
    box-shadow: none;
    background: #fff;
}

body.im-auth-app .payment-features .form-control:focus {
    border-color: var(--im-pay-primary);
    outline: none;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12);
}

body.im-auth-app .payment-features .form-control-file {
    width: 100%;
    font-size: 13px;
    color: #475569;
}

body.im-auth-app .payment-card form button.btn-payment,
body.im-auth-app .payment-credentials .btn-payment {
    width: 100%;
    display: block;
    text-align: center;
}

body.im-auth-app .im-pay__empty {
    margin: 0;
    padding: 18px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px dashed #d0d9e6;
    color: #475569;
    text-align: center;
    font-size: 13.5px;
}

body.im-auth-app .im-pay__empty .fa {
    color: var(--im-pay-primary);
    margin-right: 6px;
}

body.im-auth-app .im-pay__trust {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px 16px;
    margin: 18px 0 0;
    padding: 0;
    list-style: none;
    color: var(--im-pay-muted);
    font-size: 12px;
    font-weight: 600;
}

body.im-auth-app .im-pay__trust li {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

body.im-auth-app .im-pay__trust .fa {
    color: #16a34a;
}

@media (max-width: 640px) {
    body.im-auth-app .im-pay__parties {
        grid-template-columns: 1fr;
    }

    body.im-auth-app .im-pay__party + .im-pay__party {
        border-left: 0;
        border-top: 1px solid #eef2f7;
    }

    body.im-auth-app .im-pay__amount-value {
        font-size: 1.8rem;
    }

    body.im-auth-app .im-pay__gate-head {
        flex-direction: column;
        align-items: flex-start;
    }
}

/* IMARKED V1 — shared panel theme (use across cart, checkout, account, admin pages) */

:root {
    --im-panel-radius: 16px;
    --im-panel-radius-sm: 12px;
    --im-panel-border: var(--im-border, #e7ebf0);
    --im-panel-bg: var(--im-surface, #ffffff);
    --im-panel-head-bg: #f8fafc;
    --im-panel-shadow: var(--im-shadow-md, 0 4px 16px rgba(24, 28, 35, 0.08));
    --im-panel-title: var(--im-fg, #181c23);
    --im-panel-muted: var(--im-muted, #6e7a8a);
}

/* Base panel — prefer .im-panel; also style Bootstrap .panel.panel-default under v1 */
body.imarked-v1 .im-panel,
body.imarked-v1 .panel.panel-default.im-panel,
body.imarked-v1 .im-page .panel.panel-default {
    margin: 0 0 20px;
    background: var(--im-panel-bg) !important;
    border: 1px solid var(--im-panel-border) !important;
    border-radius: var(--im-panel-radius) !important;
    box-shadow: var(--im-panel-shadow);
    overflow: hidden;
}

body.imarked-v1 .im-panel__head,
body.imarked-v1 .im-panel > .panel-heading,
body.imarked-v1 .im-page .panel.panel-default > .panel-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    padding: 16px 20px !important;
    background: var(--im-panel-head-bg) !important;
    border-bottom: 1px solid var(--im-panel-border) !important;
    border-radius: 0 !important;
}

body.imarked-v1 .im-panel__title,
body.imarked-v1 .im-panel > .panel-heading .panel-title,
body.imarked-v1 .im-page .panel.panel-default > .panel-heading .panel-title {
    margin: 0 !important;
    font-size: 1.05rem !important;
    font-weight: 750 !important;
    letter-spacing: -0.02em;
    color: var(--im-panel-title) !important;
    line-height: 1.3 !important;
}

body.imarked-v1 .im-panel__title .fa,
body.imarked-v1 .im-panel > .panel-heading .panel-title .fa,
body.imarked-v1 .im-page .panel.panel-default > .panel-heading .panel-title .fa {
    color: var(--im-primary, #0066ff);
    margin-right: 4px;
}

body.imarked-v1 .im-panel__body,
body.imarked-v1 .im-panel > .panel-body,
body.imarked-v1 .im-page .panel.panel-default > .panel-body {
    padding: 20px !important;
    background: var(--im-panel-bg);
}

body.imarked-v1 .im-panel__foot {
    padding: 14px 20px;
    border-top: 1px solid var(--im-panel-border);
    background: #fbfcfe;
}

/* Page shell */
body.imarked-v1 .im-page {
    max-width: var(--im-max, 1180px);
    margin: 0 auto 48px;
    padding: 12px 16px 40px;
}

body.imarked-v1 .im-page__header {
    margin: 4px 0 20px;
}

body.imarked-v1 .im-page__title {
    margin: 0 0 6px !important;
    font-size: 1.75rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.035em;
    color: var(--im-fg, #181c23) !important;
    line-height: 1.15 !important;
}

body.imarked-v1 .im-page__subtitle {
    margin: 0 !important;
    font-size: 0.98rem !important;
    font-weight: 500 !important;
    color: var(--im-panel-muted) !important;
    line-height: 1.45 !important;
}

/* Shared table inside panels */
body.imarked-v1 .im-panel-table,
body.imarked-v1 .im-page .table.table-bordered {
    width: 100%;
    margin: 0 !important;
    border: 0 !important;
    background: transparent;
}

body.imarked-v1 .im-panel-table > thead > tr > th,
body.imarked-v1 .im-panel-table > thead > tr > td,
body.imarked-v1 .im-page .table.table-bordered > thead > tr > td {
    padding: 11px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--im-panel-border) !important;
    background: transparent !important;
    color: var(--im-panel-muted) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.imarked-v1 .im-panel-table > tbody > tr > td,
body.imarked-v1 .im-page .table.table-bordered > tbody > tr > td {
    padding: 16px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #eef2f7 !important;
    vertical-align: middle !important;
    color: var(--im-text, #333d4d);
    font-size: 14px;
    background: transparent !important;
}

body.imarked-v1 .im-panel-table > tbody > tr:last-child > td,
body.imarked-v1 .im-page .table.table-bordered > tbody > tr:last-child > td {
    border-bottom: 0 !important;
}

/* Buttons used across panels */
body.imarked-v1 .im-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 10px 18px !important;
    border-radius: var(--im-radius-sm) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}

body.imarked-v1 .im-btn--primary {
    background: var(--im-primary, #0066ff) !important;
    border: 0 !important;
    color: #fff !important;
    box-shadow: 0 6px 16px rgba(0, 102, 255, 0.22) !important;
}

body.imarked-v1 .im-btn--primary:hover {
    background: var(--im-primary-hover, #0052cc) !important;
    color: #fff !important;
}

body.imarked-v1 .im-btn--secondary {
    background: #fff !important;
    border: 1.5px solid #c9d4e3 !important;
    color: #1a2b3c !important;
}

body.imarked-v1 .im-btn--secondary:hover {
    border-color: var(--im-primary, #0066ff) !important;
    color: var(--im-primary, #0066ff) !important;
    background: #f8fbff !important;
}

body.imarked-v1 .im-btn--danger {
    background: #fff !important;
    border: 1.5px solid #fecaca !important;
    color: #dc2626 !important;
}

body.imarked-v1 .im-btn--danger:hover {
    background: #fef2f2 !important;
}

body.imarked-v1 .im-btn--ghost {
    background: transparent !important;
    border: 0 !important;
    color: var(--im-panel-muted) !important;
    min-height: 36px;
    padding: 6px 10px !important;
    font-weight: 650 !important;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-page {
        padding: 8px 10px 88px;
    }

    body.imarked-v1 .im-page__title {
        font-size: 1.4rem !important;
    }

    body.imarked-v1 .im-panel__head,
    body.imarked-v1 .im-panel > .panel-heading,
    body.imarked-v1 .im-page .panel.panel-default > .panel-heading,
    body.imarked-v1 .im-panel__body,
    body.imarked-v1 .im-panel > .panel-body,
    body.imarked-v1 .im-page .panel.panel-default > .panel-body {
        padding: 14px 14px !important;
    }
}

/* IMARKED V1 — Cart (compact Google/Microsoft-style list) + Checkout */

body.imarked-v1 .im-cart-page.im-page {
    max-width: 920px;
}

body.imarked-v1 .im-cart-page .im-page__header {
    margin-bottom: 14px;
}

body.imarked-v1 .im-cart-page .im-page__title {
    font-size: 1.65rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em;
    margin: 0 0 4px !important;
}

body.imarked-v1 .im-cart-page .im-page__subtitle {
    font-size: 0.92rem !important;
    margin: 0 !important;
}

body.imarked-v1 .im-cart-store {
    margin: 0 0 18px;
}

body.imarked-v1 .im-cart-page .im-cart-panel.panel {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid var(--im-panel-border, #e7ebf0) !important;
    border-radius: 16px !important;
    box-shadow: var(--im-panel-shadow, 0 4px 16px rgba(24, 28, 35, 0.08)) !important;
    background: #fff !important;
    overflow: hidden !important;
}

body.imarked-v1 .im-cart-store-head {
    display: flex;
    align-items: center;
    padding: 12px 16px !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #eef2f7 !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-cart-panel__body,
body.imarked-v1 .im-cart-panel > .panel-body {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
}

body.imarked-v1 .im-cart-store-brand {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

/* 56px + 15% ≈ 64px */
body.imarked-v1 .im-cart-store-logo {
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid var(--im-border, #e7ebf0);
    background: linear-gradient(180deg, #fff 0%, #f5f8fb 100%);
    box-shadow: 0 2px 8px rgba(24, 28, 35, 0.06);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px;
    box-sizing: border-box;
}

body.imarked-v1 .im-cart-store-logo__img,
body.imarked-v1 .im-cart-store-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

body.imarked-v1 .im-cart-store-logo--fallback {
    padding: 0;
}

body.imarked-v1 .im-cart-store-logo__ph[hidden] {
    display: none !important;
}

body.imarked-v1 .im-cart-store-logo__ph,
body.imarked-v1 .im-cart-store-logo .seller-logo-fallback {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border-radius: 0;
}

body.imarked-v1 .im-cart-store-logo .seller-logo-fallback-initials {
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

body.imarked-v1 .im-cart-store-text {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

body.imarked-v1 .im-cart-store-name {
    margin: 0 !important;
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    color: var(--im-fg, #181c23) !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .im-cart-store-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
}

body.imarked-v1 .im-cart-store-city {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
    line-height: 1.2;
}

body.imarked-v1 .im-cart-store-city > i {
    color: #ef4444;
    font-size: 12px;
}

body.imarked-v1 .im-cart-store-badge {
    display: inline-flex;
    align-items: center;
    padding: 2px 9px;
    border-radius: 999px;
    background: #f1f3fe;
    color: var(--im-primary, #0066ff);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.4;
}

/* Line items */
body.imarked-v1 .im-cart-lines {
    display: flex;
    flex-direction: column;
}

body.imarked-v1 .im-cart-line {
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr) auto auto;
    gap: 12px 14px;
    align-items: center;
    padding: 12px 16px;
    border-bottom: 1px solid #eef2f7;
}

body.imarked-v1 .im-cart-line:last-child {
    border-bottom: 1px solid var(--im-border, #e7ebf0);
}

body.imarked-v1 .im-cart-line__thumb {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid var(--im-border, #e7ebf0);
    background: #fff;
    flex: 0 0 56px;
}

body.imarked-v1 .im-cart-line__thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

body.imarked-v1 .im-cart-line__info {
    min-width: 0;
}

body.imarked-v1 .im-cart-line__name {
    display: block;
    color: var(--im-fg, #181c23) !important;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.3;
    text-decoration: none !important;
    margin: 0 0 2px;
}

body.imarked-v1 .im-cart-line__name:hover {
    color: var(--im-primary, #0066ff) !important;
}

body.imarked-v1 .im-cart-line__meta,
body.imarked-v1 .im-cart-line__unit {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: var(--im-muted, #6e7a8a);
    line-height: 1.35;
}

body.imarked-v1 .im-cart-line__qty {
    justify-self: end;
}

body.imarked-v1 .im-cart-line__total {
    min-width: 72px;
    text-align: right;
    white-space: nowrap;
}

body.imarked-v1 .im-cart-line__total strong {
    font-size: 14px;
    font-weight: 750;
    color: var(--im-fg, #181c23);
}

/* Compact qty control */
body.imarked-v1 .im-cart-qty {
    display: inline-flex !important;
    width: auto;
    margin: 0 !important;
}

body.imarked-v1 .im-cart-qty .form-control {
    width: 44px !important;
    height: 34px !important;
    padding: 4px 6px !important;
    text-align: center;
    border: 1px solid #d0d9e6 !important;
    border-right: 0 !important;
    border-radius: 8px 0 0 8px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 650;
}

body.imarked-v1 .im-cart-qty .input-group-btn {
    display: flex;
}

body.imarked-v1 .im-cart-qty .btn {
    width: 34px;
    height: 34px;
    min-width: 34px;
    padding: 0 !important;
    margin: 0 !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 !important;
    font-size: 12px;
}

body.imarked-v1 .im-cart-qty .btnUpdate {
    background: var(--im-primary, #0066ff) !important;
    border: 1px solid var(--im-primary, #0066ff) !important;
    color: #fff !important;
}

body.imarked-v1 .im-cart-qty .btn-danger {
    background: #fff !important;
    border: 1px solid #e7ebf0 !important;
    border-left: 0 !important;
    border-radius: 0 8px 8px 0 !important;
    color: #94a3b8 !important;
}

body.imarked-v1 .im-cart-qty .btn-danger:hover {
    color: #dc2626 !important;
    background: #fef2f2 !important;
    border-color: #fecaca !important;
}

/* Footer: discount + totals */
body.imarked-v1 .im-cart-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
    gap: 20px 28px;
    padding: 16px;
    background: #fbfcfe;
    border-bottom: 1px solid #eef2f7;
}

body.imarked-v1 .im-cart-discount__label {
    display: block;
    margin: 0 0 6px;
    font-size: 12px;
    font-weight: 650;
    color: var(--im-fg, #181c23);
}

body.imarked-v1 .im-cart-discount {
    display: flex;
    align-items: stretch;
    max-width: 320px;
    width: 100%;
}

body.imarked-v1 .im-cart-discount .form-control {
    flex: 1 1 auto;
    min-width: 0;
    height: 38px !important;
    border: 1px solid #d0d9e6 !important;
    border-right: 0 !important;
    border-radius: 8px 0 0 8px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    background: #fff !important;
}

body.imarked-v1 .im-cart-discount__btn.btnDiscount,
body.imarked-v1 .im-cart-footer .btnDiscount {
    flex: 0 0 auto;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 72px;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 0 8px 8px 0 !important;
    background: var(--im-primary, #0066ff) !important;
    background-image: none !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    box-shadow: none !important;
    cursor: pointer;
}

body.imarked-v1 .im-cart-discount__btn.btnDiscount:hover,
body.imarked-v1 .im-cart-footer .btnDiscount:hover {
    background: #0052cc !important;
    color: #fff !important;
}

body.imarked-v1 .im-cart-discount__error {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: #dc2626;
}

body.imarked-v1 .im-cart-footer__note {
    margin: 8px 0 0 !important;
    font-size: 12px !important;
    line-height: 1.4 !important;
    color: var(--im-muted, #6e7a8a) !important;
}

body.imarked-v1 .im-cart-total-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    padding: 5px 0;
    font-size: 13px;
}

body.imarked-v1 .im-cart-total-row span {
    color: var(--im-muted, #6e7a8a);
    font-weight: 500;
}

body.imarked-v1 .im-cart-total-row strong {
    color: var(--im-fg, #181c23);
    font-weight: 700;
    text-align: right;
}

body.imarked-v1 .im-cart-total-row--net {
    margin-top: 6px;
    padding-top: 10px;
    border-top: 1px solid #e4eaf2;
}

body.imarked-v1 .im-cart-total-row--net span {
    color: var(--im-fg, #181c23);
    font-weight: 750;
    font-size: 14px;
}

body.imarked-v1 .im-cart-total-row--net .storeNetTotal,
body.imarked-v1 .im-cart-total-row--net strong {
    color: var(--im-primary, #0066ff);
    font-size: 1.85rem;
    font-weight: 800;
}

/* Actions */
body.imarked-v1 .im-cart-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    padding: 12px 16px 14px;
    background: #fff;
}

body.imarked-v1 .im-cart-actions .button,
body.imarked-v1 .im-cart-actions .im-btn {
    margin: 0 !important;
    float: none !important;
    background-image: none !important;
    min-height: 40px !important;
    padding: 8px 14px !important;
    font-size: 13px !important;
    border-radius: 8px !important;
}

body.imarked-v1 .im-cart-actions .button span,
body.imarked-v1 .im-cart-actions .button span span {
    background: none !important;
    padding: 0 !important;
    color: inherit !important;
}

body.imarked-v1 .im-cart-actions .btn-proceed-checkout,
body.imarked-v1 .im-cart-actions #checkoutbtn {
    background: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    border: 0 !important;
    box-shadow: 0 4px 12px rgba(0, 102, 255, 0.2) !important;
}

body.imarked-v1 .im-cart-actions .btn-primary:not(.btn-proceed-checkout) {
    background: #fff !important;
    color: #1a2b3c !important;
    border: 1px solid #d0d9e6 !important;
}

body.imarked-v1 .im-cart-actions .empty_cart_button,
body.imarked-v1 .im-cart-actions .btn-danger {
    background: #fff !important;
    color: #dc2626 !important;
    border: 1px solid #fecaca !important;
}

body.imarked-v1 .im-cart-empty {
    text-align: center;
    width: 100%;
    max-width: none;
    margin: 28px 0 40px;
    border: 1px solid #e7ebf0 !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 18px rgba(24, 28, 35, 0.06) !important;
    overflow: hidden;
}

body.imarked-v1 .im-cart-empty .im-panel__body,
body.imarked-v1 .im-cart-empty__body {
    padding: 48px 28px 40px !important;
}

body.imarked-v1 .im-cart-empty__icon {
    width: 72px;
    height: 72px;
    margin: 0 auto 18px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #eff6ff 0%, #dbeafe 100%);
    color: #0066ff;
    box-shadow: inset 0 0 0 1px rgba(0, 102, 255, 0.12);
}

body.imarked-v1 .im-cart-empty__icon .fa {
    display: inline-block !important;
    font-size: 28px !important;
    line-height: 1 !important;
    color: #0066ff !important;
    opacity: 1 !important;
    visibility: visible !important;
}

body.imarked-v1 .im-cart-empty__title {
    margin: 0 0 8px;
    font-size: 1.35rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em;
    color: #181c23 !important;
    line-height: 1.25;
}

body.imarked-v1 .im-cart-empty__text {
    margin: 0 auto;
    max-width: 300px;
    font-size: 0.95rem;
    line-height: 1.5;
    color: #6e7a8a !important;
}

body.imarked-v1 .im-cart-empty__actions {
    margin-top: 22px;
}

body.imarked-v1 .im-cart-empty__cta {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 22px !important;
    border-radius: 12px !important;
    font-weight: 750 !important;
    box-shadow: 0 8px 20px rgba(0, 102, 255, 0.22);
}

@media (max-width: 767px) {
    body.imarked-v1 .im-cart-empty {
        margin: 12px 0 24px;
    }

    body.imarked-v1 .im-cart-empty .im-panel__body,
    body.imarked-v1 .im-cart-empty__body {
        padding: 32px 20px 28px !important;
    }
}

/* Mobile: compact 2-row line (thumb · name/total · qty) — no scattered price row */
@media (max-width: 767px) {
    body.imarked-v1 .im-cart-page.im-page {
        padding: 12px 12px 96px;
    }

    body.imarked-v1 .im-cart-page .im-page__header {
        margin-bottom: 12px;
        padding: 0 2px;
    }

    body.imarked-v1 .im-cart-page .im-page__title {
        font-size: 1.35rem !important;
    }

    body.imarked-v1 .im-cart-page .im-page__subtitle {
        font-size: 13px !important;
        margin-top: 2px;
    }

    body.imarked-v1 .im-cart-store {
        margin-bottom: 12px;
    }

    body.imarked-v1 .im-cart-store-head {
        padding: 10px 14px !important;
        background: #fff !important;
        border-bottom: 1px solid #eef2f7 !important;
    }

    body.imarked-v1 .im-cart-panel__body {
        padding: 0 !important;
    }

    body.imarked-v1 .im-cart-line {
        grid-template-columns: 52px minmax(0, 1fr) auto;
        grid-template-areas:
            "thumb info total"
            "thumb qty qty";
        column-gap: 10px;
        row-gap: 2px;
        align-items: start;
        padding: 8px 12px !important;
    }

    body.imarked-v1 .im-cart-line + .im-cart-line {
        border-top: 1px solid #eef2f7;
    }

    body.imarked-v1 .im-cart-line__thumb {
        grid-area: thumb;
        width: 52px !important;
        height: 52px !important;
        border-radius: 10px;
        align-self: start;
    }

    body.imarked-v1 .im-cart-line__info {
        grid-area: info;
        padding-top: 0;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    body.imarked-v1 .im-cart-line__name {
        font-size: 13.5px;
        font-weight: 650;
        margin: 0;
        line-height: 1.25;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* Unit price hidden on mobile — line total is enough (was duplicated) */
    body.imarked-v1 .im-cart-line__unit {
        display: none !important;
    }

    body.imarked-v1 .im-cart-line__meta {
        font-size: 11px;
        margin: 1px 0 0;
        line-height: 1.2;
    }

    body.imarked-v1 .im-cart-line__total {
        grid-area: total;
        text-align: right;
        border: 0;
        padding: 0;
        min-width: 0;
        white-space: nowrap;
        align-self: start;
        line-height: 1.25;
    }

    body.imarked-v1 .im-cart-line__total strong {
        font-size: 13.5px;
        font-weight: 750;
        letter-spacing: -0.02em;
    }

    body.imarked-v1 .im-cart-line__qty {
        grid-area: qty;
        justify-self: start;
        width: auto;
        margin-top: 0;
        padding-top: 0;
    }

    body.imarked-v1 .im-cart-qty {
        width: auto !important;
    }

    body.imarked-v1 .im-cart-qty .form-control {
        width: 40px !important;
        height: 32px !important;
        font-size: 13px !important;
        border-radius: 8px 0 0 8px !important;
    }

    body.imarked-v1 .im-cart-qty .btn {
        width: 32px;
        height: 32px;
        min-width: 32px;
        font-size: 12px;
    }

    body.imarked-v1 .im-cart-qty .btnUpdate {
        border-radius: 0 !important;
    }

    body.imarked-v1 .im-cart-qty .btn-danger {
        border-radius: 0 8px 8px 0 !important;
    }

    body.imarked-v1 .im-cart-footer {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 14px;
        border-top: 1px solid #eef2f7;
    }

    body.imarked-v1 .im-cart-discount {
        max-width: 100%;
    }

    body.imarked-v1 .im-cart-footer__totals {
        padding: 12px 12px 4px;
        border-radius: 12px;
        background: #f8fafc;
        border: 1px solid #eef2f7;
    }

    body.imarked-v1 .im-cart-total-row {
        padding: 6px 0;
    }

    body.imarked-v1 .im-cart-actions {
        flex-direction: column;
        align-items: stretch;
        padding: 4px 14px 16px;
        gap: 8px;
    }

    body.imarked-v1 .im-cart-actions .button,
    body.imarked-v1 .im-cart-actions .im-btn {
        width: 100%;
        justify-content: center;
        min-height: 46px !important;
        border-radius: 12px !important;
    }

    body.imarked-v1 .im-cart-actions #checkoutbtn {
        order: -1;
        box-shadow: 0 8px 18px rgba(0, 102, 255, 0.22);
    }

    body.imarked-v1 .im-cart-actions .empty_cart_button,
    body.imarked-v1 .im-cart-actions .im-btn--danger {
        order: 2;
    }

    body.imarked-v1 .im-cart-actions .im-btn--secondary {
        order: 1;
    }
}

/* Checkout — guest auth (balanced login + compact signup) */
body.imarked-v1 .im-checkout-auth {
    padding: 0 0 12px;
}

body.imarked-v1 .im-checkout-auth__banner {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 14px 20px;
    background: linear-gradient(180deg, #f5f8ff 0%, #eef4ff 100%);
    border-bottom: 1px solid #e1e8f5;
}

body.imarked-v1 .im-checkout-auth__banner strong {
    font-size: 1.02rem;
    font-weight: 800;
    color: var(--im-fg, #181c23);
    letter-spacing: -0.02em;
}

body.imarked-v1 .im-checkout-auth__banner span {
    font-size: 13px;
    color: var(--im-muted, #6e7a8a);
}

body.imarked-v1 .im-checkout-auth__grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr);
    align-items: start;
    gap: 0 28px;
    max-width: 920px;
    margin: 0 auto;
    padding: 20px 18px 22px;
}

body.imarked-v1 .im-checkout-auth__panel {
    min-width: 0;
    max-width: 380px;
    width: 100%;
    justify-self: center;
}

body.imarked-v1 .im-checkout-auth-card {
    padding: 18px 16px 16px;
    border: 1px solid #e7ebf0;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 2px 10px rgba(24, 28, 35, 0.04);
}

body.imarked-v1 .im-checkout-auth-card--signup {
    background: #fbfcfe;
}

body.imarked-v1 .im-checkout-auth__head {
    margin: 0 0 14px;
    text-align: left;
}

body.imarked-v1 .im-checkout-auth__head h2 {
    margin: 0 0 4px !important;
    font-size: 1.12rem !important;
    font-weight: 800 !important;
    color: var(--im-fg, #181c23) !important;
    letter-spacing: -0.02em;
}

body.imarked-v1 .im-checkout-auth__head p {
    margin: 0;
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--im-muted, #6e7a8a);
}

body.imarked-v1 .im-checkout-auth__divider {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch;
    position: relative;
    min-height: 180px;
}

body.imarked-v1 .im-checkout-auth__divider::before {
    content: "";
    position: absolute;
    top: 12px;
    bottom: 12px;
    left: 50%;
    width: 1px;
    background: #e4eaf2;
}

body.imarked-v1 .im-checkout-auth__divider span {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid #e4eaf2;
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
}

body.imarked-v1 .im-checkout-login-providers {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 12px;
}

body.imarked-v1 .im-checkout-provider {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    min-height: 44px;
    padding: 10px 12px;
    border-radius: 10px;
    font-size: 13.5px;
    font-weight: 700;
    text-decoration: none !important;
    border: 0;
    cursor: pointer;
}

body.imarked-v1 .im-checkout-provider--google,
body.imarked-v1 .im-checkout-provider--facebook {
    background: #fff;
    color: #1a2b3c !important;
    border: 1.5px solid #d0d9e6 !important;
}

body.imarked-v1 .im-checkout-provider--google:hover,
body.imarked-v1 .im-checkout-provider--facebook:hover {
    border-color: #b8c4d4 !important;
    background: #fafbfc;
}

body.imarked-v1 .im-checkout-provider--facebook {
    border-color: #1877F2 !important;
    color: #1877F2 !important;
}

body.imarked-v1 .im-checkout-provider--facebook:hover {
    border-color: #166fe5 !important;
    background: #f5f8ff;
}

body.imarked-v1 .im-checkout-provider__g,
body.imarked-v1 .im-checkout-provider__f {
    display: inline-flex;
    align-items: center;
}

body.imarked-v1 .im-checkout-auth__or {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
    color: #94a3b8;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

body.imarked-v1 .im-checkout-auth__or::before,
body.imarked-v1 .im-checkout-auth__or::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #e7ebf0;
}

body.imarked-v1 .im-checkout-login-form .im-checkout-field {
    margin: 0 0 12px;
}

body.imarked-v1 .im-checkout-input {
    position: relative;
    display: flex;
    align-items: center;
}

body.imarked-v1 .im-checkout-input > .fa {
    position: absolute;
    left: 12px;
    z-index: 1;
    color: #94a3b8;
    font-size: 14px;
    pointer-events: none;
}

body.imarked-v1 .im-checkout-login-form .form-control {
    height: 44px !important;
    border: 1.5px solid #d0d9e6 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 14px !important;
    padding: 10px 12px 10px 36px !important;
    background: #fff !important;
    -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}

body.imarked-v1 .im-checkout-input--pass .form-control {
    padding-right: 42px !important;
}

body.imarked-v1 .im-checkout-eye {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    background: transparent;
    color: #94a3b8;
    width: 32px;
    height: 32px;
    padding: 0;
    cursor: pointer;
}

body.imarked-v1 .im-checkout-login-form .form-control:focus {
    border-color: var(--im-primary, #0066ff) !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12) !important;
}

body.imarked-v1 .im-checkout-login-btn {
    display: flex !important;
    width: 100%;
    align-items: center;
    justify-content: center;
    min-height: 48px !important;
    margin-top: 4px !important;
    padding: 12px 16px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    font-size: 14.5px !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 18px rgba(0, 102, 255, 0.24);
}

body.imarked-v1 .im-checkout-login-btn:hover {
    background: #0052cc !important;
}

/* Compact signup inside checkout */
body.imarked-v1 .im-checkout-signup-host {
    max-width: 100%;
}

body.imarked-v1 .im-checkout-signup-host .im-auth-signup {
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

body.imarked-v1 .im-checkout-signup-host .im-auth-signup__intro,
body.imarked-v1 .im-checkout-signup-host .im-auth-signup__close,
body.imarked-v1 .im-checkout-signup-host .im-auth-link {
    display: none !important;
}

body.imarked-v1 .im-checkout-signup-host .im-auth-signup__terms {
    font-size: 11.5px;
    line-height: 1.4;
    margin-bottom: 10px;
}

body.imarked-v1 .im-checkout-signup-host .im-auth-signup__form .form-control {
    height: 40px !important;
    font-size: 13.5px !important;
}

body.imarked-v1 .im-checkout-signup-host .im-auth-signup__providers,
body.imarked-v1 .im-checkout-signup-host .im-auth-signup__manual {
    gap: 8px;
}

@media (max-width: 820px) {
    body.imarked-v1 .im-checkout-auth__grid {
        grid-template-columns: 1fr;
        max-width: 400px;
        gap: 4px;
        padding: 14px 12px 18px;
    }

    body.imarked-v1 .im-checkout-auth__panel {
        max-width: 100%;
    }

    body.imarked-v1 .im-checkout-auth__divider {
        min-height: 0;
        padding: 8px 0 12px;
    }

    body.imarked-v1 .im-checkout-auth__divider::before {
        top: 50%;
        bottom: auto;
        left: 8px;
        right: 8px;
        width: auto;
        height: 1px;
    }

    body.imarked-v1 .im-checkout-auth__panel--login {
        order: -1;
    }
}

/* Checkout */
body.imarked-v1 .im-checkout-page.im-page {
    max-width: 960px;
    width: 100%;
    margin: 0 auto 48px !important;
    padding: 12px 16px 40px;
    float: none !important;
    display: block;
    box-sizing: border-box;
}

body.imarked-v1 .im-checkout-page .im-page__header {
    text-align: left;
}

body.imarked-v1 .im-checkout-page .im-page__title {
    font-size: 1.65rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.03em;
}

body.imarked-v1 .im-checkout-card.panel {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid var(--im-panel-border, #e7ebf0) !important;
    border-radius: 16px !important;
    box-shadow: var(--im-panel-shadow, 0 4px 16px rgba(24, 28, 35, 0.08)) !important;
    background: #fff !important;
    overflow: hidden !important;
}

body.imarked-v1 .im-checkout-store-head {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
}

body.imarked-v1 .im-checkout-back {
    font-size: 13px;
    font-weight: 650;
    color: var(--im-primary, #0066ff);
    text-decoration: none !important;
    white-space: nowrap;
}

body.imarked-v1 .im-checkout-back:hover {
    text-decoration: underline !important;
}

body.imarked-v1 .im-checkout-body {
    padding: 0;
}

body.imarked-v1 .im-checkout-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, 360px);
    gap: 0 8px;
}

body.imarked-v1 .im-checkout-col {
    padding: 22px 24px 26px;
}

body.imarked-v1 .im-checkout-col--ship {
    border-right: 1px solid #eef2f7;
}

body.imarked-v1 .im-checkout-col--summary {
    background: #fbfcfe;
    position: sticky;
    top: 12px;
    align-self: start;
}

body.imarked-v1 .im-checkout-section-title {
    margin: 0 0 6px !important;
    font-size: 1.08rem !important;
    font-weight: 800 !important;
    color: var(--im-fg, #181c23) !important;
    letter-spacing: -0.02em;
}

body.imarked-v1 .im-checkout-section-note {
    margin: 0 0 16px;
    font-size: 13px;
    line-height: 1.4;
    color: var(--im-muted, #6e7a8a);
}

body.imarked-v1 .im-checkout-contact {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0 0 18px;
}

body.imarked-v1 .im-checkout-contact__row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 12px;
    border: 1px solid #eef2f7;
    border-radius: 12px;
    background: #fff;
}

body.imarked-v1 .im-checkout-contact__icon {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef4ff;
    color: var(--im-primary, #0066ff);
    font-size: 14px;
}

body.imarked-v1 .im-checkout-contact__label {
    display: block;
    font-size: 11px;
    font-weight: 650;
    color: var(--im-muted, #6e7a8a);
    margin-bottom: 2px;
}

body.imarked-v1 .im-checkout-contact__row strong {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: var(--im-fg, #181c23);
    word-break: break-word;
}

body.imarked-v1 .im-checkout-label {
    display: block;
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 650;
    color: var(--im-fg, #181c23);
}

body.imarked-v1 .im-checkout-page #PostalAddress,
body.imarked-v1 .im-checkout-address {
    border: 1.5px solid #d0d9e6 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    min-height: 64px !important;
    max-height: 120px;
    padding: 10px 12px !important;
    font-size: 14px !important;
    resize: vertical;
    background: #fff !important;
}

body.imarked-v1 .im-checkout-page #PostalAddress:focus {
    border-color: var(--im-primary, #0066ff) !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12) !important;
}

body.imarked-v1 .im-checkout-items {
    list-style: none;
    margin: 0 0 14px;
    padding: 0;
}

body.imarked-v1 .im-checkout-item {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid #eef2f7;
}

body.imarked-v1 .im-checkout-item__thumb {
    width: 48px;
    height: 48px;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e7ebf0;
    background: #fff;
}

body.imarked-v1 .im-checkout-item__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.imarked-v1 .im-checkout-item__name {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: var(--im-fg, #181c23);
    line-height: 1.3;
}

body.imarked-v1 .im-checkout-item__meta {
    display: block;
    margin-top: 2px;
    font-size: 12px;
    color: var(--im-muted, #6e7a8a);
}

body.imarked-v1 .im-checkout-item__total {
    font-size: 13px;
    font-weight: 750;
    white-space: nowrap;
}

body.imarked-v1 .im-checkout-totals {
    margin: 0 0 16px;
}

body.imarked-v1 .im-checkout-cta.button,
body.imarked-v1 .im-checkout-page #btnCheckout,
body.imarked-v1 .im-checkout-page .btn-proceed-checkout {
    display: flex !important;
    width: 100%;
    align-items: center;
    justify-content: center;
    min-height: 52px !important;
    padding: 14px 18px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: var(--im-primary, #0066ff) !important;
    background-image: none !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 20px rgba(0, 102, 255, 0.28) !important;
    float: none !important;
}

body.imarked-v1 .im-checkout-cta.button span,
body.imarked-v1 .im-checkout-page #btnCheckout span {
    background: none !important;
    padding: 0 !important;
    color: #fff !important;
}

body.imarked-v1 .im-checkout-cta.button:hover,
body.imarked-v1 .im-checkout-page #btnCheckout:hover {
    background: #0052cc !important;
    transform: translateY(-1px);
}

body.imarked-v1 .im-checkout-secure {
    margin: 12px 0 0;
    text-align: center;
    font-size: 12px;
    color: var(--im-muted, #6e7a8a);
}

body.imarked-v1 .im-checkout-secure .fa {
    margin-right: 4px;
    color: #16a34a;
}

body.imarked-v1 .im-checkout-safety {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 14px 0 0;
    padding: 14px 14px;
    border-radius: 12px;
    border: 1px solid #dbe7ff;
    background: #f5f8ff;
}

body.imarked-v1 .im-checkout-safety--seller-pay {
    border-color: #fde68a;
    background: #fffbeb;
}

body.imarked-v1 .im-checkout-safety__icon {
    flex: 0 0 28px;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e8f0ff;
    color: var(--im-primary, #0066ff);
    font-size: 14px;
}

body.imarked-v1 .im-checkout-safety--seller-pay .im-checkout-safety__icon {
    background: #fef3c7;
    color: #b45309;
}

body.imarked-v1 .im-checkout-safety strong {
    display: block;
    margin: 0 0 4px;
    font-size: 13px;
    font-weight: 800;
    color: var(--im-fg, #181c23);
}

body.imarked-v1 .im-checkout-safety p {
    margin: 0 0 6px;
    font-size: 12.5px;
    line-height: 1.45;
    color: #475569;
}

body.imarked-v1 .im-checkout-safety p:last-child {
    margin-bottom: 0;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-checkout-page {
        padding: 8px 10px 88px;
    }

    body.imarked-v1 .im-checkout-grid {
        grid-template-columns: 1fr;
    }

    body.imarked-v1 .im-checkout-col--ship {
        border-right: 0;
        border-bottom: 1px solid #eef2f7;
        order: 0;
    }

    body.imarked-v1 .im-checkout-col--summary {
        order: 1;
    }
}

/* IMARKED V1 — Client portal (Min konto)
   Skin for _UserLayout / _UserLayout_mobile and portal pages.
   Presentation only — preserve existing IDs and routes. */

body.imarked-v1 .im-portal {
    margin: 0 0 32px;
    padding: 0;
}

body.imarked-v1 .im-portal > #content {
    padding: 0;
    margin: 0;
}

body.imarked-v1 .im-portal-shell {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 0;
}

body.imarked-v1 .im-portal-shell > .col-left,
body.imarked-v1 .im-portal-shell > .col-right {
    float: none !important;
    padding: 0 !important;
}

body.imarked-v1 .im-portal-shell > .col-left {
    flex: 0 0 260px;
    max-width: 260px;
    width: 260px;
}

body.imarked-v1 .im-portal-shell > .col-right {
    flex: 1 1 0;
    min-width: 0;
    width: auto;
    overflow: visible;
}

/* Sidebar — professional account nav */
body.imarked-v1 .im-portal-nav.panel {
    margin: 0;
    border: 1px solid #e5eaf1;
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    overflow: hidden;
    background: #fff;
}

body.imarked-v1 .im-portal-nav > .panel-heading {
    background: #fff !important;
    border-bottom: 1px solid #eef2f7 !important;
    padding: 14px 16px 12px !important;
}

body.imarked-v1 .im-portal-nav > .panel-heading .panel-title {
    margin: 0;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    letter-spacing: -0.01em;
}

body.imarked-v1 .im-portal-nav > .panel-body {
    padding: 8px !important;
}

body.imarked-v1 .im-portal-nav .list-item,
body.imarked-v1 .im-portal-nav .im-portal-menu {
    list-style: none !important;
    margin: 0;
    padding: 0;
}

/* Kill theme .list-item li:before chevron (was stacking above block links) */
body.imarked-v1 .im-portal-nav .list-item > li:before,
body.imarked-v1 .im-portal-nav .im-portal-menu > li:before {
    content: none !important;
    display: none !important;
    margin: 0 !important;
}

body.imarked-v1 .im-portal-nav .im-portal-menu > li {
    margin: 0 0 1px;
}

body.imarked-v1 .im-portal-nav .im-portal-menu__label {
    margin: 10px 8px 4px !important;
    padding: 0 4px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #94a3b8;
    line-height: 1.2;
    pointer-events: none;
}

body.imarked-v1 .im-portal-nav .im-portal-menu__label:first-child {
    margin-top: 2px !important;
}

body.imarked-v1 .im-portal-nav .im-portal-menu > li > a {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 8px 10px;
    border-radius: 10px;
    color: #334155 !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.25;
    text-decoration: none !important;
    border-left: 3px solid transparent;
    transition: background 140ms ease, color 140ms ease, border-color 140ms ease;
}

body.imarked-v1 .im-portal-nav .im-portal-menu > li > a > .fa {
    flex: 0 0 18px;
    width: 18px;
    text-align: center;
    font-size: 14px;
    color: #94a3b8;
    line-height: 1;
    transition: color 140ms ease;
}

body.imarked-v1 .im-portal-nav .im-portal-menu > li > a > span {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .im-portal-nav .im-portal-menu > li > a:hover {
    background: #f8fafc;
    color: #0f172a !important;
}

body.imarked-v1 .im-portal-nav .im-portal-menu > li > a:hover > .fa {
    color: #64748b;
}

body.imarked-v1 .im-portal-nav .im-portal-menu > li.current > a,
body.imarked-v1 .im-portal-nav .im-portal-menu > li.active > a {
    background: #eef4ff;
    color: var(--im-primary, #0066ff) !important;
    font-weight: 600;
    border-left-color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-portal-nav .im-portal-menu > li.current > a > .fa,
body.imarked-v1 .im-portal-nav .im-portal-menu > li.active > a > .fa {
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-portal-nav .current,
body.imarked-v1 .im-portal-nav .current a {
    color: var(--im-primary, #0066ff) !important;
}

/* Content column */
body.imarked-v1 .im-portal-main {
    min-width: 0;
}

body.imarked-v1 .im-portal-main > .panel,
body.imarked-v1 .im-portal-main .panel.panel-default,
body.imarked-v1 .im-portal-shell .col-right .panel.panel-default {
    border: 1px solid #e5eaf1;
    border-radius: 14px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    background: #fff;
    overflow: hidden;
}

body.imarked-v1 .im-portal-main .panel-heading,
body.imarked-v1 .im-portal-shell .col-right .panel-heading {
    background: #fff !important;
    border-bottom: 1px solid #e5eaf1 !important;
    padding: 14px 18px !important;
}

body.imarked-v1 .im-portal-main .panel-title,
body.imarked-v1 .im-portal-shell .col-right .panel-title {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

body.imarked-v1 .im-portal-main .panel-body,
body.imarked-v1 .im-portal-shell .col-right .panel-body {
    padding: 18px !important;
}

/* Tables */
body.imarked-v1 .im-portal-main .table,
body.imarked-v1 .im-portal-shell .col-right .table {
    margin-bottom: 0;
    background: #fff;
}

body.imarked-v1 .im-portal-main .table > thead > tr > th,
body.imarked-v1 .im-portal-shell .col-right .table > thead > tr > th {
    border-bottom: 1px solid #e5eaf1;
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: 0;
    background: #f8fafc;
    padding: 12px 14px;
}

body.imarked-v1 .im-portal-main .table > tbody > tr > td,
body.imarked-v1 .im-portal-shell .col-right .table > tbody > tr > td {
    padding: 12px 14px;
    border-top: 1px solid #eef2f7;
    vertical-align: middle;
    color: #334155;
    font-size: 13px;
}

body.imarked-v1 .im-portal-main .table > tbody > tr:hover > td {
    background: #fafbfc;
}

/* Forms */
body.imarked-v1 .im-portal-main .form-control,
body.imarked-v1 .im-portal-shell .col-right .form-control {
    border-radius: 10px;
    border-color: #d7e0ea;
    box-shadow: none;
    height: 42px;
}

body.imarked-v1 .im-portal-main textarea.form-control,
body.imarked-v1 .im-portal-shell .col-right textarea.form-control {
    height: auto;
    min-height: 96px;
}

body.imarked-v1 .im-portal-main .form-control:focus,
body.imarked-v1 .im-portal-shell .col-right .form-control:focus {
    border-color: #93c5fd;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12);
}

body.imarked-v1 .im-portal-main .control-label,
body.imarked-v1 .im-portal-shell .col-right .control-label {
    font-weight: 600;
    color: #475569;
    font-size: 13px;
}

/* Buttons inside portal */
body.imarked-v1 .im-portal .btn-primary,
body.imarked-v1 .im-portal-main .btn-primary {
    background: var(--im-primary, #0066ff) !important;
    border-color: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    border-radius: 10px;
    font-weight: 600;
    box-shadow: none;
}

body.imarked-v1 .im-portal .btn-primary:hover,
body.imarked-v1 .im-portal-main .btn-primary:hover {
    background: var(--im-primary-hover, #0052cc) !important;
    border-color: var(--im-primary-hover, #0052cc) !important;
}

body.imarked-v1 .im-portal .btn-default,
body.imarked-v1 .im-portal-main .btn-default {
    border-radius: 10px;
    border-color: #d7e0ea;
    background: #fff;
    color: #334155;
    font-weight: 600;
}

/* Dashboard tiles */
body.imarked-v1 .im-portal-main ._btn_Tile,
body.imarked-v1 .im-portal-main a._btn_Tile,
body.imarked-v1 .im-portal-main button._btn_Tile {
    border-radius: 14px !important;
    border: 0 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    font-size: 15px !important;
    font-weight: 700 !important;
    height: 128px !important;
    transition: transform 140ms ease, box-shadow 140ms ease;
}

body.imarked-v1 .im-portal-main a._btn_Tile:hover,
body.imarked-v1 .im-portal-main button._btn_Tile:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
    color: #fff;
}

body.imarked-v1 .im-portal-main .btnUser,
body.imarked-v1 .im-portal-main #btnReports,
body.imarked-v1 .im-portal-main .btnBasket,
body.imarked-v1 .im-portal-main .btnEdit,
body.imarked-v1 .im-portal-main .btnWishList {
    background-size: 64px 64px !important;
    background-position: 18px center !important;
}

/* Active nav helper class used by existing scripts (.current) */
body.imarked-v1 .im-portal-nav .current,
body.imarked-v1 .im-portal-nav .current a {
    color: var(--im-primary, #0066ff) !important;
}

/* ========== Chat page — Scandinavian ========== */
body.imarked-v1 .im-chat {
    --sc-ink: #222623;
    --sc-muted: #6f7672;
    --sc-line: #e2e5e1;
    --sc-bg: #f0f2f0;
    --sc-surface: #ffffff;
    --sc-sidebar: #f6f7f5;
    --sc-mine: #2f3632;
    --sc-theirs: #e7ebe7;
    --sc-accent: #3f5f52;
    --sc-soft: #dce5df;
    margin: 0 0 28px;
}

body.imarked-v1 .im-chat > .col-right,
body.imarked-v1 .im-chat > .col-right > .row,
body.imarked-v1 .im-chat > .col-right > .row > .col-sm-12 {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.imarked-v1 .container .chat-app,
body.imarked-v1 .card.chat-app {
    position: relative;
    display: grid !important;
    grid-template-columns: 300px minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    grid-template-areas:
        "toolbar toolbar"
        "list main";
    height: calc(100vh - 210px);
    min-height: 580px;
    max-height: 780px;
    margin: 0;
    border: 1px solid var(--sc-line);
    border-radius: 18px !important;
    background: var(--sc-surface);
    box-shadow: none;
    overflow: hidden;
}

body.imarked-v1 .im-chat__toolbar {
    grid-area: toolbar;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 20px;
    border-bottom: 1px solid var(--sc-line);
    background: var(--sc-surface);
}

body.imarked-v1 .im-chat__title {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 17px !important;
    font-weight: 600 !important;
    color: var(--sc-ink) !important;
    letter-spacing: -0.02em;
    text-transform: none !important;
    background: none !important;
    line-height: 1.25 !important;
}

body.imarked-v1 .im-chat__title .fa {
    margin-right: 8px;
    color: var(--sc-accent);
    font-weight: normal;
}

body.imarked-v1 .im-chat__count {
    display: inline-flex;
    align-items: center;
    height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    background: var(--sc-soft);
    color: var(--sc-accent);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    white-space: nowrap;
}

body.imarked-v1 .chat-app .people-list,
body.imarked-v1 #plist {
    grid-area: list;
    position: relative !important;
    left: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: auto !important;
    height: auto !important;
    min-height: 0;
    padding: 12px 10px 10px;
    border-right: 1px solid var(--sc-line);
    background: #fafbfa;
    z-index: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

body.imarked-v1 .chat-app .chat {
    grid-area: main;
    margin-left: 0 !important;
    border-left: 0;
    min-width: 0;
    min-height: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: var(--sc-bg);
}

/* Search — single seamless field */
body.imarked-v1 .people-list .im-chat-search {
    position: relative;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 40px;
    margin: 0 0 10px;
    padding: 0 12px 0 14px;
    border: 1px solid #e6e9e5;
    border-radius: 10px;
    background: #fff;
    box-sizing: border-box;
}

body.imarked-v1 .people-list .im-chat-search > .fa {
    position: static;
    left: auto;
    top: auto;
    transform: none;
    flex: 0 0 auto;
    width: 14px;
    margin: 0;
    color: #8b95a5;
    font-size: 14px;
    line-height: 1;
    text-align: center;
    pointer-events: none;
    z-index: 1;
}

body.imarked-v1 .people-list .im-chat-search .form-control {
    flex: 1 1 auto;
    min-width: 0;
    width: 100% !important;
    height: 38px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--sc-ink) !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: normal !important;
    vertical-align: middle;
    -webkit-appearance: none;
    appearance: none;
}

body.imarked-v1 .people-list .im-chat-search .form-control::placeholder {
    color: #9aa39c;
    line-height: normal !important;
    opacity: 1;
    position: relative;
    top: 0;
}

body.imarked-v1 .people-list .im-chat-search .form-control::-webkit-input-placeholder {
    line-height: normal !important;
    position: relative;
    top: 0;
}

body.imarked-v1 .people-list .im-chat-search .form-control::-moz-placeholder {
    line-height: normal !important;
    opacity: 1;
}

body.imarked-v1 .people-list .im-chat-search:focus-within {
    border-color: #93c5fd;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.1);
}

/* Connected tabs + pane (theme colors) */
body.imarked-v1 .people-list .im-chat-tabshell {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
    margin-top: 2px;
}

body.imarked-v1 .people-list .nav-tabs,
body.imarked-v1 .people-list .im-chat-tabs {
    flex: 0 0 auto;
    position: relative;
    z-index: 2;
    border: 0 !important;
    margin: 0 !important;
    display: flex;
    gap: 4px;
    padding: 0 0 0 2px;
    background: transparent;
}

body.imarked-v1 .people-list .nav-tabs > li {
    float: none;
    margin: 0;
    flex: 1 1 50%;
}

body.imarked-v1 .people-list .nav-tabs > li > a {
    margin: 0;
    padding: 9px 10px 10px;
    border: 1px solid transparent !important;
    border-bottom: 0 !important;
    border-radius: 10px 10px 0 0 !important;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--im-muted, #6e7a8a) !important;
    background: #eef1f5 !important;
    box-shadow: none !important;
}

body.imarked-v1 .people-list .nav-tabs > li > a:hover {
    color: var(--im-primary, #0066ff) !important;
    background: #e8eefc !important;
}

body.imarked-v1 .people-list .nav-tabs > li.active > a,
body.imarked-v1 .people-list .nav-tabs > li.active > a:hover,
body.imarked-v1 .people-list .nav-tabs > li.active > a:focus {
    color: var(--im-primary, #0066ff) !important;
    background: #fff !important;
    border: 1px solid #d7e2ee !important;
    border-bottom-color: #fff !important;
    box-shadow: none !important;
    position: relative;
    z-index: 3;
}

body.imarked-v1 .people-list .tab-content,
body.imarked-v1 .people-list .im-chat-tabpane {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin-top: -1px;
    border: 1px solid #d7e2ee;
    border-radius: 0 10px 12px 12px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.03);
}

body.imarked-v1 .people-list .leftUsers,
body.imarked-v1 .people-list .chat-list {
    height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 6px !important;
}

body.imarked-v1 .people-list .chat-list::-webkit-scrollbar {
    width: 4px;
}

body.imarked-v1 .people-list .chat-list::-webkit-scrollbar-thumb {
    background: #cdd6e0;
    border-radius: 4px;
}

/* Contact rows */
body.imarked-v1 .people-list .chat-list li {
    display: flex !important;
    align-items: center;
    gap: 10px;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 0 2px !important;
    padding: 9px 8px !important;
    border-radius: 10px !important;
    list-style: none;
    cursor: pointer;
    transition: background 120ms ease, box-shadow 120ms ease;
    border: 1px solid transparent;
}

body.imarked-v1 .people-list .chat-list li.is-search-hidden {
    display: none !important;
}

body.imarked-v1 .people-list .chat-list li:hover {
    background: #f5f8fc !important;
}

body.imarked-v1 .people-list .chat-list li.active {
    background: #eef4ff !important;
    border-color: #d6e4ff !important;
    box-shadow: inset 3px 0 0 var(--im-primary, #0066ff);
}

body.imarked-v1 .people-list .chat-list li.is-unread .im-chat-contact__name {
    font-weight: 700;
}

body.imarked-v1 .people-list .chat-list li.is-unread .im-chat-contact__snippet {
    color: #44515f;
    font-weight: 500;
}

body.imarked-v1 .people-list .im-chat-avatar {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #e8eefc;
    color: var(--im-primary, #0066ff);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    border: 1px solid #d6e4ff;
}

body.imarked-v1 .people-list .im-chat-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
    border: 0 !important;
    border-radius: 0 !important;
    float: none !important;
}

body.imarked-v1 .people-list .im-chat-avatar--store {
    background: #eef4ff;
    color: var(--im-primary, #0066ff);
    font-size: 15px;
}

body.imarked-v1 .people-list .im-chat-contact {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

body.imarked-v1 .people-list .im-chat-contact__top,
body.imarked-v1 .people-list .im-chat-contact__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
}

body.imarked-v1 .people-list #listName,
body.imarked-v1 .people-list .im-chat-contact__name {
    flex: 1 1 auto;
    min-width: 0;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 600;
    color: var(--sc-ink);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.25;
}

body.imarked-v1 .people-list .im-chat-contact__time {
    flex: 0 0 auto;
    font-size: 10px;
    font-weight: 500;
    color: #98a099;
    letter-spacing: 0.01em;
    white-space: nowrap;
}

body.imarked-v1 .people-list .im-chat-contact__snippet {
    flex: 1 1 auto;
    min-width: 0;
    display: block;
    font-size: 11.5px;
    font-weight: 400;
    color: #8a918b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
}

body.imarked-v1 .people-list .ikrNoti_Counter,
body.imarked-v1 .people-list .msgcount.ikrNoti_Counter {
    position: static !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--im-primary, #0066ff);
    color: #fff;
    font-size: 10px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    flex: 0 0 auto;
}

body.imarked-v1 .people-list .im-chat-search .form-control:focus {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

body.imarked-v1 .people-list .msgcount:empty {
    display: none !important;
}

/* Right thread panel */
body.imarked-v1 .chat-app .chat {
    background: #f7f9fc;
}

body.imarked-v1 .chat .chat-header {
    flex: 0 0 auto;
    padding: 14px 18px !important;
    border-bottom: 1px solid #e7ebf0 !important;
    background: #fff;
}

body.imarked-v1 .chat .im-chat-thread-head {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

body.imarked-v1 .chat .im-chat-thread-avatar {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef4ff;
    border: 1px solid #d6e4ff;
    color: var(--im-primary, #0066ff);
    font-size: 13px;
    font-weight: 750;
    letter-spacing: 0.02em;
}

body.imarked-v1 .chat .im-chat-thread-avatar img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    display: block;
    border: 0 !important;
    float: none !important;
}

body.imarked-v1 .chat .im-chat-thread-initials {
    line-height: 1;
}

body.imarked-v1 .chat .chat-header .chat-about {
    float: none !important;
    padding-left: 0 !important;
    min-width: 0;
}

body.imarked-v1 .chat .chat-header #chatHeaderName,
body.imarked-v1 .chat .chat-header h3 {
    margin: 0 0 2px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--im-fg, #181c23) !important;
    letter-spacing: -0.02em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .chat .im-chat-thread-sub {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    color: var(--im-muted, #6e7a8a);
    line-height: 1.3;
}

body.imarked-v1 .chat .chat-history,
body.imarked-v1 #chatWindow {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border-bottom: 0 !important;
    background:
        radial-gradient(ellipse at top right, rgba(0, 102, 255, 0.05), transparent 42%),
        #f4f7fb;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

body.imarked-v1 .chat .chat-history ul,
body.imarked-v1 #txtMsgAppend {
    flex: 1 1 auto;
    min-height: 0;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 20px 22px !important;
    list-style: none;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100% !important;
}

body.imarked-v1 .chat .chat-history ul::-webkit-scrollbar,
body.imarked-v1 #txtMsgAppend::-webkit-scrollbar {
    width: 5px;
}

body.imarked-v1 .chat .chat-history ul::-webkit-scrollbar-thumb,
body.imarked-v1 #txtMsgAppend::-webkit-scrollbar-thumb {
    background: #c9d3df;
    border-radius: 5px;
}

body.imarked-v1 .chat .chat-history ul li,
body.imarked-v1 #txtMsgAppend > li {
    display: flex !important;
    width: 100%;
    margin: 0 !important;
    clear: none !important;
    overflow: visible !important;
    float: none !important;
}

body.imarked-v1 .chat .chat-history ul li.rightAlign,
body.imarked-v1 #txtMsgAppend > li.rightAlign {
    justify-content: flex-end;
    text-align: left;
}

body.imarked-v1 .chat .chat-history ul li.leftAlign,
body.imarked-v1 #txtMsgAppend > li.leftAlign {
    justify-content: flex-start;
    text-align: left;
}

body.imarked-v1 .chat .chat-history .message,
body.imarked-v1 #txtMsgAppend .message {
    position: relative;
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    float: none !important;
    max-width: min(64%, 420px);
    width: fit-content !important;
    padding: 12px 14px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 16px !important;
    font-size: 14px !important;
    font-weight: 450 !important;
    line-height: 1.45 !important;
    color: var(--im-fg, #181c23) !important;
    text-align: left !important;
    word-break: break-word;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04);
}

body.imarked-v1 .chat .chat-history .message:after,
body.imarked-v1 .chat .chat-history .my-message:after,
body.imarked-v1 .chat .chat-history .other-message:after,
body.imarked-v1 #txtMsgAppend .message:after {
    display: none !important;
    content: none !important;
}

body.imarked-v1 .chat .chat-history .message.float-left,
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--theirs,
body.imarked-v1 #txtMsgAppend .message.float-left,
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--theirs {
    float: none !important;
    background: #fff !important;
    border: 1px solid #e5eaf1 !important;
    border-radius: 16px 16px 16px 6px !important;
    color: var(--im-fg, #181c23) !important;
}

body.imarked-v1 .chat .chat-history .message.float-right,
body.imarked-v1 .chat .chat-history .message.rightMsgsColor,
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--mine,
body.imarked-v1 #txtMsgAppend .message.float-right,
body.imarked-v1 #txtMsgAppend .message.rightMsgsColor,
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--mine {
    float: none !important;
    background: var(--im-primary, #0066ff) !important;
    border: 0 !important;
    border-radius: 16px 16px 6px 16px !important;
    color: #fff !important;
    box-shadow: none;
}

body.imarked-v1 .chat .chat-history .message.float-left a,
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--theirs a,
body.imarked-v1 #txtMsgAppend .message.float-left a,
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--theirs a {
    color: var(--im-fg, #181c23) !important;
    font-weight: 600;
    text-decoration: none !important;
}

body.imarked-v1 .chat .chat-history .message.float-left a:hover,
body.imarked-v1 #txtMsgAppend .message.float-left a:hover {
    color: var(--im-primary, #0066ff) !important;
}

body.imarked-v1 .chat .chat-history .message.float-right a,
body.imarked-v1 .chat .chat-history .message.rightMsgsColor a,
body.imarked-v1 #txtMsgAppend .message.float-right a,
body.imarked-v1 #txtMsgAppend .message.rightMsgsColor a {
    color: #fff !important;
    font-weight: 600;
    text-decoration: none !important;
}

/* Shared product cards */
body.imarked-v1 .chat .chat-history .message:has(a img),
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--product,
body.imarked-v1 #txtMsgAppend .message:has(a img),
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--product {
    max-width: min(72%, 340px) !important;
    padding: 8px !important;
    background: #fff !important;
    border: 1px solid #e5eaf1 !important;
    border-radius: 14px !important;
    color: var(--im-fg, #181c23) !important;
    box-shadow: 0 2px 8px rgba(24, 28, 35, 0.06);
}

body.imarked-v1 .chat .chat-history .message.float-right:has(a img),
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--mine.im-chat-bubble--product,
body.imarked-v1 #txtMsgAppend .message.float-right:has(a img),
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--mine.im-chat-bubble--product {
    border-radius: 14px 14px 4px 14px !important;
}

body.imarked-v1 .chat .chat-history .message.float-left:has(a img),
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--theirs.im-chat-bubble--product,
body.imarked-v1 #txtMsgAppend .message.float-left:has(a img),
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--theirs.im-chat-bubble--product {
    border-radius: 14px 14px 14px 4px !important;
}

body.imarked-v1 .chat .chat-history .message:has(a img) a,
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--product a,
body.imarked-v1 #txtMsgAppend .message:has(a img) a,
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--product a,
body.imarked-v1 .chat .im-chat-product-link {
    display: flex !important;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    color: var(--im-fg, #181c23) !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

body.imarked-v1 .chat .chat-history .message:has(a img) > div,
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--product > div,
body.imarked-v1 #txtMsgAppend .message:has(a img) > div,
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--product > div,
body.imarked-v1 .chat .im-chat-product {
    display: block !important;
    min-width: 0;
    padding: 0;
    margin: 0;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
}

body.imarked-v1 .chat .chat-history .message:has(a img) img,
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--product img,
body.imarked-v1 #txtMsgAppend .message:has(a img) img,
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--product img,
body.imarked-v1 .chat .im-chat-product-img {
    width: 72px !important;
    height: 72px !important;
    border-radius: 10px !important;
    object-fit: cover;
    flex: 0 0 72px;
    background: #eef2f7;
    border: 1px solid #e5eaf1;
}

body.imarked-v1 .chat .im-chat-product-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 6px;
    min-width: 0;
    flex: 1 1 auto;
    padding-top: 2px;
}

body.imarked-v1 .chat .im-chat-product-title {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 13px !important;
    font-weight: 650 !important;
    line-height: 1.35 !important;
    color: var(--im-fg, #181c23) !important;
}

body.imarked-v1 .chat .im-chat-product-cta {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .chat .im-chat-product-cta::after {
    content: "\2192";
    font-weight: 700;
}

body.imarked-v1 .chat .chat-history .message:has(a img):hover,
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--product:hover,
body.imarked-v1 #txtMsgAppend .message:has(a img):hover {
    border-color: #c9d9f5 !important;
}

body.imarked-v1 .chat .chat-history .message:has(a img) .message-data-time,
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--product .message-data-time,
body.imarked-v1 #txtMsgAppend .message:has(a img) .message-data-time,
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--product .message-data-time {
    color: #7b8794 !important;
    text-align: right;
    margin-top: 8px !important;
    padding: 0 2px;
}

body.imarked-v1 .chat .chat-history .message-data-time,
body.imarked-v1 .chatui-talk-msg-time,
body.imarked-v1 #txtMsgAppend .message-data-time {
    display: block !important;
    float: none !important;
    width: auto;
    margin: 7px 0 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: 0.01em;
    opacity: 0.72;
}

body.imarked-v1 .chat .chat-history .message.float-left .message-data-time,
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--theirs .message-data-time,
body.imarked-v1 #txtMsgAppend .message.float-left .message-data-time,
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--theirs .message-data-time {
    color: #7b8794 !important;
    text-align: left;
}

body.imarked-v1 .chat .chat-history .message.float-right .message-data-time,
body.imarked-v1 .chat .chat-history .message.rightMsgsColor .message-data-time,
body.imarked-v1 .chat .chat-history .message.im-chat-bubble--mine .message-data-time,
body.imarked-v1 #txtMsgAppend .message.float-right .message-data-time,
body.imarked-v1 #txtMsgAppend .message.rightMsgsColor .message-data-time,
body.imarked-v1 #txtMsgAppend .message.im-chat-bubble--mine .message-data-time {
    color: rgba(255, 255, 255, 0.8) !important;
    text-align: right;
}

body.imarked-v1 .chat .chat-message {
    flex: 0 0 auto;
    padding: 12px 16px 14px !important;
    border-top: 1px solid #e7ebf0;
    background: #fff;
}

body.imarked-v1 .chat .chat-message .input-group,
body.imarked-v1 .chat .im-chat-composer {
    display: flex;
    width: 100%;
    border: 1px solid #d7e2ee;
    border-radius: 14px;
    overflow: hidden;
    background: #f7f9fc;
    transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
}

body.imarked-v1 .chat .chat-message .form-control {
    height: 46px !important;
    border-radius: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    font-size: 14px;
    background: transparent !important;
    color: var(--im-fg, #181c23);
    padding-left: 16px !important;
}

body.imarked-v1 .chat .chat-message .form-control:focus {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.imarked-v1 .chat .chat-message .input-group:focus-within,
body.imarked-v1 .chat .im-chat-composer:focus-within {
    border-color: #93c5fd;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12);
}

body.imarked-v1 .chat .chat-message .input-group-btn {
    width: auto;
}

body.imarked-v1 .chat .chat-message .btn-primary {
    height: 46px;
    min-width: 96px;
    padding: 0 16px;
    border-radius: 0 !important;
    border: 0 !important;
    background: var(--im-primary, #0066ff) !important;
    color: #fff !important;
    font-weight: 700;
    letter-spacing: 0.01em;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
}

body.imarked-v1 .chat .chat-message .btn-primary .fa {
    font-size: 13px;
}

body.imarked-v1 .chat .chat-message .btn-primary:hover,
body.imarked-v1 .chat .chat-message .btn-primary:focus {
    background: #0052cc !important;
}

body.imarked-v1 .rightMsgsColor {
    background: var(--im-primary, #0066ff) !important;
    color: #fff !important;
}

/* Mobile chat (Index_m + narrow desktop viewport) */
body.imarked-v1 .im-chat--mobile {
    margin: 0 !important;
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
}

body.imarked-v1 .main-container.container:has(.im-chat--mobile),
body.imarked-v1 .page-main:has(.im-chat--mobile) > .main-container.container {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

body.imarked-v1 .im-chat--mobile > .col-right,
body.imarked-v1 .im-chat--mobile > .col-right > .row,
body.imarked-v1 .im-chat--mobile > .col-right > .row > .col-sm-12,
body.imarked-v1 #content:has(.im-chat--mobile) {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.imarked-v1 .im-chat--mobile .chat-app,
body.imarked-v1 .im-chat--mobile .card.chat-app {
    display: flex !important;
    flex-direction: column;
    height: calc(100vh - 132px);
    min-height: 420px;
    max-height: none;
    margin: 0;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden;
    background: #fff;
}

body.imarked-v1 .im-chat--mobile .im-chat__toolbar {
    flex: 0 0 auto;
    padding: 14px 16px;
    border-bottom: 1px solid #e7ebf0;
}

body.imarked-v1 .im-chat--mobile .im-chat__title {
    font-size: 16px !important;
}

body.imarked-v1 .im-chat--mobile .im-chat__count {
    background: #eef4ff;
    color: var(--im-primary, #0066ff);
}

body.imarked-v1 .im-chat--mobile .people-list,
body.imarked-v1 .im-chat--mobile #plist {
    flex: 1 1 auto;
    width: 100% !important;
    max-height: none !important;
    min-height: 0;
    border-right: 0;
    border-bottom: 0;
    padding: 12px 12px 8px;
    background: #fff;
    display: flex !important;
    flex-direction: column;
    overflow: hidden;
}

body.imarked-v1 .im-chat--mobile .im-chat-tabshell {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

body.imarked-v1 .im-chat--mobile .im-chat-tabpane,
body.imarked-v1 .im-chat--mobile .people-list .tab-content {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

body.imarked-v1 .im-chat--mobile .people-list .leftUsers,
body.imarked-v1 .im-chat--mobile .people-list .chat-list {
    flex: 1 1 auto;
    height: auto !important;
    max-height: none !important;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

body.imarked-v1 .im-chat--mobile .people-list .chat-list li {
    border-radius: 12px;
    margin-bottom: 4px;
}

body.imarked-v1 .im-chat--mobile .people-list .im-chat-search {
    height: 42px;
    padding: 0 12px 0 14px;
    align-items: center;
}

body.imarked-v1 .im-chat--mobile .people-list .im-chat-search > .fa {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 16px;
    line-height: 1;
}

body.imarked-v1 .im-chat--mobile .people-list .im-chat-search .form-control,
body.imarked-v1 .im-chat--mobile .people-list .im-chat-search input[type="text"] {
    display: block !important;
    height: 42px !important;
    max-height: 42px !important;
    line-height: 42px !important;
    padding: 0 !important;
    margin: 0 !important;
    margin-bottom: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

body.imarked-v1 .im-chat--mobile .people-list .im-chat-search .form-control::placeholder,
body.imarked-v1 .im-chat--mobile .people-list .im-chat-search .form-control::-webkit-input-placeholder,
body.imarked-v1 .im-chat--mobile .people-list .im-chat-search input[type="text"]::placeholder,
body.imarked-v1 .im-chat--mobile .people-list .im-chat-search input[type="text"]::-webkit-input-placeholder {
    line-height: 42px !important;
    vertical-align: middle;
    position: relative;
    top: 0 !important;
    transform: none !important;
}

body.imarked-v1 .im-chat--mobile .chat {
    display: none !important;
    flex: 1 1 auto;
    min-height: 0;
    margin-left: 0 !important;
    width: 100% !important;
}

body.imarked-v1 .im-chat--mobile.im-chat--thread .im-chat__toolbar,
body.imarked-v1 .im-chat--mobile.im-chat--thread #plist,
body.imarked-v1 .im-chat--mobile.im-chat--thread .people-list {
    display: none !important;
}

body.imarked-v1 .im-chat--mobile.im-chat--thread .chat,
body.imarked-v1 .im-chat--mobile.im-chat--thread .chat-app > .chat {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: 100% !important;
    width: 100% !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body.imarked-v1 .im-chat--mobile.im-chat--thread .chat-app {
    display: flex !important;
    flex-direction: column !important;
}

body.imarked-v1 .im-chat-back {
    flex: 0 0 auto;
    width: 36px;
    height: 36px;
    margin: 0 2px 0 -4px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #f0f4f8;
    color: var(--im-fg, #181c23);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

body.imarked-v1 .im-chat-back .fa {
    font-size: 22px;
    line-height: 1;
}

body.imarked-v1 .im-chat-back:active {
    background: #e4ebf3;
}

body.imarked-v1 .im-chat--mobile .chat .chat-history .message,
body.imarked-v1 .im-chat--mobile #txtMsgAppend .message {
    max-width: 88%;
}

body.imarked-v1 .im-chat--mobile #txtMsgAppend {
    padding: 14px 12px !important;
}

body.imarked-v1 .im-chat--mobile .chat .chat-message {
    padding: 10px 12px 12px !important;
}

@media (max-width: 991px) {
    body.imarked-v1 .im-chat:not(.im-chat--mobile) .card.chat-app {
        display: flex !important;
        flex-direction: column;
        height: auto;
        min-height: 0;
        max-height: none;
    }

    body.imarked-v1 .im-chat:not(.im-chat--mobile) .im-chat__toolbar {
        order: 0;
    }

    body.imarked-v1 .im-chat:not(.im-chat--mobile) .chat-app .people-list,
    body.imarked-v1 .im-chat:not(.im-chat--mobile) #plist {
        order: 1;
        width: 100% !important;
        border-right: 0;
        border-bottom: 1px solid #eef2f7;
        max-height: none;
    }

    body.imarked-v1 .im-chat:not(.im-chat--mobile) .people-list .leftUsers,
    body.imarked-v1 .im-chat:not(.im-chat--mobile) .people-list .chat-list {
        height: min(42vh, 320px) !important;
    }

    body.imarked-v1 .im-chat:not(.im-chat--mobile) .chat-app .chat {
        order: 2;
        margin-left: 0;
        min-height: 360px;
    }

    body.imarked-v1 .chat .chat-history .message,
    body.imarked-v1 #txtMsgAppend .message {
        max-width: 86%;
    }
}

/* Mobile: nav becomes horizontal scroll; content full width */
@media (max-width: 991px) {
    /* Kill mobile shell gutters for portal (main-container.container uses --im-m-space) */
    body.imarked-v1 .main-container.container:has(.im-portal),
    body.imarked-v1 .page-main:has(.im-portal) > .main-container.container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        max-width: none !important;
        width: 100% !important;
    }

    body.imarked-v1 .page-main:has(.im-portal) {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* Theme mobile.css sets #content { overflow:hidden } which clips the portal
       when the right column uses flex-grow. Keep content height:auto and visible. */
    body.imarked-v1 .im-portal,
    body.imarked-v1 .im-portal #content,
    body.imarked-v1 #content:has(.im-portal-shell) {
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
        background: transparent !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Pull portal flush under sticky header; tiny air gap via menu padding */
    body.imarked-v1 .im-portal {
        margin: 0 0 12px !important;
        padding: 0 !important;
        margin-top: 0 !important;
    }

    body.imarked-v1 .im-portal.row:before,
    body.imarked-v1 .im-portal.row:after {
        display: none !important;
    }

    body.imarked-v1 .im-portal.row,
    body.imarked-v1 .im-portal > #content,
    body.imarked-v1 .im-portal > #content.col-sm-12 {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        width: 100% !important;
        float: none !important;
    }

    body.imarked-v1 .im-portal-shell {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
        overflow: visible !important;
        height: auto !important;
        width: 100%;
        padding: 0;
        margin: 0;
    }

    body.imarked-v1 .im-portal-shell > .col-left,
    body.imarked-v1 .im-portal-shell > .col-right {
        flex: 0 0 auto !important;
        max-width: 100% !important;
        width: 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important;
    }

    body.imarked-v1 .im-portal-shell > .col-right > .row {
        margin: 0 !important;
        display: block;
        width: 100%;
        height: auto !important;
        overflow: visible !important;
    }

    body.imarked-v1 .im-portal-main,
    body.imarked-v1 .im-portal-main.customPM,
    body.imarked-v1 .im-portal .customPM,
    body.imarked-v1 .im-portal-main.col-sm-12 {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        height: auto !important;
        overflow: visible !important;
    }

    /* Dashboard / listing / profile content inset (menu stays edge-flush) */
    body.imarked-v1 .im-dash,
    body.imarked-v1 .im-listing,
    body.imarked-v1 .im-profile,
    body.imarked-v1 .im-notify,
    body.imarked-v1 .im-order {
        overflow: visible !important;
        height: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 10px;
        box-sizing: border-box;
    }

    body.imarked-v1 .im-order .im-order__grid,
    body.imarked-v1 .im-order .im-order__main,
    body.imarked-v1 .im-order .im-order__aside,
    body.imarked-v1 .im-order .im-order__panel,
    body.imarked-v1 .im-order .im-order__summary,
    body.imarked-v1 .im-order .im-order__head {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box;
    }

    /* 1) Menu — compact edge-to-edge scroll strip, tight under header */
    body.imarked-v1 .im-portal-shell > .col-left {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    body.imarked-v1 .im-portal-nav.panel {
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        background: transparent !important;
        overflow: visible;
        margin: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    body.imarked-v1 .im-portal-nav > .panel-heading {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    body.imarked-v1 .im-portal-nav > .panel-body {
        position: relative;
        padding: calc(6px * 1.06) 0 0 !important; /* +6% under header */
        margin: 0 !important;
        overflow-x: auto;
        overflow-y: visible;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 22px), transparent 100%);
        -webkit-mask-image: linear-gradient(90deg, #000 0%, #000 calc(100% - 22px), transparent 100%);
    }

    body.imarked-v1 .im-portal-nav > .panel-body::-webkit-scrollbar {
        display: none;
        height: 0;
    }

    body.imarked-v1 .im-portal-nav .im-portal-menu {
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch;
        gap: 6px;
        width: max-content;
        min-width: 100%;
        padding: 0 10px 2px;
        margin: 0;
    }

    body.imarked-v1 .im-portal-nav .im-portal-menu > li {
        margin: 0;
        flex: 0 0 auto;
    }

    body.imarked-v1 .im-portal-nav .im-portal-menu__label {
        display: none !important;
    }

    body.imarked-v1 .im-portal-nav .im-portal-menu > li > a {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 6px;
        min-width: 0;
        min-height: 36px;
        height: 36px;
        padding: 0 12px;
        white-space: nowrap;
        background: #fff;
        border: 1px solid #e5eaf1;
        border-radius: 999px;
        border-left: 1px solid #e5eaf1;
        box-shadow: none;
        font-size: 12px;
        font-weight: 650;
        color: #334155 !important;
        line-height: 1;
        text-align: center;
    }

    body.imarked-v1 .im-portal-nav .im-portal-menu > li > a > .fa {
        flex: 0 0 auto;
        width: auto;
        font-size: 13px;
        color: #64748b;
    }

    body.imarked-v1 .im-portal-nav .im-portal-menu > li > a > span {
        white-space: nowrap;
        overflow: visible;
        text-overflow: clip;
        max-width: none;
    }

    body.imarked-v1 .im-portal-nav .im-portal-menu > li > a:hover {
        background: #f8fafc;
        border-color: #dbe7ff;
    }

    body.imarked-v1 .im-portal-nav .im-portal-menu > li.current > a,
    body.imarked-v1 .im-portal-nav .im-portal-menu > li.active > a {
        background: #0066ff;
        border-color: #0066ff;
        color: #fff !important;
        box-shadow: 0 4px 10px rgba(0, 102, 255, 0.2);
    }

    body.imarked-v1 .im-portal-nav .im-portal-menu > li.current > a > .fa,
    body.imarked-v1 .im-portal-nav .im-portal-menu > li.active > a > .fa {
        color: #fff;
    }

    /* Undo old mobile hacks that crushed layout */
    body.imarked-v1 .im-portal-nav.hideDasboardPanel,
    body.imarked-v1 .hideDasboardPanel.im-portal-nav {
        display: block !important;
    }

    body.imarked-v1 .im-portal-main ._btn_Tile {
        height: 96px !important;
        font-size: 13px !important;
    }

    /* 2) Welcome — compact, left aligned */
    body.imarked-v1 .im-dash-overview {
        margin-bottom: 10px;
        gap: 8px;
    }

    body.imarked-v1 .im-dash-welcome {
        flex-direction: column;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: flex-start;
        text-align: left;
        padding: 12px 42px 12px 12px;
        border-radius: 12px;
        gap: 8px;
    }

    body.imarked-v1 .im-dash-welcome__edit {
        display: inline-flex;
        position: absolute;
        top: 8px;
        right: 8px;
        z-index: 2;
        width: 32px;
        height: 32px;
        align-items: center;
        justify-content: center;
        border-radius: 9px;
        border: 1px solid #e5eaf1;
        background: #fff;
        color: #334155 !important;
        text-decoration: none !important;
        box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    }

    body.imarked-v1 .im-dash-welcome__edit:hover,
    body.imarked-v1 .im-dash-welcome__edit:focus {
        background: #f5f8ff;
        border-color: #b8cffc;
        color: #0066ff !important;
        outline: none;
    }

    body.imarked-v1 .im-dash-welcome__edit .fa {
        font-size: 13px;
    }

    body.imarked-v1 .im-dash-welcome__aside,
    body.imarked-v1 .im-dash-welcome__email {
        display: none !important;
    }

    body.imarked-v1 .im-dash-welcome__edit {
        display: inline-flex !important;
    }

    body.imarked-v1 .im-dash-welcome__status--m {
        display: inline-flex !important;
    }

    body.imarked-v1 .im-dash-welcome__identity {
        width: 100%;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
    }

    body.imarked-v1 .im-dash-welcome__avatar {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        border-radius: 12px;
        font-size: 18px;
        box-shadow: 0 2px 8px rgba(0, 102, 255, 0.18);
    }

    body.imarked-v1 .im-dash-welcome__text {
        text-align: left;
        padding-right: 4px;
    }

    body.imarked-v1 .im-dash-welcome__hello {
        margin: 0 0 1px;
        font-size: 9.5px; /* 10px - 5% */
    }

    body.imarked-v1 .im-dash-welcome__name {
        max-width: none;
        white-space: normal;
        font-size: 17px !important;
        text-align: left;
        margin: 0 !important;
    }

    body.imarked-v1 .im-dash-welcome__status {
        height: 24px;
        margin-top: 4px;
        padding: 0 9px;
        font-size: 11px;
    }

    /* 3) Stats — compact buttons */
    body.imarked-v1 .im-dash-kpis {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
    }

    body.imarked-v1 .im-dash-kpi {
        flex-direction: row;
        align-items: center;
        gap: 6px;
        min-height: 0 !important;
        height: auto;
        padding: 7px 8px;
        border-radius: 10px;
        text-align: left;
        box-shadow: none;
    }

    body.imarked-v1 .im-dash-kpi__icon {
        flex: 0 0 26px;
        width: 26px;
        height: 26px;
        border-radius: 7px;
        font-size: 11px;
    }

    body.imarked-v1 .im-dash-kpi__body {
        gap: 0;
        line-height: 1.15;
    }

    body.imarked-v1 .im-dash-kpi__label {
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0;
    }

    body.imarked-v1 .im-dash-kpi__value {
        font-size: 15px;
        line-height: 1.1;
    }

    body.imarked-v1 .im-dash-kpi__value--sm {
        font-size: 12px;
        line-height: 1.15;
    }

    body.imarked-v1 .im-dash-kpi__hint {
        display: none;
    }

    body.imarked-v1 .im-dash-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px;
        margin-bottom: 12px;
    }

    body.imarked-v1 .im-dash-actions__item {
        width: 100%;
        min-width: 0;
    }

    body.imarked-v1 .im-dash-action {
        width: 100%;
        min-height: 64px;
        padding: 12px 12px 12px 10px;
        border-radius: 12px;
        gap: 10px;
        overflow: hidden;
    }

    body.imarked-v1 .im-dash-action__icon {
        flex: 0 0 36px;
        width: 36px;
        height: 36px;
        font-size: 14px;
    }

    body.imarked-v1 .im-dash-action__body {
        flex: 1 1 auto;
        min-width: 0;
        overflow: hidden;
    }

    body.imarked-v1 .im-dash-action__title {
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.imarked-v1 .im-dash-action__hint {
        font-size: 12px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body.imarked-v1 .im-dash-action__go {
        flex: 0 0 28px;
        margin-left: auto;
    }

    body.imarked-v1 .im-dash-section {
        margin-bottom: 12px;
        padding: 12px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-dash-grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    body.imarked-v1 .im-dash-tools {
        border-radius: 12px;
        overflow: visible;
        margin-top: 4px;
    }

    body.imarked-v1 .im-dash-tools__head {
        padding: 12px 12px 10px;
    }

    body.imarked-v1 .im-dash-tools__title {
        font-size: 15px !important;
    }

    body.imarked-v1 .im-dash-tools__group {
        padding: 8px 6px;
    }

    body.imarked-v1 .im-dash-tool-link {
        padding: 8px;
        gap: 9px;
        border-radius: 10px;
    }

    body.imarked-v1 .im-dash-tool-link__icon {
        flex: 0 0 32px;
        width: 32px;
        height: 32px;
        border-radius: 9px;
        font-size: 13px;
    }

    body.imarked-v1 .im-dash-tool-link__title {
        font-size: 13px;
    }

    body.imarked-v1 .im-dash-tools__footer {
        padding: 4px 6px 8px;
    }

    body.imarked-v1 .im-dash-tools__footer .im-dash-tool-link {
        max-width: none;
    }

    body.imarked-v1 .im-dash-tool-link__desc {
        white-space: normal;
    }
}

/* ── Dashboard (User/Index) — Fluent / Workspace style ── */
body.imarked-v1 .im-dash {
    margin: 0;
}

body.imarked-v1 .im-dash-actions {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px;
    margin: 0 0 32px;
}

body.imarked-v1 .im-dash-actions__item {
    min-width: 0;
}

body.imarked-v1 .im-dash-actions__item > .im-dash-action {
    width: 100%;
}

@media (min-width: 992px) {
    body.imarked-v1 .im-dash-actions {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 14px;
    }
}

body.imarked-v1 .im-dash-action {
    position: relative;
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 96px;
    padding: 18px 18px 18px 16px;
    border: 1px solid transparent;
    border-radius: 16px;
    text-decoration: none !important;
    color: inherit !important;
    overflow: hidden;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

body.imarked-v1 .im-dash-action--store {
    background: linear-gradient(135deg, #f5f8ff 0%, #eef4ff 55%, #fff 100%);
    border-color: #dbe7ff;
    box-shadow: 0 1px 2px rgba(0, 102, 255, 0.06);
}

body.imarked-v1 .im-dash-action--post {
    background: linear-gradient(135deg, #f3fbff 0%, #eaf7fc 55%, #fff 100%);
    border-color: #d5eef8;
    box-shadow: 0 1px 2px rgba(14, 165, 233, 0.06);
}

body.imarked-v1 .im-dash-action--affiliate {
    background: linear-gradient(135deg, #fff8ef 0%, #fff3e4 55%, #fff 100%);
    border-color: #f3e0c4;
    box-shadow: 0 1px 2px rgba(217, 119, 6, 0.06);
}

body.imarked-v1 .im-dash-action:hover,
body.imarked-v1 .im-dash-action:focus {
    transform: translateY(-2px);
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.1);
    outline: none;
}

body.imarked-v1 .im-dash-action--store:hover { border-color: #b8cffc; }
body.imarked-v1 .im-dash-action--post:hover { border-color: #b6e0f4; }
body.imarked-v1 .im-dash-action--affiliate:hover { border-color: #ecc994; }

body.imarked-v1 .im-dash-action__icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 18px;
    color: #fff;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.12);
}

body.imarked-v1 .im-dash-action--store .im-dash-action__icon {
    background: #0066ff;
}

body.imarked-v1 .im-dash-action--post .im-dash-action__icon {
    background: #0284c7;
}

body.imarked-v1 .im-dash-action--affiliate .im-dash-action__icon {
    background: #d97706;
}

body.imarked-v1 .im-dash-action__body {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    flex: 1 1 auto;
}

body.imarked-v1 .im-dash-action__title {
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.02em;
    line-height: 1.25;
}

body.imarked-v1 .im-dash-action__hint {
    font-size: 12.5px;
    font-weight: 500;
    color: #64748b;
    line-height: 1.35;
}

body.imarked-v1 .im-dash-action__go {
    flex: 0 0 auto;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.75);
    color: #94a3b8;
    font-size: 12px;
    transition: background 150ms ease, color 150ms ease, transform 150ms ease;
}

body.imarked-v1 .im-dash-action:hover .im-dash-action__go {
    background: #fff;
    color: #0f172a;
    transform: translateX(2px);
}

body.imarked-v1 .im-dash-section {
    margin: 0 0 32px;
    padding: 18px;
    border: 1px solid #e8edf3;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}

body.imarked-v1 .im-dash-section__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    margin: 0 0 14px;
    padding: 0 2px 14px;
    border-bottom: 1px solid #eef2f7;
}

body.imarked-v1 .im-dash-section__title {
    margin: 0 0 3px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em;
    text-transform: none !important;
    background: none !important;
}

body.imarked-v1 .im-dash-section__sub {
    margin: 0;
    font-size: 12.5px;
    font-weight: 500;
    color: #94a3b8;
}

body.imarked-v1 .im-dash-section__count {
    flex: 0 0 auto;
    min-width: 28px;
    height: 28px;
    padding: 0 9px;
    border-radius: 999px;
    background: #f1f5f9;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
}

body.imarked-v1 .im-dash-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

@media (min-width: 1200px) {
    body.imarked-v1 .im-dash-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

body.imarked-v1 .im-dash-biz {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 76px;
    padding: 12px 12px 12px 12px;
    border: 1px solid #eef2f7;
    border-radius: 14px;
    background: #fafbfc;
    text-decoration: none !important;
    color: inherit !important;
    transition: background 150ms ease, border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

body.imarked-v1 .im-dash-biz:hover,
body.imarked-v1 .im-dash-biz:focus {
    background: #fff;
    border-color: #d7e2ef;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.07);
    transform: translateY(-1px);
    outline: none;
}

body.imarked-v1 .im-dash-biz__logo {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    overflow: hidden;
    background: #e2e8f0;
    border: 2px solid #fff;
    box-shadow: 0 0 0 1px #e5eaf1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.imarked-v1 .im-dash-biz__logo--h0 { background: #dbeafe; }
body.imarked-v1 .im-dash-biz__logo--h1 { background: #dcfce7; }
body.imarked-v1 .im-dash-biz__logo--h2 { background: #fef3c7; }
body.imarked-v1 .im-dash-biz__logo--h3 { background: #fce7f3; }
body.imarked-v1 .im-dash-biz__logo--h4 { background: #e0e7ff; }
body.imarked-v1 .im-dash-biz__logo--h5 { background: #ffedd5; }

body.imarked-v1 .im-dash-biz__logo--h0 .im-dash-biz__letter { color: #1d4ed8; }
body.imarked-v1 .im-dash-biz__logo--h1 .im-dash-biz__letter { color: #15803d; }
body.imarked-v1 .im-dash-biz__logo--h2 .im-dash-biz__letter { color: #b45309; }
body.imarked-v1 .im-dash-biz__logo--h3 .im-dash-biz__letter { color: #be185d; }
body.imarked-v1 .im-dash-biz__logo--h4 .im-dash-biz__letter { color: #4338ca; }
body.imarked-v1 .im-dash-biz__logo--h5 .im-dash-biz__letter { color: #c2410c; }

body.imarked-v1 .im-dash-biz__logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.imarked-v1 .im-dash-biz__letter {
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
}

body.imarked-v1 .im-dash-biz__body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

body.imarked-v1 .im-dash-biz__name {
    font-size: 13.5px;
    font-weight: 650;
    color: #0f172a;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .im-dash-biz__meta {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px;
    font-size: 12px;
    font-weight: 500;
    color: #64748b;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .im-dash-biz__badge {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-width: 26px;
    height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    background: #fee2e2;
    color: #b91c1c;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}

body.imarked-v1 .im-dash-biz__badge .fa {
    font-size: 11px;
}

body.imarked-v1 .im-dash-biz__chevron {
    flex: 0 0 auto;
    color: #cbd5e1;
    font-size: 11px;
    transition: color 150ms ease, transform 150ms ease;
}

body.imarked-v1 .im-dash-biz:hover .im-dash-biz__chevron {
    color: #64748b;
    transform: translateX(2px);
}

/* Dashboard overview — welcome + KPIs + compact tools */
body.imarked-v1 .im-dash-overview {
    margin: 0 0 22px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

body.imarked-v1 .im-dash-welcome {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    gap: 16px 20px;
    padding: 18px 20px;
    border: 1px solid #e5eaf1;
    border-radius: 16px;
    text-align: left;
    background:
        linear-gradient(135deg, rgba(0, 102, 255, 0.07) 0%, rgba(0, 102, 255, 0) 42%),
        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

/* Default: mobile status under name is available; desktop hides it below */
body.imarked-v1 .im-dash-welcome__edit {
    display: none;
}

body.imarked-v1 .im-dash-welcome__identity {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 14px;
    min-width: 0;
    flex: 1 1 auto;
    text-align: left;
}

body.imarked-v1 .im-dash-welcome__avatar {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    border-radius: 14px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #0052cc 0%, #0066ff 100%);
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -0.02em;
    box-shadow: 0 4px 12px rgba(0, 102, 255, 0.22);
}

body.imarked-v1 .im-dash-welcome__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.imarked-v1 .im-dash-welcome__text {
    min-width: 0;
    text-align: left;
}

body.imarked-v1 .im-dash-welcome__hello {
    margin: 0 0 2px;
    font-size: 11.4px; /* 12px - 5% */
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
    text-align: left;
}

body.imarked-v1 .im-dash-welcome__name {
    margin: 0 0 2px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 22px !important;
    font-weight: 750 !important;
    line-height: 1.2 !important;
    color: #0f172a !important;
    letter-spacing: -0.03em;
    text-transform: none !important;
    background: none !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: min(420px, 70vw);
}

body.imarked-v1 .im-dash-welcome__email {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: min(420px, 70vw);
}

body.imarked-v1 .im-dash-welcome__aside {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    align-self: flex-end;
    margin-left: auto;
    gap: 10px;
    flex: 0 0 auto;
}

body.imarked-v1 .im-dash-welcome__status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 30px;
    padding: 0 11px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 650;
    line-height: 1;
    border: 0;
    text-decoration: none !important;
    max-width: 100%;
}

body.imarked-v1 .im-dash-welcome__status--ok {
    background: #ecfdf5;
    color: #047857;
}

body.imarked-v1 .im-dash-welcome__status--warn {
    background: #fff7ed;
    color: #c2410c;
}

body.imarked-v1 a.im-dash-welcome__status--action {
    cursor: pointer;
    transition: background 140ms ease, box-shadow 140ms ease;
}

body.imarked-v1 a.im-dash-welcome__status--action:hover,
body.imarked-v1 a.im-dash-welcome__status--action:focus {
    background: #ffedd5;
    box-shadow: 0 1px 2px rgba(194, 65, 12, 0.12);
    outline: none;
}

body.imarked-v1 .im-dash-welcome__btn {
    display: inline-flex;
    align-items: center;
    height: 36px;
    padding: 0 14px;
    border-radius: 10px;
    border: 1px solid #cfd8e3;
    background: #fff;
    color: #0f172a !important;
    font-size: 13px;
    font-weight: 650;
    text-decoration: none !important;
    transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}

body.imarked-v1 .im-dash-welcome__btn:hover,
body.imarked-v1 .im-dash-welcome__btn:focus {
    background: #f8fafc;
    border-color: #94a3b8;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
    outline: none;
}

/* Desktop only: hide mobile edit icon + under-name status */
@media (min-width: 992px) {
    body.imarked-v1 .im-dash-welcome__edit {
        display: none !important;
    }

    body.imarked-v1 .im-dash-welcome__status--m {
        display: none !important;
    }
}

body.imarked-v1 .im-dash-kpis {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

@media (min-width: 768px) {
    body.imarked-v1 .im-dash-kpis {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 12px;
    }
}

body.imarked-v1 .im-dash-kpi {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 12px;
    min-height: 104px;
    padding: 16px 16px 14px;
    border: 1px solid #e5eaf1;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    text-decoration: none !important;
    color: inherit !important;
    text-align: left;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

body.imarked-v1 .im-dash-kpi:hover,
body.imarked-v1 .im-dash-kpi:focus {
    border-color: #b8cffc;
    box-shadow: 0 6px 18px rgba(0, 102, 255, 0.1);
    transform: translateY(-1px);
    outline: none;
}

body.imarked-v1 .im-dash-kpi--alert {
    border-color: #fecaca;
    background: linear-gradient(180deg, #fff 0%, #fff7f7 100%);
}

body.imarked-v1 .im-dash-kpi__icon {
    flex: 0 0 40px;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef4ff;
    color: #0066ff;
    font-size: 16px;
}

body.imarked-v1 .im-dash-kpi--alert .im-dash-kpi__icon {
    background: #fee2e2;
    color: #b91c1c;
}

body.imarked-v1 .im-dash-kpi__body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    text-align: left;
}

body.imarked-v1 .im-dash-kpi__label {
    font-size: 12px;
    font-weight: 650;
    letter-spacing: 0.02em;
    color: #64748b;
}

body.imarked-v1 .im-dash-kpi__value {
    font-size: 28px;
    font-weight: 750;
    letter-spacing: -0.03em;
    line-height: 1.1;
    color: #0f172a;
}

body.imarked-v1 .im-dash-kpi__value--sm {
    font-size: 18px;
    letter-spacing: -0.02em;
}

body.imarked-v1 .im-dash-kpi__hint {
    margin-top: auto;
    font-size: 12px;
    font-weight: 500;
    color: #94a3b8;
}

body.imarked-v1 .im-dash-kpi--alert .im-dash-kpi__value {
    color: #b91c1c;
}

/* Flere verktøy — grouped professional link panels */
body.imarked-v1 .im-dash-tools {
    margin: 8px 0 4px;
    border: 1px solid #e5eaf1;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    overflow: hidden;
}

body.imarked-v1 .im-dash-tools__head {
    padding: 16px 18px 14px;
    border-bottom: 1px solid #eef2f7;
    background: linear-gradient(180deg, #fbfdff 0%, #fff 100%);
}

body.imarked-v1 .im-dash-tools__title {
    margin: 0 0 3px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 17px !important;
    font-weight: 750 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em;
    text-transform: none !important;
    background: none !important;
}

body.imarked-v1 .im-dash-tools__sub {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
}

body.imarked-v1 .im-dash-tools__groups {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}

@media (min-width: 992px) {
    body.imarked-v1 .im-dash-tools__groups {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body.imarked-v1 .im-dash-tools__group + .im-dash-tools__group {
        border-left: 1px solid #eef2f7;
    }
}

body.imarked-v1 .im-dash-tools__group {
    padding: 14px 12px 12px;
    min-width: 0;
}

body.imarked-v1 .im-dash-tools__group + .im-dash-tools__group {
    border-top: 1px solid #eef2f7;
}

@media (min-width: 992px) {
    body.imarked-v1 .im-dash-tools__group + .im-dash-tools__group {
        border-top: 0;
    }
}

body.imarked-v1 .im-dash-tools__group-title {
    margin: 0 0 8px;
    padding: 0 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #64748b;
}

body.imarked-v1 .im-dash-tools__list {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

body.imarked-v1 .im-dash-tool-link {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 10px;
    border-radius: 12px;
    text-decoration: none !important;
    color: inherit !important;
    transition: background 140ms ease;
}

body.imarked-v1 .im-dash-tool-link:hover,
body.imarked-v1 .im-dash-tool-link:focus {
    background: #f5f8ff;
    outline: none;
}

body.imarked-v1 .im-dash-tool-link__icon {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef4ff;
    color: #0066ff;
    font-size: 15px;
}

body.imarked-v1 .im-dash-tool-link__copy {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1px;
}

body.imarked-v1 .im-dash-tool-link__title {
    font-size: 13.5px;
    font-weight: 650;
    color: #0f172a;
    letter-spacing: -0.01em;
    line-height: 1.25;
}

body.imarked-v1 .im-dash-tool-link__desc {
    font-size: 12px;
    font-weight: 500;
    color: #94a3b8;
    line-height: 1.3;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .im-dash-tool-link__chip {
    flex: 0 0 auto;
    height: 22px;
    padding: 0 8px;
    border-radius: 999px;
    background: #ecfdf5;
    color: #047857;
    font-size: 11px;
    font-weight: 700;
    line-height: 22px;
    white-space: nowrap;
}

body.imarked-v1 .im-dash-tool-link__go {
    flex: 0 0 auto;
    color: #cbd5e1;
    font-size: 11px;
    transition: color 140ms ease, transform 140ms ease;
}

body.imarked-v1 .im-dash-tool-link:hover .im-dash-tool-link__go {
    color: #64748b;
    transform: translateX(2px);
}

body.imarked-v1 .im-dash-tools__footer {
    padding: 8px 12px 12px;
    border-top: 1px solid #eef2f7;
    background: #fafbfc;
}

body.imarked-v1 .im-dash-tools__footer .im-dash-tool-link {
    max-width: 360px;
}

body.imarked-v1 .im-dash-tool-link--danger .im-dash-tool-link__icon {
    background: #fef2f2;
    color: #b91c1c;
}

body.imarked-v1 .im-dash-tool-link--danger:hover,
body.imarked-v1 .im-dash-tool-link--danger:focus {
    background: #fff5f5;
}

body.imarked-v1 .im-dash-tool-link--danger .im-dash-tool-link__title {
    color: #b91c1c;
}

/* ========== Profile form ========== */
body.imarked-v1 .im-profile {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
}

body.imarked-v1 .im-profile__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border: 1px solid #e5eaf1;
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgba(0, 102, 255, 0.08) 0%, rgba(0, 102, 255, 0) 46%),
        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-profile__title {
    margin: 0 0 3px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 22px !important;
    font-weight: 750 !important;
    color: #0f172a !important;
    letter-spacing: -0.03em;
    text-transform: none !important;
    background: none !important;
    line-height: 1.2 !important;
}

body.imarked-v1 .im-profile__title .fa {
    margin-right: 8px;
    color: #0066ff;
}

body.imarked-v1 .im-profile__sub {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
}

body.imarked-v1 .im-profile__card {
    padding: 22px 24px 20px;
    border: 1px solid #e5eaf1;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-profile__avatar-block {
    display: flex;
    align-items: center;
    gap: 18px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eef2f7;
}

body.imarked-v1 .im-profile__avatar {
    flex: 0 0 96px;
    width: 96px;
    height: 96px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef4ff;
    border: 3px solid #dbe7ff;
    box-shadow: 0 4px 14px rgba(0, 102, 255, 0.12);
}

body.imarked-v1 .im-profile__avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.imarked-v1 .im-profile__avatar-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 34px;
    font-weight: 750;
    color: #0066ff;
    letter-spacing: -0.02em;
    line-height: 1;
}

body.imarked-v1 .im-profile__avatar img[src=""],
body.imarked-v1 .im-profile__avatar img:not([src]) {
    display: none !important;
}

body.imarked-v1 .im-profile__avatar-title {
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: 750;
    color: #0f172a;
}

body.imarked-v1 .im-profile__avatar-hint {
    margin: 0 0 10px;
    font-size: 12px;
    color: #64748b;
}

body.imarked-v1 .im-profile__upload-btn {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    height: 34px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid #d7e2ee;
    background: #f8fafc;
    color: #0f172a;
    font-size: 12px;
    font-weight: 650;
    cursor: pointer;
    transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}

body.imarked-v1 .im-profile__upload-btn:hover,
body.imarked-v1 .im-profile__upload-btn:focus {
    background: #eef4ff;
    border-color: #b8cffc;
    color: #0066ff;
    outline: none;
}

body.imarked-v1 .im-profile__fields {
    display: flex;
    flex-direction: column;
    gap: 14px;
    max-width: 640px;
}

body.imarked-v1 .im-profile__field {
    display: grid;
    grid-template-columns: 120px minmax(0, 1fr);
    gap: 12px 16px;
    align-items: start;
}

body.imarked-v1 .im-profile__label {
    padding-top: 10px;
    margin: 0;
    font-size: 13px;
    font-weight: 650;
    color: #334155;
    text-align: left;
}

body.imarked-v1 .im-profile__required {
    color: #dc2626;
    margin-left: 2px;
}

body.imarked-v1 .im-profile__control {
    min-width: 0;
}

body.imarked-v1 .im-profile__input-wrap {
    position: relative;
    display: flex;
    align-items: center;
}

body.imarked-v1 .im-profile .form-control.im-profile__input,
body.imarked-v1 .im-profile select.im-profile__input {
    height: 42px !important;
    border-radius: 12px !important;
    border: 1px solid #d7e2ee !important;
    background: #f8fafc !important;
    box-shadow: none !important;
    padding: 8px 14px !important;
    font-size: 14px !important;
    color: #0f172a !important;
}

body.imarked-v1 .im-profile select.im-profile__input,
body.imarked-v1 .im-job-modal select.im-job-modal__input,
body.imarked-v1 .im-portal-main select.form-control,
body.imarked-v1 .im-portal-shell .col-right select.form-control {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    padding-right: 40px !important;
    cursor: pointer;
    background-color: #f8fafc !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 14px 14px !important;
}

body.imarked-v1 .im-profile .im-profile__input-wrap .im-profile__input {
    padding-right: 48px !important;
    width: 100%;
}

body.imarked-v1 .im-profile.is-editing .form-control.im-profile__input:not([disabled]),
body.imarked-v1 .im-profile.is-editing select.im-profile__input:not([disabled]) {
    background-color: #fff !important;
    border-color: #b8cffc !important;
}

body.imarked-v1 .im-profile.is-editing select.im-profile__input:not([disabled]),
body.imarked-v1 .im-job-modal select.im-job-modal__input {
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 14px 14px !important;
}

body.imarked-v1 .im-profile .form-control.im-profile__input:focus,
body.imarked-v1 .im-profile select.im-profile__input:focus {
    border-color: #0066ff !important;
    background-color: #fff !important;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12) !important;
}

body.imarked-v1 .im-profile select.im-profile__input:focus,
body.imarked-v1 .im-job-modal select.im-job-modal__input:focus,
body.imarked-v1 .im-portal-main select.form-control:focus,
body.imarked-v1 .im-portal-shell .col-right select.form-control:focus {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230066ff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
    background-size: 14px 14px !important;
}

body.imarked-v1 .im-profile__verify {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

body.imarked-v1 .im-profile__verify--ok {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #ecfdf5;
    color: #047857;
    border: 1px solid #bbf7d0;
    font-size: 13px;
}

body.imarked-v1 .im-profile__verify--action {
    height: 28px;
    padding: 0 10px;
    border-radius: 8px;
    border: 1px solid #b8cffc;
    background: #eef4ff;
    color: #0066ff;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
}

body.imarked-v1 .im-profile__verify--action:hover,
body.imarked-v1 .im-profile__verify--action:focus {
    background: #0066ff;
    border-color: #0066ff;
    color: #fff;
    outline: none;
}

body.imarked-v1 .im-profile__locate {
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 32px;
    height: 32px;
    border-radius: 9px;
    border: 0;
    background: #0066ff;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

body.imarked-v1 .im-profile__locate:disabled {
    opacity: 0.45;
    cursor: not-allowed;
}

body.imarked-v1 .im-profile__locate:not(:disabled):hover,
body.imarked-v1 .im-profile__locate:not(:disabled):focus {
    background: #0052cc;
    outline: none;
}

body.imarked-v1 .im-profile__error {
    display: block;
    margin-top: 6px;
    font-size: 12px;
    color: #b91c1c;
}

body.imarked-v1 .im-profile__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 22px;
    padding-top: 18px;
    border-top: 1px solid #eef2f7;
}

body.imarked-v1 .im-profile__actions-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-left: auto;
}

body.imarked-v1 .im-profile__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    height: 40px;
    padding: 0 16px;
    border-radius: 12px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    border: 1px solid transparent;
    cursor: pointer;
    transition: background 140ms ease, border-color 140ms ease, color 140ms ease, box-shadow 140ms ease;
}

body.imarked-v1 .im-profile__btn--primary {
    background: linear-gradient(180deg, #2b7cff 0%, #0066ff 100%);
    border-color: #0052cc;
    color: #fff !important;
    box-shadow: 0 6px 14px rgba(0, 102, 255, 0.22);
}

body.imarked-v1 .im-profile__btn--primary:hover,
body.imarked-v1 .im-profile__btn--primary:focus {
    background: linear-gradient(180deg, #1f6ff5 0%, #0052cc 100%);
    color: #fff !important;
    outline: none;
}

body.imarked-v1 .im-profile__btn--ghost {
    background: #fff;
    border-color: #d7e2ee;
    color: #334155 !important;
}

body.imarked-v1 .im-profile__btn--ghost:hover,
body.imarked-v1 .im-profile__btn--ghost:focus {
    background: #f8fafc;
    border-color: #b8cffc;
    color: #0066ff !important;
    outline: none;
}

body.imarked-v1 .im-profile__btn--danger {
    background: #fff;
    border-color: #fecaca;
    color: #b91c1c !important;
}

body.imarked-v1 .im-profile__btn--danger:hover,
body.imarked-v1 .im-profile__btn--danger:focus {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #991b1b !important;
    outline: none;
}

@media (max-width: 991px) {
    body.imarked-v1 .im-profile {
        gap: 8px;
    }

    body.imarked-v1 .im-profile__head {
        padding: 12px 14px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-profile__title {
        font-size: 16px !important;
    }

    body.imarked-v1 .im-profile__sub {
        font-size: 11px;
    }

    body.imarked-v1 .im-profile__card {
        padding: 14px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-profile__avatar-block {
        gap: 12px;
        padding-bottom: 14px;
        margin-bottom: 14px;
    }

    body.imarked-v1 .im-profile__avatar {
        flex: 0 0 72px;
        width: 72px;
        height: 72px;
    }

    body.imarked-v1 .im-profile__avatar-fallback {
        font-size: 26px;
    }

    body.imarked-v1 .im-profile__field {
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
    }

    body.imarked-v1 .im-profile__label {
        padding-top: 0;
        font-size: 12px;
    }

    body.imarked-v1 .im-profile__actions {
        flex-direction: column-reverse;
        align-items: stretch;
        gap: 10px;
        margin-top: 16px;
        padding-top: 14px;
    }

    body.imarked-v1 .im-profile__actions-main {
        width: 100%;
        margin-left: 0;
    }

    body.imarked-v1 .im-profile__actions-main .im-profile__btn {
        flex: 1 1 auto;
    }

    body.imarked-v1 .im-profile__btn--danger {
        width: 100%;
        justify-content: center;
    }
}

body.imarked-v1 .im-profile__readonly {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 8px 14px;
    border-radius: 12px;
    border: 1px solid #e5eaf1;
    background: #f1f5f9;
    color: #334155;
    font-size: 14px;
    font-weight: 600;
    word-break: break-word;
}

/* Change password: full content width, form centered */
body.imarked-v1 .im-profile--password {
    width: 100%;
    max-width: 100%;
    align-items: center;
}

body.imarked-v1 .im-profile--password .im-profile__head,
body.imarked-v1 .im-profile--password .im-profile__form {
    width: 100%;
    max-width: 520px;
}

body.imarked-v1 .im-profile--password .im-profile__head {
    text-align: center;
}

body.imarked-v1 .im-profile--password .im-profile__card {
    width: 100%;
    max-width: 100%;
}

body.imarked-v1 .im-profile--password .im-profile__field {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
}

body.imarked-v1 .im-profile--password .im-profile__label {
    padding-top: 0;
}

body.imarked-v1 .im-profile--password .im-profile__actions {
    justify-content: stretch;
}

body.imarked-v1 .im-profile--password .im-profile__actions-main {
    width: 100%;
    margin-left: 0;
}

body.imarked-v1 .im-profile--password .im-profile__actions-main .im-profile__btn {
    flex: 1 1 auto;
}

@media (max-width: 991px) {
    body.imarked-v1 .im-profile--password .im-profile__head {
        text-align: left;
    }
}

/* ========== Job profile form ========== */
body.imarked-v1 .im-profile--job .im-profile__fields {
    max-width: none;
}

body.imarked-v1 .im-profile--job .im-job__section-title {
    margin: 0 0 16px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    letter-spacing: -0.02em;
    text-transform: none !important;
    background: none !important;
    line-height: 1.3 !important;
}

body.imarked-v1 .im-profile--job .im-profile__field--full {
    grid-column: 1 / -1;
}

body.imarked-v1 .im-profile--job .im-profile__textarea {
    min-height: 110px !important;
    height: auto !important;
    resize: vertical;
    line-height: 1.45 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

body.imarked-v1 .im-profile--job .im-job__block-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
}

body.imarked-v1 .im-profile--job .im-job__block-head .im-job__section-title {
    margin: 0 !important;
}

body.imarked-v1 .im-profile--job .im-job__block-head .im-profile__btn {
    height: 36px;
    padding: 0 12px;
    font-size: 12px;
    flex: 0 0 auto;
}

body.imarked-v1 .im-job-table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border: 1px solid #e5eaf1;
    border-radius: 12px;
}

body.imarked-v1 .im-job-table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    min-width: 720px;
}

body.imarked-v1 .im-job-table thead th {
    padding: 10px 12px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
    background: #f8fafc;
    border-bottom: 1px solid #e5eaf1;
    white-space: nowrap;
    text-align: left;
}

body.imarked-v1 .im-job-table tbody td {
    padding: 12px;
    font-size: 13px;
    color: #334155;
    border-bottom: 1px solid #eef2f7;
    vertical-align: top;
}

body.imarked-v1 .im-job-table tbody tr:last-child td {
    border-bottom: 0;
}

body.imarked-v1 .im-job-table__empty td {
    text-align: center;
    color: #94a3b8;
    font-weight: 500;
    padding: 22px 12px !important;
}

body.imarked-v1 .im-job__file {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

body.imarked-v1 .im-job__file-input {
    display: block;
    width: 100%;
    max-width: 420px;
    padding: 10px 12px;
    border: 1px dashed #b8cffc;
    border-radius: 12px;
    background: #f8fafc;
    font-size: 13px;
    color: #334155;
}

body.imarked-v1 .im-job__file-hint {
    margin: 0;
    font-size: 12px;
    color: #94a3b8;
}

body.imarked-v1 .im-job__file-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    font-size: 13px;
    font-weight: 700;
    color: #0066ff !important;
    text-decoration: none !important;
}

body.imarked-v1 .im-job__file-link:hover,
body.imarked-v1 .im-job__file-link:focus {
    color: #0052cc !important;
    text-decoration: underline !important;
}

/* Modal forms (experience / education) */
body.imarked-v1 .im-job-modal__fields {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 4px 0 8px;
}

body.imarked-v1 .im-job-modal__row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

body.imarked-v1 .im-job-modal__field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

body.imarked-v1 .im-job-modal__label {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    color: #475569;
}

body.imarked-v1 .im-job-modal__input {
    height: 40px !important;
    border-radius: 10px !important;
    border: 1px solid #d7e2ee !important;
    background-color: #fff !important;
    box-shadow: none !important;
    font-size: 14px !important;
}

body.imarked-v1 .im-job-modal__check {
    margin: 2px 0 4px;
}

body.imarked-v1 .im-job-modal__check label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #334155;
    cursor: pointer;
}

body.imarked-v1 .im-job-modal__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 8px;
    margin-top: 16px;
    padding-top: 14px;
    border-top: 1px solid #eef2f7;
}

@media (max-width: 991px) {
    body.imarked-v1 .im-profile--job .im-job__block-head {
        align-items: flex-start;
    }

    body.imarked-v1 .im-job-table {
        min-width: 0;
    }

    body.imarked-v1 .im-job-table thead {
        display: none;
    }

    body.imarked-v1 .im-job-table,
    body.imarked-v1 .im-job-table tbody,
    body.imarked-v1 .im-job-table tr,
    body.imarked-v1 .im-job-table td {
        display: block;
        width: 100%;
    }

    body.imarked-v1 .im-job-table tbody tr {
        padding: 12px;
        border-bottom: 1px solid #eef2f7;
    }

    body.imarked-v1 .im-job-table tbody tr:last-child {
        border-bottom: 0;
    }

    body.imarked-v1 .im-job-table tbody td {
        display: flex;
        justify-content: space-between;
        gap: 12px;
        padding: 6px 0;
        border: 0;
        text-align: right;
    }

    body.imarked-v1 .im-job-table tbody td::before {
        content: attr(data-label);
        flex: 0 0 auto;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: #94a3b8;
        text-align: left;
    }

    body.imarked-v1 .im-job-table__empty td {
        display: block;
        text-align: center;
    }

    body.imarked-v1 .im-job-table__empty td::before {
        display: none;
    }

    body.imarked-v1 .im-job-modal__row {
        grid-template-columns: 1fr;
    }
}

/* ========== Notification settings ========== */
body.imarked-v1 .im-notify {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 0;
}

body.imarked-v1 .im-notify__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 18px 20px;
    border: 1px solid #e5eaf1;
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgba(0, 102, 255, 0.08) 0%, rgba(0, 102, 255, 0) 46%),
        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-notify__title {
    margin: 0 0 3px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 22px !important;
    font-weight: 750 !important;
    color: #0f172a !important;
    letter-spacing: -0.03em;
    text-transform: none !important;
    background: none !important;
    line-height: 1.2 !important;
}

body.imarked-v1 .im-notify__title .fa {
    margin-right: 8px;
    color: #0066ff;
}

body.imarked-v1 .im-notify__sub {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
}

body.imarked-v1 .im-notify__card {
    padding: 8px 8px 16px;
    border: 1px solid #e5eaf1;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-notify__section {
    padding: 16px 16px 18px;
    border-bottom: 1px solid #eef2f7;
}

body.imarked-v1 .im-notify__section:last-of-type {
    border-bottom: 0;
}

body.imarked-v1 .im-notify__section-head {
    margin-bottom: 14px;
}

body.imarked-v1 .im-notify__section-title {
    margin: 0 0 4px;
    font-size: 16px;
    font-weight: 750;
    color: #0f172a;
    letter-spacing: -0.02em;
}

body.imarked-v1 .im-notify__section-desc {
    margin: 0;
    font-size: 13px;
    color: #64748b;
}

body.imarked-v1 .im-notify__master {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 14px;
    margin-bottom: 12px;
    border-radius: 12px;
    border: 1px solid #e6edf5;
    background: #f8fafc;
    cursor: pointer;
}

body.imarked-v1 .im-notify__master > input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

body.imarked-v1 .im-notify__master-ui {
    flex: 0 0 42px;
    width: 42px;
    height: 24px;
    margin-top: 2px;
    border-radius: 999px;
    background: #cbd5e1;
    position: relative;
    transition: background 160ms ease;
}

body.imarked-v1 .im-notify__master-ui::after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.2);
    transition: transform 160ms ease;
}

body.imarked-v1 .im-notify__master > input:checked + .im-notify__master-ui {
    background: #0066ff;
}

body.imarked-v1 .im-notify__master > input:checked + .im-notify__master-ui::after {
    transform: translateX(18px);
}

body.imarked-v1 .im-notify__master-text {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

body.imarked-v1 .im-notify__master-text strong {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}

body.imarked-v1 .im-notify__master-text small {
    font-size: 12px;
    color: #64748b;
}

body.imarked-v1 .im-notify__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 14px 0;
    border-top: 1px solid #f1f5f9;
}

body.imarked-v1 .im-notify__row:first-of-type {
    border-top: 0;
    padding-top: 0;
}

body.imarked-v1 .im-notify__row-copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1 1 auto;
    max-width: 100%;
}

body.imarked-v1 .im-notify__row-copy strong {
    font-size: 14px;
    font-weight: 700;
    color: #0f172a;
}

body.imarked-v1 .im-notify__row-copy small {
    font-size: 12px;
    color: #64748b;
}

body.imarked-v1 .im-notify__channels {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body.imarked-v1 .im-notify__chip {
    margin: 0;
    cursor: pointer;
}

body.imarked-v1 .im-notify__chip input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

body.imarked-v1 .im-notify__chip span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid #d7e2ee;
    background: #fff;
    color: #475569;
    font-size: 12px;
    font-weight: 650;
    transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}

body.imarked-v1 .im-notify__chip span i {
    font-size: 13px;
}

body.imarked-v1 .im-notify__chip span::after {
    content: "\f00c"; /* FontAwesome check */
    display: none;
    width: 16px;
    height: 16px;
    margin-left: 2px;
    border-radius: 50%;
    background: #0066ff;
    color: #fff;
    font-family: FontAwesome;
    font-size: 10px;
    font-weight: normal;
    line-height: 16px;
    text-align: center;
}

body.imarked-v1 .im-notify__chip input:checked + span {
    background: #eef4ff;
    border-color: #b8cffc;
    color: #0066ff;
}

body.imarked-v1 .im-notify__chip input:checked + span::after {
    display: inline-block;
}

body.imarked-v1 .im-notify__chip:hover span {
    border-color: #b8cffc;
}

body.imarked-v1 .im-notify__master > input:checked ~ .im-notify__master-text strong {
    color: #0066ff;
}

body.imarked-v1 .im-notify__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    padding: 8px 16px 8px;
}

@media (max-width: 991px) {
    body.imarked-v1 .im-notify {
        gap: 6px !important;
    }

    body.imarked-v1 .im-notify__form {
        margin: 0 !important;
    }

    body.imarked-v1 .im-notify h3,
    body.imarked-v1 .im-notify h4,
    body.imarked-v1 .im-notify p {
        margin: 0 !important;
        padding: 0 !important;
    }

    body.imarked-v1 .im-notify label {
        margin: 0 !important;
    }

    body.imarked-v1 .im-notify__head {
        padding: 10px 12px !important;
        border-radius: 12px;
    }

    body.imarked-v1 .im-notify__title {
        font-size: 16px !important;
        margin: 0 !important;
        line-height: 1.2 !important;
    }

    body.imarked-v1 .im-notify__sub {
        display: none;
    }

    body.imarked-v1 .im-notify__card {
        border-radius: 12px;
        padding: 0 !important;
        margin: 0 !important;
    }

    body.imarked-v1 .im-notify__section {
        padding: 10px 12px !important;
        margin: 0 !important;
    }

    body.imarked-v1 .im-notify__section-head {
        margin: 0 0 6px !important;
    }

    body.imarked-v1 .im-notify__section-title {
        font-size: 14px !important;
        margin: 0 0 2px !important;
        line-height: 1.25 !important;
    }

    body.imarked-v1 .im-notify__section-desc {
        font-size: 11px !important;
        line-height: 1.3 !important;
        margin: 0 !important;
    }

    body.imarked-v1 .im-notify__master {
        gap: 8px;
        padding: 8px 10px !important;
        margin: 0 0 6px !important;
        border-radius: 10px;
    }

    body.imarked-v1 .im-notify__master-text {
        gap: 0;
    }

    body.imarked-v1 .im-notify__master-text strong {
        font-size: 13px;
        line-height: 1.25;
    }

    body.imarked-v1 .im-notify__master-text small {
        font-size: 11px;
        line-height: 1.25;
    }

    body.imarked-v1 .im-notify__row {
        display: block !important;
        flex: none !important;
        gap: 0 !important;
        padding: 8px 0 !important;
        margin: 0 !important;
        min-height: 0 !important;
        height: auto !important;
    }

    body.imarked-v1 .im-notify__row:first-of-type {
        padding-top: 0 !important;
    }

    body.imarked-v1 .im-notify__row:last-child {
        padding-bottom: 0 !important;
    }

    /* flex-basis:220px was applying as HEIGHT in column layout — kills the gap */
    body.imarked-v1 .im-notify__row-copy {
        display: block !important;
        flex: none !important;
        flex-grow: 0 !important;
        flex-basis: auto !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        gap: 0 !important;
        margin: 0 0 10px !important;
        padding: 0 !important;
    }

    body.imarked-v1 .im-notify__row-copy strong {
        font-size: 13px;
        line-height: 2;
        display: block;
    }

    body.imarked-v1 .im-notify__row-copy small {
        font-size: 11px;
        line-height: 1.25;
        display: block;
    }

    body.imarked-v1 .im-notify__channels {
        display: flex !important;
        flex: none !important;
        flex-grow: 0 !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        gap: 5px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.imarked-v1 .im-notify__chip {
        position: relative;
        flex: 1 1 0;
        margin: 0 !important;
        line-height: 1;
        min-height: 0 !important;
        height: auto !important;
    }

    body.imarked-v1 .im-notify__chip input {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        clip: rect(0, 0, 0, 0) !important;
    }

    body.imarked-v1 .im-notify__chip span {
        width: 100%;
        height: 30px;
        min-height: 30px;
        padding: 0 6px;
        justify-content: center;
        font-size: 11px;
        gap: 3px;
        box-sizing: border-box;
    }

    body.imarked-v1 .im-notify__chip span::after {
        width: 14px;
        height: 14px;
        line-height: 14px;
        font-size: 9px;
        margin-left: 0;
    }

    body.imarked-v1 .im-notify__actions {
        padding: 8px 12px 10px !important;
        gap: 6px;
        margin: 0 !important;
    }

    body.imarked-v1 .im-notify__actions .im-profile__btn {
        flex: 1 1 auto;
        justify-content: center;
        height: 36px;
        margin: 0 !important;
    }
}

/* ============================================================
   BecomeBusinessCustomer — seller landing (im-bbc)
   ============================================================ */
body.imarked-v1 .im-bbc {
    --bbc-ink: #181c23;
    --bbc-muted: #6e7a8a;
    --bbc-line: #e7ebf0;
    --bbc-soft: #f4f7fb;
    --bbc-primary: var(--im-primary, #0066ff);
    max-width: 920px;
    margin: 0 auto 40px;
    padding: 0 4px 24px;
    color: var(--bbc-ink);
}

body.imarked-v1 .im-bbc__hero {
    padding: 28px 24px 26px;
    border: 1px solid var(--bbc-line);
    border-radius: 18px;
    background:
        radial-gradient(ellipse at top right, rgba(0, 102, 255, 0.08), transparent 48%),
        #fff;
}

body.imarked-v1 .im-bbc__eyebrow {
    margin: 0 0 10px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--bbc-primary);
}

body.imarked-v1 .im-bbc__title {
    margin: 0 0 10px;
    font-size: 32px;
    font-weight: 750;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: var(--bbc-ink);
}

body.imarked-v1 .im-bbc__lead {
    margin: 0 0 20px;
    max-width: 540px;
    font-size: 15px;
    line-height: 1.55;
    color: var(--bbc-muted);
}

body.imarked-v1 .im-bbc__hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

body.imarked-v1 .im-bbc__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 12px;
    border: 1px solid transparent;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}

body.imarked-v1 .im-bbc__btn--primary {
    background: var(--bbc-primary);
    color: #fff !important;
}

body.imarked-v1 .im-bbc__btn--primary:hover,
body.imarked-v1 .im-bbc__btn--primary:focus {
    background: #0052cc;
    color: #fff !important;
}

body.imarked-v1 .im-bbc__btn--ghost {
    background: #fff;
    border-color: var(--bbc-line);
    color: var(--bbc-ink) !important;
}

body.imarked-v1 .im-bbc__btn--ghost:hover,
body.imarked-v1 .im-bbc__btn--ghost:focus {
    border-color: #c9d9f5;
    background: #f8fbff;
}

body.imarked-v1 .im-bbc__btn--block {
    width: 100%;
}

body.imarked-v1 .im-bbc__values {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    margin-top: 16px;
}

body.imarked-v1 .im-bbc__value {
    padding: 16px 14px;
    border: 1px solid var(--bbc-line);
    border-radius: 14px;
    background: #fff;
}

body.imarked-v1 .im-bbc__value-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin-bottom: 10px;
    border-radius: 10px;
    background: #eef4ff;
    color: var(--bbc-primary);
    font-size: 15px;
}

body.imarked-v1 .im-bbc__value h2 {
    margin: 0 0 6px;
    font-size: 15px;
    font-weight: 750;
    letter-spacing: -0.01em;
    color: var(--bbc-ink);
}

body.imarked-v1 .im-bbc__value p {
    margin: 0;
    font-size: 13px;
    line-height: 1.45;
    color: var(--bbc-muted);
}

body.imarked-v1 .im-bbc__types,
body.imarked-v1 .im-bbc__proof {
    margin-top: 28px;
}

body.imarked-v1 .im-bbc__section-head {
    margin-bottom: 14px;
}

body.imarked-v1 .im-bbc__section-head h2 {
    margin: 0 0 6px;
    font-size: 20px;
    font-weight: 750;
    letter-spacing: -0.02em;
    color: var(--bbc-ink);
}

body.imarked-v1 .im-bbc__section-head p {
    margin: 0;
    font-size: 14px;
    color: var(--bbc-muted);
    line-height: 1.45;
}

body.imarked-v1 .im-bbc__type-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

body.imarked-v1 .im-bbc__type,
body.imarked-v1 button.im-bbc__type {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
    min-height: 148px;
    padding: 18px 14px 16px;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    background: #fff;
    cursor: pointer;
    text-align: center;
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04);
    transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease, transform 160ms ease;
}

body.imarked-v1 .im-bbc__type-check {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #d7e2ee;
    background: #fff;
    color: transparent;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    line-height: 1;
    transition: background 160ms ease, border-color 160ms ease, color 160ms ease;
}

body.imarked-v1 .im-bbc__type-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: #f4f7fb;
    border: 1px solid #e8eef5;
}

body.imarked-v1 .im-bbc__type img,
body.imarked-v1 .im-bbc__type-icon img {
    width: 32px;
    height: 32px;
    object-fit: contain;
    display: block;
}

body.imarked-v1 .im-bbc__type-icon > .fa {
    font-size: 22px;
    line-height: 1;
    color: var(--bbc-primary);
}

body.imarked-v1 .im-bbc__type-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    min-width: 0;
    width: 100%;
}

body.imarked-v1 .im-bbc__type-label {
    font-size: 14px;
    font-weight: 750;
    letter-spacing: -0.015em;
    color: var(--bbc-ink);
    line-height: 1.25;
}

body.imarked-v1 .im-bbc__type-hint {
    font-size: 12px;
    font-weight: 500;
    color: var(--bbc-muted);
    line-height: 1.3;
}

body.imarked-v1 .im-bbc__type:hover {
    border-color: #b8cffc;
    background: #f8fbff;
    box-shadow: 0 6px 16px rgba(0, 102, 255, 0.08);
    transform: translateY(-1px);
}

body.imarked-v1 .im-bbc__type:hover .im-bbc__type-icon {
    background: #eef4ff;
    border-color: #d6e4ff;
}

body.imarked-v1 .im-bbc__type:focus-visible {
    border-color: var(--bbc-primary);
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.16);
}

body.imarked-v1 .im-bbc__type--active,
body.imarked-v1 .im-bbc__type.c-btn-wizard-active {
    border-color: var(--bbc-primary);
    background: #f3f7ff;
    box-shadow: 0 0 0 1px var(--bbc-primary), 0 8px 18px rgba(0, 102, 255, 0.12);
}

body.imarked-v1 .im-bbc__type--active .im-bbc__type-check,
body.imarked-v1 .im-bbc__type.c-btn-wizard-active .im-bbc__type-check {
    background: var(--bbc-primary);
    border-color: var(--bbc-primary);
    color: #fff;
}

body.imarked-v1 .im-bbc__type--active .im-bbc__type-icon,
body.imarked-v1 .im-bbc__type.c-btn-wizard-active .im-bbc__type-icon {
    background: #e8f0ff;
    border-color: #c9d9f5;
}

body.imarked-v1 .im-bbc__type--active .im-bbc__type-label,
body.imarked-v1 .im-bbc__type.c-btn-wizard-active .im-bbc__type-label {
    color: #0b3d99;
}

body.imarked-v1 .im-bbc__type--active .im-bbc__type-hint,
body.imarked-v1 .im-bbc__type.c-btn-wizard-active .im-bbc__type-hint {
    color: #3b6bb5;
}

body.imarked-v1 .im-bbc__detail {
    margin-top: 14px;
}

body.imarked-v1 .im-bbc__detail-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 240px;
    gap: 20px;
    align-items: center;
    padding: 20px;
    border: 1px solid #d6e4ff;
    border-radius: 16px;
    background: linear-gradient(180deg, #f8fbff 0%, #fff 100%);
}

body.imarked-v1 .im-bbc__detail-kicker {
    margin: 0 0 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--bbc-primary);
}

body.imarked-v1 .im-bbc__detail-copy h3 {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 750;
    letter-spacing: -0.02em;
    color: var(--bbc-ink);
}

body.imarked-v1 .im-bbc__detail-copy > p {
    margin: 0 0 12px;
    font-size: 14px;
    line-height: 1.5;
    color: var(--bbc-muted);
}

body.imarked-v1 .im-bbc__detail-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.imarked-v1 .im-bbc__detail-list li {
    position: relative;
    padding: 0 0 8px 18px;
    font-size: 13px;
    line-height: 1.45;
    color: var(--bbc-ink);
}

body.imarked-v1 .im-bbc__detail-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--bbc-primary);
}

body.imarked-v1 .im-bbc__detail-note {
    margin: 10px 0 0;
    font-size: 12px;
    color: var(--bbc-muted);
    text-align: center;
    line-height: 1.4;
}

body.imarked-v1 .im-bbc__proof-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

body.imarked-v1 .im-bbc__proof-item {
    margin: 0;
    border: 1px solid var(--bbc-line);
    border-radius: 14px;
    background: #fff;
    overflow: hidden;
}

body.imarked-v1 .im-bbc__proof-media {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: var(--bbc-soft);
    cursor: zoom-in;
}

body.imarked-v1 .im-bbc__proof-media img {
    display: block;
    width: 100%;
    height: 140px;
    object-fit: cover;
}

body.imarked-v1 .im-bbc__proof-item figcaption {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 12px 14px 14px;
}

body.imarked-v1 .im-bbc__proof-item strong {
    font-size: 14px;
    font-weight: 700;
    color: var(--bbc-ink);
}

body.imarked-v1 .im-bbc__proof-item span {
    font-size: 12px;
    color: var(--bbc-muted);
    line-height: 1.4;
}

body.imarked-v1 .im-bbc__footer-cta {
    margin-top: 28px;
}

body.imarked-v1 .im-bbc__footer-cta-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 20px 22px;
    border-radius: 16px;
    border: 1px solid #d6e4ff;
    background: #eef4ff;
}

body.imarked-v1 .im-bbc__footer-cta h2 {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 750;
    color: var(--bbc-ink);
}

body.imarked-v1 .im-bbc__footer-cta p {
    margin: 0;
    font-size: 13px;
    color: var(--bbc-muted);
    line-height: 1.45;
}

@media (max-width: 991px) {
    body.imarked-v1 .im-bbc {
        max-width: none;
        margin-bottom: 24px;
        padding: 0 0 16px;
    }

    body.imarked-v1 .im-bbc__hero {
        padding: 22px 16px 20px;
        border-radius: 0;
        border-left: 0;
        border-right: 0;
    }

    body.imarked-v1 .im-bbc__title {
        font-size: 26px;
    }

    body.imarked-v1 .im-bbc__values {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.imarked-v1 .im-bbc__type-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    body.imarked-v1 .im-bbc__type,
    body.imarked-v1 button.im-bbc__type {
        min-height: 136px;
        padding: 16px 12px 14px;
    }

    body.imarked-v1 .im-bbc__type:hover {
        transform: none;
    }

    body.imarked-v1 .im-bbc__detail-card {
        grid-template-columns: 1fr;
        padding: 16px;
    }

    body.imarked-v1 .im-bbc__proof-grid {
        grid-template-columns: 1fr;
    }

    body.imarked-v1 .im-bbc__proof-media img {
        height: 160px;
    }

    body.imarked-v1 .im-bbc__footer-cta-inner {
        flex-direction: column;
        align-items: stretch;
        text-align: left;
    }

    body.imarked-v1 .im-bbc__types,
    body.imarked-v1 .im-bbc__proof,
    body.imarked-v1 .im-bbc__values,
    body.imarked-v1 .im-bbc__detail,
    body.imarked-v1 .im-bbc__footer-cta {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media (max-width: 767px) {
    body.imarked-v1 .im-bbc {
        padding: 0 0 calc(24px + env(safe-area-inset-bottom, 0px));
    }

    body.imarked-v1 .im-bbc__hero {
        margin: 0 12px;
        padding: 20px 16px 18px;
        border: 1px solid var(--bbc-line);
        border-radius: 16px;
        background:
            radial-gradient(ellipse at top right, rgba(0, 102, 255, 0.1), transparent 55%),
            #fff;
    }

    body.imarked-v1 .im-bbc__eyebrow {
        margin-bottom: 8px;
        font-size: 11px;
    }

    body.imarked-v1 .im-bbc__title {
        margin-bottom: 8px;
        font-size: 24px;
        letter-spacing: -0.03em;
    }

    body.imarked-v1 .im-bbc__lead {
        margin-bottom: 16px;
        font-size: 14px;
        line-height: 1.5;
    }

    body.imarked-v1 .im-bbc__hero-actions {
        flex-direction: column;
        gap: 8px;
    }

    body.imarked-v1 .im-bbc__hero-actions .im-bbc__btn {
        width: 100%;
        min-height: 48px;
        border-radius: 12px;
        font-size: 15px;
    }

    /* Value cards: horizontal rows — denser, less scroll */
    body.imarked-v1 .im-bbc__values {
        grid-template-columns: 1fr;
        gap: 10px;
        margin-top: 14px;
        padding-left: 12px;
        padding-right: 12px;
    }

    body.imarked-v1 .im-bbc__value {
        display: grid;
        grid-template-columns: 48px minmax(0, 1fr);
        column-gap: 12px;
        row-gap: 3px;
        align-items: center;
        padding: 14px 14px;
        border-radius: 14px;
        box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04);
    }

    body.imarked-v1 .im-bbc__value-icon {
        grid-row: 1 / span 2;
        align-self: center;
        width: 48px;
        height: 48px;
        margin: 0;
        border-radius: 12px;
        font-size: 18px;
    }

    body.imarked-v1 .im-bbc__value h2 {
        margin: 0;
        font-size: 15px;
        line-height: 1.25;
    }

    body.imarked-v1 .im-bbc__value p {
        font-size: 12.5px;
        line-height: 1.4;
    }

    body.imarked-v1 .im-bbc__types,
    body.imarked-v1 .im-bbc__proof {
        margin-top: 22px;
    }

    body.imarked-v1 .im-bbc__section-head {
        margin-bottom: 12px;
    }

    body.imarked-v1 .im-bbc__section-head h2 {
        font-size: 18px;
    }

    body.imarked-v1 .im-bbc__section-head p {
        font-size: 13px;
        line-height: 1.4;
    }

    body.imarked-v1 .im-bbc__type-grid {
        gap: 10px;
    }

    body.imarked-v1 .im-bbc__type,
    body.imarked-v1 button.im-bbc__type {
        min-height: 128px;
        padding: 14px 10px 12px;
        border-radius: 14px;
    }

    body.imarked-v1 .im-bbc__type-icon {
        width: 44px;
        height: 44px;
    }

    body.imarked-v1 .im-bbc__type img,
    body.imarked-v1 .im-bbc__type-icon img {
        width: 28px;
        height: 28px;
    }

    body.imarked-v1 .im-bbc__type-label {
        font-size: 13px;
    }

    body.imarked-v1 .im-bbc__type-hint {
        font-size: 11px;
    }

    body.imarked-v1 .im-bbc__detail {
        margin-top: 14px;
        padding-left: 12px;
        padding-right: 12px;
    }

    body.imarked-v1 .im-bbc__detail-card {
        padding: 16px 14px;
        border-radius: 14px;
        gap: 14px;
    }

    body.imarked-v1 .im-bbc__detail-copy h3 {
        font-size: 18px;
    }

    body.imarked-v1 .im-bbc__detail-cta .im-bbc__btn {
        min-height: 48px;
        font-size: 15px;
    }

    body.imarked-v1 .im-bbc__proof-media img {
        height: 140px;
    }

    body.imarked-v1 .im-bbc__footer-cta {
        margin-top: 20px;
        padding-left: 12px;
        padding-right: 12px;
    }

    body.imarked-v1 .im-bbc__footer-cta-inner {
        padding: 16px 14px;
        border-radius: 14px;
        gap: 12px;
    }

    body.imarked-v1 .im-bbc__footer-cta h2 {
        font-size: 18px;
    }

    body.imarked-v1 .im-bbc__footer-cta .im-bbc__btn {
        width: 100%;
        min-height: 48px;
    }
}

/* ============================================================
   Store Create / Form — im-store-form
   ============================================================ */
body.imarked-v1 .im-store-form {
    --sf-ink: #181c23;
    --sf-muted: #6e7a8a;
    --sf-line: #e7ebf0;
    --sf-primary: var(--im-primary, #0066ff);
    max-width: 780px;
    margin: 0 auto 32px;
    padding: 0 4px 16px;
}

body.imarked-v1 .im-store-form__head {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px 20px;
    margin-bottom: 18px;
    padding: 18px 20px;
    border: 1px solid var(--sf-line);
    border-radius: 16px;
    background: linear-gradient(180deg, #fff 0%, #f8fafc 100%);
}

body.imarked-v1 .im-store-form__head-main {
    flex: 1 1 auto;
    min-width: 0;
}

body.imarked-v1 .im-store-form__eyebrow {
    margin: 0 0 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--sf-primary);
}

body.imarked-v1 .im-store-form__title-row {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 8px;
}

body.imarked-v1 .im-store-form__title-icon {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    background: #eef4ff;
    color: var(--sf-primary);
    font-size: 20px;
    line-height: 1;
}

body.imarked-v1 .im-store-form__title {
    margin: 0;
    font-size: 28px;
    font-weight: 750;
    letter-spacing: -0.035em;
    color: var(--sf-ink);
    line-height: 1.15;
}

body.imarked-v1 .im-store-form__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
}

body.imarked-v1 .im-store-form__sub {
    margin: 0;
    flex: 0 1 auto;
    min-width: 0;
    font-size: 14px;
    color: var(--sf-muted);
    line-height: 1.45;
}

body.imarked-v1 .im-store-form__badge {
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    max-width: 100%;
    padding: 5px 12px;
    border-radius: 999px;
    background: #eef4ff;
    border: 1px solid #dbe7ff;
    color: var(--sf-primary);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
}

body.imarked-v1 .im-store-form__back {
    flex: 0 0 auto;
    align-self: flex-start;
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    margin: 0;
    padding: 0 12px;
    border: 1px solid var(--sf-line);
    border-radius: 999px;
    background: #fff;
    font-size: 13px;
    font-weight: 650;
    color: var(--sf-muted);
    text-decoration: none !important;
    white-space: nowrap;
}

body.imarked-v1 .im-store-form__back:hover {
    color: var(--sf-primary);
    border-color: #93c5fd;
    background: #eef4ff;
}

body.imarked-v1 .im-store-form__card {
    padding: 18px 20px 10px;
    border: 1px solid var(--sf-line);
    border-radius: 16px;
    background: #fff;
}

body.imarked-v1 .im-store-form__section {
    margin: 0 0 4px;
    font-size: 15px;
    font-weight: 750;
    letter-spacing: -0.02em;
    color: var(--sf-ink);
}

body.imarked-v1 .im-store-form__section--spaced {
    margin-top: 18px;
    padding-top: 16px;
    border-top: 1px solid var(--sf-line);
}

body.imarked-v1 .im-store-form__hint {
    margin: 0 0 14px;
    font-size: 12px;
    color: var(--sf-muted);
    line-height: 1.4;
}

body.imarked-v1 .im-store-form__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 14px;
}

body.imarked-v1 .im-store-form .form-group {
    margin: 0 0 12px !important;
    padding: 0 !important;
    float: none !important;
    width: 100% !important;
}

body.imarked-v1 .im-store-form .form-group::before,
body.imarked-v1 .im-store-form .form-group::after {
    display: none !important;
    content: none !important;
}

body.imarked-v1 .im-store-form .control-label {
    display: inline-block !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 0 5px !important;
    padding: 0 !important;
    text-align: left !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: var(--sf-ink) !important;
    line-height: 1.3;
}

body.imarked-v1 .im-store-form .has-error,
body.imarked-v1 .im-store-form .my-error-Text {
    display: inline !important;
    float: none !important;
    margin: 0 0 0 4px !important;
    color: #dc2626;
    font-weight: 700;
    font-size: 13px;
}

body.imarked-v1 .im-store-form__control { width: 100%; }

body.imarked-v1 .im-store-form__control--public {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

body.imarked-v1 .im-store-form__control--public .form-control,
body.imarked-v1 .im-store-form__control--public .im-store-form__address {
    flex: 1 1 auto;
    min-width: 0;
}

body.imarked-v1 .im-store-form__control--public .field-validation-error {
    flex: 1 1 100%;
}

body.imarked-v1 .im-store-form .form-control {
    height: 42px !important;
    border: 1px solid #d7e2ee !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    background: #fff !important;
    color: var(--sf-ink) !important;
    font-size: 14px !important;
    padding: 0 12px !important;
}

body.imarked-v1 .im-store-form textarea.form-control {
    height: auto !important;
    min-height: 96px !important;
    padding: 10px 12px !important;
    resize: vertical;
}

body.imarked-v1 .im-store-form .form-control:focus {
    border-color: #93c5fd !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12) !important;
}

body.imarked-v1 .im-store-form .form-control:disabled {
    background: #f1f5f9 !important;
    color: #64748b !important;
}

body.imarked-v1 .im-store-form .field-validation-error {
    display: block;
    width: 100%;
    margin-top: 4px;
    font-size: 12px;
    color: #dc2626;
}

body.imarked-v1 .im-store-form__public {
    flex: 0 0 auto;
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    height: 42px;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 1px solid #d7e2ee;
    border-radius: 10px;
    background: #f8fafc;
    font-size: 12px !important;
    font-weight: 650 !important;
    color: var(--sf-muted) !important;
    white-space: nowrap;
    cursor: pointer;
}

body.imarked-v1 .im-store-form__public input {
    width: 15px !important;
    height: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.imarked-v1 .im-store-form__public:has(input:checked) {
    border-color: #93c5fd;
    background: #eef4ff;
    color: var(--sf-primary) !important;
}

body.imarked-v1 .im-store-form__address {
    position: relative;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    min-width: 0;
}

body.imarked-v1 .im-store-form__address .form-control {
    padding-right: 46px !important;
}

body.imarked-v1 .im-store-form__loc,
body.imarked-v1 .im-store-form #getCurrentLocation.im-store-form__loc {
    position: absolute;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: #eef4ff !important;
    color: var(--sf-primary) !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: none !important;
}

body.imarked-v1 .im-store-form__private {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    padding: 10px 12px;
    border: 1px solid var(--sf-line);
    border-radius: 10px;
    background: #f8fafc;
}

body.imarked-v1 .im-store-form__private label {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: var(--sf-ink);
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

body.imarked-v1 .im-store-form__info {
    color: var(--sf-primary);
    font-size: 15px;
    text-decoration: none !important;
}

body.imarked-v1 .im-store-form__logo-btn a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 0 14px;
    border: 1px dashed #c9d3df;
    border-radius: 10px;
    background: #f8fafc;
    color: var(--sf-ink) !important;
    font-size: 13px;
    font-weight: 650;
    text-decoration: none !important;
}

body.imarked-v1 .im-store-form__logo-btn a:hover {
    border-color: #93c5fd;
    background: #eef4ff;
    color: var(--sf-primary) !important;
}

body.imarked-v1 .im-store-form__logo-btn img { display: none; }

body.imarked-v1 .im-store-form .photo-load img {
    max-width: 120px;
    max-height: 90px;
    border-radius: 10px;
    margin-bottom: 8px;
}

body.imarked-v1 .im-store-form__file {
    display: block;
    margin: 0;
    cursor: pointer;
}

body.imarked-v1 .im-store-form__file input {
    position: absolute;
    width: 1px;
    height: 1px;
    opacity: 0;
    overflow: hidden;
}

body.imarked-v1 .im-store-form__file-ui {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 42px;
    padding: 0 14px;
    border: 1px dashed #c9d3df;
    border-radius: 10px;
    background: #f8fafc;
    color: var(--sf-muted);
    font-size: 13px;
    font-weight: 600;
}

body.imarked-v1 .im-store-form__file-ui i { color: var(--sf-primary); }
body.imarked-v1 .im-store-form__file-ui em { font-style: normal; }

body.imarked-v1 .im-store-form__file:hover .im-store-form__file-ui {
    border-color: #93c5fd;
    background: #eef4ff;
}

body.imarked-v1 .im-store-form__terms { margin-top: 4px !important; }

body.imarked-v1 .im-store-form__terms-label {
    display: flex !important;
    align-items: flex-start;
    gap: 10px;
    margin: 0;
    padding: 12px 14px;
    border: 1px solid var(--sf-line);
    border-radius: 10px;
    background: #f8fafc;
    font-size: 13px;
    font-weight: 500;
    color: var(--sf-ink);
    line-height: 1.4;
}

body.imarked-v1 .im-store-form__terms-label input { margin-top: 2px; }
body.imarked-v1 .im-store-form__terms-label a { color: var(--sf-primary); font-weight: 650; }

body.imarked-v1 .im-store-form__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 12px;
    padding: 14px 16px;
    border: 1px solid var(--sf-line);
    border-radius: 16px;
    background: #fff;
}

body.imarked-v1 .im-store-form__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 10px !important;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    border: 1px solid transparent;
}

body.imarked-v1 .im-store-form__btn--ghost {
    background: #fff;
    border-color: var(--sf-line);
    color: var(--sf-ink) !important;
}

body.imarked-v1 .im-store-form__btn--primary,
body.imarked-v1 .im-store-form input.im-store-form__btn--primary {
    background: var(--sf-primary) !important;
    border-color: var(--sf-primary) !important;
    color: #fff !important;
}

body.imarked-v1 .im-store-form__btn--primary:hover,
body.imarked-v1 .im-store-form input.im-store-form__btn--primary:hover {
    background: #0052cc !important;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-store-form {
        /* Clear fixed bottom nav + floating + button */
        --sf-nav-clear: calc(96px + env(safe-area-inset-bottom, 0px));
        max-width: none;
        margin: 0 0 8px;
        padding: 0 0 12px;
    }

    body.imarked-v1 .im-store-form__head {
        flex-direction: column;
        gap: 10px;
        margin: 0 12px 12px;
        padding: 14px;
        border-radius: 14px;
    }

    body.imarked-v1 .im-store-form__back {
        order: -1;
        align-self: flex-start;
        min-height: 32px;
        padding: 0 10px;
        font-size: 12px;
    }

    body.imarked-v1 .im-store-form__eyebrow {
        margin-bottom: 6px;
        font-size: 10px;
    }

    body.imarked-v1 .im-store-form__title-row {
        gap: 10px;
        margin-bottom: 6px;
    }

    body.imarked-v1 .im-store-form__title-icon {
        width: 38px;
        height: 38px;
        border-radius: 10px;
        font-size: 17px;
    }

    body.imarked-v1 .im-store-form__title {
        font-size: 20px;
        letter-spacing: -0.025em;
    }

    body.imarked-v1 .im-store-form__meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    body.imarked-v1 .im-store-form__sub {
        font-size: 12px;
        line-height: 1.35;
    }

    body.imarked-v1 .im-store-form__badge {
        padding: 5px 12px;
        font-size: 12px;
    }

    body.imarked-v1 .im-store-form__grid {
        grid-template-columns: 1fr;
        gap: 0;
    }

    body.imarked-v1 .im-store-form .form-group {
        margin-bottom: 18px !important;
    }

    body.imarked-v1 .im-store-form .control-label {
        margin-bottom: 8px !important;
    }

    body.imarked-v1 .im-store-form .form-control {
        height: 48px !important;
        font-size: 16px !important; /* avoid iOS zoom */
        border-radius: 12px !important;
        line-height: 1.25 !important;
    }

    body.imarked-v1 .im-store-form textarea.form-control {
        min-height: 110px !important;
        font-size: 16px !important;
        line-height: 1.4 !important;
    }

    /* Public toggle: same row + same height as text box */
    body.imarked-v1 .im-store-form__control--public {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
        gap: 10px;
    }

    body.imarked-v1 .im-store-form__control--public > .form-control,
    body.imarked-v1 .im-store-form__control--public > .im-store-form__address {
        flex: 1 1 0;
        min-width: 0;
        width: auto;
        margin: 0 !important;
    }

    body.imarked-v1 .im-store-form__control--public > .im-store-form__public {
        flex: 0 0 auto;
        align-self: stretch;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        gap: 7px;
        width: auto;
        min-width: 92px;
        height: auto !important;
        min-height: 48px;
        margin: 0 !important;
        padding: 0 12px !important;
        border-radius: 12px;
        box-sizing: border-box;
        line-height: 1;
    }

    body.imarked-v1 .im-store-form__control--public > .im-store-form__public input {
        width: 16px !important;
        height: 16px !important;
        flex: 0 0 auto;
    }

    body.imarked-v1 .im-store-form__control--public > .field-validation-error {
        flex: 1 1 100%;
        margin-top: 2px;
    }

    body.imarked-v1 .im-store-form__address {
        min-height: 48px;
    }

    body.imarked-v1 .im-store-form__address .form-control {
        height: 48px !important;
    }

    body.imarked-v1 .im-store-form__private {
        min-height: 48px;
        margin: 4px 0 18px;
        padding: 12px 14px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-store-form__section {
        font-size: 14px;
        margin-bottom: 6px;
    }

    body.imarked-v1 .im-store-form__section--spaced {
        margin-top: 22px;
        padding-top: 18px;
    }

    body.imarked-v1 .im-store-form__hint {
        margin-bottom: 16px;
        font-size: 11px;
        line-height: 1.4;
    }

    body.imarked-v1 .im-store-form__card {
        border-radius: 14px;
        border: 1px solid var(--sf-line);
        margin: 0 12px;
        padding: 16px 14px 12px;
    }

    body.imarked-v1 .im-store-form__terms {
        margin-top: 8px !important;
        margin-bottom: 4px !important;
    }

    body.imarked-v1 .im-store-form__actions {
        position: sticky;
        bottom: var(--sf-nav-clear);
        z-index: 40;
        display: flex;
        flex-direction: column-reverse;
        gap: 8px;
        margin: 12px 12px 0;
        padding: 12px;
        border: 1px solid var(--sf-line);
        border-radius: 14px;
        background: rgba(255, 255, 255, 0.97);
        box-shadow: 0 -8px 24px rgba(24, 28, 35, 0.1);
        -webkit-backdrop-filter: blur(8px);
        backdrop-filter: blur(8px);
    }

    body.imarked-v1 .im-store-form__actions .im-store-form__btn {
        flex: 1 1 auto;
        width: 100%;
        min-height: 48px;
        border-radius: 12px !important;
        font-size: 15px;
    }

    body.imarked-v1 .im-store-form__btn--ghost {
        min-height: 42px;
        font-weight: 650;
    }

    body.imarked-v1 .im-store-form__logo-btn a,
    body.imarked-v1 .im-store-form__file-ui {
        min-height: 48px;
        width: 100%;
        justify-content: center;
        border-radius: 12px;
    }

    body.imarked-v1 .im-store-form__terms-label {
        padding: 14px;
        border-radius: 12px;
        font-size: 13px;
    }

    body.imarked-v1 .im-store-form__loc,
    body.imarked-v1 .im-store-form #getCurrentLocation.im-store-form__loc {
        width: 38px;
        height: 38px;
    }
}

/* ============================================================
   Product Wizard — SelectStoreType (.pk-root)
   ============================================================ */
body.imarked-v1 .c-hide {
    display: none !important;
}

@keyframes pkPanelIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

body.imarked-v1 .pk-root {
    --pk-ink: #181c23;
    --pk-muted: #6e7a8a;
    --pk-line: #e7ebf0;
    --pk-soft: #f4f7fb;
    --pk-primary: var(--im-primary, #0066ff);
    --pk-primary-soft: rgba(0, 102, 255, 0.08);
    --pk-primary-mid: rgba(0, 102, 255, 0.16);
    --pk-radius: 16px;
    --pk-shadow: 0 1px 3px rgba(24, 28, 35, 0.06), 0 4px 14px rgba(24, 28, 35, 0.04);
    --pk-shadow-hover: 0 8px 24px rgba(0, 102, 255, 0.1);
    max-width: 780px;
    margin: 0 auto 32px;
    padding: 0 4px calc(24px + env(safe-area-inset-bottom, 0px));
    color: var(--pk-ink);
}

body.imarked-v1 .pk-root *,
body.imarked-v1 .pk-root *::before,
body.imarked-v1 .pk-root *::after {
    box-sizing: border-box;
}

/* ── Step indicator ── */
body.imarked-v1 .pk-root .pk-steps {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 11px 0 18px;
    flex-wrap: wrap;
}

body.imarked-v1 .pk-root .pk-step {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 650;
    color: var(--pk-muted);
}

body.imarked-v1 .pk-root .pk-step.is-current {
    color: var(--pk-ink);
}

body.imarked-v1 .pk-root .pk-step-num {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 700;
    background: var(--pk-soft);
    color: var(--pk-muted);
    border: 1px solid var(--pk-line);
}

body.imarked-v1 .pk-root .pk-step.is-done .pk-step-num {
    background: var(--pk-primary);
    border-color: var(--pk-primary);
    color: #fff;
}

body.imarked-v1 .pk-root .pk-step.is-current .pk-step-num {
    background: var(--pk-primary);
    border-color: var(--pk-primary);
    color: #fff;
    box-shadow: 0 0 0 3px var(--pk-primary-soft);
}

body.imarked-v1 .pk-root .pk-step-sep {
    width: 24px;
    height: 2px;
    background: var(--pk-line);
    border-radius: 2px;
}

/* ── Intro header ── */
body.imarked-v1 .pk-root .pk-intro {
    text-align: left;
    margin-bottom: 22px;
    padding: 22px 20px 20px;
    border: 1px solid var(--pk-line);
    border-radius: 18px;
    background: #fff;
}

body.imarked-v1 .pk-root .pk-intro-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

body.imarked-v1 .pk-root .pk-view-all--intro {
    display: none;
}

body.imarked-v1 .pk-root .pk-intro-eyebrow {
    margin: 0 0 8px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--pk-primary);
}

body.imarked-v1 .pk-root .pk-intro-title {
    margin: 0 0 8px;
    font-size: 28px;
    font-weight: 750;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: var(--pk-ink);
}

body.imarked-v1 .pk-root .pk-intro-sub {
    margin: 0 auto;
    max-width: 42ch;
    font-size: 15px;
    line-height: 1.55;
    color: var(--pk-muted);
}

/* ── Mode switcher ── */
body.imarked-v1 .pk-root .pk-mode-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--pk-muted);
    margin: 0 0 10px 2px;
}

body.imarked-v1 .pk-root .pk-switcher {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-bottom: 24px;
}

body.imarked-v1 .pk-root .pk-switch-btn {
    cursor: pointer;
    border-radius: var(--pk-radius);
    background: #fff;
    border: 1px solid var(--pk-line);
    box-shadow: var(--pk-shadow);
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease, background 140ms ease;
    position: relative;
    overflow: hidden;
}

body.imarked-v1 .pk-root .pk-switch-btn:hover {
    transform: translateY(-1px);
    border-color: rgba(0, 102, 255, 0.28);
    box-shadow: var(--pk-shadow-hover);
}

body.imarked-v1 .pk-root .pk-switch-btn a {
    display: block;
    text-decoration: none;
    color: inherit;
}

body.imarked-v1 .pk-root .pk-switch-inner {
    padding: 16px 14px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto auto;
    column-gap: 12px;
    row-gap: 3px;
    align-items: center;
    min-height: 88px;
}

body.imarked-v1 .pk-root .pk-sw-icon {
    grid-row: 1 / span 2;
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--pk-primary-soft);
}

body.imarked-v1 .pk-root .pk-sw-icon svg {
    width: 24px;
    height: 24px;
    fill: var(--pk-primary);
}

body.imarked-v1 .pk-root .pk-sw-title {
    grid-column: 2;
    font-size: 16px;
    font-weight: 700;
    color: var(--pk-ink);
    letter-spacing: -0.01em;
}

body.imarked-v1 .pk-root .pk-sw-sub {
    grid-column: 2;
    font-size: 13px;
    color: var(--pk-muted);
    line-height: 1.4;
}

body.imarked-v1 .pk-root .pk-sw-check {
    grid-column: 3;
    grid-row: 1 / span 2;
    width: 26px;
    height: 26px;
    border-radius: 50%;
    border: 2px solid var(--pk-line);
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 140ms ease, border-color 140ms ease;
}

body.imarked-v1 .pk-root .pk-sw-check svg {
    width: 14px;
    height: 14px;
    fill: #fff;
    opacity: 0;
    transition: opacity 140ms ease;
}

body.imarked-v1 .pk-root .pk-switch-btn.is-active {
    border-color: var(--pk-primary);
    background: #fff;
    box-shadow: 0 0 0 3px var(--pk-primary-soft), var(--pk-shadow);
}

body.imarked-v1 .pk-root .pk-switch-btn.is-active .pk-sw-check {
    background: var(--pk-primary);
    border-color: var(--pk-primary);
}

body.imarked-v1 .pk-root .pk-switch-btn.is-active .pk-sw-check svg {
    opacity: 1;
}

body.imarked-v1 .pk-root .pk-sw-chips {
    display: none !important;
}

/* ── Content panel ── */
body.imarked-v1 .pk-root .pk-panel {
    background: #fff;
    border-radius: var(--pk-radius);
    border: 1px solid var(--pk-line);
    overflow: hidden;
    box-shadow: var(--pk-shadow);
    padding: 0;
    animation: pkPanelIn 0.34s cubic-bezier(0.2, 0.8, 0.2, 1);
}

body.imarked-v1 .pk-root .pk-panel-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
    flex-wrap: wrap;
    padding: 18px 20px 16px;
    border-bottom: 1px solid var(--pk-line);
    background: linear-gradient(180deg, #fbfcfe 0%, #f6f8fb 100%);
}

body.imarked-v1 .pk-root .pk-panel-header h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--pk-ink);
    letter-spacing: -0.01em;
    display: flex;
    align-items: center;
    gap: 8px;
}

body.imarked-v1 .pk-root .pk-panel-header h2 svg {
    width: 22px;
    height: 22px;
    fill: var(--pk-primary);
}

body.imarked-v1 .pk-root .pk-panel-hint {
    margin: 4px 0 0;
    font-size: 14px;
    color: var(--pk-muted);
    font-weight: 400;
}

body.imarked-v1 .pk-root .pk-view-all {
    font-size: 13px;
    font-weight: 650;
    color: var(--pk-primary) !important;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 8px 14px;
    border-radius: 999px;
    background: #fff;
    border: 1px solid var(--pk-line);
    transition: border-color 140ms ease, background 140ms ease;
    margin-top: 2px;
}

body.imarked-v1 .pk-root .pk-view-all:hover {
    border-color: rgba(0, 102, 255, 0.35);
    background: var(--pk-primary-soft);
}

body.imarked-v1 .pk-root .pk-view-all svg {
    width: 12px;
    height: 12px;
    fill: currentColor;
}

body.imarked-v1 .pk-root .pk-panel-body {
    padding: 0;
}

body.imarked-v1 .pk-root .pk-cat-block {
    margin-top: 12px;
}

body.imarked-v1 .pk-root .pk-section-label {
    font-size: 11px;
    font-weight: 700;
    color: var(--pk-muted);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin: 0 0 10px 2px;
    display: flex;
    align-items: center;
    gap: 10px;
}

body.imarked-v1 .pk-root .pk-section-label::after {
    content: '';
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, var(--pk-line), transparent);
}

/* ── Private category tiles (competitor-style) ── */
body.imarked-v1 .pk-root .pk-panel--private {
    border: 0;
    box-shadow: none;
    background: transparent;
    padding: 0;
    overflow: visible;
}

body.imarked-v1 .pk-root .pk-panel-header--private {
    padding: 4px 2px 16px;
    border-bottom: 0;
    background: transparent;
    align-items: flex-end;
}

body.imarked-v1 .pk-root .pk-panel-header--private h2 {
    font-size: 22px;
    font-weight: 750;
    letter-spacing: -0.03em;
    color: var(--pk-ink);
}

body.imarked-v1 .pk-root .pk-panel-header--private .pk-panel-hint {
    margin-top: 4px;
    font-size: 14px;
}

body.imarked-v1 .pk-root .pk-panel-header--private .pk-view-all {
    border: 0;
    background: transparent;
    box-shadow: none;
    padding: 0;
    color: var(--pk-primary) !important;
    font-weight: 700;
}

body.imarked-v1 .pk-root .pk-panel-header--private .pk-view-all:hover {
    background: transparent;
    color: #0052cc !important;
}

body.imarked-v1 .pk-root .pk-cat-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

body.imarked-v1 .pk-root .pk-cat-grid--private {
    gap: 14px;
}

body.imarked-v1 .pk-root .pk-item-row,
body.imarked-v1 .pk-root .pk-item-row--cat {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding: 18px 18px 16px;
    border-radius: 12px;
    border: 1px solid #e5eaf0;
    background: #fff;
    text-decoration: none !important;
    color: inherit;
    min-height: 140px;
    transition: border-color 140ms ease, box-shadow 140ms ease, background 140ms ease;
    cursor: pointer;
    position: relative;
    box-shadow: none;
    overflow: hidden;
}

body.imarked-v1 .pk-root .pk-item-row::after {
    display: none;
}

body.imarked-v1 .pk-root .pk-item-row:hover,
body.imarked-v1 .pk-root .pk-item-row--cat:hover {
    border-color: #c9d8f0;
    background: #fafcff;
    box-shadow: 0 4px 14px rgba(24, 28, 35, 0.06);
    color: inherit;
    transform: none;
}

body.imarked-v1 .pk-root .pk-row-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}

body.imarked-v1 .pk-root .pk-row-icon {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent !important;
    box-shadow: none !important;
}

body.imarked-v1 .pk-root .pk-row-icon svg {
    width: 44px;
    height: 44px;
    fill: var(--pk-primary) !important;
}

body.imarked-v1 .pk-root .pk-row-text {
    flex: 1;
    width: 100%;
    min-width: 0;
}

body.imarked-v1 .pk-root .pk-row-name {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 20px;
    font-weight: 500;
    color: var(--pk-primary);
    letter-spacing: -0.02em;
    line-height: 1.2;
}

body.imarked-v1 .pk-root .pk-row-desc {
    margin: 0;
    font-size: 13px;
    color: #5b6575;
    line-height: 1.45;
    max-width: 28ch;
}

body.imarked-v1 .pk-root .pk-row-badge {
    align-self: flex-start;
    margin-top: auto;
    font-size: 11px;
    font-weight: 650;
    padding: 3px 8px !important;
    border-radius: 999px !important;
    background: #f1f4f8 !important;
    color: #5b6575 !important;
}

body.imarked-v1 .pk-root .pk-item-row.is-free .pk-row-badge {
    background: rgba(0, 102, 255, 0.1) !important;
    color: var(--pk-primary) !important;
    font-weight: 700;
}

body.imarked-v1 .pk-root .pk-row-arrow {
    display: none;
}

body.imarked-v1 .pk-root .pk-row-arrow--static {
    display: flex;
    position: static;
    opacity: 1;
    margin-left: auto;
    flex-shrink: 0;
    transform: none;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: var(--pk-primary-soft);
}

body.imarked-v1 .pk-root .pk-row-arrow--static svg {
    width: 14px;
    height: 14px;
    fill: var(--pk-primary);
}

/* Override rainbow theme classes -> unified blue icons */
body.imarked-v1 .pk-root .t-orange .pk-row-icon,
body.imarked-v1 .pk-root .t-green .pk-row-icon,
body.imarked-v1 .pk-root .t-blue .pk-row-icon,
body.imarked-v1 .pk-root .t-pink .pk-row-icon,
body.imarked-v1 .pk-root .t-purple .pk-row-icon,
body.imarked-v1 .pk-root .t-teal .pk-row-icon,
body.imarked-v1 .pk-root .t-indigo .pk-row-icon,
body.imarked-v1 .pk-root .t-cyan .pk-row-icon,
body.imarked-v1 .pk-root .t-amber .pk-row-icon,
body.imarked-v1 .pk-root .t-brown .pk-row-icon {
    background: transparent !important;
}

body.imarked-v1 .pk-root .t-orange .pk-row-icon svg,
body.imarked-v1 .pk-root .t-green .pk-row-icon svg,
body.imarked-v1 .pk-root .t-blue .pk-row-icon svg,
body.imarked-v1 .pk-root .t-pink .pk-row-icon svg,
body.imarked-v1 .pk-root .t-purple .pk-row-icon svg,
body.imarked-v1 .pk-root .t-teal .pk-row-icon svg,
body.imarked-v1 .pk-root .t-indigo .pk-row-icon svg,
body.imarked-v1 .pk-root .t-cyan .pk-row-icon svg,
body.imarked-v1 .pk-root .t-amber .pk-row-icon svg,
body.imarked-v1 .pk-root .t-brown .pk-row-icon svg {
    fill: var(--pk-primary) !important;
}

body.imarked-v1 .pk-root .t-orange .pk-row-badge,
body.imarked-v1 .pk-root .t-green .pk-row-badge,
body.imarked-v1 .pk-root .t-blue .pk-row-badge,
body.imarked-v1 .pk-root .t-pink .pk-row-badge,
body.imarked-v1 .pk-root .t-purple .pk-row-badge,
body.imarked-v1 .pk-root .t-teal .pk-row-badge,
body.imarked-v1 .pk-root .t-indigo .pk-row-badge,
body.imarked-v1 .pk-root .t-cyan .pk-row-badge,
body.imarked-v1 .pk-root .t-amber .pk-row-badge,
body.imarked-v1 .pk-root .t-brown .pk-row-badge {
    background: #f1f4f8 !important;
    color: #5b6575 !important;
}

/* ── Store cards (horizontal, 2-col) ── */
body.imarked-v1 .pk-root .pk-store-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 8px;
}

body.imarked-v1 .pk-root .pk-store-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    min-height: 72px;
    padding: 10px 12px;
    border: 1px solid var(--pk-line);
    border-radius: 14px;
    text-decoration: none !important;
    color: inherit;
    background: #fff;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04);
    transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

body.imarked-v1 .pk-root .pk-store-card:hover {
    border-color: rgba(0, 102, 255, 0.35);
    background: #f8fbff;
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(0, 102, 255, 0.08);
    color: inherit;
}

body.imarked-v1 .pk-root .pk-store-media {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: transparent;
    border: 0;
}

body.imarked-v1 .pk-root .pk-store-logo {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    object-fit: cover;
    background: #fff;
    border: 1px solid var(--pk-line);
    box-shadow: none;
}

body.imarked-v1 .pk-root .pk-store-placeholder {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #4d8dff 0%, var(--pk-primary) 100%);
    border: 0;
    box-shadow: 0 3px 10px rgba(0, 102, 255, 0.22);
}

body.imarked-v1 .pk-root .pk-store-initials {
    font-size: 15px;
    font-weight: 750;
    letter-spacing: 0.02em;
    line-height: 1;
    color: #fff;
    text-transform: uppercase;
    user-select: none;
}

body.imarked-v1 .pk-root .pk-store-body {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    padding: 0;
    text-align: left;
    min-height: 0;
}

body.imarked-v1 .pk-root .pk-store-name {
    width: 100%;
    margin: 0;
    font-size: 14px;
    font-weight: 750;
    letter-spacing: -0.015em;
    color: var(--pk-ink);
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .pk-root .pk-store-action {
    display: block;
    margin: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: var(--pk-muted);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.3;
}

body.imarked-v1 .pk-root .pk-store-card:hover .pk-store-action {
    background: transparent;
    color: var(--pk-primary);
}

body.imarked-v1 .pk-root .pk-store-arrow {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: var(--pk-soft);
    color: var(--pk-muted);
    font-size: 12px;
    transition: background 140ms ease, color 140ms ease;
}

body.imarked-v1 .pk-root .pk-store-card:hover .pk-store-arrow {
    background: var(--pk-primary-soft);
    color: var(--pk-primary);
}

/* legacy avatar hooks (unused but safe) */
body.imarked-v1 .pk-root .pk-store-avatar {
    display: none;
}

body.imarked-v1 .pk-root .pk-store-sub {
    display: none;
}

/* ── Jobs row ── */
body.imarked-v1 .pk-root .pk-jobs-row {
    margin: 0 0 14px;
    border-radius: 14px;
    border: 1px solid var(--pk-line);
    background: var(--pk-soft);
    overflow: hidden;
}

body.imarked-v1 .pk-root .pk-jobs-row a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 14px;
    text-decoration: none !important;
    color: inherit;
    transition: background 140ms ease;
}

body.imarked-v1 .pk-root .pk-jobs-row a:hover {
    background: #fff;
    color: inherit;
}

body.imarked-v1 .pk-root .pk-jobs-icon {
    width: 46px;
    height: 46px;
    min-width: 46px;
    border-radius: 12px;
    background: linear-gradient(145deg, #2b7cff 0%, var(--pk-primary) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
}

body.imarked-v1 .pk-root .pk-jobs-icon svg {
    width: 22px;
    height: 22px;
    fill: #fff;
}

body.imarked-v1 .pk-root .pk-jobs-text {
    flex: 1;
    min-width: 0;
}

body.imarked-v1 .pk-root .pk-jobs-text strong {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: var(--pk-ink);
}

body.imarked-v1 .pk-root .pk-jobs-text span {
    font-size: 13px;
    color: var(--pk-muted);
    line-height: 1.4;
}

/* ── CTA ── */
body.imarked-v1 .pk-root .pk-cta {
    margin: 6px 0 4px;
    border-radius: 16px;
    background:
        radial-gradient(ellipse at top right, rgba(255, 255, 255, 0.12), transparent 55%),
        linear-gradient(145deg, #0052cc 0%, var(--pk-primary) 100%);
    padding: 26px 20px;
    text-align: center;
    transition: transform 140ms ease, box-shadow 140ms ease;
    box-shadow: 0 8px 24px rgba(0, 102, 255, 0.22);
}

body.imarked-v1 .pk-root .pk-cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 32px rgba(0, 102, 255, 0.28);
}

body.imarked-v1 .pk-root .pk-cta-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.16);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 10px;
}

body.imarked-v1 .pk-root .pk-cta-icon svg {
    width: 24px;
    height: 24px;
    fill: #fff;
}

body.imarked-v1 .pk-root .pk-cta h3 {
    margin: 0 0 6px;
    font-size: 18px;
    font-weight: 700;
    color: #fff;
}

body.imarked-v1 .pk-root .pk-cta p {
    margin: 0 0 14px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.5;
}

body.imarked-v1 .pk-root .pk-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #fff;
    color: var(--pk-primary);
    font-size: 14px;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 999px;
    text-decoration: none !important;
    transition: transform 140ms ease, box-shadow 140ms ease;
}

body.imarked-v1 .pk-root .pk-cta-btn:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
    color: var(--pk-primary);
}

body.imarked-v1 .pk-root .pk-cta-btn svg {
    width: 16px;
    height: 16px;
    fill: var(--pk-primary);
}

body.imarked-v1 .pk-root .pk-divider {
    height: 1px;
    background: var(--pk-line);
    margin: 14px 0;
}

/* ── Mobile ── */
@media (max-width: 767px) {
    body.imarked-v1 .pk-root {
        padding: 0 12px calc(20px + env(safe-area-inset-bottom, 0px));
    }

    body.imarked-v1 .pk-root .pk-intro {
        padding: 18px 16px;
        border-radius: 16px;
    }

    body.imarked-v1 .pk-root .pk-intro-title {
        font-size: 24px;
    }

    body.imarked-v1 .pk-root .pk-intro-sub {
        font-size: 14px;
    }

    body.imarked-v1 .pk-root .pk-switcher {
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    body.imarked-v1 .pk-root .pk-switch-inner {
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto auto;
        column-gap: 8px;
        row-gap: 2px;
        min-height: 0;
        padding: 12px 10px;
        align-items: start;
    }

    body.imarked-v1 .pk-root .pk-sw-icon {
        grid-column: 1;
        grid-row: 1;
        width: 36px;
        height: 36px;
        border-radius: 10px;
        margin-bottom: 2px;
    }

    body.imarked-v1 .pk-root .pk-sw-icon svg {
        width: 18px;
        height: 18px;
    }

    body.imarked-v1 .pk-root .pk-sw-check {
        grid-column: 2;
        grid-row: 1;
        width: 22px;
        height: 22px;
        align-self: start;
    }

    body.imarked-v1 .pk-root .pk-sw-title {
        grid-column: 1 / -1;
        grid-row: 2;
        font-size: 14px;
    }

    body.imarked-v1 .pk-root .pk-sw-sub {
        grid-column: 1 / -1;
        grid-row: 3;
        font-size: 11px;
        line-height: 1.3;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    /* Avoid duplicate "Ny annonse" under the mode switcher */
    body.imarked-v1 .pk-root .pk-panel-header--private {
        display: none;
    }

    body.imarked-v1 .pk-root .pk-view-all--intro {
        display: inline-flex;
        margin-top: 18px;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
        color: var(--pk-primary) !important;
        font-size: 13px;
        font-weight: 700;
    }

    body.imarked-v1 .pk-root .pk-panel-header {
        flex-direction: column;
        padding: 16px;
    }

    body.imarked-v1 .pk-root .pk-view-all {
        width: auto;
        justify-content: flex-start;
    }

    body.imarked-v1 .pk-root .pk-panel-body {
        padding: 0;
    }

    body.imarked-v1 .pk-root .pk-store-grid {
        grid-template-columns: 1fr !important;
        gap: 8px;
        width: 100%;
        max-width: 100%;
    }

    body.imarked-v1 .pk-root .pk-store-card {
        width: 100%;
        max-width: 100%;
        min-width: 0;
        min-height: 64px;
        padding: 10px 10px;
        gap: 10px;
        box-sizing: border-box;
    }

    body.imarked-v1 .pk-root .pk-store-media,
    body.imarked-v1 .pk-root .pk-store-logo,
    body.imarked-v1 .pk-root .pk-store-placeholder {
        width: 44px;
        height: 44px;
        border-radius: 11px;
        flex-shrink: 0;
    }

    body.imarked-v1 .pk-root .pk-store-initials {
        font-size: 14px;
    }

    body.imarked-v1 .pk-root .pk-store-body {
        min-width: 0;
        min-height: 0;
        padding: 0;
        overflow: hidden;
    }

    body.imarked-v1 .pk-root .pk-store-arrow {
        flex-shrink: 0;
    }

    body.imarked-v1 .pk-root .pk-cat-grid,
    body.imarked-v1 .pk-root .pk-cat-grid--private {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px;
    }

    body.imarked-v1 .pk-root .pk-item-row,
    body.imarked-v1 .pk-root .pk-item-row--cat {
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
        min-height: 124px;
        padding: 14px 12px 12px;
        border-radius: 12px;
    }

    body.imarked-v1 .pk-root .pk-row-name {
        font-size: 17px;
        font-weight: 500;
    }

    body.imarked-v1 .pk-root .pk-row-desc {
        font-size: 12px;
        max-width: none;
        line-height: 1.4;
    }

    body.imarked-v1 .pk-root .pk-row-icon {
        width: 40px;
        height: 40px;
    }

    body.imarked-v1 .pk-root .pk-row-icon svg {
        width: 36px;
        height: 36px;
    }

    body.imarked-v1 .pk-root .pk-row-badge {
        font-size: 10px;
        padding: 2px 7px !important;
    }

    body.imarked-v1 .pk-root .pk-jobs-row a {
        padding: 12px;
    }

    body.imarked-v1 .pk-root .pk-cta {
        padding: 22px 16px;
    }

    body.imarked-v1 .pk-root .pk-cta-btn {
        width: 100%;
        justify-content: center;
    }
}

/* ============================================================
   Product Wizard form chrome (.im-wizard-shell / .im-wizard)
   Visual only. Layout via HidePortalNav — never touch ViewBag.Layout.
   ============================================================ */
body.imarked-v1 .im-wizard-shell .col-left {
    display: none !important;
}

body.imarked-v1 .im-wizard-shell .col-right {
    width: 100% !important;
    float: none !important;
    max-width: 100%;
}

body.imarked-v1 .im-wizard-shell .im-portal-main,
body.imarked-v1 .im-wizard-shell .im-portal-main.customPM {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 4px 28px;
}

body.imarked-v1 .im-wizard-shell .im-wizard-msg {
    margin-bottom: 12px;
}

body.imarked-v1 .im-wizard-shell .im-wizard-steps-wrap {
    margin: 0 0 20px !important;
    display: flex;
    justify-content: center;
    width: 100%;
}

body.imarked-v1 .im-wizard-shell .wizard-steps.im-wizard-steps,
body.imarked-v1 .im-wizard-shell .panel.wizard-steps {
    position: relative;
    display: flex !important;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: flex-start;
    gap: 0;
    width: 100%;
    max-width: 100%;
    margin: 0 auto !important;
    padding: 22px 20px 18px !important;
    border: 1px solid #e7ebf0 !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: 0 1px 3px rgba(24, 28, 35, 0.05) !important;
}

/* Connector line behind steps */
body.imarked-v1 .im-wizard-shell .wizard-steps.im-wizard-steps::before,
body.imarked-v1 .im-wizard-shell .panel.wizard-steps::before {
    content: "";
    position: absolute;
    top: 36px;
    left: 14%;
    right: 14%;
    height: 2px;
    background: #e8edf3;
    border-radius: 2px;
    z-index: 0;
    pointer-events: none;
}

body.imarked-v1 .im-wizard-shell .wizard-steps > .btnHome,
body.imarked-v1 .im-wizard-shell .wizard-steps > .c-stats-box {
    float: none !important;
    position: relative;
    z-index: 1;
    width: auto !important;
    flex: 1 1 0;
    min-width: 0;
    max-width: 150px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

body.imarked-v1 .im-wizard-shell .wizard-steps > .c-stats-box.hidden,
body.imarked-v1 .im-wizard-shell .wizard-steps > .btnHome.hidden {
    display: none !important;
}

body.imarked-v1 .im-wizard-shell .wizard-steps .btnHome a,
body.imarked-v1 .im-wizard-shell .wizard-steps .c-stats-box a {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    float: none !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0;
    margin: 0 !important;
    padding: 0 6px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #6e7a8a !important;
    text-decoration: none !important;
    line-height: 1.25 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    background-image: none !important;
}

body.imarked-v1 .im-wizard-shell .wizard-steps .btnHome a:hover,
body.imarked-v1 .im-wizard-shell .wizard-steps .c-stats-box a:hover {
    border: 0 !important;
    background: transparent !important;
    color: #0066ff !important;
    transform: none !important;
}

body.imarked-v1 .im-wizard-shell .wizard-steps .btnHome a:hover .wizardBtn,
body.imarked-v1 .im-wizard-shell .wizard-steps .c-stats-box a:hover .wizardBtn {
    background: #0066ff !important;
    color: #fff !important;
    box-shadow: 0 0 0 4px rgba(0, 102, 255, 0.12);
}

body.imarked-v1 .im-wizard-shell .wizard-steps .wizardBtn {
    margin: 0 !important;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: #fff;
    color: #6e7a8a !important;
    border: 2px solid #d7e2ee;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-sizing: border-box;
    transition: background 120ms ease, border-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
}

body.imarked-v1 .im-wizard-shell .wizard-steps h2 {
    margin: 0 !important;
    max-width: 100%;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em;
    color: inherit !important;
    text-align: center;
    white-space: normal;
    line-height: 1.3 !important;
}

body.imarked-v1 .im-wizard-shell .wizard-steps .activeProduct a,
body.imarked-v1 .im-wizard-shell .wizard-steps .c-stats-box.activeProduct a {
    border: 0 !important;
    background: transparent !important;
    color: #0066ff !important;
    background-image: none !important;
}

body.imarked-v1 .im-wizard-shell .wizard-steps .activeProduct .wizardBtn,
body.imarked-v1 .im-wizard-shell .wizard-steps .c-stats-box.activeProduct .wizardBtn {
    background: #0066ff !important;
    border-color: #0066ff !important;
    color: #fff !important;
    box-shadow: 0 0 0 4px rgba(0, 102, 255, 0.14);
}

body.imarked-v1 .im-wizard-shell .wizard-steps .activeProduct h2,
body.imarked-v1 .im-wizard-shell .wizard-steps .c-stats-box.activeProduct h2 {
    font-weight: 700 !important;
    color: #0066ff !important;
}

body.imarked-v1 .im-wizard-shell .im-wizard-panel,
body.imarked-v1 .im-wizard-shell .im-portal-main > .panel.panel-default,
body.imarked-v1 .im-wizard-shell .im-portal-main .module > .panel.panel-default {
    border: 1px solid #e7ebf0 !important;
    border-radius: 16px !important;
    box-shadow: 0 1px 3px rgba(24, 28, 35, 0.05) !important;
    overflow: hidden;
    margin-bottom: 16px !important;
    margin-left: 0 !important;
}

body.imarked-v1 .im-wizard-shell .im-wizard-panel > .panel-heading,
body.imarked-v1 .im-wizard-shell .im-portal-main > .panel > .panel-heading,
body.imarked-v1 .im-wizard-shell .im-portal-main .module > .panel > .panel-heading {
    padding: 14px 18px !important;
    border-bottom: 1px solid #e7ebf0 !important;
    background: #fff !important;
}

body.imarked-v1 .im-wizard-shell .panel-heading .panel-title,
body.imarked-v1 .im-wizard-shell .panel-heading h3,
body.imarked-v1 .im-wizard-shell .panel-heading h4 {
    margin: 10px 0 !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    letter-spacing: -0.02em;
    color: #181c23 !important;
}

body.imarked-v1 .im-wizard-shell .im-wizard-panel-body,
body.imarked-v1 .im-wizard-shell .im-portal-main .panel-body {
    padding: 16px 18px !important;
    margin-top: 0 !important;
}

body.imarked-v1 .im-wizard-shell .form-control {
    height: 42px !important;
    border: 1px solid #d7e2ee !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 14px !important;
    background: #fff !important;
}

body.imarked-v1 .im-wizard-shell textarea.form-control {
    height: auto !important;
    min-height: 96px !important;
    padding: 10px 12px !important;
}

body.imarked-v1 .im-wizard-shell .form-control:focus {
    border-color: #93c5fd !important;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.12) !important;
}

body.imarked-v1 .im-wizard-shell .control-label,
body.imarked-v1 .im-wizard-shell label.control-label {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #181c23 !important;
}

body.imarked-v1 .im-wizard-shell .btn-primary,
body.imarked-v1 .im-wizard-shell input.btn-primary,
body.imarked-v1 .im-wizard-shell button.btn-primary {
    background: #0066ff !important;
    border-color: #0066ff !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    min-height: 42px;
    box-shadow: none !important;
}

body.imarked-v1 .im-wizard-shell .btn-primary:hover,
body.imarked-v1 .im-wizard-shell .btn-primary:focus {
    background: #0052cc !important;
    border-color: #0052cc !important;
}

body.imarked-v1 .im-wizard-shell .btn-default,
body.imarked-v1 .im-wizard-shell .btn-warning {
    border-radius: 10px !important;
    min-height: 42px;
    font-weight: 650 !important;
}

body.imarked-v1 .im-wizard-shell #lstAreaBlock,
body.imarked-v1 .im-wizard-shell #lstCatBlock,
body.imarked-v1 .im-wizard-shell #lstSubCatBlock {
    border: 1px solid #e7ebf0 !important;
    border-radius: 14px !important;
    overflow: hidden;
    box-shadow: none !important;
}

body.imarked-v1 .im-wizard-shell #lstArea > li > a,
body.imarked-v1 .im-wizard-shell #lstCat > li > a,
body.imarked-v1 .im-wizard-shell #lstSubCat > li > a {
    border-radius: 8px !important;
    margin: 2px 0;
    color: #334155 !important;
    font-weight: 550;
    transition: color 120ms ease, background-color 120ms ease;
}

body.imarked-v1 .im-wizard-shell #lstArea > li > a strong,
body.imarked-v1 .im-wizard-shell #lstCat > li > a strong,
body.imarked-v1 .im-wizard-shell #lstSubCat > li > a strong,
body.imarked-v1 .im-wizard-shell #lstArea > li > a .fa,
body.imarked-v1 .im-wizard-shell #lstCat > li > a .fa,
body.imarked-v1 .im-wizard-shell #lstSubCat > li > a .fa {
    color: inherit !important;
}

body.imarked-v1 .im-wizard-shell #lstArea > li.active > a,
body.imarked-v1 .im-wizard-shell #lstCat > li.active > a,
body.imarked-v1 .im-wizard-shell #lstSubCat > li.active > a,
body.imarked-v1 .im-wizard-shell #lstArea > li > a:hover,
body.imarked-v1 .im-wizard-shell #lstCat > li > a:hover,
body.imarked-v1 .im-wizard-shell #lstSubCat > li > a:hover {
    background: #eef4ff !important;
    color: #0066ff !important;
}

body.imarked-v1 .im-wizard-shell #lstAreaBlock > .panel-heading,
body.imarked-v1 .im-wizard-shell #lstCatBlock > .panel-heading,
body.imarked-v1 .im-wizard-shell #lstSubCatBlock > .panel-heading {
    background: #f8fafc !important;
    border-bottom-color: #e2e8f0 !important;
}

body.imarked-v1 .im-wizard-shell #lstAreaBlock > .panel-heading h3,
body.imarked-v1 .im-wizard-shell #lstCatBlock > .panel-heading h3,
body.imarked-v1 .im-wizard-shell #lstSubCatBlock > .panel-heading h3 {
    color: #0f172a !important;
}

body.imarked-v1 .im-wizard-shell #lstAreaBlock > .panel-body,
body.imarked-v1 .im-wizard-shell #lstCatBlock > .panel-body,
body.imarked-v1 .im-wizard-shell #lstSubCatBlock > .panel-body {
    background: #fff !important;
    min-height: 84px;
}

/* The category panels are rounded/clipped, so the appended loader needs to be
   an inset overlay instead of the theme default (top:40% + 50px bubbles). */
body.imarked-v1 .im-wizard-shell #lstAreaBlock,
body.imarked-v1 .im-wizard-shell #lstCatBlock,
body.imarked-v1 .im-wizard-shell #lstSubCatBlock,
body.imarked-v1 .im-wizard-shell #packageDivId,
body.imarked-v1 .im-wizard-shell #panelLoadingId {
    position: relative;
}

body.imarked-v1 .im-wizard-shell .spinnerloaddark {
    top: 0 !important;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    background: rgba(255, 255, 255, 0.75);
    border-radius: inherit;
    z-index: 5;
}

body.imarked-v1 .im-wizard-shell .double-bouncedark1,
body.imarked-v1 .im-wizard-shell .double-bouncedark2 {
    top: 50%;
    left: 50%;
    width: 36px;
    height: 36px;
    max-width: 36px;
    max-height: 36px;
    margin: -18px 0 0 -18px;
    background-color: #0066ff;
    border-color: #0066ff;
    opacity: 0.45;
}

body.imarked-v1 .im-wizard-shell .form-control[disabled],
body.imarked-v1 .im-wizard-shell .form-control[readonly] {
    color: #64748b !important;
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
}

body.imarked-v1 .im-wizard-shell .my-error-Text,
body.imarked-v1 .im-wizard-shell .field-validation-error {
    color: #dc2626 !important;
}

/* CreateProduct form rhythm — labels, gaps, required marks */
body.imarked-v1 .im-wizard-shell .form-horizontal > .form-group,
body.imarked-v1 .im-wizard-shell .im-wizard-panel-body .form-horizontal .form-group {
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 16px !important;
}

body.imarked-v1 .im-wizard-shell .form-horizontal .control-label {
    text-align: left !important;
    padding-top: 11px !important;
    padding-right: 12px !important;
    margin-bottom: 0 !important;
    line-height: 1.3 !important;
}

/* Keep * out of the Bootstrap column flow so label/field gap stays tight */
@media (min-width: 768px) {
    body.imarked-v1 .im-wizard-shell .form-horizontal .form-group {
        position: relative;
    }

    body.imarked-v1 .im-wizard-shell .form-horizontal .form-group > .my-error-Text {
        position: absolute;
        right: 4px;
        top: 12px;
        z-index: 2;
        float: none !important;
        width: auto !important;
        padding: 0 !important;
        line-height: 1;
    }

    body.imarked-v1 .im-wizard-shell .form-horizontal .control-label.col-md-4,
    body.imarked-v1 .im-wizard-shell .form-horizontal .control-label.col-sm-4 {
        width: 22% !important;
    }

    body.imarked-v1 .im-wizard-shell .form-horizontal .form-group > .col-md-7,
    body.imarked-v1 .im-wizard-shell .form-horizontal .form-group > .col-sm-6,
    body.imarked-v1 .im-wizard-shell .form-horizontal .form-group > .col-sm-7 {
        width: 74% !important;
        padding-right: 18px;
    }
}

/* Address + locate button — one control cluster */
body.imarked-v1 .im-wizard-shell .im-address-controls {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    float: none !important;
}

body.imarked-v1 .im-wizard-shell .im-address-controls__field {
    flex: 1 1 auto;
    min-width: 0;
}

body.imarked-v1 .im-wizard-shell .im-address-locate,
body.imarked-v1 .im-wizard-shell #getCurrentLocation.im-address-locate {
    flex: 0 0 42px;
    width: 42px !important;
    min-width: 42px;
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 10px !important;
    margin: 0 !important;
}

body.imarked-v1 .im-wizard-shell .im-address-controls > .my-error-Text {
    flex: 0 0 auto;
    padding-top: 12px !important;
    align-self: flex-start;
}

/* Multiple Prices header — title + Add More on one row */
body.imarked-v1 .im-wizard-shell .im-multiprice {
    margin-top: 4px;
    margin-bottom: 18px !important;
}

body.imarked-v1 .im-wizard-shell .im-multiprice-head {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    padding: 12px 14px !important;
}

body.imarked-v1 .im-wizard-shell .im-multiprice-head .panel-title {
    margin: 0 !important;
    flex: 1 1 auto;
    min-width: 0;
}

body.imarked-v1 .im-wizard-shell .im-multiprice-head #addMoreRow {
    float: none !important;
    margin: 0 !important;
    min-height: 36px !important;
    height: auto !important;
    padding: 6px 14px !important;
    border-radius: 10px !important;
    white-space: nowrap;
}

body.imarked-v1 .im-wizard-shell #tbl_Prices > tbody > tr > th,
body.imarked-v1 .im-wizard-shell #tbl_Prices > tr > th {
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b !important;
    border-bottom-color: #e7ebf0 !important;
    padding: 10px 12px !important;
    vertical-align: middle !important;
}

body.imarked-v1 .im-wizard-shell #tbl_Prices td {
    padding: 10px 12px !important;
    vertical-align: middle !important;
}

body.imarked-v1 .im-wizard-shell .im-wizard-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-top: 8px;
}

/* Description mode: Editor / Simple segmented control */
body.imarked-v1 .im-wizard-shell .im-desc-tabs {
    margin: 8px 0 4px;
}

body.imarked-v1 .im-wizard-shell .im-desc-tabs__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

body.imarked-v1 .im-wizard-shell .im-desc-tabs__label {
    font-size: 13px;
    font-weight: 700;
    color: #181c23;
    letter-spacing: -0.01em;
}

body.imarked-v1 .im-wizard-shell .im-desc-tabs__switch.nav-pills {
    display: inline-flex;
    align-items: stretch;
    gap: 0;
    margin: 0 !important;
    padding: 3px;
    list-style: none;
    background: #eef2f7;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
}

body.imarked-v1 .im-wizard-shell .im-desc-tabs__switch > li {
    float: none !important;
    margin: 0 !important;
}

body.imarked-v1 .im-wizard-shell .im-desc-tabs__switch > li > a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-width: 88px;
    min-height: 36px;
    margin: 0 !important;
    padding: 7px 16px !important;
    border: 0 !important;
    border-radius: 9px !important;
    background: transparent !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    text-decoration: none !important;
    transition: background-color 120ms ease, color 120ms ease, box-shadow 120ms ease;
}

body.imarked-v1 .im-wizard-shell .im-desc-tabs__switch > li > a:hover,
body.imarked-v1 .im-wizard-shell .im-desc-tabs__switch > li > a:focus {
    background: rgba(255, 255, 255, 0.72) !important;
    color: #334155 !important;
}

body.imarked-v1 .im-wizard-shell .im-desc-tabs__switch > li.active > a,
body.imarked-v1 .im-wizard-shell .im-desc-tabs__switch > li.active > a:hover,
body.imarked-v1 .im-wizard-shell .im-desc-tabs__switch > li.active > a:focus {
    background: #0066ff !important;
    color: #fff !important;
    box-shadow: 0 1px 2px rgba(0, 102, 255, 0.28) !important;
}

body.imarked-v1 .im-wizard-shell .im-desc-tabs__body {
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #e7ebf0;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
}

body.imarked-v1 .im-wizard-shell .im-desc-tabs__body > .tab-pane {
    margin: 0 !important;
    padding: 12px !important;
}

body.imarked-v1 .im-wizard-shell .im-desc-tabs__body > .tab-pane > .form-group {
    margin-bottom: 0 !important;
}

body.imarked-v1 .im-wizard-shell .im-desc-tabs__simple {
    min-height: 220px !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    resize: vertical;
}

body.imarked-v1 .im-wizard-shell .im-desc-tabs__body .cke {
    border: 0 !important;
    border-radius: 0 !important;
}

/* AI assist buttons (title / description) */
body.imarked-v1 .im-wizard-shell .im-ai-assist-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}

body.imarked-v1 .im-wizard-shell .im-ai-assist-bar--desc {
    margin-top: 12px;
    padding-top: 10px;
    border-top: 1px solid #eef2f7;
}

body.imarked-v1 .im-wizard-shell .ai-assist-btn.btn {
    min-height: 32px !important;
    height: auto !important;
    padding: 6px 12px !important;
    border-radius: 999px !important;
    border-color: #d7e2ee !important;
    background: #f8fafc !important;
    color: #334155 !important;
    font-size: 12px !important;
    font-weight: 650 !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-wizard-shell .ai-assist-btn.btn:hover,
body.imarked-v1 .im-wizard-shell .ai-assist-btn.btn:focus {
    background: #eef4ff !important;
    border-color: #93c5fd !important;
    color: #0052cc !important;
}

body.imarked-v1 .im-wizard-shell .ai-assist-btn.btn:disabled {
    opacity: 0.7;
    cursor: wait;
}

body.imarked-v1 .im-wizard-shell .ai-assist-btn .fa {
    margin-right: 4px;
}

body.imarked-v1 .im-wizard-shell .im-ai-assist-error {
    flex: 1 1 100%;
    margin: 0;
    font-size: 12px;
    color: #dc2626 !important;
    line-height: 1.35;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-wizard-shell .im-portal-main,
    body.imarked-v1 .im-wizard-shell .im-portal-main.customPM {
        max-width: none;
        /* Clear sticky bottom tab bar + center FAB */
        padding: 0 0 calc(110px + env(safe-area-inset-bottom, 0px)) !important;
    }

    body.imarked-v1 .im-wizard-shell .wizard-steps.im-wizard-steps,
    body.imarked-v1 .im-wizard-shell .panel.wizard-steps {
        max-width: 100%;
        padding: 18px 10px 14px !important;
        overflow: visible;
    }

    body.imarked-v1 .im-wizard-shell .wizard-steps.im-wizard-steps::before,
    body.imarked-v1 .im-wizard-shell .panel.wizard-steps::before {
        left: 10%;
        right: 10%;
        top: 34px;
    }

    body.imarked-v1 .im-wizard-shell .wizard-steps > .btnHome,
    body.imarked-v1 .im-wizard-shell .wizard-steps > .c-stats-box {
        flex: 1 1 0;
        max-width: none;
        min-width: 0;
    }

    body.imarked-v1 .im-wizard-shell .wizard-steps .btnHome a,
    body.imarked-v1 .im-wizard-shell .wizard-steps .c-stats-box a {
        padding: 0 2px !important;
        font-size: 11px !important;
    }

    body.imarked-v1 .im-wizard-shell .wizard-steps .wizardBtn {
        width: 28px;
        height: 28px;
        font-size: 12px !important;
    }

    body.imarked-v1 .im-wizard-shell .wizard-steps h2 {
        font-size: 10.5px !important;
    }

    body.imarked-v1 .im-wizard-shell .im-wizard-panel-body,
    body.imarked-v1 .im-wizard-shell .im-portal-main .panel-body {
        padding: 14px 12px !important;
    }

    body.imarked-v1 .im-wizard-shell .form-control {
        font-size: 16px !important;
        height: 46px !important;
    }

    /* Stack label above control; keep required mark with the field row */
    body.imarked-v1 .im-wizard-shell .form-horizontal .form-group > .control-label {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        padding-top: 0 !important;
        padding-bottom: 6px !important;
        margin-bottom: 0 !important;
    }

    body.imarked-v1 .im-wizard-shell .form-horizontal .form-group > [class*="col-"] {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.imarked-v1 .im-wizard-shell .form-horizontal .form-group > .my-error-Text {
        position: absolute;
        right: 0;
        top: 0;
        padding: 0 !important;
    }

    body.imarked-v1 .im-wizard-shell .form-horizontal .form-group {
        position: relative;
        margin-bottom: 18px !important;
    }

    /* Address field + locate stay on one row under the label */
    body.imarked-v1 .im-wizard-shell .im-address-row > .control-label {
        flex: 0 0 100%;
    }

    body.imarked-v1 .im-wizard-shell .im-address-controls {
        width: 100% !important;
        max-width: 100% !important;
    }

    body.imarked-v1 .im-wizard-shell .im-address-locate,
    body.imarked-v1 .im-wizard-shell #getCurrentLocation.im-address-locate {
        flex: 0 0 46px;
        width: 46px !important;
        min-width: 46px;
        height: 46px !important;
        min-height: 46px !important;
    }

    body.imarked-v1 .im-wizard-shell .im-address-controls > .my-error-Text {
        position: static;
        padding-top: 14px !important;
    }

    body.imarked-v1 .im-wizard-shell .im-multiprice {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }

    body.imarked-v1 .im-wizard-shell #MultiPriceDiv {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        float: none !important;
    }

    body.imarked-v1 .im-wizard-shell .im-multiprice-head {
        padding: 12px !important;
    }

    body.imarked-v1 .im-wizard-shell .im-wizard-actions {
        width: 100%;
    }

    body.imarked-v1 .im-wizard-shell .im-wizard-actions .btn {
        flex: 1 1 auto;
        min-width: 120px;
    }

    body.imarked-v1 .im-wizard-shell .im-desc-tabs__head {
        flex-direction: column;
        align-items: stretch;
        gap: 8px;
    }

    body.imarked-v1 .im-wizard-shell .im-desc-tabs__switch.nav-pills {
        width: 100%;
    }

    body.imarked-v1 .im-wizard-shell .im-desc-tabs__switch > li {
        flex: 1 1 0;
    }

    body.imarked-v1 .im-wizard-shell .im-desc-tabs__switch > li > a {
        width: 100%;
        min-width: 0;
    }
}

/* ============================================================
   CreateProductImage upload (.im-img-upload)
   Visual only — #inputImage, .photo-load, cropper IDs unchanged.
   ============================================================ */
body.imarked-v1 .im-wizard-shell .im-img-sub {
    margin: 4px 0 0 !important;
    font-size: 13px;
    color: #6e7a8a;
    line-height: 1.4;
    font-weight: 500;
}

body.imarked-v1 .im-wizard-shell .im-img-upload {
    max-width: 640px;
    margin: 0 auto;
}

body.imarked-v1 .im-wizard-shell .im-img-dropzone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 14px;
    min-height: 220px;
    padding: 28px 20px;
    border: 1.5px dashed #c5d0de;
    border-radius: 14px;
    background: #f8fafc;
    cursor: pointer;
    text-align: center;
    transition: border-color 120ms ease, background-color 120ms ease, box-shadow 120ms ease;
}

body.imarked-v1 .im-wizard-shell .im-img-dropzone:hover,
body.imarked-v1 .im-wizard-shell .im-img-dropzone:focus {
    outline: none;
    border-color: #0066ff;
    background: #eef4ff;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.08);
}

body.imarked-v1 .im-wizard-shell .im-img-dropzone .photo-load {
    width: 100%;
    display: flex;
    justify-content: center;
}

body.imarked-v1 .im-wizard-shell .im-img-preview,
body.imarked-v1 .im-wizard-shell .im-img-dropzone .photo-load img {
    max-width: 100%;
    max-height: 280px;
    width: auto;
    height: auto;
    border-radius: 10px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(24, 28, 35, 0.06);
}

body.imarked-v1 .im-wizard-shell .im-img-trigger {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

body.imarked-v1 .im-wizard-shell .im-img-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #e2e8f0;
    color: #0066ff;
    font-size: 22px;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04);
}

body.imarked-v1 .im-wizard-shell .im-img-label {
    display: block;
    font-size: 15px;
    font-weight: 700;
    color: #0f172a;
    letter-spacing: -0.01em;
}

body.imarked-v1 .im-wizard-shell .im-img-hint {
    display: block;
    font-size: 12px;
    color: #6e7a8a;
    font-weight: 500;
}

body.imarked-v1 .im-wizard-shell .im-img-dropzone .upload-stuff label,
body.imarked-v1 .im-wizard-shell .im-img-dropzone .upload-stuff img {
    display: none;
}

body.imarked-v1 .im-wizard-shell #mainImageError {
    display: block;
    margin-top: 10px;
    min-height: 18px;
    color: #dc2626;
    font-size: 13px;
}

body.imarked-v1 .im-wizard-shell .im-img-cropper {
    margin-top: 16px;
}

body.imarked-v1 .im-wizard-shell .im-img-cropper .img-container {
    margin: 0 auto;
    border-radius: 12px;
    overflow: hidden;
    background: #0f172a;
}

body.imarked-v1 .im-wizard-shell .im-img-cropper .docs-buttons {
    margin: 10px 0 0 !important;
    float: none !important;
    display: flex;
    justify-content: flex-end;
    gap: 6px;
    width: 100%;
}

body.imarked-v1 .im-wizard-shell .im-wizard-actions {
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid #e7ebf0;
}

body.imarked-v1 .im-wizard-shell .im-wizard-actions .btn-default {
    background: #fff !important;
    border: 1px solid #d0d7e2 !important;
    color: #334155 !important;
    border-radius: 10px !important;
    min-height: 42px;
    font-weight: 650 !important;
    padding: 8px 16px;
}

body.imarked-v1 .im-wizard-shell .im-wizard-actions .btn-default:hover,
body.imarked-v1 .im-wizard-shell .im-wizard-actions .btn-default:focus {
    background: #f8fafc !important;
    border-color: #94a3b8 !important;
    color: #0f172a !important;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-wizard-shell .im-img-dropzone {
        min-height: 180px;
        padding: 22px 14px;
    }

    body.imarked-v1 .im-wizard-shell .im-wizard-actions {
        flex-direction: column-reverse;
    }

    body.imarked-v1 .im-wizard-shell .im-wizard-actions .btn {
        width: 100%;
    }
}

/* ============================================================
   CreateMultiCropper (.im-multi)
   Visual only — #imgControl_multiple, #imagePreview, .deleteImage,
   #saveAllButton, .image-container unchanged for JS.
   ============================================================ */
body.imarked-v1 .im-wizard-shell .im-multi {
    max-width: 920px;
    margin: 0 auto;
}

body.imarked-v1 .im-wizard-shell .im-multi-dropzone {
    position: relative;
    min-height: 160px;
    display: flex;
    margin: 0;
    font-weight: inherit;
    cursor: pointer;
}

body.imarked-v1 .im-wizard-shell .im-multi-file {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 2;
}

body.imarked-v1 .im-wizard-shell .im-multi-preview {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 16px;
}

body.imarked-v1 .im-wizard-shell .im-multi-preview:empty {
    display: none;
    margin: 0;
}

body.imarked-v1 .im-wizard-shell .im-multi-preview .image-container {
    display: block;
    width: 180px;
    height: 180px;
    margin: 0;
    overflow: hidden;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #0f172a;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04);
}

body.imarked-v1 .im-wizard-shell .im-multi-preview .image-container img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

body.imarked-v1 .im-wizard-shell .im-multi-section {
    margin-top: 22px;
}

body.imarked-v1 .im-wizard-shell .im-multi-section-title {
    margin: 0 0 12px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #6e7a8a !important;
}

body.imarked-v1 .im-wizard-shell .im-multi-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 14px;
}

body.imarked-v1 .im-wizard-shell .im-multi-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding: 10px;
    border: 1px solid #e7ebf0;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04);
}

body.imarked-v1 .im-wizard-shell .im-multi-thumb {
    display: block;
    width: 100%;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    border-radius: 10px;
    background: #f1f5f9;
}

body.imarked-v1 .im-wizard-shell .im-multi-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    min-width: 0 !important;
    height: 100% !important;
}

body.imarked-v1 .im-wizard-shell .im-multi-card .deleteImage {
    border-radius: 8px !important;
    min-height: 34px;
    font-weight: 650 !important;
    color: #64748b !important;
    border-color: #d0d7e2 !important;
    background: #fff !important;
    padding: 4px 14px;
}

body.imarked-v1 .im-wizard-shell .im-multi-card .deleteImage:hover {
    color: #dc2626 !important;
    border-color: #fca5a5 !important;
    background: #fef2f2 !important;
}

body.imarked-v1 .im-wizard-shell .im-multi-card.hidden {
    display: none !important;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-wizard-shell .im-multi-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    body.imarked-v1 .im-wizard-shell .im-multi-preview .image-container {
        width: calc(50% - 7px);
        height: auto;
        aspect-ratio: 1 / 1;
    }
}

/* ============================================================
   Publiser / package list (.im-pkg)
   Visual only — btnPurchase, hdnIsPackagePurchased, links unchanged.
   ============================================================ */
body.imarked-v1 .im-pkg {
    margin: 0;
}

body.imarked-v1 .im-pkg-panel {
    border: 1px solid #e7ebf0 !important;
    border-radius: 16px !important;
    box-shadow: 0 1px 3px rgba(24, 28, 35, 0.05) !important;
    overflow: hidden;
    margin: 0 !important;
}

body.imarked-v1 .im-pkg-panel > .panel-heading {
    padding: 16px 18px 10px !important;
    border-bottom: 1px solid #e7ebf0 !important;
    background: #fff !important;
}

body.imarked-v1 .im-pkg-panel > .panel-heading .panel-title {
    margin: 0 !important;
    font-size: 17px !important;
    font-weight: 750 !important;
    letter-spacing: -0.02em;
    color: #181c23 !important;
}

body.imarked-v1 .im-pkg-sub {
    margin: 6px 0 0 !important;
    font-size: 13px;
    color: #6e7a8a;
    line-height: 1.4;
}

body.imarked-v1 .im-pkg-body {
    padding: 16px 18px 20px !important;
}

body.imarked-v1 .im-pkg-section {
    margin: 0 0 22px;
}

body.imarked-v1 .im-pkg-section:last-of-type {
    margin-bottom: 8px;
}

body.imarked-v1 .im-pkg-section-title {
    margin: 0 0 12px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #6e7a8a !important;
}

body.imarked-v1 .im-pkg-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    gap: 14px;
}

body.imarked-v1 .im-pkg-card {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 16px;
    border: 1px solid #e7ebf0;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(24, 28, 35, 0.04);
    transition: border-color 120ms ease, box-shadow 120ms ease;
}

body.imarked-v1 .im-pkg-card:hover {
    border-color: #c9d7ea;
    box-shadow: 0 4px 14px rgba(24, 28, 35, 0.07);
}

body.imarked-v1 .im-pkg-card.im-pkg-card--free {
    border-color: #bfdbfe;
    background: linear-gradient(180deg, #f8fbff 0%, #fff 55%);
}

body.imarked-v1 .im-pkg-card.active-Package {
    border-color: #93c5fd;
    background: #f0f6ff;
    box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.1);
}

body.imarked-v1 .im-pkg-card.pending-Package {
    border-color: #fcd34d;
    background: #fffbeb;
}

body.imarked-v1 .im-pkg-card-head {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 10px;
}

body.imarked-v1 .im-pkg-name {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: #181c23;
    line-height: 1.3;
}

body.imarked-v1 .im-pkg-info {
    color: #93a0b0;
    font-size: 14px;
    line-height: 1;
}

body.imarked-v1 .im-pkg-info:hover {
    color: #0066ff;
    text-decoration: none;
}

body.imarked-v1 .im-pkg-type {
    font-size: 12px;
    font-weight: 600;
    color: #6e7a8a;
}

body.imarked-v1 .im-pkg-price {
    margin: 0 0 12px;
    font-size: 26px;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: #0066ff;
    line-height: 1.15;
}

body.imarked-v1 .im-pkg-meta {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 14px;
    flex: 1 1 auto;
}

body.imarked-v1 .im-pkg-meta > div {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

body.imarked-v1 .im-pkg-label {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: #8b96a5;
}

body.imarked-v1 .im-pkg-meta strong {
    font-size: 13px;
    font-weight: 650;
    color: #181c23;
}

body.imarked-v1 .im-pkg-status--ok {
    color: #15803d !important;
}

body.imarked-v1 .im-pkg-status--pending {
    color: #b45309 !important;
}

body.imarked-v1 .im-pkg-desc {
    margin-top: 2px;
    font-size: 12.5px;
    line-height: 1.4;
    color: #5b6575;
}

body.imarked-v1 .im-pkg-actions {
    margin-top: auto;
}

body.imarked-v1 .im-pkg-btn,
body.imarked-v1 .im-pkg-btn.btn-primary,
body.imarked-v1 .im-pkg-btn.btn-warning,
body.imarked-v1 .im-pkg-btn.btn-success,
body.imarked-v1 .im-pkg-btn.btn-default {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    margin: 0 !important;
    border-radius: 10px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
}

body.imarked-v1 .im-pkg-btn.btn-primary,
body.imarked-v1 .im-pkg-btn.btn-warning {
    background: #0066ff !important;
    border-color: #0066ff !important;
    color: #fff !important;
}

body.imarked-v1 .im-pkg-btn.btn-primary:hover,
body.imarked-v1 .im-pkg-btn.btn-warning:hover {
    background: #0052cc !important;
    border-color: #0052cc !important;
}

body.imarked-v1 .im-pkg-btn.is-disabled,
body.imarked-v1 .im-pkg-btn.btn-default.is-disabled,
body.imarked-v1 .im-pkg-btn.btn-success {
    background: #eef1f5 !important;
    border-color: #e0e6ee !important;
    color: #6e7a8a !important;
    pointer-events: none;
    cursor: default;
}

body.imarked-v1 .im-pkg-note {
    margin: 14px 0 0;
    padding: 12px 14px;
    border-radius: 12px;
    background: #f5f8fc;
    border: 1px solid #e7ebf0;
    font-size: 12.5px;
    line-height: 1.45;
    color: #5b6575;
}

body.imarked-v1 .im-pkg-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 8px;
    padding-top: 12px;
    border-top: 1px solid #e7ebf0;
}

body.imarked-v1 .im-pkg-next {
    min-width: 120px;
    min-height: 42px;
    border-radius: 10px !important;
    font-weight: 700 !important;
    background: #0066ff !important;
    border-color: #0066ff !important;
}

body.imarked-v1 #packageDivId {
    min-height: 120px;
}

@media (max-width: 767px) {
    body.imarked-v1 .im-pkg-body {
        padding: 14px 12px 16px !important;
    }

    body.imarked-v1 .im-pkg-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    body.imarked-v1 .im-pkg-price {
        font-size: 24px;
    }

    body.imarked-v1 .im-pkg-footer {
        justify-content: stretch;
    }

    body.imarked-v1 .im-pkg-next {
        width: 100%;
    }
}

/* ========== Affiliate / BecomeAffiliate ========== */
body.imarked-v1 .im-affiliate {
    max-width: 1100px;
    margin: 0 auto 40px;
    padding: 0 4px 24px;
    box-sizing: border-box;
}

body.imarked-v1 .im-affiliate__flash {
    margin: 0 0 16px;
}

body.imarked-v1 .im-affiliate__hero {
    margin: 0 0 20px;
    padding: 22px 24px;
    border-radius: 16px;
    background:
        radial-gradient(900px 240px at 0% 0%, rgba(0, 102, 255, 0.12), transparent 55%),
        linear-gradient(180deg, #ffffff 0%, #f5f8fc 100%);
    border: 1px solid #e4eaf2;
    box-shadow: 0 8px 28px rgba(15, 23, 42, 0.05);
    overflow: hidden;
}

body.imarked-v1 .im-affiliate__hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.95fr);
    gap: 20px 28px;
    align-items: center;
}

body.imarked-v1 .im-affiliate__hero-copy {
    min-width: 0;
}

body.imarked-v1 .im-affiliate__eyebrow {
    margin: 0 0 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1a73e8;
}

body.imarked-v1 .im-affiliate__title {
    margin: 0 0 16px !important;
    font-size: 1.67rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    line-height: 1.25 !important;
    color: #0b1b33 !important;
}

body.imarked-v1 .im-affiliate__earn {
    display: inline-flex;
    align-items: flex-start;
    gap: 14px;
    max-width: 100%;
    padding: 14px 16px;
    border-radius: 14px;
    background: linear-gradient(135deg, #fff9ef 0%, #ffffff 55%);
    border: 1px solid #f0d9a8;
    box-shadow: 0 6px 18px rgba(233, 169, 34, 0.14);
}

body.imarked-v1 .im-affiliate__earn-icon {
    flex: 0 0 auto;
    width: 44px;
    height: 44px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(145deg, #f5c542 0%, #e9a922 100%);
    color: #fff;
    font-size: 18px;
    box-shadow: 0 4px 10px rgba(233, 169, 34, 0.35);
}

body.imarked-v1 .im-affiliate__earn-body {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

body.imarked-v1 .im-affiliate__earn-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: #b45309;
}

body.imarked-v1 .im-affiliate__earn-value {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 8px;
    font-size: 1.55rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height: 1.15;
    color: #0b1b33;
}

body.imarked-v1 .im-affiliate__earn-value strong {
    font-weight: 800;
    color: #0b1b33;
}

body.imarked-v1 .im-affiliate__earn-unit {
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0;
    color: #64748b;
}

body.imarked-v1 .im-affiliate__earn-note {
    margin-top: 2px;
    font-size: 12.5px;
    line-height: 1.4;
    color: #64748b;
}

body.imarked-v1 .im-affiliate__hero-visual {
    margin: 0;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #e4eaf2;
    background: #eef4fb;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.08);
}

body.imarked-v1 .im-affiliate__hero-visual img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 260px;
    object-fit: cover;
    object-position: center;
}

body.imarked-v1 .im-affiliate__card {
    margin: 0 0 16px;
    padding: 20px 22px;
    border-radius: 14px;
    background: #fff;
    border: 1px solid #e7ebf0;
    box-shadow: 0 4px 18px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-affiliate__heading {
    margin: 0 0 10px !important;
    font-size: 1.21rem !important;
    font-weight: 700 !important;
    color: #122033 !important;
    line-height: 1.3 !important;
}

body.imarked-v1 .im-affiliate__lead {
    margin: 0;
    font-size: 14.5px;
    line-height: 1.6;
    color: #475569;
}

body.imarked-v1 .im-affiliate__checklist {
    margin: 12px 0 0;
    padding: 0;
    list-style: none;
}

body.imarked-v1 .im-affiliate__checklist li {
    position: relative;
    margin: 0 0 8px;
    padding: 10px 14px 10px 36px;
    border-radius: 10px;
    background: #f5f9ff;
    border: 1px solid #e3eefc;
    font-size: 14px;
    line-height: 1.45;
    color: #1e293b;
}

body.imarked-v1 .im-affiliate__checklist li::before {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    left: 12px;
    top: 11px;
    color: #1a73e8;
    font-size: 13px;
}

body.imarked-v1 .im-affiliate__section-head {
    margin: 0 0 14px;
}

body.imarked-v1 .im-affiliate__section-head--split {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 16px;
}

body.imarked-v1 .im-affiliate__total {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 14px;
    border-radius: 999px;
    background: #ecfdf3;
    border: 1px solid #bbf7d0;
    color: #166534;
    font-size: 13.5px;
    font-weight: 600;
}

body.imarked-v1 .im-affiliate__total strong {
    font-weight: 800;
}

body.imarked-v1 .im-affiliate__register {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 18px 22px;
    padding: 22px 24px;
    border-radius: 14px;
    background:
        linear-gradient(135deg, #0b5fff 0%, #1a73e8 55%, #0ea5e9 100%);
    color: #fff;
    box-shadow: 0 12px 32px rgba(26, 115, 232, 0.28);
}

body.imarked-v1 .im-affiliate__register-icon {
    flex: 0 0 auto;
    width: 56px;
    height: 56px;
    border-radius: 14px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.16);
    font-size: 26px;
}

body.imarked-v1 .im-affiliate__register-copy {
    flex: 1 1 220px;
    min-width: 0;
}

body.imarked-v1 .im-affiliate__register-title {
    margin: 0 0 6px !important;
    font-size: 1.38rem !important;
    font-weight: 800 !important;
    color: #fff !important;
}

body.imarked-v1 .im-affiliate__register-sub {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.92);
}

body.imarked-v1 .im-affiliate__register-btn {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 12px 22px;
    border: 0;
    border-radius: 10px;
    background: #fff;
    color: #0b5fff;
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    transition: transform 0.15s ease, box-shadow 0.15s ease;
}

body.imarked-v1 .im-affiliate__register-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.16);
    color: #0847c7;
}

body.imarked-v1 .im-affiliate__links {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

body.imarked-v1 .im-affiliate__link-card {
    padding: 16px 18px 18px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #e7ebf0;
}

body.imarked-v1 .im-affiliate__link-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px 20px;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #e7ebf0;
}

body.imarked-v1 .im-affiliate__link-id {
    display: inline-block;
    margin-bottom: 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #64748b;
}

body.imarked-v1 .im-affiliate__link-name {
    margin: 0 !important;
    font-size: 1.1rem !important;
    font-weight: 700 !important;
    color: #0b1b33 !important;
    line-height: 1.25 !important;
}

body.imarked-v1 .im-affiliate__link-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
}

body.imarked-v1 .im-affiliate__meta-item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 110px;
    padding: 8px 12px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #e7ebf0;
}

body.imarked-v1 .im-affiliate__meta-label {
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #94a3b8;
}

body.imarked-v1 .im-affiliate__meta-value {
    font-size: 13.5px;
    font-weight: 700;
    color: #1e293b;
}

body.imarked-v1 .im-affiliate__link-fields {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 0.8fr);
    gap: 12px;
    margin-bottom: 14px;
}

body.imarked-v1 .im-affiliate__field {
    padding: 12px 14px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #e7ebf0;
}

body.imarked-v1 .im-affiliate__field-label {
    display: block;
    margin-bottom: 6px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: #64748b;
}

body.imarked-v1 .im-affiliate__field-row {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

body.imarked-v1 .im-affiliate__terms-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

body.imarked-v1 .im-affiliate__term-block {
    min-width: 0;
    padding: 12px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #e7ebf0;
}

body.imarked-v1 .im-affiliate__term-title {
    margin: 0 0 10px !important;
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    background: #eff6ff;
    border: 1px solid #dbeafe;
    color: #1d4ed8 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

body.imarked-v1 .im-affiliate__table--compact > thead > tr > th {
    font-size: 11px !important;
    padding: 8px 10px !important;
}

body.imarked-v1 .im-affiliate__table--compact > tbody > tr > td {
    padding: 9px 10px !important;
    font-size: 13px;
}

body.imarked-v1 .im-affiliate__row-highlight > td {
    background: #fffbeb !important;
}

body.imarked-v1 .im-affiliate__commission-badge {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    background: linear-gradient(135deg, #f5c542 0%, #e9a922 100%);
    color: #1a1408;
    font-size: 12.5px;
    font-weight: 800;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(233, 169, 34, 0.28);
}

body.imarked-v1 .im-affiliate__table-wrap {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 10px;
    border: 1px solid #e7ebf0;
}

body.imarked-v1 .im-affiliate__table {
    width: 100%;
    margin: 0 !important;
    border-collapse: separate;
    border-spacing: 0;
    background: #fff;
}

body.imarked-v1 .im-affiliate__table > thead > tr > th {
    padding: 11px 12px !important;
    background: #f8fafc !important;
    border-bottom: 1px solid #e7ebf0 !important;
    border-top: 0 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: #64748b !important;
    white-space: nowrap;
    vertical-align: middle !important;
}

body.imarked-v1 .im-affiliate__table > tbody > tr > td {
    padding: 12px !important;
    border-top: 1px solid #eef2f7 !important;
    font-size: 13.5px;
    color: #1e293b;
    vertical-align: middle !important;
}

body.imarked-v1 .im-affiliate__table > tbody > tr:hover > td {
    background: #fafbfd;
}

body.imarked-v1 .im-affiliate__col-url {
    min-width: 220px;
    width: 30%;
}

body.imarked-v1 .im-affiliate__copy-cell {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

body.imarked-v1 .im-affiliate__copy-cell--center {
    justify-content: center;
}

body.imarked-v1 .im-affiliate__mono {
    display: inline-block;
    max-width: 100%;
    word-break: break-all;
    font-size: 12.5px;
    color: #334155;
}

body.imarked-v1 .im-affiliate__copy-btn {
    flex: 0 0 auto;
    padding: 4px 10px;
    border: 1px solid #bbf7d0;
    border-radius: 6px;
    background: #ecfdf3;
    color: #15803d;
    font-size: 11.5px;
    font-weight: 700;
    cursor: pointer;
}

body.imarked-v1 .im-affiliate__copy-btn:hover {
    background: #dcfce7;
}

body.imarked-v1 .im-affiliate__muted {
    color: #94a3b8;
}

body.imarked-v1 .im-affiliate__group-label {
    display: inline-block;
    padding: 4px 10px;
    border-radius: 999px;
    background: #eff6ff;
    border: 1px solid #dbeafe;
    color: #1d4ed8;
    font-size: 12px;
    font-weight: 700;
}

body.imarked-v1 .im-affiliate__row-group > td {
    background: #f8fafc !important;
}

body.imarked-v1 .im-affiliate__row-totals > td {
    background: #f1f5f9 !important;
    font-weight: 700;
    border-top: 1px solid #dbe3ee !important;
}

body.imarked-v1 .im-affiliate__empty {
    text-align: center !important;
    padding: 22px 16px !important;
    color: #64748b !important;
    background: #fafbfc !important;
}

body.imarked-v1 .so-onepagecheckout .col-left {
    display: none;
}

body.imarked-v1 .so-onepagecheckout .col-sm-9 {
    width: 100%;
}

@media (max-width: 900px) {
    body.imarked-v1 .im-affiliate__hero-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    body.imarked-v1 .im-affiliate__hero-visual img {
        max-height: 200px;
    }

    body.imarked-v1 .im-affiliate__link-fields,
    body.imarked-v1 .im-affiliate__terms-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 767px) {
    body.imarked-v1 .im-affiliate__hero {
        padding: 18px 16px;
    }

    body.imarked-v1 .im-affiliate__title {
        font-size: 1.38rem !important;
    }

    body.imarked-v1 .im-affiliate__earn {
        width: 100%;
        box-sizing: border-box;
    }

    body.imarked-v1 .im-affiliate__earn-value {
        font-size: 1.35rem;
    }

    body.imarked-v1 .im-affiliate__earn-unit {
        font-size: 0.88rem;
    }

    body.imarked-v1 .im-affiliate__card {
        padding: 16px 14px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-affiliate__register {
        padding: 18px 16px;
        flex-direction: column;
        align-items: stretch;
        text-align: left;
    }

    body.imarked-v1 .im-affiliate__register-btn {
        width: 100%;
        justify-content: center;
    }

    body.imarked-v1 .im-affiliate__section-head--split {
        align-items: flex-start;
    }

    body.imarked-v1 .im-affiliate__link-fields,
    body.imarked-v1 .im-affiliate__terms-grid {
        grid-template-columns: 1fr;
    }
}

/* IMARKED V1 — reusable client listing cards
   .im-listing / .im-listing-summary / .im-listing-card / .im-stat / .im-badge */

body.imarked-v1 .im-listing {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

body.imarked-v1 .im-listing__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px 16px;
    padding: 18px 20px;
    border: 1px solid #e5eaf1;
    border-radius: 16px;
    background:
        linear-gradient(135deg, rgba(0, 102, 255, 0.08) 0%, rgba(0, 102, 255, 0) 46%),
        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-listing__title {
    margin: 0 0 3px !important;
    padding: 0 !important;
    border: 0 !important;
    font-size: 22px !important;
    font-weight: 750 !important;
    color: #0f172a !important;
    letter-spacing: -0.03em;
    text-transform: none !important;
    background: none !important;
    line-height: 1.2 !important;
}

body.imarked-v1 .im-listing__title .fa {
    margin-right: 8px;
    color: #0066ff;
}

body.imarked-v1 .im-listing__sub {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
}

body.imarked-v1 .im-listing__cta {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 18px;
    border-radius: 12px;
    border: 0;
    background: #0066ff;
    color: #fff !important;
    font-size: 13px;
    font-weight: 650;
    text-decoration: none !important;
    box-shadow: 0 6px 16px rgba(0, 102, 255, 0.24);
    transition: background 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

body.imarked-v1 .im-listing__cta:hover,
body.imarked-v1 .im-listing__cta:focus {
    background: #0052cc;
    color: #fff !important;
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(0, 102, 255, 0.28);
    outline: none;
}

/* Summary strip */
body.imarked-v1 .im-listing-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

body.imarked-v1 .im-listing-summary--store,
body.imarked-v1 .im-listing-summary--codes,
body.imarked-v1 .im-listing-summary--bundles,
body.imarked-v1 .im-listing-summary--jobs,
body.imarked-v1 .im-listing-summary--orders,
body.imarked-v1 .im-listing-summary--credit {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

body.imarked-v1 .im-listing__note {
    padding: 14px 16px;
    border: 1px solid #dbe7ff;
    border-radius: 14px;
    background: linear-gradient(180deg, #f8fbff 0%, #f1f6ff 100%);
    color: #334155;
}

body.imarked-v1 .im-listing__note strong {
    display: block;
    margin: 0 0 4px;
    font-size: 13px;
    font-weight: 750;
    color: #0f172a;
}

body.imarked-v1 .im-listing__note p {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.45;
    color: #64748b;
}

body.imarked-v1 .im-listing-card__media--job {
    background: linear-gradient(180deg, #eef4ff 0%, #e8eef8 100%);
}

body.imarked-v1 .im-listing-card__media--job .im-listing-card__media-fallback {
    color: #0066ff;
}

body.imarked-v1 .im-listing-card__stats--jobs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.imarked-v1 .im-listing__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

body.imarked-v1 .im-listing__cta--secondary {
    background: #fff;
    color: #0f172a !important;
    border: 1px solid #d7e2ee;
    box-shadow: none;
}

body.imarked-v1 .im-listing__cta--secondary:hover,
body.imarked-v1 .im-listing__cta--secondary:focus {
    background: #f5f8ff;
    border-color: #b8cffc;
    color: #0066ff !important;
    box-shadow: none;
}

body.imarked-v1 .im-listing-summary__value--sm {
    font-size: 18px;
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
}

body.imarked-v1 .im-listing-summary__value--sm small {
    font-size: 11px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
}

body.imarked-v1 .im-listing-card__media--bundle {
    background: #eef4ff;
    border-color: #dbe7ff;
    cursor: default;
}

body.imarked-v1 .im-listing-card__media--bundle .im-listing-card__media-fallback {
    color: #0066ff;
    font-size: 20px;
}

body.imarked-v1 .im-listing-card__title--static {
    cursor: default;
}

body.imarked-v1 .im-listing-card__stats--bundles {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.imarked-v1 .im-listing-card__stat-link {
    color: #0066ff !important;
    text-decoration: none !important;
}

body.imarked-v1 .im-listing-card__stat-link:hover,
body.imarked-v1 .im-listing-card__stat-link:focus {
    text-decoration: underline !important;
}

body.imarked-v1 .im-listing-card__aside-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
    margin-bottom: 4px;
    text-align: right;
}

body.imarked-v1 .im-listing-card__aside-label {
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #94a3b8;
}

body.imarked-v1 .im-listing-card__aside-value {
    font-size: 12px;
    font-weight: 650;
    color: #334155;
    margin-bottom: 4px;
}

body.imarked-v1 .im-listing__count {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 2px;
    min-width: 72px;
    padding: 8px 14px;
    border-radius: 12px;
    border: 1px solid #e5eaf1;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-listing__count-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #94a3b8;
    line-height: 1;
}

body.imarked-v1 .im-listing__count-value {
    font-size: 22px;
    font-weight: 750;
    letter-spacing: -0.03em;
    color: #0f172a;
    line-height: 1.1;
}

body.imarked-v1 .im-listing-card--wish {
    grid-template-columns: minmax(0, 1.5fr) minmax(200px, 0.9fr);
}

body.imarked-v1 .im-listing-card__title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px 14px;
    width: 100%;
    min-width: 0;
}

body.imarked-v1 .im-listing-card__title-row .im-listing-card__title {
    min-width: 0;
    flex: 1 1 auto;
}

body.imarked-v1 .im-listing-card__remove {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    height: 28px;
    padding: 0 10px;
    border-radius: 8px;
    border: 1px solid #fecaca;
    background: #fff;
    color: #b91c1c !important;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none !important;
    white-space: nowrap;
    transition: background 140ms ease, border-color 140ms ease;
}

body.imarked-v1 .im-listing-card__remove:hover,
body.imarked-v1 .im-listing-card__remove:focus {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #991b1b !important;
    outline: none;
}

body.imarked-v1 .im-listing-summary__item {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 14px 16px;
    border: 1px solid #e5eaf1;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-listing-summary__item--ok {
    background: linear-gradient(180deg, #fff 0%, #f3fdf7 100%);
    border-color: #bbf7d0;
}

body.imarked-v1 .im-listing-summary__item--danger {
    background: linear-gradient(180deg, #fff 0%, #fff7f7 100%);
    border-color: #fecaca;
}

body.imarked-v1 .im-listing-summary__label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #94a3b8;
}

body.imarked-v1 .im-listing-summary__value {
    font-size: 24px;
    font-weight: 750;
    letter-spacing: -0.03em;
    color: #0f172a;
    line-height: 1.1;
}

body.imarked-v1 .im-listing-summary__item--ok .im-listing-summary__value { color: #047857; }
body.imarked-v1 .im-listing-summary__item--danger .im-listing-summary__value { color: #b91c1c; }

body.imarked-v1 .im-listing__body {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

body.imarked-v1 .im-listing__empty {
    padding: 28px 20px;
    border: 1px dashed #cfd8e3;
    border-radius: 16px;
    background: #f8fafc;
    color: #475569;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
}

body.imarked-v1 .im-listing__empty a {
    color: #0066ff !important;
    font-weight: 650;
}

/* Cards */
body.imarked-v1 .im-listing-card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(220px, 1fr) auto;
    gap: 16px 20px;
    align-items: center;
    padding: 16px 18px 16px 20px;
    border: 1px solid #e5eaf1;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    overflow: hidden;
    transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}

body.imarked-v1 .im-listing-card::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: #cbd5e1;
}

body.imarked-v1 .im-listing-card--ok::before { background: #10b981; }
body.imarked-v1 .im-listing-card--danger::before { background: #ef4444; }
body.imarked-v1 .im-listing-card--muted::before { background: #6366f1; }

body.imarked-v1 .im-listing-card:hover {
    border-color: #b8cffc;
    box-shadow: 0 10px 28px rgba(15, 76, 129, 0.08);
    transform: translateY(-1px);
}

body.imarked-v1 .im-listing-card__main {
    min-width: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 14px;
}

body.imarked-v1 .im-listing-card__media {
    flex: 0 0 72px;
    width: 72px;
    height: 72px;
    border-radius: 14px;
    overflow: hidden;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #eef2f7;
    border: 1px solid #e5eaf1;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

body.imarked-v1 .im-listing-card__media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.imarked-v1 .im-listing-card__media-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 22px;
    font-weight: 750;
    color: #64748b;
    letter-spacing: -0.02em;
    line-height: 1;
}

body.imarked-v1 .im-listing-card__copy {
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

body.imarked-v1 .im-listing-card__top {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

body.imarked-v1 .im-listing-card__pkg {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    height: 24px;
    padding: 0 10px;
    border-radius: 999px;
    background: #fff7ed;
    color: #c2410c;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.01em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body.imarked-v1 .im-listing-card__title {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    color: #0f172a !important;
    font-size: 16px;
    font-weight: 750;
    letter-spacing: -0.02em;
    line-height: 1.3;
    text-decoration: none !important;
    max-width: 100%;
}

body.imarked-v1 .im-listing-card__title:hover,
body.imarked-v1 .im-listing-card__title:focus {
    color: #0066ff !important;
}

body.imarked-v1 .im-listing-card__title-text {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.imarked-v1 .im-listing-card__title .fa {
    flex: 0 0 auto;
    color: #94a3b8;
    font-size: 12px;
}

body.imarked-v1 .im-listing-card__title-action {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    flex: 0 0 auto;
    padding: 2px 8px;
    border-radius: 999px;
    background: #eef4ff;
    color: #0066ff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.2;
    white-space: nowrap;
}

body.imarked-v1 .im-listing-card__title-action .fa {
    color: #0066ff;
    font-size: 10px;
}

body.imarked-v1 .im-listing-card__title:hover .im-listing-card__title-action,
body.imarked-v1 .im-listing-card__title:focus .im-listing-card__title-action {
    background: #0066ff;
    color: #fff;
}

body.imarked-v1 .im-listing-card__title:hover .im-listing-card__title-action .fa,
body.imarked-v1 .im-listing-card__title:focus .im-listing-card__title-action .fa {
    color: #fff;
}

body.imarked-v1 .im-listing-card__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    font-size: 12px;
    font-weight: 500;
    color: #64748b;
}

body.imarked-v1 .im-listing-card__meta i {
    margin-right: 4px;
    color: #94a3b8;
}

/* Stats cluster */
body.imarked-v1 .im-listing-card__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    min-width: 0;
}

body.imarked-v1 .im-listing-card__stat {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
    min-width: 0;
    padding: 10px 10px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
}

body.imarked-v1 .im-listing-card__stat-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #94a3b8;
}

body.imarked-v1 .im-listing-card__stat-value {
    font-size: 16px;
    font-weight: 750;
    letter-spacing: -0.02em;
    color: #0f172a;
    line-height: 1.1;
}

body.imarked-v1 .im-listing-card__stat--hot {
    background: #eef4ff;
    border-color: #dbe7ff;
}

body.imarked-v1 .im-listing-card__stat--hot .im-listing-card__stat-value {
    color: #0066ff;
}

body.imarked-v1 .im-listing-card__aside {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    gap: 10px;
    flex: 0 0 auto;
}

body.imarked-v1 .im-listing-card__open {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    height: 34px;
    padding: 0 12px;
    border-radius: 10px;
    border: 1px solid #d7e2ee;
    background: #fff;
    color: #0f172a !important;
    font-size: 12px;
    font-weight: 650;
    text-decoration: none !important;
    transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}

body.imarked-v1 .im-listing-card__open:hover,
body.imarked-v1 .im-listing-card__open:focus {
    background: #f5f8ff;
    border-color: #b8cffc;
    color: #0066ff !important;
    outline: none;
}

body.imarked-v1 .im-listing-card__stats--store {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.imarked-v1 .im-listing-card__stats--codes,
body.imarked-v1 .im-listing-card__stats--wish,
body.imarked-v1 .im-listing-card__stats--orders {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

body.imarked-v1 .im-listing-card__stats--credit {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

body.imarked-v1 .im-listing__actions--footer {
    justify-content: center;
    margin-top: 4px;
}

body.imarked-v1 .im-listing-card__media--order .im-listing-card__media-fallback,
body.imarked-v1 .im-listing-card__media--credit .im-listing-card__media-fallback {
    font-size: 18px;
}

body.imarked-v1 .im-listing-card__open--danger {
    border-color: #fecaca;
    background: #fff;
    color: #b91c1c !important;
}

body.imarked-v1 .im-listing-card__open--danger:hover,
body.imarked-v1 .im-listing-card__open--danger:focus {
    background: #fef2f2;
    border-color: #fca5a5;
    color: #991b1b !important;
}

body.imarked-v1 .im-listing-card__media--code {
    background: #eef4ff;
    border-color: #dbe7ff;
    color: #0066ff;
    cursor: default;
}

body.imarked-v1 .im-listing-card__media--code .im-listing-card__media-fallback {
    color: #0066ff;
    font-size: 20px;
}

body.imarked-v1 .im-listing-card__title--code {
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

body.imarked-v1 .im-listing-card__title--code .im-code-value {
    font-family: Consolas, "Courier New", monospace;
    font-weight: 750;
    letter-spacing: 0.04em;
}

body.imarked-v1 .im-code-copy {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 26px;
    padding: 0 9px;
    border-radius: 999px;
    border: 1px solid #b8cffc;
    background: #eef4ff;
    color: #0066ff;
    font-size: 11px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
}

body.imarked-v1 .im-code-copy:hover,
body.imarked-v1 .im-code-copy:focus {
    background: #0066ff;
    border-color: #0066ff;
    color: #fff;
    outline: none;
}

body.imarked-v1 .im-code-copy.is-copied {
    background: #ecfdf5;
    border-color: #bbf7d0;
    color: #047857;
}

body.imarked-v1 .im-listing-card__open--disabled {
    opacity: 0.55;
    cursor: default;
    pointer-events: none;
}

body.imarked-v1 .im-listing-card__stat-value--sm {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

body.imarked-v1 .im-listing-card__open--primary {
    background: #0066ff;
    border-color: #0066ff;
    color: #fff !important;
}

body.imarked-v1 .im-listing-card__open--primary:hover,
body.imarked-v1 .im-listing-card__open--primary:focus {
    background: #0052cc;
    border-color: #0052cc;
    color: #fff !important;
}

body.imarked-v1 .im-listing-card__manage {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 148px;
    height: 40px;
    padding: 0 16px;
    border-radius: 12px;
    border: 1px solid #0052cc;
    background: linear-gradient(180deg, #2b7cff 0%, #0066ff 100%);
    color: #fff !important;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-decoration: none !important;
    box-shadow: 0 6px 14px rgba(0, 102, 255, 0.22);
    transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

body.imarked-v1 .im-listing-card__manage i {
    font-size: 14px;
}

body.imarked-v1 .im-listing-card__manage:hover,
body.imarked-v1 .im-listing-card__manage:focus {
    background: linear-gradient(180deg, #1f6ff5 0%, #0052cc 100%);
    border-color: #0047b3;
    color: #fff !important;
    box-shadow: 0 8px 18px rgba(0, 82, 204, 0.28);
    transform: translateY(-1px);
    outline: none;
}

/* Store create type picker (replaces Ny butikk CTA) */
body.imarked-v1 .im-store-create {
    margin: 0;
    padding: 18px 20px 20px;
    border-radius: 16px;
    border: 1px solid #e5eaf1;
    background:
        linear-gradient(135deg, rgba(0, 102, 255, 0.08) 0%, rgba(0, 102, 255, 0) 46%),
        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

body.imarked-v1 .im-store-create__head {
    margin-bottom: 14px;
}

body.imarked-v1 .im-store-create__title {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 750;
    letter-spacing: -0.02em;
    color: #0f172a;
    line-height: 1.2;
}

body.imarked-v1 .im-store-create__title .fa {
    margin-right: 8px;
    color: #0066ff;
}

body.imarked-v1 .im-store-create__sub {
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
}

body.imarked-v1 .im-store-create__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

body.imarked-v1 .im-store-create__card {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 78px;
    padding: 14px 14px 14px 12px;
    border-radius: 14px;
    border: 1px solid #e6edf5;
    background: #f8fafc;
    text-decoration: none !important;
    color: inherit !important;
    transition: border-color 140ms ease, background 140ms ease, transform 140ms ease, box-shadow 140ms ease;
}

body.imarked-v1 .im-store-create__card:hover,
body.imarked-v1 .im-store-create__card:focus {
    background: #fff;
    border-color: #b8cffc;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
    transform: translateY(-1px);
    outline: none;
}

body.imarked-v1 .im-store-create__icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: #eef4ff;
    color: #0066ff;
    font-size: 16px;
}

body.imarked-v1 .im-store-create__card--retail .im-store-create__icon { background: #eef4ff; color: #0066ff; }
body.imarked-v1 .im-store-create__card--estate .im-store-create__icon { background: #ecfdf5; color: #059669; }
body.imarked-v1 .im-store-create__card--auto .im-store-create__icon { background: #fff7ed; color: #ea580c; }
body.imarked-v1 .im-store-create__card--jobs .im-store-create__icon { background: #f5f3ff; color: #6d28d9; }
body.imarked-v1 .im-store-create__card--service .im-store-create__icon { background: #ecfeff; color: #0891b2; }
body.imarked-v1 .im-store-create__card--food .im-store-create__icon { background: #fef2f2; color: #dc2626; }
body.imarked-v1 .im-store-create__card--other .im-store-create__icon { background: #f1f5f9; color: #475569; }

body.imarked-v1 .im-store-create__copy {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1 1 auto;
}

body.imarked-v1 .im-store-create__name {
    font-size: 14px;
    font-weight: 750;
    letter-spacing: -0.01em;
    color: #0f172a;
    line-height: 1.2;
}

body.imarked-v1 .im-store-create__hint {
    font-size: 12px;
    font-weight: 500;
    color: #64748b;
    line-height: 1.3;
}

body.imarked-v1 .im-store-create__go {
    flex: 0 0 auto;
    color: #94a3b8;
    font-size: 13px;
    transition: color 140ms ease, transform 140ms ease;
}

body.imarked-v1 .im-store-create__card:hover .im-store-create__go,
body.imarked-v1 .im-store-create__card:focus .im-store-create__go {
    color: #0066ff;
    transform: translateX(2px);
}

/* Badges */
body.imarked-v1 .im-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.02em;
    line-height: 1;
    white-space: nowrap;
}

body.imarked-v1 .im-badge--ok {
    background: #ecfdf5;
    color: #047857;
}

body.imarked-v1 .im-badge--warn {
    background: #fff7ed;
    color: #c2410c;
}

body.imarked-v1 .im-badge--muted {
    background: #eef2ff;
    color: #3730a3;
}

body.imarked-v1 .im-badge--danger {
    background: #fef2f2;
    color: #b91c1c;
}

/* Legacy table helpers (kept for other pages migrating later) */
body.imarked-v1 .im-stat {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    height: 26px;
    padding: 0 8px;
    border-radius: 8px;
    background: #f1f5f9;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
}

body.imarked-v1 .im-stat--hot {
    background: #eef4ff;
    color: #0066ff;
}

@media (max-width: 1199px) and (min-width: 992px) {
    body.imarked-v1 .im-store-create__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1199px) {
    body.imarked-v1 .im-listing-card {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    body.imarked-v1 .im-listing-card__aside {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
}

@media (max-width: 991px) {
    body.imarked-v1 .im-listing {
        gap: 8px;
    }

    body.imarked-v1 .im-listing__head {
        padding: 12px 14px;
        border-radius: 12px;
        gap: 6px;
    }

    body.imarked-v1 .im-listing__title {
        font-size: 16px !important;
        margin: 0 !important;
    }

    body.imarked-v1 .im-listing__title .fa {
        margin-right: 6px;
        font-size: 14px;
    }

    body.imarked-v1 .im-listing__sub {
        font-size: 11px;
        line-height: 1.3;
    }

    body.imarked-v1 .im-listing__cta {
        width: 100%;
        justify-content: center;
    }

    body.imarked-v1 .im-listing-summary {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
    }

    body.imarked-v1 .im-listing-summary--store,
    body.imarked-v1 .im-listing-summary--codes,
    body.imarked-v1 .im-listing-summary--bundles {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 5px;
    }

    body.imarked-v1 .im-listing__actions {
        width: 100%;
    }

    body.imarked-v1 .im-listing__actions .im-listing__cta {
        flex: 1 1 calc(50% - 4px);
        justify-content: center;
        height: 34px;
        font-size: 12px;
        padding: 0 10px;
        box-shadow: none;
    }

    body.imarked-v1 .im-listing--bundles {
        gap: 6px;
    }

    body.imarked-v1 .im-listing--bundles .im-listing__head {
        padding: 10px 12px !important;
    }

    body.imarked-v1 .im-listing--bundles .im-listing__sub {
        display: none;
    }

    body.imarked-v1 .im-listing--bundles .im-listing-summary__value--sm {
        font-size: 13px;
    }

    body.imarked-v1 .im-listing--bundles .im-listing-card {
        padding: 10px 10px 10px 12px;
        gap: 8px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-listing--bundles .im-listing-card__media {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        border-radius: 9px;
    }

    body.imarked-v1 .im-listing--bundles .im-listing-card__title {
        font-size: 13px;
    }

    body.imarked-v1 .im-listing--bundles .im-listing-card__meta {
        font-size: 10px;
    }

    body.imarked-v1 .im-listing--bundles .im-listing-card__stats--bundles {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
    }

    body.imarked-v1 .im-listing--bundles .im-listing-card__stat {
        padding: 6px 4px;
        border-radius: 8px;
    }

    body.imarked-v1 .im-listing--bundles .im-listing-card__aside {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        gap: 8px;
    }

    body.imarked-v1 .im-listing--bundles .im-listing-card__aside-meta {
        align-items: flex-start;
        text-align: left;
        margin: 0;
        flex: 1 1 auto;
    }

    body.imarked-v1 .im-listing--bundles .im-listing-card__manage,
    body.imarked-v1 .im-listing--bundles .im-listing-card__open {
        height: 30px;
        min-width: 0;
        padding: 0 10px;
        font-size: 11px;
        border-radius: 8px;
    }

    body.imarked-v1 .im-listing-summary__item {
        padding: 8px 6px;
        border-radius: 10px;
        gap: 0;
    }

    body.imarked-v1 .im-listing-summary__value {
        font-size: 16px;
    }

    body.imarked-v1 .im-listing-summary__label {
        font-size: 8px;
        letter-spacing: 0.02em;
    }

    body.imarked-v1 .im-listing-card {
        padding: 12px 14px;
        border-radius: 12px;
        gap: 10px;
    }

    body.imarked-v1 .im-listing-card__media {
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        border-radius: 10px;
    }

    body.imarked-v1 .im-listing-card__media-fallback {
        font-size: 16px;
    }

    body.imarked-v1 .im-listing-card__main {
        gap: 10px;
        align-items: flex-start;
    }

    body.imarked-v1 .im-listing-card__copy {
        gap: 6px;
    }

    body.imarked-v1 .im-listing-card__top {
        gap: 4px;
    }

    body.imarked-v1 .im-listing-card__pkg {
        height: 20px;
        padding: 0 7px;
        font-size: 10px;
    }

    body.imarked-v1 .im-badge {
        height: 20px;
        padding: 0 7px;
        font-size: 10px;
    }

    body.imarked-v1 .im-listing-card__title {
        font-size: 14px;
        white-space: normal;
        flex-wrap: wrap;
        gap: 4px 6px;
    }

    body.imarked-v1 .im-listing-card__title-text {
        white-space: normal;
    }

    body.imarked-v1 .im-listing-card__title-action {
        padding: 2px 6px;
        font-size: 10px;
    }

    body.imarked-v1 .im-listing-card__meta {
        font-size: 11px;
        gap: 4px 8px;
    }

    body.imarked-v1 .im-listing-card__stat {
        padding: 8px;
        border-radius: 10px;
    }

    body.imarked-v1 .im-listing-card__stat-label {
        font-size: 9px;
    }

    body.imarked-v1 .im-listing-card__stat-value--sm {
        font-size: 12px;
    }

    body.imarked-v1 .im-listing-card__manage {
        width: 100%;
        min-width: 0;
        height: 36px;
        border-radius: 10px;
        font-size: 12px;
    }

    body.imarked-v1 .im-listing-card__stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 6px;
    }

    body.imarked-v1 .im-listing-card__stats--store {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    /* Ads listing — extra-compact mobile */
    body.imarked-v1 .im-listing--ads {
        gap: 6px;
    }

    body.imarked-v1 .im-listing--ads .im-listing__head {
        padding: 10px 12px !important;
        gap: 8px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-listing--ads .im-listing__sub {
        display: none;
    }

    body.imarked-v1 .im-listing--ads .im-listing__cta {
        width: 100%;
        height: 34px;
        padding: 0 12px;
        font-size: 12px;
        border-radius: 10px;
        box-shadow: none;
    }

    body.imarked-v1 .im-listing--ads .im-listing-summary__item {
        padding: 6px 4px;
        border-radius: 8px;
    }

    body.imarked-v1 .im-listing--ads .im-listing-summary__value {
        font-size: 15px;
    }

    body.imarked-v1 .im-listing--ads .im-listing-card {
        padding: 10px 10px 10px 12px;
        gap: 8px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-listing--ads .im-listing-card__media {
        flex: 0 0 44px;
        width: 44px;
        height: 44px;
        border-radius: 9px;
    }

    body.imarked-v1 .im-listing--ads .im-listing-card__copy {
        gap: 4px;
    }

    body.imarked-v1 .im-listing--ads .im-listing-card__title {
        font-size: 13px;
    }

    body.imarked-v1 .im-listing--ads .im-listing-card__meta {
        font-size: 10px;
        gap: 2px 6px;
    }

    body.imarked-v1 .im-listing--ads .im-listing-card__stats {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 4px;
    }

    body.imarked-v1 .im-listing--ads .im-listing-card__stat {
        padding: 5px 3px;
        border-radius: 8px;
        align-items: center;
        text-align: center;
        gap: 1px;
    }

    body.imarked-v1 .im-listing--ads .im-listing-card__stat-label {
        font-size: 8px;
        letter-spacing: 0.02em;
    }

    body.imarked-v1 .im-listing--ads .im-listing-card__stat-value {
        font-size: 13px;
    }

    body.imarked-v1 .im-listing--ads .im-listing-card__aside {
        justify-content: flex-end;
        gap: 0;
        margin-top: -2px;
    }

    body.imarked-v1 .im-listing--ads .im-listing-card__open {
        height: 28px;
        padding: 0 10px;
        font-size: 11px;
        border-radius: 8px;
        width: auto;
    }

    /* Discount codes — compact mobile */
    body.imarked-v1 .im-listing--codes {
        gap: 6px;
    }

    body.imarked-v1 .im-listing--codes .im-listing__head {
        padding: 10px 12px !important;
    }

    body.imarked-v1 .im-listing--codes .im-listing__sub {
        display: none;
    }

    body.imarked-v1 .im-listing--codes .im-listing-summary__item {
        padding: 6px 4px;
        border-radius: 8px;
    }

    body.imarked-v1 .im-listing--codes .im-listing-summary__value {
        font-size: 15px;
    }

    body.imarked-v1 .im-listing--codes .im-listing-card {
        padding: 10px 10px 10px 12px;
        gap: 8px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-listing--codes .im-listing-card__media {
        flex: 0 0 40px;
        width: 40px;
        height: 40px;
        border-radius: 9px;
    }

    body.imarked-v1 .im-listing--codes .im-listing-card__media--code .im-listing-card__media-fallback {
        font-size: 16px;
    }

    body.imarked-v1 .im-listing--codes .im-listing-card__title--code {
        font-size: 13px;
        gap: 6px;
    }

    body.imarked-v1 .im-listing--codes .im-code-copy {
        height: 24px;
        padding: 0 8px;
        font-size: 10px;
    }

    body.imarked-v1 .im-listing--codes .im-listing-card__meta {
        font-size: 10px;
    }

    body.imarked-v1 .im-listing--codes .im-listing-card__stats--codes {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
    }

    body.imarked-v1 .im-listing--codes .im-listing-card__stat {
        padding: 6px 4px;
        border-radius: 8px;
    }

    body.imarked-v1 .im-listing--codes .im-listing-card__stat-value {
        font-size: 14px;
    }

    body.imarked-v1 .im-listing--codes .im-listing-card__aside {
        justify-content: flex-end;
    }

    body.imarked-v1 .im-listing--codes .im-listing-card__open {
        height: 28px;
        padding: 0 10px;
        font-size: 11px;
        border-radius: 8px;
        width: auto;
    }

    /* Wishlist — compact mobile */
    body.imarked-v1 .im-listing--wish {
        gap: 6px;
    }

    body.imarked-v1 .im-listing--wish .im-listing__head {
        padding: 10px 12px !important;
        align-items: center;
    }

    body.imarked-v1 .im-listing--wish .im-listing__sub {
        display: none;
    }

    body.imarked-v1 .im-listing__count {
        padding: 6px 10px;
        min-width: 56px;
        border-radius: 10px;
    }

    body.imarked-v1 .im-listing__count-value {
        font-size: 18px;
    }

    body.imarked-v1 .im-listing--wish .im-listing-card,
    body.imarked-v1 .im-listing-card--wish {
        grid-template-columns: minmax(0, 1fr);
        padding: 10px 10px 10px 12px;
        gap: 8px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-listing--wish .im-listing-card__media {
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        border-radius: 9px;
    }

    body.imarked-v1 .im-listing--wish .im-listing-card__title-row {
        flex-wrap: wrap;
        gap: 6px 8px;
    }

    body.imarked-v1 .im-listing--wish .im-listing-card__title {
        font-size: 13px;
    }

    body.imarked-v1 .im-listing--wish .im-listing-card__remove {
        height: 26px;
        padding: 0 8px;
        font-size: 10px;
        margin-left: auto;
    }

    body.imarked-v1 .im-listing--wish .im-listing-card__meta {
        font-size: 10px;
    }

    body.imarked-v1 .im-listing--wish .im-listing-card__stats--wish {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
    }

    body.imarked-v1 .im-listing--wish .im-listing-card__stat {
        padding: 6px 4px;
        border-radius: 8px;
    }

    /* Compact Ny butikk type picker */
    body.imarked-v1 .im-listing .im-store-create {
        margin: 0 !important;
        padding: 12px 12px 12px !important;
        border-radius: 12px;
        box-sizing: border-box;
    }

    body.imarked-v1 .im-listing .im-store-create__head {
        margin-bottom: 10px;
    }

    body.imarked-v1 .im-listing .im-store-create__title {
        font-size: 15px;
        margin: 0 0 2px;
    }

    body.imarked-v1 .im-listing .im-store-create__title .fa {
        margin-right: 6px;
        font-size: 14px;
    }

    body.imarked-v1 .im-listing .im-store-create__sub {
        font-size: 11px;
        line-height: 1.3;
    }

    body.imarked-v1 .im-listing .im-store-create__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    body.imarked-v1 .im-listing .im-store-create__card {
        min-height: 0;
        gap: 8px;
        padding: 10px !important;
        border-radius: 10px;
        box-sizing: border-box;
    }

    body.imarked-v1 .im-listing .im-listing__head {
        padding: 12px !important;
        box-sizing: border-box;
    }

    body.imarked-v1 .im-store-create__card:hover,
    body.imarked-v1 .im-store-create__card:focus {
        transform: none;
        box-shadow: none;
    }

    body.imarked-v1 .im-store-create__icon {
        flex: 0 0 32px;
        width: 32px;
        height: 32px;
        border-radius: 8px;
        font-size: 13px;
    }

    body.imarked-v1 .im-store-create__name {
        font-size: 12px;
        line-height: 1.2;
    }

    body.imarked-v1 .im-store-create__hint,
    body.imarked-v1 .im-store-create__go {
        display: none;
    }
}

/* Job history — compact mobile */
@media (max-width: 991px) {
    body.imarked-v1 .im-listing--jobs {
        gap: 6px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing__head {
        padding: 10px 12px !important;
        align-items: center;
    }

    body.imarked-v1 .im-listing--jobs .im-listing__sub {
        display: none;
    }

    body.imarked-v1 .im-listing--jobs .im-listing__note {
        padding: 10px 12px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing__note strong {
        font-size: 12px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing__note p {
        font-size: 11px;
        line-height: 1.4;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-summary__item {
        padding: 10px 10px;
        border-radius: 10px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-summary__value {
        font-size: 18px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-card {
        grid-template-columns: minmax(0, 1fr);
        padding: 10px 10px 10px 12px;
        gap: 8px;
        border-radius: 12px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-card__media {
        flex: 0 0 48px;
        width: 48px;
        height: 48px;
        border-radius: 9px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-card__media--job .im-listing-card__media-fallback {
        font-size: 16px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-card__title {
        font-size: 13px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-card__title-action {
        display: none;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-card__meta {
        font-size: 10px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-card__stats--jobs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-card__stat {
        padding: 6px 4px;
        border-radius: 8px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-card__stat-value {
        font-size: 12px;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-card__aside {
        justify-content: flex-end;
        flex-direction: row;
    }

    body.imarked-v1 .im-listing--jobs .im-listing-card__open {
        height: 28px;
        padding: 0 10px;
        font-size: 11px;
        border-radius: 8px;
        width: auto;
    }
}

@media (max-width: 380px) {
    body.imarked-v1 .im-listing-summary--store,
    body.imarked-v1 .im-listing-summary--codes,
    body.imarked-v1 .im-listing-summary--bundles,
    body.imarked-v1 .im-listing-summary--jobs,
    body.imarked-v1 .im-listing-summary--orders,
    body.imarked-v1 .im-listing-summary--credit {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.imarked-v1 .im-store-create__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    body.imarked-v1 .im-listing-card__stats--store {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* ── Order detail ───────────────────────────────────────────────────────── */
body.imarked-v1 .im-order {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

body.imarked-v1 .im-order__head {
    align-items: flex-start;
}

body.imarked-v1 .im-order__head-copy {
    min-width: 0;
    width: 100%;
}

body.imarked-v1 .im-order__back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0 0 8px;
    font-size: 12px;
    font-weight: 650;
    color: #64748b !important;
    text-decoration: none !important;
}

body.imarked-v1 .im-order__back:hover,
body.imarked-v1 .im-order__back:focus {
    color: #0066ff !important;
}

body.imarked-v1 .im-order__head-title-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 10px;
}

body.imarked-v1 .im-order__status-badge {
    font-size: 12px;
    padding: 6px 10px;
    flex: 0 0 auto;
}

body.imarked-v1 .im-order__grid {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

body.imarked-v1 .im-order__main,
body.imarked-v1 .im-order__aside,
body.imarked-v1 .im-order__panel,
body.imarked-v1 .im-order__summary,
body.imarked-v1 .im-order__head {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

body.imarked-v1 .im-order__main {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
}

body.imarked-v1 .im-order__panel {
    position: relative;
    background: #fff;
    border: 1px solid #e5eaf1;
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    padding: 18px 18px 16px;
    overflow: hidden;
}

body.imarked-v1 .im-order__panel.im-listing-card--ok,
body.imarked-v1 .im-order__panel.im-listing-card--danger,
body.imarked-v1 .im-order__panel.im-listing-card--muted {
    border-left: 4px solid #cbd5e1;
}

body.imarked-v1 .im-order__panel.im-listing-card--ok { border-left-color: #10b981; }
body.imarked-v1 .im-order__panel.im-listing-card--danger { border-left-color: #ef4444; }
body.imarked-v1 .im-order__panel.im-listing-card--muted { border-left-color: #6366f1; }

body.imarked-v1 .im-order__panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 14px;
}

body.imarked-v1 .im-order__panel-title {
    margin: 0;
    font-size: 15px;
    font-weight: 750;
    color: #0f172a;
    letter-spacing: -0.02em;
}

body.imarked-v1 .im-order__panel-count {
    font-size: 12px;
    font-weight: 650;
    color: #64748b;
}

body.imarked-v1 .im-order__meta-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

body.imarked-v1 .im-order__meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 12px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
    min-width: 0;
}

body.imarked-v1 .im-order__meta-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #94a3b8;
}

body.imarked-v1 .im-order__meta-value {
    font-size: 13.5px;
    font-weight: 650;
    color: #0f172a;
    line-height: 1.35;
    word-break: break-word;
}

body.imarked-v1 .im-order__parties {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 14px;
}

body.imarked-v1 .im-order__party {
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
}

body.imarked-v1 .im-order__party--address {
    display: block;
    padding: 12px 14px;
    border-radius: 12px;
    background: #f8fafc;
    border: 1px solid #eef2f7;
}

body.imarked-v1 .im-order__party-media {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e5eaf1;
    background: #eef2f7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.imarked-v1 .im-order__party-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.imarked-v1 .im-order__party-fallback,
body.imarked-v1 .im-order__item-fallback {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 18px;
    font-weight: 750;
    color: #64748b;
}

body.imarked-v1 .im-order__party-name {
    display: block;
    margin-top: 2px;
    font-size: 15px;
    color: #0f172a;
}

body.imarked-v1 .im-order__address {
    margin: 6px 0 0;
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.5;
    color: #334155;
    white-space: pre-wrap;
}

body.imarked-v1 .im-order__items {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

body.imarked-v1 .im-order__item {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr) auto;
    gap: 12px;
    align-items: center;
    padding: 12px;
    border-radius: 14px;
    border: 1px solid #eef2f7;
    background: #fbfdff;
}

body.imarked-v1 .im-order__item-media {
    width: 64px;
    height: 64px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e5eaf1;
    background: #eef2f7;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body.imarked-v1 .im-order__item-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

body.imarked-v1 .im-order__item-title {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #0f172a !important;
    text-decoration: none !important;
    letter-spacing: -0.01em;
    margin-bottom: 4px;
}

a.im-order__item-title:hover {
    color: #0066ff !important;
}

body.imarked-v1 .im-order__item-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 10px;
    font-size: 12px;
    color: #64748b;
    font-weight: 500;
}

body.imarked-v1 .im-order__item-price {
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 88px;
}

body.imarked-v1 .im-order__item-unit {
    font-size: 12px;
    color: #94a3b8;
    font-weight: 600;
}

body.imarked-v1 .im-order__item-total {
    font-size: 15px;
    font-weight: 750;
    color: #0f172a;
    letter-spacing: -0.02em;
}

body.imarked-v1 .im-order__timeline {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

body.imarked-v1 .im-order__timeline-item {
    position: relative;
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 12px;
    padding: 0 0 16px 0;
}

body.imarked-v1 .im-order__timeline-item:last-child {
    padding-bottom: 0;
}

body.imarked-v1 .im-order__timeline-item:not(:last-child)::before {
    content: "";
    position: absolute;
    left: 7px;
    top: 16px;
    bottom: 0;
    width: 2px;
    background: #e2e8f0;
}

body.imarked-v1 .im-order__timeline-dot {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 2px solid #cbd5e1;
    background: #fff;
    margin-top: 2px;
    box-sizing: border-box;
}

body.imarked-v1 .im-order__timeline-item.is-current .im-order__timeline-dot {
    border-color: #0066ff;
    background: #0066ff;
    box-shadow: 0 0 0 4px rgba(0, 102, 255, 0.15);
}

body.imarked-v1 .im-order__timeline-body {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

body.imarked-v1 .im-order__timeline-body strong {
    font-size: 13.5px;
    font-weight: 700;
    color: #0f172a;
}

body.imarked-v1 .im-order__timeline-body span {
    font-size: 12px;
    color: #64748b;
    font-weight: 500;
}

body.imarked-v1 .im-order__aside {
    position: static;
}

@media (min-width: 992px) {
    body.imarked-v1 .im-order__grid {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 300px;
        align-items: start;
    }

    body.imarked-v1 .im-order__aside {
        position: sticky;
        top: 88px;
    }
}

body.imarked-v1 .im-order__summary {
    background: #fff;
    border: 1px solid #e5eaf1;
    border-radius: 16px;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
    padding: 18px;
}

body.imarked-v1 .im-order__totals {
    margin: 14px 0 0;
}

body.imarked-v1 .im-order__totals > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 0;
    border-bottom: 1px solid #f1f5f9;
}

body.imarked-v1 .im-order__totals dt {
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
}

body.imarked-v1 .im-order__totals dd {
    margin: 0;
    font-size: 13.5px;
    font-weight: 700;
    color: #0f172a;
}

body.imarked-v1 .im-order__totals-discount dd {
    color: #047857;
}

body.imarked-v1 .im-order__totals-net {
    border-bottom: 0 !important;
    padding-top: 12px !important;
}

body.imarked-v1 .im-order__totals-net dt,
body.imarked-v1 .im-order__totals-net dd {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}

@media (max-width: 991px) {
    body.imarked-v1 .im-order {
        gap: 10px;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    body.imarked-v1 .im-order__grid {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px;
        width: 100% !important;
        max-width: 100% !important;
    }

    body.imarked-v1 .im-order__main,
    body.imarked-v1 .im-order__aside {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 auto;
    }

    body.imarked-v1 .im-order__main {
        gap: 10px;
    }

    body.imarked-v1 .im-order__panel,
    body.imarked-v1 .im-order__summary,
    body.imarked-v1 .im-order__head {
        width: 100% !important;
        max-width: 100% !important;
        padding: 14px;
        border-radius: 14px;
        box-sizing: border-box;
    }

    body.imarked-v1 .im-order__meta-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    body.imarked-v1 .im-order__meta {
        padding: 10px;
    }

    body.imarked-v1 .im-order__parties {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    body.imarked-v1 .im-order__head .im-listing__title {
        margin: 0 !important;
    }
}

@media (max-width: 640px) {
    body.imarked-v1 .im-order__item {
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 10px;
        padding: 10px;
    }

    body.imarked-v1 .im-order__item-media {
        width: 52px;
        height: 52px;
    }

    body.imarked-v1 .im-order__item-price {
        grid-column: 2;
        flex-direction: row;
        justify-content: space-between;
        align-items: baseline;
        text-align: left;
        min-width: 0;
        margin-top: 2px;
    }

    body.imarked-v1 .im-order__meta-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.imarked-v1 .im-order__totals-net dt,
    body.imarked-v1 .im-order__totals-net dd {
        font-size: 15px;
    }
}

/* Product card — branded tile when MainImageUrl is empty */

.product-image-fallback {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 100%;
    aspect-ratio: 1 / 1;
    min-height: 160px;
    padding: 16px 14px;
    text-align: center;
}

/* IMARKED cards: fill the existing 1:1 image container */
.im-prod-img .product-image-fallback,
.product-image-container.im-prod-img .product-image-fallback {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    aspect-ratio: auto;
    min-height: 0;
    height: 100%;
}

.product-image-fallback-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin: 0 0 10px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.72);
    color: inherit;
    font-size: 22px;
    line-height: 1;
    box-shadow: 0 2px 8px rgba(24, 28, 35, 0.06);
}

.product-image-fallback-icon img {
    width: 28px;
    height: 28px;
    object-fit: contain;
    display: block;
}

.product-image-fallback-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 100%;
    margin: 0;
    font-family: var(--im-font, "Plus Jakarta Sans", "Segoe UI", sans-serif);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.01em;
    color: inherit;
}

/* Soft premium area backgrounds */
.product-bg-electronics {
    background: linear-gradient(160deg, #e8f1ff 0%, #d6e6ff 100%);
    color: #1e3a5f;
}

.product-bg-food {
    background: linear-gradient(160deg, #fff4e8 0%, #ffe4cc 100%);
    color: #7a3e12;
}

.product-bg-property {
    background: linear-gradient(160deg, #eaf6f0 0%, #d5eee6 100%);
    color: #1f4d38;
}

.product-bg-jobs {
    background: linear-gradient(160deg, #eef0ff 0%, #dde1ff 100%);
    color: #2a2f6b;
}

.product-bg-vehicles {
    background: linear-gradient(160deg, #f0f3f7 0%, #dde5ee 100%);
    color: #243447;
}

.product-bg-fashion {
    background: linear-gradient(160deg, #fceef5 0%, #f6dceb 100%);
    color: #6b2a4a;
}

.product-bg-services {
    background: linear-gradient(160deg, #eef7f8 0%, #d9eef1 100%);
    color: #1f4a52;
}

.product-bg-digital {
    background: linear-gradient(160deg, #f0ecff 0%, #e0d8ff 100%);
    color: #3b2d6b;
}

.product-bg-lostfound {
    background: linear-gradient(160deg, #fff8e6 0%, #ffefc2 100%);
    color: #6b4e10;
}

.product-bg-default {
    background: linear-gradient(160deg, #f4f6f8 0%, #e8edf2 100%);
    color: #334155;
}

/* Seller/business card — initials tile when logo URL is missing */

.seller-logo-fallback {
    position: relative;
    width: 100%;
    height: 100%;
    min-height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    text-align: center;
}

.seller-logo-fallback-initials {
    position: relative;
    z-index: 2;
    font-family: var(--im-font, "Plus Jakarta Sans", "Segoe UI", sans-serif);
    font-size: clamp(36px, 8vw, 58px);
    line-height: 1;
    font-weight: 800;
    letter-spacing: 2px;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.12);
}

.seller-logo-fallback-watermark {
    position: absolute;
    z-index: 1;
    font-family: var(--im-font, "Plus Jakarta Sans", "Segoe UI", sans-serif);
    font-size: clamp(100px, 22vw, 170px);
    line-height: 1;
    font-weight: 900;
    color: rgba(255, 255, 255, 0.08);
    transform: rotate(-8deg);
    user-select: none;
    pointer-events: none;
}

/* Soft Scandinavian gradients */
.seller-avatar-bg-1 {
    background: linear-gradient(145deg, #2a3f5f 0%, #1a2a44 100%);
}

.seller-avatar-bg-2 {
    background: linear-gradient(145deg, #2f6f6a 0%, #1f524e 100%);
}

.seller-avatar-bg-3 {
    background: linear-gradient(145deg, #2f6b4f 0%, #1e4a36 100%);
}

.seller-avatar-bg-4 {
    background: linear-gradient(145deg, #3d4a7a 0%, #2a3358 100%);
}

.seller-avatar-bg-5 {
    background: linear-gradient(145deg, #6b3a4a 0%, #4a2834 100%);
}

.seller-avatar-bg-6 {
    background: linear-gradient(145deg, #4a5568 0%, #2d3748 100%);
}

.seller-avatar-bg-7 {
    background: linear-gradient(145deg, #8a6d2f 0%, #5c4a1e 100%);
}

.seller-avatar-bg-8 {
    background: linear-gradient(145deg, #3a5c48 0%, #264033 100%);
}

/* Fill IMARKED store card image area */
body.imarked-v1 .im-home-stores .biz-img .seller-logo-fallback {
    position: absolute;
    inset: 0;
}

body.imarked-v1 .im-home-stores .biz-img:has(.seller-logo-fallback)::after {
    z-index: 3;
}

/* Sellers listing grid cards */
.product-image-container .seller-logo-fallback {
    position: absolute;
    inset: 0;
    min-height: 140px;
}

.product-image-container:has(.seller-logo-fallback) {
    position: relative;
    min-height: 140px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

/* Compact local-business slider cards */
body.imarked-v1 .im-local-biz-logo .seller-logo-fallback {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

body.imarked-v1 .im-local-biz-logo .seller-logo-fallback-initials {
    font-size: 22px;
}

/* Wholesale desktop header uses the same colors as retail (no tint override). */

body.imarked-v1.is-wholesale .navbar-logo img,
body.imarked-v1.is-wholesale .navbar-logo .img-responsive,
body.imarked-v1 .im-logo-link img {
    max-height: 42px;
    width: auto;
}

/* Pakistan flag chip (overrides Norge cross in imarked-v1-chrome) */
body.imarked-v1 .im-flag {
    background-color: #01411c;
    background-image:
        radial-gradient(circle at 58% 50%, #01411c 0 28%, transparent 29%),
        radial-gradient(circle at 52% 50%, #fff 0 32%, transparent 33%);
}

/* Dark footer: Prokistan SVG wordmark is black — lift it for contrast */
body.imarked-v1 footer.im-footer .im-footer-logo img {
    filter: brightness(0) invert(1);
}

/* ── Home markets: 16 tiles (2×8) + Explore More for the rest ── */
body.imarked-v1 .im-home-cat-strip--prokistan {
    padding: 14px 16px 12px !important;
}

body.imarked-v1 .im-home-cat-strip--prokistan .module,
body.imarked-v1 .im-home-cat-strip--prokistan .modcontent {
    margin: 0 !important;
    padding: 0 !important;
}

body.imarked-v1 .im-home-cat-strip--prokistan .services-v1 {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 10px 10px !important;
    row-gap: 12px !important;
    column-gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    overflow: visible !important;
}

body.imarked-v1 .im-home-cat-strip--prokistan .services-v1 > .policy,
body.imarked-v1 .im-home-cat-strip--prokistan .services-v1 > .market-card {
    float: none !important;
    flex: 0 0 calc(12.5% - 9px) !important;
    width: calc(12.5% - 9px) !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.imarked-v1 .im-home-cat-strip--prokistan .services-v1 > .policy.hidden,
body.imarked-v1 .im-home-cat-strip--prokistan .services-v1 > .market-card.hidden,
body.imarked-v1 .im-home-cat-strip--prokistan .services-v1 > .im-market-more.hidden {
    display: none !important;
}

body.imarked-v1 .im-home-cat-strip--prokistan .market-card > a {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    text-decoration: none !important;
    color: inherit !important;
}

body.imarked-v1 .im-home-cat-strip--prokistan .market-card .policy-inner,
body.imarked-v1 .im-home-cat-strip--prokistan .policy .policy-inner {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-height: 118px !important;
    height: 100% !important;
    padding: 6px 4px 4px !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    position: relative !important;
    overflow: visible !important;
    transition: background-color 160ms ease;
}

body.imarked-v1 .im-home-cat-strip--prokistan .market-card:hover .policy-inner,
body.imarked-v1 .im-home-cat-strip--prokistan a:hover .policy-inner {
    background: rgba(0, 102, 255, 0.04) !important;
    transform: none !important;
    box-shadow: none !important;
}

/* Compact image tile — same footprint as IMARKED .cat-icon */
body.imarked-v1 .im-home-cat-strip--prokistan .im-market-media {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 auto !important;
    width: 87px !important;
    height: 87px !important;
    margin: 0 auto !important;
    padding: 6px !important;
    border-radius: 14px !important;
    background: #f0f3f8 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    position: relative !important;
    transition: background-color 150ms ease, box-shadow 150ms ease;
}

body.imarked-v1 .im-home-cat-strip--prokistan .market-card:hover .im-market-media,
body.imarked-v1 .im-home-cat-strip--prokistan a:hover .im-market-media {
    background: #e8eef8 !important;
    box-shadow: 0 2px 8px rgba(24, 28, 35, 0.06);
}

body.imarked-v1 .im-home-cat-strip--prokistan .im-market-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100px !important;
    max-height: 100px !important;
    object-fit: contain !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 10px !important;
}

body.imarked-v1 .im-home-cat-strip--prokistan .policy-inner h2 {
    display: block !important;
    margin: 0 !important;
    padding: 0 2px !important;
    min-height: 32px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: var(--im-muted, #6e7a8a) !important;
    text-align: center !important;
    line-height: 1.25 !important;
    text-transform: none !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
}

body.imarked-v1 .im-home-cat-strip--prokistan .market-card:not(.is-disabled):hover .policy-inner h2 {
    color: var(--im-fg, #181c23) !important;
}

/* Kill IMARKED active underline / featured artifacts that show as gold bars */
body.imarked-v1 .im-home-cat-strip--prokistan .market-card .policy-inner::before,
body.imarked-v1 .im-home-cat-strip--prokistan .market-card .policy-inner::after,
body.imarked-v1 .im-home-cat-strip--prokistan .market-card.is-active .policy-inner::after,
body.imarked-v1 .im-home-cat-strip--prokistan .market-featured .policy-inner::before,
body.imarked-v1 .im-home-cat-strip--prokistan .market-featured .policy-inner::after {
    display: none !important;
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: none !important;
}

body.imarked-v1 .im-home-cat-strip--prokistan .market-card.is-disabled .im-market-media {
    opacity: 0.55;
}

body.imarked-v1 .im-home-cat-strip--prokistan .market-card.is-disabled .policy-inner h2 {
    color: #999db6 !important;
}

/* Explore More — closer under the tile row */
body.imarked-v1 .im-home-cat-strip--prokistan .im-home-markets-more {
    display: flex;
    justify-content: center;
    margin: 6px 0 0;
    padding: 0;
}

body.imarked-v1 .im-home-cat-strip--prokistan .im-markets-explore-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 220px;
    padding: 11px 22px;
    border: 1px solid var(--im-border, #e7ebf0);
    border-radius: 999px;
    background: #fff;
    color: var(--im-fg, #181c23);
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(24, 28, 35, 0.06);
    transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
}

body.imarked-v1 .im-home-cat-strip--prokistan .im-markets-explore-btn:hover,
body.imarked-v1 .im-home-cat-strip--prokistan .im-markets-explore-btn:focus {
    background: #f7f9fc;
    border-color: #cfd8e3;
    box-shadow: 0 4px 14px rgba(24, 28, 35, 0.1);
    outline: none;
    transform: translateY(-1px);
}

body.imarked-v1 .im-home-cat-strip--prokistan .im-markets-explore-btn:active {
    transform: translateY(0);
}

body.imarked-v1 .im-home-cat-strip--prokistan .im-markets-explore-btn__ico {
    display: inline-flex;
    color: var(--im-primary, #0066ff);
    transition: transform 200ms ease;
}

body.imarked-v1 .im-home-cat-strip--prokistan.is-expanded .im-markets-explore-btn__ico {
    transform: rotate(180deg);
}

@media (max-width: 991px) {
    body.imarked-v1 .im-home-cat-strip--prokistan .services-v1 > .policy,
    body.imarked-v1 .im-home-cat-strip--prokistan .services-v1 > .market-card {
        flex: 0 0 calc(25% - 8px) !important;
        width: calc(25% - 8px) !important;
    }
}

@media (max-width: 767px) {
    body.imarked-v1 .im-home-cat-strip--prokistan {
        padding: 12px 10px 10px !important;
    }

    body.imarked-v1 .im-home-cat-strip--prokistan .services-v1 {
        gap: 8px 6px !important;
        overflow: visible !important;
    }

    body.imarked-v1 .im-home-cat-strip--prokistan .services-v1 > .policy,
    body.imarked-v1 .im-home-cat-strip--prokistan .services-v1 > .market-card {
        flex: 0 0 calc(25% - 5px) !important;
        width: calc(25% - 5px) !important;
    }

    /* Mobile: show 12 markets (3×4); extras appear after Explore More */
    body.imarked-v1 .im-home-cat-strip--prokistan:not(.is-expanded) .market-card.im-market-m-extra {
        display: none !important;
    }

    body.imarked-v1 .im-home-cat-strip--prokistan .im-market-media {
        width: 64px !important;
        height: 64px !important;
    }

    body.imarked-v1 .im-home-cat-strip--prokistan .im-markets-explore-btn {
        width: 100%;
        min-width: 0;
    }
}

/* ── Wholesale home: compact floating panel for 4 tiles ── */
body.imarked-v1.is-wholesale .im-home-cat-wrap.container,
body.imarked-v1.is-wholesale .im-home-cat-wrap {
    max-width: 640px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.imarked-v1.is-wholesale .im-home-cat-strip--prokistan.im-home-markets,
body.imarked-v1.is-wholesale .im-home-cat-strip--prokistan {
    max-width: 100% !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 16px 20px 14px !important;
}

body.imarked-v1.is-wholesale .im-home-cat-strip--prokistan .services-v1 {
    justify-content: space-between !important;
    gap: 12px 16px !important;
    row-gap: 12px !important;
    column-gap: 16px !important;
}

body.imarked-v1.is-wholesale .im-home-cat-strip--prokistan .services-v1 > .policy:not(.hidden),
body.imarked-v1.is-wholesale .im-home-cat-strip--prokistan .services-v1 > .market-card:not(.hidden) {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: 130px !important;
    min-width: 0 !important;
}

@media (max-width: 767px) {
    body.imarked-v1.is-wholesale .im-home-cat-wrap.container,
    body.imarked-v1.is-wholesale .im-home-cat-wrap {
        max-width: 100% !important;
        width: 100% !important;
        margin-top: -36px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    body.imarked-v1.is-wholesale .im-home-cat-strip--prokistan.im-home-markets,
    body.imarked-v1.is-wholesale .im-home-cat-strip--prokistan {
        padding: 12px 10px 10px !important;
        box-sizing: border-box !important;
    }

    body.imarked-v1.is-wholesale .im-home-cat-strip--prokistan .services-v1 {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        align-items: start !important;
        justify-items: center !important;
        gap: 8px 6px !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        flex-wrap: unset !important;
    }

    body.imarked-v1.is-wholesale .im-home-cat-strip--prokistan .services-v1 > .policy:not(.hidden),
    body.imarked-v1.is-wholesale .im-home-cat-strip--prokistan .services-v1 > .market-card:not(.hidden) {
        display: block !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex: none !important;
        margin: 0 !important;
    }

    body.imarked-v1.is-wholesale .im-home-cat-strip--prokistan .market-card > a {
        display: block !important;
        width: 100% !important;
        text-align: center !important;
    }

    body.imarked-v1.is-wholesale .im-home-cat-strip--prokistan .market-card .policy-inner,
    body.imarked-v1.is-wholesale .im-home-cat-strip--prokistan .policy .policy-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-height: 0 !important;
        height: auto !important;
        gap: 6px !important;
        padding: 2px 0 0 !important;
        text-align: center !important;
    }

    body.imarked-v1.is-wholesale .im-home-cat-strip--prokistan .im-market-media {
        width: 56px !important;
        height: 56px !important;
        margin: 0 auto !important;
        padding: 5px !important;
        border-radius: 12px !important;
    }

    body.imarked-v1.is-wholesale .im-home-cat-strip--prokistan .policy-inner h2 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 1px !important;
        min-height: 2.5em !important;
        font-size: 11px !important;
        line-height: 1.2 !important;
        text-align: center !important;
        white-space: normal !important;
        word-break: break-word !important;
    }

    body.imarked-v1.is-wholesale .im-home-cat-strip--prokistan .im-home-markets-more,
    body.imarked-v1.is-wholesale .im-home-cat-strip--prokistan .im-markets-explore-btn {
        display: none !important;
    }
}

/* Prokistan V1 — brand tokens (Phase 5)
   Loads AFTER imarked-v1-*.css so Prokistan can own colors without editing
   the shared imarked skin files. Safe: variables only + light brand polish.
   Do not put layout/structure rules here. */

:root,
body.imarked-v1,
body.im-auth-app {
    /* Core palette — Prokistan retail */
    --im-bg: #f5f7fa;
    --im-surface: #ffffff;
    --im-fg: #181c23;
    --im-text: #333d4d;
    --im-muted: #6e7a8a;
    --im-border: #e7ebf0;

    /* Brand blue (primary CTAs, links, focus) */
    --im-primary: #0066ff;
    --im-primary-hover: #0052cc;
    --im-primary-dark: #004493;
    --im-primary-soft: #eff6ff;

    /* Amber accent (legacy Prokistan highlights, wizard pk-*) */
    --im-accent: #d9a441;
    --im-accent-strong: #f4a137;
    --im-accent-strong-hover: #e58f1f;

    /* Chrome */
    --im-navy: #1a2230;
    --im-navy-hover: #0e141f;
    --im-footer: #1a2230;
    --im-success: #2f9e5f;
    --im-chip: #f1f3fe;

    /* Prokistan aliases (optional use in future Prokistan-only CSS) */
    --pk-primary: var(--im-primary);
    --pk-primary-hover: var(--im-primary-hover);
    --pk-accent: var(--im-accent-strong);
    --pk-navy: var(--im-navy);
    --pk-flag-green: #01411c;
}

/* Wholesale market keeps its own header tint (see prokistan-v1-wholesale.css).
   Only nudge shared tokens that pages already consume via var(--im-*). */

body.imarked-v1.is-wholesale {
    --im-navy: #402334;
    --im-navy-hover: #2e1826;
    --im-footer: #402334;
}

/* Auth shell: keep the same brand tokens (login / signup / PayNow) */
body.im-auth-app {
    --im-pay-primary: var(--im-primary);
    --im-pay-primary-hover: var(--im-primary-hover);
    --im-pay-soft: var(--im-primary-soft);
}

/* Soften a few hardcoded primary gradients if present in PayNow cards */
body.im-auth-app .payment-card-header {
    background: linear-gradient(135deg, var(--im-primary) 0%, var(--im-primary-dark) 100%);
}

/* Focus / selection tint — brand-consistent, low risk */
body.imarked-v1 ::selection,
body.im-auth-app ::selection {
    background: rgba(0, 102, 255, 0.18);
    color: var(--im-fg);
}