:root{--dru-attr-bg-soft:#f4f9fb;--dru-attr-bg-card:#ffffff;--dru-attr-accent:#19c8d7;--dru-attr-accent-soft:#d4f3f7;--dru-attr-accent-alt:#00b3c7;--dru-attr-ink:#072430;--dru-attr-ink-soft:#60717b;--dru-attr-border-subtle:rgba(7, 36, 48, 0.06);--dru-attr-shadow-soft:0 20px 50px -25px rgba(7, 36, 48, 0.3)}.dru-attr-wrapper{margin:48px auto;max-width:1180px;padding:32px 28px 34px;background:radial-gradient(circle at top left,#f7fcfe 0,#eef6f9 35%,#f4f9fb 100%);border-radius:36px;box-shadow:var(--dru-attr-shadow-soft)}.dru-attr-header{text-align:center;margin-bottom:18px}.dru-attr-wrapper .dru-attr-title{margin:0 0 4px;font-size:28px!important;line-height:1.2;font-weight:700;color:var(--dru-attr-ink)}.dru-attr-subtitle{margin:0;font-size:15px;line-height:1.5;color:var(--dru-attr-ink-soft)}.dru-attr-sortbar{margin:20px auto 10px;max-width:520px;padding:6px;border-radius:999px;background:radial-gradient(circle at top left,#ffffff 0,#edf7fb 35%,#e1f3f7 100%);border:1px solid rgb(7 36 48 / .06);box-shadow:0 16px 35px -24px rgb(7 36 48 / .7);display:flex;justify-content:center;gap:6px;flex-wrap:wrap}.dru-attr-sort-button{position:relative;border:none;outline:none;cursor:pointer;padding:7px 16px 8px;border-radius:999px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;background:#fff0;color:var(--dru-attr-ink-soft);transition:background 0.18s ease-out,color 0.18s ease-out,box-shadow 0.18s ease-out,transform 0.08s ease-out;display:inline-flex;align-items:center;gap:6px}.dru-attr-sort-button::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgb(255 255 255 / .9),rgb(214 239 245 / .95));opacity:0;z-index:-1;transition:opacity 0.18s ease-out}.dru-attr-sort-button:hover{color:var(--dru-attr-accent);transform:translateY(-1px)}.dru-attr-sort-button:hover::before{opacity:1}.dru-attr-sort-button.is-active{background:linear-gradient(125deg,var(--dru-attr-accent-alt),var(--dru-attr-accent));color:#fff;box-shadow:0 10px 25px -14px rgb(7 36 48 / .9);transform:translateY(-1px)}.dru-attr-sort-button.is-active::before{opacity:0}.dru-attr-sort-button.is-active::after{content:"";width:7px;height:7px;border-radius:2px;transform:rotate(45deg);background:rgb(255 255 255 / .9)}.dru-attr-sort-button:focus-visible{outline:2px solid rgb(25 200 215 / .75);outline-offset:2px}.dru-attr-grid{display:grid;gap:18px;margin-top:20px}.dru-attr-grid.dru-attr-cols-1{grid-template-columns:1fr}.dru-attr-grid.dru-attr-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.dru-attr-grid.dru-attr-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.dru-attr-grid.dru-attr-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.dru-attr-card{position:relative;background:var(--dru-attr-bg-card);border-radius:26px;border:1px solid var(--dru-attr-border-subtle);box-shadow:0 18px 42px -26px rgb(0 0 0 / .45);overflow:hidden;display:flex;flex-direction:column;transition:transform 0.18s ease-out,box-shadow 0.18s ease-out}.dru-attr-card:hover{transform:translateY(-6px);box-shadow:0 26px 60px -32px rgb(0 0 0 / .55)}.dru-attr-card-image-wrap{position:relative;width:100%;padding-top:62%;overflow:hidden;background:#e8f4f7}.dru-attr-card-image-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 0.35s ease-out}.dru-attr-card:hover .dru-attr-card-image-wrap img{transform:scale(1.06)}.dru-attr-card-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 0,#ffffff 0,#9fe9f1 28%,#19c8d7 100%);color:#fff;font-size:42px;font-weight:700;text-shadow:0 0 18px rgb(0 0 0 / .45)}.dru-attr-card-inner{padding:16px 20px 18px}.dru-attr-card-title{margin:0 0 6px;font-size:18px;line-height:1.35;font-weight:700;color:var(--dru-attr-ink)}.dru-attr-card-address-row{display:flex;align-items:flex-start;gap:6px;font-size:13px;color:var(--dru-attr-ink-soft);margin-bottom:4px}.dru-attr-card-address-icon{font-size:14px;line-height:1.2;margin-top:1px}.dru-attr-card-address-text{flex:1}.dru-attr-card-rating-row{margin-top:4px;display:flex;align-items:center;gap:4px;font-size:13px;color:var(--dru-attr-ink-soft)}.dru-attr-card-rating-value{font-size:14px;font-weight:700;color:var(--dru-attr-accent)}.dru-attr-card-rating-star{font-size:13px;color:var(--dru-attr-accent)}.dru-attr-card-rating-count{font-size:12px;color:var(--dru-attr-ink-soft)}.dru-attr-card-footer-row{margin-top:18px;display:flex;justify-content:flex-start;align-items:center}.dru-attr-card-link{font-size:12px;text-transform:uppercase;letter-spacing:.09em;text-decoration:none;font-weight:600;padding:6px 14px;border-radius:999px;border:1px solid rgb(25 200 215 / .45);color:var(--dru-attr-accent);background:linear-gradient(120deg,#ffffff 0,#f4fbfd 50%,#f0fbff 100%);box-shadow:0 4px 10px -8px rgb(0 0 0 / .6);display:inline-flex;align-items:center;gap:6px}.dru-attr-card-link::after{content:"↗";font-size:11px;opacity:.8}.dru-attr-card-link:hover{border-color:var(--dru-attr-accent);color:#fff;background:linear-gradient(120deg,var(--dru-attr-accent-alt),var(--dru-attr-accent))}@media (max-width:1024px){.dru-attr-wrapper{margin:32px auto;padding:22px 18px 26px;border-radius:26px}.dru-attr-wrapper .dru-attr-title{font-size:24px!important}.dru-attr-grid.dru-attr-cols-3,.dru-attr-grid.dru-attr-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.dru-attr-sortbar{max-width:100%}}@media (max-width:640px){.dru-attr-wrapper{margin:24px -8px 16px;border-radius:0}.dru-attr-grid{grid-template-columns:1fr!important}}