/*
Theme Name: Car Magic Pen
Version: 1.0.1
Author: Car Magic Pen
Description: Bengali storefront with compact mobile COD checkout. Requires WooCommerce.
Requires PHP: 7.4
Text Domain: car-magic-pen
*/
@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&display=swap');*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;font-family:'Hind Siliguri',sans-serif;color:#0c1423;background-color:#f7f9fc;background-image:linear-gradient(#326da910 1px,transparent 1px),linear-gradient(90deg,#326da910 1px,transparent 1px);background-size:40px 40px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #326da9;outline-offset:4px}.wrap{max-width:1240px;margin:auto;padding:0 24px}.top{padding:20px 0;display:flex;justify-content:space-between;align-items:center}.brand{font-size:21px;font-weight:700}.brand b{display:inline-grid;place-items:center;background:#326da9;color:white;width:35px;height:35px;border-radius:9px;margin-right:9px}.top small{color:#466078}section{padding:65px 0;text-align:center}h1{font-size:56px;line-height:1.4;max-width:950px;margin:14px auto 20px}h1 span,h2{color:#326da9}h2{font-size:43px;line-height:1.4;margin:0 0 18px}h2:after{content:'﹏﹏﹏';display:block;font-size:30px;color:#326da9;letter-spacing:-3px;line-height:1.5}p{font-size:21px;line-height:1.8;color:#48627c}.badge{font-size:14px;display:inline-block;color:white;background:#0c1423;padding:6px 14px;border-radius:9px;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;background:linear-gradient(110deg,#326da9,#326da9);color:white;font-size:26px;font-weight:700;padding:17px 40px;border:0;border-radius:20px;box-shadow:0 0 0 4px #326da925;min-height:68px}.cta{margin-top:40px}.video{max-width:960px;margin:45px auto;border:15px solid white;border-radius:32px;overflow:hidden;box-shadow:0 25px 65px #326da940;background:#142421;aspect-ratio:16/9}.video iframe{width:100%;height:100%;border:0}.pills{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.pills span{background:white;border:1px solid #e2e7eb;border-radius:30px;padding:8px 17px;box-shadow:0 2px 2px #1c394014;font-size:17px}.pills span:before{content:'✓';color:#326da9;margin-right:8px}.mint{background-color:#edf4fc99}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:45px}.card{background:#ffffffeb;border:1px solid #dce5ee;border-radius:30px;padding:45px 24px 30px;box-shadow:0 2px 3px #132c3712;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center}.check{width:72px;height:72px;display:grid;place-items:center;background:linear-gradient(130deg,#326da9,#326da9);border-radius:20px;color:white;font-size:35px;box-shadow:0 9px 18px #326da926}.card h3{font-size:25px;line-height:1.65;margin:24px 0 0;font-weight:600}.rail-wrap{position:relative;margin-top:45px}.rail{display:flex;overflow-x:auto;gap:25px;scroll-snap-type:x mandatory;scrollbar-width:none;padding:5px 3px 15px}.rail::-webkit-scrollbar{display:none}.slide{flex:0 0 calc((100% - 50px)/3);scroll-snap-align:start;border:1px solid #dbe5ee;border-radius:22px;overflow:hidden;background:white;padding:7px;box-shadow:0 3px 4px #142d3812}.slide img{width:100%;display:block;aspect-ratio:1;object-fit:cover;border-radius:16px}.reviews .slide{flex-basis:calc((100% - 75px)/4)}.reviews .slide img{aspect-ratio:auto;height:575px;object-fit:cover;object-position:top}.arrow{position:absolute;top:45%;border:0;border-radius:50%;background:white;width:50px;height:50px;font-size:30px;box-shadow:0 5px 20px #15273926;z-index:1}.prev{left:-20px}.next{right:-20px}.dots{color:#326da9;font-size:30px;line-height:1;margin-top:12px}.sub{font-size:16px;margin:0 auto;max-width:750px}.offer{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:920px;margin:45px auto 0;padding:35px;background:white;border:1px solid #dce5ee;border-radius:32px;box-shadow:0 25px 25px #17282b20}.offer-pic{position:relative}.offer-pic img{width:100%;height:350px;object-fit:contain}.offer-pic .badge{position:absolute;left:0;top:0;font-size:12px}.offer-box{border:2px dashed #326da9;border-radius:24px;background:#edf4fc;padding:24px 12px}.offer-box h3{font-size:25px;margin:0}.offer-price{font-size:65px;line-height:1.6;color:#326da9;font-weight:700;border:5px solid #e92335;border-radius:50%;transform:rotate(-3deg);margin:15px 0 5px;white-space:nowrap}.offer-note{font-size:16px;margin:20px 0 0}.order-heading p{margin:0 0 35px}.checkout{display:grid;grid-template-columns:1fr 1fr;text-align:left;background:white;border:1px solid #dae5ec;border-radius:32px;overflow:hidden;box-shadow:0 25px 25px #17282b20;margin-top:35px}.form-left,.form-right{padding:36px}.form-right{background:#f8fafc;border-left:1px solid #e0e7f0}h3.step-title{font-size:26px;display:flex;align-items:center;gap:14px;margin:0 0 25px}.step-title span{display:inline-grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#326da9;color:white;font-size:20px}.product{display:flex;align-items:center;gap:20px;background:#f1f6fc;border:2px solid #326da9;border-radius:22px;padding:14px;margin-bottom:18px}.product img{width:85px;height:90px;object-fit:contain;border-radius:12px}.product strong{font-size:20px}.product b{display:block;color:#326da9;font-size:23px}.quantity{display:flex;align-items:center;justify-content:space-between;border:1px solid #dce5ee;border-radius:20px;padding:15px 20px;background:#f8fafc;margin-bottom:35px}.counter{display:flex;align-items:center;border:1px solid #c9d8e9;border-radius:15px;background:white;overflow:hidden}.counter button{border:0;background:white;color:#496077;font-size:26px;width:45px;height:45px}.counter output{width:40px;text-align:center;font-size:22px;font-weight:700}label{display:block;font-size:19px;font-weight:500;margin:20px 0 10px}label em{color:#f43751;font-style:normal}input,textarea{width:100%;border:1px solid #cbd8e9;border-radius:16px;padding:18px 20px;font-size:19px;background:white;color:#17293c}input::placeholder,textarea::placeholder{color:#91a4bb}textarea{min-height:110px;resize:vertical}.order-product{display:flex;gap:16px;align-items:center;border:1px solid #dce5ee;background:white;border-radius:20px;padding:14px;margin-bottom:26px}.order-product img{width:70px;height:70px;object-fit:contain}.order-product strong{flex:1;font-size:19px}.sumrow{display:flex;justify-content:space-between;margin:16px 0;font-size:19px}.total{border-top:1px solid #dce5ee;padding-top:18px;font-size:23px;font-weight:700}.total b{color:#326da9;font-size:32px}.delivery-option{border:1px solid #d0dcee;background:white;padding:14px 16px;border-radius:15px;margin-top:10px;display:flex;gap:12px;align-items:center;font-size:18px}.delivery-option input{width:20px;height:20px;accent-color:#326da9}.delivery-option b{margin-left:auto;color:#326da9}.delivery-option:has(input:checked){border:2px solid #326da9;background:#f6f9fd}.pay{border:1px solid #dce5ee;background:white;padding:18px;border-radius:17px;margin:25px 0 16px;font-size:20px;font-weight:700}.pay small{display:block;color:#66809c;font-size:16px;font-weight:400}.form-right .btn{width:100%;font-size:22px;padding:17px}.note{font-size:14px;color:#60718a;line-height:1.7}.notice{background:#fff8e7;border:1px solid #ece1bd;border-radius:12px;padding:12px 15px;font-size:14px;line-height:1.7;margin:18px 0}.success{background:#edf4fc;padding:15px;margin-top:20px;border-radius:12px}footer{background:#0b1322;color:white;padding:45px 0 20px}footer .foot{display:flex;justify-content:space-between;gap:30px}footer p{font-size:16px;color:#b3c6da}.copyright{text-align:center;border-top:1px solid #263248;margin-top:25px;padding-top:18px;font-size:14px;color:#a6bbd0}.modal{border:0;border-radius:20px;padding:28px;max-width:650px;width:90%;box-shadow:0 20px 80px #0005}.modal::backdrop{background:#08121cab}.modal h3{font-size:25px}.modal p{font-size:17px}.modal button{padding:10px 25px;border:0;border-radius:10px;background:#326da9;color:white}.foot-links button{display:block;background:none;border:0;color:#bed0e2;font:inherit;font-size:16px;margin:12px 0;padding:0}.proof{font-size:15px;text-align:left;color:#546b82}.mobilebar{display:none}@media(max-width:760px){.wrap{padding:0 18px}.top small{display:none}.top{padding:17px 0}section{padding:40px 0}h1{font-size:35px}h2{font-size:30px}p{font-size:18px}.video{margin:28px auto;border-width:8px;border-radius:20px}.btn{font-size:22px;padding:15px 30px;border-radius:16px}.cards{grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.card{padding:23px 13px;min-height:200px;border-radius:20px}.card h3{font-size:18px;margin-top:18px}.check{width:52px;height:52px;font-size:28px;border-radius:14px}.slide{flex-basis:85%}.reviews .slide{flex-basis:78%}.reviews .slide img{height:530px}.prev{left:-8px}.next{right:-8px}.offer{grid-template-columns:1fr;padding:23px;gap:20px;margin-top:25px}.offer-pic img{height:270px}.offer-price{font-size:56px}.checkout{grid-template-columns:1fr;margin-top:20px}.form-left,.form-right{padding:23px}.form-right{border-left:0;border-top:1px solid #e0e7f0}.pills{gap:7px}.pills span{font-size:13px;padding:7px 10px}.product{gap:12px}.product img{width:65px}.product strong{font-size:17px}h3.step-title{font-size:23px}.foot{flex-direction:column}.mobilebar{display:flex;align-items:center;justify-content:space-between;position:fixed;bottom:0;width:100%;padding:10px 20px;background:white;border-top:1px solid #dce5ee;z-index:10}.mobilebar b{font-size:25px;color:#326da9}.mobilebar .btn{min-height:45px;font-size:18px;padding:9px 25px}body{padding-bottom:70px}.order-product strong{font-size:16px}.order-product img{width:50px}.rail-wrap{margin-top:25px}}.product-slider .slide img{object-fit:contain}.slide-dots{display:flex;justify-content:center;gap:9px;margin-top:18px}.slide-dots button{height:12px;width:12px;background:#cdd5d0;border:0;border-radius:20px;padding:0;transition:width .2s}.slide-dots button.active{background:#326da9;width:32px}.brand{display:flex;align-items:center;gap:10px}.brand-logo{width:110px;height:68px;object-fit:cover}.brand-name{font-size:19px}.brand-cover{display:block;width:100%;height:auto;border-radius:24px;border:1px solid #dbe5ee;box-shadow:0 16px 45px #173a6418;margin:0 auto 32px}.design-gallery .slide img{object-fit:contain}.design-gallery .slide{padding:0}.brand-domain{font-size:16px;color:#326da9}@media(max-width:760px){.brand-logo{width:90px;height:58px}.brand-name{font-size:16px}.brand-cover{border-radius:14px;margin-bottom:25px}}
.mobile-product-card{display:contents}.field-icon{display:none}
@media(max-width:760px){
#order .wrap{padding:0 16px}#order .order-heading h2{font-size:26px}#order .order-heading p{font-size:16px;margin-bottom:18px}
.checkout{display:block;background:transparent;border:0;box-shadow:none;border-radius:0;margin-top:18px}.form-left,.form-right{padding:0;background:transparent;border:0}.checkout .step-title{display:none}
.mobile-product-card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px 14px;background:#fff;border:1px solid #dce1e8;border-radius:17px;padding:14px;margin-bottom:18px;min-height:130px;text-align:left}
.mobile-product-card .product{display:contents}.mobile-product-card .product>span{display:none}.mobile-product-card .product img{grid-column:1;grid-row:1/3;width:90px;height:112px;object-fit:contain;align-self:center}.mobile-product-card .product>div{grid-column:2;grid-row:1}.mobile-product-card .product strong{font-size:18px;line-height:1.4;display:block}.mobile-product-card .product strong:after{content:'১টি পেন · ৫ মি.লি.';display:block;font-size:14px;color:#687281;font-weight:400;margin-top:4px}.mobile-product-card .product b{float:right;font-size:23px;color:#10203a;margin-top:5px}.mobile-product-card .quantity{display:contents}.mobile-product-card .quantity>span{display:none}.mobile-product-card .counter{grid-column:2;grid-row:2;align-self:end;justify-self:start;border-radius:8px}.mobile-product-card .counter button{width:33px;height:34px;font-size:22px}.mobile-product-card .counter output{width:38px;font-size:19px}
.customer-field{position:relative;margin:10px 0}.customer-field label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0}.field-icon{display:block;position:absolute;left:15px;top:15px;color:#526070;font-size:23px;line-height:1;pointer-events:none}.customer-field input,.customer-field textarea{padding:15px 14px 15px 49px;border-radius:10px;border:1px solid #d0d6de;font-size:18px;min-height:58px;box-shadow:none}.customer-field textarea{height:66px;min-height:66px}.customer-field input::placeholder,.customer-field textarea::placeholder{color:#566170;opacity:1}
.delivery-title{font-size:23px;font-weight:700;margin:22px 0 10px}.delivery-title em{display:none}.delivery-option{margin-top:9px;border-radius:11px;padding:13px 14px;min-height:58px;font-size:19px;gap:12px}.delivery-option input{width:23px;height:23px;accent-color:#1677ef;padding:0}.delivery-option b{font-size:20px;color:#10203a}.delivery-option:has(input:checked){background:#eef5ff;border:2px solid #1677ef}.order-summary{border:1px solid #dce1e8!important;border-radius:14px;background:#f2f4f7;margin:17px 0!important;padding:9px 15px!important}.sumrow{font-size:18px;margin:11px 0}.total{font-size:22px}.total b{font-size:26px;color:#10203a}.form-right .pay{margin:12px 0;font-size:17px;padding:12px}.form-right .notice{font-size:12px;margin:10px 0;padding:9px 12px}.form-right .btn{border-radius:12px;min-height:62px;font-size:20px;gap:6px;padding:14px 10px;box-shadow:none}.order-product{display:none}
}

@media(max-width:760px){
.mobile-product-card{grid-template-columns:76px minmax(0,1fr);gap:7px 11px;padding:13px;min-height:126px}.mobile-product-card .product img{width:76px;height:100px}.mobile-product-card .product strong{font-size:16px;line-height:1.5;font-weight:600}.mobile-product-card .product strong:after{font-size:13px;margin-top:3px}.mobile-product-card .product b{font-size:21px;margin-top:3px}.mobile-product-card .counter button{width:31px;height:32px}.mobile-product-card .counter output{width:34px;font-size:18px}
.form-right .btn{display:flex;flex-wrap:nowrap;white-space:nowrap;font-size:clamp(13px,3.8vw,17px);gap:6px;padding:14px 8px;min-height:58px;line-height:1.4}.form-right .btn #button-price{white-space:nowrap;flex-shrink:0}.mobilebar{gap:8px;padding:9px 14px}.mobilebar .btn{white-space:nowrap;padding:9px 17px}
}
.video{max-width:420px;aspect-ratio:9/16;background:#0b1424}.video video{display:block;width:100%;height:100%;object-fit:contain}@media(max-width:760px){.video{max-width:340px}}