/* ===== TECHNICAL DOWNLOADS OVERRIDE STYLES ===== */
/* These styles are deliberately placed at the end with high specificity to ensure they work */
.technical-downloads-grid .technical-download-item .technical-download-content {
        padding: 15px 15px 5px 15px !important;
}


.technical-downloads-grid .technical-download-item .technical-download-type {
    text-transform: uppercase !important;
}

.technical-downloads-grid .technical-download-item .technical-download-button {
    display: inline-block !important;
    width: 100% !important;
    text-align: center !important;
    padding: 10px 20px !important;
    background-color: black !important;
    color: white !important;
    text-decoration: none !important;
}

/* ===== GLOBAL CONTAINER STYLES ===== */
.accessories-archive-container,
.samples-archive-container,
.technical-downloads-container {
	width: 100%;
    margin: 0 auto;
    padding: 0 15px;
	background: linear-gradient(170deg, #EEE3D1 12%, white 47%);
padding-top: 150px;
	padding-bottom: 50px;
}

.accessories-archive-container {
background: white !important;
}

.accessories-archive-container .inner-content,
.technical-downloads-container .inner-content,
.accessory-single .container .inner-content, 
.samples-archive-container .inner-content {
    max-width: 1200px;
	   margin: 0 auto;
}



@media (max-width: 1200px) {
    .accessories-archive-container,
    .samples-archive-container,
    .technical-downloads-container,
    .accessory-single .container {
        padding: 100px 15px;
    }
}

/* ===== GRID LAYOUTS ===== */
.accessories-grid,
.technical-downloads-grid,
.related-accessories-grid,
.mini-samples-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 30px;
    margin-bottom: 50px;
}


