﻿body{margin:0;background:#061b2d}.chipkin-mockup{margin:0 auto;padding:0;font-family:Arial,Helvetica,sans-serif;color:#172033;background:#e2e6ec;font-size:14px;width:1486px;max-width:100%}.chipkin-mockup *{box-sizing:border-box}.chipkin-mockup .wrap{padding:0 20px}.chipkin-mockup .top{background:#071729;color:#fff}.chipkin-mockup .topline{height:42px;border-bottom:1px solid #1d3044;font-size:11px}.chipkin-mockup .topnav{height:42px;display:flex;align-items:center;justify-content:space-between}.chipkin-mockup .links{display:flex;gap:28px;color:#e6edf6}.chipkin-mockup .links.right{gap:25px}.chipkin-mockup .mainhead{height:90px;display:flex;align-items:center;gap:45px}.chipkin-mockup .brand{display:flex;align-items:center;gap:12px;min-width:260px}.chipkin-mockup .brand b{font-size:25px;letter-spacing:-1px}.chipkin-mockup .brand b span,.chipkin-mockup .miniBrand span{color:#1598f4}.chipkin-mockup .brand small{display:block;font-size:10px;color:#b8c6d6;margin-top:5px}.chipkin-mockup .chiplogo{font-size:43px;line-height:1;color:#0795f5}.chipkin-mockup .search{height:40px;background:#e9edf2;border-radius:7px;display:flex;align-items:center;overflow:hidden;flex:0 1 376px;color:#91a0b2;border:1px solid #cbd5e1;margin:0 auto}.chipkin-mockup .search span{padding-left:16px;flex:1;font-size:13px}.chipkin-mockup .search button{width:46px;height:40px;border:0;background:#078df0;color:#fff;font-size:25px}.chipkin-mockup .actions{display:flex;gap:35px;font-size:31px}.chipkin-mockup .actions>div{display:flex;gap:9px;align-items:center}.chipkin-mockup .actions small{font-size:12px;line-height:1.35}.chipkin-mockup .actions b{font-size:12px}.chipkin-mockup .catbar{height:50px;background:#0d1e32;border-top:1px solid #26384a}.chipkin-mockup .catnav{display:flex;align-items:center;height:50px;gap:38px;font-size:11px;white-space:nowrap}.chipkin-mockup .catnav>span{font-weight:600}.chipkin-mockup .allcat{height:50px;width:198px;background:#078df0;display:flex;align-items:center;padding:0 16px;font-weight:700}.chipkin-mockup .allcat b{margin-left:auto}.chipkin-mockup .sale{color:#ff513d;margin-left:auto}.chipkin-mockup .page{display:grid;grid-template-columns:198px 1fr;gap:10px;padding-top:12px}.chipkin-mockup .sidebar{border:1px solid #dbe6f0;border-radius:5px;height:max-content;overflow:hidden;background:#e9edf2}.chipkin-mockup .sideitem{height:45px;display:flex;align-items:center;gap:12px;padding:0 13px;border-bottom:1px solid #edf2f7;font-size:11px}.chipkin-mockup .sideitem span{flex:1}.chipkin-mockup .sideitem b{color:#8ca0b4;font-size:18px}.chipkin-mockup .content{min-width:0}.chipkin-mockup .topgrid{display:grid;grid-template-columns:1fr 210px;gap:17px}.chipkin-mockup .hero{height:266px;position:relative;border-radius:7px;overflow:hidden;background:#061727}.chipkin-mockup .hero img{width:100%;height:100%;object-fit:cover}.chipkin-mockup .heroShade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,32,.95),rgba(4,18,32,.82) 45%,rgba(4,18,32,.08))}.chipkin-mockup .heroText{position:absolute;left:42px;top:32px;color:#fff}.chipkin-mockup .miniBrand{font-size:17px;font-weight:700;margin-bottom:17px}.chipkin-mockup .hero h1{font-size:25px;line-height:1.08;margin:0 0 14px;letter-spacing:-.5px}.chipkin-mockup .hero p{font-size:11px;color:#d2dce8}.chipkin-mockup .hero button,.chipkin-mockup .promo button,.chipkin-mockup .smallpromo button{border:0;background:#078df0;color:#fff;border-radius:7px;padding:12px 17px;font-weight:700;margin-top:7px}.chipkin-mockup .slider{position:absolute;right:20px;bottom:19px;color:#fff;font-size:10px}.chipkin-mockup .benefits{border:1px solid #dbe6f0;border-radius:6px;background:#e9edf2}.chipkin-mockup .benefits>div{height:65px;border-bottom:1px solid #edf2f7;display:flex;align-items:center;padding:10px 12px;gap:12px}.chipkin-mockup .benefits>div:last-child{border-bottom:0}.chipkin-mockup .benefits strong{font-size:28px;color:#153c68}.chipkin-mockup .benefits p{margin:0;font-size:10px;line-height:1.45}.chipkin-mockup .benefits small{color:#64748b}.chipkin-mockup .categoryrow-wrap{display:flex;align-items:center;gap:8px;margin:29px 0 19px}.chipkin-mockup .categoryrow{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;flex:1;padding-bottom:4px}.chipkin-mockup .categoryrow{scrollbar-width:none}.chipkin-mockup .categoryrow::-webkit-scrollbar{display:none}.chipkin-mockup .catcard{flex:0 0 240px;scroll-snap-align:start;transition:transform .25s ease,box-shadow .25s ease}.chipkin-mockup .catcard.cat-focus{transform:scale(1.08);box-shadow:0 8px 24px rgba(19,48,77,.18);z-index:1;position:relative}.chipkin-mockup .catnav-btn{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:1px solid #dce6ef;background:#e9edf2;color:#173b5a;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center}.chipkin-mockup .catnav-btn:hover{background:#e3e8ef}.chipkin-mockup .catcard{border:1px solid #dce6ef;border-radius:7px;overflow:hidden;background:#e3e8ef;transition:.15s}.chipkin-mockup .catcard:hover,.chipkin-mockup .product:hover{transform:translateY(-2px);box-shadow:0 5px 18px rgba(19,48,77,.1)}.chipkin-mockup .catcard img{width:100%;height:121px;object-fit:cover;background:#e3e8ef}.chipkin-mockup .catcard b,.chipkin-mockup .catcard small{display:block;padding-left:10px}.chipkin-mockup .catcard b{font-size:14px;margin-top:13px}.chipkin-mockup .catcard small{font-size:12px;color:#62748a;margin:10px 0 15px}.chipkin-mockup .smallpromo{border-radius:7px;overflow:hidden;background:linear-gradient(110deg,#09213a,#0d3555);color:#fff;padding:16px;background-image:url(/wp-content/themes/perfect-ecommerce-store-child/assets/hero.jpg);background-size:cover;background-position:center}.chipkin-mockup .smallpromo b{font-size:16px;line-height:1.15}.chipkin-mockup .smallpromo button{font-size:10px;padding:9px 13px}.chipkin-mockup .sectiontitle{display:flex;justify-content:space-between;align-items:center;margin:3px 0 10px}.chipkin-mockup .sectiontitle h2{font-size:19px;margin:0}.chipkin-mockup .sectiontitle a,.chipkin-mockup .newhead a{font-size:10px;color:#078df0}.chipkin-mockup .lowergrid{display:grid;grid-template-columns:1fr 210px;gap:17px;align-items:start}.chipkin-mockup .products{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;align-items:start}.chipkin-mockup .product{border:1px solid #dce6ef;border-radius:7px;padding:10px 13px 14px;position:relative;min-width:0;transition:.15s;background:#e9edf2}.chipkin-mockup .product label{display:inline-block;background:#dcfce7;color:#159447;border-radius:4px;padding:3px 6px;font-size:8px;font-weight:700}.chipkin-mockup .heart{position:absolute;right:11px;top:9px;color:#8298ad;font-size:21px}.chipkin-mockup .product img{width:100%;height:120px;object-fit:cover;margin:7px 0 5px}.chipkin-mockup .product h3{font-size:11px;line-height:1.3;min-height:32px;margin:0 0 6px}.chipkin-mockup .rating{font-size:10px;color:#f59e0b}.chipkin-mockup .rating i{font-style:normal;color:#8290a0}.chipkin-mockup .product>strong{display:block;font-size:15px;margin:9px 0}.chipkin-mockup .product button{width:100%;height:30px;background:#087df1;border:0;border-radius:5px;color:#fff;font-size:10px;font-weight:700}.chipkin-mockup .new{border:1px solid #dce6ef;border-radius:7px;overflow:hidden;background:#e9edf2;margin-top:25px}.chipkin-mockup .newhead{height:43px;border-bottom:1px solid #e5edf4;display:flex;align-items:center;justify-content:space-between;padding:0 11px}.chipkin-mockup .newhead h2{font-size:14px;margin:0}.chipkin-mockup .newitem{height:83px;border-bottom:1px solid #edf2f7;display:flex;align-items:center;gap:10px;padding:8px}.chipkin-mockup .thumb{width:54px;height:54px;border-radius:4px;background:#e3e8ef;display:flex;align-items:center;justify-content:center;color:#113b62;font-size:27px}.chipkin-mockup .newitem b{display:block;font-size:10px;font-weight:400;margin-bottom:6px}.chipkin-mockup .newitem strong{display:block;font-size:11px;margin-bottom:5px}.chipkin-mockup .newitem em{font-style:normal;font-size:8px;color:#0b9b50;border:1px solid #4ade80;border-radius:3px;padding:2px 4px}.chipkin-mockup .bottomgrid{display:grid;grid-template-columns:2.4fr .72fr .72fr .72fr;gap:12px;margin:-70px 227px 15px 0}.chipkin-mockup .promo{height:133px;border-radius:6px;overflow:hidden;position:relative;color:#fff;background:#071d31}.chipkin-mockup .promo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65}.chipkin-mockup .promo>div{position:relative;padding:14px 20px}.chipkin-mockup .promo h2{font-size:18px;line-height:1.1;margin:0 0 8px}.chipkin-mockup .promo p{font-size:10px;line-height:1.35;margin:0}.chipkin-mockup .promo button{font-size:9px;padding:8px 12px}.chipkin-mockup .info{height:133px;border:1px solid #dce6ef;border-radius:6px;padding:18px 13px;display:flex;flex-direction:column;gap:7px;background:#e3e8ef}.chipkin-mockup .info strong{font-size:25px;color:#078df0}.chipkin-mockup .info b{font-size:11px;line-height:1.35}.chipkin-mockup .info small{font-size:9px;color:#718198;line-height:1.4}.chipkin-mockup footer{background:#071729;color:#fff}.chipkin-mockup .foot{height:82px;display:flex;align-items:center;justify-content:space-between}.chipkin-mockup .foot .brand{min-width:250px}.chipkin-mockup .foot .brand b{font-size:17px}.chipkin-mockup .foot .chiplogo{font-size:29px}.chipkin-mockup .foot .brand small{font-size:8px}.chipkin-mockup .footlinks{display:flex;gap:24px;font-size:9px;color:#d5deea}.chipkin-mockup .social{font-size:12px}.chipkin-mockup .copy{font-size:8px;color:#b7c3d1;text-align:right}@media(max-width:1050px){.chipkin-mockup .wrap{max-width:calc(100% - 24px)}.chipkin-mockup .catnav{gap:16px}.chipkin-mockup .catnav span:nth-last-child(-n+3){display:none}.chipkin-mockup .products{grid-template-columns:repeat(3,1fr)}.chipkin-mockup .smallpromo{display:none}.chipkin-mockup .topgrid,.chipkin-mockup .lowergrid{grid-template-columns:1fr}.chipkin-mockup .new{display:grid;grid-template-columns:repeat(4,1fr)}.chipkin-mockup .newhead{grid-column:1/-1}.chipkin-mockup .sidebar{display:none}.chipkin-mockup .page{display:block}}.chipkin-mockup .mobnav{display:none}@media(max-width:700px){.chipkin-mockup .topline{display:none}.chipkin-mockup .mainhead{height:auto;padding:10px 0;flex-wrap:wrap;gap:10px}.chipkin-mockup .brand{min-width:0}.chipkin-mockup .brand small{display:none}.chipkin-mockup .search{order:3;flex-basis:100%;margin:0}.chipkin-mockup .actions{margin-left:auto;font-size:24px;gap:16px}.chipkin-mockup .actions small{display:none}.chipkin-mockup #rhs-search-anchor{display:none}.chipkin-mockup .catnav{overflow:hidden}.chipkin-mockup .catnav span{display:none}.chipkin-mockup .allcat{width:150px}.chipkin-mockup .hero{height:190px}.chipkin-mockup .hero h1{font-size:19px}.chipkin-mockup .heroText{left:14px;top:16px;width:70%}.chipkin-mockup .hero p{display:none}.chipkin-mockup .catcard{flex:0 0 104px}.chipkin-mockup .catcard img{height:74px}.chipkin-mockup .catcard b{font-size:9px;margin-top:7px;padding-left:7px}.chipkin-mockup .catcard small{font-size:8px;padding-left:7px;margin:0 0 7px}.chipkin-mockup .catnav-btn{display:none}.chipkin-mockup .products{grid-template-columns:repeat(2,1fr)}.chipkin-mockup .new{grid-template-columns:1fr 1fr}.chipkin-mockup .bottomgrid{grid-template-columns:1fr;margin:15px 0 0}.chipkin-mockup .footlinks{display:none}.chipkin-mockup .foot{height:auto;padding:20px 0;gap:15px;flex-wrap:wrap}.chipkin-mockup{padding-bottom:64px}.chipkin-mockup .mobnav{display:flex;position:fixed;z-index:100;bottom:0;left:0;right:0;height:58px;background:#071729;border-top:1px solid #1c3b55;justify-content:space-around;align-items:center}.chipkin-mockup .mobnav a{color:#9fb1c2;text-decoration:none;text-align:center;font-size:18px;line-height:1}.chipkin-mockup .mobnav a span{display:block;font-size:8px;margin-top:3px;color:#9fb1c2}.chipkin-mockup .mobnav a.active,.chipkin-mockup .mobnav a.active span{color:#078df0}}.chipkin-mockup .categoryrow-wrap,.chipkin-mockup .categoryrow{min-width:0}.chipkin-mockup .hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s linear .8s}.chipkin-mockup .hero-slide.is-active{opacity:1;visibility:visible;transition:opacity .8s ease}.chipkin-mockup .hero h2{font-size:38px;line-height:1.05;margin:0 0 14px;letter-spacing:-.5px}.chipkin-mockup .hero-btn-amber button{background:#e2972c!important;border-color:#e2972c!important;color:#111822!important}@media(max-width:700px){.chipkin-mockup .hero h2{font-size:26px}}@media (prefers-reduced-motion:reduce){.chipkin-mockup .hero-slide,.chipkin-mockup .hero-slide.is-active{transition:none}}