:root{--fnt:'Josefin Sans';--main:#5a2b32;--hover:#c99a45;--text:#333;--prev:#777;--red:#a86f25;--bord:#e7e7e7;--grey:#f7f7f7;--white:#fff;--wite:#fff;} .fnt{font-family: var(--fnt);}.fs-7{font-size:14px;}.fs-8{font-size:12px;}.fw-5{font-weight:500;}.ls-1{letter-spacing: 1px;}.tr-5{transition:all 0.5s ease 0s;} .cl-m{color:var(--main);}.cl-h{color:var(--hover);}.cl-t{color:var(--text);}.cl-p{color:var(--prev);}.cl-r{color:var(--red);}.cl-w{color:var(--wite);} .br-5{border-radius:5px;}.br-15{border-radius:15px;}.br-30{border-radius:30px;}.br-50{border-radius:50%;} body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;color:var(--text);} input,select,textarea{width:100%;height:50px;padding:0;border:1px solid var(--bord);border-radius:5px;outline:none;text-indent:1rem;transition:all 0.5s ease 0s;} input:disabled{cursor: not-allowed;} input:focus,select:focus,textarea:focus{border:1px solid var(--main);box-shadow:0 0 15px rgb(0 0 0 / 5%);} input[type=submit]{display:inline-block;width:auto;padding:0 50px;background-color:var(--main);border:0;font-weight:700;text-indent:0;color:var(--wite);} input[type=submit]:hover{background-color:var(--hover);} select{background:var(--wite) url(images/select.png) no-repeat center right 9px;appearance:none;}textarea{display:block;height:106px;padding:1rem;text-indent:0;} h1,h2,h3,h4,h5,h6{margin-bottom:0;}ul,ol,p{margin:0;padding:0;}a{text-decoration:none;}img{display:block;max-width:100%;height:auto;}.wow{opacity:0;} .i-hov{overflow:hidden;}.i-hov img{transition:all 0.5s ease 0s;}.i-hov:hover img{transform:scale(1.05);} .n-hov-l a{width:100%;background:linear-gradient(transparent calc(100% - 2px), var(--hover) 2px) no-repeat top left / 0% 100%;color:var(--main);transition:all 0.5s ease 0s;} .n-hov-l a:hover{background-size:100% 100%;color:var(--hover);} .n-hov-t a{background:linear-gradient(to right, var(--hover), var(--hover) 50%, var(--main) 50%) 100% / 200% 100%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;transition:all 0.5s ease 0s;} .n-hov-t a:hover{background-position:0;} .f-item{position:relative;margin-bottom:1.5rem;}.f-item span{display:block;margin-bottom:0.25rem;} .f-item input.error,.f-item select.error,.f-item textarea.error{border-color:var(--red);} .f-item label.error,.f-item label#emailregistered{position:absolute;top:100%;right:0;font-size:12px;color:var(--red);} .topbar{background:var(--main);color:var(--white);font-size:14px;} .topbar a{color:var(--white);text-decoration:none;} .topbar a:hover{opacity:0.9;} .topbar .topbar-item{display:flex;align-items:center;gap:6px;white-space:nowrap;} .header{background-color: var(--wite);} .logo{width: 160px;} .logo img{width:auto;max-height:96px;object-fit:contain;} .logo a span{position: absolute; width: 0; height: 0; overflow: hidden;} .icon{list-style: none;} .icon li{flex: 0 0 auto;} .icon li a{display: block; min-width: 40px; text-align: center; line-height: 40px; color: var(--text); cursor: pointer; transition: all 0.5s ease 0s;} .icon li a:hover{color: var(--main);} .icon li a i{text-align: center;} .search{top: calc(100% + 3rem); right: 0; left: 0; width: 50%; background-color: var(--wite); opacity: 0; pointer-events: none;} .search input[type='text']{float: left; width: calc(100% - 50px); border: 0;} .search input[type='submit']{float: right; width: 50px; padding: 0; background: var(--wite) url(images/search.png) no-repeat center;} .search-2{top: calc(100% + 1.5rem); box-shadow: 0 0 30px rgb(0 0 0 / 25%); opacity: 1; pointer-events: auto;z-index: 999;} .hotline-box{padding:14px 18px;} .hotline-icon i{font-size:38px;color:#e11b22;line-height:1;} .hotline-title{color:#e11b22;font-size:22px;font-weight:700;line-height:1.1;margin-bottom:4px;} .hotline-number{color:#111;font-size:18px;font-weight:700;line-height:1.2;} .hotline-icon img{width:42px;height:42px;object-fit:contain;flex-shrink:0;} .main-author, .site-description{position: absolute; width: 1px; height: 1px; border: 0; clip: rect(0, 0, 0, 0); word-wrap: normal; overflow: hidden;} .main-title{margin-bottom: 3rem; text-align: center;} .main-title *:nth-child(1){text-transform: uppercase; color: var(--main);} .main-title *:nth-child(1) i{margin-right: 0.5rem;} .main-title *:nth-child(2){margin-top: 1rem; font-family: var(--fnt); font-weight: 700;} .main-button{font-weight: 500; line-height: 46px;} .main-button a{position: relative; display: inline-block; padding: 0 1.75rem; border: 2px solid var(--main); border-radius: 25px; color: var(--main); transition: all 0.5s ease 0s;} .main-button a:hover{background-color: var(--main); color: var(--wite);} .main-arr .slick-arrow{position: absolute; top: 0; bottom: 0; width: 40px; height: 40px; margin: auto; background-color: var(--main); border-radius: 50%; opacity: 0;} .main-arr .slick-arrow:hover{background-color: var(--hover);} .main-arr .slick-arrow i{font-size: 16px; line-height: 40px; color: var(--wite);} .main-arr .slick-prev{left: 0;} .main-arr .slick-next{right: 0;} .main-arr:hover .slick-arrow{opacity: 1;} .main-arr:hover .slick-prev{left: -70px;} .main-arr:hover .slick-next{right: -70px;} .main-page{list-style: none; display: flex; justify-content: center; margin-bottom: 3rem;} .main-page li+li{margin-left: 1rem;} .main-page li a{display: block; width: 40px; background-color: var(--grey); text-align: center; line-height: 40px; color: var(--main); transition: all 0.5s ease 0s;} .main-page li a:hover, .main-page li a.active{background: var(--main); color: var(--wite);} .main-other{margin-bottom: 3rem; border-bottom: 2px solid var(--bord); font-family: var(--fnt); font-weight: 700; color: var(--main);} .main-other *{position: relative; display: inline-block;} .main-other *:before{content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: var(--main);} .main-detail p{margin-bottom: 15px;} .main-detail h2{padding: 0.75rem 0; font-size: 1.5rem;} .main-detail h3{padding: 0.75rem 0; font-size: 1.25rem;} .main-detail h4{padding: 0.75rem 0; font-size: 1.25rem;} .main-detail ul, .main-detail ol{padding: 0 0 0.75rem 2rem;} .main-detail img{display: inline-block!important;} .main-detail table{width: 100%!important; border-collapse: collapse; border-color: var(--bord);} .main-detail iframe{display: block; margin: 0 auto!important;} .main-detail figure{padding: 0 0 1rem;} .main-detail figure figcaption{font-size: 14px; font-style: italic;} .main-toc{top: 15px; border: 1px solid var(--bord);} .main-toc-button{position: absolute; top: 15px; right: 15px; cursor: pointer;} .main-toc-button i{width: 30px; text-align: center; line-height: 30px; color: var(--text);} .main-toc-list{margin-top: 15px;} .main-toc-list ul{list-style: none; margin-top: 10px;} .main-toc-list ul li{position: relative; padding-left: 20px;} .main-toc-list ul li:before{content: ''; position: absolute; top: 10px; left: 0; width: 6px; height: 6px; border-radius: 50%; background-color: var(--main);} .main-toc-list ul li a:hover{color: var(--main)!important;} .main-toc-list ul ul{padding-left: 20px;} .main-toc-list ul ul li:before{background-color: transparent; border: 1px solid var(--main);} .main-share > div:nth-child(1){margin-right: 17px; padding: 3px 10px; border: 1px solid var(--bord); color: #777;} .main-share > div:nth-child(1):before .main-share > div:nth-child(1):after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: 100%; width: 0; height: 0; border-style: solid;} .main-share > div:nth-child(1):before{border-width: 7px 0 7px 9px; border-color: transparent transparent transparent var(--bord);} .main-share > div:nth-child(1):after{border-width: 6px 0 6px 8px; border-color: transparent transparent transparent var(--wite);} .main-share > div:nth-child(1) i{padding-right: 10px; border-right: 1px solid var(--bord);} .main-share > div:nth-child(1) b{padding: 0 10px; font-size: 12px; vertical-align: text-bottom;} .main-share #st-1 .st-btn[data-network='telegram']{display: inline-block!important;} #product-detail .product-head{border:1px solid #ececec;border-radius:6px;box-shadow:0 10px 28px rgb(0 0 0 / 6%);} #product-detail .product-head > .container{padding-top:32px!important;padding-bottom:32px!important;} #product-detail .product-head .row{align-items:center;} #product-detail .spD-big{padding:0!important;background:#f8f8f8;border:1px solid #ededed;border-radius:6px;overflow:hidden;box-shadow:none;} #product-detail .spD-big .slick-slide > div{padding-top:75%!important;} #product-detail .spD-big .slick-slide > div img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;} #product-detail .product-info{padding:6px 4px;} @media (max-width:991.98px){ #product-detail .product-head > .container{padding-top:22px!important;padding-bottom:22px!important;} #product-detail .spD-big .slick-slide > div{padding-top:70%!important;} } @media (max-width:575.98px){ #product-detail .spD-big .slick-slide > div{padding-top:78%!important;} } .footer{border-top: 1px solid var(--main);background: url(images/bg-damrong.jpg) no-repeat center center;background-size:cover;} .footer ul{list-style: none;} .footer a{color: #333; transition: all 0.5s ease 0s;} .footer a:hover{color: var(--hover);} .footer-title{position: relative;margin-bottom: 1.5rem; font-family: var(--fnt); font-weight: 700; text-transform: uppercase; color: var(--main);} .footer-title:before, .footer-title:after{content: ''; height: 2px; background-color: var(--main);} .footer-title:before{position: absolute; bottom: 0; left: 55px; width: 10px;} .footer-title:after{display: block; width: 50px;} .footer-title h3{font-size: 18px;} .footer-info li{position: relative; margin-bottom: 0.5rem;} .footer-list ul li a:hover i{transform: rotate(-90deg);} .footer-social a{flex: 0 0 auto; width: 40px;} .footer-social a+a{margin-left: 1rem;} .footer-social a i{width: 36px; border: 1px solid var(--text); border-radius: 50%; text-align: center; line-height: 34px;} .footer-bottom{background-color: var(--main); color: var(--wite);} .footer-bottom a{color: var(--wite);} .footer-product a+a:before{content: '|'; padding: 0 0.25rem;} .press{bottom:1rem;left:1rem;cursor:pointer;} .press a{padding-right:50px;text-align:center;} .press a p{width:0;padding-right:0;height:40px;background-color:var(--wite);border-radius:20px 0 0 20px;opacity:0;overflow:hidden;transition:.4s;} .press a p span{top:0;left:0;width:150px;line-height:40px;} .press a i{right:0;bottom:0;width:50px;background-color:var(--wite);box-shadow:0 0 15px rgb(0 0 0 / 25%);font-size:30px;line-height:50px;color:var(--main);animation:floatWater 2.5s infinite ease-in-out;transition:.4s;} .press a:hover p{width:175px;padding-right:25px;box-shadow:0 0 15px rgb(0 0 0 / 25%);opacity:1;} .press a:hover i{right:25px;background-color:var(--main);color:var(--wite);} @keyframes floatWater{ 0%{transform: translateY(0);} 50%{transform: translateY(-6px);} 100%{transform: translateY(0);} } .click{left:16px;bottom:86px;z-index:999;display:grid;gap:12px;} .click a{--support-color:var(--main);position:relative;display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin:0;background:#fff;border-radius:50%;box-shadow:0 10px 28px rgb(0 0 0 / 20%);color:#333;transition:transform .28s ease,box-shadow .28s ease;} .click a:nth-child(2){--support-color:#0877ff;} .click a:before{content:"";position:absolute;inset:-6px;border:1px solid var(--support-color);border-radius:50%;opacity:.45;animation:supportPulse 1.9s infinite ease-out;} .click a:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 16px 34px rgb(0 0 0 / 24%);} .click a img{position:relative;z-index:2;width:50px;height:50px;border-radius:50%;object-fit:contain;box-shadow:none;} .click a span{position:absolute;left:calc(100% + 10px);top:50%;width:max-content;min-width:96px;padding:8px 12px;background:#fff;color:#1f2933;border:1px solid #ededed;border-left:3px solid var(--support-color);border-radius:6px;box-shadow:0 10px 24px rgb(0 0 0 / 16%);font-weight:700;line-height:1;opacity:0;pointer-events:none;transform:translate(-8px,-50%);transition:opacity .25s ease,transform .25s ease;} .click a span:after{content:"";position:absolute;top:50%;left:-8px;transform:translateY(-50%);border:4px solid transparent;border-right-color:#fff;} .click a:hover span{opacity:1;transform:translate(0,-50%);} @keyframes supportPulse{0%{transform:scale(.9);opacity:.55;}70%,100%{transform:scale(1.35);opacity:0;}} @media all and (max-width:576px){.click{left:10px;bottom:80px;gap:10px}.click a{width:46px;height:46px}.click a img{width:46px;height:46px}.click a span{display:none}} .gotop{right: 1rem; bottom: -40px; width: 40px; background-color: var(--wite); box-shadow: 0 0 5px rgb(0 0 0 / 25%); color: var(--red); opacity: 0; cursor: pointer;} .gotop:hover{background-color: var(--red); color: var(--wite);} .gotop i{line-height: 40px;} .gotop-2{bottom: 1rem; opacity: 1;} @media all and (min-width: 1200px){ .logo{width: 150px;} .logo img{max-height: 92px;} } @media all and (max-width: 991px){ .header .container{padding-top: 6px!important;padding-bottom: 6px!important;} .logo{width: 132px;} .logo img{max-height: 76px;} } @media all and (max-width: 576px){ .topbar{font-size: 12px;} .logo{width: 112px;} .logo img{max-height: 66px;} .icon li a{min-width: 36px;line-height: 36px;} } /* Duc Manh 79 theme */ :root{--dm-blue:#5a2b32;--dm-navy:#342126;--dm-gold:#d5a334;--dm-light:#eef7fb;--dm-text:#20313f}html{scroll-behavior:smooth}body{font-family:Lexend,Arial,sans-serif;color:var(--dm-text)}.main-wrap{overflow:hidden}.dm-top{background:var(--dm-navy);color:#fff;font-size:13px;padding:9px 0}.dm-top .container,.dm-header .container{display:flex;align-items:center;justify-content:space-between}.dm-top a{color:#fff}.dm-top i{color:var(--dm-gold);margin-right:7px}.dm-header{background:#fff;box-shadow:0 3px 20px #071f3520;position:relative;z-index:30}.dm-logo img{width:150px;height:72px;object-fit:contain}.dm-header nav{display:flex;align-items:center;gap:29px}.dm-header nav a{color:#17384d;font-weight:600;font-size:15px}.dm-header nav a:hover{color:var(--dm-gold)}.dm-header-call{display:flex;gap:11px;align-items:center;color:var(--dm-blue)}.dm-header-call>i{width:42px;height:42px;border-radius:50%;background:var(--dm-gold);color:#fff;display:grid;place-items:center}.dm-header-call span{display:flex;flex-direction:column;font-size:11px}.dm-header-call b{font-size:17px}.dm-menu{display:none;border:0;background:var(--dm-blue);color:#fff;border-radius:6px;padding:10px 13px}.dm-hero{height:650px;position:relative;display:flex;align-items:center;color:#fff}.dm-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dm-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,29,50,.91) 0%,rgba(3,44,72,.69) 48%,rgba(3,34,52,.08) 80%)}.dm-hero-inner{position:relative}.dm-kicker{display:inline-block;color:#f6cb68;font-size:13px;font-weight:700;letter-spacing:2.1px;margin-bottom:15px}.dm-kicker.dark{color:#b17f17}.dm-hero h1{font-size:54px;line-height:1.12;font-weight:700;max-width:760px;color:#fff;margin:0 0 22px}.dm-hero p{font-size:18px;line-height:1.7;max-width:680px}.dm-actions{display:flex;gap:12px;margin-top:30px}.dm-actions a,.dm-button{display:inline-block;background:var(--dm-gold);color:#fff!important;padding:14px 23px;border-radius:4px;font-weight:700}.dm-actions .outline{background:transparent;border:1px solid #fff}.dm-section{padding:90px 0}.dm-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.dm-section h2,.dm-contact h2{font-size:39px;line-height:1.2;color:var(--dm-blue);font-weight:700;margin:0 0 22px}.dm-section p{line-height:1.8;color:#60717f}.dm-photo-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px;position:relative}.dm-photo-stack>img{width:100%;height:420px;object-fit:cover}.dm-photo-stack>img:nth-child(2){margin-top:38px;height:335px}.dm-badge{position:absolute;bottom:0;left:22%;background:var(--dm-gold);color:#fff;padding:20px 27px;display:flex;flex-direction:column}.dm-badge b{font-size:20px}.dm-badge span{font-size:12px;margin-top:4px}.dm-checks{display:grid;grid-template-columns:1fr 1fr;gap:13px;padding:0;margin:25px 0;list-style:none}.dm-checks li:before{content:'\2713';background:var(--dm-gold);color:#fff;border-radius:50%;padding:2px 5px;margin-right:8px;font-size:11px}.dm-reasons{background:linear-gradient(135deg,#3b2227,#6a343d);color:#fff}.dm-heading{text-align:center;max-width:760px;margin:0 auto 42px}.dm-heading h2,.dm-reasons h2,.dm-process h2{color:#fff}.dm-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.dm-cards article{background:#fff;padding:32px 25px;color:var(--dm-text);border-bottom:4px solid var(--dm-gold)}.dm-cards i{font-size:35px;color:var(--dm-gold);margin-bottom:20px}.dm-cards h3{font-size:19px;color:var(--dm-blue)}.dm-cards p{font-size:14px;margin:0}.dm-product{background:#f4f8fa}.dm-lead{font-size:20px!important;color:#26495f!important}.dm-tags{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.dm-tags span{background:#fff;border:1px solid #dce7ed;padding:9px 12px;color:var(--dm-blue);font-size:13px}.dm-product-photo{position:relative}.dm-product-photo img{width:100%;height:500px;object-fit:cover}.dm-product-photo div{position:absolute;left:25px;right:25px;bottom:25px;background:#fff;padding:18px 22px;display:flex;justify-content:space-between;color:var(--dm-blue)}.dm-product-photo span{color:#b17f17}.dm-process{background:var(--dm-navy);color:#fff}.dm-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.dm-steps div{text-align:center;position:relative}.dm-steps div:not(:last-child):after{content:'\2192';position:absolute;right:-18px;top:16px;color:#6f94ad;font-size:25px}.dm-steps b{display:grid;place-items:center;margin:0 auto 13px;width:60px;height:60px;border:2px solid var(--dm-gold);border-radius:50%;font-size:20px;color:#f2c860}.dm-steps span{font-size:14px;line-height:1.5}.dm-heading.dark h2{color:var(--dm-blue)}.dm-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:12px}.dm-gallery-grid a:first-child,.dm-gallery-grid a:nth-child(7){grid-column:span 2}.dm-gallery-grid img{width:100%;height:100%;object-fit:cover}.dm-contact{background:var(--dm-gold);padding:55px 0;color:#fff}.dm-contact .container{display:flex;align-items:center;justify-content:space-between}.dm-contact h2{color:#fff;margin-bottom:9px}.dm-contact p{margin:0}.dm-contact-actions{display:flex;gap:10px}.dm-contact-actions a{background:#fff;color:var(--dm-blue);padding:15px 20px;font-weight:700}.dm-footer{background:#2b1b1f;color:#bfd0da;padding-top:55px}.dm-footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:60px}.dm-footer img{width:180px;height:90px;object-fit:contain;background:#fff}.dm-footer h3{color:#fff;font-size:18px;margin-bottom:22px}.dm-footer p{font-size:14px;line-height:1.7}.dm-footer a{color:#dbe8ef}.dm-footer i{color:var(--dm-gold);margin-right:8px}.dm-copyright{border-top:1px solid #ffffff1c;margin-top:40px;padding:18px 0;font-size:13px}.dm-float{position:fixed;right:18px;bottom:22px;z-index:50;display:flex;flex-direction:column;gap:8px}.dm-float a{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--dm-gold);color:#fff;font-size:12px;font-weight:700;box-shadow:0 5px 18px #0004}.dm-float a:last-child{background:#0574d8} @media(max-width:991px){.dm-top span:first-child{display:none}.dm-top .container{justify-content:center}.dm-header nav,.dm-header-call{display:none}.dm-menu{display:block}.dm-hero{height:570px}.dm-hero h1{font-size:41px}.dm-grid-2{grid-template-columns:1fr;gap:45px}.dm-cards{grid-template-columns:1fr 1fr}.dm-gallery-grid{grid-template-columns:1fr 1fr}.dm-contact .container{flex-direction:column;align-items:flex-start;gap:24px}.dm-footer-grid{grid-template-columns:1fr 1fr}.dm-footer-grid>div:first-child{grid-column:1/-1}} @media(max-width:575px){.dm-logo img{width:120px;height:64px}.dm-hero{height:530px}.dm-hero h1{font-size:33px}.dm-hero p{font-size:15px}.dm-actions{flex-direction:column;align-items:flex-start}.dm-section{padding:60px 0}.dm-section h2,.dm-contact h2{font-size:30px}.dm-photo-stack>img{height:300px}.dm-photo-stack>img:nth-child(2){height:250px}.dm-checks,.dm-cards{grid-template-columns:1fr}.dm-steps{grid-template-columns:1fr 1fr}.dm-steps div:not(:last-child):after{display:none}.dm-gallery-grid{grid-auto-rows:160px}.dm-gallery-grid a:first-child,.dm-gallery-grid a:nth-child(7){grid-column:span 1}.dm-contact-actions{flex-direction:column}.dm-footer-grid{grid-template-columns:1fr;gap:25px}.dm-footer-grid>div:first-child{grid-column:auto}.dm-top{font-size:11px}.dm-product-photo img{height:360px}} /* Product module - Duc Manh 79 */ .dm-materials-hero{background:linear-gradient(120deg,#3b2227 0,#6a343d 100%)}.dm-material-card{background:#fff;border-radius:9px;overflow:hidden;box-shadow:0 8px 28px rgba(6,43,73,.09);transition:.25s}.dm-material-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px rgba(6,43,73,.15)}.dm-material-img{display:block;position:relative;height:290px;overflow:hidden}.dm-material-img img{width:100%;height:100%;object-fit:cover;transition:.4s}.dm-material-card:hover .dm-material-img img{transform:scale(1.05)}.dm-protein-badge{position:absolute;left:20px;bottom:20px;width:78px;height:78px;border-radius:50%;background:#d5a334;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;box-shadow:0 5px 18px #0003}.dm-protein-badge b{font-size:23px;line-height:1}.dm-card-arrow{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#eaf3f8;color:#5a2b32}.dm-card-arrow:hover{background:#5a2b32;color:#fff}.dm-material-note{background:#5a2b32}.dm-product-detail{background:#f4f8fa}.dm-detail-image{height:540px;position:relative;display:block;overflow:hidden;border-radius:9px;background:#fff}.dm-detail-image img{height:100%;object-fit:cover}.dm-detail-image span{position:absolute;right:20px;bottom:20px;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#5a2b32}.dm-detail-thumb{height:120px;object-fit:cover;border-radius:5px}.dm-detail-protein{display:flex;align-items:center;gap:15px}.dm-detail-protein b{font-size:44px;color:#d5a334}.dm-detail-protein span{font-size:12px;font-weight:700;color:#607582;line-height:1.4}.dm-detail-benefits li{margin-bottom:12px}.dm-detail-benefits i{width:25px;height:25px;display:inline-grid;place-items:center;border-radius:50%;background:#d5a334;color:#fff;font-size:11px;margin-right:10px}.dm-detail-content .main-detail{line-height:1.8}.dm-detail-content .main-detail h2{font-size:25px;color:#5a2b32;font-weight:700;margin-top:28px}.dm-detail-contact{background:#5a2b32;color:#fff;border-radius:8px;position:sticky;top:110px}.dm-related-product{display:block;background:#fff;border-radius:7px;overflow:hidden;box-shadow:0 6px 20px rgba(6,43,73,.08);color:#5a2b32}.dm-related-product img{width:100%;height:190px;object-fit:cover}.dm-related-product b{display:block;padding:15px}@media(max-width:767px){.dm-material-img{height:240px}.dm-detail-image{height:380px}.dm-detail-thumb{height:80px}.dm-related-product img{height:130px}} /* Danh mục nguyên liệu */ .dm-tech-hero{position:relative;min-height:570px;display:flex;align-items:center;overflow:hidden}.dm-tech-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dm-tech-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,31,52,.97) 0%,rgba(3,54,82,.89) 55%,rgba(3,48,73,.55) 100%)}.dm-tech-hero-panel{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);backdrop-filter:blur(5px);padding:28px;color:#fff}.dm-tech-hero-panel>img{width:150px;height:75px;object-fit:contain;background:#fff;padding:5px;margin-bottom:25px}.dm-tech-hero-panel>div{display:flex;align-items:center;gap:15px;padding:18px 0;border-top:1px solid rgba(255,255,255,.17);border-bottom:1px solid rgba(255,255,255,.17)}.dm-tech-hero-panel>div b{font-size:52px;color:#e1ad36;line-height:1}.dm-tech-hero-panel>div span{font-size:12px;font-weight:700;letter-spacing:1.2px}.dm-tech-hero-panel p{font-size:13px;color:rgba(255,255,255,.6);margin:20px 0 0}.dm-tech-intro{background:#fff;border-bottom:1px solid #e1e9ed}.dm-tech-contact{display:flex;align-items:center;gap:15px;justify-content-lg-end}.dm-tech-contact i{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#eaf3f7;color:#5a2b32;font-size:20px}.dm-tech-contact span{font-size:12px;color:#71828c}.dm-tech-contact a{display:block;color:#5a2b32;font-size:20px;font-weight:700}.dm-tech-products{background:#edf3f6;padding-top:30px}.dm-tech-row{margin:30px 0;background:#fff;box-shadow:0 10px 35px rgba(6,43,73,.08);border:1px solid #dfe8ec;overflow:hidden}.dm-tech-row:hover{box-shadow:0 18px 48px rgba(6,43,73,.13)}.dm-tech-photo{position:relative;display:block;height:100%;min-height:480px;background:#fff;overflow:hidden}.dm-tech-photo>img{width:100%;height:100%;object-fit:contain;transition:all 0.5s ease 0s}.dm-tech-row:hover .dm-tech-photo>img{transform:scale(1.035)}.dm-tech-index{position:absolute;z-index:2;top:0;left:0;width:58px;height:58px;display:grid;place-items:center;background:#5a2b32;color:#fff;font-size:14px;font-weight:700;letter-spacing:1px}.dm-tech-view{position:absolute;z-index:2;left:24px;bottom:22px;padding:10px 14px;background:rgba(7,59,99,.94);color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;opacity:0;transform:translateY(8px);transition:all 0.5s ease 0s}.dm-tech-row:hover .dm-tech-view{opacity:1;transform:none}.dm-tech-row-reverse .dm-tech-index{left:auto;right:0}.dm-tech-content{display:flex;flex-direction:column;justify-content:center;border-left:5px solid #d5a334}.dm-tech-row-reverse .dm-tech-content{border-left:0;border-right:5px solid #d5a334}.dm-tech-eyebrow{color:#a87818;font-size:10px;font-weight:700;letter-spacing:1.8px}.dm-tech-content h2 a{color:#5a2b32}.dm-tech-use{color:#446273;font-size:13px;font-weight:600}.dm-tech-percent{flex:0 0 92px;width:92px;height:92px;border:2px solid #d5a334;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#5a2b32}.dm-tech-percent b{font-size:37px;line-height:1}.dm-tech-percent span{font-size:10px;font-weight:700;margin-top:5px}.dm-tech-desc{line-height:1.75;max-width:680px}.dm-tech-specs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:16px;border-top:1px solid #dce6eb;border-bottom:1px solid #dce6eb}.dm-tech-specs>div{padding:16px 12px}.dm-tech-specs>div+div{border-left:1px solid #dce6eb}.dm-tech-specs small,.dm-tech-specs b,.dm-tech-specs span{display:block}.dm-tech-specs small{color:#83919a;font-size:9px;letter-spacing:1px}.dm-tech-specs b{color:#5a2b32;font-size:17px;margin:4px 0}.dm-tech-specs span{color:#8c989f;font-size:10px}.dm-tech-button{background:#5a2b32;border-color:#5a2b32;border-radius:2px;font-size:13px}.dm-tech-button:hover{background:#d5a334;border-color:#d5a334}.dm-tech-note{margin-top:45px;padding:28px;background:#fff;border-top:4px solid #d5a334}.dm-tech-note-icon{width:55px;height:55px;display:grid;place-items:center;border-radius:50%;background:#f7ecd3;color:#b17c11;font-size:22px}@media(max-width:991px){.dm-tech-hero{min-height:0}.dm-tech-photo{min-height:420px}.dm-tech-row-reverse .dm-tech-content,.dm-tech-content{border:0;border-top:5px solid #d5a334}.dm-tech-row-reverse .dm-tech-index{left:0;right:auto}}@media(max-width:575px){.dm-tech-photo{min-height:330px}.dm-tech-content{padding:24px!important}.dm-tech-percent{width:70px;height:70px;flex-basis:70px}.dm-tech-percent b{font-size:28px}.dm-tech-specs{grid-template-columns:1fr 1fr}.dm-tech-specs>div:nth-child(3){border-left:0;border-top:1px solid #dce6eb}.dm-tech-specs>div:nth-child(4){border-top:1px solid #dce6eb}.dm-tech-button{width:100%}} /* Màu thương hiệu và hiệu ứng */ :root { --dm-brand-gold: #dda94d; --dm-brand-gold-dark: #a86f25; --dm-brand-charcoal: #342d27; --dm-brand-cream: #f7f2e8; } .dm-tech-hero-overlay { background: linear-gradient(90deg, rgba(35, 29, 24, .97) 0%, rgba(56, 47, 38, .9) 56%, rgba(70, 58, 45, .52) 100%); } .dm-tech-hero-panel { background: rgba(33, 28, 23, .52); border-color: rgba(221, 169, 77, .42); } .dm-tech-hero-panel > div b { color: var(--dm-brand-gold); } .dm-tech-intro { border-bottom-color: #e2d7c4; } .dm-tech-intro .text-primary-emphasis, .dm-tech-contact a, .dm-tech-content h2 a, .dm-tech-specs b { color: var(--dm-brand-charcoal) !important; } .dm-tech-contact i, .dm-tech-note-icon { color: var(--dm-brand-gold-dark); background: #f3e7d0; } .dm-tech-products { background: linear-gradient(180deg, #f4f0e8, #ebe5da); } @keyframes dmProductReveal { from { opacity: 0; } to { opacity: 1; } } .dm-tech-row { border-color: #ded3c2; box-shadow: 0 10px 35px rgba(58, 45, 31, .1); animation: dmProductReveal .9s ease both; transition: all 0.5s ease 0s !important; } .dm-tech-row:nth-of-type(2) { animation-delay: .12s; } .dm-tech-row:nth-of-type(3) { animation-delay: .24s; } .dm-tech-row:nth-of-type(4) { animation-delay: .36s; } .dm-tech-row:nth-of-type(5) { animation-delay: .48s; } .dm-tech-row:hover { border-color: #cda85f; box-shadow: 0 17px 42px rgba(67, 49, 28, .15); } .dm-tech-photo > img { transition: all 0.5s ease 0s; } .dm-tech-row:hover .dm-tech-photo > img { transform: scale(1.022); filter: saturate(1.04); } .dm-tech-photo::before { content: none !important; display: none !important; } /* Nhãn trang chi tiết */ .dm-product-detail > .container > .row > .col-lg-6 > .dm-kicker { font-size: 0; } .dm-product-detail > .container > .row > .col-lg-6 > .dm-kicker::after { content: "BỘT CÁ ĐỨC MẠNH 79"; font-size: 13px; } .dm-tech-index, .dm-tech-row-reverse .dm-tech-index { top: 20px; left: 20px; right: auto; width: 62px; height: 62px; padding: 0; display: grid; place-items: center; background: linear-gradient(145deg, #e7bb65, #b67a2d); border: 3px solid rgba(255, 255, 255, .9); border-radius: 50%; clip-path: none; box-shadow: 0 7px 20px rgba(70, 49, 23, .2); transition: all 0.5s ease 0s; } .dm-tech-index small, .dm-tech-index::after { display: none; } .dm-tech-index b { position: relative; z-index: 1; color: #fff; font-size: 22px; font-weight: 800; line-height: 1; letter-spacing: 0; text-shadow: 0 1px 2px rgba(66, 43, 14, .18); } .dm-tech-row:hover .dm-tech-index, .dm-tech-row-reverse:hover .dm-tech-index { transform: scale(1.055); background: linear-gradient(145deg, #e7bb65, #b67a2d); box-shadow: 0 10px 25px rgba(70, 49, 23, .26); } .dm-tech-view, .dm-tech-percent, .dm-tech-button, .dm-tech-button i { transition: all 0.5s ease 0s; } .dm-tech-content { border-color: var(--dm-brand-gold) !important; } .dm-tech-eyebrow { color: var(--dm-brand-gold-dark); } .dm-tech-percent { color: var(--dm-brand-charcoal); border-color: var(--dm-brand-gold); } .dm-tech-row:hover .dm-tech-percent { color: #fff; background: linear-gradient(145deg, #e5b85e, var(--dm-brand-gold-dark)); transform: translateY(-2px); box-shadow: 0 9px 22px rgba(168, 111, 37, .2); } .dm-tech-button { background: var(--dm-brand-charcoal); border-color: var(--dm-brand-charcoal); } .dm-tech-button:hover { background: var(--dm-brand-gold-dark); border-color: var(--dm-brand-gold-dark); transform: translateY(-2px); box-shadow: 0 7px 16px rgba(168, 111, 37, .2); } .dm-tech-button:hover i { transform: translateX(4px); } .dm-tech-note { border-top-color: var(--dm-brand-gold); } @media (max-width: 991px) { .dm-tech-index, .dm-tech-row-reverse .dm-tech-index { top: 16px; left: 16px; right: auto; width: 56px; height: 56px; padding: 0; border: 3px solid rgba(255, 255, 255, .9); border-radius: 50%; } .dm-tech-index b { font-size: 20px; } } /* Duc Manh 79 responsive */ .news-list-section{padding-bottom:60px;background:#f5f8fa}.news-list-section .news-item{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 8px 30px rgba(6,43,73,.08);transition:.25s}.news-list-section .news-item:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(6,43,73,.14)}.news-list-section .tt-item{display:grid;grid-template-columns:330px 1fr}.news-list-section .i-hov{position:relative;min-height:220px}.news-list-section .i-hov img{height:100%;object-fit:cover}.news-list-section .entry-time{position:absolute;top:15px;left:15px;background:#d5a334;color:#fff;padding:9px 12px;text-align:center;font-weight:700;line-height:1;border-radius:5px}.news-list-section .entry-time span{display:block;font-size:11px;margin-top:4px}.news-list-section .tt-info{padding:27px 30px}.news-list-section .tt-info h2{font-size:22px;line-height:1.4}.news-list-section .tt-info h2 a{color:#5a2b32}.news-list-section .tt-info p{color:#647684;line-height:1.7}.single-news-details{background:#fff;border-radius:10px;padding:35px;box-shadow:0 8px 30px rgba(6,43,73,.08)}.single-news-details .main-detail{font-size:16px;line-height:1.8}.single-news-details .main-detail h2{color:#5a2b32;font-weight:700}.single-news-details .main-detail h3{color:#184d70}.single-news-details .main-detail figure img{max-height:580px;object-fit:cover}#hotro,#baiviet{box-shadow:0 8px 25px rgba(6,43,73,.08);border:1px solid #e5edf2}.side-title{background:#5a2b32!important;color:#fff!important} @media(max-width:767px){.news-list-section .tt-item{grid-template-columns:1fr}.news-list-section .i-hov{height:230px}.single-news-details{padding:20px}} .dm-page{background:#f7fafc;min-height:500px}.dm-page-collage{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;align-items:end}.dm-page-collage img{width:100%;height:470px;object-fit:cover;border-radius:8px}.dm-page-collage img+img{height:360px}.dm-value-card{height:100%;background:#fff;border-radius:8px;padding:30px;box-shadow:0 8px 28px rgba(6,43,73,.08);border-bottom:4px solid #d5a334}.dm-value-card i{font-size:34px;color:#d5a334}.dm-value-card h2{font-size:21px;color:#5a2b32;margin:18px 0 10px}.dm-value-card p{margin:0;color:#647684;line-height:1.7}.dm-company-info{background:#fff;box-shadow:0 10px 35px rgba(6,43,73,.1);border-radius:10px;overflow:hidden}.dm-company-info dt,.dm-company-info dd{padding-top:9px;padding-bottom:9px;border-bottom:1px solid #e9eef2}.dm-company-info dt{color:#5a2b32}.dm-spec{height:100%;background:#fff;border-left:3px solid #d5a334;box-shadow:0 5px 18px rgba(6,43,73,.07);padding:16px}.dm-spec b,.dm-spec span{display:block}.dm-spec b{color:#5a2b32;margin-bottom:5px}.dm-spec span{font-size:14px;color:#647684}.dm-product-icon{font-size:42px;color:#d5a334}.dm-gallery-card{height:230px;display:block;position:relative;overflow:hidden;border-radius:7px;background:#5a2b32}.dm-gallery-card img{width:100%;height:100%;object-fit:cover;transition:.4s}.dm-gallery-card span{position:absolute;inset:0;display:grid;place-items:center;background:rgba(5,48,80,.68);color:#fff;font-size:25px;opacity:0;transition:.3s}.dm-gallery-card:hover img{transform:scale(1.06)}.dm-gallery-card:hover span{opacity:1} @media(max-width:767px){.dm-page-collage img{height:330px}.dm-page-collage img+img{height:260px}.dm-gallery-card{height:170px}} /* Breadcrumb */ section.breadcrumb{display:block;width:100%;background-color:var(--main)} section.breadcrumb .container{width:100%} section.breadcrumb ul{display:flex;align-items:center;flex-wrap:wrap;gap:0;margin:0;padding:0;list-style:none} section.breadcrumb ul li{display:inline-flex;align-items:center;margin:0;list-style:none} section.breadcrumb ul li+li:before{content:'/';margin:0 10px;color:rgb(255 255 255 / 60%)} section.breadcrumb ul li a{color:var(--wite);line-height:1.5} section.breadcrumb ul li:last-child a{font-weight:700} /* Main menu */ .dm-header nav a{text-transform:uppercase} /* Policy pages */ .dm-policy-page,.dm-policy-detail{background:linear-gradient(180deg,#f8f4ed,#fff)} .dm-policy-heading{max-width:760px}.dm-policy-heading>span,.dm-policy-detail header>span{color:#a86f25;font-size:11px;font-weight:800;letter-spacing:1.5px}.dm-policy-heading h1{margin:9px 0 13px;color:#5a2b32}.dm-policy-heading p{color:#71666a;line-height:1.75} .dm-policy-card{position:relative;padding:32px;background:#fff;border:1px solid #e8ded3;border-bottom:4px solid #c99a45;box-shadow:0 12px 32px rgb(62 35 39 / 8%)}.dm-policy-card>span{position:absolute;top:20px;right:22px;color:rgb(90 43 50 / 8%);font-size:48px;font-weight:800}.dm-policy-card>i{display:grid;place-items:center;width:54px;height:54px;margin-bottom:23px;background:#f4ead7;color:#a86f25;font-size:22px}.dm-policy-card h2{min-height:55px;font-size:19px;line-height:1.45}.dm-policy-card h2 a{color:#5a2b32}.dm-policy-card p{min-height:92px;color:#746b6d;font-size:14px;line-height:1.7}.dm-policy-more{display:inline-flex;align-items:center;gap:9px;color:#a86f25;font-size:13px;font-weight:700} .dm-policy-detail article{background:#fff;border-top:5px solid #c99a45;box-shadow:0 16px 44px rgb(62 35 39 / 10%)}.dm-policy-detail header{padding:38px 42px 30px;background:#f8f4ed;border-bottom:1px solid #eadfce}.dm-policy-detail header h1{margin:8px 0 12px;color:#5a2b32;font-size:34px}.dm-policy-detail header p{margin:0;color:#71666a;line-height:1.7}.dm-policy-content{padding:38px 42px;color:#443c3e;line-height:1.85}.dm-policy-content h2,.dm-policy-content h3{color:#5a2b32;font-weight:700}.dm-policy-content h2{font-size:25px}.dm-policy-content h3{margin-top:27px;font-size:19px}.dm-policy-content li{margin-bottom:8px}.dm-policy-detail article>footer{padding:22px 42px;border-top:1px solid #eadfce}.dm-policy-detail article>footer>a:first-child{color:#5a2b32;font-weight:700} @media(max-width:575px){.dm-policy-card{padding:25px}.dm-policy-card h2,.dm-policy-card p{min-height:0}.dm-policy-detail header,.dm-policy-content,.dm-policy-detail article>footer{padding:25px}.dm-policy-detail header h1{font-size:27px}} /* Home page */ .py-lg-6{padding-top:6rem!important;padding-bottom:6rem!important}.dm-home-hero{position:relative;display:flex;align-items:center;min-height:720px;overflow:hidden;color:#fff}.dm-home-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dm-home-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgb(35 20 24 / 96%),rgb(67 32 39 / 78%) 50%,rgb(45 25 29 / 18%) 82%)}.dm-home-hero-content{position:relative;max-width:900px;padding:95px 0 150px}.dm-home-hero-content>span,.dm-home-label,.dm-home-section-head>div>span,.dm-home-heading>span{color:#e4b95e;font-size:11px;font-weight:800;letter-spacing:2.2px}.dm-home-hero h1{margin:14px 0 23px;color:#fff;font-size:59px;font-weight:750;line-height:1.12}.dm-home-hero-content>p{max-width:700px;color:rgb(255 255 255 / 76%);font-size:18px;line-height:1.75}.dm-home-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:31px}.dm-home-hero-actions a{display:inline-flex;align-items:center;gap:11px;padding:14px 20px;border:1px solid rgb(255 255 255 / 35%);color:#fff;font-size:13px;font-weight:700}.dm-home-hero-actions a:first-child{background:#c99a45;border-color:#c99a45;color:#28181b}.dm-home-facts{position:absolute;left:12px;bottom:0;display:grid;grid-template-columns:repeat(3,minmax(190px,1fr));max-width:780px;background:rgb(37 22 26 / 92%);border-top:3px solid #c99a45}.dm-home-facts>div{display:flex;align-items:center;gap:14px;padding:20px 24px}.dm-home-facts>div+div{border-left:1px solid rgb(255 255 255 / 10%)}.dm-home-facts b,.dm-home-facts i{color:#d9ad5c;font-size:29px}.dm-home-facts span{color:#fff;font-size:11px;font-weight:600;line-height:1.55} .dm-home-about{background:#fff}.dm-home-about-visual{position:relative;display:grid;grid-template-columns:1.12fr .88fr;gap:12px;padding:0 30px 35px 0}.dm-home-about-visual:before{content:'';position:absolute;right:0;bottom:0;width:70%;height:72%;background:#f1e4cc}.dm-home-about-visual>img{position:relative;z-index:1;width:100%;height:520px;object-fit:cover}.dm-home-about-visual>img:nth-child(2){height:390px;margin-top:65px}.dm-home-about-visual>span{position:absolute;z-index:2;right:0;bottom:0;padding:17px 21px;background:#5a2b32;color:#fff;font-size:10px}.dm-home-about-visual>span b{display:block;margin-bottom:3px;color:#e4b95e;font-size:15px}.dm-home-about h2,.dm-home-section-head h2,.dm-home-heading h2,.dm-home-process h2{margin:10px 0 20px;color:#5a2b32;font-size:40px;font-weight:750;line-height:1.2}.dm-home-about .lead{color:#5b454a;font-size:18px;font-weight:600;line-height:1.65}.dm-home-about p:not(.lead){color:#71676a;line-height:1.8}.dm-home-about-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}.dm-home-about-points>div{display:flex;align-items:center;gap:12px;padding:15px;background:#f8f4ed;border-left:3px solid #c99a45}.dm-home-about-points i{color:#a86f25;font-size:21px}.dm-home-about-points span,.dm-home-about-points small{display:block}.dm-home-about-points b{color:#5a2b32;font-size:13px}.dm-home-about-points small{color:#82777a;font-size:10px}.dm-home-link{display:inline-flex;align-items:center;gap:9px;color:#a86f25;font-size:12px;font-weight:800;text-transform:uppercase} .dm-home-products{background:#f3eee6}.dm-home-section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:38px}.dm-home-section-head>p{max-width:600px;margin:0;color:#71676a;line-height:1.75}.dm-home-product-card{display:grid;grid-template-columns:minmax(190px,.9fr) 1.1fr;height:100%;overflow:hidden;background:#fff;border:1px solid #e6dacf;box-shadow:0 12px 34px rgb(67 39 43 / 7%);transition:all .4s ease}.dm-home-product-card:hover{border-color:#c99a45;box-shadow:0 18px 42px rgb(67 39 43 / 13%)}.dm-home-product-img{position:relative;display:block;min-height:290px;overflow:hidden}.dm-home-product-img>img{width:100%;height:100%;object-fit:cover;transition:all .5s ease}.dm-home-product-card:hover img{transform:scale(1.035)}.dm-home-product-img>span{position:absolute;left:17px;bottom:17px;display:flex;align-items:center;justify-content:center;flex-direction:column;width:72px;height:72px;background:#5a2b32;border:3px solid #fff;border-radius:50%;color:#fff;font-size:22px;font-weight:800}.dm-home-product-img small{font-size:8px}.dm-home-product-card>div{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:27px}.dm-home-product-card>div>small{color:#a86f25;font-size:9px;font-weight:800;letter-spacing:1.2px}.dm-home-product-card h3{margin:7px 0 11px;font-size:22px}.dm-home-product-card h3 a{color:#5a2b32}.dm-home-product-card p{display:-webkit-box;margin:0 0 18px;overflow:hidden;color:#766c6f;font-size:12px;line-height:1.65;-webkit-line-clamp:3;-webkit-box-orient:vertical}.dm-home-product-card>div>a:last-child{color:#a86f25;font-size:11px;font-weight:800;text-transform:uppercase}.dm-home-products .col-xl-4 .dm-home-product-card{grid-template-columns:1fr}.dm-home-products .col-xl-4 .dm-home-product-img{min-height:260px}.dm-home-products .col-xl-4 .dm-home-product-card>div{min-height:220px} .dm-home-capacity{position:relative;background:linear-gradient(135deg,#3b2227,#6a343d);overflow:hidden}.dm-home-capacity:before{content:'79';position:absolute;right:-30px;bottom:-100px;color:rgb(255 255 255 / 3%);font-size:380px;font-weight:900}.dm-home-heading{position:relative;margin-bottom:40px}.dm-home-heading h2{color:#fff}.dm-home-capacity article{position:relative;height:100%;padding:30px 25px;background:#fff;border-bottom:4px solid #c99a45}.dm-home-capacity article>b{position:absolute;right:18px;top:8px;color:rgb(90 43 50 / 7%);font-size:62px}.dm-home-capacity article>i{color:#c99a45;font-size:31px}.dm-home-capacity h3{margin:22px 0 11px;color:#5a2b32;font-size:18px}.dm-home-capacity p{margin:0;color:#766c6f;font-size:13px;line-height:1.7} .dm-home-process{background:#28191d;color:#fff}.dm-home-process h2{color:#fff}.dm-home-process p{color:#baa9ac;line-height:1.75}.dm-home-link.light{color:#e0b052}.dm-home-timeline{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid rgb(201 154 69 / 35%)}.dm-home-timeline>div{padding:30px 12px;text-align:center}.dm-home-timeline>div+div{border-left:1px solid rgb(255 255 255 / 9%)}.dm-home-timeline b{display:grid;place-items:center;width:52px;height:52px;margin:0 auto 15px;border:1px solid #c99a45;border-radius:50%;color:#e0b052}.dm-home-timeline span,.dm-home-timeline small{display:block}.dm-home-timeline span{color:#fff;font-size:13px;font-weight:700}.dm-home-timeline small{margin-top:5px;color:#9f8c8f;font-size:9px;font-weight:500} .dm-home-gallery{background:#fff}.dm-home-gallery .dm-home-section-head{align-items:center}.dm-home-gallery-grid{display:grid;grid-template-columns:1.2fr .8fr 1fr;grid-template-rows:230px 230px;gap:12px}.dm-home-gallery-grid>a{position:relative;overflow:hidden}.dm-home-gallery-grid>a:first-child{grid-row:span 2}.dm-home-gallery-grid>a:nth-child(4){grid-column:span 2}.dm-home-gallery-grid img{width:100%;height:100%;object-fit:cover;transition:all .5s ease}.dm-home-gallery-grid span{position:absolute;inset:0;display:grid;place-items:center;background:rgb(61 30 36 / 60%);color:#fff;font-size:24px;opacity:0;transition:all .35s ease}.dm-home-gallery-grid>a:hover img{transform:scale(1.04)}.dm-home-gallery-grid>a:hover span{opacity:1} .dm-home-cta{padding:55px 0;background:linear-gradient(110deg,#d8a332,#b97d2d);color:#28181b}.dm-home-cta .container{display:flex;align-items:center;justify-content:space-between;gap:40px}.dm-home-cta span{font-size:10px;font-weight:800;letter-spacing:1.8px}.dm-home-cta h2{margin:6px 0;color:#28181b;font-size:31px;font-weight:800}.dm-home-cta p{margin:0}.dm-home-cta>div>div:last-child{display:flex;gap:9px}.dm-home-cta a{display:inline-flex;align-items:center;gap:9px;padding:13px 17px;background:#fff;color:#5a2b32;font-size:12px;font-weight:800}.dm-home-cta a:first-child{background:#5a2b32;color:#fff} @media(max-width:1199px){.dm-home-hero h1{font-size:50px}.dm-home-products .col-xl-4 .dm-home-product-card{grid-template-columns:minmax(190px,.9fr) 1.1fr}.dm-home-products .col-xl-4 .dm-home-product-card>div{min-height:0}}@media(max-width:991px){.py-lg-6{padding-block:4.5rem!important}.dm-home-hero{min-height:680px}.dm-home-hero-content{padding:75px 0 160px}.dm-home-hero h1{font-size:43px}.dm-home-facts{left:12px;right:12px;max-width:none}.dm-home-section-head{align-items:flex-start;flex-direction:column;gap:12px}.dm-home-timeline{grid-template-columns:repeat(5,minmax(120px,1fr));overflow-x:auto}.dm-home-cta .container{align-items:flex-start;flex-direction:column}}@media(max-width:767px){.dm-home-facts{grid-template-columns:1fr}.dm-home-facts>div{display:none}.dm-home-facts>div:first-child{display:flex}.dm-home-product-card,.dm-home-products .col-xl-4 .dm-home-product-card{grid-template-columns:1fr}.dm-home-product-img,.dm-home-products .col-xl-4 .dm-home-product-img{min-height:290px}.dm-home-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 180px 180px}.dm-home-gallery-grid>a:first-child{grid-column:span 2;grid-row:auto}.dm-home-gallery-grid>a:nth-child(4){grid-column:auto}.dm-home-cta>div>div:last-child{flex-wrap:wrap}}@media(max-width:575px){.dm-home-hero{min-height:640px}.dm-home-hero-content{padding:65px 0 145px}.dm-home-hero h1{font-size:34px}.dm-home-hero-content>p{font-size:15px}.dm-home-hero-actions{align-items:flex-start;flex-direction:column}.dm-home-about-visual{padding-right:16px}.dm-home-about-visual>img{height:340px}.dm-home-about-visual>img:nth-child(2){height:260px;margin-top:45px}.dm-home-about h2,.dm-home-section-head h2,.dm-home-heading h2,.dm-home-process h2{font-size:30px}.dm-home-about-points{grid-template-columns:1fr}.dm-home-gallery-grid{grid-template-rows:190px 150px 150px}.dm-home-cta h2{font-size:25px}} /* Home hero slider - managed in admin folder 26 */ .dm-home-hero .dm-home-hero-overlay{background:transparent} .dm-home-hero-content{isolation:isolate}.dm-home-hero-content:before{content:'';position:absolute;z-index:-1;top:78px;right:4%;bottom:118px;left:-42px;background:linear-gradient(90deg,rgb(35 20 24 / 62%) 0%,rgb(43 27 31 / 38%) 58%,transparent 100%);border-radius:0 28px 28px 0;backdrop-filter:blur(1.5px);pointer-events:none} .dm-home-hero-content h1,.dm-home-hero-content h2{text-shadow:0 3px 16px rgb(20 10 13 / 58%)} .dm-home-hero-content>p{text-shadow:0 2px 8px rgb(20 10 13 / 68%)} .dm-home-hero{display:block;min-height:720px;background:#2b1b1f} .dm-home-hero .carousel,.dm-home-hero .carousel-inner,.dm-home-hero .carousel-item{height:720px} .dm-home-hero .carousel-item>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover} .dm-home-hero .carousel-item .container{height:100%;display:flex;align-items:center} /* Compact hero copy so the factory photography remains dominant */ .dm-home-hero-content{display:none} .dm-home-hero-content:before{display:none}.dm-home-hero-content h1,.dm-home-hero-content h2{display:-webkit-box;margin:0 0 12px;overflow:hidden;color:#fff;font-size:clamp(33px,2.75vw,44px);font-weight:800;line-height:1.14;-webkit-box-orient:vertical;-webkit-line-clamp:2}.dm-home-hero-content>p{display:-webkit-box;max-width:555px;margin:0;overflow:hidden;color:rgb(255 255 255 / 88%);font-size:15px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:1}.dm-home-hero-actions{margin-top:18px}.dm-home-hero-actions a{padding:11px 17px} @media(max-width:767px){.dm-home-hero-content{width:calc(100% - 22px);margin:0 0 60px;padding:23px 21px}.dm-home-hero-content h1,.dm-home-hero-content h2{font-size:31px}.dm-home-hero-content>p{font-size:14px}.dm-home-hero-actions a{padding:11px 14px}} .dm-home-hero .carousel-item.active .dm-home-hero-content>span{animation:dmHeroUp .65s ease both} .dm-home-hero .carousel-item.active .dm-home-hero-content h1{animation:dmHeroUp .75s .12s ease both} .dm-home-hero .carousel-item.active .dm-home-hero-content>p{animation:dmHeroUp .75s .22s ease both} .dm-home-hero .carousel-item.active .dm-home-hero-actions{animation:dmHeroUp .75s .32s ease both} @keyframes dmHeroUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}} .dm-home-facts-wrap{position:absolute;z-index:3;left:50%;bottom:0;width:100%;height:0;transform:translateX(-50%)} .dm-home-facts{left:12px} .dm-home-slider-nav{position:absolute;z-index:4;right:max(32px,calc((100vw - 1320px)/2));bottom:35px;display:flex;align-items:center;gap:10px} .dm-home-slider-nav button{position:relative;width:48px;height:38px;padding:0;border:0;border-bottom:2px solid rgb(255 255 255 / 35%);background:transparent;color:rgb(255 255 255 / 65%);font-size:11px;font-weight:800;transition:color .5s ease,border-color .5s ease} .dm-home-slider-nav button.active{border-color:#e4b95e;color:#fff} .dm-home-hero .carousel-control-prev,.dm-home-hero .carousel-control-next{top:50%;bottom:auto;width:46px;height:46px;border:1px solid rgb(255 255 255 / 32%);opacity:.72;transform:translateY(-50%);transition:opacity .5s ease,background-color .5s ease} .dm-home-hero .carousel-control-prev{left:22px}.dm-home-hero .carousel-control-next{right:22px} .dm-home-hero .carousel-control-prev:hover,.dm-home-hero .carousel-control-next:hover{background:#c99a45;border-color:#c99a45;opacity:1} @media(max-width:991px){.dm-home-hero,.dm-home-hero .carousel,.dm-home-hero .carousel-inner,.dm-home-hero .carousel-item{height:680px;min-height:680px}.dm-home-slider-nav{right:20px;bottom:26px}.dm-home-hero .carousel-control-prev,.dm-home-hero .carousel-control-next{display:none}} @media(max-width:575px){.dm-home-hero,.dm-home-hero .carousel,.dm-home-hero .carousel-inner,.dm-home-hero .carousel-item{height:640px;min-height:640px}.dm-home-hero .carousel-item>img{object-position:center}.dm-home-slider-nav{bottom:22px}.dm-home-slider-nav button{width:36px}} /* Duc Manh 79 news listing */ .news-list-section{padding:72px 0 78px!important;background:linear-gradient(180deg,#f8f4ed 0%,#fff 38%,#f7f2e8 100%)} .dm-news-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:42px;padding-bottom:27px;border-bottom:1px solid #dfd2c1} .dm-news-page-head>div{flex:0 0 48%}.dm-news-page-head span{color:#a86f25;font-size:10px;font-weight:800;letter-spacing:2px}.dm-news-page-head h1{margin:8px 0 0;color:#5a2b32;font-size:42px;font-weight:800;line-height:1.15}.dm-news-page-head p{max-width:590px;margin:0;color:#71676a;font-size:14px;line-height:1.75} .news-list-section .dm-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px} .news-list-section .news-item{height:100%;margin:0!important;border:1px solid #e8ded2;border-radius:0;background:#fff;box-shadow:0 12px 32px rgb(72 43 47 / 7%);overflow:hidden;transition:border-color .5s ease,box-shadow .5s ease} .news-list-section .news-item:hover{border-color:#c99a45;box-shadow:0 18px 42px rgb(72 43 47 / 12%)} .news-list-section .news-item .tt-item{display:flex;height:100%;flex-direction:column;background:#fff} .news-list-section .news-item .i-hov{width:100%;min-width:0;max-width:none;height:235px;background:#342126;overflow:hidden} .news-list-section .news-item .i-hov a{height:100%}.news-list-section .news-item .i-hov img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,.61,.36,1)} .news-list-section .news-item:hover .i-hov img{transform:scale(1.035)} .news-list-section .news-item .entry-time{top:18px;left:18px;width:58px;height:58px;padding:0;border-radius:0;background:#c99a45;color:#28181b;box-shadow:none;font-size:18px} .news-list-section .news-item .entry-time span{font-size:9px;font-weight:800;text-transform:uppercase} .news-list-section .news-item .tt-info{display:flex;align-items:flex-start;flex:1;flex-direction:column;padding:25px 27px 27px} .dm-news-meta{display:flex;align-items:center;gap:7px;margin-bottom:11px;color:#9a8b86;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.dm-news-meta i{color:#b78330}.dm-news-meta span{width:3px;height:3px;border-radius:50%;background:#c99a45} .news-list-section .news-item .tt-info h2{margin:0 0 12px;font-size:20px;font-weight:750;line-height:1.42}.news-list-section .news-item .tt-info h2 a{color:#5a2b32} .news-list-section .news-item .tt-info p{display:-webkit-box;margin:0 0 20px;overflow:hidden;color:#71676a;font-size:13px;line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:3} .news-list-section .news-item .tt-more{margin-top:auto}.news-list-section .news-item .tt-more a{display:inline-flex!important;align-items:center;color:#a86f25;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.7px} .news-list-section .news-item.is-featured{grid-column:1/-1}.news-list-section .news-item.is-featured .tt-item{display:grid;grid-template-columns:minmax(360px,1.08fr) 1fr}.news-list-section .news-item.is-featured .i-hov{height:355px}.news-list-section .news-item.is-featured .tt-info{justify-content:center;padding:38px 42px}.news-list-section .news-item.is-featured .tt-info h2{font-size:27px}.news-list-section .news-item.is-featured .tt-info p{font-size:14px;-webkit-line-clamp:4} .news-list-section #hotro,.news-list-section #baiviet,.news-list-section #danhmuc{border:1px solid #e2d6c8!important;border-radius:0!important;background:#fff;box-shadow:0 12px 30px rgb(72 43 47 / 7%)} .news-list-section .side-title{padding:17px 18px!important;background:#5a2b32!important;color:#e9bd67!important;text-align:left!important;font-size:12px!important;font-weight:800!important;letter-spacing:1px}.news-list-section .side-wrap{color:#71676a}.news-list-section #baiviet h3 a{color:#5a2b32;font-size:12px}.news-list-section #baiviet .dm-side-news-thumb{display:block;flex:0 0 86px;width:86px;height:62px;overflow:hidden}.news-list-section #baiviet .dm-side-news-thumb img{display:block;width:86px;height:62px;object-fit:cover;transition:transform .5s ease}.news-list-section #baiviet .dm-side-news-thumb:hover img{transform:scale(1.04)}.news-list-section #hotro .cl-r{color:#5a2b32!important}.news-list-section #hotro .side-wrap>a:last-child{background:#f8f4ed} .news-list-section #baiviet .side-wrap>div{align-items:flex-start!important;gap:13px;margin-bottom:0!important;padding:14px 0;border-bottom:1px solid #eee5da}.news-list-section #baiviet .side-wrap>div:first-child{padding-top:0}.news-list-section #baiviet .side-wrap>div:last-child{border-bottom:0}.news-list-section #baiviet h3{flex:1;padding-top:1px}.news-list-section #baiviet h3 a{display:-webkit-box;overflow:hidden;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:3} @media(max-width:991px){.dm-news-page-head{align-items:flex-start;flex-direction:column;gap:15px}.dm-news-page-head>div{flex-basis:auto}.news-list-section .news-item.is-featured .tt-item{grid-template-columns:1fr}.news-list-section .news-item.is-featured .i-hov{height:330px}.news-list-section .news-item.is-featured .tt-info{padding:30px}} @media(max-width:767px){.news-list-section{padding:52px 0 60px!important}.dm-news-page-head{margin-bottom:30px}.dm-news-page-head h1{font-size:32px}.news-list-section .dm-news-grid{grid-template-columns:1fr;gap:18px}.news-list-section .news-item.is-featured{grid-column:auto}.news-list-section .news-item.is-featured .i-hov,.news-list-section .news-item .i-hov{height:245px}.news-list-section .news-item.is-featured .tt-info,.news-list-section .news-item .tt-info{padding:23px}.news-list-section .news-item.is-featured .tt-info h2,.news-list-section .news-item .tt-info h2{font-size:20px}} /* Related news on article detail */ .dm-related-news{margin-top:62px;padding:42px;background:#f8f4ed;border-top:4px solid #c99a45} .dm-related-news-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #dfd2c1}.dm-related-news-head span{color:#a86f25;font-size:9px;font-weight:800;letter-spacing:1.8px}.dm-related-news-head h2{margin:5px 0 0;color:#5a2b32;font-size:28px;font-weight:800}.dm-related-news-head>a{display:inline-flex;align-items:center;gap:9px;color:#a86f25;font-size:11px;font-weight:800;text-transform:uppercase} .dm-related-news-card{display:flex;height:100%;flex-direction:column;background:#fff;border:1px solid #e7dccf;box-shadow:0 10px 28px rgb(72 43 47 / 7%);transition:border-color .5s ease,box-shadow .5s ease}.dm-related-news-card:hover{border-color:#c99a45;box-shadow:0 16px 36px rgb(72 43 47 / 12%)} .dm-related-news-image{height:225px;overflow:hidden;background:#342126}.dm-related-news-image a{display:block;width:100%;height:100%}.dm-related-news-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,.61,.36,1)}.dm-related-news-card:hover .dm-related-news-image img{transform:scale(1.035)} .dm-related-news-info{display:flex;align-items:flex-start;flex:1;flex-direction:column;padding:24px}.dm-related-news-date{margin-bottom:10px;color:#9b8b86;font-size:10px}.dm-related-news-date i{color:#b78330}.dm-related-news-info h3{min-height:57px;margin:0 0 11px;font-size:18px;font-weight:750;line-height:1.55}.dm-related-news-info h3 a{color:#5a2b32}.dm-related-news-info p{display:-webkit-box;min-height:67px;margin:0 0 18px;overflow:hidden;color:#71676a;font-size:12px;line-height:1.85;-webkit-box-orient:vertical;-webkit-line-clamp:3}.dm-related-news-more{margin-top:auto}.dm-related-news-more a{display:inline-flex;align-items:center;color:#a86f25;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.6px} @media(max-width:991px){.dm-related-news{padding:32px}.dm-related-news-image{height:210px}} @media(max-width:575px){.dm-related-news{margin-top:42px;padding:25px 18px}.dm-related-news-head{align-items:flex-start;flex-direction:column;gap:12px}.dm-related-news-head h2{font-size:24px}.dm-related-news-image{height:225px}.dm-related-news-info h3,.dm-related-news-info p{min-height:0}} /* Soft homepage flow and scroll reveal */ .dm-home-about{background:linear-gradient(180deg,#fff 0%,#fff 82%,#faf7f1 100%)} .dm-home-products{background:linear-gradient(180deg,#faf7f1 0%,#f3eee6 18%,#f3eee6 85%,#eadfce 100%)} .dm-home-process{background:linear-gradient(180deg,#302026 0%,#28191d 100%)} .dm-home-gallery{background:linear-gradient(180deg,#faf7f1 0%,#fff 22%)} .dm-home-about,.dm-home-products,.dm-home-capacity,.dm-home-process,.dm-home-gallery{position:relative} .dm-home-products:before,.dm-home-gallery:before{content:'';position:absolute;z-index:0;left:-5%;top:-34px;width:110%;height:68px;border-radius:50% 50% 0 0/100% 100% 0 0;background:inherit;pointer-events:none} .dm-home-products>.container,.dm-home-gallery>.container{position:relative;z-index:1} .dm-home-capacity{border-radius:42px 42px 0 0;box-shadow:0 -18px 45px rgb(61 30 36 / 8%)} .dm-home-process:before{content:'';position:absolute;left:0;right:0;top:0;height:100px;background:linear-gradient(180deg,rgb(255 255 255 / 4%),transparent);pointer-events:none} .dm-motion-ready .dm-reveal{opacity:0;transform:translateY(38px);transition:opacity 1s cubic-bezier(.22,.61,.36,1),transform 1s cubic-bezier(.22,.61,.36,1);transition-delay:var(--dm-delay,0ms);will-change:opacity,transform} .dm-motion-ready .dm-reveal.dm-visible{opacity:1;transform:translateY(0)} .dm-motion-ready .dm-reveal-soft{opacity:0;transition:opacity 1.05s ease;transition-delay:var(--dm-delay,0ms)} .dm-motion-ready .dm-reveal-soft.dm-visible{opacity:1} @media(prefers-reduced-motion:reduce){.dm-motion-ready .dm-reveal,.dm-motion-ready .dm-reveal-soft{opacity:1;transform:none;transition:none}} @media(max-width:767px){.dm-home-products:before,.dm-home-gallery:before{top:-18px;height:36px}.dm-home-capacity{border-radius:24px 24px 0 0}.dm-motion-ready .dm-reveal{transform:translateY(22px);transition-duration:.8s}} /* Marino-style Brand Footer */ .dm-footer-vn{position:relative;isolation:isolate;} .dm-footer-vn .container{max-width:1440px;} .dm-footer-middle{position:relative;z-index:1;background-color:#f7f2e8;padding-top:64px;padding-bottom:30px;overflow:hidden;} .dm-footer-watermark{position:absolute;bottom:-80px;right:5%;font-size:450px;color:#d5a334;opacity:0.04;z-index:0;pointer-events:none;transform:rotate(-15deg);line-height:1;} .dm-footer-middle .container{position:relative;z-index:2;} .dm-footer-columns{display:flex;flex-wrap:wrap;margin:0 -15px;} .dm-footer-columns > div{padding:0 15px;} .dm-footer-col-1{flex:0 0 30%;max-width:30%;} .dm-footer-col-2{flex:0 0 18%;max-width:18%;} .dm-footer-col-3{flex:0 0 18%;max-width:18%;} .dm-footer-col-4{flex:0 0 34%;max-width:34%;} .dm-footer-logo-area{margin-bottom:30px;} .dm-footer-logo-area img{max-width:180px;height:auto;margin-bottom:20px;} .dm-footer-logo-area p{color:#443c3e;font-size:15px;line-height:1.8;margin-bottom:25px;} .dm-footer-social{display:flex;gap:10px;} .dm-footer-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid #d5a334;color:#d5a334;font-size:16px;transition:all 0.3s ease;text-decoration:none;background:transparent;} .dm-footer-social a:hover{background:#d5a334;border-color:#d5a334;color:#fff;transform:translateY(-3px);} .widget_title{font-size:22px;color:#342126;font-weight:700;margin-bottom:15px;position:relative;} .sec-line2{width:40px;height:2px;background-color:#342126;margin-bottom:30px;border-radius:2px;position:relative;} .sec-line2::after{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;height:10px;border:2px solid #d5a334;border-radius:50%;background:#f7f2e8;box-sizing:border-box;animation:secLineRun 2s infinite linear alternate;} @keyframes secLineRun{0%{left:0;transform:translateY(-50%);}100%{left:100%;transform:translate(-100%, -50%);}} .dm-footer-menu ul{list-style:none;padding:0;margin:0;} .dm-footer-menu li{margin-bottom:12px;} .dm-footer-menu a{position:relative;color:#443c3e;font-size:15px;transition:all 0.3s ease;display:flex;align-items:center;gap:10px;text-decoration:none;} .dm-footer-menu a i{color:#d5a334;font-size:12px;transition:all 0.3s ease;} .dm-footer-menu a:hover{color:#d5a334;transform:translateX(5px);} .dm-footer-menu a:hover i{color:#5a2b32;} .vs-widget-about p{display:flex;align-items:flex-start;gap:12px;color:#443c3e;font-size:15px;line-height:1.6;margin-bottom:20px;} .vs-widget-about p i{color:#d5a334;font-size:16px;margin-top:4px;width:20px;text-align:center;} .vs-widget-about a{color:#443c3e;transition:all 0.3s ease;text-decoration:none;} .vs-widget-about a:hover{color:#d5a334;} .dm-footer-bottom{background-color:#f7f2e8;border-top:1px solid rgba(52, 33, 38, 0.1);padding:20px 0;} .dm-footer-bottom .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:15px;} .copyright-text{color:#443c3e;font-size:14px;margin:0;} .copyright-text a{color:#5a2b32;font-weight:600;} .copyright-text a:hover{color:#d5a334;} .copyright-menu ul{list-style:none;padding:0;margin:0;display:flex;gap:20px;} .copyright-menu a{color:#443c3e;font-size:14px;transition:all 0.3s ease;} .copyright-menu a:hover{color:#d5a334;} @media(max-width:991px){ .dm-footer-col-1{flex:0 0 100%;max-width:100%;margin-bottom:40px;} .dm-footer-col-2, .dm-footer-col-3, .dm-footer-col-4{flex:0 0 50%;max-width:50%;margin-bottom:40px;} .dm-footer-newsletter{padding:40px 25px;} } @media(max-width:767px){ .dm-footer-col-2, .dm-footer-col-3, .dm-footer-col-4{flex:0 0 100%;max-width:100%;} .dm-footer-newsletter-inner{flex-direction:column;text-align:center;} .dm-footer-newsletter .title-area{flex:1 1 100%;} .dm-footer-newsletter .form-style{flex:1 1 100%;width:100%;} .dm-footer-newsletter h3{font-size:28px;} .dm-footer-newsletter .vs-btn{width:100%;justify-content:center;margin-top:10px;} .dm-footer-bottom .container{flex-direction:column;text-align:center;} } /* ========================================================= DUC MANH 79 - GLOBAL DESIGN SYSTEM Final brand layer, intentionally loaded last. ========================================================= */ :root{--dm-wine:#5a2b32;--dm-wine-dark:#2b1b1f;--dm-wine-soft:#74404a;--dm-gold:#c99a45;--dm-gold-light:#e6bd6b;--dm-cream:#f7f2e8;--dm-cream-soft:#fbf8f3;--dm-ink:#342126;--dm-text:#665c5f;--dm-border:#e5d9ca;--dm-white:#fff;--main:#5a2b32;--hover:#c99a45} html{scroll-behavior:smooth}body{overflow-x:hidden;background:#fff;color:var(--dm-text);font-family:Lexend,Arial,sans-serif;font-size:15px;line-height:1.7}body,a,button,input,textarea,select{font-family:Lexend,Arial,sans-serif}a{color:var(--dm-wine);text-decoration:none}a:hover{color:var(--dm-gold)}img{max-width:100%}h1,h2,h3,h4,h5,h6{color:var(--dm-ink);letter-spacing:-.02em}.main-wrap{overflow:clip}.text-primary-emphasis,.text-primary{color:var(--dm-wine)!important}.text-secondary{color:#786d70!important}.bg-primary{background-color:var(--dm-wine)!important}.border-primary{border-color:var(--dm-wine)!important} .btn{border-radius:2px;font-size:13px;font-weight:700;transition:color .35s ease,background-color .35s ease,border-color .35s ease,box-shadow .35s ease}.btn-lg{padding:13px 21px;font-size:14px}.btn-warning{border-color:var(--dm-gold)!important;background:var(--dm-gold)!important;color:#28181b!important}.btn-warning:hover{border-color:var(--dm-wine)!important;background:var(--dm-wine)!important;color:#fff!important}.btn-primary{border-color:var(--dm-wine)!important;background:var(--dm-wine)!important}.btn-primary:hover{border-color:var(--dm-gold)!important;background:var(--dm-gold)!important;color:#28181b!important}.btn-outline-primary{border-color:var(--dm-wine)!important;color:var(--dm-wine)!important}.btn-outline-primary:hover{background:var(--dm-wine)!important;color:#fff!important}.form-control,.form-select,.input-group-text{border-color:var(--dm-border);border-radius:2px}.form-control:focus,.form-select:focus{border-color:var(--dm-gold);box-shadow:0 0 0 .2rem rgb(201 154 69 / 14%)} .dm-kicker,.dm-home-label{color:var(--dm-gold)!important;font-size:10px!important;font-weight:800!important;letter-spacing:1.8px!important;text-transform:uppercase}.dm-kicker.dark{color:#a86f25!important} .dm-topbar{background:var(--dm-wine-dark);color:#eadfe1;font-size:11px}.dm-topbar .container{display:flex;align-items:center;justify-content:space-between;min-height:38px}.dm-topbar span,.dm-topbar div,.dm-topbar a{display:flex;align-items:center}.dm-topbar div{gap:25px}.dm-topbar a{gap:7px;color:#f3ebec}.dm-topbar i{color:var(--dm-gold)} .dm-header{position:relative;z-index:100;background:#fff;border-bottom:1px solid rgb(90 43 50 / 8%);box-shadow:0 8px 28px rgb(45 25 29 / 6%)}.dm-header>.container{display:flex;align-items:center;justify-content:space-between;min-height:86px}.dm-logo{display:flex;align-items:center;flex:0 0 150px}.dm-logo img{width:145px;height:70px;object-fit:contain}.dm-auto-nav>ul{gap:27px}.dm-auto-nav>ul>li>a{position:relative;color:#342126;font-size:13px;font-weight:750;line-height:86px;letter-spacing:.15px}.dm-auto-nav>ul>li>a:after{content:'';position:absolute;right:50%;bottom:22px;left:50%;height:2px;background:var(--dm-gold);transition:left .35s ease,right .35s ease}.dm-auto-nav>ul>li>a:hover:after,.dm-auto-nav>ul>li.active>a:after{right:0;left:0}.dm-auto-nav>ul>li>a:hover,.dm-auto-nav>ul>li.active>a{color:var(--dm-gold)}.dm-auto-nav .dm-submenu,.dm-auto-nav .dm-submenu ul{border-top-color:var(--dm-gold);border-radius:0;background:#fff;box-shadow:0 16px 38px rgb(43 27 31 / 14%)}.dm-auto-nav .dm-submenu a{color:var(--dm-ink)}.dm-auto-nav .dm-submenu a:hover{background:var(--dm-cream);color:var(--dm-wine)}.dm-header-call{display:flex;align-items:center;gap:10px;color:var(--dm-wine)}.dm-header-call>i{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--dm-gold);color:#fff}.dm-header-call span{display:flex;flex-direction:column;color:#8d7e81;font-size:9px}.dm-header-call b{color:var(--dm-wine);font-size:14px}.dm-menu{display:none;align-items:center;gap:7px;border:0;border-radius:2px;background:var(--dm-wine);color:#fff;padding:10px 13px;font-size:12px;font-weight:700;text-transform:uppercase} .dm-page-hero{position:relative;display:flex;align-items:center;height:300px;overflow:hidden;background:var(--dm-wine-dark)}.dm-page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.dm-page-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgb(43 27 31 / 90%) 0%,rgb(90 43 50 / 68%) 48%,rgb(43 27 31 / 25%) 100%)}.dm-page-hero .container{padding-top:8px}.dm-page-hero span{color:var(--dm-gold-light);font-size:10px;font-weight:800;letter-spacing:2px}.dm-page-hero h1{max-width:850px;margin:10px 0 0;color:#fff;font-size:44px;font-weight:800;line-height:1.15}.dm-breadcrumb{background:var(--dm-wine);border-bottom:3px solid var(--dm-gold)}.dm-breadcrumb ol{display:flex;align-items:center;min-height:46px;margin:0;padding:0;overflow:hidden;list-style:none}.dm-breadcrumb li{display:flex;align-items:center;min-width:0;color:#dbcdd0;font-size:11px;white-space:nowrap}.dm-breadcrumb li+li:before{content:'\f105';margin:0 11px;color:var(--dm-gold);font-family:'Font Awesome 6 Free';font-weight:900}.dm-breadcrumb a{display:flex;align-items:center;gap:7px;color:#fff}.dm-breadcrumb .active span{display:block;overflow:hidden;text-overflow:ellipsis} .dm-page-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px;padding-bottom:24px;border-bottom:1px solid var(--dm-border)}.dm-page-section-head h1,.dm-page-section-head h2{margin:7px 0 0;color:var(--dm-wine);font-size:38px;font-weight:800}.dm-page-section-head p{max-width:600px;margin:0;color:var(--dm-text)} .dm-site-footer{position:relative;background:var(--dm-wine-dark);color:#cbbdc0}.dm-footer-strength{background:linear-gradient(110deg,#d8a332,#b87a2d);color:#2d1c20}.dm-footer-strength .container{display:grid;grid-template-columns:repeat(3,1fr) 1.08fr}.dm-footer-strength .container>div,.dm-footer-strength .container>a{display:flex;align-items:center;gap:14px;min-height:105px;padding:20px 24px;border-left:1px solid rgb(43 27 31 / 14%);color:#2d1c20}.dm-footer-strength .container>*:first-child{border-left:0}.dm-footer-strength i{font-size:24px}.dm-footer-strength span{display:flex;flex-direction:column}.dm-footer-strength b{font-size:12px}.dm-footer-strength small,.dm-footer-strength span span{font-size:9px}.dm-footer-strength .container>a{background:var(--dm-wine);color:#fff}.dm-footer-strength .container>a i{color:var(--dm-gold-light)}.dm-footer-strength .container>a small{color:#d8c9cc}.dm-footer-strength .container>a b{font-size:16px} .dm-footer-main{position:relative;padding:72px 0 58px;background:radial-gradient(circle at 8% 20%,rgb(201 154 69 / 7%),transparent 28%),var(--dm-wine-dark)}.dm-footer-grid-new{display:grid;grid-template-columns:1.35fr .78fr 1fr 1.25fr;gap:48px}.dm-footer-brand img{width:155px;height:82px;margin-bottom:22px;padding:5px;background:#fff;object-fit:contain}.dm-footer-brand h2{margin-bottom:15px;color:#fff;font-size:19px;line-height:1.45}.dm-footer-brand p{max-width:340px;color:#ae9da1;font-size:12px;line-height:1.8}.dm-footer-column h3,.dm-footer-contact h3{margin:7px 0 25px;padding-bottom:14px;border-bottom:1px solid rgb(201 154 69 / 28%);color:#fff;font-size:14px;font-weight:750}.dm-footer-column ul{margin:0;padding:0;list-style:none}.dm-footer-column li{margin:0 0 10px}.dm-footer-column a{display:flex;align-items:flex-start;gap:9px;color:#b9a9ad;font-size:11px;line-height:1.55}.dm-footer-column a i{margin-top:4px;color:var(--dm-gold);font-size:8px}.dm-footer-column a:hover{color:#fff}.dm-footer-contact p{display:flex;align-items:flex-start;gap:12px;margin-bottom:13px;color:#b9a9ad;font-size:11px;line-height:1.6}.dm-footer-contact p>i{flex:0 0 17px;margin-top:4px;color:var(--dm-gold)}.dm-footer-contact p a{color:#ded4d6}.dm-footer-contact-button{display:inline-flex;align-items:center;gap:10px;margin-top:10px;padding:11px 14px;border:1px solid rgb(201 154 69 / 55%);color:var(--dm-gold-light);font-size:10px;font-weight:800;text-transform:uppercase}.dm-footer-contact-button:hover{background:var(--dm-gold);color:#28181b}.dm-footer-social{display:flex;gap:8px;margin-top:22px}.dm-footer-social a{display:grid;place-items:center;width:35px;height:35px;border:1px solid rgb(201 154 69 / 45%);border-radius:50%;color:var(--dm-gold-light);font-size:11px;font-weight:800}.dm-footer-social a:hover{background:var(--dm-gold);color:#28181b}.dm-footer-bottom-new{border-top:1px solid rgb(255 255 255 / 8%);background:#211417}.dm-footer-bottom-new .container{display:flex;align-items:center;justify-content:space-between;min-height:58px}.dm-footer-bottom-new p,.dm-footer-bottom-new span{margin:0;color:#8f7d81;font-size:10px}.dm-footer-bottom-new span{color:var(--dm-gold)} .dm-float a{transition:box-shadow .35s ease,background-color .35s ease}.dm-float a:hover{box-shadow:0 8px 24px rgb(0 0 0 / 28%)} @media(max-width:1199px){.dm-auto-nav>ul{gap:18px}.dm-auto-nav>ul>li>a{font-size:12px}.dm-header-call{display:none}.dm-footer-grid-new{grid-template-columns:1.2fr .8fr .9fr 1.1fr;gap:28px}} @media(max-width:991px){.dm-topbar span:first-child{display:none}.dm-topbar .container{justify-content:center}.dm-header>.container{min-height:74px}.dm-logo img{width:125px;height:62px}.dm-menu{display:flex}.dm-header nav{display:none}.dm-page-hero{height:245px}.dm-page-hero h1{font-size:36px}.dm-footer-strength .container{grid-template-columns:1fr 1fr}.dm-footer-strength .container>*:nth-child(3){border-left:0;border-top:1px solid rgb(43 27 31 / 14%)}.dm-footer-strength .container>*:nth-child(4){border-top:1px solid rgb(43 27 31 / 14%)}.dm-footer-grid-new{grid-template-columns:1.2fr 1fr}.dm-footer-brand{grid-row:span 2}} @media(max-width:767px){body{font-size:14px}.dm-topbar{display:none}.dm-header>.container{min-height:68px}.dm-logo img{width:112px;height:56px}.dm-page-hero{height:210px}.dm-page-hero h1{font-size:30px}.dm-breadcrumb li{font-size:10px}.dm-page-section-head{align-items:flex-start;flex-direction:column;gap:12px}.dm-page-section-head h1,.dm-page-section-head h2{font-size:30px}.dm-footer-strength .container{grid-template-columns:1fr}.dm-footer-strength .container>div,.dm-footer-strength .container>a{min-height:82px;border-top:1px solid rgb(43 27 31 / 14%);border-left:0}.dm-footer-strength .container>*:first-child{border-top:0}.dm-footer-main{padding:52px 0 38px}.dm-footer-grid-new{grid-template-columns:1fr;gap:34px}.dm-footer-brand{grid-row:auto}.dm-footer-bottom-new .container{align-items:flex-start;flex-direction:column;justify-content:center;gap:3px;padding-block:13px}.dm-footer-bottom-new span{display:none}} @media(max-width:575px){.container{--bs-gutter-x:2rem}.dm-page-hero{height:190px}.dm-page-hero h1{font-size:27px}.dm-breadcrumb .active{display:none}.dm-footer-strength .container>div:nth-child(2),.dm-footer-strength .container>div:nth-child(3){display:none}} /* Dynamic factory gallery */ .dm-factory-gallery{background:linear-gradient(180deg,var(--dm-cream-soft),#fff)}.dm-factory-gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:245px;gap:14px}.dm-factory-gallery-item{position:relative;overflow:hidden;background:var(--dm-wine-dark)}.dm-factory-gallery-item:first-child{grid-column:span 2;grid-row:span 2}.dm-factory-gallery-item:nth-child(2),.dm-factory-gallery-item:nth-child(3){grid-column:span 1}.dm-factory-gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.22,.61,.36,1)}.dm-factory-gallery-item>span{position:absolute;inset:auto 0 0;display:flex;align-items:flex-end;flex-direction:column;padding:55px 20px 18px;background:linear-gradient(transparent,rgb(43 27 31 / 88%));color:#fff;opacity:0;transition:opacity .45s ease}.dm-factory-gallery-item>span small,.dm-factory-gallery-item>span b{align-self:flex-start}.dm-factory-gallery-item>span small{color:var(--dm-gold-light);font-size:8px;font-weight:800;letter-spacing:1.4px}.dm-factory-gallery-item>span b{font-size:13px}.dm-factory-gallery-item>span i{position:absolute;right:18px;bottom:20px;color:var(--dm-gold-light)}.dm-factory-gallery-item:hover img{transform:scale(1.035)}.dm-factory-gallery-item:hover>span{opacity:1} @media(max-width:991px){.dm-factory-gallery-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:220px}.dm-factory-gallery-item:first-child{grid-column:span 2}} @media(max-width:767px){.dm-factory-gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:185px;gap:9px}.dm-factory-gallery-item:first-child{grid-column:span 2;grid-row:span 1}.dm-factory-gallery-item>span{padding:35px 12px 12px;opacity:1}.dm-factory-gallery-item>span i{display:none}} /* Dynamic company profile */ .dm-about-story{background:linear-gradient(180deg,#fff,var(--dm-cream-soft))}.dm-about-story-media{position:relative;padding:0 28px 32px 0}.dm-about-story-media:before{content:'';position:absolute;right:0;bottom:0;width:68%;height:72%;background:#efe1c8}.dm-about-story-media img{position:relative;z-index:1;width:100%;height:520px;object-fit:cover}.dm-about-story-media>span{position:absolute;z-index:2;right:0;bottom:0;padding:15px 20px;background:var(--dm-wine);color:#fff;font-size:9px}.dm-about-story-media>span b{display:block;color:var(--dm-gold-light);font-size:13px}.dm-about-story h1,.dm-about-factory h2,.dm-about-commitment h2,.dm-about-company h2{margin:10px 0 20px;color:var(--dm-wine);font-size:40px;font-weight:800;line-height:1.2}.dm-about-story .lead,.dm-about-factory .lead,.dm-about-commitment .lead{color:#5e494e;font-size:17px;font-weight:600;line-height:1.7}.dm-about-richtext{color:#73696b;line-height:1.85}.dm-about-richtext p:last-child{margin-bottom:0} .dm-about-direction{background:var(--dm-wine)}.dm-about-direction .dm-page-section-head{border-color:rgb(255 255 255 / 15%)}.dm-about-direction .dm-page-section-head h2{color:#fff}.dm-about-direction .dm-page-section-head p{color:#c3b3b6}.dm-about-direction-card{position:relative;display:grid;grid-template-columns:1fr 42%;min-height:350px;overflow:hidden;background:#fff}.dm-about-direction-card>span{position:absolute;z-index:2;top:10px;right:calc(42% + 18px);color:rgb(90 43 50 / 8%);font-size:64px;font-weight:900}.dm-about-direction-card>div{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:36px}.dm-about-direction-card>div>i{color:var(--dm-gold);font-size:29px}.dm-about-direction-card h3{margin:20px 0 10px;color:var(--dm-wine);font-size:24px}.dm-about-direction-card p{color:#766c6f;line-height:1.75}.dm-about-direction-card>div>div{color:#8a7f81;font-size:12px;line-height:1.7}.dm-about-direction-card>img{width:100%;height:100%;object-fit:cover} /* Mission and vision use strategic brand panels instead of documentary photos */ .dm-about-direction .row>div{display:flex}.dm-about-direction-card{isolation:isolate;display:block;width:100%;height:100%;min-height:430px;border-top:4px solid var(--dm-gold);background:linear-gradient(145deg,#fff 0%,#fff 66%,#f5ede2 100%);box-shadow:0 18px 42px rgb(30 15 19 / 18%)}.dm-about-direction-card:before,.dm-about-direction-card:after{content:'';position:absolute;z-index:-1;border:1px solid rgb(201 154 69 / 18%);border-radius:50%;pointer-events:none}.dm-about-direction-card:before{right:-105px;bottom:-115px;width:270px;height:270px}.dm-about-direction-card:after{right:-45px;bottom:-55px;width:150px;height:150px}.dm-about-direction-card>img{display:none}.dm-about-direction-card>span{top:24px;right:28px;color:rgb(90 43 50 / 7%);font-size:82px;line-height:1}.dm-about-direction-card>div{justify-content:flex-start;min-height:426px;padding:48px 52px}.dm-about-direction-card>div>i{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgb(201 154 69 / 45%);border-radius:50%;background:#fbf5eb;color:#b77d28;font-size:24px}.dm-about-direction-card h3{margin:24px 0 14px;font-size:27px}.dm-about-direction-card p{margin-bottom:13px;font-size:15px;line-height:1.8}.dm-about-direction-card>div>div{max-width:92%;color:#75696c;font-size:15px;line-height:1.8}.dm-about-direction .row>div:nth-child(2) .dm-about-direction-card{border-top-color:#fff;background:linear-gradient(145deg,#fff 0%,#fbf7f0 72%,#ead8bb 100%)}.dm-about-direction .row>div:nth-child(2) .dm-about-direction-card>div>i{border-color:rgb(90 43 50 / 25%);background:var(--dm-wine);color:var(--dm-gold-light)} .dm-about-direction-card:before,.dm-about-direction-card:after{display:none}.dm-about-direction-card>div{position:relative;z-index:2;padding:46px 50px}.dm-about-direction-card>div>i{width:66px;height:66px;font-size:27px}.dm-about-direction-card h3{margin-top:22px}.dm-about-direction-card>div>div{max-width:100%} .dm-about-direction-card>div>header{display:flex;align-items:center;gap:18px;margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid var(--dm-border)}.dm-about-direction-card>div>header i{display:grid;place-items:center;flex:0 0 62px;width:62px;height:62px;border:1px solid rgb(201 154 69 / 45%);border-radius:50%;background:#fbf5eb;color:#b77d28;font-size:25px}.dm-about-direction-card>div>header h3{margin:0;font-size:28px}.dm-about-direction .row>div:nth-child(2) .dm-about-direction-card>div>header i{border-color:rgb(90 43 50 / 25%);background:var(--dm-wine);color:var(--dm-gold-light)} @media(max-width:767px){.dm-about-direction-card>div{padding:32px 28px}} @media(max-width:767px){.dm-about-direction-card{min-height:0}.dm-about-direction-card>div{min-height:0;padding:35px 30px}.dm-about-direction-card>span{font-size:65px}} .dm-about-factory{background:var(--dm-wine-dark);color:#fff}.dm-about-factory h2{color:#fff}.dm-about-factory .lead{color:#fff}.dm-about-richtext.light{color:#baaaae}.dm-about-process{display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px;border-top:1px solid rgb(201 154 69 / 32%);border-bottom:1px solid rgb(201 154 69 / 32%)}.dm-about-process>div{display:flex;align-items:center;gap:10px;padding:18px 8px}.dm-about-process>div+div{border-left:1px solid rgb(255 255 255 / 9%)}.dm-about-process b{color:var(--dm-gold-light);font-size:12px}.dm-about-process span,.dm-about-process small{display:block}.dm-about-process span{color:#fff;font-size:11px;font-weight:700}.dm-about-process small{color:#927f83;font-size:8px}.dm-about-factory-image{position:relative;padding:0 0 26px 26px}.dm-about-factory-image:before{content:'';position:absolute;left:0;bottom:0;width:75%;height:70%;border:2px solid var(--dm-gold)}.dm-about-factory-image img{position:relative;width:100%;height:500px;object-fit:cover}.dm-about-factory-image span{position:absolute;right:0;bottom:0;padding:15px 19px;background:var(--dm-gold);color:#28181b;font-size:11px;font-weight:800}.dm-about-factory-image i{margin-right:8px} .dm-about-commitment{background:linear-gradient(180deg,var(--dm-cream-soft),#fff)}.dm-about-commitment .row{background:#fff;box-shadow:0 18px 52px rgb(72 43 47 / 10%)}.dm-about-commitment .col-lg-5>img{width:100%;height:100%;min-height:480px;object-fit:cover}.dm-about-commitment-content{display:flex;justify-content:center;flex-direction:column;height:100%;padding:50px}.dm-about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px}.dm-about-values span{display:flex;align-items:center;gap:9px;padding:14px;background:var(--dm-cream);color:var(--dm-wine);font-size:11px;font-weight:700}.dm-about-values i{color:#ad792d}.dm-about-company{border-top:1px solid var(--dm-border);background:#fff}.dm-about-company h2{font-size:30px}.dm-about-company-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}.dm-about-company-grid>div{padding:16px;border-left:3px solid var(--dm-gold);background:var(--dm-cream-soft)}.dm-about-company-grid small,.dm-about-company-grid b{display:block}.dm-about-company-grid small{color:#94878a;font-size:9px;text-transform:uppercase}.dm-about-company-grid b{margin-top:3px;color:var(--dm-wine);font-size:12px}.dm-about-company-grid a{color:inherit} @media(max-width:991px){.dm-about-story-media img{height:440px}.dm-about-direction-card{grid-template-columns:1fr 38%}.dm-about-direction-card>span{right:calc(38% + 15px)}.dm-about-factory-image img{height:430px}.dm-about-commitment-content{padding:38px}} @media(max-width:575px){.dm-about-story-media{padding-right:16px}.dm-about-story-media img{height:350px}.dm-about-story h1,.dm-about-factory h2,.dm-about-commitment h2{font-size:30px}.dm-about-direction-card{grid-template-columns:1fr}.dm-about-direction-card>span{right:18px}.dm-about-direction-card>img{height:220px}.dm-about-direction-card>div{padding:28px}.dm-about-process{grid-template-columns:1fr 1fr}.dm-about-process>div:nth-child(3){border-left:0;border-top:1px solid rgb(255 255 255 / 9%)}.dm-about-process>div:nth-child(4){border-top:1px solid rgb(255 255 255 / 9%)}.dm-about-factory-image img{height:340px}.dm-about-commitment .col-lg-5>img{min-height:300px;height:300px}.dm-about-commitment-content{padding:28px 22px}.dm-about-values,.dm-about-company-grid{grid-template-columns:1fr}} /* About page editorial opening - deliberately distinct from the homepage */ .dm-about-story{position:relative;overflow:hidden;background:linear-gradient(135deg,#f8f3eb 0%,#fff 62%)}.dm-about-story:after{display:none}.dm-about-story-feature{position:relative;min-height:610px}.dm-about-story-feature .dm-about-story-media{position:absolute;inset:0 30% 0 0;padding:0;overflow:hidden}.dm-about-story-feature .dm-about-story-media:before{display:none}.dm-about-story-feature .dm-about-story-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 66%,rgb(35 20 24 / 15%))}.dm-about-story-feature .dm-about-story-media img{width:100%;height:100%;object-fit:cover}.dm-about-story-panel{position:absolute;z-index:2;right:0;top:50%;width:44%;padding:40px 42px;background:linear-gradient(145deg,#6a343d,#342126);color:#cdbfc2;box-shadow:0 22px 54px rgb(43 27 31 / 22%);transform:translateY(-50%)}.dm-about-story-panel:before{content:'';position:absolute;top:0;left:0;width:90px;height:4px;background:var(--dm-gold)}.dm-about-story-panel .dm-kicker{color:var(--dm-gold-light)}.dm-about-story-panel h1{margin:11px 0 16px;color:#fff;font-size:36px;font-weight:800;line-height:1.16;white-space:nowrap}.dm-about-story-panel .lead{color:#fff;font-size:16px}.dm-about-story-panel .dm-about-richtext{display:-webkit-box;overflow:hidden;color:#cdbfc2;font-size:14px;line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:3}.dm-about-story-link{display:inline-flex;align-items:center;gap:12px;margin-top:22px;padding-bottom:7px;border-bottom:1px solid var(--dm-gold);color:var(--dm-gold-light);font-size:11px;font-weight:800;text-transform:uppercase}.dm-about-story-link:hover{color:#fff}.dm-about-story-sign{position:absolute;z-index:3;left:28px;bottom:24px;display:flex;align-items:center;gap:14px;padding:11px 17px;background:rgb(255 255 255 / 92%);box-shadow:0 10px 30px rgb(43 27 31 / 13%);backdrop-filter:blur(5px)}.dm-about-story-sign strong{color:var(--dm-gold);font-size:34px;line-height:1}.dm-about-story-sign span{padding-left:14px;border-left:1px solid var(--dm-border);color:var(--dm-wine);font-size:11px;font-weight:800;line-height:1.35}.dm-about-story-sign small{color:#968589;font-size:8px;letter-spacing:1px} @media(max-width:1199px){.dm-about-story-panel{width:48%}.dm-about-story-panel h1{font-size:32px;white-space:normal}}@media(max-width:991px){.dm-about-story-feature{min-height:720px}.dm-about-story-feature .dm-about-story-media{inset:0 0 250px}.dm-about-story-panel{top:auto;right:24px;bottom:0;width:78%;padding:38px;transform:none}.dm-about-story-sign{bottom:270px}} @media(max-width:575px){.dm-about-story-feature{min-height:700px}.dm-about-story-feature .dm-about-story-media{inset:0 0 365px}.dm-about-story-feature .dm-about-story-media img{height:100%}.dm-about-story-panel{right:0;width:100%;padding:29px 24px}.dm-about-story-panel h1{font-size:30px}.dm-about-story-panel .lead{font-size:15px}.dm-about-story-panel .dm-about-richtext{-webkit-line-clamp:3}.dm-about-story-sign{left:12px;bottom:376px;padding:10px 13px}.dm-about-story-sign strong{font-size:29px}.dm-about-story:after{font-size:46px}} .dm-about-story{padding-bottom:38px!important}.dm-about-director-message{position:relative;padding-top:42px!important;background:#fff}.dm-about-director-layout{display:grid;grid-template-columns:34% 1fr;border-top:1px solid var(--dm-border);border-bottom:1px solid var(--dm-border)}.dm-about-director-layout>header{position:relative;padding:48px 45px;background:var(--dm-cream-soft)}.dm-about-director-layout>header h2{margin:12px 0;color:var(--dm-wine);font-size:35px;font-weight:800;line-height:1.3}.dm-about-director-mark{position:absolute;right:25px;bottom:-28px;color:rgb(201 154 69 / 22%);font-family:Georgia,serif;font-size:150px;line-height:1}.dm-about-director-copy{padding:45px 55px;color:#665b5e;font-size:16px;line-height:1.9}.dm-about-director-copy h2{margin:0 0 20px;color:var(--dm-wine);font-size:26px;font-weight:800}.dm-about-director-copy h3{margin:28px 0 15px;color:var(--dm-wine);font-size:17px;font-weight:800}.dm-about-director-copy p{margin-bottom:16px}.dm-about-director-copy p:nth-last-child(-n+2){position:relative;margin-bottom:10px;padding:13px 18px 13px 45px;background:var(--dm-cream-soft);color:var(--dm-wine);font-weight:600}.dm-about-director-copy p:nth-last-child(-n+2):first-letter{color:var(--dm-gold)} @media(max-width:991px){.dm-about-director-layout{grid-template-columns:1fr}.dm-about-director-layout>header{padding:35px}.dm-about-director-copy{padding:38px}} @media(max-width:575px){.dm-about-story{padding-bottom:24px!important}.dm-about-director-message{padding-top:24px!important}.dm-about-director-layout>header{padding:28px 22px}.dm-about-director-layout>header h2{font-size:28px}.dm-about-director-copy{padding:28px 22px;font-size:15px}.dm-about-director-copy p:nth-last-child(-n+2){padding:12px 14px}} /* Materials listing and detail */ .dm-material-page,.dm-product-page{background:linear-gradient(180deg,var(--dm-cream-soft),#fff)}.dm-material-list{display:grid;gap:28px}.dm-material-row{display:grid;grid-template-columns:42% 58%;min-height:440px;background:#fff;border:1px solid var(--dm-border);box-shadow:0 14px 38px rgb(72 43 47 / 8%)}.dm-material-row.is-reverse{grid-template-columns:58% 42%}.dm-material-row.is-reverse .dm-material-row-image{grid-column:2}.dm-material-row.is-reverse .dm-material-row-content{grid-column:1;grid-row:1}.dm-material-row-image{position:relative;overflow:hidden;background:var(--dm-cream)}.dm-material-row-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,.61,.36,1)}.dm-material-row-image>span{position:absolute;top:0;left:0;display:grid;place-items:center;width:56px;height:56px;background:var(--dm-wine);color:#fff;font-size:12px;font-weight:800}.dm-material-row.is-reverse .dm-material-row-image>span{right:0;left:auto}.dm-material-row:hover .dm-material-row-image img{transform:scale(1.025)}.dm-material-row-content{display:flex;justify-content:center;flex-direction:column;padding:42px}.dm-material-row-title{display:flex;align-items:flex-start;justify-content:space-between;gap:25px;margin:10px 0 15px}.dm-material-row-title h2{margin:0;font-size:34px;font-weight:800}.dm-material-row-title h2 a{color:var(--dm-wine)}.dm-material-row-title>b{display:flex;align-items:center;justify-content:center;flex-direction:column;flex:0 0 82px;height:82px;border:2px solid var(--dm-gold);border-radius:50%;color:var(--dm-wine);font-size:25px}.dm-material-row-title small{font-size:8px}.dm-material-row-content>p{color:#756b6d;line-height:1.8}.dm-material-specs{display:grid;grid-template-columns:repeat(4,1fr);margin:17px 0 23px;border-block:1px solid var(--dm-border)}.dm-material-specs>div{padding:13px 10px}.dm-material-specs>div+div{border-left:1px solid var(--dm-border)}.dm-material-specs small,.dm-material-specs b{display:block}.dm-material-specs small{color:#97898c;font-size:8px;text-transform:uppercase}.dm-material-specs b{color:var(--dm-wine);font-size:13px}.dm-material-row-footer{display:flex;align-items:center;justify-content:space-between;gap:20px}.dm-material-row-footer>span{color:#a86f25;font-size:11px;font-weight:700}.dm-material-advice{display:flex;align-items:center;gap:20px;margin-top:35px;padding:25px 28px;border-top:4px solid var(--dm-gold);background:var(--dm-wine);color:#fff}.dm-material-advice>i{color:var(--dm-gold-light);font-size:28px}.dm-material-advice>div{flex:1}.dm-material-advice h3{margin:0 0 3px;color:#fff;font-size:16px}.dm-material-advice p{margin:0;color:#bfaeb2;font-size:11px} .dm-product-main-image{position:relative;display:block;height:560px;overflow:hidden;border:1px solid var(--dm-border);background:#fff}.dm-product-main-image img{width:100%;height:100%;object-fit:cover}.dm-product-main-image>span{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:44px;height:44px;background:#fff;color:var(--dm-wine)}.dm-product-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.dm-product-thumbs a{height:110px;overflow:hidden}.dm-product-thumbs img{width:100%;height:100%;object-fit:cover}.dm-product-page h1{margin:10px 0 20px;color:var(--dm-wine);font-size:43px;font-weight:800}.dm-product-protein{display:flex;align-items:center;gap:16px;margin:20px 0}.dm-product-protein b{color:var(--dm-gold);font-size:48px;line-height:1}.dm-product-protein span{color:#776b6e;font-size:10px;font-weight:800}.dm-product-page .lead{color:#64595c;font-size:17px;line-height:1.75}.dm-product-note{padding:14px 16px;background:#f3e6ce;color:#6b4b1e;font-size:12px}.dm-product-note i{margin-right:8px}.dm-product-benefits{margin:22px 0;padding:0;list-style:none}.dm-product-benefits li{margin-bottom:11px;color:#685e61}.dm-product-benefits i{display:inline-grid;place-items:center;width:23px;height:23px;margin-right:9px;border-radius:50%;background:var(--dm-gold);color:#fff;font-size:9px}.dm-product-content{margin-top:60px;padding:45px;background:#fff;border-top:4px solid var(--dm-gold);box-shadow:0 15px 45px rgb(72 43 47 / 8%)}.dm-product-content .main-detail{margin-top:17px;color:#62585a;line-height:1.85}.dm-product-content .main-detail h2,.dm-product-content .main-detail h3{color:var(--dm-wine);font-weight:750}.dm-product-content aside{position:sticky;top:100px;padding:28px;background:var(--dm-wine);color:#cdbfc2}.dm-product-content aside h2{color:#fff;font-size:22px}.dm-product-content aside p{font-size:12px}.dm-other-products{margin-top:55px}.dm-other-products>header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.dm-other-products>header h2{margin:5px 0 0;color:var(--dm-wine);font-size:28px}.dm-other-products>header>a{color:#a86f25;font-size:11px;font-weight:800}.dm-other-products .row a{display:block;height:100%;overflow:hidden;background:#fff;border:1px solid var(--dm-border)}.dm-other-products img{width:100%;height:190px;object-fit:cover}.dm-other-products b{display:block;padding:16px;color:var(--dm-wine);font-size:13px} @media(max-width:991px){.dm-material-row,.dm-material-row.is-reverse{grid-template-columns:1fr}.dm-material-row.is-reverse .dm-material-row-image,.dm-material-row.is-reverse .dm-material-row-content{grid-column:auto;grid-row:auto}.dm-material-row-image{height:420px}.dm-product-main-image{height:500px}} @media(max-width:575px){.dm-material-row-image{height:320px}.dm-material-row-content{padding:25px 20px}.dm-material-row-title h2{font-size:27px}.dm-material-row-title>b{flex-basis:68px;height:68px;font-size:21px}.dm-material-specs{grid-template-columns:1fr 1fr}.dm-material-specs>div:nth-child(3){border-left:0;border-top:1px solid var(--dm-border)}.dm-material-specs>div:nth-child(4){border-top:1px solid var(--dm-border)}.dm-material-row-footer,.dm-material-advice{align-items:flex-start;flex-direction:column}.dm-product-main-image{height:390px}.dm-product-thumbs a{height:78px}.dm-product-page h1{font-size:32px}.dm-product-content{padding:27px 20px}.dm-other-products img{height:130px}.dm-other-products>header{align-items:flex-start;flex-direction:column;gap:12px}} /* Contact page */ .dm-contact-new{background:linear-gradient(180deg,var(--dm-cream-soft),#fff)}.dm-contact-new-main{display:grid;grid-template-columns:42% 58%;overflow:hidden;background:#fff;box-shadow:0 18px 52px rgb(72 43 47 / 11%)}.dm-contact-new-info{position:relative;min-height:650px;overflow:hidden;background:var(--dm-wine-dark);color:#fff}.dm-contact-new-info>img,.dm-contact-new-overlay{position:absolute;inset:0;width:100%;height:100%}.dm-contact-new-info>img{object-fit:cover}.dm-contact-new-overlay{background:linear-gradient(0deg,rgb(43 27 31 / 96%) 0%,rgb(90 43 50 / 66%) 52%,rgb(43 27 31 / 18%) 100%)}.dm-contact-new-info-content{position:absolute;right:0;bottom:0;left:0;padding:42px}.dm-contact-new-info h2{margin:10px 0 24px;color:#fff;font-size:27px;line-height:1.4}.dm-contact-new-info p{display:flex;align-items:flex-start;gap:12px;margin-bottom:13px;color:#e1d6d8;font-size:12px}.dm-contact-new-info p i{flex:0 0 18px;margin-top:5px;color:var(--dm-gold-light)}.dm-contact-new-info p a{color:#fff}.dm-contact-new-info-content>div{display:flex;gap:9px;margin-top:25px}.dm-contact-new-form{padding:50px}.dm-contact-new-form h2{margin:9px 0;color:var(--dm-wine);font-size:32px;font-weight:800}.dm-contact-new-form>p{margin-bottom:25px;color:#796d70}.dm-contact-new-form label{display:block;margin-bottom:6px;color:var(--dm-ink);font-size:11px;font-weight:700}.dm-contact-new-form label b{color:var(--dm-gold)}.dm-contact-new-form .form-control{min-height:49px;background:#fcfaf7;font-size:13px}.dm-contact-new-form textarea.form-control{min-height:145px}.dm-contact-new-form .col-12:last-child{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:8px}.dm-contact-new-form .col-12:last-child small{color:#8d8083;font-size:9px}.dm-contact-new-form .col-12:last-child small i{margin-right:6px;color:#7a8f4a}.dm-contact-map{display:grid;grid-template-columns:34% 66%;margin-top:35px;border:1px solid var(--dm-border);background:#fff}.dm-contact-map>div{display:flex;justify-content:center;flex-direction:column;padding:38px}.dm-contact-map h2{margin:8px 0 12px;color:var(--dm-wine);font-size:28px}.dm-contact-map p{color:#756a6d;font-size:12px;line-height:1.8}.dm-contact-map .btn{align-self:flex-start} @media(max-width:991px){.dm-contact-new-main{grid-template-columns:1fr}.dm-contact-new-info{min-height:510px}.dm-contact-new-form{padding:42px}.dm-contact-map{grid-template-columns:1fr}.dm-contact-map iframe{height:380px}} @media(max-width:575px){.dm-contact-new-info{min-height:470px}.dm-contact-new-info-content,.dm-contact-new-form{padding:28px 22px}.dm-contact-new-info h2{font-size:23px}.dm-contact-new-form h2{font-size:27px}.dm-contact-new-form .col-12:last-child{align-items:flex-start;flex-direction:column}.dm-contact-map>div{padding:28px 22px}} /* News listing and article */ .news-list-section .dm-news-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.news-list-section .news-item.is-featured .tt-item{grid-template-columns:minmax(480px,1.25fr) 1fr}.news-list-section .news-item.is-featured .i-hov{height:390px} .dm-article-page{background:linear-gradient(180deg,var(--dm-cream-soft),#fff)}.dm-article{overflow:hidden;background:#fff;border:1px solid var(--dm-border);box-shadow:0 16px 46px rgb(72 43 47 / 8%)}.dm-article>header{padding:42px 45px 32px;border-top:4px solid var(--dm-gold)}.dm-article-meta{display:flex;align-items:center;gap:18px;margin-bottom:17px;color:#94868a;font-size:9px;text-transform:uppercase}.dm-article-meta span,.dm-article-meta time{display:flex;align-items:center;gap:7px}.dm-article-meta i{color:#b37f31}.dm-article h1{margin:0 0 17px;color:var(--dm-wine);font-size:38px;font-weight:800;line-height:1.3}.dm-article>header>p{margin:0;color:#74696c;font-size:15px;line-height:1.8}.dm-article-cover{display:block;width:100%;max-height:560px;object-fit:cover}.dm-article-content{padding:42px 45px;color:#5e5557;font-size:15px;line-height:1.9}.dm-article-content h2,.dm-article-content h3{margin:28px 0 13px;color:var(--dm-wine);font-weight:750}.dm-article-content h2{font-size:26px}.dm-article-content h3{font-size:21px}.dm-article-content img{height:auto!important;margin:18px auto}.dm-article-content a{color:#a86f25}.dm-article>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 45px;border-top:1px solid var(--dm-border)}.dm-article>footer>span{color:var(--dm-wine);font-size:10px;font-weight:800;text-transform:uppercase}.dm-article-aside{padding:34px;background:var(--dm-wine);color:#cdbfc2;box-shadow:0 15px 38px rgb(72 43 47 / 15%)}.dm-article-aside h2{margin:10px 0 16px;color:#fff;font-size:28px;font-weight:800;line-height:1.35}.dm-article-aside p{font-size:12px;line-height:1.8}.dm-article-aside>div{display:flex;align-items:flex-start;gap:10px;margin-top:22px;padding-top:20px;border-top:1px solid rgb(255 255 255 / 15%);color:#bbaaad;font-size:10px}.dm-article-aside>div i{margin-top:4px;color:var(--dm-gold-light)} @media(max-width:991px){.news-list-section .dm-news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.news-list-section .news-item.is-featured .tt-item{grid-template-columns:1fr}.news-list-section .news-item.is-featured .i-hov{height:350px}.dm-article h1{font-size:34px}} @media(max-width:575px){.news-list-section .dm-news-grid{grid-template-columns:1fr}.dm-article>header,.dm-article-content{padding:28px 22px}.dm-article h1{font-size:28px}.dm-article>footer{align-items:flex-start;flex-direction:column;padding:20px 22px}.dm-article-aside{padding:28px 22px}} /* Branded system page */ .dm-error-page{display:flex;align-items:center;min-height:620px;padding:90px 0;background:radial-gradient(circle at 15% 20%,rgb(201 154 69 / 18%),transparent 32%),linear-gradient(135deg,var(--dm-cream-soft),#fff)} .dm-error-card{max-width:760px;margin:auto;text-align:center}.dm-error-code{display:block;color:var(--dm-wine);font-size:clamp(90px,15vw,170px);font-weight:900;line-height:.8;letter-spacing:-8px;opacity:.1}.dm-error-card h1{margin:14px 0;color:var(--dm-wine);font-size:clamp(30px,4vw,48px);font-weight:800}.dm-error-card p{max-width:620px;margin:0 auto 28px;color:#74686b;font-size:15px;line-height:1.8}.dm-error-actions{display:flex;justify-content:center;gap:10px}.dm-error-mail{display:inline-flex;align-items:center;gap:8px;margin-top:25px;color:#9b6d29;font-size:11px;font-weight:700} @media(max-width:575px){.dm-error-page{min-height:500px;padding:60px 0}.dm-error-actions{align-items:stretch;flex-direction:column}.dm-error-code{letter-spacing:-4px}} .dm-page-hero h2{max-width:850px;margin:10px 0 0;color:#fff;font-size:44px;font-weight:800;line-height:1.15} @media(max-width:991px){.dm-page-hero h2{font-size:36px}} @media(max-width:767px){.dm-page-hero h2{font-size:30px}} @media(max-width:575px){.dm-page-hero h2{font-size:27px}} /* Readable typography scale */ body{font-size:17px;line-height:1.75} p,li,dd,.main-detail{line-height:1.8} .dm-topbar{font-size:13px}.dm-auto-nav>ul>li>a{font-size:14px}.dm-header-call span{font-size:12px}.dm-header-call b{font-size:18px} .dm-kicker,.dm-home-hero-content>span,.dm-home-label,.dm-home-section-head>div>span,.dm-home-heading>span{font-size:12px} .dm-breadcrumb li{font-size:13px}.dm-page-hero span{font-size:12px}.dm-page-section-head p{font-size:16px} .btn,.dm-home-hero-actions a,.dm-footer-contact-button{font-size:14px} .dm-home-about p,.dm-home-capacity p,.dm-home-material-card p,.dm-home-gallery p,.dm-home-news p{font-size:16px;line-height:1.8} .news-list-section .tt-info p,.dm-policy-card p,.dm-material-row-content>p,.dm-about-direction-card p,.dm-about-richtext{font-size:16px} .news-list-section .entry-time span,.dm-material-row-image>span,.dm-material-row-footer>span{font-size:13px} .dm-material-specs small,.dm-material-row-title small,.dm-product-protein span,.dm-about-company-grid small,.dm-about-process small{font-size:11px} .dm-material-specs b,.dm-about-company-grid b,.dm-about-process span,.dm-about-values span{font-size:14px} .dm-material-advice p,.dm-product-note,.dm-product-content aside p,.dm-article-aside p{font-size:14px} .dm-contact-new-info p,.dm-contact-map p,.dm-contact-new-form label,.dm-contact-new-form .form-control{font-size:15px} .dm-contact-new-form .col-12:last-child small{font-size:12px} .dm-article-meta,.dm-article>footer>span,.dm-article-aside>div{font-size:12px} .dm-article>header>p,.dm-article-content{font-size:17px} .dm-footer-strength b{font-size:14px}.dm-footer-strength small,.dm-footer-strength span span{font-size:12px} .dm-footer-brand p{font-size:14px}.dm-footer-column h3,.dm-footer-contact h3{font-size:16px}.dm-footer-column a,.dm-footer-contact p{font-size:14px}.dm-footer-bottom-new p,.dm-footer-bottom-new span{font-size:12px} @media(max-width:1199px){.dm-auto-nav>ul>li>a{font-size:13px}} @media(max-width:767px){body{font-size:16px}.dm-header nav>ul>li>a{font-size:15px}.dm-page-section-head p,.dm-home-about p,.dm-home-capacity p,.dm-home-material-card p,.dm-home-gallery p,.dm-home-news p{font-size:15px}.dm-breadcrumb li{font-size:12px}.dm-footer-column a,.dm-footer-contact p,.dm-footer-brand p{font-size:14px}} /* Breadcrumb separator without icon-font dependency */ .dm-breadcrumb li+li:before{content:'›';font-family:Arial,sans-serif;font-size:19px;font-weight:400;line-height:1} /* News pagination */ .news-list-section .main-page{display:flex;align-items:center;justify-content:center;gap:10px;margin:38px 0 18px;padding:0;list-style:none} .news-list-section .main-page li,.news-list-section .main-page li+li{flex:0 0 auto;margin:0} .news-list-section .main-page li a,.news-list-section .main-page li span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--dm-border);background:#fff;color:var(--dm-wine);font-size:15px;font-weight:700;line-height:1;transition:background-color .35s ease,border-color .35s ease,color .35s ease,box-shadow .35s ease} .news-list-section .main-page li a:hover{border-color:var(--dm-gold);background:var(--dm-gold);color:#28181b;box-shadow:0 8px 20px rgb(72 43 47 / 12%)} .news-list-section .main-page li a.active{border-color:var(--dm-wine);background:var(--dm-wine);color:#fff} @media(max-width:575px){.news-list-section .main-page{gap:8px}.news-list-section .main-page li a,.news-list-section .main-page li span{width:42px;height:42px}} /* Homepage featured news */ .dm-home-featured-news{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff,var(--dm-cream-soft))}.dm-home-featured-news:before{content:'';position:absolute;top:-180px;right:-160px;width:430px;height:430px;border:1px solid rgb(201 154 69 / 17%);border-radius:50%}.dm-home-featured-news .container{position:relative}.dm-home-news-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(390px,.65fr);gap:28px}.dm-home-news-lead{display:grid;grid-template-columns:55% 45%;overflow:hidden;border:1px solid var(--dm-border);background:#fff;box-shadow:0 18px 45px rgb(72 43 47 / 8%)}.dm-home-news-image{position:relative;display:block;min-height:480px;overflow:hidden}.dm-home-news-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.22,.61,.36,1)}.dm-home-news-lead:hover .dm-home-news-image img{transform:scale(1.035)}.dm-home-news-image time{position:absolute;top:20px;left:20px;display:flex;align-items:center;justify-content:center;flex-direction:column;width:66px;height:66px;background:var(--dm-gold);color:#28181b;font-size:11px;font-weight:800}.dm-home-news-image time b{font-size:23px;line-height:1}.dm-home-news-lead>div{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:38px}.dm-home-news-category{color:#a86f25;font-size:12px;font-weight:800;letter-spacing:1.4px}.dm-home-news-lead h3{margin:15px 0;font-size:30px;font-weight:800;line-height:1.35}.dm-home-news-lead h3 a,.dm-home-news-list h3 a{color:var(--dm-wine)}.dm-home-news-lead p{color:#74696c;font-size:15px;line-height:1.8}.dm-home-news-list{display:grid;gap:14px}.dm-home-news-list article{display:grid;grid-template-columns:155px 1fr;min-height:145px;overflow:hidden;border:1px solid var(--dm-border);background:#fff}.dm-home-news-list article>a{overflow:hidden}.dm-home-news-list img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.22,.61,.36,1)}.dm-home-news-list article:hover img{transform:scale(1.04)}.dm-home-news-list article>div{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:17px}.dm-home-news-list time{color:#9a898d;font-size:11px}.dm-home-news-list time i{margin-right:7px;color:#b17b2d}.dm-home-news-list h3{margin:7px 0;font-size:17px;line-height:1.4}.dm-home-news-more{color:#a86f25;font-size:11px;font-weight:800}.dm-home-featured-news .dm-reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease var(--dm-delay,0ms),transform .9s cubic-bezier(.22,.61,.36,1) var(--dm-delay,0ms)}.dm-home-featured-news .dm-reveal.dm-visible{opacity:1;transform:none} @media(max-width:1199px){.dm-home-news-layout{grid-template-columns:1fr}.dm-home-news-list{grid-template-columns:repeat(3,1fr)}.dm-home-news-list article{grid-template-columns:1fr}.dm-home-news-list article>a{height:200px}} @media(max-width:767px){.dm-home-news-lead{grid-template-columns:1fr}.dm-home-news-image{min-height:350px}.dm-home-news-lead>div{padding:28px}.dm-home-news-lead h3{font-size:25px}.dm-home-news-list{grid-template-columns:1fr}.dm-home-news-list article{grid-template-columns:125px 1fr}.dm-home-news-list article>a{height:auto}} @media(prefers-reduced-motion:reduce){.dm-home-featured-news .dm-reveal{opacity:1;transform:none;transition:none}.dm-home-news-image img,.dm-home-news-list img{transition:none}} /* Homepage news - horizontal running carousel */ .dm-home-news-head-action{display:flex;align-items:flex-end;gap:24px}.dm-home-news-head-action p{max-width:470px;margin:0;color:#74696c;font-size:15px}.dm-home-news-arrows{display:flex;gap:8px}.dm-home-news-arrows button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--dm-border);background:#fff;color:var(--dm-wine);transition:background-color .35s ease,border-color .35s ease,color .35s ease}.dm-home-news-arrows button:hover{border-color:var(--dm-gold);background:var(--dm-gold);color:#28181b}.dm-home-news-carousel .owl-stage{display:flex}.dm-home-news-carousel .owl-item{display:flex;height:auto}.dm-home-news-card{display:flex;overflow:hidden;flex-direction:column;width:100%;height:100%;border:1px solid var(--dm-border);background:#fff;box-shadow:0 12px 32px rgb(72 43 47 / 7%)}.dm-home-news-card-image{position:relative;display:block;height:245px;overflow:hidden;background:var(--dm-cream)}.dm-home-news-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.22,.61,.36,1)}.dm-home-news-card:hover .dm-home-news-card-image img{transform:scale(1.045)}.dm-home-news-card-image time{position:absolute;top:16px;left:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;width:58px;height:58px;background:var(--dm-gold);color:#28181b;font-size:10px;font-weight:800;line-height:1}.dm-home-news-card-image time b{margin-bottom:4px;font-size:21px}.dm-home-news-card-body{display:flex;align-items:flex-start;flex:1;flex-direction:column;padding:24px 22px}.dm-home-news-card-body>span{color:#a86f25;font-size:11px;font-weight:800;letter-spacing:1.2px}.dm-home-news-card-body h3{margin:11px 0;font-size:19px;font-weight:750;line-height:1.45}.dm-home-news-card-body h3 a{color:var(--dm-wine)}.dm-home-news-card-body p{display:-webkit-box;margin:0 0 18px;overflow:hidden;color:#74696c;font-size:14px;line-height:1.75;-webkit-box-orient:vertical;-webkit-line-clamp:3}.dm-home-news-card-body .dm-home-news-more{margin-top:auto;color:#a86f25;font-size:12px;font-weight:800}.dm-home-news-carousel .owl-dots{display:flex;justify-content:center;gap:7px;margin-top:28px}.dm-home-news-carousel .owl-dot{width:28px;height:4px;border:0;background:#dfd1c0!important;transition:width .4s ease,background-color .4s ease}.dm-home-news-carousel .owl-dot.active{width:48px;background:var(--dm-gold)!important} @media(max-width:991px){.dm-home-news-head-action{align-items:flex-start}.dm-home-news-card-image{height:225px}} @media(max-width:767px){.dm-home-news-head-action{width:100%;justify-content:space-between}.dm-home-news-head-action p{display:none}.dm-home-news-card-image{height:240px}.dm-home-news-card-body h3{font-size:18px}} @media(prefers-reduced-motion:reduce){.dm-home-news-card-image img,.dm-home-news-arrows button,.dm-home-news-carousel .owl-dot{transition:none}} /* Homepage factory gallery - balanced six-image collage */ .dm-home-gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:230px 230px 275px;gap:14px}.dm-home-gallery-grid>a{grid-column:auto;grid-row:auto;min-width:0;background:var(--dm-wine-dark);box-shadow:0 10px 28px rgb(72 43 47 / 8%)}.dm-home-gallery-grid>a:first-child{grid-column:1/6;grid-row:1/3}.dm-home-gallery-grid>a:nth-child(2){grid-column:6/9;grid-row:1}.dm-home-gallery-grid>a:nth-child(3){grid-column:9/13;grid-row:1}.dm-home-gallery-grid>a:nth-child(4){grid-column:6/13;grid-row:2}.dm-home-gallery-grid>a:nth-child(5){grid-column:1/7;grid-row:3}.dm-home-gallery-grid>a:nth-child(6){grid-column:7/13;grid-row:3}.dm-home-gallery-grid img{transition:transform .9s cubic-bezier(.22,.61,.36,1),filter .6s ease}.dm-home-gallery-grid span{background:linear-gradient(180deg,transparent 45%,rgb(43 27 31 / 72%));transition:opacity .45s ease}.dm-home-gallery-grid span i{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgb(255 255 255 / 55%);border-radius:50%;background:rgb(43 27 31 / 40%);font-size:18px}.dm-home-gallery-grid>a:hover img{transform:scale(1.025)} @media(max-width:991px){.dm-home-gallery-grid{grid-template-rows:210px 210px 235px}.dm-home-gallery-grid>a:first-child{grid-column:1/7}.dm-home-gallery-grid>a:nth-child(2){grid-column:7/13}.dm-home-gallery-grid>a:nth-child(3){grid-column:7/13;grid-row:2}.dm-home-gallery-grid>a:nth-child(4){grid-column:1/5;grid-row:3}.dm-home-gallery-grid>a:nth-child(5){grid-column:5/9;grid-row:3}.dm-home-gallery-grid>a:nth-child(6){display:block;grid-column:9/13;grid-row:3}} @media(max-width:575px){.dm-home-gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 155px 155px 210px;gap:8px}.dm-home-gallery-grid>a:first-child{grid-column:1/3;grid-row:1}.dm-home-gallery-grid>a:nth-child(2){grid-column:1;grid-row:2}.dm-home-gallery-grid>a:nth-child(3){grid-column:2;grid-row:2}.dm-home-gallery-grid>a:nth-child(4){grid-column:1;grid-row:3}.dm-home-gallery-grid>a:nth-child(5){grid-column:2;grid-row:3}.dm-home-gallery-grid>a:nth-child(6){display:block;grid-column:1/3;grid-row:4}.dm-home-gallery-grid span{opacity:1;background:linear-gradient(180deg,transparent 65%,rgb(43 27 31 / 58%))}.dm-home-gallery-grid span i{width:42px;height:42px;font-size:14px;opacity:.85}} /* Homepage gallery - cinematic horizontal presentation */ .dm-home-gallery-grid.owl-loaded{display:block;margin-inline:calc((100vw - 100%)/-2);width:100vw}.dm-home-gallery-grid.owl-loaded .owl-stage{display:flex;align-items:center;padding:28px 0 35px}.dm-home-gallery-grid.owl-loaded .owl-item{transition:opacity .8s ease}.dm-home-gallery-grid.owl-loaded .owl-item:not(.center){opacity:.58}.dm-home-gallery-grid.owl-loaded .owl-item.center{opacity:1}.dm-home-gallery-grid.owl-loaded .owl-item>a{position:relative;display:block!important;width:100%;height:470px;overflow:hidden;background:var(--dm-wine-dark);box-shadow:0 18px 48px rgb(43 27 31 / 14%)}.dm-home-gallery-grid.owl-loaded .owl-item>a:after{content:attr(data-caption);position:absolute;z-index:3;right:0;bottom:0;left:0;padding:65px 26px 23px;background:linear-gradient(transparent,rgb(43 27 31 / 88%));color:#fff;font-size:17px;font-weight:700;line-height:1.4;transform:translateY(10px);opacity:0;transition:opacity .55s ease,transform .55s ease}.dm-home-gallery-grid.owl-loaded .owl-item.center>a:after,.dm-home-gallery-grid.owl-loaded .owl-item>a:hover:after{transform:none;opacity:1}.dm-home-gallery-grid.owl-loaded img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1.3s cubic-bezier(.22,.61,.36,1)}.dm-home-gallery-grid.owl-loaded .owl-item>a:hover img{transform:scale(1.025)}.dm-home-gallery-grid.owl-loaded span{z-index:4;inset:24px 24px auto auto;width:auto;height:auto;padding:0;background:none;opacity:0}.dm-home-gallery-grid.owl-loaded .owl-item.center span,.dm-home-gallery-grid.owl-loaded .owl-item>a:hover span{opacity:1}.dm-home-gallery-grid.owl-loaded span i{width:46px;height:46px;border-color:rgb(255 255 255 / 65%);background:rgb(43 27 31 / 55%);backdrop-filter:blur(5px)}.dm-home-gallery-grid.owl-loaded .owl-dots{display:flex;justify-content:center;gap:7px}.dm-home-gallery-grid.owl-loaded .owl-dot{width:26px;height:4px;padding:0;border:0;background:#ddcfbc!important;transition:width .4s ease,background-color .4s ease}.dm-home-gallery-grid.owl-loaded .owl-dot.active{width:52px;background:var(--dm-gold)!important} @media(max-width:991px){.dm-home-gallery-grid.owl-loaded .owl-item>a{height:410px}} @media(max-width:575px){.dm-home-gallery-grid.owl-loaded{margin-inline:-16px;width:calc(100% + 32px)}.dm-home-gallery-grid.owl-loaded .owl-stage{padding-top:14px}.dm-home-gallery-grid.owl-loaded .owl-item>a{height:320px}.dm-home-gallery-grid.owl-loaded .owl-item>a:after{padding:55px 18px 18px;font-size:15px;opacity:1;transform:none}.dm-home-gallery-grid.owl-loaded .owl-item:not(.center){opacity:.72}.dm-home-gallery-grid.owl-loaded span{top:14px;right:14px;opacity:1}} @media(prefers-reduced-motion:reduce){.dm-home-gallery-grid.owl-loaded .owl-item,.dm-home-gallery-grid.owl-loaded img,.dm-home-gallery-grid.owl-loaded .owl-item>a:after{transition:none}} /* Keep the two central gallery images fully visible */ @media(min-width:576px){.dm-home-gallery-grid.owl-loaded .owl-item.center,.dm-home-gallery-grid.owl-loaded .owl-item.center+.owl-item{opacity:1}.dm-home-gallery-grid.owl-loaded .owl-item.center+.owl-item>a:after,.dm-home-gallery-grid.owl-loaded .owl-item.center+.owl-item span{transform:none;opacity:1}} /* Smooth full-width transition curve between process and gallery */ .dm-home-gallery:before{left:50%;top:-42px;width:145vw;height:84px;border-radius:50% 50% 0 0/100% 100% 0 0;transform:translateX(-50%)} @media(max-width:767px){.dm-home-gallery:before{top:-24px;width:165vw;height:48px}} /* Full-width capacity section without exposed corner gaps */ .dm-home-capacity{border-radius:0} @media(max-width:767px){.dm-home-capacity{border-radius:0}} /* Seamless about-to-products curve */ .dm-home-products{background:linear-gradient(180deg,#faf7f1 0%,#f3eee6 24%,#f3eee6 85%,#eadfce 100%)} .dm-home-products:before{left:50%;top:-42px;width:145vw;height:84px;background:#faf7f1;border-radius:50% 50% 0 0/100% 100% 0 0;transform:translateX(-50%)} @media(max-width:767px){.dm-home-products:before{top:-24px;width:165vw;height:48px}} /* Homepage about - layered corporate storytelling */ .dm-home-about{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(105deg,#fff 0%,#fff 48%,#fbf7f0 100%)}.dm-home-about:before{content:'';position:absolute;z-index:-2;inset:0;background-image:linear-gradient(90deg,#fff 4%,rgb(255 255 255 / 94%) 44%,rgb(255 255 255 / 58%) 100%),var(--dm-about-bg);background-position:center,right center;background-size:cover,58% auto;background-repeat:no-repeat;opacity:.2;filter:saturate(.7)}.dm-home-about:after{content:'79';position:absolute;z-index:-1;right:4%;top:50%;color:rgb(90 43 50 / 035);font-size:clamp(220px,26vw,500px);font-weight:900;line-height:.75;transform:translateY(-50%);pointer-events:none}.dm-home-about>.container{position:relative;z-index:1}.dm-home-about>.container:before,.dm-home-about>.container:after{content:'';position:absolute;z-index:-1;border:1px solid rgb(201 154 69 / 22%);border-radius:50%;pointer-events:none}.dm-home-about>.container:before{right:-110px;top:-90px;width:280px;height:280px;animation:dmAboutOrbit 18s linear infinite}.dm-home-about>.container:after{right:30px;top:5px;width:130px;height:130px;animation:dmAboutOrbit 13s linear infinite reverse}.dm-home-about-visual{filter:drop-shadow(0 24px 35px rgb(72 43 47 / 12%))}.dm-home-about-visual:after{content:'';position:absolute;z-index:3;left:-18px;top:38px;width:3px;height:115px;background:linear-gradient(var(--dm-gold),transparent)}.dm-home-about-visual>img{transition:filter .7s ease}.dm-home-about-visual:hover>img{filter:saturate(1.06) contrast(1.02)}.dm-home-about h2{position:relative}.dm-home-about h2:after{content:'';display:block;width:72px;height:3px;margin-top:18px;background:linear-gradient(90deg,var(--dm-gold),transparent)}.dm-home-about-points>div{position:relative;overflow:hidden;background:rgb(248 244 237 / 88%);box-shadow:0 9px 24px rgb(72 43 47 / 6%);transition:background-color .45s ease,border-color .45s ease,box-shadow .45s ease}.dm-home-about-points>div:after{content:'';position:absolute;right:-20px;bottom:-28px;width:72px;height:72px;border:1px solid rgb(201 154 69 / 20%);border-radius:50%}.dm-home-about-points>div:hover{border-left-color:var(--dm-wine);background:#fff;box-shadow:0 14px 32px rgb(72 43 47 / 10%)} @keyframes dmAboutOrbit{0%{transform:rotate(0deg);border-color:rgb(201 154 69 / 16%)}50%{border-color:rgb(201 154 69 / 34%)}100%{transform:rotate(360deg);border-color:rgb(201 154 69 / 16%)}} @media(max-width:991px){.dm-home-about:before{background-size:cover,100% auto;opacity:.12}.dm-home-about:after{right:-8%;font-size:300px}.dm-home-about>.container:before,.dm-home-about>.container:after{display:none}} @media(max-width:575px){.dm-home-about{background:linear-gradient(180deg,#fff,#faf5ed)}.dm-home-about:before{opacity:.08}.dm-home-about:after{right:-18%;top:62%;font-size:230px}.dm-home-about-visual:after{display:none}} @media(prefers-reduced-motion:reduce){.dm-home-about>.container:before,.dm-home-about>.container:after{animation:none}} .dm-home-about:after{color:rgb(90 43 50 / .035)} /* Homepage materials - stronger branded presentation */ .dm-home-products{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,#f8f3ea 0%,#efe4d4 55%,#f6f0e7 100%)}.dm-home-products:after{content:'55 60 62 65 67';position:absolute;z-index:0;right:-3%;top:34%;width:58%;min-height:390px;padding-top:260px;background-image:linear-gradient(90deg,rgb(248 243 234 / 96%),rgb(248 243 234 / 76%),rgb(248 243 234 / 88%)),var(--dm-product-bg);background-position:center;background-size:cover;color:rgb(90 43 50 / 5%);font-size:74px;font-weight:900;letter-spacing:10px;line-height:1;white-space:nowrap;text-align:center;transform:rotate(-5deg);pointer-events:none;filter:saturate(.55)}.dm-home-products>.container{position:relative;z-index:2}.dm-home-products .dm-home-section-head{position:relative}.dm-home-products .dm-home-section-head:before{content:'NGUYÊN LIỆU';position:absolute;right:0;bottom:-12px;color:rgb(90 43 50 / 035);font-size:76px;font-weight:900;letter-spacing:4px;pointer-events:none}.dm-home-products .dm-home-section-head h2:after{content:'';display:block;width:82px;height:3px;margin-top:18px;background:linear-gradient(90deg,var(--dm-gold),transparent)}.dm-home-product-card{position:relative;border:0;border-top:4px solid var(--dm-gold);box-shadow:0 16px 42px rgb(72 43 47 / 11%);transition:border-color .45s ease,box-shadow .45s ease}.dm-home-product-card:after{content:'';position:absolute;right:-34px;bottom:-42px;width:105px;height:105px;border:1px solid rgb(201 154 69 / 17%);border-radius:50%;pointer-events:none}.dm-home-product-card:hover{border-color:var(--dm-wine);box-shadow:0 22px 50px rgb(72 43 47 / 16%)}.dm-home-product-img:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 65%,rgb(43 27 31 / 14%));pointer-events:none}.dm-home-product-img>span{z-index:2;box-shadow:0 9px 23px rgb(43 27 31 / 24%)}.dm-home-product-card>div{position:relative}.dm-home-product-card>div>small{display:inline-flex;align-items:center;gap:8px}.dm-home-product-card>div>small:before{content:'';width:22px;height:2px;background:var(--dm-gold)}.dm-home-products .row>div:nth-child(2n) .dm-home-product-card{border-top-color:var(--dm-wine)}.dm-home-products .row>div:nth-child(2n) .dm-home-product-img>span{background:var(--dm-gold);color:#28181b}.dm-home-products .row>div:nth-child(2n) .dm-home-product-img>span{border-color:#fff}.dm-home-products .row>div{transition-delay:var(--dm-delay,0ms)} @media(max-width:991px){.dm-home-products:after{right:-20%;width:100%;opacity:.6}.dm-home-products .dm-home-section-head:before{font-size:54px}} @media(max-width:575px){.dm-home-products:after{right:-55%;top:42%;width:150%;opacity:.42}.dm-home-products .dm-home-section-head:before{display:none}.dm-home-product-card{box-shadow:0 12px 30px rgb(72 43 47 / 10%)}} @media(prefers-reduced-motion:reduce){.dm-home-products:after{transform:none}} .dm-home-products .dm-home-section-head:before{color:rgb(90 43 50 / .035)} .dm-home-products:after{animation:dmMaterialTexture 18s ease-in-out infinite alternate} @keyframes dmMaterialTexture{from{background-position:center 48%}to{background-position:center 56%}} @media(prefers-reduced-motion:reduce){.dm-home-products:after{animation:none}} /* Gallery pagination overlaid on the image strip */ .dm-home-gallery-grid.owl-loaded{position:relative}.dm-home-gallery-grid.owl-loaded .owl-dots{position:absolute;z-index:8;left:50%;bottom:48px;display:flex;align-items:center;gap:7px;margin:0;padding:10px 14px;border:1px solid rgb(255 255 255 / 18%);border-radius:30px;background:rgb(43 27 31 / 68%);backdrop-filter:blur(7px);transform:translateX(-50%)}.dm-home-gallery-grid.owl-loaded .owl-dot{background:rgb(255 255 255 / 48%)!important}.dm-home-gallery-grid.owl-loaded .owl-dot.active{background:var(--dm-gold)!important} @media(max-width:575px){.dm-home-gallery-grid.owl-loaded .owl-dots{bottom:45px;padding:8px 11px}.dm-home-gallery-grid.owl-loaded .owl-dot{width:20px}.dm-home-gallery-grid.owl-loaded .owl-dot.active{width:38px}} /* Gallery pagination placed cleanly below images */ .dm-home-gallery-grid.owl-loaded .owl-stage{padding-bottom:0}.dm-home-gallery-grid.owl-loaded .owl-dots{position:static;width:max-content;margin:18px auto 0;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;transform:none}.dm-home-gallery-grid.owl-loaded .owl-dot{background:#d9c8b2!important}.dm-home-gallery-grid.owl-loaded .owl-dot.active{background:var(--dm-gold)!important} @media(max-width:575px){.dm-home-gallery-grid.owl-loaded .owl-dots{margin-top:14px;padding:0}.dm-home-gallery-grid.owl-loaded .owl-dot{width:20px}.dm-home-gallery-grid.owl-loaded .owl-dot.active{width:38px}} /* Balanced spacing between gallery and news */ .dm-home-gallery{padding-bottom:38px!important}.dm-home-featured-news{padding-top:46px!important} @media(max-width:767px){.dm-home-gallery{padding-bottom:30px!important}.dm-home-featured-news{padding-top:38px!important}} /* Balanced spacing between news and footer */ .dm-home-featured-news{padding-bottom:42px!important} @media(max-width:767px){.dm-home-featured-news{padding-bottom:32px!important}.dm-home-featured-news .mt-5{margin-top:2rem!important}} /* Match the products curve exactly to its section background */ .dm-home-products:before{background:#f8f3ea} .dm-home-products{background:linear-gradient(180deg,#f8f3ea 0,#f8f3ea 150px,#f0e6d8 430px,#f6f0e7 100%)} /* Reusable cooperation modal */ .dm-cooperation-modal{z-index:100050}.dm-cooperation-modal .modal-dialog{max-width:900px}.dm-cooperation-modal .modal-content{position:relative;overflow:hidden;border:0;border-radius:0;box-shadow:0 28px 85px rgb(27 15 18 / 35%)}.dm-cooperation-close{position:absolute;z-index:5;top:14px;right:14px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgb(90 43 50 / 16%);border-radius:50%;background:#fff;color:var(--dm-wine);font-size:17px;transition:background-color .35s ease,color .35s ease}.dm-cooperation-close:hover{background:var(--dm-wine);color:#fff}.dm-cooperation-intro{position:relative;display:flex;justify-content:center;flex-direction:column;min-height:570px;padding:48px 38px;overflow:hidden;background:radial-gradient(circle at 15% 10%,rgb(201 154 69 / 19%),transparent 34%),var(--dm-wine);color:#d9cdd0}.dm-cooperation-intro:after{content:'79';position:absolute;right:-35px;bottom:-35px;color:rgb(255 255 255 / 5%);font-size:190px;font-weight:900;line-height:1}.dm-cooperation-intro>span{color:var(--dm-gold-light);font-size:12px;font-weight:800;letter-spacing:2px}.dm-cooperation-intro h2{margin:13px 0 18px;color:#fff;font-size:32px;font-weight:800;line-height:1.3}.dm-cooperation-intro p{font-size:14px;line-height:1.8}.dm-cooperation-intro ul{position:relative;z-index:1;margin:25px 0 0;padding:22px 0 0;border-top:1px solid rgb(255 255 255 / 14%);list-style:none}.dm-cooperation-intro li{display:flex;align-items:flex-start;gap:11px;margin-bottom:13px;font-size:13px}.dm-cooperation-intro li i{margin-top:4px;color:var(--dm-gold-light)}.dm-cooperation-form-wrap{padding:54px 44px;background:#fff}.dm-cooperation-form-wrap h2{margin:6px 0 25px;color:var(--dm-wine);font-size:30px;font-weight:800}.dm-cooperation-form-wrap label{display:block;margin-bottom:6px;color:var(--dm-ink);font-size:13px;font-weight:700}.dm-cooperation-form-wrap .form-control{min-height:48px;border-color:#e2d8cd;background:#fcfaf7;font-size:14px}.dm-cooperation-form-wrap textarea.form-control{min-height:125px}.dm-cooperation-form-wrap .form-control:focus{border-color:var(--dm-gold);box-shadow:0 0 0 .2rem rgb(201 154 69 / 13%)}.dm-cooperation-form-wrap .btn{min-height:50px}.modal-backdrop.show{opacity:.72} @media(max-width:767px){.dm-cooperation-modal .modal-dialog{margin:12px}.dm-cooperation-intro{min-height:0;padding:32px 25px}.dm-cooperation-intro h2{font-size:25px}.dm-cooperation-intro p,.dm-cooperation-intro ul{display:none}.dm-cooperation-form-wrap{padding:32px 24px 25px}.dm-cooperation-form-wrap h2{font-size:25px}.dm-cooperation-close{top:10px;right:10px}} /* Floating quick actions: single source of truth */ body .dm-float{position:fixed;z-index:100020;right:22px;bottom:24px;display:flex;align-items:flex-end;flex-direction:column;gap:13px;overflow:visible} body .dm-float>a,body .dm-float>button{--dm-ring:201 154 69;position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;flex:0 0 46px;width:46px;height:46px;margin:0;padding:0;overflow:visible;border:0;border-radius:50%;color:#fff!important;box-shadow:0 9px 24px rgb(36 20 24 / 24%);transition:box-shadow .45s ease,filter .45s ease} body .dm-float-phone{background:linear-gradient(145deg,#e1ad3b,#bd7f25)}body .dm-float-zalo{--dm-ring:22 136 237;background:linear-gradient(145deg,#1688ed,#006ac9)}body .dm-float .dm-backtop{--dm-ring:106 52 61;display:none;background:linear-gradient(145deg,#6a343d,#402126)}body .dm-float .dm-backtop.is-visible{display:flex;animation:dmTopEnter .5s cubic-bezier(.22,.61,.36,1) both} body .dm-float>a:before,body .dm-float>a:after,body .dm-float>button:before,body .dm-float>button:after{content:'';position:absolute;z-index:0;inset:0;border:2px solid rgb(var(--dm-ring) / 82%);border-radius:inherit;box-shadow:0 0 8px rgb(var(--dm-ring) / 20%);pointer-events:none;will-change:transform,opacity;animation:dmFloatRipple 2.5s cubic-bezier(.2,.65,.35,1) infinite}body .dm-float>a:after,body .dm-float>button:after{animation-delay:1.25s} body .dm-float>a>i,body .dm-float>a>b,body .dm-float>button>i{position:relative;z-index:1;color:#fff}body .dm-float-zalo>b{font-size:11px;font-weight:800}body .dm-float i{font-size:14px}body .dm-float-phone i{animation:dmPhoneRing 3.6s ease-in-out infinite}body .dm-float .dm-backtop.is-visible i{animation:dmTopArrow 1.7s ease-in-out infinite} body .dm-float>a:hover,body .dm-float>button:hover{color:#fff!important;box-shadow:0 13px 32px rgb(36 20 24 / 32%);filter:brightness(1.07)}body .dm-float>a>span,body .dm-float>button>span{position:absolute;z-index:3;right:59px;width:max-content;padding:8px 12px;border:1px solid rgb(90 43 50 / 10%);border-radius:4px;background:#fff;color:var(--dm-wine);font-size:12px;font-weight:700;box-shadow:0 8px 22px rgb(43 27 31 / 12%);opacity:0;visibility:hidden;transform:translateX(8px);transition:opacity .35s ease,visibility .35s ease,transform .35s ease}body .dm-float>a:hover>span,body .dm-float>button:hover>span{opacity:1;visibility:visible;transform:none} @keyframes dmFloatRipple{0%{opacity:.9;transform:scale(1)}75%,100%{opacity:0;transform:scale(1.62)}}@keyframes dmPhoneRing{0%,72%,100%{transform:rotate(0)}76%{transform:rotate(-12deg)}80%{transform:rotate(12deg)}84%{transform:rotate(-8deg)}88%{transform:rotate(0)}}@keyframes dmTopEnter{from{opacity:0;transform:translateY(12px) scale(.75)}to{opacity:1;transform:none}}@keyframes dmTopArrow{0%,100%{transform:translateY(2px)}50%{transform:translateY(-3px)}} @media(max-width:575px){body .dm-float{right:14px;bottom:16px;gap:11px}body .dm-float>a,body .dm-float>button{flex-basis:43px;width:43px;height:43px}body .dm-float>a>span,body .dm-float>button>span{display:none}} /* Seamless process-to-gallery transition */ .dm-language-switcher{position:relative;z-index:120;flex:0 0 82px;width:82px;height:38px;border:1px solid rgb(90 43 50 / 18%);border-radius:20px;background:#fff;box-shadow:0 5px 16px rgb(43 27 31 / 8%)}.dm-language-switcher:after{content:'\f107';position:absolute;right:10px;top:50%;color:var(--dm-wine);font-family:'Font Awesome 6 Free';font-size:10px;font-weight:900;transform:translateY(-50%);transition:transform .3s ease}.dm-language-switcher.is-open:after{transform:translateY(-50%) rotate(180deg)}.dm-language-option{display:none;align-items:center;gap:6px;color:var(--dm-wine)!important;font-size:12px;font-weight:800}.dm-language-option>span{font-size:17px;line-height:1}.dm-language-option.active{display:flex;height:36px;padding:0 27px 0 9px;border-radius:20px}.dm-language-switcher.is-open{box-shadow:0 12px 28px rgb(43 27 31 / 16%)}.dm-language-switcher.is-open .dm-language-option{display:flex;position:absolute;right:-1px;width:82px;height:38px;padding:0 10px;border-inline:1px solid var(--dm-border);background:#fff}.dm-language-switcher.is-open .dm-language-option.active{top:0;z-index:2;border:0;background:transparent}.dm-language-switcher.is-open .dm-language-option:not(.active){top:40px}.dm-language-switcher.is-open .dm-language-option:nth-of-type(3):not(.active),.dm-language-switcher.is-open .dm-language-option:nth-of-type(2):not(.active):last-child{top:78px;border-bottom:1px solid var(--dm-border);border-radius:0 0 10px 10px;box-shadow:0 13px 25px rgb(43 27 31 / 13%)}.dm-language-switcher.is-open .dm-language-option:not(.active):hover{background:var(--dm-cream)} @media(max-width:1199px){.dm-language-switcher{margin-left:auto;margin-right:12px}}@media(max-width:575px){.dm-language-switcher{flex-basis:76px;width:76px;height:36px;margin-right:8px}.dm-language-option.active{height:34px}.dm-language-switcher.is-open .dm-language-option{width:76px}} .dm-language-option>img{display:block;flex:0 0 22px;width:22px;height:15px;border:1px solid rgb(90 43 50 / 12%);border-radius:2px;object-fit:cover} .dm-language-switcher:after{content:'';right:11px;width:6px;height:6px;border-right:1.5px solid var(--dm-wine);border-bottom:1.5px solid var(--dm-wine);font-family:inherit;font-size:0;transform:translateY(-68%) rotate(45deg)}.dm-language-switcher.is-open:after{transform:translateY(-30%) rotate(225deg)} /* Horizontal language bar in the top utility area */ .dm-topbar .dm-topbar-actions{gap:18px}.dm-topbar .dm-language-switcher{display:flex;align-items:center;flex:0 0 auto;width:auto;height:auto;margin:0;padding-left:13px;border:0;border-left:1px solid rgb(255 255 255 / 18%);border-radius:0;background:transparent;box-shadow:none;gap:4px}.dm-topbar .dm-language-switcher:after{display:none}.dm-topbar .dm-language-option,.dm-topbar .dm-language-option.active{position:static;display:flex;width:auto;height:28px;padding:0 8px;border:1px solid transparent;border-radius:14px;background:transparent;color:#d8c9cc!important;gap:5px}.dm-topbar .dm-language-option>img{width:20px;height:14px;border-color:rgb(255 255 255 / 20%)}.dm-topbar .dm-language-option>b{font-size:10px;letter-spacing:.4px}.dm-topbar .dm-language-option:hover{background:rgb(255 255 255 / 8%);color:#fff!important}.dm-topbar .dm-language-option.active{border-color:rgb(201 154 69 / 55%);background:var(--dm-gold);color:#28181b!important}.dm-topbar .dm-language-switcher.is-open .dm-language-option{position:static;width:auto;height:28px;padding:0 8px;border:1px solid transparent;border-radius:14px;background:transparent;box-shadow:none}.dm-topbar .dm-language-switcher.is-open .dm-language-option.active{border-color:rgb(201 154 69 / 55%);background:var(--dm-gold)} @media(max-width:991px){.dm-topbar .dm-topbar-actions{gap:12px}.dm-topbar .dm-topbar-actions>a{display:none}.dm-topbar .dm-language-switcher{padding-left:0;border-left:0}.dm-topbar .container{justify-content:space-between}.dm-topbar .dm-topbar-address{font-size:10px}} @media(max-width:767px){.dm-topbar{display:block}.dm-topbar .container{justify-content:center;min-height:38px}.dm-topbar .dm-topbar-address{display:none}.dm-topbar .dm-language-option,.dm-topbar .dm-language-option.active{height:26px;padding-inline:7px}.dm-topbar .dm-language-option>b{font-size:9px}} .dm-language-switcher.is-open:has(.dm-language-option:nth-of-type(3).active) .dm-language-option:nth-of-type(2){top:78px;border-bottom:1px solid var(--dm-border);border-radius:0 0 10px 10px;box-shadow:0 13px 25px rgb(43 27 31 / 13%)} /* Seamless process-to-gallery transition */ .dm-home-gallery{border-top:0;background:linear-gradient(180deg,#f8f2e8 0%,#f8f2e8 12%,#fff 38%)} .dm-home-gallery:before{display:block;background:#f8f2e8} /* Soft seamless curve */ .dm-home-gallery:before{top:-42px;width:145vw;height:84px;border-radius:50% 50% 0 0/100% 100% 0 0} @media(max-width:767px){.dm-home-gallery:before{top:-24px;width:165vw;height:48px}} /* Capacity cards are value pillars; numbering is reserved for the process timeline */ .dm-home-capacity article{min-height:255px;padding:28px 25px 26px;border:1px solid rgb(201 154 69 / 20%);border-bottom:4px solid var(--dm-gold);background:linear-gradient(145deg,#fff 0%,#fff 72%,#fbf5ea 100%);box-shadow:0 14px 34px rgb(32 18 21 / 10%);transition:all .5s ease 0s} .dm-home-capacity article>b{display:none} .dm-home-capacity article>i{display:grid;place-items:center;width:58px;height:58px;border:1px solid rgb(201 154 69 / 34%);border-radius:50%;background:#fbf5e9;color:var(--dm-gold);font-size:25px;box-shadow:inset 0 0 0 7px #fff,0 8px 22px rgb(77 39 45 / 8%);transition:all .5s ease 0s} .dm-home-capacity article:after{content:'';position:absolute;top:28px;right:25px;width:56px;height:12px;border-top:2px solid var(--dm-gold);border-bottom:1px solid rgb(201 154 69 / 24%);opacity:.8;transition:all .5s ease 0s} .dm-home-capacity .row>div:nth-child(even) article>i{border-color:rgb(90 43 50 / 22%);background:var(--dm-wine);color:var(--dm-gold-light);box-shadow:inset 0 0 0 7px rgb(255 255 255 / 6%),0 8px 22px rgb(77 39 45 / 14%)} .dm-home-capacity h3{margin-top:24px;font-size:19px} .dm-home-capacity article:hover{border-color:rgb(201 154 69 / 52%);background:linear-gradient(145deg,#fff 0%,#fffcf7 58%,#f6e8cc 100%);box-shadow:0 20px 45px rgb(32 18 21 / 16%)} .dm-home-capacity article:hover>i{border-color:var(--dm-gold);box-shadow:inset 0 0 0 5px #fff,0 10px 26px rgb(77 39 45 / 14%)} .dm-home-capacity .row>div:nth-child(even) article:hover>i{box-shadow:inset 0 0 0 5px rgb(255 255 255 / 9%),0 10px 26px rgb(77 39 45 / 18%)} .dm-home-capacity article:hover:after{width:76px;border-top-color:var(--dm-wine)} @media(max-width:767px){.dm-home-capacity article{min-height:0;padding:24px}.dm-home-capacity article>i{width:52px;height:52px;font-size:22px}.dm-home-capacity article:after{top:25px;right:24px}} /* Home capability: four borderless corporate pillars */ .dm-home-capacity{background:linear-gradient(115deg,#552a32 0%,#6a343d 52%,#4b272e 100%)} .dm-home-capacity .row{margin-inline:0;border-top:1px solid rgb(224 176 82 / 34%);border-bottom:1px solid rgb(255 255 255 / 12%)} .dm-home-capacity .row>div{padding:0} .dm-home-capacity article{min-height:245px;padding:34px 30px;border:0;border-bottom:0;background:transparent;box-shadow:none;transition:all .5s ease 0s} .dm-home-capacity article>i,.dm-home-capacity .row>div:nth-child(even) article>i{display:block;width:auto;height:auto;border:0;border-radius:0;background:transparent;color:var(--dm-gold-light);font-size:34px;box-shadow:none;transition:all .5s ease 0s} .dm-home-capacity article:after{top:30px;right:0;width:1px;height:calc(100% - 60px);border:0;background:linear-gradient(180deg,transparent,rgb(255 255 255 / 20%),transparent);opacity:1} .dm-home-capacity .row>div:last-child article:after{display:none} .dm-home-capacity h3{margin:24px 0 12px;color:#fff;font-size:20px} .dm-home-capacity p{color:#d4c5c8;font-size:15px;line-height:1.75} .dm-home-capacity article:hover{border:0;background:linear-gradient(180deg,rgb(255 255 255 / 7%),rgb(201 154 69 / 8%));box-shadow:inset 0 -3px 0 var(--dm-gold)} .dm-home-capacity article:hover>i,.dm-home-capacity .row>div:nth-child(even) article:hover>i{color:#fff;box-shadow:none;filter:none} /* Home process: a light production-flow panel, visually distinct from capability pillars */ .dm-home-process{background:linear-gradient(135deg,#f8f3ea 0%,#eee3d4 100%);color:var(--dm-wine)} .dm-home-process:before{display:none} .dm-home-process h2{color:var(--dm-wine)} .dm-home-process p{color:#75666a} .dm-home-process .dm-home-label{color:#ae7527} .dm-home-process .dm-home-link.light{color:var(--dm-wine)} .dm-home-timeline{position:relative;padding:28px 18px 25px;border:1px solid rgb(90 43 50 / 12%);border-block:1px solid rgb(90 43 50 / 12%);border-radius:18px;background:rgb(255 255 255 / 76%);box-shadow:0 20px 50px rgb(65 36 42 / 10%);overflow:hidden} .dm-home-timeline:before{content:'';position:absolute;z-index:0;top:53px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,rgb(201 154 69 / 22%),var(--dm-gold),rgb(201 154 69 / 22%))} .dm-home-timeline>div{position:relative;z-index:1;padding:0 12px;text-align:center} .dm-home-timeline>div+div{border-left:0} .dm-home-timeline b{width:50px;height:50px;margin:0 auto 20px;border:5px solid #fff;border-radius:12px;background:var(--dm-wine);color:var(--dm-gold-light);font-size:13px;box-shadow:0 7px 18px rgb(72 37 43 / 18%);transition:all .5s ease 0s} .dm-home-timeline span{color:var(--dm-wine);font-size:14px} .dm-home-timeline small{margin-top:7px;color:#8a7c7f;font-size:10px} .dm-home-timeline>div:hover b{border-color:#fff3d9;background:var(--dm-gold);color:#321b20;box-shadow:0 9px 24px rgb(72 37 43 / 23%)} @media(max-width:991px){.dm-home-capacity .row{border:0}.dm-home-capacity article{border-bottom:1px solid rgb(255 255 255 / 12%)}.dm-home-capacity article:after{display:none}.dm-home-timeline{grid-template-columns:repeat(5,minmax(135px,1fr));padding:24px 10px;overflow-x:auto}.dm-home-timeline:before{left:70px;right:70px}} @media(max-width:767px){.dm-home-capacity article{min-height:210px;padding:28px 24px}.dm-home-capacity article>i,.dm-home-capacity .row>div:nth-child(even) article>i{font-size:30px}.dm-home-process .row{gap:2rem!important}.dm-home-timeline{border-radius:12px}} /* Why choose us: layered capability showcase */ .dm-home-capacity:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 18%,rgb(224 176 82 / 10%) 0 2px,transparent 3px),radial-gradient(circle at 92% 78%,rgb(255 255 255 / 7%) 0 2px,transparent 3px);background-size:42px 42px,56px 56px;mask-image:linear-gradient(90deg,#000,transparent 34%,transparent 66%,#000)} .dm-home-capacity .container{position:relative;z-index:1} .dm-home-capacity .dm-home-heading{margin-bottom:54px} .dm-home-capacity .dm-home-heading>span{display:inline-flex;align-items:center;gap:10px;padding:7px 15px;border:1px solid rgb(224 176 82 / 34%);border-radius:30px;background:rgb(37 19 23 / 22%);color:var(--dm-gold-light)} .dm-home-capacity .dm-home-heading>span:before,.dm-home-capacity .dm-home-heading>span:after{content:'';width:18px;height:1px;background:var(--dm-gold)} .dm-home-capacity .dm-home-heading h2{position:relative;display:inline-block;margin-top:17px} .dm-home-capacity .dm-home-heading h2:after{content:'';position:absolute;left:50%;bottom:-17px;width:74px;height:3px;background:linear-gradient(90deg,transparent,var(--dm-gold),transparent);transform:translateX(-50%)} .dm-home-capacity .row{border:0;gap:0} .dm-home-capacity .row>div{padding:15px} .dm-home-capacity article{min-height:355px;padding:72px 30px 32px;overflow:hidden;border:1px solid rgb(255 255 255 / 12%);border-radius:14px;background:linear-gradient(145deg,rgb(255 255 255 / 11%),rgb(255 255 255 / 4%));box-shadow:0 22px 48px rgb(27 13 17 / 20%);backdrop-filter:blur(3px);transition:all .5s ease 0s} .dm-home-capacity article:before{position:absolute;right:17px;bottom:-18px;color:rgb(255 255 255 / 4%);font-size:74px;font-weight:900;line-height:1;letter-spacing:-5px;pointer-events:none} .dm-home-capacity .row>div:nth-child(1) article:before{content:'100%'} .dm-home-capacity .row>div:nth-child(2) article:before{content:'COA'} .dm-home-capacity .row>div:nth-child(3) article:before{content:'B2B'} .dm-home-capacity .row>div:nth-child(4) article:before{content:'5×'} .dm-home-capacity article:after{content:'';display:block;position:absolute;top:0;left:0;right:0;width:auto;height:4px;border:0;background:linear-gradient(90deg,transparent 0,var(--dm-gold) 28%,var(--dm-gold-light) 50%,var(--dm-gold) 72%,transparent 100%);opacity:.85;transition:all .5s ease 0s} .dm-home-capacity .row>div:last-child article:after{display:block} .dm-home-capacity article>i,.dm-home-capacity .row>div:nth-child(even) article>i{position:absolute;top:27px;left:30px;display:grid;width:58px;height:64px;place-items:center;clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);border:0;border-radius:0;background:linear-gradient(145deg,#f1cb78,#c88f31);color:#50262e;font-size:25px;box-shadow:none;transition:all .5s ease 0s} .dm-home-capacity article>i:after{content:'';position:absolute;inset:7px;z-index:-1;clip-path:inherit;background:rgb(255 255 255 / 25%)} .dm-home-capacity h3{position:relative;margin:31px 0 18px;padding-bottom:14px;color:#fff;font-size:20px;line-height:1.35} .dm-home-capacity h3:after{content:'';position:absolute;left:0;bottom:0;width:38px;height:2px;background:var(--dm-gold)} .dm-home-capacity p{position:relative;z-index:1;margin:0;color:#e0d4d6;font-size:15px;line-height:1.78} .dm-home-capacity article:hover{border-color:rgb(224 176 82 / 44%);background:linear-gradient(145deg,rgb(255 255 255 / 16%),rgb(201 154 69 / 8%));box-shadow:0 28px 58px rgb(27 13 17 / 29%),inset 0 0 0 1px rgb(224 176 82 / 10%)} .dm-home-capacity article:hover>i,.dm-home-capacity .row>div:nth-child(even) article:hover>i{background:linear-gradient(145deg,#ffe19a,#d29a37);color:#3d1e24;box-shadow:none;filter:brightness(1.05)} .dm-home-capacity article:hover:after{height:5px;width:auto;border:0} @media(max-width:1199px){.dm-home-capacity article{min-height:315px}.dm-home-capacity .row>div{padding:10px}} @media(max-width:767px){.dm-home-capacity .dm-home-heading{margin-bottom:38px}.dm-home-capacity .row>div{padding:8px 12px}.dm-home-capacity article{min-height:0;padding:66px 24px 27px}.dm-home-capacity article>i,.dm-home-capacity .row>div:nth-child(even) article>i{top:22px;left:24px;width:52px;height:57px;font-size:22px}.dm-home-capacity h3{margin-top:26px}.dm-home-capacity article:before{font-size:58px}} /* Advantage showcase: editorial rhythm instead of repeated cards */ .dm-home-capacity{padding-block:84px!important} .dm-home-capacity .dm-advantage-grid{position:relative;margin-inline:-12px} .dm-home-capacity .dm-advantage-grid:before{content:'';position:absolute;z-index:-1;left:7%;right:7%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgb(224 176 82 / 38%),transparent)} .dm-home-capacity .dm-advantage-grid>div:nth-child(even){padding-top:42px} .dm-home-capacity .dm-advantage-grid article{display:flex;flex-direction:column;min-height:390px;padding:102px 28px 28px;border-radius:2px 34px 2px 2px;background:linear-gradient(155deg,rgb(255 255 255 / 14%),rgb(255 255 255 / 5%));box-shadow:0 25px 60px rgb(27 13 17 / 26%)} .dm-home-capacity .dm-advantage-grid article:before{display:none} .dm-home-capacity .dm-advantage-grid article>i,.dm-home-capacity .dm-advantage-grid>div:nth-child(even) article>i{top:25px;left:28px;width:62px;height:70px} .dm-home-capacity .dm-advantage-grid article>i:before{position:relative;z-index:2} .dm-home-capacity .dm-advantage-tag{position:absolute;top:42px;right:24px;left:104px;color:#e8bd67;font-size:10px;font-weight:800;line-height:1.45;letter-spacing:1.35px;text-align:right} .dm-home-capacity .dm-advantage-grid h3{margin:16px 0 15px;padding-bottom:16px;font-size:21px} .dm-home-capacity .dm-advantage-grid p{margin-bottom:23px} .dm-home-capacity .dm-advantage-grid article>strong{display:flex;align-items:center;gap:9px;margin-top:auto;padding-top:18px;border-top:1px solid rgb(255 255 255 / 12%);color:#f1c96f;font-size:12px;font-weight:800;letter-spacing:.35px} .dm-home-capacity .dm-advantage-grid article>strong:before{content:'';width:24px;height:2px;background:var(--dm-gold)} .dm-home-capacity .dm-advantage-grid>div:nth-child(2) article,.dm-home-capacity .dm-advantage-grid>div:nth-child(4) article{border-radius:34px 2px 2px 2px;background:linear-gradient(155deg,rgb(201 154 69 / 14%),rgb(255 255 255 / 5%))} .dm-home-capacity .dm-advantage-grid article:hover{border-color:rgb(240 196 108 / 56%);background:linear-gradient(155deg,rgb(255 255 255 / 19%),rgb(201 154 69 / 11%));box-shadow:0 30px 68px rgb(20 9 12 / 34%)} @media(max-width:1199px){.dm-home-capacity .dm-advantage-grid>div:nth-child(even){padding-top:10px}.dm-home-capacity .dm-advantage-grid article{min-height:350px}.dm-home-capacity .dm-advantage-grid:before{display:none}} @media(max-width:767px){.dm-home-capacity{padding-block:58px!important}.dm-home-capacity .dm-advantage-grid>div:nth-child(even){padding-top:8px}.dm-home-capacity .dm-advantage-grid article{min-height:0;padding:91px 23px 25px;border-radius:2px 28px 2px 2px}.dm-home-capacity .dm-advantage-grid>div:nth-child(even) article{border-radius:2px 28px 2px 2px}.dm-home-capacity .dm-advantage-grid article>i,.dm-home-capacity .dm-advantage-grid>div:nth-child(even) article>i{left:23px}.dm-home-capacity .dm-advantage-tag{top:35px;right:22px;left:92px}.dm-home-capacity .dm-advantage-grid h3{margin-top:12px}} /* Director content: restrained four-pillar layout in the site identity */ .dm-home-capacity{background:linear-gradient(180deg,#f9f6f0 0%,#f3ede3 100%);color:var(--dm-wine)} .dm-home-capacity:after{background:radial-gradient(circle at 8% 16%,rgb(201 154 69 / 8%) 0 2px,transparent 3px);background-size:45px 45px;mask-image:linear-gradient(90deg,#000,transparent 28%)} .dm-home-capacity .dm-home-heading>span{padding:0;border:0;border-radius:0;background:transparent;color:#b57828} .dm-home-capacity .dm-home-heading>span:before,.dm-home-capacity .dm-home-heading>span:after{width:28px} .dm-home-capacity .dm-home-heading h2{display:block;color:var(--dm-wine)} .dm-home-capacity .dm-advantage-grid{margin-inline:-16px} .dm-home-capacity .dm-advantage-grid:before{top:66px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgb(90 43 50 / 18%) 12%,rgb(201 154 69 / 58%) 50%,rgb(90 43 50 / 18%) 88%,transparent)} .dm-home-capacity .dm-advantage-grid>div,.dm-home-capacity .dm-advantage-grid>div:nth-child(even){padding:16px;padding-top:16px} .dm-home-capacity .dm-advantage-grid article,.dm-home-capacity .dm-advantage-grid>div:nth-child(2) article,.dm-home-capacity .dm-advantage-grid>div:nth-child(4) article{align-items:center;min-height:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center;backdrop-filter:none} .dm-home-capacity .dm-advantage-grid article:after{display:none} .dm-home-capacity .dm-advantage-grid article>i,.dm-home-capacity .dm-advantage-grid>div:nth-child(even) article>i{position:relative;top:auto;left:auto;width:88px;height:96px;margin-bottom:23px;background:transparent;color:var(--dm-wine);font-size:34px;filter:drop-shadow(0 8px 12px rgb(90 43 50 / 8%))} .dm-home-capacity .dm-advantage-grid article>i:after{inset:1px;border:1px solid rgb(201 154 69 / 72%);background:#fff;box-shadow:inset 0 0 0 7px #f7f0e5} .dm-home-capacity .dm-advantage-grid h3{margin:10px 0 14px;padding:0;color:var(--dm-wine);font-size:18px;text-transform:uppercase} .dm-home-capacity .dm-advantage-grid h3:after{display:none} .dm-home-capacity .dm-advantage-grid p{color:#62565a;font-size:14px;line-height:1.78;text-align:justify} .dm-home-capacity .dm-advantage-grid article:hover{border:0;background:transparent;box-shadow:none} .dm-home-capacity .dm-advantage-grid article:hover>i,.dm-home-capacity .dm-advantage-grid>div:nth-child(even) article:hover>i{background:transparent;color:#b47728;filter:drop-shadow(0 11px 16px rgb(90 43 50 / 15%))} @media(min-width:1200px){.dm-home-capacity .dm-advantage-grid>div+div:before{content:'';position:absolute;left:0;top:150px;bottom:8px;width:1px;background:linear-gradient(180deg,transparent,rgb(90 43 50 / 13%),transparent)}.dm-home-capacity .dm-advantage-grid>div{position:relative}} @media(max-width:1199px){.dm-home-capacity .dm-advantage-grid article{padding:22px;background:rgb(255 255 255 / 58%);box-shadow:0 12px 30px rgb(72 43 47 / 7%)}.dm-home-capacity .dm-advantage-grid article:hover{background:#fff;box-shadow:0 16px 36px rgb(72 43 47 / 10%)}} @media(max-width:767px){.dm-home-capacity .dm-advantage-grid article{align-items:flex-start;padding:24px;text-align:left}.dm-home-capacity .dm-advantage-grid article>i,.dm-home-capacity .dm-advantage-grid>div:nth-child(even) article>i{width:68px;height:74px;margin-bottom:17px;font-size:26px}.dm-home-capacity .dm-advantage-grid h3{text-align:left}.dm-home-capacity .dm-advantage-grid p{text-align:left}} /* Final alignment for the four company advantages */ .dm-home-capacity .dm-advantage-grid>div:last-child article:after{display:none!important} .dm-home-capacity .dm-advantage-grid h3{display:flex;align-items:center;justify-content:center;min-height:52px;margin:0 0 15px;line-height:1.4} .dm-home-capacity .dm-advantage-grid p{margin:0} @media(min-width:1200px){.dm-home-capacity .dm-advantage-grid{align-items:stretch}.dm-home-capacity .dm-advantage-grid>div{display:flex}.dm-home-capacity .dm-advantage-grid article{width:100%}} @media(max-width:767px){.dm-home-capacity .dm-advantage-grid h3{justify-content:flex-start;min-height:0;margin-bottom:12px}} /* Brand-led asymmetric advantage showcase */ .dm-home-capacity .dm-advantage-grid:before{display:none} .dm-home-capacity .dm-advantage-grid>div,.dm-home-capacity .dm-advantage-grid>div:nth-child(even){display:flex;padding:10px} .dm-home-capacity .dm-advantage-grid article,.dm-home-capacity .dm-advantage-grid>div:nth-child(2) article,.dm-home-capacity .dm-advantage-grid>div:nth-child(4) article{position:relative;display:grid;grid-template-columns:88px 1fr;grid-template-rows:auto 1fr;align-items:start;width:100%;min-height:280px;padding:38px 38px 35px;overflow:hidden;border:1px solid rgb(90 43 50 / 11%);border-radius:0;background:rgb(255 255 255 / 78%);box-shadow:0 16px 42px rgb(72 43 47 / 8%);text-align:left;transition:all .5s ease 0s} .dm-home-capacity .dm-advantage-grid article:before{display:block;position:absolute;right:24px;bottom:12px;color:rgb(90 43 50 / .045);font-size:76px;font-weight:900;line-height:1;letter-spacing:-3px} .dm-home-capacity .dm-advantage-grid>div:nth-child(1) article:before{content:'100%'} .dm-home-capacity .dm-advantage-grid>div:nth-child(2) article:before{content:'UY TÍN'} .dm-home-capacity .dm-advantage-grid>div:nth-child(3) article:before{content:'300T'} .dm-home-capacity .dm-advantage-grid>div:nth-child(4) article:before{content:'70%'} .dm-home-capacity .dm-advantage-grid article>i,.dm-home-capacity .dm-advantage-grid>div:nth-child(even) article>i{position:relative;grid-row:1/3;top:auto;left:auto;width:66px;height:72px;margin:0 22px 0 0;color:var(--dm-wine);font-size:27px;filter:none} .dm-home-capacity .dm-advantage-grid article>i:after{background:#fbf5eb;box-shadow:inset 0 0 0 5px #fff} .dm-home-capacity .dm-advantage-grid h3{display:block;min-height:0;margin:5px 0 14px;color:var(--dm-wine);font-size:19px;line-height:1.4;text-align:left} .dm-home-capacity .dm-advantage-grid p{position:relative;z-index:1;color:#62565a;font-size:14px;line-height:1.78;text-align:left} .dm-home-capacity .dm-advantage-grid>div:nth-child(2) article,.dm-home-capacity .dm-advantage-grid>div:nth-child(3) article{border-color:rgb(255 255 255 / 10%);background:linear-gradient(135deg,#642f38,#4d252c);box-shadow:0 20px 48px rgb(55 27 32 / 20%)} .dm-home-capacity .dm-advantage-grid>div:nth-child(2) h3,.dm-home-capacity .dm-advantage-grid>div:nth-child(3) h3{color:#fff} .dm-home-capacity .dm-advantage-grid>div:nth-child(2) p,.dm-home-capacity .dm-advantage-grid>div:nth-child(3) p{color:#e1d5d7} .dm-home-capacity .dm-advantage-grid>div:nth-child(2) article>i,.dm-home-capacity .dm-advantage-grid>div:nth-child(3) article>i{color:#f0c66e} .dm-home-capacity .dm-advantage-grid>div:nth-child(2) article>i:after,.dm-home-capacity .dm-advantage-grid>div:nth-child(3) article>i:after{border-color:rgb(240 198 110 / 55%);background:rgb(255 255 255 / 7%);box-shadow:none} .dm-home-capacity .dm-advantage-grid>div:nth-child(2) article:before,.dm-home-capacity .dm-advantage-grid>div:nth-child(3) article:before{color:rgb(255 255 255 / .045)} .dm-home-capacity .dm-advantage-grid article:after{content:'';display:block!important;position:absolute;top:0;left:0;width:90px;height:4px;background:linear-gradient(90deg,var(--dm-gold),transparent);opacity:1} .dm-home-capacity .dm-advantage-grid>div:last-child article:after{display:block!important} .dm-home-capacity .dm-advantage-grid>div:before{display:none!important} .dm-home-capacity .dm-advantage-grid article:hover{border-color:rgb(201 154 69 / 34%);background:#fff;box-shadow:0 22px 52px rgb(72 43 47 / 13%)} .dm-home-capacity .dm-advantage-grid>div:nth-child(2) article:hover,.dm-home-capacity .dm-advantage-grid>div:nth-child(3) article:hover{border-color:rgb(240 198 110 / 30%);background:linear-gradient(135deg,#6d343e,#52272f);box-shadow:0 25px 58px rgb(55 27 32 / 27%)} @media(max-width:991px){.dm-home-capacity .dm-advantage-grid article,.dm-home-capacity .dm-advantage-grid>div:nth-child(2) article,.dm-home-capacity .dm-advantage-grid>div:nth-child(4) article{min-height:0}} @media(max-width:575px){.dm-home-capacity .dm-advantage-grid>div,.dm-home-capacity .dm-advantage-grid>div:nth-child(even){padding:7px 12px}.dm-home-capacity .dm-advantage-grid article,.dm-home-capacity .dm-advantage-grid>div:nth-child(2) article,.dm-home-capacity .dm-advantage-grid>div:nth-child(4) article{display:block;padding:27px 23px}.dm-home-capacity .dm-advantage-grid article>i,.dm-home-capacity .dm-advantage-grid>div:nth-child(even) article>i{width:58px;height:64px;margin-bottom:18px;font-size:24px}.dm-home-capacity .dm-advantage-grid h3{font-size:17px}.dm-home-capacity .dm-advantage-grid article:before{right:18px;bottom:10px;font-size:54px}} /* Use the same solid hexagon treatment on all four advantage icons */ .dm-home-capacity .dm-advantage-grid>div:nth-child(1) article>i:after, .dm-home-capacity .dm-advantage-grid>div:nth-child(4) article>i:after{border:0;background:rgb(90 43 50 / 10%);box-shadow:none} /* Compact flat language tabs in the topbar */ .dm-topbar .dm-language-switcher{gap:0;padding-left:9px} .dm-topbar .dm-language-option,.dm-topbar .dm-language-option.active,.dm-topbar .dm-language-switcher.is-open .dm-language-option,.dm-topbar .dm-language-switcher.is-open .dm-language-option.active{position:relative;width:auto;height:26px;padding:0 8px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#d8c9cc!important;gap:5px} .dm-topbar .dm-language-option+.dm-language-option:before{content:'';position:absolute;left:0;top:8px;width:1px;height:10px;background:rgb(255 255 255 / 13%)} .dm-topbar .dm-language-option>img{width:19px;height:13px;border:0;border-radius:0} .dm-topbar .dm-language-option>b{font-size:9px;letter-spacing:.3px} .dm-topbar .dm-language-option.active{color:#f0c66e!important} .dm-topbar .dm-language-option.active:after{content:'';position:absolute;right:8px;bottom:1px;left:8px;height:2px;background:var(--dm-gold)} .dm-topbar .dm-language-option:hover{background:rgb(255 255 255 / 5%);color:#fff!important} @media(max-width:767px){.dm-topbar .dm-language-switcher{padding-left:0}.dm-topbar .dm-language-option,.dm-topbar .dm-language-option.active{height:25px;padding-inline:7px}.dm-topbar .dm-language-option.active:after{right:7px;left:7px}} /* Topbar language dropdown: show current language, reveal the other two on click */ .dm-topbar .dm-language-switcher,.dm-topbar .dm-language-switcher.is-open{position:relative;display:flex;align-items:stretch;flex:0 0 72px;flex-direction:column;width:72px;height:26px;padding:0;border:1px solid rgb(255 255 255 / 15%);background:rgb(255 255 255 / 4%);box-shadow:none;overflow:visible} .dm-topbar .dm-language-switcher:after{content:'';display:block;position:absolute;z-index:5;right:8px;top:9px;width:5px;height:5px;border-right:1px solid #d9c9cc;border-bottom:1px solid #d9c9cc;transform:rotate(45deg);transition:all .3s ease 0s;pointer-events:none} .dm-topbar .dm-language-switcher.is-open:after{top:11px;transform:rotate(225deg)} .dm-topbar .dm-language-option,.dm-topbar .dm-language-switcher.is-open .dm-language-option{position:static;display:none;flex:0 0 26px;width:70px;height:26px;padding:0 19px 0 7px;border:0;border-bottom:1px solid rgb(255 255 255 / 10%);border-radius:0;background:#2d1a1e;box-shadow:none;color:#d8c9cc!important;gap:5px} .dm-topbar .dm-language-option.active,.dm-topbar .dm-language-switcher.is-open .dm-language-option.active{display:flex;order:-1;border-bottom:0;background:transparent;color:#f0c66e!important} .dm-topbar .dm-language-switcher.is-open .dm-language-option:not(.active){display:flex} .dm-topbar .dm-language-switcher.is-open{z-index:500;box-shadow:0 12px 25px rgb(20 9 12 / 28%)} .dm-topbar .dm-language-option+.dm-language-option:before,.dm-topbar .dm-language-option.active:after{display:none} .dm-topbar .dm-language-option:hover{background:#42252b;color:#fff!important} .dm-topbar .dm-language-option>b{display:block;white-space:nowrap;line-height:1} @media(max-width:767px){.dm-topbar .dm-language-switcher,.dm-topbar .dm-language-switcher.is-open{flex-basis:70px;width:70px;height:25px}.dm-topbar .dm-language-option,.dm-topbar .dm-language-switcher.is-open .dm-language-option{width:68px;height:25px;flex-basis:25px}} /* Remove the oversized protein-number background that escaped the product grid */ .dm-home-products:after{display:none!important;content:none!important;animation:none!important} /* Keep inner-page banner photography bright and natural */ .dm-page-hero{background:#d9d5ce} .dm-page-hero>img{filter:none;opacity:1} .dm-page-hero-overlay{background:linear-gradient(90deg,rgb(43 27 31 / 44%) 0%,rgb(43 27 31 / 20%) 32%,rgb(43 27 31 / 5%) 58%,transparent 78%)} .dm-page-hero h1,.dm-page-hero h2{text-shadow:0 2px 14px rgb(20 10 12 / 38%)} .dm-page-hero span{text-shadow:0 1px 8px rgb(20 10 12 / 40%)} @media(max-width:767px){.dm-page-hero-overlay{background:linear-gradient(90deg,rgb(43 27 31 / 46%) 0%,rgb(43 27 31 / 16%) 65%,transparent 100%)}} /* Translucent breadcrumb over the lower edge of the banner image */ .dm-breadcrumb{position:relative;z-index:4;margin-top:-49px;background:rgb(77 35 43 / 80%);border-bottom-color:rgb(213 163 52 / 88%);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)} .dm-breadcrumb ol{min-height:49px} @media(max-width:767px){.dm-breadcrumb{margin-top:-46px;background:rgb(77 35 43 / 84%);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.dm-breadcrumb ol{min-height:46px}} /* Give page-banner titles balanced breathing room above the breadcrumb */ .dm-page-hero{height:330px;padding-bottom:24px} @media(max-width:991px){.dm-page-hero{height:275px;padding-bottom:20px}} @media(max-width:767px){.dm-page-hero{height:235px;padding-bottom:18px}} @media(max-width:575px){.dm-page-hero{height:215px;padding-bottom:16px}} /* Refined Vietnamese corporate typography */ body,body a,body button,body input,body textarea,body select{font-family:"Be Vietnam Pro",Arial,sans-serif} h1,h2,h3,h4,h5,h6,.dm-home-hero-content h1,.dm-home-hero-content h2{font-family:Lexend,"Be Vietnam Pro",Arial,sans-serif} .dm-auto-nav>ul{gap:25px} .dm-auto-nav>ul>li>a{font-family:"Be Vietnam Pro",Arial,sans-serif;font-size:13px;font-weight:700;letter-spacing:.2px} .dm-auto-nav .dm-submenu a{font-family:"Be Vietnam Pro",Arial,sans-serif;font-size:13px;font-weight:500;letter-spacing:0} @media(max-width:1199px){.dm-auto-nav>ul{gap:17px}.dm-auto-nav>ul>li>a{font-size:12px}} @media(max-width:991px){.dm-header nav>ul>li>a{font-size:14px;font-weight:700;letter-spacing:.1px}} /* Transparent Duc Manh 79 logo proportions */ .dm-logo{flex:0 0 170px;height:76px;overflow:visible} .dm-logo img{display:block;width:160px;height:74px;max-width:none;padding:0;background:transparent;object-fit:contain;object-position:center} .dm-footer-brand>a{display:inline-flex;align-items:center;min-height:82px} .dm-footer-brand img{display:block;width:190px;height:auto;max-height:88px;margin-bottom:20px;padding:0;background:transparent;object-fit:contain;filter:drop-shadow(0 5px 14px rgb(0 0 0 / 16%))} @media(max-width:1199px){.dm-logo{flex-basis:152px}.dm-logo img{width:145px;height:68px}} @media(max-width:767px){.dm-logo{flex-basis:140px;height:64px}.dm-logo img{width:135px;height:62px}.dm-footer-brand img{width:175px;max-height:82px}} /* Larger, responsive header logo */ .dm-header>.container{min-height:86px} .dm-logo{position:relative;display:block;flex:0 0 175px;width:175px;height:76px;overflow:hidden} .dm-logo img{position:absolute;top:50%;left:50%;display:block;width:170px;max-width:none;height:auto;object-fit:initial;transform:translate(-50%,-50%)} @media(max-width:1199px){.dm-header>.container{min-height:82px}.dm-logo{flex-basis:158px;width:158px;height:72px}.dm-logo img{width:153px}} @media(max-width:991px){.dm-header>.container{min-height:74px}.dm-logo{flex-basis:145px;width:145px;height:66px}.dm-logo img{width:140px}} @media(max-width:767px){.dm-header>.container{min-height:68px}.dm-logo{flex-basis:132px;width:132px;height:60px}.dm-logo img{width:127px}} /* Sequential 01-05 production-process accent */ .dm-home-timeline:after{content:'';position:absolute;z-index:2;top:49px;left:10%;width:10px;height:10px;border:2px solid #fff8df;border-radius:50%;background:#e3ad3f;box-shadow:0 0 6px #fff,0 0 16px #d5a334,0 0 28px rgb(213 163 52 / 75%);opacity:0;pointer-events:none} .dm-home-timeline:after{display:none!important} .dm-home-timeline.is-running:after{opacity:1} .dm-home-timeline.is-resetting:after{opacity:0;transition:opacity .2s ease!important} .dm-home-timeline>div b{animation:none!important} .dm-home-timeline>div.is-process-active b{border-color:#fff8dc;background:#d5a334;color:#321b20;box-shadow:0 0 0 8px rgb(213 163 52 / 18%),0 0 24px rgb(213 163 52 / 65%),0 12px 28px rgb(90 43 50 / 30%);transform:translateY(-6px) scale(1.14)} /* Keep the 2.4:1 uploaded slides sharp and avoid unnecessary upscaling/cropping */ @media(min-width:992px){ .dm-home-hero,.dm-home-hero .carousel,.dm-home-hero .carousel-inner,.dm-home-hero .carousel-item{height:clamp(560px,41.6667vw,800px);min-height:0} .dm-home-hero .carousel-item>picture,.dm-home-hero .carousel-item>picture>img{position:absolute;inset:0;display:block;width:100%;height:100%} .dm-home-hero .carousel-item>picture>img{object-fit:cover;object-position:center center;filter:none;image-rendering:auto} } .dm-home-hero .carousel-item>picture,.dm-home-hero .carousel-item>picture>img{position:absolute;inset:0;display:block;width:100%;height:100%} .dm-home-hero .carousel-item>picture>img{object-fit:cover;object-position:center center;filter:none;image-rendering:auto} /* Topbar icon spacing */ .dm-topbar .dm-topbar-address{gap:7px} .dm-topbar .dm-topbar-address i{flex:0 0 auto;margin:0} /* Admin-controlled gallery paging */ .dm-gallery-loadmore-wrap{display:flex;justify-content:center;margin-top:38px} .dm-gallery-loadmore{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border:1px solid var(--dm-gold);border-radius:4px;background:#fff;color:var(--dm-wine);font-size:13px;font-weight:750;transition:.3s ease} .dm-gallery-loadmore:hover{background:var(--dm-gold);color:#321b20;box-shadow:0 9px 22px rgb(90 43 50 / 15%);transform:translateY(-2px)} /* Real company photography for each page hero */ .dm-page-hero-1>img{object-position:center 52%} .dm-page-hero-11>img{object-position:center 56%} .dm-page-hero-18>img{object-position:center 64%} .dm-page-hero-24>img{object-position:center 52%} .dm-page-hero-30>img{object-position:center 43%} @media(max-width:767px){.dm-page-hero-1>img,.dm-page-hero-11>img,.dm-page-hero-24>img{object-position:center}.dm-page-hero-18>img{object-position:center 62%}.dm-page-hero-30>img{object-position:center 38%}} /* Mobile home slider: show the complete 1920x800 artwork and only its navigation */ @media(max-width:767px){ .dm-home-hero,.dm-home-hero .carousel,.dm-home-hero .carousel-inner,.dm-home-hero .carousel-item{height:41.6667vw;min-height:0} .dm-home-hero .carousel-item>picture>img{object-fit:contain;object-position:center} .dm-home-hero .dm-home-facts-wrap,.dm-home-hero-content,.dm-home-hero .carousel-control-prev,.dm-home-hero .carousel-control-next{display:none!important} .dm-home-slider-nav{right:10px;bottom:6px;gap:5px;padding:2px 7px;background:rgb(35 20 24 / 72%);border-radius:3px} .dm-home-slider-nav button{width:30px;height:28px;font-size:10px} } /* Balanced mobile utility bar: quick call plus language selector */ @media(max-width:767px){ .dm-topbar .container{justify-content:space-between;min-height:42px;padding-inline:16px} .dm-topbar .dm-topbar-actions{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px} .dm-topbar .dm-topbar-actions>a:last-of-type{display:inline-flex;align-items:center;gap:8px;padding:5px 9px 5px 7px;border:1px solid rgb(255 255 255 / 12%);border-radius:3px;background:rgb(255 255 255 / 5%);color:#f5edef;font-size:11px;font-weight:700;letter-spacing:.15px} .dm-topbar .dm-topbar-actions>a:last-of-type i{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--dm-gold);color:#2b1b1f;font-size:9px} .dm-topbar .dm-language-switcher,.dm-topbar .dm-language-switcher.is-open{margin:0} } /* Richer related fish-meal cards */ .dm-other-products{margin-top:65px;padding:40px;background:linear-gradient(135deg,#f7f0e5,#fbf8f3);border-top:3px solid var(--dm-gold)} .dm-other-products>header{margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid #dfd1be} .dm-other-products>header h2{font-size:32px} .dm-other-products>header>a{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid rgb(168 111 37 / 35%);transition:.3s ease} .dm-other-products>header>a:hover{background:var(--dm-wine);border-color:var(--dm-wine);color:#fff} .dm-other-products .row .dm-other-product-card{display:flex;height:100%;overflow:hidden;flex-direction:column;border:0;background:#fff;box-shadow:0 10px 28px rgb(72 43 47 / 9%);transition:transform .35s ease,box-shadow .35s ease} .dm-other-product-card:hover{transform:translateY(-6px);box-shadow:0 20px 42px rgb(72 43 47 / 16%)} .dm-other-product-image{position:relative;display:block;height:205px;overflow:hidden;background:#e9dfd1} .dm-other-products .dm-other-product-image>img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease} .dm-other-product-card:hover .dm-other-product-image>img{transform:scale(1.045)} .dm-other-product-info{display:flex;flex:1;align-items:flex-start;flex-direction:column;padding:20px} .dm-other-product-info>small{color:#a86f25;font-size:8px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase} .dm-other-products .dm-other-product-info>b{padding:5px 0 8px;font-size:15px} .dm-other-product-info>p{display:-webkit-box;margin:0 0 15px;overflow:hidden;color:#7b7073;font-size:11px;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:2} .dm-other-product-info>em{display:flex;align-items:center;gap:7px;margin-top:auto;color:#a86f25;font-size:9px;font-style:normal;font-weight:800;text-transform:uppercase} @media(max-width:767px){.dm-other-products{margin-top:45px;padding:26px 18px}.dm-other-products>header h2{font-size:26px}.dm-other-product-image{height:155px}.dm-other-product-info{padding:15px 13px}.dm-other-product-info>p{display:none}.dm-other-product-info>em{margin-top:8px}.dm-other-products .row{--bs-gutter-x:12px;--bs-gutter-y:12px}} /* Refined related-products layout: quieter, image-led and less repetitive */ .dm-other-products{padding:0;border-top:0;background:transparent} .dm-other-products>header{align-items:center;margin-bottom:26px;padding:0 0 18px 18px;border-bottom:1px solid var(--dm-border);border-left:4px solid var(--dm-gold)} .dm-other-products>header h2{margin-top:3px;font-size:31px} .dm-other-products>header>a{padding:10px 15px;border:0;background:var(--dm-wine);color:#fff} .dm-other-products>header>a:hover{background:var(--dm-gold);color:#2b1b1f} .dm-other-products .row .dm-other-product-card{border:1px solid var(--dm-border);box-shadow:none} .dm-other-product-card:hover{border-color:var(--dm-gold);transform:translateY(-4px);box-shadow:0 15px 32px rgb(72 43 47 / 12%)} .dm-other-product-image{height:225px} .dm-other-product-image:after{content:'';position:absolute;right:0;bottom:0;left:0;height:3px;background:var(--dm-gold);transform:scaleX(0);transform-origin:left;transition:transform .4s ease} .dm-other-product-card:hover .dm-other-product-image:after{transform:scaleX(1)} .dm-other-product-info{min-height:104px;padding:17px 18px 15px} .dm-other-product-info>small,.dm-other-product-info>p{display:none} .dm-other-products .dm-other-product-info>b{padding:0;color:var(--dm-wine);font-size:15px} .dm-other-product-info>em{width:100%;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid #eee5da;color:#a86f25} @media(max-width:767px){.dm-other-products{padding:0}.dm-other-products>header{padding-left:13px}.dm-other-products>header h2{font-size:25px}.dm-other-products>header>a{padding:8px 11px}.dm-other-product-image{height:150px}.dm-other-product-info{min-height:92px;padding:13px 12px 11px}.dm-other-products .dm-other-product-info>b{font-size:13px}.dm-other-product-info>em{padding-top:9px;font-size:8px}} /* Product-grade navigator beneath the article inquiry card */ .dm-article-products{margin-top:22px;overflow:hidden;border:1px solid var(--dm-border);background:#fff;box-shadow:0 12px 34px rgb(72 43 47 / 8%)} .dm-article-products>header{padding:22px 24px 18px;border-bottom:1px solid var(--dm-border);background:linear-gradient(135deg,#fbf7f0,#f4eadc)} .dm-article-products>header>span{color:#a86f25;font-size:8px;font-weight:800;letter-spacing:1.5px} .dm-article-products>header h2{margin:5px 0 0;color:var(--dm-wine);font-size:21px;font-weight:800} .dm-article-products>div>a{display:grid;grid-template-columns:68px 1fr 25px;align-items:center;gap:13px;min-height:86px;padding:9px 16px;color:var(--dm-wine);transition:.3s ease} .dm-article-products>div>a+a{border-top:1px solid #eee6dc} .dm-article-products>div>a:hover{background:var(--dm-cream-soft)} .dm-article-products>div img{width:68px;height:68px;object-fit:cover} .dm-article-products>div span,.dm-article-products>div b,.dm-article-products>div small{display:block} .dm-article-products>div b{font-size:12px;line-height:1.4} .dm-article-products>div small{margin-top:5px;color:#a86f25;font-size:8px;font-weight:750;text-transform:uppercase} .dm-article-products>div>a>i{color:var(--dm-gold);font-size:11px;transition:transform .3s ease} .dm-article-products>div>a:hover>i{transform:translateX(4px)} .dm-article-products>footer>a{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--dm-wine);color:#fff;font-size:9px;font-weight:800;text-transform:uppercase} .dm-article-products>footer>a:hover{background:var(--dm-gold);color:#2b1b1f} @media(max-width:991px){.dm-article-products{margin-top:16px}.dm-article-products>div{display:grid;grid-template-columns:1fr 1fr}.dm-article-products>div>a:nth-child(2){border-top:0}.dm-article-products>div>a:nth-child(even){border-left:1px solid #eee6dc}} @media(max-width:575px){.dm-article-products>div{grid-template-columns:1fr}.dm-article-products>div>a:nth-child(2){border-top:1px solid #eee6dc}.dm-article-products>div>a:nth-child(even){border-left:0}} .dm-home-timeline>div:nth-child(1) b{animation-delay:.15s} .dm-home-timeline>div:nth-child(2) b{animation-delay:1.46s} .dm-home-timeline>div:nth-child(3) b{animation-delay:2.77s} .dm-home-timeline>div:nth-child(4) b{animation-delay:4.09s} .dm-home-timeline>div:nth-child(5) b{animation-delay:5.4s} @keyframes dm-process-line{0%{left:10%;opacity:0;transform:translateX(-50%) scale(.6)}3%{opacity:1;transform:translateX(-50%) scale(1)}82%{left:90%;opacity:1;transform:translateX(-50%) scale(1)}88%,100%{left:90%;opacity:0;transform:translateX(-50%) scale(.6)}} @keyframes dm-process-step{0%,17%,100%{border-color:#fff;background:#5a2b32;color:#efbd55;box-shadow:0 7px 18px rgb(72 37 43 / 18%);transform:translateY(0) scale(1)}3%,11%{border-color:#fff8dc;background:#d5a334;color:#321b20;box-shadow:0 0 0 8px rgb(213 163 52 / 18%),0 0 24px rgb(213 163 52 / 65%),0 12px 28px rgb(90 43 50 / 30%);transform:translateY(-6px) scale(1.14)}} @media(max-width:991px){.dm-home-timeline:after{left:70px;right:70px}}