:root {
	--td-ink:#171714; --td-paper:#F6F1E8; --td-paper-light:#FBFAF7; --td-paper-dark:#E9E3D8;
	--td-ink-90:#2B2B28; --td-ink-70:#4A4A46; --td-ink-50:#73736F; --td-ink-20:#C8C7C1;
	--td-print:#3CD9AC; --td-records:#D55353; --td-press:#E0943D; --td-dist:#9477C6; --td-design:#4FA4E6;
	--active-brand-color:var(--td-dist);
	--color-text-primary:var(--td-ink); --color-text-secondary:var(--td-ink-70); --color-text-muted:var(--td-ink-50);
	--color-background:var(--td-paper); --color-surface:var(--td-paper-light); --color-surface-alt:var(--td-paper-dark);
	--color-border:var(--td-ink-20); --color-border-strong:var(--td-ink);
	--color-action-primary:var(--td-ink); --color-action-primary-text:var(--td-paper); --color-action-secondary:var(--td-paper);
	--color-link:var(--td-ink-70); --color-focus:var(--td-design);
	--color-success:var(--td-print); --color-warning:var(--td-press); --color-danger:var(--td-records); --color-info:var(--td-design);
	--color-accent-print:var(--td-print); --color-accent-records:var(--td-records); --color-accent-press:var(--td-press); --color-accent-dist:var(--td-dist); --color-accent-design:var(--td-design);
}

body {
	font-family: "Roboto", sans-serif /*{body-font-family}*/;
	font-size: 14px /*{body-font-size}*/;
	color: var(--color-text-primary) /*{body-font-colour}*/;
	background-image:none /*{body-background-image}*/;
	background-color: var(--color-background) /*{body-background-colour}*/;
}

a, .btn-link{
	color: var(--color-link) /*{link-text-colour}*/;
}
a:hover, a:active, a:focus, .btn-link:hover{
	color: var(--color-text-primary) /*{link-text-hover-colour}*/;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
	font-family: "Roboto", sans-serif /*{headers-font-family}*/;
	color: var(--color-text-primary) /*{headers-colour}*/;
}

.carousel-caption h3, .carousel-caption h2,.carousel-caption .h3,.carousel-caption p {
	color: #fff /*{carousel-text-colour}*/;
}

h1, .h1 {
	font-size: 25.249px /*{header-1-font-size}*/;
}
h2, .h2 {
	font-size: 20px /*{header-2-font-size}*/;
}
h3, .h3 {
	font-size: 17.375px /*{header-3-font-size}*/;
}
h4, .h4 {
	font-size: 14.75px /*{header-4-font-size}*/;
}
h5, .h5 {
	font-size: 12.124px /*{header-5-font-size}*/;
}
/* Secondary button */
.btn-outline-secondary, .btn-default {
	color: #333 /*{buttons | btn-default-text-colour}*/;
	background-color: #fff /*{buttons | btn-default-background-colour}*/;
	border-color: #ccc /*{buttons | btn-default-border-colour}*/;
}
.btn-outline-secondary:hover, .btn-default:hover{
	color: #333 /*{buttons | btn-default-text-colour-hover}*/;
	background-color: #ebebeb /*{buttons | btn-default-background-colour-hover}*/;
	border-color: #adadad /*{buttons | btn-default-border-colour-hover}*/;
}
.btn-outline-secondary.disabled, .btn-default:disabled {
	color: #333 /*{buttons | btn-default-text-colour-hover}*/;
	background-color: #ebebeb /*{buttons | btn-default-background-colour-hover}*/;
	border-color: #adadad /*{buttons | btn-default-border-colour-hover}*/;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle,
.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle {
	color: #333 /*{buttons | btn-default-text-colour-hover}*/;
	background-color: #ebebeb /*{buttons | btn-default-background-colour-hover}*/;
	border-color: #adadad /*{buttons | btn-default-border-colour-hover}*/;
}
/* Primary button */
.btn-primary {
	color: var(--color-action-primary-text) /*{buttons | btn-primary-text-colour}*/;
	background-color: var(--color-action-primary) /*{buttons | btn-primary-background-colour}*/;
	border-color: var(--color-action-primary) /*{buttons | btn-primary-border-colour}*/;
}
.btn-primary:hover {
	color: #fff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: #333333 /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: #333333 /*{buttons | btn-primary-border-colour-hover}*/;
}
.btn-primary.disabled, .btn-primary:disabled {
	color: #fff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color:  #111111 /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: #111111  /*{buttons | btn-primary-border-colour-hover}*/;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	color: #fff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: #111111 /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: #111111  /*{buttons | btn-primary-border-colour-hover}*/;
}
/* Warning button */
.btn-warning {
	color: var(--td-ink) /*{buttons | btn-warning-text-colour}*/;
	background-color: var(--color-warning) /*{buttons | btn-warning-background-colour}*/;
	border-color: var(--color-warning) /*{buttons | btn-warning-border-colour}*/;
}
.btn-warning:hover {
	color: #fff /*{buttons | btn-warning-text-colour-hover}*/;
	background-color: #e0a800 /*{buttons | btn-warning-background-colour-hover}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour-hover}*/;
}
.btn-warning.disabled, .btn-warning:disabled {
	color: #fff /*{buttons | btn-warning-text-colour-hover}*/;
	background-color:  #e0a800 /*{buttons | btn-warning-background-colour-hover}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour-hover}*/;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
	color: #fff /*{buttons | btn-warning-text-colour-hover}*/;
	background-color: #e0a800 /*{buttons | btn-warning-background-colour-hover}*/;
	border-color: #ffc107 /*{buttons | btn-warning-border-colour-hover}*/;
}
/* Danger button */
.btn-danger {
	color: var(--td-ink) /*{buttons | btn-danger-text-colour}*/;
	background-color: var(--color-danger) /*{buttons | btn-danger-background-colour}*/;
	border-color: var(--color-danger) /*{buttons | btn-danger-border-colour}*/;
}
.btn-danger:hover {
	color: #fff /*{buttons | btn-danger-text-colour-hover}*/;
	background-color: #f9badd /*{buttons | btn-danger-background-colour-hover}*/;
	border-color: #f9badd /*{buttons | btn-danger-border-colour-hover}*/;
}
.btn-danger.disabled, .btn-danger:disabled {
	color: #fff /*{buttons | btn-danger-text-colour-hover}*/;
	background-color:  #f9badd /*{buttons | btn-danger-background-colour-hover}*/;
	border-color: #f9badd /*{buttons | btn-danger-border-colour-hover}*/;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
	color: #fff /*{buttons | btn-danger-text-colour-hover}*/;
	background-color: #f9badd /*{buttons | btn-danger-background-colour-hover}*/;
	border-color: #f9badd /*{buttons | btn-danger-border-colour-hover}*/;
}
/* Success button */
.btn-success {
	color: var(--td-ink) /*{buttons | btn-success-text-colour}*/;
	background-color: var(--color-success) /*{buttons | btn-success-background-colour}*/;
	border-color: var(--color-success) /*{buttons | btn-success-border-colour}*/;
}
.btn-success:hover {
	color: #fff /*{buttons | btn-success-text-colour-hover}*/;
	background-color: #4a56f1 /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #4a56f1 /*{buttons | btn-success-border-colour-hover}*/;
}
.btn-success.disabled, .btn-success:disabled {
	color: #fff /*{buttons | btn-success-text-colour-hover}*/;
	background-color:  #6c74d6 /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #6c74d6 /*{buttons | btn-success-border-colour-hover}*/;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle, .btn-success:focus {
	color: #fff /*{buttons | btn-success-text-colour-hover}*/;
	background-color: #6c74d6 /*{buttons | btn-success-background-colour-hover}*/;
	border-color: #6c74d6 /*{buttons | btn-success-border-colour-hover}*/;
}
/* Info button */
.btn-info {
	color: var(--td-ink) /*{buttons | btn-info-text-colour}*/;
	background-color: var(--color-info) /*{buttons | btn-info-background-colour}*/;
	border-color: var(--color-info) /*{buttons | btn-info-border-colour}*/;
}
.btn-info:hover {
	color: #333 /*{buttons | btn-info-text-colour-hover}*/;
	background-color: #FFFFFF /*{buttons | btn-info-background-colour-hover}*/;
	border-color: var(--td-ink-70) /*{buttons | btn-info-border-colour-hover}*/;
}
.btn-info.disabled, .btn-info:disabled {
	color: var(--td-ink-70) /*{buttons | btn-info-text-colour-hover}*/;
	background-color: var(--td-paper-light) /*{buttons | btn-info-background-colour-hover}*/;
	border-color: var(--td-ink-70) /*{buttons | btn-info-border-colour-hover}*/;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
	color: var(--td-ink) /*{buttons | btn-info-text-colour-hover}*/;
	background-color: var(--td-paper-dark) /*{buttons | btn-info-background-colour-hover}*/;
	border-color: var(--td-ink) /*{buttons | btn-info-border-colour-hover}*/;
}

.breadcrumb-item + .breadcrumb-item::before {
	color: #666666 /*{breadcrumb-text-colour}*/;
}

.breadcrumb > .active,
.breadcrumb a {
	color: #666666 /*{breadcrumb-text-colour}*/;
}

.pagination .page-link{
	color: #333333 /*{pagination-text-colour}*/;
	background-color: #fff /*{pagination-bg-colour}*/;
	border-color: #dee2e6 /*{pagination-border-colour}*/;
}
.pagination .page-link:hover,
.pagination .page-link:focus{
	color: #004ca9 /*{pagination-text-colour-hover}*/;
	background-color: #e9ecef /*{pagination-bg-colour-hover}*/;
	border-color: #dee2e6 /*{pagination-border-colour-hover}*/;
}
.pagination .active .page-link,
.pagination .active .page-link:hover,
.pagination .active .page-link:focus {
	color: #fff /*{pagination-text-colour-active}*/;
	background-color: #333333 /*{pagination-bg-colour-active}*/;
	border-color: #333333 /*{pagination-border-colour-active}*/;
}

.badge-secondary {
	background-color: #ebebeb /*{label-default-bg}*/;
}
.badge-primary {
	color: #4a56f1 /*{label-primary-text-colour}*/;
	background-color: #c6d3f3 /*{label-primary-bg}*/;
}
.badge-success {
	color: var(--td-ink) /*{label-success-text-colour}*/;
	background-color: var(--td-print) /*{label-success-bg}*/;
}
.badge-info {
	color: #810cff /*{label-info-text-colour}*/;
	background-color: #ecdbff /*{label-info-bg}*/;
}

.badge-warning {
	color: var(--td-ink) /*{label-warning-text-colour}*/;
	background-color: var(--td-press) /*{label-warning-bg}; */
}
.badge-danger {
	background-color: var(--td-records) /*{label-danger-bg}*/;
	color: var(--td-ink) /*{label-danger-text}*/;
}

.card {
	border-color: transparent /*{panel-border-colour}*/;
}

.card-header {
	background-color: transparent /*{panel-header-bg-colour}*/;
	border-color: transparent /*{panel-header-border-colour}*/;
}

.productsave {
	color: var(--td-records) /*{sale-colour}*/;
}

.wrapper-header .navbar-toggler {
	color: #696969 /*{navbar-default-link-colour}*/;
}

.wrapper-header .navbar .navbar-nav .nav-link {
	color: #696969 /*{navbar-default-link-colour}*/;
}

.wrapper-header .navbar-nav .nav-link:hover,
.wrapper-header .navbar-nav .nav-link:focus {
	color: #333 /*{navbar-default-link-colour-hover}*/;
}
.wrapper-header .navbar-nav .show > .nav-link,
.wrapper-header .navbar-nav .active > .nav-link,
.wrapper-header .navbar-nav .nav-link.show, .wrapper-header .navbar-nav .nav-link.active{
	color: #555 /*{navbar-default-link-colour-active}*/;
}

.dropdown-menu {
	background-color: #fff /*{dropdown-menu-bg}*/;
	border-color: #ccc /*{dropdown-menu-border-colour}*/;
}

.dropdown-item{
	color: #212529 /*{dropdown-menu-link-colour}*/;
}
.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active{
	color: #262626 /*{dropdown-menu-link-colour-hover}*/;
	background-color: #f5f5f5 /*{dropdown-menu-link-bg-hover}*/;
}

/* Alerts */

.alert-danger {
  background-color:#FFDCEC /*{alert-danger-bg-color}*/;
	color: #ff2e8e /*{alert-danger-text-color}*/;
}

/* Header */

header {
	background-color: var(--td-ink) /*{navbar-default-bg-colour}*/;
	color:var(--td-paper) /*{navbar-shadow-colour}*/;
}

.header-menu-item {
	color: var(--td-paper) /*{navbar-default-text-colour}*/;
}

#header-menu-show {
	color: var(--td-paper) /*{navbar-default-text-colour}*/;
}

