.cg-search-box{position:relative;display:block}.cg-sp{--sp-navy: #1A2B4C;--sp-ink: #0F1E3A;--sp-orange: #E65100;--sp-muted: #5D6B84;--sp-line: #E6EBF2;--sp-soft: #F6F8FB;--sp-chip: #EEF2F8;position:absolute;z-index:1001;top:var(--cg-sp-top, calc(100% + 10px) );left:var(--cg-sp-left, 0px);display:flex;flex-direction:column;box-sizing:border-box;width:var(--cg-sp-width, 1040px);max-height:var(--cg-sp-max-height, 72vh);overflow:hidden;border:1px solid var(--sp-line);border-radius:18px;background:#fff;box-shadow:0 28px 64px #0f1e3a2e,0 2px 10px #0f1e3a0f;color:var(--sp-ink);font-family:var(--font-body-family, Arial),sans-serif;font-size:14px;font-weight:400;line-height:1.4;letter-spacing:0;text-align:left;text-transform:none;opacity:0;transform:translateY(-6px);transition:opacity .16s ease,transform .16s ease}.cg-sp[hidden]{display:none}.cg-sp.is-visible{opacity:1;transform:none}.cg-sp *,.cg-sp *:before,.cg-sp *:after{box-sizing:border-box}:where(.cg-sp) h3,:where(.cg-sp) p,:where(.cg-sp) ul,:where(.cg-sp) ol{margin:0;padding:0;list-style:none}.cg-sp svg{display:block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cg-sp a,.cg-sp a:hover,.cg-sp a:focus{text-decoration:none}:where(.cg-sp) a{color:inherit}:where(.cg-sp) button{margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:none;cursor:pointer;box-shadow:none}.cg-sp__view{display:flex;flex-direction:column;min-height:0;flex:1 1 auto}.cg-sp__view[hidden]{display:none}.cg-sp__body,.cg-sp-results{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:0;flex:1 1 auto}.cg-sp__results{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;overflow:hidden}.cg-sp__results:empty{display:none}.cg-sp-results.is-single{grid-template-columns:minmax(0,1fr)}.cg-sp-results.is-single .cg-sp-results__aside{display:none}.cg-sp__aside{display:flex;flex-direction:column;gap:18px;min-height:0;padding:20px 18px 20px 20px;overflow-y:auto;overscroll-behavior:contain;border-right:1px solid var(--sp-line);background:var(--sp-soft)}.cg-sp__main{container-type:inline-size;min-width:0;min-height:0;padding:16px 24px;overflow-y:auto;overscroll-behavior:contain}.cg-sp__group[hidden]{display:none}.cg-sp__group-head,.cg-sp__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.cg-sp__label{margin-bottom:10px;color:var(--sp-muted);font-size:11.5px;font-weight:700;letter-spacing:.08em;line-height:1.2;text-transform:uppercase}.cg-sp__group-head .cg-sp__label,.cg-sp__head .cg-sp__label{margin-bottom:0}.cg-sp__group-head{margin-bottom:8px}.cg-sp__text-button{color:var(--sp-muted);font-size:12.5px;font-weight:600}.cg-sp__text-button:hover{color:var(--sp-orange)}.cg-sp__list{display:flex;flex-direction:column;gap:2px}.cg-sp__recent{position:relative;display:flex;align-items:center}.cg-sp__line{display:flex;align-items:center;gap:10px;width:100%;min-height:34px;padding:6px 10px;border-radius:10px;color:var(--sp-ink);font-size:14px;text-align:left;transition:background-color .15s ease,color .15s ease}.cg-sp__recent .cg-sp__line{padding-right:38px}.cg-sp__line-icon{width:18px;height:18px;color:#8c97aa}.cg-sp__line-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-sp__line-count{flex:0 0 auto;min-width:26px;padding:2px 7px;border-radius:999px;background:var(--sp-chip);color:var(--sp-muted);font-size:11.5px;font-weight:700;text-align:center}.cg-sp__query mark{background:none;color:inherit;font-weight:700}.cg-sp__line:hover,.cg-sp__line.is-active{background:#fff;color:var(--sp-navy);box-shadow:0 1px 2px #0f1e3a0f,0 0 0 1px var(--sp-line)}.cg-sp__line:hover .cg-sp__line-icon,.cg-sp__line.is-active .cg-sp__line-icon{color:var(--sp-orange)}.cg-sp__remove{position:absolute;right:6px;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:8px;color:#8c97aa;line-height:0;opacity:0;transition:opacity .15s ease,background-color .15s ease,color .15s ease}.cg-sp__remove svg{width:14px;height:14px}.cg-sp__recent:hover .cg-sp__remove,.cg-sp__remove:focus-visible{opacity:1}.cg-sp__remove:hover{background:#ffede3;color:var(--sp-orange)}.cg-sp__terms{display:flex;flex-direction:column;gap:2px}.cg-sp__term{display:flex;align-items:center;gap:10px;width:100%;min-height:34px;padding:5px 10px 5px 8px;border-radius:10px;color:var(--sp-ink);font-size:14px;text-align:left;transition:background-color .15s ease,box-shadow .15s ease}.cg-sp__term-rank{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px var(--sp-line);color:var(--sp-muted);font-family:"Inter Tight","Inter",var(--font-body-family, Arial),sans-serif;font-size:12px;font-weight:800;line-height:0}.cg-sp__terms li:nth-child(-n+3) .cg-sp__term-rank{background:#fff1e8;box-shadow:0 0 0 1px #ffd8c2;color:var(--sp-orange)}.cg-sp__term-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-sp__term-icon{width:16px;height:16px;color:var(--sp-orange);opacity:0;transform:translate(-4px);transition:opacity .15s ease,transform .15s ease}.cg-sp__term:hover,.cg-sp__term.is-active{background:#fff;box-shadow:0 1px 2px #0f1e3a0f,0 0 0 1px var(--sp-line)}.cg-sp__term:hover .cg-sp__term-icon,.cg-sp__term.is-active .cg-sp__term-icon{opacity:1;transform:none}.cg-sp__chips{display:flex;flex-wrap:wrap;gap:6px}.cg-sp__chips--center{justify-content:center}.cg-sp__chip{display:inline-flex;align-items:center;min-height:31px;padding:0 12px;border:1px solid var(--sp-line);border-radius:999px;background:#fff;color:var(--sp-navy);font-size:12.5px;font-weight:600;line-height:1.2;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.cg-sp__chip--accent{border-color:#ffd8c2;background:#fff4ec;color:var(--sp-orange)}.cg-sp a.cg-sp__chip:hover,.cg-sp__chip:hover,.cg-sp__chip.is-active{border-color:var(--sp-navy);background:var(--sp-navy);color:#fff}.cg-sp a.cg-sp__chip--accent:hover,.cg-sp__chip--accent:hover,.cg-sp__chip--accent.is-active{border-color:var(--sp-orange);background:var(--sp-orange);color:#fff}.cg-sp__head{margin-bottom:14px}.cg-sp__tabs{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:12px;background:var(--sp-chip)}.cg-sp__tab{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 14px;border-radius:9px;color:var(--sp-muted);font-size:13.5px;font-weight:700;white-space:nowrap;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.cg-sp__tab[hidden]{display:none}.cg-sp__tab svg{width:16px;height:16px}.cg-sp__tab:hover,.cg-sp__tab.is-active{color:var(--sp-navy)}.cg-sp__tab[aria-selected=true]{background:#fff;box-shadow:0 1px 3px #0f1e3a1f;color:var(--sp-navy)}.cg-sp__tab[aria-selected=true] svg{color:var(--sp-orange)}.cg-sp__more{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:6px 4px;color:var(--sp-orange)!important;font-size:13.5px;font-weight:700;white-space:nowrap}.cg-sp__more[hidden]{display:none}.cg-sp__more svg{width:16px;height:16px;transition:transform .15s ease}.cg-sp__more:hover svg,.cg-sp__more.is-active svg{transform:translate(3px)}.cg-sp__more.is-active{text-decoration:underline!important}.cg-sp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.cg-sp-grid[hidden]{display:none}@container (max-width: 640px){.cg-sp-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cg-sp-grid>:nth-child(n+7){display:none}}.cg-sp-skeleton{display:block;aspect-ratio:3 / 4.1;border-radius:14px;background:linear-gradient(100deg,#f1f4f8 30%,#f9fafc,#f1f4f8 70%) 0 0 / 300% 100%;animation:cg-sp-shimmer 1.3s linear infinite}@keyframes cg-sp-shimmer{to{background-position:-150% 0}}.cg-sp-card{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--sp-line);border-radius:14px;background:#fff;color:var(--sp-ink);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.cg-sp-card:hover,.cg-sp-card.is-active{border-color:#c9d5e6;box-shadow:0 12px 26px #0f1e3a1c;transform:translateY(-2px)}.cg-sp-card__media{position:relative;display:block;flex:0 0 auto;aspect-ratio:4 / 3;overflow:hidden;background:#fff}.cg-sp-card__img{position:absolute;top:10px;left:10px;display:block;width:calc(100% - 20px);height:calc(100% - 20px);max-width:none;object-fit:contain;transition:transform .25s ease}.cg-sp-card__img--placeholder{fill:#d5dce6}.cg-sp-card--card:hover .cg-sp-card__img{transform:scale(1.04)}.cg-sp-card--card .cg-sp-card__badges{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.cg-sp-card--card .cg-sp-card__badges--end{right:8px;left:auto;align-items:flex-end}.cg-sp-badge{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:6px;font-size:11px;font-weight:800;line-height:1;white-space:nowrap}.cg-sp-badge--sale{background:var(--sp-orange);color:#fff}.cg-sp-badge--bundle{background:#fff1e8;box-shadow:inset 0 0 0 1px #ffd2b8;color:var(--sp-orange)}.cg-sp-badge--tax{background:var(--sp-navy);color:#fff}.cg-sp-badge--muted{background:#eef1f5;color:#6b7689}.cg-sp-card__body{display:flex;flex-direction:column;flex:1 1 auto;gap:3px;min-width:0;padding:10px 12px 12px;border-top:1px solid #F0F3F7}.cg-sp-card__vendor{overflow:hidden;color:var(--sp-muted);font-size:10.5px;font-weight:700;letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.cg-sp-card__title{display:-webkit-box;min-height:2.6em;overflow:hidden;color:var(--sp-ink);font-size:13px;font-weight:600;line-height:1.3;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cg-sp-card__rating{display:inline-flex;align-items:center;gap:3px;color:var(--sp-ink);font-size:12px;font-weight:700}.cg-sp-card__rating svg{width:13px;height:13px;fill:#f5a623;stroke:none}.cg-sp-card__rating-count{color:var(--sp-muted);font-weight:500}.cg-sp-card__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;margin-top:auto;padding-top:4px;font-family:"Inter Tight","Inter",var(--font-body-family, Arial),sans-serif}.cg-sp-card__from{color:var(--sp-muted);font-size:12px;font-weight:700}.cg-sp-card__now{color:var(--sp-navy);font-size:16px;font-weight:800;letter-spacing:-.01em}.cg-sp-card__now.is-sale{color:var(--sp-orange)}.cg-sp-card__now--unavailable{color:var(--sp-muted);font-size:12.5px;font-weight:700;letter-spacing:0;white-space:normal}.cg-sp-card__was{color:#8a93a3;font-size:12px;font-weight:500}.cg-sp__count{padding:3px 9px;border-radius:999px;background:var(--sp-chip);color:var(--sp-muted);font-size:12px;font-weight:700}.cg-sp__count[hidden]{display:none}.cg-sp-results__main .cg-sp__head{justify-content:flex-start;margin-bottom:12px}.cg-sp-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px}@container (max-width: 560px){.cg-sp-rows{grid-template-columns:minmax(0,1fr)}}.cg-sp-card--row{flex-direction:row;align-items:center;gap:12px;min-height:82px;padding:8px 12px 8px 8px;border-color:transparent;border-radius:12px}.cg-sp-card--row:hover,.cg-sp-card--row.is-active{border-color:var(--sp-line);background:var(--sp-soft);box-shadow:none;transform:none}.cg-sp-card--row .cg-sp-card__media{flex:0 0 64px;width:64px;height:64px;aspect-ratio:auto;border:1px solid var(--sp-line);border-radius:10px}.cg-sp-card--row .cg-sp-card__img{top:4px;left:4px;width:calc(100% - 8px);height:calc(100% - 8px)}.cg-sp-card--row .cg-sp-card__body{gap:2px;padding:0;border-top:0}.cg-sp-card--row .cg-sp-card__title{min-height:0;font-size:13.5px}.cg-sp-card--row .cg-sp-card__badges{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.cg-sp-card--row .cg-sp-badge{height:18px;padding:0 6px;font-size:10.5px}.cg-sp-card--row .cg-sp-card__price{padding-top:2px}.cg-sp-card--row .cg-sp-card__now{font-size:15px}.cg-sp-results.is-loading,.cg-sp__view.is-loading .cg-sp-results{opacity:.55;transition:opacity .15s ease}.cg-sp__note{padding:28px 8px;color:var(--sp-muted);text-align:center}.cg-sp__status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:200px;padding:36px 24px;color:var(--sp-muted);text-align:center}.cg-sp__status[hidden]{display:none}.cg-sp__status-title{color:var(--sp-ink);font-size:16px;font-weight:700}.cg-sp__status-hint{max-width:420px;margin-bottom:6px!important}.cg-sp__spinner{width:26px;height:26px;border:3px solid var(--sp-chip);border-top-color:var(--sp-orange);border-radius:50%;animation:cg-sp-spin .8s linear infinite}@keyframes cg-sp-spin{to{transform:rotate(360deg)}}.cg-sp__footer{padding:14px 24px 18px;border-top:1px solid var(--sp-line);background:#fff}.cg-sp__footer[hidden]{display:none}.cg-sp a.cg-sp__all{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:48px;padding:0 20px;border-radius:11px;background:var(--sp-navy);box-shadow:0 10px 22px #1a2b4c29,inset 0 -3px #0003;color:#fff;font-size:15px;font-weight:700;transition:background-color .2s ease,box-shadow .2s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}.cg-sp a.cg-sp__all svg{width:18px;height:18px}.cg-sp a.cg-sp__all:hover,.cg-sp a.cg-sp__all.is-active{background:var(--sp-orange);box-shadow:0 10px 22px #e651003d,inset 0 -3px #00000029;color:#fff}html body .cg-sp a.cg-sp__all:active{background:var(--sp-orange);box-shadow:0 3px 8px #e651004d,inset 0 2px 3px #00000038;transform:translateY(2px) scale(.985);transition:background-color .08s ease,box-shadow .08s ease,transform .08s ease}.cg-sp__trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 26px;padding:12px 24px!important;border-top:1px solid var(--sp-line);background:#fff;color:var(--sp-muted);font-size:12.5px;font-weight:600}.cg-sp__trust li{position:relative;padding-left:22px}.cg-sp__trust li:before{content:"";position:absolute;top:50%;left:0;width:16px;height:16px;border-radius:50%;background:#e8f4ea url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4.5 8.2 2.2 2.2 4.8-4.8' fill='none' stroke='%23358B2A' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 16px no-repeat;transform:translateY(-50%)}@media(prefers-reduced-motion:reduce){.cg-sp,.cg-sp-card,.cg-sp-card__img,.cg-sp a.cg-sp__all{transition:none}.cg-sp-skeleton,.cg-sp__spinner{animation:none}.cg-sp-card:hover,.cg-sp-card.is-active,html body .cg-sp a.cg-sp__all:active,.cg-sp-card--card:hover .cg-sp-card__img{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-cg-search.css.map */