/* MyPacking homepage: catalogue structure inspired by the owner's VistaPrint reference. */
#mytheme-main-content.mp-home-visual{--home-ink:#17231f;--home-paper:#f7f4ee;--home-orange:#c65321;background:#fff;color:var(--home-ink);overflow:clip;padding-bottom:70px}
#mytheme-main-content.mp-home-visual h1,#mytheme-main-content.mp-home-visual h2,#mytheme-main-content.mp-home-visual h3{color:inherit;font-family:'MP Albert',sans-serif;font-weight:700;text-wrap:balance}
.mp-home-visual ::selection{background:#17231f;color:#fff}.mp-home-visual .mp-arrow{flex:none}.mp-home-visual figure{margin:0}.mp-home-visual a:focus-visible{outline:3px solid #a7441b;outline-offset:5px}.mp-home-visual .mp-text-link{font-size:14px;text-underline-offset:5px}
#mytheme-main-content.mp-home-visual .mp-button{font-size:var(--home-button-font,15px);padding:var(--home-button-padding,14px 20px);gap:var(--home-button-gap,16px);min-height:var(--home-button-height,51px)}
.mp-vista-hero{padding-top:24px;background:#fff}
.mp-vista-hero__panel{position:relative;min-height:590px;display:flex;align-items:center;background:#f3f0e9;border-radius:14px;overflow:hidden;isolation:isolate}
.mp-vista-hero__photo{position:absolute;inset:0;z-index:-1}
.mp-vista-hero__photo img{position:absolute;right:0;top:0;height:100%;width:auto;max-width:none;aspect-ratio:1659/948;object-fit:contain;mask-image:linear-gradient(to right,transparent,#000 18%)}
.mp-vista-hero__content{padding:64px 52px;width:48%;max-width:660px;position:relative}
.mp-vista-hero h1{font-size:clamp(40px,4.2vw,62px);line-height:1.07;letter-spacing:-.035em;margin:0}
.mp-vista-hero__content>p{font-size:17px;line-height:1.6;margin:23px 0 29px;max-width:380px}
.mp-vista-hero__actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center}
.mp-vista-hero__actions .mp-button{font-size:15px;min-height:51px;padding:14px 20px;white-space:nowrap}
.mp-vista-hero__actions .mp-text-link{font-size:13px;white-space:nowrap}
.mp-vista-benefits .mp-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-block:26px;gap:32px;border-bottom:1px solid #dedfd6}
.mp-vista-benefits .mp-wrap>span{display:flex;justify-content:center;align-items:center;gap:13px}
.mp-vista-benefits .mp-check{color:var(--home-ink);width:24px;height:24px;flex:none}
.mp-vista-benefits strong{font-family:'MP Albert',sans-serif;font-weight:700;display:block;font-size:15px;line-height:1.35}
.mp-vista-benefits small{font-size:12px;line-height:1.5;display:block;color:#53615b;margin-top:4px}
.mp-vista-section-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:25px}
.mp-vista-section-head h2{font-size:30px;line-height:1.2;letter-spacing:-.025em;margin:0}
.mp-vista-section-head .mp-text-link{white-space:nowrap}
.mp-vista-categories{padding-top:51px;scroll-margin-top:180px}
.mp-vista-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
.mp-vista-category{display:block;min-width:0;text-decoration:none;color:inherit}
.mp-vista-category__image{aspect-ratio:1.05;background:#f2f0e9;border:1px solid #d9dcd4;border-radius:13px;overflow:hidden}
.mp-vista-category__image img{display:block;width:100%;height:100%;object-fit:contain;padding:17px;transition:transform .28s cubic-bezier(.16,1,.3,1)}
.mp-vista-category h3{font-size:18px;line-height:1.3;letter-spacing:-.015em;margin:14px 0 0}
.mp-vista-products{padding-top:56px}
.mp-vista-products ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin:0;padding:0;list-style:none}
.mp-vista-products .mp-product__image{border:1px solid #dedfd6;border-radius:13px;aspect-ratio:1.05;background:#f2f0e9}
.mp-vista-products .mp-product__body{border:0;padding-top:15px}
.mp-vista-products .mp-product__body h3{font-size:19px;letter-spacing:-.02em;line-height:1.3;margin-bottom:9px}
.mp-vista-products .mp-product__quantity{font-size:12px;margin-bottom:6px;min-height:0}
.mp-vista-products .mp-product__spec{font-size:12px;min-height:36px;margin-bottom:12px}
.mp-vista-products .mp-product__prices{display:block}
.mp-vista-products .mp-product__price{font-size:21px;line-height:1.4}
.mp-vista-products .mp-product__unit{display:block;font-size:12px;margin-top:4px}
.mp-vista-products .mp-product__gross{font-size:12px;margin-top:4px}
.mp-vista-products .mp-product__foot{display:none}
.mp-vista-design{padding-top:54px}
.mp-vista-design__panel{background:#17231f;color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:46px 48px;border-radius:14px}
.mp-vista-design h2{font-size:36px;line-height:1.12;letter-spacing:-.025em;margin:0}
.mp-vista-design__copy>p{color:#e2e7dd;font-size:15px;line-height:1.65;margin:18px 0 23px}
.mp-vista-design .mp-button{--home-button-font:14px;--home-button-height:48px;--home-button-padding:13px 19px;background:#fff;color:#17231f}
.mp-vista-design .mp-button:hover{background:#eee8dc;color:#17231f}
.mp-vista-design .mp-button:focus-visible{outline-color:#fff}
.mp-vista-process{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px;list-style:none;margin:0;padding:0;counter-reset:steps}
.mp-vista-process li{position:relative;text-align:center;min-width:0}
.mp-vista-process li:not(:last-child)::after{content:'';position:absolute;top:23px;left:calc(50% + 34px);width:calc(100% - 41px);height:1px;background:#8d9d91}
.mp-vista-process li>span{width:48px;height:48px;border:1px solid #b5c0b5;border-radius:50%;display:grid;place-items:center;font-family:'MP Albert',sans-serif;font-size:20px;margin:0 auto 16px}
.mp-vista-process h3{font-size:16px;line-height:1.45;letter-spacing:0;margin:0}
.mp-vista-timing{font-size:12px;color:#53615b;line-height:1.6;margin:13px 0 0;text-align:center}
.mp-vista-faq{padding-top:56px}
.mp-vista-faq__list{display:grid;grid-template-columns:1fr 1fr;column-gap:52px}
.mp-vista-faq details{align-self:start;border-bottom:1px solid #dedfd6;padding:19px 0}
.mp-vista-faq details:nth-child(-n+2){border-top:1px solid #dedfd6}
.mp-vista-faq summary{display:flex;justify-content:space-between;align-items:baseline;gap:20px;list-style:none;cursor:pointer;font-family:'MP Albert',sans-serif;font-size:17px;font-weight:700;line-height:1.4}
.mp-vista-faq summary::-webkit-details-marker{display:none}
.mp-vista-faq summary::after{content:'+';font-family:'MP Work',sans-serif;font-size:24px;font-weight:400;line-height:1}
.mp-vista-faq details[open] summary::after{content:'−'}
.mp-vista-faq details p{font-size:14px;line-height:1.65;color:#435149;margin:14px 25px 0 0;max-width:65ch}
@media(hover:hover){.mp-vista-category:hover img{transform:scale(1.035)}.mp-vista-category:hover h3{text-decoration:underline;text-underline-offset:5px}}
@media(max-width:1100px) and (min-width:701px){
 .mp-vista-hero__panel{min-height:470px}.mp-vista-hero__content{padding:40px 34px;width:49%}.mp-vista-hero h1{font-size:44px}.mp-vista-hero__content>p{font-size:15px}.mp-vista-hero__actions{display:grid;justify-items:start;gap:18px}.mp-vista-hero__photo img{right:0}
 .mp-vista-benefits .mp-wrap{gap:18px}.mp-vista-benefits strong{font-size:13px}.mp-vista-benefits small{font-size:11px}.mp-vista-benefits .mp-wrap>span{gap:8px}
 .mp-vista-category-grid{gap:16px}.mp-vista-category h3{font-size:16px}.mp-vista-category__image img{padding:10px}
 .mp-vista-products ul.products{gap:18px}.mp-vista-products .mp-product__body h3{font-size:17px}.mp-vista-products .mp-product__price{font-size:19px}
 .mp-vista-design__panel{gap:32px;padding:35px 30px}.mp-vista-design h2{font-size:30px}.mp-vista-process{gap:14px}.mp-vista-process h3{font-size:14px}
}
@media(max-width:700px){
 #mytheme-main-content.mp-home-visual{padding-bottom:44px}
 .mp-vista-hero{padding-top:16px}.mp-vista-hero>.mp-wrap{width:calc(100% - 28px)}
 .mp-vista-hero__panel{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;border-radius:12px}
 .mp-vista-hero__content{display:contents}
 .mp-vista-hero h1{grid-row:1;font-size:clamp(31px,8.7vw,44px);line-height:1.08;letter-spacing:-.03em;margin:29px 24px 0}
 .mp-vista-hero__content>p{grid-row:2;font-size:14px;line-height:1.6;margin:17px 24px 18px}
 .mp-vista-hero__actions{--home-button-font:14px;--home-button-height:48px;--home-button-padding:13px 17px;grid-row:4;gap:17px;flex-wrap:wrap;padding:20px 24px 25px}.mp-vista-hero__actions .mp-text-link{font-size:12px}
 .mp-vista-hero__photo{position:relative;grid-row:3;inset:auto;width:100%;aspect-ratio:1.24;z-index:0;overflow:hidden}
 .mp-vista-hero__photo img{position:static;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:right center;mask-image:none}
 .mp-vista-benefits .mp-wrap{grid-template-columns:1fr;gap:16px;padding:25px 14px}
 .mp-vista-benefits .mp-wrap>span{justify-content:flex-start;gap:12px}.mp-vista-benefits .mp-check{width:20px;height:20px}
 .mp-vista-benefits strong{font-size:14px}.mp-vista-benefits small{display:none}
 .mp-vista-categories{padding-top:32px}.mp-vista-section-head{gap:16px;margin-bottom:21px}.mp-vista-section-head h2{font-size:25px;line-height:1.2}.mp-vista-section-head .mp-text-link{font-size:12px;gap:8px}
 .mp-vista-category-grid{grid-template-columns:1fr 1fr;gap:24px 16px}.mp-vista-category__image{border-radius:11px}.mp-vista-category__image img{padding:12px}.mp-vista-category h3{font-size:17px;margin-top:11px}
 .mp-vista-category:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:22px}.mp-vista-category:last-child h3{margin:0;font-size:19px;max-width:8ch}
 .mp-vista-products{padding-top:36px}.mp-vista-products ul.products{grid-template-columns:1fr 1fr;gap:27px 16px}.mp-vista-products .mp-product__image{border-radius:11px;aspect-ratio:1}.mp-vista-products .mp-product__body{padding-top:12px}.mp-vista-products .mp-product__body h3{font-size:17px;min-height:44px;margin-bottom:8px}.mp-vista-products .mp-product__spec{min-height:55px;font-size:11px;line-height:1.6;margin-bottom:8px}.mp-vista-products .mp-product__quantity{font-size:11px;min-height:32px;margin-bottom:5px}.mp-vista-products .mp-product__price{font-size:20px;line-height:1.5}.mp-vista-products .mp-product__price small{font-size:11px}.mp-vista-products .mp-product__unit{font-size:11px;line-height:1.5}.mp-vista-products .mp-product__gross{font-size:11px}
 .mp-vista-design{padding-top:34px}.mp-vista-design__panel{grid-template-columns:1fr;gap:35px;padding:31px 25px;border-radius:12px}.mp-vista-design h2{font-size:29px}.mp-vista-design__copy>p{font-size:14px;margin-top:15px}.mp-vista-design .mp-button{--home-button-font:13px}
 .mp-vista-process{gap:14px}.mp-vista-process li>span{width:39px;height:39px;font-size:17px;margin-bottom:12px}.mp-vista-process li:not(:last-child)::after{top:19px;left:calc(50% + 27px);width:calc(100% - 39px)}.mp-vista-process h3{font-size:12px;line-height:1.5}
 .mp-vista-timing{font-size:11px;text-align:left;margin-top:11px}
 .mp-vista-faq{padding-top:37px}.mp-vista-faq .mp-vista-section-head{display:block}.mp-vista-faq .mp-vista-section-head .mp-text-link{margin-top:18px;font-size:13px}
 .mp-vista-faq__list{grid-template-columns:1fr}.mp-vista-faq details:nth-child(2){border-top:0}.mp-vista-faq summary{font-size:16px}.mp-vista-faq details{padding:18px 0}.mp-vista-faq details p{font-size:14px}
}
@media(max-width:360px){.mp-vista-hero h1{font-size:29px;margin-inline:20px}.mp-vista-hero__content>p{margin-inline:20px}.mp-vista-hero__actions{--home-button-font:13px;--home-button-gap:10px;--home-button-padding:13px 13px;padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.mp-home-visual *,.mp-home-visual *::before,.mp-home-visual *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}