/*
Theme Name: Soni IT Solution
Theme URI: https://soniitsolution.com
Author: Soni IT Solution
Description: A responsive product-first IT storefront theme for laptops, computers, networking, CCTV, data recovery and AMC services.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: soni-it-solution
*/
:root{--blue:#0647a8;--blue2:#0a5bd3;--navy:#032b67;--green:#20aa45;--red:#e4252b;--ink:#14243b;--muted:#62748a;--line:#dce5f0;--soft:#f5f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:white;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}.topbar{height:92px;display:grid;grid-template-columns:250px minmax(360px,1fr) 380px;align-items:center;gap:24px;padding:0 clamp(24px,4vw,72px);background:#fff}.retail-brand{display:flex;align-items:center;gap:8px;color:var(--blue)}.retail-brand>span:last-child{display:flex;flex-direction:column;line-height:.85}.laptop-logo{font-size:42px;line-height:1;transform:rotate(180deg);display:block}.retail-brand b{font-size:31px;letter-spacing:-.04em}.retail-brand strong{font-size:14px;letter-spacing:.08em;color:#111;margin-left:36px}.retail-brand small{font-size:7px;color:#6b7280;margin-top:8px;letter-spacing:.02em}.search{height:42px;border:1px solid #d5dce7;display:grid;grid-template-columns:1fr 145px 46px;border-radius:3px;overflow:hidden}.search input,.search select{border:0;padding:0 14px;color:#64748b;font-size:11px;background:white;min-width:0}.search select{border-left:1px solid #e2e7ef}.search button{border:0;background:var(--blue);color:white;font-size:20px;cursor:pointer}.quick-contact{display:flex;justify-content:flex-end;gap:20px}.quick-contact a{display:flex;gap:7px;align-items:center}.quick-contact a>span{font-size:20px}.quick-contact small{display:flex;flex-direction:column;font-size:8px}.quick-contact b{font-size:9px;margin-top:4px;color:#111}.quick-contact .whatsapp>span{color:var(--green)}
.navstrip{height:44px;background:linear-gradient(90deg,#0751bd,#023a91);color:white;padding:0 clamp(20px,4vw,72px);display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:750;white-space:nowrap}.navstrip a{height:100%;display:flex;align-items:center;padding:0 7px}.navstrip a:hover{background:#002e74}
.shop-hero{height:430px;background:radial-gradient(circle at 70% 40%,#0763ce 0,#034595 32%,#02285d 70%,#011a42 100%);position:relative;overflow:hidden;color:white;display:grid;grid-template-columns:48% 52%;align-items:center;padding:30px clamp(35px,7vw,115px)}.shop-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(50,151,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(50,151,255,.11) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.hero-copy{position:relative;z-index:2}.hero-kicker{font:700 8px "Courier New";letter-spacing:.06em;background:#073d82;display:inline-block;padding:7px 9px;border-radius:2px}.hero-copy>p{font-size:28px;margin:20px 0 0}.hero-copy h1{font-size:40px;line-height:1.05;margin:3px 0 13px;letter-spacing:-.03em}.hero-text{font-size:13px;line-height:1.65;color:#e1ecfa}.hero-buttons{display:flex;gap:15px;margin-top:22px}.hero-buttons a{min-width:180px;height:56px;padding:10px 15px;display:grid;grid-template-columns:25px 1fr;grid-template-rows:1fr 1fr;align-items:center;border-radius:4px;font-size:10px;font-weight:800;box-shadow:0 8px 24px #00133255}.hero-buttons a>span{font-size:18px;grid-row:1/3}.hero-buttons small{font-size:7px;font-weight:500}.blue-btn{background:#0964de}.green-btn{background:var(--green)}.hero-laptop{position:relative;width:min(620px,46vw);height:330px;z-index:2;filter:drop-shadow(35px 35px 30px rgba(0,10,30,.55));transform:perspective(1000px) rotateY(-8deg)}.hero-screen{width:78%;height:78%;margin-left:10%;background:#061329;border:9px solid #0c1d32;border-radius:9px 9px 2px 2px;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0083ff44}.hero-screen:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 55% 40%,#0c7eff66,transparent 45%)}.hero-screen i{position:absolute;right:24px;top:20px;color:#7bbcff;font:700 10px "Courier New";letter-spacing:.2em}.wave{position:absolute;border:7px solid #0ca8ff;border-color:#0ca8ff transparent transparent transparent;width:450px;height:170px;border-radius:50%;left:12%;top:35%;transform:rotate(-15deg);filter:drop-shadow(0 0 12px #00aeff)}.w2{left:26%;top:16%;transform:rotate(20deg);border-color:#1ae3ff transparent transparent transparent}.hero-base{height:20%;width:100%;background:linear-gradient(#63788e,#c2ced9 45%,#6f8497);clip-path:polygon(10% 0,88% 0,100% 70%,95% 100%,5% 100%,0 70%);position:relative}.hero-base span{position:absolute;width:8%;height:4px;background:#40566a;top:18px}.hero-base span:nth-child(1){left:20%}.hero-base span:nth-child(2){left:35%;width:30%}.hero-base span:nth-child(3){right:20%}.slider-dots{position:absolute;bottom:12px;left:50%;display:flex;gap:6px}.slider-dots i{width:7px;height:7px;background:white;border-radius:50%;opacity:.9}.slider-dots .active{background:#1682ff}
.trust-strip{max-width:1180px;margin:22px auto 0;display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);box-shadow:0 7px 22px #102a4b0a}.trust-strip>div{display:flex;align-items:center;justify-content:center;gap:9px;padding:18px 8px;border-right:1px solid var(--line)}.trust-strip>div:last-child{border:0}.trust-strip>div>span{width:36px;height:36px;border:2px solid #246ac0;border-radius:50%;display:grid;place-items:center;color:var(--blue);font-size:18px}.trust-strip p{display:flex;flex-direction:column;margin:0}.trust-strip b{font-size:10px}.trust-strip small{font-size:8px;color:#65758b;margin-top:3px}.store-section{max-width:1220px;margin:0 auto;padding:35px 22px}.center-title{display:flex;align-items:center;justify-content:center;gap:16px;font-size:15px;font-weight:850;margin-bottom:20px}.center-title span{height:1px;width:100px;background:#cdd8e5}.category-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.category-card{border:1px solid var(--line);min-height:142px;padding:12px 8px 10px;text-align:center;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 6px 16px #1f4a7810;transition:.2s}.category-card:hover{border-color:#2d76cf;transform:translateY(-3px)}.category-card b{font-size:10px}.cat-art{height:93px;display:grid;place-items:center;background:linear-gradient(145deg,#f8fafc,#e5ebf2);color:#183d67;font-size:36px;font-weight:900;position:relative;overflow:hidden}.cat-art:after{content:"";position:absolute;width:70%;height:7px;bottom:16px;background:#a5b5c6;border-radius:50%;filter:blur(3px);opacity:.35}.cat-ssd,.cat-ram{font-size:21px;letter-spacing:.04em;background:linear-gradient(145deg,#1d2937,#5b6876);color:white}.cat-accessories{font-size:46px}.outline-btn{border:1px solid #1b65bc;color:#0752aa;height:34px;padding:0 24px;display:flex;align-items:center;width:max-content;margin:20px auto 0;font-size:9px;font-weight:800;border-radius:3px}.outline-btn:hover{background:#edf6ff}.product-area{padding-top:15px}.product-title{height:48px;border-bottom:2px solid var(--blue);display:flex;align-items:center;gap:15px;margin-bottom:16px}.product-title h2{font-size:15px;color:var(--blue);margin:0}.product-title span{font-size:9px;color:#6f8198}.product-title a{margin-left:auto;font-size:9px;color:var(--blue);font-weight:700}.product-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px}.product-card{border:1px solid var(--line);padding:12px;position:relative;background:white;min-width:0;transition:.2s}.product-card:hover{box-shadow:0 10px 28px #0c4b9320;transform:translateY(-3px)}.product-badge{position:absolute;top:8px;left:8px;background:#eaf3ff;color:#0752aa;font-size:6px;font-weight:800;padding:4px 6px;z-index:2}.heart{position:absolute;right:8px;top:6px;background:white;border:0;font-size:18px;color:#90a1b4;z-index:2;cursor:pointer}.product-art{height:125px;margin:20px 0 12px;position:relative;background:#f4f7fa}.product-art.laptop:before{content:"";position:absolute;width:76%;height:64%;left:12%;top:9%;background:linear-gradient(135deg,#031a40,#087bdd);border:5px solid #202b35;border-radius:3px;box-shadow:0 10px 17px #30465b33}.product-art.laptop:after{content:"";position:absolute;width:90%;height:17%;left:5%;bottom:15%;background:#8a99a8;clip-path:polygon(10% 0,90% 0,100% 100%,0 100%)}.product-screen{position:absolute;z-index:1;top:33%;left:38%;font-size:7px;color:#83c7ff;letter-spacing:.1em}.product-art.blue:before{background:linear-gradient(135deg,#061327,#04a4ed)}.product-art.dark:before{background:linear-gradient(135deg,#0b1220,#345277)}.product-art.ssd:before{content:"SSD";position:absolute;width:75%;height:55%;left:13%;top:22%;background:#1e2937;color:white;display:grid;place-items:center;font-size:22px;font-weight:900;box-shadow:0 10px 16px #27384b44}.product-art.ram:before{content:"";position:absolute;width:86%;height:28%;left:7%;top:36%;background:repeating-linear-gradient(90deg,#105f30 0 14px,#268f50 14px 21px);border-bottom:8px dashed #d1a62c;transform:rotate(-8deg);box-shadow:0 10px 16px #27384b33}.product-art.router:before{content:"⌁";position:absolute;width:75%;height:46%;left:13%;top:38%;background:#222d38;color:white;display:grid;place-items:center;font-size:32px;border-radius:5px}.product-art.router:after{content:"";position:absolute;width:3px;height:70%;left:22%;top:5%;background:#222d38;box-shadow:85px 0 #222d38}.product-card h3{font-size:10px;line-height:1.3;margin:0;height:28px}.product-card>p{font-size:8px;line-height:1.35;color:#62748a;height:22px}.price-row{display:flex;gap:8px;align-items:center;margin:10px 0}.price-row del{font-size:8px;color:#8290a1}.price-row strong{color:var(--red);font-size:14px}.product-card>a{border:1px solid var(--blue);color:var(--blue);display:block;text-align:center;padding:6px;font-size:8px;font-weight:750;border-radius:2px}.price-note{text-align:right;color:#7c8b9b;font-size:8px}.deal-band{max-width:1176px;margin:15px auto 45px;background:linear-gradient(105deg,#032b67,#0757bd);color:white;min-height:155px;padding:28px 42px;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.deal-band:after{content:"";position:absolute;width:250px;height:250px;border:45px solid #ffffff0a;border-radius:50%;right:20%;top:-80px}.deal-band small{font:700 8px "Courier New";letter-spacing:.16em;color:#63dded}.deal-band h2{font-size:26px;margin:8px 0}.deal-band p{font-size:10px;color:#c2d9f5;margin:0}.deal-band a{background:white;color:var(--blue);padding:15px 20px;font-size:10px;font-weight:850;z-index:1}.deal-band a span{margin-left:15px}.services-retail{padding-top:10px}.service-row{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.service-row article{border:1px solid var(--line);padding:20px;display:grid;grid-template-columns:45px 1fr;gap:10px;align-items:center}.service-row article>span{width:42px;height:42px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;border-radius:50%;font-weight:800}.service-row h3{font-size:12px;margin:0 0 5px}.service-row p{font-size:8px;color:#6e7f92;margin:0;line-height:1.4}.service-row a{grid-column:2;font-size:8px;color:var(--blue);font-weight:750}.brands{max-width:1176px;margin:25px auto 20px;text-align:center}.brands h2{font-size:14px}.brands>div{display:grid;grid-template-columns:repeat(8,1fr);border:1px solid var(--line)}.brands b{height:70px;display:grid;place-items:center;border-right:1px solid var(--line);color:#1452a2;font-size:17px}.brands b:nth-child(3){color:#e3262e}.brands b:nth-child(5){color:#55a62d}.brands b:nth-child(6){color:#151515}.brands b:nth-child(7),.brands b:nth-child(8){font-size:11px}.visit-band{max-width:1176px;margin:20px auto 50px;border:1px solid var(--line);background:#f8fbff;display:grid;grid-template-columns:55px 1.5fr repeat(3,1fr) 1.1fr;align-items:center;min-height:100px}.visit-icon{width:42px;height:42px;background:var(--blue);color:white;border-radius:50%;display:grid;place-items:center;margin-left:12px}.visit-band h2{font-size:18px;color:var(--blue);margin:0 0 4px}.visit-band>div>p{font-size:9px;margin:0;line-height:1.45}.visit-point{display:flex;align-items:center;gap:8px}.visit-point>span{color:var(--blue);font-size:24px}.visit-point p{display:flex;flex-direction:column}.visit-point b{font-size:9px}.visit-point small{font-size:7px;color:#66788e}.visit-band>a{height:100%;background:var(--blue);color:white;padding:23px;display:block;font-size:10px;position:relative}.visit-band>a b{font-size:12px}.visit-band>a>span{position:absolute;right:20px;top:39px;font-size:18px}footer{background:#031b3b;color:white;padding:50px max(5vw,30px) 20px;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:50px}.footer-logo .laptop-logo{font-size:35px}.footer-logo b{font-size:25px}.footer-logo strong{color:white;font-size:11px;margin-left:28px}footer>div>p{font-size:10px;color:#849ab5;line-height:1.7;max-width:310px}footer h3{font-size:11px;color:#6edce8}footer>div{display:flex;flex-direction:column;gap:9px}footer>div>a:not(.retail-brand){font-size:9px;color:#9eb0c4}.footer-bottom{grid-column:1/-1;border-top:1px solid #16345a;padding-top:18px;font-size:8px;color:#667d98}.floating-wa{position:fixed;right:20px;bottom:20px;z-index:9;background:var(--green);color:white;border-radius:28px;padding:13px 18px;box-shadow:0 12px 28px #0b702b55;display:flex;align-items:center;gap:8px;font-size:18px}.floating-wa span{font-size:10px;font-weight:750}
@media(max-width:1050px){.topbar{grid-template-columns:220px 1fr}.quick-contact{display:none}.navstrip{overflow:auto;justify-content:flex-start;gap:20px}.category-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.trust-strip{grid-template-columns:repeat(3,1fr);margin-inline:20px}.trust-strip>div:nth-child(4),.trust-strip>div:nth-child(5){display:none}.service-row{grid-template-columns:repeat(2,1fr)}.visit-band{margin-inline:20px;grid-template-columns:55px 1.5fr 1fr 1fr}.visit-point:nth-of-type(4){display:none}.brands{margin-inline:20px}.brands>div{grid-template-columns:repeat(4,1fr)}footer{grid-template-columns:1.4fr repeat(3,1fr)}}
@media(max-width:700px){.topbar{height:auto;padding:15px 18px;grid-template-columns:1fr}.retail-brand{justify-self:center}.search{width:100%;grid-template-columns:1fr 42px}.search select{display:none}.navstrip{height:40px;padding-inline:15px}.shop-hero{height:auto;min-height:590px;grid-template-columns:1fr;padding:45px 24px 25px;align-items:start}.hero-copy h1{font-size:34px}.hero-copy>p{font-size:22px}.hero-buttons{flex-direction:column}.hero-laptop{width:92vw;height:255px;margin-top:15px}.slider-dots{left:44%}.trust-strip{grid-template-columns:1fr}.trust-strip>div:nth-child(2),.trust-strip>div:nth-child(3){display:none}.category-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.product-card{padding:9px}.product-art{height:110px}.deal-band{margin:10px 20px 35px;flex-direction:column;align-items:flex-start;gap:20px;padding:28px 24px}.service-row{grid-template-columns:1fr}.brands>div{grid-template-columns:repeat(2,1fr)}.visit-band{grid-template-columns:55px 1fr;margin-bottom:30px}.visit-point{display:none}.visit-band>a{grid-column:1/-1;text-align:center}.visit-band>a>span{display:none}footer{grid-template-columns:1fr 1fr;gap:30px}.footer-bottom{grid-column:1/-1}.floating-wa span{display:none}.floating-wa{padding:13px}.center-title span{width:45px}}
@media(max-width:420px){.product-grid{grid-template-columns:1fr 1fr}.product-card h3{height:38px}.price-row{flex-direction:column;align-items:flex-start;gap:2px}.category-card{min-height:130px}.cat-art{height:80px}footer{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.category-card,.product-card{transition:none}}
.custom-brand .custom-logo-link{display:block}.custom-brand .custom-logo{display:block;max-width:220px;max-height:72px;width:auto;height:auto}.navstrip .soni-menu{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:space-between;width:100%;height:100%}.navstrip .soni-menu li{height:100%;display:flex;align-items:center}.navstrip .soni-menu a{height:100%;display:flex;align-items:center;padding:0 8px}.no-products{padding:24px;text-align:center;color:var(--muted);border:1px solid var(--line)}.entry-content{font-size:15px;line-height:1.7}.entry-content img{max-width:100%;height:auto}
@media(max-width:1050px){.navstrip .soni-menu{justify-content:flex-start;gap:20px;min-width:max-content}}