*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI',Roboto,system-ui,sans-serif;background:#fcf8ed;min-height:200vh;overflow-x:hidden;transition:background 0.2s;}
body.common .header_nav,
body.common .header_nav.header_nav_scrolled,
body.common .header_nav.header_nav_hovered {
background-color:#fcf8ed !important;
box-shadow:0 4px 12px rgba(0,0,0,0.05) !important;
}
body.common .header_nav_link,
body.common .header_nav_lang-btn,
body.common .header_nav_search-btn,
body.common .header_nav_whatsapp-btn {color:#a08c64 !important;}
body.common .header_nav_link::after {background-color:#ef5c37;}
body.common .header_nav_logo-img_white {display:none !important;}
body.common .header_nav_logo-img_color {display:block !important;}
.header_nav{position:fixed;top:0;left:0;width:100%;z-index:1000;transition:background-color 0.3s ease,box-shadow 0.3s ease;background-color:transparent;box-shadow:none;}
.header_nav.header_nav_scrolled,body.common.header_nav,.header_nav.header_nav_hovered{background-color:#fcf8ed;box-shadow:0 4px 12px rgba(0,0,0,0.05);}
.header_nav_bar{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 3%;height:80px;position:relative;}
.header_nav_logo{flex-shrink:0;margin-right:32px;}
.header_nav_logo a{display:block;line-height:0;}
.header_nav_logo img{height:70px;width:auto;display:block;transition:filter 0.2s;}
.header_nav:not(.header_nav_scrolled):not(body.common.header_nav):not(.header_nav_hovered) .header_nav_logo-img_white{display:block;}
.header_nav:not(.header_nav_scrolled):not(body.common.header_nav):not(.header_nav_hovered) .header_nav_logo-img_color{display:none;}
.header_nav.header_nav_scrolled .header_nav_logo-img_white,body.common.header_nav .header_nav_logo-img_white,.header_nav.header_nav_hovered .header_nav_logo-img_white{display:none;}
.header_nav.header_nav_scrolled .header_nav_logo-img_color,body.common.header_nav .header_nav_logo-img_color,.header_nav.header_nav_hovered .header_nav_logo-img_color{display:block;}
.header_nav_menu-wrapper{display:flex;align-items:center;flex:1;justify-content:flex-end;}
.header_nav_primary{display:flex;list-style:none;margin-right:40px;height:80px;align-items:center;}
.header_nav_item{position:relative;height:100%;display:flex;align-items:center;}
.header_nav_item:first-child{position:static;}
.header_nav_link{font-weight:400;font-size:1.1rem;padding:0 18px;text-decoration:none;color:#ffffff;transition:color 0.2s;display:flex;align-items:center;gap:6px;height:100%;white-space:nowrap;position:relative;}
.header_nav.header_nav_scrolled .header_nav_link,body.common.header_nav .header_nav_link,.header_nav.header_nav_hovered .header_nav_link{color:#a08c64;}
.header_nav_link::after{content:'';position:absolute;bottom:15px;left:50%;transform:translateX(-50%) scaleX(0);width:calc(100% - 36px);height:2px;background-color:#ef5c37;transition:transform 0.25s cubic-bezier(0.2,0.9,0.4,1);transform-origin:center;}
.header_nav_item:hover .header_nav_link::after{transform:translateX(-50%) scaleX(1);}
.header_nav_item:hover .header_nav_link{color:#ef5c37 !important;}
.header_nav_link i{font-size:0.7rem;transition:transform 0.2s;padding-top:6px;}
.header_nav_item:first-child .header_nav_dropdown{position:absolute;top:80px;left:50%;transform:translateX(-50%);width:100vw;background-color:#fcf8ed;box-shadow:0 12px 18px -8px rgba(0,0,0,0.1);visibility:hidden;opacity:0;transition:opacity 0.25s,visibility 0.25s;z-index:999;border-top:1px solid #f0f0f0;pointer-events:none;margin:0;padding:0;}
.header_nav_item:not(:first-child) .header_nav_dropdown{position:absolute;top:80px;left:50%;transform:translateX(-50%);min-width:200px;width:max-content;max-width:600px;background-color:#fcf8ed;box-shadow:0 8px 16px rgba(0,0,0,0.12);border-radius:0px;visibility:hidden;opacity:0;transition:opacity 0.25s,visibility 0.25s;z-index:999;border-top:1px solid #f0f0f0;pointer-events:none;margin-top:0;}
.header_nav_item:hover .header_nav_dropdown,.header_nav_dropdown:hover{visibility:visible;opacity:1;pointer-events:auto;}
.header_nav_bridge{position:absolute;top:100%;left:0;width:100%;height:20px;background:transparent;}
.header_nav_dropdown-content{max-width:1400px;margin:0 auto;padding:28px 3%;}
.header_nav_item:not(:first-child) .header_nav_dropdown-content{padding:16px 0;min-width:220px;}
.header_nav_special-grid{display:flex;gap:30px;}
.header_nav_special-left{flex:0 0 70%;display:flex;gap:8px;}
.header_nav_special-col{flex:1;padding:0 16px;border-right:1px solid #e0e0e0;}
.header_nav_special-col:last-child{border-right:none;}
.header_nav_col-title{font-weight:700;font-size:1.2rem;color:#a08c64;margin-bottom:18px;text-decoration:none;display:inline-block;transition:color 0.2s;}
.header_nav_col-title:hover{color:#ef5c37;}
.header_nav_sub-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin-bottom:24px;}
.header_nav_sub-link{text-decoration:none;color:#a08c64;font-size:0.95rem;padding:4px 0;display:block;transition:color 0.15s;}
.header_nav_sub-link:hover{color:#ef5c37;}
.header_nav_view-more{color:#ef5c37;font-weight:600;text-decoration:none;font-size:0.9rem;display:inline-flex;align-items:center;gap:6px;}
.header_nav_special-right{flex:0 0 30%;padding-left:16px;display:flex;flex-direction:column;}
.header_nav_feature-img{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:8px 8px 0 0;display:block;}
.header_nav_feature-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease,filter 0.3s;display:block;}
.header_nav_feature-img:hover img{transform:scale(1.05);filter:brightness(0.8);}
.header_nav_img-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.8),rgba(0,0,0,0.3));color:white;padding:16px 12px 12px;font-size:2rem;font-family:Georgia,'Times New Roman',Times,serif;font-weight:800;opacity:1;text-align:center;pointer-events:none;}
.header_nav_img-description{background:#f8f8f8;padding:12px 16px;border-radius:0 0 8px 8px;border:1px solid #eaeaea;border-top:none;}
.header_nav_img-desc-line1{color:#a08c64;font-size:0.9rem;font-weight:500;margin-bottom:6px;line-height:1.4;}
.header_nav_img-desc-line2{color:#555;font-size:0.85rem;line-height:1.4;}
.header_nav_secondary-grid{display:flex;flex-direction:column;gap:4px;padding:8px 0;}
.header_nav_secondary-link{text-decoration:none;color:#a08c64;font-weight:500;font-size:1rem;padding:10px 24px;transition:all 0.15s;white-space:nowrap;display:block;}
.header_nav_secondary-link:hover{color:#ef5c37;background-color:#f8f8f8;padding-left:28px;}
.header_nav_actions{display:flex;align-items:center;gap:20px;}
.header_nav_whatsapp { position: relative; }
.header_nav_whatsapp-btn { background: none; border: none; color: inherit; font-size: 1.4rem; cursor: pointer; padding: 8px; display: flex; color: #ffffff; transition: color 0.2s; }
.header_nav.header_nav_scrolled .header_nav_whatsapp-btn, body.common.header_nav .header_nav_whatsapp-btn, .header_nav.header_nav_hovered .header_nav_whatsapp-btn { color: #a08c64; }
.header_nav_whatsapp-drop { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: white; box-shadow: 0 8px 20px rgba(0,0,0,0.15); border-radius: 12px; padding: 16px 18px; min-width: 180px; visibility: hidden; opacity: 0; transition: opacity 0.25s ease, visibility 0.25s ease; pointer-events: none; margin-top: 12px; z-index: 1001; text-align: center; border: 1px solid #f0f0f0; }
.header_nav_whatsapp::after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 12px; background: transparent; pointer-events: auto; }
.header_nav_whatsapp:hover .header_nav_whatsapp-drop, .header_nav_whatsapp-drop:hover { visibility: visible; opacity: 1; pointer-events: auto; }
.whatsapp-qr-img { width: 140px; height: 140px; display: block; margin: 0 auto 12px auto; border-radius: 8px; background: #f8f8f8; padding: 4px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); }
.whatsapp-drop-title { font-size: 0.9rem; font-weight: 600; color: #a08c64; margin-top: 8px; letter-spacing: 0.3px; white-space: nowrap; }
.whatsapp-drop-desc { font-size: 0.75rem; color: #666; margin-top: 4px; white-space: nowrap; }
.header_nav_lang{ position:relative; }
.header_nav_lang-btn{ background:none; border:none; color:inherit; font-size:1.4rem; cursor:pointer; padding:8px; display:flex; color:#ffffff; transition:color 0.2s; }
.header_nav.header_nav_scrolled .header_nav_lang-btn, body.common.header_nav .header_nav_lang-btn, .header_nav.header_nav_hovered .header_nav_lang-btn{ color:#a08c64; }
.header_nav_lang::after { content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 12px; background: transparent; pointer-events: auto; }
.header_nav_lang-drop{ position:absolute; top:100%; left:50%; transform:translateX(-50%); background:white; box-shadow:0 6px 16px rgba(0,0,0,0.12); border-radius:8px; padding:8px 0; min-width:130px; visibility:hidden; opacity:0; transition:opacity 0.25s ease, visibility 0.25s ease; pointer-events:none; margin-top:8px; z-index:1001; }
.header_nav_lang:hover .header_nav_lang-drop, .header_nav_lang-drop:hover { visibility:visible; opacity:1; pointer-events:auto; }
.header_nav_lang-item{ display:flex; align-items:center; gap:10px; padding:10px 18px; text-decoration:none; color:#a08c64; transition:background 0.1s; }
.header_nav_lang-item i{width:20px;color:#a08c64;}
.header_nav_lang-item:hover{background:#f5f5f5;}
.header_nav_search{position:relative;}
.header_nav_search-btn{background:none;border:none;font-size:1.4rem;cursor:pointer;padding:8px;color:#ffffff;}
.header_nav.header_nav_scrolled .header_nav_search-btn,body.common.header_nav .header_nav_search-btn,.header_nav.header_nav_hovered .header_nav_search-btn{color:#a08c64;}
body.common .header_nav_search-btn{color:#a08c64 !important;}
.header_nav_search-drop{position:absolute;top:100%;right:0;padding:12px;border-radius:40px;visibility:hidden;opacity:0;transition:0.2s;pointer-events:none;margin-top:6px;width:280px;}
.header_nav_search.active .header_nav_search-drop{visibility:visible;opacity:1;pointer-events:auto;}
.header_nav_search-form{display:flex;height:44px;}
.header_nav_search-input{flex:1;border:1px solid #ddd;border-right:none;border-radius:40px 0 0 40px;padding:0 16px;font-size:1rem;outline:none;}
.header_nav_search-submit{background:#a08c64;border:none;border-radius:0 40px 40px 0;padding:0 20px;color:white;font-size:1.2rem;cursor:pointer;}
.header_nav_mobile-toggle{display:none;background:none;border:none;cursor:pointer;width:44px;height:44px;align-items:center;justify-content:center;border-radius:8px;transition:background 0.2s;}
.header_nav_mobile-toggle i{font-size:1.9rem;width:1.9rem;text-align:center;color:#a08c64;transition:transform 0.2s;}
.header_nav_mobile-search{display:none;position:relative;}
.header_nav_mobile-search-btn{background:none;border:none;color:#a08c64;font-size:1.8rem;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;}
.header_nav_mobile-search-drop{position:absolute;top:calc(100% + 10px);right:0;padding:8px;border-radius:40px;visibility:hidden;opacity:0;transition:0.2s;pointer-events:none;width:260px;z-index:1002;}
.header_nav_mobile-search.active .header_nav_mobile-search-drop{visibility:visible;opacity:1;pointer-events:auto;}
.header_nav_mobile-search-form{display:flex;height:40px;}
.header_nav_mobile-search-input{flex:1;border:1px solid #ddd;border-right:none;border-radius:40px 0 0 40px;padding:0 14px;font-size:0.95rem;outline:none;}
.header_nav_mobile-search-submit{background:#a08c64;border:none;border-radius:0 40px 40px 0;padding:0 18px;color:white;font-size:1.1rem;cursor:pointer;}
.header_nav_mobile-panel{display:none;}
@media screen and (max-width:1024px){
.header_nav_bar{padding:0 20px;height:70px;}
.header_nav_primary,.header_nav_actions .header_nav_lang,.header_nav_actions .header_nav_search{display:none;}
.header_nav_actions .header_nav_whatsapp { display: none; }
.header_nav_mobile-whatsapp { display: flex; align-items: center; margin-right: 12px; position: relative; }
.header_nav_mobile-whatsapp-btn { background: none; border: none; color: #a08c64; font-size: 1.6rem; cursor: pointer; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; }
.header_nav_mobile-whatsapp-drop { position: absolute; top: calc(100% + 8px); right: 0; background: white; border-radius: 12px; padding: 12px; box-shadow: 0 8px 20px rgba(0,0,0,0.15); min-width: 160px; visibility: hidden; opacity: 0; transition: 0.2s; pointer-events: none; z-index: 1003; text-align: center; }
.header_nav_mobile-whatsapp.active .header_nav_mobile-whatsapp-drop { visibility: visible; opacity: 1; pointer-events: auto; }
.header_nav_mobile-whatsapp .whatsapp-qr-img { width: 120px; height: 120px; }
.header_nav_mobile-whatsapp .whatsapp-drop-title { font-size: 0.85rem; }
.header_nav_mobile-search{display:block;margin-right: 8px;}
.header_nav_mobile-toggle{display:flex;}
.header_nav_actions{gap:0;}
.header_nav{background-color:#fcf8ed !important;box-shadow:0 2px 8px rgba(0,0,0,0.05);}
.header_nav .header_nav_logo-img_white{display:none !important;}
.header_nav .header_nav_logo-img_color{display:block !important;}
.header_nav_logo img{height:48px;width:auto;display:block;transition:filter 0.2s;}
.header_nav_link,.header_nav_lang-btn,.header_nav_search-btn{color:#a08c64 !important;}
.header_nav_menu-wrapper{justify-content:flex-end;}
.header_nav_mobile-panel{display:block;position:fixed;top:70px;left:0;width:100%;background:#fcf8ed;box-shadow:0 12px 16px rgba(0,0,0,0.1);transform:translateY(-10px);visibility:hidden;opacity:0;transition:0.25s;padding:16px 24px;z-index:1001;max-height:calc(100vh - 70px);overflow-y:auto;}
.header_nav_mobile-panel.active{visibility:visible;opacity:1;transform:translateY(0);}
.header_nav_mobile-primary{list-style:none;}
.header_nav_mobile-item{border-bottom:1px solid #eee;}
.header_nav_mobile-link{display:flex;align-items:center;justify-content:space-between;padding:16px 0;font-weight:600;color:#111;text-decoration:none;font-size:1.05rem;}
.header_nav_mobile-sublist{list-style:none;background:#fafafa;margin-top:-8px;margin-bottom:8px;display:none;padding:12px 12px 16px 12px;border-radius:12px;}
.header_nav_mobile-sublist.open{display:block;}
.mobile-prod-category{margin-bottom:28px;border-bottom:1px solid #ececec;padding-bottom:20px;}
.mobile-prod-category:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.mobile-cat-title{font-size:1.2rem;font-weight:700;color:#a08c64;margin-bottom:14px;display:inline-block;letter-spacing:-0.2px;text-decoration:none;}
.mobile-cat-title:hover{color:#ef5c37;}
.mobile-prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;margin-bottom:12px;}
.mobile-prod-link{text-decoration:none;color:#2c2c2c;font-size:0.95rem;font-weight:500;transition:color 0.2s;display:flex;align-items:center;gap:6px;}
.mobile-prod-link i{font-size:0.8rem;color:#a08c64;width:18px;}
.mobile-prod-link:hover{color:#ef5c37;}
.mobile-viewmore{display:inline-flex;align-items:center;gap:8px;color:#ef5c37;font-weight:600;text-decoration:none;font-size:0.9rem;margin-top:6px;transition:0.2s;background:none;border:none;cursor:pointer;}
.mobile-viewmore i{font-size:0.75rem;}
.mobile-viewmore:hover{opacity:0.8;text-decoration:underline;}
.header_nav_mobile-lang{display:flex;justify-content:center;gap:32px;padding:20px 0;}
.header_nav_mobile-lang a{color:#ef5c37;text-decoration:none;font-weight:500;}
.header_nav_mobile-sublink{display:block;padding:12px 8px;color:#2c2c2c;font-size:0.95rem;font-weight:500;text-decoration:none;transition:all 0.2s;border-radius:8px;}
.header_nav_mobile-sublink:hover{color:#ef5c37;background-color:rgba(239,92,55,0.08);padding-left:12px;}
.header_nav_mobile-sublist li{list-style:none;margin:0;padding:0;}
}
.header_nav_mobile-whatsapp { display: none; }
@media screen and (max-width:1024px) { .header_nav_mobile-whatsapp { display: flex; } }
.title_common{background:#fcf8ed;font-size:3.6rem;font-family:Georgia,'Times New Roman',Times,serif;font-weight:800;line-height:1;color:#a08c64;line-height:1.2;text-align:center;letter-spacing:0.02em;margin:0;padding:0rem 1rem 3rem 1rem;display:inline-block;width:100%;box-sizing:border-box;}
@media (max-width:768px){.title_common{font-size:1.8rem;padding:2rem 0.8rem;letter-spacing:0.01em;}}
.more_pro-catalogue-button{display:inline-flex;align-items:center;justify-content:center;gap:0;max-width:50%;width:fit-content;background:#ef5c37;color:#ffffff;font-family:'Arial',sans-serif;font-size:14px;font-weight:500;text-transform:uppercase;text-decoration:none;letter-spacing:0.05em;border-radius:9999px;margin:0px 30px 50px 30px;padding:15px 30px;border:none;cursor:pointer;transition:all 0.3s ease;outline:2px solid transparent;outline-offset:2px;}
.more_pro-catalogue-button:hover{background:#ef5c37;gap:0.5rem;transform:translateY(0px);}
.more_pro-catalogue-button:focus-visible{outline:2px solid #ffffff;outline-offset:4px;}
.more_pro-catalogue-button .more_pro-arrow{font-size:1em;line-height:1;opacity:0;transform:translateX(0px);transition:all 0.3s ease;}
.more_pro-catalogue-button:hover .more_pro-arrow{opacity:1;transform:translateX(0);}
@media (max-width:480px){
.more_pro-catalogue-button{white-space:nowrap;padding:0.8rem 1.8rem;font-size:14px;}
}
.in_banner * { margin: 0; padding: 0; box-sizing: border-box; }
body { margin: 0; }
.in_banner { width: 100%; height: 100vh; min-height: 600px; overflow: hidden; position: relative; margin: 0 auto; background-color: #1a1a1a; }
.in_banner__bg { width: 100%; height: 100%; background-size: cover; background-position: center 30%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; z-index: 1; transition: opacity 0.45s cubic-bezier(0.2, 0.9, 0.4, 1.1); }
.in_banner__bg::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.15) 100%); pointer-events: none; }
.in_banner__decor { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; pointer-events: none; background-image: url('/static/web/img/shape_banner.svg'); background-repeat: no-repeat; background-position: left center; background-size: 65% auto; animation: softBreath 6s infinite alternate; border: none; }
@keyframes softBreath { 0% { opacity: 0.7; filter: brightness(1); } 100% { opacity: 1; filter: brightness(1.05); } }
.in_banner__content { position: relative; z-index: 3; width: 1400px; max-width: 90%; height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; margin-left: 15%; margin-right: 0; }
.in_banner__title { color: #f8f5ec; font-weight: normal; line-height: 1.15; margin-bottom: 42px; text-shadow: 0 2px 12px rgba(0,0,0,0.25); letter-spacing: 0.02em; transition: opacity 0.25s ease-in-out; font-size: 68px; backdrop-filter: blur(1px); white-space: pre-line; word-break: break-word; }
.in_banner__btn-group { display: flex; gap: 26px; flex-wrap: wrap; margin: 0; }
.in_banner__btn { padding: 14px 32px; background-color: rgba(212,195,173,0.86); backdrop-filter: blur(2px); color: #ffffff; text-decoration: none; border-radius: 999px; font-size: 14px; font-family: 'Arial','Helvetica',sans-serif; font-weight: 500; letter-spacing: 0px; text-transform: uppercase; transition: background-color 0.3s ease, transform 0.2s ease, box-shadow 0.2s ease; display: inline-flex; align-items: center; gap: 12px; border: none; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,0.1); position: relative; justify-content: center; }
.in_banner__btn:hover { background-color: rgba(212,195,173,1); transform: translateY(-2px); box-shadow: 0 10px 22px rgba(0,0,0,0.2); }
.in_banner__btn:active { transform: translateY(1px); }
.carousel-controls { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 10; display: flex; gap: 24px; align-items: center; background-: rgba(10,10,10,0.55); backdrop-filter: blur(0px); padding: 8px 20px; border-radius: 48px; border: 0px solid rgba(212,195,173,0.35); transition: 0.2s; }
.carousel-btn { background: transparent; border: none; width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #f8f5ec; font-size: 1.2rem; transition: all 0.2s ease; }
.carousel-btn:hover { background: rgba(212,195,173,0.7); color: #1a1a1a; transform: scale(1.02); }
.dots-container { display: flex; gap: 12px; margin: 0 4px; }
.dot { width: 12px; height: 12px; border-radius: 50%; background: rgba(248,245,236,0.65); cursor: pointer; transition: all 0.25s ease; border: none; padding: 0; }
.dot.active { background: #f8f5ec; width: 28px; border-radius: 12px; box-shadow: 0 0 5px rgba(248,245,236,0.8); }
.carousel-slide-data { display: none; }
.title-fade { animation: titleFlick 0.32s ease-out; }
@keyframes titleFlick { 0% { opacity: 0.5; transform: translateY(5px); } 100% { opacity: 1; transform: translateY(0); } }
@media screen and (max-width: 768px) { .in_banner { height: 50vh; min-height: 400px; } .in_banner__bg { background-position: center 15%; }
.in_banner__content { margin-left: auto; margin-right: auto; align-items: center; text-align: center; width: 100%; max-width: 100%; padding: 0 20px; } .in_banner__title { font-size: 44px; } .in_banner__decor { background-size: 70% auto; background-position: left center; } .in_banner__btn-group { justify-content: center; flex-direction: column; align-items: center; width: 100%; gap: 18px; } .in_banner__btn { width: auto; min-width: 220px; max-width: 300px; padding: 14px 28px; justify-content: center; margin-right: 0; } .in_banner__title { margin-bottom: 32px; } .carousel-controls { bottom: 20px; padding: 5px 16px; gap: 16px; } .dots-container { gap: 10px; } .dot.active { width: 24px; } }
@media screen and (max-width: 480px) { .in_banner { height: 50vh; min-height: 360px; } .in_banner__content { padding: 0 16px; }
.in_banner__title { font-size: 36px; } .in_banner__btn { padding: 12px 24px; font-size: 12px; min-width: 200px; max-width: 260px; }
.carousel-controls { bottom: 16px; padding: 4px 12px; gap: 12px; } .carousel-btn { width: 28px; height: 28px; font-size: 0.85rem; }
.dot { width: 8px; height: 8px; } .dot.active { width: 20px; } .in_banner__decor { background-size: 75% auto; } }
@media screen and (max-width: 320px) { .in_banner { min-height: 320px; } }
@media screen and (min-width: 1800px) { .in_banner__content { margin-left: 20%; } }
.in_banner__btn:focus-visible, .carousel-btn:focus-visible, .dot:focus-visible { outline: 2px solid #f8f5ec; outline-offset: 3px; }
.index_product_type-container {max-width: 1400px;margin: 0 auto;position: relative;padding: 80px 3%;box-sizing: border-box;}
.index_product_type-title-main {font-size: 70px;font-family: Georgia, 'Times New Roman', serif;color: #a08c64;margin: 0 0 10px 0;font-weight: 800;}
.index_product_type-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 30px;}
.index_product_type-card {position: relative;text-decoration: none;color: inherit;display: block;}
.index_product_type-card:nth-child(1) {margin-top: 40px;}
.index_product_type-card:nth-child(2) {margin-top: -80px;}
.index_product_type-card:nth-child(3) {margin-top: 40px;}
.index_product_type-card:nth-child(4) {margin-top: -40px;}
.index_product_type-image-wrap {overflow: hidden;width: 100%;height: auto;position: relative;aspect-ratio: 1 / 1;}
.index_product_type-image {width: 100%;height: 100%;object-fit: cover;transition: transform 0.4s ease;display: block;}
.index_product_type-card:hover .index_product_type-image {transform: scale(1.05);}
.index_product_type-overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(149,127,84,0.8);opacity: 0;transition: opacity 0.3s ease;pointer-events: none;}
.index_product_type-card:hover .index_product_type-overlay {opacity: 1;}
.index_product_type-text-group {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;width: 100%;pointer-events: none;}
.index_product_type-overlay-title {font-size: 50px;color: #ffffff;font-weight: 600;transition: transform 0.3s ease, color 0.3s ease;display: block;margin: 0;line-height: 1.2;}
.index_product_type-card:hover .index_product_type-overlay-title {transform: translateY(-20px);color: #ffffff;}
.index_product_type-more-btn {display: inline-block;background: transparent;color: #ffffff;font-size: 14px;font-weight: 500;text-transform: uppercase;letter-spacing: 1px;padding: 8px 20px;border: 1px solid #ffffff;border-radius: 30px;text-decoration: none;margin-top: 12px;opacity: 0;transform: translateY(15px);transition: opacity 0.3s ease, transform 0.3s ease, background 0.2s, color 0.2s, border-color 0.2s;pointer-events: auto;}
.index_product_type-card:hover .index_product_type-more-btn {opacity: 1;transform: translateY(0);}
.index_product_type-more-btn:hover {background: #ffffff;color: #a08c64;border-color: #ffffff;}
.index_product_type-description {margin-top: 30px;font-size: 15px;line-height: 1.6;color: #a08c64;max-width:500px;margin-left: auto;margin-right: auto;text-align: left;}
@media (max-width: 768px) {
.index_product_type-grid {grid-template-columns: 1fr;}
.index_product_type-title-main {font-size: 32px;margin-bottom: 30px;}
.index_product_type-overlay-title {font-size: 32px;}
.index_product_type-card:nth-child(2),.index_product_type-card:nth-child(3) {margin-top: 20px;}
.index_product_type-card {margin-top: 20px !important;}
.index_product_type-body {padding: 20px;}
.index_product_type-image-wrap {aspect-ratio: 1 / 1;height: auto;}
.index_product_type-card:hover .index_product_type-overlay-title {transform: translateY(-15px);}
.index_product_type-more-btn {padding: 6px 16px;font-size: 14px;}
.index_product_type-description {max-width: 100%;}
}
.index_about * {
margin:0;
padding:0;
box-sizing:border-box;
}
.index_about {
margin:0;
background-color:#fcf8ed;
line-height:1.4;
}
.index_about img {
max-width:100%;
display:block;
width:100%;
height:100%;
object-fit:cover;
}
.index_about .section-spacer {
background-color:#fcf8ed;
width:100%;
height:70px;
}
@media screen and (max-width: 900px) {
.index_about .section-spacer {
height:64px;
}
}
@media screen and (max-width: 480px) {
.index_about .section-spacer {
height:48px;
}
}
.index_about .top-wrap {
display:flex;
width:100%;
position:relative;
}
.index_about .top-left-img {
width:52%;
min-height:480px;
position:relative;
overflow:hidden;
background-color:#e2d9cf;
}
.index_about .top-main-img {
width:100%;
height:100%;
object-fit:cover;
position:relative;
z-index:1;
transition:transform 0.4s ease-out, filter 0.3s ease;
transform:scale(1);
filter:brightness(1);
}
.index_about .top-left-img:hover .top-main-img {
transform:scale(1.05);
filter:brightness(0.88);
}
.index_about .top-right-text {
width:48%;
background-color:#a08c64;
color:#ffffff;
padding:120px 80px;
display:flex;
flex-direction:column;
justify-content:center;
position:relative;
z-index:1;
}
.index_about .bottom-wrap {
display:flex;
padding:50px 0px;
width:100%;
position:relative;
overflow:visible;
}
.index_about .bottom-left-text {
width:42%;
padding:150px 80px;
display:flex;
flex-direction:column;
justify-content:center;
background-color:#fcf8ed;
position:relative;
z-index:2;
}
.index_about .bottom-right-img {
width:58%;
min-height:480px;
position:relative;
overflow:hidden;
z-index:1;
}
.index_about .bottom-right-img img {
width:100%;
height:100%;
object-fit:cover;
position:relative;
z-index:1;
transition:transform 0.4s ease-out, filter 0.3s ease;
transform:scale(1);
filter:brightness(1);
}
.index_about .bottom-right-img:hover img {
transform:scale(1.05);
filter:brightness(0.88);
}
.index_about .bottom-wrap .title-decor {
position:absolute;
top:-55px;
left:0;
width:50%;
pointer-events:none;
z-index:20;
overflow:visible;
}
.index_about .bottom-wrap .title-decor img {
width:100%;
height:auto;
display:block;
}
@media screen and (max-width: 768px) {
.index_about .bottom-wrap .title-decor {
top:-40px;
}
}
@media screen and (max-width: 480px) {
.index_about .bottom-wrap .title-decor {
top:-30px;
}
}
@media screen and (min-width: 1400px) {
.index_about .bottom-wrap .title-decor {
top:-70px;
}
}
@media screen and (max-width: 900px) {
.index_about .bottom-wrap .title-decor {
width:100%;
}
}
.index_about .top-title {
font-size:3.6rem;
font-family:Georgia,'Times New Roman',Times,serif;
font-weight:800;
line-height:1.2;
letter-spacing:-0.01em;
margin-bottom:32px;
}
.index_about .top-desc {
font-size:16px;
line-height:1.7;
max-width:480px;
opacity:0.92;
font-weight:400;
margin-bottom:32px;
}
.index_about .btn-solid, .index_about .btn-outline {
width:fit-content;
text-decoration:none;
border-radius:999px;
font-size:14px;
font-weight:600;
text-transform:uppercase;
letter-spacing:0.5px;
transition:all 0.3s ease;
cursor:pointer;
display:inline-flex;
align-items:center;
justify-content:center;
padding:14px 34px;
background:transparent;
border:none;
position:relative;
overflow:hidden;
margin:0;
}
.index_about .btn-text {
display:inline-block;
transition:transform 0.25s cubic-bezier(0.2,0.9,0.4,1.1);
will-change:transform;
}
.index_about .btn-solid::after, .index_about .btn-outline::after {
content:"→";
font-family:inherit;
font-size:16px;
font-weight:500;
transition:all 0.25s cubic-bezier(0.2,0.9,0.4,1.1);
opacity:0;
transform:translateX(-18px);
display:inline-block;
line-height:1;
margin-left:4px;
}
.index_about .btn-solid {
background:#ffffff;
color:#b89f78;
border:none;
}
.index_about .btn-solid:hover {
background:#ffffff;
opacity:0.92;
transform:translateY(-2px);
box-shadow:0 8px 20px rgba(0,0,0,0.05);
}
.index_about .btn-solid:hover .btn-text {
transform:translateX(-5px);
}
.index_about .btn-solid:hover::after {
opacity:1;
transform:translateX(0px);
}
.index_about .btn-outline {
background:transparent;
color:#b89f78;
border:1px solid #a08c64;
}
.index_about .btn-outline:hover {
background-color:#a08c64;
color:#ffffff;
border-color:#a08c64;
transform:translateY(-2px);
box-shadow:0 6px 14px rgba(184,159,120,0.2);
}
.index_about .btn-outline:hover .btn-text {
transform:translateX(-5px);
}
.index_about .btn-outline:hover::after {
opacity:1;
transform:translateX(0px);
}
.index_about .bottom-title {
font-size:3.6rem;
font-family:Georgia,'Times New Roman',Times,serif;
font-weight:800;
line-height:1;
color:#a08c64;
line-height:1.2;
margin-bottom:32px;
position:relative;
z-index:2;
}
.index_about .bottom-desc {
font-size:16px;
line-height:1.7;
max-width:420px;
color:#a08c64;
margin-bottom:32px;
position:relative;
z-index:2;
}
.index_about .btn-outline {
position:relative;
z-index:2;
margin-left:0;
margin-right:0;
}
@media screen and (min-width: 901px) and (max-width: 1300px) {
.index_about .top-right-text {
padding:100px 50px;
}
.index_about .bottom-left-text {
padding:120px 50px;
}
.index_about .top-desc, .index_about .bottom-desc {
max-width:100%;
}
.index_about .top-left-img, .index_about .bottom-right-img {
min-height:440px;
}
}
@media screen and (max-width: 1024px) {
.index_about .top-right-text {
padding:80px 40px;
}
.index_about .bottom-left-text {
padding:100px 40px;
}
.index_about .top-title, .index_about .bottom-title {
font-size:42px;
}
}
@media screen and (max-width: 900px) {
.index_about .top-wrap, .index_about .bottom-wrap {
flex-direction:column;
}
.index_about .top-left-img, .index_about .top-right-text,
.index_about .bottom-left-text, .index_about .bottom-right-img {
width:100% !important;
}
.index_about .top-left-img {
min-height:380px;
}
.index_about .bottom-right-img {
min-height:200px;
}
.index_about .top-right-text {
padding:60px 40px;
}
.index_about .bottom-left-text {
padding:90px 40px 60px;
order:1;
}
.index_about .bottom-right-img {
order:2;
}
.index_about .top-title, .index_about .bottom-title {
font-size:38px;
}
.index_about .btn-solid, .index_about .btn-outline {
padding:12px 28px;
}
}
@media screen and (max-width: 480px) {
.index_about .top-right-text, .index_about .bottom-left-text {
padding:40px 24px;
}
.index_about .bottom-left-text {
padding-top:70px;
}
.index_about .top-title, .index_about .bottom-title {
font-size:32px;
}
.index_about .top-desc, .index_about .bottom-desc {
font-size:15px;
}
.index_about .btn-solid, .index_about .btn-outline {
padding:10px 24px;
font-size:12px;
}
.index_about .btn-solid::after, .index_about .btn-outline::after {
font-size:14px;
}
}
.index_about .btn-solid:focus-visible, .index_about .btn-outline:focus-visible {
outline:2px solid #b89f78;
outline-offset:3px;
border-radius:999px;
}
.ipro_a-carousel-container { max-width-: 1400px; width: 100%; margin: 0 auto;padding:50px 0%; overflow: hidden; position: relative; }
.ipro_a-carousel-wrapper { overflow: hidden; width: 100%; position: relative; }
.ipro_a-carousel-track { display: flex; transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: transform; }
.ipro_a-card { flex-shrink: 0; width: 20%; background-: #fff; overflow: hidden; position: relative; }
.ipro_a-card-link { text-decoration: none; display: block; color: inherit; }
.ipro_a-image-wrapper { position: relative; overflow: hidden; aspect-ratio: 1 / 1; background-color: #e9e5dc; }
.ipro_a-image-wrapper img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.35s ease-out; }
.ipro_a-card:hover .ipro_a-image-wrapper img { transform: scale(1.06); }
.ipro_a-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.55); backdrop-filter: blur(2px); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; }
.ipro_a-card:hover .ipro_a-overlay { opacity: 1; }
.ipro_a-title { color: white; font-size: 1.4rem; font-weight: 600; text-align: center; padding: 0 12px; letter-spacing: -0.2px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: center; }
.ipro_a-title i { font-size: 1.2rem; color: #fffff; text-shadow: 0 1px 2px rgba(0,0,0,0.2); }
.ipro_a-dots-container { display: flex; justify-content: center; gap: 12px; margin-top: 32px; flex-wrap: wrap; }
.ipro_a-dot { width: 12px; height: 12px; padding: 0; border-radius: 50%; background-color: #cccccc; border: none; cursor: pointer; transition: transform 0.2s, background-color 0.2s; display: inline-block; }
.ipro_a-dot:hover { background-color: #ef5c37; transform: scale(1.2); }
.ipro_a-dot.active { background-color: #ef5c37; box-shadow: 0 0 0 2px rgba(1, 91, 172, 0.2); }
.ipro_a-dot:active { transform: scale(0.9); }
@media screen and (max-width: 767px) {
.ipro_a-card { width: 100%; }
.ipro_a-title { font-size: 1.2rem; }
.ipro_a-dots-container { gap: 16px; margin-top: 24px; }
.ipro_a-dot { width: 10px; height: 10px; }
}
.ipro_b-carousel-container { max-width-: 1400px; width: 100%; margin: 0 auto;padding:50px 0%; overflow: hidden; position: relative; }
.ipro_b-carousel-wrapper { overflow: hidden; width: 100%; position: relative; }
.ipro_b-carousel-track { display: flex; transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: transform; }
.ipro_b-card { flex-shrink: 0; width: 20%; background-: #fff; overflow: hidden; position: relative; }
.ipro_b-card-link { text-decoration: none; display: block; color: inherit; }
.ipro_b-image-wrapper { position: relative; overflow: hidden; aspect-ratio: 1 / 1; background-color: #e9e5dc; }
.ipro_b-image-wrapper img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.35s ease-out; }
.ipro_b-card:hover .ipro_b-image-wrapper img { transform: scale(1.06); }
.ipro_b-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.55); backdrop-filter: blur(2px); display: flex; align-items: center; justify-content: center; opacity: 0; transition: opacity 0.3s ease; }
.ipro_b-card:hover .ipro_b-overlay { opacity: 1; }
.ipro_b-title { color: white; font-size: 1.4rem; font-weight: 600; text-align: center; padding: 0 12px; letter-spacing: -0.2px; display: flex; align-items: center; gap: 8px; flex-wrap: wrap; justify-content: center; }
.ipro_b-title i { font-size: 1.2rem; color: #fffff; text-shadow: 0 1px 2px rgba(0,0,0,0.2); }
.ipro_b-dots-container { display: flex; justify-content: center; gap: 12px; margin-top: 32px; flex-wrap: wrap; }
.ipro_b-dot { width: 12px; height: 12px; padding: 0; border-radius: 50%; background-color: #cccccc; border: none; cursor: pointer; transition: transform 0.2s, background-color 0.2s; display: inline-block; }
.ipro_b-dot:hover { background-color: #ef5c37; transform: scale(1.2); }
.ipro_b-dot.active { background-color: #ef5c37; box-shadow: 0 0 0 2px rgba(1, 91, 172, 0.2); }
.ipro_b-dot:active { transform: scale(0.9); }
@media screen and (max-width: 767px) {
.ipro_b-card { width: 100%; }
.ipro_b-title { font-size: 1.2rem; }
.ipro_b-dots-container { gap: 16px; margin-top: 24px; }
.ipro_b-dot { width: 10px; height: 10px; }
}
.footer-container {background-color: #a08c64;padding: 40px 0px 0px;color: #ffffff;font-family: Arial, sans-serif;width: 100%;box-sizing: border-box;}
.footer-wrapper {max-width: 1400px;padding:0px 3% 0px;margin: 0 auto;position: relative;overflow: hidden;}
.footer-col {float: left;box-sizing: border-box;margin-bottom: 30px;width: 18%;margin-right: 4%;}
.footer-col:last-of-type {margin-right: 0;}
.footer-logo-col {text-align: center;}
.footer-logo-link {text-decoration: none;color: #ffffff;display: inline-block;}
.footer-logo-box {width: 180px;height: 100px;margin: 0 auto 15px;border: 0px solid #ffffff;border-radius: 0%;display: flex;align-items: center;justify-content: center;}
.footer-logo-img {height:100px;object-fit: cover;transition: transform 0.3s ease;}
.footer-logo-link:hover .footer-logo-img {transform: scale(1.02);}
.footer-logo-text {font-size: 36px;font-weight: bold;margin: 0 0 10px;text-transform: uppercase;}
.footer-tagline {font-size: 28px;margin: 0;line-height: 1.2;}
.footer-col-title {font-size: 24px;margin: 0 0 20px;color: #ffffff;transition: color 0.3s ease;}
.footer-col:hover .footer-col-title {color: #ef5c37;}
.footer-nav-list,.footer-social-list,.footer-contact-list {list-style: none;padding: 0;margin: 0;}
.footer-nav-link {color: #ffffff;text-decoration: none;font-size: 18px;line-height: 2.2;transition: color 0.3s ease;}
.footer-nav-link:hover {color: #ef5c37;}
.footer-social-link {color: #ffffff;text-decoration: none;font-size: 18px;line-height: 2.2;display: block;}
.footer-social-link i {width: 20px;margin-right: 10px;text-align: center;}
.footer-social-link:hover {color: #ef5c37;}
.footer-contact-list li {display: flex;align-items: flex-start;margin-bottom: 15px;font-size: 16px;line-height: 1.5;}
.footer-contact-icon {width: 20px;margin-right: 10px;text-align: center;margin-top: 0px;}
.footer-contact-text {color: #ffffff;}
.footer-back-to-top {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 60px;height: 60px;background-color: rgba(255,255,255,0.15);border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #ffffff;text-decoration: none;font-size: 24px;transition: background-color 0.3s ease;cursor: pointer;}
.footer-back-to-top:hover {background-color: rgba(255,255,255,0.3);}
.footer-clearfix::after {content: "";display: table;clear: both;}
@media (max-width: 767px) {
.footer-col {float: none;padding: 10px;width: 100% !important;margin-right: 0 !important;text-align: center;}
.footer-contact-list li {justify-content: center;}
.footer-back-to-top {position: static;margin: 20px auto 0;transform: none;}
.footer-logo-text {font-size: 28px;}
.footer-tagline {font-size: 22px;}
.footer-col-title {font-size: 20px;}
.footer-nav-link,.footer-social-link,.footer-contact-list li {font-size: 14px;}
}