:root{--ink:#112838;--blue:#08a6de;--blue-dark:#087eae;--yellow:#ffd22f;--mint:#c9e8dc;--paper:#f7f8f5;--line:#dce4e4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 48px));margin:auto}.header{background:#fff;border-bottom:1px solid #edf0ef;position:sticky;top:0;z-index:20}.nav{height:77px;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;color:var(--blue);font-size:22px;font-weight:500;letter-spacing:-1.2px;white-space:nowrap}.brand b{color:var(--yellow);font-style:italic}.brand-mark{width:35px;height:35px;margin-right:4px;color:var(--yellow)}.menu{display:flex;gap:25px;margin-left:auto;font-size:13px;font-weight:700}.menu a:hover,.text-link:hover{color:var(--blue)}.nav-phone{font-size:13px;font-weight:800;white-space:nowrap}.button{background:var(--yellow);border-radius:2px;display:inline-flex;justify-content:center;align-items:center;min-height:51px;padding:0 22px;font-size:13px;font-weight:800;transition:.2s}.button:hover{background:#f3c100;transform:translateY(-1px)}.button-small{min-height:39px;padding:0 15px}.hero{background:#fff;overflow:hidden}.hero-grid{min-height:580px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center}.hero-copy{padding:70px 0}.eyebrow{text-transform:uppercase;letter-spacing:1.4px;color:var(--blue-dark);font-size:11px;font-weight:800;margin:0 0 19px}.hero h1,.section h2,.intro h2{font-size:clamp(37px,4vw,61px);line-height:1.04;letter-spacing:-3.5px;margin:0 0 25px}.hero h1 em,.contact h2 em{font-style:normal;color:var(--blue)}.lead{font-size:17px;line-height:1.7;max-width:570px;color:#4a6170;margin:0}.hero-actions{display:flex;gap:12px;margin:32px 0 20px}.button-ghost{background:transparent;border:1px solid #bfd1d5}.button-ghost:hover{background:#eff5f3}.hero-points{display:flex;gap:22px;font-size:11px;font-weight:700;color:#496571}.hero-visual{height:455px;position:relative;background:linear-gradient(125deg,#d9f3f7,#f4f0c9);border-radius:4px;overflow:hidden}.pulse{position:absolute;inset:0;display:flex;align-items:center;gap:0;opacity:.85}.pulse i{width:19%;height:5px;background:var(--yellow);display:block}.pulse i:nth-child(2){transform:skewX(-33deg) translateY(88px);height:5px}.pulse i:nth-child(3){transform:skewX(34deg) translateY(-140px);height:5px}.pulse i:nth-child(4){transform:skewX(-29deg) translateY(65px);height:5px}.product-card{position:absolute;background:#fff;border-radius:5px;box-shadow:0 16px 32px #41646a27;display:flex;flex-direction:column;justify-content:center;align-items:center;width:138px;height:154px;font-weight:800}.product-card span{font-size:48px;color:var(--blue);line-height:1}.product-card small{text-align:center;font-size:11px;line-height:1.35;margin-top:13px}.paper{left:42px;top:66px}.bottle{right:46px;top:100px}.bottle span{color:#2aaf83}.pack{left:180px;bottom:45px}.pack span{color:var(--yellow)}.visual-caption{position:absolute;bottom:36px;right:35px;font-size:20px;line-height:1.25;font-weight:800;letter-spacing:-1px}.intro{padding:80px 0;background:var(--ink);color:#fff}.intro-grid{display:grid;grid-template-columns:1fr 2fr 1.3fr;gap:45px;align-items:start}.intro .eyebrow{color:var(--yellow)}.intro h2{font-size:32px;letter-spacing:-1.6px;margin:0}.intro p:last-child{font-size:14px;line-height:1.7;color:#bfd0d4;margin:0}.section{padding:105px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px}.section h2{font-size:39px;letter-spacing:-2.2px;margin:0}.text-link{font-size:13px;font-weight:800;white-space:nowrap}.text-link span{color:var(--blue);font-size:20px;margin-left:8px}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.category{background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:29px;min-height:206px;transition:.2s}.category:hover{background:#edf9fb}.category.feature{background:var(--blue);color:white}.cat-icon{font-size:27px;color:var(--blue);font-weight:800}.feature .cat-icon{color:var(--yellow)}.category h3{font-size:16px;margin:26px 0 8px;letter-spacing:-.5px}.category p{font-size:12px;line-height:1.6;color:#61727a;margin:0}.feature p{color:#def5fb}.clients{background:#e4f1ec}.clients-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center}.clients h2{font-size:38px}.client-tags{display:flex;flex-wrap:wrap;gap:10px}.client-tags span{border:1px solid #9fc4b6;padding:13px 16px;border-radius:100px;font-size:13px;font-weight:700}.delivery{padding-top:105px}.delivery-card{background:var(--yellow);padding:61px;display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.delivery h2{font-size:42px}.delivery .eyebrow{color:#48552e}.delivery-info{display:grid;grid-template-columns:1fr 1fr;gap:34px}.delivery-info span{font-size:12px;font-weight:800;color:#75651a}.delivery-info h3{font-size:18px;margin:20px 0 10px}.delivery-info p{font-size:13px;line-height:1.7;margin:0}.contact{background:var(--ink);color:white}.contact-card{display:grid;grid-template-columns:1.1fr 1fr;gap:80px}.contact .eyebrow{color:var(--yellow)}.contact h2{font-size:46px}.contact>p{color:#c0d1d4}.contact-card>div>p:last-child{font-size:14px;line-height:1.65;color:#bacbd0;max-width:450px}.contact-list{border-top:1px solid #48616b}.contact-list>a,.contact-list>div:not(.contact-actions){display:block;padding:18px 0;border-bottom:1px solid #48616b}.contact-list small{display:block;font-size:10px;color:#a1bac1;text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}.contact-list strong{font-size:16px}.contact-actions{display:flex;gap:11px;margin-top:25px}.button-light{background:#fff;color:var(--ink)}footer{background:#0b1e2a;color:#98afb7}.footer-content{height:75px;display:flex;justify-content:space-between;align-items:center;font-size:11px}.footer-brand{font-size:18px}.footer-brand .brand-mark{width:29px;height:29px}@media(max-width:850px){.menu,.nav-phone{display:none}.nav{justify-content:space-between}.hero-grid,.intro-grid,.clients-grid,.delivery-card,.contact-card{grid-template-columns:1fr;gap:35px}.hero-copy{padding:65px 0 45px}.hero-visual{height:370px;margin-bottom:35px}.intro{padding:65px 0}.section{padding:70px 0}.section-heading{align-items:start;gap:18px;flex-direction:column}.category-grid{grid-template-columns:repeat(2,1fr)}.delivery-card{padding:38px}.contact-card{gap:35px}.contact h2{font-size:40px}}@media(max-width:520px){.container{width:min(100% - 32px,1160px)}.hero h1{letter-spacing:-2.7px}.hero-actions,.hero-points{flex-direction:column;align-items:stretch}.hero-points{gap:8px}.hero-visual{height:320px}.product-card{transform:scale(.78)}.paper{left:-2px;top:25px}.bottle{right:-6px;top:55px}.pack{left:85px;bottom:24px}.visual-caption{right:15px;bottom:18px;font-size:15px}.category-grid{grid-template-columns:1fr}.clients h2,.section h2{font-size:32px}.delivery-info{grid-template-columns:1fr}.delivery-card{padding:30px}.contact-actions{flex-direction:column}.footer-content{height:auto;padding:20px 0;gap:15px;align-items:start;flex-direction:column}}
/* Category cover: paper hygiene */
.category.feature.category-paper-cover{position:relative;isolation:isolate;overflow:hidden;background-image:linear-gradient(90deg,rgba(4,43,69,.78) 0%,rgba(4,54,82,.55) 48%,rgba(4,54,82,.08) 100%),url("assets/categories/paper-hygiene-cover.jpg");background-size:cover;background-position:center}
.category-paper-cover::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.1))}
.category.feature.category-paper-cover:hover{background-image:linear-gradient(90deg,rgba(4,43,69,.7) 0%,rgba(4,54,82,.45) 48%,rgba(4,54,82,.04) 100%),url("assets/categories/paper-hygiene-cover.jpg")}
.category.category-household-cover{position:relative;isolation:isolate;overflow:hidden;color:#fff;background-image:linear-gradient(90deg,rgba(4,43,69,.77) 0%,rgba(4,54,82,.5) 50%,rgba(4,54,82,.05) 100%),url("assets/categories/household-chemicals-cover.jpg");background-size:cover;background-position:center}
.category-household-cover::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.1))}
.category-household-cover .cat-icon{color:var(--yellow)}
.category-household-cover p{color:#e2f4f8}
.category.category-household-cover:hover{background-image:linear-gradient(90deg,rgba(4,43,69,.68) 0%,rgba(4,54,82,.4) 50%,rgba(4,54,82,.02) 100%),url("assets/categories/household-chemicals-cover.jpg")}
.category.category-foil-cover{position:relative;isolation:isolate;overflow:hidden;color:#fff;background-image:linear-gradient(90deg,rgba(4,43,69,.77) 0%,rgba(4,54,82,.5) 50%,rgba(4,54,82,.05) 100%),url("assets/categories/foil-wrap-cover.jpg");background-size:cover;background-position:center}
.category-foil-cover::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.1))}
.category-foil-cover .cat-icon{color:var(--yellow)}
.category-foil-cover p{color:#e2f4f8}
.category.category-foil-cover:hover{background-image:linear-gradient(90deg,rgba(4,43,69,.68) 0%,rgba(4,54,82,.4) 50%,rgba(4,54,82,.02) 100%),url("assets/categories/foil-wrap-cover.jpg")}
.category.category-goods-cover{position:relative;isolation:isolate;overflow:hidden;color:#fff;background-image:linear-gradient(90deg,rgba(4,43,69,.77) 0%,rgba(4,54,82,.5) 50%,rgba(4,54,82,.05) 100%),url("assets/categories/household-goods-cover.jpg");background-size:cover;background-position:center}
.category-goods-cover::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.1))}
.category-goods-cover .cat-icon{color:var(--yellow)}
.category-goods-cover p{color:#e2f4f8}
.category.category-goods-cover:hover{background-image:linear-gradient(90deg,rgba(4,43,69,.68) 0%,rgba(4,54,82,.4) 50%,rgba(4,54,82,.02) 100%),url("assets/categories/household-goods-cover.jpg")}
.category.category-tableware-cover{position:relative;isolation:isolate;overflow:hidden;color:#fff;background-image:linear-gradient(90deg,rgba(4,43,69,.77) 0%,rgba(4,54,82,.5) 50%,rgba(4,54,82,.05) 100%),url("assets/categories/dishes-packaging-cover.jpg");background-size:cover;background-position:center}
.category-tableware-cover::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.1))}
.category-tableware-cover .cat-icon{color:var(--yellow)}
.category-tableware-cover p{color:#e2f4f8}
.category.category-tableware-cover:hover{background-image:linear-gradient(90deg,rgba(4,43,69,.68) 0%,rgba(4,54,82,.4) 50%,rgba(4,54,82,.02) 100%),url("assets/categories/dishes-packaging-cover.jpg")}
.category.category-bar-cover{position:relative;isolation:isolate;overflow:hidden;color:#fff;background-image:linear-gradient(90deg,rgba(4,43,69,.77) 0%,rgba(4,54,82,.5) 50%,rgba(4,54,82,.05) 100%),url("assets/categories/bar-cover.jpg");background-size:cover;background-position:center}
.category-bar-cover::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.1))}
.category-bar-cover .cat-icon{color:var(--yellow)}
.category-bar-cover p{color:#e2f4f8}
.category.category-bar-cover:hover{background-image:linear-gradient(90deg,rgba(4,43,69,.68) 0%,rgba(4,54,82,.4) 50%,rgba(4,54,82,.02) 100%),url("assets/categories/bar-cover.jpg")}
.category.category-packing-cover{position:relative;isolation:isolate;overflow:hidden;color:#fff;background-image:linear-gradient(90deg,rgba(4,43,69,.77) 0%,rgba(4,54,82,.5) 50%,rgba(4,54,82,.05) 100%),url("assets/categories/packing-bags-cover.jpg");background-size:cover;background-position:center}
.category-packing-cover::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.1))}
.category-packing-cover .cat-icon{color:var(--yellow)}
.category-packing-cover p{color:#e2f4f8}
.category.category-packing-cover:hover{background-image:linear-gradient(90deg,rgba(4,43,69,.68) 0%,rgba(4,54,82,.4) 50%,rgba(4,54,82,.02) 100%),url("assets/categories/packing-bags-cover.jpg")}
.category.category-related-cover{position:relative;isolation:isolate;overflow:hidden;color:#fff;background-image:linear-gradient(90deg,rgba(4,43,69,.77) 0%,rgba(4,54,82,.5) 50%,rgba(4,54,82,.05) 100%),url("assets/categories/related-cover.jpg");background-size:cover;background-position:center}
.category-related-cover::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.1))}
.category-related-cover .cat-icon{color:var(--yellow)}
.category-related-cover p{color:#e2f4f8}
.category.category-related-cover:hover{background-image:linear-gradient(90deg,rgba(4,43,69,.68) 0%,rgba(4,54,82,.4) 50%,rgba(4,54,82,.02) 100%),url("assets/categories/related-cover.jpg")}
.category.category-paperpack-cover{position:relative;isolation:isolate;overflow:hidden;color:#fff;background-image:linear-gradient(90deg,rgba(4,43,69,.77) 0%,rgba(4,54,82,.5) 50%,rgba(4,54,82,.05) 100%),url("assets/categories/paper-packaging-cover.jpg");background-size:cover;background-position:center}
.category-paperpack-cover::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.1))}
.category-paperpack-cover .cat-icon{color:var(--yellow)}
.category-paperpack-cover p{color:#e2f4f8}
.category.category-paperpack-cover:hover{background-image:linear-gradient(90deg,rgba(4,43,69,.68) 0%,rgba(4,54,82,.4) 50%,rgba(4,54,82,.02) 100%),url("assets/categories/paper-packaging-cover.jpg")}
.category.category-cups-cover{position:relative;isolation:isolate;overflow:hidden;color:#fff;background-image:linear-gradient(90deg,rgba(4,43,69,.77) 0%,rgba(4,54,82,.5) 50%,rgba(4,54,82,.05) 100%),url("assets/categories/cups-lids-cover.jpg");background-size:cover;background-position:center}
.category-cups-cover::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.1))}
.category-cups-cover .cat-icon{color:var(--yellow)}
.category-cups-cover p{color:#e2f4f8}
.category.category-cups-cover:hover{background-image:linear-gradient(90deg,rgba(4,43,69,.68) 0%,rgba(4,54,82,.4) 50%,rgba(4,54,82,.02) 100%),url("assets/categories/cups-lids-cover.jpg")}

/* Floating product tiles (hero) */
.float-tile{position:absolute;margin:0;width:150px;background:#fff;border-radius:9px;box-shadow:0 18px 34px #41646a2e;overflow:hidden;will-change:transform;animation:floaty 6s ease-in-out infinite}
.float-tile img{display:block;width:100%;height:112px;object-fit:cover}
.float-tile figcaption{padding:9px 13px 11px;font-size:11px;font-weight:800;letter-spacing:-.2px;color:var(--ink)}
.ft-1{left:34px;top:50px;animation-duration:6.5s}
.ft-2{right:28px;top:106px;animation-duration:7.5s;animation-delay:-2.2s}
.ft-3{left:96px;bottom:32px;animation-duration:8.2s;animation-delay:-4s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-15px)}}
@media(prefers-reduced-motion:reduce){.float-tile{animation:none}}

