.search-page{padding: 20px 0 48px}@media (min-width: 720px){.search-page{padding: 32px 0 80px}}.search-hero{margin-bottom: 24px;display: flex;flex-direction: column;gap: 16px}@media (min-width: 720px){.search-hero{margin-bottom: 32px;gap: 20px}}.search-hero__form{display: flex;align-items: center;gap: 10px;padding: 6px 6px 6px 18px;background: var(--surface);border: 1.5px solid var(--line);border-radius: 999px;transition: border-color .25s var(--ease)}.search-hero__form:focus-within{border-color: var(--pink)}.search-hero__form svg{color: var(--text-3);flex-shrink: 0}.search-hero__form input{flex: 1;min-width: 0;background: transparent;border: 0;color: var(--text);font-family: inherit;font-size: 15px;outline: none;padding: 12px 0}@media (min-width: 720px){.search-hero__form input{font-size: 17px;padding: 14px 0}}.search-hero__form input::placeholder{color: var(--text-3)}.search-hero__form .btn{padding: 12px 22px;min-height: auto;flex-shrink: 0}.search-hero__title{display: flex;align-items: baseline;gap: 14px;flex-wrap: wrap}.search-hero__title h1{font-weight: 800;font-size: clamp(20px,3.5vw,26px);letter-spacing: -.02em;line-height: 1.2}.search-hero__title em{font-style: normal;background: var(--grad-primary);-webkit-background-clip: text;background-clip: text;color: transparent;font-weight: 800}.search-hero__sub{font-size: 12px;color: var(--text-3)}.search-controls{display: flex;align-items: center;gap: 10px;flex-wrap: wrap}.search-controls .filter-btn{flex-shrink: 0}.search-quick{display: flex;gap: 6px;overflow-x: auto;scrollbar-width: none;margin: 0 -20px;padding: 0 20px 4px;-webkit-overflow-scrolling: touch}.search-quick::-webkit-scrollbar{display: none}@media (min-width: 720px){.search-quick{margin: 0;padding: 0;flex-wrap: wrap;overflow: visible}}.search-quick__btn{display: inline-flex;align-items: center;padding: 9px 16px;background: var(--surface);border: 1px solid var(--line);border-radius: 999px;font-size: 13px;font-weight: 600;color: var(--text-2);white-space: nowrap;flex-shrink: 0;cursor: pointer;font-family: inherit;text-decoration: none;transition: all .2s var(--ease)}.search-quick__btn:hover{color: var(--text);border-color: var(--text-3)}.search-quick__btn--on{background: var(--text);color: var(--bg);border-color: var(--text);font-weight: 700}.search-recent[hidden]{display: none}.search-recent{margin: 4px 0 20px;display: flex;flex-direction: column;gap: 8px}.search-recent__head{display: flex;align-items: center;justify-content: space-between;gap: 12px}.search-recent__label{font-size: 11px;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--text-3)}.search-recent__clear{background: transparent;border: 0;color: var(--text-3);font-size: 12px;font-weight: 600;cursor: pointer;font-family: inherit;text-decoration: underline;text-underline-offset: 2px;padding: 4px 0}.search-recent__clear:hover{color: var(--pink-light)}.search-grid{display: flex;flex-direction: column;gap: 20px}.search-refine{display: none;flex-direction: column;gap: 18px;position: sticky;top: calc(var(--header-h) + 16px);align-self: start;background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-lg);padding: 18px}@media (min-width: 980px){.search-refine{display: flex}}.search-refine__head{display: flex;justify-content: space-between;align-items: center;padding-bottom: 12px;border-bottom: 1px solid var(--line)}.search-refine__head h3{font-weight: 700;font-size: 14px}.search-refine__group{display: flex;flex-direction: column;gap: 10px}.search-refine__group h4{font-size: 11px;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--text-3)}.search-refine__list{list-style: none;display: flex;flex-direction: column;gap: 2px}.search-refine__list a{display: flex;justify-content: space-between;align-items: center;padding: 7px 10px;border-radius: var(--r-sm);font-size: 13px;color: var(--text-2);transition: all .2s var(--ease)}.search-refine__list a:hover{background: var(--surface);color: var(--text)}.search-refine__list a > em{font-style: normal;font-size: 11px;color: var(--text-3);background: var(--bg);padding: 2px 7px;border-radius: 999px;font-weight: 600}.search-refine__list a em.gold{background: transparent;color: var(--gold);padding: 0;margin-left: 4px}.search-tags{display: flex;flex-wrap: wrap;gap: 6px}.search-tag{display: inline-block;padding: 7px 12px;background: var(--surface);border: 1px solid var(--line);border-radius: 999px;font-size: 12px;color: var(--text-2);text-decoration: none;transition: all .2s var(--ease)}.search-tag:hover{background: rgba(var(--pink-rgb),.08);border-color: var(--pink);color: var(--pink-light)}.search-top{background: linear-gradient(135deg,rgba(var(--gold-rgb),.06) 0%,rgba(var(--pink-rgb),.06) 100%);border: 1px solid rgba(var(--gold-rgb),.3);border-radius: var(--r-xl);padding: 18px;margin-bottom: 20px;position: relative}@media (min-width: 720px){.search-top{padding: 22px}}.search-top__label{display: inline-flex;align-items: center;gap: 6px;font-size: 11px;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--gold);margin-bottom: 12px}.search-top__label .i3d{width: 20px;height: 20px}.search-top__inner{display: grid;grid-template-columns: 1fr;gap: 16px}@media (min-width: 600px){.search-top__inner{grid-template-columns: 180px 1fr;gap: 20px;align-items: center}}.search-top__img{width: 100%;aspect-ratio: 1/1;background: var(--surface-2);border-radius: var(--r);background-size: cover;background-position: center}@media (min-width: 600px){.search-top__img{width: 180px;height: 180px}}.search-top__body{min-width: 0}.search-top__cat{display: inline-block;font-size: 10px;font-weight: 700;letter-spacing: .12em;text-transform: uppercase;color: var(--pink-light);margin-bottom: 6px}.search-top a{text-decoration: none}.search-top .btn{text-decoration: none}.search-top__name{font-weight: 800;font-size: 18px;line-height: 1.2;letter-spacing: -.01em;margin-bottom: 6px}.search-top__name a{color: var(--text)}.search-top__name a:hover{color: var(--pink-light)}@media (min-width: 720px){.search-top__name{font-size: 20px}}.search-top__desc{font-size: 13px;color: var(--text-2);margin-bottom: 12px;line-height: 1.5}.search-top__price{display: flex;align-items: baseline;gap: 6px;margin-bottom: 14px}.search-top__price strong{font-weight: 800;font-size: 24px;letter-spacing: -.02em;background: linear-gradient(135deg,#00C48C,#00A876);-webkit-background-clip: text;background-clip: text;color: transparent}.search-top__pix{font-size: 10px;font-weight: 700;letter-spacing: .04em;text-transform: uppercase;color: #00C48C;padding: 3px 7px;background: rgba(0,196,140,.15);border-radius: 999px}.search-top__cta{display: flex;gap: 8px;flex-wrap: wrap}.search-top__cta .btn{flex: 1;min-width: 130px}@media (min-width: 720px){.search-top__cta .btn{flex: 0 0 auto}}.search-more{margin-top: 32px;text-align: center;display: flex;flex-direction: column;align-items: center;gap: 8px}.search-more .btn{width: 100%;max-width: 320px}.search-more__info{font-size: 12px;color: var(--text-3)}.search-more__info strong{color: var(--text);font-weight: 700}.search-empty[hidden]{display: none}.search-empty{padding: 60px 20px;text-align: center;display: flex;flex-direction: column;align-items: center;gap: 16px;background: var(--surface);border: 1px dashed var(--line);border-radius: var(--r-xl);margin-top: 32px}.search-empty__icon{width: 80px;height: 80px;background: var(--bg);border-radius: 50%;display: flex;align-items: center;justify-content: center}.search-empty__icon .i3d{width: 48px;height: 48px;opacity: .7}.search-empty h2{font-weight: 800;font-size: 22px;letter-spacing: -.02em;line-height: 1.2;max-width: 480px}.search-empty h2 em{font-style: normal;background: var(--grad-primary);-webkit-background-clip: text;background-clip: text;color: transparent}.search-empty p{font-size: 14px;color: var(--text-2);max-width: 480px}.search-empty__tags{justify-content: center;max-width: 520px;margin: 4px 0 12px}.search-refine-mobile{display: flex;align-items: center;justify-content: center;gap: 8px;width: 100%;padding: 12px;background: var(--surface);border: 1px solid var(--line);border-radius: 999px;font-size: 13px;font-weight: 600;color: var(--text);font-family: inherit;margin-bottom: 16px}@media (min-width: 980px){.search-refine-mobile{display: none}}
