/* Jaal — fish & meat market look: dark navy header with a red menu bar, condensed uppercase type, square
   corners, "butcher tag" cards with a navy quantity bar. Loaded after the Shop Kit styles. */
body { --tsk-soft: #eef5f9; --tsk-cream: #f4f8fb; --tsk-line: #dce6ec; background: #fff; }
h1, h2, h3, .tsk-head__title, .tsk-hero__title, .tsk-deal__title, .tsk-banner__title, .tsk-cat__name, .tsk-feature__title, .tsk-p-title, .tsk-page-title { text-transform: uppercase; letter-spacing: .01em; }

/* Section heading: red bar kicker. */
.tsk-head__kicker { padding: 0 0 0 14px; border-left: 4px solid var(--tsk-primary); background: none; color: var(--tsk-primary); letter-spacing: .14em; font-weight: 700; }
.tsk-head__kicker::before { display: none; }
.tsk-head__title { font-weight: 600; }
.tsk-head__link { border-radius: 6px; }

/* Buttons and shapes: square-ish everywhere. */
.tsk-btn, .tsk-tabs__btn, .tsk-search__btn, a.tsk-mini.tsk-mini--choose, .tsk-wa, .tsk-hero__kicker { border-radius: 6px !important; }
.tsk-tabs__btn { text-transform: uppercase; letter-spacing: .06em; font-weight: 600; }
.tsk-tabs__btn.tsk-tabs__btn.is-active { background: var(--tsk-secondary, #0b2238); border-color: #0b2238; color: #fff; }

/* ---------- Product card: butcher tag ---------- */
.jl-card { position: relative; display: flex; flex-direction: column; min-width: 0; overflow: hidden; border: 1px solid #dce6ec; border-radius: 10px; background: #fff; transition: border-color .2s, box-shadow .25s; }
.jl-card:hover { border-color: #0b2238; box-shadow: 0 22px 40px -28px rgba(11, 34, 56, .7); }
.jl-card__pic { position: relative; display: block; aspect-ratio: 1; overflow: hidden; background: #eef5f9; }
.jl-card__img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s; }
.jl-card:hover .jl-card__img { transform: scale(1.06); }
.jl-card__unit { position: absolute; left: 0; bottom: 12px; padding: 5px 12px 5px 10px; border-radius: 0 6px 6px 0; background: #0b2238; color: #fff; font: 600 12.5px/1.2 var(--tsk-body); letter-spacing: .02em; }
.jl-card__off { position: absolute; top: 12px; left: 12px; padding: 5px 9px; border-radius: 4px; background: var(--tsk-primary); color: #fff; font: 600 14px/1 var(--tsk-head); letter-spacing: .02em; }
.jl-card__out { position: absolute; top: 12px; left: 12px; padding: 5px 9px; border-radius: 4px; background: #5b6670; color: #fff; font-size: 11.5px; font-weight: 700; }
.jl-card__wish.tsk-wish { top: 10px; right: 10px; border-radius: 6px; background: rgba(255, 255, 255, .92); color: #0b2238; }
.jl-card__body { display: flex; flex: 1; flex-direction: column; gap: 6px; padding: 14px 14px 10px; }
.jl-card__top { display: flex; justify-content: space-between; gap: 8px; font-size: 11.5px; }
.jl-card__cat { overflow: hidden; color: #1a8f9c; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; }
.jl-card__rate { flex: none; color: #e0a100; font-weight: 700; }
a.jl-card__name.jl-card__name { display: -webkit-box; overflow: hidden; color: #0b2238; font: 500 18px/1.2 var(--tsk-head); text-transform: uppercase; text-decoration: none; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
a.jl-card__name.jl-card__name:hover { color: var(--tsk-primary); }
.jl-card__price { margin-top: auto; color: var(--tsk-primary); font: 600 22px/1.1 var(--tsk-head); }
.jl-card__price del { margin-right: 6px; color: #9aa6b0; font-size: 15px; font-weight: 400; }
.jl-card__price ins { text-decoration: none; }
.jl-card__foot { padding: 0 14px 14px; }
.jl-card .tsk-mini { display: flex; width: 100%; padding: 0; overflow: hidden; border-radius: 6px; background: #0b2238; }
.jl-card .tsk-mini__step.tsk-mini__step { width: 38px; height: 42px; border-radius: 0; background: transparent; color: #fff; }
.jl-card .tsk-mini__step.tsk-mini__step:hover { background: rgba(255, 255, 255, .1); }
.jl-card .tsk-mini__n { color: #fff; min-width: 22px; }
.jl-card a.tsk-mini__add.tsk-mini__add { flex: 1; justify-content: center; height: 42px; margin: 0 0 0 auto; border-radius: 0; background: var(--tsk-primary); text-transform: uppercase; letter-spacing: .06em; }
.jl-card a.tsk-mini__add.tsk-mini__add:hover { background: #b51e2d; }
.jl-card a.tsk-mini.tsk-mini--choose, .jl-card a.tsk-mini.tsk-mini--out { justify-content: center; width: 100%; padding: 12px; text-transform: uppercase; letter-spacing: .06em; }
.jl-card a.tsk-mini.tsk-mini--choose { background: #fff; color: #0b2238; box-shadow: inset 0 0 0 1.5px #0b2238; }
.jl-card a.tsk-mini.tsk-mini--choose:hover { background: #0b2238; color: #fff; }

/* ---------- Header ---------- */
.tsk-location--header .tsk-logo__name, .tsk-location--footer .jl-logo .tsk-logo__name { color: #fff; font-size: 30px; text-transform: uppercase; letter-spacing: .04em; }
.jl-logo .tsk-logo__tag { color: #1fb5c4; }
.jl-logo .tsk-logo__mark { border-radius: 8px; }
.tsk-location--header .tsk-search__field { height: 48px; border: 0; border-radius: 6px; }
.tsk-location--header .tsk-search__btn { border-radius: 4px; height: 40px; text-transform: uppercase; letter-spacing: .06em; }
.tsk-location--header .tsk-search__icon { border-radius: 8px; background: rgba(255, 255, 255, .08); color: #fff; }
.tsk-location--header .tsk-icons__i { border-radius: 8px; }
.tsk-location--header .tsk-icons__a { color: #fff; }
.tsk-location--header .tsk-icons__t small { color: rgba(255, 255, 255, .6); }
.tsk-location--header .tsk-cart-count, .tsk-location--header .tsk-wish-count { border-color: #0b2238; background: #1fb5c4; color: #04212a; }
.tsk-location--header .tsk-burger { color: #fff; }
.jl-hot .elementor-icon-box-title a, .jl-hot .elementor-icon-box-title { color: #fff; }
.jl-navbar .tsk-nav > li > a { padding: 15px 16px; border-radius: 0; color: #fff; font: 500 15px/1.2 var(--tsk-head); text-transform: uppercase; letter-spacing: .06em; }
.jl-navbar .tsk-nav > li > a:hover, .jl-navbar .tsk-nav > li.current-menu-item > a { background: #b51e2d; color: #fff; }
.jl-navbar .tsk-nav .sub-menu { border-radius: 0 0 8px 8px; }

/* ---------- Hero: dark split, photo bleeds to the right edge ---------- */
.jl-hero .tsk-hero { border-radius: 0; }
.jl-hero .tsk-hero__slide { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); min-height: 540px; padding: 70px max(20px, calc((100vw - 1280px) / 2)) 110px; background: radial-gradient(circle at 15% 20%, #13385a 0, #0b2238 55%) !important; }
.jl-hero .tsk-hero__copy { grid-column: 1; max-width: 600px; }
.jl-hero .tsk-hero__art { position: absolute; inset: 0 0 0 50%; min-height: 0; }
.jl-hero .tsk-hero__art::before { display: none; }
.jl-hero .tsk-hero__img { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: cover; clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%); filter: none; animation: none; }
.jl-hero .tsk-hero__kicker { background: rgba(31, 181, 196, .14); color: #6fe3ee; box-shadow: none; }
.jl-hero .tsk-hero__kicker .tsk-ico { color: #6fe3ee; }
.jl-hero .tsk-hero__title { color: #fff; font-weight: 600; }
.jl-hero .tsk-hero__title .tsk-hl { color: #ff5c6c; }
.jl-hero .tsk-hero__title .tsk-hl::after { display: none; }
.jl-hero .tsk-hero__text, .jl-hero .tsk-hero__trust small { color: rgba(255, 255, 255, .75); }
.jl-hero .tsk-btn--ghost { background: transparent; border-color: rgba(255, 255, 255, .5); color: #fff !important; }
.jl-hero .tsk-btn--ghost:hover { background: #fff; color: #0b2238 !important; }
.jl-hero .tsk-chip { border-radius: 8px; }
.jl-hero .tsk-chip--chip1 { top: 16%; left: 54%; }
.jl-hero .tsk-chip--chip2 { bottom: 22%; right: 4%; }
.jl-hero .tsk-chip__i { border-radius: 6px; background: #fde8ea; }
.jl-hero .tsk-slider__dots { left: max(20px, calc((100vw - 1280px) / 2)); bottom: 74px; }

/* Promise strip sits on the hero edge. */
.jl-promise { position: relative; z-index: 4; margin-top: -50px; }
.jl-promise .tsk-feature { border: 0; border-radius: 8px; box-shadow: 0 20px 40px -26px rgba(11, 34, 56, .55); }
.jl-promise .tsk-feature__i { border-radius: 8px; }

/* ---------- Categories (tiles), features, deal, banners ---------- */
.tsk-cats--tile .tsk-cat { border-radius: 10px; }
.tsk-cats--tile .tsk-cat__text { left: 0; right: auto; bottom: 14px; padding: 10px 14px; border-radius: 0 6px 6px 0; background: #0b2238; }
.tsk-cats--tile .tsk-cat__name { color: #fff; font-weight: 500; }
.tsk-cats--tile .tsk-cat__count { color: #6fe3ee; }
.tsk-feature { border-radius: 8px; }
.tsk-feature__i { border-radius: 8px; }
.jl-dark .tsk-head__title, .jl-dark .tsk-feature__title { color: #fff; }
.jl-dark .tsk-feature { border: 1px solid rgba(255, 255, 255, .12); background: rgba(255, 255, 255, .04); }
.jl-dark .tsk-feature__text { color: rgba(255, 255, 255, .7); }
.jl-dark .tsk-head__kicker { color: #6fe3ee; border-color: #1fb5c4; }
.tsk-deal { border-radius: 10px; }
.tsk-deal::before { background: color-mix(in srgb, #d62839 45%, transparent); }
.tsk-deal .tsk-deal__title .tsk-hl { color: #ff5c6c; }
.tsk-deal .jl-card { border: 0; }
.tsk-deal__kicker { color: #6fe3ee; }
.tsk-banner { border-radius: 10px; }
.tsk-banner.is-fill::before { background: linear-gradient(90deg, rgba(11, 34, 56, .9) 0%, rgba(11, 34, 56, .35) 70%); }
.tsk-banner .tsk-hl { color: #ff5c6c; }
.tsk-review { border-radius: 10px; }
.tsk-review__q { color: #fbd3d7; }
.tsk-faq__item { border-radius: 8px; }
.tsk-faq__item[open] .tsk-faq__plus { background: var(--tsk-primary); }
.tsk-post { border-radius: 10px; }
.jl-frame img { box-shadow: 18px 18px 0 #1fb5c4; }

/* ---------- Footer ---------- */
.jl-hotband .elementor-heading-title a { color: #fff; }
.tsk-location--footer .tsk-copyright { color: rgba(255, 255, 255, .55); }

/* ---------- Product page ---------- */
.tsk-gallery__main { border-radius: 10px; }
.tsk-p-info { border-radius: 10px; background: #eef5f9; border: 0; }
.tsk-p-cart .single_add_to_cart_button { background: #0b2238 !important; border-color: #0b2238 !important; border-radius: 6px !important; text-transform: uppercase; letter-spacing: .05em; }
.tsk-p-cart .tsk-buy-now { background: var(--tsk-primary) !important; border-color: var(--tsk-primary) !important; color: #fff !important; border-radius: 6px !important; text-transform: uppercase; letter-spacing: .05em; }

@media (max-width: 1024px) {
	.jl-hero .tsk-hero__slide { display: flex; flex-direction: column; align-items: stretch; min-height: 0 !important; padding: 0 0 56px; }
	.jl-hero .tsk-hero__art { position: relative; inset: auto; order: -1; width: 100%; height: 300px; }
	.jl-hero .tsk-hero__img { clip-path: polygon(0 0, 100% 0, 100% 88%, 0 100%); }
	.jl-hero .tsk-hero__copy { max-width: none; padding: 6px 20px 0; }
	.jl-hero .tsk-chip--chip1 { top: 20px; left: 16px; }
	.jl-hero .tsk-chip--chip2 { display: none; }
	.jl-hero .tsk-slider__dots { left: 20px; bottom: 22px; }
	.jl-promise { margin-top: 0; }
}
@media (max-width: 767px) {
	.jl-hero .tsk-hero__art { height: 230px; }
	.jl-hero .tsk-hero__copy { padding: 0 16px; }
	.jl-hero .tsk-hero__title { font-size: 34px; }
	.jl-card__body { padding: 10px 10px 8px; }
	a.jl-card__name.jl-card__name { font-size: 15.5px; }
	.jl-card__price { font-size: 18px; }
	.jl-card__foot { padding: 0 10px 10px; }
	.jl-card .tsk-mini__step.tsk-mini__step { width: 30px; height: 38px; }
	.jl-card a.tsk-mini__add.tsk-mini__add { height: 38px; padding: 0 8px; }
	.jl-card a.tsk-mini__add span { display: none; }
	.jl-card__unit { bottom: 8px; font-size: 11px; padding: 4px 8px; }
	.jl-card__cat { display: none; }
	.tsk-location--header .tsk-logo__name { font-size: 24px; }
	.jl-hotband .elementor-heading-title { font-size: 30px; }
}
.jl-hero .tsk-hero__img.tsk-hero__img { border: 0; border-radius: 0; box-shadow: none; aspect-ratio: auto; }
.jl-hot .elementor-icon-box-wrapper { display: flex; align-items: center; gap: 10px; text-align: left; }
.jl-hot .elementor-icon-box-icon { margin: 0 !important; line-height: 0; }
.jl-hot .elementor-icon-box-title { margin: 0; white-space: nowrap; }
.jl-hot .elementor-icon-box-description { margin: 0; white-space: nowrap; }
.tsk-location--footer .elementor-icon-box-wrapper { display: flex; align-items: center; gap: 12px; text-align: left; }
.tsk-location--footer .elementor-icon-box-icon { margin: 0 !important; line-height: 0; }
.tsk-location--footer .elementor-icon-box-title { margin: 0; }
.tsk-location--footer .elementor-icon-box-description { margin: 0; }
.tsk-bnav.tsk-bnav a.is-active .tsk-bnav__i { background: #d62839; }
@media (max-width: 1024px) {
	.jl-hero .tsk-hero__art { display: block; overflow: hidden; margin: 0; }
	.jl-hero .tsk-hero__img.tsk-hero__img { position: absolute; inset: 0; height: 100%; max-height: none; }
	.jl-hero .tsk-hero__copy { justify-items: start; text-align: left; }
	.jl-hero .tsk-hero__btns, .jl-hero .tsk-hero__trust { justify-content: flex-start; }
}
.tsk-p-cart .quantity { border-radius: 6px !important; }

/* Photo next to text: as tall as the text column, cropped to fit (desktop + tablet). */
@media (min-width: 768px) {
	.e-con.e-flex:has(> .jl-frame:only-child) { position: relative; align-self: stretch; min-height: 320px; }
	.e-con.e-flex:has(> .jl-frame:only-child) > .jl-frame { position: absolute; inset: 0; margin: 0; }
	.e-con.e-flex:has(> .jl-frame:only-child) > .jl-frame :is(.elementor-widget-container, figure, a) { height: 100%; }
	.e-con.e-flex:has(> .jl-frame:only-child) > .jl-frame img { width: 100%; height: 100%; max-height: none; object-fit: cover; }
}

/* ---- Jaal's own look for shared parts (heading line, phone Home button, login card) ---- */
body .elementor .e-con-inner:has(> .elementor-widget-tsk-breadcrumb) > .elementor-widget h1 { letter-spacing: .5px; }
body .elementor .e-con-inner:has(> .elementor-widget-tsk-breadcrumb) > .elementor-widget h1::after { width: 54px; height: 6px; border-radius: 0; transform: translateX(-50%) skewX(-24deg); background: var(--tsk-primary); }
body .elementor .e-con-inner:has(> .elementor-widget-tsk-breadcrumb) > .elementor-widget h1::before { width: 150px; height: 2px; bottom: 2px; background: linear-gradient(90deg, transparent, var(--tsk-dark) 20%, var(--tsk-dark) 80%, transparent); }
@media (max-width: 767px) {
	body .tsk-bnav--center a.tsk-bnav__home .tsk-bnav__i { width: 54px; height: 54px; border-radius: 14px; transform: rotate(0); background: var(--tsk-primary); border: 3px solid var(--tsk-dark); box-shadow: 0 8px 18px -6px rgba(0, 0, 0, .45); }
	body .tsk-bnav--center a.tsk-bnav__home .tsk-bnav__i::after { display: none; }
	body .tsk-bnav.tsk-bnav--center a.tsk-bnav__home.is-active .tsk-bnav__i { background: var(--tsk-primary); }
	body .tsk-bnav--center a.tsk-bnav__home { color: var(--tsk-dark); text-transform: uppercase; letter-spacing: .5px; }
}
body .tsk-woo #customer_login.tsk-auth > .u-column1, body .tsk-woo #customer_login.tsk-auth > .u-column2 { border-radius: 8px; border: 0; border-top: 6px solid var(--tsk-primary); box-shadow: 0 18px 40px -22px rgba(9, 30, 56, .55), 0 0 0 1px var(--tsk-line); }
body .tsk-woo #customer_login.tsk-auth h2 { text-transform: uppercase; letter-spacing: 1px; }
body .tsk-woo #customer_login.tsk-auth input.input-text { border-radius: 6px; background: #fff; border-color: #cfd6e0; }
body .tsk-woo #customer_login.tsk-auth button[type="submit"] { border-radius: 6px; text-transform: uppercase; letter-spacing: 1px; }
body .tsk-auth__switch { border-top-style: solid; }
body .tsk-auth__switch a { border-bottom-color: var(--tsk-primary); text-transform: uppercase; font-size: 13px; letter-spacing: .5px; }

/* Phone footer: Shop + Help side by side (two equal columns, no wrap). */
@media (max-width: 767px) {
	.elementor .elementor-element.elementor-element-d57c6fd { flex-wrap: nowrap; gap: 16px; }
	.elementor .elementor-element.elementor-element-d57c6fd > .e-con-full { flex: 1 1 0; width: auto; min-width: 0; }
}