.wbte_sc_bogo_products li.wbte_get_away_product{ float:left; width:20%; min-width:200px; text-align: start; position: relative; display: flex; flex-direction: column; border: 1px solid #EAEBED; border-radius: 10px; min-width: 235px; padding: 15px; margin: 0; }

.wbte_get_away_product table.wt_variations{ margin: 0; }
ul.woocommcerce.wbte_sc_bogo_products{ width:100%; margin:0; padding:0px; list-style-type:none; margin-bottom:25px; display:flex; flex-wrap:wrap; gap:20px 2%; }

.wbte_product_name{  color: #555E6B;  font-size: 17px;  font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.wbte_product_image{ margin-bottom: 10px; }
.wbte_product_image img{ border-radius: 7px; }
.wbte_sc_prod_name_qty_price{ display: flex; align-items: center; gap: 10px; justify-content: space-between; min-height: 80px; }

.wbte_sc_bogo_msg_under_free_gift{ color: green; margin: 0 !important; }
.wbte_sc_bogo_cheap_exp_qty_txt{ margin: 0 !important; font-size: small; }

table.variations.wt_variations td { padding: 3px 2px; margin-bottom: 2px; background-color: transparent !important; }

/* BOGO Popup Button Positioning */
.wbte_sc_bogo_popup_btn { position: fixed;  width: 50px;  height: 50px; border-radius: 50%;  cursor: pointer;  z-index: 99999;  box-shadow: 0 2px 5px rgba(0,0,0,0.2);  display: flex;  align-items: center;  justify-content: center;  }
.wbte_sc_bogo_popup_btn img { width: 24px; height: 24px;  }
.wbte_sc_bogo_popup_btn.top-left {  top: 20px;  left: 20px;  }
.wbte_sc_bogo_popup_btn.top-right {  top: 20px;  right: 20px;  }
.wbte_sc_bogo_popup_btn.bottom-left {  bottom: 20px;  left: 20px;  }
.wbte_sc_bogo_popup_btn.bottom-right {  bottom: 20px;  right: 20px;  }

/* BOGO Popup Styles */
.wbte_sc_giveaway_popup { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; }
.wbte_sc_giveaway_popup_header{ display: flex; justify-content: space-between; align-items: center; padding: 0 28px; }
.wbte_sc_giveaway_popup_header h2{ margin: 0; }
.wbte_sc_giveaway_popup_content { position: relative; background: #fff; width: 90%; max-width: 1000px; margin: 50px auto; padding-top: 15px; border-radius: 12px; max-height: 80vh;  display: flex; flex-direction: column; }
.wbte_sc_giveaway_popup_body { flex: 1; overflow-y: auto; padding: 0 28px; -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 1) 93%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(180deg, rgba(0, 0, 0, 1) 93%, rgba(0, 0, 0, 0) 100%); }
.wbte_sc_giveaway_popup_close { font-size: 24px; cursor: pointer; color: #666; }
.wbte_sc_giveaway_popup_title { font-size: 20px; font-weight: 600; }
.wbte_sc_giveaway_count { color: #666; font-size: 0.9em; }
.wbte_sc_giveaway_title { background: #4CAF50; color: white; padding: 10px 20px; margin-bottom: 20px; border-radius: 4px; }
.wbte_sc_giveaway_popup_footer { position: sticky; bottom: 0; background: #fff; padding: 10px 28px; text-align: right; border-top: 1px solid #EAEBED; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
.wbte_sc_giveaway_popup_footer button { margin-left: 10px; display: inline-block; border-radius: 4px; }
.wbte_sc_giveaway_popup .wbte_sc_add_to_cart_non_popup{ display: none; }

/* Inherit existing product grid styles and adjust for popup */
.wbte_sc_giveaway_popup .wbte_get_away_product{ width: calc(33.33% - 20px); min-width: 235px; padding: 15px; margin: 0; border: 1px solid #EAEBED; border-radius: 10px; display: flex; flex-direction: column; }
.wbte_sc_giveaway_popup .wt_variations{ margin: 0 0 20px; }

/* Body state when popup is open */
body.wbte_sc_popup_open { overflow: hidden; }

.wt_sc_giveaway_products_cart_page .giveaway-title{ font-size: 14px; font-weight: 500; font-family: 'Inter', sans-serif; }
.wbte_sc_giveaway_popup_content .wt_variations{ margin: 10px 0; }

table.variations.wt_variations{ margin: 10px 0; width: 100%; }
.wt_variations td.value{ display: flex; flex-direction: row; align-items: center; gap: 10px; justify-content: space-between; }
.wt_variations td.value label{ margin: 0; min-width: 60px; }
.wt_variations select{ width: calc(100% - 70px); margin: 0; }

.wbte_give_away_product_attr{ width: 100%; }

.wbte_sc_giveaway_popup_content .wc-block-components-notice-banner{ width: 100%; }

/* Product Selection Styles */
.wbte_get_away_product { cursor: pointer; position: relative; transition: all 0.3s ease; }
.wbte_product_checkbox { position: absolute; top: 19px; right: 21.5px; width: 20px; height: 20px; border: 2px solid #EAEBED; border-radius: 4px; background: #fff; cursor: pointer; transition: all 0.2s ease; }
.wbte_get_away_product.selected .wbte_product_checkbox { border-color: #7956AD; background: #7956AD; }
.wbte_product_checkbox:after { content: ''; position: absolute; display: none; left: 4px; width: 5px; height: 10px; border: solid white; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.wbte_get_away_product.selected .wbte_product_checkbox:after { display: block; }
.wbte_variation_error { color: #dc3545; margin-top: 10px; font-size: 14px; display: flex; align-items: center; gap: 5px; }
.wbte_variation_error span { display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; background: #dc3545; color: white; border-radius: 50%; font-size: 12px; font-weight: bold; }
.wbte_get_away_product.disabled { opacity: 0.5; pointer-events: none; }

/* Mobile Responsive Styles */
@media screen and (max-width: 768px) {
    .wbte_sc_bogo_products li.wbte_get_away_product { width: 100%; min-width: unset; margin: 0; padding: 9px 12px; display: flex; flex-direction: row; }
    li.wbte_get_away_product input[name="wbte_sc_bogo_quantity"]{ padding: unset; width: 59px; text-align: center; }
    ul.woocommcerce.wbte_sc_bogo_products { gap: 15px; }
    .wbte_sc_prod_name_qty_price { min-height: unset; flex-direction: column; align-items: flex-start; gap: 8px; }
    .wbte_product_name { font-size: 15px; -webkit-line-clamp: 1; }
    .wbte_product_image { width: 110px; margin-bottom: 0; margin-right: 10px; }
    .wbte_sc_free_prod_details { padding-right: 25px; flex: 1; }
    .wbte_product_checkbox { top: 12px; right: 12px; }
    .wt_variations td.value { flex-direction: column; align-items: flex-start; gap: 5px; }
    table.variations.wt_variations { margin-bottom: 0; }
    .wt_variations td.value label { display: none; }
    .wt_variations select { width: 50%; }
    .wbte_sc_giveaway_popup_content { width: 95%; margin: 20px auto; margin-top: 55px; }
    .wbte_sc_giveaway_popup_title { font-size: 16px; }
    .wbte_sc_giveaway_popup_footer { display: flex; flex-direction: column; gap: 10px; }
    .wbte_sc_giveaway_popup_footer button { margin: 0; width: 100%; }
}

/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* coupon styling */

.wt_smart_coupon_send_coupon_wrap {

}
.wt_smart_coupon_send_coupon_wrap p {
    margin-bottom:10px;
}
.wt_smart_coupon_send_coupon_wrap ul {
    list-style-type:none; margin-left:0px; padding-inline-start:0px;
}
.wt_smart_coupon_send_coupon_wrap ul li{ float:left; margin-right:20px; }
.gift_to_friend_form {
    float: left;
    width: 100%;
    margin-top: 15px;
}

.gift_to_friend_form .wt-form-item {
    float: left;
    width: 100%;
    margin-bottom: 12px;
}

.gift_to_friend_form .wt-form-item input {
    float: left;
    width: 100%;
}

.wt-sc-gift-coupon-block .wt_smart_coupon_send_coupon_wrap, .wt-sc-gift-coupon-block .gift_to_friend_form, .wt-sc-gift-coupon-block .gift_to_friend_form .wt-form-item, .wt-sc-gift-coupon-block .gift_to_friend_form .wt-form-item input { float:none; }
#wt-sc-gift-coupon-block .wc-block-components-radio-control__option-layout{ padding-left:10px; }
.wt_coupon_wrapper{ width:100%; position:relative; flex-direction:row; flex-wrap:wrap; display:flex; justify-content:flex-start; margin-bottom:35px; gap:20px 3%; padding:5px; margin-top: 10px; }
.wt_coupon_wrapper .wt-single-coupon, .wt_coupon_wrapper .wt-sc-hidden-coupon-box{ width:30%; min-width:240px; }
.wt_coupon_wrapper .wt-sc-hidden-coupon-box{ content:""; visibility:hidden; }

.coupon-loader { position:absolute; left:0px; top:0px; background:rgba(255,255,255,0.5); width:100%; height:100%; z-index:1000; display:none; }

.wt_smart_coupon_send_coupon_wrap input {
  margin-right: 10px;
}

.wt_smart_coupon_send_coupon_wrap li {
  margin-bottom: 11px;
}
.wt_smart_coupon_send_coupon_wrap label{
  cursor: pointer;
}
.wt-used-coupons, .wt-expired-coupons, .wt-mycoupons {
  float: left;
  width: 100%; margin-top:15px;
}


.credit_gift_to_friend_form {
  float: left;
  width: 100%;
  margin-top: 15px;
}

.credit_gift_to_friend_form .wt-form-item {
  float: left;
  width: 100%;
  margin-bottom: 12px;
}

.credit_gift_to_friend_form .wt-form-item input {
  float: left;
  width: 100%;
}
.credit-purchase-field {
  float: left;
  width: 100%;
}

#wt_store_credit {
  float: left;
  width: 100%;
}

span.wt-credited {
  color: green;
}

span.wt-debited {
  color: red;
}


table.wt_store_credit_history{ margin-top:15px; }
.wt_sc_pagination{ width:100%; clear:both; margin-bottom:15px; text-align:right; }
.wt_sc_pagination .woocommerce-pagination{ display:inline-block; float:none; }
.wt_sc_available_coupon_sort_by{ float:right; font-size:14px; }
.wt_store_credit{ clear:both; display:flex; }
.wt_sc_bogo_cart_item_discount, .wt_sc_bogo_cart_item_discount *{ color:green; font-size:small; }.dashicons,.dashicons-before:before{font-family:dashicons;display:inline-block;line-height:1;font-weight:400;font-style:normal;speak:never;text-decoration:inherit;text-transform:none;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:20px;height:20px;font-size:20px;vertical-align:top;text-align:center;transition:color .1s ease-in;}.dashicons-admin-appearance:before{content:"";}.dashicons-admin-collapse:before{content:"";}.dashicons-admin-comments:before{content:"";}.dashicons-admin-customizer:before{content:"";}.dashicons-admin-generic:before{content:"";}.dashicons-admin-home:before{content:"";}.dashicons-admin-links:before{content:"";}.dashicons-admin-media:before{content:"";}.dashicons-admin-multisite:before{content:"";}.dashicons-admin-network:before{content:"";}.dashicons-admin-page:before{content:"";}.dashicons-admin-plugins:before{content:"";}.dashicons-admin-post:before{content:"";}.dashicons-admin-settings:before{content:"";}.dashicons-admin-site-alt:before{content:"";}.dashicons-admin-site-alt2:before{content:"";}.dashicons-admin-site-alt3:before{content:"";}.dashicons-admin-site:before{content:"";}.dashicons-admin-tools:before{content:"";}.dashicons-admin-users:before{content:"";}.dashicons-airplane:before{content:"";}.dashicons-album:before{content:"";}.dashicons-align-center:before{content:"";}.dashicons-align-full-width:before{content:"";}.dashicons-align-left:before{content:"";}.dashicons-align-none:before{content:"";}.dashicons-align-pull-left:before{content:"";}.dashicons-align-pull-right:before{content:"";}.dashicons-align-right:before{content:"";}.dashicons-align-wide:before{content:"";}.dashicons-amazon:before{content:"";}.dashicons-analytics:before{content:"";}.dashicons-archive:before{content:"";}.dashicons-arrow-down-alt:before{content:"";}.dashicons-arrow-down-alt2:before{content:"";}.dashicons-arrow-down:before{content:"";}.dashicons-arrow-left-alt:before{content:"";}.dashicons-arrow-left-alt2:before{content:"";}.dashicons-arrow-left:before{content:"";}.dashicons-arrow-right-alt:before{content:"";}.dashicons-arrow-right-alt2:before{content:"";}.dashicons-arrow-right:before{content:"";}.dashicons-arrow-up-alt:before{content:"";}.dashicons-arrow-up-alt2:before{content:"";}.dashicons-arrow-up-duplicate:before{content:"";}.dashicons-arrow-up:before{content:"";}.dashicons-art:before{content:"";}.dashicons-awards:before{content:"";}.dashicons-backup:before{content:"";}.dashicons-bank:before{content:"";}.dashicons-beer:before{content:"";}.dashicons-bell:before{content:"";}.dashicons-block-default:before{content:"";}.dashicons-book-alt:before{content:"";}.dashicons-book:before{content:"";}.dashicons-buddicons-activity:before{content:"";}.dashicons-buddicons-bbpress-logo:before{content:"";}.dashicons-buddicons-buddypress-logo:before{content:"";}.dashicons-buddicons-community:before{content:"";}.dashicons-buddicons-forums:before{content:"";}.dashicons-buddicons-friends:before{content:"";}.dashicons-buddicons-groups:before{content:"";}.dashicons-buddicons-pm:before{content:"";}.dashicons-buddicons-replies:before{content:"";}.dashicons-buddicons-topics:before{content:"";}.dashicons-buddicons-tracking:before{content:"";}.dashicons-building:before{content:"";}.dashicons-businessman:before{content:"";}.dashicons-businessperson:before{content:"";}.dashicons-businesswoman:before{content:"";}.dashicons-button:before{content:"";}.dashicons-calculator:before{content:"";}.dashicons-calendar-alt:before{content:"";}.dashicons-calendar:before{content:"";}.dashicons-camera-alt:before{content:"";}.dashicons-camera:before{content:"";}.dashicons-car:before{content:"";}.dashicons-carrot:before{content:"";}.dashicons-cart:before{content:"";}.dashicons-category:before{content:"";}.dashicons-chart-area:before{content:"";}.dashicons-chart-bar:before{content:"";}.dashicons-chart-line:before{content:"";}.dashicons-chart-pie:before{content:"";}.dashicons-clipboard:before{content:"";}.dashicons-clock:before{content:"";}.dashicons-cloud-saved:before{content:"";}.dashicons-cloud-upload:before{content:"";}.dashicons-cloud:before{content:"";}.dashicons-code-standards:before{content:"";}.dashicons-coffee:before{content:"";}.dashicons-color-picker:before{content:"";}.dashicons-columns:before{content:"";}.dashicons-controls-back:before{content:"";}.dashicons-controls-forward:before{content:"";}.dashicons-controls-pause:before{content:"";}.dashicons-controls-play:before{content:"";}.dashicons-controls-repeat:before{content:"";}.dashicons-controls-skipback:before{content:"";}.dashicons-controls-skipforward:before{content:"";}.dashicons-controls-volumeoff:before{content:"";}.dashicons-controls-volumeon:before{content:"";}.dashicons-cover-image:before{content:"";}.dashicons-dashboard:before{content:"";}.dashicons-database-add:before{content:"";}.dashicons-database-export:before{content:"";}.dashicons-database-import:before{content:"";}.dashicons-database-remove:before{content:"";}.dashicons-database-view:before{content:"";}.dashicons-database:before{content:"";}.dashicons-desktop:before{content:"";}.dashicons-dismiss:before{content:"";}.dashicons-download:before{content:"";}.dashicons-drumstick:before{content:"";}.dashicons-edit-large:before{content:"";}.dashicons-edit-page:before{content:"";}.dashicons-edit:before{content:"";}.dashicons-editor-aligncenter:before{content:"";}.dashicons-editor-alignleft:before{content:"";}.dashicons-editor-alignright:before{content:"";}.dashicons-editor-bold:before{content:"";}.dashicons-editor-break:before{content:"";}.dashicons-editor-code-duplicate:before{content:"";}.dashicons-editor-code:before{content:"";}.dashicons-editor-contract:before{content:"";}.dashicons-editor-customchar:before{content:"";}.dashicons-editor-expand:before{content:"";}.dashicons-editor-help:before{content:"";}.dashicons-editor-indent:before{content:"";}.dashicons-editor-insertmore:before{content:"";}.dashicons-editor-italic:before{content:"";}.dashicons-editor-justify:before{content:"";}.dashicons-editor-kitchensink:before{content:"";}.dashicons-editor-ltr:before{content:"";}.dashicons-editor-ol-rtl:before{content:"";}.dashicons-editor-ol:before{content:"";}.dashicons-editor-outdent:before{content:"";}.dashicons-editor-paragraph:before{content:"";}.dashicons-editor-paste-text:before{content:"";}.dashicons-editor-paste-word:before{content:"";}.dashicons-editor-quote:before{content:"";}.dashicons-editor-removeformatting:before{content:"";}.dashicons-editor-rtl:before{content:"";}.dashicons-editor-spellcheck:before{content:"";}.dashicons-editor-strikethrough:before{content:"";}.dashicons-editor-table:before{content:"";}.dashicons-editor-textcolor:before{content:"";}.dashicons-editor-ul:before{content:"";}.dashicons-editor-underline:before{content:"";}.dashicons-editor-unlink:before{content:"";}.dashicons-editor-video:before{content:"";}.dashicons-ellipsis:before{content:"";}.dashicons-email-alt:before{content:"";}.dashicons-email-alt2:before{content:"";}.dashicons-email:before{content:"";}.dashicons-embed-audio:before{content:"";}.dashicons-embed-generic:before{content:"";}.dashicons-embed-photo:before{content:"";}.dashicons-embed-post:before{content:"";}.dashicons-embed-video:before{content:"";}.dashicons-excerpt-view:before{content:"";}.dashicons-exit:before{content:"";}.dashicons-external:before{content:"";}.dashicons-facebook-alt:before{content:"";}.dashicons-facebook:before{content:"";}.dashicons-feedback:before{content:"";}.dashicons-filter:before{content:"";}.dashicons-flag:before{content:"";}.dashicons-food:before{content:"";}.dashicons-format-aside:before{content:"";}.dashicons-format-audio:before{content:"";}.dashicons-format-chat:before{content:"";}.dashicons-format-gallery:before{content:"";}.dashicons-format-image:before{content:"";}.dashicons-format-quote:before{content:"";}.dashicons-format-status:before{content:"";}.dashicons-format-video:before{content:"";}.dashicons-forms:before{content:"";}.dashicons-fullscreen-alt:before{content:"";}.dashicons-fullscreen-exit-alt:before{content:"";}.dashicons-games:before{content:"";}.dashicons-google:before{content:"";}.dashicons-googleplus:before{content:"";}.dashicons-grid-view:before{content:"";}.dashicons-groups:before{content:"";}.dashicons-hammer:before{content:"";}.dashicons-heading:before{content:"";}.dashicons-heart:before{content:"";}.dashicons-hidden:before{content:"";}.dashicons-hourglass:before{content:"";}.dashicons-html:before{content:"";}.dashicons-id-alt:before{content:"";}.dashicons-id:before{content:"";}.dashicons-image-crop:before{content:"";}.dashicons-image-filter:before{content:"";}.dashicons-image-flip-horizontal:before{content:"";}.dashicons-image-flip-vertical:before{content:"";}.dashicons-image-rotate-left:before{content:"";}.dashicons-image-rotate-right:before{content:"";}.dashicons-image-rotate:before{content:"";}.dashicons-images-alt:before{content:"";}.dashicons-images-alt2:before{content:"";}.dashicons-index-card:before{content:"";}.dashicons-info-outline:before{content:"";}.dashicons-info:before{content:"";}.dashicons-insert-after:before{content:"";}.dashicons-insert-before:before{content:"";}.dashicons-insert:before{content:"";}.dashicons-instagram:before{content:"";}.dashicons-laptop:before{content:"";}.dashicons-layout:before{content:"";}.dashicons-leftright:before{content:"";}.dashicons-lightbulb:before{content:"";}.dashicons-linkedin:before{content:"";}.dashicons-list-view:before{content:"";}.dashicons-location-alt:before{content:"";}.dashicons-location:before{content:"";}.dashicons-lock-duplicate:before{content:"";}.dashicons-lock:before{content:"";}.dashicons-marker:before{content:"";}.dashicons-media-archive:before{content:"";}.dashicons-media-audio:before{content:"";}.dashicons-media-code:before{content:"";}.dashicons-media-default:before{content:"";}.dashicons-media-document:before{content:"";}.dashicons-media-interactive:before{content:"";}.dashicons-media-spreadsheet:before{content:"";}.dashicons-media-text:before{content:"";}.dashicons-media-video:before{content:"";}.dashicons-megaphone:before{content:"";}.dashicons-menu-alt:before{content:"";}.dashicons-menu-alt2:before{content:"";}.dashicons-menu-alt3:before{content:"";}.dashicons-menu:before{content:"";}.dashicons-microphone:before{content:"";}.dashicons-migrate:before{content:"";}.dashicons-minus:before{content:"";}.dashicons-money-alt:before{content:"";}.dashicons-money:before{content:"";}.dashicons-move:before{content:"";}.dashicons-nametag:before{content:"";}.dashicons-networking:before{content:"";}.dashicons-no-alt:before{content:"";}.dashicons-no:before{content:"";}.dashicons-open-folder:before{content:"";}.dashicons-palmtree:before{content:"";}.dashicons-paperclip:before{content:"";}.dashicons-pdf:before{content:"";}.dashicons-performance:before{content:"";}.dashicons-pets:before{content:"";}.dashicons-phone:before{content:"";}.dashicons-pinterest:before{content:"";}.dashicons-playlist-audio:before{content:"";}.dashicons-playlist-video:before{content:"";}.dashicons-plugins-checked:before{content:"";}.dashicons-plus-alt:before{content:"";}.dashicons-plus-alt2:before{content:"";}.dashicons-plus:before{content:"";}.dashicons-podio:before{content:"";}.dashicons-portfolio:before{content:"";}.dashicons-post-status:before{content:"";}.dashicons-pressthis:before{content:"";}.dashicons-printer:before{content:"";}.dashicons-privacy:before{content:"";}.dashicons-products:before{content:"";}.dashicons-randomize:before{content:"";}.dashicons-reddit:before{content:"";}.dashicons-redo:before{content:"";}.dashicons-remove:before{content:"";}.dashicons-rest-api:before{content:"";}.dashicons-rss:before{content:"";}.dashicons-saved:before{content:"";}.dashicons-schedule:before{content:"";}.dashicons-screenoptions:before{content:"";}.dashicons-search:before{content:"";}.dashicons-share-alt:before{content:"";}.dashicons-share-alt2:before{content:"";}.dashicons-share:before{content:"";}.dashicons-shield-alt:before{content:"";}.dashicons-shield:before{content:"";}.dashicons-shortcode:before{content:"";}.dashicons-slides:before{content:"";}.dashicons-smartphone:before{content:"";}.dashicons-smiley:before{content:"";}.dashicons-sort:before{content:"";}.dashicons-sos:before{content:"";}.dashicons-spotify:before{content:"";}.dashicons-star-empty:before{content:"";}.dashicons-star-filled:before{content:"";}.dashicons-star-half:before{content:"";}.dashicons-sticky:before{content:"";}.dashicons-store:before{content:"";}.dashicons-superhero-alt:before{content:"";}.dashicons-superhero:before{content:"";}.dashicons-table-col-after:before{content:"";}.dashicons-table-col-before:before{content:"";}.dashicons-table-col-delete:before{content:"";}.dashicons-table-row-after:before{content:"";}.dashicons-table-row-before:before{content:"";}.dashicons-table-row-delete:before{content:"";}.dashicons-tablet:before{content:"";}.dashicons-tag:before{content:"";}.dashicons-tagcloud:before{content:"";}.dashicons-testimonial:before{content:"";}.dashicons-text-page:before{content:"";}.dashicons-text:before{content:"";}.dashicons-thumbs-down:before{content:"";}.dashicons-thumbs-up:before{content:"";}.dashicons-tickets-alt:before{content:"";}.dashicons-tickets:before{content:"";}.dashicons-tide:before{content:"";}.dashicons-translation:before{content:"";}.dashicons-trash:before{content:"";}.dashicons-twitch:before{content:"";}.dashicons-twitter-alt:before{content:"";}.dashicons-twitter:before{content:"";}.dashicons-undo:before{content:"";}.dashicons-universal-access-alt:before{content:"";}.dashicons-universal-access:before{content:"";}.dashicons-unlock:before{content:"";}.dashicons-update-alt:before{content:"";}.dashicons-update:before{content:"";}.dashicons-upload:before{content:"";}.dashicons-vault:before{content:"";}.dashicons-video-alt:before{content:"";}.dashicons-video-alt2:before{content:"";}.dashicons-video-alt3:before{content:"";}.dashicons-visibility:before{content:"";}.dashicons-warning:before{content:"";}.dashicons-welcome-add-page:before{content:"";}.dashicons-welcome-comments:before{content:"";}.dashicons-welcome-learn-more:before{content:"";}.dashicons-welcome-view-site:before{content:"";}.dashicons-welcome-widgets-menus:before{content:"";}.dashicons-welcome-write-blog:before{content:"";}.dashicons-whatsapp:before{content:"";}.dashicons-wordpress-alt:before{content:"";}.dashicons-wordpress:before{content:"";}.dashicons-xing:before{content:"";}.dashicons-yes-alt:before{content:"";}.dashicons-yes:before{content:"";}.dashicons-youtube:before{content:"";}.dashicons-editor-distractionfree:before{content:"";}.dashicons-exerpt-view:before{content:"";}.dashicons-format-links:before{content:"";}.dashicons-format-standard:before{content:"";}.dashicons-post-trash:before{content:"";}.dashicons-share1:before{content:"";}.dashicons-welcome-edit-page:before{content:"";}/* Main Recommendations Wrapper */
.recombee-recommendations-wrapper {
    margin: 60px auto;
    clear: both;
    width: 100%;
    max-width: 1200px;
    padding: 0 15px;
    position: relative;
    box-sizing: border-box;
}

/* Section Titles */
.recombee-recommendations-title {
    margin-bottom: 30px;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    color: #2c3338;
    position: relative;
    padding-bottom: 15px;
}

.recombee-recommendations-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background: #3858e9;
    border-radius: 3px;
}

/* Products Grid */
.recombee-recommendations-wrapper .products {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: center;
}

/* Individual Product Card */
.recombee-recommendations-wrapper .product {
    position: relative;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    margin: 0;
    padding: 0;
    border: 1px solid #eee;
}

.recombee-recommendations-wrapper .product:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* Product Image */
.recombee-recommendations-wrapper .product img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    display: block;
}

/* Product Content */
.recombee-recommendations-wrapper .product .woocommerce-loop-product__title {
    font-size: 16px;
    font-weight: 500;
    margin: 15px 15px 10px;
    line-height: 1.4;
}

/* Price */
.recombee-recommendations-wrapper .price {
    display: block;
    color: #d23f57;
    font-weight: 600;
    margin: 0 15px 15px;
    font-size: 18px;
}

/* Add to Cart Button */
.recombee-recommendations-wrapper .add_to_cart_button {
    display: block;
    background: #f5f5f5;
    color: #333;
    text-align: center;
    padding: 10px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    border-top: 1px solid #eee;
    transition: all 0.3s ease;
}

.recombee-recommendations-wrapper .add_to_cart_button:hover {
    background: #3858e9;
    color: #fff;
    text-decoration: none;
}

/* Similar Products Block */
.recombee-wc-similar-products {
    margin: 2em 0;
    clear: both;
}

.recombee-wc-similar-products__title {
    margin-bottom: 1.5em;
    text-align: center;
    font-size: 1.5em;
    font-weight: 600;
    color: #333;
}

.recombee-wc-similar-products__container {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
    margin: 0 -10px;
}

.recombee-wc-product {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    padding: 15px;
    transition: all 0.3s ease;
}

.recombee-wc-product:hover {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.recombee-wc-product__link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.recombee-wc-product__image {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    display: block;
}

.recombee-wc-product__title {
    font-size: 1em;
    margin: 0 0 0.5em;
    font-weight: 500;
    line-height: 1.4;
}

.recombee-wc-product__price {
    font-weight: 600;
    color: #3a3a3a;
    margin-bottom: 10px;
}

.recombee-wc-product__actions {
    margin-top: 10px;
}

.recombee-wc-product__add-to-cart {
    display: block;
    width: 100%;
    text-align: center;
    padding: 8px 15px;
    background-color: #f8f8f8;
    border: 1px solid #e0e0e0;
    color: #333;
    border-radius: 3px;
    transition: all 0.3s ease;
}

.recombee-wc-product__add-to-cart:hover {
    background-color: #e0e0e0;
    color: #000;
}

/* ===========================================
   Responsive Styles
   =========================================== */

/* Large Tablets */
@media (max-width: 1024px) {
    .recombee-recommendations-wrapper .products {
        grid-template-columns: repeat(3, minmax(200px, 1fr));
        gap: 20px;
        justify-items: center;
    }
    
    .recombee-wc-similar-products__container {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Tablets */
@media (max-width: 768px) {
    .recombee-recommendations-wrapper .products {
        grid-template-columns: repeat(2, minmax(200px, 1fr));
        gap: 20px;
        justify-items: center;
    }
    
    .recombee-recommendations-title {
        font-size: 24px;
        margin-bottom: 25px;
    }
    
    .recombee-wc-similar-products__container {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile Devices */
@media (max-width: 600px) {
    .recombee-recommendations-wrapper .products {
        grid-template-columns: repeat(2, minmax(140px, 1fr));
        gap: 15px;
        justify-items: center;
    }
    
    .recombee-recommendations-wrapper .product {
        max-width: 180px;
    }
}

/* Small Mobile Devices */
@media (max-width: 400px) {
    .recombee-recommendations-wrapper .products {
        grid-template-columns: 1fr;
        max-width: 300px;
        margin: 0 auto;
    }
    
    .recombee-recommendations-wrapper .product {
        max-width: 100%;
    }
    
    .recombee-recommendations-title {
        font-size: 22px;
        margin-bottom: 20px;
    }
    
    .recombee-recommendations-wrapper .product img {
        height: 180px;
    }
    
    .recombee-wc-similar-products__container {
        grid-template-columns: 1fr;
    }
}

/* Tiny Mobile Devices */
@media (max-width: 360px) {
    .recombee-recommendations-title {
        font-size: 20px;
    }
    
    .recombee-recommendations-wrapper .product .woocommerce-loop-product__title {
        font-size: 15px;
    }
    
    .recombee-recommendations-wrapper .price {
        font-size: 16px;
    }
    
    .recombee-recommendations-wrapper .products {
        max-width: 260px;
    }
}

/* Dashboard-specific styles */
.recombee-dashboard-recommendations .recombee-recommendations-title {
    color: #3858e9;
}

.recombee-dashboard-recommendations .recombee-recommendations-title:after {
    background: #ff6b6b;
}

/* Price styling for dashboard recommendations */
.recombee-dashboard-recommendations .price {
    display: block;
    margin: 5px 15px 15px;
    font-weight: 600;
    color: #d23f57;
    font-size: 18px;
    text-align: left;
}

/* Button container for dashboard recommendations */
.recombee-dashboard-recommendations .button-container {
    padding: 0 15px 15px;
}

.recombee-dashboard-recommendations .product a {
    text-decoration: none;
    color: inherit;
    display: block;
}