/*
Theme Name: Land of Bags
Description: Boutique de valises, sacs et accessoires pour WooCommerce.
Version: 1.4.26
Author: AKTIN
Text Domain: land-of-bags
Requires PHP: 8.0
*/
:root{--ink:#242424;--muted:#666;--line:#e4e4e4;--blue:#a8cbe0;--paper:#fff;--max:1192px;--gutter:clamp(18px,4vw,52px)}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--paper);font:400 15px/1.65 "DM Sans",Arial,sans-serif}
button,input,select,textarea{font:inherit} button{color:inherit}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #3b6c89;outline-offset:5px}h1,h2,h3,p{margin:0 0 .6em}h1,h2,h3{line-height:1.12;font-weight:500;letter-spacing:-.026em} [hidden]{display:none!important}
.lob-wrap{width:min(var(--max),calc(100% - var(--gutter)*2));margin-inline:auto}.lob-skip{position:fixed;left:12px;top:-100px;z-index:20;padding:8px 16px;background:#fff}.lob-skip:focus{top:12px}
.lob-header{position:relative;z-index:5;border-bottom:1px solid #eee;background:#fff}.lob-bar{height:89px;padding-inline:var(--gutter);width:100%;display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;margin:auto}.lob-brand{font-size:29px;font-weight:850;line-height:1;letter-spacing:-.075em;white-space:nowrap;display:inline-flex;align-items:center;gap:9px;width:max-content}.lob-brand:hover{text-decoration:none}.lob-mark{width:26px;height:28px;border:2px solid currentColor;border-radius:7px;position:relative;display:inline-block}.lob-mark::before{content:"";position:absolute;width:10px;height:5px;border:2px solid currentColor;border-bottom:0;border-radius:4px 4px 0 0;top:-6px;left:6px}.lob-mark::after{content:"";position:absolute;top:5px;bottom:5px;left:8px;right:8px;border-inline:1px solid currentColor}.lob-brand .custom-logo{max-width:220px;max-height:60px;width:auto}
.lob-navigation ul,.lob-footer ul{padding:0;margin:0;list-style:none}.lob-navigation ul{display:flex;gap:26px;align-items:center}.lob-navigation a,.lob-tools a,.lob-tools summary{font-size:12px;text-transform:uppercase;letter-spacing:.014em}.lob-tools{display:flex;justify-content:flex-end;align-items:center;gap:19px;white-space:nowrap}.lob-tools summary{cursor:pointer;list-style:none}.lob-tools summary::-webkit-details-marker{display:none}.lob-tools details[open] form{position:absolute;right:var(--gutter);top:calc(100% - 1px);padding:17px;display:flex;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px #0001;max-width:calc(100vw - var(--gutter)*2)}.lob-tools input{padding:8px;border:1px solid var(--line);min-width:0}.lob-search-icon{display:block;width:17px;height:17px;border:1.5px solid;border-radius:50%;position:relative}.lob-search-icon::after{content:"";position:absolute;width:7px;height:1px;background:currentColor;bottom:-3px;right:-4px;transform:rotate(48deg)}.lob-cart-icon{display:inline-block;width:17px;height:18px;border:1.5px solid;border-radius:2px;position:relative;vertical-align:middle}.lob-cart-icon::before{content:"";position:absolute;width:9px;height:6px;border:1.5px solid;border-bottom:0;border-radius:8px 8px 0 0;left:2.5px;top:-7px}.lob-cart-count{background:#a8cbe0;border-radius:50%;min-width:15px;text-align:center;font-size:10px;display:inline-block;vertical-align:top;margin:-6px 0 0 -7px;position:relative;padding:0 3px}.lob-menu-toggle{display:none;background:transparent;border:0;font-size:23px;padding:0 5px;cursor:pointer}
.lob-hero{position:relative;overflow:hidden}.lob-slide{height:650px;background:var(--wash);position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:81px 48px 55px;isolation:isolate}.lob-slide::before{content:"";position:absolute;z-index:-3;inset:48px auto;width:min(420px,66vw);border:19px solid #ffffff62;box-shadow:inset 0 0 13px #fff7,0 0 11px #fff7}.lob-slide--online{--wash:#f1e9df;--hero-accent:#8a7751}.lob-slide--sacs{--wash:#d7e8f4;--hero-accent:#496e8b}.lob-slide--accessoires{--wash:#e4ebdf;--hero-accent:#536d52}.lob-kicker{font-size:15px;font-weight:700;text-transform:uppercase;color:var(--hero-accent,var(--muted));margin:0 0 9px}.lob-slide h1,.lob-slide h2{font-size:clamp(34px,5.2vw,65px);margin:0;letter-spacing:-.036em;position:relative;z-index:2}.lob-ghost{position:absolute;left:0;right:0;top:49%;font-size:clamp(55px,11vw,170px);line-height:1;color:#ffffff62;letter-spacing:.045em;font-weight:800;z-index:-1;white-space:nowrap}.lob-hero-image{width:min(650px,86vw);height:310px;object-fit:contain;margin:14px auto 11px;mix-blend-mode:multiply}.lob-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.lob-slide .lob-actions{justify-content:center}.lob-button,.lob-link{display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:650;text-transform:uppercase;line-height:1.15;min-height:42px;padding:11px 19px;cursor:pointer}.lob-button{border:1px solid transparent;background:var(--blue);color:#1e3544}.lob-slide .lob-button{background:var(--hero-accent);color:#fff}.lob-button:hover{filter:brightness(.93);text-decoration:none}.lob-button--outline{background:transparent;border-color:#bcbcbc;color:#333}.lob-link{padding-inline:0;text-decoration:underline;text-decoration-color:var(--blue);text-decoration-thickness:2px;text-underline-offset:6px}.lob-arrow{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:3;background:transparent;border:0;font-size:37px;font-weight:300;line-height:1;min-width:45px;min-height:48px;cursor:pointer}.js .lob-arrow{display:block}.lob-arrow--prev{left:10px}.lob-arrow--next{right:10px}
.lob-banners{padding:80px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.lob-banner{background:#ebe7dc;min-height:397px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden}.lob-banner:nth-child(2){background:#d8e8f4}.lob-banner img,.lob-wide>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}.lob-banner::after,.lob-wide::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fff8,transparent 70%)}.lob-banner-copy{padding:30px;width:62%}.lob-banner h2{font-size:clamp(28px,4vw,43px);margin-bottom:7px}.lob-banner .lob-kicker{font-weight:500;font-size:13px}
.lob-collection{padding:78px 0 85px;text-align:center}.lob-section-title{font-size:clamp(27px,4vw,34px);margin-bottom:10px}.lob-section-description{color:var(--muted);margin:0 0 22px}.lob-filters{display:flex;justify-content:center;gap:clamp(10px,3vw,29px);padding:0;margin:0 0 28px;list-style:none;flex-wrap:wrap}.lob-filters button{background:none;border:0;padding:3px 0;text-transform:uppercase;font-size:13px;cursor:pointer;color:#555}.lob-filters button[aria-pressed=true]{border-bottom:2px solid var(--blue);color:#222}.lob-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:26px;row-gap:29px}.lob-card{padding:0 0 10px;min-width:0}.lob-card-media{display:block;border:0;background:#fff;width:100%;padding:0;cursor:pointer}.lob-card-media img{height:215px;width:100%;object-fit:contain;transition:transform .22s ease}.lob-card h3{font-size:16px;margin:9px 0 3px;letter-spacing:0}.lob-card h3 button{border:0;background:none;padding:0;cursor:pointer}.lob-card h3 button:hover{text-decoration:underline}.lob-card p{font-size:13px;color:var(--muted);margin:0}.lob-card .price,.lob-card .price *{color:#4e7792;font-weight:700}.lob-swatches{margin:8px 0 0;display:flex;min-height:14px;gap:6px;justify-content:center;list-style:none;padding:0}.lob-swatch{background:var(--swatch);border:1px solid #0002;width:14px;height:14px;border-radius:50%;display:block}.lob-color-options .lob-swatch{width:28px;height:28px;cursor:pointer;border:2px solid #fff;box-shadow:0 0 0 1px #aaa}.lob-color-options .lob-swatch[aria-pressed=true]{box-shadow:0 0 0 2px #333}.lob-note{color:#666;font-size:13px;margin:20px 0 0}
.lob-editorial{display:grid;grid-template-columns:1.08fr 1fr;gap:44px;align-items:center;padding:0 0 65px}.lob-editorial--reverse{grid-template-columns:1fr 1.15fr;padding:74px 0 85px}.lob-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.lob-pair img{width:100%;height:410px;object-fit:cover;background:#f1ece4}.lob-pair img+img{margin-top:36px}.lob-editorial h2,.lob-wide h2{font-size:clamp(31px,4.2vw,49px);line-height:1.15}.lob-underline{font-weight:680;text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:8px;text-decoration-thickness:3px}.lob-editorial p,.lob-wide p{color:var(--muted);max-width:53ch;margin:20px 0}.lob-editorial ul{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px;padding-left:17px;margin:19px 0 25px;color:#4d4d4d}.lob-editorial li::marker{color:#78a9c5}
.lob-band{background:#f7f7f7;padding:54px 0 68px}.lob-wide{position:relative;min-height:455px;display:flex;align-items:center;isolation:isolate;background:#e9e7e4}.lob-wide::after{background:linear-gradient(90deg,#f2f1ecdc 0%,#f2f1ecb5 33%,transparent 77%)}.lob-wide-copy{padding:clamp(24px,6vw,76px);max-width:620px}.lob-benefits,.lob-guide-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin:53px 0 0}.lob-benefit{display:flex;gap:13px}.lob-benefit>span{font-size:33px;color:#5d8da9;line-height:1}.lob-benefit strong,.lob-guide-grid h3{font-size:16px}.lob-benefit p,.lob-guide-grid p{font-size:13px;color:var(--muted);margin:5px 0 0}.lob-guides{text-align:center;padding:67px 0;border-top:1px solid var(--line)}.lob-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:26px 0 0}.lob-guide-grid details{border:1px solid var(--line);padding:20px}.lob-guide-grid summary{cursor:pointer;font-weight:650}
.lob-footer{border-top:1px solid var(--line);padding:52px 0 0;color:var(--muted)}.lob-footer-grid{display:grid;grid-template-columns:1.55fr repeat(3,1fr);gap:25px;padding-bottom:38px}.lob-footer-grid h2{font-size:13px;text-transform:uppercase;color:#222;letter-spacing:.02em;margin-bottom:14px}.lob-footer-grid li{margin-bottom:5px}.lob-footer-grid p{margin-top:14px}.lob-footer .lob-brand{color:#222;font-size:23px}.lob-copyright{padding:17px 0;border-top:1px solid var(--line);font-size:12px}
.lob-page{min-height:54vh;padding:52px 0 75px}.lob-page h1{font-size:clamp(27px,5vw,49px)}.lob-page .wp-block-image img{max-width:100%}.lob-page p a{text-decoration:underline}.lob-dialog{border:none;padding:25px;max-width:min(880px,calc(100% - 32px));width:100%;box-shadow:0 16px 55px #0003;color:var(--ink)}.lob-dialog::backdrop{background:#201b1690}.lob-dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.lob-dialog img{width:100%;max-height:380px;object-fit:contain}.lob-dialog-close{position:absolute;right:12px;top:6px;background:none;border:0;font-size:26px;cursor:pointer}.lob-dialog label{display:block;font-size:14px;margin:12px 0}.lob-dialog select{max-width:100%;padding:5px;border:1px solid #aaa}.lob-dialog h2{font-size:clamp(24px,4vw,36px);margin-right:18px}.lob-dialog .lob-swatch{margin:0 3px}.lob-dialog .lob-note{margin-top:10px}
.woocommerce .woocommerce-breadcrumb{color:#666;margin-bottom:23px}.woocommerce .woocommerce-breadcrumb a{color:#505050}.woocommerce ul.products li.product{text-align:center}.woocommerce ul.products li.product a img{aspect-ratio:1.18;object-fit:contain;background:#fff}.woocommerce div.product p.price,.woocommerce ul.products li.product .price{color:#416b83}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{border-radius:0;font-weight:650}.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:#a8cbe0;color:#1e3544}.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover{background:#92bdd8;color:#192e3c}.woocommerce .single-product .qty{padding:4px}.woocommerce div.product .variations select{border:1px solid #aaa;background:#fff;padding:8px 12px}.woocommerce .widget_price_filter .ui-slider .ui-slider-range,.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{background:#6693af}
@media(max-width:1060px){.lob-navigation ul{gap:14px}.lob-tools{gap:12px}.lob-account{display:none}.lob-banner{min-height:325px}.lob-pair img{height:350px}}
@media(max-width:800px){.lob-bar{height:68px;grid-template-columns:40px 1fr auto;gap:10px}.lob-brand{font-size:26px}.lob-menu-toggle{display:block}.lob-navigation{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:16px var(--gutter);display:none}.lob-navigation.is-open{display:block}.lob-navigation ul{display:grid;gap:12px}.lob-tools>a{font-size:0}.lob-tools{gap:17px}.lob-cart-count{font-size:10px}.lob-slide{height:540px;padding-top:70px}.lob-slide::before{inset-block:45px}.lob-hero-image{height:245px;margin-top:16px}.lob-banners{padding-top:45px;gap:16px}.lob-banner{min-height:255px}.lob-banner-copy{padding:16px}.lob-collection{padding:45px 0 55px}.lob-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.lob-card-media img{height:180px}.lob-editorial,.lob-editorial--reverse{gap:24px;padding-block:35px 47px}.lob-pair{gap:12px}.lob-pair img{height:250px}.lob-benefits{grid-template-columns:repeat(2,1fr)}.lob-wide{min-height:360px}.lob-footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.lob-bar{padding-inline:15px}.lob-mark{width:24px;height:25px}.lob-slide{height:494px;padding:66px 23px 34px}.lob-slide::before{inset-block:37px;border-width:12px}.lob-kicker{font-size:12px}.lob-slide h1,.lob-slide h2{font-size:35px}.lob-hero-image{height:205px;margin:16px auto}.lob-ghost{font-size:14vw;top:52%}.lob-arrow{min-width:30px;font-size:30px;top:53%}.lob-arrow--prev{left:0}.lob-arrow--next{right:0}.lob-banners{grid-template-columns:1fr}.lob-banner{min-height:245px}.lob-card-media img{height:145px}.lob-editorial,.lob-editorial--reverse{grid-template-columns:1fr}.lob-pair img{height:225px}.lob-editorial--reverse .lob-pair{grid-row:1}.lob-wide{min-height:320px}.lob-wide-copy{max-width:74%;padding:20px}.lob-wide p{font-size:13px}.lob-guide-grid{grid-template-columns:1fr;gap:12px}.lob-dialog-grid{grid-template-columns:1fr;gap:10px}.lob-dialog img{max-height:205px}.lob-footer-grid{gap:22px}.lob-footer-grid>div:first-child{grid-column:1/-1}.lob-tools details[open] form{right:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
.lob-hero-picture{width:min(650px,86vw);margin:14px auto 11px;position:relative;z-index:1}.lob-hero-picture img{width:100%;height:310px;object-fit:contain}.lob-visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.lob-color-options{display:flex;gap:8px;margin:10px 0}.lob-color-options button:disabled{opacity:.35;cursor:default}.lob-pair--products img{background:#f1ede8;object-fit:contain;padding:16px}.lob-pair--products img:last-child{background:#e4edf3}.no-js .lob-filters{display:none}
@media(max-width:800px){.lob-hero-picture{margin-top:16px}.lob-hero-picture img{height:245px}.no-js .lob-navigation{display:block;position:static;grid-column:1/-1}.no-js .lob-bar{height:auto;min-height:68px}.no-js .lob-brand{grid-column:2}}
@media(max-width:540px){.lob-hero-picture{margin:16px auto}.lob-hero-picture img{height:205px}}
.lob-hero-picture{mix-blend-mode:multiply}.lob-hero-picture img{filter:brightness(1.045) contrast(1.025)}
.lob-header .custom-logo-link,.lob-footer .custom-logo-link{display:inline-flex;align-items:center;width:max-content;gap:11px;align-self:center;color:#242424}.lob-header .custom-logo-link::after,.lob-footer .custom-logo-link::after{content:"Land of Bags";font-size:25px;font-weight:800;letter-spacing:-.05em;white-space:nowrap}.lob-header .custom-logo,.lob-footer .custom-logo{display:block;width:56px;height:56px;object-fit:contain}.lob-footer .custom-logo{width:43px;height:43px}.lob-footer .custom-logo-link::after{font-size:20px}.lob-catalog-info{margin:14px 0;color:#555}.lob-catalog-info a{text-decoration:underline}.lob-catalog-info .lob-button{text-decoration:none}.lob-hero-picture--photo{mix-blend-mode:normal}.lob-hero-picture--photo img{filter:none;object-fit:contain;height:300px;mask-image:linear-gradient(90deg,transparent 18%,#000 32%,#000 68%,transparent 82%)}.lob-slide--online .lob-hero-picture--photo img{mix-blend-mode:multiply}
@media(max-width:800px){.lob-header .custom-logo{width:45px;height:45px}.lob-header .custom-logo-link::after{font-size:21px}.lob-hero-picture--photo img{height:240px}}
@media(max-width:540px){.lob-hero-picture--photo img{height:205px;mask-image:none}}
.lob-header .lob-brand .custom-logo,.lob-footer .lob-brand .custom-logo{width:54px;height:54px;object-fit:contain}.lob-footer .lob-brand .custom-logo{width:43px;height:43px}.lob-header .lob-brand:has(.custom-logo){font-size:26px}.lob-catalog-only .woocommerce-variation-add-to-cart{display:none!important}
@media(max-width:800px){.lob-header .lob-brand .custom-logo{width:45px;height:45px}.lob-header .lob-brand:has(.custom-logo){font-size:23px}}

/* Header */
.lob-brand {
  gap: 9px;
  color: #242424;
  font-size: 28px;
  letter-spacing: -.055em;
}
.lob-mark {
  width: 28px;
  height: 21px;
  margin-top: 4px;
  border: 0;
  border-radius: 4px;
  background: #242424;
  flex: none;
}
.lob-mark::before {
  width: 12px;
  height: 6px;
  left: 8px;
  top: -5px;
  border-radius: 3px 3px 0 0;
}
.lob-mark::after {
  inset: 5px 4px auto;
  height: 2px;
  border: 0;
  border-radius: 2px;
  background: white;
  box-shadow: 0 4px 0 white, 0 8px 0 white, -5px 14px 0 -0.25px #242424, 5px 14px 0 -0.25px #242424;
}
.lob-menu-close, .lob-menu-overlay { display: none; }
.lob-header, .lob-bar { box-sizing: border-box; }
.lob-tools summary { min-width: 28px; min-height: 40px; display: grid; place-items: center; }
.lob-header .lob-tools summary::marker { content: ""; }

/* Slider and product collection */
:root { --blue: #aad0eb; --muted: #676767; }
.lob-slide--online { --wash: #f2ece1; --hero-accent: #6f5e39; }
.lob-slide--sacs { --wash: #d6e8f6; --hero-accent: #3b627f; }
.lob-slide--accessoires { --wash: #f5e8f1; --hero-accent: #79516a; }
.lob-slide::before { inset-block: 48px; border-width: 18px; }
.lob-slide h1, .lob-slide h2 { font-weight: 500; letter-spacing: -.026em; line-height: 1.15; }
.lob-ghost { top: 42%; }
.lob-hero { touch-action: pan-y; }
.lob-hero-picture {
  width: min(760px, 82vw);
  margin: 14px auto 13px;
  mix-blend-mode: normal;
}
.lob-hero-picture img { height: 300px; filter: none; }
.lob-arrow::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  margin: auto;
  border-block-start: 1.3px solid;
  border-inline-end: 1.3px solid;
  transform: rotate(45deg);
}
.lob-arrow--prev::before { transform: rotate(-135deg); }
.lob-arrow--prev { left: 0; }
.lob-arrow--next { right: 0; }
.lob-banners { gap: 30px; }
.lob-banner { min-height: 0; aspect-ratio: 581 / 397; }
.lob-banner h2 { font-size: clamp(24px, 3vw, 42px); }
.lob-collection { padding-block: 80px 100px; }
.lob-section-title { font-size: 32px; font-weight: 500; }
.lob-section-description { margin-bottom: 24px; }
.lob-filters { margin-bottom: 35px; }
.lob-card { position: relative; }
.lob-card-media img { height: 205px; }
.lob-card h3 { font-size: 14px; margin-block: 10px 5px; }
.lob-card p { font-size: 13px; }
.lob-card .price { margin-top: 4px; }
.lob-quick-view {
  display: none;
  position: absolute;
  inset: 10px 8px auto auto;
  width: 39px;
  height: 39px;
  place-items: center;
  background: #fff;
  border: 0;
  box-shadow: 0 1px 8px #0002;
  cursor: pointer;
}
.js .lob-quick-view { display: grid; }
@media (hover: hover) {
  .lob-quick-view { opacity: 0; }
  .lob-card:hover .lob-quick-view, .lob-card:focus-within .lob-quick-view { opacity: 1; }
}
.lob-quick-view .lob-search-icon { transform: scale(.77); }
.lob-wide-product { position: relative; margin: -108px auto 0; width: min(480px, 65%); pointer-events: none; }
.lob-wide-product img { width: 100%; height: 205px; object-fit: contain; }
.lob-benefits { margin-top: 25px; }
.lob-editorial-thumbs { display: flex; gap: 18px; margin: 22px 0; }
.lob-editorial-thumbs img { width: min(27%, 110px); height: 66px; object-fit: contain; }
.lob-editorial-links { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); text-align: center; gap: 28px; padding-bottom: 70px; }
.lob-editorial-links h3 { font-size: 18px; margin-bottom: 8px; }
.lob-editorial-links p { color: var(--muted); }
.lob-guide-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 30px; }
.lob-guide-grid article { display: grid; grid-template-columns: 1fr 1fr; align-items: center; border: 1px solid var(--line); }
.lob-guide-grid article img { width: 100%; height: 225px; object-fit: cover; object-position: 65% center; }
.lob-guide-grid details { border: 0; }
.lob-footer-grid { grid-template-columns: 1.55fr repeat(4,minmax(0,1fr)); }

@media (max-width: 800px) {
  :root { --gutter: 15px; }
  .lob-header .lob-bar { height: 60px; grid-template-columns: 44px minmax(0,1fr) 44px; padding-inline: 7px; column-gap: 4px; }
  .lob-header .lob-brand { justify-self: center; font-size: clamp(23px, 6.4vw, 26px); }
  .lob-menu-toggle, .lob-header .lob-tools summary { width: 44px; height: 44px; }
  .lob-menu-toggle span { display: block; width: 19px; height: 1.4px; margin: auto; background: currentColor; box-shadow: 0 -5px currentColor,0 5px currentColor; }
  .lob-header .lob-tools details[open] form { width: min(340px,calc(100% - 24px)); max-width: none; }
  .lob-header .lob-tools input[type="search"] { flex: 1 1 0; width: 0; }
  .lob-menu-overlay:not([hidden]) { display: block; position: fixed; inset: 0; background: #0006; border: 0; z-index: 8; }
  .js .lob-navigation.is-open { position: fixed; inset: 0 auto 0 0; width: min(320px,88vw); z-index: 9; padding: 24px 0; overflow: auto; box-shadow: 8px 0 24px #0002; }
  .lob-navigation.is-open ul { gap: 0; padding-top: 30px; }
  .lob-navigation.is-open li a { display: block; padding: 13px 20px; border-top: 1px solid var(--line); }
  .lob-navigation.is-open .lob-menu-close { position: absolute; display: block; top: 7px; right: 12px; background: transparent; border: 0; font-size: 30px; cursor: pointer; }
  .lob-slide { height: 500px; padding: 92px 25px 40px; }
  .lob-slide::before { inset-block: 35px; width: calc(100% - 56px); max-width: 420px; border-width: 13px; }
  .lob-slide h1, .lob-slide h2 { font-size: 26px; line-height: 36px; letter-spacing: -.024em; }
  .lob-slide .lob-kicker { font-size: 16px; margin-bottom: 5px; }
  .lob-ghost { display: none; }
  .lob-hero-picture { width: min(560px, 83vw); margin: 14px auto 13px; }
  .lob-hero-picture img { height: 164px; }
  .lob-arrow { top: 50%; min-width: 25px; }
  .lob-arrow::before { width: 9px; height: 9px; }
  .lob-banners { padding-top: 60px; gap: 25px; }
  .lob-banner-copy { padding-inline: 28px; }
  .lob-banner h2 { font-size: 24px; }
  .lob-collection { padding-block: 62px 70px; }
  .lob-section-title { font-size: 22px; line-height: 32px; }
  .lob-section-description { font-size: 14px; margin-bottom: 17px; }
  .lob-filters { gap: 14px; margin-bottom: 22px; }
  .lob-filters button { font-size: 12px; }
  .lob-grid { column-gap: 10px; row-gap: 14px; }
  .lob-card-media img { height: 120px; }
  .lob-card h3, .lob-card p { font-size: 12.6px; }
  .lob-quick-view { width: 32px; height: 32px; right: 2px; top: 3px; }
  .lob-editorial h2, .lob-wide h2 { font-size: 29px; }
  .lob-wide-product { margin-top: -72px; width: min(350px, 73%); }
  .lob-wide-product img { height: 125px; }
  .lob-benefits { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .lob-benefit > div { min-width: 0; overflow-wrap: anywhere; }
  .lob-footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 540px) {
  .lob-banners { grid-template-columns: 1fr; }
  .lob-banner { aspect-ratio: 1.43; }
  .lob-editorial h2, .lob-wide h2 { font-size: 24px; line-height: 34px; }
  .lob-editorial-links { grid-template-columns: 1fr; gap: 20px; padding-bottom: 55px; }
  .lob-guide-grid { grid-template-columns: 1fr; gap: 14px; }
  .lob-guide-grid article img { height: 170px; }
  .lob-wide-copy { max-width: 83%; }
  .lob-wide-copy .lob-actions { gap: 6px; }
  .lob-wide-copy .lob-button { padding-inline: 10px; }
}

.lob-header .lob-brand { line-height: 1.06; }
@media (max-width: 800px) {
  .lob-header#haut .lob-bar {
    height: 60px;
    padding-inline: 7px;
    column-gap: 4px;
  }
  .lob-header#haut .lob-menu-toggle,
  .lob-header#haut .lob-tools summary { width: 44px; height: 44px; }
}