/* Issue 1326 (switch search.inPlace, default off): search in place on desktop, 768 px and wider. Loaded only with the switch on; every rule is scoped under .dco--inplace. */
.dco--inplace .sis-sheet, .dco--inplace .sis-clear, .dco--inplace .sis-hit { display: none; } /* phone: nothing of search in place shows; the 1259 panel works as before */
@media (min-width:768px){
.dco--inplace .sis-sheet { display: block; }
.dco.dco--inplace{ --sis-open:200ms; --sis-close:150ms; --sis-in:cubic-bezier(.05,.7,.1,1); --sis-out:cubic-bezier(.3,0,.8,.15); }
/* Rest state is today's band, untouched: every rule below applies only while the box is open or closing (.sis-lay, added by the script and removed when the close has finished). */
.dco.dco--inplace .dco-find .sis-l{ display:none; }
.dco.dco--inplace .dco-find.sis-lay .sis-l{ display:block; }
.dco.dco--inplace .dco-find.sis-lay{ position:relative; background:transparent !important; border:0 !important; overflow:visible; }
.dco.dco--inplace .dco-find.sis-lay > svg:first-of-type{ position:absolute; left:17px; top:12px; z-index:2; transform:translate3d(0,0,0); transition:transform var(--sis-close) var(--sis-out); pointer-events:none; }
.dco.dco--inplace .dco-find.sis-lay.sis-open > svg:first-of-type{ transform:translate3d(calc(-1 * var(--dx,0px)),0,0); transition:transform var(--sis-open) var(--sis-in); }
/* three paint-only layers: ring, border, fill; all animate clip-path (no width, no left) */
.sis-l{ position:absolute; top:0; bottom:0; right:0; width:var(--wo,344px); pointer-events:none; z-index:0;
  clip-path:inset(0 0 0 var(--dx,0px) round 22px); transition:clip-path var(--sis-close) var(--sis-out), opacity var(--sis-close) var(--sis-out); }
.sis-open .sis-l{ clip-path:inset(0 0 0 0 round 22px); transition:clip-path var(--sis-open) var(--sis-in), opacity var(--sis-open) var(--sis-in); }
.sis-bd{ background:#434D56; }
.sis-bg{ background:#fff; top:1px; bottom:1px; right:1px; width:calc(var(--wo,344px) - 2px); clip-path:inset(0 0 0 calc(var(--dx,0px) - 1px) round 21px); }
.sis-open .sis-bg{ clip-path:inset(0 0 0 0 round 21px); }
.dco--home .sis-bd{ background:transparent; }
.dco--home .sis-bg{ background:rgba(255,255,255,.96); top:0; bottom:0; right:0; width:var(--wo,344px); clip-path:inset(0 0 0 var(--dx,0px) round 22px); }
.dco--home .sis-open .sis-bg{ clip-path:inset(0 0 0 0 round 22px); }
.sis-ring{ top:-3px; bottom:-3px; right:-3px; width:calc(var(--wo,344px) + 6px); background:#14171A; opacity:0; clip-path:inset(0 0 0 var(--dx,0px) round 25px); }
.sis-open .sis-ring{ clip-path:inset(0 0 0 0 round 25px); }
.sis-focus .sis-ring{ opacity:1; }
.dco--home .sis-ring{ background:#fff; }
.sis-focus .sis-bd{ background:#14171A; }
/* the input keeps its rest text position (47 px in, 17 px from the edge) and is only revealed: translate + clip-path, no padding or width change while it moves */
.dco.dco--inplace .dco-find.sis-lay .dco-find-in{ position:absolute !important;  left:47px; right:auto; top:0; z-index:2; width:calc(var(--wo,344px) - 47px) !important; height:100% !important; box-sizing:border-box; /* the box starts exactly where the rest input starts (47 px in, after the icon) and never moves its layout left edge: it is wider than the band box, clipped on the right, and slides left on open */
  padding:0 calc(17px + var(--dx,0px)) 0 0 !important;
  transform:none; clip-path:inset(0 var(--dx,0px) 0 0);
  transition:transform var(--sis-close) var(--sis-out), clip-path var(--sis-close) var(--sis-out); }
.dco.dco--inplace .dco-find.sis-lay.sis-open .dco-find-in{ padding-right:17px !important; transform:translate3d(calc(-1 * var(--dx,0px)),0,0); clip-path:inset(0 0 0 0); transition:transform var(--sis-open) var(--sis-in), clip-path var(--sis-open) var(--sis-in); }
.dco.dco--inplace .dco-find.sis-lay.sis-open.sis-has .dco-find-in{ padding-right:40px !important; }
.sis-clear{ position:absolute; right:10px; top:10px; z-index:3; width:24px; height:24px; border:0; border-radius:50%; background:#e9e9e6; color:#14171A; font:400 16px/24px Arial,sans-serif; padding:0; cursor:pointer; display:none; }
.sis-open.sis-has .sis-clear{ display:block; }
.sis-clear:focus-visible{ outline:2px solid #14171A; outline-offset:2px; }
/* the sheet */
.sis-sheet{ position:absolute; z-index:2100; background:#fff; color:#14171A; border-radius:16px; box-shadow:0 12px 40px rgba(20,23,26,.18),0 0 0 1px rgba(20,23,26,.08); font-family:Montserrat,Arial,sans-serif;
  max-height:calc(100vh - 140px); overflow:auto; opacity:0; transform:translate3d(0,-6px,0); visibility:hidden; pointer-events:none; transform-origin:top left;
  transition:opacity var(--sis-close) var(--sis-out), transform var(--sis-close) var(--sis-out), visibility 0s linear var(--sis-close); }
.sis-sheet.sis-on{ opacity:1; transform:none; visibility:visible; pointer-events:auto; transition:opacity var(--sis-open) var(--sis-in), transform var(--sis-open) var(--sis-in), visibility 0s; }
.sis-top{ display:flex; justify-content:flex-end; padding:8px 12px 0; }
.sis-x{ border:0; background:none; font:600 12px/1 Montserrat,Arial,sans-serif; letter-spacing:.04em; text-transform:uppercase; padding:8px 10px; border-radius:16px; cursor:pointer; color:#434D56; }
.sis-x:hover{ background:#f1f1ee; }
.sis-opt,.sis-x,.sis-clear{ transition:none; } /* a theme-wide transition: all must not reach these */
.sis-x:focus-visible,.sis-opt:focus-visible{ outline:2px solid #14171A; outline-offset:2px; }
.sis-cols{ display:grid; grid-template-columns:1fr 1fr; gap:8px 32px; padding:4px 24px 24px; }
.sis-col{ min-width:0; }
.sis-g{ margin:0 0 18px; }
.sis-gh{ font:700 11px/1.2 Montserrat,Arial,sans-serif; letter-spacing:.08em; text-transform:uppercase; color:#6b7279; margin:6px 0 8px; display:flex; gap:6px; }
.sis-gh b{ color:#14171A; }
.sis-opt{ display:flex; align-items:center; gap:12px; padding:6px 8px; border-radius:10px; color:inherit; text-decoration:none; line-height:1.3; cursor:pointer; background:none; border:0; text-align:left; font:inherit; width:100%; box-sizing:border-box; }
.sis-opt:hover,.sis-opt[aria-selected=true]{ background:#f1efe9; }
.sis-opt[aria-selected=true]{ box-shadow:inset 0 0 0 2px #14171A; }
.sis-pic{ flex:none; width:40px; height:40px; border-radius:50%; overflow:hidden; background:#efefea; display:flex; align-items:center; justify-content:center; font-weight:700; }
.sis-g--crafts .sis-pic{ border-radius:6px; }
.sis-pic img{ width:100%; height:100%; object-fit:cover; display:block; }
.sis-t{ display:block; font-size:14px; font-weight:600; }
.sis-s{ display:block; font-size:12px; color:#6b7279; }
.sis-g--products .sis-items{ display:grid; grid-template-columns:repeat(auto-fill,96px); gap:8px; }
.sis-g--products .sis-opt{ flex-direction:column; align-items:flex-start; gap:4px; padding:4px; width:96px; }
.sis-g--products .sis-pic{ width:88px; height:88px; border-radius:6px; max-width:96px; max-height:96px; }
.sis-g--products .sis-t{ font-size:11px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
.sis-all{ font-size:12px; font-weight:600; color:#434D56; padding:4px 8px; display:inline-flex; text-decoration:underline; width:auto; }
.sis-chips{ display:flex; flex-wrap:wrap; gap:8px; }
.sis-chips .sis-opt{ width:auto; border:1px solid #c9ccd0; border-radius:20px; padding:8px 14px; font-size:13px; font-weight:600; }
.sis-acts{ display:flex; flex-wrap:wrap; gap:8px; }
.sis-acts .sis-opt{ width:auto; border:1px solid #14171A; border-radius:20px; padding:8px 16px; font-size:13px; font-weight:600; }
/* explicit colours and decoration for every link and button in the sheet; selectors out-rank header-original.css (.dco--home a, .dco--inner a, .dco a:hover) */
.dco .sis-sheet a.sis-opt,.dco .sis-sheet a.sis-opt:visited,.dco .sis-sheet a.sis-opt:hover,.dco .sis-sheet a.sis-opt:focus,.dco .sis-sheet a.sis-opt:focus-visible,.dco .sis-sheet a.sis-opt:active,
.dco .sis-sheet button.sis-opt,.dco .sis-sheet button.sis-opt:hover,.dco .sis-sheet button.sis-opt:focus-visible{ color:#14171A; text-decoration:none; text-shadow:none; }
.dco .sis-sheet a.sis-all,.dco .sis-sheet a.sis-all:visited,.dco .sis-sheet a.sis-all:hover,.dco .sis-sheet a.sis-all:focus,.dco .sis-sheet a.sis-all:focus-visible,.dco .sis-sheet a.sis-all:active{ color:#434D56; text-decoration:underline; }
.dco .sis-sheet .sis-x,.dco .sis-sheet .sis-x:hover,.dco .sis-sheet .sis-x:focus-visible{ color:#434D56; }
.dco .sis-sheet a.sis-opt:focus-visible,.dco .sis-sheet button.sis-opt:focus-visible,.dco .sis-sheet .sis-x:focus-visible{ outline:2px solid #14171A; outline-offset:2px; }
.dco .sis-sheet .sis-t{ color:#14171A; }
.dco .sis-sheet .sis-s{ color:#6b7279; }
.sis-p{ font-size:13px; color:#434D56; margin:0 0 10px; }
.sis-h{ font:700 16px/1.3 Montserrat,Arial,sans-serif; margin:6px 0 6px; }
.sis-live{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
/* /search/index: the band box shows only its icon, right-aligned in the slot it has today (the script fixes the slot width), so the pill never moves */
.dco--inplace .dco-find.sis-collapsed{ position:relative; background:transparent !important; border:0 !important; padding:0; cursor:pointer; }
.dco--inplace .dco-find.sis-collapsed .dco-find-in, .dco--inplace .dco-find.sis-collapsed .sis-l, .dco--inplace .dco-find.sis-collapsed .sis-clear{ display:none !important; }
.dco--inplace .dco-find.sis-collapsed::before{ content:""; position:absolute; right:0; top:0; width:44px; height:44px; box-sizing:border-box; border:1px solid #434D56; border-radius:22px; background:#fff; }
.dco--home .dco-find.sis-collapsed::before{ border-color:transparent; background:rgba(255,255,255,.96); }
.dco--inplace .dco-find.sis-collapsed > svg:first-of-type{ position:absolute; right:12px; left:auto; top:12px; z-index:2; }
.dco--inplace .dco-find.sis-collapsed .sis-hit{ display:block; position:absolute; right:0; top:0; width:44px; height:44px; z-index:4; border-radius:22px; cursor:pointer; }
.dco--inplace .dco-find.sis-collapsed .sis-hit:focus-visible{ outline:3px solid #14171A; outline-offset:2px; }
}
@media (min-width:768px) and (prefers-reduced-motion:reduce){
.dco.dco--inplace{ --sis-open:0ms; --sis-close:0ms; }
.sis-l,.sis-sheet,.sis-opt,.sis-x,.sis-clear,.dco.dco--inplace .dco-find .dco-find-in,.dco.dco--inplace .dco-find > svg:first-of-type{ transition:none !important; }
}