#header-company-name a {
	color: var(--td-paper) /*{navbar-default-text-colour}*/;
}

#mobile-search-show {
	color: var(--td-paper) /*{navbar-default-text-colour}*/;
}

#header-order-summary-mobile,
#header-order-summary-desktop {
	color: var(--td-paper) /*{navbar-default-text-colour}*/;
}

#header-user i {
	color: var(--td-paper) /*{navbar-default-text-colour}*/;
}

#user-circle {
	background-color:var(--td-dist) /*{user-bg-colour}*/;
	color:var(--td-ink) /*{user-text-colour}*/;
}

/* Search */

.header-search {
	background-color: var(--td-paper-light) /*{search-input-bg-colour}*/;
  color: var(--td-ink-70) /*{search-input-text-colour}*/;
}

#name_search-xs,
#name_search-xs::placeholder {
	color: var(--td-ink-70) /*{search-input-text-colour}*/;
}

.header-search-wrapper {
	background-color: var(--td-paper-light) /*{search-bg-colour}*/;
}

.nsearchinput-pl.well {
	background-color: #FFFFFF  /*{search-bg-colour}*/;
}

.nsearch-header h2,
.nsearch-header a {
	color: #333333 /*{search-text-colour}*/;
}

.nsearchinput-pl.well li a {
    background-color: #FFFFFF /*{search-result-bg-colour}*/;
}

/* Menu */

.menu-panel {
	background-color:var(--td-paper-light) /*{menu-bg-colour}*/;
	color:var(--td-ink) /*{menu-text-colour}*/;
}

.menu-body a {
	color:var(--td-ink) /*{menu-text-colour}*/;
}

#main-menu span.collapsed.mob-drop:after,
#main-menu span.mob-drop:after {
	color:#333333 /*{menu-text-colour}*/;
}

.menu-body ul li {
	border-color:var(--td-ink-20) /*{menu-border-colour}*/;
}

#main-menu {
  border-color:var(--td-ink-20) /*{menu-border-colour}*/;
}

/* Footer */

.wrapper-footer {
    background-color:var(--td-paper-dark) /*{footer-bg-colour}*/;
}

.wrapper-footer h4 {
	color:var(--td-ink) /*{footer-heading-colour}*/;
}

.wrapper-footer a,
.wrapper-footer p  {
	color:var(--td-ink) /*{footer-text-colour}*/;
}

.form-newsletter,
.form-newsletter::placeholder {
	color:var(--td-ink-70) /*{footer-text-colour}*/;
	border-bottom-color:var(--td-ink)!important /*{footer-text-colour}*/;
}

.btn-newsletter-subscribe {
	color:var(--td-ink) /*{footer-text-colour}*/;
	border-bottom-color:var(--td-ink)!important /*{footer-text-colour}*/;
}

.footer-copyright {
  background-color: var(--td-ink) /*{copyright-bg-colour}*/;
}

.footer-copyright p,
.footer-copyright a {
	color: var(--td-paper) /*{copyright-text-colour}*/;
}

/* Home Page */

.hero-content h2,
.hero-content p {
	color:#FFFFFF /*{carousel-text-colour}*/;
}

/* Category Pages */

.btn-filter {
	background-color:var(--td-paper-light) /*{btn-filter-bg-colour}*/;
	border-color:var(--td-ink-70)  /*{btn-filter-border-colour}*/;
	color:var(--td-ink-70) /*{btn-filter-text-colour}*/;
}

.btn-filter:hover {
	background-color:#FFFFFF /*{btn-filter-bg-colour-hover}*/;
	border-color:#000000  /*{btn-filter-border-colour-hover}*/;
	color:#000000 /*{btn-filter-text-colour-hover}*/;
}

.filter-active,
.filter-active:hover {
	background-color:var(--active-brand-color) /*{btn-filter-bg-colour-active}*/;
	border-color:var(--active-brand-color) /*{btn-filter-border-colour-active}*/;
	color:var(--td-ink) /*{btn-filter-text-colour-active}*/;
}

.viewby a,
.viewby span {
	color:var(--td-ink-70) /*{body-font-colour}*/;
}

.viewby .active {
	color:#333333 /*{body-font-colour}*/;
}

/* Category List */

.product-thumb-list {
	background-color:var(--td-paper-light) /*{page-section-bg-colour}*/;
	border-color:var(--td-ink-20) /*{page-section-bg-colour}*/;
	color:var(--td-ink-20) /*{page-section-shadow-colour}*/;
}

.product-thumb-list:hover {
	background-color:var(--td-paper-dark) /*{page-section-hover-colour}*/;
}

.product-thumb-details-list a {
	color:#333333 /*{page-section-text-colour}*/;
}

.product-thumb-price .price {
	color:#333333 /*{page-section-text-colour}*/;
}

.product-thumb-price .light {
	color:#999999 /*{page-section-text-colour}*/;
}

.product-thumb-list .qty {
	color:#333333 /*{page-section-text-colour}*/;
}

.product-thumb-sku {
	color:#999999 /*{page-section-text-colour}*/;
}


/* Category - Gallery */

.thumbnail.card-body {
	color:#CCCCCC /*{page-section-shadow-colour}*/;
}


/* Order Summary */

.order-summary-container {
	background-color:#FFFFFF /*{page-section-bg-colour}*/;
	color:#CCCCCC /*{page-section-shadow-colour}*/;
}

.cart-header .h2 {
	color:#333333 /*{page-section-heading-colour}*/;
}

.cart-body p {
	color:#333333 /*{page-section-text-colour}*/;
}

.order-summary-product .order-summary-product a,
.order-summary b, .order-summary .price,
.order-summary i, .order-summary span {
	color:#333333 /*{page-section-text-colour}*/;
}

/* Account */

.orders-header h3 {
	color:#999999 /*{headers-colour}*/;
}

.orders-header .active {
	color:#333333 /*{headers-colour}*/;
}

.order-details-footer b,
.order-details-footer tr,
.order-details-footer .btn-order{
    color:#333333 /*{body-font-colour}*/;
}

.table-lists tr,
.table-lists .btn {
  color:#FFF /*{body-font-colour}*/;
}

input#wh_name::placeholder {
    color:#333333 /*{body-font-colour}*/;
}

.btn-acct p {
	color:#333333 /*{body-font-colour}*/;
}

/* Product Page */

.product-page-content {
	background-color:#FFFFFF /*{page-section-bg-colour}*/;
	color:#CCCCCC /*{page-section-shadow-colour}*/;
}

.product-page-content h1 {
	color:#333333 /*{page-section-heading-colour}*/;
}

.product-page-content .light {
	color:#999999 /*{page-section-text-colour}*/;
}

.product-page-content .product-price {
	color:#333333 /*{page-section-text-colour}*/;
}

.product-page-content .product-subtitle{
	color:#333333 /*{page-section-text-colour}*/;
}

.product-wishlist .wishlist_toggle {
	color:#333333 /*{page-section-text-colour}*/;
}

.product-page-content .extra-options .qty {
	color:#333333 /*{page-section-text-colour}*/;
	border-color:#CCCCCC /*{page-section-text-colour}*/;
}

.product-page-content .panel-title {
	color:#333333 /*{page-section-text-colour}*/;
}

.product-page-content .panel-body p {
	color:#333333 /*{page-section-text-colour}*/;
}

.product-page-content .panel-body h4 {
	color:#333333 /*{page-section-text-colour}*/;
}

.product-page-content .panel-body td {
	color:#333333 /*{page-section-text-colour}*/;
}

.product-page-content .shipping-calc .form-control {
	color:#333333 /*{page-section-text-colour}*/;
	border-color:#CCCCCC /*{page-section-text-colour}*/;
}

.product-page-content .shipping-calc #n_qty::placeholder {
	color:#333333 /*{page-section-text-colour}*/;
}

.product-page-content .shipping-method-option {
	color:#333333 /*{page-section-text-colour}*/;
}