/* Mobile responsive adjustments for grids */
@media screen and (min-width: 480px) and (max-width: 767px) {
    .accessories-grid,
    .technical-downloads-grid,
    .mini-samples-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

/* Desktop grid layouts */
@media screen and (min-width: 650px) and (max-width: 950px) {
    .accessories-grid, .technical-downloads-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media screen and (min-width: 951px) {
    .accessories-grid,
	.technical-downloads-grid,
    .related-accessories-grid {
        grid-template-columns: repeat(5, 1fr);
    }
}

/* ===== TYPOGRAPHY STYLES ===== */
/* Navigation links (types/categories) */
.accessory-types a,
.technical-download-types a {
    text-decoration: none;
    color: #333;
    font-weight: 400;
    font-size: 18px;
    transition: color 0.2s;
}




/* Item titles */
.accessory-item-title,
.related-title,
.accessory-title h3 {
    margin: 0 0 15px;
    font-size: 20px;
    line-height: 1.3;
    text-align: left;
}

/* Technical download name styling */
.technical-download-name {
    margin: 0 0 10px;
    font-size: 18px !important;
    line-height: 1.3;
	height: 70px;
}

.accessory-title,
.accessory-technical-info h2,
.related-accessories h2,
.related-samples-section h2 {
    font-size: 28px;
    margin-bottom: 20px;
}

/* Single view title */
.accessory-title {
	margin-top: 0px;
    margin-bottom: 30px;
}

/* Item links */
.accessory-item-title a,
.related-title a,
.sample-details h3 a {
    color: #333;
    text-decoration: none;
    transition: color 0.2s ease;
}

/* ===== NAVIGATION MENUS ===== */
.accessory-types,
.technical-download-types {
    display: flex;
    gap: 10px;
    margin: 30px 0;
    flex-wrap: wrap;
}

/* ===== ITEM STYLING ===== */
.accessory-item,
.technical-download-item,
.related-item,
.mini-sample-item {
    display: flex;
    flex-direction: column;
}

/* Images */
.technical-download-image img,
.related-image img,
.sample-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Make accessory images smaller on archive */
.accessory-item-image {
    max-width: 85%;
}

.accessory-item-image img {
    width: 85%;
    height: auto;
    display: block;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}

/* ===== BUTTONS & ACTIONS ===== */
.button,
.technical-download-button,
.add-sample-btn,
.view-cart-button {
    display: inline-block;
    padding: 10px 20px;
    text-decoration: none;
    transition: background-color 0.3s ease;
    text-align: center;
}

.button-primary,
.button-primary1,
.add-sample-btn,
.technical-download-button {
    background-color: #010325;
    color: white;
	font-weight: 600;
}

.button-secondary,
.button-secondary1,
.view-cart-button {
    background-color: #9e7653;
    color: #333;
	font-weight: 600;
}

.button-secondary:hover,
.button-secondary1:hover,
.view-cart-button:hover {
    background-color: white;
	color: black;
}

/* ===== SINGLE ITEM LAYOUT ===== */
/* For accessory single and sample single */
.accessory-content-wrapper {
    display: flex;
    gap: 40px;
    align-items: flex-start;
}

@media (max-width: 768px) {
    .accessory-content-wrapper {
        flex-direction: column;
        gap: 30px;
    }
}

.single-sample-layout {
    display: flex;
    margin-bottom: 40px;
	gap: 20px;
}

/* Fix for single accessory styling */
.accessory-single .container {
    padding: 50px 15px;
}

.accessory-actions {
    display: flex;
	    flex-wrap: wrap;
    gap: 15px;
}

.accessory-gallery {
    flex: 1;
    min-width: 0;
}

.accessory-gallery .accessory-main-image {
    margin-bottom: 10px;
    border: 1px solid #eee;
    text-align: center;
}

.accessory-gallery .accessory-main-image img {
    max-height: 600px;
}

.accessory-thumbnails {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.accessory-thumbnails .thumbnail {
    flex: 0 0 calc(16.66% - 10px);
    max-width: calc(20% - 10px);
    border: 1px solid #eee;
    cursor: pointer;
}

.accessory-thumbnails img {
    width: 100%;
    height: auto;
    display: block;
}

.accessory-thumbnails .thumbnail-image.active {
    border: 1px solid #9e7653;
}

.accessory-details {
    flex: 1;
    min-width: 0;
	margin-top: 35px;
}

/* Tabs */
.technical-specs-tabs {
    border: 1px solid #eee;
    border-radius: 4px;
}

.tabs-navigation {
    display: flex;
    border-bottom: 1px solid #eee;
}

.tab-button {
    flex: 1;
    padding: 15px;
    background: none;
    border: none;
    cursor: pointer;
    font-weight: 600;
    text-align: center;
    color: black;
}

.tab-button.active {
    border-bottom: 2px solid #9e7653;
    color: #9e7653;
}

.tab-content {
    padding: 20px;
}

.tab-content.hidden {
    display: none;
}



/* ===== COLOR SCHEME ===== */
/* Primary text color */
body,
.accessory-item-title a,
.technical-download-name,
.related-title a,
.news-article-content p {
    color: #333;
}






/* ===== PAGINATION ===== */
.pagination,
.nav-links {
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

.pagination a,
.pagination span,
.nav-links a,
.nav-links span {
    padding: 8px 12px;
    margin: 0 5px;
    border: 1px solid #ddd;
    text-decoration: none;
    color: #333;
}

.pagination .current,
.nav-links .current {
    background-color: black;
    color: white;
}

/* Specifications grid */
.specs-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}

.spec-item {
    display: flex;
    flex-direction: column;
    padding: 15px;
    background-color: #f9f9f9;
    border-radius: 4px;
}

.spec-label {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 5px;
    color: #666;
}

.spec-value {
    font-size: 16px;
}

/* Responsive adjustment for specs grid */
@media (min-width: 768px) {
    .specs-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile responsive adjustments for grids - updated for 2 columns on mobile */
@media screen and (max-width: 479px) {
    .accessories-grid,
    .technical-downloads-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px; /* Slightly smaller gap for mobile */
    }
    
    /* Make images/content fit better in the smaller space */
    .accessory-item-image,
    .technical-download-image {
        max-width: 100%;
    }
    
    /* Adjust text size for tighter layout */
    .accessory-item-title,
    .technical-download-name {
        font-size: 16px;
        margin-bottom: 8px;
    }
    
    .technical-download-type {
        font-size: 12px;
        margin-bottom: 8px;
    }
}

.technical-download-button-2 {
  padding-bottom: 5px;
  color: black;
  text-align: left !important;
  position: relative;
  padding-right: 24px; /* Make space for the icon */
font-size: 15px;
}

.technical-download-button-2::after {
  content: "";
  position: absolute;
  right: 0;
  top: 40%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='77' height='77' viewBox='0 0 77 77' fill='none'%3E%3Cpath d='M38.5 49.9763L27.1473 38.6236L29.418 36.316L36.8958 43.7938V16.0417H40.1042V43.7938L47.582 36.316L49.8527 38.6236L38.5 49.9763ZM21.2247 60.9584C19.7478 60.9584 18.5148 60.4638 17.5255 59.4746C16.5363 58.4853 16.0417 57.2523 16.0417 55.7754V48.0016H19.25V55.7754C19.25 56.2694 19.4556 56.7221 19.8668 57.1333C20.278 57.5445 20.7307 57.7501 21.2247 57.7501H55.7753C56.2694 57.7501 56.722 57.5445 57.1332 57.1333C57.5444 56.7221 57.75 56.2694 57.75 55.7754V48.0016H60.9583V55.7754C60.9583 57.2523 60.4637 58.4853 59.4745 59.4746C58.4852 60.4638 57.2522 60.9584 55.7753 60.9584H21.2247Z' fill='black'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.technical-download-item {
    position: relative;
	border: 1px solid #c3c4c7;
}

.technical-download-type {
    position: absolute;
    top: 10px;
    right: 10px;
    background: #eee2d1;
    color: #9e7653 !important;
    padding: 5px 10px;
    font-size: 10px;
    font-weight: 600;
    text-transform: uppercase;
    z-index: 2;
}

.technical-download-image {
    position: relative;
    height: 200px; 
    overflow: hidden;
}

.technical-download-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
    object-position: center; 
}

.techdownloadbtn {
	width: 100%;
	text-align: center; 
	display: block;
	color: #9e7653;
	padding: 5px;
	margin-top: 5px;
}

.techdownloadbtn:hover {
	background-color: #9e7653;
	color: white;
}

.tech-download-buttons {
    min-height: 70px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start; 
	padding-bottom: 5px;
	padding-top: 12px;
	border-top: 1px solid black;
	
}

.technical-download-sector {
	text-transform: uppercase;
	font-weight: 600;
	color: #9e7653;
	font-size: 12px;	
}

.download-submit {
	background: black !important;
	color: white !important;
}

.download-submit:hover {
	background: #1a1a1a !important;
	  cursor: pointer;
}

.technical-download-item-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.technical-download-item-link:hover {
    text-decoration: none;
}

.technical-download-item {
    cursor: pointer;
}

.accessory-meta-header {
    display: flex;
   gap: 20px;
    margin-bottom: 10px;
	align-items: center;
}

.accessory-manufacturer {
    margin: 0;
}

.accessory-code {
    font-size: 14px;
    color: #666;
	font-weight: 600;
}