@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//aeromaritime.fr/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.4.1") format("woff2");
}

:root {
	--wd-text-font: "Exo 2", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 300;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Source Serif 4", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 300;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Exo 2", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 300;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Exo 2", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Source Serif 4", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 300;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Source Serif 4", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 300;
	--wd-header-el-transform: capitalize;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(66,66,66);
	--wd-alternative-color: rgb(71,71,71);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(29,33,48);
	background-image: none;
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(246,246,244);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


.wd-page-title {
background-color: #0a0a0a;
}

.amsp-image-section{
display:flex;
flex-direction:column;
align-items:center;
}

/* Common Card */
.img-card{
position:relative;
border-radius:12px;
overflow:hidden;
box-shadow:0 10px 25px rgba(0,0,0,0.1);
cursor:pointer;
}

.img-card img{
width:100%;
height:100%;
object-fit:cover;
display:block;
transition:0.4s;

}

/* Overlay text */
.img-card span{
position:absolute;
bottom:15px;
left:50%;
transform:translateX(-50%);
color:#f7f7f7 !important;
font-size:13px;
letter-spacing:2px;
font-weight:600;
z-index: 9999;
}

/* Dark overlay */
.img-card::after{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(to top, rgba(0,0,0,0.5), transparent);
}

/* Hover zoom */
.img-card:hover img{
transform:scale(1.08);
}

/* Large top card */
.large{
width:420px;
height:280px;
margin-bottom:25px;
text-align:center;
}

/* Grid */
.img-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
}

.img-grid .img-card{
height:220px;
}

/* Tablet */
@media(max-width:992px){
.img-grid{
grid-template-columns:repeat(2,1fr);
}
}

/* Mobile */
@media(max-width:768px){

  .large{
    width:100%;
    max-width:420px;
    height:200px;
  }

  .img-grid{
    grid-template-columns:repeat(2,1fr); /* 2x2 grid */
    gap:12px;
    width:100%;
    max-width:420px;
  }

  .img-grid .img-card{
    height:140px;
  }

  .img-card span{
    font-size:11px;
  }

}

.amsp-title-section{
max-width:1200px;
margin:auto;
padding:5px;
}

/* Subtitle */
.amsp-subtitle{
letter-spacing:3px;
font-size:12px;
color:#00a3c4;
margin-bottom:10px;
}

/* Title */
.amsp-title{
font-size:35px;
font-weight:300;
color:#1c2b39;
line-height:1.2;
display:flex;
align-items:flex-start;
gap:12px;
margin:0;
}

/* Plus Icon */
.amsp-title .plus{
color:#00a3c4;
font-size:28px;
font-weight:600;
margin-top:5px;
}

/* Mobile Responsive */
@media(max-width:768px){

.amsp-title{
font-size:26px;
flex-direction:row;
gap:8px;
}

.amsp-title .plus{
font-size:20px;
margin-top:3px;
}

.amsp-subtitle{
font-size:12px;
letter-spacing:2px;
}

.scroll-down {
  width: 50px;
  height: 50px;
  border: 1px solid rgba(255,255,255,0.4);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
}

/* Arrow */
.scroll-down span {
  display: block;
  width: 10px;
  height: 10px;
  border-right: 1.5px solid #fff;
  border-bottom: 1.5px solid #fff;
  transform: rotate(45deg);
}

/* Smooth bounce animation (fixed transform conflict) */
@keyframes bounceArrow {
  0%, 100% { transform: translateY(0) rotate(45deg); }
  50% { transform: translateY(6px) rotate(45deg); }
}

.scroll-down span {
  animation: bounceArrow 1.5s infinite;
}

/* Hover (desktop only) */
@media (hover: hover) {
  .scroll-down:hover {
    border-color: #fff;
    transform: translateY(5px);
  }
}


@media (max-width: 768px) {
  .scroll-down {
    width: 44px;   /* Better thumb size */
    height: 44px;
    border-width: 1px;
  }

  .scroll-down span {
    width: 9px;
    height: 9px;
    border-width: 1.5px;
  }
}
