/* Start custom CSS *//* Potato Facts: page CSS (all custom CSS for this page lives here) */

/* header starts solid Digs Navy on this page (DIGS Header NEW still lists 1641 as transparent; this wins by specificity, sticky still works) */
html body.page-id-1641 .elementor-1750 .elementor-element.elementor-element-da10e01{position:relative;background-color:var(--digs-blue);}

/* fact cards: source markers [n] link to #src-n */
[data-id="38a37ee0"] sup{font-size:11px;font-weight:800;margin-left:2px;line-height:0;}
[data-id="38a37ee0"] sup a{color:inherit;text-decoration:none;}
[data-id="38a37ee0"] sup a:hover{text-decoration:underline;}

/* sources: links Digs Navy, underlined, hover Digs Orange */
[data-id="47b7b2f4"] a{color:var(--digs-blue);text-decoration:underline;text-underline-offset:3px;transition:color .15s;}
[data-id="47b7b2f4"] a:hover{color:var(--digs-orange);}

/* closer bags: soft shadow under the cutouts (from 04-potato-facts.html .fx-bags) */
[data-id="594338a0"] img{filter:drop-shadow(0 18px 24px rgba(0,0,0,.4));}
@media (prefers-reduced-motion:reduce){[data-id="594338a0"] img{transition:none;}}

/* body copy 18/16 on fact card text (RULES body size) */
[data-id="2136c51c"],[data-id="3d6346e5"],[data-id="407aa6"],[data-id="4632bd23"],[data-id="3e308c40"],[data-id="6edf0a39"]{font-size:18px !important;}
@media (max-width:767px){[data-id="2136c51c"],[data-id="3d6346e5"],[data-id="407aa6"],[data-id="4632bd23"],[data-id="3e308c40"],[data-id="6edf0a39"]{font-size:16px !important;}}

/* fact cards grid (facts.html .fx-grid): 2 wide / 3 / full-width Cool 'em. Tablet 2 across, phone 1 */
[data-id="7ad01938"],[data-id="3c79b880"]{grid-column:span 3;}
[data-id="185d3d04"],[data-id="21d8009d"],[data-id="34b6796b"]{grid-column:span 2;}
[data-id="602d1c32"]{grid-column:1 / -1;}
@media (max-width:1024px){[data-id="7ad01938"],[data-id="3c79b880"],[data-id="185d3d04"],[data-id="21d8009d"],[data-id="34b6796b"]{grid-column:span 1;}}
@media (max-width:767px){[data-id="7ad01938"],[data-id="3c79b880"],[data-id="185d3d04"],[data-id="21d8009d"],[data-id="34b6796b"],[data-id="602d1c32"]{grid-column:auto;}}


/* HERO GRID (Oct 7, 2026): trio image trimmed to the potatoes (fx-trio-trim-web, 723px); never upscaled */
@media (min-width:768px){.elementor-1641 [data-id="4080d0ec"]{max-width:723px !important;}}
/* phones: keep the approved mobile look with the trimmed file (same potato size and spacing as the untrimmed 816x564 image) */
@media (max-width:767px){.elementor-1641 [data-id="4080d0ec"]{width:88.6% !important;max-width:none !important;margin:9.56% 5.27% 15.93% 6.13% !important;}}

/* 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-1641 [data-id="594338a0"]{gap:clamp(8px, calc((100% - 1065px) / 3), 40px) !important;align-items:center !important;justify-content:center !important;}
  .elementor.elementor-1641 img[data-id="414e1c90"]{width:351px !important;height:auto !important;max-width:100% !important;}
}
@media (min-width:768px) and (max-width:1024px){
  .elementor.elementor-1641 [data-id="594338a0"]{gap:clamp(8px, calc((100% - 780.75px) / 3), 24px) !important;}
  .elementor.elementor-1641 img[data-id="414e1c90"]{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-1641 [data-id="594338a0"]{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-1641 img[data-id="ae7e609"], .elementor.elementor-1641 img[data-id="58896b89"], .elementor.elementor-1641 img[data-id="56c144fd"], .elementor.elementor-1641 img[data-id="414e1c90"]{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-1641 img[data-id="ae7e609"]{width:36.697% !important;align-self:flex-end !important;transform:rotate(-6deg) !important;}
  .elementor.elementor-1641 img[data-id="58896b89"]{width:45.872% !important;margin-left:4.893% !important;align-self:flex-end !important;transform:rotate(4deg) !important;}
  .elementor.elementor-1641 img[data-id="56c144fd"]{width:50.459% !important;margin-left:-3.5% !important;margin-top:19px !important;transform:rotate(-3deg) !important;}
  .elementor.elementor-1641 img[data-id="414e1c90"]{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 */