/* Qingdao Daniel’s Industrial Company Limited — responsive industrial website */
:root{--white:#fff;--ink:#263238;--muted:#59646a;--navy:#0f2b4a;--navy-dark:#0f2b4a;--ral5013:#1e2a44;--taupe:#8c8175;--taupe-light:#c1b5a7;--line:#dce1e4;--soft:#f5f6f7;--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{background:#1e2a44;border-bottom:1px solid #1e2a44;position:relative;z-index:10}.header-inner{max-width:var(--max);width:calc(100% - 64px);min-height:112px;margin:auto;display:flex;align-items:stretch;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:0;min-width:0;max-width:48%;padding:18px 0}.logo-missing{position:relative}.footer-logo-wrap.logo-missing:after,.tiktok-block.logo-missing:after{content:"Company image unavailable";display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px dashed #aab3b8;color:#7b878d;font-size:10px;flex:0 0 auto}.footer-logo-wrap.logo-missing:after{width:94px;height:94px}.tiktok-block.logo-missing:after{width:100px;height:100px}.brand-name{font-size:clamp(17.64px,1.512vw,22.68px);font-weight:700;line-height:1.2;color:#fff;white-space:nowrap}.main-nav{display:flex;align-self:stretch;align-items:flex-end;justify-content:flex-end;gap:clamp(10px,1.25vw,20px);flex:1}.main-nav a{display:block;align-self:flex-end;font-size:clamp(11px,.95vw,14px);font-weight:700;white-space:nowrap;padding:13px 0 9px;color:#fff;border-bottom:3px solid transparent}.main-nav a:hover,.main-nav a.active{border-bottom-color:#d8c6a9;color:#fff}.menu-toggle{display:none;align-self:center;border:1px solid #ffffff80;background:transparent;color:#fff;padding:8px 11px;cursor:pointer}.content-width{max-width:1200px;width:calc(100% - 64px);margin-inline:auto}
.carousel-section{max-width:var(--max);width:calc(100% - 64px);margin:28px auto 0}.carousel-shell{position:relative;padding:0 54px}.carousel-viewport{overflow:hidden;width:100%}.carousel-track{display:flex;gap:16px;transition:transform .55s ease}.carousel-card{flex:0 0 calc((100% - 32px)/3);aspect-ratio:4/3}.photo-frame{position:relative;overflow:hidden;background:linear-gradient(145deg,#f4f5f5,#e6e9e9);border:1px solid #d9dfe2}.photo-frame img{display:block;width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.image-missing{background:linear-gradient(145deg,#f4f5f5,#e6e9e9)}.image-missing img{display:none}.image-missing:after{content:attr(data-placeholder);white-space:pre-wrap;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#8c969b;font-size:13px;letter-spacing:.04em;text-align:center;padding:20px}.carousel-card.image-missing:after{content:'IMAGE PLACEHOLDER';}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:64px;border:0;background:#1e2a44;color:#fff;font-size:42px;line-height:1;cursor:pointer;z-index:3;opacity:.95}.carousel-arrow:hover{background:#344b68}.carousel-arrow.prev{left:0}.carousel-arrow.next{right:0}.carousel-status{text-align:center;color:#69757c;font-size:11px;letter-spacing:.12em;padding:11px 0 0}
.home-about{display:grid;grid-template-columns:minmax(230px,.68fr) minmax(0,1.32fr);gap:clamp(30px,5vw,70px);align-items:start;padding-top:72px;padding-bottom:78px}.about-photo{aspect-ratio:4/3;margin-top:8px}.about-copy{min-width:0}.eyebrow{margin:0 0 11px;color:var(--taupe);font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}h1,h2,h3{font-family:Arial,Helvetica,sans-serif;font-weight:700;line-height:1.18;color:var(--navy-dark)}h1{margin:0 0 24px;font-size:clamp(30px,3.4vw,44px)}h2{margin:0 0 24px;font-size:clamp(29px,3.2vw,40px)}.about-text p{margin:0 0 13px;color:#4d585e;font-size:14px;line-height:1.75}.industries-section{padding-top:8px;padding-bottom:85px}.section-rule{width:74px;height:5px;background:var(--navy);margin-bottom:28px}.industry-list{display:grid;grid-template-columns:1fr;max-width:900px;border-top:1px solid var(--line)}.industry-item{display:flex;align-items:center;gap:20px;padding:13px 12px;border-bottom:1px solid var(--line);font-size:clamp(16px,1.6vw,20px);font-weight:700;color:#35434b}.industry-number{font-size:11px;letter-spacing:.12em;color:var(--taupe);min-width:30px}
.site-footer{border-top:1px solid var(--line);background:#fff}.footer-inner{max-width:var(--max);width:calc(100% - 64px);margin:auto;min-height:176px;display:grid;grid-template-columns:120px minmax(320px,1fr) 110px 120px;gap:28px;align-items:center;padding:25px 0}.footer-logo-wrap{display:flex;align-items:center;justify-content:flex-start}.footer-logo{width:94px;height:94px;object-fit:contain}.footer-contact{display:flex;flex-direction:column;gap:3px;font-size:13px;line-height:1.55;text-align:center;align-items:center}.footer-contact strong{font-size:14px;color:var(--navy-dark);margin-bottom:3px}.youtube-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#d60000;font-size:12px;font-weight:700}.youtube-link svg{width:39px;height:30px;fill:#ff0000}.youtube-link:hover svg{fill:#cc0000}.tiktok-block{display:flex;flex-direction:column;align-items:center;gap:5px;color:#566168;font-size:12px;font-weight:700}.tiktok-image{width:100px;height:100px;object-fit:contain}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:14px max(32px,calc((100% - var(--max))/2));border-top:1px solid #edf0f1;color:#858e92;font-size:11px}
.catalog-page{padding-bottom:60px}.page-heading{max-width:var(--max);width:calc(100% - 64px);margin:0 auto;padding:44px 0 23px}.page-heading h1{margin-bottom:0}.heading-intro{color:#647078;max-width:700px;margin:15px 0 0}.catalog-layout{max-width:var(--max);width:calc(100% - 64px);margin:15px auto 80px;display:grid;grid-template-columns:280px minmax(0,1fr);gap:38px;align-items:start}.sidebar{border-top:3px solid var(--navy);background:#fff}.category-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;border:0;border-bottom:1px solid var(--line);background:#fff;padding:14px 15px;color:#39464d;font-size:13px;font-weight:700;cursor:pointer}.category-trigger span{color:#8c8175;font-size:17px}.category-trigger:hover,.category-trigger.selected{background:#f2f4f5;color:var(--navy-dark);box-shadow:inset 3px 0 #8c8175}.catalog-main{min-width:0}.product-gallery{display:flex;flex-direction:column;gap:20px}.gallery-photo{margin:0 auto;width:97.2%;aspect-ratio:1040/405;min-height:0}.gallery-photo img{object-fit:contain;background:#f8f9f9}.gallery-photo.image-missing:after,.equipment-card.image-missing:after{content:attr(data-placeholder)}.equipment-page{padding-bottom:70px}.equipment-grid{max-width:1040px;width:calc(100% - 64px);margin:18px auto 75px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.equipment-card{margin:0;aspect-ratio:3/4;max-height:640px}.equipment-card img{object-fit:contain;background:#f8f9f9}.contact-page{min-height:420px;padding-bottom:75px}.contact-card{max-width:820px;width:calc(100% - 64px);margin:20px auto 70px;border:1px solid var(--line);border-top:5px solid var(--navy);padding:34px 40px;background:#fff;box-shadow:0 12px 32px #182b3a0a}.contact-company{font-size:22px;font-weight:700;color:var(--navy-dark);margin:0 0 24px}.contact-line{display:grid;grid-template-columns:145px minmax(0,1fr);gap:20px;padding:13px 0;border-top:1px solid #edf0f1}.contact-line>span{font-size:12px;letter-spacing:.04em;text-transform:uppercase;font-weight:700;color:#8c8175}.contact-line p{margin:0;color:#445159;overflow-wrap:anywhere}.contact-line a{color:#1d4d77;text-decoration:underline}
@media(max-width:1150px){.header-inner{width:calc(100% - 42px);gap:14px}.brand{gap:0;max-width:43%}.brand-name{font-size:16.38px}.main-nav{gap:10px}.main-nav a{font-size:10.5px}.content-width,.carousel-section,.footer-inner,.page-heading,.catalog-layout,.equipment-grid{width:calc(100% - 42px)}.catalog-layout{grid-template-columns:245px minmax(0,1fr);gap:24px}.footer-inner{grid-template-columns:95px minmax(260px,1fr) 80px 95px;gap:18px}.footer-logo{width:78px;height:78px}.tiktok-image{width:85px;height:85px}}
@media(max-width:850px){.header-inner{min-height:78px;flex-wrap:wrap;align-items:center;padding:12px 0}.brand{max-width:calc(100% - 60px);padding:5px 0}.brand-name{font-size:clamp(12.6px,2.268vw,16.38px);white-space:nowrap}.menu-toggle{display:block}.main-nav{display:none;flex:0 0 100%;flex-direction:column;align-items:stretch;gap:0;padding:5px 0}.main-nav.open{display:flex}.main-nav a{font-size:14px;padding:11px 2px;border-bottom:1px solid #ffffff30}.carousel-section{margin-top:20px}.carousel-shell{padding:0 40px}.carousel-card{flex-basis:calc((100% - 16px)/2)}.carousel-arrow{width:34px;height:54px;font-size:34px}.home-about{grid-template-columns:minmax(190px,.65fr) minmax(0,1.35fr);gap:25px;padding-top:50px;padding-bottom:55px}.footer-inner{grid-template-columns:85px minmax(0,1fr) 70px 80px;gap:12px}.footer-logo{width:72px;height:72px}.footer-contact{font-size:11px}.footer-contact strong{font-size:12px}.tiktok-image{width:72px;height:72px}.catalog-layout{grid-template-columns:220px minmax(0,1fr);gap:20px}.category-trigger{padding:12px;font-size:12px}}
@media(max-width:620px){.header-inner,.content-width,.carousel-section,.footer-inner,.page-heading,.catalog-layout,.equipment-grid{width:calc(100% - 30px)}.brand{gap:0;max-width:calc(100% - 45px)}.brand-name{font-size:12px;white-space:nowrap;max-width:none}.menu-toggle{padding:6px 8px}.carousel-shell{padding:0 30px}.carousel-card{flex-basis:100%;aspect-ratio:4/3}.carousel-arrow{width:27px;height:46px;font-size:30px}.home-about{grid-template-columns:1fr;gap:24px;padding-top:40px;padding-bottom:45px}.about-photo{max-width:440px;width:100%;margin:auto}.about-text p{font-size:14px}.industries-section{padding-bottom:55px}.industry-item{font-size:16px;padding:12px 5px}.footer-inner{grid-template-columns:70px minmax(0,1fr);gap:18px;padding:24px 0}.footer-logo{width:64px;height:64px}.footer-contact{grid-column:2;grid-row:1;text-align:left;align-items:flex-start;font-size:12px}.footer-contact strong{font-size:13px}.youtube-link{grid-column:1;grid-row:2;align-items:center}.tiktok-block{grid-column:2;grid-row:2;justify-self:start;flex-direction:row;gap:12px}.tiktok-image{width:64px;height:64px}.footer-bottom{padding:13px 15px;flex-direction:column;gap:5px}.page-heading{padding-top:32px;padding-bottom:20px}.catalog-layout{grid-template-columns:1fr;margin-top:12px}.sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}.category-trigger{font-size:11px;padding:11px 9px;min-height:52px}.product-gallery{gap:14px}.gallery-photo{aspect-ratio:1040/405}.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:15px}.equipment-card{aspect-ratio:3/4}.contact-card{width:calc(100% - 30px);padding:24px 20px;margin-top:15px}.contact-company{font-size:19px}.contact-line{grid-template-columns:1fr;gap:3px;padding:11px 0}.contact-line>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}

/* Accessibility and focused, centered equipment gallery */
a:focus-visible, button:focus-visible{outline:3px solid #b8a78d;outline-offset:3px}