/* <inline asset> */
@charset "UTF-8"; 

/* /adelya_connector/static/src/scss/bons_plans_page.scss */
 :root{--ue-black: #191919; --ue-dark: #545454; --ue-mid: #757575; --ue-light: #bfbfbf; --ue-border: #e8e8e8; --ue-bg: #ffffff; --ue-bg-page: #ffffff; --ue-green: #05944f; --ue-green-bg: #e6f5ed; --ue-red: #d4111e; --ue-orange: #e86826; --ue-amber: #c48000; --ue-primary: #34586E; --ue-radius: 16px; --ue-radius-sm: 12px; --ue-transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);}.o_bp{background: var(--ue-bg-page); min-height: 100vh; padding-bottom: 100px;}@media (max-width: 767px){.o_bp{padding-bottom: 120px;}}.o_bp_page{max-width: 1200px; margin: 0 auto; padding: 0 16px;}@media (min-width: 768px){.o_bp_page{padding: 0 24px;}}.o_bp_header{padding: 20px 0 4px;}@media (min-width: 768px){.o_bp_header{padding: 32px 0 8px;}}.o_bp_header_title{font-size: 26px; font-weight: 800; color: var(--ue-black); margin: 0 0 2px; letter-spacing: -0.5px; line-height: 1.15;}@media (min-width: 768px){.o_bp_header_title{font-size: 32px;}}.o_bp_header_sub{font-size: 14px; color: var(--ue-mid); margin: 0; font-weight: 400;}.o_bp_pills{display: flex; gap: 0; padding: 0; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; position: sticky; top: 0; z-index: 100; background: var(--ue-bg-page); border-bottom: 1px solid var(--ue-border);}.o_bp_pills::-webkit-scrollbar{display: none;}.o_bp_pill{display: inline-flex; align-items: center; gap: 0.3rem; padding: 0.7rem 0.9rem; border: none; border-bottom: 2px solid transparent; border-radius: 0; margin-bottom: -1px; background: transparent; color: #6c757d; font-size: 0.8rem; font-weight: 500; white-space: nowrap; cursor: pointer; transition: var(--ue-transition); flex-shrink: 0; -webkit-tap-highlight-color: transparent; user-select: none; text-decoration: none;}.o_bp_pill:hover{color: var(--ue-black); text-decoration: none;}.o_bp_pill.active{color: #34586E; border-bottom-color: #34586E; font-weight: 600;}.o_bp_pill_count{display: inline-flex; align-items: center; justify-content: center; min-width: 18px; padding: 0.05rem 0.4rem; border-radius: 999px; background: #e9ecef; font-size: 0.65rem; font-weight: 600; color: #6c757d; text-align: center;}.active .o_bp_pill_count{color: #34586E; background: rgba(52, 88, 110, 0.08);}.o_bp_section{margin-bottom: 8px;}@media (min-width: 768px){.o_bp_section{margin-bottom: 16px;}}.o_bp_section + .o_bp_section{border-top: 1px solid #e0e0e0;}.o_bp_section_row{display: flex; align-items: center; gap: 0.6rem; padding: 24px 0 14px;}@media (min-width: 768px){.o_bp_section_row{padding: 32px 0 18px;}}.o_bp_section_arrow{margin-left: auto; font-size: 0.7rem; color: #6c757d; transition: transform 0.2s ease;}.o_bp_section_row:hover .o_bp_section_arrow{transform: translateX(3px); color: #34586E;}.o_bp_section_title{font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: #6c757d; margin: 0;}.o_bp_section_count{font-size: 0.6rem; font-weight: 600; color: #34586E; background: rgba(52, 88, 110, 0.08); padding: 0.1rem 0.45rem; border-radius: 999px; min-width: 18px; text-align: center;}.o_bp_swim{display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; margin: 0; padding: 0 0 16px;}.o_bp_swim::-webkit-scrollbar{display: none;}@media (min-width: 768px){.o_bp_swim{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; overflow-x: visible; scroll-snap-type: none; padding: 0 0 20px;}}@media (min-width: 1200px){.o_bp_swim{grid-template-columns: repeat(4, 1fr);}}.o_bp_card{flex: 0 0 55%; max-width: 220px; scroll-snap-align: start; scroll-snap-stop: always; display: flex; flex-direction: column; text-decoration: none !important; color: inherit !important; cursor: pointer; -webkit-tap-highlight-color: transparent;}.o_bp_card:hover .o_bp_card_img{transform: scale(1.03);}.o_bp_card:active .o_bp_card_img_wrap{transform: scale(0.98); transition: transform 0.1s ease;}@media (min-width: 768px){.o_bp_card{flex: none; max-width: none;}}.o_bp_card_img_wrap{position: relative; width: 100%; border-radius: var(--ue-radius); overflow: hidden; background: #f5f5f5; transition: transform var(--ue-transition);}.o_bp_card_img{width: 100%; height: auto; display: block; transition: transform 0.35s ease;}.o_bp_card_no_img{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%);}.o_bp_card_no_img i{font-size: 2.5rem; color: #ccc;}.o_bp_urgency{position: absolute; top: 12px; right: 12px; padding: 4px 10px; border-radius: 4px; background: var(--ue-red); color: #fff; font-size: 12px; font-weight: 700; line-height: 1.3; z-index: 2; letter-spacing: 0.2px;}.o_bp_urgency.o_urg_critical{background: var(--ue-red); animation: urgPulse 2s ease-in-out infinite;}.o_bp_urgency.o_urg_warning{background: var(--ue-orange);}.o_bp_urgency.o_urg_soon{background: var(--ue-amber);}.o_bp_urgency.o_urg_relax{background: var(--ue-mid);}@keyframes urgPulse{0%, 100%{opacity: 1;}50%{opacity: 0.75;}}.o_bp_card_body{padding: 10px 4px 0; display: flex; flex-direction: column; gap: 2px;}.o_bp_card_name{font-size: 15px; font-weight: 700; color: var(--ue-black); margin: 0; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}@media (min-width: 768px){.o_bp_card_name{font-size: 16px;}}.o_bp_card_row{display: flex; align-items: center; gap: 4px; margin-top: 4px; flex-wrap: wrap;}.o_bp_card_merchant{font-size: 13px; font-weight: 400; color: var(--ue-mid);}.o_bp_card_dot{font-size: 13px; color: var(--ue-light);}.o_bp_card_tag{font-size: 13px; font-weight: 500; color: var(--ue-mid); display: inline-flex; align-items: center; gap: 3px;}.o_bp_card_tag i{font-size: 11px;}.o_bp_tag_perm{color: var(--ue-green);}.o_bp_card_date{font-size: 13px; font-weight: 500; color: var(--ue-mid); display: inline-flex; align-items: center; gap: 3px;}.o_bp_past{margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--ue-border);}.o_bp_past_btn{display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 12px 16px; background: #fafafa; border: 1px solid var(--ue-border); border-radius: var(--ue-radius-sm); color: var(--ue-dark); font-size: 14px; font-weight: 500; cursor: pointer; transition: var(--ue-transition);}.o_bp_past_btn:hover{background: #f0f0f0; color: var(--ue-black);}.o_bp_past_btn i.fa-history{margin-right: 6px;}.o_bp_past_chev{transition: transform 0.3s ease; font-size: 12px;}[aria-expanded="true"] .o_bp_past_chev{transform: rotate(180deg);}.o_bp_past_list{display: flex; flex-direction: column; gap: 4px; padding-top: 12px;}.o_bp_past_item{display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: var(--ue-radius-sm); background: #fafafa; text-decoration: none !important; color: inherit !important; opacity: 0.55; transition: opacity var(--ue-transition);}.o_bp_past_item:hover{opacity: 0.8;}.o_bp_past_thumb{width: 48px; height: 48px; border-radius: 8px; overflow: hidden; flex-shrink: 0; background: #eee; display: flex; align-items: center; justify-content: center;}.o_bp_past_thumb img{width: 100%; height: 100%; object-fit: cover; filter: grayscale(50%);}.o_bp_past_thumb i{font-size: 1.1rem; color: #ccc;}.o_bp_past_info{flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 1px;}.o_bp_past_name{font-size: 14px; font-weight: 600; color: var(--ue-black); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}.o_bp_past_date{font-size: 12px; color: var(--ue-mid);}.o_bp_past_badge{font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.3px; color: var(--ue-red); background: rgba(212, 17, 30, 0.06); padding: 3px 8px; border-radius: 999px; flex-shrink: 0;}.o_bp_empty{text-align: center; padding: 80px 24px;}.o_bp_empty_ico{font-size: 56px; color: var(--ue-light); margin-bottom: 20px; display: block;}.o_bp_empty h3{font-size: 18px; font-weight: 700; color: var(--ue-black); margin-bottom: 8px;}.o_bp_empty p{font-size: 14px; color: var(--ue-mid); margin: 0;}.o_bp_card{opacity: 0; transform: translateY(12px); animation: bpUp 0.4s ease forwards;}.o_bp_swim .o_bp_card:nth-child(1){animation-delay: 0s;}.o_bp_swim .o_bp_card:nth-child(2){animation-delay: 0.06s;}.o_bp_swim .o_bp_card:nth-child(3){animation-delay: 0.12s;}.o_bp_swim .o_bp_card:nth-child(4){animation-delay: 0.18s;}.o_bp_swim .o_bp_card:nth-child(5){animation-delay: 0.24s;}.o_bp_swim .o_bp_card:nth-child(6){animation-delay: 0.3s;}.o_bp_swim .o_bp_card:nth-child(7){animation-delay: 0.36s;}.o_bp_swim .o_bp_card:nth-child(8){animation-delay: 0.42s;}.o_bp_swim .o_bp_card:nth-child(9){animation-delay: 0.48s;}.o_bp_swim .o_bp_card:nth-child(10){animation-delay: 0.54s;}.o_bp_swim .o_bp_card:nth-child(11){animation-delay: 0.6s;}.o_bp_swim .o_bp_card:nth-child(12){animation-delay: 0.66s;}@keyframes bpUp{to{opacity: 1; transform: translateY(0);}}@media (max-width: 767px){.o_bp .container{padding-left: 0; padding-right: 0;}}