:root{--navy:#082d5c;--navy2:#0d417c;--orange:#ff6500;--orange2:#ff8a00;--ink:#142238;--muted:#66758a;--line:#e5eaf0;--soft:#f5f8fc;--white:#fff;--green:#16804a;--red:#be3b38;--radius:20px;--shadow:0 18px 50px rgba(8,45,92,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#fff;color:var(--ink);line-height:1.75}body.lock{overflow:hidden}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}.container{width:min(1200px,92%);margin:auto}.hidden{display:none!important}
.topbar{background:var(--navy);color:#dbe9f7;font-size:12px;padding:7px 0}.topbar .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 0}.brand img{width:84px;height:70px;object-fit:contain}.menu{display:flex;gap:23px;font-size:14px;font-weight:800;color:#344a64}.menu a:hover,.menu a.active{color:var(--orange)}.nav-actions{display:flex;gap:9px;align-items:center}.icon-btn{border:1px solid var(--line);background:white;border-radius:13px;padding:10px 12px;cursor:pointer;position:relative;color:var(--navy);font-weight:800}.cart-count{position:absolute;top:-7px;left:-7px;min-width:21px;height:21px;border-radius:50%;background:var(--orange);color:#fff;font-size:11px;display:grid;place-items:center}.btn{border:0;border-radius:14px;padding:12px 19px;cursor:pointer;font-weight:900;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#fff;box-shadow:0 10px 22px rgba(255,101,0,.24)}.btn-outline{background:#fff;border:1px solid #cfd8e4;color:var(--navy)}.btn-navy{background:var(--navy);color:white}.btn-block{width:100%}
.hero{min-height:620px;display:grid;align-items:center;background:linear-gradient(90deg,rgba(4,30,61,.96) 0%,rgba(8,45,92,.86) 48%,rgba(8,45,92,.28) 100%),url('https://yadakpackage.com/wp-content/uploads/2019/09/a1.jpg') center/cover no-repeat;color:white}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:center;padding:78px 0}.badge{display:inline-flex;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.1);padding:8px 13px;border-radius:999px;font-size:13px;font-weight:900}.hero h1{font-size:clamp(39px,5vw,68px);line-height:1.28;margin:18px 0 16px}.hero h1 span{color:#ff9b4a}.hero p{font-size:18px;color:#e1ebf5;max-width:680px}.hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:27px}.hero-search{margin-top:28px;background:white;padding:8px;border-radius:17px;display:flex;max-width:620px;box-shadow:var(--shadow)}.hero-search input{border:0;outline:0;flex:1;padding:8px 12px;min-width:0}.hero-search button{border:0;border-radius:12px;background:var(--orange);color:white;font-weight:900;padding:11px 18px;cursor:pointer}.hero-visual{background:rgba(255,255,255,.96);border-radius:30px;padding:20px;box-shadow:0 28px 70px rgba(0,0,0,.3);transform:rotate(-2deg)}.hero-visual img{width:100%;height:380px;object-fit:contain;border-radius:20px}.trust{background:white;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:22px 0}.trust-item{display:flex;gap:12px;align-items:center;background:var(--soft);border-radius:16px;padding:16px}.mini-icon{width:44px;height:44px;background:white;border-radius:13px;display:grid;place-items:center;color:var(--orange);font-weight:900;box-shadow:0 6px 14px rgba(8,45,92,.08)}.trust-item b{display:block;color:var(--navy);font-size:14px}.trust-item small{color:var(--muted)}
section{padding:76px 0}.section-head{text-align:center;max-width:750px;margin:0 auto 38px}.eyebrow{color:var(--orange);font-weight:900;font-size:13px}.section-head h2{font-size:35px;line-height:1.35;color:var(--navy);margin:8px 0}.section-head p{color:var(--muted);margin:0}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.brand-card{background:white;border:1px solid var(--line);border-radius:20px;padding:22px;transition:.2s;position:relative;overflow:hidden}.brand-card:after{content:'';position:absolute;width:90px;height:90px;border-radius:50%;background:#fff0e7;left:-35px;bottom:-40px}.brand-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#ffc89f}.brand-mark{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,var(--navy),var(--navy2));color:white;font-size:22px;font-weight:900}.brand-card h3{color:var(--navy);margin:13px 0 5px}.brand-card p{font-size:13px;color:var(--muted);min-height:48px}.brand-card .go{color:var(--orange);font-weight:900;font-size:13px}.gray{background:var(--soft)}
.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.category-card{background:white;border:1px solid var(--line);border-radius:18px;padding:20px 15px;text-align:center;cursor:pointer;transition:.2s}.category-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(8,45,92,.09)}.category-card .cat-icon{font-size:30px;color:var(--orange);background:#fff3ea;width:63px;height:63px;border-radius:20px;display:grid;place-items:center;margin:0 auto 12px}.category-card b{display:block;color:var(--navy);font-size:14px}.category-card small{color:var(--muted)}
.toolbar{display:grid;grid-template-columns:1.4fr .8fr .8fr auto;gap:10px;margin-bottom:24px;background:white;padding:12px;border-radius:18px;border:1px solid var(--line)}.field{border:1px solid #d7dfe8;border-radius:12px;padding:11px 13px;outline:none;background:#fff;width:100%}.field:focus{border-color:#ff9f5d;box-shadow:0 0 0 3px rgba(255,101,0,.09)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:white;border:1px solid var(--line);border-radius:19px;overflow:hidden;display:flex;flex-direction:column;transition:.2s;min-width:0}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-photo{height:210px;background:#eef3f8;position:relative;overflow:hidden}.product-photo img{width:100%;height:100%;object-fit:cover;transition:.25s}.product-card:hover .product-photo img{transform:scale(1.05)}.crop-0 img{object-position:0% 0%}.crop-1 img{object-position:100% 0%}.crop-2 img{object-position:0% 100%}.crop-3 img{object-position:100% 100%}.crop-4 img{object-position:50% 15%}.crop-5 img{object-position:15% 50%}.crop-6 img{object-position:85% 50%}.crop-7 img{object-position:50% 85%}.product-photo .tag{position:absolute;top:10px;right:10px;background:rgba(8,45,92,.92);color:white;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.product-body{padding:17px;display:flex;flex-direction:column;flex:1}.product-body h3{font-size:16px;line-height:1.5;color:var(--navy);margin:0 0 6px}.sku{font-size:11px;color:#8c99aa}.product-body p{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.price-row{display:flex;justify-content:space-between;align-items:center;margin-top:auto;border-top:1px solid var(--line);padding-top:13px}.inquiry-price{color:var(--orange);font-weight:900;font-size:13px}.product-actions{display:flex;gap:7px;margin-top:12px}.product-actions .btn{padding:9px 10px;font-size:12px;flex:1}.empty{background:white;border:1px dashed #cfd8e4;border-radius:18px;padding:42px;text-align:center;color:var(--muted);grid-column:1/-1}
.page-hero{background:linear-gradient(135deg,#071f3f,var(--navy2));color:white;padding:58px 0}.breadcrumbs{font-size:12px;color:#c8d7e7;margin-bottom:12px}.page-hero h1{font-size:40px;margin:0 0 8px}.page-hero p{color:#dce8f5;max-width:750px;margin:0}.brand-overview{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}.brand-overview img{width:100%;height:350px;object-fit:cover;border-radius:24px}.info-card{background:white;border:1px solid var(--line);border-radius:22px;padding:27px}.info-card h2{color:var(--navy);margin-top:0}.checks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.check{background:var(--soft);padding:11px;border-radius:12px;font-size:12px;color:#3a4d64}.check:before{content:'✓';color:var(--green);font-weight:900;margin-left:7px}
.inquiry{background:linear-gradient(135deg,var(--navy),#103f74);color:white}.inquiry-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:center}.inquiry h2{font-size:34px;margin:0 0 10px}.inquiry p{color:#dce8f4}.form-card{background:white;border-radius:22px;padding:25px;color:var(--ink);box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}.form-card label{font-size:12px;font-weight:800;color:#42546b;display:block;margin-bottom:4px}.form-card textarea{min-height:105px;resize:vertical}.form-note{font-size:11px;color:var(--muted);margin-top:10px}
.cart-drawer{position:fixed;inset:0;z-index:100;pointer-events:none}.cart-drawer.open{pointer-events:auto}.cart-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:.2s}.cart-drawer.open .cart-backdrop{opacity:1}.cart-panel{position:absolute;left:0;top:0;bottom:0;width:min(450px,92%);background:white;transform:translateX(-105%);transition:.25s;display:flex;flex-direction:column;box-shadow:25px 0 60px rgba(0,0,0,.25)}.cart-drawer.open .cart-panel{transform:none}.cart-head{padding:18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.cart-head h3{margin:0;color:var(--navy)}.close-btn{border:0;background:var(--soft);width:36px;height:36px;border-radius:10px;cursor:pointer}.cart-items{padding:14px;overflow:auto;flex:1}.cart-item{display:grid;grid-template-columns:68px 1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.cart-item img{width:68px;height:68px;object-fit:cover;border-radius:12px}.cart-item h4{font-size:13px;margin:0;color:var(--navy)}.cart-item small{color:var(--muted)}.qty{display:flex;align-items:center;gap:5px;margin-top:7px}.qty button{width:27px;height:27px;border:1px solid var(--line);background:white;border-radius:8px;cursor:pointer}.remove{border:0;background:transparent;color:var(--red);cursor:pointer;font-size:18px}.cart-foot{border-top:1px solid var(--line);padding:16px}.cart-summary{display:flex;justify-content:space-between;margin-bottom:12px;font-weight:900;color:var(--navy)}.cart-empty{text-align:center;color:var(--muted);padding:45px 15px}.cart-page{padding:55px 0}.cart-table{background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden}.cart-row{display:grid;grid-template-columns:90px 1fr 120px 90px;align-items:center;gap:15px;padding:15px;border-bottom:1px solid var(--line)}.cart-row:last-child{border-bottom:0}.cart-row img{width:90px;height:75px;object-fit:cover;border-radius:12px}
.modal{position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:120;display:none;place-items:center;padding:18px}.modal.open{display:grid}.modal-card{background:white;border-radius:24px;width:min(860px,96%);max-height:90vh;overflow:auto;position:relative}.modal-close{position:absolute;left:15px;top:15px;z-index:2;border:0;background:white;width:38px;height:38px;border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.15);cursor:pointer}.modal-grid{display:grid;grid-template-columns:1fr 1.05fr}.modal-image{min-height:430px;background:#eef3f8}.modal-image img{width:100%;height:100%;object-fit:cover}.modal-content{padding:35px}.modal-content h2{color:var(--navy);line-height:1.45}.detail-list{display:grid;gap:9px;margin:18px 0}.detail{background:var(--soft);border-radius:12px;padding:10px 12px;font-size:13px}.toast{position:fixed;bottom:22px;right:22px;background:#10233c;color:white;padding:12px 18px;border-radius:13px;z-index:200;box-shadow:var(--shadow);opacity:0;transform:translateY(20px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:none}
footer{background:#071f3f;color:#c2d0df;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:30px}.footer-logo{width:145px;background:white;border-radius:16px;padding:6px}.footer-grid h4{color:white;margin:0 0 13px}.footer-grid p,.footer-grid a{font-size:13px;color:#b9cadb}.footer-grid a{display:block;margin:7px 0}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.1);padding-top:17px;margin-top:28px;font-size:11px;color:#8da4bb}
@media(max-width:1050px){.menu{display:none}.hero-grid,.brand-overview,.inquiry-grid{grid-template-columns:1fr}.hero-visual{max-width:620px;margin:auto}.trust-grid{grid-template-columns:1fr 1fr}.brand-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:repeat(3,1fr)}.toolbar{grid-template-columns:1fr 1fr}.toolbar>*:first-child{grid-column:1/-1}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.topbar{display:none}.brand img{width:68px;height:58px}.nav-actions .btn-outline{display:none}.hero{min-height:auto}.hero-grid{padding:52px 0}.hero h1{font-size:38px}.hero-visual img{height:280px}.trust-grid,.brand-grid,.product-grid,.category-grid,.footer-grid{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.toolbar>*:first-child{grid-column:auto}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.checks{grid-template-columns:1fr}.modal-grid{grid-template-columns:1fr}.modal-image{min-height:280px}.modal-content{padding:24px}.cart-row{grid-template-columns:70px 1fr auto}.cart-row img{width:70px;height:60px}.cart-row .qty{grid-column:2}.page-hero h1{font-size:32px}.nav-actions .btn-primary{display:none}}