/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 22 2026 | 22:32:34 */
/* =========================================================
BLKFOG ACCORDION INLINE (2 COLUMN)
========================================================= */

.bf-product-accordion{
max-width:1200px;
margin:40px auto;
overflow:hidden;
}

/* make items sit side-by-side */

.bf-product-accordion-item{
width:48%;
float:left;
margin-right:4%;
border-top:1px solid var(--bf-border);
}

/* remove margin from second item */

.bf-product-accordion-item:nth-child(2){
margin-right:0;
}

/* bottom border */

/* give both items a bottom border */

.bf-product-accordion-item{
border-top:1px solid var(--bf-border);
border-bottom:1px solid var(--bf-border);
}
/* =========================================================
BLKFOG PRODUCT ACCORDION — UNIFIED SYSTEM
Matches FAQ Arrow Style
========================================================= */

/* Accordion item */

.bf-product-accordion-item{
border:1px solid var(--bf-border);
margin-bottom:12px;
background:#fff;
	border-radius:4px;
}

.bf-product-accordion-item:last-child{
border:1px solid var(--bf-border);
}

/* Toggle button */

.bf-product-accordion-toggle{
width:100%;
background:none;
border:none;

display:flex;
align-items:flex-start;
justify-content:flex-start;
gap:12px;

padding:18px 0;

cursor:pointer;

font-size:13px;
letter-spacing:.06em;
text-transform:uppercase;
font-weight:600;

padding-left:5%;

color:var(--bf-black);
text-align:left;
}


/* Remove focus outline */

.bf-product-accordion-toggle:focus{
outline:none;
}

/* Arrow (matches FAQ system) */

.bf-product-accordion-toggle::before{
content:"→";
font-size:13px;

transform:rotate(-45deg);
transition:transform .35s cubic-bezier(0.4,0,0.2,1);

margin-top:1px;
}

/* Arrow open state */

.bf-product-accordion-item.active .bf-product-accordion-toggle::before{
transform:rotate(90deg);
}

/* Accordion content */

.bf-product-accordion-content{
    max-height: 0;
    overflow: hidden;
    transition: max-height .35s ease;
    padding: 0;
}
/* add spacing back ONLY for text */

.bf-product-accordion-content p {
    padding: 14px 0 24px 32px;
}

.bf-spec-grid {
    padding-left: 32px;
}
/* Active state */

.bf-product-accordion-content p{
padding:14px 0 24px;
}

/* =========================================================
SPEC GRID (INLINE)
========================================================= */

.bf-spec-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:24px 40px;
}

/* Spec block */

.bf-spec h3{
font-size:11px;
letter-spacing:.08em;
text-transform:uppercase;
margin-bottom:6px;
color:var(--bf-muted);
}

.bf-spec p{
font-size:13px;
line-height:1.6;
margin:0;
color:var(--bf-body);
}

/* =========================================================
IMAGE SIZE ACF
========================================================= */

.bf-size-chart {
  width: 100%;
}

.bf-size-chart-img  {
    width: 100%;
  height: auto;
  display: block;
  border: 1px solid var(--bf-border);
  background: var(--bf-bg);
  padding: 8px;
}

.bf-size-missing {
  font-size: 13px;
  color: var(--bf-muted);
}
/* Mobile */

@media (max-width:640px){

.bf-spec-grid{
grid-template-columns:1fr;
}

}
@media (max-width:640px){

.bf-product-accordion-item{
width:100%;
float:none;
margin-right:0;
}

}