/*
 * Theme Name: Artware Child
 * Theme URI: https://www.artware.gr/
 * Description: Artware Child is a child theme of Artware
 * Author: Artware Development Team
 * Author URI: https://www.artware.gr/
 * Template: artware
 * Version: 1.7
 * Text Domain: xlate
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 */

:root {
--color-1: #D4D0C4; /* Brown */
--color-2: #FEFEFE; /* White */
--color-3: #0152C8; /* Blue */
--color-4: #5386E4; /* Cyan */
--color-5: #E89043; /* Orange */
--color-6: #EDE7DC; /* Beige */
--color-7: #EBE6DD; /* Light */
--color-8: #E1DCD1; /* 404 */

--post-1: #F3F4EE;
--post-2: #D4D0C4;
}

.make-wide-2 {width: 100vw;position: relative;left: 50%;right: 50%;margin-left: -50vw;margin-right: -50vw;}
.main-tag {font-family:'Roboto Mono';color:var(--color-3);font-weight:700;font-size:clamp(17px,1.5vw,22px);line-height:26px;}
.main-txt {font-weight: 400;font-size: clamp(28px,4vw,58px);line-height: clamp(36px,4vw,70px);color:var(--main-color);}
.main-txt-2 {font-weight: 400;font-size:clamp(18px,1.5vw,22px);line-height:clamp(24px,1.5vw,26px);}
.main-txt-3 {font-size:clamp(24px,1.5vw,48px);line-height:clamp(27px,1.5vw,50px);}
.main-txt-4 {font-size: clamp(18px,2vw,28px);line-height: clamp(26px,2vw,40px);}
.main-txt-5 {font-size:42px;line-height:50px;}
.main-txt-6 {font-size: clamp(45px,7vw,128px);line-height: clamp(50px,8vw,145px);font-weight:700;color:var(--main-color);}
.main-txt-7 {font-size: clamp(60px,6vw,96px);line-height: 1.18;font-weight:700;color:var(--main-color);}
.main-txt-8 {font-size: clamp(16px,3vw,20px);line-height:clamp(18px,3vw,24px);}
.main-txt-9 {font-size: clamp(14.5px,3vw,16.5px);line-height:clamp(16.5px,3vw,20.5px);}
.main-txt-10 {font-size: clamp(28px,3vw,58px);line-height:clamp(32px,3vw,70px);font-weight:400;}
.roboto {font-family:'Roboto Mono';}
.big-tit {font-size:clamp(40px,10vw,164px);line-height:1.2;}
.row-emp-2 {height: clamp(20px,2vw,30px);}
.bgMain {background-color:var(--main-color);}
.br20,.br30 {border-radius:0;}
.br20.vsb {border-radius:20px;}
.br30.vsb {border-radius:30px;}
.orangeBg {background-color:var(--color-5);}
:focus-visible {outline:0}

