:root {
 --color-primary:#020286; --color-primary-50:#F4F4FA; --color-primary-100:#E5E5F2; --color-primary-500:#272798; --color-primary-600:#020286; --color-primary-700:#010171; --color-primary-900:#010150;
 --color-secondary:#8A1E87; --color-secondary-50:#FAF6FA; --color-secondary-100:#F0E4F0; --color-secondary-200:#E1C6E1; --color-secondary-500:#953493; --color-secondary-600:#8A1E87; --color-secondary-700:#751972; --color-secondary-900:#4B104A;
 --color-accent:#FF0000; --color-ink:#111426; --color-muted:#687086; --color-background:#ffffff; --color-surface:#f7f7fb; --color-line:#e6e7ef;
 --font-sans:"Manrope",sans-serif; --font-serif:"DM Serif Display",serif;
 --text-sm:.875rem; --text-base:1rem; --text-lg:1.125rem; --text-xl:1.25rem; --text-2xl:1.5rem; --text-3xl:1.875rem; --text-4xl:2.4rem; --text-5xl:3.4rem;
}
@layer base {
 *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:#fff;color:#111426;font-family:"Manrope",sans-serif;line-height:1.6} a{color:inherit;text-decoration:none} img{max-width:100%;height:auto} button,input,select,textarea{font:inherit}
 h1,h2,h3,h4{font-family:"DM Serif Display",serif;line-height:1.08;margin:0;color:#111426} p{margin:0 0 1rem}
}
@layer components {
 .pr-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
 .pr-topbar{background:#010150;color:#fff;font-size:12px;letter-spacing:.03em}.pr-topbar .pr-container{display:flex;justify-content:space-between;gap:24px;padding:8px 0}
 .pr-header{background:rgba(255,255,255,.96);border-bottom:1px solid #e6e7ef;position:sticky;top:0;z-index:80;backdrop-filter:blur(12px)}
 .pr-headrow{height:82px;display:grid;grid-template-columns:240px 1fr auto;align-items:center;gap:28px}.pr-logo{display:flex;align-items:center;gap:12px;font-weight:900;font-size:20px;color:#010150}.pr-logo img{width:62px;height:62px;object-fit:contain}.pr-logo span small{display:block;font-size:10px;letter-spacing:.18em;color:#8A1E87}
 .pr-nav ul{display:flex;justify-content:center;align-items:center;gap:28px;list-style:none;padding:0;margin:0}.pr-nav a{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.pr-nav a:hover{color:#FF0000}.pr-actions{display:flex;align-items:center;gap:10px}.pr-icon{width:40px;height:40px;border:1px solid #e6e7ef;border-radius:50%;display:grid;place-items:center}
 .pr-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:#FF0000;color:#fff!important;padding:13px 22px;border-radius:8px;font-size:13px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;border:0;cursor:pointer;box-shadow:0 8px 24px rgba(255,0,0,.2);transition:.2s}.pr-btn:hover{transform:translateY(-2px);background:#cc0000}.pr-btn-blue{background:#020286;box-shadow:0 8px 24px rgba(2,2,134,.2)}.pr-btn-outline{background:#fff;color:#020286!important;border:1px solid #020286;box-shadow:none}
 .pr-categorybar{border-top:1px solid #f0f0f4;background:#fff}.pr-categorybar .pr-container{display:flex;overflow:auto;gap:0}.pr-categorybar a{white-space:nowrap;padding:12px 18px;border-right:1px solid #eee;font-size:12px;font-weight:800;color:#343951}.pr-categorybar a:first-child{border-left:1px solid #eee}.pr-categorybar a:hover{background:#020286;color:#fff}
 .pr-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 30%,#F0E4F0 0,transparent 30%),linear-gradient(120deg,#f7f7fb 0,#fff 58%);padding:70px 0 64px}.pr-hero:after{content:"";position:absolute;right:-8%;top:-25%;width:520px;height:520px;border:80px solid rgba(138,30,135,.06);border-radius:50%}
 .pr-herogrid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;position:relative;z-index:2}.pr-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#FF0000;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:.14em;margin-bottom:18px}.pr-eyebrow:before{content:"";width:34px;height:3px;background:#FF0000}.pr-hero h1{font-size:clamp(45px,6vw,76px);max-width:760px}.pr-hero h1 em{font-style:normal;color:#020286}.pr-hero p{font-size:18px;color:#596077;max-width:610px;margin:22px 0 30px}.pr-ctas{display:flex;flex-wrap:wrap;gap:12px}.pr-trustmini{display:flex;gap:24px;margin-top:30px;font-size:12px;font-weight:800;color:#434a61}.pr-trustmini span:before{content:"✓";color:#fff;background:#020286;border-radius:50%;padding:1px 4px;margin-right:6px}
 .pr-visual{position:relative;min-height:440px}.pr-visual-card{position:absolute;border-radius:22px;background:#fff;box-shadow:0 28px 70px rgba(17,20,38,.17);overflow:hidden}.pr-box-main{inset:25px 35px 25px 40px;background:linear-gradient(145deg,#020286,#8A1E87);display:grid;place-items:center}.pr-box-main:before{content:"PR";font-family:"DM Serif Display",serif;color:#fff;font-size:130px;opacity:.16}.pr-box-main:after{content:"CUSTOM PACKAGING";position:absolute;color:#fff;font-weight:900;letter-spacing:.22em;font-size:12px}.pr-box-small{width:190px;height:135px;right:0;bottom:0;background:linear-gradient(145deg,#ff3333,#cc0000);transform:rotate(7deg)}.pr-box-small:after{content:"PACKINGROOTS";position:absolute;left:22px;top:53px;color:#fff;font-weight:900;font-size:12px}.pr-swatch{width:120px;height:120px;left:0;top:0;background:#fff;display:grid;place-items:center;transform:rotate(-7deg)}.pr-swatch img{width:90px;height:90px;object-fit:contain}.pr-packaging-collage{isolation:isolate}.pr-collage-backdrop{position:absolute;inset:24px 22px 30px 30px;border-radius:28px;background:radial-gradient(circle at 18% 20%,rgba(255,255,255,.28),transparent 28%),linear-gradient(135deg,#020286 0%,#8A1E87 52%,#FF0000 100%);box-shadow:0 30px 70px rgba(17,20,38,.22);overflow:hidden}.pr-collage-backdrop:before,.pr-collage-backdrop:after{content:"";position:absolute;border-radius:50%;border:45px solid rgba(255,255,255,.11)}.pr-collage-backdrop:before{width:250px;height:250px;right:-70px;top:-90px}.pr-collage-backdrop:after{width:180px;height:180px;left:-80px;bottom:-80px}.pr-collage-backdrop span{position:absolute;left:28px;bottom:22px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.17em;text-transform:uppercase}.pr-pack{position:absolute;width:190px;height:190px;object-fit:cover;border-radius:22px;background:#fff;border:6px solid rgba(255,255,255,.96);box-shadow:0 20px 42px rgba(4,5,40,.28);z-index:2}.pr-pack-a{left:8px;top:0;transform:rotate(-7deg)}.pr-pack-b{right:10px;top:26px;transform:rotate(7deg)}.pr-pack-c{left:72px;bottom:2px;transform:rotate(4deg)}.pr-pack-d{right:42px;bottom:4px;transform:rotate(-6deg)}.pr-collage-logo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:92px;height:92px;border-radius:50%;background:#fff;display:grid;place-items:center;z-index:5;box-shadow:0 12px 34px rgba(4,5,40,.3)}.pr-collage-logo img{width:78px;height:78px;object-fit:contain}
 .pr-section{padding:80px 0}.pr-section-soft{background:#f7f7fb}.pr-heading{text-align:center;max-width:730px;margin:0 auto 42px}.pr-heading span{color:#FF0000;font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:11px}.pr-heading h2{font-size:clamp(34px,4vw,50px);margin:8px 0 13px}.pr-heading p{color:#687086}
 .pr-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.pr-cat{background:#fff;border:1px solid #e6e7ef;border-radius:14px;overflow:hidden;transition:.25s;position:relative}.pr-cat:hover{transform:translateY(-7px);box-shadow:0 20px 44px rgba(24,29,73,.12);border-color:#c9ccef}.pr-cat-art{height:190px;background:linear-gradient(145deg,#F4F4FA,#FAF6FA);display:grid;place-items:center;overflow:hidden}.pr-cat-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.pr-cat:hover .pr-cat-art img{transform:scale(1.045)}.pr-carton{width:108px;height:115px;background:linear-gradient(145deg,var(--c1,#020286),var(--c2,#8A1E87));transform:skewY(-5deg);box-shadow:12px 16px 24px rgba(30,34,74,.18);position:relative}.pr-carton:after{content:"PR";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-family:"DM Serif Display",serif;font-size:32px}.pr-catbody{padding:19px}.pr-cat h3{font-family:"Manrope",sans-serif;font-size:15px;font-weight:900}.pr-cat p{font-size:12px;color:#687086;margin:7px 0}.pr-link{font-size:12px;color:#020286;font-weight:900;text-transform:uppercase}
 .pr-benefits{background:#010150;color:#fff}.pr-benefitgrid{display:grid;grid-template-columns:repeat(6,1fr)}.pr-benefit{padding:30px 18px;text-align:center;border-right:1px solid rgba(255,255,255,.12)}.pr-benefit svg{width:30px;height:30px;color:#ff5555;margin:auto auto 11px}.pr-benefit strong{display:block;font-size:12px}.pr-benefit small{font-size:10px;color:#c8cbe2}
 .pr-split{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.pr-panel{background:linear-gradient(140deg,#010150,#020286 55%,#8A1E87);border-radius:22px;min-height:480px;position:relative;overflow:hidden;padding:42px;color:#fff}.pr-panel h3{color:#fff;font-size:42px;max-width:360px}.pr-panel .ring{position:absolute;width:330px;height:330px;border:55px solid rgba(255,255,255,.08);border-radius:50%;right:-80px;bottom:-80px}.pr-panel-photo{padding:0;background:#fff}.pr-panel-photo>img{width:100%;height:480px;object-fit:cover;display:block}.pr-panel-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(1,1,80,.05) 35%,rgba(1,1,80,.88) 100%)}.pr-panel-caption{position:absolute;left:36px;right:36px;bottom:34px;z-index:2}.pr-panel-caption h3{font-size:38px;text-shadow:0 2px 18px rgba(0,0,0,.28)}.pr-copy h2{font-size:48px;margin-bottom:18px}.pr-copy p{color:#687086}.pr-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}.pr-list li{font-size:13px;font-weight:800}.pr-list li:before{content:"✓";color:#FF0000;margin-right:8px}
 .pr-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.pr-step{padding:28px;border:1px solid #e6e7ef;background:#fff;border-radius:14px}.pr-step b{font-family:"DM Serif Display",serif;font-size:45px;color:#E5E5F2}.pr-step h3{font-family:"Manrope",sans-serif;font-size:15px;font-weight:900;margin:7px 0}.pr-step p{font-size:12px;color:#687086}
 .pr-quote{background:linear-gradient(125deg,#010150,#020286);color:#fff;border-radius:24px;padding:48px;display:grid;grid-template-columns:.75fr 1.25fr;gap:38px}.pr-quote h2{color:#fff;font-size:44px}.pr-quote p{color:#d7daf5}.pr-form{display:grid;grid-template-columns:1fr 1fr;gap:13px}.pr-form input,.pr-form select,.pr-form textarea{width:100%;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.1);color:#fff;border-radius:8px;padding:13px}.pr-form input::placeholder,.pr-form textarea::placeholder{color:#d8daf1}.pr-form option{color:#111}.pr-form .full{grid-column:1/-1}
 .pr-faq{max-width:850px;margin:auto}.pr-faq details{border-bottom:1px solid #e6e7ef;padding:20px 0}.pr-faq summary{font-weight:900;cursor:pointer;list-style:none}.pr-faq details p{color:#687086;font-size:14px;padding-top:12px}
 .pr-footer{background:#05061c;color:#d6d8e7;margin-top:0}.pr-footergrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding:62px 0}.pr-footer h4{font-family:"Manrope",sans-serif;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.12em}.pr-footer ul{list-style:none;padding:0}.pr-footer li{margin:9px 0}.pr-footer a,.pr-footer p{font-size:13px;color:#b9bdd2}.pr-footerbrand img{width:82px}.pr-copyright{border-top:1px solid rgba(255,255,255,.1);padding:17px 0;font-size:12px}
 .woocommerce .button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button{background:#020286!important;color:#fff!important;border-radius:7px!important;padding:13px 18px!important}.woocommerce ul.products li.product{border:1px solid #e6e7ef;border-radius:13px;padding:14px;transition:.2s}.woocommerce ul.products li.product:hover{box-shadow:0 16px 36px rgba(17,20,38,.1);transform:translateY(-4px)}.woocommerce div.product{padding:50px 0}.woocommerce-checkout #payment{background:#f7f7fb!important}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{padding:13px;border:1px solid #dcddea;border-radius:7px}
 .pr-mobile{display:none}
 @media(max-width:900px){.pr-headrow{grid-template-columns:1fr auto;height:70px}.pr-nav,.pr-categorybar{display:none}.pr-mobile{display:grid}.pr-logo img{width:50px;height:50px}.pr-herogrid,.pr-split,.pr-quote{grid-template-columns:1fr}.pr-visual{min-height:360px}.pr-grid{grid-template-columns:repeat(2,1fr)}.pr-benefitgrid{grid-template-columns:repeat(3,1fr)}.pr-steps{grid-template-columns:1fr 1fr}.pr-footergrid{grid-template-columns:1fr 1fr}}
 @media(max-width:600px){.pr-container{width:min(100% - 28px,1180px)}.pr-topbar .pr-container{justify-content:center}.pr-topbar span:last-child{display:none}.pr-actions .pr-btn{display:none}.pr-hero{padding:46px 0}.pr-hero h1{font-size:43px}.pr-visual{min-height:290px}.pr-pack{width:128px;height:128px;border-width:4px;border-radius:16px}.pr-pack-a{left:8px}.pr-pack-b{right:4px}.pr-pack-c{left:44px}.pr-pack-d{right:25px}.pr-collage-logo{width:66px;height:66px}.pr-collage-logo img{width:56px;height:56px}.pr-box-main{inset:20px}.pr-box-small{width:130px;height:95px}.pr-grid{grid-template-columns:1fr 1fr;gap:10px}.pr-cat-art{height:135px}.pr-benefitgrid{grid-template-columns:1fr 1fr}.pr-benefit{border-bottom:1px solid rgba(255,255,255,.12)}.pr-steps{grid-template-columns:1fr}.pr-quote{padding:28px 20px}.pr-form{grid-template-columns:1fr}.pr-form .full{grid-column:auto}.pr-list{grid-template-columns:1fr}.pr-footergrid{grid-template-columns:1fr}.pr-section{padding:58px 0}}
 /* Official PackingRoots logo badge on every WooCommerce product image */
 .woocommerce ul.products li.product .woocommerce-LoopProduct-link{position:relative;display:block}
 .woocommerce ul.products li.product .woocommerce-LoopProduct-link:after{content:"";position:absolute;top:10px;right:10px;width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.94) url("https://packingroots.com/wp-content/uploads/2026/08/IMG_5679.png") center/50px 50px no-repeat;box-shadow:0 4px 14px rgba(17,20,38,.18);z-index:4;pointer-events:none}
 .woocommerce div.product div.images.woocommerce-product-gallery{position:relative}
 .woocommerce div.product div.images.woocommerce-product-gallery:after{content:"";position:absolute;top:16px;right:16px;width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.95) url("https://packingroots.com/wp-content/uploads/2026/08/IMG_5679.png") center/74px 74px no-repeat;box-shadow:0 6px 20px rgba(17,20,38,.2);z-index:12;pointer-events:none}
 .woocommerce-cart-form td.product-thumbnail a{position:relative;display:inline-block}
 .woocommerce-cart-form td.product-thumbnail a:after{content:"";position:absolute;top:3px;right:3px;width:26px;height:26px;border-radius:50%;background:#fff url("https://packingroots.com/wp-content/uploads/2026/08/IMG_5679.png") center/24px 24px no-repeat;box-shadow:0 2px 6px rgba(17,20,38,.18);pointer-events:none}
}