/* ==========================================
   LEFT DRAWER MENU
   ========================================== */

#popmake-326 {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;

    width: 270px !important;
    height: 100vh !important;

    padding: 0 !important;
    margin: 0 !important;

    z-index: 999990 !important;

    animation: drawerSlide .45s cubic-bezier(.22,.61,.36,1);
}

/* Drawer content */

#popmake-326 .pum-content {
    width: 100% !important;
    height: 100vh !important;

    padding: 0 !important;
    margin: 0 !important;
}

/* Menu wrapper */

#popmake-326 .wp-block-group,
#popmake-326 .full-menu {

    width: 100%;
    min-height: 100vh !important;

    margin: 0 !important;

    padding: 80px 40px !important;

    background: rgba(255,243,231,.92) !important;
}

/* Menu links */

#popmake-326 a {

    font-size: rem;

    line-height: 1;

    text-decoration: none;

    transition: opacity .2s ease;
}

#popmake-326 a:hover {
    opacity: .75;
}

/* ==========================================
   DRAWER ANIMATION
   ========================================== */

@keyframes drawerSlide {

    from {
        transform: translateX(-100%);
    }

    to {
        transform: translateX(0);
    }
}

/* ==========================================
   HAMBURGER ICON
   ========================================== */

/* Hide original SVG */
.menu-trigger .uagb-svg-wrapper {
    display: none !important;
}

/* Container */
body.ast-theme-transparent-header .menu-trigger {
    position: relative !important;
    top: 0px !important;
    left: 0px !important;

    width: 40px;
    height: 40px;

    cursor: pointer;
    z-index: 1 !important;
}

/* Draw 3 lines using one pseudo-element + box-shadow */

.menu-trigger::before {
    content: '';

    position: absolute;

    top: 10px;
    left: 0;

    width: 30px;
    height: 2px;

    background: #2f2a25;

    box-shadow:
        0 10px 0 #2f2a25,
        0 20px 0 #2f2a25;
}

/* ==========================================
   POPUP MAKER CLOSE BUTTON
   ========================================== */

/*#popmake-326 .pum-close {

    position: absolute !important;

    top: 25px !important;

    right: -20px !important;

    left: auto !important;

    width: 40px !important;
    height: 40px !important;

    padding: 0 !important;

    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.15) !important;

    color: #2f2a25 !important;

    font-size: 34px !important;
    font-weight: 300 !important;
    line-height: 40px !important;

    z-index: 9999999 !important;

    transition: opacity .2s ease;
}

#popmake-326 .pum-close:hover {
    opacity: .7;
}
*/

#popmake-326 .pum-close.popmake-close { background: transparent !important; border: none !important; font-size: 0 !important; width: 32px !important; height: 32px !important; padding: 0 !important; border-radius: 50% !important; top: 16px !important; right: 16px !important; opacity: 0.6; position: absolute !important; display: flex !important; align-items: center !important; justify-content: center !important; }
#popmake-326 .pum-close.popmake-close:hover { opacity: 1; background-color: rgba(47,42,37,0.08) !important; }
#popmake-326 .pum-close.popmake-close::before { content: "\2715"; color: #2F2A25; font-size: 16px !important; line-height: 1; }

/* Hide hamburger when popup is open */

body.pum-open .menu-trigger {

    opacity: 0;

    pointer-events: none;
}

#popmake-326 {
    backdrop-filter: blur(3px);
}

#popmake-326 .wp-block-group {
    background: rgba(255,243,231,.96);
}

/* Menu links */
#popmake-326 a {
    position: relative;
    display: inline-block;

    transition:
        color .25s ease,
        transform .25s ease,
        opacity .25s ease;

    transform: translateX(0);
}

/* Hover */
#popmake-326 a:hover {
    transform: translateX(8px);
    opacity: 1;
}

/* Underline reveal */
#popmake-326 a::after {
    content: '';

    position: absolute;
    left: 0;
    bottom: -6px;

    width: 0;
    height: 2px;

    background: currentColor;

    transition: width .25s ease;
}

#popmake-326 a:hover::after {
    width: 100%;
}


#popmake-326 a {
    transition: all .25s ease;
}

#popmake-326 a:hover {
    letter-spacing: 1px;
    opacity: .85;
}


/* Search popup overlay */
#pum-override-overlay {
    background: rgba(245, 237, 227, 0.82) !important;
    backdrop-filter: blur(3px);
}

/* Search popup close button */
#popmake-SEARCHID .pum-close {
    position: absolute !important;
    top: 20px !important;
    right: 20px !important;
    left: auto !important;

    width: auto !important;
    height: auto !important;

    background: transparent !important;
    box-shadow: none !important;
    border: none !important;

    color: #2f2a25 !important;
    font-size: 28px !important;
    line-height: 1 !important;
}

#popmake-524 {
    border-radius: 16px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,.12) !important;
}

#popmake-524 input[type="search"] {
    border-radius: 10px !important;
}

#popmake-524 button {
    border-radius: 10px !important;
}

/* Search popup overlay */
.pum-overlay {
    background: rgba(245, 237, 227, 0.82) !important;
    backdrop-filter: blur(4px);
}


/* Search popup close button */
.pum-theme-524 .pum-close,
#popmake-524 .pum-close {

    position: absolute !important;

    top: -40px !important;
    right: -20px !important;

    left: auto !important;

    width: 36px !important;
    height: 36px !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;

    font-size: 28px !important;
    line-height: 36px !important;

    color: #2f2a25 !important;

    z-index: 999999 !important;
}

