/* Extracted from my-orders.html — block 1 */
/* =========================================================
BONDOK — MY ORDERS
========================================================= */
.navbar .social-links > a[href*="wa.me"],
.navbar .social-links > a[href*="facebook.com"],
.navbar .social-links > a[href*="tiktok.com"],
.navbar .social-links > a[href*="instagram.com"]{
display:none !important;
}
#whatsappLink,
#facebookLink,
#tiktokLink,
#instagramLink{
display:none !important;
}
/* =========================================================
PAGE
========================================================= */
.bondok-orders-page{
width:100%;
min-width:0;
}
.bondok-orders-page .profile-content{
min-width:0;
}
.orders-profile-card{
width:100%;
position:relative;
overflow:hidden;
}
.orders-profile-card::before{
content:"";
position:absolute;
top:0;
left:0;
right:0;
height:1px;
background:
linear-gradient(
90deg,
transparent,
rgba(224,184,79,.45),
transparent
);
pointer-events:none;
}
#ordersContainer{
width:100% !important;
min-width:0 !important;
}
/* =========================================================
LOADING
========================================================= */
.profile-orders-loading{
min-height:220px;
display:flex;
align-items:center;
justify-content:center;
gap:12px;
color:#666;
font-family:'Poppins',sans-serif;
font-size:13px !important;
letter-spacing:.6px;
}
.profile-orders-loading i{
color:#E0B84F;
font-size:13px;
}
/* =========================================================
ORDER CARD
========================================================= */
.bondok-order-card{
position:relative;
width:100% !important;
box-sizing:border-box !important;
padding:34px 30px !important;
margin:0 !important;
border-bottom:
1px solid
rgba(255,255,255,.075) !important;
background:
linear-gradient(
135deg,
rgba(255,255,255,.018),
rgba(224,184,79,.012),
transparent
) !important;
transition:
background .3s ease;
}
.bondok-order-card:hover{
background:
linear-gradient(
135deg,
rgba(224,184,79,.035),
rgba(224,184,79,.012),
transparent
) !important;
}
.bondok-order-card:last-child{
border-bottom:0 !important;
}
/* =========================================================
TOP LINE
========================================================= */
.bondok-order-top-line{
display:flex !important;
align-items:center !important;
gap:14px !important;
width:100% !important;
margin-bottom:22px !important;
}
.bondok-order-index{
flex:0 0 auto !important;
color:#E0B84F !important;
font-family:'Cinzel',serif !important;
font-size:13px !important;
letter-spacing:1.5px !important;
}
.bondok-order-line{
flex:1 1 auto !important;
height:1px !important;
background:
rgba(224,184,79,.18) !important;
}
.bondok-order-status{
flex:0 0 auto !important;
min-height:46px !important;
padding:0 18px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
box-sizing:border-box !important;
border:
1px solid
rgba(224,184,79,.28) !important;
background:
rgba(224,184,79,.045) !important;
color:#E0B84F !important;
font-family:'Poppins',sans-serif !important;
font-size:12px !important;
font-weight:500 !important;
letter-spacing:1.5px !important;
text-transform:uppercase !important;
white-space:nowrap !important;
}
.bondok-order-status.status-delivered{
color:#82a98a !important;
border-color:
rgba(80,150,90,.28) !important;
background:
rgba(80,150,90,.045) !important;
}
.bondok-order-status.status-cancelled{
color:#E0B84F !important;
border-color:
rgba(224,184,79,.28) !important;
}
/* =========================================================
ORDER HEADER
========================================================= */
.bondok-order-header{
display:flex !important;
align-items:flex-end !important;
justify-content:space-between !important;
gap:30px !important;
margin-bottom:24px !important;
}
.bondok-order-heading{
min-width:0 !important;
}
.bondok-order-eyebrow{
display:block !important;
margin-bottom:8px !important;
color:#E0B84F !important;
font-family:'Poppins',sans-serif !important;
font-size:13px !important;
font-weight:500 !important;
letter-spacing:3px !important;
text-transform:uppercase !important;
}
.bondok-order-heading h3{
margin:0 !important;
color:#f2f2f2 !important;
font-family:'Cinzel',serif !important;
font-size:30px !important;
font-weight:500 !important;
line-height:1.25 !important;
letter-spacing:.5px !important;
overflow-wrap:anywhere !important;
}
.bondok-order-total{
flex:0 0 auto !important;
text-align:right !important;
}
.bondok-order-total span{
display:block !important;
margin-bottom:6px !important;
color:#666 !important;
font-family:'Poppins',sans-serif !important;
font-size:12px !important;
letter-spacing:2px !important;
text-transform:uppercase !important;
}
.bondok-order-total strong{
display:block !important;
color:#E0B84F !important;
font-family:'Cinzel',serif !important;
font-size:30px !important;
font-weight:500 !important;
white-space:nowrap !important;
}
/* =========================================================
ORDER META
========================================================= */
.bondok-order-meta{
display:grid !important;
grid-template-columns:
minmax(0,1fr)
1px
minmax(0,1fr) !important;
align-items:center !important;
gap:22px !important;
padding:20px 22px !important;
margin-bottom:24px !important;
background:#0d0d0d !important;
border:
1px solid
rgba(255,255,255,.065) !important;
}
.bondok-order-meta-divider{
width:1px !important;
height:42px !important;
background:
rgba(255,255,255,.08) !important;
}
.bondok-order-meta-item{
display:flex !important;
align-items:center !important;
gap:13px !important;
min-width:0 !important;
}
.bondok-meta-icon{
width:36px !important;
height:36px !important;
flex:0 0 36px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border:
1px solid
rgba(224,184,79,.18) !important;
color:#E0B84F !important;
background:
rgba(224,184,79,.035) !important;
}
.bondok-order-meta-item small{
display:block !important;
margin-bottom:5px !important;
color:#666 !important;
font-family:'Poppins',sans-serif !important;
font-size:10px !important;
letter-spacing:1.8px !important;
text-transform:uppercase !important;
}
.bondok-order-meta-item strong{
display:block !important;
color:#d2d2d2 !important;
font-family:'Poppins',sans-serif !important;
font-size:14px !important;
font-weight:400 !important;
line-height:1.5 !important;
overflow-wrap:anywhere !important;
}
/* =========================================================
ACTIONS
========================================================= */
.bondok-order-actions{
display:flex !important;
justify-content:flex-end !important;
align-items:center !important;
gap:10px !important;
}
.bondok-view-order,
.bondok-review-order{
min-height:50px !important;
padding:0 22px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:9px !important;
box-sizing:border-box !important;
font-family:'Poppins',sans-serif !important;
font-size:11px !important;
font-weight:500 !important;
letter-spacing:1.25px !important;
text-transform:uppercase !important;
cursor:pointer !important;
transition:
background .25s ease,
border-color .25s ease,
color .25s ease;
}
.bondok-view-order{
border:
1px solid
#E0B84F !important;
background:#E0B84F !important;
color:#090909 !important;
}
.bondok-view-order:hover{
background:#E0B84F !important;
border-color:#E0B84F !important;
}
.bondok-review-order{
border:
1px solid
rgba(224,184,79,.25) !important;
background:
rgba(224,184,79,.035) !important;
color:#E0B84F !important;
}
.bondok-review-order:hover{
background:
rgba(224,184,79,.09) !important;
border-color:
rgba(224,184,79,.45) !important;
}
/* =========================================================
EMPTY STATE
========================================================= */
.bondok-orders-empty{
min-height:300px !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
padding:55px 25px !important;
text-align:center !important;
}
.bondok-empty-label{
margin-bottom:12px !important;
color:#E0B84F !important;
font-family:'Poppins',sans-serif !important;
font-size:10px !important;
letter-spacing:3px !important;
text-transform:uppercase !important;
}
.bondok-orders-empty h2{
margin:0 0 8px !important;
color:#eee !important;
font-family:'Cinzel',serif !important;
font-size:30px !important;
font-weight:500 !important;
}
.bondok-orders-empty p{
max-width:460px !important;
margin:0 0 20px !important;
color:#777 !important;
font-family:'Poppins',sans-serif !important;
font-size:13px !important;
line-height:1.8 !important;
}
.bondok-empty-shop{
min-height:46px !important;
padding:0 19px !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:10px !important;
border:
1px solid
rgba(224,184,79,.22) !important;
color:#E0B84F !important;
background:
rgba(224,184,79,.035) !important;
text-decoration:none !important;
font-family:'Poppins',sans-serif !important;
font-size:10px !important;
letter-spacing:1.4px !important;
}
/* =========================================================
NO ITEMS
========================================================= */
.bondok-no-items{
padding:25px !important;
text-align:center !important;
color:#666 !important;
font-family:'Poppins',sans-serif !important;
font-size:10px !important;
letter-spacing:1.5px !important;
border:
1px solid
rgba(255,255,255,.06) !important;
}
/* =========================================================
ORDER DETAILS MODAL
========================================================= */
.bondok-order-details-modal{
position:fixed !important;
inset:0 !important;
z-index:999999 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
box-sizing:border-box !important;
padding:24px !important;
background:
rgba(0,0,0,.90) !important;
backdrop-filter:blur(12px) !important;
-webkit-backdrop-filter:blur(12px) !important;
}
.bondok-order-details-box{
position:relative !important;
width:min(
1060px,
calc(100vw - 48px)
) !important;
max-width:1060px !important;
max-height:92vh !important;
overflow-y:auto !important;
box-sizing:border-box !important;
margin:0 !important;
padding:58px 64px !important;
background:
linear-gradient(
145deg,
#151515 0%,
#0c0c0c 100%
) !important;
border:
1px solid
rgba(224,184,79,.26) !important;
box-shadow:
0 35px 100px rgba(0,0,0,.85),
inset 0 1px 0
rgba(255,255,255,.025) !important;
}
.bondok-order-details-box::-webkit-scrollbar{
width:5px !important;
}
.bondok-order-details-box::-webkit-scrollbar-track{
background:#080808 !important;
}
.bondok-order-details-box::-webkit-scrollbar-thumb{
background:#E0B84F !important;
}
/* =========================================================
MODAL CLOSE
========================================================= */
.bondok-order-details-close{
position:absolute !important;
top:18px !important;
right:20px !important;
width:40px !important;
height:40px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
padding:0 !important;
border:
1px solid
rgba(224,184,79,.22) !important;
background:transparent !important;
color:#E0B84F !important;
font-size:22px !important;
line-height:1 !important;
cursor:pointer !important;
transition:.25s ease;
}
.bondok-order-details-close:hover{
background:
rgba(224,184,79,.08) !important;
border-color:
rgba(224,184,79,.5) !important;
color:#fff !important;
}
/* =========================================================
MODAL HEADER
========================================================= */
.bondok-details-header{
position:relative !important;
text-align:center !important;
padding:8px 55px 30px !important;
margin-bottom:26px !important;
border-bottom:
1px solid
rgba(255,255,255,.08) !important;
}
.bondok-details-header::after{
content:"";
position:absolute;
left:50%;
bottom:-1px;
width:76px;
height:1px;
transform:
translateX(-50%);
background:#E0B84F;
}
.bondok-details-header span{
display:block !important;
margin-bottom:10px !important;
color:#E0B84F !important;
font-family:'Poppins',sans-serif !important;
font-size:12px !important;
font-weight:500 !important;
letter-spacing:4px !important;
text-transform:uppercase !important;
}
.bondok-details-header h2{
margin:0 0 10px !important;
color:#fff !important;
font-family:'Cinzel',serif !important;
font-size:40px !important;
font-weight:500 !important;
line-height:1.2 !important;
}
.bondok-details-header p{
margin:0 !important;
color:#888 !important;
font-family:'Poppins',sans-serif !important;
font-size:13px !important;
letter-spacing:1.4px !important;
}
/* =========================================================
MODAL STATUS
========================================================= */
.bondok-details-status{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:20px !important;
padding:20px 23px !important;
margin-bottom:28px !important;
border:
1px solid
rgba(224,184,79,.18) !important;
background:
rgba(224,184,79,.035) !important;
}
.bondok-details-status > span{
color:#666 !important;
font-family:'Poppins',sans-serif !important;
font-size:11px !important;
letter-spacing:1.8px !important;
text-transform:uppercase !important;
}
.bondok-details-status > strong{
color:#E0B84F !important;
font-family:'Poppins',sans-serif !important;
font-size:13px !important;
font-weight:500 !important;
letter-spacing:1.4px !important;
text-transform:uppercase !important;
}
/* =========================================================
SUMMARY
========================================================= */
.bondok-order-summary{
display:grid !important;
grid-template-columns:
repeat(3,minmax(0,1fr)) !important;
margin-bottom:38px !important;
border-top:
1px solid
rgba(255,255,255,.06) !important;
border-left:
1px solid
rgba(255,255,255,.06) !important;
}
.bondok-summary-row{
min-width:0 !important;
padding:20px 21px !important;
background:
rgba(255,255,255,.018) !important;
border-right:
1px solid
rgba(255,255,255,.06) !important;
border-bottom:
1px solid
rgba(255,255,255,.06) !important;
}
.bondok-summary-row span{
display:block !important;
margin-bottom:7px !important;
color:#666 !important;
font-family:'Poppins',sans-serif !important;
font-size:10px !important;
letter-spacing:1.7px !important;
text-transform:uppercase !important;
}
.bondok-summary-row strong{
display:block !important;
color:#d6d6d6 !important;
font-family:'Poppins',sans-serif !important;
font-size:14px !important;
font-weight:400 !important;
line-height:1.55 !important;
overflow-wrap:anywhere !important;
}
.bondok-summary-total{
grid-column:1 / -1 !important;
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:20px !important;
padding:21px 22px !important;
background:
rgba(224,184,79,.035) !important;
border-right:
1px solid
rgba(255,255,255,.06) !important;
border-bottom:
1px solid
rgba(224,184,79,.18) !important;
}
.bondok-summary-total span{
color:#777 !important;
font-family:'Poppins',sans-serif !important;
font-size:11px !important;
letter-spacing:2px !important;
text-transform:uppercase !important;
}
.bondok-summary-total strong{
color:#E0B84F !important;
font-family:'Cinzel',serif !important;
font-size:28px !important;
font-weight:500 !important;
}
/* =========================================================
DETAILS SECTIONS
========================================================= */
.bondok-details-section{
margin-bottom:38px !important;
}
.bondok-section-heading{
display:flex !important;
align-items:center !important;
gap:15px !important;
margin-bottom:20px !important;
padding-bottom:13px !important;
border-bottom:
1px solid
rgba(224,184,79,.16) !important;
}
.bondok-section-heading > span{
color:#E0B84F !important;
font-family:'Cinzel',serif !important;
font-size:13px !important;
letter-spacing:1.5px !important;
}
.bondok-section-heading small{
display:block !important;
margin-bottom:4px !important;
color:#666 !important;
font-family:'Poppins',sans-serif !important;
font-size:9px !important;
letter-spacing:2px !important;
text-transform:uppercase !important;
}
.bondok-section-heading h3{
margin:0 !important;
color:#eee !important;
font-family:'Cinzel',serif !important;
font-size:21px !important;
font-weight:500 !important;
}
/* =========================================================
REVIEW NOTE
========================================================= */
.bondok-review-note{
display:flex !important;
align-items:flex-start !important;
gap:10px !important;
padding:13px 15px !important;
margin-bottom:16px !important;
border:
1px solid
rgba(224,184,79,.15) !important;
background:
rgba(224,184,79,.035) !important;
color:#E0B84F !important;
font-family:'Poppins',sans-serif !important;
font-size:10px !important;
line-height:1.7 !important;
}
/* =========================================================
CUSTOMER PRODUCTS
========================================================= */
.bondok-order-items{
width:100% !important;
}
.bondok-customer-item{
display:grid !important;
grid-template-columns:
100px
minmax(0,1fr)
auto !important;
align-items:center !important;
gap:24px !important;
padding:21px 0 !important;
border-bottom:
1px solid
rgba(255,255,255,.065) !important;
}
.bondok-customer-item:last-child{
border-bottom:0 !important;
}
.bondok-customer-item-image{
width:100px !important;
height:120px !important;
overflow:hidden !important;
background:#101010 !important;
border:
1px solid
rgba(224,184,79,.15) !important;
}
.bondok-customer-item-image img{
width:100% !important;
height:100% !important;
display:block !important;
object-fit:cover !important;
}
.bondok-customer-item-info{
min-width:0 !important;
}
.bondok-product-label{
display:block !important;
margin-bottom:6px !important;
color:#E0B84F !important;
font-family:'Poppins',sans-serif !important;
font-size:9px !important;
letter-spacing:2px !important;
text-transform:uppercase !important;
}
.bondok-customer-item-info h4{
margin:0 0 10px !important;
color:#f0f0f0 !important;
font-family:'Cinzel',serif !important;
font-size:21px !important;
font-weight:500 !important;
line-height:1.35 !important;
}
.bondok-product-specs{
display:flex !important;
flex-wrap:wrap !important;
gap:16px !important;
margin-bottom:7px !important;
}
.bondok-product-specs > span{
color:#777 !important;
font-family:'Poppins',sans-serif !important;
font-size:12px !important;
letter-spacing:.5px !important;
}
.bondok-product-specs strong{
margin-left:4px !important;
color:#ccc !important;
font-weight:500 !important;
}
.bondok-item-unit-price{
color:#666 !important;
font-family:'Poppins',sans-serif !important;
font-size:11px !important;
}
.bondok-customer-item-price{
min-width:105px !important;
display:flex !important;
flex-direction:column !important;
align-items:flex-end !important;
gap:5px !important;
}
.bondok-customer-item-price span{
color:#666 !important;
font-family:'Poppins',sans-serif !important;
font-size:10px !important;
letter-spacing:1px !important;
text-transform:uppercase !important;
}
.bondok-customer-item-price strong{
color:#E0B84F !important;
font-family:'Cinzel',serif !important;
font-size:21px !important;
font-weight:500 !important;
white-space:nowrap !important;
}
/* =========================================================
REVIEW
========================================================= */
.bondok-write-review{
margin-top:12px !important;
min-height:36px !important;
padding:0 13px !important;
display:inline-flex !important;
align-items:center !important;
gap:7px !important;
border:
1px solid
rgba(224,184,79,.22) !important;
background:
rgba(224,184,79,.035) !important;
color:#E0B84F !important;
font-family:'Poppins',sans-serif !important;
font-size:9px !important;
letter-spacing:1px !important;
cursor:pointer !important;
}
.bondok-review-completed{
display:flex !important;
align-items:center !important;
justify-content:space-between !important;
gap:12px !important;
margin-top:12px !important;
padding:9px 11px !important;
border:
1px solid
rgba(80,150,90,.18) !important;
background:
rgba(80,150,90,.035) !important;
}
.bondok-review-completed span{
display:block !important;
color:#666 !important;
font-size:8px !important;
letter-spacing:1.3px !important;
}
.bondok-review-completed strong{
display:block !important;
margin-top:3px !important;
color:#82a98a !important;
font-size:9px !important;
}
.order-review-stars{
white-space:nowrap !important;
}
.order-review-stars .filled{
color:#E0B84F !important;
}
/* =========================================================
TIMELINE
========================================================= */
.bondok-order-timeline{
position:relative !important;
padding-left:4px !important;
}
.bondok-timeline-item{
position:relative !important;
display:grid !important;
grid-template-columns:
34px
minmax(0,1fr) !important;
gap:15px !important;
min-height:65px !important;
}
.bondok-timeline-marker{
position:relative !important;
z-index:2 !important;
width:32px !important;
height:32px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
border-radius:50% !important;
border:
1px solid
rgba(255,255,255,.12) !important;
background:#151515 !important;
color:#555 !important;
font-size:10px !important;
}
.bondok-timeline-item.reached
.bondok-timeline-marker{
border-color:#E0B84F !important;
background:#E0B84F !important;
color:#090909 !important;
}
.bondok-timeline-item.current
.bondok-timeline-marker{
box-shadow:
0 0 0 4px
rgba(224,184,79,.08) !important;
}
.bondok-timeline-item:not(:last-child)
.bondok-timeline-marker::after{
content:"" !important;
position:absolute !important;
top:32px !important;
left:15px !important;
width:1px !important;
height:33px !important;
background:
rgba(224,184,79,.20) !important;
}
.bondok-timeline-content{
padding-top:1px !important;
}
.bondok-timeline-content strong{
display:block !important;
margin-bottom:5px !important;
color:#cfcfcf !important;
font-family:'Poppins',sans-serif !important;
font-size:13px !important;
font-weight:500 !important;
}
.bondok-timeline-item.current
.bondok-timeline-content strong{
color:#E0B84F !important;
}
.bondok-timeline-content span{
color:#666 !important;
font-family:'Poppins',sans-serif !important;
font-size:11px !important;
}
/* =========================================================
DELIVERY
========================================================= */
.bondok-delivery-details{
padding:7px 20px !important;
background:
rgba(255,255,255,.015) !important;
border:
1px solid
rgba(255,255,255,.065) !important;
}
.bondok-delivery-details p{
display:flex !important;
align-items:flex-start !important;
justify-content:space-between !important;
gap:25px !important;
margin:0 !important;
padding:13px 0 !important;
border-bottom:
1px solid
rgba(255,255,255,.045) !important;
}
.bondok-delivery-details p:last-child{
border-bottom:0 !important;
}
.bondok-delivery-details p > span{
flex:0 0 95px !important;
color:#666 !important;
font-family:'Poppins',sans-serif !important;
font-size:10px !important;
letter-spacing:1.5px !important;
text-transform:uppercase !important;
}
.bondok-delivery-details p > strong{
max-width:70% !important;
color:#ccc !important;
font-family:'Poppins',sans-serif !important;
font-size:12px !important;
font-weight:400 !important;
line-height:1.6 !important;
text-align:right !important;
overflow-wrap:anywhere !important;
}
/* =========================================================
CONTACT
========================================================= */
.bondok-order-details-box
.bondok-contact-btn,
.bondok-order-details-box
.customer-contact-btn{
width:100% !important;
min-height:50px !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
gap:9px !important;
margin-top:20px !important;
padding:0 18px !important;
box-sizing:border-box !important;
border:
1px solid
rgba(224,184,79,.24) !important;
background:
rgba(224,184,79,.035) !important;
color:#E0B84F !important;
font-family:'Poppins',sans-serif !important;
font-size:11px !important;
letter-spacing:1.4px !important;
text-transform:uppercase !important;
text-decoration:none !important;
}
/* =========================================================
MOBILE
========================================================= */
@media(max-width:700px){
.bondok-orders-page .profile-header h1{
font-size:34px !important;
}
.bondok-orders-page .profile-header p{
font-size:13px !important;
}
.bondok-order-card{
padding:27px 19px !important;
}
.bondok-order-top-line{
margin-bottom:18px !important;
}
.bondok-order-status{
min-height:42px !important;
padding:0 13px !important;
font-size:9px !important;
}
.bondok-order-header{
align-items:flex-start !important;
flex-direction:column !important;
gap:16px !important;
}
.bondok-order-heading h3{
font-size:24px !important;
}
.bondok-order-total{
text-align:left !important;
}
.bondok-order-total span{
font-size:10px !important;
}
.bondok-order-total strong{
font-size:22px !important;
}
.bondok-order-meta{
grid-template-columns:1fr !important;
gap:0 !important;
padding:0 !important;
}
.bondok-order-meta-item{
padding:15px !important;
}
.bondok-order-meta-divider{
width:100% !important;
height:1px !important;
}
.bondok-order-meta-item small{
font-size:9px !important;
}
.bondok-order-meta-item strong{
font-size:13px !important;
}
.bondok-order-actions{
flex-direction:column !important;
align-items:stretch !important;
}
.bondok-view-order,
.bondok-review-order{
width:100% !important;
min-height:48px !important;
font-size:10px !important;
}
/* MODAL */
.bondok-order-details-modal{
padding:8px !important;
}
.bondok-order-details-box{
width:calc(100vw - 16px) !important;
max-height:96vh !important;
padding:43px 21px 32px !important;
}
.bondok-details-header{
padding:8px 22px 25px !important;
}
.bondok-details-header span{
font-size:9px !important;
letter-spacing:3px !important;
}
.bondok-details-header h2{
font-size:29px !important;
}
.bondok-details-header p{
font-size:10px !important;
}
.bondok-details-status{
align-items:flex-start !important;
flex-direction:column !important;
gap:7px !important;
padding:15px 16px !important;
}
.bondok-order-summary{
grid-template-columns:1fr 1fr !important;
}
.bondok-summary-row{
padding:16px 15px !important;
}
.bondok-summary-row span{
font-size:9px !important;
}
.bondok-summary-row strong{
font-size:12px !important;
}
.bondok-summary-total{
grid-column:1 / -1 !important;
padding:18px 16px !important;
}
.bondok-summary-total strong{
font-size:23px !important;
}
.bondok-section-heading h3{
font-size:18px !important;
}
.bondok-customer-item{
grid-template-columns:
70px
minmax(0,1fr) !important;
gap:14px !important;
}
.bondok-customer-item-image{
width:70px !important;
height:86px !important;
}
.bondok-customer-item-info h4{
font-size:16px !important;
}
.bondok-product-specs{
gap:8px 12px !important;
}
.bondok-product-specs > span{
font-size:10px !important;
}
.bondok-customer-item-price{
grid-column:2 !important;
align-items:flex-start !important;
min-width:0 !important;
}
.bondok-customer-item-price strong{
font-size:17px !important;
}
.bondok-delivery-details p{
flex-direction:column !important;
gap:5px !important;
}
.bondok-delivery-details p > strong{
max-width:100% !important;
text-align:left !important;
}
}
/* =========================================================
VERY SMALL MOBILE
========================================================= */
@media(max-width:430px){
.bondok-order-card{
padding:24px 16px !important;
}
.bondok-order-heading h3{
font-size:21px !important;
}
.bondok-order-summary{
grid-template-columns:1fr !important;
}
.bondok-summary-total{
grid-column:auto !important;
}
.bondok-details-header h2{
font-size:25px !important;
}
.bondok-section-heading h3{
font-size:16px !important;
}
.bondok-order-details-box{
padding:40px 17px 30px !important;
}
}