/*
Theme Name: NAG OIL Premium
Theme URI: https://nagoil.com/
Author: NAG OIL Digital
Description: Custom, responsive WordPress corporate theme for NAG OIL LTD., including company information and an informational lubricant catalogue.
Version: 2.5.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: nagoil-premium
*/
:root{--ink:#0d1219;--mid:#182331;--gold:#cc9b46;--gold2:#f1d59f;--paper:#f8f7f2;--line:#e3e1dc;--muted:#66717c;--radius:20px;--shadow:0 16px 45px rgba(9,18,27,.10)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.65;background:#fff;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:#99702f}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;padding:13px 15px;border:1px solid #cfd3d8;border-radius:10px;color:var(--ink);background:#fff}input:focus,select:focus,textarea:focus,a:focus-visible,button:focus-visible{outline:3px solid #d3a44f;outline-offset:3px}textarea{min-height:140px;resize:vertical}.container{width:min(1170px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;top:-60px;left:8px;background:var(--gold2);padding:12px;z-index:999}.skip-link:focus{top:8px}.eyebrow{font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:#b78637}.section{padding:92px 0}.section.alt{background:var(--paper)}.section-head{max-width:720px;margin-bottom:35px}.section-head h2{margin:10px 0 14px;font-size:clamp(2rem,4.5vw,3.15rem);line-height:1.14;letter-spacing:-.045em}.section-head p{font-size:1.07rem;color:var(--muted);margin:0}.gold-line{display:block;width:40px;height:3px;background:var(--gold);margin:20px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 21px;border-radius:10px;font-weight:700;font-size:.91rem;border:1px solid transparent;transition:transform .15s ease,background .15s ease}.btn:hover{transform:translateY(-2px)}.btn.gold{background:var(--gold);color:#171a1f}.btn.gold:hover{background:#f0ce8d;color:#151515}.btn.dark{background:var(--ink);color:white}.btn.dark:hover{background:#283a4e;color:white}.btn.outline{border-color:rgba(255,255,255,.5);color:#fff;background:transparent}.btn.outline:hover{background:white;color:var(--ink)}.btn.light-outline{border-color:#aaa59c;color:var(--ink);background:transparent}.btn.light-outline:hover{background:var(--ink);color:#fff}.site-header{position:relative;z-index:90;background:#101820;color:white;border-bottom:1px solid rgba(255,255,255,.1)}.topbar{background:#0a1017;border-bottom:1px solid rgba(255,255,255,.08);font-size:.72rem;letter-spacing:.075em;text-transform:uppercase}.topbar .container{display:flex;justify-content:space-between;gap:20px;padding-top:9px;padding-bottom:9px;color:#b8bec6}.topbar strong{color:#e6c78f;font-weight:600}.header-main{display:flex;align-items:center;gap:24px;min-height:86px}.brand{display:inline-flex;align-items:center;gap:13px;flex-shrink:0;font-weight:900;letter-spacing:.005em;font-size:1.18rem}.brand em{font-size:.54rem;font-style:normal;font-weight:700;color:#c5ccd3;letter-spacing:.22em;display:block;margin-top:-7px}.brand-icon{height:41px;width:37px;background:linear-gradient(160deg,#ffe8b9,#c9963b);clip-path:polygon(50% 0,89% 50%,97% 72%,85% 92%,65% 100%,37% 100%,15% 91%,3% 75%,11% 52%);position:relative}.brand-icon:after{content:"N";position:absolute;inset:7px 5px;background:#111b26;color:#f4d69e;font-size:18px;line-height:27px;text-align:center;clip-path:polygon(50% 0,100% 55%,87% 100%,13% 100%,0 55%)}.brand img{max-height:55px;width:auto}.nav{margin-left:auto}.nav ul{margin:0;padding:0;list-style:none;display:flex;gap:24px;align-items:center}.nav a{font-weight:650;font-size:.82rem;color:#e2e5e8}.nav a:hover,.nav .current-menu-item>a{color:#e6bf75}.header-cta{padding:11px 15px;font-size:.79rem;white-space:nowrap}.menu-toggle{display:none;background:none;color:#fff;border:1px solid #505965;border-radius:9px;padding:9px 11px}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse 58% 85% at 82% 54%,#303f4b 0,transparent 72%),linear-gradient(130deg,#0a1017 0%,#111d27 56%,#17222c 100%);color:white}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none}.hero-inner{min-height:625px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:38px;position:relative}.hero-text{padding:62px 0 70px;z-index:2}.hero .eyebrow{color:#e0b86e}.hero h1{font-size:clamp(2.85rem,5.6vw,5.1rem);line-height:1.06;letter-spacing:-.06em;margin:18px 0 25px;max-width:700px}.hero h1 span{color:#e2b569}.hero p{font-size:1.04rem;color:#cbd2d7;max-width:550px;margin:0 0 32px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.hero .detail-strip{display:flex;flex-wrap:wrap;gap:25px;padding-top:53px;margin-top:40px;border-top:1px solid rgba(255,255,255,.16)}.detail-strip .detail{font-size:.79rem;color:#c2cbd2;max-width:140px}.detail-strip .detail strong{display:block;color:#f0d397;font-size:.92rem}.product-stage{min-height:550px;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:68px}.stage-rings{position:absolute;width:490px;height:490px;top:24px;left:50%;transform:translateX(-50%);border:1px solid rgba(230,189,110,.19);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.018),0 0 0 90px rgba(255,255,255,.011)}.stage-floor{position:absolute;bottom:46px;left:4%;right:4%;height:33px;border-radius:50%;background:radial-gradient(ellipse,rgba(221,168,88,.48),rgba(0,0,0,0) 70%);filter:blur(14px)}.bottle{position:relative;width:181px;height:360px;border-radius:28px 28px 25px 25px;background:linear-gradient(95deg,#030609 0%,#293039 17%,#111820 42%,#030507 64%,#29343d 92%,#080a0c 100%);box-shadow:inset 5px 0 8px rgba(255,255,255,.08),inset -8px 0 8px rgba(0,0,0,.8),15px 27px 45px rgba(0,0,0,.44);z-index:2;transform:rotate(-6deg)}.bottle:before{content:"";position:absolute;top:-54px;left:51px;width:79px;height:75px;background:linear-gradient(90deg,#14171b,#48505b 22%,#0b1015 70%,#252e37);border-radius:12px 12px 6px 6px;box-shadow:inset 1px 0 3px #5b6067}.bottle:after{content:"";position:absolute;top:-58px;left:44px;width:93px;height:36px;border-radius:8px 8px 2px 2px;background:repeating-linear-gradient(90deg,#10161c 0 5px,#343a42 5px 8px);box-shadow:0 0 0 4px #070a0d}.bottle .shoulder{position:absolute;top:-7px;left:0;right:0;height:73px;background:linear-gradient(110deg,#090b10,#252d37 42%,#05080c);border-radius:48px 48px 15px 15px}.bottle .label{position:absolute;left:0;right:0;top:103px;height:162px;background:linear-gradient(125deg,#171e23,#30343a 44%,#141b22);border-top:4px solid #d3aa62;border-bottom:6px solid #b78a3d;box-shadow:0 3px 10px #0a0a0a}.bottle .label:before{content:"NAG OIL";position:absolute;top:20px;left:0;right:0;text-align:center;color:#ffe5a6;font-weight:900;font-size:1.43rem;letter-spacing:.05em}.bottle .label:after{content:"ENGINEERED FOR PERFORMANCE";position:absolute;top:73px;left:14px;right:14px;border-top:1px solid #777267;padding-top:10px;text-align:center;color:#e1dbcf;font-size:.48rem;font-weight:800;letter-spacing:.14em}.bottle.small{height:280px;width:145px;transform:rotate(8deg) translate(-15px,13px);z-index:1;opacity:.85}.bottle.small:before{left:40px;width:67px;height:68px}.bottle.small:after{left:34px;width:79px}.bottle.small .label{top:85px;height:129px}.bottle.small .label:before{font-size:1.1rem}.bottle.small .label:after{font-size:.41rem;top:60px}.stage-note{position:absolute;bottom:8px;right:0;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:#a0a7b0}.trusted-line{border-top:1px solid #e5e5e4;border-bottom:1px solid #e5e5e4;background:#f4f4f1}.trusted-inner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:22px 0;flex-wrap:wrap}.trusted-inner span{font-weight:750;text-transform:uppercase;font-size:.73rem;color:#596371;letter-spacing:.08em}.trusted-inner .item{display:flex;align-items:center;gap:9px;color:#192633;font-size:.84rem;font-weight:700}.mini-gold{width:8px;height:8px;display:inline-block;background:var(--gold);transform:rotate(45deg)}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.editorial{font-size:1.04rem;color:#59616b}.editorial p{margin:0 0 20px}.photo-abstract{position:relative;background:linear-gradient(137deg,#121d28,#2c3b43);min-height:392px;border-radius:8px 96px 8px 8px;overflow:hidden;box-shadow:var(--shadow)}.photo-abstract:before{content:"";position:absolute;width:330px;height:330px;border:50px solid rgba(223,174,84,.11);border-radius:50%;right:-55px;top:-35px}.photo-abstract:after{content:"NAG\aOIL";white-space:pre;position:absolute;bottom:35px;left:34px;font-size:4.1rem;line-height:.95;color:#e1bd78;font-weight:900;letter-spacing:-.075em}.photo-abstract .slash{position:absolute;background:#bd924c;transform:rotate(-31deg);right:120px;top:-18px;height:500px;width:34px;box-shadow:45px 0 0 rgba(202,156,74,.24)}.photo-abstract .corner-note{position:absolute;top:24px;left:34px;color:#dce2e2;font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.cards-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.category-card{position:relative;display:flex;flex-direction:column;min-height:240px;padding:31px 28px;background:#fff;border:1px solid #e5e4e0;border-radius:14px;overflow:hidden;box-shadow:0 5px 19px rgba(6,15,22,.03);transition:transform .2s ease,box-shadow .2s ease}.category-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.category-card .num{font-size:.76rem;letter-spacing:.12em;font-weight:900;color:#ae853c}.category-card h3{margin:30px 0 8px;font-size:1.25rem;letter-spacing:-.025em;line-height:1.27}.category-card p{color:#69737d;font-size:.9rem;line-height:1.6;margin:0 0 15px}.category-card .arrow{margin-top:auto;align-self:flex-end;font-size:1.35rem;color:#b88c48}.category-card:after{content:"";position:absolute;width:125px;height:125px;border:1px solid #eadcc0;border-radius:50%;right:-67px;top:-55px}.dark-panel{background:#111a24;color:white;border-radius:20px;padding:55px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;position:relative;overflow:hidden}.dark-panel:before{content:"";position:absolute;right:220px;top:-95px;width:330px;height:330px;border:1px solid rgba(215,166,80,.16);border-radius:50%;pointer-events:none}.dark-panel h2{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.18;letter-spacing:-.035em;margin:8px 0 10px}.dark-panel p{max-width:580px;color:#c3cbd1;margin:0}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature{border-top:2px solid #d0a357;padding-top:27px}.feature h3{font-size:1.18rem;margin:14px 0 8px}.feature p{color:#67717a;margin:0}.feature b{font-size:1.7rem;color:#bd9148}.section .lower-cta{margin-top:35px}.footer{background:#0b121a;color:#d3d9dd;padding:68px 0 18px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.1fr;gap:64px}.footer .brand{margin-bottom:22px;color:white}.footer p{max-width:340px;color:#a4afb9;font-size:.89rem}.footer h4{color:#eed7ae;text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;margin:0 0 18px}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin-bottom:12px;font-size:.85rem}.footer li a:hover{color:#f6cf86}.footer-bottom{border-top:1px solid #25323f;margin-top:50px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:.72rem;color:#8393a1}.page-hero{background:linear-gradient(125deg,#101921,#263441);padding:82px 0;color:white}.page-hero h1{font-size:clamp(2.5rem,5vw,4.4rem);line-height:1.08;letter-spacing:-.05em;margin:14px 0}.page-hero p{font-size:1.03rem;color:#c7d1da;max-width:750px}.content-area{padding:65px 0 95px}.content-area .entry-content{max-width:940px;font-size:1rem;color:#343f4a}.entry-content h2{font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.22;letter-spacing:-.03em;margin-top:44px}.entry-content h3{font-size:1.23rem}.entry-content p,.entry-content li{line-height:1.8}.entry-content a{text-decoration:underline;text-decoration-color:#caa058;text-underline-offset:3px}.entry-content blockquote{padding:16px 24px;border-left:4px solid var(--gold);background:#f8f7f3}.entry-content .wp-block-columns{gap:35px}.notice{border-left:4px solid var(--gold);background:#f8f5ee;padding:17px 22px;margin:26px 0;color:#59636d;font-size:.91rem}.nag-form{max-width:760px;padding:32px;background:#f6f6f3;border:1px solid #e3e4e2;border-radius:16px;margin:20px 0 35px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-row{margin-bottom:18px}.nag-form label{display:block;font-weight:650;font-size:.86rem;margin-bottom:7px}.nag-form .required{color:#ad611a}.nag-form .fineprint{font-size:.79rem;color:#68737d}.nag-form .check{display:flex;align-items:flex-start;gap:10px;margin:15px 0 22px;font-size:.87rem;font-weight:400}.nag-form .check input{width:16px;margin-top:6px;flex-shrink:0}.nag-hp{position:absolute;left:-99999px}.form-status{max-width:760px;border:1px solid #ced8d4;padding:17px;border-radius:10px;background:#eff8f0;margin:0 0 22px;color:#22512f}.form-status.bad{background:#fff1ef;color:#833329;border-color:#eac3b8}.products-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.product-item{background:#fff;border:1px solid #e2e3e5;border-radius:14px;overflow:hidden}.product-item figure{aspect-ratio:4/3;margin:0;background:linear-gradient(145deg,#15212b,#4d5558);display:flex;align-items:center;justify-content:center;color:#d9b77b;font-weight:900;letter-spacing:.12em}.product-item figure img{width:100%;height:100%;object-fit:cover}.product-item .body{padding:23px}.product-item h3{margin:0 0 10px;line-height:1.25}.product-item p{color:var(--muted);font-size:.85rem}.pill{border-radius:40px;background:#f1ebdf;color:#89612f;padding:7px 12px;display:inline-block;font-size:.72rem;font-weight:750}.catalog-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px}.catalog-filter a{padding:8px 13px;border:1px solid #d7d9d9;border-radius:8px;font-size:.85rem}.catalog-filter a.active{background:#17232f;color:white}.pagination{display:flex;gap:8px;justify-content:center;margin-top:32px}.pagination a,.pagination span{padding:8px 12px;border:1px solid #d8dbdd;border-radius:7px}.searchform{display:flex;gap:8px}.searchform input{max-width:370px}.post-card{border:1px solid var(--line);border-radius:12px;padding:24px;margin-bottom:17px}.post-card h2{margin:0 0 8px}.post-card p{color:var(--muted)}@media(max-width:1080px){.nav ul{gap:13px}.nav a{font-size:.77rem}.header-cta{display:none}.hero-inner{min-height:600px}.bottle{transform:scale(.85) rotate(-6deg)}.bottle.small{transform:scale(.8) rotate(8deg)}.footer-grid{gap:35px}}@media(max-width:820px){.topbar .container{font-size:.63rem}.header-main{min-height:75px}.menu-toggle{display:inline-block;margin-left:auto}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#101820;padding:12px 24px 24px;box-shadow:0 16px 20px rgba(0,0,0,.25)}.nav.is-open{display:block}.nav ul{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav li{border-bottom:1px solid #2b3744}.nav li a{display:block;padding:12px 0}.hero-inner{grid-template-columns:1fr;gap:0}.hero-text{padding-bottom:10px}.product-stage{min-height:400px;padding-bottom:30px}.stage-rings{height:350px;width:350px;top:-5px}.hero .detail-strip{padding-top:28px;margin-top:27px}.two-up{grid-template-columns:1fr;gap:33px}.features,.cards-3,.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dark-panel{grid-template-columns:1fr}.footer-grid{grid-template-columns:1.5fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}}@media(max-width:540px){.container{width:min(100% - 30px,1170px)}.section{padding:60px 0}.hero h1{font-size:2.75rem}.hero p{font-size:.96rem}.hero-inner{min-height:auto}.hero-text{padding:54px 0 0}.detail-strip{gap:12px}.detail-strip .detail{width:calc(50% - 12px)}.product-stage{min-height:335px;transform:scale(.85);margin:-25px 0 -20px}.topbar .container{justify-content:center}.topbar span:last-child{display:none}.features,.cards-3,.products-grid,.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.category-card{min-height:205px}.dark-panel{padding:33px 25px}.photo-abstract{min-height:310px}.page-hero{padding:56px 0}.form-grid{grid-template-columns:1fr;gap:0}.nag-form{padding:20px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:8px}}

/* v1.1: Catalogue-accurate proposed products based on the NAG OIL Oct 20 manufacturing draft. */
.catalogue-hero-stage{min-height:570px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;gap:0;padding:42px 20px 82px}
.catalogue-hero-stage:before{content:"";position:absolute;inset:5% 1% 12%;border:1px solid rgba(224,190,120,.16);border-radius:50%;box-shadow:0 0 0 40px rgba(255,255,255,.012),0 0 0 80px rgba(255,255,255,.009);z-index:-1}
.catalogue-hero-bottle{position:relative;width:32%;max-width:170px;filter:drop-shadow(3px 22px 20px rgba(0,0,0,.48));transform-origin:bottom center}
.catalogue-hero-bottle img{display:block;width:100%;height:320px;object-fit:contain;object-position:center;mix-blend-mode:normal;border-radius:6px}
.catalogue-hero-bottle.is-center{width:40%;max-width:220px;z-index:2;transform:translateY(12px)}
.catalogue-hero-bottle.is-center img{height:370px}
.catalogue-hero-bottle.is-left{transform:rotate(-5deg) translate(12px,28px);z-index:1}
.catalogue-hero-bottle.is-right{transform:rotate(5deg) translate(-12px,27px);z-index:1}
.catalogue-source-note{text-align:center;right:50%;transform:translateX(50%);bottom:9px;width:100%;max-width:370px;line-height:1.6;letter-spacing:.065em}
.nag-catalogue-panel{width:100%}
.nag-catalogue-heading{max-width:770px;margin:0 0 23px}
.nag-catalogue-heading h2{font-size:clamp(2rem,4vw,3.1rem);line-height:1.13;letter-spacing:-.035em;margin:10px 0 13px}
.nag-catalogue-heading p{color:#64717c;max-width:740px;font-size:1.02rem;line-height:1.7}
.nag-catalogue-warning{padding:17px 20px;background:#fff7e8;color:#5a4423;border:1px solid #e9cf94;border-left:5px solid #c49439;border-radius:9px;margin:23px 0 28px;font-size:.91rem;line-height:1.6}
.nag-catalogue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.nag-catalogue-card{min-width:0;border:1px solid #e4e8e8;border-radius:14px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 8px 21px rgba(9,21,31,.035)}
.nag-catalogue-art{height:255px;background:linear-gradient(130deg,#f2f3f2,#e4e6e4);padding:15px 14px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0}
.nag-catalogue-art img{height:204px;width:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply}
.nag-catalogue-art figcaption{margin-top:9px;font-size:.65rem;text-align:center;letter-spacing:.055em;color:#7e6a45;text-transform:uppercase;font-weight:700}
.nag-catalogue-card-info{padding:17px 17px 20px;display:flex;flex-direction:column;flex:1}
.nag-catalogue-number{color:#9a793e;font-weight:800;letter-spacing:.12em;font-size:.63rem}
.nag-catalogue-category{font-size:.72rem;color:#677580;margin-top:8px}
.nag-catalogue-card h3{font-size:1.06rem;line-height:1.25;margin:6px 0 13px;letter-spacing:-.02em;color:#14222e}
.nag-catalogue-grade,.nag-catalogue-pack{font-size:.78rem;color:#586672;line-height:1.5;margin:0 0 6px}
.nag-catalogue-enquire{border-top:1px solid #e6e7e8;margin-top:auto;padding-top:13px;padding-bottom:2px;font-weight:800;color:#a5762a;font-size:.75rem}
.nag-catalogue-source{font-size:.78rem;color:#6c7680;line-height:1.55;margin:20px 0 0}
.nag-verified-catalogue{margin-top:34px;border-top:1px solid #ddd;padding-top:15px}
.entry-content .nag-catalogue-panel{max-width:100%}.entry-content .nag-catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.entry-content .nag-catalogue-art figcaption{line-height:1.35}
@media(max-width:1100px){.nag-catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.catalogue-hero-stage{min-height:470px;padding-bottom:72px}.nag-catalogue-grid,.entry-content .nag-catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.catalogue-hero-stage{min-height:365px;padding:30px 12px 85px;transform:none;margin:0}.catalogue-hero-bottle img{height:235px}.catalogue-hero-bottle.is-center img{height:270px}.catalogue-source-note{font-size:.58rem;bottom:14px}.nag-catalogue-grid,.entry-content .nag-catalogue-grid{grid-template-columns:1fr}.nag-catalogue-art{height:285px}.nag-catalogue-art img{height:235px}.nag-catalogue-heading h2{font-size:2rem}.nag-catalogue-warning{font-size:.84rem}}

/* v2.0 - company development portfolio, coherent across 64 proposed products */
.nag64-hero{background:radial-gradient(circle at 80% 45%,#27465d,transparent 48%),linear-gradient(135deg,#061420,#152d40);color:#f3f7f9;overflow:hidden}
.nag64-hero-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;min-height:660px}
.nag64-hero h1{font-size:clamp(2.65rem,5.2vw,4.95rem);line-height:1.08;margin:18px 0 21px;letter-spacing:-.057em}
.nag64-hero h1 em{color:#e0b46e;font-style:normal}
.nag64-hero p{color:#ccdae4;max-width:570px;font-size:1.02rem}
.nag64-hero-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;align-items:end;padding:42px 0 10px}
.nag64-hero-photos figure{margin:0;min-width:0;position:relative}.nag64-hero-photos img{display:block;object-fit:contain;width:100%;height:350px;border-radius:12px;filter:drop-shadow(10px 21px 16px rgba(0,0,0,.3))}.nag64-hero-photos figcaption{color:#cbd1d7;font-size:.65rem;text-align:center;padding:10px}
.nag64-hero-photos figure:nth-child(2){transform:translateY(-24px)}
.nag64-alert{background:#ffeed5;color:#7c471c;padding:18px 21px;border-radius:11px;border:1px solid #e0bc84;line-height:1.6;margin:23px 0 34px;font-size:.9rem}
.nag64-layout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.nag64-card{min-width:0;background:#fff;border:1px solid #e0e6e9;display:flex;flex-direction:column;border-radius:15px;overflow:hidden;box-shadow:0 10px 26px rgba(13,28,46,.05)}
.nag64-card figure{height:215px;margin:0;background:#e6edf0;display:flex;align-items:center;justify-content:center;overflow:hidden}.nag64-card img{height:100%;max-width:100%;object-fit:contain}.nag64-card-body{padding:17px;flex:1;display:flex;flex-direction:column;gap:8px}
.nag64-card-body h3{font-size:1.08rem;margin:0;line-height:1.28;color:#10263b}.nag64-card-body p{font-size:.78rem;color:#667684;margin:0}.nag64-card-body small{font-size:.66rem;letter-spacing:.04em;color:#A5792F;font-weight:750}
.nag64-card-body .nag64-pill{font-size:.7rem;color:#556879;padding:4px 8px;background:#f1f3f5;border-radius:15px;align-self:flex-start}
.nag64-actions{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0 20px}.nag64-tags{display:flex;flex-wrap:wrap;gap:10px;padding:15px 0}.nag64-tag{display:inline-flex;align-items:center;gap:9px;font-size:.75rem;padding:8px 11px;border:1px solid #dee3e6;border-radius:9px;color:#2b4050}.nag64-dot{width:10px;height:10px;border-radius:3px}
.nag64-controls{display:flex;gap:15px;flex-wrap:wrap;margin:20px 0}.nag64-controls input,.nag64-controls select{width:auto;max-width:100%;min-width:245px;padding:12px;border:1px solid #c8d5de;border-radius:9px}.nag64-count{font-size:.86rem;color:#697985;margin:8px 0 18px}.nag64-hidden{display:none!important}
@media(max-width:1000px){.nag64-layout{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:810px){.nag64-hero-inner{grid-template-columns:1fr;padding:60px 0}.nag64-hero-photos img{height:290px}.nag64-layout{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.nag64-hero-inner{padding:35px 0 55px}.nag64-hero-photos{gap:4px}.nag64-hero-photos img{height:205px}.nag64-hero-photos figcaption{font-size:.55rem}.nag64-layout{grid-template-columns:1fr}.nag64-card figure{height:265px}.nag64-controls input,.nag64-controls select{width:100%;min-width:0}}

/* v2.2 public catalogue refinements */
.nag64-hero-photos figure img{max-height:310px;object-fit:contain}.nag64-hero-photos figure{overflow:hidden}.nag64-card-body .nag-catalogue-enquire{color:#a27b3c}.nag64-card:hover{transform:translateY(-2px);transition:transform .2s}

/* NAG OIL 2.3: original red/green/gold oval mark and photo-packaged catalogue art. */
.nag-newlogo-frame{display:flex;align-items:center;justify-content:center;width:94px;height:67px;background:#fff;border-radius:13px;padding:3px 6px;box-shadow:0 5px 15px rgba(0,0,0,.16)}
.nag-newlogo{display:block;width:100%;max-height:64px;object-fit:contain}
.nag-newlogo-wordmark{display:flex;flex-direction:column;line-height:1.12;white-space:nowrap;font-size:1.25rem;letter-spacing:.012em}
.nag-newlogo-wordmark em{margin:5px 0 0;font-size:.61rem;letter-spacing:.19em;color:#f0d1a2}
.nag-hero-product-lineup{position:relative;display:flex;align-items:center;justify-content:center}
.nag-hero-product-lineup img{display:block;width:100%;height:auto;border-radius:18px;box-shadow:0 20px 50px rgba(0,0,0,.17);max-width:590px}
.nag64-card figure{background:#f7f9fa;padding:6px;overflow:hidden}
.nag64-card figure img{width:100%;height:100%;object-fit:contain;border-radius:10px}
.nag64-hero-photos img{background:transparent}
@media(max-width:1030px){.nag-newlogo-frame{width:75px;height:58px}.nag-newlogo-wordmark{font-size:1.06rem}.brand{gap:10px}.header-main{gap:14px}}
@media(max-width:700px){.nag-newlogo-frame{width:71px;height:56px}.nag-newlogo-wordmark{font-size:1.07rem}.nag-hero-product-lineup{margin-top:6px}.nag-hero-product-lineup img{width:100%;border-radius:12px}.hero-text{padding-bottom:18px}}
@media(max-width:410px){.nag-newlogo-frame{width:62px;height:50px}.nag-newlogo-wordmark{font-size:.95rem}.header-main{gap:10px}}

/* v2.5 Original NAG OIL design preserved: only source bottle photographs, no AI repaints. */
.nag-original-hero-bottles{display:flex;align-items:flex-end;justify-content:center;gap:8px;min-width:0;padding:20px 0}
.nag-original-hero-bottles img{width:31%;max-width:188px;height:auto;object-fit:contain;border-radius:8px;box-shadow:0 14px 25px rgba(0,0,0,.2)}
.nag-home-trust{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 8px}.nag-home-trust span{padding:9px 10px;border:1px solid rgba(233,204,143,.28);color:#e4cd9f;border-radius:8px;font-size:.76rem}
.nag-original-pack-gallery{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:14px}
.nag-original-pack-gallery figure{margin:0;background:#f3f4f4;overflow:hidden;border:1px solid #e0e1e0;border-radius:13px;display:flex;flex-direction:column}
.nag-original-pack-gallery img{width:100%;height:260px;object-fit:contain;display:block;padding:8px}
.nag-original-pack-gallery figcaption{padding:10px 14px;background:#fff;color:#435263;font-size:.72rem;line-height:1.4}
.nag-about-corporate{color:#223240}.nag-about-intro{padding:8px 0 28px}.nag-about-intro h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.1;max-width:800px;letter-spacing:-.04em}.nag-about-corporate .lead,.nag-speciality .lead{font-size:1.15rem;max-width:850px;color:#394b5c;line-height:1.75}
.nag-about-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.nag-about-features>div,.nag-speciality-grid>div{border:1px solid #e0e6e7;border-top:4px solid #d9a349;border-radius:14px;background:white;padding:24px}.nag-about-features strong{color:#bb8637;font-size:1.75rem}.nag-about-features h3,.nag-speciality-grid h3{margin:9px 0;color:#132a3d}.nag-about-features p,.nag-speciality-grid p{color:#66727d;font-size:.92rem;line-height:1.7}
.nag-about-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 15px}.nag-speciality>h2{font-size:clamp(2rem,4vw,3.15rem);line-height:1.16;margin:8px 0 16px}.nag-speciality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:35px 0}.nag-speciality-icon{color:#bc893c;font-weight:900;font-size:1.8rem}
.nag-footer-followup{margin-top:44px;border-top:1px solid #354152;padding-top:28px}.nag-followup{display:grid;grid-template-columns:1fr 1.5fr;gap:28px;align-items:start}.nag-followup h2{color:#edc583;font-size:clamp(1.5rem,2.5vw,2.2rem);line-height:1.2}.nag-followup p{color:#d0d8dd}.nag-followup-form{min-width:0}.nag-followup-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nag-followup-fields label{display:flex;flex-direction:column;gap:3px;font-weight:650;font-size:.76rem;color:#f1e1c7}.nag-followup input,.nag-followup select{padding:11px;border:1px solid #8d9397;border-radius:8px;font-size:.9rem}.nag-followup .nag-followup-consent{display:flex;gap:10px;font-size:.74rem;line-height:1.5;margin:15px 0;color:#f0e3c4}.nag-followup-consent input{width:16px;height:16px;flex-shrink:0;margin:3px 0 0}.nag-followup-consent a{text-decoration:underline}.nag-followup .nag-hidden-field{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.nag-verify-box{border:1px solid #d4dbdc;border-top:5px solid #d1a152;border-radius:16px;padding:32px;background:#f6f8f8;margin:28px 0 45px}.nag-verify-box h2{color:#142638;margin:10px 0}.nag-verify-box label{display:block;font-weight:700;margin:15px 0 8px}.nag-verify-controls{display:flex;gap:10px}.nag-verify-controls input{flex:1;min-width:0}.nag-verify-controls button{white-space:nowrap}.nag-verify-box .fineprint{font-size:.77rem;color:#637382}.nag-verify-box #nag64-verify-result{min-height:28px;margin-top:15px;font-weight:650}
@media(max-width:1050px){.nag-original-pack-gallery{grid-template-columns:1fr 1fr}.nag-original-hero-bottles{max-width:580px;margin:auto}.nag-speciality-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:750px){.nag-followup{grid-template-columns:1fr}.nag-original-hero-bottles img{max-width:140px}.nag-about-features{grid-template-columns:1fr}}
@media(max-width:540px){.nag-original-pack-gallery,.nag-speciality-grid{grid-template-columns:1fr}.nag-original-pack-gallery img{height:auto;max-height:390px}.nag-followup-fields{grid-template-columns:1fr}.nag-verify-controls{flex-direction:column}.nag-hero-product-lineup{display:none}.nag-original-hero-bottles{gap:5px}.nag-original-hero-bottles img{width:31%}.nag-home-trust{gap:5px}.nag-home-trust span{font-size:.63rem}.nag-verify-box{padding:20px}}

.nag-identity-card{background:linear-gradient(145deg,#0e2030,#203746)!important;flex-direction:column;gap:10px;padding:22px!important;color:#fff}.nag-identity-card img{width:112px!important;height:auto!important;max-height:92px;object-fit:contain!important;border-radius:10px;background:#fff!important;padding:5px!important}.nag-identity-card strong{font-size:1rem;line-height:1.2;text-align:center;color:#f3cc87}.nag-identity-card span{color:#dae4e9;font-size:.8rem}
/* Keep in Touch form on a light content page (footer stays dark). */
.content-area .nag-followup{display:block;border:1px solid #e3e5e6;border-radius:17px;background:#f6f8f8;padding:30px;max-width:880px}
.content-area .nag-followup h2{color:#13293e}.content-area .nag-followup p{color:#566c7e;max-width:720px}
.content-area .nag-followup-fields label{color:#213647}.content-area .nag-followup-consent{color:#283b4d}
.content-area .nag-followup input,.content-area .nag-followup select{background:white;color:#132a3f}
.content-area .nag-followup-consent a{color:#865d2b}