2 lines
6.2 KiB
CSS
2 lines
6.2 KiB
CSS
.calite-detail[data-v-189f6c1c]{color:#2a2622;background:#f4f0ed}.calite-detail__nav[data-v-189f6c1c],.calite-hero__nav[data-v-189f6c1c]{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-189f6c1c]{inset-inline:0;z-index:2;background:0 0;position:absolute;top:0}.calite-hero__nav h1[data-v-189f6c1c]{text-align:center;color:#fff;margin:0;font-size:1.0625rem;font-weight:700}.icon-btn[data-v-189f6c1c]{color:#fff;cursor:pointer;background:0 0;border:none;place-items:center;width:44px;height:44px;display:grid}.calite-detail__scroll[data-v-189f6c1c]{flex-direction:column;gap:0;padding:0 0 112px;display:flex}.calite-hero[data-v-189f6c1c]{color:#fff;border-radius:0;width:100%;height:min(52vh,440px);min-height:340px;position:relative;overflow:hidden}.calite-hero__photo[data-v-189f6c1c]{background:linear-gradient(160deg,#3d4a55,#151b22) 50%/cover;position:absolute;inset:0}.calite-hero__photo[data-v-189f6c1c]:after{content:"";background:linear-gradient(#0c0a0847 0%,#0c0a0814 38%,#0c0a088c 100%);position:absolute;inset:0}.calite-hero__copy[data-v-189f6c1c]{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-189f6c1c]{text-shadow:0 1px 8px #00000040;margin:0;font-size:1.5rem;font-weight:700;line-height:1.35}.calite-hero__usage[data-v-189f6c1c]{opacity:.95;margin:0;font-size:.8125rem;font-weight:400}.calite-hero__latin[data-v-189f6c1c]{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-189f6c1c]{opacity:.92;margin-top:4px;font-size:.75rem;font-weight:400}.calite-detail__body[data-v-189f6c1c]{flex-direction:column;gap:12px;padding:8px 16px 0;display:flex}.attr-row[data-v-189f6c1c]{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:4px 0 8px;display:grid}.attr[data-v-189f6c1c]{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-189f6c1c]:not(:last-child):after{content:"";inset-inline-end:0;background:#e4dfd8;width:1px;position:absolute;top:16%;bottom:16%}.attr__icon[data-v-189f6c1c]{flex-shrink:0;width:26px;height:26px}.physical-cta[data-v-189f6c1c]{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-189f6c1c]{place-items:center;display:grid}.physical-cta__chevron[data-v-189f6c1c]{color:#fff;place-items:center;display:grid;position:absolute;inset-inline-end:16px}.pattern-tabs[data-v-189f6c1c]{gap:8px;padding:2px 0;display:flex;overflow-x:auto}.pattern-tab[data-v-189f6c1c]{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-189f6c1c]{background:var(--color-primary);color:#fff}.pattern-grid[data-v-189f6c1c]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pattern-card[data-v-189f6c1c]{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-189f6c1c]{aspect-ratio:1.08;background:linear-gradient(145deg,#2a3544,#111827) 50%/cover;border-radius:0;width:100%;position:relative}.pattern-card__fav[data-v-189f6c1c]{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-189f6c1c]{flex-direction:column;gap:4px;padding:0 10px 2px;display:flex}.pattern-card strong[data-v-189f6c1c]{font-size:.875rem;font-weight:700;line-height:1.35}.pattern-card__colors[data-v-189f6c1c]{justify-content:space-between;align-items:center;gap:8px;display:flex}.pattern-card__colors span[data-v-189f6c1c]{color:#8a847c;font-size:.75rem}.swatches[data-v-189f6c1c]{gap:4px;display:flex}.swatches i[data-v-189f6c1c]{border:1px solid #00000014;border-radius:999px;width:10px;height:10px}.inquiry-bar[data-v-189f6c1c]{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-189f6c1c]{opacity:.78;font-size:.6875rem;font-weight:500}.inquiry-bar[data-v-189f6c1c]:disabled{opacity:.7}.calite-detail__error[data-v-189f6c1c]{text-align:center;color:#8a847c;margin:8px 0 0}.toast[data-v-189f6c1c]{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-189f6c1c]{color:#eef2f8;background:#0b0f14}html.dark .calite-hero__nav h1[data-v-189f6c1c],html.dark .icon-btn[data-v-189f6c1c]{color:#fff}html.dark .attr[data-v-189f6c1c]{color:#c5d0de;box-shadow:none;background:0 0}html.dark .attr[data-v-189f6c1c]:not(:last-child):after{background:#2a3444}html.dark .physical-cta[data-v-189f6c1c]{background:var(--color-primary);color:#fff}html.dark .pattern-tab[data-v-189f6c1c]{color:#c5d0de;background:#1a2230}html.dark .pattern-tab.is-on[data-v-189f6c1c]{color:#121821;background:#e8e4df}html.dark .pattern-card[data-v-189f6c1c]{color:#eef2f8;box-shadow:none;background:#121821}html.dark .pattern-card__colors span[data-v-189f6c1c],html.dark .calite-detail__error[data-v-189f6c1c]{color:#9aa8bc}html.dark .inquiry-bar[data-v-189f6c1c]{color:#0b0f14;background:#5eb8ad}@media (width>=768px){.calite-detail[data-v-189f6c1c]{max-width:none;margin:0;padding:0;overflow:hidden}.calite-hero[data-v-189f6c1c]{height:min(48vh,460px);min-height:380px}.toast[data-v-189f6c1c]{bottom:96px}}
|