/* ogs-megamenu.css */ /* Seven menus: shared visual language, category-specific content. */ #header .ogs-navigation{position:relative;z-index:1050;overflow:visible!important;background:#f1f7fc} #header .ogs-mega{position:static;color:#092440} #header .ogs-mega *,#header .ogs-mega *::before,#header .ogs-mega *::after{box-sizing:border-box} #header .ogs-mega__nav{display:flex;align-items:stretch;gap:22px;list-style:none;padding:0;margin:0;min-height:50px} #header .ogs-mega__item{position:static;list-style:none;margin:0;padding:0} #header .ogs-mega__trigger{display:flex;align-items:center;min-height:50px;border-bottom:3px solid transparent;border-radius:3px} #header .ogs-mega__trigger>a{color:#0088d2;font-size:16px;line-height:1.2;font-weight:500;padding:13px 4px;text-decoration:none;white-space:nowrap} #header .ogs-mega__trigger>button{border:0;background:none;color:#0088d2;padding:6px 2px;cursor:pointer;line-height:1} #header .ogs-mega__trigger>button span{display:block} #header .ogs-mega__trigger>button svg{width:14px;height:14px} #header .ogs-mega__item--sale .ogs-mega__trigger>a{color:#ff6900} #header .ogs-mega__item.is-open>.ogs-mega__trigger{border-color:#009ada} #header .ogs-mega__item.is-open>.ogs-mega__trigger>a{font-weight:700;color:#0088d2} #header .ogs-mega__item.is-open>.ogs-mega__trigger button span{transform:rotate(180deg)} #header .ogs-mega__panel{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(1600px,calc(100vw - 64px));max-height:calc(100dvh - var(--ogs-menu-bottom,126px) - 16px);overflow:auto;overscroll-behavior:contain;background:#fff;border:1px solid #dde6ec;border-radius:16px;padding:26px 30px 18px;box-shadow:0 18px 40px #001b3426;z-index:2;text-align:left} #header .ogs-mega__panel[hidden],#header .ogs-mega__backdrop[hidden]{display:none!important} #header .ogs-mega__title{font-size:36px;line-height:1.18;font-weight:750;margin:0 0 28px;color:#071d40;letter-spacing:-.7px} #header .ogs-mega__columns{display:grid;grid-template-columns:1.03fr .96fr 1.04fr 1.08fr;gap:26px;align-items:stretch} #header .ogs-mega__group{min-width:0;border-right:1px solid #d9e3ee;padding-right:26px} #header .ogs-mega__columns h3{font-size:22px;line-height:1.2;font-weight:750;color:#071f40;margin:4px 0 18px;letter-spacing:-.3px} #header .ogs-mega__row{display:flex;align-items:center;gap:14px;min-height:52px;padding:12px 0;color:#183657;font-size:16px;line-height:1.4;text-decoration:none;border-bottom:1px solid #e8eff5;background:none;font-weight:400;margin:0} #header .ogs-mega__row:last-child{border-bottom:0} #header a.ogs-mega__row:hover{color:#008ee8} #header .ogs-mega__row[aria-disabled=true]{cursor:default} #header .ogs-mega__label{min-width:0;flex:1} #header .ogs-mega__arrow{display:block;width:18px;height:18px;flex:0 0 18px;margin-left:auto} #header .ogs-mega__icon{display:grid;place-items:center;flex:0 0 56px;height:56px;background:linear-gradient(140deg,#eef8ff,#e4f3fe);border-radius:11px;color:#0098ed} #header .ogs-mega__icon img{display:block;width:32px;height:32px;max-width:none} #header .ogs-mega__group--0 .ogs-mega__row{padding:5px 0;min-height:48px} #header .ogs-mega__panel--plugin .ogs-mega__group--0 .ogs-mega__row{border:0;padding:12px 0;font-weight:700;min-height:98px} #header .ogs-mega__panel--plugin .ogs-mega__icon{height:70px;flex-basis:70px} #header .ogs-mega__panel--plugin .ogs-mega__icon img{width:39px;height:39px} #header .ogs-mega__panel--portable .ogs-mega__group--0 .ogs-mega__row{font-weight:700;border:0} #header .ogs-mega__advice{display:flex;flex-direction:column;min-width:0;border-radius:12px;overflow:hidden;background:#eaf5fd;position:relative} #header .ogs-mega__advice-copy{position:relative;z-index:1;padding:20px 22px 0} #header .ogs-mega__advice h3{font-size:24px;margin:0 0 14px} #header .ogs-mega__advice p{font-size:18px;line-height:1.45;color:#71859b;margin:0 0 20px} #header .ogs-mega__advice .ogs-mega__row{border-color:#d9e7f1} #header .ogs-mega__advice .ogs-mega__cta{background:linear-gradient(115deg,#009edb,#008fd0);border:0;border-radius:9px;color:white;font-weight:700;padding:15px 18px;margin:6px 0 5px;min-height:54px} #header .ogs-mega__advice a.ogs-mega__cta:hover{background:#007eba;color:white} #header .ogs-mega__scene{display:block;width:100%;height:auto;object-fit:cover;margin-top:auto;max-width:100%} #header .ogs-mega__advice>.ogs-mega__scene{padding-top:16px} #header .ogs-mega__footer{background:#eaf5fd;border-radius:9px;margin-top:22px;padding:0 20px} #header .ogs-mega__footer .ogs-mega__row{display:inline-flex;border:0;min-height:50px;padding:10px 0;font-size:17px;font-weight:700;color:#008cf0;gap:14px} #header .ogs-mega__panel--about{padding-top:40px;padding-bottom:32px} #header .ogs-mega__panel--about .ogs-mega__columns h3{font-size:29px;margin-bottom:24px} #header .ogs-mega__panel--about .ogs-mega__group--0 .ogs-mega__row{min-height:82px} #header .ogs-mega__panel--about .ogs-mega__group--0 .ogs-mega__row:has(.ogs-mega__icon){font-weight:700} #header .ogs-mega__panel--sale{width:min(1400px,calc(100vw - 64px))} #header .ogs-mega__panel--sale .ogs-mega__columns{grid-template-columns:1fr 1fr;gap:32px} #header .ogs-mega__panel--sale .ogs-mega__group{padding-right:32px} #header .ogs-mega__sale-picture{display:flex;align-items:stretch;min-width:0} #header .ogs-mega__sale-picture .ogs-mega__scene{border-radius:10px;height:100%;object-fit:cover;margin:0} #header .ogs-mega__panel--sale .ogs-mega__icon{flex-basis:46px;height:46px} #header .ogs-mega__backdrop{position:fixed;inset:var(--ogs-menu-bottom,126px) 0 0;background:#132b4580;backdrop-filter:blur(6px);z-index:1} #header .ogs-mega a:focus-visible,#header .ogs-mega button:focus-visible{outline:3px solid #008fff;outline-offset:3px} @media(min-width:1800px){#header .ogs-mega__title{font-size:40px}#header .ogs-mega__row{font-size:18px}#header .ogs-mega__columns h3{font-size:24px}#header .ogs-mega__panel{padding:28px 30px 18px}#header .ogs-mega__advice h3{font-size:28px}} @media(max-width:1250px){#header .ogs-mega__nav{gap:8px}#header .ogs-mega__trigger>a{font-size:13px}#header .ogs-mega__columns{gap:18px}#header .ogs-mega__group{padding-right:18px}#header .ogs-mega__panel{padding:22px;width:calc(100vw - 32px)}#header .ogs-mega__title{font-size:30px;margin-bottom:22px}#header .ogs-mega__row{font-size:14px;gap:9px}#header .ogs-mega__columns h3{font-size:19px}#header .ogs-mega__advice-copy{padding:16px 14px 0}#header .ogs-mega__icon{flex-basis:42px;height:46px}#header .ogs-mega__panel--plugin .ogs-mega__icon{flex-basis:48px;height:58px}#header .ogs-mega__advice .ogs-mega__cta{padding:12px}#header .ogs-mega__panel--about .ogs-mega__columns h3{font-size:23px}} @media(max-width:991px){#header .ogs-mega,#header .ogs-mega__backdrop{display:none!important}} @media(prefers-reduced-motion:reduce){#header .ogs-mega *{scroll-behavior:auto}} #header .ogs-mega__panel--fixed .ogs-mega__scene{height:190px;object-fit:contain;object-position:right bottom} #header .ogs-mega__system-diagram{position:absolute;bottom:75px;left:16px;width:46%;height:auto;pointer-events:none} /* Robotics icons: larger silhouettes and consistent optical weight. */ #header .ogs-mega__panel--robotics .ogs-mega__icon img{width:40px;height:40px} /* Supplied Unitree photograph: keep the entire robot visible. */ #header .ogs-mega__panel--robotics .ogs-mega__robot-photo{height:250px;width:100%;padding:8px 12px 12px;object-fit:contain;object-position:center;mix-blend-mode:multiply} #header .ogs-mega__panel--robotics .ogs-mega__icon img[src*="dog-v117"]{width:46px;height:38px} /* Landscape composition: original robot photo on a lightweight vector backdrop. */ #header .ogs-mega__robot-landscape{position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:1.65;margin-top:auto;background:#eaf5fd url('../img/megamenu/robot-landscape-v118.svg') center bottom/100% 100% no-repeat} #header .ogs-mega__panel--robotics .ogs-mega__robot-landscape .ogs-mega__robot-photo{position:absolute;right:0;bottom:-12%;width:78%;height:auto;max-width:none;padding:0;margin:0;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;filter:grayscale(1);opacity:.84} /* Keep menu geometry identical on hover, focus and opening. */ #header .ogs-mega__trigger>a, #header .ogs-mega__trigger>a:hover, #header .ogs-mega__trigger>a:focus, #header .ogs-mega__trigger>a:active, #header .ogs-mega__item.is-open>.ogs-mega__trigger>a{font-weight:600!important} /* Visible separation with a transparent pointer bridge into the open panel. */ @media(min-width:992px){ #header .ogs-mega__panel{top:calc(100% + 12px);max-height:calc(100dvh - var(--ogs-menu-bottom,126px) - 28px)} #header .ogs-mega__item.is-open::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(1600px,calc(100vw - 32px));height:12px;background:transparent;pointer-events:auto;z-index:2} } /* ogs-home-services.css */ .ogs-discover{margin:32px 0;color:#07253d}.ogs-discover *{box-sizing:border-box}.ogs-discover a{text-decoration:none}.ogs-discover h2,.ogs-discover h3,.ogs-discover p{margin:0}.ogs-discover a:focus-visible{outline:3px solid #009cde;outline-offset:4px}.ogs-consult{display:flex;align-items:center;gap:22px;background:#082b42;color:white;padding:22px;border-radius:9px}.ogs-consult__intro{flex:1}.ogs-consult h2{color:white;font-size:25px;line-height:1.15;margin-bottom:8px}.ogs-consult p{color:#c5d8e4;font-size:14px;line-height:1.5}.ogs-consult__contact{display:flex;align-items:center;gap:12px;color:white;flex-shrink:0}.ogs-consult__contact:hover{color:#bdeaff}.ogs-consult__contact svg{width:25px;height:25px}.ogs-consult__contact strong{display:block;font-size:14px}.ogs-consult__contact small{display:block;font-size:11px;color:#c5d8e4;margin-top:4px}.ogs-consult__button{display:flex;gap:12px;align-items:center;justify-content:center;background:#ff7900;color:white;padding:16px 20px;border-radius:6px;font-weight:700;white-space:nowrap;font-size:15px}.ogs-consult__button:hover{background:#e66b00;color:white}.ogs-discover__tiles{display:grid;grid-template-columns:1.4fr 1fr .58fr;gap:16px;margin-top:16px}.ogs-discover-tile{position:relative;isolation:isolate;overflow:hidden;border-radius:9px;min-height:245px;color:#07253d;background:#f3f8fc}.ogs-discover-tile>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.ogs-discover-tile::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fffaf4 0%,#fffaf4f5 32%,#fffaf4c9 46%,#fffaf400 72%)}.ogs-discover-tile__copy{padding:22px 24px;max-width:57%;height:100%;display:flex;flex-direction:column;align-items:flex-start}.ogs-discover__eyebrow{font-size:11px;text-transform:uppercase;font-weight:750;color:#f66b00;display:block;margin-bottom:10px}.ogs-discover-tile h2{font-size:25px;font-weight:750;line-height:1.12;letter-spacing:-.6px;color:#06233d}.ogs-discover-tile p{font-size:14px;line-height:1.4;color:#5a7082;margin:12px 0 18px}.ogs-discover__link{margin-top:auto;font-size:16px;color:#f66b00;display:flex;gap:10px}.ogs-discover-tile--business::before{background:linear-gradient(90deg,#edfff1 0%,#edfff1f7 38%,#edfff100 75%)}.ogs-discover-tile--business .ogs-discover-tile__copy{max-width:64%}.ogs-discover-tile--business .ogs-discover__eyebrow,.ogs-discover-tile--business .ogs-discover__link{color:#009326}.ogs-discover-tile--business>img{object-position:65% center}.ogs-discover-tile--personal{padding:16px;background:#f0f7ff;display:flex;flex-direction:column}.ogs-discover-tile--personal::before{display:none}.ogs-discover-tile--personal>.ogs-discover__eyebrow{color:#0068ff;font-size:10px;position:relative;z-index:1}.ogs-discover-tile--personal>img{position:relative;inset:auto;align-self:flex-end;width:110px;height:110px;border-radius:50%;object-fit:cover;z-index:0;margin-top:-8px;margin-bottom:-12px}.ogs-discover-tile--personal .ogs-discover-tile__copy{padding:0;max-width:100%;height:auto;flex:1;position:relative}.ogs-discover-tile--personal h2{font-size:18px;letter-spacing:-.3px}.ogs-discover-tile--personal p{font-size:13px;margin:7px 0 10px}.ogs-discover-tile--personal .ogs-discover__link{font-size:14px;color:#0068ff}.ogs-reasons{display:flex;align-items:center;gap:22px;margin:18px 0}.ogs-reasons>h2{font-size:23px;font-weight:750;max-width:280px;flex:0 0 22%}.ogs-reasons ul{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0;padding:12px 0;border-radius:10px;background:#f4f9fc;flex:1}.ogs-reasons li{display:flex;align-items:flex-start;gap:13px;padding:0 15px;border-left:1px solid #dce8ed}.ogs-reasons li:first-child{border:0}.ogs-reasons svg{width:48px;height:48px;padding:11px;background:#d4fbe1;border-radius:50%;flex-shrink:0}.ogs-reasons strong{font-size:13px;line-height:1.25;display:block;margin:5px 0}.ogs-reasons p{font-size:12px;line-height:1.4;color:#657b8d}.ogs-quick-categories__heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:16px 0 12px}.ogs-quick-categories h2{font-size:23px;font-weight:750}.ogs-quick-categories__heading>a{font-size:13px;font-weight:650;color:#0075ee}.ogs-quick-categories__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ogs-quick-categories__grid>a{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid #e0edf5;border-radius:9px;background:#f6fafc;color:#07253d;min-height:108px}.ogs-quick-categories__grid img{width:31%;height:86px;object-fit:contain;mix-blend-mode:multiply}.ogs-quick-categories__grid h3{font-size:16px;font-weight:750}.ogs-quick-categories__grid p{font-size:13px;line-height:1.4;color:#657b8d;margin-top:5px}.ogs-quick-categories__grid>a>span{font-size:28px;margin-left:auto}.ogs-discover-tile:hover .ogs-discover__link{text-decoration:underline}.ogs-quick-categories__grid>a:hover{border-color:#009bdd} @media(max-width:1199px){.ogs-consult{flex-wrap:wrap}.ogs-consult__intro{flex-basis:100%}.ogs-consult__button{margin-left:auto}.ogs-discover__tiles{grid-template-columns:1.25fr 1fr}.ogs-discover-tile--personal{grid-column:1/-1;min-height:150px;padding:20px;display:block}.ogs-discover-tile--personal>img{float:right;margin:-15px 10px 0 25px;width:130px;height:130px}.ogs-discover-tile--personal .ogs-discover-tile__copy{max-width:75%}.ogs-reasons{display:block}.ogs-reasons>h2{max-width:none;margin-bottom:12px}.ogs-quick-categories__grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:767px){.ogs-discover{margin:24px 0}.ogs-consult{padding:20px;gap:18px}.ogs-consult h2{font-size:23px}.ogs-consult__contact{flex-basis:100%}.ogs-consult__button{width:100%;margin:0}.ogs-discover__tiles{grid-template-columns:1fr;gap:12px}.ogs-discover-tile{min-height:265px}.ogs-discover-tile__copy{padding:22px 18px;max-width:64%}.ogs-discover-tile h2{font-size:23px}.ogs-discover-tile p{font-size:13px}.ogs-discover-tile--personal{min-height:180px}.ogs-discover-tile--personal .ogs-discover-tile__copy{max-width:60%}.ogs-discover-tile--personal>img{width:110px;height:110px;margin:4px 0 0 12px}.ogs-discover-tile--personal h2{font-size:20px}.ogs-reasons ul{grid-template-columns:repeat(2,1fr);gap:18px 0;padding:16px 0}.ogs-reasons li{padding:0 10px;gap:8px}.ogs-reasons li:nth-child(3){border:0}.ogs-reasons svg{width:34px;height:34px;padding:7px}.ogs-reasons strong{font-size:12px;margin-top:0}.ogs-reasons p{font-size:11px}.ogs-quick-categories__heading{align-items:flex-start;flex-direction:column;gap:8px}.ogs-quick-categories h2,.ogs-reasons>h2{font-size:22px}.ogs-quick-categories__grid{gap:10px}.ogs-quick-categories__grid>a{flex-wrap:wrap;gap:6px;padding:12px;position:relative}.ogs-quick-categories__grid img{width:100%;height:95px}.ogs-quick-categories__grid h3{font-size:14px}.ogs-quick-categories__grid p{font-size:12px}.ogs-quick-categories__grid>a>span{position:absolute;right:9px;top:45px}.ogs-quick-categories__grid>a>div{width:100%}} /* Keep text legible across all image crops. */ .ogs-discover-tile::before{background:linear-gradient(90deg,#fffaf4 0%,#fffaf4f5 45%,#fffaf4dc 57%,#fffaf400 78%)} .ogs-discover-tile--business::before{background:linear-gradient(90deg,#edfff1 0%,#edfff1f7 48%,#edfff1df 60%,#edfff100 82%)} /* Compact service row matching the homepage review line. */ .ogs-discover .ogs-reasons--inline { display:block; margin:16px 0 22px; } .ogs-discover .ogs-reasons--inline ul { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:12px 28px; margin:0; padding:0; background:transparent; border-radius:0; } .ogs-discover .ogs-reasons--inline li { display:flex; align-items:center; gap:9px; padding:0; border:0; color:#657b8d; font-size:14px; line-height:1.5; } .ogs-discover .ogs-reasons--inline svg { width:22px; height:22px; flex:0 0 22px; padding:0; border-radius:0; background:transparent; color:#009fe3; } .ogs-discover .ogs-reasons--inline b { color:#ff7900; font-weight:700; } @media(max-width:767px) { .ogs-discover .ogs-reasons--inline ul { justify-content:flex-start; gap:10px 20px; } .ogs-discover .ogs-reasons--inline li { font-size:13px; } } /* Two equally sized service tiles: showroom and personal advice. */ .ogs-discover__tiles { grid-template-columns:repeat(2,minmax(0,1fr)); } .ogs-discover-tile--personal { grid-column:auto; display:flex; padding:24px; min-height:245px; } .ogs-discover-tile--personal > .ogs-discover__eyebrow { font-size:11px; } .ogs-discover-tile--personal > img { position:absolute; width:36%; height:auto; aspect-ratio:1; right:24px; top:50%; transform:translateY(-50%); margin:0; float:none; } .ogs-discover-tile--personal .ogs-discover-tile__copy { max-width:59%; height:100%; } .ogs-discover-tile--personal h2 { font-size:25px; } .ogs-discover-tile--personal p { font-size:14px; margin:12px 0 18px; } .ogs-discover-tile--personal .ogs-discover__link { font-size:16px; } @media(max-width:767px) { .ogs-discover__tiles { grid-template-columns:1fr; } .ogs-discover-tile--personal { padding:22px 18px; min-height:235px; } .ogs-discover-tile--personal > img { right:16px; width:32%; } .ogs-discover-tile--personal .ogs-discover-tile__copy { max-width:62%; } .ogs-discover-tile--personal h2 { font-size:23px; } .ogs-discover-tile--personal p { font-size:13px; } } .ogs-discover .ogs-reasons-track > ul[aria-hidden] { display:none; } @keyframes ogs-reasons-scroll { to { transform:translateX(-50%); } } @media(max-width:767px) { .ogs-discover .ogs-reasons--inline:has(.ogs-reasons-track) { width:calc(100% + 32px); margin-left:-16px; margin-right:-16px; overflow:hidden; } .ogs-discover .ogs-reasons-track { display:flex; width:max-content; animation:ogs-reasons-scroll 24s linear infinite; } .ogs-discover .ogs-reasons-track > ul { display:flex; flex-wrap:nowrap; flex:none; gap:28px; padding:0 28px 0 0; } .ogs-discover .ogs-reasons-track > ul[aria-hidden] { display:flex; } .ogs-discover .ogs-reasons-track li { white-space:nowrap; } .ogs-discover .ogs-reasons--inline:hover .ogs-reasons-track, .ogs-discover .ogs-reasons--inline.ogs-motion-paused .ogs-reasons-track { animation-play-state:paused; } } @media(prefers-reduced-motion:reduce) { .ogs-discover .ogs-reasons--inline:has(.ogs-reasons-track) { width:auto; margin-left:0; margin-right:0; } .ogs-discover .ogs-reasons-track { width:auto; animation:none; } .ogs-discover .ogs-reasons-track > ul { flex-wrap:wrap; padding:0; } .ogs-discover .ogs-reasons-track > ul[aria-hidden] { display:none; } } /* ogs-product-cards.css */ body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__content { flex: 1; display: flex; flex-direction: column; padding: 18px !important; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__bottom { display: flex !important; flex-direction: column; align-items: stretch !important; gap: 14px !important; margin-top: auto !important; padding-top: 8px !important; } body #content .ogs-product-card .ogs-product-card__bottom form { width: 100%; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__add { display: flex !important; align-items: center; justify-content: center; gap: 10px; width: 100% !important; height: auto !important; min-height: 48px; padding: 12px !important; border-radius: 6px; font-size: 16px; font-weight: 700; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__prices { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__prices strong { color: #071f40; font-size: 26px; line-height: 1.2; } .ogs-card-saving { padding: 4px 8px; border-radius: 6px; background: #ffeded; color: #db2525; font-size: 12px; } .ogs-card-availability { font-size: 13px; line-height: 1.4; } .ogs-card-availability__status { display: flex; align-items: center; gap: 7px; color: #008c16; } .ogs-card-availability__status svg { flex: 0 0 18px; } .ogs-card-availability p { margin: 3px 0 0; color: #45515e; } .ogs-card-availability a { color: #0794d2; text-decoration: none; } .ogs-card-availability a:hover { text-decoration: underline; } .ogs-card-stock { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 48px; padding: 12px; border-radius: 6px; background: #edf1f5; color: #23445e; font-weight: 700; text-decoration: none; font-size: 14px; } .ogs-card-details { display: block; padding: 16px 0 2px; text-align: center; color: #0794d2; font-weight: 700; text-decoration: none; } .ogs-card-reviews { margin: 6px 0; } .ogs-card-reviews:empty { display: none; } .ogs-product-review { display: flex; align-items: center; gap: 10px; visibility: hidden; } .ogs-product-review.ogs-review-ready { visibility: visible; } .ogs-product-review .product-list-comments-number { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); } .ogs-product-review .ogs-review-values { color: #4b657a; font-size: 16px; font-weight: 600; line-height: 1.4; white-space: nowrap; } .ogs-product-review .grade-stars { flex-shrink: 0; zoom: 1.2; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__title { font-size: 16px !important; line-height: 1.4 !important; min-height: 2.8em !important; overflow-wrap: anywhere; color: #071f40 !important; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__prices { width: 100%; justify-content: flex-start !important; text-align: left; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__prices strong { font-size: 26px !important; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__bottom form { flex: 0 0 auto !important; width: 100% !important; } .ogs-card-reviews .product-list-review { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 6px 4px; min-height: 24px; } .ogs-card-reviews .grade-stars { flex: 0 0 auto; margin: 0 !important; } .ogs-card-reviews .product-list-comments-number { font-size: 13px; white-space: nowrap; margin: 0; } .ogs-card-reviews:has([data-ps-ref="number-value"]:empty) { visibility: hidden; } .ogs-card-favorites { position: absolute; right: 12px; top: 12px; z-index: 3; } .ogs-card-favorites:empty { display: none; } body #content .ogs-home .ogs-home-products .ogs-product-card .badge.out_of_stock { background: #ff292f !important; } body .ogs-product-card .badge.new { background: #00a700; color: white; } body .ogs-product-card .badge.discount, body .ogs-product-card .badge.on-sale { background: #ff292f; color: white; } /* v98: larger imagery and editorial product information on homepage cards. */ body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__image-wrap { height:auto !important; min-height:0 !important; aspect-ratio:1.25; padding:14px 14px 0 !important; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__image-container { height:100% !important; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__content { padding:14px 18px 12px !important; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__category { font-size:14px !important; color:#718095 !important; margin-bottom:10px !important; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__title { font-size:19px !important; line-height:1.2 !important; min-height:0 !important; font-weight:750; } body #content .ogs-home .ogs-home-products .ogs-card-reviews { margin:9px 0 7px; } body #content .ogs-home .ogs-home-products .ogs-review-values { font-size:15px; font-weight:400; color:#718095; margin-left:4px; } body #content .ogs-home .ogs-home-products .ogs-product-card__summary { margin:0 0 14px; color:#718095; font-size:15px; line-height:1.35; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__bottom { gap:9px !important; padding-top:4px !important; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__prices strong { font-size:32px !important; font-weight:750; line-height:1.1; } body #content .ogs-home .ogs-home-products .ogs-card-availability { font-size:14px; line-height:1.35; } body #content .ogs-home .ogs-home-products .ogs-card-availability__status { font-size:16px; gap:8px; } body #content .ogs-home .ogs-home-products .ogs-card-availability__status svg { width:20px; height:20px; flex-basis:20px; } body #content .ogs-home .ogs-home-products .ogs-card-availability p { margin-top:3px; color:#718095; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__add { font-size:17px; min-height:48px; padding:10px !important; } body #content .ogs-home .ogs-home-products .ogs-card-details { padding:8px 0 0; font-size:16px; } @media(max-width:575px) { body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__content { padding:12px 14px !important; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__title { font-size:18px !important; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__prices strong { font-size:30px !important; } } /* v99: compact copy and no reserved space for missing reviews. */ /* Review containers must remain measurable while the native module initializes. */ body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-card-reviews { margin:6px 0 !important; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__summary { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; margin:6px 0 8px !important; line-height:1.35; max-height:2.7em; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__bottom { margin-top:0 !important; padding-top:4px !important; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__content { min-height:0 !important; } body #content .ogs-home .ogs-home-products .ogs-product-card { min-height:0 !important; align-self:start; } /* v100: equal card boundaries and aligned actions. */ body #content .ogs-home .ogs-home-products .ogs-product-card { align-self:stretch; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__title { display:-webkit-box !important; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden !important; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__bottom { margin-top:auto !important; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__bottom > .ogs-card-stock { margin-top:auto; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-product-card__bottom:has(> .ogs-card-stock) { min-height:156px; } /* Unavailable products use the same stock-status position with a red cross. */ .ogs-card-availability--unavailable .ogs-card-availability__status { color:#d92332; } /* v103: keep native review initialization visible to layout observers. */ body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-card-reviews:has(.ogs-product-review):not(:has(.ogs-review-ready)) { display:block !important; height:1px; min-height:1px; margin:0 !important; overflow:hidden; } body #content .ogs-home .ogs-home-products .ogs-product-card .ogs-card-reviews:has(.ogs-review-ready) { display:block !important; height:auto; overflow:visible; visibility:visible; } /* Render actual review scores without the native duplicate-ID request. */ .ogs-product-review .ogs-rating-stars { display:inline-flex; gap:2px; zoom:1; width:auto; height:24px; } .ogs-rating-star { position:relative; display:inline-block; color:#dce1e5; font-size:23px; line-height:24px; } .ogs-rating-star > span { position:absolute; inset:0 auto 0 0; overflow:hidden; color:#ffb600; } /* ogs-product-slider.css */ body #content :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products) .ogs-home-products .products { display: grid !important; grid-template-columns: none !important; grid-auto-flow: column; grid-auto-columns: calc((100% - 80px) / 4.2); gap: 20px !important; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; overscroll-behavior-x: contain; /* Space inside the scroll viewport prevents the hover shadow being clipped. */ padding: 20px 16px 32px !important; width: calc(100% + 32px) !important; max-width: none !important; margin-left: -16px !important; margin-right: -16px !important; box-sizing: border-box; scroll-padding-inline: 16px; } body #content :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products) .ogs-product-card:hover { box-shadow: 0 8px 18px rgba(5,45,72,.12); } :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products) .products::-webkit-scrollbar { display: none; } body #content :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products) .products > * { min-width: 0; width: 100%; scroll-snap-align: start; } .ogs-product-slider-controls { display: flex; gap: 8px; } .ogs-product-slider-controls button { width: 36px; height: 36px; border: 1px solid #dce7ee; border-radius: 5px; color: #fff; background: #0794d2; font-size: 21px; } body #content :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products) .ogs-section-title--products { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 16px; } :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products) .ogs-section-title--products h2 { grid-column: 1; grid-row: 1 / 3; margin: 0; } :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products) .ogs-product-slider-controls { grid-column: 2; grid-row: 1; justify-self: end; } body #content :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products) .ogs-section-title--products > a { grid-column: 2; grid-row: 2; justify-self: end; padding: 4px 0; } .ogs-product-slider-controls button:disabled { color: #7b8c95; background: #f2f7fc; } @media(max-width: 991px) { body #content :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products) .ogs-home-products .products { grid-auto-columns: calc((100% - 40px) / 2.2); } } @media(max-width: 575px) { body #content :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products) .ogs-home-products .products { grid-auto-columns: 82%; } :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products) .ogs-section-title { flex-wrap: wrap; } } /* Product navigation uses native swipe/scroll, without arrow controls. */ body #content :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products) .ogs-product-slider-controls { display:none !important; } body #content :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products) .ogs-section-title--products { grid-template-rows:auto; } body #content :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products) .ogs-section-title--products h2, body #content :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products) .ogs-section-title--products > a { grid-row:1; } /* Side navigation stays outside the scrolling track; no pagination dots. */ body #content :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products) .ogs-home-products { position:relative; } .ogs-product-side-arrow { position:absolute; z-index:4; top:42%; display:grid; place-items:center; width:44px; height:44px; padding:10px; border:1px solid #eef2f5; border-radius:50%; background:white; color:#08253d; box-shadow:0 4px 14px #08253d20; cursor:pointer; } .ogs-product-side-arrow svg { width:22px; height:22px; } .ogs-product-side-arrow--prev { left:-22px; } .ogs-product-side-arrow--next { right:-22px; } .ogs-product-side-arrow:disabled { opacity:.4; cursor:default; } .ogs-product-side-arrow[hidden] { display:none; } .ogs-product-side-arrow:focus-visible { outline:3px solid #009fe3; outline-offset:3px; } @media(max-width:767px) { .ogs-product-side-arrow { width:36px; height:36px; padding:7px; } .ogs-product-side-arrow--prev { left:-12px; } .ogs-product-side-arrow--next { right:-12px; } } /* v102: touch navigation on mobile, side arrows on desktop only. */ @media(max-width:767px) { body #content :is(#ogs-producten, #ogs-bestsellers, #ogs-portable-products, #ogs-order-products) .ogs-product-side-arrow { display:none !important; } } /* ogs-responsive.css */ /* Mobile overrides for the custom storefront; native PrestaShop controls remain active. */ /* The offcanvas must not inherit the desktop navigation's 52px cap. */ body #header #mobileMenu.ps-mainmenu--mobile { position: fixed; inset-block: 0; height: 100vh !important; height: 100dvh !important; min-height: 0 !important; max-height: none !important; width: min(90vw, 380px) !important; padding: 16px !important; overflow-y: auto; overflow-x: hidden; background: #fff; } body #header:has(#mobileMenu.show, #mobileMenu.showing, #mobileMenu.hiding) { z-index: 1050; } .ogs-mobile-menu, .ogs-mobile-account { display: none; } @media (max-width: 991px) { #header .ogs-header__inner { display: flex !important; flex-wrap: wrap; gap: 10px 14px !important; padding-block: 12px !important; min-height: 0 !important; } #header .ogs-header__logo { margin-right: auto; } #header .ogs-header__logo img { width: 110px !important; } #header .ogs-header__search { order: 3; flex: 0 0 100%; } #header .ogs-header__actions { flex-wrap: wrap; justify-content: flex-start; gap: 8px 12px !important; font-size: 14px; } #header .ogs-header__actions a { min-height: 44px !important; } #header .ogs-navigation .ps-mainmenu--mobile { width: min(90vw, 380px) !important; height: 100dvh !important; min-height: 0 !important; max-height: none !important; padding: 16px !important; } #header .ogs-navigation .ps-mainmenu--mobile a, #header .ogs-navigation button { min-height: 44px; } #content .ogs-home .ogs-hero-grid { grid-template-columns: minmax(0, 1fr) !important; } #content .ogs-home .ogs-hero { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); min-height: 0 !important; padding: 24px !important; gap: 16px; } #content .ogs-home .ogs-hero > img { position: static !important; width: 100% !important; height: 230px !important; transform: none !important; align-self: center; object-fit: contain; } #content .ogs-home .ogs-hero h1 { font-size: 32px; } #content .ogs-home .ogs-deal-card--featured { min-height: 0; } #content .ogs-home .ogs-member-grid, #content .ogs-home .ogs-service-grid { grid-template-columns: minmax(0, 1fr); } body .ogs-product-page { grid-template-columns: minmax(0, 1fr) !important; gap: 20px !important; } body .ogs-product-gallery { position: static; } body .ogs-product-gallery .product__carousel, body .ogs-product-gallery .carousel-inner, body .ogs-product-gallery .carousel-item, body .ogs-product-gallery .carousel-item picture { min-height: 0 !important; } body .ogs-product-gallery .carousel-item img { height: min(70vw, 440px) !important; padding: 20px !important; } body .ogs-product-gallery .product__thumbnails-list { overflow-x: auto; max-width: 100%; } #footer .ogs-footer-newsletter__grid { grid-template-columns: minmax(0, 1fr); gap: 24px; } } @media (max-width: 767px) { body input:not([type=checkbox]):not([type=radio]), body select, body textarea { font-size: 16px !important; } #header .ogs-header__actions { width: 100%; } #content .ogs-body-benefits .ogs-benefits__inner { gap: 8px 16px; padding-block: 10px !important; } #content .ogs-home .ogs-review-line { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; } #content .ogs-home .ogs-section-title { flex-wrap: wrap; gap: 8px; } #content .ogs-home .ogs-section-title h2 { font-size: 22px; } body .ogs-product-buybox__head { grid-template-columns: minmax(0, 1fr); } body .ogs-product-buybox__head, body .ogs-product-buybox__body { padding: 18px; } body .ogs-product-buybox .product__name { font-size: 26px; overflow-wrap: anywhere; } body .ogs-product-buybox .product__prices { text-align: left; } body .ogs-product-rating { flex-wrap: wrap; } body .ogs-checkout-shell { grid-template-columns: minmax(0, 1fr) !important; } body .ogs-checkout-form, body .ogs-checkout-summary { padding: 16px !important; } body .ogs-checkout-form .delivery-option__label { grid-template-columns: minmax(0, 1fr) !important; } body .ogs-checkout-form .delivery-option__price { grid-column: 1 !important; grid-row: auto !important; max-width: none; } body .ogs-checkout-summary .cart-voucher__form { flex-wrap: wrap; gap: 8px; } body .ogs-checkout-summary .cart-voucher__form button { min-height: 44px; } #footer .ogs-prefooter__inner, #footer .ogs-footer-contact { flex-wrap: wrap; gap: 12px; } } @media (max-width: 575px) { #content .ogs-home .ogs-hero { grid-template-columns: minmax(0, 1fr); padding: 20px !important; } #content .ogs-home .ogs-hero > img { height: 200px !important; } #content .ogs-home .ogs-hero p { font-size: 16px; } #content .ogs-home .ogs-deal-card--featured { padding: 16px 12px; } #content .ogs-home .ogs-deal-card--featured > img { transform: none; } #content .ogs-home .ogs-deal-card--featured .ogs-deal-card__price { font-size: 23px; } #content .ogs-home .ogs-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } #content .ogs-home .ogs-category-grid img { max-width: 100%; height: 140px; object-fit: contain; } #content .ogs-home .ogs-member-hero { grid-template-columns: minmax(0, 1fr); padding: 20px; } #content .ogs-home .ogs-service-grid a { grid-template-columns: minmax(0, 1fr) 90px; padding: 16px; } #content .ogs-home .ogs-service-grid img { width: 90px; } #content .ogs-home .ogs-service-grid h2 { font-size: 22px; } body .ogs-checkout-header { padding: 16px; gap: 10px; flex-wrap: wrap; } } /* Phone composition: compact toolbar, then search, swipeable campaigns. */ @media (max-width: 767px) { #header .ogs-header__inner { display: grid !important; grid-template-columns: 44px minmax(0,1fr) auto !important; gap: 6px 10px !important; padding-block: 4px 10px !important; } #header .ogs-mobile-menu { display: grid; place-items: center; border: 0; background: transparent; color: white; width: 44px; height: 44px; } #header .ogs-mobile-account { display: block; } #header .ogs-header__logo { justify-self: center; margin: 0; } #header .ogs-header__logo img { width: 100px !important; } #header .ogs-header__search { grid-column: 1 / -1; grid-row: 2; } #header .ogs-header__actions { width: auto !important; flex-wrap: nowrap; gap: 8px !important; } #header .ogs-header__actions > a:not(.ogs-header__account), #header .ogs-header__language, #header .ogs-header__account > span, #header .header-block__title { display: none !important; } #header .ogs-header__account { width: 36px; justify-content: center; } #header .ogs-navigation, #header .ogs-navigation > .container { height: 0 !important; min-height: 0 !important; border: 0; } #header .ogs-navigation .ps-mainmenu:not(.ps-mainmenu--mobile) { display: none !important; } #content .ogs-body-benefits .ogs-benefits__inner { flex-wrap: nowrap; overflow-x: auto; padding-block: 8px !important; min-height: 36px !important; scrollbar-width: none; } #content .ogs-body-benefits .ogs-benefits__inner > div { display: flex !important; flex: 0 0 auto; } #content .ogs-body-benefits .ogs-service-links { width: auto; flex: 0 0 auto; flex-wrap: nowrap; } #content .ogs-home .ogs-hero-grid { display: grid; grid-template-columns: none !important; grid-auto-flow: column; grid-auto-columns: 100%; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; padding-bottom: 8px !important; } #content .ogs-home .ogs-hero-grid > article { scroll-snap-align: start; min-width: 0; } #content .ogs-home .ogs-hero { grid-template-columns: minmax(0,1.2fr) minmax(0,1fr) !important; padding: 18px 12px !important; gap: 4px; } #content .ogs-home .ogs-hero h1 { font-size: 26px; } #content .ogs-home .ogs-hero p { font-size: 13px; line-height: 1.4; } #content .ogs-home .ogs-hero .ogs-label { font-size: 9px; padding: 5px; } #content .ogs-home .ogs-hero > img { height: 190px !important; } #content .ogs-home .ogs-hero .ogs-button { font-size: 12px; padding: 12px 8px; } #content .ogs-home .ogs-promos { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 85%; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 8px; } #content .ogs-home .ogs-promo { scroll-snap-align: start; min-height: 110px; padding: 12px; grid-template-columns: minmax(0,1fr) 90px; } #content .ogs-home .ogs-promo img { width: 90px; height: 85px; } #content .ogs-home .ogs-promo h3 { font-size: 14px; } #content .ogs-home .ogs-review-line { flex-direction: row; overflow-x: auto; flex-wrap: nowrap; margin: 8px 0 18px; } #content .ogs-home .ogs-review-line > span { flex: 0 0 auto; white-space: nowrap; font-size: 12px; } } .ogs-slider-controls, #header .ogs-header__actions .ogs-mobile-wishlist { display: none; } @media (max-width: 767px) { #header .ogs-header__actions > a.ogs-mobile-wishlist { display: inline-flex !important; align-items: center; justify-content: center; width: 32px; } #header .ogs-header__actions { gap: 3px !important; } #content .ogs-body-benefits .ogs-benefits__inner { justify-content: center; overflow: hidden; } #content .ogs-body-benefits .ogs-benefits__inner > .ogs-benefit-hidden { display: none !important; } #content .ogs-body-benefits .ogs-service-links { display: none; } #content .ogs-home .ogs-hero-grid { scrollbar-width: none; padding-bottom: 0 !important; } .ogs-slider-controls { display: flex; gap: 10px; align-items: center; } .ogs-slider-controls button { position: relative; flex: 1; height: 32px; padding: 0; border: 0; background: transparent; } .ogs-slider-controls button:not(.ogs-slider-pause)::before { content: ''; position: absolute; inset: 15px 0; background: #e5edf2; } .ogs-slider-controls button > span { position: absolute; top: 15px; left: 0; right: 0; height: 2px; background: #0794d2; transform-origin: left; } .ogs-slider-controls .ogs-slider-pause { flex: 0 0 32px; color: #0794d2; } } .ogs-mobile-service-slot { display: none; } .ogs-review-track, .ogs-review-group { display: flex; align-items: center; gap: 24px; } .ogs-review-group > span { white-space: nowrap; } .ogs-review-group[aria-hidden] { display: none; } @media (max-width: 767px) { #header .ogs-mobile-service-slot { display: block; background: #f2f7fc; } #header .ogs-mobile-service-slot .ogs-service-links { display: flex; justify-content: flex-start; align-items: center; width: calc(100% - 32px); margin: 0 auto; gap: 20px; padding: 8px 0; } #header .ogs-mobile-service-slot a { color: #0070c9; font-size: 13px; font-weight: 600; text-decoration: none; } body #header .ogs-navigation, body #header .ogs-navigation > .container { min-height: 0 !important; height: 0 !important; margin: 0 !important; padding-block: 0 !important; border: 0 !important; } #content .ogs-body-benefits .ogs-benefits__inner { position: relative; height: 38px; padding: 0 !important; } #content .ogs-body-benefits .ogs-benefits__inner > div { position: absolute; inset: 0; justify-content: center; } #content .ogs-home .ogs-promos { scrollbar-width: none; width: calc(100% + 32px); margin-left: -16px !important; margin-right: -16px !important; padding-inline: 16px; scroll-padding-inline: 16px; box-sizing: border-box; } body #content .ogs-body-benefits .ogs-benefits__inner { width: 100% !important; } #content .ogs-home .ogs-promos::-webkit-scrollbar { display: none; } #content .ogs-home .ogs-review-line { overflow: hidden; display: block; width: calc(100% + 32px); margin-left: -16px !important; margin-right: -16px !important; } .ogs-review-track { gap: 0; width: max-content; animation: ogs-review-roll 28s linear infinite; } .ogs-review-group, .ogs-review-group[aria-hidden] { display: flex; gap: 24px; padding-right: 24px; flex: 0 0 auto; font-size: 12px; } .ogs-review-line:hover .ogs-review-track, .ogs-motion-paused .ogs-review-track { animation-play-state: paused; } } @keyframes ogs-review-roll { to { transform: translateX(-50%); } } @media (prefers-reduced-motion: reduce) { .ogs-review-track { animation: none; width: auto; } .ogs-review-group { flex-wrap: wrap; white-space: normal; } .ogs-review-group[aria-hidden] { display: none; } } /* ogs-cart-drawer.css */ .ogs-cart-drawer { position: fixed; inset: 0 0 0 auto; margin: 0; padding: 0; width: min(460px,100%); max-width: 100%; height: 100%; height: 100dvh; max-height: 100%; border: 0; background: #fff; color: #142733; box-shadow: -8px 0 35px #0002; } .ogs-cart-drawer[open] { display: flex; flex-direction: column; animation: ogs-cart-in .22s ease-out; } .ogs-cart-drawer::backdrop { background: #0007; } html.ogs-cart-open { overflow: hidden; } .ogs-cart-heading { display: flex; align-items: center; justify-content: space-between; padding: 22px; border-bottom: 1px solid #d7e2e8; } .ogs-cart-heading h2 { margin: 0; font-size: 20px; font-weight: 700; } .ogs-cart-heading button { border: 0; background: transparent; font-size: 30px; width: 44px; height: 44px; } .ogs-cart-items { flex: 1; overflow-y: auto; padding: 0 22px; } .ogs-cart-item { display: grid; grid-template-columns: 64px minmax(0,1fr) auto; gap: 12px; padding: 22px 0; border-bottom: 1px solid #e5edf2; } .ogs-cart-item img { width: 64px; height: 72px; object-fit: contain; } .ogs-cart-name { color: #142733; font-size: 14px; font-weight: 700; text-decoration: none; } .ogs-cart-item small { display: block; color: #637b8c; } .ogs-cart-quantity { display: inline-flex; align-items: center; margin-top: 10px; border: 1px solid #d7e2e8; border-radius: 6px; overflow: hidden; } .ogs-cart-quantity button { width: 36px; height: 36px; border: 0; background: #f2f7fc; color: #142733; } .ogs-cart-quantity span { min-width: 30px; text-align: center; } .ogs-cart-remove { display: block; padding: 6px 0; border: 0; background: transparent; text-decoration: underline; color: #637b8c; font-size: 12px; } .ogs-cart-price { text-align: right; font-size: 14px; } .ogs-cart-price del { display: block; color: #637b8c; } .ogs-cart-footer { padding: 14px 20px 22px; border-top: 1px solid #d7e2e8; max-height: 65dvh; overflow-y: auto; flex-shrink: 0; } .ogs-cart-reviews { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px; padding: 0 0 12px; margin-bottom: 12px; border-bottom: 1px solid #e5edf2; font-size: 13px; } .ogs-cart-stars { color: #f5ae00; letter-spacing: 1px; font-size: 19px; } .ogs-cart-summary-row { display: flex; justify-content: space-between; gap: 12px; margin: 6px 0; font-size: 14px; } .ogs-cart-muted { color: #707070; text-align: right; } .ogs-cart-footer .ogs-cart-total { margin-top: 14px; font-size: 21px; } .ogs-cart-delivery { display: flex; align-items: center; justify-content: center; gap: 9px; margin: 8px 0 12px; font-size: 13px; } .ogs-cart-delivery svg { flex-shrink: 0; } .ogs-cart-delivery strong { color: #00854c; } .ogs-cart-footer .ogs-cart-checkout { border-radius: 999px; min-height: 58px; display: flex; align-items: center; justify-content: center; font-size: 17px; font-weight: 800; } .ogs-cart-footer .ogs-cart-payment-caption { margin: 12px 0 8px; color: #707070; text-align: center; font-size: 12px; } .ogs-cart-payments { display: flex; flex-wrap: wrap; justify-content: center; gap: 5px; } .ogs-cart-payments span { display: grid; place-items: center; width: 40px; height: 26px; border: 1px solid #e5edf2; border-radius: 3px; background: white; overflow: hidden; } .ogs-cart-payments img { width: 100%; height: 100%; object-fit: contain; } .ogs-cart-total { display: flex; justify-content: space-between; } .ogs-cart-footer p { font-size: 13px; margin: 10px 0 16px; } .ogs-cart-checkout { display: block; width: 100%; padding: 15px; border: 0; border-radius: 6px; background: #00a700; color: white; text-align: center; font-weight: 700; text-decoration: none; } .ogs-cart-checkout:hover { background: #008b00; color: white; } .ogs-cart-full { display: block; text-align: center; margin-top: 12px; color: #142733; } .ogs-cart-drawer button:disabled { opacity: .5; } .ogs-cart-drawer [data-ogs-cart-error] { color: #b42318; } @keyframes ogs-cart-in { from { transform: translateX(100%); } to { transform: translateX(0); } } @media(prefers-reduced-motion: reduce) { .ogs-cart-drawer[open] { animation: none; } } /* Scoped to the enhanced mobile offcanvas; Bootstrap manages focus and backdrop. */ .ogs-mnav-header,[data-ogs-mobile-pages]{display:none} .ogs-mnav-search label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap} @media(max-width:991.98px){ #mobileMenu.ogs-mnav{width:100%;max-width:480px;height:100dvh;color:#092349;background:#fff;overflow:hidden} #mobileMenu.ogs-mnav>.offcanvas-header,#mobileMenu.ogs-mnav>.ps-mainmenu__mobile,#mobileMenu.ogs-mnav>.ps-mainmenu__additionnals{display:none!important} #mobileMenu.ogs-mnav .ogs-mnav-header{display:block;flex:none;padding:18px 16px 12px;padding-top:max(18px,env(safe-area-inset-top));background:#0095cf} .ogs-mnav-header__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px} .ogs-mnav-header__top img{width:130px;height:45px;object-fit:contain} .ogs-mnav-header__close{border:0;background:none;color:white;width:44px;height:44px;padding:8px} .ogs-mnav-header__close svg{width:28px;height:28px} .ogs-mnav-search{display:flex;align-items:center;background:#f3faff;border-radius:12px;overflow:hidden;margin:0} .ogs-mnav-search button{flex:none;width:44px;height:48px;border:0;background:transparent;color:#092349} .ogs-mnav-search svg{width:22px;height:22px} .ogs-mnav-search input{border:0;outline-offset:-3px;min-width:0;width:100%;height:48px;background:transparent;font-size:16px;color:#092349;padding:0 12px 0 0} #mobileMenu.ogs-mnav [data-ogs-mobile-pages]{display:block;overflow-y:auto;overscroll-behavior:contain;flex:1;min-height:0;padding:20px 16px max(24px,env(safe-area-inset-bottom))} .ogs-mnav__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px} #mobileMenu .ogs-mnav__tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:148px;border:1px solid transparent;border-radius:13px;background:#eaf6fd;padding:16px 10px;color:#092349;font-size:17px;font-weight:650;line-height:1.25;text-align:center;text-decoration:none} #mobileMenu .ogs-mnav__tile--sale{grid-column:1/-1;flex-direction:row;min-height:68px;justify-content:flex-start;background:#ffc680;padding:12px 18px} .ogs-mnav__tile--sale img{width:38px;height:38px} .ogs-mnav__tile--sale .ogs-mnav__arrow{margin-left:auto} #mobileMenu .ogs-mnav__icon{display:block;object-fit:contain;flex:none;width:56px;height:56px} #mobileMenu .ogs-mnav__title{font-size:27px;line-height:1.15;font-weight:750;color:#092349;margin:24px 0 16px;letter-spacing:-.6px} .ogs-mnav__subtitle{color:#647795;margin:-8px 0 16px;font-size:17px} #mobileMenu .ogs-mnav__back,#mobileMenu .ogs-mnav__group,#mobileMenu .ogs-mnav__help{width:100%;display:flex;align-items:center;gap:14px;border:0;border-radius:9px;background:#eaf6fd;color:#092349;min-height:48px;padding:12px 16px;text-align:left;font-size:16px;font-weight:600} #mobileMenu .ogs-mnav__back{font-weight:500} .ogs-mnav__group{margin-top:10px}.ogs-mnav__group .ogs-mnav__arrow{margin-left:auto} #mobileMenu .ogs-mnav__all{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0095cf;color:white;text-decoration:none;padding:16px;border-radius:10px;min-height:54px;font-size:17px;font-weight:650;margin-bottom:18px} #mobileMenu .ogs-mnav__row{display:flex;align-items:center;gap:16px;min-height:68px;padding:14px 16px;margin:0 0 10px;border:1px solid #dce6ef;border-radius:11px;color:#092349;text-decoration:none;background:white;font-size:17px;line-height:1.3} .ogs-mnav__copy{flex:1;min-width:0}.ogs-mnav__copy strong,.ogs-mnav__copy small{display:block}.ogs-mnav__copy small{font-size:14px;color:#647795;margin-top:3px} .ogs-mnav__arrow{font-size:28px;line-height:1;flex:none;font-weight:400} #mobileMenu .ogs-mnav__help{margin-top:14px;font-weight:500;line-height:1.4} #mobileMenu [aria-disabled=true]{opacity:.6} #mobileMenu.ogs-mnav a:focus-visible,#mobileMenu.ogs-mnav button:focus-visible{outline:2px solid #007bff;outline-offset:2px} #mobileMenu .ogs-mnav__tile:active,#mobileMenu .ogs-mnav__row:active{background:#dcf0ff} } /* V127: override legacy offcanvas sizing; one full-height scroll surface only. */ @media(max-width:991.98px){ body #header #mobileMenu.ps-mainmenu--mobile.ogs-mnav{ position:fixed!important;inset:0!important;width:100%!important;max-width:none!important; height:100dvh!important;min-height:0!important;max-height:none!important; padding:0!important;margin:0!important;display:block!important; overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain; } body #header #mobileMenu.ogs-mnav .ogs-mnav-header--compact{ display:flex!important;justify-content:flex-end;position:sticky;top:0;z-index:2; background:#fff!important;padding:4px 12px!important;padding-top:max(4px,env(safe-area-inset-top))!important; } body #header #mobileMenu.ogs-mnav .ogs-mnav-header__close{color:#092349} body #header #mobileMenu.ogs-mnav [data-ogs-mobile-pages]{ display:block!important;flex:none!important;height:auto!important;max-height:none!important; min-height:0!important;overflow:visible!important;padding:8px 16px max(20px,env(safe-area-inset-bottom))!important; } body #header #mobileMenu.ogs-mnav .ogs-mnav__tile{min-height:clamp(110px,19dvh,148px)} body #header #mobileMenu.ogs-mnav .ogs-mnav__tile--sale{min-height:64px} } /* V128 visual menu, matching the supplied two-column reference. */ @media(max-width:991.98px){ body #header #mobileMenu.ogs-mnav{background:#fff!important;color:#061b4c} body #header #mobileMenu.ogs-mnav .ogs-mnav-header--visual{display:block!important;background:white!important;padding:12px 16px 0!important} body #header #mobileMenu.ogs-mnav .ogs-mnav-header__top{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px} .ogs-mnav-header__top strong{font-size:25px;font-weight:750;color:#061b4c} body #header #mobileMenu.ogs-mnav .ogs-mnav-header__close{color:#061b4c;padding:8px;width:44px;height:44px} body #header #mobileMenu.ogs-mnav .ogs-mnav-search{background:#f0f9ff;border:1px solid #b6dcff;border-radius:15px;margin:0 0 8px;min-height:44px} body #header #mobileMenu.ogs-mnav .ogs-mnav-search input{font-size:16px;height:44px;color:#061b4c} .ogs-mnav-search input::placeholder{color:#6a83b3;opacity:1} body #header #mobileMenu.ogs-mnav [data-ogs-mobile-pages]{padding:4px 18px max(30px,env(safe-area-inset-bottom))!important} body #header #mobileMenu.ogs-mnav .ogs-mnav__grid{gap:8px} body #header #mobileMenu.ogs-mnav .ogs-mnav__tile{position:relative;display:flex;flex-direction:column;gap:0;min-height:0;justify-content:flex-start;align-items:stretch;padding:0;overflow:hidden;background:#eaf6fd;border:1px solid #c7e6ff;border-radius:12px;text-align:left;color:#061b4c} body #header #mobileMenu.ogs-mnav .ogs-mnav__photo{display:block;width:100%;height:auto;aspect-ratio:1.55;object-fit:contain;flex:none} body #header #mobileMenu.ogs-mnav .ogs-mnav__caption{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:8px 10px 12px;flex:1;font-size:clamp(12px,3.4vw,17px);font-weight:650;line-height:1.2;min-height:42px} body #header #mobileMenu.ogs-mnav .ogs-mnav__caption .ogs-mnav__arrow{font-size:26px} body #header #mobileMenu.ogs-mnav .ogs-mnav__tile--sale{min-height:64px;flex-direction:row;align-items:center;padding:10px 18px;background:linear-gradient(110deg,#ffd297,#ffd08d);border:0;margin-top:1px} body #header #mobileMenu.ogs-mnav .ogs-mnav__tile--sale .ogs-mnav__icon{width:44px;height:44px;filter:invert(49%) sepia(99%) saturate(2846%) hue-rotate(359deg) brightness(104%) contrast(107%)} body #header #mobileMenu.ogs-mnav .ogs-mnav__tile--sale .ogs-mnav__caption{padding:0 0 0 18px;font-size:18px} .ogs-mnav__extras{margin-top:16px;border-top:1px solid #c7e6ff} body #header #mobileMenu.ogs-mnav .ogs-mnav__extra{display:flex;align-items:center;gap:16px;min-height:56px;padding:10px 12px;color:#061b4c;border-bottom:1px solid #c7e6ff;text-decoration:none;font-size:16px;font-weight:600;line-height:1.2} .ogs-mnav__extra img{flex:none;width:34px;height:34px}.ogs-mnav__extra>span:not(.ogs-mnav__arrow){flex:1} } /* Isolated cards for the same-category module on product pages. */ .ogs-related{margin:32px 0;color:#0b2349} .ogs-related>h2{font-size:26px;line-height:1.25;margin:0 0 20px;font-weight:700} .ogs-related__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch} .ogs-related__card{position:relative;min-width:0;display:flex;flex-direction:column;padding:16px;border:1px solid #d8e7f1;border-radius:12px;background:#fff} .ogs-related__image{display:flex;align-items:center;justify-content:center;height:220px;margin:0 0 16px;flex:none;overflow:hidden} .ogs-related__image img{display:block;position:static;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain} .ogs-related__flags{position:absolute;top:16px;left:16px;display:flex;flex-wrap:wrap;gap:4px;padding:0;margin:0;list-style:none;pointer-events:none;max-width:calc(100% - 32px)} .ogs-related__flags li{background:#009fe3;color:#fff;border-radius:4px;font-size:12px;font-weight:700;padding:4px 8px} .ogs-related__title{font-size:17px;line-height:1.4;font-weight:700;margin:0 0 16px;overflow-wrap:anywhere;min-height:4.2em} .ogs-related__title a{color:#0b2349;text-decoration:none} .ogs-related__title a:hover{color:#008dcc} .ogs-related__purchase{margin-top:auto;display:flex;flex-direction:column;gap:10px} .ogs-related__prices{display:flex;flex-direction:column;justify-content:flex-end;min-height:54px;gap:2px} .ogs-related__prices strong{font-size:23px;line-height:1.3;font-weight:700} .ogs-related__prices del{color:#72819a;font-size:14px} .ogs-related__stock{min-height:24px;font-size:14px;line-height:24px;color:#66758c} .ogs-related__available{color:#008b27;font-weight:600} .ogs-related__button{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;padding:10px 14px;background:#009cda;color:#fff;border-radius:7px;text-decoration:none;font-size:15px;font-weight:700} .ogs-related__button:hover{background:#007fb5;color:#fff} .ogs-related a:focus-visible{outline:3px solid #0759c7;outline-offset:3px} @media(max-width:1199px){.ogs-related__image{height:180px}.ogs-related__grid{gap:14px}} @media(max-width:991px){.ogs-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ogs-related__image{height:220px}} @media(max-width:575px){.ogs-related>h2{font-size:22px}.ogs-related__card{padding:12px}.ogs-related__grid{gap:10px}.ogs-related__image{height:150px;margin-bottom:12px}.ogs-related__title{font-size:14px}.ogs-related__prices strong{font-size:19px}.ogs-related__button{font-size:13px;padding:10px}.ogs-related__stock{font-size:12px}.ogs-related__flags{top:12px;left:12px}} @media(max-width:359px){.ogs-related__grid{grid-template-columns:1fr}} /* v138: use the same miniature and presentation as the homepage. */ :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__content { flex: 1; display: flex; flex-direction: column; padding: 18px !important; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__bottom { display: flex !important; flex-direction: column; align-items: stretch !important; gap: 14px !important; margin-top: auto !important; padding-top: 8px !important; } body #content .ogs-product-card .ogs-product-card__bottom form { width: 100%; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__add { display: flex !important; align-items: center; justify-content: center; gap: 10px; width: 100% !important; height: auto !important; min-height: 48px; padding: 12px !important; border-radius: 6px; font-size: 16px; font-weight: 700; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__prices { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__prices strong { color: #071f40; font-size: 26px; line-height: 1.2; } :is(body .ogs-related--home, body.page-search) .ogs-card-saving { padding: 4px 8px; border-radius: 6px; background: #ffeded; color: #db2525; font-size: 12px; } :is(body .ogs-related--home, body.page-search) .ogs-card-availability { font-size: 13px; line-height: 1.4; } :is(body .ogs-related--home, body.page-search) .ogs-card-availability__status { display: flex; align-items: center; gap: 7px; color: #008c16; } :is(body .ogs-related--home, body.page-search) .ogs-card-availability__status svg { flex: 0 0 18px; } :is(body .ogs-related--home, body.page-search) .ogs-card-availability p { margin: 3px 0 0; color: #45515e; } :is(body .ogs-related--home, body.page-search) .ogs-card-availability a { color: #0794d2; text-decoration: none; } :is(body .ogs-related--home, body.page-search) .ogs-card-availability a:hover { text-decoration: underline; } :is(body .ogs-related--home, body.page-search) .ogs-card-stock { display: flex; align-items: center; justify-content: center; gap: 8px; width: 100%; min-height: 48px; padding: 12px; border-radius: 6px; background: #edf1f5; color: #23445e; font-weight: 700; text-decoration: none; font-size: 14px; } :is(body .ogs-related--home, body.page-search) .ogs-card-details { display: block; padding: 16px 0 2px; text-align: center; color: #0794d2; font-weight: 700; text-decoration: none; } :is(body .ogs-related--home, body.page-search) .ogs-card-reviews { margin: 6px 0; } :is(body .ogs-related--home, body.page-search) .ogs-card-reviews:empty { display: none; } :is(body .ogs-related--home, body.page-search) .ogs-product-review { display: flex; align-items: center; gap: 10px; visibility: hidden; } :is(body .ogs-related--home, body.page-search) .ogs-product-review.ogs-review-ready { visibility: visible; } :is(body .ogs-related--home, body.page-search) .ogs-product-review .product-list-comments-number { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); } :is(body .ogs-related--home, body.page-search) .ogs-product-review .ogs-review-values { color: #4b657a; font-size: 16px; font-weight: 600; line-height: 1.4; white-space: nowrap; } :is(body .ogs-related--home, body.page-search) .ogs-product-review .grade-stars { flex-shrink: 0; zoom: 1.2; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__title { font-size: 16px !important; line-height: 1.4 !important; min-height: 2.8em !important; overflow-wrap: anywhere; color: #071f40 !important; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__prices { width: 100%; justify-content: flex-start !important; text-align: left; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__prices strong { font-size: 26px !important; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__bottom form { flex: 0 0 auto !important; width: 100% !important; } :is(body .ogs-related--home, body.page-search) .ogs-card-reviews .product-list-review { display: flex !important; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 6px 4px; min-height: 24px; } :is(body .ogs-related--home, body.page-search) .ogs-card-reviews .grade-stars { flex: 0 0 auto; margin: 0 !important; } :is(body .ogs-related--home, body.page-search) .ogs-card-reviews .product-list-comments-number { font-size: 13px; white-space: nowrap; margin: 0; } :is(body .ogs-related--home, body.page-search) .ogs-card-reviews:has([data-ps-ref="number-value"]:empty) { visibility: hidden; } :is(body .ogs-related--home, body.page-search) .ogs-card-favorites { position: absolute; right: 12px; top: 12px; z-index: 3; } :is(body .ogs-related--home, body.page-search) .ogs-card-favorites:empty { display: none; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .badge.out_of_stock { background: #ff292f !important; } body .ogs-product-card .badge.new { background: #00a700; color: white; } body .ogs-product-card .badge.discount, body .ogs-product-card .badge.on-sale { background: #ff292f; color: white; } /* v98: larger imagery and editorial product information on homepage cards. */ :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__image-wrap { height:auto !important; min-height:0 !important; aspect-ratio:1.25; padding:14px 14px 0 !important; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__image-container { height:100% !important; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__content { padding:14px 18px 12px !important; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__category { font-size:14px !important; color:#718095 !important; margin-bottom:10px !important; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__title { font-size:19px !important; line-height:1.2 !important; min-height:0 !important; font-weight:750; } :is(body .ogs-related--home, body.page-search) .ogs-card-reviews { margin:9px 0 7px; } :is(body .ogs-related--home, body.page-search) .ogs-review-values { font-size:15px; font-weight:400; color:#718095; margin-left:4px; } :is(body .ogs-related--home, body.page-search) .ogs-product-card__summary { margin:0 0 14px; color:#718095; font-size:15px; line-height:1.35; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__bottom { gap:9px !important; padding-top:4px !important; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__prices strong { font-size:32px !important; font-weight:750; line-height:1.1; } :is(body .ogs-related--home, body.page-search) .ogs-card-availability { font-size:14px; line-height:1.35; } :is(body .ogs-related--home, body.page-search) .ogs-card-availability__status { font-size:16px; gap:8px; } :is(body .ogs-related--home, body.page-search) .ogs-card-availability__status svg { width:20px; height:20px; flex-basis:20px; } :is(body .ogs-related--home, body.page-search) .ogs-card-availability p { margin-top:3px; color:#718095; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__add { font-size:17px; min-height:48px; padding:10px !important; } :is(body .ogs-related--home, body.page-search) .ogs-card-details { padding:8px 0 0; font-size:16px; } @media(max-width:575px) { :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__content { padding:12px 14px !important; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__title { font-size:18px !important; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__prices strong { font-size:30px !important; } } /* v99: compact copy and no reserved space for missing reviews. */ /* Review containers must remain measurable while the native module initializes. */ :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-card-reviews { margin:6px 0 !important; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__summary { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-clamp:2; overflow:hidden; margin:6px 0 8px !important; line-height:1.35; max-height:2.7em; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__bottom { margin-top:0 !important; padding-top:4px !important; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__content { min-height:0 !important; } :is(body .ogs-related--home, body.page-search) .ogs-product-card { min-height:0 !important; align-self:start; } /* v100: equal card boundaries and aligned actions. */ :is(body .ogs-related--home, body.page-search) .ogs-product-card { align-self:stretch; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__title { display:-webkit-box !important; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden !important; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__bottom { margin-top:auto !important; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__bottom > .ogs-card-stock { margin-top:auto; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-product-card__bottom:has(> .ogs-card-stock) { min-height:156px; } /* Unavailable products use the same stock-status position with a red cross. */ :is(body .ogs-related--home, body.page-search) .ogs-card-availability--unavailable .ogs-card-availability__status { color:#d92332; } /* v103: keep native review initialization visible to layout observers. */ :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-card-reviews:has(.ogs-product-review):not(:has(.ogs-review-ready)) { display:block !important; height:1px; min-height:1px; margin:0 !important; overflow:hidden; } :is(body .ogs-related--home, body.page-search) .ogs-product-card .ogs-card-reviews:has(.ogs-review-ready) { display:block !important; height:auto; overflow:visible; visibility:visible; } :is(body .ogs-related--home, body.page-search) .ogs-product-card{display:flex;flex-direction:column;min-width:0;height:100%;border:1px solid #d8e7f1;border-radius:10px;overflow:hidden;background:#fff} :is(body .ogs-related--home, body.page-search) .ogs-product-card__image-wrap{position:relative;flex:none;overflow:hidden} :is(body .ogs-related--home, body.page-search) .ogs-product-card__image-container, :is(body .ogs-related--home, body.page-search) .ogs-product-card__image-link, :is(body .ogs-related--home, body.page-search) .ogs-product-card__image-link picture{display:block;width:100%;height:100%!important} :is(body .ogs-related--home, body.page-search) .ogs-product-card__image{position:static!important;display:block;width:100%!important;height:100%!important;max-width:100%;object-fit:contain!important} :is(body .ogs-related--home, body.page-search) .ogs-product-card__category{display:block} :is(body .ogs-related--home, body.page-search) .ogs-product-card__title{text-decoration:none} :is(body .ogs-related--home, body.page-search) .ogs-product-card__add svg{display:block!important;flex:0 0 22px;width:22px!important;height:22px!important} :is(body .ogs-related--home, body.page-search) .ogs-product-card__add span{display:inline!important} :is(body .ogs-related--home, body.page-search) .ogs-card-availability{width:100%} :is(body .ogs-related--home, body.page-search) .ogs-card-availability__status{display:flex;align-items:center;color:#008b16} :is(body .ogs-related--home, body.page-search) .ogs-card-availability p{margin-bottom:0} :is(body .ogs-related--home, body.page-search) .ogs-card-details{display:block;text-align:center;font-weight:700;color:#009cda;text-decoration:none} :is(body .ogs-related--home, body.page-search) .product-flags{position:absolute;top:20px;left:20px;z-index:2;margin:0;padding:0;list-style:none} :is(body .ogs-related--home, body.page-search) .product-flags .badge{font-size:14px;padding:5px 8px} @media(max-width:575px){:is(body .ogs-related--home, body.page-search) .ogs-product-card__prices strong{font-size:24px!important}:is(body .ogs-related--home, body.page-search) .ogs-product-card__title{font-size:16px!important}:is(body .ogs-related--home, body.page-search) .ogs-product-card__add{font-size:14px!important}} /* v141: product suggestions below the desktop and mobile search inputs. */ body .ogs-live-search{position:relative;overflow:visible!important} body .ogs-search-results[hidden]{display:none!important} body .ogs-search-results{position:absolute;top:calc(100% + 5px);left:0;right:0;z-index:1100;background:#fff;color:#0b2349;border:1px solid #d7e6ef;border-radius:10px;box-shadow:0 12px 30px #06284d26;max-height:min(600px,70dvh);overflow:auto;text-align:left;font-size:15px;line-height:1.4} body .ogs-search-results a{display:flex;align-items:center;gap:14px;white-space:normal;text-decoration:none;color:#0b2349;padding:12px 16px;min-height:44px;margin:0;border-radius:0;height:auto} body .ogs-search-results a:hover,body .ogs-search-results a[aria-selected="true"],body .ogs-search-results a:focus-visible{background:#eaf6fe;outline-offset:-3px} body .ogs-search-results .ogs-search-results__query{font-weight:600;border-bottom:1px solid #e1edf5} body .ogs-search-results__label{padding:12px 16px 5px;font-size:12px;font-weight:600;color:#65768b} body .ogs-search-results .ogs-search-results__product{align-items:center;border-bottom:1px solid #eef3f7} body .ogs-search-results__product img{position:static;display:block;flex:0 0 64px;width:64px;height:64px;object-fit:contain;background:white;border-radius:5px} body .ogs-search-results__copy{display:flex;flex-direction:column;gap:5px;min-width:0} body .ogs-search-results__name{font-size:15px;font-weight:600;color:#008fcd;overflow-wrap:anywhere} body .ogs-search-results__price{font-size:16px;color:#0b2349} body .ogs-search-results .ogs-search-results__all{background:#eef8ff;color:#008fcd;font-weight:700} @media(max-width:767px){body .ogs-search-results{max-height:60dvh}body .ogs-search-results a{padding:10px 12px;gap:10px}body .ogs-search-results__name{font-size:14px}body .ogs-search-results__product img{width:52px;height:52px;flex-basis:52px}} /* v142: round the input itself without clipping the suggestions dropdown. */ body #header form.ogs-header__search.ogs-live-search{border-radius:3px!important;background:#fff} body #header form.ogs-header__search.ogs-live-search input[type="search"]{border-radius:3px 0 0 3px!important;background:#fff} body #header form.ogs-header__search.ogs-live-search>button[type="submit"]{border-radius:0 3px 3px 0!important;background:#fff} body .ogs-mnav-search.ogs-live-search{border-radius:3px!important} body .ogs-mnav-search.ogs-live-search>button[type="submit"]{border-radius:3px 0 0 3px!important} body .ogs-mnav-search.ogs-live-search input[type="search"]{border-radius:0 16px 16px 0!important} body .ogs-search-results{border-radius:16px} /* v146: search shares the homepage card layout, including AJAX replacements. */ body.page-search #js-product-list .products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch} body.page-search .products__sort{flex:0 1 auto;width:auto;max-width:100%;margin-left:auto;gap:12px} body.page-search .products__sort-dropdown{flex:0 1 230px;width:230px;max-width:100%} body.page-search .products__sort-label{flex:0 0 auto;white-space:nowrap} @media(max-width:991px){body.page-search #js-product-list .products{grid-template-columns:repeat(2,minmax(0,1fr))}} @media(max-width:575px){body.page-search #js-product-list .products{grid-template-columns:minmax(0,1fr)}body.page-search .products__sort{width:100%;margin-left:0}body.page-search .products__sort-dropdown{flex:1;width:auto}} /* v147: compact, open filter groups matching the category sidebar. */ body.page-category #search-filters{background:transparent;color:#09233c;margin-top:12px} body.page-category #search-filters>.left-block__title{font-size:18px;font-weight:700;margin:0 0 10px;text-transform:none} body.page-category #search-filters .accordion{--bs-accordion-bg:transparent;--bs-accordion-border-color:#dce9f0;--bs-accordion-active-bg:transparent;--bs-accordion-btn-focus-box-shadow:none} body.page-category #search-filters .accordion-item{background:transparent;border:0;border-bottom:1px solid #dce9f0;border-radius:0;padding:0 0 10px;margin:0 0 10px} body.page-category #search-filters .accordion-button{background:transparent!important;color:#09233c!important;border:0;box-shadow:none!important;padding:3px 0 9px!important;font-size:15px!important;font-weight:700;line-height:1.35;gap:8px} body.page-category #search-filters .accordion-button:after{width:13px;height:13px;background-size:13px;flex:0 0 13px} body.page-category #search-filters .accordion-button:focus-visible{outline:2px solid #009fff;outline-offset:2px} body.page-category #search-filters .accordion-body{padding:0!important;margin:0;list-style:none} body.page-category #search-filters .accordion-body>li{margin:0;padding:3px 0;list-style:none} body.page-category #search-filters .search-filters__item{margin:0;min-width:0} body.page-category #search-filters .form-check{display:flex;align-items:flex-start;gap:9px;padding:0;margin:0;min-height:22px} body.page-category #search-filters .form-check-input{float:none;flex:0 0 16px;width:16px;height:16px;margin:3px 0 0!important;border:1px solid #aebdcb;box-shadow:none} body.page-category #search-filters input[type=checkbox]{border-radius:3px} body.page-category #search-filters .form-check-input:checked{background-color:#009fff;border-color:#009fff} body.page-category #search-filters .form-check-input:focus-visible{outline:2px solid #009fff;outline-offset:2px} body.page-category #search-filters .search-filters__form-label{flex:1;min-width:0;margin:0;font-size:14px;line-height:1.5} body.page-category #search-filters .search-filters__link{font-size:14px;line-height:1.5;color:#52677f;text-decoration:none;overflow-wrap:anywhere} body.page-category #search-filters .search-filters__link:hover{color:#009fff} body.page-category #search-filters .search-filters__magnitude{color:#8091a5;font-size:13px;white-space:nowrap} body.page-category #search-filters .search-filters__clear{margin:0 0 14px} body.page-category #search-filters .search-filters__clear button{font-size:13px;padding:7px 10px} /* v148: fixed filter headings without accordion buttons. */ body.page-category #search-filters .ogs-filter-heading{margin:0;padding:3px 0 9px;color:#09233c;font-size:15px;font-weight:700;line-height:1.35} body.page-category #search-filters .ogs-filter-options{display:block;height:auto;visibility:visible} body.page-category #left-column #search-filters{margin-top:0;border-top:0;padding-top:0} /* v149: AJAX facet replacement must not move the viewport through browser scroll anchoring. Pagination retains its explicit native scroll action. */ html:has(body.page-category), body.page-category { overflow-anchor: none; } /* v157: more breathing room around the six homepage category images. */ #content .ogs-home .ogs-category-grid > a > img { box-sizing: border-box; padding: 18px; object-fit: contain; object-position: center; } @media (max-width: 767px) { #content .ogs-home .ogs-category-grid > a > img { padding: 14px; } }