/* Presentation tokens inherit the site's editable brand and dark-mode palette. */
body.home {
    --jaygah-home-radius: var(--jds-radius-feature);
    --jaygah-home-space: clamp(20px, 3.4vw, 48px);
    --jaygah-home-shadow: var(--jds-shadow-card);
    background: var(--shkrn-var-color-light-dark-high);
}
:where(body.home .elementor) :where(h1,h2,h3,h4,h5,h6,p,input,button,a) { font-family: inherit; }
.jaygah-home-hero { max-width: var(--shkrn-var-container-width,1220px); width: calc(100% - 32px); margin-inline: auto; }
.jaygah-home-header { margin: 0 auto 30px; padding: 0; width: 100%; max-width: none; border: 0; border-radius: 0; background: var(--shkrn-var-color-light-dark-high); box-shadow: 0 1px 0 rgba(110, 132, 142, .09); }
.jaygah-home-header-inner { display: flex; align-items: center; gap: clamp(12px,2vw,28px); min-height: 88px; padding-block: 12px; min-width:0; }
.jaygah-home-header .shkrn-header-logo { flex: 0 0 auto; margin: 0; }
.jaygah-home-header .shkrn-header-logo img { max-width: 172px; max-height: 56px; object-fit: contain; }
.jaygah-home-header .header-menu-shkrn { flex: 1; justify-content: center; margin: 0; }
.jaygah-home-header .header-menu-shkrn > ul { display: flex; justify-content: center; gap: clamp(10px, 1.6vw, 24px); }
.jaygah-home-header .header-menu-shkrn > ul > li > a { min-height: 44px; display: inline-flex; align-items: center; font-weight: 700; }
.jaygah-home-header .current-menu-item > a { color: var(--shkrn-var-main-color); }
.jaygah-home-header-actions { display: flex; align-items: center; gap: 12px; margin-inline-start: auto; }
.jaygah-home-header .header-icon-shkrn, .jaygah-home-header .shkrn-menu-mobile-btn { min-width: 44px; min-height: 44px; border-radius: 50%; }
.jaygah-home-header .header-user-panel-box-btn-left { border-radius: 99px; background: var(--shkrn-var-color-light-dark-opacity-bg); padding: 5px 10px; }
.jaygah-home-header .header-menu-user-panel-box { border-radius: var(--jds-radius-card); box-shadow: var(--jaygah-home-shadow); }
.jaygah-home-hero {
    --jaygah-hero-base: var(--shkrn-var-main-color);
    background: var(--jaygah-surface-bg, var(--jds-action-background));
    border-radius: var(--jaygah-surface-radius, var(--jds-radius-feature));
    padding: var(--jaygah-surface-padding, clamp(24px,5vw,64px));
    box-shadow: var(--jaygah-surface-shadow, 0 22px 40px -24px rgba(10, 63, 70, .45));
    color: var(--jaygah-surface-text, var(--jds-action-text));
    isolation: isolate;
    min-width: 0;
    gap: clamp(22px, 4vw, 56px);
}
body.home .jaygah-home-hero :is(h1,h2,h3,p,.elementor-heading-title) { color: var(--jaygah-surface-text, var(--jds-action-text)); }
.jaygah-home-hero :is(h1,h2,.elementor-heading-title) { font-size: var(--jds-type-page); line-height: 1.5; font-weight: 850; text-wrap: balance; }
.jaygah-home-hero p { font-size: clamp(14px, 1.3vw, 17px); line-height: 2; opacity: .9; }
.jaygah-home-hero > .elementor-container { align-items: center; gap: clamp(20px, 3vw, 42px); width: 100%; }
.jaygah-home-hero .elementor-widget-wrap { align-content: center; }
.jaygah-home-hero :is(.elementor-column,.e-con,.elementor-widget) { min-width: 0; }
.jaygah-home-hero .slider-image-shkrn { padding: 10px; background: rgba(255,255,255,.10); border-radius: var(--jaygah-card-radius, var(--jds-radius-card)); box-shadow: 0 15px 32px -20px rgba(0,0,0,.45); }
.jaygah-home-hero .image-wrapper-slider-shkrn { border-radius: calc(var(--jaygah-card-radius, var(--jds-radius-card)) - 8px); }
.jaygah-home-hero .slider-item-shkrn img { display: block; width: 100%; height: auto; object-fit: contain; }
body.home .search-el-jaygah { display: block; width: 100%; margin-block: 14px; }
body.home .search-el-jaygah form { display: flex; align-items: center; gap: 8px; padding: 7px; border: 1px solid var(--jds-color-border); border-radius:var(--jaygah-control-group-radius,18px); background: var(--jds-color-surface); box-shadow: var(--jds-shadow-card); }
body.home .search-el-jaygah label { flex: 1; min-width: 0; margin: 0; }
body.home .search-el-jaygah input[name=s] { width: 100%; min-width: 0; min-height: 46px; border: 0; background: transparent; color: var(--jds-color-text); padding: 10px 14px; font-size: 14px; }
body.home .search-el-jaygah button { position: static; transform: none; inset: auto; width: 46px; height: 46px; flex: 0 0 auto; min-width: 46px; min-height: 46px; border: 0; border-radius:var(--jaygah-control-radius,12px); background: var(--jds-action-background); color: var(--jds-action-text); }
body.home .search-el-jaygah button svg { width: 22px; height: 22px; stroke: currentColor; }
.jaygah-home-surface,
body.home :is(.posts-section-shkrn,.tv-section-shkrn,.products-section-shkrn) {
    background: var(--jds-color-surface);
    color: var(--jds-color-text);
    border: 1px solid var(--jds-color-border);
    border-radius: var(--jaygah-surface-radius, var(--jaygah-home-radius));
    padding: var(--jaygah-surface-padding, var(--jaygah-home-space));
    box-shadow: var(--jds-shadow-card);
    margin-block: clamp(24px, 4vw, 52px);
    min-width: 0;
}
body.home .posts-section-header { gap: 16px; margin-bottom: 28px; align-items: center; flex-wrap: wrap; }
body.home .posts-title-shkrn h2 { font-size: var(--jds-type-section); line-height: 1.55; font-weight: 850; color: var(--jds-color-text); }
body.home .posts-title-shkrn h5 { font-size: 13px; font-weight: 400; line-height: 1.9; color: var(--jds-color-muted); }
body.home :is(.box-article,.box-course) { border-radius: var(--jds-radius-card); border: 1px solid var(--jds-color-border); background: var(--jds-color-surface); color: var(--jds-color-text); box-shadow: var(--jds-shadow-sm); overflow: hidden; transition: box-shadow .2s ease, border-color .2s ease, transform .2s ease; }
body.home :is(.box-article,.box-course):hover { border-color: var(--jds-color-primary); transform: translateY(-2px); box-shadow: var(--jds-shadow-raised); }
body.home .box-article img { border-radius: var(--jds-radius-media); }
body.home .more-button-section-shkrn { min-height: 44px; padding: 9px 15px; border-radius: var(--jds-radius-control); font-size: 12px; box-shadow: none; font-weight: 700; }
body.home .swiper-btn-style-shkrn { min-width: 44px; min-height: 44px; border-radius: var(--jds-radius-control); box-shadow: var(--jds-shadow-sm); }
body.home .swiper { max-width: 100%; min-width: 0; }
.jaygah-search-suggestions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.jaygah-search-suggestions a { display: inline-flex; align-items: center; min-height: 44px; padding: 6px 12px; background: rgba(255,255,255,.12); color: inherit; border-radius: var(--jds-radius-control); font-size: 12px; }
.jaygah-search-action { display: inline-flex; align-items: center; min-height: 46px; padding: 10px 18px; margin-top: 16px; background: var(--jds-action-background); color: var(--jds-action-text); border-radius: var(--jds-radius-control); }
body.home :is(input,button,a):focus-visible { outline: var(--jds-focus-width) solid var(--jds-focus-color); outline-offset: 4px; }