html {
    scrollbar-gutter: stable;
}

/* ==========================================
   Claude Suggestion
   ========================================== */

.ast-above-header-bar {
  background-color: #2f2a25 !important;
  text-align: center !important;
  padding: 0px 0 !important;
}
.ast-above-header-bar,
.ast-above-header-bar a,
.ast-above-header-bar p {
  color: #ffffff !important;
}

#masthead {
  position: sticky !important;
  top: 0 !important;
  z-index: 9999 !important;
}

/* Ribbon stays on top */
.ast-above-header-wrap {
  position: sticky !important;
  top: 0 !important;
  z-index: 100000 !important;
}

/* Logo/nav row sticks just below the ribbon, not overlapping it */
/* Default (non-stuck) state: no offset, sits naturally */
.uagb-block-abdb2d17.uagb-position__sticky {
  position: relative !important;
  top: 0 !important;
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
  box-sizing: border-box !important;
}

/* Only when actually stuck/pinned: offset below the ribbon */
.uagb-block-abdb2d17.uagb-position__sticky--stuck {
  position: fixed !important;
  top: 50px !important;
  z-index: 99999 !important;
}

.ast-above-header-bar .ast-builder-grid-row {
  justify-content: center !important;
}

.ast-above-header-bar .site-header-above-section-left {
  flex: none !important;
  text-align: center !important;
}

.ast-above-header-bar .site-header-above-section-right {
  display: none !important;
}

/* Solid background ONLY inside the main header row (logo/hamburger/icons) */
.ast-main-header-wrap .site-primary-header-wrap,
.ast-main-header-wrap .ast-builder-grid-row-container,
.main-header-bar {
    background-color: #FFF3E7 !important;
}

.bbr-header-flex-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100vw;
    position: fixed;
    left: 0;
    top: 60px;
    height: 80px;
    padding: 0 30px;
    box-sizing: border-box;
    pointer-events: none;
    z-index: 100001;
}

.bbr-header-flex-wrap .bbr-header-hamburger,
.bbr-header-flex-wrap .bbr-header-icons {
    pointer-events: auto;
}

.bbr-header-flex-wrap {
    transform: none !important;
}

.bbr-header-flex-wrap {
    animation: none !important;
    transform: none !important;
}


.bbr-header-hamburger {
    width: 40px;
    height: 40px;
    position: relative;
}

.bbr-shop-tasting-notes {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 8px 0 6px;
}

.bbr-tasting-pill {
    display: inline-block;
    padding: 3px 10px;
    font-size: 12px;
    line-height: 1.4;
    color: #1AAC8F;
    border: 1px solid #1AAC8F;
    border-radius: 20px;
    background: transparent;
    white-space: nowrap;
}

.ast-on-card-button.ast-select-options-trigger {
    display: none !important;
}


.bbr-process-subtext {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}


.bbr-explore-tabs {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-bottom: 32px;
    flex-wrap: wrap;
}
.bbr-tab {
    background: transparent;
    border: none;
    font-family: 'American Typewriter', serif;
    font-size: 16px;
    color: #2f2a25;
    cursor: pointer;
    padding: 6px 4px;
    border-bottom: 2px solid transparent;
}
.bbr-tab.active {
    border-bottom: 2px solid #1AAC8F;
    color: #1AAC8F;
}
.bbr-explore-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}
@media (max-width: 768px) {
    .bbr-explore-grid { grid-template-columns: 1fr; }
}
.bbr-explore-card {
    background: #fff;
    border: 1px solid #eee;
    padding: 16px;
    border-radius: 8px;
}
.bbr-explore-price {
    margin: 8px 0;
    font-weight: bold;
}
.bbr-explore-btn {
    display: inline-block;
    background: #1AAC8F;
    color: #fff;
    padding: 10px 20px;
    border-radius: 20px;
    text-decoration: none;
}


.bbr-explore-card h3 {
    font-size: 18px;
    line-height: 1.3;
    margin: 12px 0 8px;
}



.bbr-contact-cards {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.bbr-contact-card h3 {
    color: #2f2a25;
    font-family: 'Fraunces', serif;
    font-size: 20px;
    margin-bottom: 4px;
}
.bbr-contact-card a {
    color: #1AAC8F;
    text-decoration: none;
    font-size: 16px;
    line-height: 1.5;
}
.bbr-contact-card a:hover {
    text-decoration: underline;
}


.bbr-map-embed {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.12);
    margin-top: 40px;
}


.single-product-category { display: none !important; }
   .single-product .product_meta { display: none !important; }
.yith-quick-view-modal .product_meta,
   #yith-quick-view-modal .product_meta { display: none !important; }
   .yith-quick-view-modal .images img,
   #yith-quick-view-modal .images img { object-fit: contain !important; width: 100% !important; height: auto !important; }


.bbr-coffee-details { margin-bottom: 24px !important; }

#check_pincode { margin-top: 12px !important; display: inline-block; }


#yith-quick-view-modal .images.classic {
       padding-left: 24px !important;
       padding-top: 20px !important;
       box-sizing: border-box !important;
   }
   #yith-quick-view-modal .yith-wcqv-main {
       background-color: #FFF3E7 !important;
   }