/* Clickable category tiles */
.category{display:block;cursor:pointer}
.cat-cta{display:inline-block;margin-top:16px;font-size:11px;font-weight:800;color:var(--blue)}
.category[class*="-cover"] .cat-cta{color:#fff}
.category:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}

/* Buttons rendered as <button> */
button.button{border:0;cursor:pointer;font-family:inherit}

/* Price request modal */
.modal[hidden]{display:none}
.modal{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:20px}
.modal-backdrop{position:absolute;inset:0;background:rgba(11,30,42,.55)}
.modal-card{position:relative;background:#fff;border-radius:8px;width:min(470px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:34px 32px 30px;box-shadow:0 30px 70px rgba(11,30,42,.4);animation:pop .22s ease}
@keyframes pop{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.modal-x{position:absolute;top:12px;right:15px;width:34px;height:34px;border:0;background:transparent;font-size:26px;line-height:1;color:#7d939b;cursor:pointer;border-radius:4px}
.modal-x:hover{color:var(--ink);background:#eef3f2}
.modal-card h3{font-size:27px;letter-spacing:-1px;margin:0 0 8px}
.modal-sub{font-size:13px;line-height:1.6;color:#5b727c;margin:0 0 20px}
#price-form{display:flex;flex-direction:column;gap:14px}
#price-form label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--blue-dark)}
#price-form .opt{color:#9aacb3;font-weight:700;text-transform:none;letter-spacing:0}
#price-form input,#price-form textarea{font-family:inherit;font-size:14px;font-weight:500;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:4px;padding:12px 13px;transition:.15s}
#price-form input::placeholder,#price-form textarea::placeholder{color:#a7b6bc}
#price-form input:focus,#price-form textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px #08a6de22}
#price-form textarea{resize:vertical;min-height:70px}
#price-form .button{margin-top:4px;width:100%}
.modal-hint{font-size:11px;line-height:1.5;color:#8598a0;margin:2px 0 0;text-align:center}
.modal-ok{text-align:center;padding:6px 0 4px}
.modal-ok h3{font-size:24px}
.modal-ok .ok-mark{width:56px;height:56px;border-radius:50%;background:var(--mint);color:#0d7a52;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;margin:0 auto 16px}
.modal-ok .button{margin-top:6px}
.msg-actions{display:flex;flex-direction:column;gap:10px;margin:4px 0 18px}
.msg-actions .button{width:100%;color:#fff}
.btn-tg{background:#2aabee}.btn-tg:hover{background:#1c96d6}
.btn-viber{background:#7360f2}.btn-viber:hover{background:#6250d8}
.msg-copy{text-align:left;background:#f4f7f7;border:1px solid var(--line);border-radius:6px;padding:12px 13px;margin-bottom:16px}
.msg-copy>span{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.6px;color:var(--blue-dark);margin-bottom:7px}
.msg-copy textarea{width:100%;font-family:inherit;font-size:12.5px;line-height:1.5;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:4px;padding:9px 10px;resize:vertical}
.msg-copy .text-link{margin-top:8px;font-size:12px;background:none;border:0;padding:0;cursor:pointer}
body.modal-open{overflow:hidden}

/* About / why us */
.about{background:var(--paper)}
.about-head{max-width:660px;margin-bottom:44px}
.about-head h2{margin:0 0 18px}
.about-lead{font-size:15px;line-height:1.75;color:#4a5f6a;margin:0}
.about-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch}
.reason{display:flex;flex-direction:column;gap:9px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:26px 24px}
.reason-icon{width:46px;height:46px;border-radius:11px;background:var(--mint);color:var(--blue-dark);display:flex;align-items:center;justify-content:center;margin-bottom:6px}
.reason-icon svg{width:23px;height:23px}
.reason h3{font-size:16px;letter-spacing:-.3px;margin:0}
.reason p{font-size:13px;line-height:1.65;color:#5b727c;margin:0}
.reason-stat{background:var(--ink);border-color:var(--ink)}
.reason-stat strong{font-size:44px;font-weight:800;letter-spacing:-2px;line-height:1;color:var(--yellow);margin-bottom:2px}
.reason-stat h3{color:#fff}
.reason-stat p{color:#c4d2d8}

@media(max-width:850px){.about-grid{grid-template-columns:repeat(2,1fr)}}

@media(max-width:520px){
  .about-grid{grid-template-columns:1fr}
  .float-tile{width:120px}
  .float-tile img{height:90px}
  .float-tile figcaption{padding:7px 10px 9px;font-size:10px}
  .ft-1{left:4px;top:26px}
  .ft-2{right:2px;top:70px}
  .ft-3{left:70px;bottom:18px}
  .modal-card{padding:28px 22px 24px}
}