.svaraa-category-tiles{padding-block:3rem;overflow-x:clip;overflow-y:visible;background-color:rgb(var(--color-background))}.svaraa-category-tiles--warm{background-color:#f4eee4}@media screen and (min-width:990px){.svaraa-category-tiles{padding-block:4rem}}.svaraa-category-tiles__header{text-align:center;margin-bottom:1.25rem}@media screen and (min-width:990px){.svaraa-category-tiles__header{margin-bottom:1.5rem}}.svaraa-category-tiles .svaraa-section-title{font-family:Cinzel,Trajan Pro,Georgia,serif;font-size:clamp(1.65rem,4.2vw,2.5rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#0d2a52;margin:0;display:inline-block;position:relative;padding-bottom:.55em}.svaraa-category-tiles .svaraa-section-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:56px;height:3.5px;background:linear-gradient(90deg,#1a4a8a,#0d2a52);border-radius:4px}.svaraa-category-tiles__track{display:flex;flex-direction:row;flex-wrap:nowrap;column-gap:0;row-gap:0;justify-content:flex-start;align-items:flex-start;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scroll-padding-inline:1.25rem;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:.25rem 0 .85rem;margin-inline:0;width:100%}.svaraa-category-tiles__track::-webkit-scrollbar{height:5px}.svaraa-category-tiles__track::-webkit-scrollbar-thumb{background:#0d2a5238;border-radius:999px}@media screen and (min-width:750px){.svaraa-category-tiles__track{scroll-padding-inline:1.5rem;padding-bottom:1rem}}@media screen and (min-width:990px){.svaraa-category-tiles__track{scroll-padding-inline:2rem}}.svaraa-category-tile{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:0 0 auto;box-sizing:border-box;width:auto;min-width:calc(102px + 1.5rem);max-width:10.75rem;padding-inline:.75rem;scroll-snap-align:start;text-decoration:none;transition:transform .2s ease}.svaraa-category-tile:not(:last-child){margin-inline-end:1.5rem}@media screen and (min-width:750px){.svaraa-category-tile{min-width:calc(112px + 1.75rem);max-width:11.25rem;padding-inline:.875rem}.svaraa-category-tile:not(:last-child){margin-inline-end:2rem}}@media screen and (min-width:990px){.svaraa-category-tile{min-width:calc(118px + 2rem);max-width:11.75rem;padding-inline:1rem}.svaraa-category-tile:not(:last-child){margin-inline-end:2.5rem}}.svaraa-category-tile:hover{transform:translateY(-3px)}.svaraa-category-tile__image-wrap{width:138px;aspect-ratio:5 / 6;border-radius:999px;overflow:hidden;background-color:var(--brand-soft, #F5EFE6);border:2px solid transparent;transition:border-color .2s ease,box-shadow .2s ease,transform .3s ease;flex-shrink:0}@media screen and (min-width:750px){.svaraa-category-tile__image-wrap{width:153px}}@media screen and (min-width:990px){.svaraa-category-tile__image-wrap{width:163px}}.svaraa-category-tile:hover .svaraa-category-tile__image-wrap{border-color:var(--brand-blue, #1a4a8a);box-shadow:0 0 0 3px #1a4a8a26}.svaraa-category-tile__image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.svaraa-category-tile__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#0d2a520f}.svaraa-category-tile__placeholder svg{width:56px;height:56px;color:var(--brand-muted, #9A9A9A)}@media screen and (max-width:749px){.svaraa-category-tiles__track{display:grid;grid-template-columns:repeat(2,1fr);overflow-x:visible;overflow-y:visible;scroll-snap-type:none;-webkit-overflow-scrolling:unset;padding:.5rem 0 1rem;gap:1rem .75rem;scrollbar-width:none}.svaraa-category-tiles__track::-webkit-scrollbar{display:none}.svaraa-category-tile{flex:none;width:100%;min-width:0;max-width:none;padding-inline:0;scroll-snap-align:none}.svaraa-category-tile:not(:last-child){margin-inline-end:0}.svaraa-category-tile__image-wrap{width:100%;max-width:148px;aspect-ratio:5 / 6;border-radius:999px}}.svaraa-category-tile__label{font-family:var(--font-body, "Inter", system-ui, sans-serif);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--brand-navy, #0d2a52);text-align:center;line-height:1.35;white-space:nowrap;width:100%;max-width:none;word-break:normal;-webkit-hyphens:none;hyphens:none}@media screen and (min-width:750px){.svaraa-category-tile__label{font-size:.88rem;letter-spacing:.045em;max-width:9rem;line-height:1.4}}@media screen and (min-width:990px){.svaraa-category-tile__label{font-size:.92rem;max-width:9.75rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/svaraa-category-tiles.css.map */