:root{--primary-color: #4f46e5;--text-primary: #111827;--text-secondary: #4b5563;--bg-primary: #f9fafb;--bg-white: #ffffff;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1),
    0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1),
    0 4px 6px -4px rgb(0 0 0 / 0.1)}.bg-gray{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);display:none;justify-content:center;align-items:center;z-index:999}.bg-loading{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(255,255,255,0.8);display:none;justify-content:center;align-items:center;z-index:9999}.loading{border-radius:50%;width:100px;height:100px;border:10px solid rgba(18,230,219,0.325);border-top:10px solid #12e6db;animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}body{font-family:"Plus Jakarta Sans", sans-serif;background-color:#F6F9FA;color:var(--text-primary);line-height:1.5}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.navbar{background-color:var(--bg-white);box-shadow:var(--shadow-sm)}.navbar-container{height:4rem;display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 auto;padding:0 1rem}.brand{display:flex;align-items:center;gap:0.5rem}.brand .shopping-bag{color:var(--primary-color)}.brand span{font-size:1.25rem;font-weight:bold;color:var(--text-primary)}.search-container{position:relative;flex:1;max-width:32rem;margin:0 2rem}.search-container input{width:100%;padding:0.5rem 1rem;padding-right:2.5rem;border:1px solid #d1d5db;border-radius:9999px;outline:none;transition:all 0.2s}.search-container input:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(79,70,229,0.1)}.search-container .search-icon{position:absolute;right:0.75rem;top:50%;transform:translateY(-50%);color:#9ca3af}.nav-actions{display:flex;gap:1rem}.icon-button{border:none;background:transparent;cursor:pointer;color:var(--text-secondary);transition:background-color 0.2s;padding:0}.icon-button:hover{background-color:#f3f4f6}.cart-button{position:relative}.header{margin-bottom:2rem;text-align:center}.header h1{font-size:2rem;font-weight:bold;color:var(--text-primary);margin-bottom:0.5rem}.header p{color:var(--text-secondary)}.box-shadow{box-shadow:0px 0px 8px 2px #C1D2ED4D}.color-1{color:#163551}.color-5{color:#5C6C8A}.color-7{color:#707F98}.color-8{color:#808FAB}.orange-F{color:#F87F16}.fs-14{font-size:0.875rem}.fs-16{font-size:1rem}.fs-18{font-size:1.125rem}.fs-20{font-size:1.25rem}.fs-24{font-size:1.5rem}@media (min-width: 768px){.border-radius-8{border-radius:0.5rem !important}}@media (max-width: 576px){.fs-14{font-size:0.75rem}.fs-16{font-size:0.875rem}.fs-18{font-size:1rem}.fs-20{font-size:1.125rem}.fs-24{font-size:1.25rem}.address-type{padding:6px 14px !important}}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle-container{display:flex;align-items:center;cursor:pointer;user-select:none}.toggle-container.disabled .toggle-wrapper.active{background:rgba(59,131,246,0.57)}.toggle-label{font-weight:400;font-size:1rem;color:#163551;margin-right:10px}.toggle-wrapper{width:48px;height:24px;background:#D9D9D9;border-radius:999px;display:flex;align-items:center;padding:2px;transition:background 0.3s ease}.toggle-circle{width:20px;height:20px;background:white;border-radius:50%;transition:transform 0.3s ease}.toggle-wrapper.active{background:#3b82f6}.toggle-wrapper.active .toggle-circle{transform:translateX(24px)}.address-type{color:#837F7F;cursor:pointer;border-radius:5px;padding:4px 10px;background-color:#F2F2F2;font-weight:600;font-size:1rem;transition:all 0.3s ease}.address-type:hover{background-color:#e6e4e4}.address-type.active{background-color:#46B9CE;color:white}.cursor-pointer{cursor:pointer}.font-family-for-logo{font-family:"Saira", sans-serif}.fs-25{font-size:0.25rem}.fs-30{font-size:0.3rem}.fs-35{font-size:0.35rem}.fs-40{font-size:0.4rem}.fs-45{font-size:0.45rem}.fs-50{font-size:0.5rem}.fs-55{font-size:0.55rem}.fs-6{font-size:0.6rem}.fs-65{font-size:0.65rem}.fs-7{font-size:0.7rem}.fs-75{font-size:0.75rem}.fs-8{font-size:0.8rem}.fs-85{font-size:0.85rem}.fs-9{font-size:0.9rem}.fs-95{font-size:0.95rem}.fs-96{font-size:0.96rem}.fs-97{font-size:0.97rem}.fs-98{font-size:0.98rem}.fs-99{font-size:0.99rem}.fs-105{font-size:1.05rem}.fs-110{font-size:1.1rem}.fs-115{font-size:1.15rem}.fs-120{font-size:1.2rem}.fs-125{font-size:1.25rem}.fs-130{font-size:1.3rem}.fs-135{font-size:1.35rem}.fs-140{font-size:1.4rem}.fs-145{font-size:1.45rem}.fs-150{font-size:1.5rem}.fs-155{font-size:1.55rem}.fs-160{font-size:1.6rem}.fs-165{font-size:1.65rem}.fs-170{font-size:1.7rem}.fs-175{font-size:1.75rem}.fs-180{font-size:1.8rem}.fs-185{font-size:1.85rem}.fs-190{font-size:1.9rem}.fs-195{font-size:1.95rem}.fs-200{font-size:2rem}.fs-250{font-size:2.5rem}.fs-300{font-size:3rem}.mt-075{margin-top:0.75rem !important}.mb-075{margin-bottom:0.75rem !important}.ms-075{margin-left:0.75rem !important}.me-075{margin-right:0.75rem !important}.m-075{margin:0.75rem !important}.fw-100{font-weight:100 !important}.fw-200{font-weight:200 !important}.fw-300{font-weight:300 !important}.fw-400{font-weight:400 !important}.fw-500{font-weight:500 !important}.fw-600{font-weight:600 !important}.fw-700{font-weight:700 !important}.fw-800{font-weight:800 !important}.fw-900{font-weight:900 !important}.btn-tts{background-color:#fff;border:1px solid #57c5d4;color:#39b8cc}.btn-tts:hover{background-color:#00AECD;color:#fff}.btn-tts-secondary{background-color:#00AECD;border:1px solid #00AECD;color:#FFFFFF}.btn-tts-secondary:hover{background-color:#FFFFFF;color:#00AECD;border:1px solid #00AECD}.store-card{color:#2499bc}.store-card__image{width:56px;height:56px;border-radius:50%;object-fit:contain}.store-card__name{color:#1e3454}@media (max-width: 992px){.store-card .store-card__bottom{width:100%}}.provider{cursor:pointer}.provider:hover{background-color:#eff8fa}.provider__image{width:56px;height:56px;border-radius:50%;object-fit:contain}.provider__name{color:#1e3454}.modal-choose-provider__input-box{border:1px solid #57c5d4;overflow:hidden;min-height:40px}.modal-choose-provider__input-box input{min-height:40px;border:none;outline:none;width:100%}.modal-choose-provider__input-box .btn-search{min-height:40px;box-sizing:border-box;border:none;color:#fff;background:linear-gradient(270deg, rgba(29,163,194,0.9) 0%, rgba(71,193,208,0.9) 100%)}.book__items{flex:0 0 33%;cursor:pointer;text-decoration:none}.book__items:hover .book__items-container{box-shadow:0px 0px 8px 2px #C1D2ED66}@media (min-width: 768px){.book__items{flex:0 0 25%}}@media (min-width: 992px){.book__items{flex:0 0 25%}}@media (min-width: 1200px){.book__items{flex:0 0 20%}}.book__image{width:65%;aspect-ratio:142/189;object-fit:cover}.book__name{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#1e3454;line-height:1.5rem;min-height:3rem}.book__price{color:#1ea4c3}.book__price-old,.book__sold{color:#8e8e8e}.book__status{background-color:#e3fcff;color:#018494}.book__discount{background-color:#d71e26;color:#ffffff;display:inline-block}.book__buttons{display:none;top:60%;left:0}.color-text-primary-tts{color:#1E3454}.ads-modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,0.5)}.ads-modal-content{background-color:#fff;margin:15% auto;padding:20px;border:1px solid #888;width:80%;max-width:600px;position:relative}.ads-close{color:#aaa;float:right;font-size:28px;font-weight:bold;position:absolute;top:10px;right:20px}.ads-close:hover,.ads-close:focus{color:black;text-decoration:none;cursor:pointer}.custom-class-books .btn-classes{background:#FFF;border:1px solid #57C5D4;color:#57C5D4;border-radius:8px;font-weight:600}.custom-class-books .btn-classes:hover{background:#27AECB;color:#FFF;border-radius:8px}.custom-class-books .btn-classes.active{background:#27AECB;color:#FFF;border-radius:8px}