@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--bg:#ffffff;--bar:#f6f6f4;--text:#1a1a1a;--muted:#6b6b6b;--line:#e8e8e5;--accent:#b08d57;--hover:#b08d57;--offer:#e0231a;--active-bg:#ececec}.casa-header *{margin:0;padding:0;box-sizing:border-box}.casa-header{font-family:Poppins,Segoe UI,Helvetica,Arial,sans-serif;color:var(--text);background:#fafaf8;-webkit-font-smoothing:antialiased}.casa-header a{text-decoration:none;color:inherit}.casa-header svg{stroke-linecap:round;stroke-linejoin:round}.utility{background:var(--bar);font-size:12.5px;color:var(--muted);border-bottom:1px solid var(--line)}.utility-inner{max-width:1500px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:8px 32px;position:relative}.util-center-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;letter-spacing:1.5px;text-transform:uppercase;font-size:12px;color:var(--text);font-weight:500}.utility .grp{display:flex;gap:24px;align-items:center}.utility .item{display:flex;gap:7px;align-items:center;cursor:pointer}.utility .item:hover{color:var(--text)}.utility svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8}.header-main{background:var(--bg);border-bottom:1px solid var(--line);position:relative}.search-panel{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);box-shadow:0 22px 46px #0000001f;z-index:70;border-bottom-left-radius:18px;border-bottom-right-radius:18px;max-height:calc(100vh - 130px);overflow-y:auto}.search-panel.open{display:block;animation:megaIn .2s cubic-bezier(.22,.61,.36,1)}.sp-inner{max-width:1500px;margin:0 auto;display:flex;gap:46px;padding:26px 44px 32px}.sp-left{width:300px;flex-shrink:0}.sp-right{flex:1;min-width:0}.sp-head{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:14px;display:flex;align-items:center;gap:8px;border-left:3px solid var(--accent);padding-left:12px}.sp-head .trend{width:18px;height:18px;stroke:var(--accent);fill:none;stroke-width:2;border:none;padding:0}.sp-brands{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.chip{font-size:12.5px;padding:8px 16px;border:1px solid var(--line);border-radius:30px;cursor:pointer;color:#333;transition:all .2s ease;white-space:nowrap}.chip:hover{border-color:#1a1a1a;color:#fff;background:#1a1a1a}.chip.dark{background:#1a1a1a;color:#fff;border-color:#1a1a1a}.chip.dark:hover{background:#fff;border-color:#1a1a1a;color:#1a1a1a}.chip.muted{background:#f0f0ee}.sp-sale{display:block;position:relative;border-radius:12px;overflow:hidden;height:200px;background:linear-gradient(135deg,#9a9a96,#6f6f6a);background-image:url(https://images.unsplash.com/photo-1584622650111-993a426fbf0a?w=600&q=80);background-size:cover;background-position:center}.sp-sale-badge{position:absolute;top:14px;left:14px;background:var(--offer);color:#fff;font-size:12px;font-weight:700;line-height:1.2;padding:7px 12px;border-radius:6px}.sp-sale-shop{position:absolute;bottom:14px;left:16px;background:#ffffffeb;color:#1a1a1a;font-size:13px;font-weight:600;padding:8px 16px;border-radius:6px;transition:gap .2s ease,background .2s ease}.sp-sale:hover .sp-sale-shop{background:#fff}.sp-pop{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.pop{font-size:13px;padding:9px 18px;border:1px solid var(--line);border-radius:30px;cursor:pointer;color:#444;transition:all .2s ease}.pop:hover{border-color:#1a1a1a;color:#fff;background:#1a1a1a}.sp-products{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.sp-card{cursor:pointer}.casa-header .sp-card .img{width:100%;height:200px;border-radius:10px;background:#f5f5f3;overflow:hidden;margin-bottom:10px}.casa-header .sp-card .img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.sp-card:hover .img img{transform:scale(1.05)}.sp-card .brand{font-size:11px;font-weight:600;letter-spacing:.5px;color:#888;text-transform:uppercase;margin-bottom:4px}.sp-card .pname{font-size:13.5px;color:#222;line-height:1.4}.sp-card:hover .pname{color:var(--accent)}.search.focused{border-color:var(--accent);box-shadow:0 0 0 3px #b08d571f}@media(max-width:1700px){.nav-item{font-size:14px;padding:16px 9px}}@media(max-width:1550px){.nav-item{font-size:13px;padding:15px 7px}.nav-item:before{left:7px;right:7px}}@media(max-width:1400px){.nav-item{font-size:12.5px;padding:15px 6px}.nav-item:before{left:6px;right:6px}}@media(max-width:1330px){.nav-item{font-size:11px;padding:13px 4px;letter-spacing:-.1px}.nav-item:before{left:4px;right:4px}.nav-inner{gap:0}}@media(max-width:1250px){.nav-item{font-size:10.5px;padding:12px 3px;letter-spacing:-.2px}.nav-item:before{left:3px;right:3px}.nav-inner{padding-left:14px;padding-right:14px}}@media(max-width:1180px){.nav-item{font-size:10px;padding:11px 2px;letter-spacing:-.3px}.nav-item:before{left:2px;right:2px}}@media(max-width:1080px){.nav-item{font-size:9.5px;padding:10px 2px;letter-spacing:-.3px}.nav-item:before{left:2px;right:2px}.nav-inner{gap:0;padding-left:10px;padding-right:10px}}@media(max-width:1100px){.sp-products{grid-template-columns:repeat(3,1fr)}}@media(max-width:760px){.sp-inner{flex-direction:column;gap:28px;padding:24px 20px 30px}.sp-left{width:100%}.sp-sale{height:150px}.sp-products{grid-template-columns:repeat(2,1fr);gap:14px}}.header-inner{max-width:1500px;margin:0 auto;display:flex;align-items:center;gap:40px;padding:16px 32px}.logo{font-size:27px;font-weight:600;letter-spacing:3px;line-height:1;white-space:nowrap}.logo .sub{font-size:9.5px;font-weight:400;letter-spacing:4px;color:var(--muted);margin-top:5px}.search{flex:1;max-width:540px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:30px;padding:12px 22px;background:#fff;transition:border .2s}.casa-header .search-submit{background:none;border:none;padding:0;margin:0;display:flex;align-items:center;cursor:pointer}.casa-header .search-submit svg{width:18px;height:18px;stroke:var(--muted);fill:none;stroke-width:1.9}.casa-header .search-submit:hover svg{stroke:var(--accent)}.search:focus-within{border-color:var(--accent)}.search input{border:none;outline:none;flex:1;font-size:14px;background:transparent}.search svg{width:18px;height:18px;stroke:var(--muted);fill:none;stroke-width:1.9}.actions{display:flex;align-items:center;gap:26px;margin-left:auto}@media(max-width:1700px){.actions{gap:18px}}@media(max-width:1500px){.actions{gap:14px}.action span{display:none}.header-inner{gap:24px}}@media(max-width:1300px){.actions{gap:10px}.search{max-width:280px}.logo{font-size:22px}}@media(max-width:1180px){.search{max-width:220px}}.action{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font-size:11px;color:var(--text);transition:color .2s}.action svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7}.action:hover{color:var(--accent)}.icon-btn{position:relative;cursor:pointer;transition:color .2s}.icon-btn svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.7}.icon-btn:hover{color:var(--accent)}.icon-btn .count{position:absolute;top:-7px;right:-9px;background:var(--text);color:#fff;font-size:9px;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0 3px}.flag{width:25px;height:18px;border-radius:3px;object-fit:cover}.flag-wrap{display:flex;cursor:pointer}.flag-wrap svg{border-radius:3px;display:block}.burger{display:none;background:none;border:none;cursor:pointer;color:var(--text)}.burger svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.7}.mobile-icons{display:none;align-items:center;gap:20px;margin-left:auto}.mobile-icons .icon-btn svg{width:22px;height:22px}.nav{background:var(--bg);border-bottom:1px solid var(--line);position:relative}.nav:after{content:"";position:absolute;top:0;right:0;bottom:0;width:36px;background:linear-gradient(to right,rgba(255,255,255,0),var(--bg));pointer-events:none;opacity:0;transition:opacity .2s ease;z-index:5}.nav.has-scroll:after{opacity:1}.nav-inner{max-width:1500px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:2px;padding:10px 24px 0;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.nav-inner::-webkit-scrollbar{display:none}.nav-item{font-size:14.5px;font-weight:500;padding:16px 11px;cursor:pointer;position:relative;white-space:nowrap;transition:color .25s ease;flex-shrink:0}.nav-item:before{content:"";position:absolute;left:11px;right:11px;bottom:10px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.65,0,.35,1);border-radius:2px}.nav-item:hover:before,.nav-item.hovered:before{transform:scaleX(1)}.nav-item.offer:before{background:var(--offer)}.nav-item:hover,.nav-item.hovered{color:var(--accent)}.nav-item.offer{color:var(--offer);font-weight:600}.nav-item.offer:hover{color:#b51a13}.nav-item .nav-badge{position:absolute;top:5px;right:-2px;background:#9aa676;color:#fff;font-size:8.5px;font-weight:700;letter-spacing:.5px;padding:2px 6px;border-radius:10px;line-height:1}.nav-item.offer .nav-badge{background:#e0231a}.nav-item .nav-badge.long{right:auto;left:50%;transform:translate(-50%);top:-2px;white-space:nowrap;font-size:8px;background:#1a1a1a}.nav-item.offer .nav-badge.long{background:#e0231a}@media(max-width:1700px){.nav-inner{justify-content:flex-start}}.mega{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--line);box-shadow:0 20px 44px #0000001a;z-index:60}.mega.open{display:block;animation:megaIn .14s cubic-bezier(.22,.61,.36,1)}@keyframes megaIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.mega.open .mm-side .cat{opacity:0;animation:itemIn .14s ease forwards}.mega.open .mm-group{opacity:0;animation:itemIn .15s ease forwards}.mega.open .mm-media{opacity:0;animation:mediaIn .18s cubic-bezier(.22,.61,.36,1) forwards}@keyframes itemIn{0%{opacity:0;transform:translate(-5px)}to{opacity:1;transform:translate(0)}}@keyframes mediaIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.mega-inner{max-width:1500px;margin:0 auto;display:flex;gap:24px;padding:34px 44px 46px;min-height:300px}.mm-side{width:280px;flex-shrink:0}.mm-side .cat{display:flex;align-items:center;justify-content:space-between;padding:13px 24px;font-size:16px;font-weight:400;cursor:pointer;border-radius:10px;margin-bottom:3px;color:#2a2a2a;position:relative;overflow:hidden;transition:background .3s ease,color .3s ease,padding-left .3s cubic-bezier(.34,1.56,.64,1)}.mm-side .cat:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:3px;height:60%;background:var(--accent);border-radius:0 3px 3px 0;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.mm-side .cat:hover{background:#faf6ee;color:var(--accent);font-weight:500;padding-left:30px}.mm-side .cat:hover:before{transform:translateY(-50%) scaleY(1)}.mm-side .cat.active{background:var(--accent-soft);font-weight:600;color:#3a2d14}.mm-side .cat.active:before{transform:translateY(-50%) scaleY(1)}.mm-side .cat svg{width:15px;height:15px;stroke:#999;fill:none;stroke-width:2;transition:transform .3s cubic-bezier(.34,1.56,.64,1),stroke .3s ease}.mm-side .cat:hover svg{transform:translate(5px);stroke:var(--accent)}.mm-side .cat.active svg{stroke:#3a2d14;transform:translate(2px)}.mm-cols{flex:0 1 auto;display:flex;gap:56px;padding:6px 30px;border-left:1px solid var(--line);position:relative}.mm-colset{display:none;gap:56px;width:100%}.mm-colset.active{display:flex}.mm-group{min-width:130px}.mm-group .gh{font-size:15px;font-weight:600;color:#1a1a1a;padding:8px 0}.mm-group .gh:not(:first-child){margin-top:14px}.mm-group a{display:block;font-size:15px;color:#555;padding:8px 0;transition:color .2s ease,transform .2s ease;position:relative}.mm-group a:before{content:"\203a";position:absolute;left:-14px;opacity:0;color:var(--accent);transition:opacity .2s ease,left .2s ease;font-weight:700}.mm-group a:hover{color:var(--accent);transform:translate(14px)}.mm-group a:hover:before{opacity:1;left:-16px}.mm-group a:hover{color:var(--accent)}.mm-media{margin-left:auto;flex:0 0 auto;width:380px;display:flex}.mm-feature{position:relative;width:380px;height:280px;border-radius:14px;overflow:hidden;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.22,.61,.36,1)}.mm-media:hover .mm-feature{transform:scale(1.015)}.mm-feature:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 60%,#0000001f);opacity:0;transition:opacity .4s ease}.mm-media:hover .mm-feature:after{opacity:1}.mm-feature .tag{position:absolute;left:0;bottom:0;background:var(--accent-soft);color:#4a3a1d;padding:12px 22px;border-radius:0 14px;font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer;transition:padding-right .3s ease,background .25s ease;z-index:2}.mm-feature .tag svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2.4;transition:transform .3s cubic-bezier(.65,0,.35,1)}.mm-feature .tag:hover{background:var(--accent);color:#fff;padding-right:38px}.mm-feature .tag:hover svg{transform:translate(6px)}.overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:90}.overlay.open{display:block}.cm-menu-drawer{position:fixed;top:0;left:0;bottom:0;width:88%;max-width:380px;background:#fff;z-index:100;transform:translate(-100%);transition:transform .28s ease;display:flex;flex-direction:column}.cm-menu-drawer.open{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line)}.drawer-head .logo{font-size:19px;letter-spacing:2px}.drawer-close{background:none;border:none;cursor:pointer;color:var(--text)}.drawer-close svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.8}.drawer-search{padding:14px 22px;border-bottom:1px solid var(--line)}.drawer-search .box{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:30px;padding:11px 18px}.drawer-search input{border:none;outline:none;flex:1;font-size:14px}.drawer-search svg{width:17px;height:17px;stroke:var(--muted);fill:none;stroke-width:1.7}.casa-header .drawer-search-btn{background:none;border:none;padding:0;margin:0;display:flex;align-items:center;cursor:pointer}.drawer-nav{flex:1;overflow-y:auto}.acc-item{border-bottom:1px solid var(--line)}.acc-head{display:flex;align-items:center;padding:15px 22px;font-size:15px;font-weight:500;cursor:pointer;transition:background .2s ease,color .2s ease}.m-badge{background:#9aa676;color:#fff;font-size:9px;font-weight:700;letter-spacing:.4px;padding:3px 8px;border-radius:10px;margin-left:9px;white-space:nowrap;line-height:1}.m-badge.offer{background:#e0231a}.acc-head:active{background:#faf6ee}.acc-item.open .acc-head{color:var(--accent)}.acc-head.offer{color:var(--offer)}.acc-head .chev{margin-left:auto;transition:transform .2s;color:var(--muted)}.acc-head .chev svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;display:block}.acc-item.open .acc-head .chev{transform:rotate(90deg)}.acc-body{display:none;background:#faf9f6;padding:6px 0 12px}.acc-item.open .acc-body{display:block}.acc-body .grp{font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--accent);padding:12px 22px 4px}.acc-body .grp.main-cat{font-size:14px;text-transform:none;color:#1a1a1a;letter-spacing:0;padding:16px 22px 6px}.acc-body a{display:block;color:#444;font-size:13.5px;padding:8px 22px 8px 32px}.drawer-foot{border-top:1px solid var(--line);padding:16px 22px;display:flex;flex-direction:column;gap:12px;font-size:13px;color:var(--muted)}.drawer-foot .row{display:flex;align-items:center;gap:8px}.drawer-foot svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6}@media(max-width:980px){.nav{display:none}.search{max-width:none}.burger{display:block}.actions{display:none}.mobile-icons{display:flex}}@media(max-width:900px){.utility .grp.delivery,.util-center-text{display:none}.header-inner{gap:16px;padding:13px 18px}.logo{font-size:20px;letter-spacing:2px}.logo .sub{font-size:8px;letter-spacing:2px}.search{display:none}}@media(max-width:520px){.utility-inner{padding:7px 14px;font-size:11.5px}.utility .grp{gap:14px}.logo{font-size:18px}.logo .sub{display:none}.header-inner{gap:12px;padding:12px 14px}.mobile-icons{gap:16px}.cm-menu-drawer{width:92%}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/casa-mega-header.css.map */