:root{--navy:#071a2d;--navy2:#0d2944;--blue:#1677e8;--cyan:#62c8e8;--ink:#15283b;--muted:#6d7e8e;--line:#e4ebf1;--bg:#f5f8fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:"Vazirmatn",Tahoma,sans-serif;line-height:1.8}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}
.site-header{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;position:relative;z-index:2}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:23px;font-weight:900;letter-spacing:-1px;display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--blue);color:white;font-size:22px}.nav nav{display:flex;gap:30px;color:#526477;font-size:14px}.nav nav a:hover,.text-link:hover{color:var(--blue)}.nav-cta{background:#edf5ff;color:#1268c8;padding:10px 18px;border-radius:9px;font-size:13px;font-weight:700}
.hero{background:radial-gradient(circle at 78% 50%,#163e60 0,#0b2741 35%,#071a2d 75%);color:white;overflow:hidden;min-height:540px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:540px}.hero-copy{padding:65px 0}.eyebrow{color:#2a91ee;font-size:11px;font-weight:800;letter-spacing:2px;display:block}.hero .eyebrow{color:#70c9f1}.hero h1{font-size:54px;line-height:1.35;margin:18px 0;font-weight:900;letter-spacing:-2px}.hero h1 em{font-style:normal;color:#69c9f1}.hero-copy>p{color:#b8c9d8;max-width:490px;font-size:15px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:12px 21px;font:700 13px "Vazirmatn",sans-serif;cursor:pointer}.btn-primary{background:var(--blue);color:white;box-shadow:0 8px 20px #1677e833}.btn-primary:hover{background:#0867d0}.text-link{color:#1680e7;font-weight:700;font-size:13px}.hero .text-link{color:#d6e5f2}.hero-proof{font-size:12px;color:#9eb4c7;margin-top:50px}.proof-dot{display:inline-block;width:7px;height:7px;background:#53d6ad;border-radius:50%;margin-left:8px}
.hero-art{height:440px;position:relative;display:flex;align-items:center;justify-content:center}.art-glow{position:absolute;width:350px;height:350px;background:#1689df33;filter:blur(65px);border-radius:50%}.pipe{position:absolute;border:22px solid #7eabc8;border-radius:28px;box-shadow:inset 0 0 0 5px #d5e8f3,0 25px 40px #0005;transform:rotate(-35deg)}.pipe-one{width:260px;height:95px;top:115px;left:80px}.pipe-two{width:230px;height:90px;top:235px;left:160px;transform:rotate(28deg);border-color:#3d779e}.pipe-three{width:115px;height:190px;top:140px;left:245px;transform:rotate(48deg);border-color:#a6c6d8}.art-label{position:absolute;bottom:35px;right:25px;background:#ffffff12;border:1px solid #ffffff30;backdrop-filter:blur(10px);padding:15px 20px;border-radius:12px;display:grid;gap:5px}.art-label small{color:#80d3f3;font-size:9px;letter-spacing:2px}.art-label strong{font-size:17px;line-height:1.3;letter-spacing:1px}.art-label span{font-size:10px;color:#a6bbce}.art-orbit{position:absolute;width:390px;height:220px;border:1px solid #72bde344;border-radius:50%;transform:rotate(-25deg)}
.section{padding-top:78px;padding-bottom:78px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px;gap:30px}.section-heading h2{font-size:29px;margin:5px 0 0}.section-heading>p{color:var(--muted);max-width:390px;font-size:13px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-card{border:1px solid var(--line);border-radius:14px;padding:25px;background:linear-gradient(145deg,#fff,#f8fbfe)}.feature-number{color:#1680e7;font-size:11px;font-weight:800}.feature-card h3{font-size:17px;margin:13px 0 4px}.feature-card p{color:var(--muted);font-size:13px;margin:0}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.2s;background:#fff}.product-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px #102e4812;border-color:#c9dced}.product-visual{height:175px;background:linear-gradient(135deg,#eaf3fb,#dceaf5);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-visual>span,.detail-visual>span{position:absolute;top:15px;right:16px;background:#fff9;color:#28638e;border-radius:20px;padding:4px 12px;font-size:11px}.product-ring{width:100px;height:100px;border:17px solid #7099b4;border-radius:50%;box-shadow:inset 0 0 0 5px #dcecf7,0 14px 25px #254e6b35;position:relative}.product-ring:after{content:"";position:absolute;inset:12px;border:4px solid #c7deed;border-radius:50%}.product-info{padding:17px}.product-info small{font-size:10px;color:#8193a3}.product-info h3{margin:4px 0 13px;font-size:17px}.product-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#7b8b99}.product-meta strong{color:#146fc9;font-size:12px}.page-hero{background:#f1f6fb;padding:55px 0}.page-hero h1{font-size:35px;margin:8px 0}.page-hero p{color:var(--muted);margin:0}.filter-bar{display:flex;gap:12px;margin-bottom:28px}.filter-bar input,.filter-bar select,.editor-form input,.editor-form textarea,.login-card input{font:14px "Vazirmatn",sans-serif;border:1px solid #dce5ed;border-radius:8px;padding:12px;background:white;min-width:0}.filter-bar input{flex:1}.filter-bar select{width:190px}.availability{font-size:10px;font-weight:700;padding:3px 9px;border-radius:20px}.available{background:#e4f8ef;color:#168455}.unavailable{background:#fff0ed;color:#c65a43}.product-info .availability{display:inline-block;margin-top:12px}
.detail-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.detail-visual{height:440px;border-radius:20px;background:linear-gradient(145deg,#eaf3fb,#d3e5f2);display:grid;place-items:center;position:relative;overflow:hidden}.detail-visual small{position:absolute;bottom:25px;color:#7090a7;letter-spacing:3px;font-size:10px}.product-ring.large{width:210px;height:210px;border-width:32px}.detail-copy h1{font-size:34px;margin:8px 0}.detail-copy>p{color:var(--muted)}.spec-table{border-top:1px solid var(--line);margin:25px 0}.spec-table div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.spec-table span{color:var(--muted)}.detail-price{display:flex;align-items:center;gap:15px;margin:20px 0}.detail-price strong{font-size:22px;color:#126fc8}.sample-note{font-size:11px!important;color:#a06b31!important;background:#fff8e9;padding:10px;border-radius:7px}
.footer{background:var(--navy);color:white;padding:35px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer p,.footer span{font-size:11px;color:#a7bacb;margin:4px 0}.login-wrap{display:flex;justify-content:center}.login-card{width:min(440px,100%);padding:35px;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 50px #12334c10}.login-card h1,.form-page h1{margin:5px 0 0}.login-card p{color:var(--muted);font-size:13px}.login-card form{display:grid;gap:9px;margin:25px 0}.login-card label,.editor-form label{font-size:12px;font-weight:700}.login-card input{width:100%}.login-card .full{width:100%;margin-top:12px}.login-card>small{font-size:10px;color:#a47738}.validation{font-size:11px;color:#c44}.admin-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-heading h1{margin:4px 0}.admin-heading p{margin:0;color:var(--muted);font-size:13px}.admin-actions{display:flex;gap:10px;align-items:center}.btn-light{background:#edf2f6;color:#4c6173}.notice{padding:12px 16px;background:#e7f8ef;color:#16784d;border-radius:8px;margin-bottom:18px;font-size:13px}.admin-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px}.admin-table{width:100%;border-collapse:collapse;min-width:700px}.admin-table th,.admin-table td{text-align:right;padding:14px;border-bottom:1px solid var(--line);font-size:12px}.admin-table th{background:#f4f8fb;color:#6c7f90}.admin-table td small{display:block;color:#8a9aa8}.row-actions{display:flex;gap:12px}.row-actions a{color:#1677d2}.row-actions button{border:0;background:none;color:#c45142;font:inherit;cursor:pointer}.form-page{max-width:850px}.editor-form{display:grid;gap:10px;margin-top:25px}.editor-form input,.editor-form textarea{width:100%}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.form-grid>div{display:grid;gap:7px}.check-label{display:flex;align-items:center;gap:8px}.check-label input{width:auto}.empty-state{padding:50px;text-align:center;color:var(--muted);background:var(--bg);border-radius:12px}
@media(max-width:800px){.nav nav{display:none}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:55px 0 15px}.hero h1{font-size:42px}.hero-art{height:340px}.feature-grid,.product-grid{grid-template-columns:1fr 1fr}.detail-layout{grid-template-columns:1fr;gap:30px}.detail-visual{height:320px}.section-heading{align-items:start;flex-direction:column}.footer-inner,.admin-heading{align-items:start;flex-direction:column}}
@media(max-width:520px){.feature-grid,.product-grid{grid-template-columns:1fr}.filter-bar{flex-direction:column}.filter-bar select{width:100%}.hero h1{font-size:36px}.hero-art{transform:scale(.85);margin:-25px}.form-grid{grid-template-columns:1fr}.section{padding-top:50px;padding-bottom:50px}}

.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-8px 0 24px;color:#64788a;font-size:12px}.filters{flex-wrap:wrap}.filters input,.filters select{flex:1;min-width:140px}.warehouse-form{display:flex;gap:8px;align-items:center}.warehouse-form input{padding:8px;border:1px solid #dce5ed;border-radius:7px;min-width:110px}.quote-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.quote-total{text-align:left;color:#126fc8;margin-top:25px}.project-line select,.project-line input{width:100%;padding:12px;border:1px solid #dce5ed;border-radius:8px;font:14px Tahoma}.project-line{margin:10px 0}.admin-table form{display:inline-flex}
@media(max-width:700px){.catalog-tools,.quote-head{align-items:stretch;flex-direction:column}.warehouse-form{flex-wrap:wrap}}

/* PIPEPRO editorial landing experience — offline-first visual layer */
:root{--pp-ink:#071827;--pp-deep:#0b2233;--pp-blue:#173f58;--pp-copper:#d78b57;--pp-paper:#f1f0eb;--pp-muted:#8b9ba5}
html{scroll-padding-top:90px}body{font-family:Tahoma,"Segoe UI",sans-serif;color:#102536}.site-header{height:88px;position:sticky;top:0;background:rgba(248,249,247,.96);backdrop-filter:blur(16px);border-bottom:1px solid #dfe5e4;transition:box-shadow .25s,height .25s}.site-header.is-scrolled{height:74px;box-shadow:0 8px 30px #07182712}.nav{height:100%}.brand{gap:11px;font-size:17px;letter-spacing:2px;line-height:1.15}.brand>span:last-child{display:grid}.brand small{font-size:8px;letter-spacing:2.2px;color:#82939c;font-weight:600;margin-top:5px}.brand-mark{width:42px;height:42px;border-radius:2px;background:var(--pp-ink);font-size:24px;font-family:Georgia,serif;position:relative}.brand-mark span{color:var(--pp-copper)}.nav nav{gap:25px;font-size:12px;color:#435968}.nav nav a{position:relative}.nav nav a:after{content:"";position:absolute;right:0;bottom:-9px;width:0;height:1px;background:var(--pp-copper);transition:width .25s}.nav nav a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:18px}.nav-login{font-size:11px;color:#4f6471}.nav-cta{background:var(--pp-ink);color:white;border-radius:2px;padding:12px 16px;font-size:11px}.nav-cta b{color:var(--pp-copper);margin-right:8px}.mobile-menu{display:none;background:none;border:0;font-size:24px;color:var(--pp-ink)}
.story-hero{position:relative;isolation:isolate;overflow:hidden;background:#071827;color:#fff;min-height:690px}.hero-gridline,.shipping-grid{position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(#a5c5d322 1px,transparent 1px),linear-gradient(90deg,#a5c5d322 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent,#000 60%)}.hero-glow{position:absolute;width:680px;height:680px;border-radius:50%;background:#1d587344;filter:blur(100px);top:-190px;left:5%}.story-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;min-height:630px;align-items:center;gap:50px}.hero-content{padding:70px 0 85px}.eyebrow-light,.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:2px;font-weight:700;color:var(--pp-copper)}.eyebrow-light i{width:7px;height:7px;border-radius:50%;background:var(--pp-copper);box-shadow:0 0 0 5px #d78b5722}.hero-kicker{margin-top:48px;color:#9cb0bc;font-size:13px}.hero-content h1{font-size:clamp(46px,5.2vw,72px);line-height:1.35;letter-spacing:-2.8px;margin:13px 0 20px;font-weight:900}.hero-content h1 em,.warehouse-copy h2 em,.products-heading h2 em,.ordering-heading h2 em,.shipping-copy h2 em{font-style:normal;color:#d99360}.hero-content>p{font-size:14px;line-height:2.3;color:#aebec7;max-width:510px}.hero-buttons{display:flex;align-items:center;gap:32px;margin-top:32px}.btn-copper{background:var(--pp-copper);color:#101e27;border-radius:2px;padding:14px 22px;font-size:12px}.btn-copper span{margin-right:22px;font-size:18px}.hero-quiet-link{font-size:11px;color:#d7e0e4}.hero-quiet-link span{margin-right:12px;color:var(--pp-copper)}.hero-index{display:flex;align-items:center;gap:14px;margin-top:76px;color:#78909f;font-size:9px;letter-spacing:2px}.hero-index>span:first-child{font-size:19px;color:var(--pp-copper);font-family:Georgia,serif}.hero-index b{width:85px;height:1px;background:#526a79}.hero-visual{height:500px;position:relative;border:1px solid #8ba7b522;background:linear-gradient(145deg,#18384b99,#0a1b29aa);overflow:hidden}.hero-visual:before{content:"";position:absolute;inset:15px;border:1px solid #d6e4e411}.hero-visual-top{position:absolute;top:28px;right:30px;left:30px;display:flex;justify-content:space-between;color:#829ba9;font-size:8px;letter-spacing:2px}.hero-pipe-scene{position:absolute;inset:60px 15px 70px;display:grid;place-items:center}.scene-ring{position:absolute;border:1px solid #8fb8c52b;border-radius:50%;transform:rotate(-28deg)}.ring-a{width:390px;height:260px}.ring-b{width:320px;height:410px;transform:rotate(48deg)}.pipe-cylinder{position:absolute;width:350px;height:95px;border-radius:9px;background:linear-gradient(180deg,#c4d4d8 0%,#7696a5 15%,#345b70 42%,#18384b 76%,#0c2638 100%);box-shadow:0 35px 45px #0007,inset 0 2px 4px #fff9;transform:rotate(-32deg)}.pipe-cylinder:before{content:"";position:absolute;left:-26px;top:0;width:58px;height:95px;border-radius:50%;background:linear-gradient(90deg,#193c50,#a6bdc6 48%,#365e72);border:7px solid #a4bbc3;box-shadow:inset 0 0 0 8px #24475a}.pipe-cylinder:after{content:"";position:absolute;right:20px;top:18px;width:70px;height:2px;background:#e4f0ee77;box-shadow:0 9px #e4f0ee33}.cylinder-a{top:115px;left:30px}.cylinder-b{top:230px;left:95px;width:280px;transform:rotate(28deg);background:linear-gradient(180deg,#d4d9d4,#809a9a 22%,#49666b 60%,#203f49)}.cylinder-b:before{border-color:#b8c9c2}.pipe-elbow{position:absolute;width:100px;height:145px;border:25px solid #9ab2b9;border-left-color:#d0d9d4;border-bottom-color:#527787;border-radius:30px 30px 12px 12px;transform:rotate(38deg);top:95px;right:55px;filter:drop-shadow(0 20px 15px #0008)}.pipe-elbow i{position:absolute;inset:7px;border:8px solid #385c6b;border-radius:18px}.scene-crosshair{position:absolute;left:50%;top:50%;color:#d99360;font-size:25px}.hero-visual-caption{position:absolute;bottom:25px;right:30px;display:grid;gap:4px}.hero-visual-caption span{font-size:8px;color:#92a9b3;letter-spacing:2px}.hero-visual-caption strong{font-size:18px;letter-spacing:3px}.hero-side-note{position:absolute;left:26px;bottom:30px;color:#a4b9c2;font-size:10px;line-height:2}.hero-bottomline{border-top:1px solid #ffffff20;position:relative;z-index:2}.hero-bottomline .container,.shipping-bottom .container{display:flex;justify-content:space-between;padding:17px 0;color:#8297a2;font-size:8px;letter-spacing:2px}
.story-section{position:relative;overflow:hidden}.section-index{display:block;color:#a2aeb1;font-size:9px;letter-spacing:2px;margin-bottom:38px}.warehouse-section{background:var(--pp-paper);padding:125px 0 130px}.warehouse-layout{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:90px}.warehouse-copy .eyebrow,.products-heading .eyebrow,.ordering-heading .eyebrow{color:#bd7547}.warehouse-copy h2,.products-heading h2,.ordering-heading h2,.shipping-copy h2{font-size:clamp(38px,4.4vw,58px);line-height:1.5;letter-spacing:-1.8px;margin:12px 0 18px;color:#102737}.warehouse-copy h2 em,.products-heading h2 em,.ordering-heading h2 em{color:#b76e43}.warehouse-copy>p,.shipping-copy>p{font-size:13px;line-height:2.4;color:#697c85;max-width:460px}.warehouse-points{border-top:1px solid #d8dedb;margin-top:32px}.warehouse-points div{display:flex;align-items:center;gap:20px;padding:13px 0;border-bottom:1px solid #d8dedb;font-size:12px;color:#415762}.warehouse-points b{font-family:Georgia,serif;color:#b87850;font-size:14px}.dark-link{display:inline-flex;gap:35px;margin-top:27px;font-size:11px;font-weight:700;color:#15364a}.dark-link span{color:#bd7547;font-size:17px}.warehouse-visual{position:relative;padding:18px 25px 18px 0}.warehouse-photo-art{height:430px;position:relative;overflow:hidden;background:linear-gradient(180deg,#172f3c 0%,#294655 52%,#172c37 53%,#0b1d28 100%);box-shadow:0 25px 55px #1c354522}.warehouse-photo-art:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 95px,#b6cbd11b 96px 99px),linear-gradient(180deg,transparent 60%,#07182788)}.warehouse-roof{position:absolute;top:0;left:0;right:0;height:90px;background:repeating-linear-gradient(120deg,#d0d9d51c 0 2px,transparent 2px 60px)}.warehouse-beam{position:absolute;top:75px;bottom:0;width:8px;background:#b77c52;opacity:.75}.beam-one{right:16%}.beam-two{left:16%}.warehouse-shelf{position:absolute;right:8%;left:8%;height:110px;border-top:7px solid #b87850;border-bottom:5px solid #b87850;display:flex;align-items:center;justify-content:space-around}.shelf-one{top:115px}.shelf-two{top:270px}.warehouse-shelf i{display:block;width:20%;height:72px;border-radius:35px;background:linear-gradient(90deg,#244b5c,#8faeb5 40%,#345d6e);box-shadow:0 12px 14px #0006;position:relative}.warehouse-shelf i:after{content:"";position:absolute;left:-5px;top:0;width:15px;height:72px;border-radius:50%;background:#c2d1ce;border:4px solid #5c7d88}.warehouse-floor{position:absolute;bottom:0;left:0;right:0;height:55px;background:repeating-linear-gradient(90deg,#78909a22 0 2px,transparent 2px 90px),linear-gradient(#263e4b,#0a1d29)}.warehouse-stamp{position:absolute;top:22px;left:24px;display:flex;align-items:center;gap:10px;color:#d7e3e2}.warehouse-stamp b{font-family:Georgia,serif;font-size:28px;color:#d99360}.warehouse-stamp span{font-size:8px;letter-spacing:2px;line-height:1.5}.warehouse-label{position:absolute;bottom:18px;right:22px;color:#aebfc2;font-size:9px}.warehouse-vertical{position:absolute;left:0;top:60px;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:#8e9fa0}
.products-section{background:#0d2637;color:#fff;padding:110px 0 120px}.products-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:45px}.products-heading .section-index{color:#8198a4}.products-heading h2{color:#f1f2ee;margin-bottom:0}.products-intro{max-width:370px;padding-bottom:12px}.products-intro p{font-size:12px;line-height:2.3;color:#9aadb7;margin:0 0 24px}.light-outline-link{display:inline-flex;align-items:center;gap:30px;border:1px solid #8097a455;padding:12px 16px;color:#e4e9e7;font-size:10px}.light-outline-link span{color:#d99360;font-size:17px}.product-showcase{border:1px solid #91a9b51f;padding:22px;background:#ffffff05}.product-showcase-head,.product-showcase-foot{display:flex;justify-content:space-between;color:#8ca2ad;font-size:8px;letter-spacing:1.5px;padding:3px 3px 20px}.story-product-grid{grid-template-columns:repeat(3,1fr);gap:15px}.story-product-card{background:#f4f4ef;border:0;border-radius:0;color:#132b3a}.story-product-card:hover{transform:translateY(-5px);box-shadow:0 18px 30px #0004}.story-product-card .product-visual{height:165px;background:linear-gradient(140deg,#e5e9e5,#cbd6d4)}.story-product-card .product-visual>span{background:#f7f7f1;color:#426070}.story-product-card .product-visual small{position:absolute;bottom:12px;left:14px;color:#738993;font-size:7px;letter-spacing:1.5px}.story-product-card .product-ring{border-color:#557c8d;box-shadow:inset 0 0 0 5px #dbe4df,0 14px 25px #254e6b35}.story-product-card .product-info{padding:15px}.story-product-card .product-info h3{font-size:13px;min-height:44px;line-height:1.8}.story-product-card .product-meta strong{color:#ad6c43}.product-showcase-foot{padding:19px 3px 0;margin-top:17px;border-top:1px solid #91a9b51f;margin-bottom:0}.product-showcase-foot a{color:#e8ece9}.product-showcase-foot b{color:#d99360;margin-right:12px}
.ordering-section{background:#e9ece8;padding:120px 0}.ordering-heading{text-align:center;max-width:650px;margin:0 auto 58px}.ordering-heading .section-index{margin-bottom:28px}.ordering-heading h2{margin:10px 0}.ordering-heading>p{color:#74848b;font-size:12px}.order-steps{display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr 35px 1fr;align-items:start}.order-step{position:relative;padding:25px 18px 24px;background:#f5f5f0;border:1px solid #d9dfda;min-height:215px}.step-no{font-family:Georgia,serif;font-size:13px;color:#b97951}.step-icon{width:45px;height:45px;display:grid;place-items:center;border:1px solid #c7d0cb;color:#b97951;font-size:23px;margin:25px 0 18px}.order-step h3{font-size:14px;color:#1c3949;margin:0 0 8px}.order-step p{font-size:10px;color:#7c8b8e;line-height:2.1;margin:0}.step-connector{height:1px;background:#b7c3bf;margin-top:105px;position:relative}.step-connector:after{content:"";position:absolute;left:0;top:-3px;width:7px;height:7px;border-radius:50%;background:#bd7547}.ordering-actions{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:38px}.btn-dark{background:#0d2637;color:#fff;border-radius:0;padding:14px 20px;font-size:11px}.btn-dark span{color:#d99360;margin-right:20px}.under-link{font-size:11px;color:#536a74;border-bottom:1px solid #b4c0bd;padding-bottom:4px}
.shipping-section{background:#071827;color:#fff;overflow:hidden;padding:110px 0 0;min-height:650px}.shipping-layout{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:40px;min-height:510px}.shipping-copy .section-index{color:#7d95a2}.shipping-copy h2{color:#f3f2ec}.shipping-copy>p{color:#a0b2bb;max-width:440px;margin:20px 0 30px}.iran-map-art{height:480px;position:relative;display:grid;place-items:center}.iran-map-art svg{height:100%;max-width:100%;filter:drop-shadow(0 25px 30px #0007);z-index:1}.iran-shape{fill:#183c50;stroke:#91b3bf;stroke-width:2}.route-lines path{fill:none;stroke:#d99360;stroke-width:1.5;stroke-dasharray:5 7;opacity:.9}.map-pins circle{fill:#e2a06c;stroke:#f4d4b6;stroke-width:2}.map-pins circle:first-child{r:9;fill:#f1c08d;filter:drop-shadow(0 0 9px #e2a06c)}.map-halo{position:absolute;width:340px;height:340px;border-radius:50%;background:#1b5b7933;filter:blur(55px)}.map-caption{position:absolute;bottom:28px;right:10px;display:grid;gap:4px;z-index:2}.map-caption b{font-family:Georgia,serif;letter-spacing:5px;font-size:24px;color:#e2a06c}.map-caption span,.map-coordinate{font-size:9px;color:#91a6af}.map-coordinate{position:absolute;top:40px;left:5px;letter-spacing:1px}.shipping-bottom{border-top:1px solid #ffffff20;position:relative;z-index:2}
.footer{background:#04111b;padding:55px 0 0;color:#e7ecea}.footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:45px}.footer-brand p{font-size:11px;color:#8397a1;max-width:280px;line-height:2.2;margin-top:18px}.footer-main>div:not(:first-child){display:grid;align-content:start;gap:13px}.footer-main>div>strong{font-size:11px;color:#d99360;margin-bottom:8px}.footer-main>div>a:not(.brand){font-size:10px;color:#9aabb2}.footer-bottom{border-top:1px solid #ffffff1c;padding:18px 0;display:flex;justify-content:space-between;color:#647a86;font-size:8px;letter-spacing:1.5px}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}.hero-visual.reveal{transition-delay:.12s}.warehouse-visual.reveal{transition-delay:.12s}.story-product-card:nth-child(2){transition-delay:.1s}.story-product-card:nth-child(3){transition-delay:.2s}
@media(max-width:900px){.nav nav{gap:13px}.nav-actions{gap:10px}.nav-login{display:none}.story-hero-inner{gap:25px}.hero-content h1{font-size:52px}.warehouse-layout{gap:45px}.order-steps{grid-template-columns:1fr 20px 1fr 20px 1fr 20px 1fr}.order-step{padding:18px 12px}.shipping-layout{gap:10px}}
@media(max-width:700px){.site-header{height:72px}.nav nav{display:none;position:absolute;top:72px;right:0;left:0;background:#f8f9f7;padding:20px 24px;box-shadow:0 12px 25px #07182718;flex-direction:column;gap:18px}.menu-open .site-header nav{display:flex}.nav-cta{padding:10px 12px}.mobile-menu{display:block}.story-hero-inner{grid-template-columns:1fr;gap:0;padding-top:20px}.story-hero{min-height:auto}.hero-content{padding:45px 0 15px}.hero-kicker{margin-top:28px}.hero-content h1{font-size:48px}.hero-index{margin-top:40px}.hero-visual{height:350px;margin:20px 0 45px}.hero-pipe-scene{transform:scale(.78)}.hero-bottomline .container,.shipping-bottom .container{font-size:7px;letter-spacing:1px}.warehouse-section,.products-section,.ordering-section,.shipping-section{padding-top:75px;padding-bottom:75px}.warehouse-layout,.shipping-layout{grid-template-columns:1fr;gap:40px}.warehouse-copy .section-index,.ordering-heading .section-index{margin-bottom:25px}.warehouse-visual{padding:0 15px 0 0}.warehouse-photo-art{height:330px}.warehouse-vertical{left:-2px}.products-heading{display:block}.products-intro{margin-top:25px}.story-product-grid{grid-template-columns:1fr 1fr}.story-product-card:last-child{display:none}.order-steps{grid-template-columns:1fr 1fr;gap:12px}.step-connector{display:none}.order-step{min-height:200px}.ordering-actions{flex-direction:column;gap:18px}.shipping-layout{min-height:0}.iran-map-art{height:380px}.footer-main{grid-template-columns:1fr 1fr;gap:35px}.footer-brand{grid-column:1/-1}.footer-bottom{gap:15px;flex-direction:column}.section-index{margin-bottom:26px}}
@media(max-width:420px){.hero-content h1{font-size:41px}.hero-buttons{gap:18px;flex-wrap:wrap}.hero-visual{height:300px}.hero-pipe-scene{transform:scale(.65)}.story-product-grid{grid-template-columns:1fr}.story-product-card:last-child{display:block}.product-showcase{padding:12px}.product-showcase-head{font-size:7px}.warehouse-photo-art{height:290px}.order-step{padding:15px 12px}.footer-main{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* PipePro commercial ordering module */
.nav-actions{display:flex;align-items:center;gap:12px}.nav-login{font-size:12px;color:#526477}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.admin-stats>div,.cart-total,.empty-state,.confirmation-card,.editor-card{background:#f5f8fb;border:1px solid #e1e9f0;border-radius:14px;padding:24px}.admin-stats b{display:block;font-size:28px;color:#1268c8}.admin-stats span{font-size:12px;color:#718292}.inline-form{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.inline-form input,.inline-form select{max-width:125px;padding:8px;border:1px solid #dce5ed;border-radius:7px;font:12px Tahoma}.inline-form button{padding:8px 12px}.link-danger{border:0;background:none;color:#c44;cursor:pointer;font:inherit}.cart-total{max-width:520px;margin:25px 0 0 auto}.cart-total strong{display:block;font-size:25px;color:#1268c8}.cart-total p,.editor-card>p{color:#718292;font-size:13px}.empty-state,.confirmation-card{max-width:680px;margin:35px auto;text-align:center}.tracking-code{display:block;font-size:28px;letter-spacing:2px;color:#1268c8;margin:15px}.editor-card{max-width:700px;margin:auto;background:white}.editor-card h1{margin:8px 0 15px}.editor-form{display:grid;gap:10px;margin-top:25px}.editor-form label{font-size:13px;font-weight:700}.editor-form input,.editor-form textarea{width:100%;font:14px Tahoma;border:1px solid #dce5ed;border-radius:8px;padding:12px}.editor-form textarea{min-height:90px}.payment-note{display:grid;gap:7px;padding:15px;background:#fff8e9;border:1px solid #f2dfb8;border-radius:9px;font-size:12px;color:#715b2c}.validation{color:#b33;font-size:12px}.add-cart-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:20px 0}.add-cart-form label{font-size:12px}.add-cart-form input{width:80px;padding:10px;border:1px solid #dce5ed;border-radius:8px}@media(max-width:700px){.admin-stats{grid-template-columns:1fr 1fr}.admin-heading{gap:15px;align-items:flex-start;flex-direction:column}.admin-actions{display:flex;flex-wrap:wrap}.inline-form{min-width:180px}.cart-total{max-width:none}.tracking-code{font-size:21px}}

.image-source-label{display:inline-block;margin-top:6px;font-size:11px;color:#64748b;background:#eef2f7;border-radius:20px;padding:3px 8px}

/* PipePro Premium admin and account additions */
.form-card{background:#fff;border:1px solid #e3eaf0;border-radius:18px;padding:24px;display:grid;gap:12px;box-shadow:0 12px 36px rgba(9,34,55,.06)}.form-card input,.form-card textarea,.form-card select{width:100%;padding:12px;border:1px solid #ccd8e2;border-radius:9px;font:inherit}.form-card label{font-weight:700;margin-top:5px}.form-card button,.btn-primary{display:inline-block;background:#0b3554;color:#fff;border:0;border-radius:10px;padding:12px 20px;text-decoration:none;cursor:pointer}.section{padding-top:42px;padding-bottom:60px}.table-wrap{overflow:auto}.content-page{background:#fff;padding:28px;border-radius:16px;line-height:2.1}.validation{color:#a21d32}

/* PipePro Premium 2.0.0 — Glass Industrial Edition */
:root{--pp-glass:rgba(8,27,42,.76);--pp-glass-line:rgba(174,218,235,.20);--pp-glass-cyan:#75d9f2;--pp-glass-copper:#e0a06d}
html{scroll-padding-top:104px}
body{font-family:"Vazirmatn","IRANSansX","Segoe UI",Tahoma,Arial,sans-serif;letter-spacing:-.12px}
.site-header{height:86px;position:sticky;top:0;z-index:1000;background:rgba(5,20,32,.78);border-bottom:1px solid var(--pp-glass-line);backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);box-shadow:0 12px 40px rgba(0,0,0,.12);transition:height .28s ease,background .28s ease,box-shadow .28s ease}
.site-header:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 10%,rgba(117,217,242,.055) 48%,transparent 82%)}
.site-header.is-scrolled{height:72px;background:rgba(4,17,28,.92);box-shadow:0 14px 36px rgba(0,0,0,.25)}
.site-header .nav{position:relative;z-index:1;min-height:100%;gap:18px}
.site-header .brand{color:#f4f8f9;font-size:21px;letter-spacing:-.8px;white-space:nowrap}
.site-header .brand>span:last-child{display:grid;line-height:1.2}
.site-header .brand small{font-size:7px;letter-spacing:2px;color:#8faab8;margin-top:5px}
.site-header .brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#7bdcf0,#176b91 58%,#10354d);color:#061b29;box-shadow:0 0 25px rgba(73,190,225,.22),inset 0 1px rgba(255,255,255,.7)}
.site-header nav{display:flex;align-items:center;gap:clamp(12px,2vw,27px);color:#c2d3dc;font-size:12px}
.site-header nav a{position:relative;padding:12px 0;transition:color .2s ease}
.site-header nav a:after{content:"";position:absolute;right:0;left:100%;bottom:4px;height:1px;background:linear-gradient(90deg,var(--pp-glass-cyan),var(--pp-glass-copper));transition:left .25s ease}
.site-header nav a:hover{color:#fff}.site-header nav a:hover:after{left:0}
.site-header .nav-actions{gap:9px;white-space:nowrap}
.site-header .nav-login{color:#b4c8d2;font-size:11px;padding:9px 12px;border:1px solid transparent;border-radius:12px}
.site-header .nav-login:hover{border-color:var(--pp-glass-line);background:rgba(255,255,255,.06);color:#fff}
.site-header .nav-cta{display:inline-flex;align-items:center;gap:14px;color:#071c29;background:linear-gradient(115deg,#9ce9f5,#5dbbd9 55%,#dca071);border:1px solid rgba(255,255,255,.45);border-radius:12px;padding:10px 15px;font-size:11px;box-shadow:0 8px 25px rgba(60,173,210,.18);transition:transform .2s ease,box-shadow .2s ease}
.site-header .nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(60,173,210,.3)}
.site-header .nav-cta b{font-size:17px}
.mobile-menu{display:none;border:1px solid var(--pp-glass-line);background:rgba(255,255,255,.07);color:#e9f7fb;border-radius:12px;width:42px;height:42px;font-size:20px;cursor:pointer;backdrop-filter:blur(12px)}
.story-hero{background:radial-gradient(ellipse at 76% 42%,#17435b 0,#0a2538 42%,#061725 78%);isolation:isolate}
.story-hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.18;background-image:linear-gradient(rgba(135,205,225,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(135,205,225,.13) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,#000 45%,#000)}
.hero-glow{background:#1d8ab455;filter:blur(115px);animation:pipeproGlow 9s ease-in-out infinite alternate}
.hero-visual{border:1px solid rgba(155,218,235,.25);background:linear-gradient(145deg,rgba(34,82,104,.38),rgba(4,20,33,.58));backdrop-filter:blur(12px);box-shadow:0 28px 80px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.08)}
.hero-visual:before{border-color:rgba(190,230,240,.14)}
.scene-ring{animation:pipeproOrbit 24s linear infinite}.ring-b{animation-direction:reverse}
.pipe-cylinder,.pipe-elbow{filter:drop-shadow(0 22px 18px rgba(0,0,0,.22))}
.hero-content h1{text-shadow:0 8px 40px rgba(0,0,0,.18)}
.btn-copper{border-radius:10px;background:linear-gradient(120deg,#f0b47e,#c77d4d);box-shadow:0 12px 30px rgba(207,132,82,.2);transition:transform .22s ease,box-shadow .22s ease}
.btn-copper:hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(207,132,82,.3)}
.story-product-card{border:1px solid rgba(135,174,187,.16);border-radius:14px;overflow:hidden;box-shadow:0 15px 45px rgba(0,0,0,.12);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.story-product-card:hover{transform:translateY(-8px);border-color:rgba(117,217,242,.45);box-shadow:0 24px 55px rgba(0,0,0,.25),0 0 0 1px rgba(117,217,242,.08)}
.story-product-card .product-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 42%,#e8f3f1,#c5d8d9 58%,#9eb7bd)}
.story-product-card .product-visual:after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.42) 50%,transparent 58%);transform:translateX(-70%);transition:transform .7s ease}
.story-product-card:hover .product-visual:after{transform:translateX(70%)}
.story-product-card .product-ring{transition:transform .4s ease,box-shadow .4s ease}
.story-product-card:hover .product-ring{transform:scale(1.08) rotate(8deg);box-shadow:inset 0 0 0 5px #dbe4df,0 18px 32px rgba(25,65,86,.32)}
.warehouse-photo-art{box-shadow:0 28px 70px rgba(10,35,48,.2)}
.order-step{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.order-step:hover{transform:translateY(-6px);border-color:#b8d4d8;box-shadow:0 18px 35px rgba(17,49,62,.09)}
.footer{border-top:1px solid rgba(117,217,242,.15)}
@keyframes pipeproGlow{from{transform:translate3d(-2%,0,0) scale(.92);opacity:.55}to{transform:translate3d(3%,2%,0) scale(1.08);opacity:.9}}
@keyframes pipeproOrbit{from{transform:rotate(-28deg)}to{transform:rotate(332deg)}}
@media(max-width:900px){.site-header nav{gap:11px;font-size:11px}.site-header .brand{font-size:18px}.site-header .nav-cta{padding:9px 11px}}
@media(max-width:700px){.site-header,.site-header.is-scrolled{height:72px}.site-header .nav{gap:10px}.site-header nav{display:none;position:absolute;top:calc(100% + 10px);right:0;left:0;padding:17px;background:rgba(5,21,34,.94);border:1px solid rgba(150,216,233,.23);border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.35);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);flex-direction:column;align-items:stretch;gap:3px}.site-header nav a{padding:12px 13px;border-radius:10px;color:#d9e8ed}.site-header nav a:hover{background:rgba(255,255,255,.07)}.site-header nav a:after{display:none}.menu-open .site-header nav{display:flex}.site-header .nav-login{display:none}.site-header .nav-cta{font-size:10px;padding:9px 10px}.mobile-menu{display:block}.story-hero:after{background-size:38px 38px}.hero-visual{backdrop-filter:blur(8px)}}
@media(prefers-reduced-motion:reduce){.hero-glow,.scene-ring{animation:none!important}.story-product-card,.order-step,.btn-copper{transition:none!important}}


/* =========================================================
   PIPEPRO PREMIUM 2.0.0 — LIQUID GLASS / INDUSTRIAL SYSTEM
   Global visual layer. No business logic or routes changed.
   ========================================================= */
:root{
 --pp-ink:#eaf5ff;--pp-muted:#9db2c5;--pp-night:#061322;--pp-deep:#091b30;
 --pp-panel:rgba(13,35,57,.72);--pp-panel-strong:rgba(10,27,46,.9);
 --pp-line:rgba(143,203,231,.18);--pp-line-hot:rgba(84,205,245,.42);
 --pp-blue:#168bff;--pp-cyan:#42d9f4;--pp-violet:#8e86ff;
 --pp-shadow:0 22px 65px rgba(0,8,22,.28);
 --pp-glass:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.025) 48%,rgba(74,196,235,.08));
}
html{scroll-padding-top:100px}
body{
 color:var(--pp-ink);
 background:
  radial-gradient(ellipse at 12% 4%,rgba(17,111,177,.16),transparent 34rem),
  radial-gradient(ellipse at 92% 24%,rgba(35,174,211,.10),transparent 32rem),
  linear-gradient(145deg,#071525 0%,#0a1b2d 48%,#071322 100%);
 font-family:"Vazirmatn","IRANSansX","Segoe UI",Tahoma,Arial,sans-serif;
}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.17;
 background-image:linear-gradient(rgba(133,195,225,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(133,195,225,.07) 1px,transparent 1px);
 background-size:58px 58px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
::selection{background:rgba(45,183,245,.35);color:#fff}
a{transition:color .22s ease}
.container{width:min(1220px,calc(100% - 44px))}
.site-header,.site-header.is-scrolled{
 position:sticky;top:0;height:78px;z-index:100;
 background:rgba(5,17,31,.72);border-bottom:1px solid rgba(145,207,232,.15);
 box-shadow:0 8px 34px rgba(0,0,0,.16);
 backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%);
 transition:background .3s ease,height .3s ease,box-shadow .3s ease
}
.site-header.is-scrolled{height:70px;background:rgba(5,16,29,.9);box-shadow:0 12px 36px rgba(0,0,0,.25)}
.site-header .nav{min-height:100%;gap:20px}
.site-header .brand{color:#f4fbff;font-size:21px;letter-spacing:-.5px}
.site-header .brand small{display:block;font-size:8px;line-height:1.2;letter-spacing:2px;color:#80a9c2;font-weight:700}
.site-header .brand-mark{width:42px;height:42px;border-radius:14px;color:#e9fbff;
 background:linear-gradient(145deg,rgba(69,202,244,.35),rgba(18,104,190,.32));
 border:1px solid rgba(139,228,255,.45);box-shadow:inset 0 1px rgba(255,255,255,.45),0 0 24px rgba(34,173,238,.25)}
.site-header nav{display:flex;align-items:center;gap:5px;color:#c3d6e5;font-size:12px}
.site-header nav a{position:relative;padding:10px 13px;border-radius:12px;color:#c2d5e4;transition:all .25s ease}
.site-header nav a:after{content:"";position:absolute;left:16px;right:16px;bottom:5px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--pp-blue),var(--pp-cyan));transform:scaleX(0);transform-origin:right;transition:transform .25s ease}
.site-header nav a:hover{color:#fff;background:rgba(255,255,255,.07);box-shadow:inset 0 1px rgba(255,255,255,.08)}
.site-header nav a:hover:after{transform:scaleX(1)}
.site-header .nav-actions{display:flex;align-items:center;gap:10px}
.site-header .nav-login,.site-header .nav-cta{
 display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:13px;
 color:#e9f8ff;font-size:12px;font-weight:800;border:1px solid rgba(147,216,242,.25);
 background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.035));
 box-shadow:inset 0 1px rgba(255,255,255,.2),0 8px 24px rgba(0,0,0,.15);
 backdrop-filter:blur(14px);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease
}
.site-header .nav-cta{border-color:rgba(69,197,255,.5);background:linear-gradient(125deg,rgba(19,130,255,.88),rgba(28,194,224,.68));box-shadow:inset 0 1px rgba(255,255,255,.35),0 8px 28px rgba(0,135,255,.24)}
.site-header .nav-login:hover,.site-header .nav-cta:hover{transform:translateY(-2px);border-color:rgba(110,226,255,.8);box-shadow:inset 0 1px rgba(255,255,255,.3),0 13px 30px rgba(0,139,226,.25)}
.mobile-menu{color:#eafaff!important;border:1px solid rgba(141,216,243,.3)!important;border-radius:13px!important;background:rgba(255,255,255,.09)!important;box-shadow:inset 0 1px rgba(255,255,255,.22),0 8px 20px #0003!important}
.footer{margin-top:0;background:rgba(3,13,24,.86);border-top:1px solid var(--pp-line);color:#d9eaf5}
.footer .footer-main>div>strong{color:#f4fbff}
.footer a{color:#a9c3d5}.footer a:hover{color:#55d9f5}
.footer p,.footer-bottom{color:#809caf}
.footer .brand{color:#f4fbff}

/* Universal liquid-glass controls */
.btn,button,input[type=submit],input[type=button],.nav-cta,.nav-login,
.hero-buttons a,.dark-link,.light-outline-link,.text-link,.catalog-tools a,
.admin-tools a,.admin-actions a,.product-showcase-foot a,.footer a{
 transition:transform .24s cubic-bezier(.2,.8,.2,1),box-shadow .24s ease,border-color .24s ease,background .24s ease,color .24s ease;
}
.btn,button,input[type=submit],input[type=button]{
 position:relative;isolation:isolate;overflow:hidden;cursor:pointer;
 border:1px solid rgba(156,219,245,.32)!important;border-radius:14px!important;
 color:#effaff!important;
 background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.045) 55%,rgba(63,181,226,.12))!important;
 box-shadow:inset 0 1px rgba(255,255,255,.32),inset 0 -1px rgba(0,0,0,.16),0 10px 26px rgba(0,8,22,.22),0 0 0 1px rgba(255,255,255,.025);
 backdrop-filter:blur(16px) saturate(150%);-webkit-backdrop-filter:blur(16px) saturate(150%);
 font-family:inherit;font-weight:800;letter-spacing:-.1px
}
.btn:before,button:before,input[type=submit]:before,input[type=button]:before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.8;
 background:linear-gradient(115deg,transparent 12%,rgba(255,255,255,.16) 33%,transparent 53%);
 transform:translateX(-130%);transition:transform .7s cubic-bezier(.2,.7,.2,1)
}
.btn:hover:before,button:hover:before,input[type=submit]:hover:before,input[type=button]:hover:before{transform:translateX(130%)}
.btn:hover,button:hover,input[type=submit]:hover,input[type=button]:hover{
 transform:translateY(-3px);border-color:rgba(104,222,255,.72)!important;
 box-shadow:inset 0 1px rgba(255,255,255,.42),0 16px 34px rgba(0,11,28,.32),0 0 24px rgba(40,181,238,.17)
}
.btn:active,button:active,input[type=submit]:active,input[type=button]:active{transform:translateY(-1px) scale(.985)}
.btn-primary,.btn-copper,.nav-cta{
 background:linear-gradient(125deg,rgba(15,119,244,.92),rgba(24,190,226,.82))!important;
 border-color:rgba(100,218,255,.65)!important;color:#fff!important;
 box-shadow:inset 0 1px rgba(255,255,255,.38),0 10px 28px rgba(0,129,255,.28),0 0 24px rgba(33,180,245,.12)
}
.btn-primary:hover,.btn-copper:hover{background:linear-gradient(125deg,#168bff,#26c9e7)!important;box-shadow:inset 0 1px rgba(255,255,255,.5),0 17px 38px rgba(0,139,255,.34),0 0 28px rgba(38,196,240,.22)}
.btn-light,.btn-secondary,.light-outline-link,.dark-link{
 color:#e7f6ff!important;border:1px solid rgba(147,211,238,.28)!important;
 background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.035))!important;
 box-shadow:inset 0 1px rgba(255,255,255,.18),0 8px 22px rgba(0,0,0,.13);
 backdrop-filter:blur(14px)
}
.btn-light:hover,.btn-secondary:hover,.light-outline-link:hover,.dark-link:hover{background:linear-gradient(135deg,rgba(53,172,226,.22),rgba(255,255,255,.07))!important}
.hero-quiet-link{color:#d7eafa!important;border-bottom:1px solid rgba(135,211,239,.35);padding-bottom:5px}
.hero-quiet-link:hover{color:#69e4ff!important}

/* Forms, search, selects, text areas */
input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]),
select,textarea{
 width:auto;max-width:100%;min-height:46px;padding:11px 14px!important;
 color:#eaf7ff!important;background:rgba(7,23,39,.72)!important;
 border:1px solid rgba(143,203,231,.24)!important;border-radius:13px!important;
 outline:none!important;box-shadow:inset 0 2px 8px rgba(0,0,0,.16),0 5px 18px rgba(0,0,0,.08);
 font:inherit;transition:border-color .22s ease,box-shadow .22s ease,background .22s ease
}
input::placeholder,textarea::placeholder{color:#7894aa!important}
input:focus,select:focus,textarea:focus{border-color:rgba(63,202,246,.78)!important;background:rgba(8,30,50,.94)!important;box-shadow:0 0 0 3px rgba(38,177,235,.13),0 0 25px rgba(30,173,235,.12)!important}
select option{background:#10283e;color:#eaf7ff}
label{color:#bfd5e4}
input[type=checkbox],input[type=radio]{accent-color:#29bde8;width:17px;height:17px}
.filter-bar,.filters,.catalog-tools,.admin-tools,.admin-actions,.hero-buttons{
 display:flex;align-items:center;flex-wrap:wrap;gap:12px
}
.filter-bar,.filters{padding:16px;border:1px solid var(--pp-line);border-radius:20px;background:var(--pp-glass);box-shadow:var(--pp-shadow);backdrop-filter:blur(18px)}
.filter-bar input,.filters input,.filter-bar select,.filters select{flex:1;min-width:150px}

/* Universal glass surfaces */
.product-card,.order-step,.admin-stats>div,.notice,.empty-state,.filter-bar,
.catalog-tools,.admin-table-wrap,.form-card,.login-card,.panel,.dashboard-card,
.cart-summary,.cart-item,.quote-card,.calculator-card,.partner-card,.customer-card,
.page-content,.content-card,.warehouse-card,.stat-card,.info-card{
 border:1px solid var(--pp-line)!important;border-radius:20px!important;
 background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.025) 54%,rgba(35,159,204,.075))!important;
 box-shadow:inset 0 1px rgba(255,255,255,.11),0 18px 48px rgba(0,7,20,.2);
 backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)
}
.product-card{overflow:hidden;color:#eaf7ff!important;transition:transform .32s ease,border-color .32s ease,box-shadow .32s ease}
.product-card:hover{transform:translateY(-7px);border-color:var(--pp-line-hot)!important;box-shadow:inset 0 1px rgba(255,255,255,.18),0 24px 55px rgba(0,8,22,.34),0 0 28px rgba(34,177,226,.12)}
.product-info h3,.product-info h2{color:#f0f8ff}
.product-info small,.product-meta span{color:#9eb7ca}
.product-meta strong{color:#61dafa}
.product-visual{background:radial-gradient(circle at 50% 42%,#c8e6f1,#7399b1 58%,#27445e)!important}
.product-visual>span{background:rgba(5,22,38,.72)!important;color:#dff7ff!important;border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:5px 10px;backdrop-filter:blur(10px)}
.product-ring{box-shadow:inset 0 0 0 5px #d8edf4,0 18px 35px rgba(4,23,40,.34)}
.admin-stats>div{padding:22px}
.admin-stats b{color:#5bd8fb}
.admin-stats span{color:#a6bdce}
.admin-table-wrap{overflow:auto;padding:8px}
table{border-collapse:separate;border-spacing:0;width:100%;color:#dcecf7}
th{background:rgba(45,155,207,.15);color:#8fe6ff;font-weight:800}
th,td{padding:14px 13px;border-bottom:1px solid rgba(145,203,229,.13);text-align:right}
tbody tr{transition:background .2s ease}
tbody tr:hover{background:rgba(62,183,225,.08)}
td small{display:block;color:#8eaabd}
td a{color:#63d8fa;font-weight:800}
td form{display:inline}
td button{padding:7px 12px!important;font-size:11px!important}
.notice{padding:14px 18px;color:#dff9ff}
.empty-state{padding:35px;text-align:center;color:#b7d0df}

/* Page-wide section contrast and headings */
.page-hero,.page-header{
 position:relative;overflow:hidden;padding:66px 0 58px!important;
 background:radial-gradient(ellipse at 80% 20%,rgba(21,143,207,.23),transparent 38%),linear-gradient(120deg,rgba(8,28,48,.96),rgba(9,41,65,.86))!important;
 border-bottom:1px solid var(--pp-line);color:#f0f9ff
}
.page-hero:after,.page-header:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background:linear-gradient(115deg,transparent 35%,rgba(89,213,245,.18),transparent 70%)}
.page-hero h1,.page-header h1{color:#f2faff;text-shadow:0 5px 25px rgba(0,0,0,.2)}
.page-hero p,.page-header p{color:#a9c3d5}
.section{color:#e5f2fb}
.section h1,.section h2,.section h3{color:#f1f8ff}
.section p{color:#a8bdce}
.eyebrow,.section-index{color:#65d9f8!important}
.admin-heading h1{color:#f2faff}
.admin-heading p{color:#9fb8ca}
.admin-tools a{color:#83dff8}
.admin-actions{gap:10px}
.admin-actions .btn{padding:10px 14px}
.product-showcase,.product-showcase-head,.product-showcase-foot{border-color:var(--pp-line)}
.product-showcase{background:rgba(7,22,38,.58);border:1px solid var(--pp-line);border-radius:24px;box-shadow:var(--pp-shadow);overflow:hidden}
.product-showcase-head,.product-showcase-foot{color:#9eb9ca}
.product-showcase-foot a{color:#65dcfa}
.order-step{color:#e8f6ff}
.order-step h3{color:#f4fbff}
.order-step p{color:#a6bdce}
.step-icon{border:1px solid rgba(115,215,245,.35);background:linear-gradient(145deg,rgba(57,177,222,.2),rgba(255,255,255,.06));color:#7be5ff;box-shadow:inset 0 1px rgba(255,255,255,.22),0 10px 25px rgba(0,0,0,.18)}
.cart-summary,.cart-item,.form-card,.login-card{padding:22px;color:#e7f4fd}
.cart-summary h2,.cart-item h3,.form-card h2,.login-card h1{color:#f3faff}
hr{border:0;border-top:1px solid var(--pp-line)}
.pagination a,.pagination span{border:1px solid var(--pp-line);border-radius:11px;padding:8px 12px;color:#d9f4ff;background:rgba(255,255,255,.06)}
.pagination a:hover{background:rgba(31,161,218,.2)}
:focus-visible{outline:2px solid #55dafa!important;outline-offset:3px}

/* Subtle entrance, sheen and responsive glass navigation */
.reveal{transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.reveal:not(.is-visible){opacity:0;transform:translateY(18px)}
.reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes ppFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes ppGlow{0%,100%{opacity:.48;filter:blur(28px)}50%{opacity:.9;filter:blur(38px)}}
.hero-glow{animation:ppGlow 8s ease-in-out infinite alternate}
.scene-ring{animation:pipeproOrbit 34s linear infinite}
@media(max-width:900px){
 .site-header nav{gap:2px}.site-header nav a{padding:9px 8px;font-size:11px}
 .site-header .nav-login{display:none}
}
@media(max-width:700px){
 .site-header,.site-header.is-scrolled{height:68px}
 .site-header nav{top:calc(100% + 9px)!important;padding:14px!important;border:1px solid rgba(116,207,238,.28)!important;border-radius:18px!important;background:rgba(5,20,36,.94)!important;box-shadow:0 24px 60px rgba(0,0,0,.42)!important}
 .site-header nav a{padding:13px!important;border-radius:12px!important}
 .site-header .nav-cta{padding:9px 11px;font-size:10px}
 .container{width:min(100% - 28px,1220px)}
 .section{padding-top:48px;padding-bottom:48px}
 .filter-bar,.filters{align-items:stretch}
 .filter-bar input,.filters input,.filter-bar select,.filters select{width:100%;min-width:0}
 .admin-actions .btn{flex:1 1 42%}
 .admin-table-wrap{border-radius:15px!important}
}
@media(prefers-reduced-motion:reduce){
 *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
 .reveal:not(.is-visible){opacity:1;transform:none}
}

/* Additional application-specific panels and icon treatments */
.editor-card,.editor-form,.form-page,.confirmation-card,.spec-table,.inline-form,
.bulk-image-card,.quote-result,.track-result,.account-panel,.settings-panel{
 border:1px solid var(--pp-line)!important;border-radius:20px!important;
 background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.025) 55%,rgba(28,150,203,.07))!important;
 box-shadow:inset 0 1px rgba(255,255,255,.12),0 18px 48px rgba(0,7,20,.2);
 backdrop-filter:blur(16px);color:#e7f4fd
}
.editor-card,.confirmation-card,.form-card,.login-card{padding:clamp(18px,3vw,30px)}
.editor-card h2,.editor-card h3,.confirmation-card h1,.confirmation-card h2{color:#f3fbff}
.form-grid{gap:16px}
.form-grid label,.editor-form label,.form-page label{display:grid;gap:7px;color:#b9d1e0;font-weight:700}
.spec-table{overflow:hidden}
.spec-table th{color:#83e4ff}
.spec-table td{color:#dcecf7}
.step-no{color:#6bdcf8}
.icon-search{color:#78e6ff}
button:disabled,.btn:disabled{opacity:.48;cursor:not-allowed;transform:none;filter:saturate(.5)}


/* Home featured product images: use the same saved product image as catalog/details */
.story-product-card .product-visual .home-product-image{width:100%;height:100%;object-fit:cover;display:block;position:absolute;inset:0;z-index:0;}
.story-product-card .product-visual>span{z-index:2;}
.story-product-card .product-visual .image-source-label{position:absolute;z-index:2;bottom:10px;left:12px;padding:4px 7px;border-radius:6px;background:rgba(5,22,38,.62);color:#e8f6fb;font-size:8px;letter-spacing:0;backdrop-filter:blur(8px);}

/* PipePro mobile menu visibility fix */
@media (max-width:700px) {
    .site-header nav {
        display: none !important;
    }
    .menu-open .site-header nav {
        display: flex !important;
    }
}