/*
Theme Name: PupRobot Original Concept
Version: 1.0.0
Description: Original approved PupRobot concept, complete layout and interactions.
*/
*{box-sizing:border-box}body{margin:0;color:#121c17;background:#fafaf7;font:16px Arial,sans-serif}button,a{cursor:pointer}a{color:inherit;text-decoration:none}header{background:#111b16;color:white;padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}header img{width:190px}nav{display:flex;gap:26px;font-size:13px}button,.btn{border:0;padding:16px 24px;background:#ed2918;color:white;font-weight:bold;display:inline-block;border-radius:5px}.outline{background:transparent;border:1px solid #b8bdb7;color:#152019}.hero{max-width:1440px;margin:auto;padding:74px 6% 50px;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:30px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;text-transform:uppercase;color:#e92c1c}h1{font-size:clamp(56px,6.8vw,100px);line-height:.98;letter-spacing:-5px;margin:24px 0}h1 em{font-style:normal;color:#ed2918}p{line-height:1.7;color:#647066}.hero p{max-width:400px}.actions{display:flex;gap:12px;margin:28px 0}.heroart{position:relative;background:#eeeFEa;border-radius:48% 48% 12px 12px;padding:60px 10px 30px;min-height:450px;display:grid;align-content:center}.heroart img{width:100%;mix-blend-mode:multiply}.tag{position:absolute;bottom:25px;left:30px;background:white;padding:17px 24px;border-radius:8px;box-shadow:0 10px 40px #0001}.tag small{color:#737b73;display:block;margin-top:6px}.pill{position:absolute;right:15px;top:40px;border-radius:50%;background:#ed2918;color:white;width:100px;height:100px;display:grid;place-content:center;text-align:center;font-size:13px;transform:rotate(12deg)}.strip{display:flex;justify-content:space-around;padding:26px 5%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;font-size:13px}.section{max-width:1320px;margin:auto;padding:65px 5%}h2{font-size:40px;letter-spacing:-1.5px;margin:12px 0 30px}.row{display:flex;align-items:center;justify-content:space-between;gap:20px}.cats,.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cat{padding:30px;background:#eaece6;min-height:180px;border-radius:10px;position:relative}.cat b{font-size:25px}.cat span{position:absolute;bottom:24px;right:25px;font-size:25px}.cat:nth-child(2){background:#f8e5df}.cat:nth-child(3){background:#18251e;color:white}.cat p{font-size:14px}.tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.tabs button{background:transparent;color:#586258;border:1px solid #d2d8ce;padding:10px 20px;border-radius:30px}.tabs button.active{background:#142019;color:white}.product{background:white;border:1px solid #e4e6de;border-radius:12px;padding:25px}.product img{height:210px;width:100%;object-fit:contain}.product h3{font-size:22px;margin:12px 0}.product small{color:#7a8278}.product button{padding:10px 15px;font-size:12px}.feature{background:#142019;color:white;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:55px;border-radius:14px}.feature img{width:100%;mix-blend-mode:screen;border-radius:10px}.feature p{color:#abb6ac}.feature h2{font-size:48px}table{width:100%;border-collapse:collapse;margin:30px 0}td,th{padding:18px;text-align:left;border-bottom:1px solid #d9ded5}th{background:#ebeee7}.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.guide{border-top:3px solid #ed2918;padding:22px 0}.guide h3{font-size:22px}footer{background:#111b16;color:white;padding:50px 7%;display:flex;justify-content:space-between;gap:40px}footer img{width:210px}footer p{font-size:13px;color:#a6afa7}.notice{text-align:center;font-size:11px;background:#e7eae2;padding:8px;color:#5b675c}dialog{border:0;border-radius:15px;padding:36px;max-width:620px;width:90%;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#101a16aa}.close{float:right;background:none;color:#222;padding:5px;font-size:24px}dialog img{width:100%;height:230px;object-fit:contain}.muted{font-size:12px;color:#777}@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:30px}h1{letter-spacing:-3px}.heroart{min-height:300px}.cats,.products,.guides{grid-template-columns:1fr}.feature{grid-template-columns:1fr;padding:30px}.strip{gap:15px;font-size:11px}.section{padding:40px 6%}h2{font-size:32px}.row{align-items:start}footer{flex-direction:column}table{font-size:12px}td,th{padding:12px 6px}}
.woocommerce ul.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.woocommerce ul.products:before{display:none}.woocommerce ul.products li.product{float:none;width:auto;margin:0;padding:25px}.woocommerce ul.products li.product img{height:210px;object-fit:contain}.woocommerce div.product{padding:35px 0}.woocommerce input,.woocommerce textarea, input,textarea,select{padding:12px;border:1px solid #d2d8ce;border-radius:5px}.woocommerce a.button,.woocommerce button.button{background:#ed2918;color:white;border-radius:5px}.woocommerce div.product .product_title{font-size:40px;letter-spacing:-1px}.content-wrap{max-width:1200px;margin:0 auto;padding:55px 5%;min-height:50vh}.content-wrap h1{font-size:48px;letter-spacing:-2px}.woocommerce table{font-size:14px}@media(max-width:850px){.woocommerce ul.products{grid-template-columns:1fr}.woocommerce div.product div.images,.woocommerce div.product div.summary{float:none;width:100%}}
/* WooCommerce layout fixes: product grids, related section and gallery */
.woocommerce .related.products,.woocommerce .up-sells.products{display:block!important;clear:both;width:100%;float:none;margin:48px 0 0;padding:0;border:0;background:transparent}
.woocommerce .related.products>h2,.woocommerce .up-sells.products>h2{width:100%;margin:0 0 24px;font-size:32px;line-height:1.2;letter-spacing:-1px}
.woocommerce ul.products{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;padding:0;margin:24px 0;list-style:none;clear:both}
.woocommerce ul.products::before,.woocommerce ul.products::after{display:none!important;content:none!important}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:100%!important;max-width:none!important;float:none!important;clear:none!important;margin:0!important;min-width:0;padding:22px;display:flex;flex-direction:column;align-items:stretch}
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:block;width:100%}
.woocommerce ul.products li.product img{width:100%;height:220px;object-fit:contain;margin:0 0 18px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:21px;line-height:1.35;letter-spacing:-.4px;overflow-wrap:anywhere;margin:0 0 14px;padding:0}
.woocommerce ul.products li.product .button{margin-top:auto;align-self:flex-start;max-width:100%;white-space:normal;line-height:1.35;padding:12px 18px}
.woocommerce div.product>.woocommerce-tabs,.woocommerce div.product>.related,.woocommerce div.product>.up-sells{clear:both}
.woocommerce div.product .woocommerce-product-gallery{padding:0;border:0;background:transparent;min-width:0}
.woocommerce div.product .woocommerce-product-gallery__wrapper{margin:0}
.woocommerce div.product .woocommerce-product-gallery__image img{width:100%;height:auto;object-fit:contain}
.woocommerce div.product .flex-control-thumbs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:14px 0 0!important;padding:0;list-style:none}
.woocommerce div.product .flex-control-thumbs li{width:100%!important;float:none!important;margin:0!important;min-width:0}
.woocommerce div.product .flex-control-thumbs img{width:100%;aspect-ratio:1;object-fit:cover;border:2px solid transparent;border-radius:6px;cursor:pointer;opacity:.65}
.woocommerce div.product .flex-control-thumbs img.flex-active{border-color:#ed2918;opacity:1}
@media(max-width:850px){.woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{padding:16px}.woocommerce ul.products li.product img{height:180px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:18px}.woocommerce div.product div.images,.woocommerce div.product div.summary{width:100%!important;float:none!important}.woocommerce .related.products>h2{font-size:28px}}
@media(max-width:480px){.content-wrap{padding:32px 5%}.content-wrap h1{font-size:36px;line-height:1.1}.woocommerce ul.products{gap:12px}.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{padding:12px}.woocommerce ul.products li.product img{height:145px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:16px;letter-spacing:-.2px}.woocommerce ul.products li.product .button{font-size:13px;padding:10px 12px}.woocommerce .woocommerce-result-count,.woocommerce .woocommerce-ordering{float:none;margin:0 0 16px;width:100%}.woocommerce .woocommerce-ordering select{width:100%;max-width:100%;font-size:14px}.woocommerce div.product .flex-control-thumbs{grid-template-columns:repeat(4,minmax(0,1fr))}}
