/* Layout: blush page. A full-width slider opens it, then brands, trust rail,
   a large category grid, a product rail, promo trio and stats. */:root{
  --ink:#1b1016; --ink-soft:#6b5560; --line:#f3dfe8;
  --page:#fff6fa; --card:#ffffff; --blush:#fde9f1; --blush-2:#fbd5e5; --blush-3:#f8c4da;
  --pink:#ff4d8d; --pink-deep:#e02a6c; --night:#161016;
  --shadow:0 2px 10px rgba(176,56,110,.07);
  --shadow-lg:0 12px 32px rgba(176,56,110,.15);
  --r:16px; --r-lg:26px;
  --display:'DIN Next LT Arabic','Tajawal',system-ui,sans-serif;
  --body:'DIN Next LT Arabic','Tajawal',system-ui,sans-serif;
}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
    --ink:#fdeef4; --ink-soft:#c2a2b1; --line:#3a2330;
    --page:#150d13; --card:#211520; --blush:#2d1b26; --blush-2:#3a2330; --blush-3:#452838;
    --pink:#ff6ea0; --pink-deep:#ff4d8d; --night:#0d070b;
    --shadow:0 2px 10px rgba(0,0,0,.45); --shadow-lg:0 12px 32px rgba(0,0,0,.55);
    color-scheme:dark;
  }
}:root[data-theme="dark"]{
  --ink:#fdeef4; --ink-soft:#c2a2b1; --line:#3a2330;
  --page:#150d13; --card:#211520; --blush:#2d1b26; --blush-2:#3a2330; --blush-3:#452838;
  --pink:#ff6ea0; --pink-deep:#ff4d8d; --night:#0d070b;
  --shadow:0 2px 10px rgba(0,0,0,.45); --shadow-lg:0 12px 32px rgba(0,0,0,.55);
  color-scheme:dark;
}.barq-skin, .barq-skin *{box-sizing:border-box}.barq-skin{direction:rtl; text-align:right; background:var(--page); color:var(--ink);
  font-family:var(--body); font-size:16.5px; line-height:1.7; margin:0}.barq-skin h1,.barq-skin h2,.barq-skin h3{font-family:var(--display); text-wrap:balance; margin:0; line-height:1.18}.barq-skin a{color:inherit; text-decoration:none}.barq-skin img{display:block; max-width:100%}.barq-skin button{font:inherit; border:0; background:none; color:inherit; cursor:pointer}.barq-skin :focus-visible{outline:2px solid var(--pink); outline-offset:3px; border-radius:6px}.barq-skin .wrap{max-width:1180px; margin:0 auto; padding-inline:16px}/* announce */.barq-skin .announce{background:var(--blush-2); font-size:13.5px}.barq-skin .announce .wrap{display:flex; align-items:center; justify-content:space-between; gap:16px; padding-block:9px; flex-wrap:wrap}.barq-skin .announce .mid{color:var(--ink-soft)}/* header */.barq-skin .head{background:var(--card); border-bottom:1px solid var(--line); position:sticky; top:env(safe-area-inset-top,0px); z-index:30}.barq-skin .head .wrap{display:grid; grid-template-columns:auto 1fr auto 1fr auto; align-items:center; gap:16px; padding-block:14px}.barq-skin .cats{display:inline-flex; align-items:center; gap:9px; background:var(--pink); color:#fff; font-weight:700;
  padding:11px 18px; border-radius:999px; box-shadow:var(--shadow); white-space:nowrap}.barq-skin .cats em{display:block; width:16px; height:2px; background:#fff; box-shadow:0 5px 0 #fff,0 -5px 0 #fff}.barq-skin .search{display:flex; align-items:center; gap:10px; background:var(--page); border:1px solid var(--line);
  border-radius:999px; padding:10px 18px; max-width:340px; width:100%}.barq-skin .search input{border:0; background:none; font:inherit; color:inherit; width:100%; outline:none; min-width:0}.barq-skin .search input::placeholder{color:var(--ink-soft)}.barq-skin .brand{display:flex; flex-direction:column; align-items:center; gap:3px}.barq-skin .brand img{height:46px; width:auto; object-fit:contain; mix-blend-mode:multiply}.barq-skin .tagline{font-size:11px; color:var(--ink-soft)}/* the logo and the brand marks are black artwork on white; lift them out on a dark page */:root[data-theme="dark"] .brand img,:root[data-theme="dark"] .brands img{filter:invert(1) hue-rotate(180deg)}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .brand img,:root:not([data-theme="light"]) .brands img{filter:invert(1) hue-rotate(180deg)}
}.barq-skin .where{display:flex; align-items:center; gap:9px; font-size:13px; line-height:1.35; justify-self:end}.barq-skin .where .pin{width:30px; height:30px; border-radius:50%; background:var(--blush); display:grid; place-items:center; flex:none}.barq-skin .where b{display:block; font-size:14px}.barq-skin .where i{color:var(--ink-soft); font-style:normal}.barq-skin .lang{display:flex; gap:2px; background:var(--page); border:1px solid var(--line);
  border-radius:999px; padding:3px; font-weight:700; font-size:13px}.barq-skin .lang a{padding:5px 11px; border-radius:999px; color:var(--ink-soft); line-height:1}.barq-skin .lang a.on{background:var(--pink); color:#fff}.barq-skin .tools{display:flex; gap:13px; align-items:center}.barq-skin .tools a{position:relative}.barq-skin .tools .bub{position:absolute; inset-block-start:-5px; inset-inline-start:-6px; background:var(--pink); color:#fff;
  font-size:10px; font-weight:700; min-width:16px; height:16px; border-radius:999px; display:grid; place-items:center; padding-inline:4px}/* nav */.barq-skin .nav{background:var(--card); border-bottom:1px solid var(--line)}.barq-skin .nav .wrap{display:flex; gap:26px; padding-block:12px; overflow-x:auto; scrollbar-width:none}.barq-skin .nav .wrap::-webkit-scrollbar{display:none}.barq-skin .nav a{white-space:nowrap; font-size:15px; color:var(--ink-soft); font-weight:600; padding-bottom:4px}.barq-skin .nav a.on{color:var(--pink-deep); border-bottom:2px solid var(--pink)}/* ---------- slider ---------- */.barq-skin .slider{margin-block:22px 4px; position:relative}.barq-skin .view{border-radius:var(--r-lg); overflow:hidden}.barq-skin .track{display:flex; transition:transform .6s cubic-bezier(.4,0,.2,1)}.barq-skin .slide{min-width:100%; display:grid; grid-template-columns:1.06fr .94fr; align-items:center; min-height:430px}.barq-skin .sl-copy{padding:46px 44px; z-index:1}.barq-skin .eyebrow{font-size:13px; font-weight:700; letter-spacing:.09em; color:var(--pink-deep); margin-bottom:10px}.barq-skin .kicker{font-size:clamp(25px,3.7vw,42px); font-weight:500; font-family:var(--display); line-height:1.12}.barq-skin .slide h2{font-size:clamp(42px,7.2vw,78px); font-weight:700; color:var(--pink-deep); margin-block:0 8px}.barq-skin .slide .sub{font-size:clamp(16px,2vw,21px); color:var(--ink-soft); margin:0 0 24px}.barq-skin .btn{display:inline-flex; align-items:center; gap:12px; background:var(--night); color:#fff;
  padding:15px 32px; border-radius:999px; font-weight:700; font-size:17px; box-shadow:var(--shadow-lg)}.barq-skin .sl-art{position:relative; align-self:stretch; min-height:400px; display:grid; place-items:center; padding:26px}.barq-skin .sl-art .glow{position:absolute; width:78%; aspect-ratio:1; border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.9),rgba(255,255,255,0) 66%)}.barq-skin .sl-art .podium{position:absolute; inset-block-end:9%; width:70%; height:26px; border-radius:50%;
  background:radial-gradient(ellipse at 50% 25%,rgba(255,255,255,.95),rgba(255,163,198,.3) 72%)}.barq-skin .sl-art img{position:relative; max-height:330px; width:auto; max-width:82%; object-fit:contain;
  filter:drop-shadow(0 18px 30px rgba(150,40,90,.26))}.barq-skin .tag{position:absolute; inset-block-start:26px; inset-inline-start:26px; background:var(--card); color:var(--pink-deep);
  font-family:var(--display); font-weight:700; font-size:17px; padding:9px 18px; border-radius:999px;
  box-shadow:var(--shadow-lg); font-variant-numeric:tabular-nums}/* finished studio banners, shown whole — all three share one height */.barq-skin .slide.banner{display:block; min-height:0; padding:0; background:var(--blush)}.barq-skin .bn{aspect-ratio:2103/748; position:relative; overflow:hidden}.barq-skin .bn img{width:100%; height:100%; object-fit:cover; object-position:center}.barq-skin .s-rose{background:linear-gradient(250deg,var(--blush) 0%,var(--blush-2) 56%,var(--blush-3) 100%)}.barq-skin .s-cam{background:linear-gradient(250deg,#e9f3fb 0%,#d4e8f7 58%,#bedcf2 100%)}.barq-skin .s-aud{background:linear-gradient(250deg,#efe9fb 0%,#ded3f5 58%,#cdbcef 100%)}.barq-skin .s-cam .eyebrow,.barq-skin .s-cam h2{color:#1f5f90}.barq-skin .s-aud .eyebrow,.barq-skin .s-aud h2{color:#55309b}.barq-skin .s-cam .tag{color:#1f5f90}.barq-skin .s-aud .tag{color:#55309b}.barq-skin .arw{position:absolute; inset-block-start:50%; transform:translateY(-50%); width:42px; height:42px; border-radius:50%;
  background:var(--card); box-shadow:var(--shadow-lg); display:grid; place-items:center; color:var(--pink-deep); z-index:3}.barq-skin .arw.prev{inset-inline-end:-6px}.barq-skin .arw.next{inset-inline-start:-6px}.barq-skin .dots{display:flex; gap:7px; justify-content:center; padding-block:16px 4px}.barq-skin .dots button{width:8px; height:8px; border-radius:50%; background:var(--pink); opacity:.28; padding:0}.barq-skin .dots button[aria-current="true"]{opacity:1; width:22px; border-radius:999px}/* brands *//* brand marks drifting left-to-right, looping seamlessly */.barq-skin .brands{overflow:hidden; margin-block:22px; padding-block:4px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.barq-skin .brands-track{display:flex; gap:12px; width:max-content; animation:brandroll 42s linear infinite}.barq-skin .brands:hover .brands-track{animation-play-state:paused}@keyframes brandroll{from{transform:translateX(0)} to{transform:translateX(50%)}}.barq-skin .brands a{flex:0 0 132px; height:86px; background:var(--card); border:1px solid var(--line);
  border-radius:var(--r); display:grid; place-items:center; padding:14px 18px; box-shadow:var(--shadow);
  transition:transform .18s, box-shadow .18s}.barq-skin .brands a:hover{transform:translateY(-3px); box-shadow:var(--shadow-lg)}.barq-skin .brands img{max-height:100%; max-width:100%; width:auto; height:auto; object-fit:contain}/* trust rail */.barq-skin .trust{background:var(--card); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow);
  display:grid; grid-template-columns:repeat(5,1fr); margin-bottom:40px}.barq-skin .trust div{padding:17px 15px; display:flex; gap:11px; align-items:center; border-inline-start:1px solid var(--line)}.barq-skin .trust div:first-child{border-inline-start:0}.barq-skin .trust .ic{width:34px; height:34px; border-radius:10px; background:var(--blush); flex:none; display:grid; place-items:center}.barq-skin .trust b{display:block; font-size:14.5px; line-height:1.3}.barq-skin .trust i{font-size:12.5px; color:var(--ink-soft); font-style:normal}/* section head */.barq-skin .shead{display:flex; align-items:center; gap:16px; justify-content:center; margin-bottom:22px}.barq-skin .shead h2{font-size:clamp(22px,3vw,28px); font-weight:700}.barq-skin .shead i{height:2px; width:52px; background:linear-gradient(90deg,transparent,var(--pink))}.barq-skin .shead i:last-child{background:linear-gradient(270deg,transparent,var(--pink))}/* ---------- category grid ---------- *//* 8 identical tiles, 4 across on two rows */.barq-skin .cat-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-bottom:44px}.barq-skin .cat{border-radius:var(--r-lg); overflow:hidden; background:var(--card);
  border:1px solid var(--line); box-shadow:var(--shadow); display:flex; flex-direction:column;
  transition:transform .2s, box-shadow .2s}.barq-skin .cat:hover{transform:translateY(-5px); box-shadow:var(--shadow-lg)}.barq-skin .cat .pic{aspect-ratio:4/3; width:100%; background:var(--blush); overflow:hidden}.barq-skin .cat .pic img{height:100%; width:100%; object-fit:cover; transition:transform .35s ease}.barq-skin .cat:hover .pic img{transform:scale(1.06)}.barq-skin .pic-text{display:grid; place-items:center; background:linear-gradient(145deg,var(--blush-2),var(--blush))}.barq-skin .pic-text span{font-family:var(--display); font-weight:700; font-size:clamp(17px,2.4vw,22px);
  color:var(--pink-deep); text-align:center; padding:10px; line-height:1.25}.barq-skin .cat .lab{padding:13px 16px 15px; display:flex; align-items:center; justify-content:space-between;
  gap:10px; min-height:52px; margin-top:auto}.barq-skin .cat h3{font-size:16.5px; font-weight:700; min-width:0}.barq-skin .cat .n{font-size:13px; color:var(--ink-soft); font-variant-numeric:tabular-nums; white-space:nowrap}/* products */.barq-skin .rail{display:grid; grid-template-columns:repeat(5,1fr); gap:14px}.barq-skin .card{background:var(--card); border:1px solid var(--line); border-radius:var(--r); overflow:hidden;
  box-shadow:var(--shadow); display:flex; flex-direction:column; transition:transform .18s,box-shadow .18s}.barq-skin .card:hover{transform:translateY(-4px); box-shadow:var(--shadow-lg)}.barq-skin .shot{aspect-ratio:1; max-width:100%; position:relative; background:#fff; padding:14px; display:grid; place-items:center}.barq-skin .shot img{height:100%; width:100%; object-fit:contain; mix-blend-mode:multiply}.barq-skin .heart{position:absolute; inset-block-start:9px; inset-inline-end:9px; width:29px; height:29px; border-radius:50%;
  background:var(--card); display:grid; place-items:center; box-shadow:var(--shadow); color:var(--pink); font-size:14px}.barq-skin .card .meta{padding:12px 14px 14px; display:flex; flex-direction:column; gap:8px; flex:1; min-width:0}.barq-skin .card h3{font-size:14.5px; font-weight:600; min-width:0}.barq-skin .price-row{display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:auto}.barq-skin .price{font-family:var(--display); font-weight:700; font-size:19px; color:var(--pink-deep); font-variant-numeric:tabular-nums}.barq-skin .add{width:36px; height:36px; border-radius:50%; background:var(--pink); color:#fff; display:grid; place-items:center;
  box-shadow:var(--shadow); flex:none}.barq-skin .more{display:block; width:fit-content; margin:22px auto 0; background:var(--pink); color:#fff;
  padding:11px 34px; border-radius:999px; font-weight:700; box-shadow:var(--shadow)}/* promos *//* three finished banner artworks, shown whole */.barq-skin .promos{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-block:40px}.barq-skin .promo{display:block; aspect-ratio:1869/842; border-radius:var(--r-lg); overflow:hidden;
  box-shadow:var(--shadow); transition:transform .2s, box-shadow .2s}.barq-skin .promo:hover{transform:translateY(-4px); box-shadow:var(--shadow-lg)}.barq-skin .promo img{width:100%; height:100%; object-fit:cover}/* stats */.barq-skin .stats{background:var(--card); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow);
  display:grid; grid-template-columns:repeat(4,1fr); margin-bottom:46px}.barq-skin .stats div{padding:21px 18px; display:flex; gap:12px; align-items:center; border-inline-start:1px solid var(--line)}.barq-skin .stats div:first-child{border-inline-start:0}.barq-skin .stats .ic{width:34px; height:34px; border-radius:10px; background:var(--blush); flex:none; display:grid; place-items:center}.barq-skin .stats b{display:block; font-size:15px}.barq-skin .stats i{font-size:12.5px; color:var(--ink-soft); font-style:normal}/* foot: a dark close to the page, lifted by a pink hairline and a soft glow */.barq-skin .foot{position:relative; background:var(--night); color:#f3dde7; margin-top:26px; overflow:hidden}.barq-skin .foot::before{content:""; position:absolute; inset-block-start:0; inset-inline:0; height:3px;
  background:linear-gradient(90deg,transparent,var(--pink),#b98cff,var(--pink),transparent)}.barq-skin .foot::after{content:""; position:absolute; inset-block-start:-180px; inset-inline-start:50%;
  width:620px; height:360px; transform:translateX(-50%); pointer-events:none;
  background:radial-gradient(ellipse,rgba(255,77,141,.18),transparent 70%)}.barq-skin .foot-top{position:relative; display:grid; grid-template-columns:1.5fr 1fr 1fr 1.25fr; gap:34px; padding-block:44px 34px}.barq-skin .foot h4{font-family:var(--display); font-size:14px; letter-spacing:.04em; margin:0 0 16px; color:#fff;
  position:relative; padding-bottom:9px}.barq-skin .foot h4::after{content:""; position:absolute; inset-block-end:0; inset-inline-start:0;
  width:26px; height:2px; background:var(--pink); border-radius:2px}.barq-skin .f-logo{height:42px; width:auto; filter:invert(1); margin-bottom:14px}.barq-skin .foot .note{font-size:13.5px; color:#bb9aab; line-height:1.75; margin:0}.barq-skin .f-social{display:flex; gap:9px; margin-top:18px}.barq-skin .f-social a{width:36px; height:36px; border-radius:50%; display:grid; place-items:center;
  background:#241a22; border:1px solid #352530; color:#f3dde7; transition:background .18s, color .18s, transform .18s}.barq-skin .f-social a:hover{background:var(--pink); color:#fff; border-color:var(--pink); transform:translateY(-2px)}.barq-skin .foot ul{list-style:none; margin:0; padding:0; display:grid; gap:10px; font-size:14px}.barq-skin .foot ul a,.barq-skin .foot li{color:#c9aab9}.barq-skin .foot ul a{display:inline-flex; align-items:center; gap:8px; transition:color .15s}.barq-skin .foot ul a::before{content:""; width:5px; height:5px; border-radius:50%; background:var(--pink); opacity:.55; flex:none}.barq-skin .foot ul a:hover{color:#fff}.barq-skin .wa{display:inline-flex; align-items:center; gap:10px; background:#25d366; color:#062813;
  padding:12px 20px; border-radius:999px; font-weight:700; font-size:14.5px; margin-bottom:16px}.barq-skin .wa:hover{filter:brightness(1.06)}.barq-skin .f-line{display:flex; gap:11px; align-items:flex-start; font-size:13.5px; color:#c9aab9; margin-bottom:11px}.barq-skin .f-line svg{flex:none; margin-top:3px; color:var(--pink)}.barq-skin .f-line b{display:block; color:#fff; font-size:14px; font-weight:600; font-variant-numeric:tabular-nums}.barq-skin .f-bottom{position:relative; border-top:1px solid #2d1f28; padding-block:16px 4px;
  display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap}.barq-skin .copy{font-size:12.5px; color:#9c7e8d; margin:0}.barq-skin .pays{display:flex; gap:7px; flex-wrap:wrap}.barq-skin .pays span{font-size:11px; font-weight:700; letter-spacing:.03em; color:#d9bccb;
  background:#241a22; border:1px solid #352530; border-radius:7px; padding:5px 11px}@media (max-width:980px){.barq-skin .head .wrap{grid-template-columns:auto 1fr auto}.barq-skin .search,.barq-skin .where{display:none}.barq-skin .slide{grid-template-columns:1fr; min-height:0}.barq-skin .sl-art{order:-1; min-height:290px; padding:20px}.barq-skin .sl-art img{max-height:240px}.barq-skin .sl-copy{padding:30px 26px 38px}.barq-skin .arw{display:none}.barq-skin .rail{grid-template-columns:repeat(3,1fr)}.barq-skin .cat-grid{grid-template-columns:repeat(2,1fr)}.barq-skin .trust,.barq-skin .stats{grid-template-columns:repeat(2,1fr)}.barq-skin .trust div:nth-child(odd),.barq-skin .stats div:nth-child(odd){border-inline-start:0}.barq-skin .promos{grid-template-columns:1fr}.barq-skin .foot-top{grid-template-columns:1fr 1fr; gap:28px}
}@media (max-width:640px){.barq-skin .rail{grid-template-columns:repeat(2,1fr)}.barq-skin .cat-grid{grid-template-columns:1fr 1fr; gap:12px}/* compact chips in one scrolling row, not five full-width rows */.barq-skin .trust,.barq-skin .stats{display:flex; gap:10px; background:none; border:0; box-shadow:none;
    overflow-x:auto; padding-block:2px; scrollbar-width:none}.barq-skin .trust::-webkit-scrollbar,.barq-skin .stats::-webkit-scrollbar{display:none}.barq-skin .trust div,.barq-skin .stats div{flex:0 0 auto; width:122px; flex-direction:column; align-items:center;
    text-align:center; gap:7px; padding:14px 10px; background:var(--card);
    border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--shadow)}.barq-skin .trust b,.barq-skin .stats b{font-size:13.5px; line-height:1.25}.barq-skin .trust i,.barq-skin .stats i{font-size:11.5px}.barq-skin .foot-top{grid-template-columns:1fr; gap:26px; padding-block:34px 26px}.barq-skin .f-bottom{justify-content:center; text-align:center}.barq-skin .announce .mid{display:none}
}/* phone: the banners are 5:1 artwork, far too short at 375px wide.
   Crop them to a portrait-ish window anchored on the text side (right, in RTL). */@media (max-width:640px){.barq-skin .head .wrap{gap:8px; padding-block:10px}.barq-skin .cats{font-size:0; gap:0; padding:11px 14px}.barq-skin .cats em{width:17px}.barq-skin .brand img{height:34px}.barq-skin .tagline{display:none}.barq-skin .tools{gap:11px}.barq-skin .bn{aspect-ratio:2.3/1}.barq-skin .bn img{object-position:100% center}/* the whole menu on one line, nothing clipped */.barq-skin .nav .wrap{gap:0; justify-content:space-between; overflow:visible; padding-block:10px}.barq-skin .nav a{font-size:12px; padding-inline:2px; padding-bottom:3px}.barq-skin .brands-track{gap:10px}.barq-skin .brands a{flex:0 0 108px; height:70px; padding:10px 14px}.barq-skin .shead{gap:10px; margin-bottom:16px}.barq-skin .shead h2{font-size:20px}.barq-skin .shead i{width:30px}.barq-skin .cat .lab{padding:10px 12px 12px; min-height:46px}.barq-skin .cat h3{font-size:14.5px}.barq-skin .cat .n{font-size:12px}.barq-skin .trust div,.barq-skin .stats div{padding:14px 15px}.barq-skin .slider{margin-block:14px 0}
}@media (max-width:420px){.barq-skin .nav a{font-size:11px; letter-spacing:-.2px}.barq-skin .brands a{flex:0 0 96px; height:64px}.barq-skin .rail{gap:10px}.barq-skin .cat-grid{gap:10px}
}/* ---------- motion ----------
   Nothing is hidden by CSS alone: the reveal states are switched on by script,
   so a page without JS (or with reduced motion) renders complete and still. *//* slow push-in on the slide that is showing */.barq-skin .bn img{transform:scale(1.035); transition:transform 9s cubic-bezier(.2,.5,.3,1)}.barq-skin .slide.is-active .bn img{transform:scale(1)}/* cards lift and their art breathes */.barq-skin .cat .pic img,.barq-skin .card .shot img{transition:transform .5s cubic-bezier(.22,.61,.36,1)}.barq-skin .cat:hover .pic img{transform:scale(1.07)}.barq-skin .card:hover .shot img{transform:scale(1.06)}.barq-skin .promo{transition:transform .25s cubic-bezier(.22,.61,.36,1), box-shadow .25s}.barq-skin .promo:hover{transform:translateY(-5px)}/* a light sweep across the primary buttons on hover */.barq-skin .btn,.barq-skin .more,.barq-skin .wa,.barq-skin .cats{position:relative; overflow:hidden}.barq-skin .btn::after,.barq-skin .more::after,.barq-skin .wa::after,.barq-skin .cats::after{content:""; position:absolute; inset:0 auto 0 -60%;
  width:45%; background:linear-gradient(100deg,transparent,rgba(255,255,255,.42),transparent);
  transform:skewX(-18deg); opacity:0}.barq-skin .btn:hover::after,.barq-skin .more:hover::after,.barq-skin .wa:hover::after,.barq-skin .cats:hover::after{opacity:1; animation:sweep .75s ease-out}@keyframes sweep{from{inset-inline-start:-60%} to{inset-inline-start:140%}}/* the trust icons pulse once as they arrive */.barq-skin .trust div:hover .ic,.barq-skin .stats div:hover .ic{animation:pop .5s cubic-bezier(.34,1.56,.64,1)}@keyframes pop{0%{transform:scale(.6)} 60%{transform:scale(1.12)} 100%{transform:scale(1)}}/* section rules draw themselves in *//* the cart badge gives one nudge on load */.barq-skin .tools .bub{animation:nudge 2.6s ease-in-out .8s 2}@keyframes nudge{0%,100%{transform:scale(1)} 8%{transform:scale(1.28)} 16%{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.barq-skin .bn img,.barq-skin .cat .pic img,.barq-skin .card .shot img{transition:none!important; transform:none!important}.barq-skin .btn::after,.barq-skin .more::after,.barq-skin .wa::after,.barq-skin .cats::after{display:none}.barq-skin .tools .bub{animation:none}
  }@media (prefers-reduced-motion:reduce){.barq-skin, .barq-skin *{transition:none!important}.barq-skin .brands-track{animation:none}}