2 lines
7.8 KiB
CSS
2 lines
7.8 KiB
CSS
.calite-detail[data-v-e342d3a5]{color:#2a2622;background:#f4f0ed}.calite-detail__nav[data-v-e342d3a5],.calite-hero__nav[data-v-e342d3a5]{padding:calc(6px + env(safe-area-inset-top,0px)) 8px 2px;grid-template-columns:44px 1fr 44px;align-items:center;display:grid}.calite-hero__nav[data-v-e342d3a5]{inset-inline:0;z-index:2;background:0 0;position:absolute;top:0}.calite-hero__nav h1[data-v-e342d3a5]{text-align:center;color:#fff;margin:0;font-size:1.0625rem;font-weight:700}.icon-btn[data-v-e342d3a5]{color:#fff;cursor:pointer;background:0 0;border:none;place-items:center;width:44px;height:44px;display:grid}.calite-detail__scroll[data-v-e342d3a5]{flex-direction:column;gap:0;padding:0 0 112px;display:flex}.calite-hero[data-v-e342d3a5]{color:#fff;border-radius:0;width:100%;height:min(52vh,440px);min-height:340px;position:relative;overflow:hidden}.calite-hero__photo[data-v-e342d3a5]{background:linear-gradient(160deg,#3d4a55,#151b22) 50%/cover;position:absolute;inset:0}.calite-hero__photo[data-v-e342d3a5]:after{content:"";background:linear-gradient(#0c0a0847 0%,#0c0a0814 38%,#0c0a088c 100%);position:absolute;inset:0}.calite-hero__copy[data-v-e342d3a5]{inset-inline:20px;z-index:1;text-align:start;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:2px;min-height:0;padding:0;display:flex;position:absolute;bottom:22px}.calite-hero__copy h2[data-v-e342d3a5]{text-shadow:0 1px 8px #00000040;margin:0;font-size:1.5rem;font-weight:700;line-height:1.35}.calite-hero__usage[data-v-e342d3a5]{opacity:.95;margin:0;font-size:.8125rem;font-weight:400}.calite-hero__latin[data-v-e342d3a5]{letter-spacing:.02em;margin:2px 0 0;font-family:Georgia,Times New Roman,serif;font-size:1.75rem;font-style:italic;font-weight:400;line-height:1.2}.calite-hero__tagline[data-v-e342d3a5]{opacity:.92;margin-top:4px;font-size:.75rem;font-weight:400}.calite-detail__body[data-v-e342d3a5]{flex-direction:column;gap:12px;padding:8px 16px 0;display:flex}.attr-row[data-v-e342d3a5]{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:4px 0 8px;display:grid}.attr[data-v-e342d3a5]{color:#6f6b66;text-align:center;min-height:0;box-shadow:none;background:0 0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px 8px;font-size:.8125rem;font-weight:500;line-height:1.4;display:flex;position:relative}.attr[data-v-e342d3a5]:not(:last-child):after{content:"";inset-inline-end:0;background:#e4dfd8;width:1px;position:absolute;top:16%;bottom:16%}.attr__icon[data-v-e342d3a5]{flex-shrink:0;width:26px;height:26px}.physical-cta[data-v-e342d3a5]{background:var(--color-primary);color:#fff;width:100%;min-height:52px;font:inherit;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 44px;font-size:.875rem;font-weight:600;display:flex;position:relative}.physical-cta__icon[data-v-e342d3a5]{place-items:center;display:grid}.physical-cta__chevron[data-v-e342d3a5]{color:#fff;place-items:center;display:grid;position:absolute;inset-inline-end:16px}.pattern-tabs[data-v-e342d3a5]{gap:8px;padding:2px 0;display:flex;overflow-x:auto}.pattern-tab[data-v-e342d3a5]{color:#6a645e;height:34px;font:inherit;cursor:pointer;background:#ece8e2;border:none;border-radius:999px;flex-shrink:0;padding:0 14px;font-size:.8125rem;font-weight:500}.pattern-tab.is-on[data-v-e342d3a5]{background:var(--color-primary);color:#fff}.pattern-grid[data-v-e342d3a5]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pattern-card[data-v-e342d3a5]{text-align:start;cursor:pointer;color:#1c1c1c;background:#fff;border:none;border-radius:20px;flex-direction:column;gap:8px;padding:0 0 10px;display:flex;overflow:hidden;box-shadow:0 1px 3px #2820180d}.pattern-card__photo[data-v-e342d3a5]{aspect-ratio:1.08;background:linear-gradient(145deg,#2a3544,#111827) 50%/cover;border-radius:0;width:100%;position:relative}.pattern-card__fav[data-v-e342d3a5]{cursor:pointer;background:0 0;border:none;place-items:center;width:28px;height:28px;padding:0;display:grid;position:absolute;top:8px;left:8px}.pattern-card__meta[data-v-e342d3a5]{flex-direction:column;gap:4px;padding:0 10px 2px;display:flex}.pattern-card strong[data-v-e342d3a5]{font-size:.875rem;font-weight:700;line-height:1.35}.pattern-card__colors[data-v-e342d3a5]{justify-content:space-between;align-items:center;gap:8px;display:flex}.pattern-card__colors span[data-v-e342d3a5]{color:#8a847c;font-size:.75rem}.swatches[data-v-e342d3a5]{gap:4px;display:flex}.swatches i[data-v-e342d3a5]{background-position:50%;background-size:cover;border:1px solid #00000014;border-radius:999px;width:10px;height:10px}.inquiry-bar[data-v-e342d3a5]{background:var(--color-primary);color:#fff;width:100%;min-height:56px;font:inherit;cursor:pointer;border:none;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:.9375rem;font-weight:700;display:flex}.inquiry-bar small[data-v-e342d3a5]{opacity:.78;font-size:.6875rem;font-weight:500}.inquiry-bar[data-v-e342d3a5]:disabled{opacity:.7}.calite-detail__error[data-v-e342d3a5]{text-align:center;color:#8a847c;margin:8px 0 0}.toast[data-v-e342d3a5]{left:50%;bottom:calc(var(--nav-height) + 84px);z-index:20;background:var(--color-primary);color:#fff;white-space:nowrap;border-radius:999px;padding:8px 14px;font-size:.75rem;position:fixed;transform:translate(-50%)}html.dark .calite-detail[data-v-e342d3a5]{color:#eef2f8;background:#0b0f14}html.dark .calite-hero__nav h1[data-v-e342d3a5],html.dark .icon-btn[data-v-e342d3a5]{color:#fff}html.dark .attr[data-v-e342d3a5]{color:#c5d0de;box-shadow:none;background:0 0}html.dark .attr[data-v-e342d3a5]:not(:last-child):after{background:#2a3444}html.dark .physical-cta[data-v-e342d3a5]{background:var(--color-primary);color:#fff}html.dark .pattern-tab[data-v-e342d3a5]{color:#c5d0de;background:#1a2230}html.dark .pattern-tab.is-on[data-v-e342d3a5]{color:#121821;background:#e8e4df}html.dark .pattern-card[data-v-e342d3a5]{color:#eef2f8;box-shadow:none;background:#121821}html.dark .pattern-card__colors span[data-v-e342d3a5],html.dark .calite-detail__error[data-v-e342d3a5]{color:#9aa8bc}html.dark .inquiry-bar[data-v-e342d3a5]{color:#0b0f14;background:#5eb8ad}html.dark .calite-detail__footer.sticky-footer[data-v-e342d3a5]{background:#0b0f14}@media (width>=768px){.calite-detail[data-v-e342d3a5]{max-width:none;min-height:auto;margin:0;padding:0;overflow:visible}.calite-detail__scroll[data-v-e342d3a5]{padding-bottom:0}.calite-hero[data-v-e342d3a5]{height:340px;min-height:300px}.calite-hero__nav[data-v-e342d3a5]{padding-top:10px}.calite-hero__copy[data-v-e342d3a5]{inset-inline:36px;gap:4px;bottom:28px}.calite-hero__copy h2[data-v-e342d3a5]{font-size:2rem}.calite-hero__usage[data-v-e342d3a5]{font-size:.9375rem}.calite-hero__latin[data-v-e342d3a5]{font-size:2.125rem}.calite-hero__tagline[data-v-e342d3a5]{font-size:.875rem}.calite-detail__body[data-v-e342d3a5]{gap:18px;width:100%;max-width:1120px;margin-inline:auto;padding:18px 28px 28px}.attr-row[data-v-e342d3a5]{max-width:720px;margin-inline:auto;padding:8px 0 4px}.attr[data-v-e342d3a5]{padding:12px;font-size:.875rem}.attr__icon[data-v-e342d3a5]{width:28px;height:28px}.physical-cta[data-v-e342d3a5]{max-width:720px;min-height:56px;margin-inline:auto}.pattern-grid[data-v-e342d3a5]{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.calite-detail__footer.sticky-footer[data-v-e342d3a5]{bottom:0;background:#f4f0ed;width:100%;max-width:none;padding:12px 28px 24px;position:sticky;inset-inline:auto}.inquiry-bar[data-v-e342d3a5]{border-radius:999px;max-width:1120px;margin-inline:auto}.toast[data-v-e342d3a5]{bottom:32px}}@media (width>=1200px){.calite-hero[data-v-e342d3a5]{height:400px;min-height:360px}.calite-detail__body[data-v-e342d3a5]{padding:24px 40px 36px}.pattern-grid[data-v-e342d3a5]{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.calite-detail__footer.sticky-footer[data-v-e342d3a5]{padding-inline:40px}}
|