/** Shopify CDN: Minification failed Line 1360:14 Unexpected ".404__subtext" **/ /* ═══════════════════════════════════════════════════════════════════════ POTIFIV — DAWN THEME OVERRIDES Version: 2.5 · Date: 2026-05-29 Theme: Dawn (MAIN / live theme) Shop: potifiv.myshopify.com HOW TO APPLY: 1. Shopify Admin → Online Store → Themes 2. Dawn — Codex Edition → ··· → Edit code 3. Assets → base.css → scroll to the very bottom 4. SELECT ALL text from the previous "POTIFIV — DAWN THEME OVERRIDES" comment to the end of the file and REPLACE with this entire block. Fonts are loaded via layout/theme.liquid — see FONT SETUP below. DO NOT edit the Dawn source lines above. All overrides are additive. Visual Codex reference: §2 (color), §3 (typography), §5 (components), §7 (motion), §11 (CSS tokens) ═══════════════════════════════════════════════════════════════════════ */ /* ─────────────────────────────────────────────────────────────────────── 1. DESIGN TOKENS ─────────────────────────────────────────────────────────────────────── */ :root { /* ── Potifiv named tokens ── */ --ptv-cream: #F4EFE6; --ptv-black: #1A1A1A; --ptv-steel: #8B8680; --ptv-amber: #E8743C; --ptv-amber-dark: #C95A28; --ptv-amber-hover: #E0682D; --ptv-phosphor: #6FBF73; --ptv-navy: #243447; --ptv-font-display: 'Space Grotesk', system-ui, sans-serif; --ptv-font-body: 'Inter', system-ui, sans-serif; --ptv-font-mono: 'JetBrains Mono', ui-monospace, monospace; --ptv-ease: cubic-bezier(0.4, 0.0, 0.2, 1); --ptv-dur-fast: 200ms; --ptv-dur-base: 300ms; /* ── Dawn color variables → Potifiv values (RGB triplets) ── */ --color-background: 244, 239, 230; /* Cream Habitat #F4EFE6 */ --color-foreground: 26, 26, 26; /* Command Black #1A1A1A */ --color-border: 139, 134, 128; /* Steel Frame #8B8680 */ --color-button: 232, 116, 60; /* Atomic Amber #E8743C */ --color-button-text: 26, 26, 26; --color-secondary-button: 244, 239, 230; --color-secondary-button-text: 26, 26, 26; --color-card-background: 244, 239, 230; --color-card-border: 139, 134, 128; --color-overlay-header: 244, 239, 230; --color-header-text: 26, 26, 26; --color-drawer-background: 244, 239, 230; /* ── Dawn font variables — override family only, leave scale alone ── */ --font-body-family: 'Inter', system-ui, sans-serif; --font-body-style: normal; --font-body-weight: 400; --font-heading-family: 'Space Grotesk', system-ui, sans-serif; --font-heading-style: normal; --font-heading-weight: 500; /* ── Shape / radius ── */ --buttons-radius: 2px; --buttons-radius-outset: 2px; --inputs-radius: 2px; --inputs-radius-outset: 2px; --variant-pills-radius: 2px; --card-corner-radius: 0px; --popup-border-radius: 2px; --media-radius: 0px; /* ── No shadows ── */ --card-shadow-horizontal: 0px; --card-shadow-vertical: 0px; --card-shadow-blur: 0px; --card-shadow-opacity: 0; } /* ─────────────────────────────────────────────────────────────────────── 2. GLOBAL TYPOGRAPHY ─────────────────────────────────────────────────────────────────────── */ body { font-family: var(--ptv-font-body) !important; font-weight: 400; font-size: 1.6rem !important; line-height: 1.65 !important; color: var(--ptv-black) !important; background-color: var(--ptv-cream) !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .heading { font-family: var(--ptv-font-display) !important; font-weight: 500 !important; letter-spacing: -0.01em; line-height: 1.15; color: var(--ptv-black) !important; } h1, .h1 { font-size: 3.2rem !important; letter-spacing: -0.02em; } h2, .h2 { font-size: 2.4rem !important; letter-spacing: -0.01em; } h3, .h3 { font-size: 2.0rem !important; letter-spacing: 0; } h4, .h4 { font-size: 1.8rem !important; } p { font-size: 1.6rem !important; line-height: 1.65 !important; } .product__title { font-family: var(--ptv-font-display) !important; font-weight: 500 !important; font-size: 3.2rem !important; letter-spacing: -0.02em !important; line-height: 1.15 !important; } .product__description, .product__description p, .product__description li { font-family: var(--ptv-font-body) !important; font-size: 1.6rem !important; line-height: 1.7 !important; color: var(--ptv-black) !important; } /* Description strong tags → mono eyebrow style (classification lines) */ .product__description strong, .product__description b { font-family: var(--ptv-font-mono) !important; font-size: 1.1rem !important; font-weight: 500 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: var(--ptv-steel) !important; display: block; margin-bottom: 12px; } /* H3 inside description → Module headings */ .product__description h3, .product__description h4 { font-family: var(--ptv-font-display) !important; font-size: 2.0rem !important; font-weight: 500 !important; letter-spacing: -0.01em !important; margin-top: 32px; margin-bottom: 8px; color: var(--ptv-black) !important; } .product__vendor { font-family: var(--ptv-font-mono) !important; font-size: 1.2rem !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: var(--ptv-steel) !important; margin-bottom: 10px; } /* Price — mono technical readout */ .price, .price__regular, .price__sale, .price-item, [data-price] { font-family: var(--ptv-font-mono) !important; font-size: 1.8rem !important; font-weight: 500 !important; letter-spacing: 0.02em; color: var(--ptv-black) !important; } .header__menu-item, .header__menu-item a, .list-menu__item, .header__menu a { font-family: var(--ptv-font-mono) !important; font-size: 1.3rem !important; font-weight: 500 !important; letter-spacing: 0.07em !important; text-transform: uppercase !important; color: var(--ptv-black) !important; text-decoration: none; transition: color var(--ptv-ease) var(--ptv-dur-fast); } .header__menu-item:hover a, .header__menu-item a:hover, .list-menu__item:hover a { color: var(--ptv-amber) !important; } .title, .section-header__title, .multicolumn__heading, [class*="__title"] { font-family: var(--ptv-font-display) !important; font-weight: 500 !important; } /* ─────────────────────────────────────────────────────────────────────── 3. SITE HEADER ─────────────────────────────────────────────────────────────────────── */ .header { background-color: var(--ptv-cream) !important; border-bottom: 1px solid rgba(139, 134, 128, 0.25) !important; min-height: 68px; } .header__heading-link, .header__heading a { font-family: var(--ptv-font-mono) !important; font-size: 1.3rem !important; font-weight: 500 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: var(--ptv-black) !important; } /* ─────────────────────────────────────────────────────────────────────── 4. BUTTONS ─────────────────────────────────────────────────────────────────────── */ .button, .button--primary, .shopify-payment-button__button--branded, form[action="/cart/add"] .button, .product-form__submit { background-color: var(--ptv-amber) !important; color: var(--ptv-black) !important; border: none !important; border-radius: 2px !important; font-family: var(--ptv-font-mono) !important; font-size: 1.3rem !important; font-weight: 500 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; padding: 16px 32px !important; transition: background-color var(--ptv-ease) var(--ptv-dur-fast) !important; box-shadow: none !important; } /* Override add-to-cart button label text via pseudo — Dawn renders the text inside a so we hide the span and inject via ::after */ .product-form__submit > span:first-child { font-size: 0 !important; /* hide original text */ letter-spacing: 0 !important; } .product-form__submit > span:first-child::after { content: 'SECURE SPECIMEN'; font-family: var(--ptv-font-mono) !important; font-size: 1.3rem !important; letter-spacing: 0.1em !important; font-weight: 500 !important; } /* Sold-out state */ .product-form__submit[disabled] > span:first-child::after { content: 'RESERVES DEPLETED'; } .button:hover, .button--primary:hover, .product-form__submit:hover { background-color: var(--ptv-amber-hover) !important; color: var(--ptv-black) !important; } .button:active, .button--primary:active, .product-form__submit:active { background-color: var(--ptv-amber-dark) !important; } .button:disabled, .button--primary:disabled, .product-form__submit:disabled { background-color: var(--ptv-steel) !important; color: rgba(139, 134, 128, 0.5) !important; cursor: not-allowed; } .button--secondary { background-color: transparent !important; color: var(--ptv-black) !important; border: 1.5px solid var(--ptv-black) !important; border-radius: 2px !important; font-family: var(--ptv-font-mono) !important; font-size: 1.3rem !important; font-weight: 500 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; padding: 14px 30px !important; transition: background-color var(--ptv-ease) var(--ptv-dur-fast), color var(--ptv-ease) var(--ptv-dur-fast) !important; } .button--secondary:hover { background-color: var(--ptv-black) !important; color: var(--ptv-cream) !important; } .button--tertiary, .link, a.link { color: var(--ptv-amber) !important; text-decoration: underline; text-decoration-color: var(--ptv-amber); text-underline-offset: 4px; } .button--tertiary:hover, a.link:hover { text-decoration-thickness: 2px; color: var(--ptv-amber-dark) !important; } .product-form .shopify-payment-button { border-radius: 2px !important; } .shopify-payment-button__button--unbranded { background-color: var(--ptv-navy) !important; border-radius: 2px !important; font-family: var(--ptv-font-mono) !important; font-size: 1.3rem !important; font-weight: 500 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; } /* ─────────────────────────────────────────────────────────────────────── 5. PRODUCT CARDS ─────────────────────────────────────────────────────────────────────── */ .card-wrapper, .card, .product-card { border-radius: 0 !important; box-shadow: none !important; } .card__inner { border-radius: 0 !important; } .card__information { padding: 24px !important; } .card__heading, .card__heading a { font-family: var(--ptv-font-display) !important; font-weight: 500 !important; font-size: 1.8rem !important; color: var(--ptv-black) !important; text-decoration: none !important; } .card-wrapper:hover .card, .card:hover { border-color: rgba(139, 134, 128, 0.8) !important; transform: translateY(-4px); transition: transform var(--ptv-ease) var(--ptv-dur-fast), border-color var(--ptv-ease) var(--ptv-dur-fast); } .card-wrapper { transition: transform var(--ptv-ease) var(--ptv-dur-fast); } .card__vendor, .caption-with-letter-spacing { font-family: var(--ptv-font-mono) !important; font-size: 1.1rem !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: var(--ptv-steel) !important; } /* ─────────────────────────────────────────────────────────────────────── 6. STATUS PIP DOTS ─────────────────────────────────────────────────────────────────────── */ @keyframes ptv-pip-pulse { 0%, 100% { opacity: 0.7; } 50% { opacity: 1.0; } } .product__inventory, .inventory, [class*="inventory"] { display: flex !important; align-items: center !important; gap: 8px !important; font-family: var(--ptv-font-mono) !important; font-size: 1.2rem !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: var(--ptv-black) !important; } .product__inventory--available::before, [class*="inventory--available"]::before, .inventory--available::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--ptv-phosphor); box-shadow: 0 0 4px var(--ptv-phosphor); animation: ptv-pip-pulse 2s ease-in-out infinite; flex-shrink: 0; } .product__inventory--low::before, [class*="inventory--low"]::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--ptv-amber); flex-shrink: 0; } .product__inventory--unavailable::before, [class*="inventory--unavailable"]::before { content: ''; display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: var(--ptv-steel); flex-shrink: 0; } /* ─────────────────────────────────────────────────────────────────────── 7. FORM FIELDS ─────────────────────────────────────────────────────────────────────── */ .field__input, .customer .field__input, input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], input[type="search"], textarea, select { background-color: var(--ptv-cream) !important; border: 1.5px solid var(--ptv-steel) !important; border-radius: 2px !important; padding: 14px 16px !important; font-family: var(--ptv-font-body) !important; font-size: 1.6rem !important; color: var(--ptv-black) !important; transition: border-color var(--ptv-ease) var(--ptv-dur-fast) !important; } .field__input:focus, input:focus, textarea:focus, select:focus { border-color: var(--ptv-black) !important; box-shadow: 0 0 0 2px rgba(232, 116, 60, 0.15) !important; outline: none !important; } .field__label, label { font-family: var(--ptv-font-mono) !important; font-size: 1.1rem !important; font-weight: 500 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: var(--ptv-black) !important; } ::placeholder { font-family: var(--ptv-font-mono); font-size: 1.1rem; letter-spacing: 0.05em; text-transform: uppercase; color: rgba(139, 134, 128, 0.7) !important; } /* ─────────────────────────────────────────────────────────────────────── 8. SECTION DIVIDERS ─────────────────────────────────────────────────────────────────────── */ .section-header:not(.shopify-section-group-header-group), .collection-description { border-top: 1px solid rgba(139, 134, 128, 0.4); padding-top: 40px; } hr { border: none; border-top: 1px solid rgba(139, 134, 128, 0.4); margin: 40px 0; } /* ─────────────────────────────────────────────────────────────────────── 9. VARIANT PILLS & SWATCHES ─────────────────────────────────────────────────────────────────────── */ /* Color swatch circles — sized, bordered, hover/selected states */ .swatch-input__button, .color-swatch, [data-swatch] { width: 28px !important; height: 28px !important; border-radius: 50% !important; border: 2px solid transparent !important; outline-offset: 2px !important; cursor: pointer; transition: border-color var(--ptv-ease) var(--ptv-dur-fast), transform var(--ptv-ease) var(--ptv-dur-fast) !important; } .swatch-input__button:hover, .color-swatch:hover { transform: scale(1.1); border-color: var(--ptv-steel) !important; } /* Selected state — black ring */ .swatch-input__button:checked, .swatch-input__button[aria-checked="true"], .color-swatch--selected, .swatch-input__button.swatch-input__button--selected { border-color: var(--ptv-black) !important; box-shadow: 0 0 0 1px var(--ptv-black) !important; } /* Dawn native variant pills (non-color) */ .variant-input-wrap .variant__button, .variant-pills__input:checked + .variant-pills__label, .variant-pills__label { border-radius: 2px !important; font-family: var(--ptv-font-mono) !important; font-size: 1.2rem !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; } .variant-pills__input:checked + .variant-pills__label { background-color: var(--ptv-black) !important; color: var(--ptv-cream) !important; border-color: var(--ptv-black) !important; } /* Variant option group label — e.g. "Color", "Light" */ .product-form__input > .form__label, .product-form__option .form__label { font-family: var(--ptv-font-mono) !important; font-size: 1.1rem !important; font-weight: 500 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: var(--ptv-steel) !important; } /* ─────────────────────────────────────────────────────────────────────── 10. JUDGE.ME WIDGET RESTYLE ─────────────────────────────────────────────────────────────────────── */ :root { --jdgm-primary-color: #E8743C; --jdgm-star-color: #E8743C; --jdgm-star-bg-color: rgba(139, 134, 128, 0.15); --jdgm-link-color: #E8743C; --jdgm-font-family: 'Inter', system-ui, sans-serif; --jdgm-heading-font: 'Space Grotesk', system-ui, sans-serif; --jdgm-badge-bg: #E8743C; --jdgm-badge-color: #1A1A1A; } .jdgm-star, .jdgm-star-rating, .jdgm-prev-badge, .jdgm-prev-badge__stars { color: var(--ptv-amber) !important; } .jdgm-write-rev-link, .jdgm-all-reviews-link, .jdgm-paginate a, .jdgm-rev__author a { color: var(--ptv-amber) !important; } .jdgm-rev__body, .jdgm-rev-widg__summary, .jdgm-rev__title { font-family: var(--ptv-font-body) !important; font-size: 1.5rem !important; color: var(--ptv-black) !important; } .jdgm-rev__author, .jdgm-rev__timestamp { font-family: var(--ptv-font-mono) !important; font-size: 1.2rem !important; letter-spacing: 0.06em !important; color: var(--ptv-steel) !important; } /* Reviews section header — "Customer Reviews" → brand voice override */ .jdgm-widget .jdgm-rev-widg__title, .jdgm-heading, .jdgm-rev-widg__title { font-family: var(--ptv-font-mono) !important; font-size: 1.2rem !important; font-weight: 500 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: var(--ptv-steel) !important; } /* Prepend em-dash section label */ .jdgm-rev-widg__title::before { content: '— '; } .jdgm-rev-widg__title::after { content: ' —'; } .jdgm-write-rev-link, .jdgm-rev-widg__write-rev-btn { background-color: transparent !important; color: var(--ptv-black) !important; border: 1.5px solid var(--ptv-black) !important; border-radius: 2px !important; font-family: var(--ptv-font-mono) !important; font-size: 1.2rem !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; padding: 10px 20px !important; text-decoration: none !important; transition: background-color var(--ptv-ease) var(--ptv-dur-fast) !important; } .jdgm-write-rev-link:hover, .jdgm-rev-widg__write-rev-btn:hover { background-color: var(--ptv-black) !important; color: var(--ptv-cream) !important; } .jdgm-histogram__bar-val { background-color: var(--ptv-amber) !important; border-radius: 1px !important; } .jdgm-histogram__bar { background-color: rgba(139, 134, 128, 0.2) !important; border-radius: 1px !important; } .jdgm-rev__badges .jdgm-badge { background: rgba(111, 191, 115, 0.15) !important; color: #3a8c3e !important; border: 1px solid rgba(111, 191, 115, 0.4) !important; border-radius: 2px !important; font-family: var(--ptv-font-mono) !important; font-size: 1.1rem !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; } /* ─────────────────────────────────────────────────────────────────────── 11. COLLAPSIBLE TABS (PDP accordion) ─────────────────────────────────────────────────────────────────────── */ .accordion__title, .accordion .icon-accordion { font-family: var(--ptv-font-mono) !important; font-size: 1.2rem !important; font-weight: 500 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: var(--ptv-black) !important; } .accordion__content, .accordion__content p, .accordion__content li, .accordion__content ul { font-family: var(--ptv-font-body) !important; font-size: 1.5rem !important; line-height: 1.7 !important; color: var(--ptv-black) !important; } .accordion { border-top: 1px solid rgba(139, 134, 128, 0.35); border-bottom: 1px solid rgba(139, 134, 128, 0.35); } .accordion + .accordion { border-top: none; } /* Tab trigger hover state */ .accordion__title:hover { color: var(--ptv-amber) !important; } /* ─────────────────────────────────────────────────────────────────────── 12. HERO SECTION ─────────────────────────────────────────────────────────────────────── */ .banner__heading, .slideshow__heading, .image-banner__heading { font-family: var(--ptv-font-display) !important; font-weight: 500 !important; font-size: 3.6rem !important; letter-spacing: -0.02em !important; line-height: 1.1 !important; color: var(--ptv-black) !important; } .video__text .title, .video-section__heading { font-family: var(--ptv-font-display) !important; font-weight: 500 !important; font-size: 3.2rem !important; letter-spacing: -0.02em !important; } .ptv-eyebrow, .eyebrow, [class*="eyebrow"] { font-family: var(--ptv-font-mono) !important; font-size: 1.2rem !important; font-weight: 500 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: var(--ptv-steel) !important; line-height: 1.4 !important; } .banner__content { max-width: 640px; } /* Subheading in hero → used as eyebrow */ .banner__subheading, .banner__box > p:first-of-type { font-family: var(--ptv-font-mono) !important; font-size: 1.2rem !important; font-weight: 500 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: var(--ptv-steel) !important; margin-bottom: 16px; } /* Video section description field → used as eyebrow transmission line */ .video__description, .deferred-media ~ .video__description, .global-media-settings + .video__description { font-family: var(--ptv-font-mono) !important; font-size: 1.1rem !important; font-weight: 500 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: var(--ptv-steel) !important; margin-top: 12px; margin-bottom: 0; } /* ─────────────────────────────────────────────────────────────────────── 13. PDP SPECIFICS ─────────────────────────────────────────────────────────────────────── */ .product__policies { font-family: var(--ptv-font-mono) !important; font-size: 1.2rem !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; color: var(--ptv-steel) !important; } /* Icon-with-text trust band */ .icon-with-text__heading { font-family: var(--ptv-font-mono) !important; font-size: 1.2rem !important; font-weight: 500 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; color: var(--ptv-black) !important; } /* Quantity stepper */ .quantity__button, .quantity__input { border-radius: 2px !important; border-color: var(--ptv-steel) !important; font-family: var(--ptv-font-mono) !important; font-size: 1.5rem !important; } .quantity { border-radius: 2px !important; border: 1.5px solid var(--ptv-steel) !important; } .product-details__content, .product-details__content p, .tab-content, .tab-content p { font-family: var(--ptv-font-body) !important; font-size: 1.6rem !important; line-height: 1.7 !important; } /* ─────────────────────────────────────────────────────────────────────── 14. RELATED PRODUCTS / CROSS-SELL ─────────────────────────────────────────────────────────────────────── */ .related-products .title, .complementary-products .title, [class*="related"] .title { font-family: var(--ptv-font-mono) !important; font-size: 1.2rem !important; font-weight: 500 !important; letter-spacing: 0.12em !important; text-transform: uppercase !important; color: var(--ptv-steel) !important; position: relative; padding: 0 12px; } /* Em-dash framing on related products heading */ .related-products .title::before, .complementary-products .title::before { content: '— '; } .related-products .title::after, .complementary-products .title::after { content: ' —'; } /* ─────────────────────────────────────────────────────────────────────── 15. MULTICOLUMN (product band) ─────────────────────────────────────────────────────────────────────── */ .multicolumn-card__title, .multicolumn-card .card__heading { font-family: var(--ptv-font-display) !important; font-weight: 500 !important; font-size: 1.8rem !important; } .multicolumn__heading { font-family: var(--ptv-font-display) !important; font-weight: 500 !important; font-size: 2.8rem !important; } /* Multicolumn card link → mono uppercase classification label */ .multicolumn-card__info a { font-family: var(--ptv-font-mono) !important; font-size: 1.1rem !important; font-weight: 500 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: var(--ptv-amber) !important; text-decoration: none !important; text-underline-offset: 3px; transition: color var(--ptv-ease) var(--ptv-dur-fast); } .multicolumn-card__info a:hover { color: var(--ptv-amber-dark) !important; text-decoration: underline !important; } /* ─────────────────────────────────────────────────────────────────────── 16. FOOTER ─────────────────────────────────────────────────────────────────────── */ .footer, .site-footer { background-color: var(--ptv-black) !important; color: var(--ptv-cream) !important; } .footer .footer__heading, .footer__heading { font-family: var(--ptv-font-mono) !important; font-size: 1.2rem !important; font-weight: 500 !important; letter-spacing: 0.1em !important; text-transform: uppercase !important; color: var(--ptv-cream) !important; } .footer a, .footer .link, .footer__list a { font-family: var(--ptv-font-mono) !important; font-size: 1.4rem !important; letter-spacing: 0.05em !important; color: rgba(244, 239, 230, 0.7) !important; text-decoration: none; transition: color var(--ptv-ease) var(--ptv-dur-fast); } .footer a:hover, .footer .link:hover { color: var(--ptv-amber) !important; } /* ─────────────────────────────────────────────────────────────────────── 17. CART DRAWER ─────────────────────────────────────────────────────────────────────── */ .cart-drawer { background-color: var(--ptv-cream) !important; } .cart-drawer__header, .drawer__header { border-bottom: 1px solid rgba(139, 134, 128, 0.25) !important; } .cart-drawer__heading, .drawer__heading { font-family: var(--ptv-font-display) !important; font-weight: 500 !important; font-size: 2.0rem !important; color: var(--ptv-black) !important; } .cart-item__details .cart-item__name { font-family: var(--ptv-font-body) !important; font-size: 1.5rem !important; color: var(--ptv-black) !important; } .cart-item__price, .cart-item .price { font-family: var(--ptv-font-mono) !important; font-size: 1.5rem !important; color: var(--ptv-black) !important; } /* Empty cart state — Potifiv voice */ .cart__empty-text { font-family: var(--ptv-font-mono) !important; font-size: 1.4rem !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; color: var(--ptv-steel) !important; font-size: 0 !important; /* hide original */ } .cart__empty-text::before { content: 'No specimens in transit.'; font-family: var(--ptv-font-mono) !important; font-size: 1.4rem !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; color: var(--ptv-steel) !important; display: block; } .cart-drawer--empty .cart-drawer__heading, .cart-notification__heading { font-family: var(--ptv-font-display) !important; font-weight: 500 !important; font-size: 2.0rem !important; } /* ─────────────────────────────────────────────────────────────────────── 18. ANNOUNCEMENT BAR ─────────────────────────────────────────────────────────────────────── */ .announcement-bar { background-color: var(--ptv-navy) !important; } .announcement-bar__message, .announcement-bar p { font-family: var(--ptv-font-mono) !important; font-size: 1.2rem !important; font-weight: 500 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; color: var(--ptv-cream) !important; } /* ─────────────────────────────────────────────────────────────────────── 19. BADGES & SALE TAGS ─────────────────────────────────────────────────────────────────────── */ .badge, .product__badge, .card__badge { background-color: var(--ptv-amber) !important; color: var(--ptv-black) !important; border-radius: 2px !important; font-family: var(--ptv-font-mono) !important; font-size: 1.0rem !important; font-weight: 500 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; padding: 4px 8px !important; } .badge--sale, .badge--on-sale { background-color: var(--ptv-steel) !important; color: var(--ptv-cream) !important; } .badge--sold-out { background-color: var(--ptv-steel) !important; color: var(--ptv-cream) !important; } /* ─────────────────────────────────────────────────────────────────────── 20. MOTION ─────────────────────────────────────────────────────────────────────── */ body { animation: ptv-page-enter 400ms var(--ptv-ease) both; } @keyframes ptv-page-enter { from { opacity: 0; } to { opacity: 1; } } [data-parallax], .parallax { transform: none !important; } /* ─────────────────────────────────────────────────────────────────────── 21. Z-INDEX STACK + STICKY NAV FIX ─────────────────────────────────────────────────────────────────────── */ .shopify-section-group-header-group, .section-header.shopify-section-group-header-group { z-index: 200 !important; top: 0 !important; background-color: var(--ptv-cream) !important; } .shopify-section-header-hidden { top: 0 !important; } .shopify-section-header-sticky { z-index: 200 !important; top: 0 !important; } .cart-drawer, .drawer { z-index: 190 !important; } .predictive-search { z-index: 190 !important; } .modal-overlay, .overlay, .drawer-overlay { z-index: 180 !important; } .disclosure-has-popup[open] > summary + * { z-index: 195 !important; } /* ─────────────────────────────────────────────────────────────────────── 22. HOMEPAGE SECTIONS — Program Tease + Email Capture ─────────────────────────────────────────────────────────────────────── */ /* Program tease rich-text — caption eyebrow override */ #shopify-section-ptv-program-tease .rich-text__caption, #shopify-section-ptv-program-tease p.caption-with-letter-spacing { font-family: var(--ptv-font-mono) !important; font-size: 1.1rem !important; font-weight: 500 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: var(--ptv-steel) !important; margin-bottom: 20px; } /* Program tease heading — larger display size */ #shopify-section-ptv-program-tease h2.rich-text__heading { font-family: var(--ptv-font-display) !important; font-weight: 500 !important; font-size: 4.0rem !important; letter-spacing: -0.02em !important; line-height: 1.1 !important; max-width: 720px; margin-left: auto; margin-right: auto; } /* Program tease body — Inter body size */ #shopify-section-ptv-program-tease .rich-text__text p { font-family: var(--ptv-font-body) !important; font-size: 1.6rem !important; line-height: 1.7 !important; color: rgba(26, 26, 26, 0.8) !important; max-width: 560px; margin-left: auto; margin-right: auto; } /* Thin top border to separate from catalog band */ #shopify-section-ptv-program-tease { border-top: 1px solid rgba(139, 134, 128, 0.25); } /* Email capture newsletter band — console navy background */ #shopify-section-ptv-email-capture .newsletter__wrapper { background-color: var(--ptv-navy) !important; } /* Email band heading — cream on navy */ #shopify-section-ptv-email-capture h2 { color: var(--ptv-cream) !important; font-family: var(--ptv-font-display) !important; font-weight: 500 !important; font-size: 3.2rem !important; letter-spacing: -0.02em !important; } /* Email band subtext — phosphor muted on navy */ #shopify-section-ptv-email-capture .newsletter__subheading p { color: rgba(244, 239, 230, 0.7) !important; font-family: var(--ptv-font-body) !important; font-size: 1.5rem !important; } /* Email input on navy background */ #shopify-section-ptv-email-capture .field__input { background-color: rgba(244, 239, 230, 0.08) !important; border-color: rgba(244, 239, 230, 0.3) !important; color: var(--ptv-cream) !important; } #shopify-section-ptv-email-capture .field__input:focus { border-color: var(--ptv-phosphor) !important; box-shadow: 0 0 0 2px rgba(111, 191, 115, 0.2) !important; } #shopify-section-ptv-email-capture .field__label { color: rgba(244, 239, 230, 0.7) !important; } #shopify-section-ptv-email-capture ::placeholder { color: rgba(244, 239, 230, 0.4) !important; } /* Submit arrow button inside newsletter — phosphor on navy */ #shopify-section-ptv-email-capture .newsletter-form__button { background-color: var(--ptv-phosphor) !important; color: var(--ptv-black) !important; border-radius: 2px !important; } #shopify-section-ptv-email-capture .newsletter-form__button:hover { background-color: #5aad5e !important; } /* Success / error messages on navy */ #shopify-section-ptv-email-capture .newsletter-form__message--success { color: var(--ptv-phosphor) !important; } /* ─────────────────────────────────────────────────────────────────────── 23. CHANDELIER COLLECTION PAGE ─────────────────────────────────────────────────────────────────────── */ /* Collection banner — title styling */ .template-collection .collection__title, .main-collection-banner .collection__title { font-family: var(--ptv-font-display) !important; font-weight: 500 !important; font-size: 4.0rem !important; letter-spacing: -0.02em !important; line-height: 1.1 !important; color: var(--ptv-black) !important; } /* Collection description — in-voice text */ .collection__description, .main-collection-banner .collection__description, .main-collection-banner .rte { font-family: var(--ptv-font-body) !important; font-size: 1.6rem !important; line-height: 1.7 !important; color: rgba(26, 26, 26, 0.75) !important; max-width: 640px; } /* Collection banner — console navy background */ .template-collection .shopify-section:first-child .color-background-1, #shopify-section-ptv-cdl-banner { background-color: var(--ptv-navy) !important; } #shopify-section-ptv-cdl-banner .collection__title { color: var(--ptv-cream) !important; } #shopify-section-ptv-cdl-banner .collection__description, #shopify-section-ptv-cdl-banner .rte, #shopify-section-ptv-cdl-banner .rte p { color: rgba(244, 239, 230, 0.75) !important; } /* Eyebrow above collection title — injected via pseudo on banner */ #shopify-section-ptv-cdl-banner .collection__title::before { content: 'LUMINAIRE SERIES · SECTOR 7-W'; display: block; font-family: var(--ptv-font-mono) !important; font-size: 1.1rem !important; font-weight: 500 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: rgba(244, 239, 230, 0.55) !important; margin-bottom: 16px; } /* Chandelier grid — larger cards, 1-column mobile */ #shopify-section-ptv-cdl-grid .card__heading, #shopify-section-ptv-cdl-grid .card__heading a { font-size: 2.0rem !important; } /* Ambient divider before rich-text section */ #shopify-section-ptv-cdl-rich-text { border-top: 1px solid rgba(139, 134, 128, 0.25); } /* Rich-text caption eyebrow on collection page */ #shopify-section-ptv-cdl-rich-text .rich-text__caption, #shopify-section-ptv-cdl-rich-text p.caption-with-letter-spacing { font-family: var(--ptv-font-mono) !important; font-size: 1.1rem !important; font-weight: 500 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: var(--ptv-steel) !important; margin-bottom: 20px; } /* Rich-text heading on collection page */ #shopify-section-ptv-cdl-rich-text h2.rich-text__heading { font-size: 3.2rem !important; letter-spacing: -0.02em !important; max-width: 600px; margin-left: auto; margin-right: auto; } /* Rich-text body */ #shopify-section-ptv-cdl-rich-text .rich-text__text p { max-width: 520px; margin-left: auto; margin-right: auto; color: rgba(26, 26, 26, 0.75) !important; } /* ─────────────────────────────────────────────────────────────────────── 24. 404 PAGE — "Coordinates Lost." ─────────────────────────────────────────────────────────────────────── */ .template-404 .page-width { text-align: center; padding-top: 80px; padding-bottom: 80px; } /* Hide Dawn's default 404 heading text, inject Potifiv voice */ .template-404 h1 { font-size: 0 !important; } .template-404 h1::before { content: 'Coordinates lost.'; font-family: var(--ptv-font-display) !important; font-weight: 500 !important; font-size: 4.8rem !important; letter-spacing: -0.02em !important; line-height: 1.1 !important; color: var(--ptv-black) !important; display: block; } /* Eyebrow above the heading */ .template-404 h1::after { content: 'ERROR · SECTOR UNKNOWN'; font-family: var(--ptv-font-mono) !important; font-size: 1.1rem !important; font-weight: 500 !important; letter-spacing: 0.14em !important; text-transform: uppercase !important; color: var(--ptv-steel) !important; display: block; margin-top: 16px; order: -1; } .template-404 .404__subtext, .template-404 p { font-family: var(--ptv-font-body) !important; font-size: 1.6rem !important; line-height: 1.7 !important; color: rgba(26, 26, 26, 0.75) !important; max-width: 480px; margin-left: auto; margin-right: auto; margin-top: 24px; } .template-404 .button { margin-top: 32px; } /* ─────────────────────────────────────────────────────────────────────── 25. EMPTY CART STATE — "No specimens in transit." ─────────────────────────────────────────────────────────────────────── */ /* Full cart page (not just drawer) */ .template-cart .cart__empty-text, .cart-empty__text, [class*="cart"][class*="empty"] p { font-family: var(--ptv-font-mono) !important; font-size: 0 !important; /* suppress original */ } .template-cart .cart__empty-text::before, .cart-empty__text::before { content: 'No specimens in transit.'; font-family: var(--ptv-font-mono) !important; font-size: 1.6rem !important; font-weight: 500 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; color: var(--ptv-steel) !important; display: block; } /* ─────────────────────────────────────────────────────────────────────── END OF POTIFIV DAWN OVERRIDES v2.5 Potifiv Command · Sector 7-W ─────────────────────────────────────────────────────────────────────── */