/*
Theme Name: EC Shop
Theme URI: https://example.com/ec-shop
Author: EC Shop
Description: EC Shop storefront theme.
Version: 1.0.0
Text Domain: ec-shop
*/
body{margin:0;background:#fff;color:#555;font:12px/1.5 Arial,"Microsoft YaHei",sans-serif}.ql-shell{width:1000px;margin:0 auto}.ql-header{height:0}.ql-head{display:none}.ql-brand{display:none}.ql-search{display:none}.ql-nav{height:35px;background:#d51d43;color:#fff}.ql-nav .ql-shell{display:flex;align-items:center;height:35px}.ql-nav a{color:#fff;text-decoration:none;padding:0 23px;border-right:1px solid #b91a39}.ql-hero{padding-top:0}.ql-hero-grid{display:block}.ql-hero-grid>div:first-child{display:none}.ql-hero-art{height:128px;background:linear-gradient(90deg,#4b218b,#7e39ae 55%,#4d2386);position:relative}.ql-carousel{background:#d51d43}.ql-carousel-title{height:35px;color:#fff;font-size:14px;font-weight:bold;padding:5px 8px}.ql-slide{height:270px;background:linear-gradient(90deg,#3b9cba,#e5d06e,#bd4c82)}.ql-section{padding:7px 0}.ql-section-head{height:24px;background:#e21e3b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 10px}.ql-section h2{font-size:13px;margin:0;color:#fff}.ql-section-head p,.ql-section-head .ql-all{margin:0;color:#fff}.ql-products{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;padding:8px 0}.ec-home-images{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:0}.ec-home-gallery{padding:7px 0}.ec-home-gallery .ql-shell{width:1000px}.ec-home-image{min-width:0;aspect-ratio:1/1;background:#f3f3f3;overflow:hidden}.ec-home-image img{display:block;width:100%;height:100%;object-fit:cover}.ql-card{min-width:0;background:#fff}.ql-card-img{height:86px;background:linear-gradient(135deg,#ddd,#888);display:grid;place-items:center;color:#fff;font-size:20px}.ql-card-body{padding:3px}.ql-card h3{height:30px;overflow:hidden;font-size:11px;line-height:15px;margin:0;color:#4775a5;font-weight:normal}.ql-card p{display:none}.ql-price{color:#f40;font-size:12px;font-weight:bold}.ql-footer{background:#fff;color:#777;padding:0 0 90px}.ql-footer-grid{display:grid;grid-template-columns:170px 1fr;gap:12px;border-top:1px solid #eee}.ql-footer-grid>div:first-child{background:#eee;min-height:320px;padding:8px}.ql-footer-grid>div:nth-child(2){padding:12px;color:#5477a0;font-size:14px;line-height:2}.ql-footer strong{display:block;background:#e21e3b;color:#fff;padding:3px;font-size:12px}.ql-footer p{margin:5px;color:#777}.ql-detail{width:1000px;margin:auto;padding:30px 0}.ql-detail-grid{display:grid;grid-template-columns:450px 1fr;gap:30px}.ql-detail-img{height:390px;background:linear-gradient(135deg,#ddd,#888);display:grid;place-items:center;color:#fff;font-size:60px}.ql-detail h1{font-size:24px}.ql-spec{border-top:1px solid #eee;margin-top:20px}.ql-spec div{padding:8px;border-bottom:1px solid #eee}.ql-spec b{display:inline-block;width:90px}.ql-btn{display:inline-block;background:#e22;color:#fff;padding:8px 25px;text-decoration:none}@media(max-width:1050px){.ql-shell,.ql-detail{width:96%}.ql-products{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){.ql-products{grid-template-columns:repeat(2,1fr)}.ql-nav a{padding:0 10px}.ql-hero-art:after{font-size:15px}}
/* Keep carousel aligned with the banner */
.ql-section#about{display:none}.ql-footer-category-template{display:none}.ql-footer-grid>div:first-child{padding:12px}.ql-footer-grid>div:first-child .ql-footer-category{border-bottom:1px solid #ddd}.ql-footer-category>a{display:flex;justify-content:space-between;padding:8px 5px;color:#333;text-decoration:none;font-size:15px}.ql-footer-category>a:hover{background:#eee}.ql-footer-category>a span{color:#666}.ql-footer-subcategories{background:#fff}.ql-footer-subcategories a{display:block;padding:6px 12px;color:#5477a0;text-decoration:none;font-size:14px}
.ql-card>a,.ql-card>a:hover,.ql-card>a:focus{text-decoration:none}
.ql-card p{display:block;margin:0;padding:0;height:auto}
.ql-carousel{width:1000px;margin-left:auto;margin-right:auto}
@media(max-width:1050px){.ql-carousel{width:96%}}
/* Menu aligns with banner and carousel */
.ql-nav{width:1000px;margin-left:auto;margin-right:auto}
@media(max-width:1050px){.ql-nav{width:96%}}
.ql-category-menu-template{display:flex;height:35px;position:relative}.ql-category-toggle{display:block;width:105px;box-sizing:border-box;padding:0 0 0 5px!important;background:#d51d43;color:#fff!important;text-decoration:none;line-height:35px;font-size:12px}.ql-category-toggle span{font-size:12px;margin-left:0px}.ql-category-dropdown{display:none;position:absolute;top:35px;left:0;width:270px;background:#a9102c;z-index:20}.ql-category-menu-template:hover .ql-category-dropdown{display:block}.ql-category-item{position:relative;border-bottom:1px solid rgba(80,0,15,.25)}.ql-category-item>a{display:flex!important;width:100%;box-sizing:border-box;padding:0 10px!important;justify-content:space-between;line-height:46px;color:#fff!important;text-decoration:none;font-size:13px}.ql-category-item:hover>a{background:#8c0b25}.ql-subcategory-menu{display:none;position:absolute;left:270px;top:-1px;width:260px;min-height:100%;box-sizing:border-box;padding:12px 22px;background:#210007}.ql-category-item.has-children:hover .ql-subcategory-menu{display:block}.ql-subcategory-menu a{display:block;padding:7px 0;color:#fff;text-decoration:none;font-size:16px}.ql-category-menu-template+.menu,.ql-category-menu-template+ul{display:flex;align-items:center;height:35px;margin:0;padding:0;list-style:none}.ql-category-menu-template~ul a{line-height:35px}
.ql-slide-wrap{height:270px;position:relative;overflow:hidden}.ql-slide-track,.ql-slide-item{height:100%}.ql-slide-item{position:absolute;inset:0;background:linear-gradient(90deg,#3b9cba,#e5d06e,#bd4c82);background-size:cover;background-position:center;opacity:0;transition:opacity .35s ease}.ql-slide-item.is-active{opacity:1;z-index:1}.ql-slide-item a{display:block;width:100%;height:100%}.ql-slide-index{position:absolute;right:10px;bottom:10px;z-index:3;display:flex;background:rgba(255,255,255,.92)}.ql-slide-index button{width:47px;height:36px;border:0;border-right:1px solid #d51d43;background:#fff;color:#555;font-size:18px;font-weight:bold;cursor:pointer}.ql-slide-index button:last-child{border-right:0}.ql-slide-index button.is-active,.ql-slide-index button:hover{background:#d51d43;color:#fff}
.ql-slide-index{right:8px;bottom:8px;background:transparent}.ql-slide-index button{width:35px;height:32px;padding:0;border-right:1px solid #2d376f;background:#fff;color:#666;font-size:16px;font-weight:bold;line-height:32px;margin: 0 1px 0 1px;}.ql-slide-index button.is-active,.ql-slide-index button:hover{background:#fff;color:#555}
/* Responsive storefront layout */
*,*::before,*::after{box-sizing:border-box}html,body{overflow-x:hidden}img,video,iframe{max-width:100%;height:auto}.ql-shell,.ql-detail,.ql-carousel,.ql-nav{max-width:100%}.ql-nav .ql-shell{overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}.ql-nav .ql-shell::-webkit-scrollbar{display:none}.ql-nav .ql-shell>ul,.ql-nav .ql-shell>.menu{flex:1;min-width:max-content}.ql-section-head{min-height:24px;height:auto}.ql-section-head h2,.ql-section-head p,.ql-section-head .ql-all{overflow-wrap:anywhere}.ql-card-img{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}.ql-footer-grid>div:nth-child(2){min-width:0;overflow-wrap:anywhere}
@media(max-width:700px){.ql-shell,.ql-detail,.ql-carousel,.ql-nav{width:100%}.ql-hero-art{height:clamp(90px,28vw,128px);background-size:contain!important;background-position:center;background-repeat:no-repeat;background-color:#4b218b}.ql-slide-wrap,.ql-slide{height:clamp(180px,58vw,270px)}.ql-slide-item{background-size:contain!important;background-position:center;background-repeat:no-repeat;background-color:#3b9cba}.ql-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px 12px}.ql-section-head{margin:0 12px;padding:5px 10px}.ql-section-head h2{font-size:14px}.ql-card-body{padding:6px 4px}.ql-card h3{height:auto;min-height:30px;font-size:12px;line-height:1.4}.ql-price{font-size:14px}.ql-footer{padding-bottom:40px}.ql-footer-grid{display:block;border-top:1px solid #eee}.ql-footer-grid>div:first-child{min-height:0;padding:12px}.ql-footer-grid>div:nth-child(2){padding:16px 12px;font-size:13px;line-height:1.8}.ql-category-menu-template{height:35px;flex:0 0 105px}.ql-category-dropdown{position:fixed;left:0;top:35px;width:min(82vw,270px);max-height:70vh;overflow:auto}.ql-subcategory-menu{position:static;width:auto;min-height:0;padding:4px 22px;background:#4a0714}.ql-subcategory-menu a{font-size:14px;line-height:1.4}.ql-slide-index{right:6px;bottom:6px}.ql-slide-index button{width:30px;height:28px;line-height:28px;font-size:13px}}
@media(max-width:380px){.ql-products{gap:6px;padding-left:8px;padding-right:8px}.ql-section-head{margin-left:8px;margin-right:8px}.ql-nav a{padding-left:8px;padding-right:8px}}

@media(max-width:700px){.ec-home-gallery .ql-shell{width:100%}.ec-home-images{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:0 6px}}
