.package-selection-title.h2{margin-top:12px}.gender-pre-selection-container{display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;padding:0 12px;opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.gender-pre-selection-container.hiding{opacity:0;transform:translateY(-20px);pointer-events:none}.gender-pre-selection-container.hidden{display:none}.gender-pre-selection-buttons{display:flex;gap:20px;justify-content:center}.gender-pre-selection{background:var(--color-bright-yellow);border:1px solid var(--color-bright-yellow);color:var(--color-navy-blue);min-width:180px;border:none;padding:20px 40px;border-radius:50px;font-size:16px;font-weight:500;font-family:Poppins}.gender-pre-selection:hover{background:#313b92d9;color:#fff;transform:translateY(-1px);cursor:pointer}.selected-appointment-summary{text-align:center;margin-bottom:12px;padding:20px;background-color:#f0f9f4;border:1px solid #28a745;border-radius:8px;position:relative}.selected-appointment-summary .close-button{position:absolute;top:0;right:0;background:none;border:none;color:#6c757d;font-size:18px;font-weight:700;cursor:pointer;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.selected-appointment-summary .close-button:hover{background-color:#e9ecef;color:#495057}.selected-appointment-summary .close-button:focus{outline:2px solid #28a745;outline-offset:2px}.appointment-summary-text{margin:0;color:var(--color-navy-blue);font-family:Poppins;font-size:16px;font-weight:500;line-height:1.4;display:inline-block;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px}.appointment-summary-content{flex:1;text-align:center}.appointment-modify-btn{background:var(--color-navy-blue);border:1px solid rgba(49,59,146,.2);padding:4px 6px;cursor:pointer;color:#fff;opacity:1;transition:all .2s ease;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;margin-left:4px}.appointment-modify-btn:hover{background-color:#313b9226;border-color:#313b9266;transform:scale(1.05);color:var(--color-navy-blue)}.appointment-modify-btn:focus{outline:2px solid var(--color-navy-blue);outline-offset:1px;opacity:1}.appointment-modify-btn svg{width:12px;height:12px;margin-right:3px}.appointment-modify-btn .modify-text{font-size:11px;font-weight:500;text-transform:lowercase;letter-spacing:.3px}@media (max-width: 990px){.selected-appointment-summary{padding:8px 24px 16px;width:fit-content;justify-self:center;margin:12px}.selected-appointment-summary .close-button{top:6px;right:8px;width:20px;height:20px;font-size:14px}.appointment-summary-text{display:flex;font-size:14px;flex-direction:column;gap:12px}.appointment-summary-content{flex:none}p.appointment-summary-text{position:relative}.appointment-modify-btn{padding:6px 8px;margin-left:0;position:absolute;bottom:-31px;right:-16px}.appointment-modify-btn svg{width:12px;height:12px}.appointment-modify-btn .modify-text{font-size:12px}}.package-selection-section{transform:translateY(20px);transition:all .4s ease}.package-selection-title{text-align:center;margin-bottom:20px}.gender-toggle-container{display:none;justify-content:center;margin:0 0 30px}.package-selection-section{opacity:.5;pointer-events:none;transition:opacity .3s ease,max-height .3s ease;position:relative;overflow:hidden}.package-selection-section:not(.active){max-height:300px;opacity:.3;filter:grayscale(.5)}.package-selection-section:not(.active):after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.3) 40%,rgba(255,255,255,.7) 70%,rgba(255,255,255,.95) 100%);pointer-events:none;z-index:1}.package-selection-section.active{opacity:1;pointer-events:auto;max-height:none;filter:grayscale(0)}.package-selection-section.active:after{display:none}.package-selection-section.active .gender-toggle-container{display:flex}.gender-toggle{display:inline-flex;background:#fff;border-radius:8px;padding:4px;position:relative}.gender-option{background:transparent;border:none;padding:4px 8px;border-radius:8px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .3s ease;position:relative;z-index:2;min-width:80px}.gender-option.active{background:var(--color-navy-blue);color:#fff;box-shadow:0 2px 4px #4f46e533}.gender-option:hover:not(.active){color:var(--color-navy-blue)}.package-cards-container{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0 auto}.package-column{background:#fff;border:2px solid #e5e7eb;padding:0;text-align:center;transition:all .3s ease;position:relative;display:flex;flex-direction:column;border-radius:14px;background:#fff0;box-shadow:0 0 10px #0000001a}.package-column-signature .package-header{background:#48c0ff}.package-column-silver .package-header{background:#3ec8df}.package-column-gold .package-header{background:var(--color-bright-yellow)}.package-column-platinum .package-header{background:var(--color-navy-blue)}.package-header{padding:24px 4px;position:relative;border-radius:12px 12px 0 0}.package-name{font-family:Poppins;font-size:18px;font-weight:600;color:#fff;margin:0 0 20px}.popular-badge{background:var(--color-navy-blue);color:#fff;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;display:inline-block;margin-bottom:10px;position:absolute;top:-13px;right:10px}.package-accordion{flex:1;padding:16px;background-color:#fff}.accordion-item{border-bottom:1px solid #e5e7eb;position:relative}.accordion-item:last-child{border-bottom:none}.accordion-item.included .accordion-title:before{content:"";position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:20px;height:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cg clip-path='url(%23clip0_195_3323)'%3E%3Cmask id='mask0_195_3323' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Cpath d='M20 0H0V20H20V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_195_3323)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C4.48438 0 0 4.48438 0 10C0 15.5156 4.48438 20 10 20C15.5156 20 20 15.5156 20 10C20 4.48438 15.5156 0 10 0Z' fill='%23FFBF0D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8361 6.62891C15.0783 6.87109 15.0783 7.26953 14.8361 7.51172L8.97676 13.3711C8.85567 13.4922 8.69551 13.5547 8.53536 13.5547C8.3752 13.5547 8.21504 13.4922 8.09395 13.3711L5.16426 10.4414C5.02207 10.1992 5.02207 9.80078 5.16426 9.55859C5.40645 9.31641 5.80489 9.31641 6.04708 9.55859L8.53536 12.0469L13.9533 6.62891C14.1955 6.38281 14.5939 6.38281 14.8361 6.62891Z' fill='%23808080'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_195_3323'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;background-position:center}.accordion-item.included .accordion-header:hover .accordion-title:before{filter:brightness(1.2)}.accordion-item:not(.included) .accordion-title{text-decoration:line-through;color:gray}.accordion-item:not(.included) .accordion-title:before{content:"\2713";position:absolute;left:-20px;top:50%;transform:translateY(-50%);color:#d1d5db;font-weight:600;font-size:16px;filter:grayscale(100%);opacity:.5}.accordion-item:not(.included) .accordion-body li{text-decoration:line-through;color:gray}.accordion-item:not(.included) .accordion-header:hover .accordion-title{color:#a0a0a0}.accordion-item:not(.included) .accordion-header:hover .accordion-title:before{color:#e5e7eb}.accordion-header{width:100%;background:none;border:none;text-align:left;cursor:pointer;font-family:Poppins;font-size:14px;font-weight:500;color:#000;display:flex;justify-content:space-between;align-items:center;gap:10px;transition:color .3s ease;border-radius:8px;border:1px solid var(--color-navy-blue);background:#f8f9ff;padding:14px 12px 14px 42px}.accordion-header:hover{background:#eef1ff;border-color:var(--color-navy-blue);color:var(--color-navy-blue)}.accordion-header:focus-visible{background:#eef1ff;border-color:var(--color-navy-blue);color:var(--color-navy-blue)}.accordion-title{flex:1;text-align:left;position:relative}.accordion-icon{width:10px;height:10px;position:relative;border-bottom:2px solid var(--color-navy-blue);border-right:2px solid var(--color-navy-blue);transform:rotate(45deg);transition:transform .3s ease}.accordion-header .accordion-icon{transform:rotate(225deg)}.accordion-header[aria-expanded=true] .accordion-icon,.accordion-header.expanded .accordion-icon{transform:rotate(45deg)}.accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.accordion-content[aria-hidden=false]{max-height:300px}.package-swiper .accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.package-swiper .accordion-content[aria-hidden=false]{max-height:300px}.accordion-body{padding:0 0 8px 24px}p.accordion-description{margin:0 0 8px -12px!important;padding:0}.accordion-description,.accordion-body li{font-family:Poppins;font-size:13px;color:#000;margin:0 0 8px;line-height:1.4;text-align:left}.accordion-body li:last-child{margin-bottom:0}.package-selection-section[data-selected-gender=female] .accordion-body li[data-gender=male],.package-selection-section[data-selected-gender=male] .accordion-body li[data-gender=female]{display:none}.package-footer{padding:24px 18px 12px;border-top:1px solid #e5e7eb;background:#f8f9fa;border-radius:0 0 10px 10px}.package-price-with-hsa{margin-bottom:8px;position:relative;display:flex;justify-content:center;align-items:center}.package-price{font-family:Poppins;font-size:20px;font-weight:700;color:var(--color-navy-blue);line-height:1.1}.package-price .currency{font-size:16px;font-weight:500}.hsa-fsa-eligible{position:absolute;left:50%;top:-9px;transform:translate(-50%,-100%);margin-top:-3px;display:flex;align-items:center;gap:3px;font-size:14px;color:#28a745;font-weight:500;line-height:1;white-space:nowrap;background:var(--color-light-blue);padding:6px 12px;border-radius:4px}.hsa-fsa-icon{width:12px;height:12px;color:#28a745;flex-shrink:0}.hsa-fsa-text{line-height:1}.package-select-btn{width:100%;background:var(--color-navy-blue);color:#fff;border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-family:Poppins;font-size:14px;font-weight:500;transition:all .3s ease}.package-select-btn:hover{background:#313b92d9;transform:translateY(-1px)}.package-select-btn:focus{outline:2px solid var(--color-bright-yellow);outline-offset:2px}.physician-fee-text{font-size:14px;color:#666;text-align:center;margin:8px 0 0;font-weight:500;line-height:1.3;padding:14px 12px 4px;font-family:Poppins;font-style:italic}.original-price-line{font-size:12px}.package-slider-mobile{display:none}.package-swiper{width:100%;padding-bottom:60px;position:relative}.package-swiper .swiper-slide{height:auto;display:flex;justify-content:center}.package-swiper .swiper-pagination{bottom:10px;position:relative;margin-top:20px}.package-swiper .swiper-pagination-bullet{background:var(--color-navy-blue);opacity:.3}.package-swiper .swiper-pagination-bullet-active{opacity:1;background:var(--color-navy-blue)}.package-swiper .swiper-button-next,.package-swiper .swiper-button-prev{color:var(--color-navy-blue);width:40px;height:40px;margin-top:-20px;background:#ffffffe6;border-radius:50%;box-shadow:0 2px 8px #00000026;border:1px solid rgba(0,0,0,.1);transition:all .3s ease}.package-swiper .swiper-button-next:hover,.package-swiper .swiper-button-prev:hover{background:#fff;box-shadow:0 4px 12px #0003;transform:scale(1.05)}.package-swiper .swiper-button-next{right:2px}.package-swiper .swiper-button-prev{left:2px}.package-swiper .swiper-button-next:after,.package-swiper .swiper-button-prev:after{font-size:18px;font-weight:700}@media (max-width: 1200px){.accordion-body{padding:12px 0 24px 16px}}@media (max-width: 990px){.package-selection-title.h2{margin-top:0}.appointment-main .h2{margin-bottom:16px;padding-inline:12px;padding-top:4px;font-size:24px;line-height:30px}.gender-toggle-container{margin:0 0 20px;padding:0 12px}.gender-option{padding:10px 20px;font-size:13px;min-width:70px}.gender-pre-selection-container{padding:0 12px;margin-bottom:16px;max-height:250px}.gender-pre-selection-buttons{gap:12px;flex-direction:row;align-items:center;min-width:160px}.gender-pre-selection{padding:16px 40px;font-size:14px;min-width:120px}.package-selection-section{margin-top:0;padding:0}.package-selection-section.visible{display:block;margin-top:-10px}.package-cards-container{grid-template-columns:1fr;gap:16px;display:none}.package-column{min-height:auto;margin-bottom:20px}.package-slider-mobile{display:block}.package-header{padding:16px}.package-name{font-size:16px}.package-accordion{padding:18px 8px}.accordion-header{padding:16px 14px 16px 44px;font-size:13px;min-height:48px;-webkit-tap-highlight-color:rgba(49,59,146,.1)}.accordion-body li{font-size:12px}.accordion-content[aria-hidden=false]{max-height:200px}.package-footer{padding:27px 16px 16px}.package-price{font-size:18px}.hsa-fsa-icon{width:10px;height:10px}.package-select-btn{padding:10px 20px;font-size:13px}.physician-fee-text{margin:6px 0 0}.package-swiper{padding:0 12px 40px;margin-bottom:30px}.package-swiper .swiper-slide{padding:0}.package-column{max-width:300px}.package-swiper .swiper-slide{display:flex;justify-content:center;align-items:stretch}.package-swiper .package-column{width:100%;max-width:280px;margin:0 auto}.popular-badge{display:none}.hsa-fsa-eligible{top:-10px}}@media (max-width: 768px){.package-cards-container{grid-template-columns:1fr;gap:16px}.package-column{max-width:400px;margin:0 auto 20px}}@media (max-width: 480px){.package-cards-container{gap:12px}.package-column{margin-bottom:16px}.package-header{padding:12px 16px}.package-name{font-size:14px}.accordion-header{padding:8px 14px 8px 37px;font-size:12px}.accordion-item{margin-bottom:8px}.package-accordion{padding:8px 12px 18px}.accordion-body{padding:0 0 8px 24px}.accordion-body li{font-size:11px}.package-footer{padding:28px 12px 12px}.package-price{font-size:16px}.hsa-fsa-icon{width:9px;height:9px}.hsa-fsa-eligible{top:-10px}.package-select-btn{padding:8px 16px;font-size:12px}.physician-fee-text{margin:4px 0 0}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/appointment-package-selection.css.map */