@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@300;400;500&display=swap'); /* ── NIGHT HOWL RECORDS — ECWID CUSTOM CSS ── */ /* 1. STOREFRONT WRAPPER */ .ecwid, .ecwid .ec-wrapper, .ecwid .ec-store, .ecwid .ec-store__content-wrapper { background-color: #111111 !important; font-family: 'DM Sans', sans-serif !important; color: #E8E4DA !important; } /* 2. PRODUCT GRID */ .ecwid .grid-product, .ecwid .ec-related-products .grid-product, .ecwid .product-list .grid-product { background-color: #2A2A2A !important; border: 0.5px solid rgba(232,228,218,0.1) !important; border-radius: 0 !important; transition: border-color 0.3s ease-out, transform 0.3s ease-out !important; } .ecwid .grid-product:hover { border-color: rgba(232,228,218,0.3) !important; transform: translateY(-2px) !important; } /* 3. PRODUCT IMAGE */ .ecwid .grid-product__image-wrap, .ecwid .product-details__gallery { background-color: #1A1A1A !important; overflow: hidden; } .ecwid .grid-product__image:hover { opacity: 0.85 !important; transition: opacity 0.35s ease-out !important; } /* 4. PRODUCT TITLE */ .ecwid .grid-product__title, .ecwid .grid-product__title-inner, .ecwid .product-details__product-title { font-family: 'DM Sans', sans-serif !important; font-weight: 500 !important; font-size: 13px !important; color: #E8E4DA !important; letter-spacing: 0.04em; text-transform: uppercase; line-height: 1.4; } /* 5. PRICE — blood red, commanding */ .ecwid .grid-product__price, .ecwid .grid-product__price .price-value, .ecwid .product-details__product-price, .ecwid .product-details__product-price .price-value, .ecwid .ec-price, .ecwid .ec-price span { font-family: 'Playfair Display', serif !important; font-weight: 700 !important; font-size: 16px !important; color: #9B1B1B !important; letter-spacing: -0.01em; } /* 6. SALE / COMPARE PRICE */ .ecwid .grid-product__price--compare, .ecwid .product-details__product-price--compare { color: rgba(232,228,218,0.35) !important; text-decoration: line-through; font-size: 12px !important; font-family: 'DM Sans', sans-serif !important; font-weight: 400 !important; } /* 7. ADD TO CART BUTTON */ .ecwid .btn.btn-default, .ecwid .btn-primary, .ecwid .ec-cart-widget__button, .ecwid .product-details__actions .btn, .ecwid .form-control__button, .ecwid .details-product-purchase__add-more { font-family: 'DM Sans', sans-serif !important; font-weight: 500 !important; font-size: 11px !important; letter-spacing: 0.12em; text-transform: uppercase; background-color: #9B1B1B !important; color: #E8E4DA !important; border: none !important; border-radius: 0 !important; padding: 13px 24px !important; transition: background-color 0.3s ease-out !important; } .ecwid .btn.btn-default:hover, .ecwid .btn-primary:hover, .ecwid .product-details__actions .btn:hover { background-color: #7C3D20 !important; } /* 8. SECONDARY / OUTLINE BUTTONS */ .ecwid .btn-outline, .ecwid .btn.btn-secondary { background-color: transparent !important; border: 0.5px solid rgba(232,228,218,0.3) !important; color: #E8E4DA !important; font-family: 'DM Sans', sans-serif !important; font-size: 11px !important; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 0 !important; transition: border-color 0.3s ease-out !important; } .ecwid .btn-outline:hover { border-color: #E8E4DA !important; } /* 9. CATEGORY / FILTER BAR */ .ecwid .ec-filters, .ecwid .ec-filters__item, .ecwid .pager, .ecwid .breadcrumbs { background-color: #111111 !important; border-color: rgba(232,228,218,0.1) !important; } .ecwid .ec-filters__item, .ecwid .ec-filters__title, .ecwid .breadcrumbs a, .ecwid .breadcrumbs span { font-family: 'DM Sans', sans-serif !important; font-size: 11px !important; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(232,228,218,0.6) !important; transition: color 0.3s ease-out !important; } .ecwid .ec-filters__item:hover, .ecwid .ec-filters__item--active { color: #E8E4DA !important; } .ecwid .ec-filters__item--active { border-bottom: 1px solid #9B1B1B !important; } /* 10. PRODUCT DETAIL PAGE */ .ecwid .product-details, .ecwid .product-details__description, .ecwid .product-details__description * { font-family: 'DM Sans', sans-serif !important; color: #E8E4DA !important; background-color: #111111 !important; line-height: 1.7; } .ecwid .product-details__product-title { font-family: 'Playfair Display', serif !important; font-weight: 900 !important; font-size: 28px !important; letter-spacing: -0.02em; text-transform: uppercase; color: #E8E4DA !important; } /* 11. SIZE / VARIANT SELECTORS */ .ecwid .ec-radiogroup__item, .ecwid .form-control.form-control--select, .ecwid select { background-color: #2A2A2A !important; border: 0.5px solid rgba(232,228,218,0.2) !important; color: #E8E4DA !important; font-family: 'DM Sans', sans-serif !important; border-radius: 0 !important; } .ecwid .ec-radiogroup__item:hover, .ecwid .ec-radiogroup__item--selected { border-color: #9B1B1B !important; } /* 12. CART */ .ecwid .ec-cart, .ecwid .ec-cart__body, .ecwid .ec-cart-item { background-color: #111111 !important; color: #E8E4DA !important; border-color: rgba(232,228,218,0.1) !important; } .ecwid .ec-cart-item__title { font-family: 'DM Sans', sans-serif !important; font-weight: 500 !important; color: #E8E4DA !important; letter-spacing: 0.04em; text-transform: uppercase; font-size: 12px !important; } .ecwid .ec-cart-item__price, .ecwid .ec-cart__summary-total { font-family: 'Playfair Display', serif !important; color: #9B1B1B !important; font-weight: 700 !important; } /* 13. SEARCH BAR */ .ecwid .ec-search, .ecwid .ec-search__input { background-color: #2A2A2A !important; border: 0.5px solid rgba(232,228,218,0.15) !important; color: #E8E4DA !important; font-family: 'DM Sans', sans-serif !important; border-radius: 0 !important; } .ecwid .ec-search__input::placeholder { color: rgba(232,228,218,0.35) !important; } /* 14. FORM INPUTS (checkout) */ .ecwid input[type="text"], .ecwid input[type="email"], .ecwid input[type="tel"], .ecwid textarea { background-color: #2A2A2A !important; border: 0.5px solid rgba(232,228,218,0.2) !important; border-radius: 0 !important; color: #E8E4DA !important; font-family: 'DM Sans', sans-serif !important; } .ecwid input:focus, .ecwid textarea:focus { border-color: #9B1B1B !important; outline: none !important; box-shadow: none !important; } /* 15. FOOTER / LEGAL LINKS IN ECWID */ .ecwid .ec-footer, .ecwid .ec-footer a { color: rgba(232,228,218,0.3) !important; font-size: 10px !important; font-family: 'DM Sans', sans-serif !important; }

top of page