.reference-style-container {
    max-width: 1200px; /* Makes it wide like the reference */
    margin: 60px auto; /* Centers the whole block and adds space top/bottom */
    text-align: center;
    padding: 0 40px;
    font-family: 'Inter', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

.reference-heading {
    font-size: 32px;
    font-weight: 700;
    color: #111;
    margin-bottom: 30px;
    letter-spacing: -0.5px;
}

.reference-paragraph {
    font-size: 18px;
    line-height: 1.7; /* Adds the clean spacing between lines */
    color: #555; /* Makes the text slightly grey like the reference */
    margin-bottom: 25px;
    font-weight: 400;
    word-spacing: 1px;
}

.reference-paragraph strong {
    color: #333;
    font-weight: 600;
}

/* 1. HIDE ALL RETAIL ELEMENTS ON PRODUCT PAGE */
/* Hides Price, Quantity Box, Add to Cart, Buy Now, Available text, and Wishlist/Compare icons */
.ps-product__price, 
.ps-product__shopping, 
.ps-product__actions, 
.ps-product__content .ps-product__badge,
.ps-product__desc + .ps-product__shopping,
div[class*="product__shopping"],
div[class*="product__actions"],
.ps-product__meta,
.ps-list--dot {
    display: none !important;
}

/* 2. HIDE HEADER RETAIL ICONS (Wishlist/Compare/Cart) */
.header--product .header__actions .header-action-item:nth-child(1),
.header--product .header__actions .header-action-item:nth-child(2),
.ps-block--user-header + .header-action-item,
.ps-cart--mini,
.header__actions div:has(.fa-heart),
.header__actions div:has(.fa-random) {
    display: none !important;
}

/* 3. STYLE THE B2B QUOTE BUTTON */
.b2b-quote-btn {
    background-color: #1a3317 !important; /* Deep Forest Green */
    color: #ffffff !important;
    padding: 22px 30px;
    font-size: 18px;
    font-weight: 800;
    text-transform: uppercase;
    display: block;
    width: 100%;
    max-width: 450px;
    text-align: center;
    border-radius: 4px;
    margin: 25px 0;
    text-decoration: none;
    letter-spacing: 1px;
    transition: 0.3s ease-in-out;
    border: 2px solid #1a3317;
}

.b2b-quote-btn:hover {
    background-color: transparent !important;
    color: #1a3317 !important;
}

/* 4. CLEAN UP THE PRODUCT INFO AREA */
.ps-product__info {
    padding-top: 0 !important;
}