/* Filter Tabs on Carousels */
body.home .tab-cat-posts-shkrn a,
body.home .tab-cat-products-shkrn a {
    min-height: 38px;
    padding: 8px 16px;
    border-radius: var(--jds-radius-control);
    background: var(--jds-color-surface-soft);
    color: var(--jds-color-muted);
    font-size: 13px;
    font-weight: 600;
    border: 1px solid var(--jds-color-border);
    transition: all var(--jds-duration-fast) var(--jds-ease);
}
body.home .tab-cat-posts-shkrn a:hover,
body.home .tab-cat-products-shkrn a:hover {
    color: var(--jds-color-text);
    border-color: var(--jds-color-primary);
}
body.home .tab-cat-posts-shkrn a.active,
body.home .tab-cat-products-shkrn a.active {
    background: var(--jds-action-background);
    color: var(--jds-action-text);
    border-color: transparent;
    font-weight: 750;
}

/* Dark Mode Fallbacks for Articles */
body.dark-mode-shkrn .no-image-box-shkrn,
body.dark-mode-shkrn .img-box-article:has(.icon-no-image-shkrn) {
    background: var(--jds-color-surface-soft) !important;
    color: var(--jds-color-muted) !important;
}

@media (max-width: 1024px) {
    .jaygah-home-header-inner { gap: 16px; min-height: 76px; }
    .jaygah-home-header .header-menu-shkrn { display: none; }
    .jaygah-home-header .shkrn-menu-mobile-btn { display: inline-flex; align-items: center; justify-content: center; }
    .jaygah-home-hero { --jaygah-home-space: 28px; }
}
@media (max-width: 767px) {
    body.home { --jaygah-home-radius: 24px; --jaygah-home-space: 18px; }
    .jaygah-home-header { margin-bottom: 18px; }
    .jaygah-home-header-inner { min-height: 68px; padding-inline: 16px; }
    .jaygah-home-header .shkrn-header-logo img { max-width: 142px; max-height: 44px; }
    .jaygah-home-hero { --jaygah-home-space: 22px; }
    .jaygah-home-hero > .elementor-container { flex-wrap: wrap; }
    .jaygah-home-hero > .elementor-container > .elementor-column { width: 100%; }
    .jaygah-home-hero.e-con { flex-direction: column; }
    .jaygah-home-hero.e-con > .e-con { width: 100%; }
    body.home .top-section-shkrn { margin-bottom: 20px; }
    body.home .search-el-jaygah input[name=s] { padding-inline: 9px; font-size: var(--jds-type-body); }
}
@media (prefers-reduced-motion: reduce) {
    body.home :is(.box-article,.product-item-shkrn) { transition: none; }
}