:root { --font-body:    'Mulish', system-ui, sans-serif;
--font-heading: 'Arimo',   system-ui, sans-serif; --text-xs:   0.875rem; --text-sm:   1rem; --text-base: 1.125rem; --text-md:   clamp(1.125rem, 1.05rem + 0.3vw, 1.25rem); --text-lg:   clamp(1.125rem, 1rem + 0.5vw, 1.375rem); --text-xl:   clamp(1.25rem, 1rem + 0.9vw, 1.625rem); --text-2xl:  clamp(1.25rem, 1rem + 1.5vw, 2rem); --text-3xl:  clamp(1.375rem, 1rem + 2.5vw, 2.5rem); --text-4xl:  clamp(1.5rem, 1rem + 3.5vw, 3.25rem);   --blue-50:    #edf5ff;
--blue-100:   #d3ebff;
--blue-200:   #b0d8ff;
--blue-300:   #81beff;
--blue-400:   #4f96ff;
--blue-500:   #286fff;
--blue-600:   #0444ff;
--blue-700:   #003cff;
--blue-800:   #0033cc;
--blue-900:   #0b35a4;
--blue-950:   #071d5f; --pink-400:   #F269BF;
--orange-500: #FC6713; --white:          #ffffff;
--neutral-50:     #fafafa;
--neutral-100:    #f4f4f5;
--neutral-200:    #e4e4e7;
--neutral-300:    #d4d4d8;
--neutral-400:    #a1a1aa;
--neutral-500:    #71717a;
--neutral-600:    #52525b;
--neutral-700:    #3f3f46;
--neutral-800:    #27272a;
--neutral-900:    #18181b;
--neutral-950:    #09090b;
--white-80:       rgba(255, 255, 255, 0.80);
--white-70:       rgba(255, 255, 255, 0.70);
--white-60:       rgba(255, 255, 255, 0.60);
--white-55:       rgba(255, 255, 255, 0.55);
--white-45:       rgba(255, 255, 255, 0.45); --green-600:  #1a8a4a; --amber-600:  #c67c00; --red-900:    #c0392b;  --color-primary:         var(--blue-600);
--color-primary-dark:    var(--blue-800);
--color-primary-light:   var(--blue-100);
--color-secondary:       var(--blue-100); --color-accent:          var(--pink-400);
--color-accent-alt:      var(--orange-500);
--color-bg:              var(--white);
--color-bg-soft:         #FFFEFE; --color-bg-muted:        var(--neutral-100); --color-body:            var(--neutral-800);
--color-heading:         var(--color-primary);
--color-faded:           var(--neutral-500);
--color-border:          var(--neutral-200);
--color-dark:            var(--blue-950); --color-dark-text:       var(--white-80);
--color-dark-text-faded: var(--white-55);
--color-success:         var(--green-600);
--color-warning:         var(--amber-600);
--color-error:           var(--red-900); --space-xl: clamp(2.5rem, 8vw, 10rem); --space-lg: clamp(1.5rem, 5vw,  6rem); --space-md: clamp(1.25rem, 3vw,  4rem); --space-sm: clamp(0.75rem, 2vw,  2rem); --space-xs: clamp(0.4rem,  1vw,  1rem);  --gap-xl:  2.5rem;
--gap-lg:  2rem;
--gap-md:  1.25rem;
--gap-sm:  0.75rem;
--gap-xs:  0.4rem; --radius-sm:   6px;
--radius-md:   10px;
--radius-lg:   14px;
--radius-xl:   20px;
--radius-full: 9999px; --shadow-sm:  0 1px 3px rgba(0,0,0,0.08);
--shadow-md:  0 4px 12px rgba(0,0,0,0.10);
--shadow-lg:  0 8px 32px rgba(0,0,0,0.12);
--shadow-xl:  0 16px 48px rgba(0,0,0,0.18); --leading-1:      1.05; --leading-2:      1.15; --leading-3:      1.25; --leading-4:      1.35; --leading-body:   1.5; --leading-tight:  1.15; --leading-snug:   1.35; --leading-normal: 1.5; --leading-loose:  1.8;  --transition-fast:   0.15s ease;
--transition-normal: 0.3s ease;
--transition-slow:   0.5s ease; --section-padding: var(--space-lg) 0; --ast-global-color-0: var(--color-primary);
--ast-global-color-1: var(--color-primary-dark);
--ast-global-color-2: var(--color-body);
--ast-global-color-3: var(--color-faded);
--ast-global-color-4: var(--color-primary-light);
--ast-global-color-5: #ffffff;
--ast-global-color-6: var(--color-accent-alt);
--ast-global-color-7: var(--color-dark);
--ast-global-color-8: var(--color-primary);  --navbar-height:     70px;
--navbar-height-mob: 3rem; --content-max-width: 1440px; --col-content:       1200px; --col-text:           720px; --col-heading:        580px;  --color-primary-alpha-08: rgba(4, 68, 255, 0.08);
--color-primary-alpha-10: rgba(4, 68, 255, 0.10);
--color-primary-alpha-12: rgba(4, 68, 255, 0.12);
--color-primary-alpha-15: rgba(4, 68, 255, 0.15);
--color-primary-alpha-20: rgba(4, 68, 255, 0.20); --color-success-bg:     #edfaf2;
--color-success-dark:   #145c33;
--color-warning-bg:     #fff8ec;
--color-warning-border: #f0a500;
--color-warning-dark:   #7a4f00; --radius-card: 12px;
--radius-btn:   8px; --s-text:             var(--color-body);
--s-text-muted:       var(--color-faded);
--s-icon:             var(--color-primary);
--s-icon-bg:          var(--color-primary-light);
--s-eyebrow:          var(--color-primary);
--s-stat-num:         var(--color-primary); --s-btn-bg:           var(--color-primary);
--s-btn-color:        #fff;
--s-btn-border:       var(--color-primary);
--s-btn-hover-bg:     var(--color-primary-dark);
--s-btn-hover-shadow: var(--color-primary-alpha-20); --s-btn-alt-bg:          transparent;
--s-btn-alt-color:        var(--color-primary-dark);
--s-btn-alt-border:       var(--color-primary);
--s-btn-alt-hover-bg:     var(--color-primary);
--s-btn-alt-hover-color:  #fff;
--s-btn-alt-hover-shadow: var(--color-primary-alpha-20);
}  html { height: 100%; }
::selection {
background-color: var(--color-primary-dark);
color: var(--blue-50);
}
body {
min-height: 100%;
display: flex;
flex-direction: column;
font-family: var(--font-body) !important;
font-size: var(--text-base) !important;
line-height: var(--leading-normal) !important;
color: var(--color-body) !important;
font-weight: 500 !important;
background-color: var(--blue-50) !important;
}
#page.site {
flex: 1;
display: flex;
flex-direction: column;
}
.site-content,
#content.site-content {
flex: 1;
}  .ikmore-home-feature__text p,
.ikmore-home-about__text > p,
.ikmore-home-cta__sub,
.ikmore-partners-hero__sub,
.ikmore-contact-hero__sub,
.ikmore-partners-cta__body,
.ikmore-contact-hero__sub,
.entry-content p {
max-width: var(--col-text);
} .ikmore-partners-section-header,
.ikmore-hp-section__header,
.ikmore-home-cta__inner,
.ikmore-partners-cta__inner {
max-width: var(--col-heading);
margin-inline: auto;
}
h1, h2, h3, h4, h5, h6,
.entry-title,
.widget-title {
font-family: var(--font-heading) !important;
}
ul li + li,
ol li + li {
margin-top: 0.25rem;
}
h1 { font-size: var(--text-4xl); line-height: var(--leading-1); }
h2 { font-size: var(--text-3xl); line-height: var(--leading-2); }
h3 { font-size: var(--text-2xl); line-height: var(--leading-3); }
h4 { font-size: var(--text-xl);  line-height: var(--leading-3); }
h5 { font-size: var(--text-lg);  line-height: var(--leading-4); }
h6 { font-size: var(--text-md);  line-height: var(--leading-4); } .container,
.ast-container {
max-width: var(--content-max-width);
margin-inline: auto;
padding-inline: var(--space-sm);
}
.container-sm {
max-width: 768px;
margin-inline: auto;
padding-inline: var(--space-sm);
}
.container-md {
max-width: 1024px;
margin-inline: auto;
padding-inline: var(--space-sm);
}
.container-padding-sm { padding-block: var(--space-sm); }
.container-padding { padding-block: var(--space-md); }
.container-padding-lg { padding-block: var(--space-lg); }  .ikmore-hp-section {
padding-block: var(--space-lg);
background: var(--color-bg);
color: var(--color-body);
}  .ikmore-hp-section.ikmore-hp-section--tinted {
background: var(--color-bg-soft);
color: var(--color-body);
} .ikmore-hp-section.ikmore-hp-section--gradient {
background: linear-gradient(160deg, var(--blue-200) 0%, var(--blue-100) 100%);
color: var(--color-body);
} .ikmore-hp-section.ikmore-hp-section--brand {
background: var(--color-primary);
color: #fff;
}
.ikmore-hp-section.ikmore-hp-section--brand h1,
.ikmore-hp-section.ikmore-hp-section--brand h2,
.ikmore-hp-section.ikmore-hp-section--brand h3,
.ikmore-hp-section.ikmore-hp-section--brand h4,
.ikmore-hp-section.ikmore-hp-section--brand h5,
.ikmore-hp-section.ikmore-hp-section--brand h6 { color: #fff; }
.ikmore-hp-section.ikmore-hp-section--brand a         { color: var(--color-primary-light); }
.ikmore-hp-section.ikmore-hp-section--brand a:hover   { color: #fff; } .ikmore-hp-section.ikmore-hp-section--dark {
background: var(--color-dark);
color: var(--color-dark-text);
}
.ikmore-hp-section.ikmore-hp-section--dark h1,
.ikmore-hp-section.ikmore-hp-section--dark h2,
.ikmore-hp-section.ikmore-hp-section--dark h3,
.ikmore-hp-section.ikmore-hp-section--dark h4,
.ikmore-hp-section.ikmore-hp-section--dark h5,
.ikmore-hp-section.ikmore-hp-section--dark h6 { color: #fff; }
.ikmore-hp-section.ikmore-hp-section--dark a       { color: var(--color-primary-light); }
.ikmore-hp-section.ikmore-hp-section--dark a:hover { color: #fff; } .ikmore-hp-section:not([class*="--"]) + .ikmore-hp-section:not([class*="--"]) { padding-top: 0; }
.ikmore-hp-section--tinted   + .ikmore-hp-section--tinted   { padding-top: 0; }
.ikmore-hp-section--gradient + .ikmore-hp-section--gradient { padding-top: 0; }
.ikmore-hp-section--brand    + .ikmore-hp-section--brand    { padding-top: 0; }
.ikmore-hp-section--dark     + .ikmore-hp-section--dark     { padding-top: 0; } .theme-light    { background: var(--color-bg);      color: var(--color-body); }
.theme-tinted   { background: var(--color-bg-soft); color: var(--color-body); }
.theme-brand    { background: var(--color-primary);  color: #fff; }
.theme-dark     { background: var(--color-dark);    color: var(--color-dark-text); }
.theme-brand h1,.theme-brand h2,.theme-brand h3,.theme-brand h4 { color: #fff; }
.theme-dark  h1,.theme-dark  h2,.theme-dark  h3,.theme-dark  h4 { color: #fff; }  [data-theme="tinted"],
[data-theme="dark"],
[data-theme="pink"] {
margin-inline: 20px;
border-radius: 20px;
}
@media (max-width: 921px) {
[data-theme="tinted"],
[data-theme="dark"],
[data-theme="pink"] {
margin-inline: 8px;
}
} [data-theme="tinted"] {  } [data-theme="dark"] {
color:                  var(--white-80);
--color-heading:        #fff;
--color-body:           var(--white-80);
--color-faded:          var(--white-55);
--color-border:         rgba(255, 255, 255, 0.12);
--color-bg:             rgba(255, 255, 255, 0.06);
--s-text:               var(--white-80);
--s-text-muted:         var(--white-55);
--s-icon:               var(--blue-300);
--s-icon-bg:            rgba(255, 255, 255, 0.10);
--s-eyebrow:            var(--blue-300);
--s-stat-num:           #fff;
--s-btn-bg:             #fff;
--s-btn-color:          var(--color-primary);
--s-btn-border:         #fff;
--s-btn-hover-bg:       rgba(255, 255, 255, 0.88);
--s-btn-hover-shadow:   rgba(0, 0, 0, 0.20);
--s-btn-alt-bg:          transparent;
--s-btn-alt-color:       #fff;
--s-btn-alt-border:      rgba(255, 255, 255, 0.50);
--s-btn-alt-hover-bg:    rgba(255, 255, 255, 0.12);
--s-btn-alt-hover-color: #fff;
--s-btn-alt-hover-shadow: rgba(0, 0, 0, 0.15);
}
[data-theme="dark"] h1,
[data-theme="dark"] h2,
[data-theme="dark"] h3,
[data-theme="dark"] h4,
[data-theme="dark"] h5,
[data-theme="dark"] h6 { color: #fff; } [data-theme="pink"] {
color:                  #5c2048;
--color-heading:        #7b1546;
--color-body:           #5c2048;
--color-faded:          #8a4a70;
--color-border:         rgba(214, 51, 132, 0.18);
--color-bg:             rgba(255, 255, 255, 0.65);
--s-text:               #5c2048;
--s-text-muted:         #8a4a70;
--s-icon:               #d63384;
--s-icon-bg:            rgba(214, 51, 132, 0.12);
--s-eyebrow:            #d63384;
--s-stat-num:           #b0396f;
--s-btn-bg:             #d63384;
--s-btn-color:          #fff;
--s-btn-border:         #d63384;
--s-btn-hover-bg:       #b0396f;
--s-btn-hover-shadow:   rgba(214, 51, 132, 0.30);
--s-btn-alt-bg:          transparent;
--s-btn-alt-color:       #b0396f;
--s-btn-alt-border:      #d63384;
--s-btn-alt-hover-bg:    rgba(214, 51, 132, 0.08);
--s-btn-alt-hover-color: #b0396f;
--s-btn-alt-hover-shadow: rgba(214, 51, 132, 0.15);
}
[data-theme="pink"] h1,
[data-theme="pink"] h2,
[data-theme="pink"] h3,
[data-theme="pink"] h4,
[data-theme="pink"] h5,
[data-theme="pink"] h6 { color: #7b1546; } .section {
padding-block: var(--space-lg);
}
.section-sm {
padding-block: var(--space-md);
}
.section-heading {
margin-bottom: var(--space-sm);
}
.section-eyebrow {
font-size: var(--text-sm);
font-weight: 500;
color: var(--color-faded);
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 0.25em;
display: block;
}
.section-subtitle {
font-size: var(--text-lg);
color: var(--color-body);
max-width: 40ch;
margin-bottom: var(--space-sm);
margin-inline: auto;
} .card {
background-color: var(--color-bg);
border-radius: var(--radius-card);
box-shadow: var(--shadow-sm);
padding: var(--space-sm);
transition: box-shadow var(--transition-normal);
border: 1px solid var(--color-border);
}
.card:hover {
box-shadow: var(--shadow-md);
}
.card-sm {
padding: var(--space-xs);
}
.card-lg {
padding: var(--space-md);
}  .site-header#masthead {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
transition: background-color var(--transition-normal),
border-color var(--transition-normal),
box-shadow var(--transition-normal);
} .ast-primary-header-bar .ast-builder-grid-row {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
min-height: var(--navbar-height) !important;
align-items: center !important;
box-sizing: border-box !important;
} .ast-header-sticked .ast-primary-header-bar .ast-builder-grid-row,
.ast-header-sticked .ast-primary-header-bar {
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
min-height: var(--navbar-height) !important;
}
@media (max-width: 921px) {
.ast-primary-header-bar .ast-builder-grid-row {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
min-height: var(--navbar-height-mob) !important;
}
.ast-header-sticked .ast-primary-header-bar .ast-builder-grid-row,
.ast-header-sticked .ast-primary-header-bar {
padding-top: 0.5rem !important;
padding-bottom: 0.5rem !important;
min-height: var(--navbar-height-mob) !important;
}
}  .ast-site-identity {
padding: 0.5rem 0 !important;
} .site-header-focus-item + .ast-breadcrumbs-wrapper {
max-width: unset !important;
padding-left: unset !important;
padding-right: unset !important;
} .ast-mobile-header-wrap .ast-primary-header-bar,
.ast-primary-header-bar .site-primary-header-wrap {
min-height: 56px !important;
} #masthead .ast-container {
max-width: 1440px !important;
padding-left: 2rem !important;
padding-right: 2rem !important;
margin-inline: auto;
}
@media (max-width: 921px) {
#masthead .ast-container {
padding-left: 1.25rem !important;
padding-right: 1.25rem !important;
}
} .custom-logo-link svg,
.ikmore-navbar__logo-link svg {
display: block;
height: 20px;
width: auto;
color: var(--color-primary);
}
@media (max-width: 921px) {
.custom-logo-link svg,
.ikmore-navbar__logo-link svg {
height: 22px;
}
}
@media (max-width: 480px) {
.custom-logo-link svg,
.ikmore-navbar__logo-link svg {
height: 18px;
}
} body.home:not(.header-scrolled) .site-header#masthead,
body.home:not(.header-scrolled) .ast-primary-header-bar {
background-color: transparent !important;
border-bottom: none !important;
box-shadow: none !important;
}
body.home.header-scrolled .site-header#masthead {
background-color: #fff;
border-bottom: 1px solid var(--color-border);
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.06);
}
.main-header-menu .menu-item > .menu-link {
position: relative;
padding-bottom: 6px;
display: inline-flex;
align-items: center;
line-height: 1.4;
vertical-align: middle;
}
.main-header-menu .menu-item > .menu-link::after {
content: "";
position: absolute;
left: 50%;
bottom: 2px;
width: 0;
height: 2px;
background-color: currentColor;
transform: translateX(-50%) scaleX(0);
transform-origin: center;
transition: transform var(--transition-normal);
z-index: 1;
}
.main-header-menu .menu-item:hover > .menu-link::after {
transform: translateX(-50%) scaleX(1);
width: 60%;
}
.main-header-menu .menu-item.current-menu-item > .menu-link::after {
transform: translateX(-50%) scaleX(1);
width: 60%;
background-color: var(--color-primary);
} body.woocommerce,
body.woocommerce-page,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account {
background-color: #fff;
}  .ikmore-shop-icons {
display: flex;
align-items: center;
gap: 1rem;
margin-left: 1.5rem;
}
.ikmore-shop-icon {
position: relative;
display: flex;
align-items: center;
color: var(--color-body);
transition: color var(--transition-fast);
}
.ikmore-shop-icon:hover {
color: var(--color-primary);
}
.ikmore-cart-count {
position: absolute;
top: -6px;
right: -8px;
background-color: var(--color-primary);
color: #fff;
font-size: 0.65rem;
font-weight: 700;
line-height: 1;
min-width: 16px;
height: 16px;
border-radius: var(--radius-full);
display: flex;
align-items: center;
justify-content: center;
padding: 0 3px;
}
.ikmore-cart-count.ikmore-hidden {
display: none;
} .ikmore-login-btn {
display: inline-flex;
align-items: center;
height: 34px;
padding: 0 0.875rem;
border: 1.5px solid var(--color-primary);
border-radius: var(--radius-sm);
font-size: 0.8125rem;
font-weight: 600;
color: var(--color-primary);
text-decoration: none;
white-space: nowrap;
transition: background-color var(--transition-fast), color var(--transition-fast);
}
.ikmore-login-btn:hover {
background-color: var(--color-primary);
color: #fff;
} .ikmore-cart-toggle {
background: none;
border: none;
padding: 0;
cursor: pointer;
} .ikmore-cart-wrap {
position: relative;
}
.ikmore-minicart-dropdown {
display: none;
position: absolute;
top: calc(100% + 14px);
right: 0;
width: min(340px, 95vw);
background: #fff;
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
z-index: 1000;
overflow: hidden;
}
.ikmore-minicart-dropdown.open {
display: block;
animation: ikmore-dropdown-in 0.15s ease;
}
@keyframes ikmore-dropdown-in {
from { opacity: 0; transform: translateY(-6px); }
to   { opacity: 1; transform: translateY(0); }
} .ikmore-minicart-dropdown::before {
content: "";
position: absolute;
top: -7px;
right: 10px;
width: 12px;
height: 12px;
background: #fff;
border-left: 1px solid var(--color-border);
border-top: 1px solid var(--color-border);
transform: rotate(45deg);
} .ikmore-minicart-dropdown .woocommerce-mini-cart {
max-height: 300px;
overflow-y: auto;
padding: 1rem;
margin: 0;
list-style: none;
}
.ikmore-minicart-dropdown .woocommerce-mini-cart-item {
display: flex;
gap: 0.75rem;
align-items: flex-start;
padding: 0.75rem 0;
border-bottom: 1px solid var(--color-border);
font-size: 0.875rem;
}
.ikmore-minicart-dropdown .woocommerce-mini-cart-item:last-child {
border-bottom: none;
}
.ikmore-minicart-dropdown .woocommerce-mini-cart-item img {
width: 52px;
height: 52px;
object-fit: cover;
border-radius: var(--radius-sm);
flex-shrink: 0;
}
.ikmore-minicart-dropdown .woocommerce-mini-cart-item a:not(.remove) {
font-weight: 600;
color: var(--color-heading);
text-decoration: none;
line-height: 1.3;
display: block;
margin-bottom: 0.2rem;
}
.ikmore-minicart-dropdown .woocommerce-mini-cart-item a:not(.remove):hover {
color: var(--color-primary);
}
.ikmore-minicart-dropdown .woocommerce-mini-cart-item .quantity {
color: var(--color-faded);
font-size: 0.8rem;
}
.ikmore-minicart-dropdown .woocommerce-mini-cart-item .remove {
margin-left: auto;
color: var(--color-faded);
font-size: 1.1rem;
text-decoration: none;
line-height: 1;
flex-shrink: 0;
}
.ikmore-minicart-dropdown .woocommerce-mini-cart-item .remove:hover {
color: var(--color-error);
} .ikmore-minicart-dropdown .woocommerce-mini-cart__empty-message {
padding: 1.5rem 1rem;
text-align: center;
color: var(--color-faded);
font-size: 0.875rem;
margin: 0;
} .ikmore-minicart-dropdown .woocommerce-mini-cart__total {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.875rem 1rem;
border-top: 1px solid var(--color-border);
font-size: 0.9rem;
margin: 0;
}
.ikmore-minicart-dropdown .woocommerce-mini-cart__total .woocommerce-Price-amount {
font-weight: 700;
font-size: 1rem;
}
.ikmore-minicart-dropdown .woocommerce-mini-cart__buttons {
display: flex;
gap: 0.5rem;
padding: 0.75rem 1rem 1rem;
margin: 0;
}
.ikmore-minicart-dropdown .woocommerce-mini-cart__buttons .button {
flex: 1;
text-align: center;
justify-content: center;
} .ikmore-hp {
} .ikmore-hp-container {
max-width: var(--content-max-width);
margin-inline: auto;
padding-inline: var(--space-sm);
}
.ikmore-home-container {
max-width: var(--col-content);
margin-inline: auto;
padding-inline: var(--space-sm);
} .ikmore-hp-section__header {
display: flex;
align-items: baseline;
justify-content: space-between;
margin-bottom: 1.5rem;
gap: 1rem;
}
.ikmore-hp-section__title {
font-family: var(--font-heading);
font-size: var(--text-3xl); font-weight: 700;
color: var(--color-heading);
margin: 0;
}
.ikmore-hp-section__link {
font-size: 0.875rem;
font-weight: 600;
color: var(--color-primary);
text-decoration: none;
white-space: nowrap;
}
.ikmore-hp-section__link:hover { text-decoration: underline; } .ikmore-hp-hero {
background: linear-gradient(135deg, var(--blue-950) 0%, var(--blue-800) 50%, var(--blue-700) 100%);
color: #fff;
padding: clamp(4rem, 10vw, 8rem) 0 clamp(3rem, 8vw, 6rem);
margin-top: calc(-1 * var(--navbar-height)); padding-top: calc(clamp(4rem, 10vw, 8rem) + var(--navbar-height));
}
.ikmore-hp-hero__inner {
max-width: var(--content-max-width);
margin-inline: auto;
padding-inline: var(--space-sm);
}
.ikmore-hp-hero__eyebrow {
font-size: 0.8125rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--s-eyebrow);
opacity: 0.8;
margin: 0 0 1rem;
}
.ikmore-hp-hero__heading {
font-family: var(--font-heading);
font-size: var(--text-4xl);
font-weight: 800;
line-height: var(--leading-tight);
margin: 0 0 1.25rem;
color: var(--color-heading);
max-width: 700px;
}
.ikmore-hp-hero__sub {
font-size: var(--text-md);
opacity: 0.85;
max-width: 540px;
line-height: var(--leading-normal);
margin: 0 0 2rem;
}
.ikmore-hp-hero__ctas {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
} .ikmore-btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.75rem 1.75rem;
border-radius: var(--radius-btn);
font-size: var(--text-base);
font-weight: 600;
text-decoration: none;
border: 2px solid transparent;
cursor: pointer;
transition: background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);
}
.ikmore-btn:hover,
.ikmore-btn:focus-visible {
text-decoration: none;
} .ikmore-btn--primary {
background-color: var(--s-btn-bg);
color: var(--s-btn-color);
border-color: var(--s-btn-border);
}
.ikmore-btn--primary:hover,
.ikmore-btn--primary:focus-visible {
background-color: var(--s-btn-hover-bg);
border-color: var(--s-btn-hover-bg);
color: var(--s-btn-color) !important;
box-shadow: 0 4px 14px var(--s-btn-hover-shadow);
} .ikmore-btn--outline {
background-color: var(--s-btn-alt-bg);
color: var(--s-btn-alt-color);
border-color: var(--s-btn-alt-border);
}
.ikmore-btn--outline:hover,
.ikmore-btn--outline:focus-visible {
background-color: var(--s-btn-alt-hover-bg);
border-color: var(--s-btn-alt-hover-bg);
color: var(--s-btn-alt-hover-color) !important;
box-shadow: 0 4px 14px var(--s-btn-alt-hover-shadow);
} .ikmore-btn--white {
background-color: #fff;
color: var(--color-primary);
border-color: #fff;
}
.ikmore-btn--white:hover,
.ikmore-btn--white:focus-visible {
background-color: rgba(255,255,255,0.88);
border-color: rgba(255,255,255,0.88);
color: var(--color-primary) !important;
box-shadow: 0 4px 14px rgba(0,0,0,0.2);
}
.ikmore-btn--ghost {
background-color: transparent;
color: #fff;
border-color: rgba(255,255,255,0.5);
}
.ikmore-btn--ghost:hover,
.ikmore-btn--ghost:focus-visible {
background-color: rgba(255,255,255,0.12);
border-color: #fff;
color: #fff !important;
box-shadow: 0 4px 14px rgba(0,0,0,0.15);
} .ikmore-hp-cats__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 1.25rem;
}
.ikmore-hp-cat {
display: block;
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
overflow: hidden;
text-decoration: none;
transition: box-shadow var(--transition-normal), transform var(--transition-normal);
background: #fff;
}
.ikmore-hp-cat:hover {
box-shadow: 0 8px 24px rgba(0,0,0,0.1);
transform: translateY(-3px);
}
.ikmore-hp-cat__img-wrap {
aspect-ratio: 4/3;
overflow: hidden;
background: var(--color-bg-soft);
}
.ikmore-hp-cat__img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform var(--transition-slow);
}
.ikmore-hp-cat:hover .ikmore-hp-cat__img {
transform: scale(1.04);
}
.ikmore-hp-cat__img-placeholder {
width: 100%;
height: 100%;
background: linear-gradient(135deg, var(--color-secondary), var(--blue-200));
}
.ikmore-hp-cat__body {
padding: 1rem;
}
.ikmore-hp-cat__name {
display: block;
font-family: var(--font-heading);
font-size: 1rem;
font-weight: 700;
color: var(--color-heading);
margin-bottom: 0.25rem;
}
.ikmore-hp-cat__count {
display: block;
font-size: 0.8125rem;
color: var(--color-faded);
} .ikmore-hp-prods {
display: grid;
gap: 1.25rem;
}
.ikmore-hp-prods--8 {
grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
}
.ikmore-hp-prods--4 {
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}
.ikmore-hp-prod {
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
overflow: hidden;
background: #fff;
display: flex;
flex-direction: column;
transition: box-shadow var(--transition-normal);
}
.ikmore-hp-prod:hover {
box-shadow: 0 6px 20px rgba(0,0,0,0.09);
}
.ikmore-hp-prod__thumb {
display: block;
position: relative;
aspect-ratio: 3/4;
overflow: hidden;
background: var(--color-bg-soft);
}
.ikmore-hp-prod__img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform var(--transition-slow);
}
.ikmore-hp-prod:hover .ikmore-hp-prod__img {
transform: scale(1.03);
}
.ikmore-hp-prod__body {
padding: 0.875rem;
display: flex;
flex-direction: column;
gap: 0.4rem;
flex: 1;
}
.ikmore-hp-prod__name {
font-size: 0.875rem;
font-weight: 600;
margin: 0;
line-height: 1.35;
}
.ikmore-hp-prod__name a {
color: var(--color-heading);
text-decoration: none;
}
.ikmore-hp-prod__name a:hover { color: var(--color-primary); }
.ikmore-hp-prod__price {
font-size: 0.9rem;
font-weight: 700;
color: var(--color-primary);
}
.ikmore-hp-prod__cta {
margin-top: auto;
display: flex !important;
align-items: center;
justify-content: center;
font-size: 0.8125rem !important;
padding: 0.375rem 0.75rem !important;
} .ikmore-hp-b2b {
background: linear-gradient(135deg, var(--blue-950) 0%, var(--blue-800) 100%);
color: #fff;
}
.ikmore-hp-b2b__inner {
display: flex;
align-items: center;
gap: 3rem;
}
.ikmore-hp-b2b__text { flex: 1; }
.ikmore-hp-b2b__heading {
font-family: var(--font-heading);
font-size: var(--text-2xl);
font-weight: 700;
color: #fff;
margin: 0.5rem 0 1rem;
}
.ikmore-hp-b2b__body {
font-size: 1rem;
opacity: 0.85;
line-height: 1.65;
margin-bottom: 1.25rem;
}
.ikmore-hp-b2b__perks {
list-style: none;
padding: 0;
margin: 0 0 1.75rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.ikmore-hp-b2b__perks li {
display: flex;
align-items: center;
gap: 8px;
font-size: 0.9375rem;
opacity: 0.9;
}
.ikmore-hp-b2b__perks li::before {
content: '';
width: 18px;
height: 18px;
flex-shrink: 0;
background: rgba(255,255,255,0.9);
border-radius: 50%;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230033cc' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230033cc' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
mask-size: contain;
}
.ikmore-hp-b2b__visual {
flex-shrink: 0;
opacity: 0.15;
}
.ikmore-hp-b2b__icon-wrap { color: #fff; } .ikmore-404 {
padding: var(--space-lg) 0;
text-align: center;
max-width: 640px;
margin-inline: auto;
}
.ikmore-404__inner { padding: 0 var(--space-sm); }
.ikmore-404__code {
font-size: 6rem;
font-weight: 800;
color: var(--color-secondary);
line-height: 1;
margin: 0 0 0.5rem;
font-family: var(--font-heading);
}
.ikmore-404__heading {
font-size: 1.75rem;
font-family: var(--font-heading);
margin: 0 0 0.75rem;
}
.ikmore-404__sub {
color: var(--color-faded);
margin-bottom: 1.75rem;
}
.ikmore-404__search {
display: flex;
max-width: 420px;
margin: 0 auto 1.5rem;
border: 1px solid var(--color-border);
border-radius: var(--radius-btn);
overflow: hidden;
}
.ikmore-404__search-input {
flex: 1;
border: none;
padding: 0.65rem 1rem;
font-size: 0.9375rem;
font-family: var(--font-body);
outline: none;
}
.ikmore-404__search-btn {
border: none;
background: var(--color-primary);
color: #fff;
padding: 0 1rem;
cursor: pointer;
display: flex;
align-items: center;
}
.ikmore-404__search-btn:hover { background: var(--color-primary-dark); }
.ikmore-404__actions {
display: flex;
gap: 0.75rem;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 3rem;
}
.ikmore-404__products {
text-align: left;
padding: 0 var(--space-sm);
max-width: var(--content-max-width);
margin-inline: auto;
}
.ikmore-404__products-title {
font-size: 1.25rem;
margin-bottom: 1.25rem;
} .ikmore-empty-cart {
text-align: center;
padding: var(--space-lg) var(--space-sm);
}
.ikmore-empty-cart__icon {
color: var(--color-border);
margin-bottom: 1rem;
}
.ikmore-empty-cart__heading {
font-size: 1.5rem;
margin-bottom: 0.5rem;
}
.ikmore-empty-cart__sub {
color: var(--color-faded);
max-width: 400px;
margin: 0 auto 1.75rem;
}
.ikmore-empty-cart__suggestions {
margin-top: 3rem;
text-align: left;
max-width: 960px;
margin-inline: auto;
padding-inline: var(--space-sm);
}
.ikmore-empty-cart__suggestions-title {
font-size: 1.125rem;
margin-bottom: 1.25rem;
} .ikmore-shipping-notice {
background: var(--color-secondary);
border: 1px solid var(--color-primary-alpha-15);
border-radius: var(--radius-btn);
padding: 0.75rem 1rem;
font-size: 0.9rem;
margin-bottom: 1.25rem;
color: var(--color-body);
}
.ikmore-shipping-notice--free {
background: var(--color-success-bg);
border-color: var(--color-success);
color: var(--color-success-dark);
}
.ikmore-shipping-icon {
margin-right: 4px;
} .ikmore-stock-urgency {
display: inline-flex;
align-items: center;
gap: 6px;
background: var(--color-warning-bg);
border: 1px solid var(--color-warning-border);
border-radius: var(--radius-sm);
padding: 0.4rem 0.75rem;
font-size: 0.875rem;
color: var(--color-warning-dark);
margin: 0.5rem 0;
} .ikmore-badge-wrap {
position: absolute;
top: 10px;
left: 10px;
z-index: 2;
} .single-product .ikmore-badge-wrap {
position: static;
margin-bottom: 0.75rem;
}
.ikmore-badge {
display: inline-block;
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.06em;
padding: 0.2em 0.65em;
border-radius: 4px;
line-height: 1.6;
}
.ikmore-badge--new  { background: var(--color-success); color: #fff; }
.ikmore-badge--best { background: var(--color-warning); color: #fff; }
.ikmore-badge--sale { background: var(--color-error);   color: #fff; } .woocommerce ul.products li.product {
position: relative;
}  .woocommerce a.button.add_to_cart_button::before,
.woocommerce button.single_add_to_cart_button::before {
content: '';
display: inline-block;
width: 15px;
height: 15px;
flex-shrink: 0;
margin-right: 7px;
vertical-align: middle;
background-color: currentColor;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.16'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='8' cy='21' r='1'/%3E%3Ccircle cx='19' cy='21' r='1'/%3E%3Cpath d='M2.05 2.05h2l2.66 12.42a2 2 0 0 0 2 1.58h9.78a2 2 0 0 0 1.95-1.57l1.65-7.43H5.16'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
}  .ikmore-qty-wrap input[type="number"]::-webkit-inner-spin-button,
.ikmore-qty-wrap input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.ikmore-qty-wrap input[type="number"] {
-moz-appearance: textfield;
appearance: textfield;
width: 5rem;
text-align: center;
padding: 0.5rem 0.75rem;
border: 1px solid var(--color-border);
border-radius: var(--radius-btn);
font-size: 0.95rem;
font-family: var(--font-body);
cursor: pointer;
}
.ikmore-qty-wrap input[type="number"]:focus {
outline: 2px solid var(--color-primary);
outline-offset: 1px;
border-color: var(--color-primary);
}    .woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.wc-block-components-button,
.wc-block-cart__submit-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.4em;
background-color: var(--s-btn-bg);
color: var(--s-btn-color) !important;
border: 2px solid var(--s-btn-border);
border-radius: var(--radius-btn);
padding: 0.375rem 0.75rem !important;
font-family: var(--font-body);
font-size: 0.875rem !important;
font-weight: 600;
line-height: 1.4;
letter-spacing: 0.01em;
text-decoration: none !important;
cursor: pointer;
transition: background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);
}
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .button.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.wc-block-components-button:hover,
.wc-block-cart__submit-button:hover {
background-color: var(--s-btn-hover-bg) !important;
border-color: var(--s-btn-hover-bg) !important;
color: var(--s-btn-color) !important;
}  .woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
display: block;
width: 100%;
text-align: center;
font-size: 1.05rem;
padding: 0.75em 1.5em;
} .woocommerce .quantity input.qty {
border: 1px solid var(--color-border);
border-radius: var(--radius-btn);
padding: 0.6em 0.75em;
font-size: 0.95rem;
width: 5rem;
text-align: center;
font-family: var(--font-body);
}
.woocommerce .quantity input.qty:focus {
outline: 2px solid var(--color-primary);
outline-offset: 1px;
border-color: var(--color-primary);
} .woocommerce .price,
.woocommerce li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: var(--color-primary);
font-weight: 700;
font-size: 1.1rem;
}
.woocommerce div.product p.price {
font-size: 1.35rem;
}
del .woocommerce-Price-amount {
color: var(--color-faded);
font-weight: 400;
}
ins .woocommerce-Price-amount {
color: var(--color-accent-alt);
} .woocommerce ul.products {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 1.5rem;
padding: 0 !important;
margin: 0 !important;
}
@media (max-width: 921px) {
.woocommerce ul.products {
grid-template-columns: repeat(2, 1fr);
}
}
.woocommerce ul.products li.product,
.woocommerce ul.products li.product.ast-col-sm-12,
.woocommerce ul.products li.product[class*="ast-col"] {
float: none !important;
width: auto !important;
max-width: none !important;
margin: 0 !important;
} .woocommerce ul.products li.product {
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
padding: var(--space-xs);
transition: box-shadow var(--transition-normal);
background: var(--color-bg);
}
.woocommerce ul.products li.product:hover {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.09);
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
font-family: var(--font-heading);
font-size: 1rem;
font-weight: 600;
color: var(--color-heading);
} .woocommerce span.onsale {
background-color: var(--color-accent-alt);
border-radius: var(--radius-sm);
font-size: 0.8rem;
font-weight: 700;
padding: 0.2em 0.6em;
min-height: unset;
line-height: 1.6;
} .ikmore-ws-badge {
display: inline-block;
background-color: var(--color-secondary);
color: var(--color-primary);
border: 1px solid var(--color-primary-alpha-20);
border-radius: var(--radius-sm);
font-size: 0.85rem;
font-weight: 600;
padding: 0.3em 0.8em;
margin-top: 0.5em;
} .woocommerce table.cart td,
.woocommerce table.cart th,
.woocommerce-cart table.cart td,
.woocommerce-cart table.cart th {
border-color: var(--color-border);
vertical-align: middle;
padding: 1rem 0.75rem;
}
.woocommerce table.cart td.product-name a {
font-weight: 600;
color: var(--color-heading);
}
.woocommerce table.cart td.product-name a:hover {
color: var(--color-primary);
}
.woocommerce .cart-collaterals .cart_totals {
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
padding: var(--space-sm);
}
.woocommerce .cart-collaterals .cart_totals h2 {
font-size: 1.2rem;
margin-bottom: 1rem;
}
.woocommerce .cart-collaterals .cart_totals table {
border: none;
}
.woocommerce .cart-collaterals .cart_totals table td,
.woocommerce .cart-collaterals .cart_totals table th {
border-top: 1px solid var(--color-border);
padding: 0.75rem 0;
}
.woocommerce .cart-collaterals .cart_totals .order-total .woocommerce-Price-amount {
font-size: 1.2rem;
font-weight: 700;
} .woocommerce form .form-row {
margin-bottom: 1.25rem;
}
.woocommerce form .form-row label {
font-size: 0.875rem;
font-weight: 600;
color: var(--color-body);
margin-bottom: 0.35rem;
display: block;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
border: 1px solid var(--color-border);
border-radius: var(--radius-btn);
padding: 0.6em 0.85em;
font-size: 0.95rem;
font-family: var(--font-body);
width: 100%;
transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
border-color: var(--color-primary);
box-shadow: 0 0 0 3px var(--color-primary-alpha-12);
outline: none;
}
.woocommerce #customer_details,
.woocommerce #order_review_heading,
.woocommerce #order_review {
margin-bottom: var(--space-md);
} .woocommerce-checkout #payment {
border: 1px solid var(--color-border);
border-radius: var(--radius-card);
padding: var(--space-sm);
background: var(--color-bg-soft);
}
.woocommerce-checkout #payment ul.payment_methods {
border-bottom: 1px solid var(--color-border);
padding-bottom: 1rem;
margin-bottom: 1rem;
}
.woocommerce-checkout #payment div.payment_box {
background-color: var(--color-secondary);
border-radius: var(--radius-sm);
font-size: 0.875rem;
padding: 0.75rem 1rem;
} .woocommerce-message,
.woocommerce-info,
.woocommerce-error {
border-radius: var(--radius-btn);
font-size: 0.9rem;
}
.woocommerce-message {
border-top-color: var(--color-primary);
}
.woocommerce-error {
border-top-color: var(--color-error);
}
.woocommerce-info {
border-top-color: var(--color-accent);
} .ikmore-filter-bar {
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: 1rem 0 1.5rem;
flex-wrap: wrap;
}
.ikmore-filter-bar__cats {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
flex: 1;
}
.ikmore-filter-bar__sort {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
flex-shrink: 0;
} .ikmore-filter-bar__divider {
width: 1px;
height: 1.5rem;
background: var(--color-border);
align-self: center;
flex-shrink: 0;
} .ikmore-filter-pill {
display: inline-flex;
align-items: center;
padding: 0.375rem 0.875rem;
border-radius: var(--radius-full);
border: 1.5px solid var(--color-primary-alpha-15);
background: transparent;
color: var(--color-body);
font-size: var(--text-sm);
font-weight: 500;
line-height: 1;
text-decoration: none;
transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);
white-space: nowrap;
}
.ikmore-filter-pill:hover {
background: var(--color-primary-alpha-08);
border-color: var(--color-primary);
color: var(--color-primary);
}
.ikmore-filter-pill.is-active {
background: var(--color-primary);
border-color: var(--color-primary);
color: #fff;
} .ikmore-filter-pill--sort {
border-color: var(--color-border);
color: var(--color-faded);
font-size: 0.8125rem;
}
.ikmore-filter-pill--sort:hover {
border-color: var(--color-primary);
color: var(--color-primary);
background: var(--color-primary-alpha-08);
}
.ikmore-filter-pill--sort.is-active {
background: var(--color-primary);
border-color: var(--color-primary);
color: #fff;
} .woocommerce-result-count {
font-size: 0.875rem;
color: var(--color-faded);
margin: 0 0 1rem;
}
@media (max-width: 921px) {
.ikmore-filter-bar {
flex-direction: column;
align-items: flex-start;
gap: 0.75rem;
padding-bottom: 1.25rem;
}
.ikmore-filter-bar__sort {
width: 100%;
}
.ikmore-filter-bar__divider {
display: none;
}
} .woocommerce-MyAccount-navigation ul {
list-style: none;
padding: 0;
margin: 0;
}
.woocommerce-MyAccount-navigation ul li a {
display: block;
padding: 0.6em 0.85em;
border-radius: var(--radius-sm);
font-weight: 500;
color: var(--color-body);
transition: background-color var(--transition-fast), color var(--transition-fast);
}
.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
background-color: var(--color-secondary);
color: var(--color-primary);
} .woocommerce-account .woocommerce {
display: flex;
gap: 2rem;
align-items: flex-start;
padding: 2rem 0;
}
.woocommerce-MyAccount-navigation {
flex: 0 0 220px;
background: var(--neutral-50);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
padding: 1rem;
}
.woocommerce-MyAccount-navigation ul li {
border-bottom: 1px solid var(--color-border);
}
.woocommerce-MyAccount-navigation ul li:last-child {
border-bottom: none;
}
.woocommerce-MyAccount-content {
flex: 1 1 0;
min-width: 0;
} .woocommerce-orders-table {
width: 100%;
border-collapse: collapse;
font-size: 0.9rem;
}
.woocommerce-orders-table th {
text-align: left;
padding: 0.6rem 0.75rem;
background: var(--color-secondary);
color: var(--color-primary);
font-weight: 600;
border-bottom: 2px solid var(--color-primary);
}
.woocommerce-orders-table td {
padding: 0.6rem 0.75rem;
border-bottom: 1px solid var(--color-border);
vertical-align: middle;
}
.woocommerce-orders-table tr:last-child td {
border-bottom: none;
}
.woocommerce-orders-table .button {
padding: 4px 10px;
font-size: 0.8rem;
} .woocommerce-Addresses .woocommerce-Address {
background: var(--neutral-50);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
padding: 1.25rem;
}
.woocommerce-Addresses .woocommerce-Address-title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 0.75rem;
}
.woocommerce-Addresses .woocommerce-Address-title h3 {
font-size: 1rem;
font-weight: 700;
margin: 0;
}
.woocommerce-Addresses address {
font-style: normal;
line-height: 1.7;
color: var(--color-body);
font-size: 0.9rem;
} .woocommerce-EditAccountForm .form-row label,
.woocommerce-address-fields .form-row label {
font-weight: 600;
font-size: 0.85rem;
margin-bottom: 0.3rem;
display: block;
color: var(--color-heading);
}
.woocommerce-EditAccountForm .form-row input,
.woocommerce-address-fields .form-row input,
.woocommerce-EditAccountForm .form-row select,
.woocommerce-address-fields .form-row select {
width: 100%;
border: 1px solid var(--color-border);
border-radius: var(--radius-btn);
padding: 0.55rem 0.85rem;
font-family: var(--font-body);
font-size: 0.9rem;
color: var(--color-body);
background: #fff;
transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.woocommerce-EditAccountForm .form-row input:focus,
.woocommerce-address-fields .form-row input:focus {
outline: none;
border-color: var(--color-primary);
box-shadow: 0 0 0 3px var(--color-primary-alpha-12);
}
@media (max-width: 768px) {
.woocommerce-account .woocommerce {
flex-direction: column;
}
.woocommerce-MyAccount-navigation {
flex: none;
width: 100%;
}
} .ikmore-auth-modal {
position: fixed;
inset: 0;
z-index: 99999;
display: flex;
align-items: center;
justify-content: center;
}
.ikmore-auth-modal[hidden] {
display: none;
}
.ikmore-auth-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.55);
backdrop-filter: blur(2px);
}
.ikmore-auth-modal__dialog {
position: relative;
z-index: 1;
background: #fff;
border-radius: var(--radius-lg);
width: min(480px, 95vw);
max-height: 90vh;
overflow-y: auto;
padding: 2rem;
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.2);
}
.ikmore-auth-modal__close {
position: absolute;
top: 1rem;
right: 1rem;
background: none;
border: none;
font-size: 1.4rem;
line-height: 1;
cursor: pointer;
color: var(--color-faded);
padding: 4px 8px;
border-radius: var(--radius-sm);
transition: background var(--transition-fast), color var(--transition-fast);
}
.ikmore-auth-modal__close:hover {
background: var(--color-secondary);
color: var(--color-primary);
} .ikmore-auth-modal__tabs {
display: flex;
gap: 0.5rem;
margin-bottom: 1.5rem;
border-bottom: 2px solid var(--color-border);
padding-bottom: 0;
}
.ikmore-auth-modal__tab {
background: none;
border: none;
border-bottom: 2px solid transparent;
margin-bottom: -2px;
padding: 0.5rem 1.25rem;
font-family: var(--font-body);
font-size: 0.95rem;
font-weight: 600;
color: var(--color-faded);
cursor: pointer;
transition: color var(--transition-fast), border-color var(--transition-fast);
}
.ikmore-auth-modal__tab.is-active {
color: var(--color-primary);
border-bottom-color: var(--color-primary);
}
.ikmore-auth-modal__tab:hover:not(.is-active) {
color: var(--color-body);
} .ikmore-auth-modal__panel .woocommerce-form__label {
font-weight: 600;
font-size: 0.85rem;
display: block;
margin-bottom: 0.3rem;
color: var(--color-heading);
}
.ikmore-auth-modal__panel input[type="text"],
.ikmore-auth-modal__panel input[type="email"],
.ikmore-auth-modal__panel input[type="password"] {
width: 100%;
border: 1px solid var(--color-border);
border-radius: var(--radius-btn);
padding: 0.55rem 0.85rem;
font-size: 0.9rem;
font-family: var(--font-body);
color: var(--color-body);
margin-bottom: 1rem;
transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.ikmore-auth-modal__panel input:focus {
outline: none;
border-color: var(--color-primary);
box-shadow: 0 0 0 3px var(--color-primary-alpha-12);
}
.ikmore-auth-modal__panel .woocommerce-Button,
.ikmore-auth-modal__panel .button {
width: 100%;
justify-content: center;
margin-top: 0.5rem;
} body.ikmore-modal-open {
overflow: hidden;
} .related.products {
margin-top: 3rem;
padding-top: 2rem;
border-top: 2px solid var(--color-border);
}
.related.products > h2 {
font-size: 1.25rem;
font-weight: 700;
color: var(--color-heading);
margin-bottom: 1.5rem;
}
.related.products .products {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 1.25rem;
}
@media (max-width: 900px) {
.related.products .products {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.related.products .products {
grid-template-columns: 1fr 1fr;
gap: 0.75rem;
}
}
.related.products .product .woocommerce-loop-product__title {
font-size: 0.9rem;
font-weight: 600;
line-height: 1.3;
margin: 0.5rem 0 0.25rem;
}
.related.products .product .price {
color: var(--color-primary);
font-weight: 700;
font-size: 0.9rem;
}
.related.products .product img {
border-radius: var(--radius-btn);
width: 100%;
aspect-ratio: 3/4;
object-fit: cover;
}
.related.products .product .button {
margin-top: 0.5rem;
width: 100%;
text-align: center;
} .ikmore-collections {
display: flex;
flex-wrap: wrap;
gap: 0.4rem;
margin-bottom: 0.75rem;
}
.ikmore-collection-pill {
display: inline-flex;
align-items: center;
padding: 3px 10px;
border-radius: 20px;
background: var(--color-secondary);
color: var(--color-primary);
font-size: 0.78rem;
font-weight: 600;
text-decoration: none;
border: 1px solid var(--color-primary-alpha-20);
transition: background var(--transition-fast), color var(--transition-fast);
}
.ikmore-collection-pill:hover {
background: var(--color-primary);
color: #fff;
border-color: var(--color-primary);
}  .ikmore-home-container {
max-width: var(--content-max-width);
margin-inline: auto;
padding-inline: var(--space-sm);
} .ikmore-home-hero {
background: linear-gradient(160deg, var(--blue-200) 0%, var(--blue-100) 100%);
color: var(--color-body);
margin-top: calc(-1 * var(--navbar-height));
overflow: hidden;
}
.ikmore-home-hero__layout {
max-width: var(--content-max-width);
margin-inline: auto;
padding: calc(var(--space-lg) + var(--navbar-height)) var(--space-sm) var(--space-lg);
display: grid;
grid-template-columns: 1fr 360px;
gap: var(--gap-xl);
align-items: center;
}
.ikmore-home-hero__eyebrow {
display: inline-block;
font-size: var(--text-sm);
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--s-eyebrow);
margin-bottom: 0.75rem;
}
.ikmore-home-hero__heading {
font-family: var(--font-heading);
font-size: var(--text-4xl);
font-weight: 800;
line-height: var(--leading-tight);
color: var(--color-primary-dark);
margin: 0 0 1.25rem;
}
.ikmore-home-hero__sub {
font-size: var(--text-md);
color: var(--color-body);
line-height: var(--leading-normal);
max-width: 520px;
margin: 0 0 2rem;
}
.ikmore-home-hero__ctas {
display: flex;
gap: 0.875rem;
flex-wrap: wrap;
}
.ikmore-home-hero__img-wrap {
border-radius: var(--radius-xl);
overflow: hidden;
box-shadow: var(--shadow-xl);
}
.ikmore-home-hero__img {
width: 100%;
height: auto;
display: block;
} .ikmore-home-about__inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--gap-xl);
align-items: center;
}
.ikmore-home-about__text h2 {
margin: 0 0 1rem;
}
.ikmore-home-about__text > p {
color: var(--color-faded);
line-height: var(--leading-normal);
margin-bottom: 1.5rem;
}
.ikmore-home-about__img-wrap {
border-radius: var(--radius-lg);
overflow: hidden;
}
.ikmore-home-about__img {
width: 100%;
height: auto;
display: block;
} .ikmore-home-stats {
display: flex;
gap: var(--gap-lg);
flex-wrap: wrap;
margin-top: 0.5rem;
}
.ikmore-home-stat {
display: flex;
flex-direction: column;
gap: 0.15rem;
}
.ikmore-home-stat__num {
font-family: var(--font-heading);
font-size: var(--text-2xl);
font-weight: 800;
color: var(--s-stat-num);
line-height: 1;
}
.ikmore-home-stat__label {
font-size: var(--text-sm);
color: var(--s-text-muted);
} .ikmore-home-stats-section {
background: var(--color-bg-soft);
padding-block: var(--space-md);
}
.ikmore-home-stats-row {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--gap-lg);
text-align: center;
}
.ikmore-home-stat-card {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.5rem;
padding: var(--gap-md) var(--gap-sm);
}
.ikmore-home-stat-card .ikmore-home-stat__num {
font-size: var(--text-4xl);
font-weight: 800;
color: var(--color-primary-dark);
line-height: 1;
}
.ikmore-home-stat-card .ikmore-home-stat__label {
font-size: var(--text-base);
color: var(--color-faded);
font-weight: 500;
}
@media (max-width: 640px) {
.ikmore-home-stats-row {
grid-template-columns: 1fr;
gap: var(--gap-md);
}
} .ikmore-home-features {
display: flex !important;
flex-direction: column !important;
gap: 8rem !important;
padding-bottom: 2rem;
} .ikmore-home-feature {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 5rem;
align-items: center;
}
.ikmore-home-feature--reverse {
direction: rtl;
}
.ikmore-home-feature--reverse > * {
direction: ltr;
}
.ikmore-home-feature__img-wrap {
border-radius: var(--radius-lg);
overflow: hidden;
box-shadow: var(--shadow-md);
aspect-ratio: 4 / 3;
}
.ikmore-home-feature__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ikmore-home-feature__text h2,
.ikmore-home-feature__text h3 {
margin: 0 0 1.5rem;
}
.ikmore-home-feature__text > p {
color: var(--color-faded);
line-height: var(--leading-normal);
margin: 0 0 1.25rem;
}
.ikmore-home-feature__list {
list-style: none;
padding: 0 0 0 1rem; margin: 0;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.ikmore-home-feature__list li {
font-size: var(--text-base);
color: var(--color-body);
padding-left: 1.5rem;
position: relative;
line-height: var(--leading-snug);
}
.ikmore-home-feature__list li::before {
content: '';
position: absolute;
left: 0;
top: 0.2em;
width: 1rem;
height: 1rem;
flex-shrink: 0;
background-color: var(--color-primary);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m12 5 7 7-7 7'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
} .ikmore-home-pillars-section {
background: linear-gradient(160deg, var(--blue-100) 0%, var(--blue-50) 100%);
padding: var(--space-lg) 0;
}
.ikmore-home-pillars__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--gap-md);
}
.ikmore-home-pillar {
background: rgba(255,255,255,0.7);
border: 1px solid var(--color-primary-alpha-10);
border-radius: var(--radius-lg);
padding: var(--gap-lg) var(--gap-md);
text-align: center;
transition: background var(--transition-normal), box-shadow var(--transition-normal);
}
.ikmore-home-pillar:hover {
background: rgba(255,255,255,0.95);
box-shadow: var(--shadow-md);
}
.ikmore-home-pillar__icon {
width: 2.5rem;
height: 2.5rem;
background: transparent;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1rem;
color: var(--s-icon);
}
.ikmore-home-pillar__icon svg {
width: 2rem;
height: 2rem;
}
.ikmore-home-pillar__title {
font-size: var(--text-lg);
font-weight: 700;
color: var(--color-heading);
margin: 0 0 0.625rem;
}
.ikmore-home-pillar__desc {
font-size: var(--text-base);
color: var(--color-faded);
line-height: var(--leading-normal);
margin: 0;
} .ikmore-calameo-wrap {
width: 100%;
max-width: 900px;
margin: 0 auto;
aspect-ratio: 900 / 600;
position: relative;
}
.ikmore-calameo-wrap iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
background: transparent;
} .ikmore-calameo-placeholder {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 1rem;
background: var(--color-surface);
border: 2px dashed var(--color-border);
border-radius: var(--radius-lg);
color: var(--color-faded);
text-align: center;
padding: 2rem;
}
.ikmore-calameo-placeholder__icon {
width: 3.5rem;
height: 3.5rem;
color: var(--color-accent);
opacity: 0.6;
}
.ikmore-calameo-placeholder__text {
font-size: var(--text-base);
color: var(--color-faded);
margin: 0;
} .ikmore-home-cta__inner {
text-align: center;
max-width: 560px;
margin-inline: auto;
}
.ikmore-home-cta__heading {
font-size: var(--text-3xl);
margin: 0 0 0.75rem;
}
.ikmore-home-cta__sub {
font-size: var(--text-base);
color: var(--color-faded);
margin: 0 0 1.75rem;
line-height: var(--leading-normal);
} @media (max-width: 921px) {
.ikmore-home-hero {
margin-top: calc(-1 * var(--navbar-height-mob));
}
.ikmore-home-hero__layout {
grid-template-columns: 1fr;
padding-top: calc(var(--space-md) + var(--navbar-height-mob));
}
.ikmore-home-hero__img-wrap { display: none; }
.ikmore-home-about__inner,
.ikmore-home-feature,
.ikmore-home-feature--reverse {
grid-template-columns: 1fr;
direction: ltr;
}
.ikmore-home-about__img-wrap { order: -1; }
.ikmore-home-feature__img-wrap { order: -1; } .ikmore-home-feature,
.ikmore-home-about__inner {
gap: var(--gap-md);
} .ikmore-home-features {
gap: var(--space-md) !important;
}
}
@media (max-width: 768px) {
.ikmore-home-pillars__grid {
grid-template-columns: 1fr;
}
.ikmore-home-stats {
gap: var(--gap-md);
}
}
@media (max-width: 640px) {
.ikmore-home-hero__ctas { flex-direction: column; }
.ikmore-home-hero__btn { width: 100%; text-align: center; }
}  .ikmore-partners-section-header {
text-align: center;
max-width: 640px;
margin: 0 auto var(--gap-lg);
}
.ikmore-partners-section-title {
font-size: var(--text-2xl);
font-family: var(--font-heading);
color: var(--color-heading);
margin: 0 0 0.5rem;
}
.ikmore-partners-section-sub {
font-size: var(--text-base);
color: var(--color-faded);
margin: 0;
} .ikmore-partners-hero {
background: linear-gradient(135deg, var(--blue-950) 0%, var(--blue-800) 55%, var(--blue-700) 100%);
padding: var(--space-lg) 0;
}
.ikmore-partners-hero__inner {
max-width: 760px;
margin-inline: auto;
padding-inline: var(--space-sm);
text-align: center;
}
.ikmore-partners-hero__heading {
font-family: var(--font-heading);
font-size: var(--text-4xl);
font-weight: 800;
line-height: var(--leading-tight);
color: var(--color-heading);
margin: 0.75rem 0 1.25rem;
}
.ikmore-partners-hero__sub {
font-size: var(--text-md);
opacity: 0.85;
line-height: var(--leading-normal);
max-width: 600px;
margin: 0 auto 2rem;
}
.ikmore-partners-hero__ctas {
display: flex;
gap: 0.75rem;
justify-content: center;
flex-wrap: wrap;
} .ikmore-partners-types__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--gap-md);
}
.ikmore-partners-type-card {
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
overflow: hidden;
background: var(--color-bg);
transition: box-shadow var(--transition-normal), transform var(--transition-normal);
}
.ikmore-partners-type-card:hover {
box-shadow: var(--shadow-md);
transform: translateY(-2px);
}
.ikmore-partners-type-card__img-wrap {
aspect-ratio: 16/9;
overflow: hidden;
}
.ikmore-partners-type-card__img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform var(--transition-slow);
}
.ikmore-partners-type-card:hover .ikmore-partners-type-card__img {
transform: scale(1.04);
}
.ikmore-partners-type-card__body {
padding: var(--gap-md);
}
.ikmore-partners-type-card__title {
font-size: var(--text-md);
font-weight: 700;
color: var(--color-heading);
margin: 0 0 0.5rem;
line-height: var(--leading-snug);
}
.ikmore-partners-type-card__desc {
font-size: var(--text-sm);
color: var(--color-faded);
line-height: var(--leading-normal);
margin: 0;
} .ikmore-partners-advantages__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: var(--gap-md);
}
.ikmore-partners-adv-card {
background: var(--color-bg);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
padding: var(--gap-md);
}
.ikmore-partners-adv-card__icon {
width: 2.5rem;
height: 2.5rem;
background: var(--s-icon-bg);
border-radius: var(--radius-md);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0.875rem;
color: var(--s-icon);
}
.ikmore-partners-adv-card__icon svg {
width: 1.125rem;
height: 1.125rem;
}
.ikmore-partners-adv-card__title {
font-size: var(--text-base);
font-weight: 700;
color: var(--color-heading);
margin: 0 0 0.5rem;
line-height: var(--leading-snug);
}
.ikmore-partners-adv-card__desc {
font-size: var(--text-sm);
color: var(--color-faded);
line-height: var(--leading-normal);
margin: 0;
} .ikmore-partners-shelving__inner {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--gap-xl);
align-items: center;
}
.ikmore-partners-shelving__img-wrap {
border-radius: var(--radius-lg);
overflow: hidden;
}
.ikmore-partners-shelving__img {
width: 100%;
height: auto;
display: block;
}
.ikmore-partners-shelving__text h2 {
font-size: var(--text-2xl);
margin: 0 0 1rem;
}
.ikmore-partners-shelving__text p {
color: var(--color-faded);
line-height: var(--leading-normal);
margin-bottom: 1.25rem;
}
.ikmore-partners-shelving__list {
list-style: none;
padding: 0;
margin: 0 0 1.75rem;
display: flex;
flex-direction: column;
gap: 0.75rem;
}
.ikmore-partners-shelving__list li {
display: flex;
align-items: flex-start;
gap: 0.625rem;
font-size: var(--text-base);
color: var(--color-body);
}
.ikmore-partners-shelving__list li::before {
content: '';
flex-shrink: 0;
margin-top: 0.2em;
width: 1rem;
height: 1rem;
background-color: var(--color-primary);
border-radius: 50%;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
} .ikmore-partners-faq__list {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.ikmore-faq-item {
background: var(--color-bg);
border: 1px solid var(--color-border);
border-radius: var(--radius-md);
overflow: hidden;
}
.ikmore-faq-item[open] {
border-color: var(--color-primary-light);
}
.ikmore-faq-item__q {
display: flex;
align-items: center;
justify-content: space-between;
padding: 1rem 1.25rem;
font-size: var(--text-base);
font-weight: 600;
color: var(--color-heading);
cursor: pointer;
list-style: none;
gap: 1rem;
transition: color var(--transition-fast);
}
.ikmore-faq-item__q::-webkit-details-marker { display: none; }
.ikmore-faq-item__q::after {
content: '';
flex-shrink: 0;
width: 1.25rem;
height: 1.25rem;
background-color: var(--color-primary);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
transition: transform var(--transition-fast);
}
.ikmore-faq-item[open] .ikmore-faq-item__q {
color: var(--color-primary);
}
.ikmore-faq-item[open] .ikmore-faq-item__q::after {
transform: rotate(180deg);
}
.ikmore-faq-item__a {
padding: 0 1.25rem 1rem;
border-top: 1px solid var(--color-border);
}
.ikmore-faq-item__a p {
margin: 0.75rem 0 0;
font-size: var(--text-base);
color: var(--color-faded);
line-height: var(--leading-normal);
} .ikmore-partners-cta {
padding-bottom: var(--space-xl); }
.ikmore-partners-cta__inner {
text-align: left;
}
.ikmore-partners-cta__heading {
font-size: var(--text-2xl);
font-family: var(--font-heading);
color: var(--color-heading);
margin: 0 0 1rem;
}
.ikmore-partners-cta__body {
font-size: var(--text-base);
line-height: var(--leading-normal);
color: var(--color-faded);
margin: 0 0 1.5rem;
} .ikmore-partners-form-section__inner {
display: grid;
grid-template-columns: 1fr 2fr;
gap: var(--space-xl);
align-items: start;
}
.ikmore-partners-form-section__intro h2 {
font-size: var(--text-2xl);
margin: 0 0 0.75rem;
}
.ikmore-partners-form-section__intro p {
color: var(--color-faded);
margin: 0;
} .ikmore-partners-form-section__form .wpforms-form .wpforms-fields {
display: flex;
flex-wrap: wrap;
gap: 0 1rem;
}
.ikmore-partners-form-section__form .wpforms-form .wpforms-fields .wpforms-field {
float: none;
}
.ikmore-partners-form-section__form #wpforms-4670-field_0-container {
width: calc(50% - 0.5rem);
order: 1;
}
.ikmore-partners-form-section__form #wpforms-4670-field_4-container {
width: calc(50% - 0.5rem);
order: 2;
}
.ikmore-partners-form-section__form #wpforms-4670-field_1-container {
width: calc(50% - 0.5rem);
order: 3;
}
.ikmore-partners-form-section__form #wpforms-4670-field_2-container {
width: calc(50% - 0.5rem);
order: 4;
}
.ikmore-partners-form-section__form #wpforms-4670-field_3-container { order: 5; }
.ikmore-partners-form-section__form #wpforms-4670-field_5-container { order: 6; } @media (max-width: 1024px) {
.ikmore-partners-types__grid,
.ikmore-partners-advantages__grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 921px) {
.ikmore-partners-hero {
padding-top: var(--space-lg);
}
}
@media (max-width: 768px) {
.ikmore-partners-form-section__inner {
grid-template-columns: 1fr;
}
.ikmore-partners-form-section__form #wpforms-4670-field_0-container,
.ikmore-partners-form-section__form #wpforms-4670-field_4-container,
.ikmore-partners-form-section__form #wpforms-4670-field_1-container,
.ikmore-partners-form-section__form #wpforms-4670-field_2-container {
width: 100%;
}
.ikmore-partners-shelving__inner {
grid-template-columns: 1fr;
}
.ikmore-partners-shelving__img-wrap {
max-height: 320px;
overflow: hidden;
}
}
@media (max-width: 640px) {
.ikmore-partners-types__grid,
.ikmore-partners-advantages__grid {
grid-template-columns: 1fr;
}
.ikmore-partners-hero__ctas {
flex-direction: column;
align-items: stretch;
}
}  .ikmore-contact-hero {
background: var(--color-bg-soft);
border-bottom: 1px solid var(--color-border);
padding: var(--space-md) 0;
text-align: center;
}
.ikmore-contact-hero__inner {
max-width: 640px;
margin-inline: auto;
padding-inline: var(--space-sm);
}
.ikmore-contact-hero__heading {
font-family: var(--font-heading);
font-size: var(--text-3xl);
font-weight: 800;
color: var(--color-heading);
margin: 0 0 0.75rem;
}
.ikmore-contact-hero__sub {
font-size: var(--text-md);
color: var(--color-faded);
margin: 0;
line-height: var(--leading-normal);
} .ikmore-contact-layout {
display: grid;
grid-template-columns: 300px 1fr;
gap: var(--gap-xl);
align-items: flex-start;
} .ikmore-contact-info {
background: var(--color-bg-soft);
border: 1px solid var(--color-border);
border-radius: var(--radius-lg);
padding: var(--gap-md);
font-size: var(--text-sm);
}
.ikmore-contact-info__title {
font-size: var(--text-lg);
font-weight: 700;
color: var(--color-heading);
margin: 0 0 1.25rem;
}
.ikmore-contact-info__item {
display: flex;
gap: 0.875rem;
align-items: flex-start;
margin-bottom: 1.25rem;
}
.ikmore-contact-info__item:last-of-type {
margin-bottom: 0;
}
.ikmore-contact-info__icon {
flex-shrink: 0;
width: 2.25rem;
height: 2.25rem;
background: var(--color-primary-light);
border-radius: var(--radius-sm);
display: flex;
align-items: center;
justify-content: center;
color: var(--color-primary);
}
.ikmore-contact-info__icon svg {
width: 1rem;
height: 1rem;
}
.ikmore-contact-info__item strong {
display: block;
font-size: var(--text-sm);
font-weight: 700;
color: var(--color-heading);
margin-bottom: 0.2rem;
text-transform: uppercase;
letter-spacing: 0.04em;
}
.ikmore-contact-info__item p {
margin: 0;
font-size: var(--text-base);
color: var(--color-faded);
}
.ikmore-contact-info__item a {
color: var(--color-primary);
text-decoration: none;
}
.ikmore-contact-info__item a:hover {
text-decoration: underline;
}
.ikmore-contact-info__note {
margin-top: 1.5rem;
padding-top: 1rem;
border-top: 1px solid var(--color-border);
font-size: var(--text-sm);
color: var(--color-faded);
line-height: var(--leading-normal);
}
.ikmore-contact-info__note a {
color: var(--color-primary);
text-decoration: none;
}
.ikmore-contact-info__note a:hover { text-decoration: underline; } .ikmore-contact-form-wrap__title {
font-size: var(--text-xl);
font-weight: 700;
color: var(--color-heading);
margin: 0 0 1.25rem;
} .ikmore-contact-form-wrap .wpforms-container .wpforms-form .wpforms-field input,
.ikmore-contact-form-wrap .wpforms-container .wpforms-form .wpforms-field textarea,
.ikmore-contact-form-wrap .wpforms-container .wpforms-form .wpforms-field select,
.ikmore-partners-form-section__form .wpforms-container .wpforms-form .wpforms-field input,
.ikmore-partners-form-section__form .wpforms-container .wpforms-form .wpforms-field textarea,
.ikmore-partners-form-section__form .wpforms-container .wpforms-form .wpforms-field select {
border: 1px solid var(--color-border) !important;
border-radius: var(--radius-sm) !important;
font-family: var(--font-body) !important;
font-size: var(--text-base) !important;
padding: 0.6rem 0.875rem !important;
width: 100% !important;
transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.ikmore-contact-form-wrap .wpforms-container .wpforms-form .wpforms-field input:focus,
.ikmore-contact-form-wrap .wpforms-container .wpforms-form .wpforms-field textarea:focus,
.ikmore-contact-form-wrap .wpforms-container .wpforms-form .wpforms-field select:focus,
.ikmore-partners-form-section__form .wpforms-container .wpforms-form .wpforms-field input:focus,
.ikmore-partners-form-section__form .wpforms-container .wpforms-form .wpforms-field textarea:focus,
.ikmore-partners-form-section__form .wpforms-container .wpforms-form .wpforms-field select:focus {
border-color: var(--color-primary) !important;
box-shadow: 0 0 0 3px var(--color-primary-alpha-12) !important;
outline: none !important;
}
.ikmore-contact-form-wrap .wpforms-container .wpforms-form .wpforms-submit-container button[type=submit],
.ikmore-partners-form-section__form .wpforms-container .wpforms-form .wpforms-submit-container button[type=submit] {
background: var(--s-btn-bg) !important;
border: 2px solid var(--s-btn-border) !important;
border-radius: var(--radius-btn) !important;
color: var(--s-btn-color) !important;
font-family: var(--font-body) !important;
font-size: var(--text-base) !important;
font-weight: 600 !important;
padding: 0.75rem 1.75rem !important;
cursor: pointer !important;
transition: background-color var(--transition-fast), border-color var(--transition-fast) !important;
}
.ikmore-contact-form-wrap .wpforms-container .wpforms-form .wpforms-submit-container button[type=submit]:hover,
.ikmore-partners-form-section__form .wpforms-container .wpforms-form .wpforms-submit-container button[type=submit]:hover {
background: var(--s-btn-hover-bg) !important;
border-color: var(--s-btn-hover-bg) !important;
color: var(--s-btn-color) !important;
} @media (max-width: 921px) {
.ikmore-contact-hero {
padding-top: var(--space-md);
}
}
@media (max-width: 768px) {
.ikmore-contact-layout {
grid-template-columns: 1fr;
}
.ikmore-contact-info {
order: 2; }
.ikmore-contact-form-wrap {
order: 1;
}
} .ikmore-footer {
background: var(--color-dark);
color: var(--color-dark-text);
font-size: var(--text-xs);
line-height: 1.6;
margin-top: auto;
}
.ikmore-footer__inner {
max-width: 1280px;
margin: 0 auto;
padding: 3.5rem var(--space-sm) 2.5rem;
display: grid;
grid-template-columns: 1.6fr 1fr 1fr 1fr;
gap: 2.5rem;
} .ikmore-footer__col-title {
color: var(--white);
font-size: var(--text-sm) !important;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
margin: 0 0 1rem !important;
font-family: var(--font-heading);
} .ikmore-footer__links {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.ikmore-footer__links a,
nav.ikmore-footer__col a {
color: var(--white-70);
text-decoration: none;
transition: color var(--transition-fast);
}
.ikmore-footer__links a:hover,
nav.ikmore-footer__col a:hover {
color: #fff;
} .ikmore-footer__col--brand {
display: flex;
flex-direction: column;
gap: 1rem;
} .ikmore-footer__logo-link svg {
display: block;
height: 28px;
width: auto;
color: #fff;
} .ast-theme-transparent-header .custom-logo-link svg {
color: var(--color-primary);
}
.ikmore-footer__logo-text {
color: #fff;
font-size: 1.2rem;
font-weight: 700;
letter-spacing: -0.3px;
font-family: var(--font-heading);
}
.ikmore-footer__tagline {
margin: 0;
color: var(--white-60);
font-size: var(--text-sm);
line-height: 1.65;
max-width: 260px;
} .ikmore-footer__social {
list-style: none;
padding: 0;
margin: 0;
display: flex;
gap: 0.75rem;
}
.ikmore-footer__social a {
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: var(--radius-btn);
background: rgba(255,255,255,0.08);
color: rgba(255,255,255,0.75);
text-decoration: none;
transition: background var(--transition-fast), color var(--transition-fast);
}
.ikmore-footer__social a:hover {
background: var(--color-primary);
color: #fff;
} .ikmore-footer__address {
font-style: normal;
display: flex;
flex-direction: column;
gap: 0.55rem;
}
.ikmore-footer__address p {
margin: 0;
display: flex;
align-items: flex-start;
gap: 0.5rem;
color: var(--white-70);
}
.ikmore-footer__address svg {
flex-shrink: 0;
margin-top: 3px;
opacity: 0.6;
}
.ikmore-footer__address a {
color: var(--color-dark-text);
text-decoration: none;
transition: color var(--transition-fast);
}
.ikmore-footer__address a:hover {
color: #fff;
}
.ikmore-footer__contact-link {
display: inline-block;
margin-top: 0.75rem;
color: var(--color-secondary);
font-size: 0.83rem;
font-weight: 600;
text-decoration: none;
transition: opacity var(--transition-fast);
}
.ikmore-footer__contact-link:hover {
color: #fff;
opacity: 1;
} .ikmore-footer__bar {
border-top: 1px solid rgba(255,255,255,0.1);
}
.ikmore-footer__bar-inner {
max-width: 1280px;
margin: 0 auto;
padding: 1rem var(--space-sm);
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
flex-wrap: wrap;
}
.ikmore-footer__copy,
.ikmore-footer__legal {
margin: 0;
font-size: 14px;
color: var(--white-45);
}
.ikmore-footer__copy a {
color: var(--white-60);
text-decoration: none;
}
.ikmore-footer__legal {
display: flex;
gap: 1.25rem;
}
.ikmore-footer__legal a {
color: var(--white-45);
text-decoration: none;
transition: color var(--transition-fast);
}
.ikmore-footer__legal a:hover {
color: rgba(255,255,255,0.8);
} @media (max-width: 1024px) {
.ikmore-footer__inner {
grid-template-columns: 1fr 1fr;
gap: 2rem;
}
.ikmore-footer__col--brand {
grid-column: 1 / -1;
}
}
@media (max-width: 640px) {
.ikmore-footer__inner {
grid-template-columns: 1fr;
gap: 1.75rem;
}
.ikmore-footer__col--brand {
grid-column: auto;
}
.ikmore-footer__bar-inner {
flex-direction: column;
text-align: center;
}
}  @media (max-width: 480px) {
.ikmore-minicart-dropdown {
right: -8px; }
} @media (max-width: 640px) {
.ikmore-hp-hero {
padding-block: clamp(3rem, 8vw, 5rem);
} .ikmore-hp-hero__ctas {
flex-direction: column;
align-items: stretch;
}
.ikmore-hp-btn {
text-align: center;
justify-content: center;
}
} @media (max-width: 640px) {
.ikmore-hp-cats__grid {
grid-template-columns: repeat(2, 1fr);
gap: 0.75rem;
}
}
@media (max-width: 380px) {
.ikmore-hp-cats__grid {
grid-template-columns: 1fr;
}
} @media (max-width: 640px) {
.ikmore-hp-prods,
.ikmore-hp-prods--8,
.ikmore-hp-prods--4 {
grid-template-columns: repeat(2, 1fr);
gap: 0.75rem;
}
}
@media (max-width: 380px) {
.ikmore-hp-prods,
.ikmore-hp-prods--8,
.ikmore-hp-prods--4 {
grid-template-columns: repeat(2, 1fr);
gap: 0.5rem;
}
} @media (max-width: 480px) {
.ikmore-hp-section__header {
flex-wrap: wrap;
gap: 0.25rem;
}
.ikmore-hp-section__link {
font-size: 0.8rem;
}
} @media (max-width: 768px) {
.ikmore-hp-b2b__inner {
flex-direction: column;
gap: 2rem;
text-align: center;
}
.ikmore-hp-b2b__perks {
text-align: left;
display: inline-block;
}
.ikmore-hp-b2b__visual {
display: none; }
} @media (max-width: 480px) {
.ikmore-404__search {
flex-direction: column;
max-width: 100%;
border-radius: var(--radius-md);
overflow: visible;
gap: 0.5rem;
background: none;
border: none;
box-shadow: none;
}
.ikmore-404__search-input {
border: 1px solid var(--color-border);
border-radius: var(--radius-btn);
padding: 0.7rem 1rem;
font-size: 1rem;
width: 100%;
}
.ikmore-404__search-btn {
border-radius: var(--radius-btn);
padding: 0.7rem;
width: 100%;
justify-content: center;
}
} @media (max-width: 480px) {
.ikmore-404__actions {
flex-direction: column;
align-items: stretch;
}
.ikmore-404__actions .button,
.ikmore-404__actions a {
text-align: center;
width: 100%;
}
} @media (max-width: 480px) {
.ikmore-auth-modal__dialog {
padding: 1.25rem;
}
.ikmore-auth-modal__close {
top: 0.75rem;
right: 0.75rem;
font-size: 1.6rem; padding: 6px 10px;
}
} @media (max-width: 480px) {
.ikmore-hp-prod__name {
font-size: 0.8rem;
}
.ikmore-hp-prod__price {
font-size: 0.85rem;
}
.ikmore-hp-prod__cta {
font-size: 0.78rem;
padding: 0.4rem 0.6rem;
}
} @media (max-width: 640px) {
.woocommerce div.product form.cart {
flex-wrap: wrap;
}
.woocommerce div.product form.cart .quantity {
width: 100%;
margin-bottom: 0.5rem;
}
.woocommerce div.product form.cart .single_add_to_cart_button {
width: 100%;
text-align: center;
justify-content: center;
}
} @media (max-width: 640px) {
.woocommerce-cart-form {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.woocommerce table.shop_table {
min-width: 480px;
} .woocommerce-checkout #order_review,
.cart-collaterals {
width: 100% !important;
float: none !important;
}
}  @media (max-width: 921px) { .ikmore-shop-icons {
gap: 0.4rem;
margin-left: 0.5rem;
} .ikmore-login-btn {
font-size: 0.75rem;
padding: 4px 8px;
white-space: nowrap;
} .ikmore-shop-icon {
width: 36px;
height: 36px;
} .main-header-container {
flex-wrap: nowrap;
align-items: center;
}
} @media (max-width: 480px) {
.ikmore-login-btn { font-size: 0;
width: 36px;
height: 36px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--radius-btn);
background: var(--color-secondary);
}
.ikmore-login-btn::before {
content: "";
display: block;
width: 20px;
height: 20px;
background-color: var(--color-primary);
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c0-4 3.6-7 8-7s8 3 8 7'/%3E%3C/svg%3E");
mask-repeat: no-repeat;
mask-size: contain;
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 20c0-4 3.6-7 8-7s8 3 8 7'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: contain;
}
} .ast-header-break-point .main-navigation .menu-item .menu-link,
.ast-header-break-point .main-navigation ul .menu-item .menu-link {
font-family: var(--font-body);
font-size: 1rem;
color: var(--color-body);
font-weight: 500;
}
.ast-header-break-point .main-navigation .current-menu-item > .menu-link,
.ast-header-break-point .main-navigation .current-menu-ancestor > .menu-link {
color: var(--color-primary) !important;
font-weight: 700 !important;
}
.ast-header-break-point .main-navigation .menu-item .menu-link:hover {
color: var(--color-primary);
} .ast-mobile-popup-inner,
.ast-mobile-popup-content {
background-color: #fff !important;
} .ast-header-break-point .menu-toggle.main-header-menu-toggle {
color: var(--color-primary) !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
padding: 0.25rem !important;
line-height: 1 !important;
}
.ast-header-break-point .menu-toggle.main-header-menu-toggle:hover,
.ast-header-break-point .menu-toggle.main-header-menu-toggle:focus {
color: var(--color-primary) !important;
background: transparent !important;
opacity: 0.8;
} .ast-header-break-point .menu-toggle.main-header-menu-toggle .ast-icon,
.ast-header-break-point .menu-toggle.main-header-menu-toggle svg {
color: inherit !important;
fill: currentColor !important;
} @media (max-width: 921px) {
.main-header-menu .menu-item > .menu-link::after {
display: none;
}
} .ast-mobile-popup-inner .ast-builder-button-1,
.ast-mobile-popup-content .ast-builder-button-1 {
display: none !important;
}   @media (max-width: 921px) {
:root {
--space-xl: var(--space-md);
--space-lg: var(--space-md);
}
}
@media (max-width: 640px) {
:root {
--leading-tight:  1.15;
--leading-snug:   1.3;
--leading-normal: 1.55;
--gap-xl: 1.75rem;
--gap-lg: 1.5rem;
--gap-md: 1rem;
--gap-sm: 0.6rem;
--gap-xs: 0.35rem;
}
}  @media (max-width: 921px) {
.ast-primary-header-bar.main-header-bar,
.main-header-bar {
padding-top: 0.25rem !important;
padding-bottom: 0.25rem !important;
}
.site-header,
.site-header#masthead,
#masthead,
.ast-primary-header-bar {
height: var(--navbar-height-mob) !important;
min-height: var(--navbar-height-mob) !important;
}
.custom-logo {
height: auto !important;
width: auto !important;
max-height: 48px !important;
}
}  .site-content {
padding-top: var(--navbar-height);
}
@media (max-width: 921px) {
.site-content {
padding-top: var(--navbar-height-mob);
}
}  .ikmore-about-stats {
justify-content: center;
} .ast-primary-navigation-wrap li.menu-item:has(> a[href*="za-nas"]),
.ast-mobile-popup-inner li.menu-item:has(> a[href*="za-nas"]) {
display: none !important;
}