html {
   font-family: var(--bk-font-base, Century Gothic);
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

/* [MCP:listing-header-card] */
/* Listing header + card alignment, for every container that renders a card.
   `ecommerce.min.css` scopes the header's flex row to
   `.widget-product .product-view .header`, so on the auto Category page
   (`#category-product-listing`, no `.widget-product` ancestor) the header stayed
   `display: block` and the toolbar items stacked instead of forming a row.

   Header split - the four possible items, in DOM order, are the view switcher
   (Default Mode), `.sortable` (Product Sorting), `.pagination-literal-status`
   (Results Count) and `.pagination`; a category page swaps the switcher for
   `.per-page-count`. Each is omitted when its setting is off, so the child count
   equals the number of visible items:
     4 items -> first two left, last two right
     3 items -> first two left, last right
     2 items -> one left, one right
     1 item  -> right
   The platform's own CSS only ever pushes `.pagination` right, which left every
   other combination lopsided. Below 992px the items stack full width, hence the
   gate; the block MUST stay at top level, because nested inside another @media
   it silently never applies.

   Card alignment follows the widget's Product Display toggles: a field that is
   switched off is not rendered at all, so `:has()` reads the card's own content -
   name + price only centres, anything else left-aligns (which is the default).
   The price row needs !important because the theme pins it with
   `justify-content: flex-start !important; text-align: left !important` in the
   same twinned group; the wrapper's own text-align does not.
   Generated by gen_listing.py from one template per container. */
#webcommander-page .widget-product .product-view:not(.scrollable-view) > .header,
#webcommander-page .category-details .product-view:not(.scrollable-view) > .header,
#webcommander-page .filter-details .product-view:not(.scrollable-view) > .header,
#webcommander-page .widget-related .product-view:not(.scrollable-view) > .header,
#webcommander-page .entire-elastic-search .product-view:not(.scrollable-view) > .header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
@media (min-width: 992px) {
    #webcommander-page .widget-product .product-view:not(.scrollable-view) > .header > :last-child,
    #webcommander-page .category-details .product-view:not(.scrollable-view) > .header > :last-child,
    #webcommander-page .filter-details .product-view:not(.scrollable-view) > .header > :last-child,
    #webcommander-page .widget-related .product-view:not(.scrollable-view) > .header > :last-child,
    #webcommander-page .entire-elastic-search .product-view:not(.scrollable-view) > .header > :last-child {
        margin-left: auto;
    }
    #webcommander-page .widget-product .product-view:not(.scrollable-view) > .header > :nth-child(3):nth-last-child(2),
    #webcommander-page .category-details .product-view:not(.scrollable-view) > .header > :nth-child(3):nth-last-child(2),
    #webcommander-page .filter-details .product-view:not(.scrollable-view) > .header > :nth-child(3):nth-last-child(2),
    #webcommander-page .widget-related .product-view:not(.scrollable-view) > .header > :nth-child(3):nth-last-child(2),
    #webcommander-page .entire-elastic-search .product-view:not(.scrollable-view) > .header > :nth-child(3):nth-last-child(2) {
        margin-left: auto;
    }
    #webcommander-page .widget-product .product-view:not(.scrollable-view) > .header > :nth-child(4):nth-last-child(1),
    #webcommander-page .category-details .product-view:not(.scrollable-view) > .header > :nth-child(4):nth-last-child(1),
    #webcommander-page .filter-details .product-view:not(.scrollable-view) > .header > :nth-child(4):nth-last-child(1),
    #webcommander-page .widget-related .product-view:not(.scrollable-view) > .header > :nth-child(4):nth-last-child(1),
    #webcommander-page .entire-elastic-search .product-view:not(.scrollable-view) > .header > :nth-child(4):nth-last-child(1) {
        margin-left: 0;
    }
}
#webcommander-page .widget-product .product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)),
#webcommander-page .category-details .product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)),
#webcommander-page .filter-details .product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)),
#webcommander-page .widget-related .product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)),
#webcommander-page .entire-elastic-search .product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)) {
    text-align: center;
}
#webcommander-page .widget-product .product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)) .product-name,
#webcommander-page .category-details .product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)) .product-name,
#webcommander-page .filter-details .product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)) .product-name,
#webcommander-page .widget-related .product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)) .product-name,
#webcommander-page .entire-elastic-search .product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)) .product-name,
#webcommander-page .widget-product .product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)) .product-name-link,
#webcommander-page .category-details .product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)) .product-name-link,
#webcommander-page .filter-details .product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)) .product-name-link,
#webcommander-page .widget-related .product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)) .product-name-link,
#webcommander-page .entire-elastic-search .product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)) .product-name-link {
    text-align: center;
}
#webcommander-page .widget-product .product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)) > .price-waper,
#webcommander-page .category-details .product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)) > .price-waper,
#webcommander-page .filter-details .product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)) > .price-waper,
#webcommander-page .widget-related .product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)) > .price-waper,
#webcommander-page .entire-elastic-search .product-view.image-view .product-block .block-content-wrap:not(:has(.summary, .parent-name, .review-rating-wrapper, .review-count, .in-stock, .out-of-stock, .widget-variation-product-list)) > .price-waper {
    justify-content: center !important;
    text-align: center !important;
}
/* [/MCP:listing-header-card] */

/* [MCP:listview-buttons] */
/* List view: make all five action buttons one control.
   Add To Wish List / Add To Compare are the reference the design already gets
   right - black pill, white 700 label, 10px/20px padding, olive on hover.
   Three did not match. Add To Cart is pinned by the theme's own
   `width: auto !important; min-width: 168px !important; padding: 0 26px !important`,
   which is what made it a 20px-tall pill next to their 40px, and it never
   changed colour on hover. Quick View and View Details still wear the
   platform's stock #008DF2 from product-action-bundle.css and sit in a
   separate, narrower column (109/116px against the black trio's 176px).

   Sizing uses a grid column of `max-content` instead of a pixel width: the
   column is as wide as the widest label and every button stretches to it, so
   the set stays equal if a product name, a translation or the font ever changes
   the natural width. `display: grid` is marked !important only because the
   theme's `display: flex` sits on a more specific selector; the geometry
   declarations themselves are plain. The overrides on Add To Cart must be
   !important to reach the theme's own !important, and the selectors deliberately
   omit `.widget-product` so category, filter, related and search listings get
   the same treatment as the home page widget. */
body#webcommander-page .product-view.list-view .product-block .wc-product-actions-group {
    display: grid !important;
    grid-template-columns: max-content;
    justify-content: start;
    align-items: stretch;
    row-gap: 0 !important;
}
body#webcommander-page .product-view.list-view .product-block .wc-product-actions-group > .btn-add,
body#webcommander-page .product-view.list-view .product-block .wc-product-actions-group > .wc-secondary-action-buttons {
    width: 100%;
    align-items: stretch;
    gap: 0 !important;
}
/* One spacing for the whole stack. The steps were 20 / 20 / 0 / 10 because the
   two containers each contribute their own gap and `.add-to-wish-list` carries
   a stray `margin: 10px 0 0` on top of it - so the seam between the black trio
   and the secondary pair collapsed while the others doubled up. Chasing it
   through the two gaps kept leaving one step odd, so the containers now
   contribute nothing and every button carries the same bottom margin; the last
   one drops it. Adjacent flex/grid siblings do not collapse margins, so the
   result is exactly one value everywhere, including across the seam. */
body#webcommander-page .product-view.list-view .product-block .wc-product-actions-group .btn-add > .add-to-cart-button,
body#webcommander-page .product-view.list-view .product-block .wc-product-actions-group .btn-add > .add-to-wish-list,
body#webcommander-page .product-view.list-view .product-block .wc-product-actions-group .btn-add > .add-to-compare-button,
body#webcommander-page .product-view.list-view .product-block .wc-product-actions-group .btn-add > .remove-from-compare-button,
body#webcommander-page .product-view.list-view .product-block .wc-product-actions-group .wc-secondary-action-buttons > .btn-quick-view,
body#webcommander-page .product-view.list-view .product-block .wc-product-actions-group .wc-secondary-action-buttons > .show-details-button {
    margin: 0 0 20px !important;
}
body#webcommander-page .product-view.list-view .product-block .wc-product-actions-group .wc-secondary-action-buttons > .show-details-button {
    margin-bottom: 0 !important;
}
/* the Quick View wrapper carries the theme's own `width: auto !important`,
   so its override has to be !important too or the button stays 135px */
body#webcommander-page .product-view.list-view .product-block .wc-product-actions-group .wc-secondary-action-buttons .btn-quick-view {
    width: 100% !important;
}
body#webcommander-page .product-view.list-view .product-block .wc-product-actions-group .btn-add .add-to-cart-button.button {
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px 20px !important;
}
body#webcommander-page .product-view.list-view .product-block .wc-product-actions-group .btn-add .add-to-cart-button.button,
body#webcommander-page .product-view.list-view .product-block .wc-product-actions-group .wc-secondary-action-buttons .btn-quick-view .quick-view-btn.button,
body#webcommander-page .product-view.list-view .product-block .wc-product-actions-group .wc-secondary-action-buttons .show-details-button.button {
    display: block;
    box-sizing: border-box;
    height: auto;
    background: rgb(26, 26, 26);
    color: rgb(255, 255, 255);
    border: 0;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.75px;
    line-height: 20px;
    text-align: center;
}
body#webcommander-page .product-view.list-view .product-block .wc-product-actions-group .wc-secondary-action-buttons .btn-quick-view .quick-view-btn.button,
body#webcommander-page .product-view.list-view .product-block .wc-product-actions-group .wc-secondary-action-buttons .show-details-button.button {
    width: 100%;
    padding: 10px 20px;
}
body#webcommander-page .product-view.list-view .product-block .wc-product-actions-group .btn-add .add-to-cart-button.button:hover,
body#webcommander-page .product-view.list-view .product-block .wc-product-actions-group .wc-secondary-action-buttons .btn-quick-view .quick-view-btn.button:hover,
body#webcommander-page .product-view.list-view .product-block .wc-product-actions-group .wc-secondary-action-buttons .show-details-button.button:hover {
    background: var(--bk-btn-hover-bg, var(--bk-color-primary, rgb(147, 156, 121)));
    color: rgb(255, 255, 255);
}
/* [/MCP:listview-buttons] */

/* [MCP:auth-responsive] */
/* Login / Registration: stop the card pushing the page sideways on phones.
   `site-fixed.min.css` gives `.login-form` `box-sizing: content-box`, and below
   1200px the theme sets `width: 100%`, so the card measured the full container
   PLUS its own 20px side padding and hung ~40px past the viewport - the page
   scrolled horizontally from about 500px down. Border-box makes the declared
   width include the padding, which is what `width: 100%` was meant to say.
   `max-width` is deliberately NOT touched: forcing it to 100% here also cancels
   the theme's 540px/600px cap and stretches the card across the whole tablet
   width. The classes are MERGED onto the body, not descended from it -
   `.page-login` / `.page-registration` sit on <body>, so
   `body#webcommander-page .page-login` would match nothing at all. */
@media (max-width: 1200px) {
    body#webcommander-page.page-login .login-form,
    body#webcommander-page.page-registration .registration-form {
        box-sizing: border-box;
    }
}

/* The footer newsletter field keeps a fixed width that is wider than a 320px
   screen, which left both auth pages (and every other page) scrolling
   sideways at that size even after the card was fixed. */
body#webcommander-page .footer input.subscription-email {
    max-width: 100%;
}
/* [/MCP:auth-responsive] */

/* [MCP:bk-colour-guard] */
/* Brand Kit colour guard.
   brand-kit-base.css styles text through `#webcommander-page h3` - an ID
   selector (1,0,1) - so it outranks every class-based colour rule this theme
   has. Enabling the kit therefore repainted text the design had deliberately
   set: the blog card titles, the page heading and the footer went from white
   to the kit's ink, and a few olive/muted tones flattened to it too.
   Each rule below re-states a declaration that ALREADY exists in the theme,
   with one more id so it keeps winning while the kit is on. Only `color` is
   restated, so nothing else in the cascade moves. Bare element selectors
   (`h4`, `p`) are deliberately NOT cloned - at +1 id they would outrank more
   specific theme rules; that difference belongs in the kit's own typography
   tokens instead. Generated from a measured kit-on/kit-off diff. */
body#webcommander-page .business-hours .hours-time-container p {
    color: rgba(31, 42, 7, 0.6);
}
body#webcommander-page .business-hours h2 {
    color: var(--bk-color-secondary, rgb(83, 90, 68));
}
body#webcommander-page .welcome-section .full-container .description-content p {
    color: rgb(28, 28, 28);
}
body#webcommander-page .widget-article .page_404 p {
    color: rgb(0, 0, 0);
}
body#webcommander-page .widget-pageHeading h1 {
    color: rgb(255, 255, 255);
}
#webcommander-page > .footer p {
    color: rgb(255, 255, 255);
}
body#webcommander-page section.our-news-section .full-container .blog-title-content {
    color: rgb(255, 255, 255);
}
/* [/MCP:bk-colour-guard] */
/* [MCP:widget-fixes] */
/* Widget defects on the fixed pages (404 / listing widgets).
   Deliberately placed OUTSIDE `MCP:home-xd-match`: that block is regenerated
   from the draft on every Editor publish, so anything written inside it is lost.
   It also sits LATER in the file, so each rule here must win on SPECIFICITY,
   not source order -- hence the `body#webcommander-page` + extra-class shape. */

/* 1. Product SLIDER: the "Add to wish list" label escaped its 41px circle and
   spilled across the card. Both views ship the same markup and the platform
   hides the label with `font-size: 0`, but `.product-view.scrollable-view
   .content *` (0,3,0) re-imposes 14px on every descendant and beat it. The
   image view -- which renders correctly -- keeps the label at 0. Match it.
   The glyph is unaffected: `.add-to-compare-button` already renders at 0. */
body#webcommander-page .product-view.scrollable-view .content .add-to-wish-list,
body#webcommander-page .product-view.scrollable-view .content .add-to-compare-button {
    font-size: 0;
    white-space: nowrap;
    /* Centre the FontAwesome glyph properly. A fixed line-height here made the
       icon's line box 41px inside a 21px content area, so the glyph sat off
       centre and the filled compare chip looked oversized next to the outlined
       wishlist one. The platform's own padding is asymmetric
       (10px 10px 0 on wishlist), so flex centring is what actually holds. */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
}

/* 2. CATEGORY widget (fee-category-2): `.category-name` is absolutely
   positioned at `bottom: 25px`, which the design intends as an overlay on the
   image -- but with a description enabled it lands ON TOP of `.summary`
   (name y=5820 inside summary 5807..5867). Return the name to flow so the card
   reads image -> name -> description, and clamp the summary so it ends on a
   whole line instead of a sliced one. */
body#webcommander-page .widget-category .category-view .category .category-name {
    position: static;
    bottom: auto;
}
/* The tile's configured height (361px) is shorter than the 1:1 image it holds
   (451px), so the picture spilled 90px past its box and covered the name and
   description. Home is unaffected -- there box and image are both 281px, so
   `height: auto` is a no-op. Letting the box follow the image also keeps the
   circular crop, which cropping to the box height would have turned into an
   ellipse. */
body#webcommander-page .widget-category .category-view .category > .image {
    height: auto;
    /* The real culprit: the box carries aspect-ratio 10/8, so at 451px wide it
       resolved to 361px tall regardless of height:auto, and the 1:1 photo
       inside overflowed by 90px onto the name and description. */
    aspect-ratio: auto;
}
/* The image is an INLINE replaced element inside an anchor whose line-height is
   0, so the line box came out ~90px shorter than the picture: height:auto on
   the box still measured 361px against a 451px image, and that overflow is what
   printed the name and description on top of the photo. Block layout removes
   the baseline/line-height interaction entirely. */
body#webcommander-page .widget-category .category-view .category > .image img {
    display: block;
}
body#webcommander-page .widget-category .category-view {
    height: auto;
    overflow: visible;
}
body#webcommander-page .widget-category .category-view .category .summary {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: auto;
    margin-top: 6px;
}

/* 3. BLOG CATEGORY widget: a single category sat in a 451px grid cell, so its
   description ran as a narrow column down the left with ~950px of empty page
   beside it. Let the item span the container and cap the IMAGE instead, so the
   picture keeps its size while the copy uses the full width. */
body#webcommander-page .widget-blogCategory .content .blog-category.category-image-view {
    width: 100%;
    max-width: 100%;
}
body#webcommander-page .widget-blogCategory .content .blog-category > .image {
    max-width: 451px;
}
/* The name spans the full row and centres, which left it floating in the middle
   of the page while the picture sits at the left edge. Tie it to the image. */
body#webcommander-page .widget-blogCategory .content .blog-category > .blog-category-name {
    max-width: 451px;
    text-align: center;
}

/* 4. BLOG POST titles were sliced mid-line. `max-height: 42px` assumes a 21px
   line, but the card title runs 22px/33px on the blog list and 22px/26.4px
   here, so two clamped lines need 66px and 52.8px respectively -- one pixel
   value cannot serve both. `-webkit-line-clamp: 2` already stops at two lines,
   so the max-height only ever truncated. */
body#webcommander-page .widget-blogPost .blog-post-item .post-description h4.title,
body#webcommander-page .widget-blogPost .blog-post-item .post-description h4.title > a {
    max-height: none;
}

/* 5. The fixed-page grid column carries a hard `width: 1400px` while its
   container is the viewport, so those pages scrolled sideways below 1400 --
   scrollWidth 1400 against clientWidth 375. Capping is a no-op on desktop
   (1400 already fits the 1500 container). */
body#webcommander-page .v-split-container > .v-split.grid-block {
    max-width: 100%;
}

/* 6. Last 40px of the mobile sideways scroll: the footer copyright paragraph
   carries `min-width: 400px`, and min-width beats the max-width an earlier fix
   added, so it held the page at 415px against a 375px viewport. Released below
   480px only -- desktop still honours the 400-520px measure. */
@media (max-width: 480px) {
    body#webcommander-page .widget.widget-article.copy-right-content p {
        min-width: 0;
    }
}

/* 7. SCROLL-VIEW (slider) buttons never got the override the grid view has, so
   they still rendered the platform default from ecommerce.min.css:
   `.fee-widget-product-scroll-view .product-view.scrollable-view .btn-add
   .add-to-cart-button` paints #008DF2 -- a square blue button with a blue
   border, 15px/600. The grid view is overridden in style.css and shows the
   approved pill. Twin the treatment rather than copy declarations, and use the
   kit tokens so the slider follows a palette change like everything else.
   One id beats the platform rule's five classes, so no !important is needed. */
