@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{--orange:#f36b21;--orange-dark:#db5413;--ink:#242321;--muted:#77736e;--line:#ece9e5;--cream:#faf8f5;--green:#32805c;--shadow:0 12px 35px rgba(40,32,24,.07);--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.container{width:min(1320px,calc(100% - 56px));margin-inline:auto}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:-999px;top:8px;background:#fff;padding:12px;z-index:100}.skip-link:focus{left:8px}.announcement{height:32px;background:#292724;color:#fff;display:flex;justify-content:center;align-items:center;gap:16px;font-size:11px;letter-spacing:.04em}.announcement__detail{color:#c7c1ba}.site-header{background:#fff;position:relative;z-index:10}.header-main{height:91px;display:flex;align-items:center;gap:36px}.brand{display:flex;flex-direction:column;min-width:185px}.brand__name{font:800 31px/1 'Manrope',sans-serif;letter-spacing:-2px;color:var(--ink)}.brand__name span{font-weight:500}.brand__name b{color:var(--orange)}.brand__tagline{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#8b857f;margin-top:5px}.search{height:46px;display:flex;align-items:center;border:1px solid #e7e3df;border-radius:9px;background:#faf9f7;flex:1;max-width:650px;padding:4px 5px 4px 15px}.search__icon{font-size:25px;color:#827b73;line-height:1;margin-right:10px}.search input{border:0;outline:0;background:transparent;flex:1;min-width:0;color:var(--ink)}.search input::placeholder{color:#a19b94}.search button{height:36px;border:0;border-radius:6px;padding:0 20px;background:var(--orange);color:#fff;font-weight:700}.search button:hover,.add-button:hover{background:var(--orange-dark)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:23px}.account-link,.cart-button{display:flex;align-items:center;gap:8px;background:none;border:0;padding:6px 0;color:#45413c;font-weight:600}.action-icon{font-size:20px}.cart-button{position:relative}.cart-count{display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:20px;background:var(--orange);color:#fff;font-size:10px}.header-sub{border-top:1px solid #f1efec;border-bottom:1px solid var(--line);height:39px}.header-sub__inner{height:100%;display:flex;align-items:center;justify-content:space-between;color:#77716a;font-size:11px}.status-dot{display:inline-block;width:6px;height:6px;background:#61a77d;border-radius:50%;margin-right:7px}.utility-nav{display:flex;gap:27px}.utility-nav a:hover,.text-link:hover{color:var(--orange)}
.shop-layout{display:grid;grid-template-columns:218px minmax(0,1fr);gap:30px;padding-top:25px}.supplier-sidebar{padding:5px 0 30px}.sidebar-heading{padding:0 12px 17px;display:flex;align-items:end;justify-content:space-between}.eyebrow{font-size:9px;letter-spacing:.15em;font-weight:800;color:var(--orange);display:block;margin-bottom:8px}.sidebar-heading h2{font:700 19px 'Manrope',sans-serif;margin:0;letter-spacing:-.5px}.sidebar-close{display:none}.supplier-link{display:flex;align-items:center;width:100%;gap:11px;padding:10px 11px;border:0;border-radius:9px;background:transparent;text-align:left;color:#57524d;font-weight:600;font-size:12px;margin:2px 0}.supplier-link:hover{background:#faf6f2}.supplier-link.is-active{background:#fff2e9;color:#d95a17}.supplier-mark{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:#f1efec;color:#77716a;font-size:11px;font-weight:800}.supplier-link.is-active .supplier-mark{background:#ffe0cc;color:#d95a17}.supplier-mark--all{background:var(--orange)!important;color:#fff!important}.supplier-chevron{margin-left:auto;font-size:20px;color:#aaa39b}.sidebar-promo{margin:27px 7px 0;padding:17px 15px;border:1px solid #eee9e4;border-radius:12px;background:linear-gradient(145deg,#fff,#fbf8f4)}.sidebar-promo__icon{font-size:20px;color:var(--orange)}.sidebar-promo strong{display:block;margin-top:9px;font-size:12px}.sidebar-promo p{font-size:11px;line-height:1.6;color:var(--muted);margin:7px 0 12px}.sidebar-promo a{font-size:11px;font-weight:700;color:var(--orange)}
.main-content{min-width:0}.hero{height:310px;border-radius:17px;overflow:hidden;position:relative;background:linear-gradient(105deg,#f36b21 0%,#f47b32 52%,#f9a15d 100%);color:#fff;padding:42px 48px;isolation:isolate}.hero__content{position:relative;z-index:2;max-width:520px}.hero__kicker{font-size:9px;font-weight:800;letter-spacing:.17em;display:flex;align-items:center;gap:8px}.hero__kicker span{width:19px;height:1px;background:#fff}.hero h1{font:800 clamp(29px,3.2vw,43px)/1.13 'Manrope',sans-serif;letter-spacing:-1.8px;margin:17px 0 11px}.hero h1 em,.campaign-banner h2 em{font-style:normal;color:#ffe0c8}.hero p{font-size:13px;color:#fff0e6;line-height:1.6;max-width:390px;margin:0 0 20px}.button{display:inline-flex;align-items:center;gap:22px;padding:12px 16px;border:0;border-radius:7px;font-weight:700;font-size:11px}.button--light{background:#fff;color:#39332e}.button--light:hover{background:#fff2e8}.hero__index{position:absolute;bottom:22px;left:48px;font-size:10px;color:#ffe1cf;z-index:2}.hero__index strong{color:#fff}.hero__index span{padding:0 6px;opacity:.6}.hero__art{position:absolute;right:7%;top:0;width:40%;height:100%;z-index:1}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.28);border-radius:50%;transform:rotate(-24deg)}.hero-orbit--one{width:370px;height:220px;right:0;top:36px}.hero-orbit--two{width:300px;height:180px;right:34px;top:66px}.hero-box{position:absolute;transform:rotate(-10deg) skewY(4deg);border-radius:13px;box-shadow:20px 25px 35px rgba(131,54,13,.22)}.hero-box--back{width:160px;height:135px;right:100px;top:81px;background:linear-gradient(135deg,#ffd5b5,#f5a16c)}.hero-box--front{width:145px;height:119px;right:70px;top:117px;background:linear-gradient(145deg,#fff5e9,#e8d6c4);display:grid;place-items:center;color:var(--orange);font:800 48px 'Manrope';letter-spacing:-5px}.hero-sticker{position:absolute;right:15px;top:57px;width:76px;height:76px;border-radius:50%;background:#292724;color:#fff;display:grid;place-content:center;text-align:center;font-size:10px;line-height:1.3;font-weight:800;transform:rotate(12deg);z-index:3}.hero-spark{position:absolute;color:#fff}.hero-spark--one{font-size:28px;right:35px;bottom:48px}.hero-spark--two{font-size:18px;left:30px;top:55px}
.benefit-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:19px 8px;border-bottom:1px solid var(--line);gap:12px}.benefit-strip>div{display:flex;align-items:center;gap:11px;justify-content:center}.benefit-icon{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#fff2e9;color:var(--orange);font-weight:800;font-size:15px}.benefit-strip strong,.benefit-strip small{display:block}.benefit-strip strong{font-size:11px}.benefit-strip small{font-size:10px;color:#928b84;margin-top:3px}
.section-block{padding:37px 0 44px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.section-heading h2{font:800 25px 'Manrope',sans-serif;letter-spacing:-1px;margin:0}.section-heading p{font-size:11px;color:var(--muted);margin:7px 0 0}.text-link{font-size:11px;font-weight:700;color:#514b45}.text-link span{color:var(--orange);margin-left:8px}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:13px 0;margin-bottom:14px}.active-filter{font-size:11px;font-weight:700}.active-filter span{font-weight:400;color:#99918a;margin-left:8px}.sort-control{font-size:10px;color:#8a837c}.sort-control select{border:0;background:transparent;font-weight:700;color:#4a4540;padding:5px;outline:0}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.product-card{border:1px solid #eeeae6;border-radius:12px;overflow:hidden;background:#fff;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-card[hidden]{display:none}.product-card__visual{height:145px;position:relative;display:grid;place-items:center;overflow:hidden}.product-visual--pink{background:#fae9e7}.product-visual--brown{background:#eee5dc}.product-visual--yellow{background:#f8f0d8}.product-visual--blue{background:#e8edf2}.product-art{font-size:62px;filter:drop-shadow(0 9px 8px rgba(0,0,0,.13));transition:transform .2s}.product-card:hover .product-art{transform:scale(1.08) rotate(-4deg)}.product-label{position:absolute;left:10px;top:10px;background:#fff;color:#d95a17;border-radius:4px;padding:5px 7px;font-size:8px;font-weight:800;letter-spacing:.06em}.product-supplier{position:absolute;right:9px;bottom:9px;background:rgba(255,255,255,.82);border-radius:4px;padding:4px 6px;font-size:8px;color:#645d56}.product-card__body{padding:12px}.product-meta{display:flex;justify-content:space-between;gap:5px;color:#a29b94;font-size:8px;font-weight:700;letter-spacing:.04em}.stock{color:var(--green);white-space:nowrap}.stock i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#52a878;margin:0 4px 1px 0}.product-card h3{font:700 12px/1.4 'Manrope',sans-serif;margin:9px 0 4px;min-height:34px}.product-detail{margin:0;color:#918a83;font-size:9px}.product-detail span{padding:0 4px;color:#c4bdb6}.product-prices{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #f1eeeb;border-bottom:1px solid #f1eeeb;margin:12px 0;padding:9px 0}.product-prices>div+div{border-left:1px solid #eeeae6;padding-left:10px}.product-prices small{display:block;color:#9a938c;font-size:8px}.product-prices strong{display:block;font:800 14px 'Manrope';margin-top:3px}.product-prices strong small{display:inline;font-size:9px}.product-card__footer{display:flex;gap:6px}.quantity-control{height:34px;display:flex;border:1px solid #eae6e1;border-radius:6px;align-items:center;flex:0 0 91px}.quantity-control button{border:0;background:transparent;width:27px;color:#777;font-size:16px}.quantity-control input{width:30px;min-width:0;text-align:center;border:0;outline:0;font-size:10px;font-weight:700;-moz-appearance:textfield}.quantity-control input::-webkit-inner-spin-button{-webkit-appearance:none}.add-button{height:34px;display:flex;align-items:center;justify-content:center;gap:5px;flex:1;min-width:0;border:0;border-radius:6px;background:var(--orange);color:#fff;font-size:9px;font-weight:700;transition:background .2s}.add-button span:first-child{font-size:14px}.add-button.is-added{background:#32805c}.empty-state{text-align:center;padding:40px 10px;color:#777}.empty-state>span{font-size:32px;color:var(--orange)}.empty-state h3{color:var(--ink);font:700 18px 'Manrope'}.empty-state p{font-size:12px}.button--outline{background:#fff;border:1px solid var(--line);margin-top:10px}
.campaign-banner{min-height:210px;border-radius:14px;background:#f6f1eb;display:flex;align-items:center;justify-content:space-between;padding:28px 40px;overflow:hidden;position:relative}.campaign-banner h2{font:800 29px/1.1 'Manrope';letter-spacing:-1px;margin:8px 0}.campaign-banner h2 em{color:var(--orange)}.campaign-banner p{font-size:11px;color:#77716a}.button--dark{background:#292724;color:#fff;margin-top:7px}.campaign-decoration{width:170px;height:150px;display:grid;place-items:center;position:relative;border-radius:50%;background:#f2d8c5;color:var(--orange);transform:rotate(-12deg)}.campaign-decoration span{font:800 21px 'Manrope';letter-spacing:.1em}.campaign-decoration b{position:absolute;right:5px;top:0;font-size:42px}.site-footer{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:25px;padding:35px 0 42px;border-top:1px solid var(--line);margin-top:35px}.footer-brand p,.footer-note{font-size:11px;color:#89827b;line-height:1.6}.site-footer>div:not(:first-child){display:flex;flex-direction:column;gap:9px;font-size:10px;color:#777}.site-footer strong{font-size:11px;color:var(--ink);margin-bottom:3px}.footer-note{font-weight:700;color:var(--orange)!important;font-size:13px!important}
.toast{position:fixed;right:25px;bottom:25px;z-index:50;background:#292724;color:#fff;padding:13px 18px;border-radius:9px;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;font-size:11px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.is-visible{opacity:1;transform:translateY(0)}.toast>span:first-child{width:20px;height:20px;display:grid;place-items:center;background:#32805c;border-radius:50%}.mobile-overlay{display:none}.menu-toggle{display:none}
@media(max-width:1100px){.container{width:min(100% - 38px,1320px)}.shop-layout{grid-template-columns:190px minmax(0,1fr);gap:20px}.header-main{gap:22px}.brand{min-width:160px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding-left:35px}.hero__art{right:1%}}
@media(max-width:760px){.container{width:calc(100% - 30px)}.announcement{height:28px;font-size:9px}.announcement__detail{display:none}.header-main{height:72px;gap:12px}.menu-toggle{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:#fff;flex:0 0 auto}.hamburger,.hamburger:before,.hamburger:after{display:block;width:16px;height:2px;background:#403b36;position:relative}.hamburger:before,.hamburger:after{content:"";position:absolute;left:0}.hamburger:before{top:-5px}.hamburger:after{top:5px}.brand{min-width:0}.brand__name{font-size:25px}.brand__tagline{font-size:7px}.header-main>.search{position:absolute;top:81px;left:15px;right:15px;width:auto;max-width:none;height:40px;z-index:4;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.04)}.search button{height:30px;padding:0 13px}.search input{font-size:11px}.header-actions{gap:12px}.action-label{display:none}.action-icon{font-size:19px}.cart-button{gap:3px}.header-sub{margin-top:58px;height:34px}.header-sub__inner{font-size:9px}.utility-nav{gap:14px}.utility-nav a:nth-child(3),.utility-nav a:nth-child(4){display:none}.shop-layout{display:block;padding-top:14px}.supplier-sidebar{position:fixed;z-index:30;left:0;top:0;bottom:0;width:min(310px,86vw);background:#fff;padding:25px 18px;box-shadow:15px 0 35px rgba(0,0,0,.12);transform:translateX(-110%);transition:transform .25s;overflow:auto}.supplier-sidebar.is-open{transform:translateX(0)}.sidebar-heading{padding:5px 8px 20px}.sidebar-close{display:block;border:0;background:#f4f1ed;border-radius:50%;width:28px;height:28px;font-size:19px}.mobile-overlay{position:fixed;inset:0;background:rgba(28,25,22,.4);z-index:25}.mobile-overlay.is-visible{display:block}.hero{height:290px;padding:30px 24px;border-radius:13px}.hero__content{max-width:78%}.hero h1{font-size:30px;letter-spacing:-1.2px}.hero p{font-size:11px;max-width:260px}.hero__art{right:-24%;width:57%;opacity:.75}.hero-box--back{right:60px}.hero-box--front{right:35px}.hero-sticker{right:0;top:40px;width:60px;height:60px;font-size:8px}.hero__index{left:24px;bottom:15px}.benefit-strip{padding:14px 0;gap:4px}.benefit-strip>div{justify-content:flex-start;gap:6px}.benefit-icon{width:25px;height:25px;font-size:12px;flex:0 0 auto}.benefit-strip strong{font-size:9px}.benefit-strip small{font-size:8px}.section-block{padding:29px 0 34px}.section-heading h2{font-size:21px}.section-heading p{font-size:10px}.section-heading .text-link{font-size:9px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.product-card__visual{height:125px}.product-art{font-size:54px}.product-card__body{padding:9px}.product-card h3{font-size:11px}.product-prices strong{font-size:12px}.product-meta{font-size:7px}.quantity-control{flex-basis:78px}.quantity-control button{width:22px}.quantity-control input{width:28px}.add-button{font-size:8px}.campaign-banner{min-height:190px;padding:24px}.campaign-banner h2{font-size:25px}.campaign-decoration{width:110px;height:110px;position:absolute;right:15px;opacity:.65}.campaign-decoration span{font-size:15px}.site-footer{grid-template-columns:1fr 1fr;gap:22px}.footer-brand{grid-column:1/-1}.footer-note{display:none}}
@media(max-width:390px){.brand__tagline{display:none}.header-main{gap:8px}.header-actions{gap:8px}.hero__content{max-width:90%}.hero__art{opacity:.35}.benefit-strip small{display:none}.benefit-strip>div{justify-content:center}.section-heading .text-link{max-width:100px;text-align:right;line-height:1.5}.catalog-toolbar{align-items:flex-start}.product-card__visual{height:110px}}
