:root{--th-primary-color: rgb(var(--color-link));--th-primary-hover: rgb(var(--color-link));--th-text-color: rgb(var(--color-foreground));--th-text-muted: rgba(var(--color-foreground), .75);--th-border-color: rgba(var(--color-foreground), .08);--th-background: rgb(var(--color-background));--th-background-alt: rgba(var(--color-foreground), .04);--th-shadow: var(--shadow-horizontal-offset) var(--shadow-vertical-offset) var(--shadow-blur-radius) rgba(var(--color-shadow), var(--shadow-opacity));--th-shadow-hover: 0 4px 12px rgba(var(--color-shadow), .15);--th-border-radius: var(--border-radius);--th-transition: all var(--duration-medium) ease;--th-sidebar-width: 300px;--th-header-height: var(--header-height, 80px);--th-background-hover: rgba(var(--color-foreground), .05)}#todohits-collections{width:98%;margin:0 auto;padding:0;min-height:100vh}@media screen and (max-width: 1024px){#todohits-collections{width:100%}}.th-wrapper.th-transitioning{position:relative;pointer-events:none!important}.th-wrapper.th-transitioning:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#fff9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;pointer-events:none}.th-wrapper.th-transitioning *{pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}.th-wrapper.th-transitioning .th-content,.th-wrapper.th-transitioning .th-sidebar{filter:blur(2px);opacity:.7;transition:all .3s ease}.th-subheader{position:sticky;top:calc(var(--th-header-height) - 1px);z-index:3;background:#fffffffa;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:box-shadow .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px #0000000d;width:100%;will-change:transform}.th-subheader-inner{width:96%;margin:0 auto;padding:1.5rem 0;display:flex;justify-content:space-between;align-items:center}.th-subheader-left{flex:0 0 var(--th-sidebar-width);transition:flex .5s cubic-bezier(.25,.46,.45,.94)}@media screen and (min-width: 1025px){#todohits-collections.filters-collapsed .th-subheader-left{flex:0 0 200px}}.th-subheader-right{flex:1;display:flex;justify-content:flex-end}.th-subheader-left-content{display:flex;align-items:center;gap:16px}.th-subheader-hitardo{display:flex;align-items:center;opacity:.9;transition:var(--th-transition)}.th-subheader-hitardo:hover{opacity:1;transform:translateY(-2px)}.th-subheader-hitardo__img{width:40px;height:40px;object-fit:contain;animation:hitardo-subheader-float 2s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@keyframes hitardo-subheader-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-3px) rotate(2deg)}}@media screen and (max-width: 600px){.th-subheader-hitardo__img{width:32px;height:32px}.th-subheader-left-content{gap:12px}}@media screen and (max-width: 400px){.th-subheader-hitardo__img{width:28px;height:28px}.th-subheader-left-content{gap:8px}}.th-wrapper{display:block}.th-layout{display:grid;grid-template-columns:var(--th-sidebar-width) 1fr;gap:0;align-items:start;transition:grid-template-columns .5s cubic-bezier(.25,.46,.45,.94);min-height:calc(100vh - var(--th-header-height))}@media screen and (min-width: 1025px){#todohits-collections.filters-collapsed .th-layout{grid-template-columns:0px 1fr}}.th-sidebar{position:sticky;top:calc(var(--th-header-height) + 50px);height:fit-content;max-height:calc(100vh - var(--th-header-height) - 50px);overflow-y:auto;overflow-x:hidden;transition:opacity .4s ease;align-self:start;padding-top:10px;will-change:transform;-webkit-overflow-scrolling:touch}@media screen and (min-width: 1025px){.th-sidebar{padding-left:10%}}@media screen and (min-width: 1025px){#todohits-collections.filters-collapsed .th-sidebar{opacity:0;pointer-events:none;overflow:hidden}}.th-sidebar-inner{background:transparent;border:none;border-radius:0;padding:0;height:fit-content;max-height:calc(100vh - var(--th-header-height) - 50px);overflow-y:auto}.th-content{min-width:0;width:100%;padding:2rem;transition:padding .5s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:1;box-sizing:border-box}@media screen and (min-width: 1025px){#todohits-collections.filters-collapsed .th-content{padding:2rem 3rem}}.th-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:0 auto 2rem;position:relative;z-index:1}.th-products-grid .th-infinite-trigger{display:none!important;grid-column:1 / -1}.th-products-grid .product-card{transition:box-shadow .3s ease}.th-empty-collection{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;text-align:center;grid-column:1 / -1;padding:4rem 2rem}.th-end-loading__content{text-align:center;padding:3rem 2rem}.th-end-loading__spinner{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:1.5rem}.th-spinner{width:12px;height:12px;background:linear-gradient(135deg,#000,#444);border-radius:50%;animation:spinnerPulse 1.2s infinite ease-in-out}.th-spinner--delay-1{animation-delay:-.8s}.th-spinner--delay-2{animation-delay:-.4s}@keyframes spinnerPulse{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1.2);opacity:1}}.th-end-loading__text{color:#495057;font-size:1.1rem;font-weight:500;margin:0;letter-spacing:.02em;background:linear-gradient(135deg,#495057,#6c757d,#495057);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:loadingTextShimmer 2s infinite ease-in-out}@keyframes loadingTextShimmer{0%{background-position:200% 0;opacity:.7}50%{background-position:-200% 0;opacity:1}to{background-position:200% 0;opacity:.7}}.th-empty-collection__content{max-width:480px;animation:fadeInUp .6s ease-out}.th-empty-collection__icon{width:80px;height:80px;margin:0 auto 2rem;padding:20px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:50%;color:#6c757d;display:flex;align-items:center;justify-content:center}.th-empty-collection__title{font-size:clamp(1.5rem,3vw,2rem);font-weight:600;color:#212529;margin:0 0 1rem;letter-spacing:-.02em}.th-empty-collection__text{color:#6c757d;margin:0 0 2rem;line-height:1.6;font-size:1.1rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.th-pagination{display:flex;justify-content:center;margin-top:3rem}.header.page-width{width:94%!important;max-width:100%!important;margin:0 auto!important;padding:1rem 0!important;box-sizing:border-box!important}@media screen and (min-width: 750px){.header.page-width{padding:1rem 0!important}}@media screen and (min-width: 990px){.header:not(.drawer-menu).page-width{padding:1rem 0!important}}.header-wrapper{width:100%}@media screen and (max-width: 1400px) and (min-width: 1025px){.th-products-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 1024px) and (min-width: 769px){#todohits-collections{width:100%;max-width:100%}.th-products-grid{grid-template-columns:repeat(2,1fr);width:100%;max-width:100%;margin:0 auto;gap:20px}.th-layout{grid-template-columns:1fr;gap:0;width:100%}.th-content{width:100%;max-width:100%;padding:1.5rem;box-sizing:border-box}.th-sidebar{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;transform:translate(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);width:100vw!important;height:100vh!important;max-height:100vh!important;overflow-y:auto;overflow-x:hidden;padding:0!important;margin:0!important;-webkit-overflow-scrolling:touch}#todohits-collections.filters-expanded .th-sidebar{transform:translate(0);opacity:1;pointer-events:all}.th-sidebar-inner{padding:2rem}#todohits-collections.filters-expanded:before{content:"";position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#00000080;z-index:99}.th-subheader-left{flex:0 0 auto}}@media screen and (max-width: 768px){#todohits-collections{padding:0}.th-subheader{flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem}.th-subheader-inner{padding:.75rem .5rem;width:100%}.th-subheader-left{flex:0 0 auto}.th-subheader-right{flex:0 0 auto;justify-content:flex-end}.th-layout{grid-template-columns:1fr;gap:0}.th-sidebar{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;transform:translate(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);width:100vw!important;height:100vh!important;min-height:100vh!important;max-height:100vh!important;overflow-y:auto;padding:0!important;margin:0!important}#todohits-collections.filters-expanded .th-sidebar{transform:translate(0);opacity:1;pointer-events:all}.th-sidebar-inner{position:static;height:100vh!important;min-height:100vh!important;padding:0;box-sizing:border-box;overflow-y:auto}.th-content{padding:1rem}.th-products-grid{grid-template-columns:repeat(2,1fr);gap:15px}#todohits-collections.filters-expanded:before{content:"";position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background:#00000080;z-index:99}}@media screen and (max-width: 480px){.th-products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.th-content{padding:.75rem}}@media screen and (max-width: 350px){html{min-width:320px!important}.header-wrapper,.header.page-width{width:100%!important;max-width:100%!important;padding:0 .5rem!important;margin:0!important}.header__heading-logo{max-width:120px!important;height:auto!important}.header__icons{padding-right:.5rem!important}.header__icon{width:3.8rem!important;height:3.8rem!important}#todohits-collections{width:100%!important;padding:0!important}.th-subheader{width:100%!important}.th-subheader-inner{width:100%!important;padding:1rem .5rem!important}.th-content{padding:.5rem!important}.th-products-grid{grid-template-columns:1fr!important;gap:10px!important;padding:0 .5rem!important}.product-card{min-width:100%!important}.th-filters-toggle__title,.th-sort-toggle{font-size:1.2rem!important}body{overflow-x:hidden!important}.utility-bar__grid.page-width{padding:0 .5rem!important;width:100%!important}.announcement-bar__message{font-size:.9rem!important;padding:.5rem!important}}@media screen and (min-width: 351px) and (max-width: 400px){.header.page-width{width:100%!important;padding:0 .75rem!important}#todohits-collections{width:100%!important;padding:0!important}.th-content{padding:.75rem!important}.th-products-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}}@media screen and (max-width: 400px){.page-width{min-width:100%!important;box-sizing:border-box!important}*{max-width:100vw!important}}.th-products-grid{transition:opacity .2s ease}.th-wrapper{transition:filter .3s cubic-bezier(.25,.46,.45,.94)}.th-wrapper.th-transitioning{filter:blur(2px)}.product-card{will-change:transform,opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);-moz-transform:translateZ(0)}
/*# sourceMappingURL=/cdn/shop/t/20/assets/th-collection-layout.css.map */