/* =====================================================================
   Aloradyab design "A" — premium blue
   Familiar shop layout, white rounded panels on a cool grey ground,
   logo blue for actions, orange for small highlights, banners built in CSS.
   ===================================================================== */
@font-face{font-family:"Vazirmatn FD";src:url(fonts/Vazirmatn-FD-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Vazirmatn FD";src:url(fonts/Vazirmatn-FD-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Vazirmatn FD";src:url(fonts/Vazirmatn-FD-Bold.woff2) format("woff2");font-weight:600 700;font-display:swap}
@font-face{font-family:"Vazirmatn FD";src:url(fonts/Vazirmatn-FD-ExtraBold.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:"Vazirmatn FD";src:url(fonts/Vazirmatn-FD-Black.woff2) format("woff2");font-weight:900;font-display:swap}

html:root{
  --bg:#F3F6FA; --card:#FFFFFF; --soft:#F6F9FC; --line:#E6ECF3; --ink:#0D2340; --mut:#5E6D85;
  --b1:#0C5DA8; --b2:#1E96D4; --b3:#5CC2F2; --bl:#E8F4FC; --or:#FF8A1F; --ok:#14965B; --r:22px; --rs:16px;
  --font:"Vazirmatn FD",Tahoma,sans-serif; --wrap:1320px; --gut:24px;
  --wd-text-font:var(--font); --wd-title-font:var(--font); --wd-entities-title-font:var(--font); --wd-alternative-font:var(--font); --wd-header-el-font:var(--font);
  --wd-title-font-weight:800; --wd-entities-title-font-weight:500; --wd-header-el-font-weight:600; --wd-header-el-font-size:14.5px; --wd-text-font-size:15px;
  --wd-primary-color:var(--b2); --wd-alternative-color:var(--or); --wd-link-color:var(--ink); --wd-link-color-hover:var(--b1);
  --wd-title-color:var(--ink); --wd-text-color:#2A3A52; --color-gray-900:var(--ink); --color-gray-800:var(--ink); --color-gray-500:var(--mut);
  --wd-brd-radius:16px; --wd-form-brd-radius:12px; --wd-form-brd-width:1px; --wd-form-brd-color:var(--line); --wd-form-bg:#fff;
  --btn-accented-bgcolor:var(--b2); --btn-accented-bgcolor-hover:var(--b1); --btn-accented-color:#fff; --btn-accented-color-hover:#fff; --btn-accented-brd-radius:12px;
  --btn-default-bgcolor:var(--bl); --btn-default-bgcolor-hover:var(--b2); --btn-default-color:var(--b1); --btn-default-color-hover:#fff; --btn-default-brd-radius:12px;
  --btn-accented-box-shadow:none; --btn-accented-box-shadow-hover:none; --btn-default-box-shadow:none; --btn-default-box-shadow-hover:none;
  --wd-main-bgcolor:var(--bg);
}
body{font-family:var(--font);background:var(--bg)!important;color:#2A3A52}
.website-wrapper,.main-page-wrapper{background:var(--bg)!important}
body .product-title,body .product-grid-item .product-title,body .wd-entities-title,body td.product-name a,body .product-image-summary .entry-title,body .blog-post-loop .entry-title,body .post-single-page .entry-title,body .category-grid-item .category-title,body .autocomplete-suggestion .suggestion-title,body .widget_recent_entries ul li a{font-family:var(--font)!important}
body .digits_ui *,body .dig_ma-box *{font-family:var(--font)!important}
h1,h2,h3,h4{color:var(--ink)}
:focus-visible{outline:3px solid var(--b3)!important;outline-offset:2px}

.t1{background:linear-gradient(160deg,#E5F3FD,#C7E6FA)}.t2{background:linear-gradient(160deg,#FFF0DE,#FFD9AE)}.t3{background:linear-gradient(160deg,#E7F6EF,#C4EBD8)}
.t4{background:linear-gradient(160deg,#FFF5D6,#FFE08A)}.t5{background:linear-gradient(160deg,#E2F7F2,#B6EBDD)}.t6{background:linear-gradient(160deg,#F1ECFA,#DCD2F3)}
.t7{background:linear-gradient(160deg,#FDEBEC,#F8CDD1)}.t8{background:linear-gradient(160deg,#EEF1F5,#D7DEE8)}.t9{background:linear-gradient(160deg,#E4EEF9,#C3D6EE)}

.alo-wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut);box-sizing:border-box}
.alo-home{padding-bottom:10px}
.box{background:var(--card);border-radius:var(--r);padding:22px;margin-top:22px}
.muted{color:var(--mut)}
.alo-h2{font-size:22px;font-weight:900;line-height:1.5;margin:0 0 14px}
.alo-h3{font-size:18px;font-weight:800;line-height:1.5;margin:0 0 10px}
.alo-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border-radius:12px;border:0;font:800 15px/1.2 var(--font);text-decoration:none!important;cursor:pointer;transition:background-color .15s ease,transform .12s ease}
.alo-btn:active{transform:scale(.97)}
.alo-btn--buy{background:var(--b2);color:#fff!important}.alo-btn--buy:hover{background:var(--b1)}
.alo-btn--soft{background:var(--bl);color:var(--b1)!important}.alo-btn--soft:hover{background:#D6ECFA}
.alo-btn--block{display:flex;width:100%}
.alo-btn .alo-ico{width:20px;height:20px}
.added_to_cart.wc-forward{display:none!important}
.hd{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.hd h2{font-size:21px;font-weight:900;margin:0;white-space:nowrap}
.hd small{color:var(--mut);font-size:13px}
.hd i{flex:1;height:2px;background:var(--line);border-radius:2px}
.hd a{color:var(--b1);font-weight:800;font-size:14px;white-space:nowrap;text-decoration:none}
.hd a:hover{color:var(--b2)}

.alo-topbar{background:var(--ink);color:#C9D6E8;font-size:13px}
.alo-topbar .alo-wrap{display:flex;justify-content:space-between;align-items:center;min-height:36px;gap:16px}
.alo-topbar a{color:#C9D6E8;text-decoration:none}.alo-topbar a b{color:#fff;font-weight:600}.alo-topbar a:hover{color:#fff}
.alo-topbar__links{display:flex;gap:18px;flex:none}
.whb-header .wd-social-icons{display:none!important}
.whb-general-header{border-bottom:0!important;background:#fff!important}
.whb-header .wd-nav-main>li>a{font-size:15px;font-weight:600;color:var(--ink)}
.whb-header .wd-nav-main>li>a:hover,.whb-header .wd-nav-main>li.current-menu-item>a{color:var(--b2)}
.whb-header-bottom{background:#fff!important;border-top:1px solid #EEF2F7!important;border-bottom:0!important}
.whb-header-bottom .wd-header-cats .menu-opener{background:var(--b2)!important;color:#fff!important;border-radius:12px!important}
.whb-header .searchform input[type=text]{background:#EEF2F7!important;border:0!important;border-radius:14px!important;height:46px}
.whb-header .searchform .searchsubmit{border-radius:14px!important;color:var(--mut)!important}
.wd-header-cart .wd-cart-number,.wd-tools-count{background:var(--or)!important;color:#fff!important}
.page-template-alo-home .wd-toolbar-sidebar,.page-template-alo-about .wd-toolbar-sidebar,.page-template-alo-renew .wd-toolbar-sidebar,.error404 .wd-toolbar-sidebar{display:none!important}
.wd-toolbar{box-shadow:0 -1px 0 var(--line)!important;border:0}

.page-template-alo-home .main-page-wrapper,.page-template-alo-about .main-page-wrapper,.page-template-alo-renew .main-page-wrapper,.error404 .main-page-wrapper{padding-top:0!important}
.page-template-alo-home .main-page-wrapper>.container,.page-template-alo-about .main-page-wrapper>.container,.page-template-alo-renew .main-page-wrapper>.container,.error404 .main-page-wrapper>.container{max-width:none;padding-inline:0}
.page-template-alo-home .site-content,.page-template-alo-about .site-content,.page-template-alo-renew .site-content,.error404 .site-content{padding:0;margin:0}

/* ===================== DESIGNED BANNERS ===================== */
.bn{position:relative;overflow:hidden;border-radius:var(--r);isolation:isolate;display:block;text-decoration:none!important;color:inherit}
.bn__tx{position:relative;z-index:3;display:flex;flex-direction:column;align-items:flex-start}
.bn__kick{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;border-radius:30px;padding:3px 12px;background:rgba(255,255,255,.18);color:inherit}
.bn__cta{display:inline-flex;align-items:center;gap:8px;height:50px;padding:0 24px;border-radius:14px;font-weight:800;font-size:15px;background:#fff;color:var(--b1);text-decoration:none!important;transition:transform .12s ease,box-shadow .15s ease}
.bn:hover .bn__cta,.bn__cta:hover{box-shadow:0 10px 20px rgba(0,30,70,.18)}
.bn__row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.bn__from{font-size:14px}.bn__from b{font-size:22px;font-weight:900}

.top{display:grid;grid-template-columns:2.15fr 1fr;gap:16px;padding-top:20px}
.sl{position:relative;border-radius:var(--r);overflow:hidden;height:440px}
.sl__track{display:flex;height:100%;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.sl__track>.bn{flex:0 0 100%;height:100%;border-radius:0;display:grid;grid-template-columns:1fr 1fr;align-items:center}
.sl__track .bn__tx{padding:0 52px}
.bn__t{font-size:40px;font-weight:900;line-height:1.35;margin:14px 0 10px;color:inherit}
.bn__p{font-size:16px;margin:0 0 20px;max-width:27em;opacity:.9;line-height:1.85}
.sl__dots{position:absolute;z-index:4;bottom:18px;right:52px;display:flex;gap:6px}
.sl__dots button{width:9px;height:9px;padding:0;border:0;border-radius:6px;background:rgba(255,255,255,.45);cursor:pointer;transition:width .3s ease,background-color .3s ease;min-height:0}
.sl__dots button[aria-current]{width:30px;background:#fff}
.bn--car{background:radial-gradient(120% 140% at 15% 60%,#2BA6EC 0%,#1479C8 38%,#0B3F7A 100%);color:#fff}
.bn__rings{position:absolute;left:-110px;top:50%;transform:translateY(-52%);width:640px;height:640px;z-index:0}
.bn__rings circle{fill:none;stroke:rgba(255,255,255,.14);stroke-width:2}
.bn__podium{position:absolute;left:60px;bottom:44px;width:360px;height:70px;z-index:1}
.bn__podium::before{content:"";position:absolute;inset:0;border-radius:50%;background:linear-gradient(180deg,#7FD0FA,#1F7CC2);box-shadow:0 30px 40px rgba(3,25,60,.45)}
.bn__podium::after{content:"";position:absolute;inset:-22px 0 22px 0;border-radius:50%;background:linear-gradient(180deg,#E9F6FE,#A9DCF8)}
.bn--car img{position:absolute;z-index:2;height:auto;filter:drop-shadow(0 20px 20px rgba(0,20,50,.42))}
.bn--car .bn__p1{left:135px;bottom:96px;width:210px}
.bn--car .bn__p2{left:30px;bottom:84px;width:150px;transform:rotate(-8deg)}
.bn--car .bn__p3{left:300px;bottom:84px;width:140px;transform:rotate(6deg)}
.bn__chip{position:absolute;z-index:3;background:#fff;color:var(--ink);border-radius:14px;padding:8px 12px;font-size:13px;font-weight:700;display:flex;gap:8px;align-items:center;box-shadow:0 12px 26px rgba(0,25,60,.25)}
.bn__chip i{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;font-style:normal;color:#fff;font-size:13px}
.bn__chip i.g{background:#22C07A}.bn__chip i.g::after{content:"";width:8px;height:8px;border-radius:50%;background:#fff}
.bn__chip i.o{background:var(--or)}
.bn__chip--1{left:24px;top:120px}.bn__chip--2{left:250px;top:44px}
.bn--finder{background:radial-gradient(120% 140% at 20% 50%,#1D2B44 0%,#0E1626 70%);color:#fff}
.bn__radar{position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:520px;height:520px;z-index:0}
.bn__radar circle{fill:none;stroke:rgba(92,194,242,.28);stroke-width:1.6}.bn__radar path{fill:rgba(92,194,242,.14)}
.bn--finder img{position:absolute;z-index:2;filter:drop-shadow(0 24px 30px rgba(0,0,0,.6))}
.bn--finder .bn__p1{left:150px;top:50%;width:250px;transform:translateY(-50%) rotate(-6deg)}
.bn--finder .bn__p2{left:40px;bottom:40px;width:170px;transform:rotate(8deg)}
.bn--finder .bn__cta{background:var(--b3);color:#06233F}
.bn--mag{background:linear-gradient(120deg,#13253F 0%,#24476F 100%);color:#fff}
.bn__magnet{position:absolute;left:70px;top:50%;transform:translateY(-50%);width:330px;height:290px;z-index:1}
.bn--mag .bn__p1{position:absolute;z-index:2;left:110px;top:50%;width:260px;transform:translateY(-50%) rotate(-8deg);filter:drop-shadow(0 24px 26px rgba(0,0,0,.5))}
.bn__bat{display:flex;gap:4px;align-items:center;margin:2px 0 22px}.bn__bat i{width:16px;height:22px;border-radius:4px;background:#5BE38F}.bn__bat i.off{background:rgba(255,255,255,.18)}.bn__bat em{font-style:normal;font-size:13px;margin-inline-start:8px;opacity:.85}
.side{display:grid;gap:16px}
.sb{height:212px;padding:26px;display:flex;flex-direction:column;justify-content:center}
.sb__t{font-size:22px;font-weight:900;line-height:1.4;margin:8px 0 2px;color:var(--ink)}
.sb__p{font-size:13.5px;margin-bottom:10px;color:#4C566A}
.sb__go{font-weight:800;font-size:14px;display:inline-flex;align-items:center;gap:4px}
.sb__img{position:absolute;z-index:2;filter:drop-shadow(0 16px 16px rgba(0,0,0,.22));transition:transform .35s ease}
.sb--kid{background:linear-gradient(135deg,#FFE7A8 0%,#FFC25C 100%)}.sb--kid .bn__kick{background:rgba(255,255,255,.6);color:#8A4B00}.sb--kid .sb__go{color:#8A4B00}
.sb--kid .sb__img{left:6px;bottom:-14px;width:180px;transform:rotate(-12deg)}
.sb--kid:hover .sb__img{transform:rotate(-12deg) translateY(-4px)}
.sb__sos{position:absolute;left:150px;top:22px;width:58px;height:58px;border-radius:50%;background:#E93D3D;color:#fff;font:900 15px var(--font);display:grid;place-items:center;box-shadow:0 0 0 10px rgba(233,61,61,.18);z-index:3}
.sb--pet{background:linear-gradient(135deg,#C9F3E1 0%,#7FDDB9 100%)}.sb--pet .bn__kick{background:rgba(255,255,255,.6);color:#0E6B46}.sb--pet .sb__go{color:#0E6B46}
.sb--pet .sb__img{left:4px;bottom:-8px;width:170px}
.sb--pet:hover .sb__img{transform:translateY(-4px)}
.sb__paw{position:absolute;left:150px;top:24px;z-index:1;opacity:.35;fill:#0E6B46}
.mid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.mb{height:250px;padding:34px;display:flex;flex-direction:column;justify-content:center;color:#fff}
.mb .bn__tx{width:52%;align-self:flex-start}
.mb__t{font-size:27px;font-weight:900;line-height:1.4;margin:10px 0 6px}
.mb__p{margin:0 0 16px;opacity:.9;font-size:14.5px;line-height:1.8}
.mb .bn__cta{height:44px;font-size:14px;color:var(--ink)}
.mb__img{position:absolute;z-index:2;left:50px;top:50%;width:200px;transform:translateY(-50%);filter:drop-shadow(0 22px 24px rgba(0,0,0,.4));transition:transform .35s ease}
.mb:hover .mb__img{transform:translateY(-53%)}
.mb--voice{background:linear-gradient(120deg,#0E5E63 0%,#14A3A0 100%)}
.mb__wave{position:absolute;left:0;top:0;width:330px;height:100%;z-index:1;opacity:.45}
.mb--pers{background:linear-gradient(120deg,#E8613C 0%,#FF9A5A 100%)}
.mb__dots{position:absolute;left:0;top:0;width:300px;height:100%;z-index:1}
.mb--pers .mb__img{width:190px;transform:translateY(-50%) rotate(-10deg)}.mb--pers:hover .mb__img{transform:translateY(-53%) rotate(-10deg)}
.appb{margin-top:22px;height:300px;background:linear-gradient(110deg,#EAF5FD 0%,#D4EBFB 100%);display:grid;grid-template-columns:1.1fr 1fr;align-items:center;color:var(--ink)}
.appb .bn__tx{padding:0 52px}
.appb .bn__kick{background:#fff;color:var(--b1)}
.appb__t{font-size:30px;font-weight:900;margin:10px 0 8px}
.appb__p{color:#3E5068;margin:0 0 18px;max-width:30em;line-height:1.85}
.appb .bn__cta{background:var(--b2);color:#fff}.appb .bn__cta--l{background:#fff;color:var(--ink)}
.appb__ph{position:absolute;left:120px;top:34px;width:200px;height:400px;border-radius:32px;background:var(--ink);padding:9px;z-index:2;transform:rotate(-6deg);box-shadow:0 30px 50px rgba(13,35,64,.3);box-sizing:border-box}
.appb__s{display:block;border-radius:24px;height:100%;background:#EEF3F7;overflow:hidden;position:relative}
.appb__map{position:absolute;inset:0;width:100%;height:100%}
.appb__tt{position:absolute;top:0;left:0;right:0;background:#fff;padding:12px;font-size:11px;font-weight:800}
.appb__bt{position:absolute;bottom:0;left:0;right:0;background:#fff;border-radius:18px 18px 0 0;padding:10px;font-size:11px;line-height:1.7}
.appb__dev{position:absolute;left:300px;bottom:22px;width:150px;z-index:3;filter:drop-shadow(0 16px 18px rgba(0,0,0,.25))}
.pgh{margin-top:20px;min-height:360px;background:radial-gradient(120% 140% at 15% 60%,#2BA6EC 0%,#1479C8 40%,#0B3F7A 100%);color:#fff;display:grid;grid-template-columns:1.3fr 1fr;align-items:center}
.pgh .bn__tx{padding:40px 52px}
.pgh__t{font-size:34px;font-weight:900;line-height:1.45;margin:12px 0 10px;color:#fff}
.pgh__p{font-size:16px;line-height:1.95;opacity:.92;max-width:36em}
.pgh__pic{align-self:stretch}.pgh__pic img{width:100%;height:100%;object-fit:cover;display:block}

/* ===================== HOME SECTIONS ===================== */
.cats{display:grid;grid-template-columns:repeat(9,1fr);gap:12px;margin-top:22px}
.cat{background:var(--card);border-radius:20px;padding:14px 8px 12px;text-align:center;text-decoration:none!important;color:var(--ink);transition:transform .2s ease,box-shadow .2s ease}
.cat:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(13,35,64,.08)}
.cat__c{display:grid;place-items:center;aspect-ratio:1;border-radius:16px;margin-bottom:8px}
.cat__c img{width:76%!important;height:76%!important;object-fit:contain;mix-blend-mode:multiply}
.cat b{font-size:14px;display:block;line-height:1.5;font-weight:700}
.cat small{color:var(--mut);font-size:12px}
.amz{margin-top:22px;border-radius:var(--r);padding:20px;display:grid;grid-template-columns:200px minmax(0,1fr);gap:14px;background:linear-gradient(120deg,#0B4A8C,#1E96D4)}
.amz__h{color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}
.amz__h h2{font-size:26px;font-weight:900;line-height:1.4;margin:0;color:#fff;max-width:6em}
.amz__h a{background:#fff;color:var(--b1);border-radius:12px;padding:6px 18px;font-weight:800;font-size:14px;text-decoration:none}
.sc{position:relative}
.sc__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 40px)/5);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.sc__track::-webkit-scrollbar{display:none}
.sc__track>.pc{scroll-snap-align:start}
.sc__btn{position:absolute;top:38%;z-index:3;width:42px;height:42px;min-height:0;padding:0;border-radius:50%;border:0;background:#fff;color:var(--ink);box-shadow:0 8px 20px rgba(13,35,64,.18);display:grid;place-items:center;cursor:pointer}
.sc__btn--prev{right:-14px}.sc__btn--next{left:-14px}
.sc__btn[hidden]{display:none}
.pc{background:var(--card);border-radius:var(--rs);padding:14px;display:flex;flex-direction:column;border:1px solid #EEF2F7;min-width:0}
.pc__im{display:grid;place-items:center;aspect-ratio:1;border-radius:12px;background:var(--soft);overflow:hidden}
.pc__im img{width:82%!important;height:82%!important;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s ease}
.pc:hover .pc__im img{transform:scale(1.05)}
.pc.is-out .pc__im img{opacity:.55}
.pc__name{font:500 14px/1.75 var(--font);margin:10px 0 4px;min-height:49px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pc__name a{color:#24344C;text-decoration:none}.pc__name a:hover{color:var(--b1)}
.pc__st{font-size:12px;color:var(--ok);font-weight:700}
.pc.is-out .pc__st{color:var(--mut)}
.pc__f{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:40px}
.pc__pr{font-size:16px;font-weight:900;color:var(--ink);line-height:1.4}
.pc__pr del{display:block;font-size:12px;font-weight:400;color:var(--mut)}
.pc__pr ins{text-decoration:none}
.pc__pr .woocommerce-Price-currencySymbol{font-size:11px;font-weight:400;color:var(--mut)}
.pc__na{font-size:13px;font-weight:500;color:var(--mut)}
.pc__add{flex:none;width:38px;height:38px;border-radius:12px;background:var(--bl);color:var(--b1)!important;display:grid;place-items:center;transition:background-color .15s ease,color .15s ease,transform .12s ease}
.pc__add:hover{background:var(--b2);color:#fff!important}
.pc__add:active{transform:scale(.92)}
.pc__add.loading{opacity:.6}
.pc__add.added{background:#DDF5EA;color:var(--ok)!important}
.pc__add::before,.pc__add::after{display:none!important}
.pc-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.trust{display:grid;grid-template-columns:repeat(5,1fr);list-style:none;margin:22px 0 0;background:var(--card);border-radius:var(--r);padding:22px}
.trust li{display:flex;gap:12px;align-items:center;justify-content:center}
.trust__ic{width:50px;height:50px;border-radius:16px;background:linear-gradient(160deg,#E5F3FD,#C7E6FA);color:var(--b1);display:grid;place-items:center;flex:none}
.trust b{display:block;font-size:14.5px;color:var(--ink)}.trust small{color:var(--mut);font-size:12.5px}
.posts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.post{display:flex;flex-direction:column;text-decoration:none!important;color:var(--ink)}
.post__img{display:block;aspect-ratio:16/10;border-radius:14px;overflow:hidden;background:var(--soft)}
.post__img img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.post:hover .post__img img{transform:scale(1.04)}
.post__t{font-weight:700;font-size:15px;line-height:1.75;margin-top:10px}
.post__d{font-size:12.5px;color:var(--mut)}
.bottom{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.alo-faq{border-bottom:1px solid var(--line)}
.alo-faq summary{cursor:pointer;padding:14px 0;font-weight:700;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:12px;color:var(--ink)}
.alo-faq summary::-webkit-details-marker{display:none}
.alo-faq summary::after{content:"+";font-size:22px;line-height:1;color:var(--b2);transition:transform .2s ease}
.alo-faq[open] summary::after{transform:rotate(45deg)}
.alo-faq p{margin:0 0 14px;color:var(--mut);line-height:1.9}
.bottom__help{margin:16px 0 0;color:var(--mut);font-size:14px}.bottom__help a{color:var(--b1);font-weight:700}
.alo-seo p{line-height:2;color:#3E4C61;margin:0 0 10px}
.alo-seo a{color:var(--b1)}
.alo-more summary{cursor:pointer;color:var(--b1);font-weight:800;padding:6px 0}
.alo-more h3{font-size:16px;font-weight:800;margin:16px 0 4px}.alo-more h3 a{color:var(--ink);text-decoration:none}

/* ===================== INNER TEMPLATES ===================== */
.pgt{padding:34px}.pgt__t{font-size:32px;font-weight:900;margin:0 0 10px;line-height:1.45}
.pgt .muted{font-size:16px;line-height:1.95;max-width:46em;margin:0}
.pgc{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;align-items:start}
.pgc .box p{line-height:1.9;margin:0 0 6px}
.box.note{background:linear-gradient(135deg,#FFF5DB,#FFE7A8)}
.big{font-size:20px;font-weight:900;color:var(--ink);text-decoration:none}
.pgc__form label{font-weight:700;display:block;color:var(--ink)}
.pgc__form fieldset.hidden-fields-container{display:none}
.pgc__form .wpcf7-form-control-wrap{display:block;margin:6px 0 14px}
.pgc__form input:not([type=submit]),.pgc__form textarea,.pgc__form select{width:100%;background:var(--soft);border:1px solid var(--line);border-radius:12px;min-height:50px;padding:10px 14px;font:inherit;color:var(--ink);box-sizing:border-box}
.pgc__form textarea{min-height:140px}
.pgc__form .wpcf7-submit{background:var(--b2)!important;color:#fff!important;border:0;border-radius:12px;min-height:50px;padding:0 30px;font:800 15px var(--font);cursor:pointer}
.pgc__form .wpcf7-submit:hover{background:var(--b1)!important}
.paths{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.path{min-height:260px;padding:34px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff}
.path>.alo-ico{position:absolute;left:34px;top:30px;width:110px;height:110px;opacity:.25;stroke-width:1.2}
.path--app{background:radial-gradient(120% 140% at 15% 40%,#2BA6EC 0%,#1479C8 45%,#0B3F7A 100%)}
.path--wa{background:linear-gradient(120deg,#0E7A55 0%,#22B573 100%)}
.path__t{font-size:26px;font-weight:900;margin:10px 0 6px;line-height:1.4}
.path__p{font-size:15px;opacity:.92;margin-bottom:18px;max-width:26em;line-height:1.85}
.path .bn__cta{color:var(--ink)}
.steps{list-style:none;counter-reset:s;margin:6px 0 0;padding:0;display:grid;gap:16px}
.steps li{counter-increment:s;position:relative;padding-inline-start:56px;min-height:44px}
.steps li::before{content:counter(s,persian);position:absolute;right:0;top:0;width:42px;height:42px;border-radius:14px;background:var(--bl);color:var(--b1);display:grid;place-items:center;font-weight:900;font-size:17px}
.steps b{display:block;color:var(--ink);font-size:16px}.steps span{color:var(--mut);font-size:14.5px;line-height:1.85}.steps a{color:var(--b1)}
.note-line{margin-top:18px!important;padding:12px 16px;border-radius:12px;background:#FFF5DB;color:#7A4E00;font-size:14px}
.pg404{text-align:center;padding:44px 24px}.pg404 .muted{margin-inline:auto}
.pg404__n{display:block;font-size:84px;font-weight:900;line-height:1.1;color:var(--b2)}
.pg404__s{display:flex;gap:8px;max-width:560px;margin:20px auto 0}
.pg404__s input[type=search]{flex:1;min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--soft);padding:0 16px;font:inherit}

/* ===================== CATEGORY / SHOP ===================== */
.alo-cathead{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:20px;border-radius:var(--r);padding:30px 34px;margin:6px 0 14px;overflow:hidden}
.alo-cathead h1{font-size:32px!important;font-weight:900!important;line-height:1.45;margin:0 0 6px}
.alo-cathead p{margin:0 0 8px;color:#3E4C61;font-size:15.5px}
.alo-cathead__meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px!important}
.alo-cathead__meta span,.alo-cathead__meta a{background:rgba(255,255,255,.75);border-radius:30px;padding:4px 14px;font-size:13.5px;font-weight:700;color:var(--ink);text-decoration:none}
.alo-cathead__meta b{font-weight:900}
.alo-cathead__meta a{background:var(--b2);color:#fff}
.alo-cathead__pic{display:grid;place-items:center;height:170px}
.alo-cathead__pic img{max-height:170px;width:auto;object-fit:contain;mix-blend-mode:multiply}
.alo-catnav{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 0 22px;padding-bottom:2px}
.alo-catnav::-webkit-scrollbar{display:none}
.alo-catnav a{flex:none;display:flex;align-items:center;gap:8px;padding:6px 14px 6px 8px;border-radius:14px;font-weight:700;font-size:13.5px;color:var(--ink);text-decoration:none;border:2px solid transparent}
.alo-catnav img{width:32px!important;height:32px!important;object-fit:contain;mix-blend-mode:multiply}
.alo-catnav a[aria-current]{border-color:var(--b2)}
.woocommerce-products-header{display:none}
.products .wd-product .product-wrapper,.wd-products .wd-product .product-wrapper{background:#fff!important;border:1px solid #EEF2F7!important;border-radius:var(--rs)!important;padding:14px!important;box-shadow:none!important;height:100%}
.wd-product .product-element-top{border-radius:12px!important;background:var(--soft)!important;overflow:hidden}
.wd-product .product-element-top img{mix-blend-mode:multiply;transition:transform .3s ease}
.wd-product:hover .product-element-top img{transform:scale(1.04)}
.wd-product.outofstock .product-element-top img{opacity:.55}
.wd-product .wd-entities-title{font-size:14px!important;font-weight:500!important;line-height:1.75!important;text-align:start}
.wd-product .wd-entities-title a{color:#24344C}
.wd-product .product-element-bottom{text-align:start}
.wd-product .price,.wd-product .price .amount{color:var(--ink)!important;font-weight:900;font-size:16px}
.wd-product .price .woocommerce-Price-currencySymbol{font-size:11px;font-weight:400;color:var(--mut)}
.product-labels .product-label{border-radius:8px!important;font-family:var(--font)!important;font-weight:700}
.product-labels .out-of-stock{background:#6B7785!important;color:#fff!important}
.product-labels .onsale{background:var(--or)!important;color:#fff!important}
.wd-product .wd-add-btn .button,.wd-product .wd-add-btn>a{border-radius:12px!important}
.sidebar-container .widget{background:#fff;border-radius:var(--rs);padding:18px!important;margin-bottom:14px}
.widget-title{font-weight:800!important}
.single_add_to_cart_button,.woocommerce .single_add_to_cart_button.button,.checkout-button,#place_order,.wc-proceed-to-checkout .button,.woocommerce-mini-cart__buttons .checkout{background:var(--b2)!important;color:#fff!important;border-radius:12px!important;font-weight:800!important;box-shadow:none!important}
.single_add_to_cart_button:hover,.checkout-button:hover,#place_order:hover{background:var(--b1)!important}
.woocommerce .button,.woocommerce button.button,.woocommerce a.button{border-radius:12px!important}
.return-to-shop .button{min-height:48px!important;padding:0 28px!important;font-size:15px!important}

.single-product .product-image-summary{background:#fff;border-radius:var(--r);padding:24px;margin-top:10px}
.single-product .woocommerce-product-gallery__image{background:var(--soft);border-radius:var(--rs);overflow:hidden}
.single-product .woocommerce-product-gallery__image img{mix-blend-mode:multiply}
.single-product .product_title,body.single-product .product-image-summary .product_title.entry-title{font-size:26px!important;font-weight:900!important;line-height:1.6!important}
.single-product .summary .price{font-size:26px!important;font-weight:900;color:var(--ink)!important}
.single-product .summary .price .amount{color:var(--ink)}
.single-product .summary .price .woocommerce-Price-currencySymbol{font-size:15px;font-weight:500;color:var(--mut)}
.single-product form.cart .quantity input{border-radius:12px!important}
.single-product .single_add_to_cart_button{min-height:54px!important;padding-inline:36px!important;font-size:16px!important}
.alo-pdp-trust{margin-top:14px;display:grid;gap:12px}
.alo-perks{list-style:none;margin:0;padding:16px;background:var(--soft);border-radius:var(--rs);display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.alo-perks li{display:flex;gap:10px;align-items:flex-start}
.alo-perks .alo-ico{flex:none;width:40px;height:40px;padding:9px;border-radius:12px;background:#fff;color:var(--b1);box-sizing:border-box}
.alo-perks b{display:block;font-size:14px;color:var(--ink)}
.alo-perks span{font-size:12.5px;color:var(--mut);line-height:1.75}
.single-product .woocommerce-tabs{background:#fff;border-radius:var(--r);padding:10px 24px 24px;margin-top:20px}
.woocommerce-tabs .wd-nav-tabs>li>a{font-size:15.5px!important;font-weight:800}
.woocommerce-Tabs-panel{line-height:2.05}
.alo-callprice{font-weight:800;color:var(--ink)}
.alo-oos{margin:16px 0;padding:18px;border-radius:var(--rs);background:#FFF5DB}
.alo-oos b{color:var(--ink);font-size:16px}
.alo-oos p{margin:6px 0 12px;font-size:14px}
.alo-oos .alo-btn--buy{color:#fff!important}
.alo-oos .alo-btn--ghost{background:#fff;color:var(--ink)!important}

.woocommerce-cart-form,.cart_totals,#customer_details,#order_review,.woocommerce-MyAccount-content,.woocommerce-MyAccount-navigation,.woocommerce-order{background:#fff;border-radius:var(--r)!important;padding:22px!important;border:0!important;box-shadow:none!important}
.woocommerce-checkout .form-row input.input-text,.woocommerce-checkout .form-row textarea,.woocommerce-checkout .select2-selection,.woocommerce-checkout .form-row select{background:var(--soft)!important;border:1px solid var(--line)!important;border-radius:12px!important;min-height:48px}
.woocommerce-checkout label abbr.required+span.required{display:none}
.woocommerce-MyAccount-navigation ul li a{border-radius:12px!important}
.woocommerce-MyAccount-navigation ul li.is-active a{background:var(--bl)!important;color:var(--b1)!important}
.wd-my-account-links>div a{border-radius:var(--rs)!important;background:#fff!important;border:0!important}
.alo-empty-sugg{max-width:var(--wrap);margin:30px auto 0;padding-inline:var(--gut);text-align:start}
.cart-empty+p.cart-empty,.wc-empty-cart-message+.wd-empty-page-text{display:none}

.blog-post-loop .entry-title{font-weight:800!important}
.post-single-page .entry-title{font-size:30px!important;font-weight:900!important;line-height:1.55!important}
.wd-post-cat,.meta-post-categories{border-radius:8px!important;background:var(--b2)!important}
.page-title{background:linear-gradient(120deg,#0B4A8C,#1E96D4)!important}
.page-title .title{font-weight:900!important;color:#fff!important}
.page-title .breadcrumbs a,.page-title .wd-breadcrumbs,.page-title .breadcrumbs{color:#D5EAFA!important}

/* ===================== FOOTER ===================== */
.alo-footer{background:var(--ink);color:#B9C7DA;padding:48px 0 26px;margin-top:40px;font-size:14px}
.alo-footer__grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:30px}
.alo-footer h2{color:#fff;font-size:16px;font-weight:800;margin:0 0 10px}
.alo-footer nav,.alo-footer__contact,.alo-footer__about{display:flex;flex-direction:column;gap:4px}
.alo-footer a{color:#B9C7DA;text-decoration:none;line-height:2}.alo-footer a:hover{color:#fff}
.alo-footer p{margin:0 0 8px;line-height:1.9}.alo-footer b{color:#fff}
.alo-footer__logo{background:#fff;border-radius:14px;padding:6px 12px;align-self:flex-start;margin-bottom:8px}.alo-footer__logo img{height:44px;width:auto;display:block}
.alo-footer__tel{font-size:18px;font-weight:800;color:#fff!important}
.alo-footer__enamad{align-self:flex-start;background:#fff;border-radius:12px;padding:4px;margin-top:8px}
.alo-footer__copy{text-align:center;margin:30px 0 0;font-size:13px;color:#8496AE}

@media (prefers-reduced-motion:reduce){.sl__track,.alo-btn,.pc__im img,.cat,.sb__img,.mb__img,.post__img img{transition:none}}

/* ===================== RESPONSIVE ===================== */
@media (max-width:1100px){
  .cats{grid-template-columns:repeat(5,1fr)}
  .sc__track{grid-auto-columns:calc((100% - 30px)/4)}
  .bn__t{font-size:32px}
  .alo-footer__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  html:root{--gut:12px}
  .alo-topbar__ship{display:none}.alo-topbar .alo-wrap{justify-content:center}.alo-topbar__links{gap:14px;font-size:12.5px}
  .top{grid-template-columns:1fr;gap:10px;padding-top:12px}
  .sl{height:470px}
  .sl__track>.bn{grid-template-columns:1fr;align-items:start}
  .sl__track .bn__tx{padding:24px 22px}
  .bn__t{font-size:26px;margin:10px 0 6px}.bn__p{font-size:14px;margin-bottom:12px}
  .bn__cta{height:44px;padding:0 18px;font-size:14px}.bn__from b{font-size:18px}.bn__row{gap:12px}
  .sl__dots{right:22px;bottom:12px}
  .bn__rings{left:50%;top:auto;bottom:-260px;transform:translateX(-50%);width:520px;height:520px}
  .bn__podium{left:50%;transform:translateX(-50%);width:270px;height:54px;bottom:26px}
  .bn--car .bn__p1{left:50%;margin-left:-80px;width:160px;bottom:62px}.bn--car .bn__p2{left:calc(50% - 150px);width:110px;bottom:56px}.bn--car .bn__p3{left:calc(50% + 50px);width:105px;bottom:56px}
  .bn__chip{display:none}
  .bn__radar{left:50%;top:auto;bottom:-200px;transform:translateX(-50%);width:420px;height:420px}
  .bn--finder .bn__p1{left:50%;top:auto;bottom:20px;margin-left:-60px;width:170px;transform:rotate(-6deg)}.bn--finder .bn__p2{left:6%;bottom:20px;width:110px}
  .bn__magnet{left:50%;top:auto;bottom:10px;transform:translateX(-50%);width:230px;height:200px}.bn--mag .bn__p1{left:50%;top:auto;bottom:24px;margin-left:-90px;width:180px;transform:rotate(-8deg)}
  .side{grid-template-columns:1fr 1fr;gap:10px}
  .sb{height:190px;padding:16px;justify-content:flex-start}.sb__t{font-size:16px}.sb__p,.sb .bn__kick,.sb__paw{display:none}
  .sb--kid .sb__img,.sb--pet .sb__img{width:120px;left:50%;margin-left:-60px}.sb__sos{width:42px;height:42px;font-size:12px;left:10px;top:auto;bottom:70px}
  .cats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.cat{padding:10px 6px}
  .amz{grid-template-columns:1fr;padding:14px}.amz__h{flex-direction:row;justify-content:space-between}.amz__h svg{display:none}.amz__h h2{font-size:19px;max-width:none}
  .sc__track{grid-auto-columns:46%}
  .sc__btn{display:none!important}
  .pc{padding:10px}.pc__name{font-size:13px;min-height:46px}.pc__pr{font-size:14.5px}.pc__add{width:36px;height:36px}
  .mid{grid-template-columns:1fr;gap:10px;margin-top:14px}
  .mb{height:230px;padding:22px}.mb .bn__tx{width:58%}.mb__t{font-size:21px}.mb__p{display:none}.mb .bn__cta{white-space:nowrap;padding:0 16px}.mb__img{width:130px;left:14px}.mb--pers .mb__img{width:130px}.mb__wave{width:190px}
  .appb{grid-template-columns:1fr;height:auto}.appb .bn__tx{padding:26px 22px 290px}.appb__t{font-size:22px}
  .appb__ph{left:50%;margin-left:-120px;top:auto;bottom:-120px;width:170px;height:340px}.appb__dev{left:50%;margin-left:30px;bottom:20px;width:110px}.appb .bn__cta--l{display:none}
  .box{padding:14px;margin-top:14px;border-radius:18px}
  .hd h2{font-size:17px}.hd small{display:none}
  .trust{grid-template-columns:1fr 1fr;gap:14px;padding:16px}.trust li{justify-content:flex-start}.trust li:last-child{grid-column:1/-1}
  .posts{grid-template-columns:1fr 1fr;gap:10px}.post__t{font-size:13.5px}
  .bottom{grid-template-columns:1fr;gap:0}
  .pc-grid{grid-template-columns:1fr 1fr;gap:8px}
  .pgh{grid-template-columns:1fr;min-height:0}.pgh .bn__tx{padding:26px 22px}.pgh__t{font-size:24px}.pgh__p{font-size:14.5px}.pgh__pic{aspect-ratio:4/3}
  .pgt{padding:22px}.pgt__t{font-size:24px}
  .pgc,.paths{grid-template-columns:1fr}.paths{gap:10px;margin-top:14px}.path{min-height:220px;padding:24px}.path__t{font-size:21px}
  .alo-cathead{grid-template-columns:1fr 96px;padding:20px;gap:10px}.alo-cathead h1{font-size:24px!important}.alo-cathead p{font-size:14px}.alo-cathead__pic{height:96px}.alo-cathead__pic img{max-height:96px}
  .single-product .product-image-summary{padding:14px}
  .single-product .product_title,body.single-product .product-image-summary .product_title.entry-title{font-size:21px!important}
  .alo-perks{grid-template-columns:1fr}
  .alo-footer__grid{grid-template-columns:1fr 1fr;gap:24px 16px}.alo-footer__about,.alo-footer__contact{grid-column:1/-1}
}

/* Woodmart sticky add-to-cart bar: keep it to name, price and button */
.wd-sticky-btn .alo-pdp-trust,.wd-sticky-btn .alo-perks{display:none!important}
/* chat button sits above the sticky add-to-cart bar when it is showing */
.alo-cw{transition:inset-block-end .25s ease}
body:has(.wd-sticky-btn-shown) .alo-cw{inset-block-end:112px!important}
@media (max-width:1024px){body:has(.wd-sticky-btn-shown) .alo-cw{inset-block-end:150px!important}}
/* hide the chat button while a side panel (cart, menu) is open */
body:has(.wd-side-hidden.wd-opened) .alo-cw{display:none}
.woocommerce-checkout #order_comments{min-height:110px!important;padding-top:12px}
.cart_totals th{white-space:nowrap}
@media (max-width:900px){.alo-cathead{grid-template-columns:1fr}.alo-cathead__pic{display:none}}
.alo-callprice{font-size:14px}

/* "what do you need a tracker for?" chooser */
.pick{display:grid;grid-template-columns:260px minmax(0,1fr);gap:18px 28px;align-items:center;padding:26px 30px}
.pick__q h2{font-size:22px;font-weight:900;margin:0 0 4px}
.pick__q p{margin:0;color:var(--mut);font-size:14px}
.pick__opts{display:flex;flex-wrap:wrap;gap:8px}
.pick__opts button{min-height:42px;padding:0 16px;border-radius:30px;border:1.5px solid var(--line);background:#fff;color:var(--ink);font:700 14px var(--font);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.pick__opts button:hover{border-color:var(--b2);color:var(--b1)}
.pick__opts button[aria-selected=true]{background:var(--b2);border-color:var(--b2);color:#fff}
.pick__res{grid-column:1/-1;display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:20px;align-items:center;border-radius:var(--rs);padding:16px 20px}
.pick__res[hidden]{display:none}
.pick__img{display:grid;place-items:center;width:120px;height:120px;border-radius:14px;background:rgba(255,255,255,.7)}
.pick__img img{width:86%!important;height:86%!important;object-fit:contain;mix-blend-mode:multiply}
.pick__txt{display:flex;flex-direction:column;gap:2px;min-width:0}
.pick__k{font-size:13px;font-weight:700;color:var(--b1)}
.pick__name{font-size:17px;font-weight:800;color:var(--ink);text-decoration:none;line-height:1.7}
.pick__name:hover{color:var(--b1)}
.pick__why{font-size:14px;color:#3E4C61}
.pick__pr{font-size:17px;font-weight:900;color:var(--ink)}
.pick__pr .woocommerce-Price-currencySymbol{font-size:12px;font-weight:500;color:var(--mut)}
.pick__acts{display:flex;flex-direction:column;gap:8px}
@media (max-width:900px){
  .pick{grid-template-columns:1fr;padding:18px 14px}
  .pick__opts{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:-14px;padding-inline:14px}
  .pick__opts::-webkit-scrollbar{display:none}
  .pick__opts button{flex:none}
  .pick__res{grid-template-columns:88px minmax(0,1fr);padding:14px}
  .pick__img{width:88px;height:88px}
  .pick__name{font-size:15px}
  .pick__acts{grid-column:1/-1;flex-direction:row}
  .pick__acts .alo-btn{flex:1;padding:0 10px;font-size:14px}
}

/* ===================== HOVER & MOTION ===================== */
/* every banner button gets an arrow that moves toward the reading direction */
.bn__cta::after,.sb__go svg{transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.bn__cta::after{content:"";width:8px;height:8px;border-left:2.4px solid currentColor;border-bottom:2.4px solid currentColor;transform:rotate(45deg);margin-inline-start:2px}
.bn:hover .bn__cta::after,.bn__cta:hover::after{transform:translateX(-5px) rotate(45deg)}
.bn:hover .sb__go svg{transform:translateX(-4px)}
.bn:hover .bn__cta{transform:translateY(-2px)}
.bn{cursor:pointer}
/* car: product lifts off the podium, the rings open out, side pieces swing in */
.bn--car img,.bn__rings,.bn__podium::after,.bn--finder img,.bn--mag .bn__p1,.bn__magnet{transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.bn--car:hover .bn__p1{transform:translateY(-14px) scale(1.04);filter:drop-shadow(0 34px 26px rgba(0,20,50,.38))}
.bn--car:hover .bn__p2{transform:rotate(-14deg) translate(-6px,-6px)}
.bn--car:hover .bn__p3{transform:rotate(12deg) translate(6px,-6px)}
.bn--car:hover .bn__rings{transform:translateY(-52%) scale(1.06)}
/* chips float slowly so the banner feels alive even without the mouse */
@keyframes alo-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.bn__chip--1{animation:alo-float 4s ease-in-out infinite}
.bn__chip--2{animation:alo-float 4s ease-in-out -2s infinite}
.bn__chip i.g{box-shadow:0 0 0 0 rgba(34,192,122,.6);animation:alo-ping 2s ease-out infinite}
@keyframes alo-ping{0%{box-shadow:0 0 0 0 rgba(34,192,122,.55)}100%{box-shadow:0 0 0 10px rgba(34,192,122,0)}}
/* frequency finder: the radar sweeps */
.bn__radar path{transform-origin:260px 260px}
.bn--finder:hover .bn__radar path{animation:alo-sweep 2.4s linear infinite}
@keyframes alo-sweep{to{transform:rotate(360deg)}}
.bn--finder:hover .bn__p1{transform:translateY(-52%) rotate(-2deg) scale(1.04)}
.bn--finder:hover .bn__p2{transform:rotate(14deg) translateY(-6px)}
/* magnetic: tracker snaps to the magnet, the battery charges up */
.bn--mag:hover .bn__p1{transform:translateY(-54%) rotate(-3deg) scale(1.03)}
.bn--mag:hover .bn__magnet{transform:translateY(-50%) scale(1.04)}
.bn__bat i{transition:background-color .2s ease}
.bn--mag:hover .bn__bat i.off{background:#5BE38F;transition-delay:.25s}
.bn--mag:hover .bn__bat i:nth-child(1){animation:alo-blink .9s ease .05s}.bn--mag:hover .bn__bat i:nth-child(2){animation:alo-blink .9s ease .12s}.bn--mag:hover .bn__bat i:nth-child(3){animation:alo-blink .9s ease .19s}.bn--mag:hover .bn__bat i:nth-child(4){animation:alo-blink .9s ease .26s}
@keyframes alo-blink{50%{opacity:.35}}
/* side banners: the product lifts, the SOS button pulses */
.sb__sos{animation:alo-sos 2.2s ease-out infinite}
@keyframes alo-sos{0%{box-shadow:0 0 0 0 rgba(233,61,61,.45)}70%,100%{box-shadow:0 0 0 16px rgba(233,61,61,0)}}
.sb--kid:hover .sb__img{transform:rotate(-6deg) translateY(-8px) scale(1.04)}
.sb--pet:hover .sb__img{transform:translateY(-8px) scale(1.04)}
.sb__paw{transition:transform .5s ease,opacity .3s ease}
.sb--pet:hover .sb__paw{transform:rotate(-14deg) scale(1.15);opacity:.55}
.sb{transition:transform .3s ease,box-shadow .3s ease}
.sb:hover,.mb:hover,.path:hover{transform:translateY(-3px);box-shadow:0 18px 34px rgba(13,35,64,.14)}
.mb,.path{transition:transform .3s ease,box-shadow .3s ease}
/* voice: the sound bars move like a level meter */
.mb__wave path{transform-box:fill-box}
.mb--voice:hover .mb__wave g{animation:alo-eq .7s ease-in-out infinite alternate;transform-origin:center;transform-box:fill-box}
@keyframes alo-eq{from{transform:scaleY(.55)}to{transform:scaleY(1.1)}}
.mb--voice:hover .mb__img{transform:translateY(-53%) rotate(-4deg) scale(1.05)}
.mb--pers:hover .mb__img{transform:translateY(-54%) rotate(-2deg) scale(1.05)}
.mb__dots circle{transition:transform .5s ease}
.mb--pers:hover .mb__dots circle:last-child{transform:scale(1.15);transform-origin:190px 150px}
/* app banner: the phone straightens up */
.appb__ph,.appb__dev{transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.appb:hover .appb__ph{transform:rotate(0deg) translateY(-10px)}
.appb:hover .appb__dev{transform:translateY(-8px) rotate(4deg)}
/* category cards and product cards */
.cat__c img{transition:transform .35s cubic-bezier(.2,.7,.2,1)}
.cat:hover .cat__c img{transform:scale(1.08) translateY(-3px)}
.cat:hover b{color:var(--b1)}
.pc{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.pc:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(13,35,64,.10);border-color:#D9E6F2}
.pc:hover .pc__add{background:var(--b2);color:#fff!important}
.wd-product .product-wrapper{transition:transform .25s ease,box-shadow .25s ease}
.wd-product:hover .product-wrapper{transform:translateY(-3px);box-shadow:0 14px 28px rgba(13,35,64,.10)!important}
.pick__opts button:active,.pc__add:active,.cat:active{transform:scale(.96)}
.pick__res:not([hidden]){animation:alo-in .35s ease}
@keyframes alo-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (hover:none){.sb:hover,.mb:hover,.path:hover,.pc:hover,.wd-product:hover .product-wrapper{transform:none;box-shadow:none}}
@media (prefers-reduced-motion:reduce){
  .bn__chip--1,.bn__chip--2,.bn__chip i.g,.sb__sos,.bn--finder:hover .bn__radar path,.mb--voice:hover .mb__wave g,.pick__res:not([hidden]){animation:none!important}
  .bn--car img,.bn__rings,.bn--finder img,.bn--mag .bn__p1,.bn__magnet,.sb,.mb,.path,.pc,.appb__ph,.appb__dev,.cat__c img,.bn__cta::after{transition:none!important}
}
/* banners are links: keep their text colour on hover (Woodmart turns hovered links dark blue) */
a.bn--car:hover,a.bn--car:focus,a.bn--finder:hover,a.bn--finder:focus,a.bn--mag:hover,a.bn--mag:focus,a.mb:hover,a.mb:focus,a.path:hover,a.path:focus{color:#fff}
a.sb:hover,a.sb:focus,a.cat:hover,a.post:hover{color:var(--ink)}

/* grouped product rows on the home page */
.grp__hd{display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;margin-bottom:16px}
.grp__hd h2{font-size:21px;font-weight:900;margin:0}
.grp__cats{display:flex;flex-wrap:wrap;gap:8px;margin-inline-start:auto}
.grp__cats a{border-radius:30px;padding:5px 14px;font-size:13.5px;font-weight:700;color:var(--ink);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.grp__cats a small{font-weight:500;color:var(--mut);margin-inline-start:2px}
.grp__cats a:hover{transform:translateY(-2px);box-shadow:0 6px 14px rgba(13,35,64,.1);color:var(--b1)}
@media (max-width:900px){
  .grp__hd h2{font-size:17px;width:100%}
  .grp__cats{margin-inline-start:0;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;width:100%}
  .grp__cats::-webkit-scrollbar{display:none}
  .grp__cats a{flex:none}
}

/* category description (SEO text written for each category): readable box below the products, folded */
.term-description{background:#fff;border-radius:var(--r);padding:24px 28px;margin:28px 0 10px;line-height:2.05;color:#2A3A52;position:relative}
.term-description h2{font-size:21px;font-weight:900;margin:22px 0 8px}.term-description h3{font-size:17px;font-weight:800;margin:18px 0 6px}
.term-description img{max-width:100%;height:auto;border-radius:14px}
.term-description.is-folded{max-height:420px;overflow:hidden}
.term-description.is-folded::after{content:"";position:absolute;inset:auto 0 0 0;height:140px;background:linear-gradient(rgba(255,255,255,0),#fff 85%);border-radius:0 0 var(--r) var(--r)}
.alo-more-btn{display:flex;margin:-6px auto 0;position:relative;z-index:2}
/* old login box: hide the previous developer's admin-panel link and logo from customers */
.see5_login_logo{display:none!important}

/* contact form messages appear inside the form, not stuck to the bottom of the screen */
.pgc__form .wpcf7-response-output,.wpcf7 form .wpcf7-response-output{position:static!important;inset:auto!important;width:auto!important;margin:14px 0 0!important;border-radius:12px!important;box-shadow:none!important}

/* product page: key specs */
.alo-specs{margin:6px 0 18px;padding:16px 18px;border-radius:var(--rs);background:var(--soft)}
.alo-specs__t{font-size:16px!important;font-weight:900;margin:0 0 10px!important}
.alo-specs dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}
.alo-specs dl>div{background:#fff;border-radius:12px;padding:9px 12px}
.alo-specs dt{font-size:12.5px;color:var(--mut);font-weight:500}
.alo-specs dd{margin:0;font-size:14.5px;font-weight:800;color:var(--ink);line-height:1.6}
@media (max-width:520px){.alo-specs dl{grid-template-columns:1fr}}

/* car tracker comparison guide */
.cmp-head .muted{max-width:52em}
.cmp__scroll{overflow-x:auto}
.cmp__t{width:100%;min-width:760px;border-collapse:separate;border-spacing:0;font-size:14.5px}
.cmp__t th,.cmp__t td{padding:12px 14px;text-align:start;vertical-align:top;border-bottom:1px solid var(--line);line-height:1.8}
.cmp__t thead th{text-align:center;vertical-align:bottom;border-bottom:2px solid var(--line)}
.cmp__t thead th img{display:block;width:96px;height:96px;object-fit:contain;margin:0 auto 6px;filter:drop-shadow(0 10px 12px rgba(0,0,0,.18))}
.cmp__t thead th span{font-weight:900;font-size:15.5px;color:var(--ink)}
.cmp__t tbody th{font-weight:800;color:var(--ink);white-space:nowrap;background:var(--soft)}
.cmp__t tbody tr:nth-child(even) td{background:#FBFCFE}
.cmp__m{display:flex;flex-direction:column;gap:2px;padding:8px 10px;border-radius:12px;background:var(--bl);margin-bottom:6px;text-decoration:none!important;color:var(--ink)}
.cmp__m span{font-size:13px;font-weight:600;line-height:1.6}
.cmp__m b{font-size:14px;font-weight:900;color:var(--b1)}
.cmp__m:hover{background:#D6ECFA}
.cmp__tips{margin:0;padding:0 1.2em 0 0;display:grid;gap:10px;line-height:1.9}
.cmp__tips b{color:var(--ink)}
.alo-cathead__meta a.alo-cathead__guide{background:#fff;color:var(--b1)}

/* app store links + social links */
.appb__stores{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.appb__stores a{font-size:13.5px;font-weight:700;color:var(--b1);background:rgba(255,255,255,.75);border-radius:30px;padding:5px 14px;text-decoration:none}
.appb__stores a:hover{background:#fff}
.renew-apps{margin-top:16px!important;font-weight:600}.renew-apps a{color:var(--b1)}
.alo-footer__social{display:flex;gap:10px;margin-top:6px}
.alo-footer__social a{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);border-radius:30px;padding:4px 14px 4px 10px;line-height:1.8!important}
.alo-footer__social a:hover{background:rgba(255,255,255,.16);text-decoration:none!important}
@media (max-width:900px){.appb .bn__tx{padding-bottom:310px}}