#matter-parent::after{content:'';width:100%;height:1.5px;background-color:#fff;position:absolute;bottom:0;left:0;}
#matter-parent svg {display:none;}
#matter-parent img {border-radius: 25px;object-fit:cover;width: 100%;}
.custom-cursor .cursor-dot {display:none;}
.custom-cursor:not(.is-hovering) .cursor-circle {border:none;border-radius:99px;width:104px;height:64px;background-color:transparent;background-size:0px 0px;transition:width .1s ease-in-out, height 0s ease-in-out, background-color .1s ease-in-out, border-radius 0s;}
.custom-cursor.is-hovering .cursor-circle {background-size:87px 26px;width:134px;height:64px;background-image:url(https://www.vestafoods.gr/wp-content/uploads/2025/07/drag.svg);background-color:var(--color-3);border-radius:99px;border:none;transition:width .1s ease-in-out, height 0s ease-in-out, background-color .1s ease-in-out, border-radius 0s;}

#matter-parent.matter-loading {animation: matter-pulse 1.8s ease-in-out infinite;}
@keyframes matter-pulse {
  0%,  100% { opacity: 1; }
  50%        { opacity: 0.6; }
}

body.search-results #main-container {background-color: var(--color-7);}
.nomika {font-size:16px;}

/* Header */
body > header {position:fixed;z-index: 9999;}
body > header .header-wrapper {max-width: fit-content;gap:5px;border:none;background-color:#fff;position:fixed;top:20px;left:0;right:0;margin:0 auto;padding: 0 10px;}
body > header .header-wrapper .header-logo {height: 100%;margin-right:10px;}
body > header .header-wrapper .header-logo .logo-1 {width:184px;opacity:1;transition:all .5s ease-in-out;transition-delay:.5s;}
body > header .header-wrapper .header-logo .logo-2 {width:0px;opacity:0;transition:all .5s ease-in-out;transition-delay:0s;}
body.scrolled > header .header-wrapper .header-logo .logo-1 {width:0px;opacity:0;transition-delay:0s;}
body.scrolled > header .header-wrapper .header-logo .logo-2 {width:44px;opacity:1;transition-delay:.5s;}
.header-lang a {font-size:16px;line-height:20px;color:var(--main-color);text-decoration:underline;}
.wpml-ls-link::after {content: attr(hreflang);text-transform: uppercase;}
.wpml-ls-statics-shortcode_actions ul {list-style:none;}
a.wpml-ls-link span {display:none;}
a.wpml-ls-link:has(span[lang="en"])::after {content:'EN';}
a.wpml-ls-link:has(span[lang="el"])::after {content:'GR';}
a.wpml-ls-link::after {width: 42px;height: 42px;display: flex;border:1px solid var(--main-color);justify-content: center;align-items: center;}

/* Footer */
footer {background-color:var(--color-1);padding:120px calc(var(--gutter) * 2) 150px;color:var(--color-1);border-radius: 0 0 30px 30px;}
footer::before, footer::after {content:'';width:30px;height:30px;z-index:-1;background-color:var(--main-color);position:absolute;bottom:-1px;pointer-events:none;}
footer::before {left:0;}
footer::after {right:0;}
footer .footer-lef {max-height: 831px;}
footer .footer-rig {max-width: 897px;max-height: 831px;}
footer a {color:var(--color-1);}
footer a:hover {color:#fff;}
.footer-lef {gap:20px;}
.footer-lef-top {background-color:var(--main-color);padding:105px 0px 35px 90px;height: 30%;}
.footer-lef-top img {margin:auto 90px 0 auto;width: 100%;height: 100%;}
.footer-lef-bot {background-color:var(--main-color);padding:33px 40px;height: 70%;}
.footer-lef-bot-sin {padding:0 0 0 40px;width:50%;}
.footer-lef-bot-sin:nth-child(2) {padding: 0 0 0 40px;}
.footer-lef-bot-sin-tit {font-weight:300;color:var(--color-4);}
.footer-lef-bot-sin-lin a {position:relative;line-height: 31.5px;font-size:30px;font-weight:400;}
.footer-lef-bot-sin-prod a {font-weight:600;}
.footer-lef-bot-sin-lin sup {position:absolute;top: -5px;font-size:18px;}
.footer-lef-bot-sin-pho {font-size:16px;}
.footer-lef-bot-sin-ema {font-size:16px;gap:10px;margin-top:-20px;}
.footer-lef-bot-inl {width:95%;}
.footer-lef-bot-sin-add {max-width:60%;font-size:16px;line-height: 24px;align-items: flex-end;}
.footer-lef-bot-sin-con {gap:4px;padding: 0 0 0 calc(var(--grid) - (var(--gutter) * 2));}
.footer-lef-bot-sin-con a {font-size:16px;line-height:20px;}
.footer-lef-bot-sin-con span {gap:3px;}
.footer-lef-bot-sin-con span a {text-decoration:underline;}
.footer-lef-bot-inl-rig-top {gap:7px;margin-top:auto;}
.footer-lef-bot-inl-rig-top a {font-size:16px;line-height:20px;text-decoration:underline;font-weight:400;}
.footer-rig img {max-width: 100%;height: auto;object-fit: fill;}
.footer-cop {gap:50px;position:absolute;bottom:34px;font-size:20px;line-height:16px;color:var(--main-color);}
.footer-cop a {font-size:20px;line-height:16px;color:var(--main-color);text-decoration:underline;}
feet.make-wide-2 {clip-path: polygon(0% 0, 100% 0%, 100% 100%, 0 100%);pointer-events:none;position: relative;bottom: 0;left:0;right:0;z-index: -1;height:40vh;font-size: clamp(35px,7vw,122px);line-height: clamp(45px,7vw,132px);color:var(--color-1);background-color:var(--main-color);margin:0;}
feet .feet-inner {position: fixed;height: 40vh;width: 100%;bottom: 0;display: flex;justify-content: center;align-items: center;}

/* Animations */
.xx-reveal {position:relative;}
.xx-reveal::before {content:'';width:calc(100% + 1px);transform: scaleX(1);transform-origin:right top;height:100%;position:absolute;background-color:#fff;z-index:999;left:0;top:0;transition:transform 1.8s cubic-bezier(0.86, 0, 0.07, 1);transform-style: preserve-3d;}
.xx-reveal-1::before {background-color:var(--main-color);}
.xx-reveal-2::before {background-color:var(--color-4);}
.xx-reveal-3::before {background-color:var(--post-1);}
.xx-reveal-4::before {background-color:var(--color-5);}
.xx-reveal-5::before {background-color:var(--color-1);}
.xx-reveal.vsb::before {transform:scaleX(0);}

/* Main menu */
.header-menu-label {cursor:pointer;}
.header-menu-label svg {background-color:var(--header-bg);border:1.5px solid var(--main-color);transition: all 1.6s cubic-bezier(0.86, 0, 0.07, 1);}
.header-menu-label svg path {stroke:var(--main-color);transition: all 2s cubic-bezier(0.86, 0, 0.07, 1);zoom: 1.005;transform: translateZ(0) rotate(0deg);transform-origin: center;}
#headerMenu:checked ~ header .header-menu-label svg {background-color:var(--main-color);}
#headerMenu:checked ~ header .header-menu-label svg path {stroke:#fff;}
#headerMenu:checked ~ header .header-menu-label svg path:first-child {transform: translateZ(0) rotate(408deg);}
#headerMenu:checked ~ header .header-menu-label svg path:last-child {transform: translateZ(0) rotate(402deg);}
.header-menu {height:100vh;opacity:1;pointer-events:none;transition:all 1s ease-in-out;width:100vw;z-index:98;position:fixed;top:0;left:0;overflow:hidden;transition-delay:1.6s;}
#headerMenu:checked ~ .header-menu {pointer-events:all;}
.header-menu-top {border-radius: 0 0 20px 20px;height: 0vh;width: 100%;background-position: center bottom;transition: all 1.6s cubic-bezier(0.86, 0, 0.07, 1);background-image: url(https://www.vestafoods.gr/wp-content/uploads/2026/02/menu2.webp);background-repeat: no-repeat;background-size: 100%;overflow:hidden;}
#headerMenu:checked ~ .header-menu .header-menu-top {height:600px;transition:all 1.6s cubic-bezier(0.86, 0, 0.07, 1);}
.header-menu-null {width:100vw;height:100vh;position:absolute;z-index:-1;left:0;top:0;pointer-events:none;backdrop-filter:blur(3px);transition:opacity 1s ease-in-out;opacity:0;}
#headerMenu:checked ~ .header-menu > .header-menu-null {opacity:1;pointer-events:all;}
.header-menu-top-lef {margin-left: auto;height:100%;gap:10px 0;align-content: flex-end;}
.header-menu-top-lef-col {gap:3px;}
.header-menu-top-lef-col-2 {gap:10px;}
.header-menu-top-lef-col-2 > div {margin-bottom:6px;}
.header-menu-top-lef-sin {overflow: hidden;display: block;color: var(--color-3);cursor:pointer;transition:color .3s;max-width:fit-content;}
.header-menu-top-lef-sin:hover {color:var(--main-color);}
.header-menu-top-lef-sin .line {transform: translateY(-55px);overflow: hidden;}
.header-menu-top-lef-sin.header-menu-top-bot-lis-sin {color:var(--main-color);font-size:16px;line-height:20px;}
.header-menu-top-bot-lis:last-child {gap:10px;margin-top:auto;}
.header-submenu-items {max-height:0;transition:max-height .7s ease-out 0s;overflow:hidden;}
input[id^="header-menu"]:checked + .header-submenu-items {max-height:300px;transition:max-height .7s ease-out 0s;}
.header-menu-top-lef-smalls {gap:2px;}
.header-submenu-items a {color:var(--color-1);max-width:fit-content;}
.header-submenu-items a:first-child {padding-top:11.5px;}
.header-submenu-items a:last-child {padding-bottom:9px;}
.header-menu-top-lef-sin-small {font-size:16px;line-height:20px;text-decoration:underline;}
.header-menu-top-bot {padding: 40px 0;gap:0 70px;}
.header-menu-top-bot .tda {text-decoration:underline;}

/* Search */
.search-menu-label {cursor:pointer;}
.search-menu-label svg path {stroke:var(--main-color);fill:var(--header-bg);transition: all 1s;}
#searchMenu:checked ~ .search-menu-label svg path {stroke:#fff;fill: var(--main-color);}
.search-menu {height:100vh;opacity:1;pointer-events:none;width:100vw;z-index:97;position:fixed;top:0;left:0;overflow:hidden;transition: height 1.6s cubic-bezier(0.86, 0, 0.07, 1);}
#searchMenu:checked ~ .search-menu {pointer-events:all;}
.search-menu-top {border-radius: 0 0 20px 20px;height:0vh;width: 100%;background-position: center bottom;transition: height 1.6s cubic-bezier(0.86, 0, 0.07, 1);background-image: url(https://www.vestafoods.gr/wp-content/uploads/2026/02/menu2.webp);background-repeat: no-repeat;background-size: 100%;overflow:hidden;}
#searchMenu:checked ~ .search-menu .search-menu-top {height:600px;transition:height 1.6s cubic-bezier(0.86, 0, 0.07, 1);}
.search-menu-null {width:100vw;height:100vh;position:absolute;z-index:-1;left:0;top:0;pointer-events:none;backdrop-filter:blur(3px);transition:opacity 1s ease-in-out;opacity:0;}
#searchMenu:checked ~ .search-menu > .search-menu-null {opacity:1;pointer-events:all;}
.search-menu-top-lef {margin-left: auto;height: 100%;gap: 10px 0;align-content: space-between;}
.search-menu-top-lef > form {margin-top: 140px;}
.search-menu-top .is-form-style {width: calc(100% - var(--grid) - 70px);height: fit-content;}
.search-menu-top .is-form-style input.is-search-input {font-size: 58px!important;font-family: Canela;line-height:70px;height:auto;border:0!important;border-bottom: 1.5px solid var(--color-3) !important;}
::-webkit-search-cancel-button {display:none;}
#searchwp-form-1 .swp-input {font-family: Canela;padding:0;color: var(--color-3);background-image: url(https://www.vestafoods.gr/wp-content/uploads/2025/09/search.svg);background-size: auto;background-position: right center;}
#searchwp-form-1 .swp-input::placeholder {font-size: 36px!important;font-weight:400!important;color: var(--color-1);}
.swp-input--search.swp-input:active:focus:focus-visible {outline:0!important;}
div.searchwp-live-search-results {background-color:#ececec;max-height: none;min-height: fit-content;}
.searchwp-live-search-results-container {display: flex;flex-wrap: wrap;gap:0 60px;}
.searchwp-live-search-results-showing {box-shadow: none!important;margin-top: 20px;}
.searchwp-live-search-result {border:0!important;width:100%;padding:5px!important;}
.searchwp-live-search-result .searchwp-live-search-result--title a {font-size: 22px!important;line-height: 26px;font-weight:400!important;color: var(--color-3);}

/* 404 */
body.error404 footer, body.error404 feet {display:none;}
.row-404 {height:100vh;}
.row-404-tit {top: 30%;position: absolute;}
.row-404-tit a {font-size:24px;font-weight:700;text-decoration:underline;}
.row-404-sin-1 {width: 110vw;gap: 40px;height: clamp(100px,5vw,150px);overflow: hidden;background-color: var(--color-8);position: absolute;transform: translate(-50%) rotate(-5deg);left: 50%;right: auto;top: 50%;z-index:9;}
.row-404-sin-1 .row-404-sin-txt {font-size: clamp(70.5px, 5vw, 100.5px);color: var(--main-color);white-space: nowrap;animation: marquee 65s linear infinite;}
.row-404-sin-2 {width: 110vw;gap: 40px;height: clamp(100px,5vw,150px);overflow: hidden;background-color: var(--color-8);position: absolute;transform: translate(-50%) rotate(10deg);left: 50%;right: auto;top: 50%;}
.row-404-sin-2 .row-404-sin-txt {animation: marquee2 65s linear infinite;height: 100%;}
.row-404-sin-2 .row-404-sin-txt img {height: 100%;width: auto;max-width: none;object-fit: cover;}
@keyframes marquee {0% {transform: translateX(-500%);} 100% {transform: translateX(0%);}}
@keyframes marquee2 {0% {transform: translateX(0%);} 100% {transform: translateX(-500%);}}
.row-404-txt {color:var(--main-color);font-weight:700;position: absolute;left: 10px;bottom:0px;}
.row-404-txt-lef {font-size:110px;}
.row-404-txt-rig {font-size:28px;max-width: 260px;}

/* Rows */
.row-01 {background-color:var(--color-1);border-radius:20px;padding:27vh 0px var(--gutter) 0px;max-height:100vh;}
.row-01-lef {padding:0 0 0 var(--gutter);aspect-ratio: 1/1;}
.row-01-lef img {object-fit: cover;width: 100%;height: auto;mask-image:url(https://www.vestafoods.gr/wp-content/uploads/2025/07/footer-shape.svg);max-height: 100%;mask-size: cover;mask-repeat: no-repeat;mask-position: center;}
.row-01-txt {color:var(--main-color);font-size:clamp(22px,5vw,44px);line-height:clamp(28px,6vw,48px);padding:0 var(--gutter);}
.row-01-rig {overflow: hidden;position: relative;}
.row-01-rig-lis {height: 100%;position: absolute;left: 0;top: 0;will-change: transform;animation: marq-scroll 40s linear infinite;transform: translate3d(0,0,0);}
.row-01-rig-lis-sin {height: 100%;width: auto;max-width: none;}
@keyframes marq-scroll {from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); }}

.row-02-rig {gap:40px 0;}
.row-02-rig-top h1 {font-size:clamp(28px,5vw,58px);font-weight:400;color:var(--main-color);line-height:clamp(36px,5vw,70px);padding:0 0 0 var(--gutter);}
.row-02-rig-bot {text-align: right;}

.row-03 {gap:40px;}

.row-04 {padding:0 var(--gutter);margin-top:var(--gutter);}
.row-04-sin {background-color:var(--color-1);color:var(--main-color);padding:50px 50px;aspect-ratio: 5/3;}
.row-04-sin-tit.big-tit {font-size: clamp(90px,10vw,164px);}
.row-04-sin-txt {font-size:22px;line-height:26px;}

.row-05-tag {margin-bottom: 45px;}
.row-05-sin {border-radius:30px 30px 0 0;padding: 45px var(--gutter) 75px;margin-top:-30px;}
.row-05-sin:last-child {padding-bottom:50px;}
.row-05-sin-lef-tit {font-weight:700;padding-left: 60px;}
.row-05-sin-lef-txt {font-size:clamp(20px,4vw,28px);margin-top:clamp(30px,3.5vw,120px);padding-left:var(--grid);}
.row-05-sin-rig {overflow:hidden;padding-right:var(--gutter);}
.row-05-sin-rig img {aspect-ratio:16/9;object-fit:cover;width:100%;height:100%;border-radius:30px;}
.row-05-sin-lef-bot-but {gap:10px;max-width: 250px;justify-content:flex-end;}
.row-05-sin-lef-bot-but-sin {border:1.5px solid var(--main-color);color:var(--main-color);padding:10px 40px;border-radius:99px;}

.row-06 {position:relative;padding-bottom:clamp(200px,22vw,550px);margin-top:-200px;}
.row-06-tit {margin-top: 70px;}
.row-06-txt {color:var(--main-color);margin-top:70px;}
.row-06-txt p {margin:0;padding:0;}
.row-06-txt .breakLine {margin-top:15px;}
.row-06-img {position:absolute;right:0;top:calc(var(--gutter) * 2);z-index:-1;height:90%;}
.row-06-img img {object-fit:contain;width:100%;height:100%;object-position: right bottom;}

.row-07 {background-color:var(--color-1);padding:calc(var(--gutter) * 2) calc(var(--gutter) * 2) 200px;color:var(--main-color);}
.row-07-bot {margin-top:95px;}
.row-07-bot-sin {width:calc(50% - calc(var(--gutter) / 2));padding:56px var(--grid) 55px 52px;aspect-ratio: 16/8;}
.row-07-bot-sin:first-child {background-color:var(--color-4);}
.row-07-bot-sin:last-child {background-color:var(--color-2);}
.row-07-bot-sin-tit {font-size:clamp(24px,3vw,38px);line-height:clamp(30px,3vw,45px);font-weight: 500;margin-bottom:60px;}
.row-07-bot-sin-txt p {margin:0;padding:0;}
.row-07-bot-sin-but {text-align:right;}

.row-08 {padding:0 var(--gutter);margin-top:calc(clamp(40px,8vw,180px) - var(--gutter));}
.row-08-lef {width: calc( var(--x-8) - var(--gutter));}
.row-08-lef-tag {margin-left:var(--grid);}
.row-08-lef-lis {height:860px;scrollbar-color: var(--main-color) var(--color-1);scrollbar-width:thin;overflow-y: scroll;gap: 8px;}
.row-08-lef-lis-col {gap:var(--gutter);width: calc(var(--x-4) - var(--gutter));}
.row-08-lef-lis-col:last-child {padding-top:var(--gutter);}
.row-08-lef-lis-sin {padding:30px 40px;max-height:fit-content;margin-bottom:auto;gap:60px;aspect-ratio: 1/1;max-width:100%;}
.row-08-lef-lis-sin-tit {font-weight: 400;}
.row-08-lef-lis-sin-tag {font-weight: 700;min-height:30px;}
.row-08-lef-lis-sin-img {margin-top: auto;}
.row-08-lef-lis-sin-txt:empty {display:none;}
.row-08-lef-lis-sin.no-content {background-color:var(--main-color);color:var(--color-1);}
.row-08-lef-lis-sin:not(.no-content) {aspect-ratio: 8/9;}
.row-08-rig {width: calc( var(--x-4) - var(--gutter));}
.row-08-rig-lis {margin-top: auto;}
.row-08-rig-sin {color:var(--main-color);border-bottom:1.5px solid var(--main-color);}
.row-08-rig-sin span {display:flex;padding: 13px 0 20px 0;}
.row-08-rig-sin span:nth-child(2) {margin-left: auto;}
.row-08-rig-sin span:nth-child(3) {width: 42px;justify-content: center;}
.row-08-lef-lis section .splide__slide {background-color: var(--main-color);height: 30vw;}
.row-08-lef-lis section .splide__slide:nth-child(even) {background-color: var(--color-1);}
.row-08-lef-lis section .fetcher-sin-tit {display: flex;height: 100%;align-items: center;}
.row-08-lef-lis section .fetcher-sin-tit a {color: #fff;font-size: 18px;width:100%;height:100%;display: flex;justify-content: center;align-items: center;text-align: center;}
.row-08-lef-lis section .splide__slide:nth-child(even) .fetcher-sin-tit a {color: var(--main-color);}
.row-08 .splide__arrows {position: absolute;top: -44px;z-index: 999;right: 0;width: 90px;height: 30px;}
.row-08 .splide__arrow {border-radius: 0;padding: 0;width: 40px;height: 40px;}
.row-08 .splide__arrow--prev {right:45px;left:auto;}
.row-08 .splide__arrow--next {right:0px;left:auto;}
.row-08 .splide__arrow svg {height: 11px;width: 11px;fill:var(--color-3);}

.row-09 {padding:80px calc(var(--gutter) * 2) 84px 86px;width:calc(var(--x-12) - (var(--grid) / 2) - (var(--gutter) * 2));}
.row-09-lef {padding-left:calc(var(--gutter) / 2);}
.row-09-lef-but:hover {color:var(--color-3);}
.row-09-lef-tag {color:var(--color-3);}
.row-09-lef-tit {color:var(--color-1);font-size:clamp(34px,7vw,74px);line-height:clamp(44px,8vw,84px);font-weight:700;}
.row-09-lef-txt {color:var(--color-1);margin-top: 38px;}
.row-09-rig {width:calc((var(--x-3) + (var(--gutter)) * 4) - (var(--gutter) / 2));border-radius:100px 0 0 0;overflow:hidden;max-height:480px;aspect-ratio:1/1;margin-left:auto;padding-right:calc(var(--gutter) * 2);}
.row-09-rig img {object-fit:cover;width:100%;height:100%;}

.row-10 {padding-top:50px;}
.row-10-sin {background-repeat: no-repeat;background-position: center bottom clamp(80px,10vw,100px);background-size: 90%;aspect-ratio: 7/8;width: 50%;border-radius: 30px 30px 0 0;padding: 66px 0 0 clamp(40px,8vw,100px);gap:40px;color:var(--main-color);}
.row-10-sin:nth-child(3n + 3), .row-10-sin:nth-child(4n + 4) {margin-top:-60px}

.row-11 {height: 100vh;overflow: hidden;}
.row-11-sin {position: relative;min-width: clamp(1800px,95vw,100vw);height: 100vh;overflow: hidden;}
.row-11-sin:first-child {min-width:100vw;justify-content:center;}
.row-11-sin-img {max-height:630px;}
.row-11-sin-img img {width:100%;height:auto;object-fit:cover;border-radius:25px;}
.row-11-sin p {padding:0;margin:0;}
.row-11-sin-1 {justify-content:flex-end;align-items:center;flex-direction: column;gap:35px;border-radius: 30px;}
.row-11-sin-1 .row-11-sin-txt {color:var(--main-color);}
.row-11-sin-2 {background-color:var(--color-4);justify-content:space-between;border-radius: 30px;}
.row-11-sin-2-lef {flex-direction: column;justify-content: space-evenly;width:65%;}
.row-11-sin-2-lef-top span {display: inline-block;width: clamp(50px,5vw,180px);}
.row-11-sin-2-lef-bot {margin-left: auto;color:var(--main-color);margin-right:130px;}
.row-11-sin-2-rig {width:35%;}
.row-11-sin-2-rig img {object-fit: cover;transform: scaleY(1.005);}
.row-11-sin-3 {background-color:var(--post-1);color:var(--main-color);border-radius: 30px 0 0 30px;margin-left: -50px;}
.row-11-sin-3-lef {background-color:var(--color-1);width:26vw;min-width:300px;justify-content: space-between;padding: 200px 0 70px;}
.row-11-sin-3-lef-top {width:260px;}
.row-11-sin-3-lef-bot {font-weight:700;}
.row-11-sin-3-rig {position:relative;padding:100px 70px 70px 60px;flex-direction: column;width: calc(100% - 26vw);}
.row-11-sin-3-rig-txt {margin-top:auto;}
.row-11-sin-3-rig-gal {position:absolute;bottom: 80px;right: 70px;z-index: -1;}
.row-11-sin-3-rig-gal img {border-radius:20px 20px 0 0;}
.row-11-sin-4 {background-color:var(--color-1);color:var(--main-color);position:relative;justify-content: center;align-items: center;gap: 0 140px;}
.row-11-sin-5 {background-color:var(--color-4);flex-direction: row-reverse;justify-content:space-between;border-radius: 30px;margin-left: -30px;}
.row-11-sin-5-lef {flex-direction: column;justify-content: space-around;width:65%;}
.row-11-sin-5-lef-top span {display: inline-block;width: clamp(50px,5vw,180px);}
.row-11-sin-5-lef-bot {margin-left: auto;color:var(--main-color);margin-right:130px;}
.row-11-sin-5-rig {width:35%;border-radius: 30px;overflow: hidden;}
.row-11-sin-5-rig img {object-fit: cover;transform: scaleY(1.005);}

.row-13-tag {color:var(--color-3);text-transform:uppercase;}
.row-13-tit {color:var(--main-color);margin:50px auto 20px;}
.row-13-txt {color:var(--main-color);}

.row-14 {color:var(--main-color);}
.row-14 img {width:230px;height:230px;}
.row-14 .splide__slide {border-radius:20px;background-color:var(--color-1);padding:50px 32px 35px;}

.row-15 {color:var(--main-color);}
.row-15-tag {color:var(--color-3);text-transform:uppercase;}
.row-15 span {display: inline-block;width:clamp(50px,5vw,180px);}
.row-15-img {aspect-ratio: 2/1;}
.row-15-img img {object-fit: cover;width:100%;border-radius:25px;}
.row-15-gal img {border-radius:25px;}
.row-15-iso {gap:130px 50px;}
.row-15 .line-mask .line:empty {height:30px;}
.row-15 > * {margin-top: var(--mt, 0px);margin-bottom: var(--mb, 0px);}

.row-16 {transition: height 0.3s cubic-bezier(0.86, 0, 0.07, 1);margin-bottom:0px;}
.row-16-tag {text-transform:uppercase;}
.row-16-tag a {color:var(--color-3);}
.row-16-sin {color:var(--main-color);font-weight:700;padding:30px 0 0;gap:clamp(100px,3vw,140px);cursor:pointer;width: 100%;position: relative;transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);}
.row-16-sin-top {margin-bottom: 0px;padding-bottom: 40px;transform: translateY(0px); &:hover {transform:translateY(-50px);}}
.row-16-sin-mid {margin-bottom: 0px;padding-bottom: 40px;transform: translateY(0px); &:hover {transform:translateY(-50px);}}
.row-16-sin-bot {margin-bottom: 0px;padding-bottom: 40px;transform: translateY(0px); &:hover {transform:translateY(-50px);}}
.row-16-lis {max-height: 0;overflow: hidden;opacity: 0;}
.row-16-lis-top {margin-top: -50px;margin-bottom:0px;}
.row-16-lis-mid {margin-top: -50px;margin-bottom:0px;}
.row-16-lis-bot {margin-top: -50px;margin-bottom:0px;}
.row-16-sin:has(+ .row-16-lis-top.open) {transform:translateY(-50px);}
.row-16-sin:has(+ .row-16-lis-mid.open) {transform:translateY(-50px);}
.row-16-sin:has(+ .row-16-lis-bot.open) {transform:translateY(-50px);}
.row-16-lis:not(.open) {transition: max-height 1.6s, padding 1s, opacity 0.2s;pointer-events:none;}
.row-16-lis.open {pointer-events:all;max-height: fit-content;opacity: 1;transition: max-height .8s cubic-bezier(0.86, 0, 0.07, 1), opacity 0.4s ease;}

.row-17 .artware-acc-sin {background-color:#fff;border-radius:30px;color:var(--main-color);border:none;}
.row-17 .artware-acc-sin-tit {font-size: clamp(20px,3vw,42px);line-height: clamp(25px,3vw,49px)font-family:'Roboto Mono';font-weight:400;height:auto;padding:18px 0 20px clamp(20px,3vw,47px);}
.row-17 .artware-acc-sin-txt {width:calc(var(--x-8) - var(--gutter));align-self: flex-end;font-family:'Roboto Mono';font-size:clamp(18px,4vw,22px);line-height:clamp(20px,4vw,26px);}
.row-17-ext {margin-top:clamp(35px,4vw,77px);margin-bottom:40px;}
.row-17-ext-rig a {background-color:var(--color-3);border-radius:20px;color:var(--color-1);padding:26px;}

.row-18 {color:var(--main-color);background-color:var(--color-6);border-radius:0 0 30px 30px}
.row-18 .artware-acc {gap:0;}
.row-18 .artware-acc-sin {border-left: 0;border-right: 0;border-bottom: 0;padding: 0;}
.row-18 .artware-acc-sin:last-child {border-bottom:2px solid var(--main-color);}
.row-18 .artware-acc-sin-tit {color:var(--color-3);font-family:'Roboto Mono';font-size:clamp(18px,4vw,22px);line-height:clamp(20px,4vw,26px);position:relative;}
.row-18 .artware-acc-sin-tit::after {content:'';position:absolute;right:0;top:0;width:15px;height:100%;background-image: url(https://www.vestafoods.gr/wp-content/uploads/2025/09/acc-1.svg);background-repeat: no-repeat;background-position: right center;transform:rotate(0deg);transition:transform .3s;}
.row-18 input:checked + label.artware-acc-sin-tit::after {transform:rotate(180deg);}
.row-18 .artware-acc-sin-txt {font-size:16px;line-height:20px;}
.row-18 .artware-acc-sin-txt > br {display:none;}
.row-18-acc {max-width:100%;}
.row-18-acc-ext {padding-top:30px;padding-bottom:30px;}
.row-18-acc-ext-top {border-bottom: 1.5px solid var(--main-color);}
.row-18-acc-ext-bot {padding-top:5px;gap:5px 0;}
.row-18-acc-ext-bot-sin {border-bottom: 1.5px dashed var(--color-3);padding-bottom:3px;}
.row-18-acc-ext-bot-sin-lef {font-weight:bold;}
.row-18-acc-ext-bot-sin-rig {text-align:right;}
.row-18-rig {overflow:hidden;margin-right:calc(var(--gutter));}
.row-18-rig img {border-radius:30px;width:100%;}
.row-18-lef {margin-left:calc(var(--grid) + var(--gutter));}
.row-18-lef-pro-tit {color: var(--color-3);font-weight:700;font-family: 'Roboto Mono';font-size: clamp(18px,4vw,22px);line-height: clamp(20px,4vw,26px);}
.row-18-lef-pro-txt p {margin:0;padding:0;}

.row-19 {padding:clamp(30px,4vw,calc(var(--grid) / 2)) 0;color:var(--main-color);}
.row-19-lef-tit {font-size:58px;line-height:70px;}
.row-19-lef-txt p {padding:0;margin:0;}
.row-19-rig {padding-left:calc(var(--grid) / 2);margin-top:55px;}

.row-20 {gap:95px 0;}
.row-20-top {color:var(--color-3);font-weight:700;}
.row-20 .fetcher-sin {gap:30px;background-color: #fff;border-radius: 30px 30px 0 0;}
.row-20 .fetcher-sin-img a {overflow:hidden;display:flex;}
.row-20 .fetcher-sin-img a img {border-radius: 30px;}
.row-20 .fetcher-sin-tit {font-size:22px;line-height:26px;font-weight:700;padding: 0 50px;}
.row-20 .fetcher-sin-txt {font-size:22px;line-height:26px;padding: 0 50px 50px;}
.row-20 .fetcher-sin-txt p {padding:0;max-height:105px;margin:0;color:var(--main-color);display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;}

.row-21-sin {padding:40px;color:var(--main-color);border-radius:30px;}
.row-21-sin:nth-child(1) {background-color:var(--color-4);}
.row-21-sin:nth-child(2) {background-color:#fff;}
.row-21-sin:nth-child(3) {background-color:var(--color-5);}
.row-21-sin-tit {font-size:clamp(26px,4vw,42px);line-height:clamp(30px,4vw,42px);margin-bottom:clamp(30px,4vw,50px);}
.row-21-sin-txt {margin-top:auto;}
.row-21-sin-txt p {padding:0;margin:0;}

.row-22 {background-color:var(--color-4);padding-top:75px;color:var(--main-color);margin-top:200px;}
.row-22 h2 {margin-top:20px;}
.row-22-tit {font-size:clamp(24px,5vw,36px);line-height:clamp(30px,5vw,46px);margin-top:clamp(30px,4vw,50px);}
.row-22-txt {margin-top:44px;}
#row-22 {align-self: flex-start;margin-top:80px;margin-bottom:300px;}
.row-22-sli-tit {font-size:clamp(34px,5vw,42px);line-height:clamp(42px,5vw,42px);}
.row-22-sin {aspect-ratio:5/3;border-radius:30px;height: 550px;cursor: pointer;position: relative;}
.row-22-sin .card-container {width: 100%;height: auto;position: relative;min-height: 450px;}
.row-22-sin .card-front, .row-22-sin .card-back {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;border-radius: 10px;background-position: center;text-align: center;min-height: 280px;color: var(--main-color);font-size:clamp(18px,4vw,22px);display: flex;justify-content: center;align-items: center;transition: opacity 0.5s ease;}
.row-22-sin .card-back {opacity: 0;}
.row-22-sin .card-front {opacity: 1;}
.row-22-sin .card-inner {transform: translateY(-50%);top: 50%;position: absolute;left: 0;width: 100%;padding: 2rem;box-sizing: border-box;z-index: 2;backface-visibility: hidden;}
.row-22-sin:hover .card-front, .row-22-sin.hover .card-front {opacity: 0;transform: none;}
.row-22-sin:hover .card-back, .row-22-sin.hover .card-back {opacity: 1;transform: none;}
.row-22-sin .card-front .card-inner .row-22-sli-tit {margin-bottom: 2rem;position: relative;}
.row-22-sin .back-details {display: flex;flex-direction: column;gap: 0.5rem;}

.row-23 {position:relative;}
.row-23-tit {position:absolute;color:#fff;z-index:9;pointer-events:none;}
.row-23 img {border-radius:25px;object-fit:cover;}
.row-23 .splide__slide {position:relative;}
.row-23 .splide__slide::after {content:'';position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(0,0,0,0.3);pointer-events:none;z-index:99;overflow: hidden;border-radius: 25px;}

.row-24 {padding:0;margin-top:var(--gutter);margin-bottom:153px;}
.row-24-sin {background-color:var(--color-1);color:var(--main-color);padding:50px 50px;aspect-ratio: 5/3;}
.row-24-sin::before {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;background:linear-gradient(white, white) top left,linear-gradient(white, white) top right,linear-gradient(white, white) bottom left,linear-gradient(white, white) bottom right;background-size: 10px 40px;background-repeat: no-repeat;pointer-events: none;}
.row-24-sin-txt {font-size:22px;line-height:26px;}
.row-24 .splide__track {background-color: var(--color-1);}

.row-25 {color:var(--main-color);margin-top:87px;font-weight:700;}
.row-25-lef {font-weight:700;}

.row-26 {margin-bottom:137px;}
.row-26-sin {padding:60px 50px;border-radius:30px;justify-content: space-around;}
.row-25-sin-tit {font-weight:400;}
.row-25-sin-txt {margin-top:50px;}
.row-25-sin-txt:empty {display:none;}
.row-25-ico {margin-top:10px;}

.row-27 {color:var(--main-color);}
.row-27-top {width:100%;}
.row-27-top-sin {min-width:203px;border:1.5px solid var(--main-color);height: 45px;align-content: center;border-right-width:0px;line-height:45px;}
.row-27-top-sin:last-child {border-right-width:1.5px;}
.row-27-bot-lis {gap:12px 0;margin-top:25px;}
.row-27-bot-lis-sin {border: 1.5px solid var(--main-color);border-radius: 99px;padding: 0px 54px 0px 30px;color: var(--main-color);position: relative;height: fit-content;line-height: 41px;align-items: center;justify-content: center;display: flex;box-sizing: content-box;}
.row-27-bot-lis-sin::after {content:'';width:16px;height:16px;position:absolute;right:18px;top:13px;background-image:url(https://www.vestafoods.gr/wp-content/uploads/2025/09/sub-icon.svg);background-repeat:no-repeat;background-position:center;pointer-events:none;}
.row-27-sub-lis {gap:10px 0;margin-top:20px;}
.row-27-sub-lis-sin {border:1.5px solid var(--main-color);border-radius:99px;padding:14px 10px;color:var(--main-color);}
.row-27 .current-term {background-color:var(--main-color);color:#fff;}
.row-27 .current-term::after {background-image:url(https://www.vestafoods.gr/wp-content/uploads/2025/09/sub-x.svg);}

.row-28 {margin-top:clamp(50px,7vw,150px);margin-bottom:clamp(50px,8vw,200px);}
.row-28-sin {border-radius:30px;overflow:hidden;background-color:#fff;}
.row-28-sin img {border-radius:30px;overflow:hidden;object-position: top;width:100%;height:100%;}
.row-28 .fetcher-sin-tit {display: flex;position: relative;z-index: 9;padding:10px 25px;font-size:clamp(18px,3vw,22px);line-height:1.2;min-height: 104px;align-items: flex-end;}
.row-28 .fetcher-sin-img a {display:flex;}
.row-28 .fetcher-sin-img {position:relative;}
.row-28 .fetcher-sin-img > img {position: absolute;object-fit: cover;width: 100%;z-index:9;height: 100%;opacity:0;transition:opacity .45s ease-in-out 0s;pointer-events:none;}
.row-28 .fetcher-sin:hover .fetcher-sin-img > img {opacity:1;}
body:not(.term-premium-beef) .row-28 .fetcher-sin-img:not(:has(.sec-img)) a img {transform: scale(1,1);transition: transform 1s ease-in-out;}
body:not(.term-premium-beef) .row-28 .fetcher-sin-img:not(:has(.sec-img)):hover a img {transform: scale(1.2,1.2);}

.row-29-rig-add {text-decoration:underline;margin-top:52px;}
.row-29-for {gap:30px;}
.row-29-for input, .row-29-for textarea {width:100%;border:0;border-bottom:1.5px solid #000;padding:20px 0;font-size:16px;line-height:20px;color:var(--color-3);}
.row-29-for textarea {background-color:#F3F4EE;border-radius:20px;padding:20px;border-bottom:0;margin-top:20px;}
.row-29-for input::placeholder {font-size:16px;line-height:20px;color:var(--color-3);font-family:var(--global-font);text-decoration:underline;opacity:1;}
.row-29-for label {font-size:16px;line-height:20px;color:var(--color-3);text-decoration:underline;margin-top:20px;}
.row-29-for .wpcf7-spinner {display:none;}
.row-29-for input[type="submit"] {max-width: fit-content;padding: 0 0 0 35px;margin-left: auto;background-color: transparent;border: 0;font-size: 22px;line-height: 26px;font-family: 'Roboto Mono';font-weight: 700;cursor: pointer;background-image: url(https://www.vestafoods.gr/wp-content/uploads/2025/09/submit.svg);background-repeat: no-repeat;background-position: left center;}
.row-29-for .wpcf7-not-valid-tip {margin-top:10px;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {padding:10px;}

.row-30 {margin-top:50px;}
.row-30, .row-30 a {color:var(--main-color);text-decoration:underline;}

.row-31 .artware-acc {gap:0;}
.row-31 .artware-acc-sin {border-bottom:none;border-left:none;border-right:none;padding:0;}
.row-31 .artware-acc-sin-tit {font-size:clamp(28px,4vw,36px);color:var(--main-color);font-weight:400;position:relative;}
.row-31 .artware-acc-sin-tit::after {content:'';width:16px;height:2px;background-color:var(--main-color);position:absolute;right:0;top:27px;transition:all .5s ease;}
.row-31 .artware-acc-sin-tit::before {content:'';width:2px;height:16px;background-color:var(--main-color);position:absolute;right:7px;top:20px;transition:all .5s ease;}
.row-31 .artware-acc-sin input:checked + .artware-acc-sin-tit::before {transform:rotate(90deg);}

.row-32 .row-32-txt {color:var(--main-color);}
.row-32 p {margin:0;}
.row-32 ul {padding-left:40px;margin-bottom:20px;}

/* Responsive */
@media (max-width:1600px){
  .search-menu .header-menu.-top-bot {gap: 20px 70px;}
  .search-menu .header-menu-top-bot-lis {width: calc(50% - 70px);}
}

@media (max-width:1550px){
  .row-05-sin-lef-bot-but-sin {padding:10px;min-width:160px;}
  .row-17 .artware-acc-sin-txt {width: calc(var(--x-10) - var(--gutter));}
}

@media (max-width:1400px){
  .header-menu-top, .search-menu-top {background-size: 120vw auto;background-position: left -5vw bottom;}
  .header-menu-top-bot-lis.x-hide.m-show {width:100%;justify-content: center;margin-top: 20px;gap:16px;}
  #headerMenu:checked ~ .header-menu .header-menu-top, #searchMenu:checked ~ .search-menu .search-menu-top {height:550px;transition: all 1.6s cubic-bezier(0.86, 0, 0.07, 1);}
  .search-menu-top-lef form {max-width: 94%;}
  .row-17 .artware-acc-sin-txt {width: calc(var(--x-11) - var(--gutter));}
  .row-09-rig {width: calc((var(--x-4) + (var(--gutter)) * 4) - (var(--gutter) / 2));max-height: 100%;padding-right: 0;}
  footer .footer-lef, footer .footer-rig {max-height:none;}
  .row-18-lef {margin-left: 0;padding: 0 20px;}
  .row-18-inn + .row-emp {display:none;}
}

@media (max-width:1300px){
  #headerMenu:checked ~ .header-menu .header-menu-top, #searchMenu:checked ~ .search-menu .search-menu-top {height:550px;transition: all 1.6s cubic-bezier(0.86, 0, 0.07, 1);}
  .row-16-sin-top {&:hover {transform:translateY(-30px);}}
  .row-16-sin-mid {&:hover {transform:translateY(-30px);}}
  .row-16-sin-bot {&:hover {transform:translateY(-30px);}}
  .row-16-lis-top {margin-top: -30px;}
  .row-16-lis-mid {margin-top: -30px;}
  .row-16-lis-bot {margin-top: -30px;}
  .row-16-sin:has(+ .row-16-lis-top.open) {transform:translateY(-30px);}
  .row-16-sin:has(+ .row-16-lis-mid.open) {transform:translateY(-30px);}
  .row-16-sin:has(+ .row-16-lis-bot.open) {transform:translateY(-30px);}
  .row-10-sin:nth-child(3n + 3), .row-10-sin:nth-child(4n + 4) {margin-top:-40px}
}

@media (max-width:1200px){
  .row-08-lef-lis-sin {padding:30px;}
  .row-10-sin {width:100%;}
}

@media (max-width:1100px){
  .header-menu .header-menu-top, .search-menu .search-menu-top {height:0vh;background-image: url(https://www.vestafoods.gr/wp-content/uploads/2026/02/mobile-menu.webp);background-position: top -17vw center;width: 80vw;margin: 0 auto;background-size: cover;overflow: hidden;}
  #headerMenu:checked ~ .header-menu .header-menu-top, #searchMenu:checked ~ .search-menu .search-menu-top {height: 100vh;transition: all 1.6s cubic-bezier(0.86, 0, 0.07, 1);}
  .header-menu-top-lef-sin.main-txt-4 {font-size:28px;line-height: 1.5;}
  div.header-menu-top, div.search-menu-top {background-size: cover;background-position: left -12vw bottom;}
  div.header-menu-top-lef, div.search-menu-top-lef {overflow:hidden;margin-left: 0;height:100%;gap:10px 0;align-content: flex-start;width:100%;margin-top:20vw;padding:20px;}
  div.header-menu-top-lef-col:not(.header-menu-top-lef-col-2) {gap:0px;margin-top:70px;width: 100%;margin-bottom:0px;}
  div.header-menu-top-lef-col-2 {display:none;}
  div.header-menu-top-lef-smalls {gap:30px;flex-direction: row;}
  div.header-menu-top-bot, div.search-menu-top-bot {flex-wrap: wrap;gap: 30px 50px;justify-content: flex-start;padding: 5px 0;width:100%;}
  div.header-menu-top-mob {width:100%;}
  div.header-menu-top-mob a.header-menu-top-lef-sin.main-txt-4 {font-size:18px;text-decoration:underline;}
  div.header-menu-top-bot-lis.s-show {width:100%;justify-content:center;margin-top:20px;flex-direction: row;gap:3px;}
  .search-menu-top-lef form {max-width: 97%;margin-top: 100px;width: 100%;}
  div.search-menu-top-lef {height: calc(100vh - 20vw);}
  .search-menu div.header-menu-top-bot {margin-top: auto;margin-bottom: 20px;}
  .row-02-lef {align-self: center;}
  .row-07 {padding: calc(var(--gutter) * 2) calc(var(--gutter) * 1) 200px;}
  .row-07-bot {margin-top:25px;}
  .row-07-bot-sin {width:100%;padding:40px;}
  .row-07-bot-sin-tit {margin-bottom:30px;}
  .row-08-lef {width:100%;}
  .row-08-lef-lis-col {width:calc(50% - var(--gutter));}
  .row-09 {padding: 80px calc(var(--gutter) * 2);}
  .row-09-rig {width:100%;max-height:none;height:auto;}
  .row-04 {padding:0;}
  .row-05-sin-lef-tit {padding-left:0;}
  .row-05-sin-lef-bot-but.x-mg-lef-2 {margin-left:0;justify-content:flex-start;max-width: none;flex-wrap: wrap;}
  .row-05-sin-rig {padding-right:0;}
  .row-06 {margin-top:0;}
  .make-wide-2 {width:100vw;margin-left:-50vw;margin-right:-50vw;}
  .row-27-top {gap:2px;}
  .row-27-top-sin {border-right-width: 1px;}
  .row-18-acc-ext-bot {max-width:100%;}
}

@media (max-width:900px){
  .row-16-sin-top {&:hover {transform:translateY(-20px);}}
  .row-16-sin-mid {&:hover {transform:translateY(-20px);}}
  .row-16-sin-bot {&:hover {transform:translateY(-20px);}}
  .row-16-lis-top {margin-top: -20px;}
  .row-16-lis-mid {margin-top: -20px;}
  .row-16-lis-bot {margin-top: -20px;}
  .row-16-sin:has(+ .row-16-lis-top.open) {transform:translateY(-20px);}
  .row-16-sin:has(+ .row-16-lis-mid.open) {transform:translateY(-20px);}
  .row-16-sin:has(+ .row-16-lis-bot.open) {transform:translateY(-20px);}
  .row-10-sin:nth-child(3n + 3), .row-10-sin:nth-child(4n + 4) {margin-top:-20px}
  .footer-lef-bot-sin {padding:0;}
}

@media (max-width:768px){
  #headerMenu:checked ~ .header-menu .header-menu-top, #searchMenu:checked ~ .search-menu .search-menu-top {background-position: top -12vw center;transition: all 1.6s cubic-bezier(0.86, 0, 0.07, 1);}
  .header-menu .header-menu-top, .search-menu .search-menu-top {width:100vw;}
  :root {--site-width: calc(100vw - var(--gutter))!important;}
  div.header-menu-top-mob a.header-menu-top-lef-sin.main-txt-4 {font-size:15px;}
  div.header-menu-top-bot-lis.s-show {margin-top:0px;}
  .br30.vsb, .br20.vsb {border-radius:0px;}
  div.header-menu-top-lef, div.search-menu-top-lef {margin-top: 23vw;}
  div.search-menu-top-lef {height: calc(100vh - 23vw);}
  .header-menu-top-lef-sin.main-txt-4 {line-height:1.4;}
  .header-menu-top-bot-lis.x-hide.m-show {margin-top:0;}
  .row-01 {padding-top:10vh;max-height:none;border-radius:0;}
  #matter-parent img {border-radius:0;}
  .row-05-sin {border-radius:0;}
  .row-05-sin-rig img {border-radius:0;}
  .row-01-lef {padding:0 20px;}
  .row-01-lef img {mask-size: contain;}
  .row-01-mid {font-size:clamp(25px,3vw,40px);font-weight:400;line-height:clamp(30px,3vw,46px);color:var(--main-color);padding: 0 20px;}
  .row-01-rig {aspect-ratio: 5/2;}
  .row-08-lef-lis {height:fit-content;margin-bottom:40px;overflow:visible;}
  .row-05-sin-lef-tit {text-align:center;}
  .row-06-img {position: absolute;top:20px;right: 0;height: 80vw;max-width: 77vw;}
  .row-06-tit {margin-top:0;}
  .row-07 {padding: calc(var(--gutter) * 2) calc(var(--gutter) * 1) 50px;}
  .row-08 {padding:0;}
  .row-08-lef {gap:20px;}
  .row-08-lef-lis-sin {gap: 40px;}
  .row-08-lef-lis-sin-tit {text-align:center;}
  .row-08-lef-lis-sin-txt {display:none;}
  .row-08-lef-lis-col {width:100%;}
  .row-08-rig {width: calc( var(--x-11) + var(--gutter));gap:20px;}
  .row-08-lef-lis-col:last-child {display:none;}
  .row-08-lef-lis-sin:not(.no-content) {aspect-ratio:1/1;}
  .row-09 {width: calc(var(--x-12) - (var(--grid) / 2) - (var(--gutter) * 0));padding:20px;}
  .row-09-lef {padding-left:0;}
  .row-09-lef-tit {font-size: clamp(44px,8vw,74px);line-height: clamp(54px,8vw,84px);}
  .row-09-lef-txt {margin-top:8px;}
  .row-10-sin {border-radius:0;padding: 40px 0 20px clamp(40px,8vw,100px);}
  .row-15-img, .row-11-sin-img, .row-15-img-3 {width:100vw!important;}
  .row-15-img img, .row-11-sin-img img {border-radius:0;width:100vw;}
  .row-15-gal {width:100vw!important;}
  .row-15-gal > div {width:100vw!important;}
  .row-15-gal > div > img {width:100%!important;}
  .row-11-sin-img img, .row-11-sin-3-rig-gal img, .row-11-sin-5-rig, .row-23 img, .row-15-gal img {border-radius:0;}
  .row-06 {padding-bottom:60px;}
  .row-14 img {width: 120px;height: 120px;}
  .row-14 .splide__slide {padding:20px 10px 10px;}
  .main-tag img {position: relative;top: 2px;}
  .row-23 {width:100vw!important;}
  .row-23 section {width:100vw!important;}
  .row-23 img {border-radius:0;}
  .row-15-img {padding-top:20px;}
  .row-15-ico img {max-width:120px;height:auto;}
  .row-15-iso img {max-width:120px;height:auto;}
  .row-17-ext {gap:50px;}
  .row-27-bot-lis-sin {padding-top:2px;}
  footer {padding: 50px calc(var(--gutter) * 1) 130px;border-radius:0;}
  footer a:hover {color:var(--main-color);}
  .footer-lef {order:2;}
  .footer-lef-bot {height: 100%;}
  .footer-lef-bot-sin:nth-child(2) {padding: 0;margin: 50px 0;}
  .footer-lef-bot-sin-con{padding:0;}
  .footer-lef-bot-sin-add {max-width: none;}
  .footer-cop {order:3;text-align: center;gap: 10px;font-size:16px;}
  .footer-cop a {font-size:16px;}
  .footer-lef-top {padding: 0;width: 100%;min-height: clamp(126px,30vw,200px);justify-content: center;align-items: flex-end;border-radius:10px!important;}
  .footer-lef-top img {margin: 0 auto;width: 80%;height: auto;padding-bottom: 20px;}
  .footer-lef-bot {background-color:transparent;padding:0;}
  .footer-lef-bot a {color:var(--main-color);}
  feet.make-wide-2, feet .feet-inner {height: 21vh;}
  .footer-lef-bot-inl {margin-top:20px;}
  .footer-lef-bot-sin-con span img {display:none;}
  .footer-lef-bot-sin-con a {text-decoration:underline;}
  .footer-lef-bot-inl-rig-bot {gap:10px;}
  .footer-lef-bot-inl-rig-bot a {display:flex;}
}

@media (max-width:600px){
  #headerMenu:checked ~ .header-menu .header-menu-top, #searchMenu:checked ~ .search-menu .search-menu-top {background-position: top -19vw center;transition: all 1.6s cubic-bezier(0.86, 0, 0.07, 1);}
  #headerMenu:checked ~ .header-menu .header-menu-top {height:95vh;width: 100vw;}
  #searchMenu:checked ~ .search-menu .search-menu-top {background-position: top -10vw center;width:100vw;}
  div.header-menu-top-lef, div.search-menu-top-lef {margin-top: 26vw;}
  div.search-menu-top-lef {height: calc(100vh - 26vw);}
}

@media (max-width:560px){
  .row-08-lef-lis section .splide__slide {height:60vw;}
}

@media (max-width:500px){
  #headerMenu:checked ~ .header-menu .header-menu-top, #searchMenu:checked ~ .search-menu .search-menu-top {background-position: top -13vw center;transition: all 1.6s cubic-bezier(0.86, 0, 0.07, 1);}
  .search-menu .header-menu-top-bot-lis {width: calc(100% - 70px);}
}

@media (max-width:450px){
  #headerMenu:checked ~ .header-menu .header-menu-top {background-position: top -6vw center;height: 100vh;transition: all 1.6s cubic-bezier(0.86, 0, 0.07, 1);}
  #searchMenu:checked ~ .search-menu .search-menu-top {background-position: top -10vw center;}
  div.header-menu-top-lef, div.search-menu-top-lef {margin-top: 30vw;}
  div.search-menu-top-lef {height: calc(100vh - 30vw);}
  .row-16-sin-top {&:hover {transform:translateY(-10px);}}
  .row-16-sin-mid {&:hover {transform:translateY(-10px);}}
  .row-16-sin-bot {&:hover {transform:translateY(-10px);}}
  .row-16-lis-top {margin-top: -10px;}
  .row-16-lis-mid {margin-top: -10px;}
  .row-16-lis-bot {margin-top: -10px;}
  .row-16-sin:has(+ .row-16-lis-top.open) {transform:translateY(-10px);}
  .row-16-sin:has(+ .row-16-lis-mid.open) {transform:translateY(-10px);}
  .row-16-sin:has(+ .row-16-lis-bot.open) {transform:translateY(-10px);}
  .row-10-sin:nth-child(3n + 3), .row-10-sin:nth-child(4n + 4) {margin-top:0px}
}

@media (max-width:380px){
  #searchMenu:checked ~ .search-menu .search-menu-top {background-position: top 0vw center;}
}