/* Trinity Distribution typography and colour system */
:root{--trinity-ink:var(--td-ink);--trinity-petrol:var(--td-ink);--trinity-accent:var(--td-ink);--trinity-accent-dark:var(--td-ink-90);--trinity-paper:var(--td-paper);--trinity-card:var(--td-paper-light);--trinity-muted:var(--td-ink-70);--trinity-line:var(--td-ink-20);--trinity-soft:var(--td-paper-dark);--trinity-success:var(--td-print);--trinity-warning:var(--td-press)}
body{background:var(--trinity-paper);color:var(--trinity-ink);font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-size:15px;line-height:1.45}
h1,h2,h3,h4,h5,h6,.navbar-brand,.btn,.badge,.product-price{font-family:'Barlow Condensed','Arial Narrow','Helvetica Neue',Arial,sans-serif;font-weight:700;letter-spacing:-.01em}
h1{font-size:2.25rem;line-height:1.05}h2{font-size:1.75rem;line-height:1.1}h3{font-size:1.35rem;line-height:1.15}h4{font-size:1.15rem;line-height:1.2}
header,.wrapper-header,.menu-header{background:var(--trinity-petrol);color:#fff}
header{box-shadow:0 2px 0 rgba(20,63,70,.18)}
#header-menu-show,#header-company-name a,.header-menu-item,#header-order-summary-mobile,#header-order-summary-desktop,#header-user i,.wrapper-header .navbar .navbar-nav .nav-link{color:#fff}
.wrapper-header .navbar-nav .nav-link:hover,.wrapper-header .navbar-nav .nav-link:focus,.wrapper-header .navbar-nav .show>.nav-link,.wrapper-header .navbar-nav .active>.nav-link{color:#d9d9d9}
a{color:var(--trinity-accent-dark)}a:hover,a:focus{color:var(--trinity-ink)}
.price,.product-price{color:var(--trinity-ink)}.small.light,.price .small,.light{color:var(--trinity-muted)!important}
.product-thumb-price .price{font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-size:1.35rem!important;font-weight:700;color:var(--trinity-ink)}

/* Trinity staging navigation: top-level Products and Brands open on hover or focus. */
.product-menu > .menu-level-wrapper > a{font-weight:700}
.product-menu-dropdown{border:1px solid var(--trinity-line);border-radius:8px;background:var(--trinity-card);box-shadow:0 12px 30px rgba(0,0,0,.12)}
.product-menu-dropdown > li,.product-submenu > li{border-color:var(--trinity-line)}
.product-menu-dropdown .menu-level-wrapper{min-height:3rem;padding:0 .7rem}
.product-submenu{border:0;box-shadow:none;background:transparent}
.product-submenu .menu-level-wrapper{min-height:2.35rem;padding-left:1.1rem;font-size:.92rem}
.brand-menu > .menu-level-wrapper > a{font-weight:700}
.brand-menu-dropdown{border:1px solid var(--trinity-line);border-radius:8px;background:var(--trinity-card);box-shadow:0 12px 30px rgba(0,0,0,.12)}
.brand-menu-dropdown > li,.brand-submenu > li{border-color:var(--trinity-line)}
.brand-menu-dropdown .menu-level-wrapper{min-height:2.8rem;padding:0 .7rem}
.brand-menu-all{border-bottom:1px solid var(--trinity-line)}
.brand-menu-all a{font-weight:700;color:var(--trinity-accent-dark)}
.brand-submenu{border:0;box-shadow:none;background:transparent}
.brand-submenu .menu-level-wrapper{min-height:2.25rem;padding-left:1.1rem;font-size:.9rem}
.trinity-brand-source{display:none!important}
@media(min-width:768px){
  #menu.menu-panel{width:620px;max-width:92vw}
  #main-menu > .product-menu > .product-menu-dropdown{position:static;display:none;width:auto;min-width:0;margin:.25rem .75rem .75rem;padding:.5rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem .75rem}
  #main-menu > .product-menu > .product-menu-dropdown.show{display:grid}
  #main-menu > .product-menu > .product-menu-dropdown > li{min-width:0;border-bottom:1px solid var(--trinity-line)}
  #main-menu > .product-menu > .product-menu-dropdown > li > .menu-level-wrapper{min-height:3.1rem}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu{display:none;position:static;width:auto;min-width:0;margin:0;padding:0 0 .35rem}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu.show{display:block}
  #main-menu > .brand-menu > .brand-menu-dropdown{position:static;display:none;width:auto;min-width:0;margin:.25rem .75rem .75rem;padding:.5rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem .75rem}
  #main-menu > .brand-menu > .brand-menu-dropdown.show{display:grid}
  #main-menu > .brand-menu > .brand-menu-dropdown > li{min-width:0;border-bottom:1px solid var(--trinity-line)}
  #main-menu > .brand-menu > .brand-menu-dropdown > li > .menu-level-wrapper{min-height:3rem}
  #main-menu > .brand-menu > .brand-menu-dropdown > li > .brand-submenu{display:none;position:static;width:auto;min-width:0;margin:0;padding:0 0 .35rem}
  #main-menu > .brand-menu > .brand-menu-dropdown > li > .brand-submenu.show{display:block}
}
@media(max-width:767.98px){
  .product-menu-dropdown,.brand-menu-dropdown{border-radius:0;box-shadow:none}
}
.btn-success,.btn-primary{background-color:var(--trinity-accent)!important;border-color:var(--trinity-accent)!important;color:#fff!important}.btn-success:hover,.btn-success:focus,.btn-primary:hover,.btn-primary:focus{background-color:var(--trinity-accent-dark)!important;border-color:var(--trinity-accent-dark)!important}
.trinity-variation-grid .qty{border-color:var(--trinity-line);color:var(--trinity-ink)}

  /* Trinity desktop navigation: horizontal top bar, click-to-open dropdowns. */
  @media(min-width:992px){
    /* Keep the existing brand/search/account header visible above the menu. */
    header{position:relative;top:auto;left:auto;right:auto;z-index:110;width:100%;background:var(--trinity-petrol);box-shadow:0 2px 0 rgba(20,20,20,.22)}
    .header-content{max-width:1440px;margin:0 auto;min-height:76px;padding:0 2rem}
    #header-menu-show{display:none!important}
    #header-company-name a{color:#fff;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:1.55rem;font-weight:700;letter-spacing:.015em}
    .header-content-right{gap:.8rem}
    .header-search-wrapper{display:block!important;background:transparent!important;padding:0}
    .header-search{width:clamp(260px,29vw,390px);height:42px;padding:5px 13px;background:#fff;border:0;border-radius:999px;box-shadow:0 4px 14px rgba(0,0,0,.18)}
    .header-search i{color:#fff;font-size:1rem}
    #name_search-xs,#name_search-xs::placeholder{color:var(--trinity-ink)}
    #header-order-summary-desktop,#header-user i{color:#fff}
    #header-order-summary-desktop,.header-menu-item{padding:.45rem .65rem;border-radius:999px;transition:background-color .18s ease,color .18s ease}
    #header-order-summary-desktop:hover,#header-order-summary-desktop:focus,.header-menu-item:hover,.header-menu-item:focus{background:rgba(255,255,255,.12);color:#fff}
    #header-menu-show{display:none!important}
  #header-spacer{display:none}
  #menu.menu-panel{position:relative;top:auto;left:auto;width:100%;max-width:none;height:auto;min-height:0;transform:none;visibility:visible;overflow:visible;transition:none;z-index:100;background:var(--trinity-card);border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid var(--trinity-line);box-shadow:0 5px 18px rgba(20,20,20,.08)}
  #menu-content{width:100%}
  #menu .menu-header{display:none}
  #menu .menu-body{max-width:1440px;margin:0 auto;padding:0 2rem}
  #menu .navbar-collapse{display:block!important}
  #main-menu{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;gap:.15rem;margin:0;padding:0;border:0}
  #main-menu > li.lvl-1{position:relative;flex:0 0 auto;border:0}
  #main-menu > li.lvl-1 > .menu-level-wrapper{height:3.75rem;min-height:0}
  #main-menu > li.lvl-1 > .menu-level-wrapper > a{display:flex;align-items:center;height:100%;padding:0 1.2rem;color:var(--trinity-ink);font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:1.08rem;font-weight:700;letter-spacing:.01em;text-decoration:none;white-space:nowrap;transition:background-color .18s ease,color .18s ease}
  #main-menu > li.lvl-1 > .menu-level-wrapper > a:hover,#main-menu > li.lvl-1 > .menu-level-wrapper > a:focus{background:var(--trinity-soft);color:var(--trinity-accent-dark)}
  #main-menu > li.lvl-1 > .menu-level-wrapper > span{width:1.1rem;margin-left:-1.2rem;margin-right:.35rem}
  #main-menu > li.lvl-1 > .menu-level-wrapper > span:after{font-size:.85rem}
  #main-menu > li > ul.dropdown-menu{top:100%;left:0;margin:0;padding:.7rem;border:1px solid var(--trinity-line);border-radius:0 0 10px 10px;background:var(--trinity-card);box-shadow:0 16px 32px rgba(20,20,20,.16)}
  #main-menu > .product-menu > .product-menu-dropdown{position:absolute;display:none;width:760px;max-width:calc(100vw - 4rem);grid-template-columns:repeat(2,minmax(0,1fr));gap:.15rem .8rem}
  #main-menu > .product-menu > .product-menu-dropdown{display:grid;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-5px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
  #main-menu > .product-menu > .product-menu-dropdown.show,#main-menu > .product-menu:hover > .product-menu-dropdown,#main-menu > .product-menu:focus-within > .product-menu-dropdown{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
  #main-menu > .brand-menu > .brand-menu-dropdown{position:absolute;display:grid;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-5px);width:980px;max-width:calc(100vw - 4rem);grid-template-columns:repeat(4,minmax(0,1fr));gap:.15rem .8rem;max-height:72vh;overflow:auto;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
  #main-menu > .brand-menu > .brand-menu-dropdown.show,#main-menu > .brand-menu:hover > .brand-menu-dropdown,#main-menu > .brand-menu:focus-within > .brand-menu-dropdown{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}
  #main-menu > .product-menu:hover > .menu-level-wrapper > a,#main-menu > .product-menu:focus-within > .menu-level-wrapper > a,#main-menu > .brand-menu:hover > .menu-level-wrapper > a,#main-menu > .brand-menu:focus-within > .menu-level-wrapper > a{background:var(--trinity-soft);color:var(--trinity-accent-dark)}
  #main-menu > li > ul.dropdown-menu > li{border-top:0;border-bottom:1px solid var(--trinity-line)}
  #main-menu > li > ul.dropdown-menu > li > .menu-level-wrapper{height:3rem;min-height:0}
  #main-menu > li > ul.dropdown-menu > li > .menu-level-wrapper > a{display:flex;align-items:center;height:100%;padding:0 .75rem;color:var(--trinity-ink);font-size:.95rem;text-decoration:none}
  #main-menu > li > ul.dropdown-menu > li > .menu-level-wrapper > a:hover,#main-menu > li > ul.dropdown-menu > li > .menu-level-wrapper > a:focus{background:var(--trinity-soft);color:var(--trinity-accent-dark)}
  #main-menu > li > ul.dropdown-menu > li > .menu-level-wrapper > span{width:2.2rem}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu,#main-menu > .brand-menu > .brand-menu-dropdown > li > .brand-submenu{display:none;position:static;width:auto;min-width:0;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu.show,#main-menu > .product-menu > .product-menu-dropdown > li:hover > .product-submenu,#main-menu > .product-menu > .product-menu-dropdown > li:focus-within > .product-submenu,#main-menu > .brand-menu > .brand-menu-dropdown > li > .brand-submenu.show,#main-menu > .brand-menu > .brand-menu-dropdown > li:hover > .brand-submenu,#main-menu > .brand-menu > .brand-menu-dropdown > li:focus-within > .brand-submenu{display:block}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu a,#main-menu > .brand-menu > .brand-menu-dropdown > li > .brand-submenu a{display:flex;align-items:center;min-height:2.35rem;padding:.25rem .75rem  .25rem 1.35rem;color:var(--trinity-muted);font-size:.86rem;text-decoration:none}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu a:hover,#main-menu > .brand-menu > .brand-menu-dropdown > li > .brand-submenu a:hover{background:var(--trinity-soft);color:var(--trinity-accent-dark)}
  #main-menu > .brand-menu > .brand-menu-dropdown > .brand-menu-all{grid-column:1/-1}
  #main-menu > .brand-menu > .brand-menu-dropdown > .brand-menu-all a{padding-left:.75rem;color:var(--trinity-accent-dark);font-weight:700}
  #shadow-layer{display:none!important}
}

/* Trinity menu refinement: quiet wholesale navigation with strong grouping and generous hit areas. */
@media(min-width:992px){
  #menu.menu-panel{border-top:0;border-bottom:1px solid #deddd7;background:#fffdfa;box-shadow:0 8px 22px rgba(25,25,25,.08)}
  #menu .menu-body{padding:0 1.25rem}
  #main-menu{gap:0}
  #main-menu > li.lvl-1 > .menu-level-wrapper{height:3.5rem}
  #main-menu > li.lvl-1 > .menu-level-wrapper > a{padding:0 1.35rem;font-size:.98rem;letter-spacing:.055em;text-transform:uppercase}
  #main-menu > li.lvl-1 > .menu-level-wrapper > span{margin-left:-1.1rem;margin-right:.4rem}
  #main-menu > li.lvl-1 > .menu-level-wrapper > span:after{color:#8c8b85;font-size:.72rem}
  #main-menu > li > ul.dropdown-menu{top:calc(100% + 7px);padding:1rem;border:1px solid #d8d6cf;border-radius:0 0 14px 14px;background:#fffdfa;box-shadow:0 18px 42px rgba(25,25,25,.17)}
  #main-menu > li > ul.dropdown-menu:before{content:'';position:absolute;top:-6px;left:1.4rem;width:10px;height:10px;border-top:1px solid #d8d6cf;border-left:1px solid #d8d6cf;background:#fffdfa;transform:rotate(45deg)}
  #main-menu > .product-menu > .product-menu-dropdown{width:760px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}
  #main-menu > .brand-menu > .brand-menu-dropdown{width:980px;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}
  #main-menu > li > ul.dropdown-menu > li{border:1px solid #e2e0d9;border-radius:9px;background:#fff;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
  #main-menu > li > ul.dropdown-menu > li:hover,#main-menu > li > ul.dropdown-menu > li:focus-within{border-color:#b5b2a8;box-shadow:0 5px 13px rgba(25,25,25,.08);transform:translateY(-1px)}
  #main-menu > li > ul.dropdown-menu > li > .menu-level-wrapper{height:2.85rem}
  #main-menu > li > ul.dropdown-menu > li > .menu-level-wrapper > a{padding:0 .85rem;font-size:.88rem;font-weight:700;letter-spacing:.015em}
  #main-menu > li > ul.dropdown-menu > li > .menu-level-wrapper > span{width:1.9rem;color:#9a9890}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu,#main-menu > .brand-menu > .brand-menu-dropdown > li > .brand-submenu{margin:0;padding:.35rem .45rem .5rem .7rem;border-top:1px solid #eceae4;border-left:3px solid #242424;background:#f4f3ee}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu a,#main-menu > .brand-menu > .brand-menu-dropdown > li > .brand-submenu a{min-height:2.05rem;padding:.2rem .45rem;color:#66645e;font-size:.79rem;font-weight:600;line-height:1.2}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu a:hover,#main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu a:focus,#main-menu > .brand-menu > .brand-menu-dropdown > li > .brand-submenu a:hover,#main-menu > .brand-menu > .brand-menu-dropdown > li > .brand-submenu a:focus{background:#e6e4dc;color:#1c1c1c}
  #main-menu > .brand-menu > .brand-menu-dropdown > .brand-menu-all{grid-column:1/-1;border:0;border-bottom:1px solid #dedcd5;border-radius:0;background:transparent;box-shadow:none;transform:none}
  #main-menu > .brand-menu > .brand-menu-dropdown > .brand-menu-all a{padding:0 .25rem;color:#1c1c1c;font-size:.84rem;letter-spacing:.05em;text-transform:uppercase}
  #main-menu > .brand-menu > .brand-menu-dropdown > .brand-menu-all a:after{content:'→';margin-left:.45rem;color:#88857d;transition:transform .18s ease}
  #main-menu > .brand-menu > .brand-menu-dropdown > .brand-menu-all a:hover:after,#main-menu > .brand-menu > .brand-menu-dropdown > .brand-menu-all a:focus:after{transform:translateX(3px)}
  #main-menu > .product-menu:hover > .menu-level-wrapper > a,#main-menu > .product-menu:focus-within > .menu-level-wrapper > a,#main-menu > .brand-menu:hover > .menu-level-wrapper > a,#main-menu > .brand-menu:focus-within > .menu-level-wrapper > a{box-shadow:inset 0 -3px 0 #242424}
}

/* Desktop menu interaction: click/focus only. Hover never opens a panel. */
@media(min-width:992px){
  #main-menu > .product-menu > .product-menu-dropdown,#main-menu > .brand-menu > .brand-menu-dropdown{visibility:hidden!important;opacity:0!important;pointer-events:none!important;transform:translateY(-5px)!important}
  #main-menu > .product-menu > .product-menu-dropdown.show,#main-menu > .brand-menu > .brand-menu-dropdown.show{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important}
  #main-menu > .product-menu > .product-menu-dropdown > li:hover > .product-submenu,#main-menu > .brand-menu > .brand-menu-dropdown > li:hover > .brand-submenu{display:none!important}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu.show,#main-menu > .brand-menu > .brand-menu-dropdown > li > .brand-submenu.show{display:block!important}
  #main-menu > .product-menu:hover > .menu-level-wrapper > a,#main-menu > .brand-menu:hover > .menu-level-wrapper > a{background:transparent;box-shadow:none;color:var(--trinity-ink)}
  #main-menu > .product-menu > .menu-level-wrapper > a:focus,#main-menu > .brand-menu > .menu-level-wrapper > a:focus,#main-menu > .product-menu > .menu-level-wrapper > span:focus,#main-menu > .brand-menu > .menu-level-wrapper > span:focus,#main-menu > .product-menu > .menu-level-wrapper > a[aria-expanded='true'],#main-menu > .brand-menu > .menu-level-wrapper > a[aria-expanded='true']{background:var(--trinity-soft);box-shadow:inset 0 -3px 0 #242424;color:var(--trinity-accent-dark)}
  #main-menu > .product-menu > .product-menu-dropdown > .product-menu-all,#main-menu > .brand-menu > .brand-menu-dropdown > .brand-menu-all{grid-column:1/-1;border:0;border-bottom:1px solid #dedcd5;border-radius:0;background:transparent;box-shadow:none;transform:none}
  #main-menu > .product-menu > .product-menu-dropdown > .product-menu-all a{padding:0 .25rem;color:#1c1c1c;font-size:.84rem;letter-spacing:.05em;text-transform:uppercase}
  #main-menu > .product-menu > .product-menu-dropdown > .product-menu-all a:after{content:'→';margin-left:.45rem;color:#88857d}
}

/* Compact desktop dropdowns: keep the menu close to the navigation and easy to scan. */
@media(min-width:992px){
  #main-menu > li > ul.dropdown-menu{top:calc(100% + 3px);padding:.65rem}
  #main-menu > .product-menu > .product-menu-dropdown{width:720px;gap:.4rem}
  #main-menu > .brand-menu > .brand-menu-dropdown{width:1050px;grid-template-columns:repeat(5,minmax(0,1fr));gap:.4rem;max-height:55vh}
  #main-menu > li > ul.dropdown-menu > li > .menu-level-wrapper{height:2.35rem}
  #main-menu > li > ul.dropdown-menu > li > .menu-level-wrapper > a{padding:0 .7rem;font-size:.82rem}
  #main-menu > li > ul.dropdown-menu > li > .menu-level-wrapper > span{width:1.55rem;font-size:.75rem}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu,#main-menu > .brand-menu > .brand-menu-dropdown > li > .brand-submenu{padding:.25rem .35rem .35rem .55rem}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu a,#main-menu > .brand-menu > .brand-menu-dropdown > li > .brand-submenu a{min-height:1.7rem;padding:.12rem .35rem;font-size:.72rem}
  #main-menu > .product-menu > .product-menu-dropdown > .product-menu-all,#main-menu > .brand-menu > .brand-menu-dropdown > .brand-menu-all{min-height:2rem}
  #main-menu > .product-menu > .product-menu-dropdown > .product-menu-all a,#main-menu > .brand-menu > .brand-menu-dropdown > .brand-menu-all a{font-size:.76rem}
}

/* Final menu UX pass: active-only brands, fast scanning, and predictable controls. */
#main-menu .mob-drop[role='button']{cursor:pointer}
#main-menu .mob-drop[role='button']:focus{outline:2px solid #242424;outline-offset:-2px}
#main-menu .brand-menu-search{grid-column:1/-1;border:0!important;border-bottom:1px solid #dedcd5!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;padding:.1rem 0 .55rem}
#main-menu .brand-menu-search label{display:block;margin:0 0 .25rem;color:#777;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
#main-menu .brand-menu-search-input{display:block;width:100%;height:2rem;padding:.3rem .65rem;border:1px solid #cfcfc9;border-radius:999px;background:#fff;color:#1c1c1c;font:500 .78rem 'Inter','Helvetica Neue',Arial,sans-serif}
#main-menu .brand-menu-search-input:focus{border-color:#242424;outline:2px solid rgba(36,36,36,.15);outline-offset:1px}
#main-menu .brand-tree-item[hidden]{display:none!important}

@media(min-width:992px){
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu.show{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));max-height:14rem;overflow-y:auto;overflow-x:hidden;gap:.08rem .25rem}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu.show > li{min-width:0}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu.show > li > .product-submenu.show{display:block!important;max-height:9rem;overflow-y:auto}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu.show a{min-height:1.55rem;font-size:.69rem;line-height:1.15}
  #main-menu > .brand-menu > .brand-menu-dropdown{grid-template-columns:repeat(5,minmax(0,1fr));}
}

@media(min-width:992px) and (max-width:1199px){
  #main-menu > .product-menu > .product-menu-dropdown{width:min(680px,calc(100vw - 2rem));grid-template-columns:repeat(3,minmax(0,1fr))}
  #main-menu > .brand-menu > .brand-menu-dropdown{left:0;width:calc(100vw - 2rem);max-width:calc(100vw - 2rem);grid-template-columns:repeat(3,minmax(0,1fr))}
}

@media(max-width:991.98px){
  #main-menu .brand-menu-search{padding:.45rem .75rem .7rem}
  #main-menu .brand-menu-search-input{height:2.35rem;font-size:.86rem}
  #main-menu > .product-menu > .product-menu-dropdown:not(.show),#main-menu > .brand-menu > .brand-menu-dropdown:not(.show){display:none!important}
  #main-menu ul.product-submenu:not(.show),#main-menu ul.brand-submenu:not(.show){display:none!important}
  #main-menu ul.product-submenu.show,#main-menu ul.brand-submenu.show{display:block!important}
  #main-menu ul.product-submenu.show ul.product-submenu:not(.show),#main-menu ul.brand-submenu.show ul.brand-submenu:not(.show){display:none!important}
  #header-menu-show[role='button'],#menu-close[role='button']{cursor:pointer}
  #header-menu-show[role='button']:focus,#menu-close[role='button']:focus{outline:2px solid currentColor;outline-offset:3px}
  #menu.menu-panel:not(.panel-slide){pointer-events:none}
  #menu.menu-panel.panel-slide{pointer-events:auto}
}

/* Clean text navigation: one-line headings with subcategories opening below. */
#main-menu > .product-menu > .menu-level-wrapper > a,
#main-menu > .brand-menu > .menu-level-wrapper > a{background:transparent!important;box-shadow:none!important;color:var(--trinity-ink);font-weight:700}
#main-menu > .product-menu > .menu-level-wrapper > a:hover,
#main-menu > .product-menu > .menu-level-wrapper > a:focus,
#main-menu > .brand-menu > .menu-level-wrapper > a:hover,
#main-menu > .brand-menu > .menu-level-wrapper > a:focus,
#main-menu > .product-menu > .menu-level-wrapper > a[aria-expanded='true'],
#main-menu > .brand-menu > .menu-level-wrapper > a[aria-expanded='true']{background:transparent!important;box-shadow:inset 0 -2px 0 var(--trinity-ink)!important;color:var(--trinity-ink)}

@media(min-width:992px){
  #main-menu > .product-menu > .product-menu-dropdown,
  #main-menu > .brand-menu > .brand-menu-dropdown{display:block!important;width:360px;max-width:calc(100vw - 2rem);padding:.75rem 1rem;border:0;border-radius:0 0 10px 10px;background:#fffdfa;box-shadow:0 16px 32px rgba(20,20,20,.13)}
  #main-menu > .brand-menu > .brand-menu-dropdown{width:390px;max-height:70vh;overflow-y:auto}
  #main-menu > .product-menu > .product-menu-dropdown > li,
  #main-menu > .brand-menu > .brand-menu-dropdown > li{display:block;width:100%;min-width:0;border:0!important;border-bottom:1px solid #e8e6df!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
  #main-menu > .product-menu > .product-menu-dropdown > li:last-child,
  #main-menu > .brand-menu > .brand-menu-dropdown > li:last-child{border-bottom:0!important}
  #main-menu > li > ul.dropdown-menu > li > .menu-level-wrapper{height:2.6rem;min-height:0}
  #main-menu > li > ul.dropdown-menu > li > .menu-level-wrapper > a{padding:0 .15rem;white-space:nowrap;font-size:.86rem;font-weight:700;letter-spacing:.01em}
  #main-menu > li > ul.dropdown-menu > li > .menu-level-wrapper > a:hover,
  #main-menu > li > ul.dropdown-menu > li > .menu-level-wrapper > a:focus{background:transparent;color:var(--trinity-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
  #main-menu > li > ul.dropdown-menu > li > .menu-level-wrapper > span{width:1.8rem;margin-left:.35rem}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu,
  #main-menu > .brand-menu > .brand-menu-dropdown > li > .brand-submenu{display:none!important;margin:0;padding:.1rem 0 .5rem .9rem;border:0;background:transparent}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu.show,
  #main-menu > .brand-menu > .brand-menu-dropdown > li > .brand-submenu.show{display:block!important;max-height:none;overflow:visible}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu a,
  #main-menu > .brand-menu > .brand-menu-dropdown > li > .brand-submenu a{min-height:1.7rem;padding:.1rem .35rem;color:#777;font-size:.76rem;font-weight:500;line-height:1.2}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu a:hover,
  #main-menu > .brand-menu > .brand-menu-dropdown > li > .brand-submenu a:hover{background:transparent;color:var(--trinity-ink);text-decoration:underline;text-underline-offset:3px}
  #main-menu > .product-menu > .product-menu-dropdown > .product-menu-all,
  #main-menu > .brand-menu > .brand-menu-dropdown > .brand-menu-all{border-bottom:1px solid #d9d7cf!important}
  #main-menu > .product-menu > .product-menu-dropdown > .product-menu-all a,
  #main-menu > .brand-menu > .brand-menu-dropdown > .brand-menu-all a{padding:0 .15rem;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
  #main-menu > .brand-menu > .brand-menu-dropdown > .brand-menu-search{padding:0 0 .65rem;border-bottom:1px solid #d9d7cf!important}
}

@media(max-width:991.98px){
  #main-menu > .product-menu > .product-menu-dropdown,
  #main-menu > .brand-menu > .brand-menu-dropdown{display:block!important;width:100%;margin:0;padding:.25rem 0 .6rem;border:0;border-radius:0;background:transparent;box-shadow:none}
  #main-menu > .product-menu > .product-menu-dropdown > li,
  #main-menu > .brand-menu > .brand-menu-dropdown > li{display:block;width:100%;border:0!important;border-bottom:1px solid #e1e0dc!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
  #main-menu > li > ul.dropdown-menu > li > .menu-level-wrapper{height:3rem;min-height:0;padding:0 .2rem}
  #main-menu > li > ul.dropdown-menu > li > .menu-level-wrapper > a{padding:0;white-space:nowrap;color:var(--trinity-ink);font-size:.92rem;font-weight:700}
  #main-menu > li > ul.dropdown-menu > li > .menu-level-wrapper > a:hover,
  #main-menu > li > ul.dropdown-menu > li > .menu-level-wrapper > a:focus{background:transparent;color:var(--trinity-ink)}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu,
  #main-menu > .brand-menu > .brand-menu-dropdown > li > .brand-submenu{margin:0;padding:.1rem 0 .45rem .9rem;border:0;background:transparent}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu a,
  #main-menu > .brand-menu > .brand-menu-dropdown > li > .brand-submenu a{min-height:2.25rem;padding:.2rem .3rem;color:#777;font-size:.82rem;font-weight:500}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu a:hover,
  #main-menu > .brand-menu > .brand-menu-dropdown > li > .brand-submenu a:hover{background:transparent;color:var(--trinity-ink)}
  #main-menu > .brand-menu > .brand-menu-dropdown > .brand-menu-search{padding:.4rem .2rem .7rem;border-bottom:1px solid #d9d7cf!important}
  #main-menu > .product-menu > .product-menu-dropdown > .product-menu-all,
  #main-menu > .brand-menu > .brand-menu-dropdown > .brand-menu-all{border-bottom:1px solid #d9d7cf!important}
}

/* Desktop two-level navigation: primary text with subcategories opening below. */
@media(min-width:992px){
  #main-menu > .product-menu > .product-menu-dropdown,
  #main-menu > .brand-menu > .brand-menu-dropdown{overflow-y:auto!important}
  #main-menu > .product-menu > .product-menu-dropdown > li,
  #main-menu > .brand-menu > .brand-menu-dropdown > li{position:relative;overflow:visible!important}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu.show,
  #main-menu > .brand-menu > .brand-menu-dropdown > li > .brand-submenu.show{position:static!important;left:auto!important;top:auto!important;width:auto!important;max-height:none;display:block!important;overflow:visible!important;margin:0 .15rem .35rem .9rem;padding:.3rem .75rem .45rem!important;border-left:2px solid #d9d7cf;border-top:0;border-right:0;border-bottom:0;border-radius:0;background:transparent;box-shadow:none;z-index:auto}
  #main-menu > .product-menu > .product-menu-dropdown > li > .product-submenu.show a,
  #main-menu > .brand-menu > .brand-menu-dropdown > li > .brand-submenu.show a{min-height:1.85rem;padding:.2rem .35rem;font-size:.78rem}
}

/* Trinity desktop product grid */
.trinity-product-card{padding:0.5rem!important}
.trinity-product-card-inner{height:100%;padding:1.1rem!important;border:1px solid #dedede!important;border-radius:.55rem!important;background:#fff!important;box-shadow:0 5px 16px rgba(28,28,28,.12)!important;color:var(--trinity-ink)!important}
.trinity-product-card .thumbnail-image{display:flex;align-items:center;justify-content:center;height:clamp(260px,25vw,430px);padding:0 1rem 1rem!important;margin:0!important;background:#fff}
.trinity-product-card .thumbnail-image .product-image{width:100%;height:100%;object-fit:contain;object-position:center}
.trinity-product-card-details{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:'name price' 'sku price' 'buy buy' 'actions actions';column-gap:1rem;align-items:start;padding:.15rem .35rem 0}
.trinity-product-card .trinity-product-name-block{grid-area:name;min-width:0}
.trinity-product-card .trinity-product-brand{display:block;margin:.2rem 0 .12rem;color:var(--trinity-muted);font-size:.68rem;line-height:1;text-transform:uppercase;letter-spacing:.08em}
.trinity-product-card .product-name{grid-area:name;margin:.2rem 0 0!important;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:1.55rem;line-height:1.04;font-weight:700;letter-spacing:-.02em}
.trinity-product-card .product-name a{color:var(--trinity-ink)!important}
.trinity-product-card .product-sku{grid-area:sku;margin:.25rem 0 .55rem!important;font-size:.72rem;line-height:1;color:var(--trinity-muted)}
.trinity-product-card .price{grid-area:price;margin:.25rem 0 0!important;text-align:right;white-space:nowrap;font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-size:1.35rem;font-weight:700;line-height:1.05}
.trinity-product-card .price .trinity-price-prefix{display:block;margin-bottom:.12rem;font-size:.66rem;font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:.04em;color:var(--trinity-muted)}
.trinity-product-card .price .small{display:block;font-size:.65rem;letter-spacing:.05em;font-weight:500}
.trinity-product-card .trinity-variation-matrix{grid-area:buy;margin:.15rem 0 .2rem!important;padding:1rem!important;border:2px solid var(--trinity-ink);border-radius:1.1rem;background:#fff}
.trinity-product-card .trinity-variation-group{margin-bottom:.8rem}
.trinity-product-card .trinity-variation-group:last-of-type{margin-bottom:.45rem}
.trinity-product-card .variation-name{margin:0 0 .55rem;text-align:center;color:var(--trinity-ink);font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:1.15rem;font-weight:700;line-height:1.05;letter-spacing:.02em;text-transform:uppercase}
.trinity-product-card .trinity-variation-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:.55rem .7rem}
.trinity-product-card .trinity-variation-cell{flex:0 1 7.2rem;min-width:5.5rem;text-align:center}
.trinity-product-card .trinity-variation-cell label{display:block;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--trinity-ink)!important;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:.95rem;font-weight:700;line-height:1.05}
.trinity-product-card .trinity-variation-cell .qty{width:100%;height:2.35rem;padding:.25rem .4rem;border:2px solid var(--trinity-ink)!important;border-radius:.55rem;font-size:1rem;text-align:center;background:#fff}
.trinity-product-card .trinity-multi-add{display:block;width:max-content;min-width:10.5rem;margin:.7rem auto 0!important;padding:.55rem 1rem!important;border:0!important;border-radius:.25rem;background:#050505!important;color:#fff!important;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:1rem;font-weight:700;line-height:1;text-align:center;text-transform:uppercase}
.trinity-product-card .trinity-multi-add:hover,.trinity-product-card .trinity-multi-add:focus{background:#333!important;color:#fff!important}
.trinity-product-card .buying-options{grid-area:buy;justify-content:center;margin:.5rem 0 0!important;padding:.8rem;border:2px solid var(--trinity-ink);border-radius:1.1rem}
.trinity-product-card .buying-options .qty{width:7rem;height:2.35rem;border:2px solid var(--trinity-ink);border-radius:.55rem;text-align:center}
.trinity-product-card .buying-options .addtocart{margin-left:.5rem;background:#050505!important;border-color:#050505!important;color:#fff!important;font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-weight:700;text-transform:uppercase}
.trinity-product-card .savings-container{grid-area:actions;margin-top:.6rem}
@media(min-width:992px){.products-row{margin-left:-.55rem;margin-right:-.55rem}.trinity-product-card .product-name{font-size:1.65rem}.trinity-product-card .trinity-variation-cell{flex-basis:7.5rem}}
@media(min-width:992px){.products-row{align-items:flex-start!important}}
@media(min-width:992px){
  #main-content{width:100%;max-width:none;padding-left:1rem;padding-right:1rem}
  #main-content > .row > .col-lg-9:has(.products-row){flex:0 0 100%;max-width:100%}
  #main-content > .row > .order-summary-container{flex:0 0 100%;max-width:100%;position:static!important}
  #main-content > .row > .order-summary-container .order-summary{max-width:26rem;margin:1rem 0 0 auto}
  .products-row{margin-left:0;margin-right:0;align-items:stretch!important;column-gap:2.5rem;row-gap:2.5rem}
  .trinity-product-card{flex:0 0 calc((100% - 5rem)/3);max-width:calc((100% - 5rem)/3);padding:0!important}
  .trinity-product-card-inner{padding:1.35rem!important}
  .trinity-product-card .thumbnail-image{height:clamp(360px,30vw,600px);padding:0 1.5rem 1.25rem!important}
  .trinity-product-card .product-name{font-size:clamp(1.55rem,1.7vw,2rem);line-height:1.02}
  .trinity-product-card .price{align-self:end;margin:0 0 .55rem!important;font-size:clamp(1.35rem,1.65vw,1.9rem)}
}
@media(max-width:767.98px){.trinity-product-card-inner{padding:.75rem!important}.trinity-product-card .thumbnail-image{height:clamp(190px,48vw,300px);padding:0 .35rem .6rem!important}.trinity-product-card-details{column-gap:.5rem}.trinity-product-card .product-name{font-size:1.15rem}.trinity-product-card .price{font-size:1rem}.trinity-product-card .trinity-variation-matrix{padding:.65rem!important;border-radius:.8rem}.trinity-product-card .trinity-variation-cell{flex-basis:5rem;min-width:4.2rem}.trinity-product-card .trinity-variation-cell label{font-size:.75rem}.trinity-product-card .trinity-variation-grid{gap:.35rem}.trinity-product-card .trinity-multi-add{min-width:8rem;font-size:.85rem}}
@media(max-width:767.98px){.trinity-product-card .trinity-variation-matrix,.trinity-product-card .buying-options{min-height:15.1rem}.trinity-product-card .buying-options{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.trinity-product-card .buying-options .qty{width:7.5rem!important;flex:0 0 auto}.trinity-product-card .buying-options .addtocart{width:11.5rem;height:2.7rem;margin-left:0!important;flex:0 0 auto}}
@media(max-width:991.98px){.products-row{align-items:flex-start!important}}
@media(max-width:575.98px){
  .trinity-product-card{flex:0 0 100%;max-width:100%;padding:.35rem!important}
  .trinity-product-card .thumbnail-image{height:clamp(240px,68vw,310px);padding:0 .75rem .75rem!important}
  .trinity-product-card .product-name{font-size:1.35rem}
  .trinity-product-card .price{font-size:1.2rem}
  .trinity-product-card .trinity-variation-cell{flex-basis:6rem;min-width:5rem}
  .trinity-product-card .trinity-variation-cell label{font-size:.85rem}
  .trinity-product-card .trinity-multi-add{min-width:10rem;font-size:.9rem}
}
@media(min-width:992px){
  #main-content > .row{align-items:flex-start}
  #main-content > .row > .col-lg-9:has(.products-row){flex:0 0 75%;max-width:75%}
  #main-content > .row > .order-summary-container{flex:0 0 25%;max-width:25%;position:sticky!important;top:1rem;align-self:flex-start}
  #main-content > .row > .order-summary-container .order-summary{max-width:none;margin:0}
  .products-row{column-gap:1.5rem;row-gap:1.5rem}
  .trinity-product-card{flex-basis:calc((100% - 3rem)/3);max-width:calc((100% - 3rem)/3)}
}
@media(min-width:992px){
  .trinity-product-card .trinity-variation-matrix,.trinity-product-card .buying-options{min-height:15.1rem}
  .trinity-product-card .trinity-variation-matrix{display:flex;flex-direction:column;align-items:center;justify-content:center}
  .trinity-product-card .trinity-variation-matrix > .trinity-variation-groups{width:100%}
  .trinity-product-card .buying-options{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:1rem}
  .trinity-product-card .buying-options .qty{width:7.5rem!important;flex:0 0 auto}
  .trinity-product-card .buying-options .addtocart{width:11.5rem;height:2.7rem;margin-left:0!important;flex:0 0 auto}
  .trinity-product-card .trinity-multi-add{width:11.5rem;height:2.7rem;display:flex;align-items:center;justify-content:center}
}

/* Product detail page: use the same clean card language as the catalogue grid. */
.product-page-content{max-width:1440px;margin:1.5rem auto 3rem;padding:0;background:transparent;box-shadow:none;color:var(--trinity-ink)}
.product-page-content > .row:first-child{align-items:stretch;gap:1.5rem}
.product-page-content > .row:first-child > section{background:var(--trinity-card);border:1px solid var(--trinity-line);border-radius:var(--trinity-radius);box-shadow:0 8px 22px rgba(20,20,20,.07)}
.product-page-content > .row:first-child > section:first-child{padding:1.25rem}
.product-page-content > .row:first-child > section:last-child{padding:1.5rem}
.product-page-content .wrapper-product-title h1{margin:0 0 .35rem!important;color:var(--trinity-ink);font-size:clamp(2rem,3vw,3rem);line-height:1.02}
.product-page-content #product-sku{margin:0;color:var(--trinity-muted);font-size:.8rem;letter-spacing:.04em}
.product-page-content .badge{padding:.35rem .6rem;border-radius:999px;font-size:.75rem;background:var(--trinity-ink);color:#fff}
.product-page-content .badge-primary,.product-page-content .badge-danger,.product-page-content .badge-warning{background:var(--trinity-ink);color:#fff}
.product-page-content .wrapper-pricing{margin:1.25rem 0;padding:1rem 1.1rem;border:1px solid var(--trinity-line);border-radius:.65rem;background:var(--trinity-paper)}
.product-page-content .product-price{font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-size:1.8rem;font-weight:700;line-height:1.1;color:var(--trinity-ink)}
.product-page-content .product-price .small{font-size:.68rem;letter-spacing:.08em;font-weight:600}
.product-page-content .productpromo{color:var(--trinity-ink)}
.product-page-content .productrrp{margin-top:.35rem;color:var(--trinity-muted)!important}
.product-page-content .productsave{margin-top:.2rem;color:var(--trinity-ink)!important;font-weight:600}
.product-page-content .product-subtitle{margin:1.25rem 0 .35rem;font-size:1.25rem;font-weight:700;color:var(--trinity-ink)}
.product-page-content .buying-options{margin:1rem 0!important;padding:1rem;border:1px solid var(--trinity-line);border-radius:.65rem;background:var(--trinity-card)}
.product-page-content .buying-options .qty{height:3rem;border:2px solid var(--trinity-ink);border-radius:.45rem;text-align:center;font-weight:700}
.product-page-content .buying-options .addtocart{height:3rem;border:0;background:var(--trinity-ink)!important;color:#fff!important;font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:700;text-transform:uppercase}
.product-page-content .product-buying-area{margin-top:1.25rem;padding:0;background:transparent}
.product-page-content .buybox-brand{display:flex;align-items:center;gap:.8rem;margin:1rem 0;padding:.7rem .85rem;border:1px solid var(--trinity-line);border-radius:.55rem;background:var(--trinity-paper)}
.product-page-content .buybox-brand img{display:block;flex:0 0 56px;width:56px;height:42px;object-fit:contain;border-radius:.25rem;background:#fff}
.product-page-content .buybox-brand-label{display:block;margin-bottom:.1rem;color:var(--trinity-muted);font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.product-page-content .buybox-brand strong{display:block;color:var(--trinity-ink);font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:1.05rem}
.product-page-content .product-buying-area > .table{margin:1rem 0;border:1px solid var(--trinity-line);border-radius:.55rem;background:var(--trinity-paper)}
.product-page-content .product-buying-area .buying-options{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:.8rem;align-items:center;margin:0!important;padding:1rem;border:1px solid var(--trinity-line);border-radius:.65rem;background:var(--trinity-card)}
.product-page-content .product-buying-area .buying-options .row{display:contents}
.product-page-content .product-buying-area .buying-options .col-12{width:auto;max-width:none;margin:0!important;padding:0}
.product-page-content .product-buying-area .buying-options .col-12:first-of-type{grid-column:1}
.product-page-content .product-buying-area .buying-options .col-12:nth-of-type(2){grid-column:2}
.product-page-content .product-buying-area .buying-options .col-12:last-of-type{grid-column:1/-1}
.product-page-content .product-buying-area .buying-options .qty{width:100%;height:3.15rem}
.product-page-content .product-buying-area .buying-options .addtocart,.product-page-content .product-buying-area .buying-options .btn-info{height:3.15rem;margin:0!important}
.product-page-content .product-buying-area .product-wishlist{padding-top:.15rem}
.addtocart.trinity-cart-added,.multi-add.trinity-cart-added{background:#218653!important;border-color:#218653!important;color:#fff!important}
.addtocart.trinity-cart-added:hover,.addtocart.trinity-cart-added:focus,.multi-add.trinity-cart-added:hover,.multi-add.trinity-cart-added:focus{background:#17663f!important;border-color:#17663f!important;color:#fff!important}
.product-page-content .product-wishlist{padding-top:.35rem;font-size:.9rem}
.product-page-content .availability_description{margin-top:1rem;padding:.75rem 1rem;border-left:3px solid var(--trinity-ink);background:var(--trinity-paper);font-size:.9rem}
.product-page-content .main-image{min-height:520px;display:flex;align-items:center;justify-content:center;margin:0}
.product-page-content #main-image{max-height:560px;width:auto;object-fit:contain}
.product-page-content .product-image-small{max-height:86px;width:100%;object-fit:contain;border:1px solid var(--trinity-line);border-radius:.4rem;padding:.25rem;background:#fff}
.product-page-content > .row.mt-2{margin-top:1.5rem!important}
.product-page-content > .row.mt-2 > .col-12{background:var(--trinity-card);border:1px solid var(--trinity-line);border-radius:var(--trinity-radius);padding:1.35rem}
#n_product > .row.mt-2{max-width:1440px;margin:1.5rem auto 3rem!important;padding:0 1rem}
#n_product > .row.mt-2 > .col-12{background:var(--trinity-card);border:1px solid var(--trinity-line);border-radius:var(--trinity-radius);padding:1.35rem}
.product-page-content .panel-product-details{margin:0}
.product-page-content .panel-product-details .panel{border:0;border-bottom:1px solid var(--trinity-line);border-radius:0;background:transparent}
.product-page-content .panel-product-details .panel:last-child{border-bottom:0}
.product-page-content .panel-product-details .panel-heading{padding:0}
.product-page-content .panel-product-details .panel-title{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;color:var(--trinity-ink);font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:1.25rem;font-weight:700;text-decoration:none}
.product-page-content .panel-product-details .panel-title:after{content:'+';font-family:Arial,sans-serif;font-size:1.2rem;font-weight:400}
.product-page-content .panel-product-details .panel-title[aria-expanded='true']:after{content:'−'}
.product-page-content .panel-product-details .panel-body{padding:0 0 1rem;color:var(--trinity-ink);line-height:1.65}
.product-page-content .panel-product-details .table{margin:0;background:var(--trinity-paper);border:1px solid var(--trinity-line)}
.product-page-content .panel-product-details .table td{padding:.65rem .75rem;border-color:var(--trinity-line);color:var(--trinity-ink)}
.product-page-content .panel-product-details .table td:first-child{width:34%;font-weight:700}
.product-page-content .brand-about-content{display:flex;align-items:flex-start;gap:1.25rem}
.product-page-content .brand-about-logo{flex:0 0 150px;display:flex;align-items:center;justify-content:center;min-height:90px;padding:.75rem;border:1px solid var(--trinity-line);border-radius:.5rem;background:#fff}
.product-page-content .brand-about-logo img{display:block;max-width:100%;max-height:90px;width:auto;height:auto;object-fit:contain}
.product-page-content .brand-about-description{flex:1;min-width:0}
.product-page-content .brand-about-description p:first-child{margin-top:0}
.product-page-content .brand-about-description .btn{margin-top:.75rem;background:var(--trinity-ink);border-color:var(--trinity-ink);color:#fff}
.product-page-content .brand-about-description .btn:hover,.product-page-content .brand-about-description .btn:focus{background:#000;border-color:#000;color:#fff}
.brand-about-content{display:flex;align-items:flex-start;gap:1.25rem}
.brand-about-logo{flex:0 0 200px;display:flex;align-items:center;justify-content:center;min-height:140px;padding:1rem;border:1px solid var(--trinity-line);border-radius:.5rem;background:#fff}
.brand-about-logo img{display:block;max-width:100%;max-height:140px;width:auto;height:auto;object-fit:contain}
.brand-about-description{flex:1;min-width:0}
.brand-about-description p:first-child{margin-top:0}
.brand-about-description .btn{margin-top:.75rem;background:var(--trinity-ink);border-color:var(--trinity-ink);color:#fff}
.brand-about-description .btn:hover,.brand-about-description .btn:focus{background:#000;border-color:#000;color:#fff}
.panel-product-details .panel-title{display:flex;align-items:center;justify-content:flex-start;gap:.45rem;padding:1rem 0;color:var(--trinity-ink);font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-size:1.25rem;font-weight:700;text-decoration:none}
.panel-product-details .panel-title:after{content:'▸';font-family:Arial,sans-serif;font-size:1.1rem;font-weight:400;line-height:1;transform:rotate(0deg);transition:transform .15s ease}
.panel-product-details .panel-title[aria-expanded='true']:after{content:'▾';transform:none}
@media(min-width:992px){
  #main-content > .row > .col-lg-9:has(.product-page-content){flex:0 0 100%;max-width:100%}
  .product-page-content > .row:first-child{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);margin:0}
  .product-page-content > .row:first-child > section{width:auto;max-width:none;flex:none}
  .product-page-content > .row.mt-2{margin-left:0;margin-right:0}
  #n_product > .row.mt-2{padding:0 1rem}
}
@media(max-width:991.98px){
  .product-page-content{margin:1rem .75rem 2rem}
  .product-page-content > .row:first-child{gap:1rem}
  .product-page-content > .row:first-child > section{padding:1rem!important}
  .product-page-content .main-image{min-height:300px}
  .product-page-content #main-image{max-height:380px}
}
@media(max-width:575.98px){
  .product-page-content{margin-left:.35rem;margin-right:.35rem}
  .product-page-content .wrapper-product-title h1{font-size:2rem}
  .product-page-content .product-price{font-size:1.55rem}
  .product-page-content > .row.mt-2 > .col-12{padding:.9rem}
  #n_product > .row.mt-2 > .col-12{padding:.9rem}
  .product-page-content .brand-about-content{display:block}
  .product-page-content .brand-about-logo{width:150px;margin-bottom:1rem}
  .brand-about-content{display:block}
  .brand-about-logo{width:170px;margin-bottom:1rem}
  .product-page-content .product-buying-area .buying-options{grid-template-columns:1fr}
  .product-page-content .product-buying-area .buying-options .col-12:first-of-type,.product-page-content .product-buying-area .buying-options .col-12:nth-of-type(2){grid-column:1}
}
input[type='number']{-moz-appearance:textfield}
input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.trinity-product-card .trinity-variation-cell.is-sold-out label{color:#9b9b9b!important}
.trinity-product-card .trinity-variation-cell.is-preorder label{color:#9a5a00!important}
.trinity-product-card .trinity-preorder-label{display:block;color:#9a5a00;font-size:.62rem;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.03em}
.trinity-product-card .trinity-variation-cell .qty:disabled{background:#e7e7e7!important;border-color:#c8c8c8!important;color:#999!important;cursor:not-allowed;opacity:1}
.filter-container .filter-dropdown{min-width:240px;max-width:min(320px,calc(100vw - 2rem));padding:1rem 1.1rem!important;border:1px solid #d5d5d5;border-radius:.35rem;box-shadow:0 8px 20px rgba(0,0,0,.14);white-space:normal}
.filter-container .filter-dropdown h4{margin:0 0 1rem;font-size:1.05rem;line-height:1.2}
.filter-container .filter-dropdown br{display:none}
.filter-container .filter-dropdown a{display:inline-flex;align-items:center;min-height:2rem;margin:0 .35rem .35rem 0;padding:.25rem .45rem;border-radius:.25rem;color:var(--trinity-ink);line-height:1.1;text-decoration:none;white-space:nowrap}
.filter-container .filter-dropdown a:hover,.filter-container .filter-dropdown a:focus{background:var(--trinity-soft);color:var(--trinity-ink)}
.filter-container .filter-dropdown a span{display:inline-flex;align-items:center;gap:.45rem}
.filter-container .filter-dropdown a i{font-size:.9rem;color:var(--trinity-accent)}
.filter-container .trinity-variation-filter .filter-dropdown,.filter-container .trinity-brand-filter .filter-dropdown{max-height:22rem;overflow-y:auto}
@media(max-width:767.98px){.filter-container .filter-dropdown{position:absolute;max-width:calc(100vw - 2rem);min-width:220px}.filter-container .filter-dropdown a{min-height:2.2rem}}
.trinity-sort-form{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;margin:.15rem 0 .35rem}
.trinity-sort-form label{margin:0;color:var(--trinity-ink);font-family:'Barlow Condensed',sans-serif;font-size:1rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}
.trinity-sort-form select{min-width:12rem;height:2.35rem;padding:.25rem 2rem .25rem .7rem;border:1px solid #bdbdbd;border-radius:.25rem;background:#fff;color:var(--trinity-ink);font:600 .95rem 'Inter',sans-serif}
.trinity-results-count{margin:.35rem 0;color:var(--trinity-muted);font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
@media(max-width:767.98px){.trinity-sort-form{justify-content:flex-start;margin-top:.75rem}.trinity-sort-form select{min-width:0;flex:1}}
@media(min-width:992px){
  .trinity-product-card a.thumbnail-image{position:relative!important;display:block!important;overflow:hidden!important}
  .trinity-product-card a.thumbnail-image img.product-image-hover{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:contain!important;opacity:0!important;transition:opacity .2s ease}
  .trinity-product-card a.thumbnail-image.has-hover-image:hover img.product-image-hover{opacity:1!important}
  .trinity-product-card a.thumbnail-image.has-hover-image:hover img.product-image:not(.product-image-hover){opacity:0!important}
}
.product-page-content .buying-options .addtocart.trinity-cart-added,.trinity-product-card .buying-options .addtocart.trinity-cart-added{background:#218653!important;border-color:#218653!important;color:#fff!important}
.product-page-content .buying-options .addtocart.trinity-cart-added:hover,.product-page-content .buying-options .addtocart.trinity-cart-added:focus,.trinity-product-card .buying-options .addtocart.trinity-cart-added:hover,.trinity-product-card .buying-options .addtocart.trinity-cart-added:focus{background:#17663f!important;border-color:#17663f!important;color:#fff!important}
.trinity-home-brands h2{color:#fff!important}
.trinity-rail-wrap{position:relative}.trinity-rail-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:42px;height:42px;border:1px solid #bdbdb6;border-radius:50%;background:rgba(255,255,255,.96);color:#171717;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px rgba(0,0,0,.12);cursor:pointer}.trinity-rail-arrow:hover:not(:disabled),.trinity-rail-arrow:focus-visible{background:#171717;color:#fff}.trinity-rail-arrow:disabled{opacity:0;pointer-events:none}.trinity-rail-prev{left:-18px}.trinity-rail-next{right:-18px}.trinity-home-brands .trinity-rail-arrow{border-color:#555}.trinity-rail{scroll-behavior:smooth}.trinity-rail-wrap .trinity-rail{padding-left:3px;padding-right:3px}
@media(max-width:767px){.trinity-rail-prev{left:2px}.trinity-rail-next{right:2px}.trinity-rail-arrow{width:36px;height:36px}}

/* Content pages */
.trinity-content-page{padding-bottom:3rem}.trinity-page-intro{max-width:720px;margin:0 0 2.5rem;color:#5f6368;font-size:1.08rem;line-height:1.65}.trinity-eyebrow{color:#6b6b65;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.trinity-story-grid,.trinity-contact-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:3rem;align-items:start;margin:2rem 0 3rem}.trinity-story-grid h2,.trinity-contact-grid h2{max-width:650px;font-size:clamp(2rem,4vw,3.5rem);line-height:.98;letter-spacing:-.045em}.trinity-story-grid p,.trinity-contact-grid p{max-width:650px;font-size:1.05rem;line-height:1.7}.trinity-story-card,.trinity-contact-card{padding:2rem;background:#171717;color:#fff;border-radius:2px}.trinity-story-card strong{display:block;font-size:1.5rem;line-height:1.05;margin-bottom:1rem}.trinity-story-card p{font-size:.98rem;color:#e8e8e2}.trinity-story-card a{margin-top:1rem}.trinity-page-cta{margin:2rem 0;padding:2rem 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.trinity-page-cta h2{margin-bottom:.5rem}.trinity-page-cta p{max-width:620px;color:#5f6368}.trinity-page-cta .btn{margin:.25rem .45rem .25rem 0}.trinity-contact-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2rem}.trinity-contact-details p{font-size:.95rem;line-height:1.45}.trinity-contact-card h2{font-size:1.6rem;letter-spacing:-.02em}.trinity-action-link{display:block;padding:1rem 0;border-top:1px solid rgba(255,255,255,.22);color:#fff!important;text-decoration:none!important}.trinity-action-link strong,.trinity-action-link span{display:block}.trinity-action-link strong{font-size:1.05rem}.trinity-action-link span{margin-top:.3rem;color:#c8c8c1;font-size:.86rem}.trinity-brand-search{max-width:420px;margin:0 0 2rem}.trinity-brand-search label{display:block;margin-bottom:.4rem;font-weight:700}.trinity-brand-search small{display:block;margin-top:.45rem;color:#777}.trinity-brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.trinity-brand-card{width:auto!important;height:100px!important;border:1px solid #ddd!important;background:#fff!important;color:#171717!important;transition:transform .2s ease,box-shadow .2s ease}.trinity-brand-card:hover,.trinity-brand-card:focus{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.trinity-brand-card[hidden]{display:none!important}.trinity-brand-card span{font-size:1rem!important}.trinity-article-card{border:1px solid #ddd;background:#fff;border-radius:2px}.trinity-article-card h2{font-size:clamp(1.5rem,2.5vw,2.25rem);line-height:1.02;letter-spacing:-.03em}.trinity-article-card h2 a{text-decoration:none}.trinity-article-card h2 a:hover{text-decoration:underline}.trinity-article-card p[itemprop=description]{max-width:760px;color:#5f6368;line-height:1.65}.trinity-article-actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.trinity-404-page{padding:5rem 1rem;text-align:center}.trinity-404-page h1{font-size:clamp(2.5rem,7vw,5rem);letter-spacing:-.06em;line-height:.95}.trinity-404-page>p:not(.trinity-eyebrow){max-width:540px;margin:1.25rem auto 2rem;color:#666;font-size:1.05rem}.trinity-404-actions{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap}
@media(max-width:767px){.trinity-story-grid,.trinity-contact-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:1rem}.trinity-contact-details{grid-template-columns:1fr;gap:.25rem}.trinity-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.trinity-brand-card{height:86px!important}.trinity-content-page{padding-bottom:2rem}.trinity-404-page{padding:4rem .5rem}}

/* Trinity homepage */
.trinity-home{background:#f7f7f4;color:#171717;margin:0 -15px}.trinity-home h1,.trinity-home h2,.trinity-home h3,.trinity-home p{margin-top:0}.trinity-home h2{font-size:clamp(28px,3vw,44px);line-height:1;letter-spacing:-.04em}.trinity-home a{color:inherit}.trinity-home-hero{min-height:390px;padding:72px clamp(24px,6vw,90px);display:flex;align-items:center;justify-content:space-between;background:#e7e7e0;overflow:hidden}.trinity-home-hero-copy{max-width:620px}.trinity-home-hero h1{font-size:clamp(42px,6vw,78px);line-height:.94;letter-spacing:-.06em;margin:10px 0 22px}.trinity-home-hero p:not(.eyebrow){font-size:19px;max-width:420px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:700;color:#606060;margin-bottom:12px!important}.trinity-home-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.trinity-home-actions .btn,.trinity-home-about .btn{border-radius:3px;padding:12px 18px}.trinity-home-hero-mark{width:220px;height:220px;border:2px solid #171717;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-12deg);flex:0 0 auto}.trinity-home-hero-mark span{font-size:30px;font-weight:800;letter-spacing:.08em}.trinity-home-hero-mark small{letter-spacing:.25em}.trinity-home-section{padding:64px clamp(18px,5vw,72px)}.trinity-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.trinity-section-heading h2{margin-bottom:0}.trinity-section-heading>a{font-size:13px;font-weight:700;white-space:nowrap}.trinity-section-heading i,.trinity-home-about i{margin-left:5px}.trinity-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;padding:3px 3px 15px;scrollbar-width:thin}.trinity-rail>*{scroll-snap-align:start;flex:0 0 auto}.trinity-category-card{width:220px;background:#fff;border:1px solid #deded8;padding-bottom:18px;text-decoration:none!important}.trinity-category-image{height:160px;background:#ecece7 center/cover no-repeat}.trinity-category-card strong,.trinity-category-card span{display:block;padding:0 18px}.trinity-category-card strong{font-size:21px;margin-top:16px}.trinity-category-card span{color:#686868;font-size:12px;margin-top:8px}.trinity-home-brands{background:#171717;color:#fff}.trinity-home-brands .eyebrow,.trinity-home-brands .trinity-section-heading>a{color:#bdbdb6}.trinity-brand-card{width:170px;height:105px;background:#fff;color:#171717!important;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;text-decoration:none!important}.trinity-brand-card img{max-width:100%;max-height:65px;object-fit:contain}.trinity-brand-card span{font-weight:800;font-size:17px;text-transform:uppercase;letter-spacing:.04em}.trinity-product-card{width:230px;background:#fff;border:1px solid #deded8}.trinity-product-image{height:240px;display:flex;align-items:center;justify-content:center;background:#fff;padding:18px}.trinity-product-image img{max-width:100%;max-height:205px;object-fit:contain}.trinity-product-meta{padding:18px}.trinity-product-meta>span{color:#777;text-transform:uppercase;letter-spacing:.1em;font-size:10px}.trinity-product-meta h3{font-size:17px;line-height:1.1;min-height:38px;margin:7px 0 14px}.trinity-product-meta h3 a{text-decoration:none}.trinity-product-meta strong{font-size:18px}.trinity-home-value{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#d8d8d1;border-top:1px solid #d8d8d1;border-bottom:1px solid #d8d8d1}.trinity-home-value>div{background:#e7e7e0;padding:28px clamp(18px,4vw,58px)}.trinity-home-value strong,.trinity-home-value span{display:block}.trinity-home-value strong{font-size:18px}.trinity-home-value span{color:#666;font-size:13px;margin-top:5px}.trinity-home-about{padding:70px clamp(24px,8vw,120px);display:grid;grid-template-columns:180px 1fr;gap:28px;align-items:start;background:#d8e1d3}.trinity-about-number{font-size:100px;line-height:.8;font-weight:800;letter-spacing:-.09em}.trinity-home-about h2{max-width:620px}.trinity-home-about p:not(.eyebrow){max-width:560px;font-size:18px;line-height:1.5}.trinity-home-about .btn{margin-top:10px}.trinity-blog-card{width:330px;background:#fff;border:1px solid #deded8}.trinity-blog-card-image{height:150px;background:#deded8 center/cover no-repeat}.trinity-blog-card-body{padding:20px}.trinity-blog-card-body h3{font-size:23px;line-height:1.05}.trinity-blog-card-body h3 a{text-decoration:none}.trinity-blog-card-body p:not(.eyebrow){color:#666;font-size:14px}.trinity-blog-card-body>a{font-size:13px;font-weight:700}.trinity-blog-empty{min-width:330px;padding:40px;background:#e7e7e0}.trinity-empty-rail{padding:30px;color:#666}
@media(max-width:767px){.trinity-home{margin:0 -10px}.trinity-home-hero{min-height:430px;padding:52px 24px;display:block}.trinity-home-hero-mark{width:120px;height:120px;margin:34px 0 0 auto}.trinity-home-hero-mark span{font-size:17px}.trinity-home-hero-mark small{font-size:7px}.trinity-home-section{padding:46px 18px}.trinity-section-heading{align-items:start;flex-direction:column;gap:10px}.trinity-category-card{width:180px}.trinity-category-image{height:130px}.trinity-brand-card{width:145px;height:90px}.trinity-product-card{width:200px}.trinity-product-image{height:205px}.trinity-home-value{grid-template-columns:1fr}.trinity-home-about{grid-template-columns:1fr;padding:54px 24px}.trinity-about-number{font-size:70px}.trinity-blog-card{width:285px}}

/* Keep the homepage brand rail card geometry distinct from the full Brands grid. */
.trinity-home .trinity-brand-card{width:170px!important;height:105px!important;border:0!important}
@media(max-width:767px){.trinity-home .trinity-brand-card{width:145px!important;height:90px!important}}

/* Homepage carousel refinement: contained imagery, equal card rhythm, and a clear next-card peek. */
.trinity-home .trinity-rail-wrap{margin:0 -10px;padding:0 10px}
.trinity-home .trinity-rail{gap:1.15rem;padding:5px 4px 1.25rem;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}
.trinity-home .trinity-rail::-webkit-scrollbar{display:none}
.trinity-home .trinity-rail>*{scroll-snap-align:start}
.trinity-home .trinity-rail-arrow{transition:opacity .18s ease,background-color .18s ease,color .18s ease,transform .18s ease;box-shadow:0 8px 22px rgba(0,0,0,.16)}
.trinity-home .trinity-rail-arrow:disabled{opacity:.22;pointer-events:none}
.trinity-home .trinity-rail-arrow:focus-visible{outline:3px solid #9ebdd0;outline-offset:3px}
.trinity-home .trinity-category-card{width:clamp(230px,22vw,285px);padding:0;border:1px solid #deded8;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(28,28,28,.08);transition:transform .2s ease,box-shadow .2s ease}
.trinity-home .trinity-category-card:hover,.trinity-home .trinity-category-card:focus-visible{transform:translateY(-4px);box-shadow:0 14px 28px rgba(28,28,28,.14)}
.trinity-home .trinity-category-image{height:auto;aspect-ratio:4/3;background:#ecece7;overflow:hidden}
.trinity-home .trinity-category-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.trinity-home .trinity-category-card:hover .trinity-category-image img,.trinity-home .trinity-category-card:focus-visible .trinity-category-image img{transform:scale(1.04)}
.trinity-home .trinity-category-card-copy{padding:1.05rem 1.1rem 1.2rem;background:#fff}
.trinity-home .trinity-category-card strong{margin:0;min-height:2.1rem;font-size:clamp(1.25rem,1.8vw,1.55rem);line-height:1.02}
.trinity-home .trinity-category-card span{padding:0;margin-top:.7rem;color:#777;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.trinity-home .trinity-category-card span i{margin-left:.3rem;transition:transform .18s ease}
.trinity-home .trinity-category-card:hover span i,.trinity-home .trinity-category-card:focus-visible span i{transform:translateX(3px)}
.trinity-home .trinity-product-card{width:clamp(235px,22vw,285px);display:flex;flex-direction:column;border:1px solid #deded8;border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(28,28,28,.08);transition:transform .2s ease,box-shadow .2s ease}
.trinity-home .trinity-product-card:hover,.trinity-home .trinity-product-card:focus-within{transform:translateY(-4px);box-shadow:0 14px 28px rgba(28,28,28,.14)}
.trinity-home .trinity-product-image{height:auto;aspect-ratio:1/1;padding:1.2rem;background:#fff;overflow:hidden}
.trinity-home .trinity-product-image img{width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;transition:transform .3s ease}
.trinity-home .trinity-product-card:hover .trinity-product-image img,.trinity-home .trinity-product-card:focus-within .trinity-product-image img{transform:scale(1.035)}
.trinity-home .trinity-product-meta{display:flex;flex:1;flex-direction:column;padding:1rem 1.1rem 1.15rem;background:#fff}
.trinity-home .trinity-product-meta>span{min-height:1rem;color:#777;font-size:.66rem;font-weight:700;letter-spacing:.12em}
.trinity-home .trinity-product-meta h3{display:-webkit-box;min-height:2.45rem;margin:.35rem 0 .7rem;overflow:hidden;font-size:1.25rem;line-height:1.02;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.trinity-home .trinity-product-meta small{margin-top:auto;color:#999;font-size:.68rem;letter-spacing:.04em}
.trinity-home .trinity-product-meta strong{display:block;margin-top:.45rem;font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-size:1.1rem;line-height:1.1}.trinity-home .trinity-tax-note{display:block;margin-top:.18rem;color:#888;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}
.trinity-home .trinity-home-popular{border-top:1px solid #e1e1da}
.trinity-home .trinity-home-popular .trinity-section-heading{margin-bottom:1.15rem}
@media(max-width:767px){
  .trinity-home .trinity-home-section{padding-left:14px;padding-right:14px}
  .trinity-home .trinity-rail-wrap{margin:0 -4px;padding:0 4px}
  .trinity-home .trinity-rail{gap:.8rem;padding-bottom:1rem}
  .trinity-home .trinity-category-card,.trinity-home .trinity-product-card{width:78vw;max-width:310px}
  .trinity-home .trinity-category-card-copy{padding:.9rem 1rem 1rem}
  .trinity-home .trinity-category-card strong{font-size:1.35rem}
  .trinity-home .trinity-product-meta{padding:.85rem .95rem 1rem}
  .trinity-home .trinity-product-meta h3{font-size:1.18rem}
  .trinity-home .trinity-rail-prev{left:4px}.trinity-home .trinity-rail-next{right:4px}
}

/* Homepage UX polish: clearer trade value, stronger focus states, and better touch browsing. */
.trinity-home-hero{position:relative;background:#e7e7e0;isolation:isolate}
.trinity-home-hero::after{content:'';position:absolute;right:-8rem;bottom:-12rem;width:34rem;height:34rem;border:1px solid rgba(23,23,23,.18);border-radius:50%;box-shadow:0 0 0 2.5rem rgba(23,23,23,.035),0 0 0 5rem rgba(23,23,23,.025);pointer-events:none;z-index:-1}
.trinity-home-hero-copy{position:relative;z-index:1}
.trinity-home-actions .btn{font-weight:700;letter-spacing:.02em;transition:transform .18s ease,box-shadow .18s ease}
.trinity-home-actions .btn:hover,.trinity-home-actions .btn:focus-visible{transform:translateY(-2px);box-shadow:0 7px 16px rgba(23,23,23,.16)}
.trinity-home-hero-points{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin:1.35rem 0 0;padding:0;list-style:none;color:#55554f;font-size:.75rem;font-weight:700;letter-spacing:.025em}
.trinity-home-hero-points li{display:inline-flex;align-items:center;gap:.35rem}
.trinity-home-hero-points i{color:var(--trinity-accent,#218653);font-size:1rem}
.trinity-home-hero-mark{position:relative;background:rgba(247,247,244,.32);box-shadow:0 0 0 10px rgba(247,247,244,.28)}
.trinity-home .trinity-section-heading>a{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem 0;border-bottom:1px solid transparent;transition:border-color .18s ease,color .18s ease}
.trinity-home .trinity-section-heading>a:hover,.trinity-home .trinity-section-heading>a:focus-visible{border-color:currentColor;text-decoration:none}
.trinity-home .trinity-category-card:focus-visible,.trinity-home .trinity-product-card:focus-within,.trinity-home .trinity-brand-card:focus-visible,.trinity-home .trinity-blog-card:focus-within{outline:3px solid #9ebdd0;outline-offset:3px}
.trinity-home .trinity-product-meta h3 a:focus-visible,.trinity-home .trinity-blog-card a:focus-visible{outline:2px solid #9ebdd0;outline-offset:3px}
.trinity-home .trinity-rail{padding-bottom:1.5rem}
.trinity-home .trinity-product-card,.trinity-home .trinity-category-card{background:#fff}
.trinity-home .trinity-blog-card{border-radius:12px;overflow:hidden;box-shadow:0 6px 18px rgba(28,28,28,.08);transition:transform .2s ease,box-shadow .2s ease}
.trinity-home .trinity-blog-card:hover,.trinity-home .trinity-blog-card:focus-within{transform:translateY(-4px);box-shadow:0 14px 28px rgba(28,28,28,.14)}
@media(max-width:767px){
  .trinity-home-hero{min-height:480px;padding-top:46px;padding-bottom:42px}
  .trinity-home-hero::after{right:-14rem;bottom:-10rem;width:28rem;height:28rem}
  .trinity-home-hero-points{max-width:18rem;gap:.45rem .8rem;font-size:.7rem}
  .trinity-home-hero-mark{margin-top:30px}
  .trinity-home .trinity-section-heading>a{font-size:.78rem}
}
@media(prefers-reduced-motion:reduce){.trinity-home *,.trinity-home *::before,.trinity-home *::after{scroll-behavior:auto!important;transition:none!important}}

/* Homepage rails are discovery-only: never show inherited purchase controls here. */
.trinity-home .trinity-product-card .buying-options,
.trinity-home .trinity-product-card .trinity-variation-matrix,
.trinity-home .trinity-product-card .trinity-multi-add,
.trinity-home .trinity-product-card .addtocart,
.trinity-home .trinity-product-card input.qty,
.trinity-home .trinity-product-card input[type='number']{display:none!important}

/* Homepage product metadata: SKU left, price and tax note right on one aligned row. */
.trinity-home .trinity-product-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto auto;align-items:end}
.trinity-home .trinity-product-meta>span{grid-column:1/-1;grid-row:1}
.trinity-home .trinity-product-meta h3{grid-column:1/-1;grid-row:2}
.trinity-home .trinity-product-meta>small:not(.trinity-tax-note){grid-column:1;grid-row:3;margin-top:0;align-self:end}
.trinity-home .trinity-product-meta>strong{grid-column:2;grid-row:3;margin-top:0;text-align:right;white-space:nowrap}
.trinity-home .trinity-product-meta>.trinity-tax-note{grid-column:2;grid-row:4;margin-top:.12rem;text-align:right}

/* Desktop campaign rail: show one complete advert and a half-width peek of the next. */
@media (min-width: 768px) {
  #homepageCarousel { overflow: hidden; }
  #homepageCarousel .carousel-inner { display: flex; gap: 1rem; overflow: visible; }
  #homepageCarousel { margin: 1.25rem 0 1.75rem; }
  #homepageCarousel .carousel-inner { padding: .25rem .25rem 1.1rem; }
  #homepageCarousel .carousel-item {
    flex: 0 0 calc((100% - 1rem) * 2 / 3);
    margin-right: 0;
    display: none;
    overflow: hidden;
    border: 1px solid var(--td-ink-20);
    border-radius: 12px;
    background: var(--td-paper-light);
    box-shadow: 0 10px 24px rgba(23, 23, 20, .12);
  }
  #homepageCarousel .carousel-item.active,
  #homepageCarousel .carousel-item.active + .carousel-item { display: block; }
  #homepageCarousel.trinity-campaign-rail .carousel-inner { transition: transform .6s ease; will-change: transform; }
  #homepageCarousel.trinity-campaign-rail .carousel-item { display: block; }
  #homepageCarousel .trinity-campaign-image {
    display: block;
    width: 100%;
    height: clamp(260px, 31vw, 500px);
    aspect-ratio: 16 / 7;
    object-fit: contain;
    padding: .5rem;
    background: var(--td-paper-dark);
  }
  #homepageCarousel .carousel-control-prev,
  #homepageCarousel .carousel-control-next {
    top: 50%;
    bottom: auto;
    width: 2.75rem;
    height: 2.75rem;
    transform: translateY(-50%);
    border-radius: 50%;
    background: rgba(23, 23, 20, .86);
    opacity: .9;
  }
  #homepageCarousel .carousel-control-prev { left: 1.1rem; }
  #homepageCarousel .carousel-control-next { right: 1.1rem; }
  #homepageCarousel .carousel-control-prev:hover,
  #homepageCarousel .carousel-control-next:hover,
  #homepageCarousel .carousel-control-prev:focus,
  #homepageCarousel .carousel-control-next:focus { opacity: 1; }
  #homepageCarousel .carousel-indicators { bottom: .15rem; margin-bottom: 0; }
  #homepageCarousel .carousel-indicators li { width: 1.5rem; height: .2rem; border-radius: 999px; background: var(--td-ink-50); }
  #homepageCarousel .carousel-indicators .active { background: var(--active-brand-color); }
}

/* Mobile header search icon */
#mobile-search-show i,
#mobile-search-show .la-search,
.header-search i {
  color: #fff !important;
}

.trinity-header-logo {display:block;width:180px;height:auto;max-height:48px;object-fit:contain}
.trinity-header-logo-mobile {display:none;width:auto;height:auto;max-width:145px;max-height:42px;object-fit:contain}

@media (max-width: 767.98px) {
  #header-company-name a {
    display: flex;
    align-items: center;
    max-width: 145px;
  }

  #header-company-name .trinity-header-logo-desktop {display:none}
  #header-company-name .trinity-header-logo-mobile {display:block;width:135px;max-width:135px;max-height:42px}
}

/* Compact, consistent campaign banners on phones. */
@media (max-width: 767.98px) {
  #homepageCarousel .carousel-item {
    height: clamp(180px, 52vw, 220px);
    aspect-ratio: auto;
  }

  #homepageCarousel .trinity-campaign-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  #homepageCarousel .carousel-control-prev,
  #homepageCarousel .carousel-control-next {
    width: 12%;
  }

  #homepageCarousel .carousel-indicators {
    bottom: .35rem;
    margin-bottom: 0;
  }
}