@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,700;1,700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Playfair+Display:ital,wght@0,600;0,700;0,800;1,600;1,700&display=swap";:root{--primary:#f66398;--primary-hover:#da447d;--primary-light:#fdf2f5;--bg-main:#fff;--bg-secondary:#f8f8f8;--text-main:#1c1c1c;--text-muted:#5a5a5a;--text-light:#a0a0a0;--border:#ebebeb;--border-dark:#d5d5d5;--shadow-sm:0 1px 4px #0000000d;--shadow-md:0 4px 16px #00000012;--shadow-lg:0 12px 36px #00000014;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--transition:all .2s ease;--font:"Be Vietnam Pro", sans-serif;--font-title:"Playfair Display", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--primary);border:2px solid var(--bg-secondary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover)}body{font-family:var(--font);background-color:var(--bg-secondary);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font)}a{color:inherit;transition:var(--transition);text-decoration:none}button{font-family:var(--font);cursor:pointer;transition:var(--transition);background:0 0;border:none;outline:none}#root{flex-direction:column;min-height:100vh;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseBg{0%,to{background-color:#fff}50%{background-color:var(--primary-light)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-8px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-spinner{border:2px solid #ffffff4d;border-left-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}.profile-field-group{flex-direction:column;gap:8px;display:flex}.custom-select-trigger{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--border-dark);border-radius:var(--radius-sm);height:42px;transition:border-color var(--transition);box-sizing:border-box;background-color:#fff;justify-content:space-between;align-items:center;padding:0 14px;display:flex;position:relative}.custom-select-trigger:focus-within,.custom-select-trigger:hover{border-color:var(--border-dark)}.custom-select-trigger .chevron-icon{stroke:var(--primary);transition:transform .2s}.custom-select-trigger .chevron-icon.open{transform:rotate(180deg)}.custom-select-trigger .selected-value-text{color:var(--primary);white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1;margin-right:6px;font-size:13.5px;font-weight:600;overflow:hidden}.custom-select-dropdown{z-index:100;border:1px solid var(--border-dark);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);background-color:#fff;max-height:250px;margin-top:4px;padding:4px 0;animation:.2s fadeIn;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.custom-select-option{cursor:pointer;color:var(--text-main);align-items:center;padding:12px 16px;font-size:14.5px;font-weight:500;transition:background-color .15s,color .15s;display:flex}.custom-select-option:hover{color:#f484a8!important;background-color:#f484a80d!important}.custom-select-option.selected{font-weight:700;color:#f484a8!important;background-color:#f484a814!important}input[type=text],input[type=number],input[type=email],input[type=password],input[type=search],input[type=tel],input[type=datetime-local],textarea,select{transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),background-color .25s!important}input[type=text]:hover,input[type=number]:hover,input[type=email]:hover,input[type=password]:hover,input[type=search]:hover,input[type=tel]:hover,input[type=datetime-local]:hover,textarea:hover,select:hover{border-color:#f484a8!important}input[type=text]:focus,input[type=number]:focus,input[type=email]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=datetime-local]:focus,textarea:focus,select:focus{border-color:#f66398!important;outline:none!important;box-shadow:0 0 0 4px #f6639838,0 2px 8px #f663981f!important}:root{--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:#3498db;--toastify-color-success:#07bc0c;--toastify-color-warning:#f1c40f;--toastify-color-error:#e74d3c;--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--toastify-color-info);--toastify-icon-color-success:var(--toastify-color-success);--toastify-icon-color-warning:var(--toastify-color-warning);--toastify-icon-color-error:var(--toastify-color-error);--toastify-container-width:fit-content;--toastify-toast-width:320px;--toastify-toast-offset:16px;--toastify-toast-top:max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right:max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left:max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom:max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background:#fff;--toastify-toast-padding:14px;--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-toast-bd-radius:6px;--toastify-toast-shadow:0px 4px 12px #0000001a;--toastify-font-family:sans-serif;--toastify-z-index:9999;--toastify-text-color-light:#757575;--toastify-text-color-dark:#fff;--toastify-text-color-info:#fff;--toastify-text-color-success:#fff;--toastify-text-color-warning:#fff;--toastify-text-color-error:#fff;--toastify-spinner-color:#616161;--toastify-spinner-color-empty-area:#e0e0e0;--toastify-color-progress-light:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark:#bb86fc;--toastify-color-progress-info:var(--toastify-color-info);--toastify-color-progress-success:var(--toastify-color-success);--toastify-color-progress-warning:var(--toastify-color-warning);--toastify-color-progress-error:var(--toastify-color-error);--toastify-color-progress-bgo:.2}.Toastify__toast-container{z-index:var(--toastify-z-index);-webkit-transform:translate3d(0, 0, var(--toastify-z-index));width:var(--toastify-container-width);box-sizing:border-box;color:#fff;flex-direction:column;display:flex;position:fixed}.Toastify__toast-container--top-left{top:var(--toastify-toast-top);left:var(--toastify-toast-left)}.Toastify__toast-container--top-center{top:var(--toastify-toast-top);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--top-right{top:var(--toastify-toast-top);right:var(--toastify-toast-right);align-items:end}.Toastify__toast-container--bottom-left{bottom:var(--toastify-toast-bottom);left:var(--toastify-toast-left)}.Toastify__toast-container--bottom-center{bottom:var(--toastify-toast-bottom);align-items:center;left:50%;transform:translate(-50%)}.Toastify__toast-container--bottom-right{bottom:var(--toastify-toast-bottom);right:var(--toastify-toast-right);align-items:end}.Toastify__toast{--y:0px;touch-action:none;width:var(--toastify-toast-width);min-height:var(--toastify-toast-min-height);box-sizing:border-box;padding:var(--toastify-toast-padding);border-radius:var(--toastify-toast-bd-radius);box-shadow:var(--toastify-toast-shadow);max-height:var(--toastify-toast-max-height);font-family:var(--toastify-font-family);z-index:0;word-break:break-word;flex:auto;align-items:center;margin-bottom:1rem;display:flex;position:relative}@media only screen and (width<=480px){.Toastify__toast-container{width:100vw;left:env(safe-area-inset-left);margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:env(safe-area-inset-top);transform:translate(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:env(safe-area-inset-bottom);transform:translate(0)}.Toastify__toast-container--rtl{right:env(safe-area-inset-right);left:initial}.Toastify__toast{--toastify-toast-width:100%;border-radius:0;margin-bottom:0}}.Toastify__toast-container[data-stacked=true]{width:var(--toastify-toast-width)}@media only screen and (width<=480px){.Toastify__toast-container[data-stacked=true]{width:100vw}}.Toastify__toast--stacked{width:100%;transform:translate3d(0, var(--y), 0) scale(var(--s));transition:transform .3s;position:absolute}.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,.Toastify__toast--stacked[data-collapsed] .Toastify__close-button{transition:opacity .1s}.Toastify__toast--stacked[data-collapsed=false]{overflow:visible}.Toastify__toast--stacked[data-collapsed=true]:not(:last-child)>*{opacity:0}.Toastify__toast--stacked:after{content:"";height:calc(var(--g) * 1px);position:absolute;bottom:100%;left:0;right:0}.Toastify__toast--stacked[data-pos=top]{top:0}.Toastify__toast--stacked[data-pos=bot]{bottom:0}.Toastify__toast--stacked[data-pos=bot].Toastify__toast--stacked:before{transform-origin:top}.Toastify__toast--stacked[data-pos=top].Toastify__toast--stacked:before{transform-origin:bottom}.Toastify__toast--stacked:before{content:"";z-index:-1;height:100%;position:absolute;bottom:0;left:0;right:0;transform:scaleY(3)}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--close-on-click{cursor:pointer}.Toastify__toast-icon{flex-shrink:0;width:22px;margin-inline-end:10px;display:flex}.Toastify--animate{animation-duration:.5s;animation-fill-mode:both}.Toastify--animate-icon{animation-duration:.3s;animation-fill-mode:both}.Toastify__toast-theme--dark{background:var(--toastify-color-dark);color:var(--toastify-text-color-dark)}.Toastify__toast-theme--light,.Toastify__toast-theme--colored.Toastify__toast--default{background:var(--toastify-color-light);color:var(--toastify-text-color-light)}.Toastify__toast-theme--colored.Toastify__toast--info{color:var(--toastify-text-color-info);background:var(--toastify-color-info)}.Toastify__toast-theme--colored.Toastify__toast--success{color:var(--toastify-text-color-success);background:var(--toastify-color-success)}.Toastify__toast-theme--colored.Toastify__toast--warning{color:var(--toastify-text-color-warning);background:var(--toastify-color-warning)}.Toastify__toast-theme--colored.Toastify__toast--error{color:var(--toastify-text-color-error);background:var(--toastify-color-error)}.Toastify__progress-bar-theme--light{background:var(--toastify-color-progress-light)}.Toastify__progress-bar-theme--dark{background:var(--toastify-color-progress-dark)}.Toastify__progress-bar--info{background:var(--toastify-color-progress-info)}.Toastify__progress-bar--success{background:var(--toastify-color-progress-success)}.Toastify__progress-bar--warning{background:var(--toastify-color-progress-warning)}.Toastify__progress-bar--error{background:var(--toastify-color-progress-error)}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:var(--toastify-color-transparent)}.Toastify__close-button{color:#fff;cursor:pointer;opacity:.7;z-index:1;background:0 0;border:none;outline:none;padding:0;transition:all .3s;position:absolute;top:6px;right:6px}.Toastify__toast--rtl .Toastify__close-button{left:6px;right:unset}.Toastify__close-button--light{color:#000;opacity:.3}.Toastify__close-button>svg{fill:currentColor;width:14px;height:16px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Toastify__progress-bar{z-index:1;opacity:.7;transform-origin:0;width:100%;height:100%;position:absolute;bottom:0;left:0}.Toastify__progress-bar--animated{animation:linear forwards Toastify__trackProgress}.Toastify__progress-bar--controlled{transition:transform .2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:100%;border-bottom-left-radius:initial}.Toastify__progress-bar--wrp{border-bottom-left-radius:var(--toastify-toast-bd-radius);border-bottom-right-radius:var(--toastify-toast-bd-radius);width:100%;height:5px;position:absolute;bottom:0;left:0;overflow:hidden}.Toastify__progress-bar--wrp[data-hidden=true]{opacity:0}.Toastify__progress-bar--bg{opacity:var(--toastify-color-progress-bgo);width:100%;height:100%}.Toastify__spinner{box-sizing:border-box;border:2px solid;border-color:var(--toastify-spinner-color-empty-area);border-right-color:var(--toastify-spinner-color);border-radius:100%;width:20px;height:20px;animation:.65s linear infinite Toastify__spin}@keyframes Toastify__bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(3000px)}60%{opacity:1;transform:translate(-25px)}75%{transform:translate(10px)}90%{transform:translate(-5px)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, var(--y), 0)}to{opacity:0;transform:translate3d(2000px, var(--y), 0)}}@keyframes Toastify__bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate(-3000px)}60%{opacity:1;transform:translate(25px)}75%{transform:translate(-10px)}90%{transform:translate(5px)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, var(--y), 0)}to{opacity:0;transform:translate3d(-2000px, var(--y), 0)}}@keyframes Toastify__bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(3000px)}60%{opacity:1;transform:translateY(-20px)}75%{transform:translateY(10px)}90%{transform:translateY(-5px)}to{transform:translate(0,0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(-2000px)}}@keyframes Toastify__bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translateY(-3000px)}60%{opacity:1;transform:translateY(25px)}75%{transform:translateY(-10px)}90%{transform:translateY(5px)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, calc(var(--y) - 10px), 0)}40%,45%{opacity:1;transform:translate3d(0, calc(var(--y) + 20px), 0)}to{opacity:0;transform:translateY(2000px)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{0%{opacity:1}50%{opacity:0;transform:translate3d(0, var(--y), 0) scale3d(.3, .3, .3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{0%{opacity:0;animation-timing-function:ease-in;transform:perspective(400px)rotateX(90deg)}40%{animation-timing-function:ease-in;transform:perspective(400px)rotateX(-20deg)}60%{opacity:1;transform:perspective(400px)rotateX(10deg)}80%{transform:perspective(400px)rotateX(-5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{0%{transform:translate3d(0, var(--y), 0) perspective(400px)}30%{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{0%{visibility:visible;transform:translate(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInLeft{0%{visibility:visible;transform:translate(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInUp{0%{visibility:visible;transform:translateY(110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideInDown{0%{visibility:visible;transform:translateY(-110%)}to{transform:translate3d(0, var(--y), 0)}}@keyframes Toastify__slideOutRight{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(110%, var(--y), 0)}}@keyframes Toastify__slideOutLeft{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translate3d(-110%, var(--y), 0)}}@keyframes Toastify__slideOutDown{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(500px)}}@keyframes Toastify__slideOutUp{0%{transform:translate3d(0, var(--y), 0)}to{visibility:hidden;transform:translateY(-500px)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp;animation-duration:.3s;animation-timing-function:ease-in}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown;animation-duration:.3s;animation-timing-function:ease-in}@keyframes Toastify__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);z-index:100;background-color:#fffffff5;width:100%;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;gap:40px;max-width:1200px;margin:0 auto;padding:14px 28px;display:flex}.logo{cursor:pointer;flex-shrink:0;align-items:center;display:flex}.logo-img{object-fit:contain;max-width:250px;height:110px;margin-top:-30px;margin-bottom:-36px}.search-container-wrap{z-index:999;flex:1;max-width:600px;margin:0 auto;position:relative}.header-search-bar{border:2px solid var(--primary);width:100%;height:44px;transition:var(--transition);background-color:#fff;border-radius:10px;align-items:center;display:flex;overflow:hidden}.header-search-bar:focus-within{border-color:var(--primary-hover);box-shadow:none}.search-input{height:100%;font-size:15px;font-family:var(--font);color:var(--text-main);background-color:#0000;border:none;outline:none;flex:1;padding:0 18px}.search-input::placeholder{color:var(--text-light)}.search-btn{background-color:var(--primary);color:#fff;width:60px;height:100%;transition:var(--transition);border:none;border-radius:0;justify-content:center;align-items:center;display:flex}.search-btn:hover{background-color:var(--primary-hover)}.search-recommendations{border:1px solid var(--border);box-shadow:var(--shadow-lg);background-color:#fff;border-radius:12px;flex-direction:column;animation:.15s ease-out slideDown;display:flex;position:absolute;top:48px;left:0;right:0;overflow:hidden}.search-rec-loading{color:var(--text-muted);justify-content:center;align-items:center;padding:20px;font-size:14px;display:flex}.search-rec-loading .btn-spinner{border:2px solid #f6639833;border-left-color:var(--primary)}.search-rec-list{max-height:380px;overflow-y:auto}.search-rec-item{border-bottom:1px solid var(--border);transition:var(--transition);color:inherit;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;display:flex}.search-rec-item:last-child{border-bottom:none}.search-rec-item:hover{background-color:var(--primary-light)}.search-rec-thumb{object-fit:cover;border:1px solid var(--border);border-radius:4px;flex-shrink:0;width:42px;height:56px}.search-rec-info{flex-direction:column;flex:1;min-width:0;display:flex}.search-rec-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:14px;font-weight:700;overflow:hidden}.search-rec-author{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:12px;overflow:hidden}.search-rec-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.search-rec-price{color:var(--primary);font-size:13px;font-weight:700}.search-rec-stars{letter-spacing:-1px;font-size:11px}.search-rec-all-btn{text-align:center;color:var(--primary);background-color:var(--bg-secondary);border-top:1px solid var(--border);cursor:pointer;transition:var(--transition);padding:12px;font-size:13.5px;font-weight:700}.search-rec-all-btn:hover{background-color:var(--primary-light);color:var(--primary-hover)}.search-rec-empty{text-align:center;color:var(--text-light);padding:20px;font-size:14px;font-style:italic}.nav-actions{flex-shrink:0;align-items:center;gap:24px;display:flex}.header-icon-wrap{justify-content:center;align-items:center;display:flex;position:relative}.header-icon-btn{color:var(--text-muted);transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex;position:relative}.header-icon-btn:hover{color:var(--primary);background-color:var(--bg-secondary)}.badge-count{box-sizing:border-box;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;box-shadow:0 2px 4px #00000026}.cart-badge{background-color:var(--primary);color:#fff;border-radius:50%;width:20px;height:20px;top:-4px;right:-4px}.coin-badge{background-color:var(--primary-light);color:var(--primary-hover);border:1px solid var(--primary);white-space:nowrap;border-radius:12px;height:auto;padding:3px 8px;top:-8px;right:-28px}.dropdown-coin-icon{font-size:16px}.btn-primary{background-color:var(--primary);color:#fff;border-radius:var(--radius-sm);padding:10px 24px;font-size:14px;font-weight:600}@keyframes btnSpin{to{transform:rotate(360deg)}}.btn-secondary{color:var(--text-muted);border-radius:var(--radius-sm);border:1px solid var(--border-dark);background-color:#0000;padding:10px 24px;font-size:14px;font-weight:600}.btn-secondary:hover:not(:disabled){color:var(--text-main);border-color:#b0b0b0}.user-widget{position:relative}.user-avatar{background-color:var(--primary);color:#fff;cursor:pointer;width:36px;height:36px;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.user-avatar:hover{background-color:var(--primary-hover)}.user-dropdown{background-color:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-sm);width:210px;box-shadow:var(--shadow-lg);padding:6px 0;animation:.18s slideDown;position:absolute;top:calc(100% + 8px);right:0}.dropdown-user-info{padding:12px 16px 10px}.dropdown-user-name{color:var(--text-main);font-size:13.5px;font-weight:700}.dropdown-user-email{color:var(--text-light);margin-top:2px;font-size:12px}.dropdown-item{color:var(--text-muted);cursor:pointer;transition:var(--transition);align-items:center;gap:10px;padding:10px 16px;font-size:13.5px;display:flex}.dropdown-item:hover{background-color:var(--bg-secondary);color:var(--text-main)}.dropdown-item.danger{color:var(--primary)}.dropdown-item.danger:hover{background-color:var(--primary-light);color:var(--primary-hover)}.dropdown-divider{background-color:var(--border);height:1px;margin:4px 0}footer.footer-premium{background-color:var(--bg-main);color:var(--text-main);border-top:1px solid var(--border);width:100%;margin-top:auto;padding:80px 24px 40px}.footer-container{grid-template-columns:2fr 1fr 1.5fr;gap:60px;max-width:1200px;margin:0 auto;display:grid}.footer-col h3{text-transform:uppercase;letter-spacing:1.5px;color:var(--text-main);margin-bottom:24px;font-size:16px;font-weight:700;display:inline-block;position:relative}.footer-col h3:after{content:"";background-color:var(--primary);width:30px;height:2px;position:absolute;bottom:-6px;left:0}.brand-col{flex-direction:column;display:flex}.footer-logo-container{align-items:center;max-width:260px;height:120px;margin-top:-30px;margin-bottom:-35px;display:flex}.footer-logo-img{object-fit:contain;max-width:100%;height:100%}.footer-tagline{color:var(--text-muted);max-width:320px;margin-bottom:28px;font-size:14px;line-height:1.7}.footer-socials{gap:12px;display:flex}.social-icon-btn{background-color:var(--bg-secondary);width:40px;height:40px;color:var(--text-muted);transition:var(--transition);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;display:flex}.social-icon-btn:hover{background-color:var(--primary);color:#fff;border-color:var(--primary)}.footer-links{list-style:none}.footer-links li{margin-bottom:14px}.footer-links a{color:var(--text-muted);transition:var(--transition);font-size:14.5px}.footer-links a:hover{color:var(--primary)}.footer-contact-details{list-style:none}.footer-contact-details li{color:var(--text-muted);align-items:flex-start;gap:14px;margin-bottom:18px;font-size:14px;line-height:1.5;display:flex}.contact-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.footer-contact-details a{transition:var(--transition)}.footer-contact-details a:hover{color:var(--primary-hover)!important}.footer-bottom{border-top:1px solid var(--border);text-align:center;max-width:1200px;margin:60px auto 0;padding-top:30px}.footer-bottom p{color:var(--text-light);font-size:13px}@media (width<=900px){.footer-container{grid-template-columns:1fr;gap:40px}}.ai-chatbox-trigger{color:#fff;cursor:pointer;z-index:999;background-color:#da447d;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .2s,background-color .2s,box-shadow .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 14px #00000026}.ai-chatbox-trigger:hover{background-color:#c2386b;transform:scale(1.05);box-shadow:0 6px 18px #0003}.ai-chatbox-modal{z-index:1000;background-color:#fff;border:1px solid #ebebeb;border-radius:6px;flex-direction:column;width:380px;height:540px;animation:.3s cubic-bezier(.16,1,.3,1) forwards chatboxPopup;display:flex;position:fixed;bottom:90px;right:24px;overflow:hidden;box-shadow:0 12px 36px #0000001f}@keyframes chatboxPopup{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.ai-chatbox-header{background:#fff;border-bottom:1px solid #ebebeb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ai-chatbox-header-info{align-items:center;gap:10px;display:flex}.ai-avatar{color:#fff;background:linear-gradient(135deg,#f66398 0%,#da447d 100%);border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 3px 8px #f663984d}.ai-title{color:#1c1c1c;margin:0;font-size:15px;font-weight:700}.ai-subtitle{color:#10b981;align-items:center;gap:4px;margin:0;font-size:11.5px;font-weight:500;display:flex}.ai-subtitle-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px}.ai-close-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:2px 6px;font-size:22px;transition:color .2s,background-color .2s}.ai-close-btn:hover{color:#1c1c1c;background-color:#f1f5f9}.ai-messages-container{background-color:#f8fafc;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.ai-message-bubble{word-break:break-word;border-radius:6px;max-width:82%;padding:10px 14px;font-size:13.5px;line-height:1.5;animation:.2s forwards fadeInMsg}@keyframes fadeInMsg{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ai-message-bubble.user{color:#fff;background-color:#f66398;border-bottom-right-radius:4px;align-self:flex-end;font-weight:500;box-shadow:0 2px 8px #f6639840}.ai-message-bubble.assistant{color:#1e293b;background-color:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px;align-self:flex-start;box-shadow:0 2px 6px #00000008}.ai-guest-warning{text-align:center;color:#64748b;margin:auto;padding:24px}.ai-guest-warning-icon{color:#f66398;margin-bottom:10px;font-size:32px}.ai-guest-warning h5{color:#1e293b;margin-bottom:6px;font-size:15px;font-weight:700}.ai-guest-warning p{color:#64748b;margin-bottom:14px;font-size:13px}.ai-login-btn{color:#fff;cursor:pointer;background-color:#f66398;border:none;border-radius:20px;padding:9px 20px;font-size:13px;font-weight:600;transition:background-color .2s,transform .1s;box-shadow:0 4px 12px #f663984d}.ai-login-btn:hover{background-color:#da447d;transform:translateY(-1px)}.ai-chat-input-row{background-color:#fff;border-top:1px solid #ebebeb;align-items:center;gap:8px;padding:12px 16px;display:flex}.ai-chat-input{color:#1e293b;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;outline:none;flex:1;padding:10px 16px;font-size:13.5px;transition:border-color .2s,background-color .2s}.ai-chat-input::placeholder{color:#94a3b8}.ai-chat-input:focus{background-color:#fff;border-color:#f66398}.ai-send-btn{color:#fff;cursor:pointer;background-color:#f66398;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:background-color .2s,opacity .2s,transform .1s;display:flex;box-shadow:0 2px 8px #f663984d}.ai-send-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.ai-send-btn:hover:not(:disabled){background-color:#da447d;transform:scale(1.05)}.ai-typing-indicator{flex-direction:column;gap:6px;padding:4px 2px;display:flex}.ai-typing-dots{align-items:center;gap:5px;display:flex}.ai-typing-dots .dot{background-color:#f66398;border-radius:50%;width:7px;height:7px;animation:1.4s ease-in-out infinite both typingBounce}.ai-typing-dots .dot:first-child{animation-delay:0s}.ai-typing-dots .dot:nth-child(2){animation-delay:.2s}.ai-typing-dots .dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.3;transform:scale(.6)}40%{opacity:1;transform:scale(1.2)}}.ai-loading-step-text{color:#da447d;font-size:11.5px;font-style:italic;font-weight:500;animation:.3s ease-in-out fadeInStep}@keyframes fadeInStep{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.ai-mentioned-books{border-top:1px dashed #e2e8f0;flex-direction:column;gap:8px;margin-top:10px;padding-top:8px;display:flex}.ai-product-card{background:#fff;border:1px solid #f1f5f9;border-radius:0;flex-direction:column;gap:4px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;display:flex;box-shadow:0 2px 6px #00000008}.ai-product-card:hover{border-color:#fbcfe8;box-shadow:0 3px 10px #da447d1a}.ai-product-card-header{justify-content:space-between;align-items:center;display:flex}.ai-product-badge{text-transform:uppercase;color:#da447d;letter-spacing:.3px;background-color:#fdf2f8;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.ai-product-price{color:#059669;font-size:12px;font-weight:700}.ai-product-title{color:#0f172a;font-size:13px;font-weight:700;line-height:1.3}.ai-product-author{color:#64748b;font-size:11px}.ai-product-action-btn{color:#da447d;cursor:pointer;background-color:#fdf2f8;border:1px solid #fbcfe8;border-radius:4px;align-self:flex-end;margin-top:4px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .2s}.ai-product-action-btn:hover{color:#fff;background-color:#da447d;border-color:#da447d}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0006;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{border-radius:var(--radius-md);width:90%;max-width:600px;box-shadow:var(--shadow-lg);text-align:left;background-color:#fff;max-height:90vh;padding:40px;position:relative;overflow-y:auto}.modal-close{color:var(--text-light);cursor:pointer;background:0 0;font-size:28px;position:absolute;top:20px;right:20px}.modal-close:hover{color:var(--primary)}.dev-sandbox-bubble{z-index:500;width:52px;height:52px;box-shadow:var(--shadow-lg);transition:var(--transition);cursor:pointer;background:#1c1c1c;border-radius:50%;position:fixed;bottom:20px;right:20px;overflow:hidden}.dev-sandbox-bubble.expanded{border-radius:12px;width:320px;height:auto;max-height:460px;overflow-y:auto}.dev-sandbox-header{cursor:pointer;z-index:2;background:#1c1c1c;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:sticky;top:0}.dev-sandbox-header span{color:#fffc;white-space:nowrap;font-size:12.5px;font-weight:600}.dev-sandbox-toggle-btn{color:#fff6;flex-shrink:0;margin-left:8px;font-size:11px}.dev-sandbox-body{color:#ffffff8c;border-top:1px solid #ffffff12;padding:14px 16px;font-size:12px}.dev-sandbox-stat{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:8px;padding:5px 0;display:flex}.dev-sandbox-stat:last-child{border-bottom:none}.stat-label{color:#ffffff61;flex-shrink:0;font-size:11px}.stat-val{color:var(--primary);text-align:right;word-break:break-all;font-family:ui-monospace,monospace;font-size:10.5px}@media (width<=768px){.hero-title{font-size:32px}.section-header{flex-direction:column;align-items:flex-start;gap:20px}.nav-menu{display:none}}.book-grid{text-align:left;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.book-card{background-color:var(--bg-main);transition:var(--transition);cursor:pointer;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;height:390px;display:flex;overflow:hidden}.book-card:hover{border-color:#cbd5e0}.book-cover-wrap{aspect-ratio:1/.95;background-color:#fafafa;justify-content:center;align-items:center;width:100%;padding:0;display:flex;position:relative;overflow:hidden}.book-cover-wrap .book-cover{object-fit:cover;object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.book-badge{color:#fff;z-index:1;text-transform:uppercase;letter-spacing:.5px;background-color:var(--primary);border-radius:4px;padding:4px 10px;font-size:10px;font-weight:700;position:absolute;top:12px;right:12px;box-shadow:0 2px 4px #0000000d}.book-badge.sale{background-color:#dd6b20}.book-badge.hot{background-color:#805ad5}.book-badge.new{background-color:#319795}.book-badge.recommended{background-color:var(--primary)}.book-info{flex-direction:column;flex-grow:1;padding:10px 12px 12px;display:flex}.book-author{color:var(--text-light);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:11px;font-weight:600;overflow:hidden}.book-title{font-size:15px;font-weight:700;font-family:var(--font-title);color:#9333ea;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:42px;margin-bottom:4px;font-style:italic;line-height:1.4;display:-webkit-box;overflow:hidden}.book-card-rating{align-items:center;gap:4px;margin-top:2px;margin-bottom:6px;font-size:11px;display:flex}.rating-score{background:linear-gradient(135deg,#ffc72c 0%,#ff8f00 100%);-webkit-text-fill-color:transparent;text-shadow:0 1px 3px #ffa0004d;-webkit-background-clip:text;font-size:11.5px;font-weight:800}.star-3d-icon{filter:drop-shadow(0 1px 2px #ff8c00a6)drop-shadow(0 0 4px #ffc80073);width:12.5px;height:12.5px;transition:transform .2s}.book-card:hover .star-3d-icon{transform:scale(1.15)rotate(2deg)}.rating-count{color:#94a3b8;margin-left:2px;font-size:10px;font-weight:500}.book-meta{justify-content:space-between;align-items:flex-end;margin-top:auto;display:flex}.book-price{flex-direction:column;display:flex}.price-now{color:#da447d;font-size:18px;font-weight:800;line-height:1.2}.price-from-label{color:#64748b;margin-right:4px;font-size:14px;font-weight:600}.price-was{color:var(--text-light);font-size:13px;text-decoration:line-through}.btn-buy{background-color:var(--bg-secondary);width:40px;height:40px;color:var(--text-muted);border:1px solid var(--border);transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-size:16px;display:flex}.book-card:hover .btn-buy{background-color:var(--primary);color:#fff;border-color:var(--primary)}.edition-selector{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.edition-chip{cursor:pointer;letter-spacing:.2px;color:var(--text-main);background-color:#e5e7eb;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:700;text-decoration:none;transition:opacity .15s}.edition-chip:hover{opacity:.8}.edition-chip.soft-cover{background-color:var(--primary);color:#fff}.edition-chip.hard-cover{color:#fff;background-color:#f59e0b}.edition-chip.special{color:#fff;background-color:#8b5cf6}.book-sold{color:var(--text-light);font-size:10px;font-weight:500}.flash-sale-home-section{box-sizing:border-box;background:0 0;border:none;border-radius:0;max-width:1200px;margin:0 auto;padding:40px 24px;position:relative}.flash-sale-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px;padding-bottom:20px;display:flex}.flash-sale-title-wrap{align-items:center;gap:12px;display:flex}.bolt-icon-glow{background-color:#da447d14;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.yellow-bolt{color:#da447d}.flash-sale-main-title{color:var(--text-main);margin:0;font-family:Playfair Display,Georgia,serif;font-size:32px;font-weight:700}.flash-sale-countdown{background:#fff5f7;border:1px solid #da447d33;border-radius:30px;align-items:center;gap:14px;padding:6px 16px;display:flex}.countdown-label{color:#da447d;letter-spacing:.8px;font-size:13px;font-weight:800}.countdown-boxes{align-items:center;gap:6px;display:flex}.time-box{color:#fff;text-align:center;background-color:#da447d;border-radius:6px;min-width:32px;padding:4px 8px;font-family:monospace;font-size:15px;font-weight:700;box-shadow:0 2px 5px #da447d33}.time-colon{color:#da447d;font-size:16px;font-weight:800}.flash-sale-grid{flex-wrap:wrap;justify-content:center;gap:20px;width:100%;display:flex}.flash-sale-card{box-sizing:border-box;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;gap:12px;width:220px;height:390px;padding:16px;transition:border-color .2s;display:flex;position:relative}.flash-sale-card:hover{border-color:#cbd5e0}.flash-sale-cover-wrap{background-color:#fafafa;border-radius:4px;justify-content:center;align-items:center;width:100%;height:180px;display:flex;position:relative;overflow:hidden}.flash-sale-cover{object-fit:contain;z-index:1;max-width:100%;height:100%}.discount-tag{color:#000;z-index:10;background:#f6e05e;border-radius:4px;padding:3px 6px;font-size:11px;font-weight:800;position:absolute;top:8px;left:8px}.upcoming-tag-label{color:#fff;z-index:10;background-color:#3182ce;border-radius:4px;padding:3px 6px;font-size:10px;font-weight:800;position:absolute;top:8px;right:8px}.flash-sale-details{flex-direction:column;flex:1;gap:8px;display:flex}.flash-sale-book-title{color:#2d3748;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:40px;margin:0;font-size:14px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.flash-sale-price-row{align-items:baseline;gap:8px;display:flex}.flash-sale-price-now{color:#da447d;font-size:16px;font-weight:800}.flash-sale-price-old{color:#718096;font-size:12px;text-decoration:line-through}.flash-sale-stock-progress-wrap{flex-direction:column;gap:4px;display:flex}.progress-info{color:#718096;justify-content:space-between;font-size:11px;font-weight:600;display:flex}.progress-bar-bg{background-color:#edf2f7;border-radius:3px;width:100%;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg,#ff4d4f,#ff7a00);border-radius:3px;height:100%;box-shadow:0 1px 4px #ff7a0059}.btn-buy-flash-sale{color:#fff;cursor:pointer;letter-spacing:.5px;background:#da447d;border:none;border-radius:4px;width:100%;margin-top:auto;padding:10px;font-size:12px;font-weight:800;transition:background-color .2s}.btn-buy-flash-sale:hover{background:#b83469}.btn-buy-flash-sale.disabled{cursor:not-allowed;color:#cbd5e0!important;background:#e2e8f0!important;border-radius:4px!important}.upcoming-stock-info{color:#4a5568;font-size:12px;font-weight:600}.upcoming-stock-num{color:#da447d;font-weight:700}.banner-home-section{box-sizing:border-box;max-width:1200px;margin:0 auto;padding:32px 24px;position:relative}.banner-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;padding-bottom:18px;display:flex}.banner-title-wrap{align-items:center;gap:12px;display:flex}.banner-icon-glow{background-color:#da447d14;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.banner-main-title{color:var(--text-main,#0f172a);margin:0;font-family:Playfair Display,Georgia,serif;font-size:30px;font-weight:700}.banner-carousel-outer{align-items:center;gap:10px;width:100%;display:flex;position:relative}.banner-side-nav-btn{color:#94a3b8;cursor:pointer;z-index:2;background:0 0;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;padding:8px 2px;transition:color .2s,opacity .2s,transform .2s;display:flex}.banner-side-nav-btn:hover{color:#da447d;opacity:1;transform:scale(1.15)}.banner-pages-viewport{flex:1;position:relative;overflow:hidden}.banner-pages-track{will-change:transform;width:100%;transition:transform .5s cubic-bezier(.25,1,.5,1);display:flex}.banner-single-page{box-sizing:border-box;flex-direction:column;flex-shrink:0;gap:10px;min-width:100%;display:flex;overflow:hidden}.banner-marquee-row{width:100%;padding:2px 0;display:flex;position:relative;overflow:hidden}.banner-marquee-track{will-change:transform;gap:10px;width:max-content;display:flex}.banner-marquee-track.track-top{animation:25s linear infinite marqueeLeft}.banner-marquee-track.track-bottom{animation:25s linear infinite marqueeRight}.banner-single-page:hover .banner-marquee-track{animation-play-state:paused}@keyframes marqueeLeft{0%{transform:translate(0)}to{transform:translate(-1200px)}}@keyframes marqueeRight{0%{transform:translate(-1200px)}to{transform:translate(0)}}.banner-grid-card{box-sizing:border-box;background-color:#f8fafc;border:1px solid #e2e8f0;flex-shrink:0;width:140px;height:62px;text-decoration:none;transition:border-color .2s,opacity .2s;display:block;position:relative;overflow:hidden;border-radius:0!important;padding:0!important;transform:none!important}.banner-grid-card:hover{opacity:.92;border-color:#da447d;transform:none!important}.banner-card-img{object-fit:cover!important;border-radius:0!important;width:100%!important;height:100%!important;display:block!important}.banner-blue-dots{justify-content:center;align-items:center;gap:8px;margin-top:20px;display:flex}.blue-dot{cursor:pointer;background-color:#cbd5e1;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s;box-shadow:none!important}.blue-dot:hover{background-color:#38bdf8}.blue-dot.active{background-color:#0ea5e9;border-radius:6px;width:22px;box-shadow:none!important}@media (width<=768px){.banner-grid-card{width:110px;height:52px}}.home-hero-features{grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:32px auto;padding:0 24px;display:grid}.hero-feature-card{text-align:left;transition:var(--transition);background-color:#efefef;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;display:flex;box-shadow:0 2px 8px #00000005}.hero-feature-card:hover{background-color:#ececec;box-shadow:0 4px 12px #0000000a}.feature-icon-circle{background-color:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.white-icon{color:#fff}.feature-content{flex-direction:column;flex-grow:1;min-width:0;display:flex}.feature-title{color:var(--text-main);margin-bottom:4px;font-size:15px;font-weight:700}.feature-desc{color:var(--text-muted);margin-bottom:16px;font-size:12px;line-height:1.4}.feature-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.feature-meta{color:var(--text-light);font-size:11px;font-weight:600;line-height:1.2}.btn-feature-action{background-color:var(--primary);color:#fff;transition:var(--transition);cursor:pointer;white-space:nowrap;border:none;border-radius:6px;flex-shrink:0;padding:6px 12px;font-size:11.5px;font-weight:700;text-decoration:none}.btn-feature-action:hover{background-color:var(--primary-hover)}@media (width<=1100px){.home-hero-features{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.home-hero-features{grid-template-columns:1fr;margin:20px auto}}.section-container{max-width:1200px;margin:0 auto;padding:60px 24px}.section-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:flex-end;margin-bottom:40px;padding-bottom:20px;display:flex}.section-title{color:var(--text-main);font-family:Playfair Display,Georgia,serif;font-size:32px;font-weight:700}.filter-tabs{align-items:center;gap:12px;display:flex}.view-all-categories-link{color:var(--primary);cursor:pointer;transition:var(--transition);white-space:nowrap;margin-left:8px;font-size:13.5px;font-weight:600;text-decoration:none}.view-all-categories-link:hover{color:var(--primary-hover);text-decoration:underline}.filter-tab{background-color:var(--bg-main);border:1px solid var(--border);color:var(--text-muted);border-radius:30px;padding:8px 20px;font-size:14px;font-weight:500}.filter-tab.active{background-color:var(--primary);border-color:var(--primary);color:#fff}.filter-tab:hover:not(.active){border-color:var(--border-dark);color:var(--text-main)}.load-more-container{justify-content:center;margin-top:40px;margin-bottom:20px;display:flex}.btn-load-more{color:var(--primary);border:1px solid var(--primary);letter-spacing:.5px;cursor:pointer;min-width:140px;height:42px;transition:var(--transition);background-color:#0000;border-radius:0;justify-content:center;align-items:center;padding:10px 28px;font-size:14px;font-weight:600;display:flex;position:relative;overflow:hidden}.btn-load-more:hover:not(:disabled){background-color:var(--primary-light);border-color:var(--primary-hover);color:var(--primary-hover)}.btn-load-more:active:not(:disabled){transform:scale(.98)}.btn-load-more:disabled{opacity:.65;cursor:not-allowed}.btn-load-more .btn-spinner{border:2px solid #f6639833!important;border-left-color:var(--primary)!important}.filter-search-bar{background-color:var(--bg-main);border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:28px;padding:12px 16px;display:flex}.filter-group{flex-shrink:0;align-items:center;gap:6px;display:flex}.filter-group.keyword-group{flex:1;min-width:180px}.filter-label{display:none}.filter-input,.filter-select{border:1.5px solid var(--border);background-color:var(--bg-secondary);height:38px;color:var(--text-main);font-size:13.5px;font-family:var(--font);border-radius:8px;outline:none;width:100%;padding:0 12px;transition:border-color .2s,box-shadow .2s}.filter-input::placeholder{color:var(--text-light)}.filter-input:focus,.filter-select:focus{border-color:var(--primary);background-color:var(--bg-main);box-shadow:0 0 0 3px #f6639814}.filter-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23A0A0A0' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;width:130px;padding-right:28px}.price-range-group .filter-label{display:none}.price-inputs{align-items:center;gap:6px;display:flex}.price-input{flex:none;width:90px}.price-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.price-input[type=number]{-moz-appearance:textfield}.price-range-separator{color:var(--text-light);flex-shrink:0;font-size:14px;font-weight:500}.filter-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:4px;display:flex}.btn-apply-filters{background-color:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;height:38px;font-size:13.5px;font-weight:600;font-family:var(--font);border:none;border-radius:8px;padding:0 20px;transition:background-color .2s,transform .1s}.btn-apply-filters:hover{background-color:var(--primary-hover)}.btn-apply-filters:active{transform:scale(.97)}.btn-clear-filters{height:38px;color:var(--text-muted);border:1.5px solid var(--border);cursor:pointer;white-space:nowrap;font-size:13.5px;font-weight:600;font-family:var(--font);background-color:#0000;border-radius:8px;padding:0 16px;transition:all .2s}.btn-clear-filters:hover{background-color:var(--bg-secondary);border-color:var(--border-dark);color:var(--text-main)}.btn-clear-filters:active{transform:scale(.97)}@media (width<=900px){.filter-search-bar{flex-wrap:wrap;gap:10px}.filter-group.keyword-group{min-width:unset;flex:100%}.filter-select{width:120px}.price-input{width:75px}}@media (width<=600px){.filter-search-bar{gap:8px;padding:10px 12px}.filter-group{flex:calc(50% - 8px);min-width:0}.filter-group.keyword-group{flex:100%}.filter-select{width:100%}.price-input{flex:1;width:100%}.filter-actions{flex:100%;justify-content:flex-end;margin-left:0}}.login-wrapper{background-color:var(--bg-main);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.login-back-btn{color:var(--text-light);cursor:pointer;transition:var(--transition);align-items:center;gap:8px;margin-bottom:24px;font-size:14px;font-weight:600;display:inline-flex}.login-back-btn:hover{color:var(--primary)}.login-card{box-shadow:none;text-align:left;background-color:#0000;border:none;border-radius:0;width:100%;max-width:480px;padding:0}.login-logo{letter-spacing:-.3px;color:var(--text-main);margin-bottom:32px;font-size:18px;font-weight:800;display:block}.login-logo span{color:var(--primary)}.login-title{color:var(--text-main);letter-spacing:-.3px;margin-bottom:6px;font-size:24px;font-weight:700}.login-subtitle{color:var(--text-muted);margin-bottom:28px;font-size:14px;line-height:1.5}.input-container{position:relative}.form-input{border:1px solid var(--border-dark);border-radius:var(--radius-sm);width:100%;font-family:var(--font);color:var(--text-muted);transition:var(--transition);background-color:#fff;outline:none;padding:12px 14px;font-size:14.5px}.form-input:focus{border-color:var(--primary);box-shadow:none}.password-toggle{color:var(--text-light);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.password-toggle:hover{color:var(--primary)}.login-divider{text-align:center;color:var(--text-light);align-items:center;margin:20px 0;font-size:13px;display:flex}.login-divider:before,.login-divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.login-divider:not(:empty):before{margin-right:16px}.login-divider:not(:empty):after{margin-left:16px}.btn-google{width:100%;color:var(--text-main);border:1px solid var(--border-dark);border-radius:var(--radius-sm);transition:var(--transition);background-color:#fff;justify-content:center;align-items:center;gap:12px;margin-top:10px;padding:13px;font-size:15px;font-weight:700;display:flex}.btn-google:hover{background-color:var(--bg-secondary);border-color:#b0b0b0}.google-icon{flex-shrink:0}.form-actions{justify-content:space-between;align-items:center;margin-bottom:32px;font-size:14px;display:flex}.remember-me{cursor:pointer;align-items:center;gap:8px;display:flex}.remember-me input{accent-color:var(--primary);width:16px;height:16px}.forgot-password{color:var(--primary);font-weight:500}.forgot-password:hover{color:var(--primary-hover);text-decoration:underline}.btn-primary{background-color:var(--primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;display:inline-flex}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-main);border:1px solid var(--border-dark);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;gap:8px;display:inline-flex}.btn-secondary:hover:not(:disabled){background-color:var(--border)}.btn-submit{border-radius:var(--radius-sm);letter-spacing:.1px;width:100%;padding:13px;font-size:15px;font-weight:700}.login-error-alert{color:#b91c1c;border-radius:var(--radius-sm);background-color:#fef2f2;border:1px solid #fecaca;margin-bottom:20px;padding:11px 14px;font-size:13.5px;font-weight:500;line-height:1.5}.btn-spinner{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:24px;right:24px}.toast{pointer-events:auto;color:#fff;min-width:340px;max-width:440px;font-family:var(--font);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;font-size:15px;font-weight:500;animation:.35s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.toast.error{background-color:#ff5252}.toast.error .toast-close:hover{background-color:#ffffff26}.toast-content{flex:1;align-items:center;gap:12px;display:flex}.toast-icon{color:#fff;flex-shrink:0;width:20px;height:20px}.toast-close{color:#ffffffb3;cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.toast-close:hover{color:#fff}@keyframes toastSlideIn{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}.mfa-stage{animation:.4s forwards fadeIn}.otp-inputs{justify-content:space-between;gap:8px;margin:24px 0;display:flex}.otp-box{border-radius:var(--radius-sm);text-align:center;width:50px;height:56px;color:var(--primary);transition:var(--transition);border:1px solid #d0d0d0;outline:none;font-size:24px;font-weight:700}.otp-box:focus{border-color:var(--primary);box-shadow:none}.google-push-mock{text-align:center;flex-direction:column;align-items:center;margin:32px 0;display:flex}.phone-animation{width:110px;height:170px;box-shadow:var(--shadow-sm);background-color:#fff;border:6px solid #1a1a1a;border-radius:20px;margin-bottom:24px;animation:2s ease-in-out infinite pulseBg;position:relative;overflow:hidden}.phone-notch{z-index:10;background-color:#1a1a1a;border-bottom-right-radius:6px;border-bottom-left-radius:6px;width:50px;height:10px;position:absolute;top:0;left:50%;transform:translate(-50%)}.phone-screen{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:20px 8px 12px;display:flex}.prompt-number{color:var(--primary);font-size:38px;font-weight:900;animation:.8s ease-in-out infinite alternate bounce}.phone-text{color:var(--text-muted);text-align:center;margin-top:12px;font-size:10px;font-weight:600}.mfa-selector{flex-direction:column;gap:12px;margin-top:24px;display:flex}.mfa-option{border:1px solid var(--border);background-color:var(--bg-secondary);cursor:pointer;border-radius:0;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.mfa-option:hover{background-color:var(--bg-main);border-color:#f6639899}.mfa-option-icon{background:linear-gradient(135deg, var(--primary-light), #f6639826);width:44px;height:44px;color:var(--primary);box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.mfa-option:hover .mfa-option-icon{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff}.mfa-option-icon svg{transition:transform .2s}.mfa-title{color:#ec4899;letter-spacing:-.5px;margin-top:0;margin-bottom:8px;font-family:Playfair Display,serif;font-size:34px;font-style:italic;font-weight:700}.mfa-option-details h4{margin-bottom:2px;font-size:15px;font-weight:700}.mfa-option-details p{color:var(--text-muted);font-size:12px}.security-debugger{border-radius:var(--radius-sm);background-color:#fff5f7;border:1px dashed #ffccd8;margin-top:24px;padding:16px;font-size:12px}.debugger-title{color:var(--primary);align-items:center;gap:6px;margin-bottom:8px;font-weight:700;display:flex}.debugger-row{justify-content:space-between;margin-bottom:4px;display:flex}.debugger-label{color:var(--text-muted)}.debugger-val{font-family:ui-monospace,monospace;font-weight:600}.profile-wrapper{max-width:800px;margin:40px auto;padding:0 24px;animation:.4s fadeIn}.profile-title-main{color:var(--primary);letter-spacing:-.5px;margin-bottom:24px;font-family:Playfair Display,Georgia,serif;font-size:32px;font-style:italic;font-weight:700}.profile-tabs-header{border-bottom:2px solid var(--border);scrollbar-width:none;-ms-overflow-style:none;margin-bottom:32px;display:flex;overflow-x:auto}.profile-tabs-header::-webkit-scrollbar{display:none}.profile-tab-btn{color:var(--text-muted);cursor:pointer;transition:all var(--transition);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;margin-bottom:-2px;padding:12px 20px;font-size:15px;font-weight:700}.profile-tab-btn:hover{color:var(--text-main)}.profile-tab-btn.active{color:var(--primary);border-bottom-color:var(--primary)}.profile-content{background-color:var(--bg-main);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:32px;padding:32px;display:flex}.profile-section-title{color:var(--text-main);border-bottom:2px solid var(--primary-light);margin-bottom:16px;padding-bottom:8px;font-size:18px;font-weight:700}.profile-fields-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.profile-field-group.full-width{grid-column:span 2}.profile-field-label{color:var(--text-muted);font-size:13.5px;font-weight:600}.profile-field-input{border:1px solid var(--border-dark);border-radius:var(--radius-sm);width:100%;font-family:var(--font);color:var(--text-main);transition:var(--transition);background-color:#fff;outline:none;padding:11px 14px;font-size:14px}.profile-field-input:focus{border-color:var(--primary);box-shadow:none}.profile-field-select{border:1px solid var(--border-dark);border-radius:var(--radius-sm);width:100%;font-family:var(--font);color:var(--text-main);cursor:pointer;transition:var(--transition);background-color:#fff;outline:none;padding:11px 14px;font-size:14px}.profile-field-select:focus{border-color:var(--primary);box-shadow:none}.profile-actions{justify-content:flex-end;gap:12px;margin-top:12px;display:flex}.settings-list{flex-direction:column;gap:24px;display:flex}.settings-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:20px;display:flex}.settings-row:last-child{border-bottom:none;padding-bottom:0}.settings-info{flex-direction:column;gap:4px;max-width:70%;display:flex}.settings-label{color:var(--text-main);font-size:15px;font-weight:700}.settings-desc{color:var(--text-muted);font-size:12.5px;line-height:1.4}.settings-control{min-width:120px}.switch-control{width:50px;height:28px;display:inline-block;position:relative}.switch-control input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:#d5d5d5;border-radius:34px;transition:all .3s;position:absolute;inset:0}.switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:4px;left:4px}input:checked+.switch-slider{background-color:var(--primary)}input:checked+.switch-slider:before{transform:translate(22px)}@media (width<=768px){.profile-fields-grid{grid-template-columns:1fr}.profile-field-group.full-width{grid-column:span 1}}.btn-view-details{color:var(--primary);cursor:pointer;transition:color var(--transition);background:0 0;border:none;padding:0;font-size:13.5px;font-weight:700}.btn-view-details:hover{color:var(--primary-hover);text-decoration:underline}.btn-add-address-custom{background-color:var(--primary);cursor:pointer;color:#fff;width:100%;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;height:42px;margin-bottom:20px;padding:10px 24px;font-size:14.5px;font-weight:600;display:flex;border-radius:0!important}.btn-add-address-custom:hover{background-color:var(--primary-hover)}.profile-avatar-section{justify-content:center;align-items:center;gap:24px;margin-bottom:32px;display:flex}.profile-avatar-container{cursor:pointer;background-color:#f3f4f6;border:4px solid #fff;border-radius:50%;width:140px;height:140px;transition:box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014}.profile-avatar-container:hover{box-shadow:0 6px 20px #0000001f}.profile-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-avatar-overlay{opacity:0;cursor:pointer;color:#fff;background-color:#00000073;border-radius:50%;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:absolute;inset:0}.profile-avatar-container:hover .profile-avatar-overlay{opacity:1}.profile-avatar-overlay svg{transition:transform .2s}.profile-avatar-overlay:hover svg{transform:scale(1.15)}.profile-avatar-info{text-align:left;flex-direction:column;gap:4px;display:flex}.profile-avatar-name{color:var(--text-main);margin:0;font-size:24px;font-weight:800}.profile-avatar-username{color:var(--text-muted);margin:0;font-size:15px}.profile-avatar-email{color:var(--text-light);margin:0;font-size:14px}.modal-backdrop-custom{z-index:1000;background-color:#00000073;justify-content:center;align-items:center;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.modal-content-custom{z-index:1001;background-color:#fff;width:100%;max-width:600px;padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) modalSlideUp;position:relative;box-shadow:0 10px 25px #00000026;border-radius:0!important}.address-input-custom:focus{border-color:#4b5563!important;outline:none!important;box-shadow:0 0 0 2px #4b556326!important}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-logout-icon{color:#ef4444;cursor:pointer;background-color:#fef2f2;border:1px solid #ef4444;align-items:center;height:42px;padding:0 12px;font-size:14px;font-weight:600;transition:background-color .2s,padding .2s;display:inline-flex;border-radius:6px!important}.btn-logout-icon svg{flex-shrink:0}.btn-logout-icon .logout-text{opacity:0;white-space:nowrap;max-width:0;margin-left:0;transition:max-width .2s,opacity .2s,margin-left .2s;overflow:hidden}.btn-logout-icon:hover{background-color:#fee2e2;padding:0 16px}.btn-logout-icon:hover .logout-text{opacity:1;max-width:100px;margin-left:8px}.profile-wrapper .btn-primary{border-radius:6px!important}.email-input-readonly{color:#f97316!important;font-family:var(--font)!important;cursor:not-allowed!important;border-color:var(--border-dark)!important;background-color:#f9fafb!important;font-weight:700!important}.modal-content-custom .profile-field-input,.modal-content-custom .custom-select-trigger,.modal-content-custom .btn-primary,.modal-content-custom .address-card{border-radius:var(--radius-sm)!important}.address-form-actions{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;display:flex}.btn-address-cancel{border:1px solid var(--border-dark);color:var(--text-main);cursor:pointer;background-color:#f9fafb;outline:none;padding:10px 20px;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s;border-radius:var(--radius-sm)!important}.btn-address-cancel:hover{background-color:#f3f4f6;border-color:#9ca3af}.btn-address-save{background-color:var(--primary);border:1px solid var(--primary);color:#fff;cursor:pointer;outline:none;min-width:100px;padding:10px 24px;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s;border-radius:var(--radius-sm)!important}.btn-address-save:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.phone-input-custom{color:#1d4ed8!important;font-weight:700!important}.phone-input-custom::placeholder{color:#9ca3af!important;font-weight:400!important}.phone-input-custom::placeholder{color:#9ca3af!important;font-weight:400!important}.phone-input-custom::-moz-placeholder{opacity:1;color:#9ca3af!important;font-weight:400!important}.phone-input-custom:-ms-placeholder-shown{color:#9ca3af!important;font-weight:400!important}.timezone-input-readonly{color:var(--primary)!important;font-family:var(--font)!important;cursor:not-allowed!important;border-color:var(--border-dark)!important;background-color:#f9fafb!important;font-weight:700!important}.btn-password-submit{cursor:pointer;outline:none;align-self:flex-start;align-items:center;gap:8px;margin-top:8px;padding:10px 20px;font-size:14px;font-weight:700;transition:background-color .15s,border-color .15s;display:flex;background-color:var(--primary)!important;border:1.5px solid var(--primary)!important;color:#fff!important;border-radius:0!important}.btn-password-submit:hover{background-color:var(--primary-hover)!important;border-color:var(--primary-hover)!important}.mfa-option-card{cursor:pointer;border-radius:var(--radius-sm);-webkit-user-select:none;user-select:none;box-sizing:border-box;justify-content:space-between;align-items:center;padding:12px 16px;transition:border-color .2s;display:flex;border:1.5px solid var(--border-dark)!important;background-color:#fff!important}.mfa-option-card:hover{border-color:var(--primary)!important}.mfa-option-card.active{border-color:var(--primary)!important;background-color:#fff!important}.mfa-card-content{align-items:center;gap:12px;display:flex}.mfa-logo-wrapper{flex-shrink:0;justify-content:center;align-items:center;display:flex}.mfa-card-label{color:var(--text-main);font-size:13.5px;font-weight:700}.mfa-custom-radio{border:2px solid var(--border-dark);box-sizing:border-box;background-color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s;display:flex}.mfa-option-card:hover .mfa-custom-radio{border-color:var(--primary)}.mfa-custom-radio.checked{border-color:var(--primary)!important}.mfa-custom-radio-inner{background-color:#0000;border-radius:50%;width:8px;height:8px;transition:all .2s}.mfa-custom-radio.checked .mfa-custom-radio-inner{background-color:var(--primary)!important}.settings-label-theme,.settings-label-lang,.settings-label-mfa{color:#f97316!important}.custom-toggle-switch{cursor:pointer;box-sizing:border-box;background-color:#e5e7eb;border-radius:9999px;flex-shrink:0;width:44px;height:24px;padding:2px;transition:background-color .2s;display:inline-block;position:relative}.custom-toggle-switch.active{background-color:var(--primary)}.toggle-switch-handle{background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 1px 3px #00000026}.custom-toggle-switch.active .toggle-switch-handle{transform:translate(20px)}.input-error{border-color:#ef4444!important}.input-error:focus{border-color:#ef4444!important;box-shadow:0 0 0 2px #ef44441a!important}.spinner-loader{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin-right:8px;animation:.6s linear infinite spin-anim;display:inline-block}@keyframes spin-anim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.order-list-container{flex-direction:column;gap:20px;display:flex}.order-card{border:1px solid var(--border);background-color:var(--bg-main);border-radius:0;overflow:hidden}.btn-view-detail-pink{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:700;transition:opacity .2s;display:inline-flex}.btn-view-detail-pink:hover{opacity:.8}.order-card-header{border-bottom:1px solid var(--border);background-color:#fafafa;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.order-code-title{color:var(--text-main);font-size:15px;font-weight:700}.order-date-text{color:var(--text-muted);font-size:13px}.order-card-body{align-items:center;gap:16px;padding:20px;display:flex}.order-item-thumb{object-fit:cover;border:1px solid var(--border);border-radius:6px;width:70px;height:90px}.order-item-info-wrap{flex:1}.order-item-title-text{color:#9333ea;margin-bottom:4px;font-family:Playfair Display,Georgia,serif;font-size:17px;font-style:italic;font-weight:700}.order-detail-book-title{color:#9333ea;font-family:Playfair Display,Georgia,serif;font-size:15px;font-style:italic;font-weight:700}.order-item-desc-text{color:var(--text-muted);font-size:13.5px}.order-card-footer{border-top:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.order-total-block{color:var(--text-light);font-size:14px}.order-total-val{color:var(--primary);font-size:17px;font-weight:800}.status-badge{border-radius:20px;align-items:center;margin-right:8px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-badge.pending{color:#d97706;background-color:#fef3c7}.status-badge.processing{color:#2563eb;background-color:#dbeafe}.status-badge.completed{color:#15803d;background-color:#dcfce7}.status-badge.cancelled{color:#ef4444;background-color:#fef2f2}.status-badge.paid{color:#15803d;background-color:#dcfce7}.order-detail-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;font-family:Be Vietnam Pro,sans-serif;display:grid}.order-detail-section-title{color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;border-bottom:1.5px solid var(--border);margin-bottom:12px;padding-bottom:6px;font-size:14px;font-weight:700}.order-detail-row{color:var(--text-light);justify-content:space-between;margin-bottom:8px;font-size:13.5px;display:flex}.order-detail-row.total{color:var(--text-main);font-size:15px;font-weight:700}.order-detail-items-table{border-collapse:collapse;width:100%;margin-top:16px;font-family:Be Vietnam Pro,sans-serif}.order-detail-items-table th{text-align:left;border-bottom:2px solid var(--border);color:var(--text-main);background-color:#f9fafb;padding:10px;font-size:13px;font-weight:700}.order-detail-items-table td{border-bottom:1px solid var(--border);color:var(--text-light);padding:12px 10px;font-size:13.5px}.orders-pagination{justify-content:center;gap:8px;margin-top:24px;display:flex}.orders-pagination-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--text-light);cursor:pointer;background-color:#0000;border-radius:6px;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:all .2s;display:flex}.orders-pagination-btn:hover{color:var(--text-main);background-color:#fafafa}.orders-pagination-btn.active{background-color:var(--primary);color:#fff;border-color:var(--primary)}.orders-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.detail-wrapper{max-width:1000px;margin:40px auto;padding:0 24px;animation:.4s fadeIn}.detail-back-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);align-items:center;gap:8px;margin-bottom:24px;font-size:14px;font-weight:600;display:inline-flex}.detail-back-btn:hover{color:var(--primary)}.detail-container{grid-template-columns:440px 1fr;align-items:start;gap:56px;display:grid}.detail-cover-sec{border:1px solid var(--border);background-color:#fafafa;justify-content:center;align-items:center;width:400px;height:400px;display:flex;overflow:hidden}.detail-cover-sec svg,.detail-cover-sec img{object-fit:cover;display:block;width:100%!important;height:100%!important}.detail-info-sec{text-align:left;flex-direction:column;display:flex}.detail-author{color:var(--text-light);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:8px;font-size:13px;font-weight:700}.detail-title{color:#9333ea;letter-spacing:-.5px;margin-bottom:12px;font-family:Playfair Display,serif;font-size:34px;font-style:italic;font-weight:700;line-height:1.3}.detail-tags-row{gap:8px;margin-bottom:22px;display:flex}.detail-tag{color:#4a5568;background-color:#f0f4f8;border-radius:12px;padding:4px 14px;font-size:11.5px;font-weight:600}.detail-tag.highlight{background-color:var(--primary-light);color:var(--primary)}.detail-desc{color:var(--text-muted);margin-bottom:24px;font-size:14.5px;line-height:1.7}.detail-rating-row{align-items:center;gap:8px;margin-bottom:18px;display:flex}.rating-stars{align-items:center;gap:2px;display:flex}.rating-score{color:#ffc107;margin-right:4px;font-size:14.5px;font-weight:700}.divider-dot{color:var(--border-dark);font-weight:700}.rating-count,.sold-count{color:var(--text-muted);font-size:13.5px;font-weight:500}.detail-price-box{flex-direction:column;gap:6px;margin-bottom:24px;display:flex}.detail-price-row-wrapper{align-items:baseline;gap:12px;display:flex}.detail-price-label{color:var(--text-light);text-transform:uppercase;font-size:11.5px;font-weight:600;display:block}.detail-price-now{color:var(--primary);font-size:28px;font-weight:900;line-height:1}.detail-price-was{color:var(--text-light);font-size:15px;text-decoration:line-through}.detail-price-discount{color:#fff;background-color:#ff2e93;border-radius:20px;align-self:center;padding:3px 8px;font-size:11px;font-weight:700}.detail-policy-box{border:1.5px dashed var(--primary);background-color:#fff8fa;border-radius:16px;flex-direction:column;gap:12px;max-width:550px;margin-bottom:28px;padding:16px 20px;display:flex}.policy-item{color:var(--text-muted);align-items:center;gap:10px;font-size:13px;font-weight:600;display:flex}.policy-icon{color:var(--primary);flex-shrink:0}.detail-action-buttons{align-items:center;gap:14px;display:flex}.btn-detail-buy{cursor:pointer;background-color:var(--primary);color:#fff;box-shadow:none;transition:var(--transition);border-radius:4px;padding:12px 32px;font-size:15px;font-weight:700}.btn-detail-buy:hover{background-color:var(--primary-hover)}.btn-detail-cart{border:1.5px solid var(--primary);width:46px;height:46px;color:var(--primary);transition:var(--transition);cursor:pointer;background-color:#fff;border-radius:4px;justify-content:center;align-items:center;display:flex}.btn-detail-cart:hover{border-color:var(--primary-hover);color:var(--primary-hover);background-color:#f8f9fa}button:focus,button:active,.btn-primary:focus,.btn-primary:active,.btn-secondary:focus,.btn-secondary:active,.address-type-btn:focus,.address-type-btn:active,.btn-detail-cart:focus,.btn-detail-cart:active{box-shadow:none!important;outline:none!important}.purchase-flow-card{border-top:1px solid var(--border);flex-direction:column;align-items:center;margin-top:32px;padding-top:28px;display:flex}.purchase-flow-title{justify-content:center;align-items:center;gap:10px;width:100%;max-width:700px;margin-bottom:32px;display:flex}.purchase-title-text{font-family:var(--font);color:var(--text-main);letter-spacing:-.3px;font-size:22px;font-weight:700}.purchase-title-icon{color:var(--primary)}.purchase-steps{justify-content:space-between;width:100%;max-width:700px;margin-bottom:36px;display:flex;position:relative}.purchase-steps:before{content:"";background-color:var(--primary-light);z-index:1;height:2px;position:absolute;top:19px;left:45px;right:45px}.purchase-step-item{z-index:2;flex-direction:column;flex:1;align-items:center;gap:10px;display:flex;position:relative}.purchase-step-num{border:2px solid var(--primary);width:38px;height:38px;color:var(--primary);transition:var(--transition);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.purchase-step-item.active .purchase-step-num{background-color:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 10px #f663984d}.purchase-step-item.completed .purchase-step-num{color:#fff;background-color:#00c853;border-color:#00c853}.purchase-step-label{color:var(--text-muted);transition:var(--transition);font-size:13px;font-weight:600}.purchase-step-item.active .purchase-step-label{color:var(--primary);font-weight:700}.purchase-step-item.completed .purchase-step-label{color:#00c853}.purchase-input-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:700px;margin-bottom:24px;display:grid}.purchase-input-group{text-align:left;flex-direction:column;gap:6px;display:flex}.purchase-input-group.full-width{grid-column:span 2}.purchase-summary-list{background-color:var(--bg-secondary);border-radius:var(--radius-sm);flex-direction:column;gap:10px;width:100%;max-width:700px;margin-bottom:24px;padding:20px;display:flex}.purchase-summary-row{color:var(--text-muted);justify-content:space-between;font-size:14px;display:flex}.purchase-summary-row.total{color:var(--text-main);border-top:1px dashed var(--border-dark);margin-top:4px;padding-top:12px;font-size:16px;font-weight:700}.purchase-summary-row.total .price{color:var(--primary)}.purchase-success-view{text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:700px;padding:24px 0;display:flex}.success-icon-circle{color:#2e7d32;background-color:#e8f5e9;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.success-title{color:#2e7d32;font-size:18px;font-weight:800}.success-desc{color:var(--text-muted);font-size:13.5px;line-height:1.6}.detail-cover-sec-container{flex-direction:column;align-items:center;width:100%;display:flex}.detail-cover-sec-area{align-items:center;width:400px;height:400px;display:flex;position:relative}.cover-nav-btn{z-index:5;cursor:pointer;width:36px;height:36px;transition:var(--transition);color:var(--text-muted);box-shadow:none;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.cover-nav-btn:hover{color:var(--primary)}.cover-nav-prev{left:-44px}.cover-nav-next{right:-44px}.cover-dots{justify-content:center;gap:6px;margin-top:16px;display:flex}.cover-dot{background-color:var(--border-dark);cursor:pointer;border-radius:50%;width:8px;height:8px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.cover-dot.active{background-color:var(--primary);border-radius:4px;width:20px;box-shadow:0 0 8px #f6639866}.address-type-selector{gap:12px;width:100%;max-width:700px;margin-bottom:24px;display:flex}.address-type-btn{border:1px solid var(--border-dark);border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition);cursor:pointer;background-color:#fff;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:600;display:flex}.address-type-btn:hover,.address-type-btn.active{border-color:var(--primary);color:var(--primary);background-color:var(--primary-light)}.default-address-display{background-color:var(--bg-secondary);border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-muted);align-items:center;gap:10px;width:100%;max-width:700px;margin-bottom:24px;padding:16px;font-size:13.5px;line-height:1.5;display:flex}.detailed-address-grid{grid-template-columns:repeat(3,1fr)!important}.detailed-address-grid .purchase-input-group.full-width{grid-column:span 3}.select-input{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%235A5A5A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:36px!important}.purchase-step-content{flex-direction:column;align-items:center;width:100%;max-width:700px;display:flex}.purchase-flow-card .profile-field-input{border-radius:var(--radius-sm);width:100%;height:48px;padding:13px 16px;font-size:15px}.purchase-flow-card .profile-field-label{color:var(--text-muted);margin-bottom:4px;font-size:14px;font-weight:600}.payment-method-selector{text-align:left;flex-direction:column;gap:12px;width:100%;max-width:700px;margin-top:16px;margin-bottom:28px;display:flex}.payment-method-title{font-family:var(--font);color:var(--text-main);font-size:14px;font-weight:700}.payment-method-options{grid-template-columns:repeat(3,1fr);gap:14px;width:100%;display:grid}.payment-method-btn{border:1px solid var(--border-dark);border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition);cursor:pointer;background-color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:72px;padding:16px 12px;font-size:13.5px;font-weight:600;display:flex}.payment-method-btn img{object-fit:contain;max-width:95%;height:36px}.payment-method-btn:hover,.payment-method-btn.active{border-color:var(--primary);color:var(--primary);background-color:var(--primary-light)}@media (width<=768px){.detail-container{grid-template-columns:1fr;gap:32px}.detail-cover-sec{aspect-ratio:1;width:100%;max-width:400px;height:auto;margin:0 auto}.detailed-address-grid{grid-template-columns:1fr!important}.detailed-address-grid .purchase-input-group.full-width{grid-column:span 1}.payment-method-options{grid-template-columns:1fr;gap:10px}}.other-versions-section{border-top:1px solid var(--border);text-align:left;margin-top:40px;padding-top:28px}.other-versions-title{color:var(--text-main);margin-bottom:16px;font-size:18px;font-weight:700}.other-versions-list{flex-wrap:wrap;gap:16px;display:flex}.other-version-card{border:1px solid var(--border);transition:var(--transition);background-color:#fff;border-radius:0;flex:1;align-items:center;gap:12px;min-width:200px;max-width:280px;padding:12px 16px;text-decoration:none;display:flex}.other-version-card:hover,.other-version-card.active{border-color:var(--primary)}.ov-cover-wrap{background-color:#f3f4f6;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:64px;display:flex;overflow:hidden}.ov-cover-wrap img{object-fit:cover;width:100%;height:100%}.ov-cover-placeholder{justify-content:center;align-items:center;display:flex}.ov-info{flex-direction:column;gap:4px;display:flex}.ov-cover-type{color:var(--text-muted);text-transform:uppercase;font-size:12px;font-weight:700}.ov-price{color:var(--primary);font-size:15px;font-weight:700}.ov-old-price{color:var(--text-light);font-size:12px;text-decoration:line-through}.detail-bottom-tabs-section{border-top:1px solid var(--border);text-align:left;margin-top:48px;padding-top:32px}.detail-tabs-header{border-bottom:2px solid var(--border);gap:32px;margin-bottom:24px;display:flex}.detail-tab-btn{font-family:var(--font);color:var(--text-light);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:12px 4px;font-size:16px;font-weight:700;position:relative}.detail-tab-btn:hover,.detail-tab-btn.active{color:var(--primary)}.detail-tab-btn.active:after{content:"";background-color:var(--primary);height:2.5px;position:absolute;bottom:-2px;left:0;right:0}.detail-tab-content{animation:.3s fadeIn}.detail-long-desc{color:var(--text-muted);font-size:14.5px;line-height:1.8}.detail-long-desc p{margin-bottom:16px}.specs-table-full{border-collapse:collapse;border:1.5px solid var(--primary);background-color:#faf8f9;width:100%;margin-top:12px;font-size:14px;box-shadow:0 4px 12px #f663980a}.specs-table-full thead tr{background-color:#fdf2f5}.specs-table-full thead th{color:var(--primary-hover);text-align:left;border-bottom:1.5px solid var(--primary);border-right:1.5px solid #f6639840;padding:14px 24px;font-size:13.5px;font-weight:700}.specs-table-full thead th:last-child{border-right:none}.specs-table-full tbody tr{transition:var(--transition)}.specs-table-full tbody tr:hover{background-color:#f5ecef}.specs-table-full tbody td{border-bottom:1px solid #f6639840;border-right:1px solid #f6639840;padding:14px 24px}.specs-table-full tbody tr:last-child td{border-bottom:none}.specs-table-full tbody td:last-child{border-right:none}.specs-table-full .specs-label{color:var(--text-muted);width:240px;font-weight:700}.specs-table-full .specs-value{color:var(--text-main);font-weight:600}.detail-stock-status{margin-top:12px;margin-bottom:8px}.stock-badge{align-items:center;gap:6px;padding:0;font-size:13.5px;font-weight:600;display:inline-flex;background-color:#0000!important;border:none!important}.stock-badge:before{content:"";border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.stock-ok{color:#16a34a}.stock-ok:before{background-color:#22c55e;box-shadow:0 0 0 2px #22c55e33}.stock-low{color:#d97706}.stock-low:before{background-color:#f59e0b;animation:1.5s ease-in-out infinite pulse-dot;box-shadow:0 0 0 2.5px #f59e0b40}.stock-empty{color:#dc2626}.stock-empty:before{background-color:#ef4444;box-shadow:0 0 0 2px #ef444433}@keyframes pulse-dot{0%{box-shadow:0 0 #f59e0b80}70%{box-shadow:0 0 0 6px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}.quantity-selector-container{flex-direction:column;gap:8px;margin:16px 0;display:flex}.quantity-label{color:var(--text-main);font-size:14px;font-weight:600}.quantity-controls{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;width:fit-content;display:inline-flex;overflow:hidden;box-shadow:0 1px 2px #00000005}.qty-btn{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#0000;border:none;justify-content:center;align-items:center;width:40px;height:38px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.qty-btn:hover:not(:disabled){color:var(--primary);background-color:#faf5ff}.qty-btn:disabled{color:#cbd5e1;cursor:not-allowed;background-color:#f8fafc}.qty-input{text-align:center;color:#0f172a;background-color:#0000;border:none;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;outline:none;width:54px;height:38px;padding:0;font-size:15px;font-weight:700}.qty-input:focus{background-color:#faf5ff}.qty-input.qty-error{color:#ef4444;background-color:#fef2f2}.qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input[type=number]{-moz-appearance:textfield}.qty-error-msg{color:#ef4444;font-size:13px;font-weight:600}@keyframes pulse-border{0%{border-color:#eab30833}50%{border-color:#eab30899}to{border-color:#eab30833}}.btn-checkout-cancel{border:1px solid var(--border-dark);color:var(--text-muted);cursor:pointer;background-color:#fff;border-radius:4px;padding:10px 20px;font-weight:600;transition:all .2s}.btn-checkout-cancel:hover{background-color:#f1f5f9}.register-wrapper{background-color:var(--bg-main);justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.register-card{box-shadow:none;text-align:left;background-color:#0000;border:none;border-radius:0;width:100%;max-width:520px;padding:0}.register-back-btn{color:var(--text-light);cursor:pointer;transition:var(--transition);align-items:center;gap:8px;margin-bottom:24px;font-size:14px;font-weight:600;display:inline-flex}.register-back-btn:hover{color:var(--primary)}.register-title{color:#ec4899;letter-spacing:-.5px;margin-top:0;margin-bottom:8px;font-family:Playfair Display,Georgia,serif;font-size:34px;font-style:italic;font-weight:700}.register-subtitle{color:var(--text-muted);margin-bottom:28px;font-size:14px;line-height:1.5}.form-row{gap:16px;width:100%;display:flex}.form-row .form-group{flex:1}.form-group{margin-bottom:20px;position:relative}.form-label{color:var(--text-main);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-input,.form-select{border:1px solid var(--border-dark);border-radius:var(--radius-sm);width:100%;font-family:var(--font);color:var(--text-muted);transition:var(--transition);background-color:#fff;outline:none;padding:12px 14px;font-size:14.5px}.form-input::placeholder{color:var(--text-light)}.form-input:focus,.form-select:focus{border-color:var(--primary);box-shadow:none}.form-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-position:right 14px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.btn-link{color:var(--primary);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.btn-link:hover{color:var(--primary-hover)}.books-list-container{max-width:1200px;margin:40px auto;padding:0 24px;animation:.4s ease-out fadeIn}.books-layout{align-items:flex-start;gap:32px;display:flex}.books-sidebar{width:240px;box-shadow:none;background-color:#0000;border:none;flex-shrink:0;padding:0 16px 0 0;position:sticky;top:100px}.sidebar-filter-section{border-bottom:1px solid var(--border);margin-bottom:28px;padding-bottom:20px}.sidebar-filter-section:last-of-type{border-bottom:none;margin-bottom:20px;padding-bottom:0}.filter-title{color:var(--text-main);margin-bottom:14px;padding-left:0;font-size:16px;font-weight:700;position:relative}.filter-list{max-height:240px;margin:0;padding:0;list-style:none;overflow-y:auto}.filter-list::-webkit-scrollbar{width:6px}.filter-list::-webkit-scrollbar-track{background:0 0}.filter-list::-webkit-scrollbar-thumb{background:var(--border-dark);border-radius:3px}.filter-item{color:var(--text-muted);cursor:pointer;transition:var(--transition);white-space:nowrap;text-overflow:ellipsis;border-radius:6px;padding:8px 10px;font-size:14px;overflow:hidden}.filter-item:hover{background-color:var(--primary-light);color:var(--primary)}.filter-item.active{background-color:var(--primary-light);color:var(--primary);font-weight:700}.price-filter-form{flex-direction:column;gap:12px;display:flex}.price-input-row{align-items:center;gap:8px;display:flex}.price-input-field{border:1px solid var(--border);height:38px;font-size:14px;font-family:var(--font);background-color:var(--bg-secondary);transition:var(--transition);border-radius:6px;outline:none;flex:1;width:45%;padding:0 12px}.price-input-field:focus{border-color:var(--primary);background-color:#fff}.price-separator{color:var(--text-light)}.btn-apply-price{background-color:var(--primary);color:#fff;height:38px;transition:var(--transition);text-align:center;cursor:pointer;border-radius:6px;font-size:13px;font-weight:700}.btn-apply-price:hover{background-color:var(--primary-hover)}.btn-reset-filters{border:1px solid var(--border);width:100%;height:42px;color:var(--text-muted);background-color:var(--bg-secondary);transition:var(--transition);cursor:pointer;border-radius:8px;font-size:13.5px;font-weight:700}.btn-reset-filters:hover{color:#e53e3e;background-color:#fff5f5;border-color:#e53e3e}.books-main-content{flex:1;min-width:0}.content-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.search-status-title{color:var(--text-main);margin-bottom:4px;font-size:22px;font-weight:800}.keyword-highlight{color:var(--primary)}.results-count{color:var(--text-muted);font-size:13.5px}.sort-bar{align-items:center;gap:10px;display:flex}.sort-label{color:var(--text-muted);font-size:14px;font-weight:600}.custom-dropdown-container{-webkit-user-select:none;user-select:none;width:200px;font-family:var(--font);position:relative}.custom-dropdown-header{border:2px solid var(--border);color:#f484a8;cursor:pointer;height:38px;transition:var(--transition);background-color:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:0 16px;font-size:14px;font-weight:600;display:flex}.custom-dropdown-header:hover,.custom-dropdown-header.active{border-color:var(--border)}.custom-dropdown-header .arrow-icon{color:#f484a8;transition:transform .2s}.custom-dropdown-header .arrow-icon.open{transform:rotate(180deg)}.custom-dropdown-menu{border:1px solid var(--border);z-index:10;background-color:#fff;border-radius:10px;max-height:250px;padding:6px 0;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000014}.custom-dropdown-item{color:var(--text-main);cursor:pointer;transition:var(--transition);text-align:left;padding:10px 16px;font-size:13.5px;font-weight:500}.custom-dropdown-item:hover{color:#f484a8;background-color:#f484a80d}.custom-dropdown-item.selected{color:#f484a8;background-color:#f484a814;font-weight:700}.books-loading-skeleton{box-shadow:none;background-color:#0000;border:none;flex-direction:column;justify-content:center;align-items:center;padding:100px 0;display:flex}.books-loading-skeleton .btn-spinner{border-color:#f6639833;border-left-color:var(--primary);width:32px;height:32px}.books-empty-state{text-align:center;box-shadow:none;background-color:#0000;border:none;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;display:flex}.empty-icon{color:#ff5294;margin-bottom:20px}.books-empty-state h3{color:var(--text-main);margin-bottom:8px;font-size:18px;font-weight:700}.books-empty-state p{color:var(--text-muted);margin-bottom:24px;font-size:14px}.btn-reset-filters-large{background-color:var(--primary);color:#fff;transition:var(--transition);cursor:pointer;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:700}.btn-reset-filters-large:hover{background-color:var(--primary-hover)}@media (width<=900px){.books-layout{flex-direction:column;align-items:stretch}.books-sidebar{width:100%;margin-bottom:24px;position:static}.filter-list{max-height:150px}}.books-main-content .book-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.vouchers-wrapper{max-width:960px;margin:40px auto;padding:0 24px;animation:.4s fadeIn}.vouchers-title-main{color:var(--primary);letter-spacing:-.5px;margin-bottom:8px;font-family:Playfair Display,Georgia,serif;font-size:32px;font-style:italic;font-weight:700}.vouchers-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:15px}.customer-voucher-container{padding:8px 0}.customer-voucher-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.customer-voucher-card{border:1px solid var(--border);background-color:#fff;border-radius:8px;min-height:108px;transition:box-shadow .2s,transform .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.customer-voucher-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.customer-voucher-card.expired{opacity:.65;filter:grayscale()}.customer-voucher-card:before,.customer-voucher-card:after{content:"";z-index:2;background-color:#fafafa;border-radius:50%;width:12px;height:12px;position:absolute;left:90px;box-shadow:inset 0 0 2px #0000000d}.customer-voucher-card:before{top:-6px;box-shadow:inset 0 -2px 2px #0000000d}.customer-voucher-card:after{bottom:-6px;box-shadow:inset 0 2px 2px #0000000d}.voucher-card-left{border-right:1px dashed var(--border);text-align:center;background:linear-gradient(135deg,#fef2f2,#fbcfe8);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:96px;padding:12px 6px;display:flex;position:relative}.customer-voucher-card.expired .voucher-card-left{background:#f3f4f6}.voucher-icon-circle{border:1px solid var(--border);width:38px;height:38px;color:var(--primary);background-color:#fff;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 4px #0000000a}.voucher-discount-tag{color:var(--primary);word-break:break-all;font-size:15px;font-weight:800}.voucher-card-right{flex-direction:column;flex:1;justify-content:space-between;padding:14px 16px;display:flex}.voucher-header-info{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.voucher-code-badge{color:var(--text-main);background-color:#f3f4f6;border-radius:4px;padding:2px 8px;font-size:13px;font-weight:700}.voucher-coin-cost{color:#d97706;background-color:#fffbeb;border:1px solid #fde68a;border-radius:4px;align-items:center;padding:1px 6px;font-size:11px;font-weight:700;display:inline-flex}.voucher-description{color:var(--text-light);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;flex-grow:1;margin:0 0 10px;font-size:12.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.voucher-footer-info{border-top:1px solid #f3f4f6;justify-content:space-between;align-items:center;margin-top:auto;padding-top:8px;display:flex}.voucher-expiry{color:var(--text-muted);font-size:11px;font-weight:500}.btn-view-voucher-detail{border:1px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .2s}.btn-view-voucher-detail:hover{background-color:var(--primary);color:#fff}.modal-backdrop-custom{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000a6;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-content-custom{border:1px solid var(--border);background-color:#111113;border-radius:12px;width:90%;padding:24px;animation:.3s modalSlideUp;box-shadow:0 10px 25px #00000080}.voucher-dropdown-container{-webkit-user-select:none;user-select:none;width:190px;position:relative}.voucher-dropdown-header{border:1px solid var(--border-dark);color:var(--text-main);cursor:pointer;box-sizing:border-box;height:38px;transition:var(--transition);background-color:#fff;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;font-weight:500;display:flex}.voucher-dropdown-header span{white-space:nowrap;text-overflow:ellipsis;text-align:left;flex-grow:1;margin-right:8px;overflow:hidden}.voucher-dropdown-header:hover,.voucher-dropdown-header.open{border-color:var(--primary)}.voucher-dropdown-header.active{color:var(--primary);font-weight:600}.voucher-dropdown-arrow{color:var(--text-light);flex-shrink:0;transition:transform .2s,color .2s}.voucher-dropdown-header:hover .voucher-dropdown-arrow,.voucher-dropdown-header.open .voucher-dropdown-arrow{color:var(--primary)}.voucher-dropdown-arrow.open{transform:rotate(180deg)}.voucher-dropdown-menu{border:1px solid var(--border-dark);width:max-content;min-width:100%;box-shadow:var(--shadow-md);z-index:100;background-color:#fff;border-radius:6px;max-height:250px;padding:6px 0;position:absolute;top:calc(100% + 6px);left:0;overflow-y:auto}.voucher-dropdown-item{color:var(--text-muted);cursor:pointer;transition:var(--transition);text-align:left;white-space:nowrap;padding:8px 16px;font-size:13.5px;font-weight:500}.voucher-dropdown-item:hover{background-color:var(--primary-light);color:var(--primary)}.voucher-dropdown-item.selected{color:var(--primary);background-color:var(--primary-light);font-weight:700}.voucher-radio-container{color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:flex}.voucher-radio-input{display:none}.voucher-radio-circle{border:1.5px solid var(--border-dark);background-color:#fff;border-radius:50%;flex-shrink:0;width:18px;height:18px;transition:all .15s;display:inline-block;position:relative}.voucher-radio-container:hover .voucher-radio-circle,.voucher-radio-input:checked+.voucher-radio-circle{border-color:var(--primary)}.voucher-radio-input:checked+.voucher-radio-circle:after{content:"";background-color:var(--primary);border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.voucher-search-wrapper{flex:1;align-items:center;min-width:160px;display:flex;position:relative}.voucher-search-input{border:1px solid var(--border-dark);width:100%;color:var(--text-main);box-sizing:border-box;background-color:#fff;border-radius:6px;outline:none;height:38px;padding:8px 12px 8px 38px;font-size:14px;font-weight:500;transition:all .2s}.voucher-search-input::placeholder{color:var(--text-light)}.voucher-search-input:focus{border-color:var(--primary);box-shadow:none}.voucher-search-icon{color:var(--text-light);pointer-events:none;justify-content:center;align-items:center;transition:color .2s;display:flex;position:absolute;left:12px}.voucher-search-input:focus+.voucher-search-icon{color:var(--primary)}.btn-search-voucher{border:1.5px solid var(--primary);width:38px;height:38px;color:var(--primary);cursor:pointer;box-sizing:border-box;background-color:#fdf2f8;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.btn-search-voucher:hover{background-color:var(--primary);color:#fff}.cart-wrapper{max-width:1000px;min-height:60vh;margin:40px auto;padding:0 24px;animation:.4s fadeIn}.cart-header-title{border-bottom:1px solid var(--border);text-align:left;margin-bottom:32px;padding-bottom:16px}.cart-title{color:var(--primary);margin:0 0 6px;font-family:Playfair Display,Georgia,serif;font-size:32px;font-style:italic;font-weight:700}.cart-subtitle{color:#9333ea;font-size:14px;font-weight:500}.cart-single-column{width:100%;max-width:1000px;margin:0 auto}.cart-list-section{flex-direction:column;gap:16px;display:flex}.cart-item-card{border:none;border-bottom:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0;align-items:center;gap:20px;padding:16px 0;transition:none;display:grid}.cart-item-card:hover{box-shadow:none;transform:none}.cart-item-checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;display:inline-flex}.cart-item-checkbox-container input[type=checkbox]{appearance:none;cursor:pointer;background-color:#fff;border:2px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.cart-item-checkbox-container input[type=checkbox]:hover:not(:disabled){border-color:var(--primary)}.cart-item-checkbox-container input[type=checkbox]:checked{background-color:var(--primary);border-color:var(--primary);background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat}.cart-item-checkbox-container input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6;background-color:#f1f5f9;border-color:#e2e8f0}.cart-item-card.insufficient-stock{background-color:#ef444405;border-color:#ef4444;animation:.5s ease-in-out shake;box-shadow:0 0 0 2px #ef44440d}.cart-item-image{border:1px solid var(--border);background-color:#fcfcfc;border-radius:8px;justify-content:center;align-items:center;width:80px;height:100px;display:flex;overflow:hidden}.cart-item-image img{object-fit:cover;width:100%;height:100%}.cart-item-placeholder{font-size:32px}.cart-item-info{text-align:left;flex-direction:column;display:flex}.item-title{color:#9333ea;margin:0 0 4px;font-family:Playfair Display,Georgia,serif;font-size:17px;font-style:italic;font-weight:700;line-height:1.4}.item-author{color:var(--text-muted);margin-bottom:8px;font-size:13px;font-weight:600}.item-price{font-size:14px;font-weight:700}.item-stock-warning{color:#ef4444;margin-top:6px;font-size:12px;font-weight:600;display:inline-block}.cart-item-subtotal{color:var(--text-main);text-align:right;font-size:16px;font-weight:700}.cart-item-remove-btn{cursor:pointer;opacity:.5;transition:var(--transition);background:0 0;border:none;justify-content:center;align-items:center;font-size:18px;display:flex}.cart-item-remove-btn:hover{opacity:1;transform:scale(1.1)}.cart-loading,.cart-empty-state{justify-content:center;align-items:center;width:100%;padding:80px 0;display:flex}.cart-empty-card{max-width:480px;box-shadow:none;text-align:center;background:0 0;border:none;padding:24px}.cart-empty-icon{margin-bottom:16px;font-size:48px}.cart-empty-card h2{color:var(--text-main);margin-bottom:12px;font-family:Playfair Display,serif;font-size:24px}.cart-empty-card p{color:var(--text-muted);margin-bottom:24px;font-size:14px}.spinner{border:3.5px solid #f663981a;border-top:3.5px solid var(--primary);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin}.cart-pagination{justify-content:center;align-items:center;gap:16px;margin-top:24px;display:flex}.pagination-btn{border:1px solid var(--border);cursor:pointer;transition:var(--transition);background:#fff;border-radius:6px;padding:6px 16px;font-size:13px;font-weight:600}.pagination-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-text{color:var(--text-muted);font-size:13px;font-weight:700}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.checkout-section{text-align:left;background-color:#0000;border:none;margin-top:32px;padding:24px 0;animation:.3s fadeIn}.checkout-title{color:var(--primary);border-bottom:none;margin:0 0 20px;padding-bottom:0;font-family:Playfair Display,serif;font-size:22px;font-style:italic;font-weight:700}.checkout-subtitle{color:var(--text-main);margin:0 0 12px;font-size:15px;font-weight:700}.checkout-grid{grid-template-columns:1fr;gap:20px;margin-bottom:20px;display:grid}.address-cards-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:16px;display:grid}.address-select-card{border:1px solid var(--border-dark);cursor:pointer;text-align:left;background-color:#fff;border-radius:4px;padding:14px;transition:all .2s;position:relative}.address-select-card:hover{border-color:var(--primary);background-color:#f6639805}.address-select-card.selected{border:1.5px solid var(--primary);background-color:#fdf2f5}.address-select-card .card-check-icon{color:var(--primary);position:absolute;top:12px;right:12px}.payment-methods-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px;display:grid}.payment-method-btn{border:1px solid var(--border-dark);cursor:pointer;color:var(--text-main);background-color:#fff;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;font-weight:700;transition:all .2s;display:flex}.payment-method-btn:hover{border-color:var(--primary);color:var(--primary);background-color:#f663980a}.payment-method-btn.payos-btn:hover{color:#00a85e;background-color:#00a85e05;border-color:#00a85e}.payment-method-btn.selected-cod{border:1.5px solid var(--primary)!important;color:var(--primary)!important;box-shadow:none!important;background-color:#fff7f9!important}.payment-method-btn.selected-payos{color:#00a85e!important;box-shadow:none!important;background-color:#f3fcf7!important;border:1.5px solid #00a85e!important}.checkout-summary-box{background-color:#0000;border:none;border-radius:6px;margin-bottom:24px;padding:16px}.summary-row{color:var(--text-muted);justify-content:space-between;margin-bottom:10px;font-size:14.5px;display:flex}.summary-row:last-child{margin-bottom:0}.summary-row.total-row{border-top:1px dashed var(--border-dark);color:var(--text-main);margin-top:10px;padding-top:10px;font-size:16.5px;font-weight:800}.checkout-actions-row{justify-content:flex-end;gap:12px;display:flex}.btn-checkout-cancel{border:1px solid var(--border);background-color:var(--bg-secondary);color:var(--text-muted);cursor:pointer;border-radius:4px;padding:10px 20px;font-size:13.5px;font-weight:700;transition:all .2s}.btn-checkout-cancel:hover{color:#e53e3e;background-color:#fff5f5;border-color:#e53e3e}.btn-checkout-submit{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:140px;padding:10px 24px;font-weight:700;transition:all .2s;display:inline-flex}.btn-checkout-submit:hover:not(:disabled){opacity:.9}.btn-checkout-submit:disabled{opacity:.7;cursor:not-allowed}.payos-qr-box{text-align:center;background-color:#fff;border:1.5px solid #00a85e;border-radius:8px;max-width:420px;margin:24px auto;padding:24px;box-shadow:0 4px 20px #0000000d}.payos-qr-img{border:1px solid var(--border-dark);background:#fff;margin:16px auto;padding:8px;display:block}.payos-status-text{color:#00a85e;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.spin-loader{border:3px solid #00a85e1a;border-top-color:#00a85e;border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}.spin-loader-pink{border:3px solid #f663981a;border-top:3px solid var(--primary);border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin}@media (width<=768px){.checkout-grid{grid-template-columns:1fr}}@media (width<=576px){.cart-item-card{gap:12px;grid-template-columns:40px 80px 1fr!important}.cart-item-qty,.cart-item-subtotal,.cart-item-remove-btn{text-align:left;grid-column:span 3;justify-content:start}.cart-item-subtotal{text-align:left}}.cart-item-remove-btn{opacity:.5;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:inline-flex;color:var(--text-light)!important}.cart-item-remove-btn:hover{opacity:1;color:#ef4444!important;background-color:#ef444414!important}.voucher-input-group{gap:8px;margin-bottom:12px;display:flex}.voucher-input-group .voucher-text-input{border:1px solid var(--border-dark);height:42px;color:var(--text-main);box-sizing:border-box;background-color:#fff;border-radius:6px;outline:none;flex:1;padding:8px 14px;font-size:13.5px}.voucher-input-group .voucher-text-input:focus{border-color:var(--primary)}.voucher-input-group .btn-apply-code{background-color:var(--primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;height:42px;padding:0 18px;font-size:13.5px;font-weight:700;transition:opacity .2s}.voucher-input-group .btn-apply-code:hover{opacity:.9}.voucher-select-link-btn{color:var(--primary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:13.5px;font-weight:700;transition:opacity .2s;display:inline-flex}.voucher-select-link-btn:hover{opacity:.8}.checkout-voucher-modal{width:95%!important;max-width:500px!important;color:var(--text-main)!important;background-color:#fff!important;border:none!important;box-shadow:0 20px 25px -5px #00000026!important}.modal-voucher-list{flex-direction:column;gap:12px;max-height:380px;margin-bottom:20px;padding-right:4px;display:flex;overflow-y:auto}.modal-voucher-card{cursor:pointer;transition:border-color .2s,box-shadow .2s}.modal-voucher-card:hover{transform:none!important;box-shadow:0 2px 8px #0000000a!important}.modal-voucher-card.selected-card{border:1px solid var(--border)!important;box-shadow:0 2px 8px #0000000a!important}.modal-voucher-card.ineligible-card{opacity:.65;cursor:not-allowed!important}.modal-voucher-card.ineligible-card .voucher-card-left{background:#f3f4f6!important}.voucher-ineligible-reason{color:#dc2626;margin-top:4px;font-size:11px;font-weight:600}.modal-pagination{border-top:1px solid #f1f5f9;justify-content:center;align-items:center;gap:12px;margin-top:16px;padding-top:12px;display:flex}.modal-pagination-btn{border:1px solid var(--border);cursor:pointer;color:var(--text-main);background:0 0;border-radius:4px;padding:4px 10px;font-size:12.5px}.modal-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.btn-remove-voucher{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:13px;font-weight:600;transition:all .2s}.btn-remove-voucher:hover{color:#dc2626;background-color:#ef444414}.checkout-result-container{background:radial-gradient(circle at 0 0,#ff5e890d,#0000 40%),radial-gradient(circle at 100% 100%,#9333ea0d,#0000 40%);justify-content:center;align-items:center;min-height:80vh;padding:40px 20px;display:flex}.checkout-result-card{background:var(--card-bg,#fff);border:1px solid var(--border,#e2e8f0);text-align:center;border-radius:16px;width:100%;max-width:500px;padding:48px 32px;animation:.6s cubic-bezier(.16,1,.3,1) both slideUpFade;position:relative;overflow:hidden;box-shadow:0 10px 30px -10px #0000000f}.checkout-result-card:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.success-card:before{background:linear-gradient(90deg,#10b981,#059669)}.error-card:before{background:linear-gradient(90deg,#ef4444,#dc2626)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-icon-wrapper{justify-content:center;margin-bottom:24px;display:flex}.checkmark{stroke-width:2px;stroke:#10b981;stroke-miterlimit:10;border-radius:50%;width:80px;height:80px;animation:.4s ease-in-out .4s forwards fillSuccess,.3s ease-in-out .9s both scaleSuccess;display:block;box-shadow:inset 0 0 #10b981}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:2px;stroke-miterlimit:10;stroke:#10b981;fill:none;animation:.6s cubic-bezier(.65,0,.45,1) forwards strokeCircle}.checkmark__check{transform-origin:50%;stroke-dasharray:48;stroke-dashoffset:48px;stroke-width:3px;stroke-linecap:round;animation:.3s cubic-bezier(.65,0,.45,1) .8s forwards strokeCheck}.crossmark{stroke-width:2px;stroke:#ef4444;stroke-miterlimit:10;border-radius:50%;width:80px;height:80px;animation:.4s ease-in-out .4s forwards fillError,.3s ease-in-out .9s both scaleSuccess;display:block;box-shadow:inset 0 0 #ef4444}.crossmark__circle{stroke-dasharray:166;stroke-dashoffset:166px;stroke-width:2px;stroke-miterlimit:10;stroke:#ef4444;fill:none;animation:.6s cubic-bezier(.65,0,.45,1) forwards strokeCircle}.crossmark__line{stroke-dasharray:48;stroke-dashoffset:48px;stroke-width:3px;stroke-linecap:round;stroke:#ef4444;animation:.3s cubic-bezier(.65,0,.45,1) .8s forwards strokeCheck}@keyframes strokeCircle{to{stroke-dashoffset:0}}@keyframes strokeCheck{to{stroke-dashoffset:0}}@keyframes fillSuccess{to{box-shadow:inset 0 0 0 40px #10b9811a}}@keyframes fillError{to{box-shadow:inset 0 0 0 40px #ef44441a}}@keyframes scaleSuccess{0%,to{transform:none}50%{transform:scale(1.1)}}.result-title{margin-bottom:12px;font-family:Playfair Display,Georgia,serif;font-size:28px;font-weight:700}.text-success{color:#10b981}.text-danger{color:#ef4444}.result-desc{color:var(--text-muted,#64748b);margin-bottom:32px;font-size:15px;line-height:1.6}.order-code-badge{color:#047857;background-color:#10b98114;border:1px solid #10b98126;border-radius:9999px;margin-bottom:36px;padding:8px 18px;font-size:14.5px;font-weight:500;display:inline-block}.error-badge{color:#b91c1c;background-color:#ef444414;border-color:#ef444426}.result-actions{flex-direction:column;gap:12px;display:flex}.result-actions button{cursor:pointer;border-radius:8px;width:100%;padding:12px;font-size:14.5px;font-weight:600;transition:all .25s}.btn-primary{background-color:var(--primary,#ff5e89);color:#fff;border:none}.btn-primary:hover{background-color:var(--primary-hover,#e04b73);transform:translateY(-1px)}.btn-secondary{color:var(--text-normal,#334155);border:1px solid var(--border,#cbd5e1);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-hover,#f8fafc);border-color:var(--text-muted,#64748b)}.order-detail-page-container{max-width:900px;color:var(--text-main);margin:40px auto;padding:0 24px;font-family:Be Vietnam Pro,sans-serif;animation:.4s fadeIn}.order-detail-card-main{box-shadow:none;background-color:#0000;border:none;border-radius:0;padding:0}.btn-back-to-orders{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-back-to-orders:hover{color:var(--primary)}.order-detail-grid{background-color:#0000;border:none;border-radius:0;grid-template-columns:1fr 1fr;gap:32px;margin-top:16px;padding:0;display:grid}.order-detail-section-title{color:var(--text-main);border-bottom:2px solid var(--border);text-transform:none;margin:0 0 16px;padding-bottom:8px;font-size:16px;font-weight:700}.order-detail-items-table{border-collapse:collapse;width:100%}.order-detail-items-table th{color:var(--text-main);border-bottom:1.5px solid var(--border);background-color:#0000;padding:14px 16px;font-size:13.5px;font-weight:700}.order-detail-items-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:16px;font-size:14px}.order-detail-items-table tr:last-child td{border-bottom:none}.order-detail-book-title{color:#9333ea;font-family:Playfair Display,Georgia,serif;font-style:italic;font-weight:700}.order-detail-row{color:var(--text-main);justify-content:space-between;font-size:14px;display:flex}.order-detail-row.total{color:var(--text-main);font-size:16px}.spinner{border:3px solid #f484a833;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.6s linear infinite spin-anim}@media (width<=768px){.order-detail-grid{grid-template-columns:1fr;gap:24px}.order-detail-card-main{padding:24px}}.about-fullbleed-wrapper{color:#0f172a;width:100%;margin-bottom:80px;font-family:Plus Jakarta Sans,sans-serif;overflow-x:hidden}.reveal-element{opacity:0;will-change:opacity, transform;transition:opacity .75s cubic-bezier(.16,1,.3,1),transform .75s cubic-bezier(.16,1,.3,1);transform:translateY(30px)}.reveal-element.is-visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}.delay-3{transition-delay:.36s}.band-hero{background:linear-gradient(#fff5f8 0%,#fff 100%);border-bottom:1px solid #f1f5f9;padding:64px 24px 56px}.band-inner{text-align:center;max-width:1200px;margin:0 auto}.hero-pill-badge{color:#da447d;letter-spacing:1px;text-transform:uppercase;background:#fff;border:1px solid #da447d40;border-radius:4px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:13px;font-weight:800;display:inline-flex}.hero-main-title{color:#0f172a;letter-spacing:-.5px;margin-bottom:18px;font-family:Playfair Display,Georgia,serif;font-size:36px;font-weight:800;line-height:1.3}.hero-main-title span{color:#da447d}.hero-sub-description{color:#475569;max-width:860px;margin:0 auto 36px;font-size:17.5px;font-weight:500;line-height:1.7}.hero-stats-grid{grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto;padding-top:24px;display:grid}@media (width<=768px){.hero-stats-grid{grid-template-columns:1fr}}.stat-item-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;align-items:center;padding:24px 16px;transition:border-color .2s,transform .2s;display:flex}.stat-item-card:hover{border-color:#da447d;transform:translateY(-3px)}.stat-number{color:#da447d;margin-bottom:6px;font-family:Playfair Display,Georgia,serif;font-size:40px;font-weight:800;line-height:1.1}.stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:700}.band-showcase{background:#fff;padding:48px 24px}.showcase-frame{background:#0f172a;border:1px solid #1e293b;border-radius:6px;flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:8px;display:flex;overflow:hidden}.showcase-img{object-fit:contain;border-radius:4px;width:100%;height:auto;max-height:620px;display:block}.showcase-caption{color:#cbd5e1;text-align:center;padding:12px 16px 4px;font-size:13.5px;font-weight:600}.band-dark-bio{color:#f8fafc;background:#0f172a;border-top:3px solid #da447d;border-bottom:1px solid #1e293b;padding:80px 24px}.dark-bio-grid{grid-template-columns:380px 1fr;align-items:start;gap:48px;max-width:1200px;margin:0 auto;display:grid}@media (width<=960px){.dark-bio-grid{grid-template-columns:1fr}}.dark-portrait-box{background:#1e293b;border:1px solid #334155;border-radius:6px;padding:8px}.dark-portrait-img{object-fit:contain;border-radius:4px;width:100%;height:auto;max-height:480px;display:block}.dark-portrait-caption{color:#94a3b8;text-align:center;padding:12px 14px 4px;font-size:13px;font-weight:600}.dark-bio-content{color:#cbd5e1;flex-direction:column;gap:20px;font-size:16.5px;line-height:1.8;display:flex}.dark-bio-content h2{color:#fff;margin-bottom:10px;font-family:Playfair Display,Georgia,serif;font-size:34px;font-weight:800}.dark-bio-content p strong{color:#f66398}.dark-quote-banner{color:#fff;background:#da447d1f;border-left:4px solid #da447d;border-radius:0 4px 4px 0;margin:8px 0;padding:20px 24px;font-family:Playfair Display,Georgia,serif;font-size:18px;font-style:italic;line-height:1.65}.band-zigzag{background:#fff;padding:80px 24px}.zigzag-container{flex-direction:column;gap:72px;max-width:1200px;margin:0 auto;display:flex}.zigzag-header{text-align:center;margin-bottom:16px}.zigzag-header h2{color:#0f172a;font-family:Playfair Display,Georgia,serif;font-size:34px;font-weight:800}.zigzag-item{background:#fff;border:1px solid #e2e8f0;border-radius:6px;grid-template-columns:440px 1fr;align-items:center;gap:48px;padding:32px;transition:border-color .2s,transform .2s;display:grid}.zigzag-item:hover{border-color:#da447d;transform:translateY(-3px)}.zigzag-item.reverse{grid-template-columns:1fr 440px}@media (width<=960px){.zigzag-item,.zigzag-item.reverse{grid-template-columns:1fr}}.zigzag-media-frame{background-color:#0f172a;border-radius:4px;padding:6px}.zigzag-img{object-fit:contain;border-radius:4px;width:100%;height:auto;max-height:460px;display:block}.zigzag-body{flex-direction:column;gap:16px;display:flex}.zigzag-title{color:#0f172a;border-bottom:2px solid #fff0f5;padding-bottom:8px;font-family:Playfair Display,Georgia,serif;font-size:24px;font-weight:800}.zigzag-paragraphs{color:#334155;flex-direction:column;gap:14px;font-size:15.5px;line-height:1.75;display:flex}.zigzag-paragraphs p strong{color:#da447d}.band-values{background:#f8fafc;border-top:1px solid #e2e8f0;padding:80px 24px}.values-inner{max-width:1200px;margin:0 auto}.values-title{text-align:center;color:#0f172a;margin-bottom:44px;font-family:Playfair Display,Georgia,serif;font-size:34px;font-weight:800}.core-values-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;display:grid}.core-value-card{box-shadow:none;background:#fff;border:1px solid #e2e8f0;border-radius:6px;flex-direction:column;transition:border-color .25s,transform .25s;display:flex;overflow:hidden}.core-value-card:hover{border-color:#da447d;transform:translateY(-4px)}.core-value-img-wrap{background-color:#f8fafc;width:100%;height:220px;position:relative;overflow:hidden}.core-value-img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.core-value-card:hover .core-value-img{transform:scale(1.06)}.value-tag-badge{color:#fff;letter-spacing:.8px;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172ad9;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:800;position:absolute;top:12px;left:12px}.core-value-body{flex-direction:column;flex:1;gap:10px;padding:24px;display:flex}.core-value-card h3{color:#da447d;margin:0;font-size:19px;font-weight:800}.core-value-card p{color:#475569;margin:0;font-size:14.5px;line-height:1.65}