/* MOP SHOP Complete */
:root{--mop-red:#d71920;--mop-black:#111;--mop-gray:#f5f5f5;--mop-text:#222}
.mop-shop-enabled{--mop-red:#d71920}
.mop-header-wrap{background:#fff;border-bottom:1px solid #eee;position:relative;z-index:999}
.mop-header{max-width:1200px;margin:auto;min-height:86px;display:flex;align-items:center;gap:36px;padding:0 24px}
.mop-logo{display:flex;align-items:center;gap:0;text-decoration:none!important;color:#111!important;font-weight:900;font-size:28px;letter-spacing:-2px;white-space:nowrap}
.mop-logo-mark{color:#111}.mop-logo-red{color:var(--mop-red)}.mop-logo-sub{font-size:10px;letter-spacing:5px;margin-left:8px;align-self:flex-end;margin-bottom:4px}
.mop-nav{display:flex;align-items:center;gap:24px;flex:1;flex-wrap:wrap}.mop-nav a{font-size:14px;font-weight:700;text-decoration:none;color:#111}.mop-nav a:hover{color:var(--mop-red)}
.mop-tools{display:flex;gap:15px}.mop-tools a{font-size:22px;text-decoration:none;color:#111}
.mop-page{max-width:1200px;margin:0 auto;padding:0 24px 70px}
.mop-hero{margin:30px 0 70px;min-height:470px;background:var(--mop-red);display:grid;grid-template-columns:40% 60%;overflow:hidden;color:#fff}
.mop-hero-copy{padding:75px 40px;display:flex;flex-direction:column;justify-content:center}.mop-hero-copy>span,.mop-kicker{font-weight:800;letter-spacing:3px;color:var(--mop-red);font-size:14px}.mop-hero-copy>span{color:#fff}.mop-hero h1{font-size:58px;line-height:.95;margin:18px 0}.mop-hero h1 b{font-weight:900}.mop-hero p{font-size:17px;line-height:1.6;max-width:430px}
.mop-hero-shoe{display:flex;align-items:center;justify-content:center;background:#c31620}.mop-hero-shoe img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}
.mop-btn{display:inline-block;background:#111;color:#fff!important;text-decoration:none!important;border:0;padding:15px 24px;font-weight:800;letter-spacing:.5px;width:max-content;cursor:pointer}.mop-btn:hover{background:#333}
.mop-section{padding:20px 0 70px}.mop-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.mop-section-head h1,.mop-section-head h2{font-size:36px;margin:7px 0 0}.mop-section-head>a{color:var(--mop-red);font-weight:700}
.mop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.mop-card{background:#fff;border:1px solid #eee;overflow:hidden}.mop-card-img{position:relative;display:block;background:#f3f3f3;aspect-ratio:1/1;overflow:hidden}.mop-card-img img{width:100%;height:100%;object-fit:cover;display:block}.mop-badge{position:absolute;left:12px;top:12px;background:var(--mop-red);color:#fff;padding:6px 10px;font-size:11px;font-weight:800}.mop-card-body{padding:17px}.mop-brand{font-size:11px;letter-spacing:1.5px;color:#777;font-weight:800}.mop-card h3{font-size:18px;margin:8px 0}.mop-card h3 a{color:#111;text-decoration:none}.mop-price{font-weight:800;font-size:17px;margin-bottom:14px}.mop-price del{font-weight:400;color:#999;margin-right:7px}.mop-price ins{text-decoration:none;color:var(--mop-red)}.mop-add{display:block;text-align:center;padding:11px;border:1px solid #111;color:#111;text-decoration:none;font-size:12px;font-weight:800}.mop-add:hover{background:#111;color:#fff}
.mop-empty{padding:35px;background:#fafafa;border:1px dashed #ccc;color:#666}.mop-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px}.mop-cats a{background:#111;color:#fff;text-decoration:none;padding:40px 28px}.mop-cats a:nth-child(2){background:var(--mop-red)}.mop-cats strong{display:block;font-size:24px}.mop-cats span{display:block;margin-top:8px;opacity:.8}
.mop-single{display:grid;grid-template-columns:55% 45%;gap:55px;padding:60px 0}.mop-single-image{background:#f3f3f3}.mop-single-image img{width:100%;display:block}.mop-single-info{padding-top:20px}.mop-single-info h1{font-size:44px;line-height:1.05;margin:12px 0}.mop-single-price{font-size:28px;font-weight:900;margin:18px 0}.mop-single-price del{color:#999;font-size:20px;margin-right:10px}.mop-single-price ins{color:var(--mop-red);text-decoration:none}.mop-description{font-size:16px;line-height:1.7;color:#555}.mop-product-meta{border-top:1px solid #eee;border-bottom:1px solid #eee;padding:18px 0;margin:25px 0;line-height:2}.mop-cart-form label{display:flex;gap:12px;align-items:center;margin-bottom:18px;font-weight:700}.mop-cart-form input{width:80px;padding:12px;border:1px solid #ccc}.mop-buy{display:inline-block;margin-top:16px;color:#111;font-weight:700}
.mop-description-full{border-top:1px solid #eee;padding:50px 0;line-height:1.8}.mop-description-full h2{font-size:30px}
.mop-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.mop-blog-card{border:1px solid #eee}.mop-blog-card img{width:100%;height:220px;object-fit:cover}.mop-blog-card>div{padding:20px}.mop-blog-card h2{font-size:21px}.mop-blog-card a{text-decoration:none;color:#111}.mop-blog-card small{color:#777}
.mop-contact{padding:80px 0}.mop-contact h1{font-size:50px;margin:10px 0}.mop-contact>p{font-size:18px;max-width:650px}.mop-contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.mop-contact-grid>div{padding:30px;background:#f6f6f6}
.mop-footer{background:#111;color:#fff;margin-top:0}.mop-footer-grid{max-width:1200px;margin:auto;padding:60px 24px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.mop-footer a{display:block;color:#bbb;text-decoration:none;margin:10px 0}.mop-footer a:hover{color:#fff}.mop-footer h4{font-size:13px;letter-spacing:2px}.mop-footer-logo{font-size:28px;font-weight:900}.mop-footer p{color:#aaa}.mop-copyright{border-top:1px solid #333;text-align:center;padding:22px;color:#999;font-size:13px}
@media(max-width:900px){.mop-header{flex-wrap:wrap;padding:15px 20px}.mop-nav{order:3;flex-basis:100%;gap:14px}.mop-hero{grid-template-columns:1fr}.mop-hero-shoe{min-height:300px}.mop-grid{grid-template-columns:repeat(2,1fr)}.mop-single{grid-template-columns:1fr}.mop-footer-grid{grid-template-columns:1fr 1fr}.mop-cats{grid-template-columns:1fr}.mop-blog-grid{grid-template-columns:1fr}}
@media(max-width:520px){.mop-grid{grid-template-columns:1fr}.mop-hero h1{font-size:42px}.mop-section-head{display:block}.mop-footer-grid{grid-template-columns:1fr}.mop-nav{gap:10px}.mop-nav a{font-size:12px}}
