*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#e63946;--primary-dark:#c1121f;--secondary:#1d3557;--accent:#457b9d;--bg:#f8f9fa;--bg-dark:#1d3557;--text:#212529;--text-muted:#6c757d;--border:#dee2e6;--white:#fff;--success:#28a745;--warning:#ffc107;--danger:#dc3545;--info:#17a2b8;--radius:8px;--radius-lg:12px;--shadow:0 2px 12px #00000014;--shadow-lg:0 8px 32px #0000001f;--transition:.2s ease;--font:"Segoe UI", system-ui, -apple-system, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.btn{border-radius:var(--radius);transition:var(--transition);white-space:nowrap;align-items:center;gap:.4rem;padding:.55rem 1.25rem;font-size:.9rem;font-weight:600;display:inline-flex}.btn--primary{background:var(--primary);color:var(--white)}.btn--primary:hover{background:var(--primary-dark)}.btn--outline{border:2px solid var(--primary);color:var(--primary)}.btn--outline:hover{background:var(--primary);color:var(--white)}.btn--danger{background:var(--danger);color:var(--white)}.btn--danger:hover{background:#b02a37}.btn--white{background:var(--white);color:var(--primary)}.btn--white:hover{background:#f0f0f0}.btn--sm{padding:.35rem .8rem;font-size:.8rem}.btn--lg{padding:.75rem 1.75rem;font-size:1rem}.btn--full{justify-content:center;width:100%}.btn--icon{padding:.45rem}.btn:disabled{opacity:.6;cursor:not-allowed}.form-group{flex-direction:column;gap:.3rem;margin-bottom:1rem;display:flex}.form-group--grow{flex:1}.form-group--sm{width:120px}.form-label{color:var(--text);font-size:.875rem;font-weight:600}.form-input{border:1.5px solid var(--border);border-radius:var(--radius);transition:var(--transition);background:var(--white);padding:.6rem .9rem;font-family:inherit;font-size:.9rem}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #e6394626}.form-input--error{border-color:var(--danger)}.form-textarea{resize:vertical;min-height:120px}.form-select{border:1.5px solid var(--border);border-radius:var(--radius);background:var(--white);padding:.6rem .9rem;font-size:.9rem}.form-select:focus{border-color:var(--primary);outline:none}.form-error{color:var(--danger);font-size:.8rem}.form-row{flex-wrap:wrap;gap:1rem;display:flex}.form-row--between{justify-content:space-between;align-items:center}.form-link{color:var(--primary);font-size:.875rem}.form-link:hover{text-decoration:underline}.form-checkbox{cursor:pointer;align-items:center;gap:.4rem;font-size:.875rem;display:flex}.required{color:var(--danger)}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.card__header{border-bottom:1px solid var(--border);padding:1rem 1.5rem}.card__header h2,.card__header h3{color:var(--secondary);font-size:1.1rem}.card__header--flex{justify-content:space-between;align-items:center;display:flex}.card__body{padding:1.5rem}.header{z-index:100;position:sticky;top:0}.topbar{background:var(--secondary);color:var(--white);padding:.4rem 0;font-size:.8rem}.topbar__inner{justify-content:space-between;align-items:center;display:flex}.topbar__auth{align-items:center;gap:.75rem;display:flex}.topbar__link{color:var(--white);transition:var(--transition);align-items:center;gap:.3rem;display:flex}.topbar__link:hover{color:var(--primary)}.topbar__link--btn{background:0 0;font-size:.8rem}.topbar__user{opacity:.8}.navbar{background:var(--white);box-shadow:var(--shadow)}.navbar__inner{align-items:center;gap:1.5rem;padding:.75rem 1rem;display:flex}.navbar__brand{color:var(--secondary);align-items:center;gap:.5rem;font-size:1.3rem;display:flex}.navbar__brand strong{color:var(--primary)}.navbar__links{gap:.25rem;margin-left:auto;display:flex}.navbar__link{border-radius:var(--radius);transition:var(--transition);padding:.5rem .9rem;font-size:.9rem;font-weight:500}.navbar__link:hover{background:var(--bg);color:var(--primary)}.navbar__link--active{color:var(--primary);font-weight:700}.navbar__actions{align-items:center;gap:.75rem;display:flex}.navbar__cart{align-items:center;padding:.4rem;display:flex;position:relative}.navbar__badge{background:var(--primary);color:var(--white);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px}.navbar__toggle{padding:.4rem;display:none}.mobile-menu{background:var(--white);border-top:1px solid var(--border);padding:.5rem 1rem 1rem}.mobile-menu__link{border-radius:var(--radius);padding:.6rem .5rem;font-size:.95rem;display:block}.mobile-menu__link:hover,.mobile-menu__link--active{color:var(--primary);background:var(--bg)}.footer{background:var(--bg-dark);color:#ffffffd9;margin-top:4rem}.footer__top{padding:3rem 0}.footer__grid{grid-template-columns:2fr 1fr 1fr;gap:2rem;display:grid}.footer__logo{color:var(--white);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.3rem;display:flex}.footer__logo strong{color:var(--primary)}.footer__contact p{align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;display:flex}.footer__social{gap:.75rem;margin-top:1rem;display:flex}.footer__social-link{color:#ffffffb3;transition:var(--transition)}.footer__social-link:hover{color:var(--primary)}.footer__col-title{color:var(--white);margin-bottom:1rem;font-size:1rem;font-weight:700}.footer__link{color:#ffffffb3;transition:var(--transition);padding:.25rem 0;font-size:.875rem;display:block}.footer__link:hover{color:var(--primary)}.footer__bottom{border-top:1px solid #ffffff1a;padding:1.25rem 0}.footer__bottom-inner{color:#ffffff80;justify-content:space-between;font-size:.8rem;display:flex}.footer__bottom-inner a{color:var(--primary)}.hero{align-items:center;min-height:520px;display:flex;position:relative}.hero__slide{background-position:50%;background-size:cover;align-items:center;width:100%;min-height:520px;display:flex;position:relative}.hero__overlay{background:#1d3557a6;position:absolute;inset:0}.hero__fallback{background:linear-gradient(135deg, var(--secondary) 0%, var(--accent) 100%);align-items:center;width:100%;min-height:520px;display:flex}.hero__content{z-index:1;color:var(--white);max-width:640px;position:relative}.hero__content h1{margin-bottom:1rem;font-size:clamp(1.8rem,4vw,3rem);font-weight:800;line-height:1.2}.hero__content p{opacity:.9;margin-bottom:2rem;font-size:1.1rem}.hero__cta{flex-wrap:wrap;gap:1rem;display:flex}.hero__loading{justify-content:center;align-items:center;width:100%;min-height:520px;display:flex}.section{padding:4rem 0}.section--gray{background:var(--bg)}.section-title{text-align:center;margin-bottom:2.5rem}.section-title h2{color:var(--secondary);margin-bottom:.5rem;font-size:1.8rem}.section-title p{color:var(--text-muted)}.section__more{text-align:center;margin-top:2rem}.features__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;display:grid}.feature-card{background:var(--white);border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow);transition:var(--transition);padding:2rem 1.5rem}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card__icon{color:var(--primary);justify-content:center;margin-bottom:1rem;display:flex}.feature-card__title{color:var(--secondary);margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.feature-card__desc{color:var(--text-muted);font-size:.875rem}.products__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.product-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition);overflow:hidden}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.product-card__img{height:200px;overflow:hidden}.product-card__img img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.product-card:hover .product-card__img img{transform:scale(1.05)}.product-card__body{padding:1.25rem}.product-card__name{color:var(--secondary);margin-bottom:.5rem;font-size:1rem;font-weight:700}.product-card__info{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:1rem;font-size:.875rem;display:-webkit-box;overflow:hidden}.product-card__footer{justify-content:space-between;align-items:center;display:flex}.product-card__price{color:var(--primary);font-weight:700}.blog__grid,.posts__grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.post-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition);overflow:hidden}.post-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.post-card__img{height:200px;display:block;overflow:hidden}.post-card__img img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.post-card:hover .post-card__img img{transform:scale(1.05)}.post-card__body{padding:1.25rem}.post-card__date{color:var(--text-muted);font-size:.8rem}.post-card__title{margin:.4rem 0 .5rem;font-size:1rem;font-weight:700}.post-card__title a:hover{color:var(--primary)}.post-card__info{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:.875rem;display:-webkit-box;overflow:hidden}.post-card__more{color:var(--primary);align-items:center;gap:.3rem;font-size:.875rem;font-weight:600;display:inline-flex}.post-card__more:hover{gap:.5rem}.cta-banner{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:var(--white);padding:3rem 0}.cta-banner__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.cta-banner h2{margin-bottom:.5rem;font-size:1.6rem}.cta-banner p{opacity:.9}.auth-page{align-items:center;min-height:calc(100vh - 200px);padding:2rem 0;display:flex}.auth-page__container{justify-content:center;display:flex}.auth-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:460px;padding:2.5rem}.auth-card__header{text-align:center;color:var(--secondary);margin-bottom:2rem}.auth-card__header svg{color:var(--primary);margin-bottom:.75rem}.auth-card__header h1{margin-bottom:.25rem;font-size:1.6rem}.auth-card__header p{color:var(--text-muted);font-size:.9rem}.auth-form{flex-direction:column;display:flex}.auth-card__footer{text-align:center;color:var(--text-muted);margin-top:1.5rem;font-size:.875rem}.breadcrumb{background:var(--white);border-bottom:1px solid var(--border);padding:.75rem 0}.breadcrumb__list{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.breadcrumb__item{align-items:center;gap:.25rem;font-size:.875rem;display:flex}.breadcrumb__link{color:var(--accent)}.breadcrumb__link:hover{color:var(--primary)}.breadcrumb__current{color:var(--text-muted)}.breadcrumb__sep{color:var(--border)}.page__content{padding:2rem 0 4rem}.page__title{color:var(--secondary);margin-bottom:1.5rem;font-size:1.8rem;font-weight:800}.page-loading{justify-content:center;padding:4rem 0;display:flex}.page-error{text-align:center;padding:4rem 0}.page-error p{color:var(--text-muted);margin-bottom:1rem}.spinner-wrap{justify-content:center;align-items:center;padding:1rem;display:flex}.spinner{width:var(--size,32px);height:var(--size,32px);border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pagination{flex-wrap:wrap;justify-content:center;gap:.4rem;margin-top:2rem;display:flex}.pagination__btn{border-radius:var(--radius);border:1.5px solid var(--border);background:var(--white);min-width:36px;height:36px;transition:var(--transition);justify-content:center;align-items:center;font-size:.875rem;font-weight:500;display:flex}.pagination__btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.pagination__btn--active{background:var(--primary);color:var(--white);border-color:var(--primary)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:.875rem}.table th{background:var(--bg);text-align:left;color:var(--secondary);border-bottom:2px solid var(--border);white-space:nowrap;padding:.75rem 1rem;font-weight:700}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:.75rem 1rem}.table tr:hover td{background:#00000005}.table__img{object-fit:cover;border-radius:4px;width:50px;height:60px}.table__sub{color:var(--text-muted);margin-top:.2rem;font-size:.8rem}.badge{border-radius:20px;padding:.25rem .6rem;font-size:.75rem;font-weight:700;display:inline-block}.badge--success{color:#155724;background:#d4edda}.badge--warning{color:#856404;background:#fff3cd}.badge--danger{color:#721c24;background:#f8d7da}.badge--info{color:#0c5460;background:#d1ecf1}.order-steps{justify-content:space-between;gap:.5rem;padding:1rem 0;display:flex;overflow-x:auto}.order-steps__item{flex-direction:column;flex:1;align-items:center;gap:.4rem;min-width:80px;display:flex;position:relative}.order-steps__item:before{content:"";background:var(--border);z-index:0;width:100%;height:2px;position:absolute;top:16px;left:-50%}.order-steps__item:first-child:before{display:none}.order-steps__circle{border:2px solid var(--border);background:var(--white);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8rem;font-weight:700;display:flex;position:relative}.order-steps__label{text-align:center;color:var(--text-muted);font-size:.75rem}.order-steps__item--done .order-steps__circle{background:var(--success);border-color:var(--success);color:var(--white)}.order-steps__item--done:before{background:var(--success)}.order-steps__item--active .order-steps__circle{background:var(--primary);border-color:var(--primary);color:var(--white)}.order-steps__item--active .order-steps__label{color:var(--primary);font-weight:700}.order-form__grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.order-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1rem}.order-item__header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.order-item__num{color:var(--secondary);font-size:.9rem;font-weight:700}.order-summary{border-top:2px solid var(--border);margin:1rem 0;padding-top:1rem}.order-summary__row{justify-content:space-between;padding:.4rem 0;font-size:.9rem;display:flex}.order-detail__grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin:1.5rem 0;display:grid}.order-info p{margin-bottom:.5rem;font-size:.9rem}.order-payment__row{border-bottom:1px solid var(--border);justify-content:space-between;padding:.5rem 0;font-size:.9rem;display:flex}.order-payment__row--total{border-bottom:none;padding-top:.75rem;font-size:1rem}.order-actions{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.account-layout{grid-template-columns:240px 1fr;align-items:start;gap:1.5rem;display:grid}.account-sidebar{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.account-sidebar__nav{padding:.5rem}.account-sidebar__link{border-radius:var(--radius);transition:var(--transition);text-align:left;align-items:center;gap:.6rem;width:100%;padding:.7rem 1rem;font-size:.9rem;font-weight:500;display:flex}.account-sidebar__link:hover{background:var(--bg);color:var(--primary)}.account-sidebar__link--active{color:var(--primary);background:#e639461a;font-weight:700}.account-sidebar__link--logout{color:var(--danger)}.account-sidebar__link--logout:hover{background:#fdf0f0}.account-content__title{color:var(--secondary);margin-bottom:1.25rem;font-size:1.4rem;font-weight:700}.posts-layout{grid-template-columns:1fr 280px;align-items:start;gap:2rem;display:grid}.search-form{gap:.5rem;display:flex}.post-detail__cover{object-fit:cover;border-radius:var(--radius-lg);width:100%;max-height:400px;margin-bottom:1.5rem}.post-detail__title{color:var(--secondary);margin-bottom:.75rem;font-size:1.8rem}.post-detail__meta{color:var(--text-muted);gap:1rem;margin-bottom:1rem;font-size:.875rem;display:flex}.post-detail__summary{color:var(--text-muted);border-left:4px solid var(--primary);margin-bottom:1.5rem;padding-left:1rem;font-size:1.05rem}.post-detail__content{line-height:1.8}.post-detail__content img{border-radius:var(--radius);margin:1rem 0}.post-detail__tags{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.tag{background:var(--bg);border:1px solid var(--border);border-radius:20px;padding:.25rem .75rem;font-size:.8rem}.contact-layout{grid-template-columns:1fr 2fr;gap:2rem;display:grid}.contact-info__items{flex-direction:column;gap:1.25rem;margin-top:1rem;display:flex}.contact-info__item{align-items:flex-start;gap:.75rem;display:flex}.contact-info__item svg{color:var(--primary);flex-shrink:0;margin-top:.2rem}.contact-info__item strong{margin-bottom:.2rem;font-size:.875rem;display:block}.contact-info__item p{color:var(--text-muted);font-size:.875rem}.wallet-balance{background:linear-gradient(135deg, var(--secondary), var(--accent));border-radius:var(--radius-lg);color:var(--white);align-items:center;gap:1.5rem;margin-bottom:1rem;padding:1.5rem;display:flex}.wallet-balance__icon{opacity:.8}.wallet-balance__label{opacity:.8;margin-bottom:.25rem;font-size:.875rem}.wallet-balance__amount{font-size:1.8rem;font-weight:800}.wallet-note{color:var(--text-muted);font-size:.875rem}.empty-state{text-align:center;color:var(--text-muted);padding:3rem}.empty-state p{margin-bottom:1rem}.not-found{align-items:center;min-height:calc(100vh - 200px);display:flex}.not-found__inner{text-align:center}.not-found h1{color:var(--primary);font-size:6rem;font-weight:900;line-height:1}.not-found p{color:var(--text-muted);margin:1rem 0 2rem;font-size:1.2rem}@media (width<=992px){.order-form__grid,.order-detail__grid{grid-template-columns:1fr}.footer__grid{grid-template-columns:1fr 1fr}.account-layout,.posts-layout,.contact-layout{grid-template-columns:1fr}}@media (width<=768px){.navbar__links{display:none}.navbar__toggle{display:flex}.hero__content h1{font-size:1.6rem}.footer__grid{grid-template-columns:1fr}.footer__bottom-inner{text-align:center;flex-direction:column;gap:.5rem}.cta-banner__inner{text-align:center;flex-direction:column}.topbar__rate{display:none}.form-row{flex-direction:column}.form-group--sm{width:100%}}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-box{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:440px;animation:.2s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-box__header{padding:1.25rem 1.5rem 0}.modal-box__header h3{color:var(--secondary);margin:0;font-size:1.15rem}.modal-box__body{padding:1.25rem 1.5rem}.modal-box__row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.9rem;display:flex}.modal-box__row--total{border-bottom:none;padding-top:.75rem;font-size:1rem}.modal-box__warning{border-radius:var(--radius);color:#856404;background:#fff3cd;border:1px solid #ffc107;margin-top:1rem;padding:.75rem 1rem;font-size:.875rem}.modal-box__footer{justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem 1.5rem;display:flex}