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

:root {
	--wd-header-banner-h: 40px;
	--wd-text-font: "Fira Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #777777;
	--wd-text-font-size: 14px;
	--wd-title-font: "Fira Sans", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Fira Sans", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 600;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Fira Sans", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Jura", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Fira Sans Condensed", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 600;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 14px;
	--wd-brd-radius: 8px;
	--wd-primary-color: rgb(130,13,20);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: rgb(130,13,20);
	--wd-link-color-hover: rgba(130,13,20,0.73);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(130,13,20);
	--btn-accented-bgcolor-hover: rgba(130,13,20,0.73);
	--wd-form-brd-width: 2px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
div.wd-popup.wd-age-verify {
	max-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://16324newwp.aphroditestrucks.gr/wp-content/uploads/2022/09/accessories-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
div.wd-popup.wd-promo-popup {
	max-width: 800px;
}
.header-banner {
	background-color: rgb(255,255,255);
	background-image: none;
}
.page-title-default {
	background-color: rgb(17,18,22);
	background-image: url(https://aphroditestrucks.gr/wp-content/uploads/2026/09/truck-for-banner.webp);
	background-repeat: no-repeat;
	background-size: contain;
	background-attachment: scroll;
	background-position: center center;
}
.footer-container {
	background-color: rgba(31,31,31,0.8);
	background-image: none;
}
html .product.category-grid-item .wd-entities-title, html .product.category-grid-item.cat-design-replace-title .wd-entities-title, html .wd-masonry-first .category-grid-item:first-child .wd-entities-title, html .product.wd-cat .wd-entities-title {
	font-size: 18px;
	text-transform: none;
}
html .wd-nav-mobile > li > a, html .wd-nav-mobile .wd-sub-menu li a {
	text-transform: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-family: "Fira Sans Condensed", Arial, Helvetica, sans-serif;
	font-weight: 700;
	font-size: 25px;
}
html .wd-buy-now-btn {
	background: rgb(36,36,36);
}
html .wd-buy-now-btn:hover {
	background: rgb(51,51,51);
}
.product-labels .product-label.onsale {
	background-color: rgb(30,115,190);
}
.product-labels .product-label.new {
	background-color: rgb(255,255,255);
	color: rgb(129,215,66);
}
.product-labels .product-label.featured {
	background-color: rgb(221,153,51);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(0,0,0);
}
div.wd-popup.popup-quick-view {
	max-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-banner-h: 40px;
	}

}
:root{
--wd-container-w: 1320px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1337px) {
.platform-Windows .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}

@media (min-width: 1320px) {
html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


/* SocialX – Premium global page-title banner */
.page-title.page-title-default {
    min-height: clamp(320px, 33.5vw, 640px);
    padding: 0 !important;
    background-color: #111216 !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: center center !important;
    display: flex;
    align-items: center;
}

.page-title.page-title-default > .container {
    width: 100%;
    max-width: none !important;
    margin: 0;
    padding: 0 7% 0 34%;
    text-align: center;
}

.page-title .entry-title,
.page-title .title {
    color: #ffffff !important;
    font-size: clamp(34px, 4vw, 68px) !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;
    letter-spacing: -0.02em;
    text-shadow: 0 4px 22px rgba(0, 0, 0, 0.85);
}

.page-title .breadcrumbs {
    color: rgba(255, 255, 255, 0.82) !important;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.9);
}


/* Tablet */
@media (max-width: 1024px) {

    .page-title.page-title-default {
        min-height: clamp(300px, 40vw, 410px);
    }

    .page-title.page-title-default > .container {
        padding-right: 5%;
        padding-left: 32%;
    }

    .page-title .entry-title,
    .page-title .title {
        font-size: clamp(30px, 5vw, 46px) !important;
    }

}


/* Mobile – ολόκληρο το φορτηγό και ευανάγνωστος τίτλος */
@media (max-width: 767px) {

    .page-title.page-title-default {
        min-height: 270px;
        padding: 0 15px 22px !important;
        background-size: 100% auto !important;
        background-position: center 18px !important;
        align-items: flex-end;
    }

    .page-title.page-title-default > .container {
        padding: 0 !important;
        text-align: center;
    }

    .page-title .entry-title,
    .page-title .title {
        font-size: 29px !important;
        line-height: 1.12 !important;
        margin-bottom: 7px !important;
    }

    .page-title .breadcrumbs {
        font-size: 11px !important;
    }

}


/* Διόρθωση θέσης τίτλου πάνω στην καρότσα */
@media (min-width: 1025px) {

    .page-title.page-title-default > .container {
        padding-left: 18% !important;
        padding-right: 6% !important;
        transform: translateY(-55px);
    }

}


/* =========================================================
   APHRODITES TRUCKS – CONTACT PAGE
   ========================================================= */

.at-contact-page {
    --wine: #920812;
    --wine-dark: #65070d;
    --wine-light: #bd1726;
    --ink: #202124;
    --ink-2: #292b30;
    --muted: #686b72;
    --line: #dedfe3;
    --field: #f3f4f6;
    --white: #ffffff;

    width: 100vw !important;
    max-width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: 0 !important;

    padding: 46px 24px 72px !important;

    transform: none !important;

    color: var(--ink);

    font-family:
        Inter,
        system-ui,
        -apple-system,
        "Segoe UI",
        sans-serif;
}

.at-contact-page *,
.at-contact-page *::before,
.at-contact-page *::after {
    box-sizing: border-box;
}

.at-contact-page a {
    text-decoration: none;
}


/* =========================================================
   INTRO
   ========================================================= */

.at-contact-intro {
    width: 100% !important;
    max-width: 1280px !important;

    margin: 0 auto 28px !important;

    display: grid !important;
    grid-template-columns: 1fr 1fr !important;

    gap: 60px !important;

    align-items: end !important;
}

.at-contact-label {
    margin: 0 0 8px !important;

    color: var(--wine) !important;

    font-size: 12px !important;
    font-weight: 800 !important;

    line-height: 1.2;

    letter-spacing: .15em;

    text-transform: uppercase;
}

.at-contact-intro h2 {
    max-width: 600px;

    margin: 0 !important;

    color: var(--ink) !important;

    font-size: clamp(34px, 3.5vw, 50px) !important;
    font-weight: 800 !important;

    line-height: 1.07 !important;

    letter-spacing: -.035em;
}

.at-contact-intro p {
    max-width: 620px;

    margin: 0 !important;

    color: var(--muted) !important;

    font-size: 15px !important;

    line-height: 1.75 !important;
}


/* =========================================================
   DESKTOP
   ΣΤΟΙΧΕΙΑ ΕΠΙΚΟΙΝΩΝΙΑΣ + ΦΟΡΜΑ ΔΙΠΛΑ ΔΙΠΛΑ
   ========================================================= */

.at-contact-main {
    width: 100% !important;
    max-width: 1280px !important;

    margin: 0 auto !important;

    display: flex !important;

    flex-direction: row !important;
    flex-wrap: nowrap !important;

    gap: 24px !important;

    align-items: stretch !important;
}

.at-contact-info,
.at-contact-form-card {
    min-width: 0 !important;
}

.at-contact-info {
    flex: 0 0 calc(43% - 12px) !important;

    width: calc(43% - 12px) !important;
}

.at-contact-form-card {
    flex: 0 0 calc(57% - 12px) !important;

    width: calc(57% - 12px) !important;
}


/* =========================================================
   LEFT SIDE
   ΣΤΟΙΧΕΙΑ ΕΠΙΚΟΙΝΩΝΙΑΣ
   ========================================================= */

.at-contact-info {
    position: relative;

    overflow: hidden;

    padding: 38px !important;

    border-radius: 28px !important;

    background:
        radial-gradient(
            circle at 100% 0,
            rgba(146, 8, 18, .38),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            #202226,
            #17191d
        ) !important;

    color: #ffffff !important;

    box-shadow:
        0 20px 55px rgba(23, 25, 29, .12);
}

.at-contact-info::after {
    content: "";

    position: absolute;

    width: 300px;
    height: 300px;

    right: -145px;
    bottom: -175px;

    border:
        1px solid rgba(255, 255, 255, .07);

    border-radius: 50%;

    pointer-events: none;
}

.at-contact-info-kicker {
    position: relative;

    z-index: 2;

    display: flex !important;

    align-items: center !important;

    gap: 10px !important;

    margin: 0 0 12px !important;

    color: #efa1a9 !important;

    font-size: 11px !important;
    font-weight: 850 !important;

    letter-spacing: .15em;

    text-transform: uppercase;
}

.at-contact-info-kicker::before {
    content: "";

    width: 30px;
    height: 2px;

    background: #d42637;
}

.at-contact-info h3 {
    position: relative;

    z-index: 2;

    margin: 0 0 10px !important;

    color: #ffffff !important;

    font-size: 30px !important;
    font-weight: 800 !important;

    line-height: 1.15 !important;
}

.at-contact-info > p {
    position: relative;

    z-index: 2;

    max-width: 480px;

    margin: 0 0 26px !important;

    color: #d1d2d5 !important;

    font-size: 14px !important;

    line-height: 1.7 !important;
}

.at-contact-details {
    position: relative;

    z-index: 2;

    display: grid !important;

    gap: 13px !important;
}

.at-contact-item {
    display: flex !important;

    align-items: center !important;

    gap: 15px !important;

    min-height: 92px !important;

    padding: 17px 18px !important;

    border:
        1px solid rgba(255, 255, 255, .10) !important;

    border-radius: 17px !important;

    background:
        rgba(255, 255, 255, .05) !important;

    transition:
        transform .22s ease,
        border-color .22s ease,
        background .22s ease;
}

.at-contact-item:hover {
    transform: translateY(-2px);

    border-color:
        rgba(255, 255, 255, .16) !important;

    background:
        rgba(255, 255, 255, .07) !important;
}

.at-contact-icon {
    display: grid !important;

    place-items: center !important;

    flex: 0 0 44px !important;

    width: 44px !important;
    height: 44px !important;

    min-width: 44px !important;
    min-height: 44px !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 13px !important;

    background:
        rgba(255, 255, 255, .09) !important;

    color: #ffffff !important;
}

.at-contact-icon svg {
    display: block !important;

    width: 20px !important;
    height: 20px !important;

    min-width: 20px !important;
    max-width: 20px !important;

    min-height: 20px !important;
    max-height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    stroke: currentColor !important;
}

.at-contact-item > div:last-child {
    min-width: 0;
}

.at-contact-item-label {
    display: block !important;

    margin: 0 0 5px !important;

    color: #aeb0b6 !important;

    font-size: 10px !important;
    font-weight: 850 !important;

    line-height: 1.2 !important;

    letter-spacing: .10em;

    text-transform: uppercase;
}

.at-contact-item a,
.at-contact-item strong {
    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    line-height: 1.65 !important;

    overflow-wrap: anywhere;
}

.at-contact-item a:hover {
    color: #efa1a9 !important;
}


/* =========================================================
   RIGHT SIDE
   CONTACT FORM CARD
   ========================================================= */

.at-contact-form-card {
    padding: 38px 40px !important;

    border:
        1px solid #e3e3e6 !important;

    border-radius: 28px !important;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fafafb 100%
        ) !important;

    box-shadow:
        0 18px 50px rgba(23, 25, 29, .07) !important;
}

.at-contact-form-card .at-contact-label {
    margin-bottom: 9px !important;
}

.at-contact-form-card h3 {
    margin: 0 0 8px !important;

    color: #202124 !important;

    font-size: 30px !important;
    font-weight: 800 !important;

    line-height: 1.15 !important;
}

.at-contact-form-card > p {
    max-width: 550px;

    margin: 0 0 25px !important;

    color: #686b72 !important;

    font-size: 14px !important;

    line-height: 1.7 !important;
}


/* =========================================================
   CONTACT FORM 7
   ========================================================= */

.at-contact-form {
    width: 100% !important;
}

.at-contact-form .at-form-grid {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(0, 1fr) !important;

    column-gap: 16px !important;

    row-gap: 0 !important;
}

.at-contact-form .at-form-field {
    margin: 0 0 16px !important;
}

.at-contact-form label {
    display: block !important;

    margin: 0 !important;

    color: #25272b !important;

    font-size: 13px !important;
    font-weight: 750 !important;

    line-height: 1.4 !important;
}


/* =========================================================
   FORM INPUTS
   ΠΙΟ ΣΚΟΥΡΟ ΓΚΡΙ ΓΙΑ ΝΑ ΞΕΧΩΡΙΖΟΥΝ ΑΠΟ ΤΟ ΛΕΥΚΟ
   ========================================================= */

.at-contact-form input[type="text"],
.at-contact-form input[type="email"],
.at-contact-form input[type="tel"],
.at-contact-form textarea {
    display: block !important;

    width: 100% !important;

    margin: 8px 0 0 !important;

    padding: 13px 15px !important;

    border:
        1px solid #bfc2c8 !important;

    border-radius: 12px !important;

    background:
        #eef0f2 !important;

    color:
        #202124 !important;

    font-family: inherit !important;

    font-size: 14px !important;

    outline: none !important;

    box-shadow:
        inset 0 1px 2px rgba(0, 0, 0, .035),
        0 1px 2px rgba(0, 0, 0, .025) !important;

    transition:
        border-color .2s ease,
        background .2s ease,
        box-shadow .2s ease;
}

.at-contact-form input[type="text"],
.at-contact-form input[type="email"],
.at-contact-form input[type="tel"] {
    height: 49px !important;
}

.at-contact-form textarea {
    height: 155px !important;

    min-height: 155px !important;

    resize: vertical;
}


/* HOVER */

.at-contact-form input[type="text"]:hover,
.at-contact-form input[type="email"]:hover,
.at-contact-form input[type="tel"]:hover,
.at-contact-form textarea:hover {
    border-color:
        #9ea2a9 !important;

    background:
        #f4f5f6 !important;
}


/* FOCUS */

.at-contact-form input[type="text"]:focus,
.at-contact-form input[type="email"]:focus,
.at-contact-form input[type="tel"]:focus,
.at-contact-form textarea:focus {
    border-color:
        #920812 !important;

    background:
        #ffffff !important;

    box-shadow:
        0 0 0 3px rgba(146, 8, 18, .10) !important;
}


/* =========================================================
   PRIVACY
   ========================================================= */

.at-form-privacy {
    margin:
        2px 0 18px !important;

    color:
        #55585e !important;

    font-size:
        12px !important;

    line-height:
        1.55 !important;
}

.at-form-privacy .wpcf7-list-item {
    margin:
        0 !important;
}

.at-form-privacy label {
    display:
        flex !important;

    align-items:
        flex-start !important;

    gap:
        8px !important;
}

.at-form-privacy input[type="checkbox"] {
    flex:
        0 0 auto;

    margin-top:
        3px;
}

.at-form-privacy a {
    color:
        #920812 !important;

    font-weight:
        800 !important;
}


/* =========================================================
   SUBMIT
   ========================================================= */

.at-form-submit {
    margin:
        0 !important;
}

.at-form-submit input[type="submit"] {
    width:
        100% !important;

    height:
        50px !important;

    margin:
        0 !important;

    padding:
        0 24px !important;

    border:
        0 !important;

    border-radius:
        999px !important;

    background:
        linear-gradient(
            135deg,
            #a40c19,
            #72070f
        ) !important;

    color:
        #ffffff !important;

    font-size:
        13px !important;

    font-weight:
        850 !important;

    letter-spacing:
        .02em;

    cursor:
        pointer;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.at-form-submit input[type="submit"]:hover {
    transform:
        translateY(-2px);

    box-shadow:
        0 12px 25px rgba(146, 8, 18, .22) !important;
}


/* =========================================================
   CF7 VALIDATION
   ========================================================= */

.at-contact-form .wpcf7-not-valid-tip {
    display:
        block !important;

    margin-top:
        5px !important;

    color:
        #a20b17 !important;

    font-size:
        11px !important;
}

.at-contact-form .wpcf7-response-output {
    margin:
        17px 0 0 !important;

    padding:
        13px 15px !important;

    border-radius:
        12px !important;

    font-size:
        12px !important;

    line-height:
        1.6 !important;
}

.at-contact-form .wpcf7-spinner {
    vertical-align:
        middle;
}


/* =========================================================
   MAP
   ========================================================= */

.at-contact-map {
    width:
        100% !important;

    max-width:
        1280px !important;

    margin:
        24px auto 0 !important;

    overflow:
        hidden;

    border:
        1px solid #e2e2e5 !important;

    border-radius:
        25px !important;

    background:
        #ffffff !important;

    box-shadow:
        0 14px 42px rgba(23, 25, 29, .055);
}

.at-contact-map-head {
    display:
        flex !important;

    justify-content:
        space-between !important;

    align-items:
        center !important;

    gap:
        25px;

    padding:
        24px 28px !important;
}

.at-contact-map-head h3 {
    margin:
        0 0 4px !important;

    color:
        #202124 !important;

    font-size:
        22px !important;

    font-weight:
        800 !important;
}

.at-contact-map-head p {
    margin:
        0 !important;

    color:
        #686b72 !important;

    font-size:
        12px !important;
}

.at-contact-map-btn {
    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    flex:
        0 0 auto;

    min-height:
        43px;

    padding:
        0 20px !important;

    border-radius:
        999px !important;

    background:
        #920812 !important;

    color:
        #ffffff !important;

    font-size:
        12px !important;

    font-weight:
        800 !important;
}

.at-contact-map-btn:hover {
    background:
        #65070d !important;

    color:
        #ffffff !important;
}

.at-contact-map-frame {
    width:
        100% !important;

    height:
        350px !important;

    background:
        #ededee;
}

.at-contact-map-frame iframe {
    display:
        block !important;

    width:
        100% !important;

    height:
        100% !important;

    border:
        0 !important;
}


/* =========================================================
   BOTTOM CTA
   ========================================================= */

.at-contact-help {
    width:
        100% !important;

    max-width:
        1280px !important;

    margin:
        20px auto 0 !important;

    padding:
        25px 29px !important;

    display:
        flex !important;

    justify-content:
        space-between !important;

    align-items:
        center !important;

    gap:
        30px;

    border:
        1px solid #e3e3e6 !important;

    border-radius:
        22px !important;

    background:
        #f6f6f7 !important;
}

.at-contact-help h3 {
    margin:
        0 0 5px !important;

    color:
        #202124 !important;

    font-size:
        20px !important;

    font-weight:
        800 !important;
}

.at-contact-help p {
    margin:
        0 !important;

    color:
        #686b72 !important;

    font-size:
        12px !important;
}

.at-contact-help > a {
    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    flex:
        0 0 auto;

    min-height:
        43px;

    padding:
        0 21px !important;

    border:
        1px solid #dedee1 !important;

    border-radius:
        999px !important;

    background:
        #ffffff !important;

    color:
        #920812 !important;

    font-size:
        12px !important;

    font-weight:
        850 !important;
}

.at-contact-help > a:hover {
    border-color:
        #c9c9ce !important;

    color:
        #65070d !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .at-contact-page {
        padding:
            36px 15px 60px !important;
    }

    .at-contact-intro {
        grid-template-columns:
            1fr !important;

        gap:
            14px !important;
    }

    .at-contact-main {
        display:
            grid !important;

        grid-template-columns:
            1fr !important;

        gap:
            18px !important;
    }

    .at-contact-info,
    .at-contact-form-card {
        width:
            100% !important;

        flex:
            auto !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .at-contact-page {
        padding:
            28px 10px 48px !important;
    }

    .at-contact-intro h2 {
        font-size:
            32px !important;
    }

    .at-contact-intro p {
        font-size:
            14px !important;
    }

    .at-contact-info,
    .at-contact-form-card {
        padding:
            24px 20px !important;

        border-radius:
            21px !important;
    }

    .at-contact-form .at-form-grid {
        grid-template-columns:
            1fr !important;
    }

    .at-contact-map {
        border-radius:
            21px !important;
    }

    .at-contact-map-head {
        flex-direction:
            column !important;

        align-items:
            flex-start !important;

        padding:
            22px !important;
    }

    .at-contact-map-btn {
        width:
            100% !important;
    }

    .at-contact-map-frame {
        height:
            300px !important;
    }

    .at-contact-help {
        flex-direction:
            column !important;

        align-items:
            flex-start !important;

        padding:
            22px !important;
    }

    .at-contact-help > a {
        width:
            100% !important;
    }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .at-contact-page *,
    .at-contact-page *::before,
    .at-contact-page *::after {
        transition:
            none !important;
    }

}