/* ------------------------------------------------------------------
   DawaApptak homepage — scoped styles
   All selectors are namespaced under .frontend-home-dawaapptak
   (site chrome) or .dawaapptak-home (page body). Cannot leak into
   AppTak or AppTech surfaces.
   Bootstrap 5 compatible. No Tailwind. No external imports.
------------------------------------------------------------------ */

.frontend-home-dawaapptak,
.dawaapptak-home {
    /* Brand tokens derive from scoped CMS Appearance colors:
       base_color controls the card/nav blue, base_hov_color controls
       the bright cyan accent used by the Flash Sales strip and buttons. */
    --dawa-blue:        var(--primary);
    --dawa-blue-dark:   color-mix(in oklch, var(--dawa-blue) 82%, #000000 18%);
    --dawa-blue-deep:   var(--dawa-blue-dark);
    --dawa-blue-light:  color-mix(in oklch, var(--dawa-blue) 12%, #ffffff);
    --dawa-cyan:        var(--hov-primary);
    --dawa-cyan-dark:   color-mix(in oklch, var(--dawa-cyan) 82%, #000000 18%);
    --dawa-ink:         var(--dawa-blue-dark);
    --dawa-text:        var(--dawa-ink);
    --dawa-muted:       #6c7a99;
    --dawa-card:        #ffffff;
    --dawa-bg:          #ffffff;
    --dawa-product-gray:#eeeeee;
}

.dawaapptak-home {
    background: var(--dawa-bg);
    color: var(--dawa-text);
    padding-bottom: 32px;
}

/* ---------- DawaApptak-only site chrome ---------- */
.frontend-home-dawaapptak .top-navbar {
    background-color: var(--dawa-blue) !important;
}

.frontend-home-dawaapptak header.bg-white {
    border-bottom-color: #e4ecf5 !important;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06) !important;
}

.frontend-home-dawaapptak header .logo-bar-area > .container > .d-flex {
    min-height: 96px;
}

.frontend-home-dawaapptak .logo-main img {
    max-height: 72px;
}

.frontend-home-dawaapptak .category-menu-icon-box {
    display: none !important;
}

.frontend-home-dawaapptak .front-header-search .input-group > .form-control {
    min-height: 48px;
    border-color: #cfdbe8 !important;
    border-radius: 4px 0 0 4px;
    font-size: 1.08rem;
    padding-left: 18px;
}

.frontend-home-dawaapptak .front-header-search .input-group-append .btn {
    min-width: 64px;
    border-radius: 0 5px 5px 0;
    background-color: var(--dawa-cyan) !important;
    border-color: var(--dawa-cyan) !important;
    color: #ffffff !important;
}

.frontend-home-dawaapptak .front-header-search .input-group-append .btn:hover,
.frontend-home-dawaapptak .front-header-search .input-group-append .btn:focus {
    background-color: var(--dawa-cyan-dark) !important;
    border-color: var(--dawa-cyan-dark) !important;
}

.frontend-home-dawaapptak .footer-widget,
.frontend-home-dawaapptak footer.bg-black {
    background-color: var(--dawa-blue-dark) !important;
}

.frontend-home-dawaapptak footer.bg-black {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

/* ---------- Section spacing ---------- */
.dawaapptak-home > section {
    padding-top: 18px;
    padding-bottom: 18px;
}

.dawaapptak-home > section:first-of-type {
    padding-top: 0;
}

/* ---------- Generic section header ---------- */
.dawaapptak-home .dawaapptak-home__section-head {
    margin-bottom: 14px;
    padding-bottom: 6px;
}

.dawaapptak-home .dawaapptak-home__section-title {
    color: #ffffff;
    font-size: 1.3rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.3;
}

.dawaapptak-home .dawaapptak-home__section-title--on-light {
    color: var(--dawa-text);
}

.dawaapptak-home .dawaapptak-home__section-title-underline {
    display: inline-block;
    padding-bottom: 6px;
    border-bottom: 2px solid var(--dawa-cyan);
}

.dawaapptak-home .dawaapptak-home__view-more {
    color: #ffffff;
    background: var(--dawa-blue);
    border: 1px solid var(--dawa-blue);
    padding: 6px 22px;
    border-radius: 999px;
    font-size: 0.85rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.dawaapptak-home .dawaapptak-home__view-more:hover,
.dawaapptak-home .dawaapptak-home__view-more:focus {
    background: var(--dawa-blue-dark);
    border-color: var(--dawa-blue-dark);
    color: #ffffff;
    transform: translateY(-1px);
}

/* ---------- HERO ---------- */
/* Hero shares the same cyan backdrop as the Flash Sales section so
   the two read as one continuous teal band when admin's hero image
   doesn't fully cover the slot. */
.dawaapptak-home .dawaapptak-home__hero {
    padding: 0;
    background: var(--dawa-cyan);
}

.dawaapptak-home .dawaapptak-home__hero-carousel {
    background: var(--dawa-cyan);
    overflow: hidden;
    border-radius: 6px;
}

.dawaapptak-home .dawaapptak-home__categories {
    background: var(--dawa-card);
    border: 1px solid color-mix(in oklch, var(--dawa-blue) 14%, #ffffff);
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.08);
}

.dawaapptak-home .dawaapptak-home__categories-header {
    min-height: 58px;
    padding: 0 18px;
    background: var(--dawa-blue-light);
    border-bottom: 1px solid color-mix(in oklch, var(--dawa-blue) 14%, #ffffff);
}

.dawaapptak-home .dawaapptak-home__categories-title {
    color: var(--dawa-ink);
    font-size: 1rem;
    font-weight: 700;
}

.dawaapptak-home .dawaapptak-home__categories-see-all {
    color: var(--dawa-blue);
    font-size: 0.82rem;
    font-weight: 600;
}

.dawaapptak-home .dawaapptak-home__categories-list {
    padding: 8px 0;
}

.dawaapptak-home .dawaapptak-home__category-link {
    display: flex;
    align-items: center;
    min-height: 42px;
    padding: 7px 18px;
    color: var(--dawa-text);
    text-decoration: none;
}

.dawaapptak-home .dawaapptak-home__category-link:hover,
.dawaapptak-home .dawaapptak-home__category-link:focus {
    color: var(--dawa-blue);
    background: var(--dawa-blue-light);
}

.dawaapptak-home .dawaapptak-home__category-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    object-fit: contain;
}

.dawaapptak-home .dawaapptak-home__category-name {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dawaapptak-home .dawaapptak-home__hero-carousel .carousel-inner,
.dawaapptak-home .dawaapptak-home__hero-carousel .carousel-item,
.dawaapptak-home .dawaapptak-home__hero-link {
    background: var(--dawa-cyan);
}

.dawaapptak-home .dawaapptak-home__hero-link {
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1200 / 430;
}

.dawaapptak-home .dawaapptak-home__hero-img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: none;
    object-fit: contain;
    object-position: center;
}

.dawaapptak-home .dawaapptak-home__hero-indicators [data-bs-target] {
    background-color: rgba(255, 255, 255, 0.7);
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 0;
}

.dawaapptak-home .dawaapptak-home__hero-indicators .active {
    background-color: var(--dawa-cyan);
}

.dawaapptak-home .dawaapptak-home__hero-control {
    opacity: 1;
    width: 64px;
    z-index: 3;
}

.dawaapptak-home .dawaapptak-home__hero-control .carousel-control-prev-icon,
.dawaapptak-home .dawaapptak-home__hero-control .carousel-control-next-icon {
    background-color: var(--dawa-blue);
    background-size: 17px 17px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25);
    height: 42px;
    width: 42px;
}

/* ---------- FLASH SALES ---------- */
.dawaapptak-home .dawaapptak-home__flash-section {
    background: var(--dawa-cyan);
    padding: 38px 0 42px;
}

.dawaapptak-home .dawaapptak-home__flash-card {
    background: #ffffff;
    border: 0;
    border-radius: 24px;
    padding: 30px 42px 42px;
    box-shadow: 0 12px 22px rgba(0, 0, 0, 0.34);
}

.dawaapptak-home .dawaapptak-home__flash-card .dawaapptak-home__section-title {
    color: var(--dawa-text);
}

.dawaapptak-home .dawaapptak-home__flash-card .dawaapptak-home__section-title-underline {
    border-bottom-color: var(--dawa-cyan);
}

.dawaapptak-home .dawaapptak-home__countdown {
    background: var(--dawa-blue);
    border-radius: 6px;
    padding: 5px 14px;
    color: #ffffff;
    font-weight: 700;
    font-size: 0.85rem;
    letter-spacing: 1px;
    border: 0;
    line-height: 1.2;
    align-self: center;
}

.dawaapptak-home .dawaapptak-home__countdown .countdown-section,
.dawaapptak-home .dawaapptak-home__countdown span,
.dawaapptak-home .dawaapptak-home__countdown div {
    color: #ffffff;
}

/* ------------------ Product card layout (Flash Sales + Find More)
   --------------------------------------------------------------------
   Two-zone card:
     - upper ~58% : navy image area (--dawa-blue from CMS --primary)
     - lower ~42% : white info zone with strikethrough + big price + name
   Two pill chips sit at the top of the card with a notched look,
   plus an Add-to-cart icon+label cluster at the bottom-right of navy.
   ------------------------------------------------------------------ */
.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box {
    border: 0 !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.10) !important;
    overflow: visible !important;   /* let pill chips poke out above */
    background: var(--dawa-product-gray, #eeeeee) !important;
    margin: 10px 0 0;
    position: relative;
    padding-top: 16px;              /* room for the pill chips */
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box > .position-relative,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box > .position-relative {
    background: var(--dawa-blue);   /* NAVY image area — matches design */
    min-height: 200px;
    border-radius: 12px;
    margin: 0 6px;
    position: relative;
    overflow: visible;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box > .position-relative > a,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box > .position-relative > a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    padding: 22px 14px 56px;        /* leave bottom room for Add-to-cart label */
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box img.img-fit,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box img.img-fit {
    width: auto;
    max-width: 78%;
    height: 138px !important;
    max-height: 138px;
    object-fit: contain;
    padding: 0;
    background: transparent;
}

/* "Qty : 1" pill — top-right of the card, notch-popping above the navy.
   "1" is the default min order quantity baked in via CSS; we don't have
   $product->min_qty in the shared product_box_1 partial. */
.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box > .position-relative::after,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box > .position-relative::after {
    content: none;
    display: none;
}

/* Info zone (under the navy block). Bigger padding so price + name
   match the design's weight. */
.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .p-md-3,
.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .p-2,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .p-md-3,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .p-2 {
    background: var(--dawa-product-gray, #eeeeee);
    padding: 14px 18px 18px !important;
}

/* Star rating is not part of the design — hide inside the dawa cards. */
.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .rating,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .rating {
    display: none !important;
}

/* Price block — strikethrough small with a red line, current price LARGE
   and bold navy, like the mockup. */
.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .text-primary,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .text-primary {
    color: var(--dawa-blue) !important;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .fs-15,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .fs-15 {
    color: var(--dawa-blue);
    font-size: 1.55rem !important;
    font-weight: 800;
    line-height: 1.05;
    display: flex;
    flex-direction: column-reverse;  /* old price (del) above current price */
    align-items: flex-start;
    gap: 2px;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box h3,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box h3 {
    height: auto !important;
    min-height: 30px;
    margin-top: 6px !important;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box h3 a,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box h3 a {
    color: var(--dawa-blue) !important;
    font-size: 0.92rem;
    font-weight: 700;
    line-height: 1.25;
    -webkit-line-clamp: 2;
}

/* "OFF X%" badge — white pill notched on top-left of the card */
.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .badge-custom,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .badge-custom {
    display: inline-flex !important;
    align-items: center;
    gap: 4px;
    background: #ffffff;
    color: var(--dawa-blue);
    border-radius: 999px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.14);
    font-weight: 800;
    font-size: 0.72rem;
    padding: 4px 12px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    position: absolute;
    top: -14px;
    right: 14px;
    left: auto;
    z-index: 3;
    line-height: 1.4;
}

/* The discount % is rendered inside .badge-custom in a nested .box span;
   keep it inline with the OFF label so they read as one pill. */
.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .badge-custom .box,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .badge-custom .box {
    background: transparent !important;
    color: inherit !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

/* Strikethrough old price — small grey text with a red strike, sits
   ABOVE the big current price (achieved via flex column-reverse on the
   .fs-15 wrapper above). */
.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box del,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box del {
    color: #9ca3af !important;
    font-size: 0.85rem !important;
    font-weight: 700 !important;
    text-decoration: line-through;
    text-decoration-color: #d94f4f;
    text-decoration-thickness: 1.6px;
    margin: 0 !important;
    display: inline-block;
    line-height: 1.2;
    opacity: 1 !important;
}

/* Add-to-cart cluster — keep it hidden until the card hover state.
   The product_box_1 partial renders 3 hover icons (wishlist, compare,
   cart). We hide the first two and let the cart anchor be a vertical
   column with the label baked in by CSS. */
.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .aiz-p-hov-icon,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .aiz-p-hov-icon {
    display: flex !important;
    flex-direction: row;
    align-items: flex-end;
    justify-content: flex-end;
    top: auto !important;
    right: 14px !important;
    bottom: 10px !important;
    left: auto !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: none !important;
    z-index: 3;
    background: transparent !important;
    padding: 0 !important;
    pointer-events: none;
    transition: opacity 0.15s ease, visibility 0.15s ease;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box:hover .aiz-p-hov-icon,
.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box:focus-within .aiz-p-hov-icon,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box:hover .aiz-p-hov-icon,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box:focus-within .aiz-p-hov-icon {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .aiz-p-hov-icon a:not(:last-child),
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .aiz-p-hov-icon a:not(:last-child) {
    display: none !important;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .aiz-p-hov-icon a,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .aiz-p-hov-icon a {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    width: 72px;            /* big enough for the "Add to cart" label */
    min-width: 72px;
    height: auto;
    line-height: 1.1;
    border-radius: 0 !important;
    display: inline-flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center;
    transition: opacity 0.15s ease;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .aiz-p-hov-icon a:hover,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .aiz-p-hov-icon a:hover {
    opacity: 0.85;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .aiz-p-hov-icon i,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .aiz-p-hov-icon i {
    font-size: 1.45rem;
    color: #ffffff;
    line-height: 1;
    display: block;
}

/* "Add to cart" label rendered as CSS pseudo so we don't have to touch
   the shared product_box_1 partial. */
.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .aiz-p-hov-icon a:last-child::after,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .aiz-p-hov-icon a:last-child::after {
    content: "Add to cart";
    color: #ffffff;
    font-size: 0.68rem;
    font-weight: 600;
    letter-spacing: 0.2px;
    margin-top: 2px;
    white-space: nowrap;
    text-align: center;
    line-height: 1.1;
}

/* Flash Sales design reference overrides. Keep these rules scoped to the
   flash card so the other DawaApptak product sections can keep their own
   layout. Brand colors still come from CMS-driven Dawa tokens. */
.dawaapptak-home .dawaapptak-home__flash-card {
    padding: 26px 34px 46px;
}

.dawaapptak-home .dawaapptak-home__flash-card .dawaapptak-home__section-head {
    margin-bottom: 24px;
}

.dawaapptak-home .dawaapptak-home__flash-card .dawaapptak-home__section-title {
    color: var(--dawa-blue);
    font-size: clamp(1.45rem, 2vw, 2.15rem);
    font-weight: 800;
}

.dawaapptak-home .dawaapptak-home__flash-card .dawaapptak-home__section-title-underline {
    border-bottom: 2px solid var(--dawa-cyan);
    padding-bottom: 5px;
}

.dawaapptak-home .dawaapptak-home__flash-card .dawaapptak-home__countdown,
.dawaapptak-home .dawaapptak-home__flash-card .dawaapptak-home__view-more {
    background: var(--dawa-cyan);
    border-color: var(--dawa-cyan);
    color: #ffffff !important;
}

.dawaapptak-home .dawaapptak-home__flash-card .dawaapptak-home__countdown {
    border-radius: 6px;
    padding: 6px 12px;
    font-size: clamp(0.9rem, 1.25vw, 1.2rem);
    font-weight: 800;
}

.dawaapptak-home .dawaapptak-home__flash-card .dawaapptak-home__view-more {
    border-radius: 6px;
    padding: 8px 14px;
}

.dawaapptak-home .dawaapptak-home__flash-card .dawaapptak-home__view-more:hover,
.dawaapptak-home .dawaapptak-home__flash-card .dawaapptak-home__view-more:focus {
    background: var(--dawa-cyan-dark);
    border-color: var(--dawa-cyan-dark);
}

.dawaapptak-home .dawaapptak-home__flash-card .dawaapptak-home__product-carousel {
    padding: 0 10px;
}

.dawaapptak-home .dawaapptak-home__flash-card .carousel-box {
    padding-left: 10px;
    padding-right: 10px;
}

.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box {
    background: #eeeeee;
    border-radius: 10px !important;
    box-shadow: none !important;
    margin: 0 !important;
    overflow: hidden !important;
    padding-top: 0 !important;
}

.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box > .position-relative {
    background: var(--dawa-blue);
    border-radius: 10px 10px 0 0;
    margin: 0;
    min-height: 168px;
    overflow: hidden;
}

.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box > .position-relative::after {
    content: none;
}

.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box > .position-relative > a {
    min-height: 168px;
    padding: 28px 14px 52px;
}

.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box img.img-fit {
    height: 112px !important;
    max-height: 112px;
    max-width: 78%;
}

.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .badge-custom {
    top: 24px;
    right: 0;
    left: auto;
    color: var(--dawa-cyan);
    transform: translateX(2px);
}

.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .aiz-p-hov-icon {
    right: 8px !important;
    bottom: 8px !important;
}

.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .aiz-p-hov-icon a {
    width: 58px;
    min-width: 58px;
}

.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .aiz-p-hov-icon i {
    font-size: 1.35rem;
}

.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .aiz-p-hov-icon a:last-child::after {
    font-size: 0.58rem;
}

.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .p-md-3,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .p-2 {
    background: #eeeeee;
    border-radius: 0 0 10px 10px;
    min-height: 124px;
    padding: 12px 10px 14px !important;
    position: relative;
}

.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .p-md-3::after,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .p-2::after {
    content: "Qty +1";
    position: absolute;
    top: 8px;
    right: 9px;
    color: #4a4a4a;
    font-size: 0.72rem;
    font-weight: 700;
}

.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .fs-15 {
    display: block;
    color: var(--dawa-blue);
    font-size: clamp(1.25rem, 1.55vw, 1.65rem) !important;
    font-weight: 800;
    line-height: 1.05;
    padding-right: 42px;
    white-space: nowrap;
}

.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box del {
    display: block;
    margin-bottom: 2px !important;
}

.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box h3 {
    margin-top: 4px !important;
    min-height: 34px;
}

.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box h3 a {
    color: #4a4a4a !important;
    font-size: clamp(0.78rem, 0.9vw, 0.95rem);
    font-weight: 800;
    line-height: 1.12;
}

/* AppTak-aligned product cards.
   Dawa now reuses the shared AppTak product_box_1 card in Flash Sales,
   Newly Added, and Find More. These final rules undo the earlier
   Dawa-specific product-card recipe while keeping the card surface tied
   to the Dawa header/CMS primary color. */
.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box {
    background: var(--dawa-blue) !important;
    border: 1px solid rgba(255, 255, 255, 0.28) !important;
    border-radius: 0.25rem !important;
    box-shadow: none !important;
    height: 364px;
    margin: 0.25rem 0 0.5rem !important;
    overflow: hidden !important;
    padding-top: 0 !important;
    position: relative;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box:hover,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box:hover,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
        0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box > .position-relative,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box > .position-relative,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box > .position-relative {
    background: transparent !important;
    border-radius: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
    overflow: hidden !important;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box > .position-relative::after,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box > .position-relative::after,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box > .position-relative::after,
.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .p-md-3::after,
.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .p-2::after,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .p-md-3::after,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .p-2::after,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .p-md-3::after,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .p-2::after,
.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .aiz-p-hov-icon a::after,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .aiz-p-hov-icon a::after,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .aiz-p-hov-icon a::after {
    content: none !important;
    display: none !important;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box > .position-relative > a,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box > .position-relative > a,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box > .position-relative > a {
    display: block !important;
    min-height: 0 !important;
    padding: 0 !important;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box img.img-fit,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box img.img-fit,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box img.img-fit {
    background: transparent !important;
    height: 140px !important;
    max-height: none !important;
    max-width: 100% !important;
    object-fit: contain;
    padding: 0 !important;
    width: auto !important;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .p-md-3,
.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .p-2,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .p-md-3,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .p-2,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .p-md-3,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .p-2 {
    background: transparent !important;
    border-radius: 0 !important;
    min-height: 0 !important;
    padding: 0.5rem !important;
    position: static !important;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .rating,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .rating,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .rating {
    display: block !important;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .fs-15,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .fs-15,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .fs-15 {
    color: #ffffff !important;
    display: block !important;
    flex-direction: initial !important;
    font-size: 0.9375rem !important;
    font-weight: inherit !important;
    gap: 0 !important;
    line-height: inherit !important;
    padding-right: 0 !important;
    white-space: normal !important;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .text-primary,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .text-primary,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .text-primary,
.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box h3 a,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box h3 a,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box h3 a {
    color: #ffffff !important;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box h3,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box h3,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box h3 {
    height: 35px !important;
    margin-top: 0 !important;
    min-height: 0 !important;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box h3 a,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box h3 a,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box h3 a {
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box del,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box del,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box del {
    color: rgba(255, 255, 255, 0.72) !important;
    display: inline !important;
    font-size: inherit !important;
    font-weight: 600 !important;
    line-height: inherit !important;
    margin: 0 0.25rem 0 0 !important;
    opacity: 1 !important;
    text-decoration: line-through;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .badge-custom,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .badge-custom,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .badge-custom {
    background: #ffffff !important;
    border-radius: 0 50em 50em 0 !important;
    box-shadow: 2px 1px 6px 2px rgba(0, 0, 0, 0.1),
        0 4px 4px 0 rgba(0, 0, 0, 0.06) !important;
    color: #ff0000 !important;
    display: inline-block !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    left: 0 !important;
    letter-spacing: 0 !important;
    line-height: 26px !important;
    padding: 3px !important;
    right: auto !important;
    text-transform: none !important;
    top: 20px !important;
    transform: none !important;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .badge-custom .box,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .badge-custom .box,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .badge-custom .box {
    background: #ff0000 !important;
    border: 0 !important;
    border-radius: 50% !important;
    color: #ffffff !important;
    display: inline-block !important;
    height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    width: 26px !important;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .aiz-p-hov-icon,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .aiz-p-hov-icon,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .aiz-p-hov-icon {
    align-items: initial !important;
    background: transparent !important;
    bottom: auto !important;
    display: block !important;
    flex-direction: initial !important;
    justify-content: initial !important;
    left: auto !important;
    opacity: 1 !important;
    padding: 0 !important;
    pointer-events: auto !important;
    right: 0 !important;
    top: 0 !important;
    transform: none !important;
    visibility: visible !important;
    z-index: 3;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .aiz-p-hov-icon a,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .aiz-p-hov-icon a,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .aiz-p-hov-icon a {
    background: #ffffff !important;
    border: 0 !important;
    border-radius: 50% !important;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 3px 8px rgba(0, 0, 0, 0.12) !important;
    color: #333333 !important;
    display: block !important;
    flex-direction: initial !important;
    font-size: 15px !important;
    height: 32px !important;
    line-height: 32px !important;
    margin: 5px 5px 0 0 !important;
    min-width: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    transform: translateX(calc(100% + 7px)) !important;
    width: 32px !important;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box:hover .aiz-p-hov-icon a,
.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box:focus-within .aiz-p-hov-icon a,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box:hover .aiz-p-hov-icon a,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box:focus-within .aiz-p-hov-icon a,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box:hover .aiz-p-hov-icon a,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box:focus-within .aiz-p-hov-icon a {
    transform: translateX(0) !important;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .aiz-p-hov-icon a:not(:last-child),
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .aiz-p-hov-icon a:not(:last-child),
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .aiz-p-hov-icon a:not(:last-child) {
    display: block !important;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .aiz-p-hov-icon a:hover,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .aiz-p-hov-icon a:hover,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .aiz-p-hov-icon a:hover {
    background: var(--dawa-cyan) !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

.dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .aiz-p-hov-icon i,
.dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .aiz-p-hov-icon i,
.dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .aiz-p-hov-icon i {
    color: inherit !important;
    display: inline !important;
    font-size: 15px !important;
    line-height: 32px !important;
}

@media (min-width: 768px) {
    .dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box img.img-fit,
    .dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box img.img-fit,
    .dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box img.img-fit {
        height: 210px !important;
    }

    .dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box .p-md-3,
    .dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box .p-md-3,
    .dawaapptak-home .dawaapptak-home__flash-card .aiz-card-box .p-md-3 {
        padding: 1rem !important;
    }
}

/* Static Stitch reference converted to a dynamic Blade card. These
   selectors only apply to the DawaApptak Flash Sales carousel. */
.dawaapptak-home .dawaapptak-home__flash-product {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 286px;
    overflow: hidden;
    background: var(--dawa-product-gray, #eeeeee);
    border: 1px solid rgba(17, 24, 39, 0.04);
    border-radius: 14px;
    box-shadow: 0 4px 8px rgba(15, 23, 42, 0.08);
}

.dawaapptak-home .dawaapptak-home__flash-product-media {
    position: relative;
    display: flex;
    min-height: 178px;
    padding: 24px 14px 48px;
    background: var(--dawa-blue);
    border-radius: 14px 14px 0 0;
}

.dawaapptak-home .dawaapptak-home__flash-product-discount {
    position: absolute;
    top: 22px;
    right: 0;
    left: auto;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 4px 10px;
    color: var(--dawa-cyan);
    background: #ffffff;
    border-radius: 999px 0 0 999px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.20);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.2px;
    white-space: nowrap;
}

.dawaapptak-home .dawaapptak-home__flash-product-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 106px;
}

.dawaapptak-home .dawaapptak-home__flash-product-img {
    width: auto;
    max-width: 82%;
    height: 112px;
    max-height: 112px;
    object-fit: contain;
}

.dawaapptak-home .dawaapptak-home__flash-cart {
    position: absolute;
    right: 8px;
    bottom: 8px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 62px;
    padding: 0;
    color: #ffffff;
    background: transparent;
    border: 0;
    line-height: 1;
    text-align: center;
}

.dawaapptak-home .dawaapptak-home__flash-cart i {
    font-size: 2rem;
    line-height: 1;
}

.dawaapptak-home .dawaapptak-home__flash-cart span {
    margin-top: 1px;
    font-size: 0.55rem;
    font-weight: 800;
    line-height: 1.1;
    white-space: nowrap;
}

.dawaapptak-home .dawaapptak-home__flash-product-info {
    position: relative;
    flex: 1 1 auto;
    min-height: 108px;
    padding: 11px 12px 13px;
    background: var(--dawa-product-gray, #eeeeee);
    border-radius: 0 0 14px 14px;
}

.dawaapptak-home .dawaapptak-home__flash-price {
    padding-right: 0;
    line-height: 1.05;
}

.dawaapptak-home .dawaapptak-home__flash-price del {
    display: block;
    width: max-content;
    max-width: 100%;
    color: #8d8d8d;
    font-size: 0.82rem;
    font-weight: 800;
    line-height: 1.1;
    text-decoration-color: #bf5a45;
    text-decoration-thickness: 2px;
}

.dawaapptak-home .dawaapptak-home__flash-current-price {
    display: block;
    color: var(--dawa-blue);
    font-size: clamp(1.35rem, 1.6vw, 1.95rem);
    font-weight: 900;
    line-height: 1.05;
    letter-spacing: -0.4px;
    white-space: nowrap;
}

.dawaapptak-home .dawaapptak-home__flash-product-title {
    min-height: 34px;
    margin: 2px 0 0;
    font-size: clamp(0.76rem, 0.88vw, 0.92rem);
    font-weight: 800;
    line-height: 1.12;
}

.dawaapptak-home .dawaapptak-home__flash-product-title a {
    display: -webkit-box;
    overflow: hidden;
    color: #4a4a4a;
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.dawaapptak-home .dawaapptak-home__flash-card .dawaapptak-home__product-carousel .slick-track {
    display: flex;
}

.dawaapptak-home .dawaapptak-home__flash-card .dawaapptak-home__product-carousel .slick-slide {
    height: auto;
}

.dawaapptak-home .dawaapptak-home__flash-card .dawaapptak-home__product-carousel .slick-slide > div,
.dawaapptak-home .dawaapptak-home__flash-card .carousel-box {
    height: 100%;
}

/* ---------- NEWLY ADDED PRODUCTS ----------
   Section uses the same .dawaapptak-home__product-carousel as Flash
   Sales / Find More so product cards stay visually consistent. Only
   the section background and padding live here. */
.dawaapptak-home .dawaapptak-home__newly-section {
    background: #ffffff;
    padding: 34px 0 32px;
}

/* ---------- PROMO BANNER ROWS ---------- */
.dawaapptak-home .dawaapptak-home__promo-card {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.06);
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.dawaapptak-home .dawaapptak-home__promo-card:hover,
.dawaapptak-home .dawaapptak-home__promo-card:focus {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(15, 23, 42, 0.12);
}

.dawaapptak-home .dawaapptak-home__promo-card img {
    display: block;
    width: 100%;
    height: auto;
}

/* ---------- FIND MORE PRODUCTS ---------- */
.dawaapptak-home .dawaapptak-home__find-more-section {
    background: var(--dawa-blue);
    border-radius: 0;
    padding: 72px 0 46px;
}

.dawaapptak-home .dawaapptak-home__find-more-card {
    background: #ffffff;
    border-radius: 24px;
    padding: 32px 38px 42px;
    box-shadow: 0 12px 22px rgba(0, 0, 0, 0.34);
}

.dawaapptak-home .dawaapptak-home__find-more-card .dawaapptak-home__section-title {
    color: var(--dawa-text);
}

.dawaapptak-home .dawaapptak-home__find-more-grid {
    margin-top: 14px;
}

/* Custom 5-per-row breakpoint only at lg+ to mirror the design's
   6-per-row feel; Bootstrap 5 lacks col-lg-2-4 so this fills the gap. */
.dawaapptak-home .col-lg-2-4 {
    flex: 0 0 auto;
    width: 20%;
}

@media (max-width: 991.98px) {
    .dawaapptak-home .col-lg-2-4 {
        width: 25%;
    }
}

@media (max-width: 767.98px) {
    .dawaapptak-home .col-lg-2-4 {
        width: 33.333%;
    }
}

@media (max-width: 575.98px) {
    .dawaapptak-home .col-lg-2-4 {
        width: 50%;
    }
}

/* Product cards inside the "Find More Products" grid follow the same
   visual recipe as the shared product carousel rules above — CMS-blue
   image area, light info row, orange/blue accents from --primary. */

/* Load More button */
.dawaapptak-home .dawaapptak-home__load-more {
    display: inline-block;
    background: var(--dawa-blue);
    color: #ffffff !important;
    border: 0;
    border-radius: 7px;
    padding: 11px 58px;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.18s ease, transform 0.18s ease;
}

.dawaapptak-home .dawaapptak-home__load-more:hover,
.dawaapptak-home .dawaapptak-home__load-more:focus {
    background: var(--dawa-blue-dark);
    transform: translateY(-1px);
}

.dawaapptak-home .dawaapptak-home__load-more:disabled {
    cursor: default;
    opacity: 0.75;
    transform: none;
}

/* ---------- BRANDS ---------- */
.dawaapptak-home .dawaapptak-home__brands-section {
    background: var(--dawa-blue);
    padding: 16px 0 76px;
}

.dawaapptak-home .dawaapptak-home__brands-section .dawaapptak-home__section-title,
.dawaapptak-home .dawaapptak-home__brands-section .dawaapptak-home__section-title--on-light {
    color: #ffffff;
}

.dawaapptak-home .dawaapptak-home__brands-section .dawaapptak-home__section-title-underline {
    border-bottom-color: transparent;
}

.dawaapptak-home .dawaapptak-home__brand-tile {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 0;
    border-radius: 10px;
    padding: 18px 16px;
    height: 128px;
    text-decoration: none;
    color: inherit;
    transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.dawaapptak-home .dawaapptak-home__brand-tile:hover,
.dawaapptak-home .dawaapptak-home__brand-tile:focus {
    transform: translateY(-2px);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
}

.dawaapptak-home .dawaapptak-home__brand-img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
}

/* ---------- Product detail (DawaApptak) ---------- */
.frontend-home-dawaapptak .dawaapptak-product-detail {
    background: var(--dawa-cyan);
    color: var(--dawa-text);
    padding: 30px 0 0;
    margin-bottom: -1.5rem;
}

.frontend-home-dawaapptak .dawaapptak-product-detail > section {
    margin-bottom: 18px !important;
    padding-top: 0 !important;
}

.frontend-home-dawaapptak .dawaapptak-product-detail > section:first-of-type {
    margin-top: 0;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .container {
    max-width: 1320px;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .bg-white {
    background: #ffffff !important;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .shadow-sm,
.frontend-home-dawaapptak .dawaapptak-product-detail .bg-white.rounded {
    border: 0 !important;
    border-radius: 8px !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.24) !important;
}

.frontend-home-dawaapptak .dawaapptak-product-detail h1 {
    color: var(--dawa-text);
    font-size: 1.18rem !important;
    line-height: 1.35;
}

.frontend-home-dawaapptak .dawaapptak-product-detail hr {
    border-color: #edf1f5;
    opacity: 1;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .text-primary {
    color: var(--dawa-blue) !important;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .btn-primary {
    background-color: var(--dawa-blue) !important;
    border-color: var(--dawa-blue) !important;
    color: #ffffff !important;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .btn-primary:hover,
.frontend-home-dawaapptak .dawaapptak-product-detail .btn-primary:focus {
    background-color: var(--dawa-blue-dark) !important;
    border-color: var(--dawa-blue-dark) !important;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .btn-soft-primary {
    background-color: color-mix(in oklch, var(--dawa-blue) 16%, #ffffff) !important;
    border-color: color-mix(in oklch, var(--dawa-blue) 20%, #ffffff) !important;
    color: var(--dawa-blue) !important;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .btn-soft-primary:hover,
.frontend-home-dawaapptak .dawaapptak-product-detail .btn-soft-primary:focus {
    background-color: color-mix(in oklch, var(--dawa-blue) 24%, #ffffff) !important;
    color: var(--dawa-blue-dark) !important;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .btn-link,
.frontend-home-dawaapptak .dawaapptak-product-detail .btn-link:hover,
.frontend-home-dawaapptak .dawaapptak-product-detail .btn-link:focus {
    color: var(--dawa-blue) !important;
    text-decoration: none;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .badge-info {
    background-color: var(--dawa-cyan) !important;
    color: #ffffff !important;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .product-gallery .carousel-box {
    min-height: 390px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .product-gallery .img-fluid {
    max-height: 390px;
    width: auto;
    object-fit: contain;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .product-gallery-thumb .carousel-box {
    border-color: color-mix(in oklch, var(--dawa-blue) 50%, #ffffff) !important;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .dawaapptak-product-detail__delivery-text {
    color: #d85c5c !important;
    font-weight: 600;
}

.frontend-home-dawaapptak .dawaapptak-product-detail #chosen_price {
    color: var(--dawa-blue) !important;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .aiz-plus-minus {
    border: 1px solid #e7ecf4;
    border-radius: 999px;
    overflow: hidden;
    background: #ffffff;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .aiz-plus-minus .btn {
    background: #f7f9fc !important;
    color: var(--dawa-blue) !important;
    border-radius: 50% !important;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .rating i.active,
.frontend-home-dawaapptak .dawaapptak-product-detail .rating .las.la-star.active {
    color: #f5b942 !important;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .aiz-nav-tabs {
    padding: 0 16px;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .aiz-nav-tabs a {
    color: var(--dawa-blue) !important;
    border-bottom: 2px solid transparent !important;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .aiz-nav-tabs a.active,
.frontend-home-dawaapptak .dawaapptak-product-detail .aiz-nav-tabs a.show {
    border-bottom-color: var(--dawa-blue) !important;
    margin-bottom: -1px;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .aiz-carousel .aiz-card-box {
    border-color: #eef1f6 !important;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .aiz-carousel .aiz-card-box h3 a,
.frontend-home-dawaapptak .dawaapptak-product-detail .bg-white .list-group-item h4 a {
    color: var(--dawa-blue) !important;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .aiz-carousel .slick-arrow {
    background: var(--dawa-blue) !important;
    color: #ffffff !important;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    line-height: 32px;
    opacity: 1;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .aiz-carousel .slick-arrow:hover {
    background: var(--dawa-blue-dark) !important;
    color: #ffffff !important;
}

.frontend-home-dawaapptak .dawaapptak-product-detail .bg-white .fs-16.fw-600,
.frontend-home-dawaapptak .dawaapptak-product-detail .bg-white h3.fs-16.fw-600 {
    color: var(--dawa-blue);
}

.frontend-home-dawaapptak .dawaapptak-product-detail .border-bottom > .fs-16.fw-600,
.frontend-home-dawaapptak .dawaapptak-product-detail .p-3.border-bottom > h3 {
    display: inline-block;
    padding-bottom: 6px;
    border-bottom: 2px solid var(--dawa-cyan);
}

.frontend-home-dawaapptak .dawaapptak-product-detail .aiz-share a:hover {
    opacity: 0.86;
}

.frontend-home-dawaapptak .dawaapptak-product-detail__faq-band {
    background: #f3f3f3;
    margin-top: 58px;
    padding: 58px 0 42px;
}

.frontend-home-dawaapptak .dawaapptak-product-detail__faq-band > .container.mb-4 {
    max-width: 1320px;
    margin-bottom: 0 !important;
}

.frontend-home-dawaapptak .dawaapptak-product-detail__faq-band > .container.mb-4 > section {
    border-radius: 8px !important;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04) !important;
    padding: 36px 24px 28px !important;
}

.frontend-home-dawaapptak .dawaapptak-product-detail__faq-band h2 {
    color: var(--dawa-blue);
    font-size: clamp(1.5rem, 2vw, 2.1rem);
    font-weight: 700;
    line-height: 1.2;
}

.frontend-home-dawaapptak .dawaapptak-product-detail__faq-band .lead {
    color: color-mix(in oklch, var(--dawa-cyan) 70%, #1f2937) !important;
    font-size: clamp(0.9rem, 1vw, 1rem);
    line-height: 1.45;
}

.frontend-home-dawaapptak .dawaapptak-product-detail__faq-band hr {
    display: none;
}

.frontend-home-dawaapptak .dawaapptak-product-detail__faq-band .accordion .card {
    background: transparent;
    border: 0;
    margin-bottom: 12px;
}

.frontend-home-dawaapptak .dawaapptak-product-detail__faq-band .accordion .card-header {
    background: var(--dawa-blue) !important;
    border: 0 !important;
    border-radius: 6px !important;
    padding: 0 !important;
}

.frontend-home-dawaapptak .dawaapptak-product-detail__faq-band .accordion .btn-link {
    color: #ffffff !important;
    font-size: 0.98rem;
    font-weight: 700 !important;
    padding: 12px 20px;
    text-decoration: none !important;
}

.frontend-home-dawaapptak .dawaapptak-product-detail__faq-band .accordion .card-body {
    color: #334155;
    background: #ffffff;
    border: 1px solid #e4ecf5;
    border-top: 0;
}

.frontend-home-dawaapptak .dawaapptak-product-detail__faq-band .btn-primary {
    background: var(--dawa-blue) !important;
    border-color: var(--dawa-blue) !important;
}

/* ---------- FAQ (shared partial restyled inside DawaApptak) ---------- */
.dawaapptak-home > .container.mb-4 {
    max-width: 1320px;
    margin-top: 24px;
}

.dawaapptak-home > .container.mb-4 > section {
    border-radius: 10px !important;
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.04) !important;
    padding: 36px 24px 28px !important;
}

.dawaapptak-home > .container.mb-4 h2 {
    color: var(--dawa-text);
    font-size: clamp(1.4rem, 2vw, 2rem);
    font-weight: 700;
    line-height: 1.2;
}

.dawaapptak-home > .container.mb-4 .lead {
    color: #475569 !important;
    font-size: clamp(0.9rem, 1vw, 1rem);
    line-height: 1.45;
}

.dawaapptak-home > .container.mb-4 hr {
    width: 36% !important;
    margin-bottom: 28px !important;
    border-color: rgba(15, 23, 42, 0.15) !important;
}

.dawaapptak-home > .container.mb-4 .accordion .card {
    background: transparent;
    border: 0;
    margin-bottom: 12px;
}

.dawaapptak-home > .container.mb-4 .accordion .card-header {
    background: var(--dawa-blue) !important;
    border: 0 !important;
    border-radius: 6px !important;
    padding: 0 !important;
}

.dawaapptak-home > .container.mb-4 .accordion .btn-link {
    color: #ffffff !important;
    font-size: 0.95rem;
    font-weight: 600 !important;
    padding: 12px 20px;
    text-decoration: none !important;
}

.dawaapptak-home > .container.mb-4 .accordion .card-body {
    color: #334155;
    background: #ffffff;
    border: 1px solid #e4ecf5;
    border-top: 0;
}

.dawaapptak-home > .container.mb-4 .btn-primary {
    background: var(--dawa-blue) !important;
    border-color: var(--dawa-blue) !important;
}

.dawaapptak-home > .container.mb-4 .btn-primary:hover {
    background: var(--dawa-blue-dark) !important;
    border-color: var(--dawa-blue-dark) !important;
}

/* ---------- Slick carousel arrows (DawaApptak palette) ---------- */
.dawaapptak-home .dawaapptak-home__product-carousel .slick-arrow {
    background: var(--dawa-blue);
    color: #ffffff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    line-height: 32px;
    opacity: 1;
}

.dawaapptak-home .dawaapptak-home__product-carousel .slick-arrow:hover {
    background: var(--dawa-blue-dark);
    color: #ffffff;
}

/* ---------- Responsive tweaks ---------- */
@media (max-width: 991.98px) {
    .frontend-home-dawaapptak .logo-main img {
        max-height: 56px;
    }

    .frontend-home-dawaapptak header .logo-bar-area > .container > .d-flex {
        min-height: 76px;
    }

    .dawaapptak-home > section {
        padding-top: 14px;
        padding-bottom: 14px;
    }

    .dawaapptak-home .dawaapptak-home__brand-tile {
        height: 80px;
        padding: 10px 8px;
    }
}

@media (max-width: 767.98px) {
    .dawaapptak-home .dawaapptak-home__flash-card,
    .dawaapptak-home .dawaapptak-home__find-more-card {
        padding: 14px 12px 16px;
    }

    .frontend-home-dawaapptak .dawaapptak-product-detail {
        padding-top: 18px;
    }

    .frontend-home-dawaapptak .dawaapptak-product-detail .product-gallery .carousel-box {
        min-height: 260px;
    }

    .frontend-home-dawaapptak .dawaapptak-product-detail .product-gallery .img-fluid {
        max-height: 260px;
    }

    .frontend-home-dawaapptak .dawaapptak-product-detail .aiz-nav-tabs {
        padding: 0 8px;
        flex-wrap: wrap;
    }

    .frontend-home-dawaapptak .dawaapptak-product-detail__faq-band {
        margin-top: 34px;
        padding: 34px 0 28px;
    }

    .dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box > .position-relative,
    .dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box > .position-relative,
    .dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box > .position-relative > a,
    .dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box > .position-relative > a {
        min-height: 150px;
    }

    .dawaapptak-home .dawaapptak-home__product-carousel .aiz-card-box img.img-fit,
    .dawaapptak-home .dawaapptak-home__find-more-grid .aiz-card-box img.img-fit {
        height: 140px !important;
    }

    .dawaapptak-home .dawaapptak-home__load-more {
        padding: 9px 28px;
        font-size: 0.95rem;
    }
}

@media (max-width: 575.98px) {
    .dawaapptak-home .dawaapptak-home__brand-tile {
        height: 70px;
    }

    .dawaapptak-home .dawaapptak-home__section-title {
        font-size: 1.05rem;
    }

    .dawaapptak-home > .container.mb-4 > section {
        padding: 24px 14px 18px !important;
    }
}