/* Start custom CSS *//* About v2: page CSS (all custom CSS for this page lives here) */

/* header starts transparent over the hero photo on this page (same rule DIGS Header NEW uses for 1094) */
html body.page-id-2061 .elementor-1750 .elementor-element.elementor-element-da10e01,
html body:has(.elementor-2061) .elementor-1750 .elementor-element.elementor-element-da10e01{position:absolute;top:0;left:0;right:0;width:100%;background-color:transparent;}

/* believe tiles + how steps: 1 column under 900px (prototype dx-g3 rule) */
@media (max-width:900px){
[data-id="705791e6"],[data-id="3afd6b46"]{grid-template-columns:minmax(0,1fr) !important;}
[data-id="6679e60f"]{padding:28px 0 !important;}
[data-id="68e73d74"],[data-id="3f3febb3"]{border-left:0 !important;border-top:2px solid rgba(26,61,109,.25) !important;padding:28px 0 !important;}
}

/* how steps: hollow outlined 01/02/03 (from about.html .ab-steps counter) */
[data-id="6679e60f"]::before,[data-id="68e73d74"]::before,[data-id="3f3febb3"]::before{display:block;font-family:Newake,sans-serif;font-size:72px;line-height:.8;color:transparent;-webkit-text-stroke:2px #1A3D6D;margin-bottom:6px;position:static !important;inset:auto !important;width:auto !important;height:auto !important;background:none !important;opacity:1 !important;}
[data-id="6679e60f"]::before{content:"01";}
[data-id="68e73d74"]::before{content:"02";}
[data-id="3f3febb3"]::before{content:"03";}
@media (max-width:767px){[data-id="6679e60f"]::before,[data-id="68e73d74"]::before,[data-id="3f3febb3"]::before{font-size:56px;}}

/* closer bags: soft shadow under the cutouts (same as Potato Facts closer) */
[data-id="44718f73"] img{filter:drop-shadow(0 18px 24px rgba(0,0,0,.4));}
@media (prefers-reduced-motion:reduce){[data-id="44718f73"] img{transition:none;}}

/* CLOSER BAG ROW (Oct 7, 2026): Tiny / Tasty Little / Big! Red / Sweet Murasaki (2333, 1400px WebP, full file) */
/* desktop + tablet: Murasaki = Big! width x 1.3; four bags centered on one line, evenly spaced, gaps trimmed 8px each so the tilted corners stay inside the content box */
@media (min-width:768px){
  .elementor.elementor-2061 [data-id="44718f73"]{gap:clamp(8px, calc((100% - 1065px) / 3), 40px) !important;align-items:center !important;justify-content:center !important;}
  .elementor.elementor-2061 img[data-id="fbb4d06"]{width:351px !important;height:auto !important;max-width:100% !important;}
}
@media (min-width:768px) and (max-width:1024px){
  .elementor.elementor-2061 [data-id="44718f73"]{gap:clamp(8px, calc((100% - 780.75px) / 3), 24px) !important;}
  .elementor.elementor-2061 img[data-id="fbb4d06"]{width:263.25px !important;}
}
/* phones: top row Tiny 120 + Tasty Little 150, 16px apart, bottoms aligned; bottom row Big! 165 + Murasaki 203.5 (+10%) overlapping ~24px; the pair uses a little of the side padding (~14px from the screen edges), Murasaki in front, centered on each other; ~12px between rows, ~32px to the buttons. Sizes are % of the 327px content width at 375 so they scale at 390/414. */
@media (max-width:767px){
  .elementor.elementor-2061 [data-id="44718f73"]{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;align-items:center !important;gap:0px !important;row-gap:0px !important;margin-bottom:37px !important;}
  .elementor.elementor-2061 img[data-id="683de2bb"], .elementor.elementor-2061 img[data-id="2c10922c"], .elementor.elementor-2061 img[data-id="3f9eed96"], .elementor.elementor-2061 img[data-id="fbb4d06"]{height:auto !important;max-width:none !important;min-width:0 !important;margin:0px !important;flex:0 0 auto !important;object-fit:contain !important;}
  .elementor.elementor-2061 img[data-id="683de2bb"]{width:36.697% !important;align-self:flex-end !important;transform:rotate(-6deg) !important;}
  .elementor.elementor-2061 img[data-id="2c10922c"]{width:45.872% !important;margin-left:4.893% !important;align-self:flex-end !important;transform:rotate(4deg) !important;}
  .elementor.elementor-2061 img[data-id="3f9eed96"]{width:50.459% !important;margin-left:-3.5% !important;margin-top:19px !important;transform:rotate(-3deg) !important;}
  .elementor.elementor-2061 img[data-id="fbb4d06"]{width:62.232% !important;margin-left:-7.339% !important;margin-right:-2.1% !important;margin-top:19px !important;position:relative;z-index:2;transform:rotate(5deg) !important;}
}/* End custom CSS */