@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";.site-header{z-index:50;background:#fff;width:100%;position:sticky;top:0;box-shadow:0 1px 3px #00000014}.header-top{background:#1a1a1a;grid-template-columns:190px minmax(420px,1fr) auto;align-items:center;gap:28px;width:100%;padding:12px 40px;display:grid}.logo{white-space:nowrap;justify-content:flex-start;align-items:center;display:flex}.logo-img{object-fit:contain;width:auto;max-width:160px;height:55px;display:block}.search-bar{background:#fff;border:1px solid #ddd;border-radius:4px;grid-template-columns:200px 1fr 56px;width:100%;height:46px;display:grid;overflow:hidden}.search-bar select,.search-bar input{background:#fff;border:0;outline:0;min-width:0;padding:0 16px;font-family:inherit;font-size:14px}.search-bar select{cursor:pointer;background:#fafafa;border-right:1px solid #ddd;font-weight:400}.search-bar input::placeholder{color:#aaa;font-weight:400}.search-bar button{color:#fff;cursor:pointer;background:#2c3e50;border:0;place-items:center;transition:background .2s;display:grid}.search-bar button:hover{background:#1a252f}.header-actions{white-space:nowrap;justify-content:flex-end;align-items:center;gap:20px;display:flex}.header-actions span,.cart-link{color:#fff;align-items:center;gap:6px;font-family:inherit;font-size:14px;font-weight:400;display:flex}.header-actions svg,.cart-link svg{color:#fff;width:18px;height:18px}.cart-link{text-decoration:none;transition:opacity .2s;position:relative}.cart-link:hover{opacity:.8}.cart-link b{color:#fff;background:#c0392b;border-radius:20px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:11px;font-weight:500;display:grid;position:absolute;top:-8px;right:-12px}.hamburger-btn{color:#fff;cursor:pointer;background:0 0;border:none;margin-left:8px;padding:6px;transition:opacity .2s;display:none}.hamburger-btn:hover{opacity:.8}.desktop-nav{color:#fff;z-index:60;background:#2c3e50;position:relative}.nav-inner{align-items:center;gap:32px;min-height:48px;padding:0 40px;display:flex}.nav-link{color:#fff;white-space:nowrap;cursor:pointer;letter-spacing:.3px;background:0 0;border:0;font-family:inherit;font-size:14px;font-weight:400;text-decoration:none;transition:opacity .2s}.nav-link:hover{opacity:.8}.whatsapp-btn{white-space:nowrap;color:#fff;align-items:center;gap:6px;margin-left:auto;padding:2px 14px;font-size:13px;font-weight:400;text-decoration:none;transition:opacity .2s;display:flex}.whatsapp-btn:hover{opacity:.9;transform:none}.whatsapp-btn img{width:35px;height:35px;display:block}.mobile-nav{z-index:1000;background:#fff;width:85%;max-width:320px;height:100vh;transition:left .3s;position:fixed;top:0;left:-100%;overflow-y:auto;box-shadow:2px 0 8px #0000001a}.mobile-nav.active{left:0}.mobile-nav-header{background:#2c3e50;border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mobile-logo{object-fit:contain;width:auto;height:40px}.close-menu{cursor:pointer;color:#fff;background:0 0;border:none;padding:6px}.mobile-nav-links{flex-direction:column;gap:12px;padding:16px 20px;display:flex}.mobile-nav-link{color:#333;border-bottom:1px solid #f0f0f0;padding:10px 0;font-family:inherit;font-size:15px;font-weight:400;text-decoration:none;transition:color .2s;display:block}.mobile-nav-link:hover{color:#c0392b}.mobile-dropdown{border-bottom:1px solid #f0f0f0}.mobile-dropdown .dropdown-trigger{cursor:pointer;color:#333;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:10px 0;font-family:inherit;font-size:15px;font-weight:400;display:flex}.mobile-dropdown-menu{padding-left:15px;display:none}.mobile-dropdown:hover .mobile-dropdown-menu,.mobile-dropdown:focus-within .mobile-dropdown-menu{display:block}.mobile-dropdown .dropdown-item{text-align:left;color:#666;cursor:pointer;background:0 0;border:none;width:100%;padding:8px 0;font-size:13px;font-weight:400;display:block}.mobile-dropdown .dropdown-item:hover{color:#c0392b}.mobile-whatsapp-btn{color:#25d366;border-top:1px solid #eee;align-items:center;gap:10px;margin-top:8px;padding:16px 0 12px;font-size:14px;font-weight:500;text-decoration:none;display:flex}.mobile-whatsapp-btn:hover{color:#128c7e}.mobile-overlay{z-index:999;background:#0006;position:fixed;inset:0}.dropdown{position:relative}.dropdown-menu{color:#333;z-index:999;background:#fff;border-radius:4px;width:260px;max-height:380px;padding:8px 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #0000001f}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{display:block}.dropdown-trigger{cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-family:inherit;font-size:14px;font-weight:400;display:flex}.dropdown-scroll{max-height:380px;overflow-y:auto}.dropdown-scroll::-webkit-scrollbar{width:4px}.dropdown-scroll::-webkit-scrollbar-track{background:#f0f0f0}.dropdown-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.dropdown-item{text-align:left;color:#555;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:#fff;border:0;width:100%;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:400;line-height:1.4;transition:background .2s;display:block;overflow:hidden}.dropdown-item:hover{color:#c0392b;background:#f5f5f5}.news-ticker{color:#555;white-space:nowrap;z-index:1;background:#f5f5f5;border-bottom:1px solid #e0e0e0;width:100%;font-size:13px;font-weight:400;position:relative;overflow:hidden}.ticker-track{align-items:center;gap:60px;padding:8px 0;animation:25s linear infinite tickerMove;display:inline-flex}.ticker-track span{display:inline-block}@keyframes tickerMove{0%{transform:translate(100vw)}to{transform:translate(-100%)}}@media (width<=968px){.header-top{grid-template-columns:1fr auto;gap:12px;padding:10px 16px}.logo{grid-area:1/1}.logo-img{max-width:130px;height:42px}.header-actions{grid-area:1/2;align-items:center;gap:12px;display:flex}.cart-link{min-width:auto;font-size:12px}.cart-link span:not(b){display:inline}.cart-link svg{width:18px;height:18px}.cart-link b{min-width:16px;height:16px;font-size:10px;top:-6px;right:-8px}.hamburger-btn{display:flex}.desktop-nav{display:none}.search-bar{grid-area:2/1/auto/-1;grid-template-columns:1fr 44px;width:100%;height:42px}.search-bar select{display:none}.search-bar input{padding:0 12px;font-size:13px}.search-bar button{width:44px}}@media (width<=768px){.header-top{padding:8px 12px}.logo-img{max-width:110px;height:38px}.cart-link span:not(b){display:none}.cart-link{min-width:auto}.cart-link svg{width:20px;height:20px}.news-ticker{font-size:11px}.ticker-track{gap:40px;animation-duration:15s}}@media (width<=480px){.header-top{padding:6px 10px}.logo-img{max-width:100px;height:32px}.search-bar{height:38px}.cart-link svg{width:18px;height:18px}.mobile-nav{width:85%}}.footer{color:#ccc;clear:both;background:#1a1a1a;border-top:1px solid #333;width:100%;margin-top:60px;padding:50px 0 30px;position:relative}.footer-grid{grid-template-columns:2fr 1fr 1fr 1.4fr;align-items:start;gap:40px;display:grid}.footer-col{flex-direction:column;gap:12px;display:flex}.footer-col h3{color:#fff;border-bottom:1px solid #444;margin:0 0 12px;padding-bottom:8px;font-family:loti,sans-serif;font-size:16px;font-weight:500;display:inline-block}.footer a,.footer p{color:#aaa;align-items:center;gap:10px;margin:6px 0;font-size:13px;line-height:1.5;display:flex}.footer a{text-decoration:none;transition:color .2s}.footer a:hover{color:#c0392b}.footer-logo{align-items:center;margin-bottom:15px;display:flex}.footer-logo-img{object-fit:contain;width:auto;max-width:180px;height:55px;display:block}.footer-contact-row{flex-direction:column;gap:10px;display:flex}.footer-contact-row p{align-items:center;gap:8px;margin:0;display:flex}.footer-social{gap:12px;margin-top:15px;display:flex}.footer-social a{background:#ffffff14;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.footer-social a:hover{background:#c0392b;transform:translateY(-2px)}.footer-bottom{text-align:center;color:#888;border-top:1px solid #333;margin-top:35px;padding-top:18px;font-size:12px}@media (width<=1024px){.footer-grid{grid-template-columns:repeat(2,1fr);gap:35px}}@media (width<=768px){.footer{margin-top:40px;padding:35px 0 25px}.footer-grid{grid-template-columns:1fr;gap:30px}.footer-col{text-align:center;align-items:center}.footer-col h3{text-align:center;display:block}.footer a,.footer p{justify-content:center}.footer-contact-row{align-items:center}.footer-social{justify-content:center}.footer-logo-img{height:50px}}@media (width<=480px){.footer{padding:25px 0 20px}.footer-logo-img{height:45px}.footer-col h3{margin-bottom:10px;font-size:15px}.footer a,.footer p{font-size:12px}.footer-bottom{margin-top:25px;padding-top:15px;font-size:11px}}.hero{background:#111;min-height:600px;position:relative;overflow:hidden}.hero-slider{width:100%;height:600px;position:relative;overflow:hidden}.hero-slides{width:100%;height:100%;transition:transform .5s ease-in-out;display:flex}.hero-slide{flex:0 0 100%;width:100%;height:100%;position:relative}.hero-slide img{object-fit:cover;width:100%;height:100%}.hero-caption{color:#fff;text-shadow:0 2px 4px #0000004d;max-width:500px;position:absolute;bottom:20%;left:10%}.hero-caption h2{margin:0 0 10px;font-size:42px;font-weight:700;line-height:1.2}.hero-caption p{opacity:.9;margin:0 0 20px;font-size:18px}.hero-btn{color:#fff;cursor:pointer;background:#c0392b;border:none;border-radius:4px;padding:12px 28px;font-size:14px;font-weight:600;transition:all .3s;display:inline-block}.hero-btn:hover{background:#a93226;transform:translateY(-2px)}.hero-fallback{text-align:center;color:#fff;background:linear-gradient(135deg,#111,#222);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.hero-fallback h1{max-width:760px;margin:0 0 10px;font-size:clamp(34px,5vw,62px)}.hero-fallback p{color:#f39c12;font-size:26px;font-weight:700}.hero-arrow{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;cursor:pointer;z-index:10;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero-arrow:hover{background:#c0392b;transform:translateY(-50%)scale(1.05)}.hero-arrow.left{left:20px}.hero-arrow.right{right:20px}.hero-dots{z-index:10;gap:12px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.hero-dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.hero-dot.active{background:#c0392b;border-radius:5px;width:28px}.hero-dot:hover{background:#c0392b;transform:scale(1.2)}@media (width<=1024px){.hero-slider,.hero{height:500px;min-height:500px}.hero-caption{bottom:15%;left:8%}.hero-caption h2{font-size:32px}.hero-caption p{font-size:16px}.hero-arrow{width:40px;height:40px}}@media (width<=768px){.hero-slider,.hero{height:400px;min-height:400px}.hero-caption{text-align:center;max-width:none;bottom:10%;left:5%;right:5%}.hero-caption h2{font-size:24px}.hero-caption p{font-size:14px}.hero-btn{padding:8px 20px;font-size:12px}.hero-arrow{width:36px;height:36px}.hero-arrow svg{width:18px;height:18px}.hero-dots{gap:8px;bottom:12px}.hero-dot{width:8px;height:8px}.hero-dot.active{width:20px}}@media (width<=480px){.hero-slider,.hero{height:320px;min-height:320px}.hero-caption h2{font-size:18px}.hero-caption p{font-size:12px}.hero-btn{padding:6px 16px;font-size:11px}}@keyframes slideIn{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.hero-slide{animation:.5s ease-out slideIn}.section-header-with-service{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.section-header-with-service h2{color:var(--black);flex:1;margin:0;font-size:31px}.section-header-with-service h2 span{border-left:1px solid var(--border);color:var(--muted);margin-left:18px;padding-left:18px;font-size:17px;font-weight:400}.chula-service-mini-btn{color:#fff;cursor:pointer;white-space:nowrap;letter-spacing:.3px;background:#2c3e50;border:1px solid #2c3e50;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.chula-service-mini-btn:hover{background:#1a252f;border-color:#1a252f;transform:translateY(-1px)}.chula-service-mini-btn:active{transform:translateY(0)}.chula-service-mini-btn svg{width:16px;height:16px;transition:transform .2s}.chula-service-mini-btn:hover svg{transform:scale(1.05)}.chula-service-mini-btn-outline{color:#2c3e50;cursor:pointer;background:0 0;border:1px solid #2c3e50;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.chula-service-mini-btn-outline:hover{color:#fff;background:#2c3e50}.chula-service-mini-btn-shadow{color:#2c3e50;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex;box-shadow:0 1px 2px #0000000d}.chula-service-mini-btn-shadow:hover{border-color:#2c3e50;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}@media (width<=768px){.chula-service-mini-btn{padding:8px 16px;font-size:13px}.chula-service-mini-btn svg{width:14px;height:14px}}@media (width<=480px){.chula-service-mini-btn{padding:6px 12px;font-size:12px}}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-container{background:#fff;border-radius:4px;width:100%;max-width:500px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 4px 12px #00000026}.modal-header{z-index:10;background:#fff;border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.modal-header h2{color:#333;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:500;display:flex}.modal-close{cursor:pointer;color:#999;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.booking-form{padding:24px}.form-group{margin-bottom:18px}.form-group label{color:#555;align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:500;display:flex}.form-group label svg{color:#666;width:14px;height:14px}.form-group label:after{content:"*";color:#c0392b;margin-left:4px}.form-group input,.form-group textarea,.form-group select{background:#fff;border:1px solid #ddd;border-radius:4px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#2c3e50;outline:none}.form-group input:hover,.form-group textarea:hover,.form-group select:hover{border-color:#bbb}.form-group textarea{resize:vertical;min-height:80px}input[type=date],input[type=time]{cursor:pointer}.form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:0;display:grid}.modal-footer{border-top:1px solid #e0e0e0;gap:12px;margin-top:24px;padding-top:20px;display:flex}.btn-secondary,.btn-primary{cursor:pointer;text-align:center;border-radius:4px;flex:1;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.btn-secondary{color:#555;background:#f5f5f5;border:1px solid #ddd}.btn-secondary:hover{background:#e8e8e8}.btn-primary{color:#fff;background:#2c3e50;border:none}.btn-primary:hover{background:#1a252f}::placeholder{color:#bbb;font-weight:400}.modal-container::-webkit-scrollbar{width:6px}.modal-container::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.modal-container::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.modal-container::-webkit-scrollbar-thumb:hover{background:#aaa}@media (width<=768px){.modal-overlay{padding:15px}.modal-container{max-width:100%;max-height:85vh}.modal-header{padding:15px 20px}.modal-header h2{font-size:16px}.modal-close{width:28px;height:28px}.booking-form{padding:20px}.form-row{grid-template-columns:1fr;gap:0}.form-group{margin-bottom:15px}.modal-footer{flex-direction:column;gap:10px;margin-top:20px}.btn-secondary,.btn-primary{padding:10px;font-size:13px}}@media (width<=480px){.modal-header{padding:12px 16px}.booking-form{padding:16px}.form-group input,.form-group textarea,.form-group select{padding:8px 10px;font-size:13px}.form-group label{font-size:12px}}.product-section{padding:40px 0 30px}.product-section h2{color:#2c3e50;letter-spacing:normal;margin:0 0 25px;font-size:24px;font-weight:500}.product-section h2 span{color:#999;border-left:1px solid #e0e0e0;margin-left:12px;padding-left:12px;font-size:14px;font-weight:400}.product-grid{grid-template-columns:repeat(5,1fr);gap:20px;display:grid}.product-card{background:#fff;border:1px solid #eee;flex-direction:column;transition:all .2s;display:flex;position:relative}.product-card:hover{border-color:#ddd;box-shadow:0 2px 8px #0000000f}.product-img-wrap{background:#fafafa;border-bottom:1px solid #f0f0f0;justify-content:center;align-items:center;height:220px;padding:20px;display:flex}.product-img-wrap img{object-fit:contain;max-width:100%;max-height:180px}.product-info{flex-direction:column;flex:1;padding:12px 15px 15px;display:flex}.brand{color:#999;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;text-overflow:ellipsis;margin:0 0 5px;font-size:11px;overflow:hidden}.product-name{color:#333;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:38px;margin:0 0 6px;font-size:14px;font-weight:400;line-height:1.4;display:-webkit-box;overflow:hidden}.product-name:hover{color:#c0392b}.rating{color:#f39c12;align-items:center;gap:2px;margin:5px 0;font-size:11px;display:flex}.rating span{color:#aaa;margin-left:4px;font-size:10px}.price-row{flex-wrap:wrap;align-items:baseline;gap:8px;margin:8px 0 10px;display:flex}.browse-layout{grid-template-columns:260px 1fr;align-items:start;gap:35px;padding:30px 0;display:grid}.filter-sidebar{background:#fff;border:1px solid #eaeaea;padding:20px;position:sticky;top:100px}.filter-sidebar h2{color:#2c3e50;border-bottom:2px solid #2c3e50;margin:0 0 20px;padding-bottom:12px;font-size:18px;font-weight:600;display:inline-block}.side-search{gap:10px;margin:15px 0 20px;display:grid}.side-search input{border:1px solid #ddd;border-radius:3px;outline:none;padding:10px 12px;font-size:13px;transition:border-color .2s}.side-search input:focus{border-color:#2c3e50}.side-search button,.clear-btn{color:#fff;cursor:pointer;background:#2c3e50;border:none;border-radius:3px;padding:10px;font-size:13px;transition:background .2s}.side-search button:hover{background:#1a252f}.sidebar-scroll{max-height:500px;padding-right:5px;overflow-y:auto}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:#f0f0f0}.sidebar-scroll::-webkit-scrollbar-thumb{background:#ccc}.filter-group{margin-top:20px;padding-top:5px}.filter-group h3{color:#555;margin:0 0 12px;font-size:14px;font-weight:600}.filter-options{max-height:200px;padding-right:5px;overflow-y:auto}.filter-group label{color:#666;cursor:pointer;align-items:center;gap:10px;margin:10px 0;font-size:13px;display:flex}.filter-group input{cursor:pointer;width:16px;height:16px;margin:0}.clear-btn{color:#666;background:#f5f5f5;border:1px solid #ddd;width:100%;margin-top:20px}.clear-btn:hover{color:#333;background:#e8e8e8}.browse-top{border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;display:flex}.browse-top select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:3px;min-width:200px;padding:8px 12px;font-size:13px}.browse-grid{grid-template-columns:repeat(4,1fr);gap:20px}.pagination{justify-content:center;gap:8px;margin:40px 0 20px;display:flex}.pagination button{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:3px;min-width:36px;height:36px;font-size:13px;transition:all .2s}.pagination button:hover:not(:disabled),.pagination button.active{color:#fff;background:#2c3e50;border-color:#2c3e50}.pagination button:disabled{opacity:.4;cursor:not-allowed}@media (width<=1200px){.product-grid{grid-template-columns:repeat(4,1fr)}.browse-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=992px){.product-grid{grid-template-columns:repeat(3,1fr)}.browse-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.product-section h2{margin-bottom:20px;font-size:20px}.product-section h2 span{border:0;margin:6px 0 0;padding:0;font-size:12px;display:block}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-card{height:auto}.product-img-wrap{height:160px;padding:12px}.product-img-wrap img{max-height:130px}.product-name{-webkit-line-clamp:2;min-height:34px;font-size:13px}.price{font-size:14px}.old-price{font-size:11px}.brand{font-size:10px}.small-cart{padding:6px;font-size:11px}.small-cart svg{width:14px;height:14px}.browse-layout{grid-template-columns:1fr;gap:20px}.filter-sidebar{position:static}.browse-grid{grid-template-columns:repeat(2,1fr);gap:12px}.browse-top{flex-direction:column;align-items:flex-start;gap:15px}.browse-top select{width:100%}}@media (width<=480px){.product-section{padding:25px 0 15px}.product-grid{grid-template-columns:repeat(2,1fr);gap:10px}.product-img-wrap{height:140px;padding:10px}.product-img-wrap img{max-height:110px}.product-info{padding:8px 10px 10px}.product-name{min-height:30px;font-size:12px}.price{font-size:13px}.rating{font-size:9px}.small-cart{padding:5px;font-size:10px}.browse-grid{grid-template-columns:repeat(2,1fr);gap:10px}}@media print{.product-card{break-inside:avoid;page-break-inside:avoid}.small-cart,.wish{display:none}}.product-card{background:#fff;border:1px solid #eaeaea;border-radius:0;flex-direction:column;height:480px;transition:all .25s;display:flex;position:relative;overflow:hidden}.product-card:hover{border-color:#ccc;transform:translateY(-2px);box-shadow:0 5px 20px #00000014}.product-img-wrap{background:#fff;border-bottom:1px solid #f5f5f5;justify-content:center;align-items:center;height:240px;min-height:240px;padding:20px;display:flex}.product-img-wrap img{object-fit:contain;max-width:100%;max-height:200px;transition:transform .3s}.product-card:hover .product-img-wrap img{transform:scale(1.03)}.product-info{background:#fff;flex-direction:column;flex:1;padding:15px 18px 18px;display:flex}.brand{color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;height:20px;margin:0 0 6px;font-size:12px;overflow:hidden}.product-name{color:#2c3e50;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;height:70px;margin:0 0 8px;font-size:16px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.product-name:hover{color:#c0392b;text-decoration:underline}.price-row{align-items:baseline;gap:10px;margin:10px 0 12px;display:flex}.price{color:#c0392b;font-size:20px;font-weight:700}.old-price{color:#95a5a6;font-size:14px;text-decoration:line-through}.wish{z-index:2;cursor:pointer;color:#999;background:#fff;border:1px solid #e0e0e0;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px}.wish:hover{color:#c0392b;border-color:#c0392b}.small-cart{color:#2c3e50;cursor:pointer;background:#fff;border:1px solid #2c3e50;border-radius:3px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:auto;padding:10px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.small-cart:hover{color:#fff;background:#2c3e50}.discount-badge{color:#fff;z-index:2;letter-spacing:.5px;background:#c0392b;border-radius:0 0 8px;padding:6px 12px 6px 14px;font-size:11px;font-weight:600;position:absolute;top:0;left:0;box-shadow:2px 2px 4px #0000001a}.discount-badge:before{content:"";filter:brightness(.8);border:0 solid #0000;border-top:6px solid #8b0000;border-left-width:6px;width:0;height:0;position:absolute;bottom:-6px;left:0}.discount-badge.combo-celebrating{color:#fff;z-index:2;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#ff6b35,#f7931e);border-radius:30px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:700;animation:.8s ease-in-out infinite comboGlow;display:inline-flex;position:absolute;top:12px;left:12px;overflow:visible;box-shadow:0 0 15px #ff6b3599}.discount-badge.combo-celebrating:before{display:none}.discount-badge.combo-celebrating .gift-icon{animation:.5s ease-in-out infinite giftWave;display:inline-block}.discount-badge.combo-celebrating:after{content:"";pointer-events:none;z-index:-1;background:radial-gradient(circle,#ff6b354d,#0000);border-radius:40px;animation:1s ease-out infinite pulseRing;position:absolute;inset:-6px}.combo-sparkle{pointer-events:none;opacity:0;font-size:12px;animation:1.5s ease-in-out infinite floatSparkle;position:absolute}@keyframes comboGlow{0%,to{background:linear-gradient(135deg,#ff6b35,#f7931e);transform:scale(1);box-shadow:0 0 10px #ff6b35}25%{background:linear-gradient(135deg,#ff4757,#ff6b35);transform:scale(1.02);box-shadow:0 0 20px #ff4757}50%{background:linear-gradient(135deg,#f7931e,#ffd32a);transform:scale(1.05);box-shadow:0 0 25px #f7931e}75%{background:linear-gradient(135deg,#ff6b35,#ff4757);transform:scale(1.02);box-shadow:0 0 20px #ff6b35}}@keyframes giftWave{0%,to{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}}@keyframes pulseRing{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}@keyframes floatSparkle{0%{opacity:0;transform:translateY(0)rotate(0)scale(.5)}20%{opacity:1;transform:translateY(-5px)rotate(15deg)scale(1)}80%{opacity:1;transform:translateY(-15px)rotate(30deg)scale(1)}to{opacity:0;transform:translateY(-25px)rotate(45deg)scale(.5)}}.product-card:hover .discount-badge.combo-celebrating{animation:.5s ease-in-out infinite comboGlowIntense;transform:scale(1.08)}@keyframes comboGlowIntense{0%,to{background:linear-gradient(135deg,#ff6b35,#f7931e);transform:scale(1);box-shadow:0 0 15px #ff6b35}50%{background:linear-gradient(135deg,#ff4757,#ffd32a);transform:scale(1.1);box-shadow:0 0 35px #ff4757,0 0 25px #ffd32a}}@media (width<=768px){.product-card{height:auto}.product-img-wrap{height:180px;min-height:180px}.product-img-wrap img{max-height:140px}.product-name{height:60px;font-size:14px}.price{font-size:16px}.discount-badge{padding:4px 10px 4px 12px;font-size:10px}.discount-badge.combo-celebrating{padding:4px 12px;font-size:10px}.combo-sparkle{font-size:10px}}@media (width<=480px){.product-img-wrap{height:160px;min-height:160px}.product-img-wrap img{max-height:120px}.product-name{height:55px;font-size:13px}.price{font-size:14px}.small-cart{padding:8px;font-size:11px}.discount-badge{padding:3px 8px 3px 10px;font-size:9px}.discount-badge.combo-celebrating{padding:3px 10px;font-size:9px}.combo-sparkle{font-size:8px}}.details-page{grid-template-columns:1fr 1fr;gap:40px;padding:40px 0;display:grid}.details-gallery{grid-template-columns:90px 1fr;gap:15px;display:grid;position:relative}.thumbs{align-content:start;gap:10px;display:grid}.thumbs button{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:4px;height:80px;padding:5px;transition:all .2s;overflow:hidden}.thumbs button:hover{border-color:#999}.thumbs button.active{border-color:#c0392b}.thumbs img{object-fit:contain;width:100%;height:100%}.image-zoom-container{background:#fafafa;border:1px solid #e0e0e0;border-radius:4px;position:relative;overflow:hidden}.main-image{justify-content:center;align-items:center;width:100%;height:480px;display:flex;position:relative;overflow:hidden}.main-image img{object-fit:contain;cursor:zoom-in;max-width:100%;max-height:100%;transition:transform .3s}.image-zoom-container:hover .main-image img{transform:scale(1.5)}.details-info{flex-direction:column;gap:12px;display:flex}.brand{color:#999;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:12px}.details-info h1{color:#333;margin:0;font-size:24px;font-weight:500;line-height:1.3}.details-rating{color:#f39c12;align-items:center;gap:4px;display:flex}.details-rating span{color:#aaa;margin-left:6px;font-size:12px}.details-price{border-top:1px solid #eee;border-bottom:1px solid #eee;flex-wrap:wrap;align-items:baseline;gap:10px;padding:12px 0;display:flex}.details-price .old-price{color:#aaa;font-size:16px;text-decoration:line-through}.details-price b{color:#c0392b;font-size:24px;font-weight:600}.details-price small{color:#999;font-size:12px}.size-price-note{color:#c0392b;background:#fdf0ef;border-radius:3px;padding:3px 8px;font-size:13px}.size-section{margin:8px 0}.size-section h3{color:#555;margin:0 0 10px;font-size:14px;font-weight:500}.size-options{flex-wrap:wrap;gap:10px;display:flex}.size-btn{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;flex-direction:column;align-items:center;gap:3px;min-width:65px;padding:8px 14px;transition:all .2s;display:flex}.size-btn:hover{border-color:#c0392b}.size-btn.active{color:#fff;background:#c0392b;border-color:#c0392b}.size-btn.active .size-price{color:#fff}.size-name{font-size:13px;font-weight:500}.size-value{color:#aaa;font-size:10px}.size-btn.active .size-value{color:#fff;opacity:.9}.size-price{color:#c0392b;font-size:12px;font-weight:500}.size-warning{color:#e74c3c;margin-top:8px;font-size:11px}.details-desc{color:#666;margin:8px 0;font-size:14px;line-height:1.5}.action-buttons{gap:12px;margin:15px 0;display:flex}.action-buttons .primary-btn,.action-buttons .buy-now-btn{cursor:pointer;text-align:center;border:none;border-radius:4px;flex:1;padding:12px 20px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.action-buttons .primary-btn{color:#fff;background:#2c3e50}.action-buttons .primary-btn:hover{background:#1a252f}.action-buttons .buy-now-btn{color:#fff;background:#c0392b}.action-buttons .buy-now-btn:hover{background:#a93226}.quantity-input{align-items:center;gap:10px;margin:10px 0;display:flex}.quantity-input label{color:#555;font-size:13px;font-weight:500}.quantity-input input{text-align:center;border:1px solid #ddd;border-radius:4px;width:70px;padding:8px;font-size:13px}.detail-actions{border-top:1px solid #eee;gap:20px;margin-top:15px;padding-top:15px;display:flex}.detail-actions span{color:#888;cursor:pointer;align-items:center;gap:6px;font-size:12px;transition:color .2s;display:flex}.detail-actions span:hover{color:#c0392b}@media (width<=900px){.details-page{grid-template-columns:1fr;gap:25px}.details-gallery{grid-template-columns:1fr}.thumbs{flex-direction:row;order:2;display:flex;overflow-x:auto}.thumbs button{min-width:70px;height:70px}.main-image{height:380px}}@media (width<=768px){.details-page{padding:25px 0}.details-info h1,.details-price b{font-size:20px}.size-options{gap:8px}.size-btn{min-width:55px;padding:6px 10px}.size-name,.size-price{font-size:11px}.action-buttons{flex-direction:column;gap:8px}.action-buttons .primary-btn,.action-buttons .buy-now-btn{padding:10px 16px;font-size:12px}}@media (width<=480px){.main-image{height:280px}.thumbs button{min-width:55px;height:55px}.details-info h1,.details-price b{font-size:18px}.detail-actions{flex-wrap:wrap;gap:12px}}.cart-list{flex-direction:column;gap:16px;margin-top:24px;display:flex}.cart-title{color:#333;letter-spacing:normal;margin:0 0 24px;font-family:lato,sans-serif;font-size:28px;font-weight:500}.cart-item{background:#fff;border-bottom:1px solid #eee;grid-template-columns:100px 1fr 160px 100px 90px 40px;align-items:center;gap:16px;padding:16px 0;display:grid}.cart-item:hover{background:#fafafa}.cart-item img{object-fit:contain;border:1px solid #f0f0f0;width:80px;height:80px;padding:8px}.cart-item-details h3{color:#333;margin:0 0 6px;font-size:15px;font-weight:500}.cart-item-size{color:#888;background:#f5f5f5;border-radius:3px;margin:4px 0;padding:2px 8px;font-size:11px;display:inline-block}.cart-item-price{color:#999;margin:4px 0 0;font-size:12px}.cart-item-size-select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:4px;width:140px;padding:6px 10px;font-size:12px}.cart-item-size-select:hover{border-color:#999}.cart-item-quantity{text-align:center;border:1px solid #ddd;border-radius:4px;width:65px;padding:6px;font-size:13px}.cart-item-total{color:#333;text-align:right;font-size:15px;font-weight:500}.icon-btn{cursor:pointer;color:#aaa;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.icon-btn:hover{color:#e74c3c;background:#f5f5f5}.cart-layout{grid-template-columns:1fr 340px;gap:35px;margin-top:20px;display:grid}.cart-summary{background:#fafafa;border:1px solid #eee;height:fit-content;padding:22px;position:sticky;top:100px}.cart-summary h2{color:#333;border-bottom:1px solid #eee;margin:0 0 20px;padding-bottom:12px;font-size:18px;font-weight:500}.summary-row{color:#666;justify-content:space-between;align-items:center;padding:10px 0;font-size:13px;display:flex}.summary-row.delivery{color:#555;border-top:1px solid #eee;margin-top:5px;padding-top:12px}.summary-row.delivery span{align-items:center;gap:5px;display:flex}.summary-row.total{color:#222;border-top:1px solid #ddd;margin-top:8px;padding-top:15px;font-size:16px;font-weight:600}.delivery-note{color:#aaa;border-bottom:1px solid #eee;margin-bottom:4px;padding:6px 0;font-size:10px}.advance-warning{color:#856404;background:#fff8e1;border:1px solid #ffe082;border-radius:4px;align-items:center;gap:6px;margin:12px 0;padding:8px 10px;font-size:11px;display:flex}.cart-summary .primary-btn{color:#fff;cursor:pointer;background:#2c3e50;border:none;border-radius:4px;width:100%;margin-top:18px;padding:10px 16px;font-size:13px;font-weight:500;transition:background .2s}.cart-summary .primary-btn:hover{background:#1a252f}.empty-cart{text-align:center;padding:50px 20px}.empty-cart p{color:#999;margin-bottom:16px;font-size:14px}.empty-cart .continue-shopping{color:#fff;background:#2c3e50;border-radius:4px;padding:8px 20px;font-size:13px;text-decoration:none;display:inline-block}@media (width<=968px){.cart-layout{grid-template-columns:1fr;gap:25px}.cart-summary{position:static}.cart-item{grid-template-columns:80px 1fr;gap:12px;padding:16px 12px;position:relative}.cart-item img{grid-row:span 4;width:70px;height:70px}.cart-item-details{grid-column:2}.cart-item-size-select{grid-column:2;width:100%}.cart-item-quantity{grid-column:2;width:90px}.cart-item-total{text-align:left;grid-column:2}.icon-btn{position:absolute;top:12px;right:12px}}@media (width<=600px){.cart-item{grid-template-columns:70px 1fr;gap:10px}.cart-item img{width:55px;height:55px}.cart-item-details h3{padding-right:30px;font-size:13px}.cart-item-size{font-size:10px}.cart-item-size-select{padding:5px 8px;font-size:11px}.cart-summary{padding:16px}.cart-summary h2{margin-bottom:15px;font-size:16px}.summary-row.total{font-size:14px}.cart-summary .primary-btn{padding:8px 14px;font-size:12px}}@media print{.cart-summary .primary-btn,.icon-btn,.cart-item-size-select{display:none}.cart-item{break-inside:avoid}}:root{--primary:#dc3444;--primary-dark:#ff5101;--primary-light:#eaf9fd;--accent:#ffbd17;--accent-dark:#e0a000;--accent-light:#fff6d9;--black:#101010;--text:#1f1f1f;--muted:#777;--border:#e8e8e8;--light:#f8f8f8;--danger:#ff2f3d;--shadow:0 12px 28px #00000014;--secondary-dark:#2c3e50}*{box-sizing:border-box}body{color:var(--text);background:#fff;margin:0;font-family:sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{width:min(1320px,100% - 28px);margin:auto}.muted{color:var(--muted)}.blue{color:var(--primary)}.page-pad{padding:42px 0}.modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.order-modal{background:#fff;border-radius:8px;width:min(650px,95%);max-height:90vh;padding:30px;position:relative;overflow-y:auto;box-shadow:0 10px 40px #00000026}.order-modal h2{color:#2c3e50;border-bottom:2px solid #f0f0f0;align-items:center;gap:10px;margin:0 0 20px;padding-bottom:15px;font-family:Lato,sans-serif;font-size:22px;font-weight:600;display:flex}.modal-close{cursor:pointer;color:#999;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.modal-close:hover{color:#333;background:#f5f5f5}.order-summary{background:#f9f9f9;border:1px solid #eee;border-radius:6px;margin-bottom:25px;padding:15px 20px}.order-summary .summary-item{color:#555;justify-content:space-between;align-items:center;margin:10px 0;font-family:Lato,sans-serif;font-size:14px;display:flex}.order-summary .summary-item-left{align-items:center;gap:10px;display:flex}.order-summary .summary-icon{color:#2c3e50;width:20px;height:20px}.order-summary .modal-subtotal{color:#666}.order-summary .modal-delivery,.order-summary .modal-delivery .summary-icon{color:#35c24d}.order-summary .modal-total{color:#2c3e50;border-top:1px solid #e0e0e0;margin-top:12px;padding-top:12px;font-family:Lato,sans-serif;font-size:16px;font-weight:700}.order-summary .modal-total .summary-icon{color:#2c3e50}.advance-payment-notice{background:#fff8e1;border:1px solid #ffe082;border-radius:6px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex}.advance-payment-notice .notice-icon{color:#856404;flex-shrink:0;width:20px;height:20px}.advance-payment-notice .notice-content{flex:1}.advance-payment-notice strong{color:#856404;margin-bottom:4px;font-family:Lato,sans-serif;font-size:14px;display:block}.advance-payment-notice p{color:#856404;margin:0;font-size:12px}.order-form{flex-direction:column;gap:15px;display:flex}.order-form h3{color:#2c3e50;border-bottom:1px solid #eee;align-items:center;gap:8px;margin:10px 0 0;padding-bottom:5px;font-family:Lato,sans-serif;font-size:16px;font-weight:600;display:flex}.order-form h3 .section-icon{color:#c0392b;width:18px;height:18px}.order-form input,.order-form select,.order-form textarea{background:#fff;border:1px solid #ddd;border-radius:4px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .2s}.order-form input:focus,.order-form select:focus,.order-form textarea:focus{border-color:#2c3e50;outline:none}.order-form input:hover,.order-form select:hover,.order-form textarea:hover{border-color:#bbb}.two-col{grid-template-columns:1fr 1fr;gap:15px;display:grid}.order-form textarea{resize:vertical;min-height:80px}.payment-method-info{color:#555;background:#f5f5f5;border:1px solid #e8e8e8;border-radius:6px;margin-top:5px;padding:12px 15px;font-size:13px;line-height:1.5}.payment-method-info b{color:#2c3e50}.payment-fields{border-top:1px dashed #e0e0e0;margin-top:10px;padding-top:10px}.form-message{color:#155724;text-align:center;background:#d4edda;border-radius:4px;justify-content:center;align-items:center;gap:8px;margin:10px 0;padding:10px 12px;font-size:13px;display:flex}.form-message .message-icon{width:16px;height:16px}.order-form .primary-btn{color:#fff;cursor:pointer;background:#2c3e50;border:none;border-radius:4px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:15px;padding:12px 20px;font-size:15px;font-weight:600;transition:background .2s;display:flex}.order-form .primary-btn:hover{background:#1a252f}.order-form .primary-btn:disabled{cursor:not-allowed;background:#95a5a6}.order-form .primary-btn .btn-icon{width:16px;height:16px}.order-form select{appearance:none;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='%23666' 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}@media (width<=640px){.modal-backdrop{padding:10px}.order-modal{width:100%;max-height:95vh;padding:20px}.order-modal h2{margin-bottom:15px;font-size:20px}.two-col{grid-template-columns:1fr;gap:12px}.modal-close{width:32px;height:32px;top:15px;right:15px}.order-summary{padding:12px 15px}.order-summary .summary-item{font-size:13px}.order-form input,.order-form select,.order-form textarea{padding:8px 10px;font-size:13px}.order-form h3{margin-top:15px;font-size:15px}.payment-method-info{padding:10px 12px;font-size:12px}.order-form .primary-btn{padding:10px 16px;font-size:14px}}.order-modal::-webkit-scrollbar{width:6px}.order-modal::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.order-modal::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.order-modal::-webkit-scrollbar-thumb:hover{background:#999}.trx{text-transform:uppercase;letter-spacing:1px;margin-top:10px}@media print{.modal-backdrop{background:0 0;padding:0;position:static}.order-modal{box-shadow:none;padding:0}.modal-close,.order-form .primary-btn{display:none}.advance-payment-notice{background:#f9f9f9;border:1px solid #ddd}}