body#webcommander-page .widget-product .product-view.scrollable-view .product-block .add-to-cart-button,
body#webcommander-page .widget-product .product-view.scrollable-view .product-block .add-to-cart-button.button {
    background: var(--bk-btn-fill, var(--bk-color-accent, #FCDC5C));
    background-color: var(--bk-btn-fill, var(--bk-color-accent, #FCDC5C));
    color: var(--bk-btn-text, var(--bk-color-ink, #1F2A07));
    border: 1px solid var(--bk-color-accent, #FCDC5C);
    border-radius: 50px;
    font-size: 13px;
    font-weight: 700;
    padding: 0 20px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
/* Compare and wishlist chips: the slider filled BOTH with the primary sage and
   white icons, while the grid shows a yellow compare chip and a white wishlist
   chip. The slider even mixed a yellow border onto a sage fill. Match the grid. */
body#webcommander-page .widget-product .product-view.scrollable-view .product-block .add-to-compare-button {
    background: var(--bk-color-accent, #FCDC5C);
    background-color: var(--bk-color-accent, #FCDC5C);
    color: var(--bk-color-ink, #1F2A07);
    border: 1px solid var(--bk-color-accent, #FCDC5C);
}
body#webcommander-page .widget-product .product-view.scrollable-view .product-block .add-to-wish-list {
    background: var(--bk-color-background, #FFFFFF);
    background-color: var(--bk-color-background, #FFFFFF);
    color: #666666;
    border: 1px solid #CCCCCC;
}

/* 8. Quick View / View Details in the slider were the same untouched platform
   blue: square, #008DF2 text and border, 14px/600 and `white-space: normal`,
   so "QUICK VIEW" wrapped to a second line and spilled out of its 41px box
   (scrollHeight > clientHeight). The grid view renders them as outlined pills
   at 12px/700 with nowrap. Same treatment here; the 35% border is expressed
   through the ink token so it tracks a palette change. */
body#webcommander-page .widget-product .product-view.scrollable-view .product-block .quick-view-btn,
body#webcommander-page .widget-product .product-view.scrollable-view .product-block .show-details-button {
    background: transparent;
    color: var(--bk-color-ink, #1F2A07);
    border: 1px solid color-mix(in srgb, var(--bk-color-ink, #1F2A07) 35%, transparent);
    border-radius: 50px;
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;
    padding: 0 22px;
    height: 41px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

/* 9. Slider card body laid its rows out as a WRAPPING ROW flex, so category,
   rating, stock and price packed side by side and re-wrapped per card: on one
   card "In stock" sat on its own line, on the next it floated to the right of
   the stars. The grid view uses a column flex, which is why its rows always
   read name / category / rating / stock / price. Same here. */
body#webcommander-page .widget-product .product-view.scrollable-view .product-block .block-content-wrap {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
    /* The shared 2px sage rule under `.block-content-wrap` stopped at the
       CONTENT edge while the flex row stretches every card to the tallest one,
       so it drew a line across mid-card and made the leftover space read as a
       second, empty box. The grid view already zeroes this border. */
    border-bottom: 0;
}

/* 10. Only the FIRST slider card kept a grey left border; every other card was
   given `border-left-color: #FFFFFF`. That is the seamless-grid trick, where a
   card leans on its neighbour's right border -- but these cards sit 10px apart,
   so the white edge simply read as a missing border on cards 2..n. Give each
   card its own. */
body#webcommander-page .widget-product .product-view.scrollable-view .product-block {
    border-left-color: #E6E6E6;
}

/* 11. ADD TO CART stopped at 233px inside a 340px card: the site-wide button
   rule pairs `width: 100%` with `max-width: 233px`, and nothing lifted the cap
   for this view (the grid view's own override does). Release it so the button
   fills the card the way it does in the grid. */
body#webcommander-page .widget-product .product-view.scrollable-view .product-block .add-to-cart-button,
body#webcommander-page .widget-product .product-view.scrollable-view .product-block .add-to-cart-button.button {
    max-width: none;
    width: 100%;
    /* The button also carries min-width: 195px, and min-width outranks width,
       so below ~230px of card it burst out of the card entirely (195px button
       in a 175px card at 768). Desktop is unaffected: width:100% already
       resolves to 310px there. */
    min-width: 0;
}
/* [/MCP:widget-fixes] */


body {
    margin: 0;
   font-family: var(--bk-font-base, Century Gothic);
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

a:active,
a:hover {
    outline: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    margin: .67em 0;
    font-size: 2em;
}

mark {
    color: #000;
    background: #ff0;
}

small {
    font-size: 80%;
}

sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}

sup {
    top: -.5em;
}

sub {
    bottom: -.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    vertical-align: middle;
}

.gift-card-fields .form-header .form-row {
    margin-bottom: 16px;
    flex-basis: 118px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px;
    border: 1px solid #c0c0c0;
}

legend {
    padding: 0;
    border: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-spacing: 0;
    border-collapse: collapse;
}

td,
th {
    padding: 0;
}

/* ------ end normalize css ------- */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 14px;
    line-height: 19px;
    color: #000;
    font-weight: 400;
    height: auto;
}

::selection {
    background-color: #262527;
    color: #fff;
}

::-moz-selection {
    background-color: #262527;
    color: #fff;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

select::-ms-expand {
    display: none;
}

input,
button,
select,
textarea {
   font-family: var(--bk-font-base, Century Gothic);
    font-size: inherit;
    line-height: inherit;
}

a {
   font-family: var(--bk-font-base, Century Gothic);
    font-size: 16px;
    color: #000;
    font-weight: 400;
}

a:hover {
    color: #000;
}
.widget-html a, .widget-html a:link{
     text-decoration: underline;
}
.widget-html a:hover, .widget-html a:active, .widget-html a:visited {
    text-decoration: none;
	color:var(--bk-color-primary, rgba(147, 156, 121, 1));
}
.widget-article a {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    text-decoration: underline;
}
.widget-html a.primary-btn {
     text-decoration: none;
}
.widget-article a:hover {
    color: #3c3a3a;
}

img {
    max-width: 100%;
    vertical-align: middle;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-family: var(--bk-font-base, Century Gothic);
    text-transform: capitalize;
    font-weight: 600;
}

h1,
h2,
h3 {
    padding-bottom: 0;
    color:var(--bk-color-ink, #1F2A07);
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 40px;
    margin-bottom: 15px;
    padding-bottom: 0;
    line-height: 30px;
	font-weight: 600;
	color: var(--bk-color-ink, #1F2A07);
    font-family: var(--bk-font-base, Century Gothic);
}

h1 {
    font-size: 45px;
	line-height: 50px;
}

h2 {
    font-size: 40px;
	line-height: 48px;
}

h3 {
    font-size: 35px;
	line-height: 45px;
}

h4 {
    font-size: 30px;
	line-height: 40px;
}

h5 {
    font-size: 25px;
	line-height: 32px;
}

h6 {
    font-size: 20px;
	line-height: 28px;
}

p {
    color: #000;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height:28px;
    margin: 0 0 15px;
}

.heading-title1 {
    color: #000;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0 0 10px 0;
    line-height: 59px;
}

ul,
ol {
    margin-bottom: 20px;
    padding: 0 0 0 20px;
}

ul li,
ol li {
    position: relative;
    margin: 0;
    padding: 0 0 10px 0px;
    list-style-type: none;
    color: #000;
    line-height: 25px;
    font-size: 16px;
    font-weight: 500;
    font-family: var(--bk-font-base, Century Gothic);
    position: relative;
}

ol li {
    list-style-type: decimal;
}

ul li::after {
    content: "";
    height: 6px;
    width: 6px;
    background-color: #000;
    position: absolute;
    left: -20px;
    top: 9px;
    border-radius: 50%;
}

table {
    max-width: 100%;
    table-layout: inherit;
    margin-bottom: 20px;
}

table,
th,
td {
    border: 1px solid #ebebeb;
    padding: 12px;
    text-align: left;
    color: #898b90;
    font-size: 15px;
}

table th {
    font-weight: 600;
}

body input[type="submit"], body input[type="button"], body button, body .button, body a.button, body.widget-snippet button, body.widget-snippet .button{
    color:var(--bk-btn-text, var(--bk-color-ink, #1F2A07));
    text-align: center;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: var(--bk-btn-font-size, 13px);
    font-style: normal;
    font-weight:var(--bk-btn-font-weight, 700);
    line-height: normal;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    border: 1px solid var(--bk-btn-border-color, var(--bk-color-accent, #FCDC5C));
    max-width: 233px;
    height: 41px;
    padding: 10px 20px;
    display: inline-block;
    background: var(--bk-btn-fill, var(--bk-color-accent, #FCDC5C));
	border-radius: var(--bk-btn-radius, 50px);
    text-decoration: none;
    width: 100%;
	/*display: flex;
    justify-content: center;
    align-items: center;*/
}

.add-to-compare-button:hover,
.add-to-wish-list:hover,
.remove-from-compare-button:hover,
.add-to-wish-list.disabled:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover,
body a.button:hover {
    border: 0;
    background-color: var(--bk-btn-hover-bg, var(--bk-color-primary, #939C79)) !important;
    color: var(--bk-btn-hover-color, #fff) !important;
}

body input[type="submit"][disabled],
body input[type="button"][disabled],
body button[disabled],
body .button.disabled,
body a.button.disabled,
body input[type="submit"][disabled]:hover,
body input[type="button"][disabled]:hover,
body button[disabled]:hover,
body .button.disabled:hover,
body a.button.disabled:hover {
    background: #086AC2 none repeat scroll 0 0;
    border: 1px solid #bfbfbf;
    color: #fff;
}

body input[type="submit"][disabled],
body input[type="button"][disabled],
body button[disabled],
body .button.disabled,
body a.button.disabled,
body input[type="submit"][disabled]:hover,
body input[type="button"][disabled]:hover,
body button[disabled]:hover,
body .button.disabled:hover,
body a.button.disabled:hover {
    background: #bfbfbf none repeat scroll 0 0;
    border: 1px solid #bfbfbf;
    color: #818181;
}


/*form element desgin*/
.form-row, .widget-form .form-row {
    margin: 0 0 20px 0;
    position: relative;
}

input[type="text"],
input[type="password"],
textarea,
select {
    border: 1px solid #000;
    box-sizing: border-box;
    height: 40px;
    padding: 5px 10px;
    margin: 0;
    width: 350px;
    border: 0;
}

.gift-card-fields .form-content .form-row>label {
    display: block;
    text-transform: capitalize;
    width: auto;
    line-height: normal;
    opacity: 0.8;
    margin: 0;
    color: #000;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0.14px;
}

input[type='checkbox'] {
    accent-color: black;
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-color: #c7c7c7;
    height: 45px;
    border-width: 1px;
    font-family: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 15px;
    background: #f9f9f7 url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%228%22%20viewBox%3D%220%200%2013%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M6.08033%204.98902L1.48284%200.260421C1.3196%200.093151%201.0984%20-0.000624856%200.867882%20-0.000277555C0.637367%206.97456e-05%200.416429%200.094512%200.253669%200.262273C0.09091%200.430034%20-0.000337289%200.657371%206.49057e-07%200.894274C0.000338587%201.13118%200.092234%201.35824%200.255471%201.52551L5.46252%206.88268C5.62063%207.04454%205.83336%207.13755%206.05648%207.14238C6.2796%207.14721%206.49595%207.06348%206.66055%206.9086L11.9083%201.52921C12.0715%201.36194%2012.1634%201.13488%2012.1637%200.897977C12.1641%200.661074%2012.0728%200.433737%2011.9101%200.265976C11.7473%200.0982151%2011.5264%200.00377289%2011.2959%200.0034256C11.0653%200.00307832%2010.8441%200.0968547%2010.6809%200.264124L6.08033%204.98902Z%22%20fill%3D%22black%22%2F%3E %3C%2Fsvg%3E") no-repeat right 15px center;
    background-position-x: right 15px;
    background-size: auto;
    background-position-x: right;
    background-size: auto;
    background-position-x: calc(100% - 12px);
    background-size: 12px;
    margin: 0;
    border: 1px solid #d7d9d3;
    border-radius: 5px;
    background-position-y: calc(100% - 17px);
}
.message-block.error-message, .message-block.error {
    background-color: var(--bk-color-background, #fff);
    border: 0;
    color: #dd6159;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
}

.message-block.info-message,
.message-block.success {
    background-color: #d5f4d5;
    border: 0 solid #c2e7c2;
    color: #008000;
    margin: 0;
    font-size: 15px;
    font-weight: 400;
}

table th {
    font-weight: 600;
    background: rgba(159, 159, 159, 0.1);
    color: #000;
    font-size: 16px;
}

textarea {
    height: 150px;
    width: 100%;
    padding: 0;
    background-color: rgba(240, 241, 236, 0.4);
    border: 1px solid rgba(83, 90, 68, 0.2);
    border-radius: 5px;
    padding: 10px 15px;
}

code,
table,
th,
td,
ul,
ol,
li,
dl,
dt,
dd,
form,
fieldset,
legend,
input[type="submit"],
input,
input[type="text"],
textarea,
select,
input[type="password"],
address,
input[type="file"],
input[type="hidden"],
button,
input[type="image"],
blockquote {
    color: #000;
    font-size: 14px;
    font-weight: 400;
   font-family: var(--bk-font-base, Century Gothic);
    line-height: 25px;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus,
.store-credit-request-form textarea:focus {
    border: 1px solid var(--bk-color-accent, #FCDC5C);
}

input[type="password"], 
input[type="text"], 
.widget-form input[type="text"], 
.widget-form textarea, 
.widget-form .form-row select {
  width: 100%;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 15px;
  height: 45px;
  border-width: 1px;
  font-size: 15px;
  font-weight: 500;
  line-height: 30px;
  margin: 0;
  border: 0;
  color: #000;
  background: rgba(240, 241, 236, 0.4);
  background-color: rgba(240, 241, 236, 0.4);
  border: 1px solid rgba(83, 90, 68, 0.2);
  border-radius: 5px;
}

.widget-form textarea {
    height: 90px;
}

.widget-form .form-row {
    padding-bottom: 0;
}

.widget-form .double-input-row .form-row {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.errorlist.after .message-block {
   color: #fb1607;
   letter-spacing: 0;
   margin: 0;
}

.errorlist.after {
    font-size: 13px;
    line-height: 16px;
}
.confirm-password.form-tag-as-form .errorlist.after {
    position: relative;
    left: inherit;
}
select.error-field-error.inline-error,
select.validation-error,
textarea.error-field-error.inline-error,
textarea.validation-error {
    background-color: transparent;
    border: 1px solid #dd6159 !important;
}

input[type="checkbox"]+span,
input[type="radio"]+span {
    margin-right: 20px;
}

.widget>.widget-title {
    color: #272727;
    font-family: 'Didot';
    font-size: 26px;
    font-weight: 600;
    line-height: 28px;
    padding-bottom: 20px;
    text-transform: capitalize;
}

.widget-form .sub-form-row {
    display: table;
}

.widget-form .form-row input {
    height: 40px;
}

.widget-form .form-row input[type="radio"],
.widget-form .form-row input[type="checkbox"] {
    height: auto;
}

.widget-form button.Zebra_DatePicker_Icon {
    cursor: pointer;
    background: none;
}

.Zebra_DatePicker_Icon_Wrapper:after {
    content: "\f073";
    font-family: 'Fontawesome';
    font-size: 18px;
    position: absolute;
    right: 10px;
    top: 7px;
}

.widget-form .form-row>label,
.widget-form .sub-form-row span {
    width: 280px;
}

.widget-form .radio-checkbox-row {
    margin-top: -24px;
    padding-left: 205px;
}

.widget-form .sub-form-row>* {
    float: left;
}

.widget-form .sub-form-row span {
    margin-top: 5px;
    width: 200px;
    font-size: 14px;
}

.widget-form .sub-form-row input+span {
    clear: left;
}

.widget-form .sub-form-row input {
    margin: 7px 0;
}

.widget-form .radio-checkbox-row .radio,
.widget-form .radio-checkbox-row .checkbox {
    margin: 7px 0;
}

.widget-form .form-row .sub-form-row label {
    width: 202px;
}

.widget-form .sub-form-row {
    margin: 20px 0 0;
}

.widget-form .sub-form-row>label {
    margin-top: 14px;
}
.button:hover, a.button:hover, button:hover, input[type=button]:hover, input[type=submit]:hover {
    background-color: var(--bk-btn-hover-bg, var(--bk-color-primary, #939c79));
    border-color: var(--bk-btn-hover-bg, var(--bk-color-primary, #939c79));
    color: var(--bk-btn-hover-color, #fff);
}
.owl-carousel .owl-controls .owl-dot, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-nav .owl-prev {
    text-transform: capitalize;
}
/*====== End Fixed-width-layout ======*/

.page-content>.v-split-container>.v-split {
    margin: auto;
    width: 1400px;
}

.widget-container>.page-content>.v-split-container>.v-split .widget,
.widget-container>.page-content>.v-split-container>.v-split .widget.widget-snippet.spaceLeftRight {
    padding-left: 15px;
    padding-right: 15px;
}

.page-home .widget-container>.page-content>.v-split-container>.v-split .widget,
.page-home .widget-container>.page-content>.v-split-container>.v-split .widget.widget-snippet.spaceLeftRight {
    padding-left: 0;
    padding-right: 0;
}

.widget-container>.page-content>.v-split-container>.v-split .widget.widget-snippet,
.widget-container>.page-content>.v-split-container>.v-split .widget.noSpaceLeftRight {
    padding-left: 0;
    padding-right: 0;
}

.body .widget-container .page-content {
    min-height: 380px;
  position:relative;
}



.page-content>.v-split-container>.v-split .widget.widget-snippet,
.page-content>.v-split-container>.v-split .widget.noSpaceLeftRight {
    padding-left: 0;
    padding-right: 0;
}

/*======  Inner-layout-control-css ======*/
.mega-menu-submenu-container {
    top: 40px;
    border-radius: 10px;
}
.horizontal .navigation-item .has-mega-menu-toggle {
    margin-left: 5px;
}
.widget-accordion-advance.accordion-panel > .label-bar .toggle-icon {
    position: absolute;
}
/*======  Inner-layout-control-css ======*/
.widget-pageHeading {
    background: var(--bk-color-background, #fff);
    padding: 70px 0 50px;
    text-align: left;
    margin-bottom: 60px;
}

.page-product-care .widget-pageHeading {
    display: none;
}

.page-return-policy .widget-pageHeading,
.page-shipping-policy .widget-pageHeading {
    margin-bottom: 0px;
}

.widget-pageHeading h1,
.widget-pageHeading h2 {
    margin: 0 auto;
    max-width: 1400px;
    color: #fff;
    text-align: center;
    font-family: Ashbury;
    font-size: 42px;
    font-weight: 300;
    line-height: 55.48px;
    z-index: 1;
    position: relative;
}

.widget-pageHeading.page-heading-bg {
    padding: 135px 0 140px;
    text-align: left;
    margin-bottom: 100px;
    background: url('../images/page-heading-bg.png') no-repeat;
    position: relative;
	background-size: cover;
}

.widget-pageHeading.page-heading-bg:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    background: #000;
    opacity: 0.4;
    width: 100%;
    height: 100%;
}

.page-product-care .widget-pageHeading {
    display: none;
}
.widget-html.page-heading,
.widget-pageHeading {
    padding: 110px 0 125px;
    text-align: left;
    background: url('/template/22a214cc/images/page-heading-bg.png') no-repeat;
    background-size: cover;
    margin: 0 0 100px 0;
	z-index: 0;
}
body#webcommander-page .widget-pageHeading h1,
body#webcommander-page .widget-pageHeading h2,
body#webcommander-page .widget-html.page-heading h1,
body#webcommander-page .widget-html.page-heading h2{
    margin: 0 auto;
    max-width: 1400px;
    color: #fff;
    position: relative;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 60px;
    font-weight: 400;
    line-height: 73.56px;
    letter-spacing: 0.02em;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}
.widget-pageHeading h1:before,
.widget-html.page-heading h1:before{
    position: absolute;
    content: '';
    height: 4px;
    background:var(--bk-color-accent, rgba(252, 220, 92, 1));
    width: 90px;
    bottom: -28px;
    transform: translateX(-50%);
    left: 50%;
}

.breadcrumb-item .separator {
    font-size: 0px;
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    width: 26px;
    text-align: center;
    align-items: center;
    justify-content: center;
    height: 18px;
}

span.breadcrumb-item {
    color: #fff;
}

.breadcrumb-item .separator::after {
    content: '';
    color: #fff;
    font-size: 15px;
    font-family: 'Didot';
    width: 5px;
    height: 8px;
    background: url('../images/breadcumb-separator.svg');
}

.breadcrumb-item.root .icon {
    background: none;
    display: inline-block;
    padding: 0px;
    width: auto;
    height: auto;
}

.breadcrumb-item.root .icon::after {
    content: 'Home';
    display: inline-block;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-family: var(--bk-font-base, Century Gothic);
    margin-right: 0;
}

.breadcrumb-item.root .icon::after {
    color: #000;
    opacity: 0.6;
}

.breadcrumb-item .label {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-family: var(--bk-font-base, Century Gothic);
    opacity: 0.6;
}

.breadcrumb-item.current {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    font-family: var(--bk-font-base, Century Gothic);
}

.widget.widget-breadcrumb.page-breadcrumb {
    position: absolute;
    right: 260px;
    top: 41%;
    z-index: 1;
}

.widget.widget-breadcrumb.page-breadcrumb .breadcrumb-item .separator::after,
.widget.widget-breadcrumb.page-breadcrumb .breadcrumb-item.root .icon::after,
.widget.widget-breadcrumb.page-breadcrumb span.breadcrumb-item {
    color: #fff;
}

.widget.widget-breadcrumb.page-breadcrumb span.breadcrumb-item .icon:hover::after {
    color: #fff;
}

.widget.widget-breadcrumb {
    position: absolute;
    bottom: 32%;
    width: 100%;
    text-align: center;
}

div.image-popup-container.popup {
  padding: 0;
  min-width: auto;
  background: var(--bk-color-background, #fff);
  width: 100vw !important;
  height: 100vh !important;
  top: 0 !important;
  left: 0 !important;
}
.image-popup-container .navigator.close-button {
  position: absolute;
}

img.popup-image {
  display: block;
  margin: 0 auto;
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
.image-popup-container .navigator.right-button, .image-popup-container .navigator.left-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
/*====== End Inner-layout-control-css ======*/
.checkout-header .checkout-header-left {
    padding: 28px 0 28px 15px;
}
.checkout-header .checkout-header-left .logo-panel img {
	max-width: 210px;
    object-fit: contain;
    margin-top: -50px;
    height: 80px;
}
.checkout-page.version-2 .advance-checkout-order-details-left-dom-inner {
    max-width: 590px;
}
.checkout-page.version-2 .checkout-button-wrapper-bottom .advance-checkout-next-step-parser-button {
    line-height: 18px;
}
#webcommander-page .checkout-page.version-2 .order-summary-panel .cart-overview-header, #webcommander-page .checkout-page.version-2 .advance-checkout-order-details-left-dom-inner .page-heading{
          font-size: 26px;
  font-family: var(--bk-h1-family, var(--bk-font-heading, inherit));
    font-weight: 500;
}
/** Placeholder Start **/

input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: var(--bk-color-primary, #8F977D);
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.016em;
    text-align: left;
    opacity: unset;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: var(--bk-color-primary, #8F977D);
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.016em;
    text-align: left;
    opacity: unset;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: var(--bk-color-primary, #8F977D);
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.016em;
    text-align: left;
    opacity: unset;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: var(--bk-color-primary, #8F977D);
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 14px;
    font-weight: 400;
   line-height: 20px;
    letter-spacing: 0.016em;
    text-align: left;
    opacity: unset;
}

textarea ::-webkit-textarea-placeholder {
    /* Chrome/Opera/Safari */
    color: var(--bk-color-primary, #8F977D);
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.016em;
    text-align: left;
    opacity: unset;
}

:-ms-textarea-placeholder {
    /* IE 10+ */
    color: var(--bk-color-primary, #8F977D);
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.016em;
    text-align: left;
    opacity: unset;
}

textarea::placeholder,
::placeholder {
    color: var(--bk-color-primary, #8F977D);
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.016em;
    text-align: left;
    opacity: unset;
}
.page-contact-us textarea::placeholder,
.page-contact-us input::placeholder{
   color: var(--bk-color-secondary, rgba(83, 90, 68, 1));
    font-weight: 600;

}

/** User Nav Start **/



.widget-navigation.user-nav .menu-title .menu-button {
    background: url(../images/user-icon.svg) no-repeat;
    width: 100%;
    user-select: none;
    text-align: right;
    width:14px;
	height:16px;
    margin: 0;
    margin-right: auto;
    height: 24px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.widget-navigation.user-nav .menu-title .menu-button em {
    display: none;
}
.widget-navigation.user-nav .responsive-navigation .navigation-item.gift-cards span.label {
    padding-left: 3px;
}
.widget-navigation.user-nav a[href="#"],
.widget-navigation.user-nav .child-opener {
    display: none !important;
}

.widget-navigation.user-nav .nav-wrapper.vertical.show {
    width: 256px;
    position: absolute;
    left: 50%;
    height: auto;
    top: 35px;
    background: var(--bk-color-background, #fff);
    transform: translateX(-50%);
    box-shadow: 0px 0px 24px 10px rgba(67, 67, 67, 0.1);
}
.widget-navigation .nav-profile-not-logged-in {
    padding: 20px;
}
.widget-navigation.user-nav .responsive-navigation .navigation-item {
    display: block;
    padding: 0;
    background: transparent;
}
.widget-navigation .nav-profile-logged-in {
    padding: 16px 20px;
}

.widget-navigation .nav-profile-logged-in a.autoGeneratedPage:hover {
    background-color: transparent !important;
    opacity: .8;
}
.widget-navigation .nav-profile-logged-in .nav-customer-name {
    width: 114px;
}


.widget-navigation .navigation-item .nav-profile-not-logged-in>.autoGeneratedPage:hover {
    background: #000 !important;
}

.widget-navigation span.customer-register-link a  {
    border: 0 !important;
    padding: 0 !important;
}
.widget-navigation span.customer-register-link a:hover {
    background-color: transparent !important;
    opacity: .8;
}

.widget-navigation.user-nav .responsive-navigation .navigation-item:last-child a {
    border-bottom: 0;
}

.widget-navigation.user-nav .nav-wrapper.vertical.show::before {
    content: "";
    width: 15px;
    height: 15px;
    background: var(--bk-color-background, #fff);
    top: -6px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    left: 47%;
    position: absolute;
    transform: rotate(45deg);
    transition: all 300ms ease-out 0s;
}

.widget-navigation.user-nav .responsive-navigation .navigation-item a:hover {
    background: #f5f5f5;
}

.widget-navigation.user-nav .menu-title {
    position: relative;
}
.widget-navigation.user-nav .menu-title:after{
	content:'My Account';
	position:absolute;
	top:0;
	left:25px;
	font-family: var(--bk-font-base, Century Gothic);
   font-size: 15px;
   font-weight: 700;
   line-height: 18.39px;
   letter-spacing: 0.02em;
   color:#fff;
   cursor: pointer;
   text-transform:uppercase;
}

/** User Nav End**/
/** User Nav Start **/

.widget.widget-navigation.user-nav {
    z-index: 1;
}

.widget-navigation.user-nav .menu-title .menu-button {
    background: url(../images/user-icon.svg) no-repeat;
    width: 100%;
    user-select: none;
    text-align: right;
    max-width: 40px;
    margin: 0;
    margin-right: auto;
    height: 24px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
	cursor:pointer;
}

.widget-navigation.user-nav .menu-title:hover .menu-button,
.widget-navigation.user-nav .menu-title .menu-button.close {
    opacity: 0.7;
}

.widget-navigation.user-nav .menu-title .menu-button em {
    display: none;
}
.widget-navigation.user-nav .responsive-navigation .navigation-item.gift-cards span.label {
    padding-left: 3px;
}
.widget-navigation.user-nav a[href="#"],
.widget-navigation.user-nav .child-opener {
    display: none !important;
}

.widget-navigation.user-nav .nav-wrapper.vertical.show {
    width: 256px;
    position: absolute;
    left: 50%;
    height: auto;
    top: 35px;
    background: var(--bk-color-background, #fff);
    transform: translateX(-50%);
    box-shadow: 0px 0px 24px 10px rgba(67, 67, 67, 0.1);
}
.widget-navigation .nav-profile-not-logged-in {
    padding: 20px;
}
.widget-navigation.user-nav .responsive-navigation .navigation-item {
    display: block;
    padding: 0;
    background: transparent;
}
.widget-navigation.user-nav .responsive-navigation .navigation-item:last-child a {
  border-top: 0;
}
.widget-navigation .nav-profile-logged-in {
    padding: 16px 20px;
}
.widget-navigation .nav-profile-logged-in a.autoGeneratedPage {
    padding: 0 0 0px 0 !important;
    border-top: 0 !important;
    border-bottom: 0px solid #000 !important;
}
.widget-navigation .nav-profile-logged-in .nav-customer-name {
  font-size: 17px;
}
.widget-navigation .nav-profile-logged-in a.autoGeneratedPage:hover {
    background-color: transparent !important;
    opacity: .8;
}
.widget-navigation .nav-profile-logged-in .nav-customer-name {
    width: 114px;
}
.widget-navigation.user-nav .responsive-navigation .navigation-item a {
    border-bottom: 1px solid rgb(233, 233, 233);
    margin:0;
    text-align: left;
    padding: 14px 14px 14px 20px;
    background: var(--bk-color-background, #fff);
    text-transform: capitalize;
    text-decoration: none;
    position: relative;
    letter-spacing: 0.15px;
    border-top: 1px solid rgb(233, 233, 233);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    color: #000;
    vertical-align: middle;
}
.widget-navigation .navigation-item .nav-profile-not-logged-in>.autoGeneratedPage {
    border: 0 !important;
    display: inline-block!important;
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #000 !important;
    border-radius: 100px;
    border: 1px solid #000;
    background: var(--bk-color-accent, #FCDC5C)!important;
    width: 122px;
    height: 34px;
    padding: 7px 16px !important;
    text-align: center !important;
}
.widget-navigation .navigation-item .nav-profile-not-logged-in>.autoGeneratedPage:hover {
    background:var(--bk-color-primary, #939C79) !important;
	color:#fff!important;
}
.widget-navigation .nav-profile-not-logged-in .nav-customer-qa {
    color: #000;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
}
.widget-navigation span.customer-register-link a  {
    border: 0 !important;
    padding: 0 !important;
}
.widget-navigation span.customer-register-link a:hover {
    background-color: transparent !important;
    opacity: 100;
}
.widget-navigation span.customer-register-link a span {
    color: #333;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.12px;
    border-bottom: 1px solid;
    padding-bottom: 2px;
}

.widget-navigation.user-nav .responsive-navigation .navigation-item:last-child a {
    border-bottom: 0;
}

.widget-navigation.user-nav .nav-wrapper.vertical.show::before {
    content: "";
    width: 15px;
    height: 15px;
    background: var(--bk-color-background, #fff);
    top: -6px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    left: 47%;
    position: absolute;
    transform: rotate(45deg);
    transition: all 300ms ease-out 0s;
}

.widget-navigation.user-nav .responsive-navigation .navigation-item a:hover {
    background: transparent;
    background-color: transparent;
    color: #000;
    opacity: 0.7;
}

.widget-navigation.user-nav .menu-title {
    position: relative;
}

/** User Nav End**/


/*========= main menu ========= */
.widget-navigation.main-menu {
    text-align: center;
	    /** z-index: 99; **/
}

.widget-navigation.main-menu .nav-wrapper.horizontal {
    text-align: left;
}

.widget-navigation.main-menu .navigation-item.has-child {
    position: relative;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.widget-navigation.main-menu .nav-wrapper.horizontal>.navigation-item.has-child>a span {
    position: relative;
}

.widget-navigation.main-menu .nav-wrapper.horizontal>.navigation-item.has-child:hover>a span::after {
    color:var(--bk-color-accent, #FCDC5C);
    content: '\f106';
}
.widget-navigation.main-menu .nav-wrapper.horizontal>.navigation-item.active.has-child>a span::after{
	color:var(--bk-color-accent, #FCDC5C);
}
.widget-navigation.main-menu .nav-wrapper.horizontal > .navigation-item.has-child:hover > a {
    color: var(--bk-color-accent, #FCDC5C);
}
.widget-navigation.main-menu .navigation-item {
    padding: 0 22px;
}

.widget-navigation.main-menu .navigation-item:first-of-type {
    padding-left: 0;
}

.widget-navigation.main-menu .navigation-item:last-of-type {
    padding-right: 0;
}

.widget-navigation.main-menu .navigation-item.sale-menu a {
    color: #dd6159;
    text-transform: uppercase;
}

.widget-navigation.main-menu .navigation-item.sale-menu a:hover {
    opacity: unset;
    color: #000;
}

.widget-navigation.main-menu .navigation-item a {
    padding: 10px 0px;
    text-decoration: none;
    position: relative;
    font-style: normal;
    text-transform: uppercase;
    border-bottom: 1px solid transparent;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 15px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0.1em;
    text-align: left;
    color: rgb(255, 255, 255);
}
.widget-navigation.main-menu .navigation-item a:hover{
	color:var(--bk-color-accent, #FCDC5C);
}
.widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a:hover {
    background: var(--bk-color-accent, #FCDC5C);
    color: #000;
}
.widget-navigation.main-menu .navigation-item .navigation-item-child-container::before {
    content: "";
    position: absolute;
    top: -8px;
    left: 50%;
    width: 0px;
    height: 0px;
    border-color: transparent transparent #fff;
    border-style: solid;
    border-width: 0px 8px 8px 8px;
    border-style: solid;
    z-index: 1;
}
.widget-navigation.main-menu .navigation-item.active a{
	color:var(--bk-color-accent, #FCDC5C);
}
.fee .widget-navigation.main-menu .navigation-item a {
	    padding: 0;
}
.widget-navigation.main-menu .navigation-item:first-child a {
    padding-left: 0;
}

.widget-navigation.main-menu .navigation-item:last-child a {
    padding-right: 0;
}

.widget-navigation.main-menu .navigation-item a span {
    position: relative;
}

.widget-navigation.main-menu .navigation-item a:hover span::before {
    height: 5px;
}

.widget-navigation.main-menu .navigation-item.has-child a span::before {
    display: none;
}
/*
.widget-navigation.main-menu .navigation-item.has-child a:hover, 
.widget-navigation .navigation-item.active>a, 
.widget-navigation .navigation-item a:focus {
    border-bottom: 1px solid #000;
}

.widget-navigation.main-menu .navigation-item a:hover {
   border-bottom: 1px solid #000;
}
*/
.widget-navigation.main-menu .navigation-item-child-container .navigation-item.last a,
.widget-navigation.main-menu .navigation-item-child-container .navigation-item.last a:hover {
    background-color: transparent;
    border-radius: 0;
    margin: 0;
}

.widget-navigation.main-menu .nav-wrapper.horizontal>.navigation-item.has-child>a span::after {
    content: '\f107';
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-family: "FontAwesome";
    right: 0;
    margin-left: 7px;
    font-weight: 400;
    vertical-align: middle;
}

.widget-navigation.main-menu .nav-wrapper.horizontal>.navigation-item.active>a:before,
.widget-navigation.main-menu .nav-wrapper.horizontal>.navigation-item:focus>a:before,
.widget-navigation.main-menu .nav-wrapper.horizontal>.navigation-item:hover>a:before {
    left: 0;
    right: 0;
}

.widget-navigation.main-menu .nav-wrapper.horizontal>.navigation-item.has-child a:before {
    display: none
}


/** Sub Menu **/
.widget-navigation.main-menu .horizontal > .has-child > .navigation-item-child-container {
  width: 250px;
  text-align: left;
  padding: 0;
  transform: translateX(-50%);
  margin: 0;
  left: 50%;
  top: 43px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: 0px 0px 24px 10px rgba(67, 67, 67, 0.1);
  box-shadow: 0px 0px 24px 10px rgba(67, 67, 67, 0.1);
}

.widget-navigation.main-menu   .navigation-item.mega-menu .navigation-item-child-container::before {
    display: none;
}
.widget-navigation.main-menu.horizontal .navigation-item .navigation-item-child-container .navigation-item {
    margin-right: 0;
}

.widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a {
    margin: 0;
    text-align: center;
    padding: 15px 5px;
    padding-left: 5px;
    background: var(--bk-color-background, #fff);
    text-transform: capitalize;
    padding-left: 0px;
    text-decoration: none;
    position: relative;
    color: #000;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.15px;
}

.widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a:hover {
    opacity: 1;
}
.widget-navigation.main-menu.horizontal .navigation-item .navigation-item-child-container .navigation-item a::after,
.widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a:hover::after,
.widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a:focus::after,
.widget-navigation.main-menu.horizontal .navigation-item .navigation-item-child-container .navigation-item.active a::after {
    display: none;
}

.widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item {
    padding: 0px;
}

.widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item a {
    display: block;
    position: relative;
    border-bottom: 1px solid rgb(233, 233, 233);
    color: #000;
}

.widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item .navigation-item-child-container {
    left: 230px;
}

.widget-navigation.main-menu .horizontal .navigation-item .navigation-item-child-container .navigation-item .navigation-item-child-container::before {
top: 21px;
  left: -12px;
  transform: rotate(-90deg);
}

/*end:menu*/


/** Wish List Menu Start **/
.widget.widget-navigation.wishlist-menu,
.widget.widget-navigation.wishlist-menu .navigation-item {
    width: 26px !important;
    height: 25px !important;
    padding: 0;
}

.header .widget-navigation.wishlist-menu .navigation-item {
    position: relative;
}

.widget-navigation.wishlist-menu a {
    width: 24px;
    height: 26px;
    background: url(../images/wishlist-icon.svg) no-repeat;
    border: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.widget-navigation.wishlist-menu a:hover {
    opacity: 0.7;
}

.widget-navigation.wishlist-menu a span {
    font-size: 0;
}

/** Wish List Menu End **/

/** Cart Start **/

.header .advanced-flying-cart {
    position: relative;
    cursor: pointer;
}
 .widget.widget-cart.card-count .advanced-flying-cart:after {
    content: 'Cart';
    position: absolute;
    top: 0;
    left:38px;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 15px;
    font-weight: 700;
    line-height: 18.39px;
    letter-spacing: 0.02em;
    color: #fff;
    cursor: pointer;
	text-transform:uppercase;
}
 .widget.widget-cart.card-count .advanced-flying-cart:before {
	content: '';
    position: absolute;
    top: 0;
	left: -20px;
	background-color:rgba(255, 255, 255, 0.3);
	width:1px;
	height:20px;
 }
.header .widget.widget-cart {
    text-align: left;
}

.widget.widget-cart .cart-widget-img {
    background: url('../images/cart-icon.svg') no-repeat;
    width: 24px;
    height: 24px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.widget.widget-cart .advanced-flying-cart:hover .cart-widget-img {
    opacity: 0.7;
}

.header .cart-widget-text {
    color: #000;
    font-size: 12px;
    position: absolute;
    top: -8px;
    left: 15px;
    background:var(--bk-color-accent, #FCDC5C);
    height: 18px;
    width: 18px;
    border-radius: 50%;
    text-align: center;
    font-weight: 400;
    line-height: 16px;
    border: 1px solid var(--bk-color-accent, #FCDC5C);
    padding: 0;
    letter-spacing: 0;
    overflow: hidden;
}

/** Cart End **/


/*********blog***********/

.widget-blogPost.home-blog .blog-post-content {
    max-width: 1830px;
    margin: 0 auto;
    padding: 0 30px;
}
.widget-blogPost .blog-post-content .footer, .blog-posts .footer {
    display: flex;
    position: relative;
    width: 100%;
    margin: 0 22px 100px;
    border-top: 2px solid rgb(239, 239, 239);
    padding: 50px 0 0;
    justify-content: center;
    align-items: center;
}
.widget-blogPost .blog-post-content,
.blog-posts {
    display: flex;
    padding: 0 70px 0 0;
    flex-wrap: wrap;
    flex-direction: row;
    margin: 0 -22px;
}
.blog-category-details span.title {
    display: none;
}
.blog-post-item {
    transition: all .3s ease-in;
    border-bottom: 0;
    position: relative;
    margin: 0;
    padding: 0;
}
.blog-post-item:hover .post-description .title a {
    color: #000;
    opacity: 1;
}
.post.post-list-view-width,
.category.post-list-view-width {
    overflow: hidden;
    width: 100%;
    padding: 0;
    height: 260px;
}

.page-home .post.post-list-view-width a,
.category.post-list-view-width  a{
	width:100%;
    height:100%;
	position:relative;
	display:block
}
.page-home .post.post-list-view-width a:before{
    content:'';
	width:100%;
	height:100%;
	left:0;
	top:0;
	position:absolute;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 88.63%);
	z-index: 1;
}

.post.post-list-view-width img,
.category.post-list-view img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    padding-bottom: 0;
    max-height: 100%;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.blog-post-item:hover .post.post-list-view-width img,
.blog-post-item:hover .category.post-list-view img{
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.blog-post-item .post-description {
    padding: 0;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0 0;
}
.blog-post-item:hover .post-description{
	bottom:40px;
	transition: all .3s ease-in;
}
.blog-post-item:hover .post-description>a{
	opacity:100;
	transition: all .3s ease-in;
}
.blog-post-item .post-description .title {
    order: 2;
    padding: 0;
    margin:12px 0 8px;
    font-size: 0;
    line-height: 0;
}

.blog-post-item .post-description .title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
    text-align: left;
    color: var(--bk-color-ink, rgba(31, 42, 7, 1));
    opacity: 0.8;
}

.blog-post-item .post-description .blog-post-info {
    order: 1;
    display: flex;
}

.blog-post-item .post-description .blog-post-info span {
    margin: 0;
    display: block;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 15px;
    font-weight: 700;
    line-height: 31px;
    text-align: left;
    color: var(--bk-color-primary, rgb(140, 146, 128));
  display: flex;
}
.blog-post-info span.comment-count {
    background-position: 13px 8px;
    padding-left: 34px;
}
.blog-post-info span.categories a {
    padding: 0 0 0 8px;
    margin: 0 0 0 8px;
    display: block;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 15px;
    font-weight: 700;
    line-height: 31px;
    text-align: left;
    color: var(--bk-color-primary, rgb(140, 146, 128));
    position: relative;
}
.blog-post-info span.categories a::before {
    position: absolute;
    width: 2px;
    height: 15px;
    content: '';
    top: 8px;
    left: 0;
    background:rgb(159, 168, 141);
}
.blog-post-info span.categories a:hover {
    color: var(--bk-color-accent, #fcdc5c);
}
.blog-post-item .post-description .content {
    order: 3;
    padding: 0;
    font-style: normal;
    letter-spacing: 0.28px;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 17px;
    font-weight: 400;
    line-height: 28px;
    text-align: left;
    color: var(--bk-color-ink, rgba(31, 42, 7, 1));
    margin: 0;
}

.blog-post-info span.categories,
.blog-post-info span.date {
    background: transparent;
    padding: 0;
    color: #262527;
    margin: 0;
}

.blog-post-info span.categories,
.blog-post-info span.date {
    background: transparent;
    padding: 0;
    color: #fff;
    margin: 0;
}

.page-blog-post .widget.widget-breadcrumb {
    position: relative;
    bottom: unset;
    left: unset;
    transform: unset;
    padding: 50px 0 0;
    max-width: 900px;
    text-align: left;
}
.blog-post-details {
    max-width: 100%;
    margin: 0 70px 100px 0;
    background: rgba(255, 255, 255, 1);
    padding: 65px 60px 85px;
}

.blog-post-details .post-description {
    display: flex;
    flex-direction: column;
}

.blog-post-details .content {
    display: block;
    padding: 0;
    max-width: 880px;
    margin: 0 auto;
    order: 4;
}

.blog-post-details .title {
    margin: 0 0 30px;
    max-width: 100%;
    width: 100%;
    order: 2;
    padding: 0;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 40px;
    font-weight: 400;
    line-height: 60px;
    text-align: left;
    color: rgb(0, 0, 0);
}

.blog-post-details .image {
    order: 3;
    margin: 0 auto 20px;
    padding: 0;
    width: 100%;
    max-width: 100%;
}
.blog-post-details .image img {
    max-width: 100%;
    width: 100%;
}

.blog-post-details .blog-post-info span.date {
    margin: 0;
    display: block;
    font-style: normal;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 15px;
    font-weight: 700;
    line-height: 31px;
    text-align: left;
    color: rgba(31, 42, 7, 0.51);
}
.blog-post-details .blog-post-info {
    margin: 0 0 10px;
    order: 1;
    text-align: left;
    width: 100%;
    display: flex;
}
.blog-post-details .content figure img {
    margin: 0 auto;
    order: 2;
    text-align: left;
       max-width: 890px;
}

.blog-post-details .content figure {
    margin: 5px 20px 20px 0;
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
}

.blog-category-details {
    max-width: 100%;
    margin: 0 auto 50px;
}

.blog-category-details>.title {
    font-weight: 400;
    font-size: 38px;
    padding: 10px 18px 44px;
    color: #262527;
}

.blog-post-details .social-media-share-bar {
    order: 5;
    max-width: 100%;
    margin: 50px auto 0;
    text-align: left;
    width: 100%;
    padding: 0 0 0 195px;
    position: relative;
}

.blog-post-details .social-media-share-bar .social-media-share {
    margin: 0 12px 0 0;
    vertical-align: middle;
}

.blog-post-item .post-description>a {
    order: 4;
    position: relative;
    color: #ffffff;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    text-decoration: none;
    line-height:25px;
	transition: all .3s ease-in;
	opacity:0;
	position:relative;
}
.blog-post-item .post-description>a:after{
    content:'';
    width:0;
    height:1px;
    background-color:var(--bk-color-background, #fff);
    bottom: -3px;
    left: 0;
    position:absolute;
    transition: all .3s ease-in;
}
.blog-post-item .post-description>a:hover:after{
    content:'';
    width:100%;
    height:1px;
    transition: all .3s ease-in;
}
/*.blog-post-item:hover .post-description > a {
    background: #000;}
*/
.blog-post-details .content table {
    margin: 30px 0 0;
}

.blog-post-details .content p {
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    margin: 0 0 20px;
    padding: 0;
    color: var(--bk-color-ink, rgba(31, 42, 7, 1));
}

.blog-post-details .comment-post-panel {
    order: 6;
}

.blog-post-details .content h1 {
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 24px;
    font-weight: 700;
    line-height:35px;
    color: var(--bk-color-secondary, rgba(83, 90, 68, 1));
}
.blog-post-details .content h2 {
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 24px;
    font-weight: 700;
    line-height:34px;
    color: var(--bk-color-secondary, rgba(83, 90, 68, 1));
}

.blog-post-details .content h3 {
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 23px;
    font-weight: 700;
    line-height:33px;
    color: var(--bk-color-secondary, rgba(83, 90, 68, 1));
}

.blog-post-details .content h4 {
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 23px;
    font-weight: 700;
    line-height:33px;
    color: var(--bk-color-secondary, rgba(83, 90, 68, 1));
}

.blog-post-details .content h5{
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 22px;
    font-weight: 700;
    line-height:32px;
    color: var(--bk-color-secondary, rgba(83, 90, 68, 1));
}

.blog-post-details .content h6 {
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 20px;
    font-weight: 700;
    line-height:30px;
    color: var(--bk-color-secondary, rgba(83, 90, 68, 1));
}
.blog-post-details .content h1,
.blog-post-details .content h2,
.blog-post-details .content h3,
.blog-post-details .content h4,
.blog-post-details .content h5,
.blog-post-details .content h6 {
    margin-top: 30px;
    margin-bottom: 10px;
}

.blog-post-details .social-media-share a:hover img {
    opacity: 0.7;
}
.blog-post-details .social-media-share-bar:before {
    content: "Share This Article :";
    position: absolute;
    left: 0;
    top: -4px;
    color: #000;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.blog-post-details .content p a,
.blog-post-details .content li a {
    text-decoration: underline;
}
.blog-post-details .content p a:hover,
.blog-post-details .content li a:hover {
    opacity: 0.8;
}
.widget-html.back-to-prev {
    margin: 50px auto 0;
    max-width: 1200px;
}

.widget-html.back-to-prev p a {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 26px;
    position: absolute;
    bottom: -114px;
    z-index: 1;
}

.widget-html.back-to-prev p a:before {
    content: "\f104";
    display: inline-block;
    font: normal normal normal 20px/1 FontAwesome;
    margin-right: 8px
}

.widget-html.back-to-prev p a:hover,
.widget-html.back-to-prev p a:hover:before {
    font-weight: 700;
}
.page-blog-post .body {
    background: var(--bk-color-surface, #F0F1EC);
}
.page-blog-post .widget-blogPost.sidebar-blog {
    background: var(--bk-color-surface, #E7E9E1);
}
.page-blog-post .widget.widget-newsletter.blog-newsletter {
    background: #DDE0D5;
}
/*************************Blog End*****************************/
.product-widget.widget-addCart .button.add-to-wish-list, .product-widget.widget-addCart .add-to-compare-button.button {
    background-color: var(--bk-color-background, #ffffff);
    border-color: #c8c8c8;
    border-radius: 100px;
    position: relative;
    top: 3px;
    left: 5px;
}
.product-widget.widget-addCart .button.add-to-wish-list:after, .product-widget.widget-addCart .add-to-compare-button.button:after {
    color: #343432;
}
.product-widget.widget-addCart .button.add-to-wish-list:hover, .product-widget.widget-addCart .add-to-compare-button.button:hover {
    border-color: var(--bk-color-primary, #939C79);
}
.product-widget.widget-addCart .remove-from-compare-button{
 font-size: 0; 
  position: relative;
}

/***** Sidebar Blog Start *****/

.widget-blogPost.sidebar-blog {
    padding: 30px 30px 50px 40px;
    background: var(--bk-color-surface, #F4F5F2);
    margin: 0 0 40px;
}
.widget-blogPost.sidebar-blog.latest{
    margin: 0;
}
.widget-blogPost.sidebar-blog .widget-title {
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 22px;
    font-weight: 700;
    line-height: 23px;
    text-align: left;
    padding: 0;
    margin: 0 0 30px;
    color: var(--bk-color-ink, rgba(31, 42, 7, 1));
}
.widget-blogPost.sidebar-blog .blog-post-item{
    width: 100%;
    margin: 0 0 25px;
    display: flex;
}
.widget-blogPost.sidebar-blog .blog-post-item.last{
    margin: 0;
}
.widget-blogPost.sidebar-blog .blog-post-content {
    padding: 0;
    margin: 0;
}
.widget-blogPost.sidebar-blog .blog-post-item .blog-read-more{
	display:none;
}
.widget-blogPost.sidebar-blog .blog-post-item .post-description .title a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--bk-color-secondary, rgb(100, 108, 83));
    opacity: 0.8;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 15px;
    font-weight: 700;
    line-height: 21px;
    text-align: left;
}
.widget-blogPost.sidebar-blog .blog-post-item:hover .post-description .title a{
    color: #000;
}
.widget-blogPost.sidebar-blog .blog-post-item .post-description .title {
    order: 1;
    padding: 0;
    margin: 0 0 7px;
    font-size: 0;
    line-height: 0;
}
.widget-blogPost.sidebar-blog .post.post-list-view-width{
    height: 73px;
    max-width: 107px;
}
.widget-blogPost.sidebar-blog .blog-post-item .post-description {
    padding: 0 0 0 16px;
    margin: 0;
	width: 100%;
}
.widget-blogPost.sidebar-blog .blog-post-item .post-description .blog-post-info span {
    margin: 0;
    display: block;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    text-align: left;
    color: var(--bk-color-ink, rgba(31, 42, 7, 1));
      
}
.widget-blogPost.sidebar-blog .blog-post-item .post-description .blog-post-info {
    order: 2;
    display: block;
}
.widget-blogPost.sidebar-blog .blog-post-content .footer{
    display: none;
}
.widget.widget-newsletter.blog-newsletter {
    padding: 35px 40px 50px;
    border-bottom: 0;
    background: var(--bk-color-surface, #E9EBE4);
    margin: 0 0 40px;
}
.widget.widget-newsletter.blog-newsletter .widget-title {
    max-width: 200px;
    margin: 0 auto 20px;
    position: relative;
    width: 100%;
    text-transform: unset;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 26px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    padding: 0;
    color: var(--bk-color-secondary, rgba(83, 90, 68, 1));
}
.widget.widget-newsletter.blog-newsletter .newsletter {
    position: relative;
    right: unset;
}
.widget.widget-newsletter.blog-newsletter button{
    color: #fff;
    font-style: normal;
    text-transform: uppercase;
    border: 1px solid var(--bk-color-primary, rgb(147, 156, 121));
    max-width: 280px;
    height: 48px;
    display: block;
    background: var(--bk-color-primary, rgb(147, 156, 121));
    border-radius: 50px;
    text-decoration: none;
    width: 100%;
    margin:28px auto 0;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 16px;
    font-weight: 700;
    line-height: 27px;
    letter-spacing: 0.05em;
    text-align: center;
    padding: 10px 15px;
}
.widget.widget-newsletter.blog-newsletter button:hover{
    background: var(--bk-color-accent, rgb(252, 220, 92));
    border-color: var(--bk-color-accent, rgb(252, 220, 92));
    color: #000;
}
.widget.widget-newsletter.blog-newsletter input {
    height: 48px;
    border-radius: 100px;
    background-color: rgb(255, 255, 255);
}
.widget.widget-newsletter.blog-newsletter .form-row.mandatory {
    max-width: 280px;
    margin: 0 auto 20px;
}
.widget.widget-newsletter.blog-newsletter input::placeholder {
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 13px;
    font-weight: 700;
    line-height: 43px;
    letter-spacing: 0.03em;
    color: rgba(0, 0, 0, 0.5);
    text-align: center;
}
.widget.widget-newsletter.blog-newsletter .message-block.success,
.widget.widget-newsletter.blog-newsletter .message-block.info-message,
.widget.widget-newsletter.blog-newsletter .message-block.success,
.widget.widget-newsletter.blog-newsletter .message-block.error-message, 
.widget.widget-newsletter.blog-newsletter .message-block.error {
    position: absolute;
    bottom: 52px;
    border-radius: 40px;
    width: auto;
    padding: 1px 11px;
    font-size: 12px;
    left: 27px;
}
/***** Sidebar Blog End *****/

/***** Pagination Start *****/

.pagination span {
    cursor: pointer;
    margin: 0;
    padding: 0;
    box-shadow: unset;
    display: inline-block;
    height: 34px;
    width: 34px;
    border-radius: 100px;
    background: rgba(0, 0, 0, 0.1);
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 17px;
    font-weight: 700;
    line-height:31px;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: rgba(0, 0, 0, 0.5);
    /*margin: 0 12px 0 0;*/
    text-align: center;
    border: 2px solid rgb(229, 229, 229);
	position:relative;
}
.pagination span.current,
.pagination span:hover,
.pagination span.last:hover,
.pagination span.first:hover{
    border-color: var(--bk-color-primary, rgba(147, 156, 121, 1));
    color: #fff;
    background: var(--bk-color-primary, rgba(147, 156, 121, 1));
}
.pagination span.last.disabled:hover,
.pagination span.first.disabled:hover{
    background: var(--bk-color-background, #fff);
    border: 2px solid rgba(197, 197, 197, 1);
    color: rgb(197, 197, 197);
}
.pagination span.prev,.pagination span.next {
    display: none;
}
.pagination span.last,
.pagination span.first,
.pagination span.disabled{
    margin-right: 0;
    background: var(--bk-color-background, #fff);
    border: 2px solid rgba(197, 197, 197, 1);
    color: rgb(197, 197, 197);
	font-size:0;
}
/*
.pagination span.first,
.pagination span.disabled {
    margin-right: 12px;
}*/
span.pagination-literal-status {
    font-size: 16px;
  padding: 13px 0;
    display: inline-block;
}
.pagination {
    display: flex;
	gap: 12px;
  margin: 7px 10px;
}
.pagination span.last:after{
	content:'';
	background: url(../images/pg-right-arrow.svg) no-repeat;
	width: 9px;
    height: 14px;
	position:absolute;
	top: 8px;
    left: 12px;
}
.pagination span.first.disabled:hover:after,
.pagination span.last.disabled:hover:after{
	filter:none;
}
.pagination span.first:hover:after,
.pagination span.last:hover:after{
	filter: brightness(0) invert();
}
.pagination span.first:after{
	content:'';
	background: url(../images/pg-right-arrow.svg) no-repeat;
	width: 9px;
    height: 14px;
	position:absolute;
	top: 8px;
    left: 10px;
    transform: rotate(180deg);
}
/***** Pagination End *****/
.checkout-page.version-2 .advance-checkout-order-details-left-dom-inner .login-btn-from-checkout {
    
    font-size: 14px;
}

/** Login Page Start **/
.page-credit-card-payment .body, 
.page-profile .body,
.page-login .body,
.page-registration .body,
.page-reset-password .body,
.page-contact-us .body,
.page-newsletter-subscription .body,
.page-post-payment .body,
.page-cart .body{
    background: var(--bk-color-surface, #F0F1EC);
}
.page-login .login-form {
    padding: 50px;
    width: 50%;
    background: var(--bk-color-background, #fff);
    position: relative;
    margin: 0 auto;
    border: 0;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    max-width: 600px;
    border-radius: 10px;
}
.page-login .page-content,
.page-registration .page-content,
.page-reset-password .page-content,
.page-newsletter-subscription .page-content{
    padding: 100px 0;
}
span.lost-password {
    width: 210px;
    margin-top: 0;
}
.page-login .flying-cart-content.page-content,
.page-registration .flying-cart-content.page-content,
.page-reset-password .flying-cart-content.page-content,
.flying-cart-content.page-content{
    padding: 0;

}
.page-login .checkout-as-guest-button .checkout-as-guest {
    max-width: 300px;
}
.page-login .checkout-as-guest-button a {
    display: block;
    font-size: 16px;
    line-height: 27px;
    font-weight: 700;
    color: var(--bk-btn-secondary-text, #fff);
    border: 0;
    height: 48px;
    width: 100%;
    border-radius: 100px;
    padding: 10px 15px;
    transition: all 300ms ease-out 0s;
    max-width: 100%;
    background: var(--bk-btn-secondary-fill, var(--bk-color-primary, rgb(147, 156, 121)));
    letter-spacing: 0.1em;
}
.page-login .checkout-as-guest-button a:hover {
    color: #000;
    background: var(--bk-color-accent, #fcdc5c);
    border: 0;
}
.login-form span.title,
.registration-form .title,
.password-reset-form .title,
form.customer-new-password span.title,
.newsletter.unsubscribe.valid-verify-form .title{
    padding: 0;
    color: #000;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 45px;
    font-style: normal;
    font-weight: 400;
    margin: 0 0 30px;
    line-height: 55px;
}
.password-reset-form .title,
.newsletter.unsubscribe.valid-verify-form .title{
    margin: 0 0 15px;
}
form.customer-new-password span.title{
    margin: 0 0 25px;
}
.login-button,
.registration-form .form-row.submit-row button,
.password-reset-form .form-row.submit-row button,
.customer-new-password .form-row.submit-row button,
.newsletter.unsubscribe.valid-verify-form .form-row.button-container button{
    background:var(--bk-btn-fill, var(--bk-color-accent, #fcdc5c));
    max-width: 100%;
    margin: 0;
    color: #0D1321;
    text-align: center;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    border: 1px solid var(--bk-color-accent, #fcdc5c);
    min-width: 100%;
    height: 48px;
    padding: 10px 20px;
    display: inline-block;
    letter-spacing: 0.05em;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.login-button:hover,
.registration-form .form-row.submit-row button:hover,
.password-reset-form .form-row.submit-row button:hover,
.customer-new-password .form-row.submit-row button:hover,
.newsletter.unsubscribe.valid-verify-form .form-row.button-container button:hover{
    border-color: var(--bk-color-primary, #939C79);
    background: var(--bk-btn-hover-bg, var(--bk-color-primary, #939C79));
    color: var(--bk-btn-hover-color, #fff);
}

.login-form .remember {
    margin: 0;
    width: 230px;
    color: #000;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    opacity: 1;
}

.page-login .login-form label {
    display: none;
}

.form-row.remember input {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -4px;
    width: 18px;
    height: 18px;
}

.page-login .login-form .form-row.mandatory {
    margin-bottom: 30px;
    position: relative;
}

.login-form .submit-row {
    margin: 0 0 30px;
    float: none;
    display: block;
}


.login-form .lost-password a {
    text-align: right;
    color: #000;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    position: absolute;
    right: 0;
    bottom: 0;
}

.login-form .lost-password a:hover {
    color: var(--bk-color-accent, #fcdc5c);
    text-decoration: underline;
    opacity: unset;
}

.login-form .no-account-label {
    color: #000;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    opacity: 0.8;
}

.login-form .account-register a {
    color: #000;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    opacity: 0.9;
    text-decoration: none;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.login-form .account-register a:hover{
    color: var(--bk-color-accent, #fcdc5c);
    text-decoration: underline;
    opacity: unset;
}

/** Login Page End **/
/** Registration Page Start **/

.registration-form {
    margin: 0 auto;
    max-width: 850px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px 50px 70px;
    background: var(--bk-color-background, #FFFFFF);
    border: 0;
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
}

.registration-form .title {
    padding: 0 12px;
    width: 100%;
}

.registration-form>.form-row:not(.submit-row) {
    width: 50%;
    float: left;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    margin: 0 0 30px 0;
}

.registration-form label,
.password-reset-form .form-row label,
.customer-new-password .form-row label,
.newsletter.unsubscribe.valid-verify-form label{
    display: block;
    text-transform: capitalize;
    width: 100%;
    line-height: normal;
    margin: 0;
    color: var(--bk-color-secondary, #535A44);
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.16px;
    margin: 0 0 5px;
}
.newsletter.unsubscribe.valid-verify-form label{
    margin:15px 0 5px;
}
.newsletter.unsubscribe.valid-verify-form  .form-row.button-container label {
    display: none;
}
.registration-form select {
    width: 100%;
    padding: 8px 15px 10px;
}

.registration-form .form-row.submit-row {
    padding: 0 15px;
    margin: 20px auto 0;
    width: 100%;
    text-align: center;
}
.registration-form .form-row.submit-row label {
    display: none;
}
.password-meter-wrap {
    position: absolute;
    top: -5px;
    right: 17px;
    width: 135px;
}
.password-meter-wrap .password-description {
    font-size: 13px;
    width: auto;
    line-height: 10px;
    margin-top: 12px;
}
.password-meter-wrap .password-strength-bar {
    display: block;
    float: left;
    position: absolute;
    right: 0;
    bottom: 0;
    border-radius: 30px;
    height: 8px;
}
.password-meter-wrap .weak,
.password-meter-wrap .medium,
.password-meter-wrap .strong,
.password-meter-wrap .strongest {
    width: 70px;
}
/** Registration Page End **/
/** Forgot Password Start **/
.password-reset-form .form-row.submit-row,
form.customer-new-password .form-row.submit-row{
    margin: 35px 0 0;
}
.newsletter.unsubscribe.valid-verify-form .form-row.button-container button{
    margin: 15px 0 0;
}
.password-reset-form .errorlist.after {
    left: unset;
    top: unset;
}
.password-reset-form,
.newsletter.unsubscribe.valid-verify-form{
    margin: 0 auto;
    max-width: 550px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px 50px 70px;
    background: var(--bk-color-background, #fff);
    border: 0;
    text-align: left;
    border-radius: 10px;
}
.newsletter.unsubscribe.valid-verify-form {
    max-width: 660px;
    padding: 50px;
}
.password-reset-form .lost-password-text,
.newsletter.unsubscribe.valid-verify-form span.message{
    padding: 0;
    margin: 0 0 20px;
    color: #000;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    letter-spacing: 0.16px;
    line-height: 27px;
}

.password-reset-form .form-row {
    display: block;
}

input[type="text"].validation-error, input[type="password"].validation-error {
    background-color: var(--bk-color-background, #fff);
    border: 1px solid #fb1607;
}
.password-reset-form .form-row input {
    width: 100%;

}

form.customer-new-password {
    margin: 0 auto;
    max-width: 550px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 50px;
    background: var(--bk-color-background, #fff);
    border: 0;
    text-align: left;
    border-radius: 10px;
}

.customer-new-password .form-row.submit-row label {
    display: none;
}
.subscription-list-success .title {
    background-color: var(--bk-color-primary, #939c79);
    color: #fff;
    font-size: 25px;
    padding: 20px 15px;
    margin: 0;
}
.page-newsletter-subscription .subscription-list-success {
    border: 1px solid var(--bk-color-primary, #939c79);
    width: 480px;
}
.subscription-list-success .messess-text {
    padding: 35px 15px 30px 90px;
    font-size: 15px;
    line-height: 23px;
}
.subscription-list-success .help {
    margin: 20px;
}
.subscription-list-success .help .link {
    color: var(--bk-color-primary, #939c79);
}
.subscription-list-success .help .link:hover {
    color: var(--bk-color-accent, #fcdc5c);
}
/** Forgot Password End **/





/** Footer Start **/
body>.footer {
    background: var(--bk-color-secondary, #535A44);
    position: relative;
	background-size: cover;
}

.footer > .widget-container {
    max-width: 1340px;
    margin: 0 auto;
}
body>.footer .vertical .navigation-item {
    padding: 0;
}
body>.footer .widget-title {
    color:#ffffff;
    padding-bottom: 14px;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 16px;
    font-weight: 700;
    line-height: 29.06px;
	text-transform:uppercase;
}
body>.footer .vertical .navigation-item a span,
body>.footer .vertical .navigation-item a,
body>.footer p{
	color:#fff;
	font-family: var(--bk-font-base, Century Gothic);
    font-size: 16px;
     font-weight: 300;
    line-height: 28px;
	opacity: 0.7;
}
body>.footer .vertical .navigation-item a span:hover,
body>.footer .vertical .navigation-item a:hover{
	color:var(--bk-color-accent, #FCDC5C);
	opacity:100;
}
body>.footer .vertical .navigation-item a {
    border-bottom: none;
    display: inline-block;
    padding:2px 0;
   font-size:16px;
   font-weight: 400;
   line-height: 24px;
   letter-spacing: 1px;
}
body>.footer .vertical .navigation-item a:hover{
	/*text-decoration:underline;*/
	color:#000;
}
.widget-navigation.categories-footer-menu .nav-wrapper .navigation-item{
	display:inline-block;
	width:50%;
}
.widget-navigation.categories-footer-menu .nav-wrapper .navigation-item:last-child{
	width:100%;
}
/** Footer End **/

body > .header {
    background: var(--bk-color-primary, rgba(147, 156, 121, 1));
}
.widget.widget-image.header-logo {
    height: 221px !important;
    z-index: 9999;
}

/*profile css start*/
#customer-profile-tabs.customer-profile-v2 input[type="text"]:focus, 
#customer-profile-tabs.customer-profile-v2 input[type="email"]:focus, 
#customer-profile-tabs.customer-profile-v2 input[type="password"]:focus, 
#customer-profile-tabs.customer-profile-v2 select:focus, 
#customer-profile-tabs.customer-profile-v2 textarea:focus {
    border: 1px solid var(--bk-color-accent, #FCDC5C);
}
#webcommander-page.page-profile .site-popup .content{
	max-height: inherit !important;
}
.customer-profile-v2-wrapper {
    padding: 100px 0;
}
.customer-profile-v2 .header-message {
    font-size: 30px;
}
.bmui-tab.left-side-header.customer-profile-v2 .customer-profile-right > .bmui-tab-body-container {
    margin-top: 85px;
}
.customer-profile-v2 .customer-short-info .customer-name-text {
    font-size: 18px;
    font-weight: 600;
    margin-top: 5px;
}
.customer-profile-v2 .customer-basic-info {
    font-size: 16px;
    line-height: 24px;
}
#customer-profile-tabs.customer-profile-v2 .profileLogout a {
    font-size: 16px;
}
#customer-profile-tabs.customer-profile-v2 .special-product .title {
    font-size: 20px;
}
#customer-profile-tabs.customer-profile-v2 .special-product {
    padding: 30px 20px;
}
#customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .header .scroll-left,
#customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .header .scroll-right {
    background: #ececec;
}
#customer-profile-tabs.customer-profile-v2 .scroller [class^="scroll-"]::after {
    font-size: 18px;
    top: 10px;
}
#customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .product-block .product-name {
    height: auto;
    margin-top: 15px;
}
#customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .product-block .block-content-wrap {
    padding-bottom: 10px;
}
#customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .product-block .product-name-link {
    font-size: 17px;
    font-weight: 500;
    line-height: 22px;
}
#customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .product-block .current-price {
    font-size: 18px;
}
#customer-profile-tabs.customer-profile-v2 .button.profileLogout {
    float: none;
    padding: 0;
    background: none;
    display: block;
    margin-top: 12px;
    border: 0;
    padding: 0;
    max-width: auto;
    text-align: left;
    text-transform: inherit;
}
#customer-profile-tabs .customer-profile-order-details-v2-view .order-items-wrap .wrapper[data-label="Product:"] .name {
    font-size: 13px;
	color: #000;
}
#customer-profile-tabs.customer-profile-v2 button {
    background:var(--bk-color-accent, #fcdc5c);
	color:#000;
    width: auto;
    border-color:var(--bk-color-accent, #fcdc5c);
	border-radius: 50px;
	padding: 10px 40px;
    height: 40px;
}
#customer-profile-tabs.customer-profile-v2 button:hover {
    background: var(--bk-btn-hover-bg, var(--bk-color-primary, #939C79));
    color: var(--bk-btn-hover-color, #fff);
    border-color: var(--bk-color-primary, #939C79);
}
#customer-profile-tabs .bmui-tab-panel #order-details .order-items-wrap table tr td .wrapper .details .refer-this.product-share {
    padding: 4px 14px;
    max-width: max-content;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    margin-top: 10px;
    font-size: 13px;
    text-transform: uppercase;
    cursor: pointer;
    line-height: 22px;
    background:var(--bk-color-primary, #939C79);
    font-weight: 600;
    width: auto;
}
#customer-profile-tabs.customer-profile-v2 .profileLogout a, 
#customer-profile-tabs.customer-profile-v2 .button.profileLogout a:hover {
    background: none;
    font-family: var(--bk-font-base, Century Gothic);  
}
#customer-profile-tabs.customer-profile-v2 .profileLogout a{
	color:#1C1C1C;
	letter-spacing: 0;
}
#customer-profile-tabs.customer-profile-v2 .button.profileLogout a:hover{
	color:#000;
}
#webcommander-page.page-profile .payment-form.site-popup-form .double-input-row {
    display: flex;
    flex-wrap: wrap;
	margin-bottom: 15px;
}
#webcommander-page.page-profile .payment-form.site-popup-form .double-input-row label {
    width: 100%;
}
#webcommander-page.page-profile .payment-form.site-popup-form .double-input-row .mandatory-chosen-wrapper {
    width: calc(50% - 15px);
}
#webcommander-page.page-profile .payment-form.site-popup-form .form-row label, 
#webcommander-page.page-profile .payment-form.site-popup-form .double-input-row label {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    display: block;
    padding: 0 0 5px;
    line-height: 1.4;
	width:100%;
}
#webcommander-page.page-profile .payment-form.site-popup-form .form-row.agree-terms {
    position: relative;
    padding: 0 0 0 22px;
    background: none;
    border: none;
	    margin: 0;
}
#webcommander-page.page-profile .payment-form.site-popup-form .double-input-row>.form-type-info {
    color: #999;
    font-size: 20px;
    height: 40px;
    line-height: 37px;
    margin: 0;
    text-align: center;
    width: 30px;
}
#webcommander-page.page-profile .payment-form.site-popup-form .header-wrapper>h1 {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    line-height: normal;
    margin: 0 0 20px;
    font-family: var(--bk-font-base, Century Gothic);
}
#webcommander-page.page-profile .site-popup .title-bar .title {
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
}
#webcommander-page.page-profile .payment-form.site-popup-form .form-row.agree-terms input.checkbox {
    width: auto;
    margin: 0;
    position: absolute;
    top: 6px;
    left: 0;
}
.page-profile .site-popup .title-bar {
    text-align: left;
	padding: 22px 30px;
    background-color: #f7f7f7;
    border-bottom: 1px #f7f7f7 solid;
}
#customer-profile-tabs.customer-profile-v2 th {
    font-size: 13px;
}
.customer-profile-v2.bmui-tab.left-side-header .bmui-tab-header .title {
    font-weight: 500;
    font-size: 16px;
    line-height: 21px;
    color:#1C1C1C;
    padding: 0;
	font-family: var(--bk-font-base, Century Gothic);
}
.page-profile .body-section{
	font-family: var(--bk-font-base, Century Gothic);
}
.customer-profile-v2 .customer-basic-info {
    margin-bottom: 24px;
}

#webcommander-page.page-profile .site-popup .button-line button {
    color: var(--bk-btn-text, var(--bk-color-ink, #1F2A07));
    text-align: center;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    border: 1px solid var(--bk-color-accent, #FCDC5C);
    max-width:165px;
    height: 41px;
    padding: 10px 20px;
    display: inline-block;
    background: var(--bk-btn-fill, var(--bk-color-accent, #FCDC5C));
    border-radius: 50px;
    text-decoration: none;
    width: 100%;
}
#webcommander-page.page-profile .site-popup .button-line button:hover {
    background: var(--bk-btn-hover-bg, var(--bk-color-primary, #939c79));
    border-color: var(--bk-color-primary, #939c79);
    color: var(--bk-btn-hover-color, #fff);
}
#webcommander-page.page-profile .site-popup .button-line button.submit-button{
	color: var(--bk-btn-secondary-text, #fff);
    background: var(--bk-btn-secondary-fill, var(--bk-color-primary, #939C79));
    border: 1px solid var(--bk-color-primary, #939C79);
}
#webcommander-page.page-profile .site-popup .button-line button.submit-button:hover{
	color: #000;
    background: var(--bk-color-accent, #FCDC5C);
    border:1px solid var(--bk-color-accent, #FCDC5C);
}
.page-profile .site-popup .button-line {
    padding: 30px 30px;
    background-color: #f7f7f7;
    border-top: 1px #f7f7f7 solid;
    border-radius: 0 0 4px 4px;
    text-align: center;
}
.page-profile .site-popup .title-bar .close {
    top: 24px;
}
.page-profile .site-popup input, .page-profile .site-popup select, .page-profile .site-popup textarea {
    font-family: var(--bk-font-base, Century Gothic);
}
.page-profile .site-popup select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-color: #c7c7c7;
    height: 45px;
    border-width: 1px;
    font-family: inherit;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 15px;
    background: #f9f9f7 url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%228%22%20viewBox%3D%220%200%2013%208%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath%20d%3D%22M6.08033%204.98902L1.48284%200.260421C1.3196%200.093151%201.0984%20-0.000624856%200.867882%20-0.000277555C0.637367%206.97456e-05%200.416429%200.094512%200.253669%200.262273C0.09091%200.430034%20-0.000337289%200.657371%206.49057e-07%200.894274C0.000338587%201.13118%200.092234%201.35824%200.255471%201.52551L5.46252%206.88268C5.62063%207.04454%205.83336%207.13755%206.05648%207.14238C6.2796%207.14721%206.49595%207.06348%206.66055%206.9086L11.9083%201.52921C12.0715%201.36194%2012.1634%201.13488%2012.1637%200.897977C12.1641%200.661074%2012.0728%200.433737%2011.9101%200.265976C11.7473%200.0982151%2011.5264%200.00377289%2011.2959%200.0034256C11.0653%200.00307832%2010.8441%200.0968547%2010.6809%200.264124L6.08033%204.98902Z%22%20fill%3D%22black%22%2F%3E %3C%2Fsvg%3E") no-repeat right 15px center;
    background-position-x: right 15px;
    background-size: auto;
    background-position-x: right;
    background-size: auto;
    background-position-x: calc(100% - 12px);
    background-size: 12px;
    margin: 0;
    border: 1px solid #d7d9d3;
    border-radius: 5px;
    background-position-y: calc(100% - 17px);
}
.page-profile .site-popup select:focus{
	border: 1px solid var(--bk-color-accent, #FCDC5C);
}

#customer-profile-tabs.customer-profile-v2 #customer-manage-card-billing_address .create-new, 
#customer-profile-tabs.customer-profile-v2 #customer-manage-card-shipping_address .create-new {
    border-radius: 50px;
	height: 40px;
    padding: 11px 16px;
}
#customer-profile-tabs.customer-profile-v2 .customer-password-change-card .password-edit-link {
    border-radius: 50px;
    text-transform: uppercase;
    padding: 10px 16px;
    height: 40px;
    font-family: var(--bk-font-base, Century Gothic);
    letter-spacing: 0.05em;
}
.customer-profile-v2.bmui-tab.left-side-header .bmui-tab-header.top .title {
    font-size: 16px;
    font-weight: 700;
}
.customer-profile-v2 .customer-profile-tab-title {
    font-size: 24px;
    margin-bottom: 25px;
}
.customer-profile-v2 .customer-profile-info-card-title {
    font-size: 18px;
}
.customer-profile-card {
    padding: 30px 20px;
}
#customer-profile-tabs.customer-profile-v2 .credit-debit-card .link-card-title {
    font-size: 20px;
    font-weight: 600;
    margin: 25px 0 15px;
}
#customer-profile-tabs.customer-profile-v2 .credit-debit-card .link-card-suggest {
     font-size: 15px;
     line-height:20px;
     color: #000;
     margin-top: 0;
 }

#customer-profile-tabs.customer-profile-v2 .credit-debit-card .link-card-btn {
    color:#000;
    background: var(--bk-color-accent, #FCDC5C);
    border-radius: 50px;
    height: 40px;
    padding: 10px 30px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
#customer-profile-tabs.customer-profile-v2 .credit-debit-card .link-card-btn:hover{
    background: var(--bk-color-primary, #939C79);
	color:#fff;
	font-family: var(--bk-font-base, Century Gothic);
}
.page-profile .site-popup .securepay-payment-form-wrapper-elm .button-container {   
    justify-content: center;
    padding: 28px 37px 23px;
    background-color: #f7f7f7;
    border-top: 1px #f7f7f7 solid;
    border-radius: 0 0 4px 4px;
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: -22px;
}
.page-profile .site-popup .securepay-payment-form-wrapper-elm .button-container button{
	color: var(--bk-btn-text, var(--bk-color-ink, #1F2A07));
    text-align: center;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    border: 1px solid var(--bk-color-accent, #FCDC5C) !important;
    max-width:165px;
    height: 41px;
    padding: 10px 20px !important;
    display: inline-block;
    background: var(--bk-btn-fill, var(--bk-color-accent, #FCDC5C)) !important;
    border-radius: 50px !important;
    text-decoration: none;
    width: 100%;
}
.page-profile .site-popup .securepay-payment-form-wrapper-elm .button-container button:hover{
	color: var(--bk-btn-hover-color, #fff);
    border: 1px solid var(--bk-color-primary, #939c79) !important;
    background:var(--bk-btn-hover-bg, var(--bk-color-primary, #939c79)) !important;
    text-decoration: none;
}
.page-profile .site-popup .securepay-payment-form-wrapper-elm .button-container button:first-child{
	border: 1px solid var(--bk-color-primary, #939c79) !important;
    background:var(--bk-btn-secondary-fill, var(--bk-color-primary, #939c79)) !important;
}
.page-profile .site-popup .securepay-payment-form-wrapper-elm .button-container button:hover:first-child{
	border: 1px solid var(--bk-color-accent, #FCDC5C) !important;
    background:var(--bk-color-accent, #FCDC5C) !important;
	color: #000 !important;
}
.ph-form-element input[type=text]{
	outline:0px !important;
}
#customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .header .scroller {
    top: 20px;
    gap: 12px;
}
#customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .product-block .product-image {
    height: 188px;
}
#customer-profile-tabs.customer-profile-v2 .product-view.scrollable-view .product-block .block-content-wrap {
    padding-bottom: 36px;
    border-bottom: 0px solid var(--bk-color-primary, #939C79);
}
.floating-panel-popup .share-medium {
    padding: 11px;
}
.floating-panel-popup.product-share-option.popup .customer-share-options label {
    font-size: 16px;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f7f7f9;
    transition: all 300ms ease-out 0s;
    display: none;
}
.floating-panel-popup.product-share-option.popup .customer-share-options .share-medium div {
    margin-bottom: 15px;
    cursor: pointer;
    color: #111;
    padding-left: 30px;
    position: relative;
}
.floating-panel-popup.product-share-option.popup .customer-share-options .share-medium div:last-child {
    margin: 0;
}

.floating-panel-popup.product-share-option.popup .customer-share-options .facebook-share:before {
    content: "\f09a";
    font-family: 'FontAwesome';
    position: absolute;
    left: 3px;
    font-size: 21px;
    color: #313131;
    background: none;
}

.floating-panel-popup.product-share-option.popup .customer-share-options .twitter-share:before {
    content: "\f099";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    font-size: 21px;
    color: #313131;
    background: none;
}

.floating-panel-popup.product-share-option.popup .customer-share-options .linkedin-share:before {
    content: "\f0e1";
    font-family: 'FontAwesome';
    position: absolute;
    left: 1px;
    font-size: 20px;
    color: #313131;
    top: -2px;
    background: none;
}

.floating-panel-popup.product-share-option.popup .customer-share-options .share-medium div:hover {
    color:var(--bk-color-primary, #939C79);
}

.floating-panel-popup.product-share-option.popup .customer-share-options .share-medium div:hover:before {
    color:var(--bk-color-primary, #939C79);
}

.floating-panel-popup .action-item:hover {
    background-color: #f5f5f5;
    color: #000;
}

.floating-panel-popup.product-share-option.popup .customer-share-options .share-medium div img {
    display: none;
}

.floating-panel-popup.product-share-option.popup .customer-share-options .share-medium div:hover img {
    border: 1px solid #ccc
}

.floating-panel-popup.product-share-option .share-medium div[class$="-share"]:hover {
    background: none;
}

.page-profile .confirm-popup .button-line button{
	color: #000;
    text-align: center;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    border: 1px solid var(--bk-color-accent, #FCDC5C) !important;
    max-width:165px;
    height: 41px;
    padding: 10px 20px !important;
    display: inline-block;
    background: var(--bk-btn-fill, var(--bk-color-accent, #FCDC5C)) !important;
    border-radius: 50px !important;
    text-decoration: none;
    width: 100%;
}
.page-profile .confirm-popup .button-line button:hover{
	color: var(--bk-btn-hover-color, #fff);
    border: 1px solid var(--bk-color-primary, #939c79) !important;
    background:var(--bk-btn-hover-bg, var(--bk-color-primary, #939c79)) !important;
    text-decoration: none;
}
.page-profile .confirm-popup .button-line button.no-button{
	color: var(--bk-btn-secondary-text, #fff);
    border: 1px solid var(--bk-color-primary, #939c79) !important;
    background:var(--bk-btn-secondary-fill, var(--bk-color-primary, #939c79)) !important;
}
.page-profile .confirm-popup .button-line button.no-button:hover{
	color: #000 !important;
    border: 1px solid var(--bk-color-accent, #FCDC5C) !important;
    background:var(--bk-color-accent, #FCDC5C) !important;
}
#customer-profile-tabs.customer-profile-v2 button.submit-button{
	 border: 1px solid var(--bk-color-accent, #FCDC5C);
	 background: var(--bk-btn-fill, var(--bk-color-accent, #FCDC5C));
	 color: #000;
}
#customer-profile-tabs.customer-profile-v2 button.submit-button:hover{
	 border: 1px solid var(--bk-color-primary, #939c79);
	 background: var(--bk-btn-hover-bg, var(--bk-color-primary, #939c79));
	 color: var(--bk-btn-hover-color, #fff);
}
#customer-profile-tabs.customer-profile-v2 button.cancel-button{
	 border: 1px solid var(--bk-color-primary, #939c79) !important;
	 background: var(--bk-btn-secondary-fill, var(--bk-color-primary, #939c79)) !important;
	 color: var(--bk-btn-secondary-text, #fff) !important;
}
#customer-profile-tabs.customer-profile-v2 button.cancel-button:hover{
	 border: 1px solid var(--bk-color-accent, #FCDC5C) !important;
	 background: var(--bk-color-accent, #FCDC5C) !important;
	 color: #000 !important;
}
#customer-profile-tabs.customer-profile-v2 td{
	color: #000;
}
#customer-profile-tabs.customer-profile-v2 .form-row label {
    padding-bottom: 5px;
    font-weight: 700;
    letter-spacing: 0.16px;
}

/*profile css end*/

/*subscribe box start*/
/***********newsletter****************/
.widget.widget-newsletter input::-webkit-input-placeholder { /* Edge */
   color:rgba(255, 255, 255, 0.5);
   font-family: var(--bk-font-base, Century Gothic);
   font-size: 16px;
   font-weight: 700;
   line-height: 43px;
   letter-spacing: 0.05em;
}
.widget.widget-newsletter input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:rgba(255, 255, 255, 0.5);
   font-family: var(--bk-font-base, Century Gothic);
   font-size: 16px;
   font-weight: 700;
   line-height: 43px;
   letter-spacing: 0.05em;
}
.widget.widget-newsletter input::placeholder {
   color:rgba(255, 255, 255, 0.5);
   font-family: var(--bk-font-base, Century Gothic);
   font-size: 16px;
   font-weight: 700;
   line-height: 43px;
   letter-spacing: 0.05em;
}
.widget.widget-newsletter {
	max-width: 1280px;
    margin: 0 auto;
    padding: 90px 0 43px 0;
    background:var(--bk-color-secondary, #535A44);
	border-bottom: 1px solid rgba(241, 241, 241, 0.09);
}
.widget.widget-newsletter .newsletter {
    position: absolute;
    right: 0;
}
.widget-newsletter label {
    display:none;
}
.widget.widget-newsletter .widget-title {
    max-width: 540px;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 36px;
    font-weight: 400;
    line-height: 43px;
    color: #fff;
    text-transform: uppercase;
}

.widget.widget-newsletter.news-letter-section .newsletter .form-row{
    margin:0;
    padding:0;
}
.widget.widget-newsletter.news-letter-section .newsletter .form-row button.newsletter-subscription.submit-button {
    position: absolute;
    cursor: pointer;
    max-width: 149px;
    background: var(--bk-btn-secondary-fill, var(--bk-color-primary, #939C79));
    border: 0px solid var(--bk-color-primary, #939C79);
    border-radius: 49px;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 16px;
    font-weight: 700;
    line-height: 33px;
    letter-spacing: 0.1em;
    color: var(--bk-btn-secondary-text, #FFFFFF);
    margin: 0;
    height: 52px;
    padding: 10px;
    right: 0;
    top: -52px;
}
.widget.widget-newsletter.news-letter-section .newsletter .form-row.button-container {
    position: relative;
}
.news-letter-section .message-block.info-message,
.news-letter-section .message-block.success,
.news-letter-section .message-block.error-message, 
.news-letter-section .message-block.error {
    position: absolute;
    bottom: -34px;
    border-radius: 40px;
	width: auto;
    padding: 5px 15px;
}
.news-letter-section .errorlist.after .message-block {
    position: absolute;
    bottom: -20px;
}
.pagination span.disabled {
	opacity:0.5;
}
.widget.widget-newsletter.news-letter-section .newsletter .form-row input{
    min-width:500px;
    padding: 17px 16px 17px 20px;
      padding-right: 160px;
    border: 0px solid #131318;
    border-radius: 45px;
    height:52px!important;
    margin-right:10px;
	background-color:rgba(255, 255, 255, 0.10);
	font-family: var(--bk-font-base, Century Gothic);
    font-size: 16px;
    font-weight: 700;
    line-height: 43px;
    letter-spacing: 0.05em;
	color:#fff;
}
.widget.widget-newsletter.news-letter-section .newsletter .form-row button.newsletter-subscription.submit-button:hover{
    background:#a2ab8a;
    color:#fff;
    border: 0px solid #a2ab8a;
}
/***********newsletter end****************/

/** User Nav End**/
  .widget.widget-navigation.footer-product-menu .navigation-item{
	 display:inline-block;
	 width:50%;
 }
 .widget.widget-article.footer-address-content a{
     font-size: 16px;
     font-weight:300;
     line-height: 25px;
	 color:#fff;
	 text-decoration:none;
	 display:block;
 }
 .footer .article-content a:hover,
 .widget.widget-article.footer-address-content a:hover{
	 color:var(--bk-color-accent, #FCDC5C);
 }
 .footer .article-content a{
	 color:#fff;
	 font-weight:300;
	 text-decoration:none;
 }
.widget.widget-article.copy-right-content p a,
.widget.widget-article.copy-right-content p{
	 font-family: var(--bk-font-base, Century Gothic);
     font-size: 13px;
     line-height: 24px;
	 margin:0;
	 padding:0;
 }
 .widget.widget-article.copy-right-content p{
	 max-width: 520px;
	 min-width: 400px;
 }
/*** Home Category Start ***/
.widget-category.home-cat-sec {
    background: url('/template/22a214cc/images/home-cat-menu-bg.png') no-repeat;
    background-size: cover;
    background-position: bottom;
    padding: 125px 0 50px;
}
.widget-category.home-cat-sec  .category-view.image-view .category-image-view img {
    aspect-ratio: unset;
	border-radius: 100%;
	height:100%;
}
.widget-category.home-cat-sec .category-view.image-view .category-image-view-width a {
  display: block;
  width: 100%;
  height: 100%;
      margin: 15px auto;
    text-align: center;
}
.widget-category.home-cat-sec .category-image-view.category {
    border: 0;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top;
}
.widget-category.home-cat-sec .category-view.image-view .category-name a {
    margin:0;
    display:block;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0.02em;
    text-align: center;
    padding: 0;
    color: rgba(65, 82, 31, 1);
    text-transform: uppercase;
}
.widget-category.home-cat-sec .category-image-view.category-image-view-width:hover .category-name a{
    color: var(--bk-color-accent, #fcdc5c);
    opacity: 1;
}
.widget-category.home-cat-sec .category-image-view.category-image-view-width:hover img {
    opacity: 0.7;
}
.widget-category.home-cat-sec .category-view.image-view {
    max-width: 1435px;
    margin: 80px auto 0;
}
.widget-category.home-cat-sec .content.category-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: unset;
}
.widget-category.home-cat-sec .category.category-image-view.category-image-view-width {
    width: calc(100%/5 - 80px);
    margin: 0 40px 90px;
}
.widget-category.home-cat-sec .widget-title {
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 44px;
    font-weight: 400;
    line-height: 55px;
    text-align: center;
    max-width: 525px;
    margin: 0 auto;
    padding: 0;
    color: var(--bk-color-ink, rgba(31, 42, 7, 1));
    position: relative;
    text-transform: uppercase;
}
.widget-category.home-cat-sec .widget-title:after{
    content: '';
    height: 4px;
    width: 346px;
    position: absolute;
    background-color: var(--bk-color-accent, #FCDC5C);
    bottom: 5px;
    right: 4px;
}
.widget-category.home-cat-sec .category-name {
    margin: 30px 0 0;
}
.widget-category.home-cat-sec.inner {
    background: var(--bk-color-background, #fff);
    padding: 0 0 30px;
}
.widget-category.home-cat-sec.inner .category-view.image-view {
    max-width: 1200px;
}
.widget-category.home-cat-sec.inner .category.category-image-view.category-image-view-width {
    width: calc(100% / 4 - 60px);
    margin: 0 30px 90px;
}
.page-category .product-container .category-name{
	display:none;
}
/*** Home Category End ***/

/*** Flying Cart Start ***/
.flying-cart-content.page-content.loading.popup {
    padding: 0;
    top: auto !important;
    bottom: 0 !important;
    height: 100% !important;
    width: 500px !important;
    left: auto !important;
    right: 0 !important;
}
.flying-cart-footer .continue-shopping-btn {
    background: var(--bk-color-accent, #FCDC5C) !important;
    line-height: 30px !important;
    color: #000 !important;
    border-radius: 100px !important;
    border: 0 !important;
	max-width: 100%;
}
.flying-cart-page-heading {
    font-size: 22px !important;
    line-height: 36px !important;
}
.flying-cart-clear-cart-btn {
    font-size: 15px !important;
}
.flying-cart-clear-cart-btn:hover,
.flying-cart-product-name a:hover {
    color: var(--bk-color-accent, #FCDC5C)!important;
}
.flying-cart-quantity-wrapper .stepper {
    width: 90px !important;
    height: 35px !important;
    border-radius: 5px !important;
}
.flying-cart-quantity-wrapper .stepper-arrow.up {
    top: 5px !important;
}
.flying-cart-quantity-wrapper .stepper-arrow.down {
    bottom: -5px !important;
}
.flying-cart-quantity-wrapper .stepper-input {
    height: 31px !important;
}
.flying-cart-quantity-wrapper .stepper-input:focus{
    border: 0 !important;
}
.flying-cartitem-btn-wrapper .flying-cart-footer-button {
    background: var(--bk-color-accent, #FCDC5C) !important;
    border-radius: 100px !important;
    font-size: 16px !important;
    line-height: 26px !important;
    color: #000 !important;
    height: 50px !important;
    border: 0 !important;
	max-width: 100%;
}
/***  Flying Cart End ***/

/*** Contact Form Start ***/
.widget-form.contact-form .errorlist.after .message-block {
   color: #fff;
   letter-spacing: 0;
   margin: 0;
   background: #ee1f11;
   border-radius:3px;
   padding:1px 8px;
}
.widget.widget-form.contact-form textarea:focus,   
.widget.widget-form.contact-form input:focus {
    border: 1px solid var(--bk-color-accent, #FCDC5C);
}
.widget-form.contact-form .errorlist.after {
    font-size: 12px;
    line-height: 16px;
    position: absolute;
    bottom:5px;
    width: 100%;
}
.widget.widget-form.contact-form {
    background: rgba(255, 255, 255, 1);
    padding: 80px 75px;
    border-radius: 10px;
    max-width: 810px;
    margin: -140px auto 100px;
}

.widget.widget-form.contact-form .custom-form {
    position: relative;
}

.widget.widget-form.contact-form .single-input-row {
    max-width: 320px;
    display: block;
    margin: 0;
    padding: 0;
}
.widget.widget-form.contact-form .single-input-row .form-row.textArea.text-area,
.widget.widget-form.contact-form .single-input-row .form-row.textArea.text-area textArea {
    max-width: 320px;
    position: absolute;
    right: 0;
    top: 0;
}

.widget.widget-form.contact-form input {
    height: 45px;
    padding: 10px 15px;
    margin: 0 0 15px;
}
.widget.widget-form.contact-form textarea {
    width: 320px;
    height: 165px;
    padding:10px 15px;
}
.widget.widget-form.contact-form button.submit-button {
    max-width: 220px;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 17px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0.05em;
    background: var(--bk-btn-secondary-fill, var(--bk-color-primary, rgba(147, 156, 121, 1)));
    color: var(--bk-btn-secondary-text, #fff);
    border: 0;
    height: 50px;
    width: 100%;
    text-align: center;
    margin: 30px auto 0;
    display: block;
}
.widget.widget-form.contact-form button.submit-button:hover {
    background: var(--bk-color-accent, #fcdc5c);
    color: #000;
}
/*** Contact Form End ***/

/*** Checkout Start ***/
 
.checkout-page.version-2 .billing-address .delivery-options-advance-panel .form-row .label-text {
  margin: 0;
}
.checkout-page.version-2 .advance-checkout-order-details-right-dom-inner {
    max-width: 500px;
    border: 0;
    border-radius: 10px;
    padding: 30px 30px 40px;
    background: var(--bk-color-background, #fff);
}
.page-profile .customer-profile-v2-wrapper {
    background-color: transparent;
}
 
.checkout-page.version-2 .advance-checkout-order-details-right-dom .product-name .customer-canvas-designed-edit:hover,
.checkout-page.version-2 .advance-checkout-order-details-left-dom-inner .login-btn-from-checkout:hover,
.checkout-page.version-2 .advance-checkout-order-details-right-dom .product-name a:hover,
.checkout-page.version-2 .order-summary-panel .cart-edit-button a:hover,
.checkout-page.version-2 .advance-checkout-order-details-right-dom-inner .add-promo-codes .text-align:hover {
    color: var(--bk-color-accent, rgb(252, 220, 92));
}
.checkout-page.version-2 div.advance-checkout-steps-left-dom input[type="text"],
.checkout-page.version-2 div.advance-checkout-order-details-right-dom input[type="text"],
.checkout-page.version-2 div.advance-checkout-steps-left-dom textarea,
.checkout-page.version-2 div.advance-checkout-order-details-right-dom textarea {
    font-family: var(--bk-font-base, Century Gothic);
    appearance: none;
    margin: 0;
    border-radius: 5px;
    font-size: 15px;
    color: #000;
    background-color: var(--bk-color-background, #fff);
    border: 1px solid rgba(83, 90, 68, 0.2);
    font-weight: 500;
}
.checkout-page.version-2 div.advance-checkout-steps-left-dom select:focus,
.checkout-page.version-2 .contact-panel .contact-info .form-row.active-row input,
.checkout-page.version-2 .billing-address .form-row.active-row input, 
.checkout-page.version-2 .billing-address .form-row.active-row select {
    border: 1px var(--bk-color-accent, #FCDC5C) solid;
}
.checkout-page.version-2 .not-supported-shipping-message.message-block.error-message {
    margin: 20px 0 0;
}
.checkout-page.version-2 .order-summary-panel .cart-overview-header,
.checkout-page.version-2 .advance-checkout-steps-left-dom .section > .header,
.checkout-page.version-2 .advance-checkout-steps-left-dom .section .header-text,
.checkout-page.version-2 .advance-checkout-steps-left-dom .order-comment-row .label,
.checkout-page.version-2 .advance-checkout-steps-left-dom .payment-gateway-label ,
.checkout-page.version-2 .contact-panel .advance-contact-information-header{
    font-size: 18px;
    margin: 0 0 10px;
    font-weight: 600;
}
.checkout-page.version-2 .advance-checkout-order-details-left-dom-inner .page-heading {
    font-size: 30px;
    margin: 0 0 25px;
}
.checkout-page.version-2 .advance-checkout-order-details-right-dom .product-name a,
.checkout-page.version-2 .advance-checkout-order-details-right-dom-inner .check-out-total .price-row .label {
    font-size: 15px;
    font-weight: 500;
}
.checkout-page.version-2 .advance-checkout-order-details-right-dom .product-name {
    padding: 0 15px 0 0;
}
.checkout-page.version-2 .order-summary-panel {
    margin-bottom: 15px;
}
.checkout-page.version-2 .advance-checkout-order-details-right-dom-inner .check-out-total .price-row.total-order {
    margin: 24px 0 0;
    border-top: 1px solid #e4e4e4;
    padding: 24px 0 0;
}
 
.checkout-page.version-2 .checkout-button-wrapper-bottom .advance-checkout-next-step-parser-button {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.05em;
    border-radius: 100px;
    background-color: var(--bk-color-accent, #fcdc5c);
    color: #000;
}
.checkout-page.version-2 .checkout-button-wrapper-bottom .advance-checkout-next-step-parser-button.disabled {
    background-color: #ccc;
    color: #b0aeae;
    pointer-events: none;
    border: 1px solid #ccc;
}
.checkout-page.version-2 .checkout-button-wrapper-bottom .advance-checkout-next-step-parser-button:hover {
    background-color: var(--bk-btn-hover-bg, var(--bk-color-primary, #939C79));
    border-color: var(--bk-color-primary, #939C79);
    color: var(--bk-btn-hover-color, #fff);
}
/*** Checkout End ***/

/*** Payment Success Start ***/
.payment-success-page-container {
    background-color: transparent;
}
.payment-success-page-container .payment-success-header .payment-success-icon {
    width: 80px;
    height: 80px;
    margin: 30px auto 35px;
    background-size: 80px;
}
.payment-success-page-container .payment-success-header .title {
    font-size: 30px;
}
.payment-success-page-container .message-details .order-info {
    font-size: 18px;
    color: #000;
    font-weight: 500;
}

.payment-success-page-container .message-details .post-order-contact-us {
    font-size: 17px;
    font-weight: 500;
    color: #000;
}
.payment-success-page-container .message-details .post-order-contact-us a {
    font-weight: 600;
    color: #000;
}
.payment-success-page-container .message-details .post-order-contact-us a {
    color:var(--bk-color-primary, rgba(147, 156, 121, 1));
}
.payment-success-page-container .order-details {
    border-radius: 10px;
}
.payment-success-page-container .order-details .order_details_table tr th {
    font-size: 17px;
    padding: 10px;
    background: transparent;
}
.payment-success-page-container table, .payment-success-page-container th, .payment-success-page-container td {
    border: 0;
}
.payment-success-page-container .order-details h4 {
    margin: 0 0 15px;
    font-size: 22px;
    font-weight: 700;
    color: #000;
}
.cartitem-table .total-price-column {
    width: 80px;
}
.cartitem-table .quantity-column {
    width: 115px;
}
.cartitem-table .unit-price-column{
    width: 100px;
}
.payment-success-page-container .order_details_table .product-name {
    font-size: 16px;
    font-weight: 500;
}
.payment-success-page-container .order-details .order_details_table tr td {
    font-size: 16px;
    font-weight: 500;
}
.payment-success-page-container .order-details .payment-success-total table {
    padding: 0;
}
.payment-success-page-container .order-details .payment-success-total table td {
    font-size: 15px;
    font-weight: 500;
}
.payment-success-total > table tr.total-order {
    padding: 10px 0 0;
    margin: 12px 0 0;
}
/*** Payment Success End ***/

/* shopping cart page*/
.shopping-cart .shopping-cart__inner {
  max-width: 1350px;
  margin: 0 auto;
  padding-left: 0;
  padding-right: 0;
}
.shopping-cart .product-card {
    max-width: 90%;
}
.shopping-cart .product-card.cart-item:last-child {
    margin-bottom: 40px;
}
.shopping-cart .my-cart-products .product-card.cart-item {
    margin-bottom: 30px;
    padding: 30px;
    background: var(--bk-color-background, #fff);
    border-radius: 10px;
    justify-content: center;
    align-items: center;
}
.shopping-cart .my-cart-order-summary {
    max-height: 400px;
    margin-bottom: 100px;
    border: 1px #dbdbdb solid;
}
.shopping-cart .my-cart-products {
    margin: 0 0 100px;
}
.shopping-cart .order-summary-card__add-promo-codes .promo-codes-form .input-wrapper input {
    padding: 0;
    width: 100%;
}
.shopping-cart .order-summary-card__title {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: 600;
}
.shopping-cart .order-summary-card__price-row .lable {
    font-size: 15px;
    font-weight: 500;
}
.shopping-cart .order-summary-card .proceed-to-checkout .checkout-btn {
    background: var(--bk-color-accent, #fcdc5c);
    border: none;
    margin: 30px 0 0;
    padding: 10px 15px;
    line-height: 23px;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    width: 100%;
    max-width: 100%;
    height: 45px;
    border-radius: 100px;
}
.shopping-cart .order-summary-card .continue-shopping .continue-shopping-btn {
    font-size: 15px;
    font-weight: 600;
    background: var(--bk-color-primary, #939C79);
    text-decoration: none;
    max-width: 100%;
    height: 45px;
    line-height: 23px;
    padding: 10px 15px;
    color: #fff;
    border: 0;
}
.shopping-cart .order-summary-card .continue-shopping .continue-shopping-btn:hover {
    background: var(--bk-color-accent, #fcdc5c) !important;
    color: #000 !important;
}
.shopping-cart .my-cart__header {
    margin-bottom: 25px;
}
.shopping-cart .order-summary-card .proceed-to-checkout .checkout-btn:hover {
    background: var(--bk-color-accent, rgb(252, 220, 92))
    color: #000;
}
.shopping-cart .product-card__product-name a:hover,
.shopping-cart .order-summary-card__add-promo-codes .text-align:hover,
.shopping-cart .order-summary-card .continue-shopping .continue-shopping-btn:hover {
    color: var(--bk-color-accent, rgb(252, 220, 92));
}
.shopping-cart .my-cart__title {
    color: #000;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    margin: 0;
    line-height: 50px;
}
.shopping-cart .my-cart__header {
    margin: 0;
    padding: 87px 0 35px;
}
.shopping-cart .discount-up-sell-message:empty{
  display:none;
}
@media (max-width: 767px) {
    .shopping-cart .my-cart-order-summary {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 15px;
    }
    .shopping-cart .product-card {
        flex-wrap: wrap;
        max-width: 100%;
    }
    .shopping-cart .product-card__image {
        margin: 0 0 20px;
        width: 100%;
    }
    .shopping-cart .product-card__image-link {
        width: auto;
        height: auto;
        max-width: 150px;
    }
    .shopping-cart .product-card__product-name a {
        font-size: 15px;
        max-width: 204px;
        display: inline-block;
    }
    .shopping-cart .my-cart-order-summary {
        margin-bottom: 30px;
    }
  .product-widget.widget-addCart .cart-button-container {
    flex-wrap: wrap;
}
      .page-product .bmui-tab .bmui-tab-header-container {
        display: flex;
        align-items: start;
        flex-wrap: nowrap;
        overflow-x: auto;
    }
      .page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header {
        white-space: nowrap;
        margin-right: 30px;
    }
  .product-widget.widget-addCart .buy-now-button {
    min-width: 150px;
    font-size: 12px;
  }
}

/* end shopping cart page*/
.widget-newsletter .newsletter.inplace label {
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    margin: 0 0 14px;
  display:none;
}
.widget-addCart .buy-now-button {
    min-width: 200px;
}
/*product section start*/

 .widget.widget-product.home-product-section{
	padding:100px 30px 100px 30px;
	background-color:#F5F6F3;
 }
 .widget.widget-product.home-product-section .widget-title {
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 44px;
    font-weight: 400;
    line-height: 55px;
    text-align: center;
    max-width: 525px;
    margin: 0 auto;
    padding: 0;
    color: var(--bk-color-ink, rgba(31, 42, 7, 1));
    position: relative;
    text-transform: uppercase;
}
 .widget.widget-product.home-product-section .widget-title:after {
    content: '';
    height: 4px;
    width:90px;
    position: absolute;
    background-color: var(--bk-color-accent, #FCDC5C);
    bottom: -16px;
    left: 50%;
    transform: translateX(-50%);
}
.home-product-section .add-to-cart-button.button.et_pdp_add_to_cart .div-mask {
    border-radius: 50px;
}
.widget.widget-product.home-product-section .product-content {
  margin: 0 auto;
  max-width: 1460px;
  padding-top: 54px;
  display: flex;
  flex-wrap: wrap;
}
.product-view.image-view .product-block, 
.product-view.scrollable-view .product-block {
  border: 0;
  margin: 0 18px 52px;
  padding: 0;
  position: relative;
}
.fee-widget-product-image-view .product-view.image-view .btn-add .add-to-cart-button {
    background: var(--bk-btn-fill, var(--bk-color-accent, #FCDC5C)) none repeat scroll 0 0;
    border: 1px solid var(--bk-color-accent, #FCDC5C);
  color: var(--bk-btn-text, var(--bk-color-ink, #1F2A07)) !important;
      border-radius: 100px;
}
.fee-widget-product-image-view .product-view.image-view .product-image-link {
    padding: 0;
}
div.fee-widget-product-image-view .product-view.image-view .product-block .btn-add .add-to-cart-button.button:hover, .product-view.image-view .product-block:hover .btn-add span.add-to-cart-button{
      background: var(--bk-btn-hover-bg, var(--bk-color-primary, #939C79));
  border-color: var(--bk-color-primary, #939C79) !important;
    color: var(--bk-btn-hover-color, #fff) !important;
}
.fee-widget-product-image-view .product-view.image-view .current-price.price {
    color: var(--bk-color-ink, #1F2A07);
}
.fee-widget-product-image-view .product-view.image-view .product-name a {
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0.02em;
}
.fee-widget-product-image-view .product-view.image-view .product-name a:hover {
  color: var(--bk-color-ink, #1F2A07);
}
.fee-widget-product-image-view .product-view.image-view .product-name, .fee-widget-product-image-view .product-view.image-view .product-name a {
    height: 70px;
}
.fee-widget-product-image-view .product-view.image-view .content.product-content {
    gap: 20px;
}
.fee-widget-product-image-view .product-view.image-view .product-block {
    border: 0;
  margin-bottom: 20px;
}
.product-view.image-view .content.product-content {
  display: flex;
  flex-wrap: wrap;
}
.product-listing .product-view.image-view .content.product-content,
.page-category .product-view.image-view .content.product-content {
  margin: 0 -18px;
}
.product-view.scrollable-view a img, 
.product-view.image-view a img {
    max-width: 100%;
    max-height:100%;
	height:100%;
	object-fit:cover;
    width: 100%;
}
.product-view.image-view .product-image-link, 
.product-view.scrollable-view .product-image-link {
    display: block;
    vertical-align: middle;
	height: 100%;
    width: 100%;
}
.home-product-section .image-view .product-view-height-width .image, 
.home-product-section .scrollable-view .product-view-height-width .image {
    height: 272px;
}
.image-view .product-view-height-width .image, 
.scrollable-view .product-view-height-width .image {
    height: 204px;
}
.product-view.image-view .product-name, 
.product-view.scrollable-view .product-name {
    color:var(--bk-color-ink, #1F2A07);
    display: block;
    height:70px;
    margin-bottom: 28px;
    margin-top: 18px;
	font-family: var(--bk-font-base, Century Gothic);
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    letter-spacing: 0.02em;
    text-align: left;
    overflow: hidden;
    padding-bottom: 0;
    text-overflow: ellipsis;
    width: 100%;
}
.product-view.image-view .product-name a, 
.product-view.scrollable-view .product-name a{
	font-family: var(--bk-font-base, Century Gothic);
   font-size: 24px;
   font-weight: 400;
   line-height: 36px;
   letter-spacing: 0.02em;
}
.product-view.tabular-view .current-price,
span.current-price.price {
  font-family: var(--bk-font-base, Century Gothic);
  font-size: 20px;
  font-weight: 700;
  line-height: 24.52px;
  text-align: left;
  color:var(--bk-color-ink, #1F2A07);
}
.block-content-wrap {
	padding-bottom:36px;
    border-bottom:2px solid var(--bk-color-primary, #939C79);
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	}
.btn-add span.add-to-cart-button, 
.btn-add span.add-to-cart-button{
	position:relative;
	min-width: 195px;
	font-family: var(--bk-font-base, Century Gothic);
    font-size: 16px;
    font-weight: 700;
    line-height: 27.62px;
    letter-spacing: 0.05em;
    height: 48px;
	border:0px;
}
.product-view.image-view .product-block:hover .btn-add span.add-to-cart-button,
.btn-add span.add-to-cart-button:hover{
	background: var(--bk-btn-hover-bg, var(--bk-color-primary, #939C79));
    color: var(--bk-btn-hover-color, #fff);
}
.product-view.image-view .product-block img {
    transition: 0.5s;
}
.product-view.image-view .product-block:hover .image.product-image img {
    transition: 0.5s;
    transform: scale(1.05);
}
.product-widget.widget-availableStock {
    padding-bottom: 20px;
}

.block-content-wrap .price-waper{
	display: flex;
    align-items: center;
}

.product-listing .image-view .product-view-height-width .image, 
.product-listing .scrollable-view .product-view-height-width .image {
    height:204px;
}
.product-listing .btn-add span.add-to-cart-button, 
.product-listing .btn-add span.add-to-cart-button {
    min-width: 180px;
    font-size: 15px;
}
.product-listing {
    margin-bottom:100px;
}
.product-listing .product-view .footer{
	margin-top: 20px;
}
.product-view .footer, 
.category-view .footer, 
.entire-search .footer, 
.product-search .footer {
    background-color: transparent;
    border: 0px solid #ccc;
    margin-top: 38px;
    padding: 0 0 40px;
}
/*product end*/

/***********left Sidebar categories************/
.widget.widget-navigation.categories-list{
	padding:40px;
	background-color:var(--bk-color-primary, #939C79);
	margin-right:60px;
	margin-top:0px;
	margin-bottom:80px;
}
.widget.widget-navigation.categories-list .navigation-item a {
    border-bottom: 0px dashed #ccc;
    padding: 12px 0;
    color: #fff;
	font-family: var(--bk-font-base, Century Gothic);
    font-size: 16px;
    font-weight: 700;
    line-height: 19.62px;
    letter-spacing: 0.04em;
    text-align: left;
	text-transform: uppercase;
	position:relative;
	padding-left: 22px;
}
.widget.widget-navigation.categories-list .navigation-item a:before{
	content:'';
	background-color: var(--bk-color-accent, #FCDC5C);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='15' viewBox='0 0 11 15' fill='none'%3E%3Cpath d='M2 1.65808L8.01953 7.67639L2.35352 13.3416' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E") no-repeat center / 11px 15px;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='15' viewBox='0 0 11 15' fill='none'%3E%3Cpath d='M2 1.65808L8.01953 7.67639L2.35352 13.3416' stroke='%23000' stroke-width='4'/%3E%3C/svg%3E") no-repeat center / 11px 15px;
	width:11px;
	height:15px;
	position:absolute;
	left:0;
	top: 14px;
}
/* No mask support (pre-2017 browsers): fall back to the original image file so
   the arrow never renders as a solid 11x15 block. */
@supports not ((-webkit-mask-image: none) or (mask-image: none)) {
	.widget.widget-navigation.categories-list .navigation-item a:before{
		background: url(../images/category-arrow.svg) no-repeat;
	}
}
.widget.widget-navigation.categories-list .navigation-item-child-container .navigation-item.active a,
.widget.widget-navigation.categories-list .navigation-item-child-container .navigation-item a:hover,
.widget.widget-navigation.categories-list .navigation-item.active a,
.widget.widget-navigation.categories-list .navigation-item a:hover{
	color:var(--bk-color-accent, #FCDC5C);
}
.widget.widget-navigation.categories-list .navigation-item-child-container .navigation-item a{
	color:#fff;
	padding: 9px 0px;
    padding-left: 20px;
}
.widget.widget-navigation.categories-list .widget-title {
   font-family: var(--bk-font-base, Century Gothic);
   font-size: 24px;
   font-weight: 700;
   line-height: 32px;
   text-align: left;
   color:#fff;
   position:relative;
   margin-bottom:18px;
   text-transform: uppercase;
}
.widget.widget-navigation.categories-list .vertical .navigation-item .navigation-item-child-container {
    padding-left: 15px;
}
.widget.widget-navigation.categories-list .widget-title:before {
   content:'';
   width:42px;
   height:4px;
   background-color:var(--bk-color-accent, #FCDC5C);
   left:0;
   bottom: -5px;
   position: absolute;
}
.categories-list span.child-opener {
    width: 0;
    height: 0;
    position: absolute;
    left:0px;
    top: 0;
    cursor: pointer;
    font-family: 'FontAwesome';
    font-size: 0;
	opacity:0;
}
.categories-list .navigation-item {
    position: relative;
}
.categories-list .navigation-item a {
    position: relative;
    padding: 0;
    padding-left: 0px;
    color: #262527;
    font-size: 16px;
    line-height: 38px;
    font-weight: 500;
    letter-spacing: 0;
    text-align: left;
    border: 0;
}

.page-category .pagination:empty {
    margin: 0;
    padding-bottom: 0;
}
.category-details-container .title {
    display: block;
    font-size:35px;
    padding: 0;
    line-height:40px;
    font-weight: 500;
    color: #000;
    margin: 0;
}

.categories-list .navigation-item.active > a, .categories-list .vertical .navigation-item.active  .navigation-item:hover a {
    color: var(--bk-color-accent, #FCDC5C);
}
.categories-list .vertical .navigation-item.active > .navigation-item-child-container .navigation-item .navigation-item-child-container .navigation-item a{
    color: var(--bk-color-accent, #FCDC5C);
}

.categories-list span.child-opener::after {
    content: "\f107";
    text-align: center;
    width: 100%;
    position: absolute;
    line-height: 33px;
    height: 100%;
    font-size: 18px;
    color: #000;
    top: 2px;
    right: 0;
}
.categories-list .navigation-item.active>span.child-opener::after {
    content: "\f106";
}
/***********left Sidebar categories end************/
.product_quick_view_popup .body {
    margin: -1px 0 0;
    padding: 30px !important;
}
.product-quick-view-info-container.details #spltr-96ff24bf-8e83-4924-bd85-926693cd3a57 {
    max-width: 540px;
}
.product-quick-view-info-container.details #spltr-07e42076-41ee-45c4-8638-7b3b2924d6d2 {
    width: 540px;
    flex: 0 0 540px;
}
.product-quick-view-info-container.details .product-widget.widget-productCategory {
    padding: 10px 0;
}
/*product details start*/
.product-widget.widget-productName .product-name {
   font-family: var(--bk-font-base, Century Gothic);
   font-size: 40px;
   font-weight: 400;
   line-height: 53px;
   text-align: left;
   margin: 0 0 22px;
   color:var(--bk-color-ink, #1F2A07);
}
.widget-price .current-price-container .current-price.price {
  font-family: var(--bk-font-base, Century Gothic);
  font-size: 30px;
  font-weight: 700;
  line-height: 36.78px;
  color:var(--bk-color-primary, #939C79);
}
.product-widget.widget-price{
    padding: 0px 0 20px;
}
.widget-productImage .multi-image-scroll-wrapper {
    border: 0;
    overflow: unset;
    z-index: 9;
	padding:0 40px;
}
#spltr-07e42076-41ee-45c4-8638-7b3b2924d6d2 {
    padding-right: 70px;
}
.product-thumb-view img {
    max-width: 100%;
    max-height: 120px;
}
.widget-productImage .image-thumb-container .thumb-image.active {
    border: 0px solid #ccc;
    opacity: 0.7;
}
/** Stepper Start **/
.variation-dropdown-container {
    margin-bottom: 10px;
}
.product-widget.widget-addCart {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0px 0 30px 0;
      gap: 0 10px;
}

.product-widget.widget-addCart .stepper {
    width: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
}
.product-widget.widget-addCart .stepper .stepper-arrow {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    border: none;
    border-radius: 0 !important;
    height: 45px;
    position: relative;
    right: 0;
    width: 45px;
    z-index: 0;
}
.product-widget.widget-addCart .stepper .stepper-arrow.up {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    position: relative;
}
.product-widget.widget-addCart .stepper .stepper-arrow.up::before {
    position: absolute;
    content: "+";
    height: 100%;
    width: 50px;
    top: 0;
    text-indent: 0;
    font-size: 30px;
    left: auto;
    line-height: 48px;
    text-align: center;
    right: 0px;
}
.product-widget.widget-addCart .stepper .stepper-arrow.down {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    position: relative;
}
.product-widget.widget-addCart .stepper .stepper-arrow.down::before {
    position: absolute;
    content: "-";
    height: 100%;
    width: 50px;
    top: 0;
    text-indent: 0;
    font-size: 30px;
    left: 0;
    line-height: 48px;
    text-align: center;
}
.product-widget.widget-addCart .stepper .stepper-input {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 50px;
    padding: 0;
    text-align: center;
}
.product-widget.widget-addCart .stepper {
    max-width: 145px;
    height: 50px;
    position: relative;
    overflow: unset;
    border-radius:50px;
    justify-content: space-between;
    margin: 0;
    min-width: 145px;
    width: auto;
    border: 0px solid #dbdbd4;
	background-color:rgba(147, 156, 121, 0.16);;
}

.product-widget.widget-addCart .stepper input {
    width: 80px;
    height: 48px;
    border: 0;
    background: transparent;
    font-size: 20px;
    font-weight: 600;
    z-index: 0;
    color: var(--bk-color-secondary, #535A44);
}
.product-widget.widget-addCart  .stepper .stepper-arrow {
    height: 48px;
}

.product-widget.widget-addCart .cart-button-container {
    display: flex;
      gap: 10px;
}
.product-widget.widget-addCart span.add-to-cart-button, .product-widget.widget-addCart .buy-now-button {
    vertical-align: middle;
    height: 50px;
    line-height: 28px;
    font-size: 18px;
    width: max-content;
    font-weight: 600;
    padding: 10px 20px;
    margin: 0;
}
.product-widget.widget-addCart span.add-to-cart-button:hover{
	background: var(--bk-btn-hover-bg, var(--bk-color-primary, #939C79));
    color: var(--bk-btn-hover-color, #fff);
	border: 1px solid var(--bk-color-primary, #939C79);
}
.widget-productSummary .summary {
   display: block;
   margin: 0 0 5px;
   font-family: var(--bk-font-base, Century Gothic);
   font-size: 18px;
   font-weight: 400;
   line-height: 33px;
   color:var(--bk-color-ink, #1F2A07);
}
.widget-productSummary .title {
    display: none;
}

.ask-question-panel .form-row textarea {
    width: 100%;
    background: transparent;
}
.ask-question-panel .form-row label {
    width: auto;
}
.widget-price .current-price-container .current-price.price {
    font-style: normal;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 30px;
    font-weight: 700;
    line-height: 37px;
    text-align: left;
    color: var(--bk-color-primary, rgba(147, 156, 121, 1));
}
.widget-productImage.multi-image-scroll-vertical-view .image-preview-box .tag-mark {
    right: 20px;
    top: 20px;
    left: auto;
}
.product-widget.widget-related .title {
    text-transform: uppercase;
    font-family: 'Dozen';
    font-style: normal;
    font-weight: 400;
    font-size: 27px;
    line-height: 120%;
    position: absolute;
    margin-bottom: 10px;
}
.product-widget.widget-related {
    margin-bottom: 80px;
}
.product-widget.widget-related .scrollable-view>.content {
    padding: 15px 0 0;
    border: 0;
    margin:0;
}
.widget-productImage .image-thumb-container .thumb-image {
    height: 86px;
}
.product-thumb-view img {
    max-width: 100%;
    max-height: 100%;
    height: 100%;
    object-fit: cover;
}
.product-widget.widget-productReview {
    margin: 5px auto;
}
.product-widget.widget-filterGroup {
    padding-bottom: 5px;
}
.filter-group label, .filter-group span, .widget-productCategory label, .widget-productCategory span {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
}
.filter-group span, .widget-productCategory span {
    font-weight: 400;
}
.product-widget.widget-stockMark span {
    font-size: 0;
    font-weight: 500;
    color: red;
    background: transparent;
    padding:0;
    margin:0;
    text-align:right;
}
.product-widget.widget-stockMark.no-thumb-image {
    position: relative;
}
.product-widget.widget-stockMark span.available {
    color: rgba(13, 188, 146, 1);
    font-size: 0;
    position: absolute;
    right: 0;
    top: -30px;
}
.product-widget.widget-stockMark span.available::before {
    content: '';
    display: inline-block;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    color: #3BAB53;
    width: 125px;
    height: 20px;
    background: url("../images/stock.svg");
    background-position: -30px -7px;
}

.product-widget.widget-stockMark span::before {
    content: '';
    display: inline-block;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    font-size: 17px;
    line-height: 20px;
    color: #3BAB53;
    width: 125px;
    height: 20px;
    background: url("../images/stock.svg");
    background-position: -15px -44px;
}
.widget-socialMediaShare .social-media-wrapper {
    font-size: 0;
}

.widget-socialMediaShare .social-media-wrapper span:hover{
    opacity: 1;
}
.widget-productImage .multi-image-scroll-wrapper .scroll-navigator {
    background-image: url("../images/product-thumb-arrow.svg");
    width: 37px;
}
.widget-productImage .multi-image-scroll-wrapper .image-thumb-container {
    margin: 5px 0;
    overflow: hidden;
}
.widget-productImage .multi-image-scroll-wrapper .image-left-scroller.scroll-navigator {
    background-position: 0px center;
    cursor: pointer;
}
.widget-productImage .multi-image-scroll-wrapper .image-right-scroller.scroll-navigator {
    background-position: -36px center;
    cursor: pointer;
}
.product-widget.widget-addCart .add-to-cart-button.button {
    background-color: #FFC107;
    border-color: #FFC107;
      border-radius: 100px;
  color: var(--bk-color-ink, #1F2A07);
}
.product-widget.widget-addCart .add-to-cart-button.button:hover {
    background-color: var(--bk-btn-hover-bg, var(--bk-color-primary, #939C79));
    border-color: var(--bk-color-primary, #939C79);
    color: var(--bk-btn-hover-color, #ffffff);
}
.product-widget.widget-socialMediaShare .social-media-wrapper span {
    height: 26px;
    width: 26px;
    border-radius: unset;
    border: 0;
}
/**********************************/
.widget.widget-product.product-horizental .review-rating-wrapper {
    margin-top: 0;
}
.review-rating span img{
    opacity: 0;
}
.review-rating {
    width: 118px !important;
    text-align: left;
    display: inline-block;
    margin: 0 !important;
}
.product-widget.widget-productReview .review-rating {
    width: 112px !important;
}
.product-widget.widget-productReview .review-rating-wrapper .review-count {
    margin-top: -1px;
}
.review-rating span {
    width: 18px !important;
    display: inline-block;
    height: 23px;
}

.review-rating .star-on {
    background: url('../images/star-on.svg') no-repeat center;
}
.review-rating .star-off {
    background: url('../images/star-off.svg') no-repeat center;
}
.review-rating .star-half {
    background: url('../images/star-half.svg') no-repeat center;
}
.new-review-panel .avg-review-label .review-rating .star-on {
    background-image:none;
    background: url('../images/star-on.svg') no-repeat center;
}
.new-review-panel .avg-review-label .review-rating .star-off {
    background-image:none;
    background: url('../images/star-off.svg') no-repeat center;
}
.new-review-panel .avg-review-label .review-rating .star-half {
    background-image:none;
    background: url('../images/star-off.svg') no-repeat center;
}
.review-rating-wrapper .review-count {
    font-size: 12px;
    font-weight: 400;
    color: rgb(0, 0, 0);
    margin-left: 0px;
    display: inline-block;
    line-height: 14px;
}
.new-review-panel .review-card-wrapper__reviewer-name {
    font-size: 17px;
    color: #000;
    font-weight: 700;
    text-transform: capitalize;
}
.product-view .product-block .review-rating-wrapper {
    margin: 3px 20px 12px;
}
.product-view.tabular-view .tabular-product-view .review-rating-wrapper {
    align-items: center;
}
.product-view.tabular-view .product-table-view-header .product-table-view-column {
    margin: 0;
}
.new-review-panel .review-form .form-row input[type="text"]{
    height: 47px;
}
.new-review-panel .review-form .form-row input[type="text"], .new-review-panel .review-form .form-row textarea {
    border: 1px solid var(--bk-color-primary, #939C79);
    border-radius: 5px;
    background: transparent;
}
.new-review-panel .review-form .form-row input[type="text"]:focus, .new-review-panel .review-form .form-row textarea:focus {
    border: 1px solid  var(--bk-color-accent, #FCDC5C);
}
.review-form .form-row label, .review-form textarea {
    width: 100%;
    background: transparent;
}
.new-review-panel .review-image-input-with-dropzone-wrapper {
    border: 2px dotted var(--bk-color-primary, #939C79);
    padding: 0 15px;
    background: transparent;
    border-radius: 5px;
}
.new-review-panel .review-image-input-with-dropzone-wrapper::before {
    background-size: 42px;
    margin-top: 20px;
    filter: grayscale(100%);
}
.new-review-panel .write-review-panel .form-section-container input.masked-file-input {
    border-radius: 4px;
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto;
    outline: none;
    opacity: 0;
    max-width: 750px;
}
.new-review-panel .review-image-input-with-dropzone-wrapper .dropzone-wrapper {
    margin-top: 0px;
}
.new-review-panel .write-review-panel .form-section-container .dropzone {
    padding: 0 0 25px;
}
.new-review-panel .write-review-panel .form-section-container .dropzone-text {
    font-size: 14px;
    line-height: 21px;
    color: #3d3d3d;
}
.new-review-panel .write-review, .new-review-panel .review-form .form-row button {
    margin-top: 0px;
    padding: 10px 15px;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    letter-spacing: 0.16em;
    background: var(--bk-color-accent, #FCDC5C);
    border: 1px solid var(--bk-color-accent, #FCDC5C);
    color: #000;
    border-radius: 50px;
    height: 50px;
    max-width: 220px;
    width: 100%;
}
.new-review-panel .write-review:hover, .new-review-panel .review-form .form-row button{
    color: #fff;
    background: var(--bk-color-primary, #939C79);
    border: 1px solid var(--bk-color-primary, #939C79);
}
.new-review-panel .review-form .form-row button ~ button.cancel {
    color: #000;
    background: var(--bk-btn-fill, var(--bk-color-accent, #FCDC5C));
    border: 1px solid var(--bk-color-accent, #FCDC5C);
}
.new-review-panel .review-form .form-row button ~ button.cancel:hover{
    color: var(--bk-btn-hover-color, #fff);
    background: var(--bk-btn-hover-bg, var(--bk-color-primary, #939C79));
    border: 1px solid var(--bk-color-primary, #939C79);
}
.new-review-panel .review-form .form-row button.review-submit-btn:hover {
    background: var(--bk-color-accent, #FCDC5C);
    border: 1px solid var(--bk-color-accent, #FCDC5C);
    color: #000;
}
.new-review-panel .review-form .form-row label {
    padding: 0;
    display: block;
    text-transform: capitalize;
    width: 100%;
    line-height: normal;
    color: var(--bk-color-secondary, #535A44);
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.16px;
    margin: 0 0 5px;
}
.new-review-panel .average-review-block-inner {
    background-color: #f7f7f7;
}
.new-review-panel .average-rating-point-block {
    background: #f7f7f7;
}
.new-review-panel .average-point-out-of {
    background: #404040;
}
.new-review-panel .average-point-out-of::after {
    border-color: transparent transparent #404040;
}
.new-review-panel .average-rating-point-block {
    border: 2px solid #404040;
}
.new-review-panel .average-point {
    color: #000000;
}
.new-review-panel .all-rating-block .rating-row .rating-bar-wrapper {
    background: #d5e5d8;
}
.new-review-panel .review-card-wrapper__view-details-link {
    color:var(--bk-color-primary, #939C79);
}
.new-review-panel .all-rating-block .rating-row .rating-bar {
    background:var(--bk-color-primary, #939C79);
}

.new-review-panel .review-card-wrapper{
    overflow: hidden;
}
.review-card-wrapper__card-container.scrollable {
    margin: 0 auto;
    max-width: 1600px;
}
.new-review-panel .review-card-wrapper__card{
    padding: 0 30px 0 0;
}
.new-review-panel .review-card-wrapper__navigator {
    width:45px;
    height:45px;
	cursor:pointer;
}
.new-review-panel .review-card-wrapper__navigator:hover, .new-review-panel .review-card-wrapper__navigator:hover {
    background: var(--bk-color-primary, #939C79);
}
.new-review-panel .review-card-wrapper__navigator-icon-previous, .new-review-panel .review-card-wrapper__navigator-icon-next {
    background-size:9px;
    background-position: center center;
    background-repeat: no-repeat;
}

.new-review-panel .review-card-wrapper__navigator-previous{
    left: auto;
    right:55px;
    top: auto;
    bottom: -30px;
}
.new-review-panel .review-card-wrapper__navigator-next {
    left: auto;
    right: 0;
    top: auto;
    bottom: -30px
}
.new-review-panel .review-card-wrapper__navigator {
    border: 1px solid #ccc;
}
.new-review-panel .review-card-wrapper__navigator-icon-previous {
    margin-left: -3px;
}
.new-review-panel .review-card-wrapper__navigator-icon-next {
   margin-right: -3px;
}
.product-widget.widget-price .price .tax-message {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
    position: absolute;
    left: 0;
    line-height: normal;
}
.page-product .bmui-tab {
    margin: 0;
}
/*.product-view.image-view .product-image, .product-view.scrollable-view .product-image {
    overflow: unset;
}*/

.page-product .bmui-tab .bmui-tab-body-container {
    border: 0;
    padding: 20px 0;
}
.page-product .bmui-tab .bmui-tab-header-container {
    font-size: 0;
    text-align: center;
    border-top:0px solid #EDEDED;
}

.page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header {
    border: medium none;
    margin: 0;
    padding: 0 30px 15px 0;
    text-transform: none;
    border-radius: 0;
    background: transparent;
    width: auto;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 20px;
    font-weight: 700;
    line-height:35px;
    color:#C5C5C5;
}
.page-product .bmui-tab {
    padding-top: 100px;
}
.page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header.bmui-tab-active .title {
    color: var(--bk-color-primary, #939C79);
    position: relative;
}
.page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header.bmui-tab-active .title:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: -8px !important;
    width: 100%;
    height: 2px;
    background: var(--bk-color-primary, #939C79);
}
.page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header:nth-of-type(2).bmui-tab-active .title::after, .page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header:first-child.bmui-tab-active .title::after{
    bottom: -26px;
}
.page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header:nth-of-type(2).bmui-tab-active .title::before, .page-product .bmui-tab .bmui-tab-header-container .bmui-tab-header:first-child.bmui-tab-active .title::before{
    font-weight: 600;
}
#webcommander-page .page-product .bmui-tab .bmui-tab-body-container h1 {
    font-size: 25px;
	line-height:35px;
}

#webcommander-page .page-product .bmui-tab .bmui-tab-body-container h2 {
    font-size: 24px;
    line-height:35px;
}

#webcommander-page .page-product .bmui-tab .bmui-tab-body-container h3 {
   font-size: 23px;
   line-height:33px;
}

#webcommander-page .page-product .bmui-tab .bmui-tab-body-container h4 {
   font-size: 23px;
   line-height:33px;
}

#webcommander-page .page-product .bmui-tab .bmui-tab-body-container h5 {
   font-size: 22px;
   line-height:32px;
}

#webcommander-page .page-product .bmui-tab .bmui-tab-body-container h6 {
   font-size: 20px;
   line-height:30px;
}
#webcommander-page .page-product .bmui-tab .bmui-tab-body-container h1,
#webcommander-page .page-product .bmui-tab .bmui-tab-body-container h2,
#webcommander-page .page-product .bmui-tab .bmui-tab-body-container h3,
#webcommander-page .page-product .bmui-tab .bmui-tab-body-container h4,
#webcommander-page .page-product .bmui-tab .bmui-tab-body-container h5,
#webcommander-page .page-product .bmui-tab .bmui-tab-body-container h6{
	font-family: var(--bk-font-base, Century Gothic);
	font-weight: 700;
    color: var(--bk-color-secondary, rgba(83, 90, 68, 1));
	margin-top:20px;
}
.page-product .bmui-tab .bmui-tab-body-container .title {
    display: none;
}

.page-product .bmui-tab .bmui-tab-body-container .title {
    display: none;
}

.page-product .bmui-tab .bmui-tab-body-container td b,
.page-product .bmui-tab .bmui-tab-body-container td strong {
    font-weight: 600;
}

.page-product .bmui-tab .bmui-tab-body-container p {
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    color: #000;
    display: block;
    padding-bottom: 0;
    margin: 0 0 20px;
}

#bmui-tab-description div#feature-bullets ul {
    margin: 0 !important;
    padding: 0 !important;
}
.product-widget.widget-information {
    margin-bottom: 40px;
}
.page-product .bmui-tab {
    margin-top: 68px;
    border-top: 2px solid rgba(147, 156, 121, 0.3);
    padding-top: 68px;
}
.page-product ul li, 
.page-product ol li{
	font-size:16px;
	line-height:30px;
}
.page-product ul li::after {
    content: "";   
	background: url(../images/list-arrow.svg);
    height: 15px;
    width: 11px;
    position: absolute;
    left: -20px;
    top: 9px;
    border-radius: 50%;
}
/** Popup Start **/
.popup {
    box-shadow: none;
}
.popup.image-popup-container{
    padding: 0
}
.image-popup-container .image-wrapper {
    padding: 40px;
    border: 10px solid #fff;
}
.image-popup-container .navigator {
    background-image: url("../images/icons.svg");
    background-repeat: no-repeat;
}
.image-popup-container .navigator.close-button {
    background-image: url("../images/close-icon.svg");
    background-position: 0 0;
    height: 20px;
    right: 5px;
    top: 4px;
    width: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    border: 0;
}
.image-popup-container .navigator.right-button, 
.image-popup-container .navigator.left-button {
    width: 43px;
    height: 34px;
    border: 0;
}

.image-popup-container .navigator.close-button {
    background-image: url("../images/close-icon.png") no-repeat;
    background-position: 8px 9px;
    height: 34px;
    right: 5px;
    top: 5px;
    width: 34px;
    background-size: 15px;
    border: 1px solid #fff;
}
.image-popup-container .navigator.close-button:hover {
   opacity:0.5;
}
.image-popup-container.popup {
    padding: 0;
    min-width: auto;
    background: transparent;
}

.add-to-cart-popup .short-info>div,
.add-cart-information-popup .short-info>div {
    padding-bottom: 0;
}
.new-review-panel .write-review-panel {
    margin-top: 25px;
}

.new-review-panel .review-form {
    max-width: 750px;
    margin: 0 auto;
}
.new-review-panel .review-form .form-row.btn-row {
    display: flex;
    justify-content: center;
}
.review-view-panel .no-review-message {
    font-size: 18px;
    line-height: 33px;
    color: #3d3d3d;
}
.new-review-panel .review-card-wrapper__summary {
    color:var(--bk-color-ink, rgba(31, 42, 7, 1));
}
.page-product .bmui-tab .bmui-tab-body-container h2.review-heading {
    font-size: 18px;
    margin: 0 0 16px 0;
    padding: 0;
}
.product .page-content>.v-split-container>.v-split {
    margin: auto;
    max-width: 1280px;
    width:100%;
}
.widget-productImage .image-preview-box {
    width: auto;
    height: auto;
}

.new-review-panel button.write-review {
    margin: auto;
    display: block;
}
.new-review-panel .review-view-panel .no-review-message {
    font-size: 18px;
    line-height: 33px;
    color: #3d3d3d;
    text-align: center;
	display: block;
}


/*product details end*/

/*Start: Product friend mail */
.tell-friend.tell_friend_popup.popup {
    padding: 0;
}
.tell-friend.tell_friend_popup.popup.anim-fade-zoom.active {
    padding: 0;
    max-width:450px;
    width: auto !important;
}
.tell-friend.tell_friend_popup.popup.anim-fade-zoom.active .header {
    font-size: 18px;
}
form.tell-friend-popup .body .form-row input, form.tell-friend-popup .body .form-row label, form.tell-friend-popup .body .form-row textarea {
    position: relative;
    display: block;
    text-transform: capitalize;
    width: 100%;
    line-height: normal;
    color: var(--bk-color-secondary, #535A44);
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 15px;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 0.16px;
    margin: 0 0 5px;
}
form.tell-friend-popup .body{
    padding: 20px 30px;
}
form.tell-friend-popup .body .form-row {
    padding-bottom: 5px;
    position: relative;
}
form.tell-friend-popup .popup-bottom.footer, form.tell-friend-popup .popup-bottom.footer {
    padding: 30px;
    margin: 0;
    display: flex;
}
form.tell-friend-popup .popup-bottom.footer .submit-button.send-email {
    color: var(--bk-btn-secondary-text, #fff);
    background: var(--bk-btn-secondary-fill, var(--bk-color-primary, #939C79));
    border: 2px solid var(--bk-color-primary, #939C79);
    margin: 0 10px 0 0;
}
form.tell-friend-popup .popup-bottom.footer .form-reset.close-popup:hover {
    background: var(--bk-color-primary, #939c79);
    border-color: var(--bk-color-primary, #939c79);
    color: #fff;
}
form.tell-friend-popup .popup-bottom.footer .submit-button.send-email:hover {
    background: var(--bk-color-accent, #FCDC5C);
    border: 2px solid var(--bk-color-accent, #FCDC5C);
    color: #000;
}
form.tell-friend-popup .body .form-row .errorlist.after {
    bottom: -10px;
}
form.tell-friend-popup .button.form-reset.close-popup {
    max-width: 100%;
}
.tell-friend.tell_friend_popup.popu .popup-bottom.footer span.button.form-reset.close-popup {
    width: 100%;
    max-width: 100%;
}


/*End Product friend mail*/
/** Popup Start **/
.popup {
    box-shadow: none;
}
.popup.image-popup-container{
    padding: 0
}
.image-popup-container-for-zoom-preview img.popup-image-for-zoom-preview {
    width: 100%;
}
.image-popup-container .image-wrapper {
    padding: 40px;
    border: 10px solid #fff;
}
.image-popup-container .navigator {
    background-image: none;
    background-repeat: no-repeat;
}
.image-popup-container .navigator.close-button {
    background-image: url("../images/close-icon.svg");
    background-position: 0 0;
    height: 20px;
    right: 5px;
    top: 4px;
    width: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    border: 0;
}
.image-popup-container .navigator.right-button, 
.image-popup-container .navigator.left-button {
    width: 34px;
    height: 34px;
    border: 0;
	cursor:pointer;
}
.image-popup-container .navigator.right-button:hover, 
.image-popup-container .navigator.left-button:hover{
	opacity:0.7;
}
.image-popup-container .navigator.right-button {
    background-position: right;
    right: 3px;
    transform: rotate(0deg);
    background-size: 30px;
    border:0px solid transparent;
	background-image: url(../images/popup-arrow.svg);
}
.image-popup-container .navigator.left-button {
    background-position:left;
    transform: rotate(180deg);
    background-size:30px;
    border:0px solid transparent;
	background-image: url(../images/popup-arrow.svg);
	left: -3px;
}
.image-popup-container .navigator.close-button {
    background-image: url("../images/close-icon.png") no-repeat;
    background-position: 8px 9px;
    height: 34px;
    right: 5px;
    top: 5px;
    width: 34px;
    background-size: 15px;
    border: 1px solid #fff;
}

.image-popup-container.popup {
    padding: 0;
    min-width: auto;
    background: transparent;
}

.add-to-cart-popup .short-info>div,
.add-cart-information-popup .short-info>div {
    padding-bottom: 0;
}
.popup .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.popup .item>span {
    margin: 0;
}
.popup .stepper {
    margin-bottom: 0;
}
.popup.add-cart-information-popup .variation-container {
    text-align: left;
}
.popup.add-cart-information-popup td.short-info{
    text-align: left;
    font-size: 18px;
}
.add-cart-information-popup .footer .button, .incomplete-info-for-variation-ui .footer .button {
    line-height: 20px;
}
.add-to-cart-popup .name, .add-cart-information-popup .name {
    font-size: 16px;
    max-width: 100%;
    margin: 0 ;
}
.add-to-cart-popup table, .add-cart-information-popup table {
    margin: 0;
}
.popup.add-cart-information-popup span.title {
    color: #000;
    font-size: 17px;
    font-weight: 700;
    display: block;
}
.popup.add-cart-information-popup h4.title {
    font-size: 17px;
    margin-top: 20px;
    text-align: center;
    font-weight: normal;
}
.popup .cart-summary {
    clear: none;
    color: #000000;
    display: block;
    float: none;
    text-align: center;
}
.popup .cart-summary-header {
    color: #000000;
    float: none;
    font-size: 15px;
    padding-right: 0px;
    text-align: center;
}
.popup .status-bar-product-name, .popup .header .status-message {
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    display: block;
    line-height: 28px;
}
.popup .button-item {
    display: block;
    clear: both;
}
.popup .button-item .button {
    vertical-align: middle;
    margin: 0 5px
}
.popup .continue-shopping-btn {
    color: #000;
    background-color: var(--bk-color-accent, #FCDC5C);
    border-color: #000000;
    border: 1px solid var(--bk-color-accent, #FCDC5C);
    margin: 0 5px;
}
.popup .continue-shopping-btn:focus,
.popup .continue-shopping-btn.focus {
    color: #000000;
    background:#68E383;
    border: 1px solid #68E383;
}
.popup .continue-shopping-btn:hover {
    color: #fff;
    background:var(--bk-color-primary, #939C79) ;
    border: 1px solid var(--bk-color-primary, #939C79) ;
}
.popup .body {
    background-color: var(--bk-color-background, #FFFFFF);
    padding: 20px;
}
.save-cart.save-cart-init-form.popup {
    padding: 0;
}
.save-cart.save-cart-init-form.popup .body {
    background-color: var(--bk-color-background, #FFFFFF);
    padding: 20px;
}
.add-to-wish-list-popup.add-to-wishlist-popup.popup {
    padding:0;
}
.site-popup .title-bar, .confirm-popup .header-line, .confirm-popup .title-bar {
    background-color: #f6f6f6;
    font-size: 17px;
    font-weight: 600;
    display: block;
    border-bottom: 1px solid #e2e2e2;
    color: #000;
    padding: 18px 0 18px;
    text-align: center;
}
.popup .button-item {
    text-align: center;
    margin: 0;
    display:flex;
    justify-content:center;
}
.popup .close-icon {
    top: 15px;
    right: 15px;
}
.site-popup span.close.fee-identical-sewc-elm, .confirm-popup span.icon.close {
    top: 18px;
    right: 20px;
}
.popup .button-item .continue-shopping-btn,
.popup .button-item .cart-page-button {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
}
.popup a.cart-page-button.button.et_ecommerce_view_cart,
.popup .close-btn.button {
    margin-left: 3%;
    margin-top: 0;
}
.popup a.cart-page-button.button.et_ecommerce_view_cart {
    color: #fff !important;
	background-color:#939C78;
	border:1px solid #939C78;
}
.popup a.cart-page-button.button.et_ecommerce_view_cart:hover {
    color: #000 !important;
	border:1px solid var(--bk-color-accent, #FCDC5C) !important;
	background-color:var(--bk-color-accent, #FCDC5C) !important;
}
.popup button:nth-of-type(1) {
    margin-left: 0;
}
.popup {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: var(--bk-color-background, #fff);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.popup .body table,
.popup .body tr,
.popup .body td {
    border: 0;
}
.site-popup .content, .confirm-popup .body {
    padding: 25px 30px !important;
    overflow: unset;
    font-weight: 400;
}
.wish-list-popup label {
    display: inline-block;
    margin-right: 15px;
    width: auto;
}
.shipment-calculator-popup .header>.status-message {
    font-size: 16px;
}

.shipment-calculator-popup .multi-column form {
    margin: 0 -15px;
}
.shipment-calculator-popup .first-column .form-row {
    width: 50%;
    float: left;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.shipment-calculator-popup .form-row label {
    width: 100%;
    display: block;
}
.shipment-calculator-popup .form-row input,
.shipment-calculator-popup .form-row select {
    width: 100%;
}
.save-cart button.form-reset.close-popup {
    color: #e6e6e6;
    background-color: #6c757d;
    border: 1px solid #6c757d;
    text-shadow: none;
    opacity: 0.7;
}
.save-cart button.form-reset.close-popup:focus,
.save-cart button.form-reset.close-popup.focus {
    color: #e6e6e6;
    background-color: #545b62;
    border-color: #545b62;
}
.save-cart button.form-reset.close-popup:hover {
    color: #fff;
    background-color: #6c757d;
    border: 1px solid #6c757d;
}
.save-cart .popup-bottom.footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.save-cart .popup-bottom.footer button {
    width: 49%;
    margin-left: 0;
}

.site-popup, .confirm-popup {
    padding: 0;
}

.confirm-popup button.no-button {
    background: transparent;
    color: #000000;
}
.confirm-popup button.no-button:hover {
    background:#000000;
    color: #fff !important;
}
.add-to-cart-popup.popup,
.wish-list-popup.add-to-wishlist-popup.popup,
.add-to-compare-popup.popup,
.add-cart-information-popup.popup,
.add-to-gift-registry-popup.popup {
    max-width: 750px;
    padding: 0;
    min-width: 650px;
}
.popup.add-cart-information-popup .button-line, .popup .footer {
    background-color: #F7F7F7;
    padding: 30px 20px;
    text-align: center;
    border: 0;
    margin-top: 30px;
}
.popup.add-cart-information-popup h4.title {
    font-size: 16px;
    margin-top: 20px;
    text-align: center;
    font-weight: 600;
    font-family: Rubik;
    letter-spacing: 0.5px;
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 15px;
    display: none;
}
.site-popup .button-line button, .confirm-popup .button-line button {
    letter-spacing: 0.1em;
    margin: 0;
}
.site-popup .button-line button[disabled]{
    background: #bfbfbf none repeat scroll 0 0 !important;
    border: medium none;
    color: #818181 !important;
}
.popup .button-line, .popup .footer {
    text-align: center;
}
.popup button:nth-of-type(1) {
    margin-left: 0;
}

.popup.add-cart-information-popup .variation-container {
    text-align: left;
}
.wish-list-popup.add-to-wishlist-popup.popup .submit-button.add-to-wish-list::before {
    display: none;
}
.wish-list-popup.add-to-wishlist-popup.popup .footer {
    display: flex;
    justify-content: center;
}
.wish-list-popup.add-to-wishlist-popup.popup  {
    max-width: 500px;
}
.wish-list-popup.add-to-wishlist-popup.popup .body {
    max-width: 90%;
    margin: 0 auto;
}
.wish-list-popup.add-to-wishlist-popup.popup .body label, .wish-list-popup.add-to-wishlist-popup.popup .body select {
    display: block;
    width: 100%;
}
.add-to-wish-list-popup.add-to-wishlist-popup.popup .header .status-bar-product-name {
    padding: 0 90px 10px 0px;
    font-weight: 700;
    font-size: 17px;
}
.add-to-wish-list-popup.add-to-wishlist-popup.popup .header .status-message
{
    padding: 0;
}
.wish-list-popup.add-to-wishlist-popup.popup .body label {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
    color: #000000;
}
.wish-list-popup .no-wish-list-message {
    font-weight: 400;
}

.wish-list-popup.add-to-wishlist-popup.popup .footer button{
    margin: 0 10px;
}
.wish-list-popup.add-to-wishlist-popup.popup .footer button.submit-button, .popup .button-item .cart-page-button, .popup .add-to-cart-button{
    color: #000000;
    background:var(--bk-btn-fill, var(--bk-color-accent, #FCDC5C));
    border: 1px solid var(--bk-color-accent, #FCDC5C);
}

.popup .close-icon:after {
    font-size: 0;
}
.site-popup .title-bar .close, .confirm-popup .header-line .close, .confirm-popup .title-bar .close, .popup .close-popup.close-icon {
    background: url(../images/icons.svg) no-repeat;
    background-position: -198px -3px;
    height: 20px;
    width: 20px;
    top: 28px;
    right: 25px;
      z-index: 1;

}
.product-view .quick-view-btn {
    left: 50%;
    width: auto;
    transform: translateX(-50%);
}
.site-popup .title-bar .close::before,
.confirm-popup .header-line .close::before {
    font-size: 0;
}
.popup .button.disabled {
    border: 2px solid #bfbfbf !important;
}
.popup.add-cart-information-popup .variation-container {
    text-align: left;
}
.add-cart-information-popup .variation-container .chosen-container {
    border-radius: 0;
    width: 100%;
    max-width: 64%;
    margin: 0 0 10px;
}

.chosen-container-single .chosen-single {
    background: var(--bk-color-background, #fff);
    -webkit-appearance: none;
    padding-right: 11px;
    padding-right: 40px;
    margin: 5px 0;
    background-size: 15px;
    box-shadow: none;
    background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right var(--bk-color-background, #fff);
    background-position-x: 97%;
    background-size: 12px;
    border-width: 1px;
    font-family: inherit;
    padding: 6px 14px;
    padding-right: 14px;
    font-weight: 600;
    border-radius: 3px;
    height: 40px;
    border-color: #d8d8d8;
}
.chosen-container-active.chosen-with-drop .chosen-single{
    border-color: #000;
}
.chosen-container-single .chosen-single div b {
    background-size: 0;
}

.chosen-container-single .chosen-single span {
    color: #000;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 30px;
    font-family: 'GT Walsheim Pro', sans-serif;
}

.chosen-container .chosen-results .chosen-result {
    font-size: 17px;
    height: 40px;
    line-height: 10px;
    padding: 15px;
}
.add-cart-information-popup .variation-container .variation-type label.type-label {
    width: 100px;
    margin-right: 10px;
    text-align: left;
    text-transform: uppercase;
    margin-top: 10px;
}
.zoomContainer .zoomLens {
    border: 0 !important;
}
.zoomWindowContainer .zoomWindow{
    border: 1px solid #eee !important;
}
/*********END:PopUP***************/
.product-view .quick-view-btn {
      z-index: 1;
}
.product_quick_view_popup .product-widget.widget-addCart .cart-button-container {
    
}
/*credit card css start*/
.page-credit-card-payment .securepay-payment-form-wrapper-elm {
    padding: 100px 30px;
}
.page-credit-card-payment .securepayjs-form {
    padding: 50px;
    width: 50%;
    background: var(--bk-color-background, #fff);
    position: relative;
    margin: 0 auto;
    border: 0;
    max-width: 600px;
    border-radius: 10px;
}
.page-credit-card-payment .securepay-payment-form .form-row label {
    padding: 0 0 0 8px;
    width: 90%;
}
.securepay-payment-form .button-container button{
	color: var(--bk-btn-text, var(--bk-color-ink, #1F2A07));
    text-align: center;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 2.5px;
    text-transform: uppercase;
    border: 1px solid var(--bk-color-accent, #FCDC5C) !important;
    max-width:165px;
    height: 41px;
    padding: 10px 20px !important;
    display: inline-block;
    background: var(--bk-btn-fill, var(--bk-color-accent, #FCDC5C)) !important;
    border-radius: 50px !important;
    text-decoration: none;
    width: 100%;
}
.securepay-payment-form .button-container button:hover{
	color: var(--bk-btn-hover-color, #fff);
    border: 1px solid var(--bk-color-primary, #939c79) !important;
    background:var(--bk-btn-hover-bg, var(--bk-color-primary, #939c79)) !important;
}
.securepay-payment-form .button-container button:first-child{
	color: var(--bk-btn-secondary-text, #fff);
    border: 1px solid var(--bk-color-primary, #939c79) !important;
    background:var(--bk-btn-secondary-fill, var(--bk-color-primary, #939c79)) !important;
}
.securepay-payment-form .button-container button:hover:first-child{
	color: #000;
    border: 1px solid var(--bk-color-accent, #FCDC5C) !important;
    background:var(--bk-color-accent, #FCDC5C) !important;
}
/*credit card css end*/

.widget-category.home-cat-sec.inner .category-image-view-height {
  height: 240px;
}
/* ========= Product-Category-Section ========== */
.category-details-container .category-details-page-with-background {
    width: 100%;
    padding: 10px 0;
    margin: 0;
}
.category-details-container .category-details-page-with-background img {
    max-width: 100%;
    max-height: 100%;
}
.btn-group.view-switchers {
    margin: 7px 10px 7px 0;
}
.btn-group.view-switchers .image-view-switcher,
.btn-group.view-switchers .list-view-switcher,
.btn-group.view-switchers .tabular-view-switcher {
    margin-top: 5px;
}
.btn-group.view-switchers .image-view-switcher ,
.btn-group.view-switchers .list-view-switcher ,
.btn-group.view-switchers .tabular-view-switcher {
    height: 21px;
    width: 21px;
    background-color: transparent;
    border: none;
    border-radius: 0;
}
.btn-group.view-switchers .list-view-switcher {
    background-position: -21px 0;
}
.btn-group.view-switchers .list-view-switcher.active {
    background-position: -21px -20px;
}
.btn-group.view-switchers .tabular-view-switcher {
    background-position: -45px 0;
}
.btn-group.view-switchers .tabular-view-switcher.active {
    background-position: -45px -20px;
}
.btn-group.view-switchers .tabular-view-switcher{
    background-image: url("../images/grid-list-view.png");
    background-repeat: no-repeat;
    display: inline-block;
    height: 21px;
    width: 21px;
    padding: 0;
    margin-right: 5px;
}
.product-view.tabular-view .add-to-cart-multi-select-fixed-button.button {
    right: 60px;
    max-width:290px;
	display: flex;
    justify-content: center;
    align-items: center;
}
.add-to-cart-multi-select-fixed-button:hover {
    background: var(--bk-btn-hover-bg, var(--bk-color-primary, #939C79));
    border: 1px solid var(--bk-color-primary, #939C79);
    color: var(--bk-btn-hover-color, #fff);
}
.add-to-cart-multi-select-fixed-button .add-cart-multi-text {
    vertical-align: middle;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 15px;
}
.product-view .header, 
.category-view .header, 
.entire-search .header, 
.product-search .header {
    background-color:transparent !important;
    border-bottom: 0;
    padding: 10px;
    margin-bottom:10px;
    overflow: hidden;
}
.product-listing .product-view .header{
	background-color:transparent !important;
    border-bottom: 0px solid #ccc;
	padding:0;
	margin-bottom:0px;
}

.page-category .category-details .product-container{
	margin-bottom:100px;
}
.bulk-selected-cart-popup.popup .header {
    background-color: var(--bk-color-background, #fff) !important;
    border-bottom: 1px solid #fff;
    color: #000;
    text-align: left;
    padding: 25px 25px 22px 30px;
}
.bulk-card-add-message {
    text-align: center;
    font-size: 20px;
}
.category .category-name {
    color: #000;
    font-size: 15px;
    margin-top: 7px;
    display: block;
    text-align: left;
}
.category .product-container span.pagination-literal-status {
    padding-top: 10px;
    display: inline-block;
}
.product-view.tabular-view .product-name-link{
	font-family: var(--bk-font-base, Century Gothic);
    font-size: 18px;
    font-weight: 400;
    line-height:28px;
    letter-spacing: 0.02em;
	color:var(--bk-color-ink, #1F2A07);
}
.product-view.tabular-view .tabular-product-view {
    overflow-y: auto;
}
.product-view.tabular-view .tabular-product-view .product-table-block {
    min-width: 620px;
    padding-bottom: 15px;
}
/*category page*/


/*product list view start*/
.product-view.list-view .product-view.scrollable-view .content {
    font-size:0;
    margin:0;
    text-align:left
}
.product-view.list-view .content {
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    margin:0 auto;
    width:100%
}
.product-view.list-view .content .product-block {
    width: calc(50% - 14px);
    padding: 0;
    border: 1px solid #e6e6e6;
    display: flex;
    margin: 14px 0;
    overflow: hidden;
    position: relative;
    height: auto;
    background: var(--bk-color-background, #fff);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.03);
    border-radius: 16px;
}
.product-view.list-view .content .product-block .image.product-image {
    width:42%
}
.product-view.list-view .content .product-block .block-content-wrap {
    width: 58%;
    padding: 28px 15px 25px 20px;
    text-align: left;
    border: none;
    margin: 0;
}
.product-view.list-view .product-image-link {
    height: 100%;
}
.product-view.list-view .content .product-block .image.product-image img {
    max-width:100%;
    max-height:100%;
	height:100%;
	object-fit:cover;
}
.product-view.list-view .btn-add {
    text-align: left;
    flex-direction: column;
    margin-top: 15px;
    position: unset;
    display: flex;
    padding: 0;
    justify-content: start;
}
.product-view.list-view .content .product-block .in-stock {
    margin-top: 7px;
}
.product-view.list-view span.current-price.price,
.product-view.list-view .content .product-block .block-content-wrap .price-waper {
    margin: 5px 0 10px;
    width: 100%;
    text-align: left;
    padding: 0;
    opacity: unset;
	font-family: var(--bk-font-base, Century Gothic);
    font-size: 20px;
    font-weight: 700;
    line-height: 24.52px;
    text-align: left;
    color: var(--bk-color-ink, #1F2A07);
}
.product-view.list-view .product-block .product-name-link {
    font-family: var(--bk-font-base, Century Gothic);
	color: var(--bk-color-ink, #1F2A07);
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0.02em;
    padding: 0 0 30px 0;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	letter-spacing: 0.05em;
      white-space: normal;
}
.product-view.list-view .product-name-link:hover{
    color: #32312f;
}
.product-view.list-view .current-price.price {
    font-size: 17px;
    font-weight: 500;
    color: #000;
}
.product-view.list-view .product-block .btn-add .add-to-cart-button.button,
.product-view.list-view .product-block .btn-add .add-to-wish-list,
.product-view.list-view .product-block .btn-add .add-to-compare-button.button,
.product-view.list-view .product-block .btn-add .remove-from-compare-button.button {
	font-family: var(--bk-font-base, Century Gothic);
    height: auto;
    transition: all 300ms ease 0s;
    line-height: 20px;
    margin: 0;
    padding: 10px 20px;
    font-size: 15px;
    border-radius:50px;
    display: block;
    font-weight:700;
    background:var(--bk-btn-fill, var(--bk-color-accent, #FCDC5C));
    color: #000;
    max-width: 100%;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border: none;
	position:relative;
}

.product-view.list-view .product-block .btn-add .add-to-wish-list {
    margin: 10px 0;
    position: unset;
}
.add-to-compare-button, .add-to-wish-list.disabled, .button.add-to-wish-list, .product-widget .remove-from-compare-button, .product-widget.widget-addCart .add-to-compare-button, .product-widget.widget-addCart .add-to-wish-list, .remove-from-compare-button {
    padding: 10px 10px 0;
    position: absolute;
    top: 10px;
    width: 41px;
    right: 10px;
}
.product-widget.widget-addCart .remove-from-compare-button {
    top: 6px;
    right: -10px;
}
.page-login .login-form input[type="text"], .page-login .login-form input[type="password"], .page-login .login-form input[type="email"]{
      height: 45px;
}
.page-login .login-form .form-row ~ .form-row {
    margin-top: 0;
}
.page-login .login-form .submit-row {
    margin-bottom: 20px;
}
.page-login .login-form .form-row:last-child {
    margin-top: 18px;
}
.page-login .login-form .lost-password a, .page-login .login-form .lost-password a, .page-login .login-form .account-register a {
    font-size: 15px;
}
.widget-pageHeading .page-heading-wrapper .heading-content-wrapper {
    min-height: auto;
}
.product-view.tabular-view span.add-to-wish-list.button {
    position: relative;
    top: unset;
    width: unset;
    right: unset;
}
/*
.product-view.list-view .product-block .btn-add .add-to-cart-button.button::after,
.product-view.list-view .product-block .btn-add .add-to-wish-list::after,
.product-view.list-view .product-block .btn-add .add-to-wish-list::before {
    content: none;
}
.product-view.list-view .product-block .btn-add .add-to-wish-list:hover::before{
    color:#fff;
}
.product-view.list-view .product-block .btn-add .remove-from-compare-button.button::after,
.product-view.list-view .product-block .btn-add .add-to-compare-button.button::after{
    content: none;
}
*/
.product-view.list-view .product-block .btn-add .add-to-cart-button.button:hover,
.product-view.list-view .product-block .btn-add .add-to-wish-list:hover,
.product-view.list-view .product-block .btn-add .add-to-compare-button.button:hover,
.product-view.list-view .product-block .btn-add .remove-from-compare-button.button:hover {
    background-color:var(--bk-btn-hover-bg, var(--bk-color-primary, #939C79));
    color:var(--bk-btn-hover-color, #fff) !important;
}
.price-waper .current-price.price .tax-message, .product-view.scrollable-view .price .current-price.price .tax-message,
.product-view.list-view .tax-message, .product-view.scrollable-view .product-block .price .tax-message {
    font-size: 12px;
    font-weight: 400;
    color: #9c9c9c;
    text-align: left;
    line-height: 20px;
    display: block;
}
.product-view.scrollable-view .product-block .price .tax-message{
    display: block;
}
.product-view.list-view .review-rating span {
    width: 14px !important;
    height: 14px;
}
.product-view.list-view .review-rating {
    width: auto !important;
}
.product-view.list-view .product-block .review-rating-wrapper {
    position: relative;
    left: unset;
    right: auto;
    padding: unset;
    margin: 0;
    top: unset;
    bottom: auto;
}
span.remove-from-compare-button, span.add-to-compare-button {
    right: 60px;
    max-width: 41px !important;
    font-size: 0 !important;
      padding: 10px;
}
.shopping-cart .order-summary-card__add-promo-codes .promo-codes-form .input-wrapper {
    background-color: transparent;
}
.shopping-cart .order-summary-card__add-promo-codes .promo-codes-form .input-wrapper button {
    width: auto;
    border: 0;
}
div.shopping-cart .my-cart-order-summary {
    max-height: fit-content;
}
div.flying-cart-product-name a {
      font-weight: 400;
    font-size: 16px;
    line-height: 22px
}
.product-view.tabular-view .product-table-view-column.multi-cart-selection-step-column {
    display: flex;
    gap: 10px;
}
.product-view.tabular-view .product-table-view-column span.remove-from-compare-button.button, .product-view.tabular-view .product-table-view-column span.add-to-compare-button {
    position: relative;
    right: unset;
    top: unset;
}
.product-view.tabular-view .product-table-view-column .stepper {
    margin-right: 0;
}
.product-view.list-view .product-block .btn-add .add-to-wish-list{
      margin: 10px 0 0;
}
.product-view.list-view .product-block .btn-add .remove-from-compare-button.button, .product-view.list-view .product-block .btn-add .add-to-compare-button.button{
  font-size: 14px !important;
      right: 0;
    max-width: 100% !important;
  margin: 0 !important;
}
.product-view.list-view .product-block .product-name-link {
    padding: 0 0 10px 0;
}
.product-view.list-view .content .product-block .block-content-wrap {
    flex-direction: column;
}

.product-view.list-view .product-block .price-waper > * {
    margin-right: 0;
}
.category .product-view.list-view .content .product-block .summary {
    text-align: left !important;
    margin: 10px 0;
    font-size: 13px;
    height: 60px;
    overflow: hidden;
}
.product-view.list-view .chosen-container-single .chosen-single {
    padding: 5px 14px;
    height: 46px;
}
.product-view.list-view .product-block .variation-thumb .variation-type {
    justify-content: start;
}
.product-view.list-view .product-block .variation-thumb .variation-type .type-label {
    text-align: left;
}
.product-view.list-view .tax-message {
    float: none;
}
.product-view.list-view .current-price span{
    float: none;
    text-align: left !important;
}
.advance-cart-details.shopping-cart .product-card__action-button-wrapper {
    position: relative;
}
.advance-cart-details.shopping-cart .product-card__action-button-wrapper .add-to-wish-list {
    top: 0;
    right: 35px;
}
.fee-widget-product-image-view .product-view.image-view .parent-name {
    font-size: 16px;
    padding: 20px 20px 0;
}
/*
.product-view.list-view .product-block .block-content-wrap .btn-add .add-to-cart-button::after,
.product-view.list-view .product-block .block-content-wrap .btn-add .add-to-cart-button::before {
    content: normal;
}*/
.product-view.list-view .content .product-block .sale-percent-display,
.product-view.tabular-view .product-table-view-column .sale-parcent-display.tag-mark{
    background-color: #FCE4B7;
    font-size: 14px;
    font-weight: 400;
    padding: 0 9px;
    border-radius: 50px;
    top: 20px;
    left: 20px;
}
.product-view.list-view .content .product-block .block-content-wrap .advanced-variation-ui {
    justify-content: start;
}

/*search page start*/
.entire-search h2{
	font-family: var(--bk-font-base, Century Gothic);
    font-size: 45px;
    font-weight: 400;
    line-height: 50px;
    letter-spacing: 0.02em;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    margin: 69px 0px 12px 0px;
}
.page-search-result .entire-search .product-view .header {
    margin: -80px auto 35px;
    border-bottom: 1px solid rgb(239, 239, 239);
    padding-bottom: 12px;
}
.product-view .sortable {
    display: inline-block;
    margin: 0;
    float: right;
    padding: 1px;
    z-index: 0;
    position: relative;
    cursor: pointer;
}
.product-sorting {
    font-weight: 500;
    font-size: 16px;
    border: 0;
    line-height: 32px;
    color: #000;
    padding: 0 30px 0 15px;
    text-align: left;
    background-color: var(--bk-color-background, #fff);
    width: auto;
    min-width: auto;
    border-radius: 5px;
}
.page-search-result .entire-search {
    margin: 0 auto;
    max-width: 1280px;
	width:100%
}
.page-search-result .total-result {
    color:var(--bk-color-primary, #939c79);
    font-size: 18px;
    line-height: 25px;
    padding-bottom: 25px;
    text-align: center;
}
.entire-search .search-result>.title {
    border: 0;
    text-align: left;
    font-size: 28px;
    width: auto;
    display: inline-block;
    position: relative;
    font-weight:500;
}
.entire-search .search-result.pages {
    margin: 70px 0 0;
    padding: 0 0 70px;
}
.entire-search .search-result>.title {
    border: 0;
    text-align: left;
    font-size: 28px;
    width: auto;
    display: inline-block;
    position: relative;
    font-weight: 600;
}
.search-result .pagination-literal-status, 
.search-result .pagination {
    font-size: 16px;
}
.search-result {
    border-bottom: 1px solid rgb(239, 239, 239);
    padding-bottom: 30px;
    margin-bottom: 15px;
}
.search-result select.per-page-count {
    margin: 0 10px 0 10px;
    width: 88px;
}
.entire-search .search-result.pages .page a span.title {
    font-size:16px;
    margin: 0;
    font-weight:600;
}
.entire-search .search-result.pages .page a:hover {
    color:var(--bk-color-primary, #939C79);
    text-decoration: none;
}
.search-results .page .summary {
    font-size: 15px;
    line-height: 28px;
    text-transform: none;
}
.entire-search .search-result.pages .page a.page-read-more {
    color: #000;
    letter-spacing: 0.2px;
    text-transform: capitalize;
    text-decoration: underline;
}
.entire-search .search-result.pages .page a.page-read-more:hover {
    color:var(--bk-color-primary, rgba(147, 156, 121, 1));
    text-decoration: none;
}
.page-search-result .product-view.image-view .content.product-content {
    margin: 0 -18px;
}
/*search page end*/

/*404 page start*/

.widget-article .page_404 {
    text-align: center;
    max-width: 450px;
    margin: 0 auto 130px;
    border-radius: 0;
    padding: 0;
}
.widget-article .page_404 .ops {
    color: #000;
    font-size: 75px;
    font-weight: 700;
    line-height: 85px;
}
.widget-article .page_404 .ops .big_font {
    color:var(--bk-color-primary, rgba(147, 156, 121, 1));
    font-size: 104px;
    margin-right: -20px;
}
.widget-article .page_404 .big {
    color:var(--bk-color-primary, rgba(147, 156, 121, 1));
    font-size: 104px;
    margin-left: -18px;
}
.widget-article .page_404 .error {
    font-size: 35px;
    color:#EC0505;
    line-height: 25px;
    margin: 30px 0 25px;
    font-weight: 600;
}
.widget-article .page_404 p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    line-height: 26px;
    padding: 0;
    margin: 0;
}
.widget-article .page_404 a{
    max-width: 250px;
    margin: 30px auto 0;
    display: block;
    padding: 7px 10px;
    color: #fff;
    border: 0;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 36px;
    height: 50px;
    font-family: var(--bk-font-base, Century Gothic);
    transition: all 300ms ease-out 0s;
    text-decoration: none;
    background: var(--bk-color-primary, #939C79);
    letter-spacing: 2.5px;
    width: 100%;
    border-radius: 100px;
    text-transform: uppercase;
}
.widget-article .page_404 a:hover{
    background:var(--bk-color-accent, #FCDC5C);
    color: #000;
}
.page-page-not-found .body .widget-container .page-content {
  min-height: 430px;
}
/*404 page end*/
.page-product img.popup-image {
    max-width: 585px;
    max-height: 425px;
    width: 100%;
}

.product-detail-view img {
    max-width: 100%;
    width: 100%;
}
/*product list view end*/



.fee .follow-us .social-link ul li{
    padding:5px;
    margin: 0;
}
.fee .widget-product.product-listing{
    padding-bottom:60px;
}

.page-content > .v-split-container > .v-split.fee-fixed-width-content,
.widget-container > .v-split-container .v-split.fee-fixed-width-content,
.widget-container > .page-content > .v-split.fee-fixed-width-content,
.widget-container > .page-content > .v-split-container > .v-split.fee-fixed-width-content {
    width: auto;
}
.fee-fixed-width-content {
    padding-left: calc(50% - 700px) !important;
    padding-right: calc(50% - 700px) !important;
}
.inner-page-content{
	max-width:1400px;
	margin:0 auto;
}
.delivery-day-slot-select-popup.site-popup .title-bar {
    padding: 20px 64px 15px 24px;
}

.delivery-day-slot-select-popup.site-popup .content {
    padding: 10px 20px !important;
}

.delivery-day-slot-select-popup .date-select-popup-header {
    padding: 0 0 10px 0;
}

.delivery-day-slot-select-popup .delivery-slot-controls {
    top: -38px;
    left: 0;
}

.delivery-day-slot-select-popup .delivery-slot-controls .delivery-slot-next-prev-action {
    height: 26px;
    width: 28px;
    padding: 5px 4px;
}

.delivery-day-slot-select-popup .slot-months-year {
    font-size: 12px;
}

.delivery-day-slot-select-popup .body-date-slot {
    display: none;
}

.delivery-day-slot-select-popup .choose-delivery-time-header {
    margin-left: 0;
    margin-right: 0;
    padding-top: 12px;
}

.delivery-day-slot-select-popup .horaizontal-card-slot {
    padding: 3px;
}
.checkout-page.version-2 .advance-checkout-steps-left-dom .custom-fields-wrapper {
    margin: 0 !important;
}
.checkout-page.version-2 .advance-checkout-steps-left-dom .custom-fields-wrapper button.Zebra_DatePicker_Icon {
    font-size: 14px;
    color: #000;
    text-transform: unset;
    font-weight: 400;
    letter-spacing: 0;
}
.checkout-page.version-2 .advance-checkout-steps-left-dom .custom-fields-wrapper .form-row label {
    font-size: 16px;
    font-weight: 600;
}
.checkout-page.version-2 .advance-checkout-steps-left-dom .custom-fields-wrapper input[value*="day"] + button.Zebra_DatePicker_Icon,
.checkout-page.version-2 .advance-checkout-steps-left-dom .custom-fields-wrapper input[timeslotid] + button.Zebra_DatePicker_Icon {
    color: rgba(0,0,0,0);
}
.checkout-page.version-2 .advance-checkout-steps-left-dom .custom-fields-wrapper button.Zebra_DatePicker_Icon {
    max-width: 100%;
}

.widget-article.privacy-terms-content {
    max-width: 1400px;
    margin: 0 auto 100px;
}
.widget-article.privacy-terms-content h3 {
    font-size: 30px;
    line-height: 40px;
    margin: 35px 0 15px;
}
.widget-article.privacy-terms-content h5 {
    font-size: 22px;
    line-height: 32px;
    margin:30px 0 15px;
}
.widget-article.privacy-terms-content a:hover {
    color: var(--bk-color-secondary, #535a44);
}


/*elastic search start*/
.search-form.expanded-search-form {
    top: 136px;
}
.widget.widget-search .search-form .product-card .product-image-link, 
.widget.widget-search .search-form .product-item .product-image-link {
    background:transparent;
    border-radius:0px;
}
.widget.widget-search .search-form .product-card, .widget.widget-search .search-form .product-item {
    transition: all 0.2s ease;
    padding:10px 0 20px;
    border: 1px solid #f6f6f6;
    border-radius:0px;
}
.entire-elastic-search .page-section .page-grid .page-card .name-column .title-link:hover,
.entire-elastic-search .blog-post .blog-grid .blog-card .name-column .blog-name-link:hover,
.widget.widget-search .search-form .product-card a.product-name-link:hover, 
.widget.widget-search .search-form .product-item a.product-name-link:hover {
    color:var(--bk-color-accent, #FCDC5C);
}
.category-suggestion-container-wrapper .search-category-block-view .name-item-wrapper .elastic-search-category-name:hover {
    color:var(--bk-color-accent, #FCDC5C);
}
.category-suggestion-container-wrapper .search-category-block-view {
    border-radius:0px;
}
.expandble-search-full-wrap .search-box .search-icon {
    border: 0;
}
.entire-elastic-search .search-result .product-view.image-view .product-block {
    width: 100%;
    max-width: 100%;
    margin: 0;
}
.entire-elastic-search .search-result .product-view.image-view .content {
    padding: 0;
	display: grid;
}

/*div.side-in-search-area .product-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}*/
.responsive-quick-view-search-widget.responsive-global .quick-preview-responsive-version .quick-preview-search-wrap .main-content {
    max-height: calc(100vh - 280px);
}

.expandble-search-full-wrap .search-content {
    max-height: calc(100vh - 350px);
	    overflow-y: auto;
}
.expanded-view {
    background-color: var(--bk-color-background, #fff);
}
.search-form.quick-preview-search-form {
    top: 65px;
}

.fee-widget-product-image-view .product-view.image-view .block-content-wrap>.price-waper, .fee-widget-product-scroll-view .product-view.image-view .block-content-wrap>.price-waper, .product-view.image-view .block-content-wrap>.price-waper {
  min-height: auto;
  align-items: center;
}
/*elastic search end*/
.responsive-quick-view-search-widget.responsive-global .quick-preview-search-input-box .search-box::after,
.search-menu-button:after {
    filter: invert(1);
}

.expandble-search-full-wrap .product-card a.product-name-link {
    text-align: left;
	font-size: 15px;
}
.expandble-search-full-wrap .product-card .price {
    text-align: left;
	font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}
.widget-text a, .widget-text a:link, .widget-text a:visited, .widget-snippet a, .widget-snippet a:link, .widget-snippet a:visited {
    color: var(--bk-color-accent, #FCDC5C);
}

/* [MCP:home-xd-match] */
/* ==========================================================================
   Home page -> XD mockup. Values read off the mockup canvas at 1600px wide.
   Palette already in the theme: sage header #97a37f, mockup yellow #FCDC5C
   (same yellow the ORDER NOW button already uses), heading ink #2C3317.
   Type: the mockup is set in the geometric sans the site already loads for
   product names and category labels -- "Century Gothic" -- while the theme
   renders every heading and all body copy in Georgia serif.
   ========================================================================== */

/* --- 1. Type ------------------------------------------------------------- */
body#webcommander-page.page-home,
body#webcommander-page p,
body#webcommander-page .banner-content-box p,
body#webcommander-page .welcome-mid-content,
body#webcommander-page .welcome-mid-content p,
body#webcommander-page .price-waper,
body#webcommander-page .pagination-literal-status {
    font-family: "Century Gothic", "Questrial", "Futura", "Trebuchet MS", sans-serif;
}

/* Section headings: the mockup sets them uppercase, light, wide-tracked and
   centred, with a short yellow rule underneath -- not the theme's bold serif
   with a yellow underline running through part of the words. */
body#webcommander-page .widget-category .widget-title,
body#webcommander-page .widget-product .widget-title,
body#webcommander-page .category-details .widget-title,
body#webcommander-page .filter-details .widget-title,
body#webcommander-page .widget-related .widget-title,
body#webcommander-page .entire-elastic-search .widget-title,
body#webcommander-page .news-head-title,
body#webcommander-page .welcome-text {
    font-family: "Century Gothic", "Questrial", "Futura", "Trebuchet MS", sans-serif !important;
    font-weight: 400 !important;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #2C3317;
    text-decoration: none !important;
    border-bottom: 0 !important;
}
body#webcommander-page .widget-category .widget-title,
body#webcommander-page .widget-product .widget-title,
body#webcommander-page .category-details .widget-title,
body#webcommander-page .filter-details .widget-title,
body#webcommander-page .widget-related .widget-title,
body#webcommander-page .entire-elastic-search .widget-title,
body#webcommander-page .news-head-title {
    font-size: 34px !important;
    line-height: 1.2;
    text-align: center;
    padding-bottom: 18px;
    position: relative;
}
body#webcommander-page .widget-category .widget-title::after,
body#webcommander-page .widget-product .widget-title::after,
body#webcommander-page .category-details .widget-title::after,
body#webcommander-page .filter-details .widget-title::after,
body#webcommander-page .widget-related .widget-title::after,
body#webcommander-page .entire-elastic-search .widget-title::after,
body#webcommander-page .news-head-title::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 72px;
    height: 3px;
    margin-left: -36px;
    background: #FCDC5C;
}
/* the "Welcome to Cater ME" heading stays left-aligned and un-ruled */
body#webcommander-page .welcome-text {
    font-size: 34px !important;
}
body#webcommander-page .blog-title-content {
    font-family: "Century Gothic", "Questrial", "Futura", "Trebuchet MS", sans-serif !important;
    font-weight: 700 !important;
    font-size: 22px !important;
}

/* --- 2. Hero ------------------------------------------------------------- */
/* The mockup has no panel behind the hero copy and sets it in white; the theme
   paints `rgba(51,51,0,.5)` behind it and leaves the text near-black. */
body#webcommander-page .home-banner .banner-content-box {
    background: transparent !important;
    padding: 0 !important;
}
body#webcommander-page .home-banner .banner-content-box p {
    color: #ffffff;
    font-size: 30px;
    font-style: italic;
    line-height: 1.3;
    margin-bottom: 18px;
    text-shadow: 0 1px 12px rgba(0, 0, 0, .35);
}
body#webcommander-page .home-banner .banner-content-box h1 {
    font-family: "Century Gothic", "Questrial", "Futura", "Trebuchet MS", sans-serif !important;
    font-weight: 400 !important;
    font-size: 72px !important;
    line-height: 1.1;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #ffffff !important;
    text-shadow: 0 1px 14px rgba(0, 0, 0, .35);
    margin: 0;
}
body#webcommander-page .home-banner .order-btn-box {
    margin-top: 34px;
}

/* --- 3. Category tiles ("Arthur Catering Menu") -------------------------- */
/* Mockup: five circular tiles per row. The widget's generated CSS sizes each
   tile from `var(--no_of_column, 3)`, so the count is set by the variable; the
   images were `border-radius: 100%` on a 462x213 box, i.e. ellipses, because
   nothing pinned the aspect ratio. */
body#webcommander-page .widget-category.home-cat-sec {
    --no_of_column: 5;
}
body#webcommander-page .widget-category .category-view .category-image-view-width img,
body#webcommander-page .widget-category .category-view .category .image img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}
/* the image box is pinned to `height: 213px`; a 1:1 photo is taller than that,
   so it overflowed and the label printed on top of the picture */
body#webcommander-page .widget-category .category-view .category,
body#webcommander-page .widget-category .category-view .category .image.category-image-view-height {
    height: auto !important;
}
body#webcommander-page .widget-category .category-view .category .image.category-image-view-height a {
    display: block;
    margin: 0 !important;
    line-height: 0;
}
body#webcommander-page .widget-category .category-view .category .category-name {
    margin-top: 18px !important;
}
body#webcommander-page .widget-category .category-view .category-name,
body#webcommander-page .widget-category .category-view .category .category-name a {
    font-family: "Century Gothic", "Questrial", "Futura", "Trebuchet MS", sans-serif;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
    color: #3E5622;
}
/* the mockup has no results counter / per-page picker above the tiles */
body#webcommander-page.page-home .widget-category .category-view > .header,
body#webcommander-page.page-home .widget-product .product-view > .header {
    display: none !important;
}

/* --- 4. Product cards ("Special Deals") ---------------------------------- */
/* Mockup: a 4:3 photo, the name under it, then price on the left and a yellow
   ADD TO CART pill on the right of ONE row, with a hairline closing the card.
   The theme let the photo keep its natural size (`object-fit: contain` in a
   726x245 box) and stacked price above a black full-width button. */
/* the container is `display: flex`, so grid-template-columns was inert and every
   card sized itself to its own content (588 / 1000 / 681 / 701px in one row) */
body#webcommander-page .widget-product .product-view.image-view .content.product-content,
body#webcommander-page .category-details .product-view.image-view .content.product-content,
body#webcommander-page .filter-details .product-view.image-view .content.product-content,
body#webcommander-page .widget-related .product-view.image-view .content.product-content,
body#webcommander-page .entire-elastic-search .product-view.image-view .content.product-content {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 30px;
    row-gap: 44px;
    align-items: stretch;
}
body#webcommander-page .widget-product .product-view.image-view .content.product-content > .product-block,
body#webcommander-page .category-details .product-view.image-view .content.product-content > .product-block,
body#webcommander-page .filter-details .product-view.image-view .content.product-content > .product-block,
body#webcommander-page .widget-related .product-view.image-view .content.product-content > .product-block,
body#webcommander-page .entire-elastic-search .product-view.image-view .content.product-content > .product-block {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
}
body#webcommander-page .widget-product .product-view.image-view .product-block .image.product-image,
body#webcommander-page .category-details .product-view.image-view .product-block .image.product-image,
body#webcommander-page .filter-details .product-view.image-view .product-block .image.product-image,
body#webcommander-page .widget-related .product-view.image-view .product-block .image.product-image,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .image.product-image {
    height: auto !important;
    max-height: none !important;
}
body#webcommander-page .widget-product .product-view.image-view .product-block .image.product-image img,
body#webcommander-page .category-details .product-view.image-view .product-block .image.product-image img,
body#webcommander-page .filter-details .product-view.image-view .product-block .image.product-image img,
body#webcommander-page .widget-related .product-view.image-view .product-block .image.product-image img,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .image.product-image img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    aspect-ratio: 4 / 3;
    -o-object-fit: cover;
    object-fit: cover !important;
}
/* the hairline that closes the card sat almost against the button row (22px);
   give the buttons real breathing room before it, and keep the same air between
   that line and the next row of cards */
body#webcommander-page .widget-product .product-view.image-view .product-block,
body#webcommander-page .category-details .product-view.image-view .product-block,
body#webcommander-page .filter-details .product-view.image-view .product-block,
body#webcommander-page .widget-related .product-view.image-view .product-block,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block {
    padding-bottom: 38px;
    border-bottom: 1px solid rgba(44, 51, 23, .18);
}
body#webcommander-page .widget-product .product-view.image-view .product-block .wc-secondary-action-buttons,
body#webcommander-page .category-details .product-view.image-view .product-block .wc-secondary-action-buttons,
body#webcommander-page .filter-details .product-view.image-view .product-block .wc-secondary-action-buttons,
body#webcommander-page .widget-related .product-view.image-view .product-block .wc-secondary-action-buttons,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .wc-secondary-action-buttons {
    margin-bottom: 0 !important;
}
/* `.block-content-wrap` draws its OWN 2px olive rule, which landed 2px under the
   button row -- that is the line that still looked glued to the buttons, not the
   card's hairline 39px lower. One divider per card, at the card's edge. */
body#webcommander-page .widget-product .product-view.image-view .product-block .block-content-wrap,
body#webcommander-page .category-details .product-view.image-view .product-block .block-content-wrap,
body#webcommander-page .filter-details .product-view.image-view .product-block .block-content-wrap,
body#webcommander-page .widget-related .product-view.image-view .product-block .block-content-wrap,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .block-content-wrap {
    border-bottom: 0 !important;
}
/* One column, one left edge, and the action stack pinned to the card bottom so
   every card in a row ends on the same line however tall its copy runs. */
body#webcommander-page .widget-product .product-view.image-view .content.product-content > .product-block,
body#webcommander-page .category-details .product-view.image-view .content.product-content > .product-block,
body#webcommander-page .filter-details .product-view.image-view .content.product-content > .product-block,
body#webcommander-page .widget-related .product-view.image-view .content.product-content > .product-block,
body#webcommander-page .entire-elastic-search .product-view.image-view .content.product-content > .product-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
}
body#webcommander-page .widget-product .product-view.image-view .product-block .block-content-wrap,
body#webcommander-page .category-details .product-view.image-view .product-block .block-content-wrap,
body#webcommander-page .filter-details .product-view.image-view .product-block .block-content-wrap,
body#webcommander-page .widget-related .product-view.image-view .product-block .block-content-wrap,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .block-content-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    align-items: stretch;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 0;
    text-align: left;
}

/* --- card copy: category, rating, stock, price -------------------------- */
body#webcommander-page .widget-product .product-view.image-view .product-block .parent-name,
body#webcommander-page .category-details .product-view.image-view .product-block .parent-name,
body#webcommander-page .filter-details .product-view.image-view .product-block .parent-name,
body#webcommander-page .widget-related .product-view.image-view .product-block .parent-name,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .parent-name {
    margin: 0 0 8px !important;
    padding: 0 !important;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    color: #6E7A52;
    text-align: left;
}
body#webcommander-page .widget-product .product-view.image-view .product-block .review-rating-wrapper,
body#webcommander-page .category-details .product-view.image-view .product-block .review-rating-wrapper,
body#webcommander-page .filter-details .product-view.image-view .product-block .review-rating-wrapper,
body#webcommander-page .widget-related .product-view.image-view .product-block .review-rating-wrapper,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .review-rating-wrapper {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 0 8px;
}
body#webcommander-page .widget-product .product-view.image-view .product-block .review-rating-wrapper .review-rating,
body#webcommander-page .category-details .product-view.image-view .product-block .review-rating-wrapper .review-rating,
body#webcommander-page .filter-details .product-view.image-view .product-block .review-rating-wrapper .review-rating,
body#webcommander-page .widget-related .product-view.image-view .product-block .review-rating-wrapper .review-rating,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .review-rating-wrapper .review-rating {
    margin: 0 auto 0 0 !important;
}
body#webcommander-page .widget-product .product-view.image-view .product-block .in-stock,
body#webcommander-page .category-details .product-view.image-view .product-block .in-stock,
body#webcommander-page .filter-details .product-view.image-view .product-block .in-stock,
body#webcommander-page .widget-related .product-view.image-view .product-block .in-stock,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .in-stock,
body#webcommander-page .widget-product .product-view.image-view .product-block .out-of-stock,
body#webcommander-page .category-details .product-view.image-view .product-block .out-of-stock,
body#webcommander-page .filter-details .product-view.image-view .product-block .out-of-stock,
body#webcommander-page .widget-related .product-view.image-view .product-block .out-of-stock,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .out-of-stock {
    margin: 0 0 10px;
    padding: 0 !important;
    font-size: 13px;
    letter-spacing: .4px;
    text-align: left;
}
body#webcommander-page .widget-product .product-view.image-view .product-block .in-stock,
body#webcommander-page .category-details .product-view.image-view .product-block .in-stock,
body#webcommander-page .filter-details .product-view.image-view .product-block .in-stock,
body#webcommander-page .widget-related .product-view.image-view .product-block .in-stock,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .in-stock {
    color: #4F6B2A;
}
body#webcommander-page .widget-product .product-view.image-view .product-block .widget-variation-product-list,
body#webcommander-page .category-details .product-view.image-view .product-block .widget-variation-product-list,
body#webcommander-page .filter-details .product-view.image-view .product-block .widget-variation-product-list,
body#webcommander-page .widget-related .product-view.image-view .product-block .widget-variation-product-list,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .widget-variation-product-list {
    margin: 0 0 12px;
}
body#webcommander-page .widget-product .product-view.image-view .product-block .product-name,
body#webcommander-page .category-details .product-view.image-view .product-block .product-name,
body#webcommander-page .filter-details .product-view.image-view .product-block .product-name,
body#webcommander-page .widget-related .product-view.image-view .product-block .product-name,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .product-name {
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 14px 0 16px;
    /* a two-line name was clipped by the theme's fixed height and ran into the
       price row; reserve two lines so every card's price row starts level */
    height: auto !important;
    min-height: 54px;
    overflow: visible !important;
}
/* `.product-name` carried `padding-top: 20px` on top of my 2-line reservation,
   so a one-line title left a 110px hole before the description. Reserve the two
   lines on the box, none of it as padding, and clip the link at exactly two
   lines -- the theme's `max-height: 45px` cut the second line in half. */
body#webcommander-page .widget-product .product-view.image-view .product-block .product-name,
body#webcommander-page .category-details .product-view.image-view .product-block .product-name,
body#webcommander-page .filter-details .product-view.image-view .product-block .product-name,
body#webcommander-page .widget-related .product-view.image-view .product-block .product-name,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .product-name {
    padding: 0 !important;
    margin: 16px 0 10px !important;
    min-height: 54px;
}
body#webcommander-page .widget-product .product-view.image-view .product-block .product-name-link,
body#webcommander-page .category-details .product-view.image-view .product-block .product-name-link,
body#webcommander-page .filter-details .product-view.image-view .product-block .product-name-link,
body#webcommander-page .widget-related .product-view.image-view .product-block .product-name-link,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .product-name-link {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: none !important;
    height: auto !important;
    font-size: 20px !important;
    line-height: 27px !important;
    color: #2C3317;
}

/* The description box was collapsed to `height: 14.6px` with `overflow: hidden`
   while its own <p> ran 77px at 16px/25.6 -- so the text was sliced through the
   middle and printed over the category line. Two clean lines instead. */
body#webcommander-page .widget-product .product-view.image-view .product-block .summary,
body#webcommander-page .category-details .product-view.image-view .product-block .summary,
body#webcommander-page .filter-details .product-view.image-view .product-block .summary,
body#webcommander-page .widget-related .product-view.image-view .product-block .summary,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .summary {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: auto !important;
    min-height: 40px;
    max-height: none !important;
    padding: 0 !important;
    margin: 0 0 12px !important;
    font-size: 13px !important;
    line-height: 20px !important;
    color: #5A6247;
    text-align: left;
}
body#webcommander-page .widget-product .product-view.image-view .product-block .summary p,
body#webcommander-page .category-details .product-view.image-view .product-block .summary p,
body#webcommander-page .filter-details .product-view.image-view .product-block .summary p,
body#webcommander-page .widget-related .product-view.image-view .product-block .summary p,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .summary p {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13px !important;
    line-height: 20px !important;
    color: inherit;
}
/* the theme pushes the price to the right of its flex row and indents the name
   by 20px, so nothing in the card shared a left edge */
body#webcommander-page .widget-product .product-view.image-view .product-block .product-name,
body#webcommander-page .category-details .product-view.image-view .product-block .product-name,
body#webcommander-page .filter-details .product-view.image-view .product-block .product-name,
body#webcommander-page .widget-related .product-view.image-view .product-block .product-name,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .product-name {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
body#webcommander-page .widget-product .product-view.image-view .product-block .price-waper,
body#webcommander-page .category-details .product-view.image-view .product-block .price-waper,
body#webcommander-page .filter-details .product-view.image-view .product-block .price-waper,
body#webcommander-page .widget-related .product-view.image-view .product-block .price-waper,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .price-waper {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    /* the theme lays this row out `row-reverse`, which parked the price against
       the card's right edge while every other field sat on the left */
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    margin: 0 0 16px !important;
    padding: 0 !important;
    font-weight: 700;
    text-align: left !important;
}
body#webcommander-page .widget-product .product-view.image-view .product-block .price-waper .price-block-container,
body#webcommander-page .category-details .product-view.image-view .product-block .price-waper .price-block-container,
body#webcommander-page .filter-details .product-view.image-view .product-block .price-waper .price-block-container,
body#webcommander-page .widget-related .product-view.image-view .product-block .price-waper .price-block-container,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .price-waper .price-block-container,
body#webcommander-page .widget-product .product-view.image-view .product-block .price-waper .current-price.price,
body#webcommander-page .category-details .product-view.image-view .product-block .price-waper .current-price.price,
body#webcommander-page .filter-details .product-view.image-view .product-block .price-waper .current-price.price,
body#webcommander-page .widget-related .product-view.image-view .product-block .price-waper .current-price.price,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .price-waper .current-price.price {
    float: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
}
body#webcommander-page .widget-product .product-view.image-view .product-block .current-price.price,
body#webcommander-page .category-details .product-view.image-view .product-block .current-price.price,
body#webcommander-page .filter-details .product-view.image-view .product-block .current-price.price,
body#webcommander-page .widget-related .product-view.image-view .product-block .current-price.price,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .current-price.price {
    font-size: 20px;
    font-weight: 700;
    color: #2C3317;
}

/* --- the three buttons, bottom of the card ------------------------------
   Row 1: ADD TO CART, full width, the yellow the mockup uses everywhere.
   Row 2: QUICK VIEW | VIEW DETAILS, equal halves, outlined so they read as
   secondary next to it. Wishlist and compare are NOT touched -- they stay
   absolutely positioned over the top-right of the photo. */
body#webcommander-page .widget-product .product-view.image-view .product-block .wc-product-actions-group,
body#webcommander-page .category-details .product-view.image-view .product-block .wc-product-actions-group,
body#webcommander-page .filter-details .product-view.image-view .product-block .wc-product-actions-group,
body#webcommander-page .widget-related .product-view.image-view .product-block .wc-product-actions-group,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .wc-product-actions-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 10px;
    width: 100% !important;
    margin: auto 0 0 !important;
    padding: 0 !important;
}
body#webcommander-page .widget-product .product-view.image-view .product-block .btn-add,
body#webcommander-page .category-details .product-view.image-view .product-block .btn-add,
body#webcommander-page .filter-details .product-view.image-view .product-block .btn-add,
body#webcommander-page .widget-related .product-view.image-view .product-block .btn-add,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .btn-add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}
body#webcommander-page .widget-product .product-view.image-view .product-block .wc-secondary-action-buttons,
body#webcommander-page .category-details .product-view.image-view .product-block .wc-secondary-action-buttons,
body#webcommander-page .filter-details .product-view.image-view .product-block .wc-secondary-action-buttons,
body#webcommander-page .widget-related .product-view.image-view .product-block .wc-secondary-action-buttons,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .wc-secondary-action-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    gap: 10px;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* plugins.min.css pins the quick-view button with
   `.product-view .quick-view-btn { position: absolute; left: 44px; top: 100px }`,
   which threw it outside the card entirely (measured x: -12). */
body#webcommander-page .widget-product .product-view.image-view .product-block .quick-view-btn,
body#webcommander-page .category-details .product-view.image-view .product-block .quick-view-btn,
body#webcommander-page .filter-details .product-view.image-view .product-block .quick-view-btn,
body#webcommander-page .widget-related .product-view.image-view .product-block .quick-view-btn,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .quick-view-btn,
body#webcommander-page .widget-product .product-view.image-view .product-block .btn-quick-view .quick-view-btn,
body#webcommander-page .category-details .product-view.image-view .product-block .btn-quick-view .quick-view-btn,
body#webcommander-page .filter-details .product-view.image-view .product-block .btn-quick-view .quick-view-btn,
body#webcommander-page .widget-related .product-view.image-view .product-block .btn-quick-view .quick-view-btn,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .btn-quick-view .quick-view-btn {
    position: static !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    /* and a leftover reveal animation still shifted it: translateX(-105px) */
    -webkit-transform: none !important;
    transform: none !important;
}
body#webcommander-page .widget-product .product-view.image-view .product-block .btn-quick-view,
body#webcommander-page .category-details .product-view.image-view .product-block .btn-quick-view,
body#webcommander-page .filter-details .product-view.image-view .product-block .btn-quick-view,
body#webcommander-page .widget-related .product-view.image-view .product-block .btn-quick-view,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .btn-quick-view {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    min-width: 0;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}
body#webcommander-page .widget-product .product-view.image-view .product-block .wc-secondary-action-buttons .quick-view-btn.button,
body#webcommander-page .category-details .product-view.image-view .product-block .wc-secondary-action-buttons .quick-view-btn.button,
body#webcommander-page .filter-details .product-view.image-view .product-block .wc-secondary-action-buttons .quick-view-btn.button,
body#webcommander-page .widget-related .product-view.image-view .product-block .wc-secondary-action-buttons .quick-view-btn.button,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .wc-secondary-action-buttons .quick-view-btn.button,
body#webcommander-page .widget-product .product-view.image-view .product-block .wc-secondary-action-buttons .show-details-button.button,
body#webcommander-page .category-details .product-view.image-view .product-block .wc-secondary-action-buttons .show-details-button.button,
body#webcommander-page .filter-details .product-view.image-view .product-block .wc-secondary-action-buttons .show-details-button.button,
body#webcommander-page .widget-related .product-view.image-view .product-block .wc-secondary-action-buttons .show-details-button.button,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .wc-secondary-action-buttons .show-details-button.button,
body#webcommander-page .widget-product .product-view.image-view .product-block .btn-quick-view .quick-view-btn.button,
body#webcommander-page .category-details .product-view.image-view .product-block .btn-quick-view .quick-view-btn.button,
body#webcommander-page .filter-details .product-view.image-view .product-block .btn-quick-view .quick-view-btn.button,
body#webcommander-page .widget-related .product-view.image-view .product-block .btn-quick-view .quick-view-btn.button,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .btn-quick-view .quick-view-btn.button {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0;
    flex: 1 1 0;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 0 !important;
    max-width: none !important;
    width: 100% !important;
    height: 42px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    font-family: "Century Gothic", "Questrial", "Futura", "Trebuchet MS", sans-serif;
    font-size: 12px !important;
    font-weight: 700;
    line-height: 1 !important;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-radius: 50px !important;
    background: transparent !important;
    color: var(--bk-btn-tertiary-text, #2C3317) !important;
    border: 1px solid rgba(44, 51, 23, .35) !important;
    -webkit-transition: background .2s ease, border-color .2s ease, color .2s ease;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}
body#webcommander-page .widget-product .product-view.image-view .product-block .wc-secondary-action-buttons .quick-view-btn.button:hover,
body#webcommander-page .category-details .product-view.image-view .product-block .wc-secondary-action-buttons .quick-view-btn.button:hover,
body#webcommander-page .filter-details .product-view.image-view .product-block .wc-secondary-action-buttons .quick-view-btn.button:hover,
body#webcommander-page .widget-related .product-view.image-view .product-block .wc-secondary-action-buttons .quick-view-btn.button:hover,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .wc-secondary-action-buttons .quick-view-btn.button:hover,
body#webcommander-page .widget-product .product-view.image-view .product-block .wc-secondary-action-buttons .show-details-button.button:hover,
body#webcommander-page .category-details .product-view.image-view .product-block .wc-secondary-action-buttons .show-details-button.button:hover,
body#webcommander-page .filter-details .product-view.image-view .product-block .wc-secondary-action-buttons .show-details-button.button:hover,
body#webcommander-page .widget-related .product-view.image-view .product-block .wc-secondary-action-buttons .show-details-button.button:hover,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .wc-secondary-action-buttons .show-details-button.button:hover,
body#webcommander-page .widget-product .product-view.image-view .product-block .btn-quick-view .quick-view-btn.button:hover,
body#webcommander-page .category-details .product-view.image-view .product-block .btn-quick-view .quick-view-btn.button:hover,
body#webcommander-page .filter-details .product-view.image-view .product-block .btn-quick-view .quick-view-btn.button:hover,
body#webcommander-page .widget-related .product-view.image-view .product-block .btn-quick-view .quick-view-btn.button:hover,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .btn-quick-view .quick-view-btn.button:hover {
    background: #FCDC5C !important;
    border-color: #FCDC5C !important;
    color: #2C3317 !important;
}
/* Text-only pill. The cart glyph is gone for good -- the three theme rules that
   drew it were deleted from style.css by scripts/caterme_remove_cart_icon.py, so
   there is nothing left to hide here. The <span> is `display: block` with
   `line-height: 22px`, which left the label sitting high in the pill; a centred
   flex row is what fixes that. */
body#webcommander-page .widget-product .product-view.image-view .product-block .add-to-cart-button.button,
body#webcommander-page .category-details .product-view.image-view .product-block .add-to-cart-button.button,
body#webcommander-page .filter-details .product-view.image-view .product-block .add-to-cart-button.button,
body#webcommander-page .widget-related .product-view.image-view .product-block .add-to-cart-button.button,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .add-to-cart-button.button {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 46px !important;
    padding: 0 20px !important;
    margin: 0 !important;
    font-size: 13px !important;
    font-weight: 700;
    line-height: 1 !important;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    white-space: nowrap;
    border-radius: 50px !important;
    background: var(--bk-btn-fill, #FCDC5C) !important;
    color: #2C3317 !important;
    border: 1px solid #FCDC5C !important;
    -webkit-transition: background .2s ease, border-color .2s ease;
    transition: background .2s ease, border-color .2s ease;
}
/* wishlist + compare keep the position they already have -- absolutely placed
   over the top-right of the photo -- so nothing here touches them. */
body#webcommander-page .widget-product .product-view.image-view .product-block .add-to-cart-button.button:hover,
body#webcommander-page .category-details .product-view.image-view .product-block .add-to-cart-button.button:hover,
body#webcommander-page .filter-details .product-view.image-view .product-block .add-to-cart-button.button:hover,
body#webcommander-page .widget-related .product-view.image-view .product-block .add-to-cart-button.button:hover,
body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .add-to-cart-button.button:hover {
    background: #f6d13c !important;
    border-color: #f6d13c !important;
    color: #2C3317 !important;
}

/* --- 4b. List and tabular views -----------------------------------------
   Everything above is scoped `.product-view.image-view`, i.e. the grid only, so
   the other two views kept the raw platform layout: in TABULAR the action
   buttons overlapped and the rating sat centred, and in LIST the quick-view
   button flew off on its own. The cause of the flying button is the same one
   the grid had -- plugins.min.css pins it with
   `.product-view .quick-view-btn { position:absolute; left:44px; top:100px }`
   and a leftover `transform: translateX(-105px)` -- but the reset was written
   for the grid alone. Reset it for every view, then give list and tabular the
   same button language. */
body#webcommander-page .widget-product .product-view .quick-view-btn,
body#webcommander-page .category-details .product-view .quick-view-btn,
body#webcommander-page .filter-details .product-view .quick-view-btn,
body#webcommander-page .widget-related .product-view .quick-view-btn,
body#webcommander-page .entire-elastic-search .product-view .quick-view-btn,
body#webcommander-page .widget-product .product-table-view-wrapper .quick-view-btn,
body#webcommander-page .category-details .product-table-view-wrapper .quick-view-btn,
body#webcommander-page .filter-details .product-table-view-wrapper .quick-view-btn,
body#webcommander-page .widget-related .product-table-view-wrapper .quick-view-btn,
body#webcommander-page .entire-elastic-search .product-table-view-wrapper .quick-view-btn {
    position: static !important;
    left: auto !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    -webkit-transform: none !important;
    transform: none !important;
}

/* rating reads left in every view, not centred in its own box */
body#webcommander-page .widget-product .product-view .review-rating-wrapper,
body#webcommander-page .category-details .product-view .review-rating-wrapper,
body#webcommander-page .filter-details .product-view .review-rating-wrapper,
body#webcommander-page .widget-related .product-view .review-rating-wrapper,
body#webcommander-page .entire-elastic-search .product-view .review-rating-wrapper,
body#webcommander-page .widget-product .product-table-view-wrapper .review-rating-wrapper,
body#webcommander-page .category-details .product-table-view-wrapper .review-rating-wrapper,
body#webcommander-page .filter-details .product-table-view-wrapper .review-rating-wrapper,
body#webcommander-page .widget-related .product-table-view-wrapper .review-rating-wrapper,
body#webcommander-page .entire-elastic-search .product-table-view-wrapper .review-rating-wrapper {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    text-align: left !important;
}
body#webcommander-page .widget-product .product-view .review-rating-wrapper .review-rating,
body#webcommander-page .category-details .product-view .review-rating-wrapper .review-rating,
body#webcommander-page .filter-details .product-view .review-rating-wrapper .review-rating,
body#webcommander-page .widget-related .product-view .review-rating-wrapper .review-rating,
body#webcommander-page .entire-elastic-search .product-view .review-rating-wrapper .review-rating,
body#webcommander-page .widget-product .product-table-view-wrapper .review-rating-wrapper .review-rating,
body#webcommander-page .category-details .product-table-view-wrapper .review-rating-wrapper .review-rating,
body#webcommander-page .filter-details .product-table-view-wrapper .review-rating-wrapper .review-rating,
body#webcommander-page .widget-related .product-table-view-wrapper .review-rating-wrapper .review-rating,
body#webcommander-page .entire-elastic-search .product-table-view-wrapper .review-rating-wrapper .review-rating {
    margin-left: 0 !important;
    margin-right: auto !important;
}

/* --- list view ----------------------------------------------------------- */
body#webcommander-page .widget-product .product-view.list-view .product-block .wc-product-actions-group,
body#webcommander-page .category-details .product-view.list-view .product-block .wc-product-actions-group,
body#webcommander-page .filter-details .product-view.list-view .product-block .wc-product-actions-group,
body#webcommander-page .widget-related .product-view.list-view .product-block .wc-product-actions-group,
body#webcommander-page .entire-elastic-search .product-view.list-view .product-block .wc-product-actions-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    width: 100% !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
}
body#webcommander-page .widget-product .product-view.list-view .product-block .btn-add,
body#webcommander-page .category-details .product-view.list-view .product-block .btn-add,
body#webcommander-page .filter-details .product-view.list-view .product-block .btn-add,
body#webcommander-page .widget-related .product-view.list-view .product-block .btn-add,
body#webcommander-page .entire-elastic-search .product-view.list-view .product-block .btn-add,
body#webcommander-page .widget-product .product-view.list-view .product-block .wc-secondary-action-buttons,
body#webcommander-page .category-details .product-view.list-view .product-block .wc-secondary-action-buttons,
body#webcommander-page .filter-details .product-view.list-view .product-block .wc-secondary-action-buttons,
body#webcommander-page .widget-related .product-view.list-view .product-block .wc-secondary-action-buttons,
body#webcommander-page .entire-elastic-search .product-view.list-view .product-block .wc-secondary-action-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
body#webcommander-page .widget-product .product-view.list-view .product-block .btn-quick-view,
body#webcommander-page .category-details .product-view.list-view .product-block .btn-quick-view,
body#webcommander-page .filter-details .product-view.list-view .product-block .btn-quick-view,
body#webcommander-page .widget-related .product-view.list-view .product-block .btn-quick-view,
body#webcommander-page .entire-elastic-search .product-view.list-view .product-block .btn-quick-view {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}
body#webcommander-page .widget-product .product-view.list-view .product-block .add-to-cart-button.button,
body#webcommander-page .category-details .product-view.list-view .product-block .add-to-cart-button.button,
body#webcommander-page .filter-details .product-view.list-view .product-block .add-to-cart-button.button,
body#webcommander-page .widget-related .product-view.list-view .product-block .add-to-cart-button.button,
body#webcommander-page .entire-elastic-search .product-view.list-view .product-block .add-to-cart-button.button {
    width: auto !important;
    min-width: 168px !important;
    padding: 0 26px !important;
}

/* --- tabular view -------------------------------------------------------- */
body#webcommander-page .widget-product .product-table-view-wrapper .product-table-view-row .wc-tabular-action-buttons,
body#webcommander-page .category-details .product-table-view-wrapper .product-table-view-row .wc-tabular-action-buttons,
body#webcommander-page .filter-details .product-table-view-wrapper .product-table-view-row .wc-tabular-action-buttons,
body#webcommander-page .widget-related .product-table-view-wrapper .product-table-view-row .wc-tabular-action-buttons,
body#webcommander-page .entire-elastic-search .product-table-view-wrapper .product-table-view-row .wc-tabular-action-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    padding: 0 !important;
}
body#webcommander-page .widget-product .product-table-view-wrapper .wc-tabular-action-buttons .add-to-cart-button.button,
body#webcommander-page .category-details .product-table-view-wrapper .wc-tabular-action-buttons .add-to-cart-button.button,
body#webcommander-page .filter-details .product-table-view-wrapper .wc-tabular-action-buttons .add-to-cart-button.button,
body#webcommander-page .widget-related .product-table-view-wrapper .wc-tabular-action-buttons .add-to-cart-button.button,
body#webcommander-page .entire-elastic-search .product-table-view-wrapper .wc-tabular-action-buttons .add-to-cart-button.button,
body#webcommander-page .widget-product .product-table-view-wrapper .wc-tabular-action-buttons .quick-view-btn.button,
body#webcommander-page .category-details .product-table-view-wrapper .wc-tabular-action-buttons .quick-view-btn.button,
body#webcommander-page .filter-details .product-table-view-wrapper .wc-tabular-action-buttons .quick-view-btn.button,
body#webcommander-page .widget-related .product-table-view-wrapper .wc-tabular-action-buttons .quick-view-btn.button,
body#webcommander-page .entire-elastic-search .product-table-view-wrapper .wc-tabular-action-buttons .quick-view-btn.button,
body#webcommander-page .widget-product .product-table-view-wrapper .wc-tabular-action-buttons .show-details-button.button,
body#webcommander-page .category-details .product-table-view-wrapper .wc-tabular-action-buttons .show-details-button.button,
body#webcommander-page .filter-details .product-table-view-wrapper .wc-tabular-action-buttons .show-details-button.button,
body#webcommander-page .widget-related .product-table-view-wrapper .wc-tabular-action-buttons .show-details-button.button,
body#webcommander-page .entire-elastic-search .product-table-view-wrapper .wc-tabular-action-buttons .show-details-button.button {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: static !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 40px !important;
    padding: 0 22px !important;
    margin: 0 !important;
    font-family: "Century Gothic", "Questrial", "Futura", "Trebuchet MS", sans-serif;
    font-size: 12px !important;
    font-weight: 700;
    line-height: 1 !important;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 50px !important;
    -webkit-transform: none !important;
    transform: none !important;
}
body#webcommander-page .widget-product .product-table-view-wrapper .wc-tabular-action-buttons .add-to-cart-button.button,
body#webcommander-page .category-details .product-table-view-wrapper .wc-tabular-action-buttons .add-to-cart-button.button,
body#webcommander-page .filter-details .product-table-view-wrapper .wc-tabular-action-buttons .add-to-cart-button.button,
body#webcommander-page .widget-related .product-table-view-wrapper .wc-tabular-action-buttons .add-to-cart-button.button,
body#webcommander-page .entire-elastic-search .product-table-view-wrapper .wc-tabular-action-buttons .add-to-cart-button.button {
    background: var(--bk-btn-fill, #FCDC5C) !important;
    color: #2C3317 !important;
    border: 1px solid #FCDC5C !important;
}
body#webcommander-page .widget-product .product-table-view-wrapper .wc-tabular-action-buttons .quick-view-btn.button,
body#webcommander-page .category-details .product-table-view-wrapper .wc-tabular-action-buttons .quick-view-btn.button,
body#webcommander-page .filter-details .product-table-view-wrapper .wc-tabular-action-buttons .quick-view-btn.button,
body#webcommander-page .widget-related .product-table-view-wrapper .wc-tabular-action-buttons .quick-view-btn.button,
body#webcommander-page .entire-elastic-search .product-table-view-wrapper .wc-tabular-action-buttons .quick-view-btn.button,
body#webcommander-page .widget-product .product-table-view-wrapper .wc-tabular-action-buttons .show-details-button.button,
body#webcommander-page .category-details .product-table-view-wrapper .wc-tabular-action-buttons .show-details-button.button,
body#webcommander-page .filter-details .product-table-view-wrapper .wc-tabular-action-buttons .show-details-button.button,
body#webcommander-page .widget-related .product-table-view-wrapper .wc-tabular-action-buttons .show-details-button.button,
body#webcommander-page .entire-elastic-search .product-table-view-wrapper .wc-tabular-action-buttons .show-details-button.button {
    background: transparent !important;
    color: var(--bk-btn-tertiary-text, #2C3317) !important;
    border: 1px solid rgba(44, 51, 23, .35) !important;
}
body#webcommander-page .widget-product .product-table-view-wrapper .wc-tabular-action-buttons .quick-view-btn.button:hover,
body#webcommander-page .category-details .product-table-view-wrapper .wc-tabular-action-buttons .quick-view-btn.button:hover,
body#webcommander-page .filter-details .product-table-view-wrapper .wc-tabular-action-buttons .quick-view-btn.button:hover,
body#webcommander-page .widget-related .product-table-view-wrapper .wc-tabular-action-buttons .quick-view-btn.button:hover,
body#webcommander-page .entire-elastic-search .product-table-view-wrapper .wc-tabular-action-buttons .quick-view-btn.button:hover,
body#webcommander-page .widget-product .product-table-view-wrapper .wc-tabular-action-buttons .show-details-button.button:hover,
body#webcommander-page .category-details .product-table-view-wrapper .wc-tabular-action-buttons .show-details-button.button:hover,
body#webcommander-page .filter-details .product-table-view-wrapper .wc-tabular-action-buttons .show-details-button.button:hover,
body#webcommander-page .widget-related .product-table-view-wrapper .wc-tabular-action-buttons .show-details-button.button:hover,
body#webcommander-page .entire-elastic-search .product-table-view-wrapper .wc-tabular-action-buttons .show-details-button.button:hover {
    background: #FCDC5C !important;
    border-color: #FCDC5C !important;
}
/* the row cells were letting content run into each other */
body#webcommander-page .widget-product .product-table-view-wrapper .product-table-view-row .product-table-view-column,
body#webcommander-page .category-details .product-table-view-wrapper .product-table-view-row .product-table-view-column,
body#webcommander-page .filter-details .product-table-view-wrapper .product-table-view-row .product-table-view-column,
body#webcommander-page .widget-related .product-table-view-wrapper .product-table-view-row .product-table-view-column,
body#webcommander-page .entire-elastic-search .product-table-view-wrapper .product-table-view-row .product-table-view-column {
    vertical-align: middle;
    overflow: visible;
}

/* --- 4c. Blog listing: the stray horizontal scrollbar --------------------
   `.blog-post-content` is a wrapping flex row, `box-sizing: border-box` with
   `padding-right: 70px`, so at 1280px its content box is 856 - 70 = 786px. The
   two post cards fit exactly (380.77 x 2 + 24 gap = 785.5), but the paginator row
   under them is `flex: 0 0 100%` AND carries `margin: 20px 22px 100px` -- 100% of
   786 plus 44px of side margin = 829.5px. That 44px is the whole overflow
   (scrollWidth 900 vs clientWidth 856), and because the container is
   `overflow-x: auto` it drew a scrollbar across the bottom of the page.
   The row already spans the line on its own, so it does not need side margins. */
body#webcommander-page .blog-post-content > .blog-post-paginator-row,
body#webcommander-page .blog-post-content > .footer.blog-post-paginator-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: 100%;
}

/* Blog card titles were pinned to `height: 42px; overflow: hidden` with
   `-webkit-line-clamp: 2` -- but on `display: flow-root` the clamp does nothing,
   so the box simply sliced the third line in half (scrollHeight 84 vs 42).
   Make the clamp real: two lines, then an ellipsis. */
body#webcommander-page .blog-post-item .post-description h4.title,
body#webcommander-page .blog-post-item .post-description h4.title > a {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: auto !important;
    max-height: 42px;
    overflow: hidden;
}

/* --- 4d. Footer copyright: the site-wide mobile scrollbar ----------------
   The copyright paragraph in `.widget-article.copy-right-content` carries a hard
   `width: 400px`. At 375px (viewport 360 after the scrollbar) it reaches x=415,
   which is why EVERY page scrolled sideways on a phone -- measured
   documentElement.scrollWidth 415 vs clientWidth 360 on the home page, products,
   a category page, blog, about-us, contact-us and cart alike. A max-width leaves
   the 400px intact wherever it fits and only clamps it when it does not.
   The theme rule is `.widget.widget-article.copy-right-content p
   { max-width: 520px; min-width: 400px }`, and the `min-width` is what actually
   held the 400px: per CSS, min-width WINS over max-width, so clamping the max
   alone changed nothing (computed max-width read 100% while the box stayed
   400px). The min has to be released too. */
body#webcommander-page .widget-article.copy-right-content .article-content {
    max-width: 100%;
}
body#webcommander-page .widget-article.copy-right-content .article-content p {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
}

/* --- 4e. Quick View popup / product page action row ----------------------
   `.widget-addCart .cart-button-container` holds the stepper, ADD TO CART and
   BUY NOW. Measured on the live markup (the quick-view popup renders this same
   widget): the row is 50px tall, both buttons carry `padding: 12px 32px` with
   `line-height: 28px` -- so the 28px line box does not fit the 26px content box
   and the label rides high. ADD TO CART is `display: flex` with no
   `align-items`, and BUY NOW is `display: block`, i.e. not centred at all, which
   is why the two labels do not even sit at the same height as each other.
   Centre both properly: flex, line-height 1, vertical padding off. */
body#webcommander-page .widget-addCart .cart-button-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
body#webcommander-page .widget-addCart .cart-button-container > .add-to-cart-button.button,
body#webcommander-page .widget-addCart .cart-button-container > .buy-now-button.button {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    padding: 0 32px !important;
    margin: 0 !important;
    line-height: 1 !important;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
}
body#webcommander-page .widget-addCart .cart-button-container > .stepper {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    margin: 0 !important;
    vertical-align: middle;
}

/* --- 4f. Review stars, site-wide ----------------------------------------
   The raty stars are 16x16 <img> tags, and `ecommerce.min.css` carries
   `.fee-widget-product-image-view .product-view.image-view img
    { width: 100%; height: 100%; max-width: 100%; max-height: 100% }`
   -- written for the product PHOTO, but it matches EVERY img in the listing,
   the stars included. So each star is sized to whatever box it happens to be
   in: usually small enough to pass unnoticed (measured 18x23 against a 16x16
   source), but in a wider container -- the editor preview, a full-width row --
   it inflates to the container width and the five stars stack down the card.
   Pin them to their natural size. `min-width: 0` is part of the fix, not
   decoration: a min-width would win over max-width and the stretch would come
   straight back. Deliberately NOT scoped to a listing container -- the same
   stars render on the product page, in Quick View and in review lists. */
body#webcommander-page .review-rating img,
body#webcommander-page .review-rating-wrapper img,
body#webcommander-page .review-view-panel .review-rating img {
    width: 16px !important;
    height: 16px !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 16px !important;
    max-height: 16px !important;
    -o-object-fit: contain !important;
    object-fit: contain !important;
    display: inline-block !important;
    vertical-align: middle;
}
body#webcommander-page .review-rating {
    line-height: 1;
    white-space: nowrap;
}
body#webcommander-page .review-rating > span,
body#webcommander-page .review-rating .star-on,
body#webcommander-page .review-rating .star-off,
body#webcommander-page .review-rating .star-half {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    vertical-align: middle;
}

/* --- 5. Responsive ------------------------------------------------------- */
@media (max-width: 1199px) {
    body#webcommander-page .widget-category.home-cat-sec {
        --no_of_column: 4;
    }
    body#webcommander-page .home-banner .banner-content-box h1 {
        font-size: 54px !important;
    }
}
@media (max-width: 991px) {
    body#webcommander-page .widget-category.home-cat-sec {
        --no_of_column: 3;
    }
    body#webcommander-page .home-banner .banner-content-box h1 {
        font-size: 40px !important;
    }
    body#webcommander-page .home-banner .banner-content-box p {
        font-size: 22px;
    }
    body#webcommander-page .widget-category .widget-title,
    body#webcommander-page .widget-product .widget-title,
    body#webcommander-page .category-details .widget-title,
    body#webcommander-page .filter-details .widget-title,
    body#webcommander-page .widget-related .widget-title,
    body#webcommander-page .entire-elastic-search .widget-title,
    body#webcommander-page .news-head-title,
    body#webcommander-page .welcome-text {
        font-size: 26px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    body#webcommander-page .widget-product .product-view.image-view .content.product-content,
    body#webcommander-page .category-details .product-view.image-view .content.product-content,
    body#webcommander-page .filter-details .product-view.image-view .content.product-content,
    body#webcommander-page .widget-related .product-view.image-view .content.product-content,
    body#webcommander-page .entire-elastic-search .product-view.image-view .content.product-content {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 767px) {
    body#webcommander-page .widget-product .product-view.image-view .content.product-content,
    body#webcommander-page .category-details .product-view.image-view .content.product-content,
    body#webcommander-page .filter-details .product-view.image-view .content.product-content,
    body#webcommander-page .widget-related .product-view.image-view .content.product-content,
    body#webcommander-page .entire-elastic-search .product-view.image-view .content.product-content {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
    body#webcommander-page .widget-category.home-cat-sec {
        --no_of_column: 2;
    }
    body#webcommander-page .home-banner .banner-content-box h1 {
        font-size: 30px !important;
    }
    body#webcommander-page .home-banner .banner-content-box p {
        font-size: 18px;
    }
    body#webcommander-page .widget-product .product-view.image-view .product-block .price-waper,
    body#webcommander-page .category-details .product-view.image-view .product-block .price-waper,
    body#webcommander-page .filter-details .product-view.image-view .product-block .price-waper,
    body#webcommander-page .widget-related .product-view.image-view .product-block .price-waper,
    body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .price-waper,
    body#webcommander-page .widget-product .product-view.image-view .product-block .wc-product-actions-group,
    body#webcommander-page .category-details .product-view.image-view .product-block .wc-product-actions-group,
    body#webcommander-page .filter-details .product-view.image-view .product-block .wc-product-actions-group,
    body#webcommander-page .widget-related .product-view.image-view .product-block .wc-product-actions-group,
    body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .wc-product-actions-group {
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }
    body#webcommander-page .widget-product .product-view.image-view .product-block .wc-product-actions-group,
    body#webcommander-page .category-details .product-view.image-view .product-block .wc-product-actions-group,
    body#webcommander-page .filter-details .product-view.image-view .product-block .wc-product-actions-group,
    body#webcommander-page .widget-related .product-view.image-view .product-block .wc-product-actions-group,
    body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .wc-product-actions-group {
        margin-top: 12px !important;
    }
    body#webcommander-page .widget-product .product-view.image-view .product-block .add-to-cart-button.button,
    body#webcommander-page .category-details .product-view.image-view .product-block .add-to-cart-button.button,
    body#webcommander-page .filter-details .product-view.image-view .product-block .add-to-cart-button.button,
    body#webcommander-page .widget-related .product-view.image-view .product-block .add-to-cart-button.button,
    body#webcommander-page .entire-elastic-search .product-view.image-view .product-block .add-to-cart-button.button {
        width: 100% !important;
    }
}
/* [/MCP:home-xd-match] */
/* Blog detail: element order and the sidebar subscribe field.

   Order. .blog-post-details .post-description is a column flex and the theme
   already orders its children -- but it puts order:5 on .social-media-share-bar,
   which is NOT the flex child; the child is .social-media-share-link-wrapper,
   which therefore keeps the default order:0 and renders above everything. The
   theme also placed the date/category (order:1) above the title (order:2).
   Target the real child and put the title first:
       title 1, date+category 2, image 3, content 4, social 5, comments 6.

   Subscribe field. The sidebar newsletter input carries no styling at all -- it
   renders at the browser default 163px wide with a 2px inset border while its
   own SUBSCRIBE button is 280px, so the two do not line up. Match them. */
body#webcommander-page .blog-post-details .post-description > .title {
    order: 1;
}
body#webcommander-page .blog-post-details .post-description > .blog-post-info {
    order: 2;
}
body#webcommander-page .blog-post-details .post-description > .social-media-share-link-wrapper {
    order: 5;
    width: 100%;
}

body#webcommander-page .widget-newsletter.blog-newsletter .newsletter .form-row {
    width: 100%;
}
body#webcommander-page .widget-newsletter.blog-newsletter input.subscription-email {
    width: 100%;
    max-width: 100%;
    height: 48px;
    box-sizing: border-box;
    padding: 12px 16px;
    border: 1px solid #d9d9d9;
    /* pill, to match the SUBSCRIBE button (50px) and the footer field (45px) */
    border-radius: 50px;
    background: var(--bk-color-background, #ffffff);
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 15px;
    line-height: 24px;
    color: #131318;
    outline: none;
}
body#webcommander-page .widget-newsletter.blog-newsletter input.subscription-email::placeholder {
    color: #8c9299;
    opacity: 1;
}
body#webcommander-page .widget-newsletter.blog-newsletter input.subscription-email:focus {
    border-color: var(--bk-color-primary, #939c79);
}
body#webcommander-page .widget-newsletter.blog-newsletter .newsletter-subscription.submit-button {
    width: 100%;
    box-sizing: border-box;
}

/* ==========================================================================
   Contact page.
   Everything below stays inside the brand's existing tokens -- sage #939C79,
   deep olive #535A44, the 5px input / 50px button / 10px card radii and the
   rgba(83,90,68,.2) hairline the theme already uses. No new palette.

   What was wrong: the form widget intends name/email/phone stacked at left with
   the message beside them, but the textarea's row collapsed to 30px and the
   field overflowed it -- which is why the "message" label sat on top of its own
   placeholder, and why an 80px/75px card padding left a large empty area under
   the fields. Rebuilt as an explicit grid so the intended shape actually holds.
   ========================================================================== */

/* -- the panel that lifts over the banner: make that deliberate -- */
body#webcommander-page.page-contact-us .widget-form.contact-form {
    padding: 56px 60px 60px;
    box-shadow: 0 18px 50px rgba(83, 90, 68, 0.12);
    box-sizing: border-box;
}

/* -- field grid: three short fields in column one, message filling column two -- */
/* The widget wraps EVERY field in its own .single-input-row, so the grid has to
   live on the form; the wrappers are the grid items. The theme also caps those
   wrappers at 320px and pins the message field with position:absolute -- both
   have to go or the layout collapses to one narrow column with the textarea
   floating out of flow over its own label. */
body#webcommander-page.page-contact-us .contact-form form.custom-form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 28px;
    row-gap: 18px;
    align-items: start;
    width: 100%;
}
body#webcommander-page.page-contact-us .contact-form form.custom-form > .single-input-row {
    display: block;
    max-width: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
body#webcommander-page.page-contact-us .contact-form form.custom-form > .single-input-row:has(.form-row.textArea) {
    grid-column: 2;
    grid-row: 1 / span 3;
    height: 100%;
}
body#webcommander-page.page-contact-us .contact-form form.custom-form > .form-row.btn-row {
    grid-column: 1 / -1;
}
body#webcommander-page.page-contact-us .contact-form .single-input-row > .form-row.textArea.text-area {
    position: static;
    right: auto;
    top: auto;
    max-width: 100%;
}
body#webcommander-page.page-contact-us .contact-form .form-row.textArea textarea {
    position: static;
    right: auto;
    top: auto;
}
body#webcommander-page.page-contact-us .contact-form .single-input-row > .form-row {
    width: 100%;
    max-width: 100%;
    margin: 0;
    float: none;
    padding: 0;
}
body#webcommander-page.page-contact-us .contact-form .single-input-row > .form-row.textArea {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/* -- labels: the theme rendered them lowercase; the rest of the site sets
      section labels in uppercase with tracking (CONTACT US, MAIN MENU) -- */
body#webcommander-page.page-contact-us .contact-form .form-row label {
    display: block;
    margin: 0 0 8px;
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--bk-color-secondary, #535A44);
}

/* -- fields -- */
body#webcommander-page.page-contact-us .contact-form .form-row input[type="text"],
body#webcommander-page.page-contact-us .contact-form .form-row input[type="email"],
body#webcommander-page.page-contact-us .contact-form .form-row input[type="tel"],
body#webcommander-page.page-contact-us .contact-form .form-row textarea {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 14px 18px;
    border: 1px solid rgba(83, 90, 68, 0.2);
    border-radius: 5px;
    background: var(--bk-color-background, #ffffff);
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 15px;
    line-height: 24px;
    color: #131318;
    -webkit-transition: border-color .2s ease, box-shadow .2s ease;
    transition: border-color .2s ease, box-shadow .2s ease;
}
body#webcommander-page.page-contact-us .contact-form .form-row input[type="text"],
body#webcommander-page.page-contact-us .contact-form .form-row input[type="email"],
body#webcommander-page.page-contact-us .contact-form .form-row input[type="tel"] {
    height: 52px;
}
body#webcommander-page.page-contact-us .contact-form .form-row textarea {
    flex: 1 1 auto;
    min-height: 190px;
    resize: vertical;
}
body#webcommander-page.page-contact-us .contact-form .form-row input::placeholder,
body#webcommander-page.page-contact-us .contact-form .form-row textarea::placeholder {
    color: rgba(83, 90, 68, 0.55);
    opacity: 1;
}
body#webcommander-page.page-contact-us .contact-form .form-row input:focus,
body#webcommander-page.page-contact-us .contact-form .form-row textarea:focus {
    outline: none;
    border-color: var(--bk-color-primary, #939C79);
    box-shadow: 0 0 0 3px rgba(147, 156, 121, 0.18);
}

/* -- submit: sits under the grid, aligned to the field column -- */
body#webcommander-page.page-contact-us .contact-form form.custom-form .form-row.btn-row {
    margin: 26px 0 0;
    padding: 0;
    text-align: left;
}
body#webcommander-page.page-contact-us .contact-form .btn-row .submit-button {
    margin-left: 0;
    margin-right: auto;
    min-width: 200px;
    height: 52px;
    padding: 0 44px;
    border-radius: 50px;
    background: var(--bk-btn-secondary-fill, var(--bk-color-primary, #939C79));
    border: 1px solid var(--bk-color-primary, #939C79);
    color: var(--bk-btn-secondary-text, #ffffff);
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: background .2s ease, border-color .2s ease;
    transition: background .2s ease, border-color .2s ease;
}
body#webcommander-page.page-contact-us .contact-form .btn-row .submit-button:hover {
    background: #7F8867;
    border-color: #7F8867;
}
body#webcommander-page.page-contact-us .contact-form .btn-row .submit-button:focus-visible {
    outline: 3px solid rgba(147, 156, 121, 0.45);
    outline-offset: 2px;
}

/* -- business hours: give the block a real rhythm and tie it to the page
      heading, which the theme marks with a short rule -- */
body#webcommander-page.page-contact-us .business-hours {
    max-width: 760px;
    margin: 0 auto;
    padding: 12px 20px 100px;
}
body#webcommander-page.page-contact-us .business-hours .title-time-box {
    text-align: center;
}
body#webcommander-page.page-contact-us .business-hours .title-time-box h2 {
    margin: 0 0 10px;
}
body#webcommander-page.page-contact-us .business-hours .title-time-box::after {
    content: "";
    display: block;
    width: 56px;
    height: 3px;
    margin: 0 auto 34px;
    background: var(--bk-color-primary, #939C79);
}
body#webcommander-page.page-contact-us .business-hours .hours-time-container p {
    margin: 0;
    padding: 11px 0;
    border-bottom: 1px solid rgba(83, 90, 68, 0.12);
    font-family: var(--bk-font-base, Century Gothic);
    font-size: 15px;
    line-height: 24px;
    color: #131318;
}
body#webcommander-page.page-contact-us .business-hours .hours-time-container p:last-child {
    border-bottom: none;
}

/* -- responsive -- */
@media (max-width: 991px) {
    body#webcommander-page.page-contact-us .widget-form.contact-form {
        padding: 44px 36px 48px;
    }
}
@media (max-width: 767px) {
    body#webcommander-page.page-contact-us .contact-form form.custom-form {
        grid-template-columns: 1fr;
    }
    body#webcommander-page.page-contact-us .contact-form form.custom-form > .single-input-row:has(.form-row.textArea) {
        grid-column: 1;
        grid-row: auto;
    }
    body#webcommander-page.page-contact-us .widget-form.contact-form {
        padding: 32px 22px 36px;
        /* the widget carries width:375px AND margin:0 15px, so max-width:100%
           still left a 405px footprint; auto width sizes to the parent minus
           its own margins */
        width: auto;
        max-width: none;
    }
    body#webcommander-page.page-contact-us .contact-form .btn-row .submit-button {
        width: 100%;
        padding: 0 20px;
    }
}


/* [MCP:registration-form-tweaks] */
.page-registration .registration-form {
  max-width: 800px;
}

.page-registration .registration-form .form-row ~ .form-row {
  margin-top: 0;
}

/* [/MCP:registration-form-tweaks] */

#webcommander-page .widget.widget-search .popular-search h3,
#webcommander-page .widget.widget-search .search-form .filter-label {
    font-size: var(--bk-h5-size, inherit);
}

@media (max-width: 1200px) {
    .mega-menu-submenu-container.show {
        box-shadow: none;
    }
}


/* [MCP:popup-mobile-width] */
@media screen and (max-width: 767px) {
	.add-to-cart-popup.popup,
	.wish-list-popup.add-to-wishlist-popup.popup,
	.add-to-compare-popup.popup,
	.add-cart-information-popup.popup,
	.add-to-gift-registry-popup.popup {
		max-width: 320px;
		min-width: 320px;
		padding: 0;
	}
}
/* [/MCP:popup-mobile-width] */

@media (max-width: 992px) {
    .product_quick_view_popup {
        left: 50%;
        margin-left: 0;
        right: 0;
        width: 700px;
        top: 50%;
    }
    #webcommander-page .product-widget.widget-productName .product-name {
        font-size: 30px;
    }
}

@media (max-width: 767px) {
    .product-quick-view-info-container.details .l-fixed-container,
    .product-quick-view-info-container.details .r-fixed-container {
        display: flex;
        flex-direction: column;
    }
    #webcommander-page .product-widget.widget-productName .product-name {
        font-size: 22px;
    }
    .product-quick-view-info-container.details #spltr-07e42076-41ee-45c4-8638-7b3b2924d6d2 {
        width: 100%;
        flex: 0 0 0;
    }
}


/* [MCP:wishlist-cards] */
/* ==========================================================================
   Wish list page (/wishlist/products/N)
   Measured on the live page (logged in):
     - .content.product-content is display:flex;wrap, but .product-block has NO
       width, so every card sizes to its own photo: 534 / 799 / 822 / 731 / 567
       / 522 / 522 px. That is why the rows hold 1, 1, 1, 2, 2 cards and nothing
       lines up;
     - the ragged rule under each card is .block-content-wrap's 2px
       border-bottom - it inherits the card's content width;
     - the listing starts flush under the header and ends flush on the footer
       (measured gap to footer: 0).
   Same card language as the product listings: fixed-ratio photo, 2-line name,
   price, and one full-width action button pinned to the card bottom.
   ========================================================================== */

/* --- page rhythm ---------------------------------------------------------- */
.wish-list-details {
    padding-top: 40px;
    padding-bottom: 80px;
}

/* an actual heading - the page ships without one. Delete this block if the
   theme is going to render a real <h1> instead. */
.wish-list-details::before {
    content: "My Wish List";
    display: block;
    margin: 0 0 18px;
    font-family: inherit;
    font-size: 34px;
    line-height: 1.2;
    font-weight: 700;
    color: #1f2a07;
}

#wish-list-product-listing > .header {
    padding: 0 0 14px;
    margin: 0 0 22px;
    border-bottom: 1px solid rgba(83, 90, 68, .14);
    font-size: 14px;
    color: rgba(31, 42, 7, .7);
}

/* --- the grid ------------------------------------------------------------- */
#wish-list-product-listing .content.product-content {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 30px;
    align-items: stretch;
}

/* --- the card ------------------------------------------------------------- */
#wish-list-product-listing .product-block {
    width: auto;
    max-width: none;
    min-width: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    background: #fff;
    border: 1px solid rgba(83, 90, 68, .14);
    border-radius: 10px;
    overflow: hidden;
    transition: box-shadow .2s ease, transform .2s ease;
}
#wish-list-product-listing .product-block:hover {
    box-shadow: 0 12px 28px rgba(83, 90, 68, .16);
    transform: translateY(-2px);
}

/* photo: one ratio for every card, no matter the source image */
#wish-list-product-listing .product-block .image.product-image {
    margin: 0;
    background: #f6f7f3;
}
#wish-list-product-listing .product-block .image.product-image .product-image-link {
    display: block;
    padding: 0;
    line-height: 0;
}
#wish-list-product-listing .product-block .image.product-image img {
    display: block;
    width: 100%;
    height: 210px;
    object-fit: cover;
    transition: transform .35s ease;
}
#wish-list-product-listing .product-block:hover .image.product-image img {
    transform: scale(1.04);
}
/* the empty <span class="btn-add-placeholder"> still takes a line box, which
   left a grey strip under every photo */
#wish-list-product-listing .product-block .image.product-image {
    font-size: 0;
    line-height: 0;
}
#wish-list-product-listing .product-block .btn-add-placeholder {
    display: none;
}

/* body: flex column so the button can sit on the floor of the card */
#wish-list-product-listing .product-block .block-content-wrap {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 16px 18px 18px;
    border-bottom: 0;          /* the ragged full-width rule */
}

#wish-list-product-listing .product-block .product-name {
    margin: 0 0 10px;
    padding: 0;
}
#wish-list-product-listing .product-block .product-name-link {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    min-height: 2.8em;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
}

#wish-list-product-listing .product-block .price-waper {
    margin: 0 0 14px;
    padding: 0;
}
#wish-list-product-listing .product-block .current-price.price {
    padding: 0;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

/* actions pinned to the bottom edge of every card in the row */
#wish-list-product-listing .product-block .wc-product-actions-group {
    margin: auto 0 0;
    padding: 0;
    flex-direction: column;
    gap: 8px;
}
#wish-list-product-listing .product-block .btn-add {
    margin: 0;
    padding: 0;
    width: 100%;
}
#wish-list-product-listing .product-block .add-to-cart-button.button {
    display: block;
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 11px 14px;
    text-align: center;
    /* the theme leaves a stray blue 1px border on this button */
    border-color: transparent;
}
#wish-list-product-listing .product-block .wc-secondary-action-buttons:empty {
    display: none;
}

/* --- responsive ----------------------------------------------------------- */
@media (max-width: 1199px) {
    #wish-list-product-listing .content.product-content {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 24px;
    }
}

@media (max-width: 991px) {
    .wish-list-details { padding-top: 28px; padding-bottom: 60px; }
    .wish-list-details::before { font-size: 28px; }
    #wish-list-product-listing .content.product-content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
    }
    #wish-list-product-listing .product-block .image.product-image img { height: 180px; }
}

@media (max-width: 575px) {
    .wish-list-details { padding-top: 20px; padding-bottom: 48px; }
    .wish-list-details::before { font-size: 24px; margin-bottom: 14px; }
    #wish-list-product-listing .content.product-content {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }
    #wish-list-product-listing .product-block .block-content-wrap { padding: 12px 12px 14px; }
    #wish-list-product-listing .product-block .image.product-image img { height: 140px; }
    #wish-list-product-listing .product-block .product-name-link { font-size: 14px; }
    #wish-list-product-listing .product-block .current-price.price { font-size: 17px; }
    #wish-list-product-listing .product-block .add-to-cart-button.button {
        padding: 10px 8px;
        font-size: 12px;
    }
}

@media (max-width: 380px) {
    #wish-list-product-listing .content.product-content {
        grid-template-columns: minmax(0, 1fr);
    }
    #wish-list-product-listing .product-block .image.product-image img { height: 190px; }
}

/* [/MCP:wishlist-cards] */