@charset "UTF-8";
body.dark-mode {
  background-color: #000;
  color: #fff;
}
.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode h4, .dark-mode h5, .dark-mode h6, .dark-mode .bg-white, .dark-mode p {
  color: white;
}
.dark-mode .beefup__head::after, .dark-mode .beefup__head > button, .dark-mode .breadcrumb > li + li:before, .dark-mode nav ul.navbar-nav li a[aria-expanded="true"], .dark-mode .footer-heading h2, .dark-mode .footer-heading h3, .dark-mode .footer-heading h4, .dark-mode .footer-alt-heading h3, .dark-mode ul.footer-lists-div li a:hover, .dark-mode ul.footer-lists-div li, .dark-mode .footer-component-main-hours h3, .dark-mode .footer-icons-div h3, .dark-mode .copyright, .dark-mode .aboutus-content .aboutus-link, .dark-mode nav ul.navbar-nav li a + .dropdown-menu .nav.nav-pills a {
  color: #fff;
}
.dark-mode .nav.flex-column a.nav-link.navlink-subcategory::after {
  border-left-color: #c6c4c4;
}
.dark-mode a:focus, .dark-mode a:hover, .dark-mode a.active, .dark-mode .error-msg-common, .dark-mode .storelocation .address-captions a.common-link, .dark-mode nav ul.navbar-nav li a + .dropdown-menu .nav.nav-pills a.active, .dark-mode nav ul.navbar-nav li a + .dropdown-menu .nav.nav-pills a:hover, .dark-mode .products-error-page-description p a, .dark-mode .fc-title-event-name, .dark-mode .fc-title-event-time, .dark-mode .fc-direction-ltr .fc-daygrid-more-link, .dark-mode nav ul.navbar-nav li a + .dropdown-menu .nav.nav-pills a.view-all-categories, .dark-mode .event_day_location_div a:hover, .dark-mode .buttons-container span a, .dark-mode .fa-map-address-details, .dark-mode .fa-phone.fa-phone-details, .dark-mode nav ul.navbar-nav li a + .dropdown-menu li a:hover, .dark-mode .view-all-div, .dark-mode .error-msg, .dark-mode .points-leader, .dark-mode .leaderboard-star, .dark-mode .fc-direction-ltr .fc-daygrid-event .fc-event-time, .dark-mode .event_details_readmore, .dark-mode .leaderboard-div-main, .dark-mode span.rating-icon a .fa, .dark-mode ul.rewards-nav-list li.active a, .dark-mode .rewards-main .nav-pills li.active i.fas, .dark-mode .modal-footer p a, .dark-mode .modal-body .popins_bold, .dark-mode .modal-body .age-verification-btns button.close.no, .dark-mode .modal-body .popins_bold-2, .dark-mode .category-heading-div h1 a, .dark-mode .category-heading-div h2 a, .dark-mode .suggested-alt-text, .dark-mode .savings-span, .dark-mode .fa-plus-savings, .dark-mode .fa-search-new, .dark-mode a.btn.btn-cancel-div, .dark-mode a:hover.btn.btn-cancel-div, .dark-mode .remarks-div, .dark-mode .checked, .dark-mode .price p, .dark-mode .sidebar-menu .sidebar-submenu > li > a, .dark-mode .enter-details-div, .dark-mode form .mandatory, .dark-mode .report-abuse-js, .dark-mode ul.user-menu li.star_color i.fa-star, .dark-mode .active, .dark-mode i.active, .dark-mode .coupon-tile h4, .dark-mode .coupon-tile span.highlight, .dark-mode .curbside-order .close .close-span, .dark-mode .curbside-order-details-sub .fa-calendar, .dark-mode .imhere .modal-header .close span .fa-close, .dark-mode .thankyou .modal-header .close, .dark-mode .thankyou .modal-header .close .close-span, .dark-mode .thankyou .modal-header .close span .fa-close, .dark-mode .thanks-text-div span.thank-text, .dark-mode .editbtn, .dark-mode .product-detail-price-value, .dark-mode .no_strike_text_div, .dark-mode .sku-main, .dark-mode .pagenotfound-heading, .dark-mode .change-item, .dark-mode .change-item p, .dark-mode .empty-text, .dark-mode .change-item-list li a, .dark-mode .question-div, .dark-mode .question-div a, .dark-mode .event-tiles a:hover, .dark-mode .btn-address, .dark-mode .add-new-address h4, .dark-mode .sidenav .closebtn, .dark-mode .storereward-label, .dark-mode a.new-payment-mode, .dark-mode .suggested-address h3, .dark-mode .modal-title.modal-title-shipping, .dark-mode .curbside-order-details-price, .dark-mode .bottle-caps-red, .dark-mode .city-detail-readmore {
  color: #fff;
}
.dark-mode .product-accordion .panel-default > .panel-heading {
  background-color: inherit;
}
.dark-mode {
  /* #smsmodal added: the .modal-header rule above gives every modal a rgba(255,255,255,0.4) bottom
      border in dark mode, which reads as a hard line under the × on this header-only modal (light mode's
      rgba(0,0,0,.1) is barely visible, so it was never noticed there). */
  /* #error-guest deliberately has NO dark override. It is now the same #e6f1fb info card as its
       sibling #error-email, which has never had one either — both stay a light blue card in dark mode
       so the two notes match. The old `color: #fff` here had to go: against the new pale fill it was
       white-on-white. If these cards should be darkened for dark mode, do BOTH together. */
  /* ...but a SELECTED payment radio stays a filled ball with a white tick. The `background:
       transparent` above uses the shorthand, which wipes background-image, so the tick has to be
       re-declared here rather than inherited from main.css. */
  /* selected tile tint — lighter blue so it reads on the dark card */
  /* date/time picker icons sit INSIDE the (dark) field, so they must be light — they are only used
       in the checkout date/time pickers (checkout-new.php + guest-checkout.php), nowhere else. */
  /* The bare rule above is only (0,2,0) with the .dark-mode prefix, and main.scss scopes these icons
       as `.ngc-container .date-picker .icon-calendar` / `.time-picker .icon-clock` at (0,3,0) with
       color:#1a1a1a - so the light rule won and the icons stayed black inside their dark fields.
       Matching the scoped selectors lifts this to (0,4,0). */
  /* Section headings rendered as <label> (e.g. "Special Instructions") aren't covered by the
       h1-h6 rule at the top, so .gc-checkout-main's own color:#000 was showing through. */
  /* wallet "or" divider: lighter rule + label on the dark payment section */
  /* wallet caption ("Tap to pay $12.04 with Google Pay") — #6b6b6b is unreadable on the dark card */
  /* ---- contrast fixes found by measuring the real palette (WCAG 1.4.3 / 1.4.11) -------------
       1. .gc-readiness keeps `background:#fff` in dark mode, while `.dark-mode p {color:white}`
          (0,1,1) outranks `.gc-readiness-hint` (0,1,0) and `.dark-mode h3` outranks
          .gc-readiness-title - so BOTH rendered white-on-white and were completely invisible.
          The panel goes dark and the text colours are restored above the broad dark-mode rules.
          :not(.gc-readiness-side) because the side variant is deliberately transparent.
       2. .ngc-pay-sub kept its light-mode #6b6b6b, measuring 2.84:1 on the dark card. */
  /* #185fa5 on #262626 is 2.32:1 - the selected-tile ring needs to be lighter in dark mode */
  /* the light-mode focus ring (#185fa5) is only 2.32:1 against the dark field - lighten it */
  /* secure-checkout trust line: #6b6b6b is unreadable on the dark page */
  /* Delivery Address dropdown (and the other checkout selects): the generic `select` rule above
       already whitens the CLOSED field, but the popup <option> list keeps the browser default black,
       which is unreadable against the #262626 select background. Style the options themselves. */
  /* keep the "Select Address" placeholder visibly dimmer, but still readable */
  /* ...and the CLOSED field itself: the redesigned checkout selects hardcode color:#1a1a1a in
       main.scss at (0,4,1) specificity, which outranks the generic `select {color:#fff}` above, so the
       selected text stayed near-black. These overrides match those selectors one level deeper. */
  /* ---------- redesigned form fields that hardcode a white fill -------------------------------
       These .ngc-container rules set `background:#fff; color:#1a1a1a` at (0,2,1)-(0,3,1), which
       outranks the generic `.dark-mode textarea/select/input {background-color:#262626}` above — so
       they stayed white-on-white in dark mode. Affects the subscription gift message, and the
       Special Instructions / billing / contact fields on the other redesigned checkouts. */
  /* label sits ON the dark .ngc-reveal panel (#5a5656) — light-mode #1a1a1a was 2.4:1 there */
  /* "Your pickup store" / "Your curbside store" sunken panel (guest checkout, both #pickupFulfill
       and #curbsideFulfill use .pickup-store-gc). Light mode gives it a #f5f5f3 fill and a #ccc
       border; neither was themed, so it stayed a pale card on the dark form and the newly added
       border made that more obvious. #1e1e1e reads as recessed against the #262626 card it sits in,
       which is the same relationship the light version has to white. Its heading (#1a1a1a) and body
       copy (#6b6b6b) both have to move too, or the text disappears into the new fill. */
  /* Two grey-on-dark lines around the Stripe block, both #6b6b6b in light mode:
         - .ngc-pay-cue    "Your card is encrypted and processed securely by Stripe."  (guest only)
         - .terms-service-div  "By placing an order, you agree to our Terms / Privacy"
       Light rules are (0,3,0) / (0,3,1), so .dark-mode + the same chain gives (0,4,0) / (0,4,1) and
       wins without !important.
       The links go white too rather than staying #0c447c (near-invisible on the dark card) - they keep
       their underline, so they still read as links without relying on colour.
       .terms-service-div is shared with event + subscription checkout, and this is a plain readability
       fix, so it is deliberately NOT scoped to guest. */
  /* Account menu — Favorites star. styles.php sets `i.beer.icon.fa.fa-star { color: $icon_color
       !important }`, and that !important beat every dark-mode rule no matter how specific, so the
       star kept the brand colour while every sibling icon went light. Matching !important at higher
       specificity (.dark-mode prefix) hands it back to dark mode; light mode is untouched. */
  /* ---------- fulfillment tiles, ALL checkouts ------------------------------------------------
       Guest uses .gc-fulfilment-checkout; events/gift-card/subscription use .wc-fulfilment-checkout
       under .events-epo. Same treatment for both so the two flows match in dark mode. */
  /* selected tile: the light-mode #000 fill disappears into the dark page — invert it so "filled"
       still reads as selected. */
  /* pickup / delivery / shipping address selects + their labels */
  /* background-color (not the shorthand) so the chevron survives; re-point it to a light stroke */
  /* section separator lines */
  /* Cart summary panel (.ngc-cart-total): dark card so the light-mode white text stays readable */
  /* fulfillment tiles: dark non-active tile, keep the colour emoji (no invert); active stays the dynamic brand fill */
  /* "For you" band on the product detail page: light mode paints it #eff0f0 to sit slightly apart
       from the white page, and nothing overrode that in dark mode — so a near-white band survived on a
       #000 page, and the white h2 on top measured 1.14:1. #141414 keeps the same "slightly lifted from
       the page" relationship (light mode is ~6% off white; this is ~8% off black) while staying clear of
       the #262626 product cards, which would otherwise blend into the band.
       Scoped to the same two PDP wrappers as the light rule on purpose — the cart / thank-you / home
       placements of this section have no background of their own and must stay transparent. */
  /* ---------- modal close (×), ALL modals ------------------------------------------------------
       Bootstrap ships `.close {color:#000; opacity:.2}` and nothing overrode it, so on the #262626
       dark modal every × composited to ~#1e1e1e — invisible. Fixed once here rather than per modal.
       Why `color: #c9c9c9; opacity: 1` and not `#fff` at a low alpha: a few modals (.thankyou,
       .imhere, .curbside-order) already set opacity:1 themselves, and dimming them to .75 would have
       changed × weight on modals that were never broken. Setting the ink directly leaves their opacity
       untouched, and #c9c9c9 matches what light mode composites to (#000 @ .2 on white = ~#ccc).
       Those three also set their own colour at (0,4,0), so they keep it — this only fills the gap.
       .close-icon (the two-bar × used by 38 other popups) is already handled further up. */
  /* Cart sign-in modal heading: the light rule sets color #1a1a1a at (0,2,0), which outranks the
       global `.dark-mode h2 {color:white}` at (0,1,1) — so the heading stayed near-black on the #262626
       modal (~1.1:1). The labels and password-requirement icons in this modal already resolve to
       dark-mode colours, so only the heading needs overriding. */
  /* ---------- Tip tiles (regular + guest checkout summaries) ----------------------------------
       Light mode gives every tile a #fff fill and marks the selected one with `border: 2px solid
       #1a1a1a` — crisp against the white panel (21:1). In dark mode the panel is #262626, so that
       same border sits dark-on-dark at ~1.1:1 and the selection reads as "no border at all".
       Fixed by theming the tiles the way the fulfillment tiles already are: dark unselected, and
       selected = inverted light fill, which cannot disappear against either background.
       .dark-mode + 4 classes = (0,5,0), so it wins over the light rules without !important. */
  /* "No tip" gets the same dark treatment as a percentage tile: neutral when unselected, inverted
       light fill when selected. Without this it kept the light-mode white/#fdecec fill and rendered as
       a pale pill on the dark card. Deliberately NOT the light-mode red — dark mode signals selection
       by inverting the fill (approved earlier for these tiles), and one language per theme is clearer
       than mixing a red tint into it. */
  /* tip section close-off: #1a1a1a in light mode — invisible on the dark card */
  /* custom-amount field + its applied border, same panel treatment */
  /* ---------- Order confirmation pages (.ngc-tq) ---------------------------------------------
       The light-mode design drives almost everything from custom properties scoped to .ngc-tq, so
       dark mode is mostly a token re-definition: re-point the ink/line/accent values and every
       heading, table cell, divider, link and pill follows automatically. Only the literal #fff
       card surfaces need explicit overrides below. */
  /* card surfaces: raised above the black page rather than pure white */
  /* the order chip: dark fill so the number (forced #fff by the heading rule above) is visible */
  /* Continue shopping button */
  /* the success heading + guest order-no heading (their light-mode rules are more specific) */
  /* dashed rule under the email note */
  /* toast: lift off pure black so it reads as a surface */
  /* ---------- "Create An Account" card (.ngc-ca) --------------------------------------------- */
  /* darken the band so the card reads as a raised surface, like the confirmation cards above */
  /* ---------- password requirement lists, EVERY signup surface -------------------------------
       The light-mode palette (#6b6b6b text, #3b6d11 tick, #c0392b cross) all fall below 4.5:1 on the
       dark page. Covers: cart login modal, the /login page, the sign-up slide-out panels, and the
       guest order-confirmation card. */
  /* REMOVED: a second `.icon-calendar, .icon-clock {color: #000}` sat here. Same specificity as
       the intended white rule further up, but later in the file, so it won every time and the
       date/time picker icons rendered black inside their dark fields. The white rule (and the
       reason for it) lives with the other checkout picker styles above - do not re-add one here. */
}
.dark-mode textarea, .dark-mode select, .dark-mode input {
  color: #fff;
  font-size: 13px;
}
.dark-mode .page-margin-checkout {
  background-color: inherit;
}
.dark-mode .form-control.form-control-custom, .dark-mode .modal-body, .dark-mode .modal-header {
  background-color: transparent;
}
.dark-mode .giftnotes-div {
  color: #fff;
}
.dark-mode .product_img img {
  border-radius: 10px;
}
.dark-mode .alert, .dark-mode .second_content_product.second_content .productname-div, .dark-mode #nav-icon4 span, .dark-mode .m-header i.icon, .dark-mode .product_size .product_size_sub_div, .dark-mode .panel-group.panel-group-mobile-menu .panel a, .dark-mode .caret, .dark-mode .price_new, .dark-mode .product-accordion .panel-heading .panel-title span.list-type-span, .dark-mode a.footer-change-store-div, .dark-mode .storelocation .address-captions a, .dark-mode .storelocation .f-image i.icon, .dark-mode ul.footer-lists-div li a, .dark-mode ul.footer-lists-div li a h6, .dark-mode .navbar-nav li ul.user-menu li a, .dark-mode .btn-summary-div.dropdown-toggle, .dark-mode .breadcrumb li a, .dark-mode .update-btn, .dark-mode .myorder-table-sub.col-xs-4, .dark-mode .myorder-table-sub .Product_name, .dark-mode .order_reorder span {
  color: #e0c0c0 !important;
}
.dark-mode i.icon-add-to-my-cart, .dark-mode i.icon.icon-remove-cart.active, .dark-mode a.view-all-div, .dark-mode a:hover.view-all-div, .dark-mode a:focus.view-all-div, .dark-mode .second_content_product.second_content .productname-div, .dark-mode .product_size_sub_div, .dark-mode .price_new, .dark-mode .btn-read-review, .dark-mode .tooltip-changestore, .dark-mode nav ul.navbar-nav li a, .dark-mode .header_icon i.icon, .dark-mode ul.footer-lists-div li a, .dark-mode a.footer-change-store-div, .dark-mode .storelocation .address-captions a, .dark-mode .storelocation .address-captions a:hover, .dark-mode .storelocation .address-captions a:focus, .dark-mode .btn-social-icon span.fa, .dark-mode .storelocation .f-image i.icon, .dark-mode .storelocation .f-image i.fa, .dark-mode .categoryname-div, .dark-mode .product-accordion .panel-heading .panel-title span.list-type-span, .dark-mode .btn-advanced-filter-div a, .dark-mode .text-dp, .dark-mode .navbar-nav li ul.user-menu li a, .dark-mode .back-to-cart-btn, .dark-mode .left-panel-title a, .dark-mode .breadcrumb li a, .dark-mode .dark-mode nav ul.navbar-nav li a + .dropdown-menu li a:hover nav ul.navbar-nav li a + .dropdown-menu li a, .dark-mode nav ul.navbar-nav li a + .dropdown-menu li a.view-all-categories, .dark-mode .store-details-contact a, .dark-mode .panel-group.panel-group-mobile-menu .panel a, .dark-mode a.storename-sub-link, .dark-mode a:hover.storename-sub-link, .dark-mode .contactno-div a, .dark-mode .contactno-div a:hover, .dark-mode .contactno-div::before, .dark-mode .storename-sub-div::before, .dark-mode .view-all-suggested, .dark-mode .checkout-heading-div, .dark-mode .update-btn, .dark-mode .checkout-heading-alt-div h1, .dark-mode .backtocart-heading-div-mobile a, .dark-mode .btn-summary-div.dropdown-toggle, .dark-mode .common-link, .dark-mode .write-a-review-large a, .dark-mode button.bg_black, .dark-mode .forgot-div-right a, .dark-mode .event_day_location_div a, .dark-mode .party-options-label, .dark-mode .pt-5 p a {
  color: #e0c0c0;
}
.dark-mode table tr td .img_div {
  background-color: #fff;
  padding: 2px;
  border-radius: 4px;
}
.dark-mode .myorder-details .product-image {
  background-color: #fff;
  border-radius: 4px;
}
.dark-mode .cart-items-transfer-img-main {
  background-color: #fff;
  border-radius: 10px;
}
.dark-mode .shop_categories_div, .dark-mode .btn-advanced-filter-div a, .dark-mode .dropdown-menu {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode textarea, .dark-mode select, .dark-mode input, .dark-mode .header-top-div, .dark-mode .dropdown-menu, .dark-mode .tot-reviews, .dark-mode .beefup__body, .dark-mode .beefup__head, .dark-mode .instruction-main, .dark-mode .checkout-bg-div, .dark-mode .checkout-total, .dark-mode .age-inputs.age-input-footer input {
  background-color: #262626;
}
.dark-mode header {
  border-color: #555 !important;
}
.dark-mode #gatewaylink iframe {
  background-color: #fcfcfc !important;
}
.dark-mode header, .dark-mode footer, .dark-mode .contact-section-details-bg, .dark-mode .modelageverification.modal .modal-header, .dark-mode .modal-content {
  background-color: #262626;
}
.dark-mode .download_app {
  color: #aa2222 !important;
}
.dark-mode .bgr_img-right {
  background-color: #e0c0c0 !important;
  border-color: #585757 !important;
}
.dark-mode .Main_bottlesection_product, .dark-mode .product-accordion .panel, .dark-mode .testimonials_div, .dark-mode .dropdown-product-section-sub .product-image-div, .dark-mode .switchtoggle-instock, .dark-mode .btn-advanced-filter-div a, .dark-mode .checkout-existing-sub-div {
  background-color: #262626;
}
.dark-mode .dropdown-product-section-sub .product-image-div, .dark-mode .result-sec, .dark-mode .search-results-sub-div {
  border-color: #828282;
}
.dark-mode .searchbar-new-div input, .dark-mode .stores-search-input input.form-control.form-control-store, .dark-mode .profile-edit-section .form-control {
  background-color: #000;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
}
.dark-mode .form-control[disabled], .dark-mode .form-control[readonly], .dark-mode fieldset[disabled] .form-control {
  background-color: #6b6969;
}
.dark-mode .subscribe-email-address-sub, .dark-mode .page-padding-bg, .dark-mode .bg-fp, .dark-mode .bgr_img_new_main, .dark-mode .favorites-main-div, .dark-mode .rewards-nav-data .panel-group .panel {
  background-color: #000;
}
.dark-mode .strike_text, .dark-mode .customer_post_time, .dark-mode .customer_testimonial_content_div, .dark-mode strong.customer_testimonial_heading_div, .dark-mode .fa.fa-search-new, .dark-mode .active, .dark-mode i.icon.icon-remove-cart.active, .dark-mode i.active, .dark-mode .testimonials_rating_div i.fa-star, .dark-mode .testimonials_rating_div i.fa-star-o, .dark-mode .main-heading-alt-left h1, .dark-mode .instock-text, .dark-mode .btn-advanced-filter-div a, .dark-mode .recipe-img-sub .thumbnail .caption, .dark-mode .input-area input:is(:valid), .dark-mode button.submit, .dark-mode .location-detail-div, .dark-mode .subscribe-email-address-sub input, .dark-mode .no-product-stores {
  color: #fff;
}
.dark-mode .testimonials_div, .dark-mode .btn-social-icon, .dark-mode .subscribe-email-address-input, .dark-mode .Main_bottlesection_product, .dark-mode .switchtoggle-instock, .dark-mode textarea, .dark-mode select, .dark-mode input, .dark-mode .paymentmethod-sub-div input.input-paymentmethod, .dark-mode .age-inputs.age-input-footer input {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode #heart {
  stroke: #fff;
  fill: #CCC;
}
.dark-mode .product_img_sub_div {
  background-color: #fff;
  border-radius: 10px;
}
.dark-mode footer {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .footer-bottom-list {
  border-top: 1px solid rgba(255, 255, 255, 0.4) !important;
}
.dark-mode .checkout-existing-div .checkout-existing-sub-div + .checkout-existing-sub-div {
  border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode input::placeholder {
  color: #fff;
}
.dark-mode input::-webkit-input-placeholder {
  color: #fff;
}
.dark-mode input:-moz-placeholder {
  color: #fff;
}
.dark-mode input::-moz-placeholder {
  color: #fff;
}
.dark-mode input:-ms-input-placeholder {
  color: #fff;
}
.dark-mode input::-ms-input-placeholder {
  color: #fff;
}
.dark-mode .panel-default {
  border-color: rgba(255, 255, 255, 0.4);
}
.dark-mode .btn-tabs.common-btn {
  background-color: #000;
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: #fff;
}
.dark-mode .download_app_main_right {
  background-color: #000;
}
.dark-mode .related-products {
  background-color: transparent;
}
.dark-mode .size_dropdown_sub_btn, .dark-mode .signup-benefits-list li, .dark-mode .location-specification-div a, .dark-mode .summary, .dark-mode table.tfoot-order-summary-sub table.order-summary-expand tr td, .dark-mode .age-inputs.age-input-footer input {
  color: #fff;
}
.dark-mode .tot-reviews {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .no_strike_text_div {
  color: #fff;
}
.dark-mode .download_app {
  color: #3a3a3a;
}
.dark-mode .no-border.myorder-details {
  border: 0;
}
.dark-mode .reviews, .dark-mode span.border, .dark-mode .login-heading span.border, .dark-mode .delivery-head-section, .dark-mode .table-condensed.myorder-table > tbody > tr > td, .dark-mode .myorder-details {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .panel-group .panel-heading + .panel-collapse > .list-group, .dark-mode .panel-group .panel-heading + .panel-collapse > .panel-body, .dark-mode .product-details-accordian .panel-group .panel {
  border-color: transparent;
}
.dark-mode .beefup.is-open > .beefup__head::after, .dark-mode .beefup__head::after {
  z-index: 9;
}
.dark-mode .beefup__body, .dark-mode .beefup__head {
  padding: 5px;
  margin: 0 0 5px 0;
}
.dark-mode .beefup__head > button {
  border: none;
}
.dark-mode .product-accordion .panel-heading .panel-title span.list-type-span::after {
  border: solid #fff;
  border-width: 0 3px 3px 0;
}
.dark-mode .categoryicons, .dark-mode .caption-main, .dark-mode .contact-section {
  background-color: #000;
}
.dark-mode .aboutus-left-div-img {
  background-color: #b9b9b9;
}
.dark-mode label.email, .dark-mode label.password, .dark-mode .contact-section label, .dark-mode .checkbox label, .dark-mode .dropdown-menu .text-uppercase, .dark-mode .point-leader-heading, .dark-mode .leaderboard-display-points, .dark-mode .leaderboard-month-name, .dark-mode .event_day_location_div .fa.fa-map-marker, .dark-mode .upcoming_events_calender_sub_div, .dark-mode .upcoming_events_calender_div .fa.fa-calendar {
  color: #fff;
}
.dark-mode .capcha-wrapper {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .table.cart-table > thead > tr > th {
  border-bottom: 2px solid rgba(255, 255, 255, 0.4);
}
.dark-mode table tr th {
  border-right: 2px solid #000;
}
.dark-mode .recipe-main-banner-top, .dark-mode .aboutus-content {
  background-color: #000;
}
.dark-mode .accessibility-iframe, .dark-mode .tandc .aboutus-content, .dark-mode .tandc .container-common {
  background-color: #f5f5f5;
  margin-bottom: 30px;
}
.dark-mode .input-area input:is(:valid), .dark-mode .location-detail-div {
  border: 1px solid rgba(255, 255, 255, 0.4);
  background-color: #000;
}
.dark-mode .table.cart-table > thead > tr > th, .dark-mode .Product_name_sub a, .dark-mode .Product_name_sub a:hover, .dark-mode .dropdown-favorite ul li a, .dark-mode .loyalty-details-table .table tr td, .dark-mode .siteMap a, .dark-mode .breadcrumb > li, .dark-mode .instruction_text ul li {
  color: #fff;
}
.dark-mode .table.cart-table > tbody > tr > td {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .btn-tabs.common-btn:before {
  filter: invert(1);
}
.dark-mode .addons-div {
  background-color: #242424;
}
.dark-mode .modal-dialog.modal-recapcha .modal-body, .dark-mode .challenges-details .panel-body, .dark-mode .panel-group .panel-heading + .panel-collapse > .panel-body, .dark-mode .dark-mode .challenges-details .panel-body {
  background-color: #272727 !important;
}
.dark-mode #nav-icon4 span {
  background-color: #e0c0c0 !important;
}
.dark-mode .btn-tabs.common-btn.btn-tabs-delivery.active:before {
  filter: invert(1);
}
.dark-mode table.checkout-tile-table tr td {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .checkout-tile-table tr.selected-address, .dark-mode .other-recipes-main, .dark-mode .addCart {
  background-color: #000;
}
.dark-mode .address-text-name-autowidth a, .dark-mode .address-text-name-autowidth a:hover, .dark-mode .total-container td.label, .dark-mode .Product_name span a, .dark-mode .Product_name span a:hover, .dark-mode .rewards-credit-price {
  color: #fff;
}
.dark-mode .left-panel-title a {
  background-color: #262626;
}
.dark-mode .bottle-panel-container {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .rewards-nav-data .panel-group .panel, .dark-mode .accordion, .dark-mode .coupon-tile .thumbnail {
  background-color: #2f2e2e;
}
.dark-mode .rewards-nav-data .panel-group .panel-default > .panel-heading {
  border-color: #979696;
}
.dark-mode .challenges-details .panel-heading button::after {
  border-color: #b7b7b7;
}
.dark-mode .border_bottom {
  background-color: #262626;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .more_sizes_list li .more_sizes_list_btn, .dark-mode .address-table-tile {
  background-color: #000;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .address-table-tile {
  background-color: #292828;
}
.dark-mode .rewards-nav-data .panel-group .panel-default > .panel-heading, .dark-mode .current-location-storelocator-link, .dark-mode .panel a, .dark-mode .add-new-address .address-container-section p {
  color: #fff;
}
.dark-mode .panel {
  background-color: #353536;
  color: #fff;
  padding: 0 5px;
}
.dark-mode .custom-nav li, .dark-mode .custom-nav li:hover {
  background: transparent;
  text-decoration: underline;
}
.dark-mode .dropdown-product-section-sub ul li {
  background: transparent;
}
.dark-mode .result-sec, .dark-mode .addcoupon-input-sub {
  background-color: #000;
}
.dark-mode .product-search-title-div, .dark-mode .sz, .dark-mode .brand-price-div .catg {
  color: #fff;
}
.dark-mode .modal-header, .dark-mode .payment-option-select-sub, .dark-mode .payment-option-select-sub-2 {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode ul.left-panel-body li a, .dark-mode .thumbnail a, .dark-mode a.changestore-details-div, .dark-mode a.changestore-details-div:hover, .dark-mode .changestore-small-text {
  color: #fff;
}
.dark-mode .fa.fa-ellipsis-v {
  color: #E0E0E0;
}
.dark-mode .thumbnail .caption-main .caption {
  color: inherit;
}
.dark-mode .modal-content {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .close-icon:before, .dark-mode .close-icon:after {
  background-color: #fff;
}
.dark-mode .btn-tabs.common-btn.btn-tabs-pickup.active:before, .dark-mode .btn-tabs.common-btn.btn-tabs-shipping.active:before {
  filter: invert(1);
}
.dark-mode .page-navigation .pagination > .disabled > span, .dark-mode .pagination > li > a, .dark-mode .pagination > li > span {
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .hide-menu, .dark-mode .panel.more-menu {
  background-color: #000;
}
.dark-mode .more-menu .caret {
  border-top: 12px solid #fff;
}
.dark-mode .more_sizes_dropdown {
  border-color: #fff transparent transparent transparent;
}
.dark-mode .guests-num-div input[type=number], .dark-mode .checkbox-btn-custom .checkmark, .dark-mode .checkbox-btn-custom:hover input ~ .checkmark {
  background: #000;
  border: 1px solid #fff;
  color: #fff;
}
.dark-mode .blogs-sub {
  background-color: #262626;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .party-drinks-main-div {
  border-top: 1px solid rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.dark-mode .party-planner-products .party-planner-heading-main h2 span {
  background-color: transparent;
}
.dark-mode .party-planner-products .Main_bottlesection_product {
  box-shadow: none;
}
.dark-mode .blogs-sub a, .dark-mode .blogs-sub a:hover, .dark-mode .blogs-sub a:focus, .dark-mode .post-meta, .dark-mode .read-more-blog, .dark-mode .curbside-order .modal-header .modal-title, .dark-mode .curbside-order-details-number span, .dark-mode .curbside-order-details-sub {
  color: #fff;
}
.dark-mode .navbar .dropdown-menu {
  border-top: 4px solid #fff;
}
.dark-mode nav ul.navbar-nav li a[aria-expanded="true"]::after {
  border-bottom: 8px solid #fff;
}
.dark-mode .star-rating i, .dark-mode .star-rating span, .dark-mode a.review-caption, .dark-mode .write-a-review a, .dark-mode .testimonials_rating_div i.fa-star {
  color: #dba622;
}
.dark-mode .bottle {
  background: rgba(197, 195, 195, 0.17);
}
.dark-mode .bottle::before {
  background: rgba(197, 195, 195, 0.17);
}
.dark-mode .bottle::after {
  background: rgba(197, 195, 195, 0.17);
}
.dark-mode .neck {
  background: rgba(197, 195, 195, 0.17);
}
.dark-mode .neck::before {
  background: rgba(197, 195, 195, 0.17);
}
.dark-mode .cap {
  background: rgba(197, 195, 195, 0.17);
}
.dark-mode .sidenav {
  background-color: #000;
}
.dark-mode .modal-dialog.modal-dialog-instockstores .modal-header {
  background: transparent;
}
.dark-mode .account-details-modal .modal-header, .dark-mode .modal-cart-login .modal-header, .dark-mode #smsmodal .modal-header {
  border-bottom: none;
}
.dark-mode .forgot-password-container .forgot button.novalue, .dark-mode .uncork-div {
  background: #AA2222;
}
.dark-mode .btn-tabs.common-btn.btn-tabs-pickup::before {
  background-image: url(https://images.liquorapps.com/wst/cmn/assets/images/pickup_ups.png);
}
.dark-mode .btn-tabs.common-btn.btn-tabs-shipping::before {
  background-image: url(https://images.liquorapps.com/wst/cmn/assets/images/shipping_ups.png);
}
.dark-mode .btn-tabs.common-btn.btn-tabs-delivery::before {
  background-image: url(https://images.liquorapps.com/wst/cmn/assets/images/delivery_ups.png);
}
.dark-mode .btn-tabs.common-btn.btn-tabs-curbside::before {
  background-image: url(https://images.liquorapps.com/wst/cmn/assets/images/curbside_grey.png);
}
.dark-mode .dark-mode .btn-tabs.common-btn::before:hover {
  filter: invert(1);
}
.dark-mode .account-details-modal .form-group-addprofile input.form-control {
  background-color: transparent;
}
.dark-mode .valid_id_msg {
  color: #fff;
}
.dark-mode .dealdiscountprice {
  color: #fff;
}
.dark-mode .modal-cart-login .forgot-custom {
  color: #e0c0c0;
}
.dark-mode .deals_cards .card {
  background-color: #262626;
}
.dark-mode .deals_cards .card__title {
  color: #fff;
}
.dark-mode span.same_store_hours, .dark-mode .footer-heading h4, .dark-mode .details-new-heading, .dark-mode .product-detail-pro-value, .dark-mode .fc-daygrid-day-number, .dark-mode .wc-rememberme span.remember {
  color: #fff;
}
.dark-mode .wine-club-pdp .product_name_div, .dark-mode .wine-club-pdp label, .dark-mode h4.wc-price, .dark-mode .gift-available, .dark-mode .wc-description, .dark-mode .wc-edit-sub-title .wc-edit-h3-title, .dark-mode .wc-edit-sub-title .wc-edit-span-title, .dark-mode .accountdetails-heading, .dark-mode .status-wc-order span.wc-text-active, .dark-mode .status-wc-order span.wc-text-cancel {
  color: #fff;
}
.dark-mode .cart__footer, .dark-mode .wc-edit-sub .cart__header, .dark-mode .wc-edit-sub.cart {
  background: #262626;
}
.dark-mode .join-club-content div div div {
  background: transparent !important;
}
.dark-mode .deals_cards .card__title, .dark-mode .events-epo .wc-checkout-main, .dark-mode .entry-tickets-div {
  color: #fff;
}
.dark-mode span.same_store_hours, .dark-mode .footer-heading h4, .dark-mode .details-new-heading, .dark-mode .product-detail-pro-value, .dark-mode .fc-daygrid-day-number {
  color: #fff;
}
.dark-mode .table-kegs-labodega tr td {
  background-color: #000;
}
.dark-mode .gc-fulfillment-div-total h2, .dark-mode .gc-isgift-div-total h2, .dark-mode .success-failed-order-section .gc-success-order h2, .dark-mode .order-details-section.gc-order-no h2.order-number-div, .dark-mode .gc-create-account-div .gc-crt-acnt-heading {
  color: #fff;
}
.dark-mode .gc-bg-tq {
  background-color: #535353;
}
.dark-mode .wc-edit-sub.cart, .dark-mode .wc-edit-sub .cart__header, .dark-mode .sms-marketing.sms-payment-div {
  background: #262626;
}
.dark-mode .wc-rememberme span.remember, .dark-mode .sms-modal .sms-heading-modal, .dark-mode .sms-modal .sms-main-sub-heading p, .dark-mode .sms-phone-num label, .dark-mode .sms-footer-main .sms-main-heading, .dark-mode .sms-footer-main .sms-main-sub-heading p, .dark-mode .sms-footer-main .sms-main-sub-para p {
  color: #fff;
}
.dark-mode .sms-optin-div-mobile.header_icon.username a span, .dark-mode .sms-markeing-div-desktop a span {
  color: #e0c0c0;
}
.dark-mode .create-acnt-gc .gc-btn-account {
  background-color: #a22;
}
.dark-mode .sms-markeing-div-desktop a svg path, .dark-mode .sms-optin-div-mobile a svg path {
  fill: #e0c0c0;
}
.dark-mode .subcategory-text {
  background-color: #000;
}
.dark-mode .missing-something-div {
  background-color: transparent;
}
.dark-mode .missing-something-div .addons-div {
  background-color: transparent;
}
.dark-mode .product-card-body .description p {
  color: inherit;
}
.dark-mode .gift-card-details .product_img_sub_div {
  background-color: #000;
}
.dark-mode .gift-card-details, .dark-mode .gift-sub-details, .dark-mode .events-epo .wc-contact-info-div .accountdetails-heading, .dark-mode .applied-text-div span, .dark-mode .gift-card-container .form-group label, .dark-mode .coupon-section a.terms-cond {
  color: #fff;
}
.dark-mode .gift-card-container {
  background: #000;
  border: 1px solid #ddd;
  box-shadow: 0 4px 8px rgba(255, 255, 255, 0.5);
}
.dark-mode .shop-eligible-text {
  color: #e0c0c0;
}
.dark-mode .rvw-cnt span {
  color: #A22;
}
.dark-mode .header_icon.username a svg g, .dark-mode .header_icon.cart-header-svg-icon a.cart-block-sub svg g {
  fill: #e0c0c0;
}
.dark-mode .ngc-container .gc-fulfilment-checkout .fullfilment-div .ngc-tile, .dark-mode .ngc-container .sms-opt-checkbox .checkbox label, .dark-mode .ngc-container .sms-opt-checkbox .checkbox .ngc-check-help, .dark-mode .ngc-container .gc-payment-methods .ngc-pay-title, .dark-mode .ngc-container .total-container tr.total-main:not(.giftcardb):not(.extra-amount) .total, .dark-mode .ngc-container .ngc-coupon .addcoupon-input-sub, .dark-mode .ngc-container .ngc-reveal-warning, .dark-mode .ngc-container .ngc-coupon-toggle, .dark-mode .ngc-container .ngc-giftcard .checkout_giftcard_number {
  color: #fff;
}
.dark-mode .ngc-container .ngc-reveal {
  background: #5a5656;
}
.dark-mode .pm-tiles .pm-tile-title, .dark-mode .pm-tiles .pm-cvv-label, .dark-mode .pm-radio-tile .pm-tile-title, .dark-mode .pm-check-tile .pm-tile-title {
  color: #fff;
}
.dark-mode .pm-tiles .pm-tile-sub, .dark-mode .pm-tiles .pm-tile-ico, .dark-mode .pm-tiles .pm-cvv-hint, .dark-mode .pm-radio-tile .pm-tile-sub, .dark-mode .pm-check-tile .pm-tile-sub, .dark-mode .pm-check-tile .pm-tile-ico {
  color: #cfcfcf;
}
.dark-mode .pm-tiles .pm-tile input.form-check-input, .dark-mode .pm-tiles .pm-cvv-input input#cvv, .dark-mode .pm-tiles .saved-card-div select.form-control, .dark-mode .store-pay .pm-radio-tile input.input-store-pay, .dark-mode .pm-check-tile input.input-store-pay {
  background: transparent;
  color: #fff;
}
.dark-mode .pm-tiles .pm-tile input.form-check-input:checked, .dark-mode .store-pay .pm-radio-tile input.input-store-pay:checked, .dark-mode .pm-check-tile input.input-store-pay:checked, .dark-mode .ngc-container .gc-payment-methods .all_payment_methods-div .radio-inline input[type="radio"]:checked {
  border-color: #185fa5;
  background: #185fa5 url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.4 3.4L11 1.6' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center;
  background-size: 10px 8px;
}
.dark-mode .ngc-container .gc-payment-methods .all_payment_methods-div .radio-inline:has(input:checked), .dark-mode .pm-tiles .pm-tile:has(.form-check-input:checked), .dark-mode .all_payment_methods-div .store-pay label.pm-radio-tile:has(input:checked), .dark-mode .placeorder-payment label.store-pay.pm-check-tile:has(input:checked) {
  background-color: rgba(116, 182, 245, 0.14);
}
.dark-mode .icon-calendar, .dark-mode .icon-clock {
  color: #fff;
}
.dark-mode .ngc-container .date-picker .icon-calendar, .dark-mode .ngc-container .time-picker .icon-clock {
  color: #f2f0ee;
}
.dark-mode label.gc-checkout-main {
  color: #fff;
}
.dark-mode .fp-wallet-buttons .fp-wallet-cap {
  color: #b9b4ad;
}
.dark-mode .gc-readiness:not(.gc-readiness-side) {
  background: #1e1e1e;
  border-color: rgba(255, 255, 255, 0.15);
}
.dark-mode .gc-readiness .gc-readiness-title {
  color: #f2f0ee;
}
.dark-mode .gc-readiness .gc-readiness-list li {
  color: #b9b4ad;
}
.dark-mode .gc-readiness .gc-readiness-list li::before {
  color: #81c784;
}
.dark-mode .gc-readiness .gc-readiness-list li.gc-todo {
  color: #e8b98d;
}
.dark-mode .gc-readiness .gc-readiness-list li.gc-todo::before {
  border-color: #e8b98d;
}
.dark-mode .gc-readiness .gc-readiness-hint {
  color: #e8b98d;
}
.dark-mode .ngc-container .gc-payment-methods .ngc-pay-sub {
  color: #b9b4ad;
}
.dark-mode .ngc-container .gc-payment-methods .all_payment_methods-div .radio-inline:has(input:checked) {
  border-color: #5aa9f0;
}
.dark-mode .ngc-container .gc-form-control:focus-visible, .dark-mode .gc-contact-info-div .ngc-input:focus-visible, .dark-mode .ngc-container .ngc-input:focus-visible, .dark-mode .ngc-container .spl-instruction-div textarea:focus-visible, .dark-mode .ngc-container textarea.gc-spl-inst:focus-visible, .dark-mode .ngc-container .delivery-add-address .input-address:focus-visible, .dark-mode .ngc-container .date-picker select.form-control.classic:focus-visible, .dark-mode .ngc-container .time-picker select.form-control.classic:focus-visible, .dark-mode .ngc-ca .ngc-ca-field .form-control:focus-visible {
  outline-color: #5aa9f0;
}
.dark-mode .ngc-container .wc-isgift-checkout .ngc-seg-input:focus-visible ~ .ngc-segment {
  outline-color: #5aa9f0;
}
.dark-mode .ngc-container .ngc-coupon-checkbox:focus-visible ~ .ngc-coupon-toggle {
  outline-color: #5aa9f0;
}
.dark-mode .verification-id-input-file:has(input[type="file"]:focus-visible) {
  outline-color: #5aa9f0;
}
.dark-mode .gc-secure-note {
  color: #b9b4ad;
}
.dark-mode .fp-wallet-buttons .fp-wallet-or {
  color: #bdbdbd;
}
.dark-mode .fp-wallet-buttons .fp-wallet-or::before, .dark-mode .fp-wallet-buttons .fp-wallet-or::after {
  background: rgba(255, 255, 255, 0.2);
}
.dark-mode select.billing-address option, .dark-mode .ngc-container select.form-control.classic option, .dark-mode .ngc-container select.form-control option {
  color: #fff;
  background-color: #262626;
}
.dark-mode select.billing-address option:disabled, .dark-mode .ngc-container select.form-control.classic option:disabled, .dark-mode .ngc-container select.form-control option:disabled {
  color: #bdbdbd;
}
.dark-mode .ngc-container select.form-control.classic.billing-address, .dark-mode .ngc-container .date-picker select.form-control.classic, .dark-mode .ngc-container .time-picker select.form-control.classic, .dark-mode .ngc-container select.form-control.classic#shipping-service {
  color: #fff;
}
.dark-mode .ngc-container .spl-instruction-div textarea, .dark-mode .ngc-container textarea.gc-spl-inst, .dark-mode .ngc-container .gc-form-control, .dark-mode .ngc-container .delivery-add-address .input-address {
  /* 0.22 alpha measured 2.05:1 against the #262626 field - under the 3:1 that SC 1.4.11 wants
       for a control boundary. 0.40 measures 3.67:1. */
  background: #262626;
  background-color: #262626;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.4);
}
.dark-mode .gc-contact-info-div .ngc-input {
  background: #262626;
  background-color: #262626;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.4);
}
.dark-mode .ngc-container .spl-instruction-div textarea::placeholder, .dark-mode .ngc-container textarea.gc-spl-inst::placeholder, .dark-mode .ngc-container .gc-form-control::placeholder, .dark-mode .ngc-container .delivery-add-address .input-address::placeholder, .dark-mode .gc-contact-info-div .ngc-input::placeholder {
  color: #928d86;
}
.dark-mode .ngc-container .ngc-reveal-label {
  color: #f2f0ee;
}
.dark-mode .ngc-container .pickup-store-gc {
  background: #1e1e1e;
  border-color: rgba(255, 255, 255, 0.15);
}
.dark-mode .ngc-container .pickup-store-gc h4 {
  color: #f2f0ee;
}
.dark-mode .ngc-container .pickup-store-gc p {
  color: #b9b4ad;
}
.dark-mode .ngc-container .gc-payment-methods .ngc-pay-cue, .dark-mode .ngc-container .terms-service-div p {
  color: #fff;
}
.dark-mode .ngc-container .terms-service-div a {
  color: #fff;
  text-decoration: underline;
}
.dark-mode i.beer.icon.fa.fa-star {
  color: #e0c0c0 !important;
}
.dark-mode .ngc-container .gc-fulfilment-checkout .fullfilment-div .ngc-tile, .dark-mode .events-epo .wc-fulfilment-checkout .fullfilment-div .ngc-tile {
  color: #f2f0ee;
  /* 0.28 measured 2.51:1 on the dark card; 0.40 gives 3.67:1 (SC 1.4.11) */
  border-color: rgba(255, 255, 255, 0.4);
}
.dark-mode .ngc-container .gc-fulfilment-checkout .fullfilment-div .ngc-tile:has(input:checked), .dark-mode .events-epo .wc-fulfilment-checkout .fullfilment-div .ngc-tile:has(input:checked) {
  background: #f2f0ee;
  border-color: #f2f0ee;
  color: #141414;
}
.dark-mode .events-epo .fulfill_content select.form-control.dropdown-input-wc {
  background-color: #262626;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23b9b4ad' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  color: #fff;
  border-color: rgba(255, 255, 255, 0.22);
}
.dark-mode .events-epo .fulfill_content .pickup-label-fulfill, .dark-mode .events-epo .fulfill_content .delivery-label-fulfill, .dark-mode .events-epo .fulfill_content .shipping-label-fulfill {
  color: #e8e5e1;
}
.dark-mode .events-epo .wc-fulfillment-div-total, .dark-mode .events-epo .events-comm-pref, .dark-mode .events-epo .wc-payment-methods, .dark-mode .events-epo .gc-isgift-div-total, .dark-mode .events-epo .wc-isgift-div-total {
  border-top-color: rgba(255, 255, 255, 0.15);
}
.dark-mode .ngc-cart-total {
  background: #262626;
  border-color: rgba(255, 255, 255, 0.15);
}
.dark-mode .ngc-cart-total .store-address {
  border-bottom-color: rgba(255, 255, 255, 0.15);
}
.dark-mode .ngc-cart-total .store-address .locname-sub-div {
  color: #bdbdbd;
}
.dark-mode .ngc-cart-total .ngc-fulfill-label, .dark-mode .ngc-cart-total .fullfill-opt, .dark-mode .ngc-cart-total .ngc-summary-note, .dark-mode .ngc-cart-total .ngc-signin-hint {
  color: #bdbdbd;
}
.dark-mode .ngc-cart-total .total-container td {
  color: #fff;
}
.dark-mode .ngc-cart-total .btn-tabs.common-btn:not(.active) {
  background: #1a1a1a;
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
}
.dark-mode .ngc-cart-total .btn-tabs.common-btn:before {
  filter: none;
}
.dark-mode .landingpage-padding-bg .newarrivals-main-div, .dark-mode .newarrivals-main-div {
  background-color: #000;
}
.dark-mode .product-details-mobile .for-you-section, .dark-mode .product-details-desktop .for-you-section {
  background-color: #141414;
}
.dark-mode .modal-header .close {
  color: #c9c9c9;
  opacity: 1;
}
.dark-mode .modal-header .close:hover, .dark-mode .modal-header .close:focus {
  color: #fff;
  opacity: 1;
}
.dark-mode .modal-cart-login .ngc-login-title {
  color: #fff;
}
.dark-mode .tipdown .tip-percent-btn.tip-btn-js {
  background: #1a1a1a;
  border-color: rgba(255, 255, 255, 0.28);
  color: #f2f0ee;
}
.dark-mode .tipdown .tip-percent-btn.tip-btn-js .tip-amt {
  color: #b9b4ad;
}
.dark-mode .tipdown .tip-percent-btn.tip-btn-js.active {
  background: #f2f0ee;
  border-color: #f2f0ee;
  color: #141414;
}
.dark-mode .tipdown .tip-percent-btn.tip-btn-js.active .tip-amt {
  color: #141414;
}
.dark-mode td.tipdown {
  border-bottom-color: #f2f0ee;
}
.dark-mode .tipdown .tip-subhead-title {
  color: #f2f0ee;
}
.dark-mode .tipdown .tip-subhead-note {
  color: #b9b4ad;
}
.dark-mode .tipdown .tip-btn.tip-notip-btn {
  background: #1a1a1a;
  border-color: rgba(255, 255, 255, 0.28);
  color: #f2f0ee;
}
.dark-mode .tipdown .tip-btn.tip-notip-btn.active {
  background: #f2f0ee;
  border-color: #f2f0ee;
  color: #141414;
}
.dark-mode .tipdown .tip-custom-field {
  border-color: rgba(255, 255, 255, 0.28);
}
.dark-mode .tipdown .tip-custom-field.tip-applied {
  border-color: rgba(255, 255, 255, 0.28);
}
.dark-mode .ngc-tq {
  --tq-ink: #f2f0ee;
  --tq-muted: #b9b4ad;
  --tq-soft: #928d86;
  --tq-line: rgba(255, 255, 255, 0.14);
  --tq-line-mid: rgba(255, 255, 255, 0.26);
  --tq-green: #6cc172;
  --tq-green-text: #82d08b;
  --tq-green-dark: #a9e2af;
  --tq-green-tint: rgba(108, 193, 114, 0.16);
  --tq-amber-tint: rgba(240, 184, 96, 0.18);
  --tq-amber-ink: #f0c37e;
  --tq-blue: #74b6f5;
}
.dark-mode .ngc-tq .ngc-tq-card, .dark-mode .ngc-tq .cart-total {
  background: #1e1e1e;
  border-color: var(--tq-line);
}
.dark-mode .ngc-tq .ngc-tq-ordchip {
  background: #1e1e1e;
  border-color: var(--tq-line);
}
.dark-mode .ngc-tq .ngc-tq-ordchip:hover {
  border-color: var(--tq-line-mid);
}
.dark-mode .ngc-tq .ngc-tq-head .ngc-tq-ordchip h2.order-number-div {
  color: var(--tq-ink);
}
.dark-mode .ngc-tq .ngc-tq-contbtn a, .dark-mode .ngc-tq .ngc-tq-contbtn .btn {
  background: #1e1e1e;
  color: var(--tq-ink);
  border-color: var(--tq-line-mid);
}
.dark-mode .ngc-tq .ngc-tq-head .ngc-tq-hrow .success-order-section h2 {
  color: var(--tq-ink);
}
.dark-mode .ngc-tq .ngc-tq-emailnote {
  border-top-color: var(--tq-line);
}
.dark-mode .ngc-tq-toast {
  background: #3a3735;
  color: #fff;
}
.dark-mode .gc-bg-tq.ngc-ca {
  background-color: #141414;
}
.dark-mode .ngc-ca .ngc-ca-card {
  background: #1e1e1e;
  border-color: rgba(255, 255, 255, 0.14);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 12px 30px rgba(0, 0, 0, 0.45);
}
.dark-mode .ngc-ca h2.gc-crt-acnt-heading.ngc-ca-title {
  color: #f2f0ee;
}
.dark-mode .ngc-ca p.ngc-ca-pill {
  background: rgba(116, 182, 245, 0.16);
  color: #8cc4f7;
}
.dark-mode .ngc-ca .ngc-ca-label {
  color: #e8e5e1;
}
.dark-mode .ngc-ca .ngc-ca-field .form-control {
  background: #262626;
  border-color: rgba(255, 255, 255, 0.22);
  color: #f2f0ee;
}
.dark-mode .ngc-ca .ngc-ca-field .form-control:focus {
  border-color: #74b6f5;
}
.dark-mode .ngc-ca .ngc-ca-field:has(.ngc-ca-verified) .form-control {
  color: #d9d5d0;
}
.dark-mode .ngc-ca .ngc-ca-verified {
  color: #7fd08a;
}
.dark-mode .ngc-ca .ngc-ca-field .eye-icon-gctq {
  color: #b9b4ad;
}
.dark-mode .ngc-ca .ngc-ca-fine {
  color: #928d86;
}
.dark-mode .ngc-ca .ngc-ca-fine a {
  color: #74b6f5;
}
.dark-mode .ngc-ca .ngc-ca-divider {
  color: #928d86;
}
.dark-mode .ngc-ca .ngc-ca-divider:before, .dark-mode .ngc-ca .ngc-ca-divider:after {
  background: rgba(255, 255, 255, 0.16);
}
.dark-mode .ngc-ca .ngc-ca-benefits li {
  color: #b9b4ad;
}
.dark-mode .ngc-ca .ngc-ca-benefits li i {
  color: #7fd08a;
}
.dark-mode .modal-cart-login .ngc-pwd-reqs li, .dark-mode .wc-login-signup .ngc-pwd-reqs li, .dark-mode .create-account-div .ngc-pwd-reqs li, .dark-mode .gc-create-account-div .ngc-pwd-reqs li {
  color: #b9b4ad;
}
.dark-mode .modal-cart-login .ngc-pwd-reqs li i, .dark-mode .wc-login-signup .ngc-pwd-reqs li i, .dark-mode .create-account-div .ngc-pwd-reqs li i, .dark-mode .gc-create-account-div .ngc-pwd-reqs li .ngc-req-ico {
  color: #8f8a83;
}
.dark-mode .modal-cart-login .ngc-pwd-reqs li.req-met i, .dark-mode .wc-login-signup .ngc-pwd-reqs li.req-met i, .dark-mode .create-account-div .ngc-pwd-reqs li.req-met i, .dark-mode .gc-create-account-div .ngc-pwd-reqs li.req-met .ngc-req-ico {
  color: #7fd08a;
}
.dark-mode .modal-cart-login .ngc-pwd-reqs li.req-unmet i, .dark-mode .wc-login-signup .ngc-pwd-reqs li.req-unmet i, .dark-mode .create-account-div .ngc-pwd-reqs li.req-unmet i, .dark-mode .gc-create-account-div .ngc-pwd-reqs li.req-unmet .ngc-req-ico {
  color: #ef8b7f;
}
.dark-mode .newarrivals-banner-text {
  color: #fff;
}
@media only screen and (max-width: 991.5px) {
  .dark-mode .categoryicons-list li {
    background-color: #000;
    border: 1px solid rgba(255, 255, 255, 0.4);
  }
  .dark-mode .total-summary-div {
    background-color: #262626;
  }
}
@media only screen and (max-width: 767.5px) {
  .dark-mode {
    /* Category page phone bar (Filters | Sort). main.scss gives the bar and its buttons a white
           background, which on the black page showed as a white band. Black bar, dark buttons with a
           light outline - the same treatment as the home category chips above. The applied-filter
           count and the "sort changed" state use white rather than the store red, which is too dark
           to read on black. */
    /* The two bottom sheets. The Filters sheet is the drawer, which dark mode already turns
           black, but its footer kept main.scss's white background and white "Clear all" button.
           The Sort sheet was entirely white, with its white title invisible on it. A light top
           edge and a darker backdrop keep the sheets distinct from the black page behind them. */
    /* Type chips (links to the type pages) - the current one is outlined in white, not the store red. */
  }
  .dark-mode .cat-sec .table-responsive .table {
    background-color: #000;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
  .dark-mode .cat-sec table.table td a, .dark-mode .cat-sec table.table td a:hover, .dark-mode .cat-sec table.table td a:focus {
    color: #fff;
  }
  .dark-mode .product_img_mobile {
    background: #fff;
    border-radius: 10px;
  }
  .dark-mode img#profile_imge_output {
    top: -4px;
    left: -2px;
  }
  .dark-mode .plp-mbar {
    background-color: #000;
    border-bottom-color: rgba(255, 255, 255, 0.2);
  }
  .dark-mode .plp-mbar-btn {
    background-color: #1a1a1a;
    border-color: rgba(255, 255, 255, 0.4);
    color: #fff;
  }
  .dark-mode .plp-mbar-btn .k {
    color: #fff;
  }
  .dark-mode .plp-mbar-btn.act {
    background-color: #262626;
    border-color: #fff;
    color: #fff;
  }
  .dark-mode .plp-sheet-scrim {
    background: rgba(0, 0, 0, 0.7);
  }
  .dark-mode body.plp-has-mbar #mySidenav, .dark-mode #plp-sort-sheet {
    border-top: 1px solid rgba(255, 255, 255, 0.25);
  }
  .dark-mode #plp-sort-sheet {
    background-color: #1a1a1a;
  }
  .dark-mode #mySidenav .plp-sheet-h, .dark-mode #plp-sort-sheet .plp-sheet-h {
    border-bottom-color: rgba(255, 255, 255, 0.2);
  }
  .dark-mode .plp-sheet-x {
    color: #fff;
  }
  .dark-mode .plp-sortopt {
    color: #fff;
    border-bottom-color: rgba(255, 255, 255, 0.12);
  }
  .dark-mode #mySidenav .plp-sheet-f {
    background-color: #000;
    border-top-color: rgba(255, 255, 255, 0.2);
  }
  .dark-mode .plp-sheet-sec {
    background-color: #1a1a1a;
    border-color: rgba(255, 255, 255, 0.4);
    color: #fff;
  }
  .dark-mode .plp-quick-filters .qf-link.is-current {
    border-color: #fff;
    color: #fff;
  }
}
/* Category page chips (On sale, In stock only, the type chips) and Clear all, at every width.
   main.scss draws the chips as white pills, which glared on the black page. Dark pill with a
   light outline, as the home category chips and the Filters | Sort buttons. Applied chips
   (.is-on) are left alone - their store-colour fill with white text already reads on black.
   The store red is too dark for text on black, so Clear all and "Show N more" go white. */
.dark-mode {
  /* "Page X of Y" label beside the product count - also a white pill in main.scss. */
  /* Facet checkboxes (main.scss): white option text, and a dark empty box with a light outline. */
}
.dark-mode .qf-chip:not(.is-on) {
  background-color: #1a1a1a;
  border-color: rgba(255, 255, 255, 0.4);
  color: #fff;
}
.dark-mode .qf-chip:not(.is-on) .qf-n {
  color: rgba(255, 255, 255, 0.6);
}
.dark-mode .qf-clear, .dark-mode .plp-more {
  color: #fff;
}
.dark-mode .plp-pageof {
  background-color: #1a1a1a;
  border-color: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.7);
}
.dark-mode .plp-pageof b {
  color: #fff;
}
.dark-mode .product-accordion ul.left-panel-body:not(.search-history) li a, .dark-mode .product-accordion ul.left-panel-body:not(.search-history) li a:hover, .dark-mode .product-accordion ul.left-panel-body:not(.search-history) li a:focus, .dark-mode .product-accordion ul.left-panel-body:not(.search-history) li.filters_selected a {
  color: #fff;
}
.dark-mode .product-accordion ul.left-panel-body:not(.search-history) li:not(.filters_selected) a::before {
  background-color: #1a1a1a;
  border-color: rgba(255, 255, 255, 0.5);
}
.dark-mode .product-accordion ul.left-panel-body:not(.search-history) li:not(.filters_selected) a:hover::before {
  border-color: #fff;
}
.dark-mode .product-accordion ul.left-panel-body:not(.search-history) li a .plp-opt-n {
  color: rgba(255, 255, 255, 0.6);
}
/* Brands listing + brand details.
   Only the text that sits on the page background is lightened - the logo cards
   and product cards keep a white background, so the text inside them
   (.logo-initials, .bd-product-*) must stay dark and is deliberately excluded. */
.dark-mode .brands-section .brand-tile-name, .dark-mode .brand-details-section .bd-brand-title, .dark-mode .brand-details-section .bd-products-heading, .dark-mode .brand-details-section .bd-about-heading {
  color: #fff;
}
.dark-mode .brands-section .wall-count, .dark-mode .brands-section .brand-tile-category, .dark-mode .brands-section .brand-tile-count, .dark-mode .brand-details-section .bd-products-subtitle, .dark-mode .brand-details-section .bd-profile-content p {
  color: #c6c4c4;
}
/* The card glow is a light grey halo meant for a white page - on black it reads
   as a hard white ring. Drop it; the white cards already separate themselves.
   Hover swaps in a soft brand-red glow so the lift still registers on dark. */
.dark-mode .brands-section .brand-tile-logo, .dark-mode .brand-details-section .bd-profile-logo, .dark-mode .brand-details-section .bd-product-card {
  box-shadow: none;
}
.dark-mode .brands-section .brand-tile:hover .brand-tile-logo, .dark-mode .brand-details-section .bd-product-card:hover {
  box-shadow: 0 0 14px rgba(241, 27, 46, 0.45);
}
/*# sourceMappingURL=dark-mode.map */