/* DELHI PRINTING PRESS • CREATIVE STUDIO UI V2
   Presentation-only enhancement. It does not define or replace product data. */
:root{--ink:#14233d;--red:#da2841;--gold:#f6c86b;--soft:#f4f7fb;--muted:#63738a;--border:#dfe6f1;--green:#108b58;--dpp-navy:#0b1a32;--dpp-blue:#142e54;--dpp-red:#e22c46;--dpp-cream:#fff8eb;--dpp-glow:rgba(245,194,105,.34)}
html{scroll-padding-top:85px}body{font-family:'Segoe UI',system-ui,'Noto Sans Devanagari',Arial,sans-serif;color:#16243b;background:#fff;overflow-x:hidden}::selection{background:#f9dc97;color:#182b45}
.wrap{max-width:1350px;padding-left:clamp(16px,3vw,40px);padding-right:clamp(16px,3vw,40px)}
a,button{-webkit-tap-highlight-color:transparent}button,input,select,textarea{accent-color:var(--dpp-red)}
.top{background:#071527;border-bottom:1px solid #ffffff1e;color:#dce8f5}.top .wrap{padding-top:11px;padding-bottom:11px;font-size:12px;letter-spacing:.03em}.top a{color:#ffdc96}.top a:hover{text-decoration:underline}
.mast{background:#fff;position:relative;z-index:7;box-shadow:0 4px 25px rgba(9,27,54,.08)}.mast .wrap{min-height:94px}.brand{gap:13px}.logo{width:76px;height:76px;filter:drop-shadow(0 4px 9px rgba(15,23,42,.1))}.brand strong{font-size:clamp(22px,2.6vw,34px);color:#10233c;letter-spacing:-1.3px;font-weight:950}.brand strong::first-letter{color:var(--dpp-red)}.brand .tagline{font-weight:900;font-size:13px;letter-spacing:.04em;color:#d32442}.brand small{font-size:10px;letter-spacing:.21em;color:#69788e}.headbtns .btn{padding:12px 16px}.btn{border-radius:12px;font-weight:800;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 25px #0d1f3830}.btn-dark{background:#edf2f8;color:#172a45}.btn-green{background:#087b4e;color:white}.btn-red{background:#e22c46;color:white;box-shadow:0 9px 20px #e22c463c}
.nav{background:#101f39;color:#eaf1fa;border-bottom:1px solid #a1b3cc20}.nav .wrap{min-height:53px;gap:clamp(14px,2.5vw,35px)}.nav a{position:relative;padding:17px 0;font-size:13px;letter-spacing:.02em}.nav a::after{content:"";position:absolute;left:0;right:100%;bottom:9px;height:2px;background:#f9bf53;transition:right .2s}.nav a:hover::after{right:0}.nav a:hover{color:#ffd47e}.nav b{color:#b5c7df;font-size:11px;letter-spacing:.09em}
.yellow{background:#fff8ec;color:#593d1a;border-bottom:1px solid #f2dfb5}.yellow .wrap{padding-top:9px;padding-bottom:9px}.yellow a{border-radius:99px;background:#112644;font-size:12px;white-space:nowrap}.yellow span{font-size:13px;letter-spacing:.02em}
.hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 90% 18%,#1c4570 0%,transparent 48%),linear-gradient(111deg,#07152a 1%,#112b4d 58%,#07162b 100%);padding:clamp(52px,6vw,96px) 0 clamp(70px,7vw,108px);color:#fff}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.45;background-image:linear-gradient(120deg,transparent 0%,transparent 48%,#ffffff0a 48%,#ffffff0a 48.12%,transparent 48.12%,transparent 100%),radial-gradient(circle at 72% 30%,#e8aa4b36 0%,transparent 27%)}
.hero::after{content:"";position:absolute;width:min(42vw,580px);aspect-ratio:1;right:-14%;bottom:-90%;border:1px solid #dcb56f3d;border-radius:50%;box-shadow:0 0 0 60px #dcb56f0b,0 0 0 125px #dcb56f08;pointer-events:none}
.hero .wrap{grid-template-columns:1fr 1.04fr;gap:clamp(25px,4vw,76px);align-items:center;position:relative}.hero .eyebrow{color:#ffd58a;font-size:11px;letter-spacing:.18em;display:inline-flex;align-items:center;gap:9px;border:1px solid #ffe0a04c;background:#ffd37812;padding:11px 15px;border-radius:999px;line-height:1.4}.hero .eyebrow::before{content:"✦";color:#ffd782;font-size:15px}
.hero h1{font-size:clamp(47px,6.1vw,91px);line-height:1.07;letter-spacing:-.07em;margin:24px 0 22px;font-weight:950;color:#fff;max-width:720px}.hero h1 em{font-style:normal;background:linear-gradient(90deg,#fff 0%,#fff 48%,#f8cb72 52%,#ffe2a3 100%);-webkit-background-clip:text;background-clip:text;color:transparent;display:block;filter:drop-shadow(0 6px 16px #0003)}.hero p{font-size:clamp(15px,1.35vw,18px);line-height:1.9;color:#d4e1f0;max-width:640px}.hero-actions{gap:12px;margin-top:27px}.hero-actions .btn{min-height:54px;padding:15px 24px;border-radius:12px}.hero-actions .btn-dark{background:#ffffff14;color:#fff;border:1px solid #ffffff56;backdrop-filter:blur(8px)}.hero-actions .btn-dark:hover{background:#ffffff2b}
.hero-brand.hero-photo{min-height:420px;aspect-ratio:1.27;border-radius:26px;border:7px solid #ffffff23;background:#152c49;box-shadow:0 35px 75px #0007,22px 22px 0 -7px #f5bf5c,0 0 0 1px #ffffff1b;transform:rotate(1.3deg);transition:transform .4s}.hero-brand.hero-photo:hover{transform:rotate(0) translateY(-5px)}.hero-photo img{min-height:0;width:100%;height:100%;object-fit:cover;padding:0}.hero-photo-label{left:20px;bottom:19px;border:1px solid #ffffff65;background:#0b1b2dcc;backdrop-filter:blur(10px);padding:12px 18px;color:#ffda97;border-radius:10px;letter-spacing:.15em;box-shadow:0 10px 24px #0005}
/* Interactive, data-derived quick-jump chips created by separate presentation JS */
.dpp-quick{position:relative;margin-top:-36px;z-index:5}.dpp-quick-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff;border:1px solid #ecedf1;border-radius:17px;box-shadow:0 18px 42px #0d23422b;padding:17px 23px}.dpp-quick-title{display:flex;gap:10px;align-items:center;color:#152a46;font-weight:900;font-size:13px;white-space:nowrap}.dpp-quick-title span{display:grid;place-items:center;background:#fff1d6;border-radius:11px;width:38px;height:38px;font-size:20px}.dpp-quick-items{display:flex;gap:9px;overflow-x:auto;scrollbar-width:thin;padding:3px 0}.dpp-quick-items button{white-space:nowrap;border:1px solid #dce4ee;background:#f7f9fc;color:#244262;border-radius:999px;padding:10px 15px;font-size:12px;font-weight:800;transition:.2s}.dpp-quick-items button:hover{color:#fff;background:#d92942;border-color:#d92942;transform:translateY(-1px)}
.section{padding:clamp(48px,5.3vw,84px) 0}.section h2{font-size:clamp(29px,3.5vw,46px);letter-spacing:-.045em;line-height:1.2;font-weight:950;color:#122641;margin:12px 0}.section p.sub{color:#64748b;font-size:15px;max-width:810px;line-height:1.8}.eyebrow{color:#d52c45;letter-spacing:.16em;font-weight:900;font-size:11px}.category-section{padding-top:clamp(64px,6.5vw,110px);background:linear-gradient(180deg,#f7f9fd,#fff 38%)}
.category-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px;margin-top:33px}.category-card{position:relative;border:1px solid #e6eaf1;border-radius:19px;box-shadow:0 5px 12px #18365a0c,0 16px 34px #18365a0b;transition:transform .28s,box-shadow .28s,border-color .28s;overflow:hidden}.category-card:hover{transform:translateY(-8px);box-shadow:0 25px 45px #0d284330;border-color:#eed4a4}.category-photo{height:clamp(160px,16vw,235px);background:#e7ecf3;overflow:hidden}.category-photo img{padding:0;object-fit:cover;transition:transform .5s}.category-card:hover .category-photo img{transform:scale(1.065)}.category-info{padding:18px 19px 20px}.category-info h3{font-size:18px;letter-spacing:-.025em;color:#112840;margin-bottom:8px}.category-info p{font-size:12px;line-height:1.65;color:#60728b}.category-bottom{gap:10px}.category-bottom span:first-child{background:#fff2e8;color:#b84e30;border:1px solid #f6dfca;border-radius:999px;padding:8px 12px;font-size:11px}.cat-cta{color:#d52d45;font-size:12px}.category-card:hover .cat-cta{text-decoration:underline}
.category-help{background:linear-gradient(105deg,#122845,#1a3c62);border:0;color:#fff;border-radius:15px;padding:19px 25px;margin-top:34px;box-shadow:0 14px 28px #0b1a3231}.category-help a{color:#ffda91;font-weight:900}.category-help a:hover{color:white}
.dpp-featured{background:#0b1b33;color:white;padding:clamp(52px,5vw,77px) 0;position:relative;overflow:hidden}.dpp-featured::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 2%,#2d64804d,transparent 38%);pointer-events:none}.dpp-featured .wrap{position:relative}.dpp-featured-head{display:flex;align-items:end;justify-content:space-between;gap:25px;flex-wrap:wrap;margin-bottom:27px}.dpp-featured .eyebrow{color:#ffd17e}.dpp-featured h2{font-size:clamp(26px,3vw,39px);font-weight:950;letter-spacing:-.05em;color:white;margin:9px 0}.dpp-featured p{color:#c4d3e3;line-height:1.7;margin:0;font-size:14px}.dpp-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.dpp-featured-card{display:block;position:relative;overflow:hidden;min-height:220px;border-radius:19px;border:1px solid #ffffff39;background:#153451;cursor:pointer;text-align:left;color:#fff;box-shadow:0 15px 40px #0004}.dpp-featured-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s;filter:brightness(.78)}.dpp-featured-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#07162dee,transparent 70%)}.dpp-featured-card:hover img{transform:scale(1.07)}.dpp-featured-card .dpp-featured-label{position:absolute;left:20px;bottom:20px;z-index:1;font-size:19px;font-weight:900;text-shadow:0 2px 7px #0008}.dpp-featured-card .dpp-featured-arrow{position:absolute;right:18px;bottom:21px;z-index:1;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#e52c44;color:#fff;font-size:19px}
.catalogue-section{background:#f4f7fb;border-top:0}.catalogue-head h2{font-weight:950}.back-categories{background:#112943;border-radius:11px;box-shadow:0 8px 19px #10274725}.searchrow input{border:1px solid #dbe4ef;border-radius:13px;min-height:54px;box-shadow:0 5px 14px #12335409}.count{border:1px solid #e4e9f1}.chip{background:white;border:1px solid #dce4ee}.chip.active{background:#142e50;color:white;border-color:#142e50}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.prod{border:1px solid #e6ebf2;border-radius:18px;box-shadow:0 7px 20px #092c4a0e;transition:transform .25s,box-shadow .25s}.prod:hover{transform:translateY(-7px);box-shadow:0 20px 40px #102b4a29}.pimg{height:clamp(155px,16vw,240px);background:#e9eef5}.pimg img{padding:0;object-fit:cover;transition:transform .45s}.prod:hover .pimg img{transform:scale(1.045)}.prod-body{padding:19px}.pcat{color:#c4354c}.pname{font-size:16px;color:#172b47;letter-spacing:-.02em}.price{font-weight:950;color:#14243f}.specs{color:#66758a}.prod-body .quotebtn{background:linear-gradient(100deg,#da2741,#bb1735);border:0;color:#fff;border-radius:10px;font-size:12px;box-shadow:0 7px 15px #d6263b2a}.prod-body .quotebtn:hover{background:#96223b}.load{background:#112b48;border-radius:10px}
.how{background:#0e213d;position:relative;overflow:hidden}.how::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at right bottom,#25618d42,transparent 60%)}.how>.wrap{position:relative}.how h2{color:#fff}.steps{gap:20px}.step{border:1px solid #8295b044;border-radius:18px;background:#ffffff0b;padding:29px;box-shadow:0 10px 18px #0001;transition:background .2s,transform .2s}.step:hover{background:#ffffff18;transform:translateY(-3px)}.step span{display:grid;place-items:center;background:#ffca6a;color:#172542;font-size:20px;width:51px;height:51px;border-radius:14px;box-shadow:0 5px 15px #ffca6a25}.step strong{font-size:18px}.step p{font-size:14px;color:#c6d5e8}
#quote{background:radial-gradient(circle at 10% 10%,#fff5e5,transparent 35%),#fafcff}.contact-grid{gap:30px;align-items:stretch}.contact-grid>div{background:#122e4f;color:#fff;border-radius:22px;padding:clamp(26px,3vw,45px);position:relative;overflow:hidden}.contact-grid>div::after{content:"✦";position:absolute;right:-15px;bottom:-90px;font-size:240px;color:#ffffff0b;pointer-events:none}.contact-grid>div .eyebrow{color:#ffda91}.contact-grid>div h2{color:#fff}.contact-grid>div p{color:#dfebf7;line-height:1.9}.contact-grid>div a:not(.btn){color:#ffd892}.contact-grid .form{background:#fff;border:1px solid #e5eaf1;border-radius:22px;padding:clamp(20px,2.3vw,34px);box-shadow:0 16px 48px #0e32511b;gap:15px}.form label{font-size:13px;color:#33465d;font-weight:800}.form input,.form select,.form textarea{border-radius:11px;border:1px solid #d5deea;background:#fbfcff;padding:13px 14px}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid #d72d4966;border-color:#d72d49}.form .btn-green{border-radius:11px;min-height:49px}
#contact{background:#eff3f8!important}#contact .wrap{background:#fff;border:1px solid #e0e7f1;border-radius:21px;padding-top:33px;padding-bottom:33px;box-shadow:0 8px 24px #0d284314}#contact h2{margin-top:9px}.footer{background:#081529;color:#c8d4e2;padding:29px 0}.footer .wrap{align-items:center}.footer strong{color:#fff}.footer a:hover{color:#fff}.mobile-action{z-index:30}
/* Keep payment/order dialogs and functional form behavior intact. Only visual touches. */
.order-overlay,.thanks-overlay{z-index:100}.order-window{box-shadow:0 32px 92px #09162970}.dialog-top{background:#112b4b}.premium-payment-card,.summary-card{border-radius:15px}.order-window button,.order-window input,.order-window select{max-width:100%}
@media(min-width:1200px){.category-grid .category-card:nth-child(5),.category-grid .category-card:nth-child(6),.category-grid .category-card:nth-child(7){grid-column:span 1}.category-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1120px){.grid,.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero .wrap{grid-template-columns:1fr 1fr;gap:25px}.hero h1{font-size:clamp(45px,5.8vw,71px)}.hero-brand.hero-photo{min-height:350px}.dpp-quick-inner{flex-wrap:wrap}.dpp-quick-items{width:100%}}
@media(max-width:760px){.wrap{padding-left:17px;padding-right:17px}.top .wrap{font-size:10px;gap:8px;flex-wrap:wrap}.mast .wrap{min-height:80px}.logo{width:53px;height:53px}.brand strong{font-size:clamp(17px,4.7vw,26px)}.brand small{font-size:8px}.brand .tagline{font-size:10px}.nav .wrap{gap:24px}.nav a{padding:15px 0}.hero{padding:54px 0 66px}.hero .wrap{grid-template-columns:1fr;gap:37px}.hero h1{font-size:clamp(49px,11vw,76px);margin:20px 0}.hero p{font-size:15px}.hero-brand.hero-photo{min-height:280px;aspect-ratio:1.5;transform:rotate(0);box-shadow:8px 9px 0 -1px #f1bf61}.hero-brand.hero-photo img{height:100%;width:100%}.hero .eyebrow{font-size:10px;letter-spacing:.1em}.dpp-quick{margin-top:-22px}.dpp-quick-inner{padding:14px 15px}.dpp-quick-title{font-size:12px}.category-section{padding-top:66px}.category-grid,.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.category-photo{height:clamp(120px,35vw,215px)}.category-info{padding:12px}.category-info h3{font-size:15px}.category-info p{font-size:11px}.category-bottom span:first-child{font-size:10px}.pimg{height:clamp(132px,34vw,220px)}.prod-body{padding:12px}.pname{font-size:14px;min-height:57px}.specs{font-size:11px}.dpp-featured-grid{grid-template-columns:1fr 1fr;gap:12px}.dpp-featured-card{min-height:190px}.dpp-featured-card:last-child{display:none}.dpp-featured-card .dpp-featured-label{font-size:15px;left:13px;bottom:14px}.dpp-featured-card .dpp-featured-arrow{right:12px;bottom:12px}.contact-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.footer{padding-bottom:90px}.mobile-action a{border-radius:10px}}
@media(max-width:390px){.hero h1{font-size:46px}.hero-actions .btn{width:100%}.category-info h3{font-size:14px}.category-info p{font-size:10px}.dpp-featured-grid{grid-template-columns:1fr}.dpp-featured-card{min-height:200px}.dpp-featured-card:last-child{display:block}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}