/*
Theme Name: PhoneTech USA
Author: Scott Radio & Electronics LLC
Description: Responsive phone accessory storefront with WooCommerce support.
Version: 1.0.1
Requires PHP: 7.4
Text Domain: phonetech
*/
:root{--ink:#142b3c;--muted:#596b75;--lime:#d9f577;--paper:#fbfcf8;--line:#dfe5dc;--navy:#132d40}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}:focus-visible{outline:3px solid #729f15;outline-offset:4px}.wrap{width:min(1240px,calc(100% - 80px));margin:auto}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{position:fixed;top:10px;left:10px;z-index:999;background:white;padding:14px}.topbar{background:var(--navy);color:#f6faef;font-size:12px;letter-spacing:.2px}.topbar .wrap{display:flex;justify-content:space-between;padding:8px 0}.head{display:flex;align-items:center;gap:45px;padding:28px 0}.logo{display:flex;gap:12px;align-items:center;font-size:27px;font-weight:800;letter-spacing:-1px;line-height:1.1;white-space:nowrap}.logo:hover{text-decoration:none}.logo-mark{display:grid;place-items:center;background:var(--lime);width:47px;height:48px;border-radius:12px;font-size:33px;position:relative}.logo-mark span{font-size:17px;position:absolute;right:4px;top:1px}.usa{font-weight:400}.logo small{display:block;font-size:8px;letter-spacing:1.6px;margin-top:7px;font-weight:600}.search{display:flex;background:#eef1e9;border:1px solid transparent;border-radius:6px;max-width:460px;flex:1;margin-left:auto}.search input{background:transparent;width:100%;border:0;padding:12px 15px;font-size:13px;min-width:0}.search button{border:0;background:transparent;padding:0 17px;font-size:29px;cursor:pointer}.bag{font-size:13px;font-weight:bold;white-space:nowrap}.bag span{background:var(--lime);border-radius:50%;padding:5px 8px;margin-left:5px}.nav{display:flex;gap:29px;font-size:12px;font-weight:600;padding:15px 0;border-top:1px solid var(--line)}.nav-help{margin-left:auto;color:#5c6d43}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-1.6px}h1{font-size:clamp(40px,5.1vw,68px);font-weight:700}h2{font-size:36px;font-weight:600}h3{font-size:20px;letter-spacing:-.5px}p{color:var(--muted)}.hero{display:grid;grid-template-columns:1.07fr 1fr;min-height:580px;gap:30px;align-items:center;padding:45px 0}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:bold;display:inline-flex;align-items:center;gap:8px;margin-bottom:24px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:#8ab72e}.hero h1{margin-bottom:25px}.hero em{font-style:normal;color:#537539}.hero-copy>p{font-size:17px;line-height:1.8;margin-bottom:31px}.actions{display:flex;align-items:center;gap:24px}.btn{display:inline-flex;gap:26px;justify-content:space-between;align-items:center;background:var(--navy);color:white;padding:15px 21px;font-size:12px;border-radius:5px;font-weight:600}.btn:hover{background:#25495f;text-decoration:none}.btn span{font-size:20px}.text-link{font-size:12px;font-weight:bold;white-space:nowrap}.hero-note{display:flex;gap:16px;align-items:center;font-size:8px;letter-spacing:1.8px;margin-top:48px;color:#637276}.hero-note span{font-size:11px;color:#172f3f}.hero-art{height:480px;position:relative;background:#e8eddb;border-radius:160px 10px 10px 10px;overflow:hidden}.orbit{position:absolute;border:1px solid #cbd5bd;border-radius:50%;width:450px;height:450px;top:55px;left:48px}.orbit-two{width:320px;height:320px;top:120px;left:115px}.phone-back{position:absolute;width:163px;height:322px;left:91px;top:89px;border-radius:31px;background:linear-gradient(120deg,#bdcea2,#7a9560);border:3px solid #a6b992;transform:rotate(-18deg);box-shadow:-15px 25px 27px #38512232}.camera{width:65px;height:67px;border-radius:17px;background:#9bb482;position:absolute;top:11px;left:11px;box-shadow:inset 0 0 0 1px #57773f55}.camera i{position:absolute;width:21px;height:21px;border:3px solid #b4c99b;background:#1a2930;border-radius:50%;left:8px;top:8px}.camera i:nth-child(2){top:36px}.camera i:nth-child(3){left:36px;top:22px}.mag-ring{position:absolute;border:7px solid #c7d6ae9e;width:92px;height:92px;border-radius:50%;top:135px;left:33px}.phone-front{position:absolute;left:220px;top:57px;width:178px;height:347px;border-radius:33px;background:#183245;border:5px solid #34444a;transform:rotate(14deg);overflow:hidden;box-shadow:15px 23px 27px #29411d40}.island{position:absolute;width:61px;height:17px;border-radius:15px;background:#101c23;top:10px;left:53px;z-index:2}.screen-orb{position:absolute;width:230px;height:230px;background:radial-gradient(circle at 40% 40%,#e7faa8,#a9c96a 48%,#486844 75%);border-radius:50%;left:-70px;top:65px}.screen-line{position:absolute;border:20px solid #e9fa99;border-radius:50%;width:240px;height:240px;left:65px;top:195px}.charger-art{position:absolute;width:93px;height:93px;bottom:37px;left:82px;background:linear-gradient(130deg,#fff,#e0e3da);border-radius:19px;transform:rotate(-17deg);box-shadow:6px 12px 18px #273d2530}.charger-art div{position:absolute;width:32px;height:9px;background:#36443a;border:3px solid #a2b19b;border-radius:5px;top:26px;left:29px}.charger-art i{display:block;position:absolute;width:35px;height:45px;border:8px solid #d5d9ce;top:-36px;left:27px;z-index:-1}.art-label{position:absolute;font-size:8px;letter-spacing:1.3px;background:#fcfff4d9;padding:8px 11px;border-radius:3px;z-index:2}.label-one{left:24px;top:25px}.label-two{right:20px;bottom:24px}.art-cross{position:absolute;right:27px;top:28px;font-size:26px;font-weight:300}.benefits{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f1f4ec}.benefits .wrap{display:flex;justify-content:space-between;gap:20px;padding:20px 0;font-size:11px;color:var(--muted)}.benefits strong{color:var(--ink);margin:0 8px}.section{padding-top:72px;padding-bottom:72px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;gap:20px}.section-head .eyebrow{margin-bottom:15px}.section-head h2{margin-bottom:0}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cat-card{display:flex;align-items:center;gap:18px;background:white;border:1px solid var(--line);border-radius:8px;padding:24px 18px;position:relative;transition:transform .2s,border-color .2s}.cat-card:hover{transform:translateY(-3px);border-color:#8baf55;text-decoration:none}.cat-art{width:80px;height:95px;flex-shrink:0;background:#f0f3e8;border-radius:8px;display:grid;place-items:center;color:#4e6846}.cat-art svg{width:65px;height:75px}.cat-card:nth-child(2n) .cat-art{background:#eaf0f3;color:#536b7d}.cat-card h3{font-size:17px;margin-bottom:8px;letter-spacing:-.4px}.cat-card p{font-size:11px;margin:0}.arrow{position:absolute;top:15px;right:15px;font-size:17px;color:#6f805c}.fit-section{display:grid;grid-template-columns:1fr 1fr;background:#edf1e5;border-radius:10px;overflow:hidden}.fit-visual{background:#e1e8d5;padding:42px;position:relative;min-height:350px}.fit-kicker,.fit-small{font-size:9px;letter-spacing:1.5px}.fit-small{position:absolute;bottom:32px;left:42px;color:#617653}.model-phone{display:flex;align-items:center;justify-content:center;gap:27px;height:205px;transform:rotate(-5deg)}.model-phone svg{width:130px;height:175px;color:#4a6644}.model-phone span{font-size:32px;letter-spacing:-1px;line-height:1.3}.model-phone b{color:#6d8a50;font-weight:400}.fit-copy{padding:50px}.fit-copy .eyebrow{margin-bottom:17px}.fit-copy h2{font-size:40px;margin-bottom:20px}.fit-copy p{font-size:13px;max-width:360px;margin-bottom:24px}.catalog-note{display:flex;align-items:center;gap:28px;border:1px dashed #bdcbb1;padding:32px;border-radius:8px}.catalog-plus{font-size:45px;background:#e8eddd;border-radius:50%;height:70px;width:70px;display:grid;place-items:center;flex-shrink:0;font-weight:300}.catalog-note h3{margin-bottom:8px}.catalog-note p{margin:0;max-width:570px;font-size:13px}.catalog-note .text-link{margin-left:auto}.help-section{background:var(--navy);color:white;position:relative}.help-section .wrap{padding-top:64px;padding-bottom:64px;position:relative}.help-section .eyebrow{color:#d5eea3}.help-section h2{font-size:48px;margin-bottom:20px}.help-section p{font-size:14px;color:#b9c9ce}.btn-light{background:var(--lime);color:var(--navy)}.btn-light:hover{background:#c5e95c}.help-badge{position:absolute;right:90px;top:90px;display:flex;align-items:center;gap:18px;font-size:74px;letter-spacing:-3px;color:var(--lime)}.help-badge small{font-size:13px;letter-spacing:1px;line-height:1.6;font-weight:bold;color:white}.footer{background:#0b2231;color:#d5dee0;padding-top:52px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1fr;gap:40px;padding-bottom:45px}.foot-brand{font-size:23px;font-weight:bold;color:white;letter-spacing:-1px}.foot-brand span{font-weight:400}.footer p{font-size:12px;color:#9fb2bb;margin:13px 0}.footer h2{font-size:12px;letter-spacing:0;margin:4px 0 20px;color:white}.footer-grid>div>a:not(.foot-brand){display:block;font-size:11px;margin:12px 0}.veteran{font-size:9px;color:#d6eda8}.legal{font-size:10px;padding:22px 0;border-top:1px solid #2b404d;color:#90a5b0}.content-page{max-width:900px;min-height:55vh}.content-page h1{font-size:46px}.content-page h2{font-size:29px;margin-top:35px}.content-page h3{font-size:23px;margin-top:30px}.content-page p a{text-decoration:underline}.woocommerce-area{min-height:50vh}.woocommerce .woocommerce-breadcrumb{font-size:12px}.woocommerce ul.products li.product a img{border-radius:8px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:17px;letter-spacing:-.3px}.woocommerce ul.products li.product .price{color:var(--ink)}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{background:var(--navy);color:white;border-radius:5px;padding:13px 18px;font-size:12px}.woocommerce span.onsale{background:#517439}.woocommerce div.product .product_title{font-size:36px}.woocommerce .quantity .qty{padding:8px}.woocommerce input.input-text,.woocommerce textarea{padding:10px;border:1px solid #c6d0c4;border-radius:4px}.woocommerce-message{border-top-color:#597e3e}.woocommerce-info{border-top-color:#31546b}.woocommerce ul.products li.product{background:white;padding:14px;border:1px solid var(--line);border-radius:9px}.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{font-size:12px}.woocommerce div.product .woocommerce-tabs ul.tabs li{border-color:var(--line)}
@media(min-width:1500px){.hero{min-height:650px}.hero-art{height:520px}.phone-back{left:110px;top:109px}.phone-front{left:248px;top:77px}}
@media(max-width:1000px){.wrap{width:calc(100% - 44px)}.head{gap:20px}.logo{font-size:23px}.search{max-width:320px}.nav{gap:20px;flex-wrap:wrap}.nav-help{margin-left:0}.hero{gap:20px;min-height:520px}.hero h1{font-size:47px}.hero-art{height:420px}.phone-back{left:35px;top:95px;width:145px;height:290px}.phone-front{left:155px;top:55px;width:157px;height:310px}.charger-art{left:35px;bottom:20px}.actions{gap:17px;flex-wrap:wrap}.hero-note{margin-top:28px}.categories{grid-template-columns:repeat(2,1fr)}.help-badge{right:20px;font-size:58px}.footer-grid{gap:22px}.fit-copy{padding:35px}.fit-visual{padding:30px}.benefits .wrap{flex-wrap:wrap;justify-content:center}.section{padding-top:55px;padding-bottom:55px}}
@media(max-width:650px){.wrap{width:calc(100% - 32px)}.topbar{font-size:9px}.head{flex-wrap:wrap;padding:20px 0;gap:18px}.logo{font-size:23px}.logo small{font-size:7px}.logo-mark{width:40px;height:41px}.bag{margin-left:auto}.search{order:3;max-width:none;width:100%;flex-basis:100%}.nav{gap:19px;overflow:auto;flex-wrap:nowrap;white-space:nowrap;padding:13px 0;font-size:11px}.nav-help{padding-right:10px}.hero{grid-template-columns:1fr;padding:35px 0;gap:30px}.hero h1{font-size:48px;letter-spacing:-2px}.hero-copy>p{font-size:14px}.eyebrow{font-size:9px;margin-bottom:20px}.hero-art{height:370px;max-width:440px;width:100%;margin:auto;border-radius:100px 8px 8px}.phone-back{left:calc(50% - 115px);top:75px;width:135px;height:265px}.phone-front{left:calc(50% - 4px);top:40px;width:144px;height:282px}.camera{transform:scale(.8);transform-origin:top left}.mag-ring{width:80px;height:80px;left:24px;top:116px}.island{left:39px}.charger-art{width:72px;height:72px;bottom:15px;left:30px}.charger-art div{left:20px;top:20px}.charger-art i{left:20px}.hero-note{margin-top:25px}.benefits .wrap{justify-content:flex-start;gap:10px;font-size:10px;padding:16px 0}.benefits strong{margin-left:6px}.section{padding-top:43px;padding-bottom:43px}.section-head{align-items:flex-start;flex-direction:column;gap:15px;margin-bottom:24px}h2{font-size:29px}.categories{gap:12px}.cat-card{display:block;padding:14px;min-height:210px}.cat-art{width:100%;height:100px;margin-bottom:17px}.cat-art svg{height:80px;width:65px}.cat-card h3{font-size:15px}.cat-card p{font-size:10px}.arrow{top:15px;right:18px}.fit-section{grid-template-columns:1fr}.fit-visual{min-height:270px;padding:25px}.model-phone{height:185px}.fit-small{bottom:22px;left:25px}.fit-copy{padding:30px 25px}.fit-copy h2{font-size:34px}.catalog-note{flex-wrap:wrap;padding:24px;gap:18px}.catalog-plus{height:48px;width:48px;font-size:30px}.catalog-note>div{flex:1;min-width:180px}.catalog-note .text-link{margin-left:0}.help-section .wrap{padding:44px 0}.help-section h2{font-size:38px}.help-section p{font-size:12px}.help-badge{position:static;font-size:45px;margin-top:35px;gap:15px;letter-spacing:-2px}.help-badge small{font-size:10px}.footer{padding-top:35px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.content-page h1{font-size:36px}.content-page h2{font-size:25px}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:48%;margin-right:2%;padding:10px}.woocommerce div.product .product_title{font-size:29px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}