.shop{padding:clamp(40px,5vw,72px) clamp(16px,3.6vw,56px) clamp(56px,6vw,96px);border-bottom:1px solid var(--line)}.shop-head{max-width:860px;margin:0 auto;text-align:center}.shop-head h1{font-size:clamp(34px,4.4vw,58px);font-weight:600;line-height:1.05;letter-spacing:-.02em}.shop-head p{margin-top:14px;font-size:clamp(16px,1.4vw,19px);line-height:1.5;color:#45423e}.shop-bar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 24px;margin:30px 0 clamp(30px,3.6vw,48px)}.shop-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.shop-tabs a{display:inline-flex;align-items:center;height:42px;padding:0 20px;border:1px solid var(--line);border-radius:999px;font-size:14.5px;font-weight:500;text-decoration:none;transition:border-color .2s,background .2s,color .2s}.shop-tabs a:hover{border-color:var(--ink)}.shop-tabs a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:var(--cell)}.shop-sort{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--muted)}.shop-sort select{appearance:none;-webkit-appearance:none;height:42px;padding:0 38px 0 16px;border:1px solid var(--line);border-radius:999px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23121212' stroke-width='1.3'/%3E%3C/svg%3E") right 16px center no-repeat;font:inherit;font-size:14px;color:var(--ink);cursor:pointer}.shop-sort select:hover{border-color:var(--ink)}@media(min-width:1100px){.shop-sort{position:absolute;right:0;top:50%;transform:translateY(-50%)}}.sgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(40px,4.4vw,64px) clamp(16px,2vw,28px)}@media(max-width:999px){.sgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:599px){.sgrid{grid-template-columns:1fr}}.scard{display:flex;flex-direction:column;min-width:0}.scard-media{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:var(--sand)}.scard-media img,.scard-media .ph{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 62%;transition:transform .7s var(--ease)}.scard:hover .scard-media img{transform:scale(1.03)}.scard-tags{position:absolute;top:16px;right:16px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.scard-tags span{padding:7px 14px;border-radius:999px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:600;line-height:1.2;letter-spacing:.07em;text-transform:uppercase;font-variant-numeric:tabular-nums}.scard-title{margin-top:18px;font-size:clamp(18px,1.5vw,20px);font-weight:500;line-height:1.3}.scard-title a{text-decoration:none}.scard-title a:hover{text-decoration:underline;text-underline-offset:3px}.scard-price{margin-top:6px;display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;font-size:18px;font-variant-numeric:tabular-nums}.scard-price s{color:var(--muted)}.scard-sw{display:flex;gap:14px;margin-top:14px;padding-left:4px}.scard .sq{position:relative;width:18px;height:18px;border-radius:50%;outline:0;box-shadow:inset 0 0 0 1px #00000038;transition:box-shadow .15s}.scard .sq:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.scard .sq[aria-pressed=true]{outline:0;box-shadow:inset 0 0 0 1px #00000038,0 0 0 2.5px var(--cell),0 0 0 4px var(--ink)}.scard .sq:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.scard form{margin-top:auto;padding-top:20px}.scard .add{display:flex;align-items:center;justify-content:center;width:100%;height:60px;border:1.5px solid var(--ink);border-radius:14px;background:transparent;font-size:15px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;transition:background .2s,color .2s}.scard .add span{display:none}.scard .add:hover{background:var(--ink);color:var(--cell)}.scard .add:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.scard .add:disabled{border-color:var(--line);color:var(--muted);background:transparent;cursor:not-allowed}.shop-empty{padding:48px 0;text-align:center;color:var(--muted)}.shop-pages{display:flex;justify-content:center;gap:8px;margin-top:56px}.shop-pages a,.shop-pages span{min-width:42px;height:42px;padding:0 12px;display:grid;place-items:center;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:14px}.shop-pages .current{background:var(--ink);color:var(--cell);border-color:var(--ink)}
/*# sourceMappingURL=/cdn/shop/t/51/assets/ruma-shop.css.map */