*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#1a1917;-webkit-font-smoothing:antialiased;background:#f7f7f5;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button,input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}::-webkit-scrollbar-track{background:0 0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.df-container{box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:0 48px}.df-section{padding:64px 0}.df-product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.df-product-grid-5{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;display:grid}.df-category-row{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.df-card{cursor:pointer;transition:transform .22s,box-shadow .22s}.df-card:hover{transform:translateY(-5px);box-shadow:0 16px 40px #00000021!important}.df-cat-card{cursor:pointer;transition:transform .18s,box-shadow .18s}.df-cat-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0000001a!important}@media (width<=900px){.df-product-grid{gap:14px}.df-product-grid-5{gap:12px}.df-container{padding:0 24px}.df-section{padding:40px 0}}@media (width<=600px){.df-product-grid,.df-product-grid-5{grid-template-columns:repeat(2,1fr);gap:10px}.df-container{padding:0 14px}.df-section{padding:28px 0}.df-hide-mobile{display:none!important}}.df-shop-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}@media (width<=600px){.df-shop-grid{gap:16px}}.df-banner-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}@media (width<=900px){.df-banner-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.df-banner-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.df-section-header{justify-content:space-between;align-items:baseline;margin-bottom:18px;display:flex}.df-section-title{color:#1a1917;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:900}.df-section-count{color:#a09d9a;margin-left:8px;font-size:13px;font-weight:600}.df-section-link{color:#2a9d5c;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:700;text-decoration:none}.df-section-link:hover{text-decoration:underline}.df-divider{background:#00000012;height:1px;margin:36px 0}.df-chips-wrap{flex-wrap:wrap;gap:8px;display:flex}.df-banner-card{cursor:pointer;transition:transform .2s,box-shadow .2s}.df-banner-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000026!important}.df-add-btn{transition:opacity .15s,transform .1s}.df-add-btn:hover{opacity:.85;transform:scale(1.03)}.df-header-search::placeholder{color:#fff9}.df-chips{scrollbar-width:none;-ms-overflow-style:none}.df-chips::-webkit-scrollbar{display:none}html{scroll-behavior:smooth}input:focus,textarea:focus,select:focus{outline:none;box-shadow:0 0 0 3px #2a9d5c1f;border-color:#2a9d5c!important}button:focus-visible{outline-offset:2px;outline:2px solid #2a9d5c}.df-modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.df-modal-sheet{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;background:#0000008c;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@keyframes df-drift-1{0%,to{transform:translate(0)rotate(-18deg)}33%{transform:translate(14px,-22px)rotate(-13deg)}66%{transform:translate(-8px,-12px)rotate(-23deg)}}@keyframes df-drift-2{0%,to{transform:translate(0)rotate(22deg)}40%{transform:translate(-18px,-26px)rotate(27deg)}80%{transform:translate(9px,-10px)rotate(17deg)}}@keyframes df-drift-3{0%,to{transform:translate(0)rotate(12deg)}25%{transform:translate(12px,-24px)rotate(16deg)}75%{transform:translate(-5px,-14px)rotate(8deg)}}@keyframes df-drift-4{0%,to{transform:translate(0)rotate(-15deg)}50%{transform:translate(-16px,-28px)rotate(-10deg)}}@keyframes df-drift-5{0%,to{transform:translate(0)rotate(25deg)}35%{transform:translate(20px,-20px)rotate(30deg)}70%{transform:translate(6px,-8px)rotate(20deg)}}@keyframes df-drift-6{0%,to{transform:translate(0)rotate(-22deg)}45%{transform:translate(-12px,-18px)rotate(-17deg)}90%{transform:translate(7px,-7px)rotate(-27deg)}}@keyframes df-drift-7{0%,to{transform:translate(0)rotate(10deg)}30%{transform:translate(22px,-16px)rotate(15deg)}60%{transform:translate(9px,-30px)rotate(6deg)}}@keyframes df-drift-8{0%,to{transform:translate(0)rotate(-8deg)}50%{transform:translate(-18px,-22px)rotate(-3deg)}}