.aob{
  --red:#C00D0D; --black:#000; --ink:#333; --ink-2:#666; --ink-3:#999; --smoke:#EFEFEF; --line:#E2E2E2; --white:#fff;
  --pigeon:#6481A5; --pigeon-2:#7993B4; --pigeon-3:#D2DCEA; --sand:#D7A896; --sand-2:#F6C8B5; --sand-3:#F7E8E2;
  --font:"Enkel",sans-serif;
  --r:18px; --pill:999px; --wrap:1240px; --gap:24px;
}
.aob *{box-sizing:border-box}
.aob{margin:0;font-family:var(--font);font-weight:300;font-size:17px;line-height:1.55;color:var(--ink);background:var(--white)}
.aob img{max-width:100%;display:block}
.aob a{color:inherit}
.aob button{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}
.aob a,.aob .card,.aob .swatch,.aob .thumb,.aob .chip{-webkit-tap-highlight-color:transparent}
.aob h1,.aob h2,.aob h3{font-weight:700;color:var(--black);line-height:1.15;margin:0 0 .5em}
.aob h1{font-size:clamp(28px,3.4vw,40px)}
.aob h2{font-size:clamp(20px,2.2vw,26px)}
.aob p{margin:0 0 1em}
.aob b,.aob strong{font-weight:600}
.aob .muted{color:var(--ink-2)}
.aob .small{font-size:14px}
.aob .center{text-align:center}
.aob .wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.aob .wrap.narrow{max-width:960px}
.aob .skip{position:absolute;left:-9999px}
.aob .skip:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:99}
.aob .ico{width:20px;height:20px;flex:none}
.aob .site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.aob .bar{display:flex;align-items:center;gap:28px;height:68px}
.aob .brand{display:flex;align-items:center;color:#000}
.aob .logo{height:30px;width:auto}
.aob .nav{display:flex;gap:22px;font-weight:500;font-size:15px}
.aob .nav a{text-decoration:none;color:var(--black)}
.aob .nav a.muted{color:var(--ink-3)}
.aob .tools{margin-left:auto;display:flex;align-items:center;gap:6px}
.aob .tool{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:var(--pill);text-decoration:none;font-size:14px;font-weight:500;color:var(--ink)}
.aob .tool:hover{background:var(--smoke)}
.aob .count{display:none;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--red);color:#fff;font-size:12px;font-weight:600;line-height:20px;text-align:center}
.aob .count.is-on{display:inline-block}
@media (max-width:1000px){
.aob .nav{display:none}
.aob .tool span{display:none}
.aob .bar{gap:12px}
}
.aob .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:var(--pill);border:1.5px solid var(--black);background:#fff;color:var(--black);font:inherit;font-weight:500;font-size:15px;text-decoration:none;cursor:pointer;transition:.15s;line-height:1.2}
.aob .btn:hover{background:var(--smoke)}
.aob .btn-primary{background:var(--red);border-color:var(--red);color:#fff}
.aob .btn-primary:hover{background:#a50b0b;border-color:#a50b0b}
.aob .btn-ghost{border-color:#cfcfcf}
.aob .btn-sm{padding:8px 16px;font-size:14px}
.aob .btn-fav.is-on{background:var(--sand-3);border-color:var(--sand)}
.aob .btn-fav.is-on .ico path{fill:var(--red);stroke:var(--red)}
.aob .btn[data-cmp].is-on{background:var(--pigeon-3);border-color:var(--pigeon)}
.aob .badges{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.aob .badge{display:inline-block;padding:4px 11px;border-radius:var(--pill);font-size:12.5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
.aob .badge-new{background:var(--red);color:#fff}
.aob .badge-best{background:var(--pigeon-3);color:#2e4664}
.aob .badge-top{background:var(--sand-2);color:#6b3a28}
.aob .badges-sm{position:absolute;top:12px;left:12px;margin:0;z-index:2}
.aob .badges-sm .badge{font-size:11px;padding:3px 9px}
.aob .hero{background:var(--smoke);padding:46px 0 34px;margin-bottom:28px}
.aob .overline{text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:600;color:var(--ink-2);margin:0 0 8px}
.aob .lead{font-size:19px;max-width:720px}
.aob .filters{margin-bottom:20px}
.aob .filter-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.aob .chips{display:flex;flex-wrap:wrap;gap:8px}
.aob .chip{height:40px;padding:0 16px;border-radius:var(--pill);border:1.5px solid var(--line);background:#fff;color:var(--ink);font:inherit;font-size:14px;font-weight:500;cursor:pointer}
.aob .chip.is-on{background:var(--black);color:#fff;border-color:var(--black)}
/* märkesknapparna är länkar (märkessidor) – samma utseende som knappar */
.aob a.chip{display:inline-flex;align-items:center;box-sizing:border-box;white-space:nowrap;text-decoration:none}
.aob a.chip:hover,.aob a.chip:focus,.aob a.chip:visited{color:var(--ink);text-decoration:none}
.aob a.chip.is-on,.aob a.chip.is-on:hover,.aob a.chip.is-on:focus,.aob a.chip.is-on:visited{color:#fff}
.aob .toggle{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px;border:1.5px solid var(--line);border-radius:var(--pill);font-size:14px;font-weight:500;cursor:pointer;user-select:none}
.aob .toggle input{accent-color:var(--red);margin:0;width:16px;height:16px}
.aob .toggle:has(input:checked){border-color:var(--black)}
.aob select,.aob input[type=search]{font:inherit;font-size:14px;font-weight:500;height:40px;padding:0 14px;border:1.5px solid var(--line);border-radius:var(--pill);background:#fff;color:var(--ink);-webkit-appearance:none;appearance:none}
.aob select{padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;width:150px}
.aob select:not(#f-sort):has(option:checked:not([value=''])),.aob .toggle:has(input:checked){border-color:var(--black);background-color:var(--smoke)}
.aob input[type=search]{flex:1 1 150px;min-width:150px}
.aob .filter-row-2{gap:8px}
.aob .filter-row-3{justify-content:space-between;margin-top:4px}
.aob .filter-row-3 select{width:auto}
.aob .link-btn{background:none;border:0;font:inherit;font-size:14px;font-weight:500;text-decoration:underline;cursor:pointer;color:var(--ink);padding:0;margin-left:auto;margin-right:12px}
@media (max-width:700px){
.aob select{width:calc(50% - 4px)}
}
.aob .result-count{font-size:14px;color:var(--ink-2);margin:0}
.aob .cards{display:grid;gap:var(--gap)}
.aob .cards-list{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.aob .cards-4{grid-template-columns:repeat(4,1fr)}
@media (max-width:900px){
.aob .cards-4{grid-template-columns:repeat(2,1fr)}
}
.aob .card{position:relative;display:block;text-decoration:none;color:inherit;border-radius:var(--r);background:#fff;border:1px solid var(--line);overflow:hidden;transition:.18s;outline:none}
.aob .card:focus-visible{box-shadow:0 10px 30px rgba(0,0,0,.08);border-color:#d6d6d6}
@media (hover:hover) and (pointer:fine){.aob .card:hover{box-shadow:0 10px 30px rgba(0,0,0,.08);transform:translateY(-2px);border-color:#d6d6d6}.aob .card:hover .card-fav{opacity:1}}
.aob .card-img{aspect-ratio:2/1;display:flex;align-items:center;justify-content:center;background:#fff;padding:14px;position:relative}
.aob .card-img2{position:absolute;inset:14px;width:calc(100% - 28px)!important;height:calc(100% - 28px)!important;object-fit:contain;opacity:0;transition:opacity .25s}
@media (hover:hover) and (pointer:fine){.aob .card:hover .card-img2[data-ok]{opacity:1}.aob .card:hover .card-img:has(.card-img2[data-ok]) > img:first-child{opacity:0}}
.aob .card-img > img:first-child{transition:opacity .25s}
.aob .card-img2{background:#fff}
.aob .card-img img{width:100%;height:100%;object-fit:contain}
.aob .card-body{padding:4px 18px 16px;display:flex;flex-direction:column;gap:2px}
.aob .card-brand{font-size:12.5px;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--ink-2)}
.aob .card-model{font-weight:600;color:var(--black);font-size:17px}
.aob .card-color{font-size:14px}
.aob .card-fav{position:absolute;top:10px;right:10px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,255,255,.9);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);z-index:2;opacity:0;transition:opacity .15s}
.aob .card-fav.is-on,.aob .card-fav:focus-visible{opacity:1}
@media (hover:none){
.aob .card-fav{opacity:1}
}
.aob .card-fav.is-on .ico path{fill:var(--red);stroke:var(--red)}
.aob .card-meta{display:flex;flex-wrap:wrap;align-items:center;margin-top:8px;font-size:13px;color:var(--ink-3)}
.aob .card-meta i{font-style:normal;margin:0 6px}
.aob .m-new{color:var(--red);font-weight:600}
.aob .card-dots{display:flex;gap:4px}
.aob .card-dots img{width:34px;height:17px;object-fit:contain;border-radius:4px;border:1px solid var(--line);background:#fff}
.aob .card-dots span{font-size:12px;font-weight:600;align-self:center}
.aob .tag-360{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--pigeon)}
.aob .tag-360 .ico{width:16px;height:16px}
.aob .noimg{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:2/1;background:var(--smoke);color:var(--ink-3);font-size:14px;border-radius:12px}
.aob .noimg.big{aspect-ratio:16/9}
.aob .crumbs{display:flex;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--ink-2);padding:18px 0 10px}
.aob .crumbs a{text-decoration:none}
.aob .crumbs a:hover{text-decoration:underline}
.aob .product{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:start;margin-bottom:40px}
@media (max-width:900px){
.aob .product{grid-template-columns:1fr;gap:24px}
}
.aob .media{position:sticky;top:84px;min-width:0}
.aob .info{min-width:0}
@media (max-width:900px){
.aob .media{position:static}
}
.aob .stage{position:relative;border-radius:var(--r);background:#fff;border:1px solid var(--line);aspect-ratio:16/10;overflow:hidden}
.aob .slide{position:absolute;inset:0;margin:0;display:none;align-items:center;justify-content:center;padding:20px}
.aob .slide[data-active]{display:flex}
.aob .slide-img{max-height:100%;max-width:100%;object-fit:contain;cursor:zoom-in}
.aob .slide figcaption{position:absolute;left:16px;bottom:12px;font-size:13px;color:var(--ink-2);background:rgba(255,255,255,.85);padding:3px 10px;border-radius:var(--pill)}
.aob .zoom-btn{position:absolute;right:12px;top:12px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:18px;cursor:pointer;z-index:3}
.aob .thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:8px;margin-top:12px}
.aob .thumb{width:auto;aspect-ratio:8/5;height:auto;border-radius:10px;border:1.5px solid var(--line);background:#fff;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:4px;font:inherit;font-size:12px;font-weight:600;color:var(--pigeon)}
.aob .thumb img{max-height:100%;max-width:100%;object-fit:contain}
.aob .thumb.is-on{border-color:var(--black)}
.aob .thumb-360 .ico{width:20px;height:20px}
.aob .thumb-360{order:-1;flex-direction:column;gap:2px;font-size:11px}
.aob .slide-360{flex-direction:column;padding:0}
.aob .spin{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:grab;touch-action:pan-y;user-select:none;padding:20px}
.aob .spin.is-drag{cursor:grabbing}
.aob .spin-img{max-width:100%;max-height:100%;object-fit:contain;pointer-events:none}
.aob .spin-hint{position:absolute;left:50%;bottom:52px;transform:translateX(-50%);background:rgba(0,0,0,.72);color:#fff;font-size:13px;padding:6px 14px;border-radius:var(--pill);pointer-events:none;transition:opacity .4s;display:flex;gap:8px;align-items:center}
.aob .spin.is-used .spin-hint{opacity:0}
.aob .spin-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--smoke)}
.aob .spin-progress i{display:block;height:100%;width:0;background:var(--pigeon);transition:width .2s}
.aob .spin-ctrl{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:flex;gap:6px;z-index:2}
.aob .spin-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:18px;cursor:pointer;line-height:1}
.aob .spin-btn:hover{background:var(--smoke)}
.aob .brand-line{text-transform:uppercase;letter-spacing:.12em;font-size:13px;font-weight:600;color:var(--ink-2);margin:4px 0 4px}
.aob .info h1{margin-bottom:10px}
.aob .h1-color{display:block;font-weight:300;font-size:.6em;color:var(--ink-2);margin-top:4px}
.aob .actions{display:flex;gap:10px;flex-wrap:wrap;margin:8px 0 22px}
.aob .h-small{font-size:15px;font-weight:600;margin:0 0 10px;color:var(--black)}
.aob .colors{margin-bottom:22px}
.aob .swatches{display:flex;gap:8px;flex-wrap:wrap}
.aob .swatch{width:64px;height:40px;border-radius:10px;border:1.5px solid var(--line);padding:3px;background:#fff;display:flex;align-items:center;justify-content:center}
.aob .swatch.is-current{border-color:var(--black)}
.aob .swatch-img{max-width:100%;max-height:100%;object-fit:contain}
.aob .sizes{margin-bottom:22px}
.aob .size-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.aob .size-list li{display:contents}
.aob .size-btn{display:flex;align-items:baseline;gap:4px;padding:8px 14px;border:1.5px solid var(--line);border-radius:12px;font:inherit;font-size:15px;background:#fff;cursor:pointer;color:inherit}
.aob .size-btn.is-on{border-color:var(--black);background:var(--smoke)}
.aob .size-btn:hover{border-color:#bbb}
.aob .size-note{display:flex;align-items:center;gap:12px;margin:-4px 0 18px;font-size:14px;font-weight:600;color:var(--ink-2)}
.aob .size-list-sm .size-btn{padding:6px 12px;font-size:14px}
.aob .size-list b{font-weight:600;color:var(--black)}
.aob .mbar{transition:left .25s,width .25s}
.aob .size-list small{font-size:12px;color:var(--ink-2);margin-left:4px}
.aob .cta-box{background:var(--sand-3);border-radius:var(--r);padding:20px 22px;margin-top:8px}
.aob .cta-box p{margin-bottom:12px}
.aob .cta-row{display:flex;gap:10px;flex-wrap:wrap}
.aob .measure{background:var(--smoke);border-radius:var(--r);padding:30px 32px;margin-bottom:36px}
.aob .measure-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}
@media (max-width:800px){
.aob .measure-grid{grid-template-columns:1fr}
}
.aob .measure-fig{margin:0;background:#fff;border-radius:14px;padding:22px 26px 10px}
.aob .measure-fig img{width:100%;height:auto;display:block}
.aob .mbars{position:relative;height:64px;margin-top:14px}
.aob .mbar{position:absolute;top:0;height:2px;background:var(--ink)}
.aob .mbar::before,.aob .mbar::after{content:"";position:absolute;top:-6px;width:2px;height:14px;background:inherit}
.aob .mbar::before{left:0}
.aob .mbar::after{right:0}
.aob .mbar-lens{background:var(--red)}
.aob .mbar-bridge{background:var(--pigeon)}
.aob .mbar i,.aob .mbar small{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;text-align:center}
.aob .mbar i{top:12px;font-style:normal;font-weight:700;font-size:15px;color:inherit}
.aob .mbar-lens i{color:var(--red)}
.aob .mbar-bridge i{color:var(--pigeon)}
.aob .mbar small{top:34px;font-size:12px;color:var(--ink-2)}
.aob .measure-nofig .measure-grid{grid-template-columns:1fr;max-width:560px}
.aob .measure-list{list-style:none;margin:0 0 14px;padding:0}
.aob .measure-list li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid #dcdcdc}
.aob .measure-list b{font-weight:600;color:var(--black)}
.aob .fit{font-size:17px;margin-bottom:12px}
.aob .fit-pill{display:inline-block;padding:4px 12px;border-radius:var(--pill);font-weight:600;font-size:13px;margin-right:6px;background:#fff;border:1.5px solid var(--black)}
.aob .fit-smal{border-color:var(--pigeon);color:var(--pigeon)}
.aob .fit-medel{border-color:var(--black)}
.aob .fit-bred{border-color:var(--sand);color:#8a4a32}
.aob .two-col{display:grid;grid-template-columns:1.3fr 1fr;gap:48px;margin-bottom:44px}
@media (max-width:800px){
.aob .two-col{grid-template-columns:1fr;gap:24px}
}
.aob .dl{margin:0}
.aob .dl div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--line)}
.aob .dl dt{color:var(--ink-2)}
.aob .dl dd{margin:0;font-weight:500;color:var(--black);text-align:right}
.aob .similar{margin-bottom:80px}
.aob.lightbox{position:fixed;inset:0;background:#fff;z-index:100000;display:none;flex-direction:column}
.aob.lightbox.is-on{display:flex}
.aob .lb-top{position:absolute;top:16px;right:16px;display:flex;gap:10px;z-index:3}
.aob .lb-btn{width:46px;height:46px;border-radius:50%;border:1.5px solid var(--ink);background:#fff;font-size:26px;line-height:1;cursor:pointer;color:var(--ink);display:flex;align-items:center;justify-content:center}
.aob .lb-btn:hover{background:var(--smoke)}
.aob .lb-stage{flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:70px 40px 20px;cursor:zoom-in;touch-action:none}
.aob.lightbox.is-zoom .lb-stage{cursor:grab}
.aob .lb-stage img{max-width:100%;max-height:100%;object-fit:contain;will-change:transform;user-select:none;-webkit-user-drag:none;touch-action:none}
.aob .lb-cap{text-align:center;font-size:14px;color:var(--ink-2);padding:4px 0}
.aob .lb-dots{display:flex;justify-content:center;gap:8px;padding:10px 0 22px}
.aob .lb-dot{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--ink-3);background:#fff;padding:0;cursor:pointer}
.aob .lb-dot.is-on{background:var(--red);border-color:var(--red)}
@media (max-width:700px){
.aob .lb-stage{padding:70px 12px 10px}
.aob .lb-btn{width:40px;height:40px}
}
.aob .fav-actions{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 26px}
.aob .empty{background:var(--smoke);padding:24px;border-radius:var(--r)}
.aob .store-head{display:flex;gap:30px;align-items:flex-start;justify-content:space-between;margin-bottom:24px}
.aob .qr{flex:none;padding:10px;border:1px solid var(--line);border-radius:12px;background:#fff}
.aob .qr img,.aob .qr canvas{width:150px;height:150px}
.aob .store-table,.aob .compare-table{width:100%;border-collapse:collapse;font-size:15px}
.aob .store-table th,.aob .store-table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:middle}
.aob .store-table th{font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);font-weight:600}
.aob .store-table img{width:110px}
.aob .store-table .mono{font-family:ui-monospace,Menlo,monospace;font-size:13px}
.aob .compare-wrap{overflow-x:auto}
.aob .compare-table th,.aob .compare-table td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;min-width:200px}
.aob .compare-table th:first-child,.aob .compare-table td:first-child{color:var(--ink-2);font-weight:500;min-width:130px}
.aob .compare-table img{width:100%;max-width:260px}
.aob .compare-table .cmp-name{font-weight:600;color:var(--black);display:block}
.aob .compare-table .cmp-rm{font-size:13px;color:var(--ink-2);background:none;border:0;cursor:pointer;text-decoration:underline;padding:0;font-family:inherit}
.aob .compare-bar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(0,0,0,.08);z-index:60;padding:10px 0}
.aob .compare-bar .wrap{display:flex;gap:12px;align-items:center}
.aob .compare-items{flex:1;display:flex;gap:8px;align-items:center;font-size:14px;overflow:hidden}
.aob .compare-items img{height:34px;width:68px;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff}
.aob .site-footer{background:var(--smoke);padding:36px 0;margin-top:40px;font-size:14px;color:var(--ink-2)}
.aob .foot-claim{font-size:17px;color:var(--black);font-weight:500}
.aob .foot-small{margin:0}
@media print{
.aob .site-header,.aob .site-footer,.aob .compare-bar,.aob .fav-actions{display:none}
}
.aob .swatch .noimg,.aob .thumb .noimg{font-size:0;border-radius:6px}
.aob .cta-row-plain{margin-top:10px}
.aob .toggle-btn{background:#fff;font:inherit;color:inherit;cursor:pointer}
.aob .toggle-btn[aria-expanded=true]{border-color:var(--black)}
.aob .toggle-btn .ico-sm{width:16px;height:16px;transition:transform .2s}
.aob .toggle-btn[aria-expanded=true] .ico-sm{transform:rotate(180deg)}
.aob .filter-panel{padding:4px 0 2px}
.aob .filter-row-2 input[type=search]{margin-left:auto;max-width:320px}
@media (max-width:700px){
.aob .filter-row-2 input[type=search]{margin-left:0;max-width:none;flex-basis:100%}
}
.aob .filter-panel[hidden]{display:none}
.aob .toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:4px 0 20px}
.aob .toolbar .result-count{margin:0 4px}
.aob .toolbar input[type=search]{margin-left:auto;max-width:260px;flex:0 1 260px}
.aob .toolbar select{width:auto}
.aob .active-chips{display:flex;gap:6px;flex-wrap:wrap}
.aob .achip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px 0 14px;border-radius:var(--pill);background:var(--smoke);font-size:14px;font-weight:500;border:0;font-family:inherit;cursor:pointer;color:var(--ink)}
.aob .achip b{font-weight:400;color:var(--ink-2);font-size:17px;line-height:1}
.aob .achip:hover b{color:var(--red)}
.aob .drawer-bg{position:fixed;inset:0;background:rgba(0,0,0,.25);z-index:80}
.aob .drawer{position:fixed;top:0;left:0;bottom:0;width:min(400px,92vw);background:#fff;z-index:81;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.18)}
.aob .drawer[hidden],.aob .drawer-bg[hidden]{display:none}
.aob .drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 10px}
.aob .drawer-head h2{margin:0;font-size:22px}
.aob .drawer-close{width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:22px;cursor:pointer;line-height:1}
.aob .drawer-body{overflow:auto;padding:4px 24px 16px;flex:1}
.aob .drawer-body h3{font-size:15px;font-weight:600;color:var(--black);margin:18px 0 8px}
.aob .drawer-body h3:first-child{margin-top:4px}
.aob .opts{display:flex;flex-wrap:wrap;gap:8px}
.aob .opt{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border:1.5px solid var(--line);border-radius:var(--pill);background:#fff;font:inherit;font-size:14px;font-weight:500;cursor:pointer;color:var(--ink)}
.aob .opt:hover{border-color:#bbb}
.aob .opt.is-on{border-color:var(--black);background:var(--smoke);color:var(--black)}
.aob .dots .opt{width:34px;height:34px;padding:0;border-radius:50%;border:1px solid #ddd;position:relative}
.aob .dots .opt.is-on{outline:2px solid var(--black);outline-offset:2px;border-color:#ddd;background:none}
.aob .dots .opt span{position:absolute;left:50%;top:40px;transform:translateX(-50%);font-size:11px;white-space:nowrap;color:var(--ink-2);display:none}
.aob .dots .opt:hover span,.aob .dots .opt.is-on span{display:block}
.aob .dots{padding-bottom:18px}
.aob .drawer-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;border-top:1px solid var(--line)}
.aob .drawer-foot .link-btn{margin:0}
.aob .fbar{display:flex;align-items:center;gap:26px;flex-wrap:wrap;padding:14px 0 10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:6px 0 10px}
.aob .fdrop{position:relative}
.aob .fdrop-btn{background:none;border:0;padding:6px 0;font:inherit;font-size:13px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.aob .fdrop-btn .ico-sm{width:14px;height:14px;transition:transform .2s}
.aob .fdrop.is-open .fdrop-btn .ico-sm{transform:rotate(180deg)}
.aob .fdrop.is-set .fdrop-btn{color:var(--black);font-weight:700}
.aob .fdrop.is-set .fdrop-label::after{content:""}
.aob .fpop{display:none;position:absolute;top:calc(100% + 8px);left:0;z-index:30;background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 14px 40px rgba(0,0,0,.12);min-width:230px;max-width:360px}
.aob .fdrop.is-open .fpop{display:flex}
.aob .fpop.dots{min-width:300px;padding:14px 14px 30px;gap:10px}
.aob .fbar input[type=search]{margin-left:auto;max-width:240px;flex:0 1 240px}
.aob .fbar select{width:auto}
.aob .filter-row-3{justify-content:flex-start;gap:16px}
.aob .filter-row-3 .link-btn{margin:0}
@media (max-width:900px){
.aob .fbar{gap:16px}
.aob .fbar input[type=search]{margin-left:0;flex-basis:100%;max-width:none}
}
.aob .fpop{flex-direction:column;gap:0;padding:8px 6px;min-width:220px}
.aob .fpop.dots{min-width:240px;padding:8px 6px;gap:0}
.aob .fpop .opt{width:100%;justify-content:flex-start;height:40px;border:0;border-radius:8px;padding:0 10px;font-size:15px;font-weight:400;background:none}
.aob .fpop .opt:hover{background:var(--smoke)}
.aob .fpop .opt.is-on{background:none;color:var(--black);font-weight:500}
.aob .cbx{width:18px;height:18px;border:1.5px solid #777;border-radius:3px;flex:none;position:relative;background:#fff}
.aob .opt.is-on .cbx{background:var(--black);border-color:var(--black)}
.aob .opt.is-on .cbx::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.aob .fpop .dot{width:16px;height:16px;border-radius:50%;border:1px solid #ddd;flex:none}
.aob .dots .opt{width:100%;height:40px;border-radius:8px;border:0}
.aob .dots .opt.is-on{outline:none}
.aob .dots .opt span{position:static;transform:none;display:inline;font-size:15px;color:inherit}
.aob .fdrop.is-open .fdrop-btn{color:var(--black)}
.aob .filter-row-3 select{margin-left:auto}
.aob button:focus:not(:focus-visible),.aob a:focus:not(:focus-visible),.aob select:focus:not(:focus-visible),.aob input:focus:not(:focus-visible){outline:none}
.aob button:focus-visible,.aob a:focus-visible,.aob select:focus-visible,.aob input:focus-visible{outline:2px solid var(--ink);outline-offset:2px}
.aob.lb-360 .lb-stage-360{padding:70px 40px 40px;cursor:default}
.aob.lb-360 .slide-360{position:relative;display:flex;width:100%;height:100%;inset:auto}
.aob.lb-360 .spin{height:100%}
.aob.lb-360 .spin-img{max-height:100%}
.aob .spin:focus{outline:none}
.aob.lb-360 .spin{width:100%;max-width:100%}
.aob.lb-360 .spin-img{max-width:100%;width:auto;height:auto}
.aob .card-dots{display:none}
.aob .card-new{position:absolute;top:14px;left:18px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--red);z-index:2}
@media (max-width:700px){
.aob .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -20px;padding:0 20px;scroll-snap-type:x proximity}
.aob .chips::-webkit-scrollbar{display:none}
.aob .chip{flex:none;scroll-snap-align:start}
.aob .fbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;gap:18px;margin:6px -20px 10px;padding:12px 20px 10px;position:static}
.aob .fbar::-webkit-scrollbar{display:none}
.aob .fdrop{position:static}
.aob .fdrop-btn{white-space:nowrap}
.aob .fpop{left:20px;right:20px;max-width:none;top:auto;margin-top:8px;max-height:60vh;overflow:auto}
.aob .fbar input[type=search]{flex:0 0 200px;margin-left:6px}
.aob .filters{position:relative}
.aob .thumbs{display:flex;overflow-x:auto;scrollbar-width:none;gap:8px;padding-bottom:4px;margin:12px -20px 0;padding-left:20px;padding-right:20px}
.aob .thumbs::-webkit-scrollbar{display:none}
.aob .thumb{flex:none;width:78px;height:50px;aspect-ratio:auto}
.aob .stage{aspect-ratio:4/3}
.aob .spin{padding:12px 12px 56px}
.aob .spin-hint{bottom:auto;top:12px}
.aob .spin-ctrl{bottom:8px;background:#fff;padding:4px;border-radius:999px}
.aob .slide figcaption{bottom:8px;left:10px;font-size:12px}
.aob .hero{padding:30px 0 24px}
.aob .lead{font-size:17px}
.aob .actions .btn{flex:1 1 auto;justify-content:center}
.aob .cta-row-plain .btn{flex:1 1 auto;justify-content:center}
.aob .measure{padding:22px 18px}
.aob .measure-fig{padding:14px 12px 6px}
.aob .mbar i{font-size:13px}
.aob .filter-row-3{flex-wrap:wrap}
.aob .filter-row-3 select{margin-left:0;width:100%}
}
.aob.lb-360 .spin{touch-action:none}
.aob.lb-360 .spin.is-zoom{cursor:grab}
.aob.lb-360 .spin-hint{display:none}
.aob.lb-360 .spin-ctrl::after{content:'Dra för att rotera · nyp eller dubbeltryck för att zooma';position:absolute;top:50px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;color:var(--ink-2)}
@media (hover:hover){
.aob.lb-360 .spin-ctrl::after{content:'Dra för att rotera · dubbelklicka eller scrolla för att zooma'}
}
.aob .swatches{align-items:flex-start}
.aob .swatch-wrap{text-align:center}
.aob .sw-360{display:block;font-size:11px;font-weight:600;color:var(--pigeon);margin-top:3px;line-height:1}
.aob .spin-btn,.aob .lb-btn,.aob .zoom-btn{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:0;font-size:0}
.aob .spin-btn svg,.aob .lb-btn svg,.aob .zoom-btn svg{width:20px;height:20px;display:block}
.aob .lb-btn svg{width:22px;height:22px}
.aob .spin-play .i-pause{display:none}
.aob .spin-play.is-playing .i-play{display:none}
.aob .spin-play.is-playing .i-pause{display:block}
@media (max-width:700px){
.aob .filter-row,.aob .fbar-wrap{position:relative}
.aob .scroll-more::after{content:"";position:absolute;top:0;right:-20px;bottom:0;width:72px;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,0),#fff 55%);z-index:3}
.aob .scroll-more::before{content:"";position:absolute;right:-6px;top:50%;width:9px;height:9px;border:solid var(--ink);border-width:0 2px 2px 0;transform:translateY(-50%) rotate(-45deg);z-index:4;pointer-events:none}
.aob .fbar-wrap{margin:6px -20px 10px}
.aob .fbar-wrap .fbar{margin:0}
.aob .fbar-wrap.scroll-more::after{right:0}
.aob .fbar-wrap.scroll-more::before{right:14px}
}
.aob .more-wrap{margin:40px 0 80px}
@media (max-width:700px){.aob .more-wrap{margin:28px 0 56px}.aob .more-wrap .btn{width:100%;justify-content:center}}
/* Metaraden ligger alltid i kortets botten, så att raderna linjerar mellan korten */
.aob .card{display:flex;flex-direction:column}
.aob .card-img{flex:0 0 auto}
.aob .card-body{flex:1 1 auto}
.aob .card-meta{margin-top:auto;padding-top:8px}
/* Bildytan på korten: fast 2:1-yta, bilden centrerad med absolut placering (Safari räknar annars fel höjd i flex) */
.aob .card-img{aspect-ratio:2/1;overflow:hidden;min-height:0;display:block;padding:0}
.aob .card-img > img,.aob .card-img > .card-img2{position:absolute;top:14px;left:14px;width:calc(100% - 28px)!important;height:calc(100% - 28px)!important;max-width:none;object-fit:contain;object-position:50% 50%;margin:0}
.aob .card-img > .noimg{position:absolute;inset:14px}

.aob .meta-new{color:var(--red);font-weight:600}

/* Mobil: svep mellan bågens bilder i korten */
.aob .card-img.swipe{padding:0}
.aob .sw-track{position:absolute;inset:0;display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overscroll-behavior-x:contain}
.aob .sw-track::-webkit-scrollbar{display:none}
.aob .sw-track img{flex:0 0 100%;width:100%;height:100%;object-fit:contain;padding:14px;box-sizing:border-box;scroll-snap-align:start;position:static}
.aob .sw-dots{position:absolute;left:0;right:0;bottom:4px;display:flex;justify-content:center;gap:5px;pointer-events:none}
.aob .sw-dots i{width:5px;height:5px;border-radius:50%;background:#d4d4d4;transition:background .2s}
.aob .sw-dots i.on{background:var(--ink)}

/* luft ner till sidfoten – samma som listningen (80 / 56 px) */
.aob .sida{padding-bottom:80px}
@media (max-width:700px){.aob .sida{padding-bottom:56px}.aob .similar{margin-bottom:56px}}