
/* /easy_order_interface/static/src/scss/easy_order_tokens.scss */
 @font-face{font-family: 'Atkinson Hyperlegible'; src: url("/easy_order_interface/static/src/fonts/AtkinsonHyperlegible-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap;}@font-face{font-family: 'Atkinson Hyperlegible'; src: url("/easy_order_interface/static/src/fonts/AtkinsonHyperlegible-Bold.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap;}

/* /easy_order_interface/static/src/scss/easy_order_interface.scss */
 .eo_page{max-width: 900px; margin: 0 auto; padding: 20px 14px 48px 14px; font-family: "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; color: #222222; font-size: calc(16px * var(--eo-font-scale, 1));}.eo_page *, .eo_page *::before, .eo_page *::after{box-sizing: border-box;}.eo_page h1, .eo_page h2, .eo_page p{margin: 0;}.eo_page a:focus-visible, .eo_page button:focus-visible, .eo_page input:focus-visible{outline: 3px solid #1a73e8; outline-offset: 2px;}.eo_topbar{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 12px;}.eo_topbar_actions{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 10px;}.eo_brand_name{font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.375em; font-weight: 700; color: #1f3a22;}.eo_brand_tag{font-size: 0.875em; color: #555555; margin-left: 8px;}.eo_font_toggle{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; border: 2px solid #d8c9a3; border-radius: 999px; overflow: hidden;}.eo_font_toggle_btn{background-color: #fff; color: #222222; border: none; border-right: 2px solid #d8c9a3; padding: 14px 16px; font-family: "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-weight: 700; cursor: pointer; font-size: 15px;}.eo_font_toggle_btn:last-child{border-right: none;}.eo_font_toggle_btn:hover{background-color: #f0e8d8;}.eo_font_toggle_btn.eo_font_toggle_btn_active{background-color: #2f5233; color: #fff;}.eo_call_link, .eo_whatsapp_link{display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 6px; padding: 13px 18px; border-radius: 999px; border: 2px solid #d8c9a3; color: #222222; font-weight: 700; font-size: 15px; text-decoration: none; white-space: nowrap;}.eo_call_link:hover, .eo_whatsapp_link:hover{border-color: #2f5233; color: #222222;}.eo_whatsapp_link{background-color: #25d366; border-color: #25d366; color: #fff;}.eo_whatsapp_link:hover{background-color: #1fb055; border-color: #1fb055; color: #fff;}.eo_cart_link{background-color: #c9a227; color: #1f3a22; padding: 13px 22px; border-radius: 999px; font-weight: 700; text-decoration: none; display: -webkit-inline-box; display: -webkit-inline-flex; display: inline-flex; align-items: center; gap: 8px;}.eo_cart_link:hover{background-color: #a78620; color: #1f3a22;}.eo_cart_link.eo_pulse{animation: eo-badge-pulse .5s ease;}@keyframes eo-badge-pulse{0%{transform: scale(1);}35%{transform: scale(1.18);}100%{transform: scale(1);}}.eo_cart_count:empty::before{content: "0";}.eo_title{font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.875em; font-weight: 600; color: #222222; margin-bottom: 6px;}.eo_subtitle{color: #555555; font-size: 1.125em; margin-bottom: 16px;}.eo_breadcrumb{font-size: 0.9375em; color: #555555; margin-bottom: 8px;}.eo_breadcrumb a{color: #555555; text-decoration: none;}.eo_breadcrumb a:hover{text-decoration: underline;}.eo_breadcrumb_sep{margin: 0 6px;}.eo_breadcrumb_current{color: #222222; font-weight: 700;}.eo_back{display: inline-block; margin-bottom: 14px; color: #1f3a22; font-weight: 700; text-decoration: none;}.eo_back:hover{text-decoration: underline;}.eo_section_title{font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.25em; font-weight: 700; color: #222222; margin: 0 0 14px 0;}.eo_search_wrap{position: relative; margin-bottom: 18px;}.eo_search_input{width: 100%; font-size: 1.125em; padding: 14px 18px; border-radius: 14px; border: 2px solid #d8c9a3; background-color: #fff; color: #222222;}.eo_search_input:focus{outline: none; border-color: #2f5233;}.eo_search_results{display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 12px; margin-top: 14px;}.eo_search_results.eo_search_results_open{display: -webkit-box; display: -webkit-flex; display: flex;}.eo_search_empty{color: #555555; font-size: 1.0625em; padding: 10px 4px;}.eo_search_result{display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; gap: 14px; background-color: #fff; border: 2px solid #d8c9a3; border-radius: 14px; padding: 12px;}.eo_search_result img{width: 56px; height: 56px; object-fit: contain; border-radius: 10px; background-color: #f0e8d8; flex-shrink: 0;}.eo_search_result:not(.eo_popular_item){-webkit-flex-wrap: wrap; flex-wrap: wrap;}.eo_search_result:not(.eo_popular_item) .eo_add_btn_small, .eo_search_result:not(.eo_popular_item) .eo_out_of_stock_label{flex: 1 1 100%; text-align: center;}@media (min-width: 420px){.eo_search_result:not(.eo_popular_item){-webkit-flex-wrap: nowrap; flex-wrap: nowrap;}.eo_search_result:not(.eo_popular_item) .eo_add_btn_small, .eo_search_result:not(.eo_popular_item) .eo_out_of_stock_label{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto;}}.eo_search_result_out_of_stock{opacity: .6;}.eo_search_result_out_of_stock .eo_out_of_stock_label{padding: 10px 16px; font-size: 0.9375em;}.eo_search_result_info{flex: 1 1 140px; min-width: 0;}.eo_search_result_name{font-size: 1.0625em; font-weight: 700; margin: 0 0 2px 0;}.eo_search_result_price{font-size: 1em; font-weight: 700; color: #1f3a22; margin: 0;}.eo_add_btn_small{padding: 12px 16px; font-size: 1em;}.eo_search_result_skeleton{pointer-events: none;}.eo_skeleton_block{display: block; background: linear-gradient(90deg, #f0e8d8 25%, #e8dbc2 37%, #f0e8d8 63%); background-size: 400% 100%; border-radius: 8px; animation: eo-skeleton-shimmer 1.4s ease infinite;}.eo_skeleton_image{width: 56px; height: 56px; border-radius: 10px; flex-shrink: 0;}.eo_skeleton_line{height: 14px; margin-bottom: 8px;}.eo_skeleton_line_short{width: 60%; margin-bottom: 0;}@keyframes eo-skeleton-shimmer{0%{background-position: 100% 50%;}100%{background-position: 0 50%;}}.eo_recent_row{margin-bottom: 28px;}.eo_recent_row_title{font-size: 1.0625em; margin-bottom: 10px;}.eo_recent_row_items{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; gap: 10px;}.eo_recent_chip{display: inline-block; padding: 11px 16px; border-radius: 999px; border: 2px solid #d8c9a3; background-color: #fff; color: #222222; font-weight: 700; font-size: 0.9375em; text-decoration: none;}.eo_recent_chip:hover{border-color: #2f5233; color: #222222;}.eo_subcategories{margin-bottom: 34px; padding-bottom: 30px; border-bottom: 2px solid #d8c9a3;}.eo_tiles{display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px;}@media (min-width: 480px){.eo_tiles{grid-template-columns: repeat(4, 1fr);}}.eo_tile{position: relative; display: block; aspect-ratio: 1; overflow: hidden; background-color: #f0e8d8; border: 2px solid #d8c9a3; border-radius: 16px; text-decoration: none; transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;}.eo_tile:hover{border-color: #2f5233; box-shadow: 0 4px 0 #d8c9a3; transform: translateY(-2px);}.eo_tile.eo_tile_hidden{display: none;}.eo_tile_media{position: absolute; top: 0; right: 0; bottom: 0; left: 0;}.eo_tile_media img{width: 100%; height: 100%; object-fit: cover;}.eo_tile_label{position: absolute; left: 0; right: 0; bottom: 0; padding: 22px 10px 12px 10px; text-align: center; color: #fff; font-size: 1em; font-weight: 700; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); background: linear-gradient(to top, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0));}.eo_tile_no_image .eo_tile_label{top: 0; display: -webkit-box; display: -webkit-flex; display: flex; align-items: center; justify-content: center; padding: 10px; color: #222222; text-shadow: none; background: none;}.eo_tiles_more_wrap{display: -webkit-box; display: -webkit-flex; display: flex; justify-content: center; gap: 14px; margin-top: 18px;}.eo_show_more_btn, .eo_show_all_btn{background-color: #fff; color: #1f3a22; border: 2px solid #d8c9a3; border-radius: 999px; padding: 13px 24px; font-size: 1em; font-weight: 700; cursor: pointer;}.eo_show_more_btn:hover, .eo_show_all_btn:hover{border-color: #2f5233;}.eo_show_all_btn{background-color: #2f5233; color: #fff; border-color: #2f5233;}.eo_show_all_btn:hover{background-color: #1f3a22; border-color: #1f3a22;}.eo_popular_row{margin-bottom: 34px; padding-bottom: 30px; border-bottom: 2px solid #d8c9a3;}.eo_popular_row_items{display: -webkit-box; display: -webkit-flex; display: flex; gap: 14px; overflow-x: auto; padding-bottom: 4px; -webkit-overflow-scrolling: touch;}.eo_popular_item{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: 190px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; align-items: stretch; gap: 10px; padding: 14px;}.eo_popular_item img{width: 100%; height: 140px; border-radius: 10px;}.eo_popular_item .eo_search_result_info{flex: 1;}.eo_popular_item .eo_search_result_name{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}.eo_popular_item .eo_add_btn_small{width: 100%; text-align: center;}.eo_popular_item .eo_out_of_stock_label{width: 100%; text-align: center; box-sizing: border-box;}.eo_product_grid{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 16px;}.eo_product_card{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; align-items: center; gap: 12px; background-color: #fff; border: 2px solid #d8c9a3; border-radius: 16px; padding: 14px;}.eo_product_card img{width: 64px; height: 64px; object-fit: contain; border-radius: 12px; background-color: #f0e8d8; flex-shrink: 0;}@media (min-width: 480px){.eo_product_card{-webkit-flex-wrap: nowrap; flex-wrap: nowrap; padding: 16px;}.eo_product_card img{width: 72px; height: 72px;}.eo_add_btn, .eo_product_card .eo_out_of_stock_label{-webkit-box-flex: 0; -webkit-flex: 0 0 auto; flex: 0 0 auto; width: auto;}}.eo_product_card_out_of_stock{opacity: .6;}.eo_out_of_stock_label{flex-shrink: 0; padding: 14px 20px; font-size: 1.0625em; font-weight: 700; color: #555555; border: 2px solid #d8c9a3; border-radius: 12px; white-space: nowrap;}.eo_product_card .eo_add_btn, .eo_product_card .eo_out_of_stock_label{flex: 1 1 100%; text-align: center;}.eo_product_info{flex: 1 1 140px; min-width: 0;}.eo_product_name{font-size: 1.25em; font-weight: 700; margin: 0 0 4px 0;}.eo_product_price{font-size: 1.1875em; font-weight: 700; color: #1f3a22; margin: 0;}.eo_add_btn{background-color: #2f5233; color: #fff; border: none; border-radius: 12px; padding: 14px 20px; font-size: 1.125em; font-weight: 700; cursor: pointer; white-space: nowrap; box-shadow: 0 3px 0 #1f3a22;}.eo_add_btn:hover{background-color: #1f3a22;}.eo_add_btn:active{box-shadow: 0 1px 0 #1f3a22; transform: translateY(2px);}.eo_add_btn:disabled{opacity: .75; cursor: wait; box-shadow: none;}.eo_add_btn.eo_added{background-color: #c9a227; color: #1f3a22; box-shadow: 0 3px 0 #896e1b; cursor: default;}.eo_empty_state{text-align: center; padding: 60px 20px; color: #555555; font-size: 1.125em;}.eo_tell_us_row{text-align: center; margin-top: 30px; padding-top: 24px; border-top: 2px solid #d8c9a3;}.eo_tell_us_link{display: inline-block; color: #1f3a22; font-weight: 700; font-size: 1.0625em; text-decoration: none;}.eo_tell_us_link:hover{text-decoration: underline;}.eo_form_error{background-color: #fdecea; color: #a33; border: 2px solid #e5b3ac; border-radius: 12px; padding: 14px 18px; font-weight: 700; margin-bottom: 20px;}.eo_request_form{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 6px; max-width: 560px;}.eo_form_label{font-weight: 700; margin-top: 18px;}.eo_form_input{width: 100%; padding: 14px 16px; border: 2px solid #d8c9a3; border-radius: 12px; font-family: "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; font-size: 1.0625em; color: #222222; background-color: #fff;}.eo_form_input:focus-visible{outline: 3px solid #1a73e8; outline-offset: 1px; border-color: #1a73e8;}.eo_form_textarea{min-height: 80px; resize: vertical;}.eo_request_items{display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; gap: 10px;}.eo_request_item_row{display: -webkit-box; display: -webkit-flex; display: flex; gap: 10px;}.eo_request_item_name{flex: 1;}.eo_request_item_qty{width: 90px; flex-shrink: 0;}.eo_add_item_btn{align-self: flex-start; margin-top: 8px; background: none; border: 2px dashed #d8c9a3; border-radius: 999px; padding: 13px 20px; color: #1f3a22; font-weight: 700; font-size: 0.9375em; cursor: pointer;}.eo_add_item_btn:hover{border-color: #2f5233;}.eo_request_submit_btn{margin-top: 26px; align-self: flex-start;}.eo_thanks_state{text-align: center; padding: 60px 20px;}.eo_thanks_state .eo_title{margin-bottom: 10px;}.eo_thanks_state .eo_subtitle{margin-bottom: 28px;}.eo_thanks_state .eo_add_btn{display: inline-block; text-decoration: none;}