/* Skill Hub BD 2026 — commerce UI extension: storefront + detail + checkout + tracking */
body{background:#fafcf9} .no-scroll{overflow:hidden}.notice-strip{display:none!important}
.site-header{box-shadow:0 3px 25px rgba(14,49,34,.035)}
.footer a:hover{color:#a7ec45}
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}
.v2-card{background:#fff;border:1px solid #e0e9e1;border-radius:17px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 8px 24px rgba(12,49,35,.035);transition:transform .2s,box-shadow .2s}
.v2-card:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(12,49,35,.1)}
.v2-image{display:block;position:relative;overflow:hidden;aspect-ratio:1/1;background:#eaf3e4}
.v2-image img{width:100%;height:100%;object-fit:cover;transition:transform .28s}
.v2-card:hover .v2-image img{transform:scale(1.028)}
.v2-badge{position:absolute;top:11px;right:11px;background:#dfff38;color:#113e2d;font-weight:900;font-size:9px;letter-spacing:.05em;padding:7px 9px;border-radius:8px}
.v2-card-body{display:flex;flex-direction:column;gap:9px;padding:15px 14px 14px;flex:1}
.v2-cat{font-size:10px;font-weight:850;color:#48845f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;font-weight:850;line-height:1.52;min-height:42px;color:#18382c}
.v2-title:hover{color:#2d985e}
.v2-facts{display:flex;gap:8px;flex-wrap:wrap;font-size:10px;color:#5e7967}
.v2-facts span{background:#f0f6ed;border-radius:7px;padding:6px 8px}
.v2-facts b{font-weight:900;color:#254d35}
.v2-price{margin-top:auto;font-size:21px;font-weight:950;color:#173b2b;letter-spacing:-.025em}
.v2-price del{font-size:12px;color:#9cae9b;margin-left:5px;font-weight:500}
.v2-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.v2-actions button{white-space:nowrap;min-width:0;min-height:41px;padding:8px 3px;border:1px solid #cadecb;border-radius:9px;background:#fff;color:#184a35;font-size:11px;font-weight:850}
.v2-actions button+button{border-color:#d8ff22;background:#d8ff22;color:#103522}
.v2-actions button:hover{filter:brightness(.95)}
.v2-actions button:disabled{opacity:.46;cursor:not-allowed}
.image-fallback-v2{height:100%;width:100%;display:grid;place-content:center;text-align:center;gap:12px;color:#155e3a;background:linear-gradient(135deg,#114333,#caff78)}
.image-fallback-v2 span{font-size:65px}.image-fallback-v2 small{font-size:12px;font-weight:900}
.reviews-section-v2{padding:80px 0}.reviews-section-v2 h2{font-size:34px;letter-spacing:-.045em;margin:9px 0}.reviews-section-v2 h2 span{color:#4f9c68}.reviews-section-v2 p{color:#77877e;font-size:13px}
.review-v2-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}
.reviews-grid-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.v2-review,.review-intro-card{background:#fff;border:1px solid #e0ebdf;padding:24px;border-radius:16px;min-height:180px}
.v2-review .stars{color:#d4a318;font-size:19px;letter-spacing:2px}.v2-review blockquote{margin:12px 0;line-height:1.7;color:#3f5f4a;font-size:14px}.v2-review strong{display:block;font-size:12px}.v2-review small{display:block;margin-top:5px;color:#8b9b8f;font-size:11px}
.review-intro-card{grid-column:1/-1;background:linear-gradient(120deg,#eff9ea,#fdfefb);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:150px;text-align:center}
.review-intro-card strong{font-size:17px}.review-intro-card p{max-width:420px;line-height:1.7}
.tracking-cta{background:#11392c;color:#fff;border-radius:21px;margin-top:8px;margin-bottom:65px;padding:35px 45px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.tracking-cta h2{font-size:26px;margin:12px 0 6px}.tracking-cta p{font-size:13px;color:#c5d9cb;line-height:1.7}.tracking-cta .section-pretitle{color:#d9ff38}
.page-v2{padding-top:28px;padding-bottom:80px;min-height:55vh}
.crumb{display:flex;align-items:center;flex-wrap:wrap;gap:11px;font-size:12px;color:#788b79;padding-bottom:25px}.crumb a:hover{color:#227348}.crumb span:last-child{color:#325844;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:360px}
.product-detail-v2{display:grid;grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr);gap:40px;align-items:start}
.product-full-image{background:#fff;border:1px solid #e1e9df;border-radius:21px;overflow:hidden;box-shadow:0 15px 55px rgba(9,49,26,.05)}
.product-full-image>img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff}
.product-full-image>.image-fallback-v2{min-height:450px}
.product-full-info{padding:15px 0}.product-full-info h1{font-size:clamp(26px,3vw,42px);line-height:1.25;letter-spacing:-.04em;margin:18px 0 12px}
.product-lead{font-size:15px;line-height:1.85;color:#6b7e72}
.detail-chips-v2{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0 22px}
.detail-chips-v2 span{padding:10px 12px;background:#eef6eb;border:1px solid #e1eddf;border-radius:9px;font-size:12px;color:#3c634b}
.product-main-price{font-size:36px;font-weight:950;letter-spacing:-.04em;color:#174b35;margin:12px 0 20px}.product-main-price del{font-size:17px;color:#9bb2a1;margin-left:12px;font-weight:500}
.detail-actions-v2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px;max-width:480px}.detail-actions-v2 .button{font-size:14px}
.detail-actions-v2 button:disabled{opacity:.45;cursor:not-allowed}
.detail-story{border-top:1px solid #e3eae0;padding-top:16px;font-size:13px;line-height:1.85;color:#617466}
.detail-story h2{font-size:20px;color:#194634}.detail-story ul{padding-left:20px}.detail-story li{margin-bottom:7px}
.related-v2{padding-top:75px}.related-v2 h2{font-size:24px;margin-bottom:20px;letter-spacing:-.04em}
.flow-head{margin:6px 0 28px}.flow-head h1{font-size:clamp(28px,4vw,42px);margin:12px 0 7px;letter-spacing:-.045em}.flow-head p{color:#728777;font-size:13px;line-height:1.7;margin:0}
.flow-head.center{text-align:center}.flow-head.center .section-pretitle{justify-content:center}.flow-head h1 span{color:#519361}
.checkout-grid-v2{display:grid;grid-template-columns: minmax(0,1.22fr) minmax(300px,.78fr);align-items:start;gap:22px}.checkout-main-v2{display:grid;gap:17px}
.flow-panel{background:#fff;border:1px solid #dce9dd;border-radius:19px;padding:26px;box-shadow:0 9px 30px rgba(20,61,33,.035)}
.panel-title-v2{display:flex;align-items:flex-start;gap:13px;margin-bottom:23px}.panel-title-v2>b{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#eafeaf;color:#245330;font-size:12px;flex:none}
.panel-title-v2 h2{font-size:18px;margin:0 0 4px}.panel-title-v2 p{font-size:12px;line-height:1.65;color:#8a9b8d;margin:0}
.field-grid-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.field-grid-v2>label,.review-submit-v2 label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:750;color:#496c52;min-width:0}
.field-grid-v2>label span{color:#dd754a}
.field-grid-v2 input,.field-grid-v2 textarea,.field-grid-v2 select,.review-submit-v2 textarea,.review-submit-v2 select,.coupon-field-v2 input{width:100%;min-height:46px;min-width:0;padding:12px 13px;border:1px solid #d4e5d5;border-radius:10px;background:#fbfdfa;color:#1a402e;font-size:13px;outline:none}
.field-grid-v2 input:focus,.field-grid-v2 textarea:focus,.field-grid-v2 select:focus,.coupon-field-v2 input:focus{border-color:#62ac68;box-shadow:0 0 0 3px #dcf5d8}
.field-grid-v2 textarea,.review-submit-v2 textarea{resize:vertical}.field-wide{grid-column:1/-1}
.pay-methods-v2{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.pay-method-v2{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;flex-wrap:wrap;border:1px solid #dce8de;border-radius:12px;background:#fff;min-height:78px;cursor:pointer;font-weight:850;font-size:13px;padding:9px 4px;color:#254931}
.pay-method-v2 input{position:absolute;opacity:0;pointer-events:none}.pay-method-v2.chosen{border-color:#76bf66;background:#effae8;box-shadow:0 0 0 2px #e2f3db}
.pay-icon-v2{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:white;font-weight:900}.pay-icon-v2.bkash{background:#df1b72}.pay-icon-v2.nagad{background:#ec752a}.pay-icon-v2.rocket{background:#8d3c9b}
.real-payment-logo{max-width:80px;max-height:34px;object-fit:contain}
.pay-send-v2{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px;background:#eff9e8;border:1px dashed #afd9a5;border-radius:13px;margin:19px 0 12px}
.pay-send-v2 small{display:block;font-size:11px;color:#66856f}.pay-send-v2 strong{display:block;font-size:25px;color:#194f33;margin-top:5px;letter-spacing:.02em}
.copy-pay{padding:10px 14px;border:1px solid #cbdfc4;border-radius:10px;background:#fff;color:#1b6340;font-weight:850;font-size:11px;white-space:nowrap}
.payment-note-v2{padding:12px 15px;background:#fff8eb;border-radius:10px;color:#95703f;font-size:11px;line-height:1.7;margin:0 0 18px}
.checkout-confirm-v2{background:#fff;border:1px solid #dce9dd;border-radius:17px;padding:23px}
.check-line-v2{display:flex;align-items:flex-start;gap:9px;font-size:12px;color:#697e6b;line-height:1.7}.check-line-v2 input{margin-top:4px;accent-color:#2d9a5d;flex:none}
.place-order-v2{width:100%;margin-top:11px;height:52px;font-size:14px}.place-order-v2:disabled{opacity:.55;cursor:not-allowed}
.safe-mini{display:block;font-size:11px;color:#809384;line-height:1.65;margin:12px 0 0}
.flow-sidebar{display:grid;gap:15px}.summary-v2{position:sticky;top:104px}.summary-item-v2{display:grid;grid-template-columns:50px minmax(0,1fr) auto;gap:9px;align-items:center;padding:11px 0;border-bottom:1px solid #edf2eb}
.summary-photo{width:50px;height:50px;overflow:hidden;border-radius:9px;background:#eef5e9}.summary-photo img{width:100%;height:100%;object-fit:cover}.summary-photo .image-fallback-v2{height:50px}.summary-photo .image-fallback-v2 span{font-size:20px}.summary-photo .image-fallback-v2 small{display:none}
.summary-item-v2 strong{display:block;font-size:11px;line-height:1.45}.summary-item-v2 small{display:block;color:#8a9f90;font-size:10px;margin-top:3px}.summary-item-v2 b{font-size:11px;white-space:nowrap}
.coupon-field-v2{padding:18px 0 13px}.coupon-field-v2>label{font-size:12px;color:#486951;font-weight:800}.coupon-field-v2>div{display:flex;gap:7px;margin-top:10px}.coupon-field-v2 input{min-width:0}.coupon-field-v2 button{padding:0 14px;border-radius:10px;background:#143e2d;color:#fff;border:0;font-weight:850;font-size:11px}.coupon-field-v2 small{display:block;color:#367746;font-size:11px;margin-top:6px}.coupon-field-v2 small.error{color:#b3433d}
.sum-row{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#788c7a;padding:8px 0}.sum-row strong{color:#294a36;font-size:13px}.discount-row strong{color:#318a4d}.sum-row.total-v2{margin-top:12px;padding-top:17px;border-top:1px solid #dce8da;font-weight:850;color:#183e2b;font-size:14px}.total-v2 strong{font-size:25px;color:#1d6339}
.warning-v2{margin-top:16px;background:#fff8ec;color:#9a6435;font-size:12px;line-height:1.7;border-radius:10px;padding:12px 13px}
.secure-small-v2{border:1px solid #dce8dc;background:#f3f8f1;border-radius:13px;padding:19px;color:#49755b;font-size:12px}.secure-small-v2 p{line-height:1.7}
.form-message{min-height:20px;color:#ac4c3a;font-size:12px;font-weight:750;line-height:1.7}.form-message.success{color:#237c46}
.receipt-v2{text-align:center;padding:18px 10px}.receipt-icon{width:67px;height:67px;display:grid;place-items:center;margin:0 auto 17px;background:#deff56;border-radius:50%;color:#1c5535;font-size:31px;font-weight:900}.receipt-v2 h2{font-size:25px;line-height:1.4}.receipt-v2 p{color:#6f8575;font-size:13px;line-height:1.8}.receipt-number{background:#eff8e7;border:1px dashed #b9dbb4;padding:16px;margin:20px 0;font-size:19px;font-weight:850;border-radius:10px;overflow-wrap:anywhere}.receipt-v2 .button{margin:5px}
.track-page-v2{max-width:900px}.track-box-v2{background:#fff;border:1px solid #deeadc;border-radius:20px;padding:29px;margin:0 auto}.track-box-v2 .button{width:100%}.track-status-v2{margin-top:24px;padding-top:20px;border-top:1px solid #e8f0e7}
.track-status-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.track-status-head small{font-size:9px;color:#7f9682;font-weight:850;letter-spacing:.11em}.track-status-head h2{margin:6px 0;font-size:24px}.status-pill-v2{background:#fff5e1;color:#956a21;padding:9px 13px;border-radius:20px;font-size:11px;font-weight:850}.status-pill-v2.paid{background:#dcf8e2;color:#236d3f}
.track-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.track-status-grid>div{background:#f1f7ee;border-radius:11px;padding:16px}.track-status-grid small{display:block;font-size:11px;color:#738576}.track-status-grid strong{display:block;margin-top:8px;font-size:14px;overflow-wrap:anywhere}
.track-items-v2{border-top:1px solid #e5ece4;padding-top:15px}.track-items-v2 h3{font-size:16px}.track-items-v2>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;font-size:12px;border-bottom:1px solid #edf2eb}.track-items-v2 span{color:#68826d}
.review-submit-v2{background:#f6faf4;border-radius:15px;padding:23px;margin-top:22px}.review-submit-v2 p{font-size:12px;color:#738575;line-height:1.7}.review-submit-v2 form{display:grid;gap:13px}.track-help-v2{text-align:center;margin-top:45px}.track-help-v2 h2{font-size:23px}.track-help-v2 p{font-size:13px;color:#7b8a7b}
.contact-grid-v2{display:grid;grid-template-columns:1.4fr .8fr;gap:20px;align-items:start}.contact-grid-v2 h2{font-size:22px;margin:0 0 22px}.contact-side-v2>div{padding:18px 0;border-bottom:1px solid #eff2ed}.contact-side-v2 small{display:block;color:#8d9e92;font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:6px}.contact-side-v2 a,.contact-side-v2 span{font-weight:800;color:#1e5337;overflow-wrap:anywhere}.contact-side-v2 .payment-note-v2{border-bottom:0;padding:15px;margin-top:14px}
.skeleton-large{background:#ebf3e8;min-height:360px;border-radius:15px}
.cart-checkout[aria-disabled="true"]{pointer-events:none}
@media(max-width:1060px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.checkout-grid-v2{grid-template-columns:1fr 330px}}
@media(max-width:780px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-grid-v2,.contact-grid-v2,.product-detail-v2{grid-template-columns:1fr}.flow-sidebar{order:-1}.summary-v2{position:static}.product-full-image{max-width:540px;margin:auto}.related-v2{padding-top:45px}.reviews-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.shell{width:calc(100% - 28px)}.product-grid{gap:10px}.v2-card{border-radius:13px}.v2-badge{font-size:7px;padding:5px 7px;top:7px;right:7px}.v2-card-body{padding:10px 9px 11px;gap:7px}.v2-cat{font-size:9px}.v2-title{font-size:12px;line-height:1.45;min-height:36px}.v2-facts{gap:4px;font-size:9px}.v2-facts span{padding:4px 5px}.v2-price{font-size:18px}.v2-actions{gap:4px}.v2-actions button{font-size:9px;letter-spacing:-.03em;min-height:37px;border-radius:7px;padding:6px 1px}
.hero-area{padding-top:15px}.hero-slides{min-height:224px}.hero-slide{grid-template-columns:minmax(0,1fr) 95px;align-content:center;align-items:center;min-height:224px;height:224px;padding:15px 17px 25px;gap:3px}.hero-copy h1{font-size:clamp(22px,5.5vw,27px);margin:10px 0 7px}.hero-copy p{font-size:10px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 11px}.hero-buttons .button{font-size:10px;min-height:34px;padding:8px 10px;white-space:nowrap}.hero-art{width:95px;height:108px;margin:0;transform:none}.hero-art:before{width:110px;height:110px}.hero-center{width:92px;height:91px;padding:9px;border-radius:12px}.hero-center .big-icon{font-size:27px}.hero-center strong{font-size:8px}.hero-center small{font-size:5px}.floating-note{display:none}.hero-dots{bottom:9px}.hero-under{gap:8px;padding:10px 0 0;font-size:9px}.catalog{padding-top:35px}
.page-v2{padding-top:17px;padding-bottom:48px}.crumb{font-size:10px;padding-bottom:17px}.flow-head h1{font-size:28px}.flow-panel{padding:17px;border-radius:14px}.panel-title-v2{margin-bottom:17px;gap:9px}.panel-title-v2 h2{font-size:17px}.panel-title-v2 p{font-size:11px}.checkout-grid-v2{gap:15px}.field-grid-v2{grid-template-columns:1fr;gap:13px}.field-wide{grid-column:auto}.pay-methods-v2{gap:6px}.pay-method-v2{min-height:63px;gap:3px;padding:6px 2px;font-size:11px}.pay-icon-v2{width:23px;height:23px;font-size:12px;border-radius:7px}.pay-send-v2{padding:13px;gap:7px}.pay-send-v2 strong{font-size:22px}.copy-pay{padding:10px 7px;font-size:10px}.summary-item-v2{grid-template-columns:42px 1fr auto}.summary-photo{height:42px;width:42px}.checkout-confirm-v2{padding:17px}.tracking-cta{padding:25px 20px;margin-bottom:30px;flex-direction:column;align-items:flex-start}.tracking-cta h2{font-size:21px}.tracking-cta .button{width:100%}.reviews-section-v2{padding:45px 0}.reviews-section-v2 h2{font-size:27px}.review-v2-heading{align-items:flex-start;flex-direction:column}.reviews-grid-v2{grid-template-columns:1fr}.v2-review{min-height:0}.product-full-info{padding-top:0}.product-full-info h1{font-size:28px}.product-lead{font-size:13px}.product-main-price{font-size:30px}.detail-actions-v2 .button{padding:12px 4px;font-size:11px}.track-box-v2{padding:17px}.track-status-head h2{font-size:18px}.track-status-grid{grid-template-columns:1fr 1fr}.track-status-grid>div{padding:12px}.contact-side-v2{margin-top:4px}
}
@media(max-width:350px){.hero-slide{grid-template-columns:minmax(0,1fr) 76px;height:215px;min-height:215px;padding:15px 14px 25px}.hero-slides{min-height:215px}.hero-copy h1{font-size:21px}.hero-art{width:76px}.hero-center{width:77px;height:84px}.v2-actions button{font-size:8px}}

@media(max-width:350px){.search-row{display:grid;grid-template-columns:minmax(0,1fr) 91px;gap:6px}.search-row select{width:91px;max-width:100%}.catalog-search{min-width:0;width:100%}}

.legal-v2{max-width:900px}.legal-v2 .flow-panel{margin-bottom:17px}.legal-v2 .flow-panel h2{font-size:21px;margin:0 0 12px}.legal-v2 .flow-panel p{font-size:13px;color:#647c6a;line-height:1.95}.legal-contact{margin:30px 0}
