/*!
 * Wildmart custom order page.
 * Extracted from the template and scaled by the shared responsive root.
 */

.wm-page-column-left{display:none}
@media(max-width:999px),(hover:none) and (pointer:coarse){body:has(#menu-toggle:checked) .wm-page-column-left{display:block}body:has(.wm-page-column-left #column-left) #header > #column-left{display:none!important}body:has(.wm-page-column-left #column-left):has(#menu-toggle:checked) .wm-page-column-left #column-left{display:flex!important}}
#form-container.wm-order-page-shell{width:100%;max-width:none;margin:0 auto 2.625rem;padding:0.875rem;box-sizing:border-box;font-family:InterVariable,Inter,Arial,sans-serif}
#form-container .wm-order-modal{width:100%;max-width:none;margin:0 auto;background:#121212;border:0.0625rem solid rgba(255,255,255,.10);border-radius:1rem;box-shadow:0 1.125rem 2.75rem rgba(0,0,0,.52);color:#f1f3f5;overflow:hidden}
#form-container .wm-order-header{position:relative;background:linear-gradient(180deg,#171717 0%,#121212 100%);color:#fff;padding:1.125rem 1.25rem 0.875rem;border-bottom:0.0625rem solid rgba(255,255,255,.12);box-shadow:inset 0 -0.1875rem 0 rgba(255,255,255,.08)}
#form-container .wm-order-header:before{content:"";display:block;position:absolute;left:0;right:0;top:0;height:0.1875rem;background:linear-gradient(90deg,rgba(255,255,255,.25) 0%,rgba(255,255,255,.1) 100%)}
#form-container .wm-order-title{margin:0;font-size:1.75rem;line-height:1.15;font-weight:800;letter-spacing:0.0125rem;text-align:center;color:#fff!important;-webkit-text-fill-color:#fff;text-shadow:0 0.0625rem 0 rgba(0,0,0,.45)}
#form-container .wm-order-subtitle{margin:0.5rem 0 0;font-size:0.875rem;line-height:1.4;text-align:center;color:rgba(255,255,255,.72)!important}
#form-container .wm-order-content{padding:0.875rem;background:linear-gradient(180deg,#151515 0%,#121212 100%)}
#form-container .wm-row{display:flex;flex-wrap:wrap;margin:-0.375rem}
#form-container .wm-col{box-sizing:border-box;padding:0.375rem;width:100%}
#form-container .wm-col-6{width:50%}
#form-container .wm-col-4{width:33.3333%}
#form-container .wm-col-3{width:25%}
#form-container .wm-field{display:flex;align-items:center;gap:0.75rem}
#form-container .wm-label{display:block;flex:0 0 8.125rem;margin:0;font-size:0.8125rem;font-weight:700;color:rgba(255,255,255,.78);text-transform:uppercase;letter-spacing:.03em}
#form-container input,#form-container textarea,#form-container button{font-family:inherit}
#form-container input[type="text"],#form-container input[type="tel"],#form-container input[type="email"],#form-container input[type="password"],#form-container input[type="number"],#form-container textarea{width:100%;box-sizing:border-box;border:0.0625rem solid rgba(255,255,255,.14);border-radius:0.75rem;background:#0f0f0f;color:#f2f5f8;padding:0.75rem 0.875rem;font-size:1rem;line-height:1.25;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease}
#form-container textarea{min-height:6rem;resize:vertical}
#form-container input:focus,#form-container textarea:focus{border-color:#ff8a00;box-shadow:0 0 0 0.1875rem rgba(255,138,0,.22);background:#141414}
#form-container input::placeholder,#form-container textarea::placeholder{color:rgba(255,255,255,.46);opacity:1}
#form-container .wm-actions{display:flex;flex-wrap:wrap;margin:0.625rem -0.375rem 0}
#form-container .wm-action-col{box-sizing:border-box;padding:0.375rem;width:50%}
#form-container .wm-btn{width:100%;min-height:3.125rem;border-radius:0.75rem;border:0.0625rem solid transparent;padding:0.625rem 0.875rem;font-size:1rem;font-weight:800;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;letter-spacing:.01em;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}
#form-container .wm-btn-primary{background:linear-gradient(180deg,#ff9c36,#ff8a00);border-color:#d47600;color:#141414!important;box-shadow:0 0.5rem 1.125rem rgba(255,138,0,.28)}
#form-container .wm-btn-primary:hover{background:linear-gradient(180deg,#ffab54,#ff961e);text-decoration:none}
#form-container .wm-btn-secondary{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05))!important;border-color:rgba(255,255,255,.14)!important;color:rgba(255,255,255,.94)!important;box-shadow:none!important}
#form-container .wm-btn-secondary:hover{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.22)!important;text-decoration:none}
#form-container .wm-btn-icon{width:2.75rem;min-width:2.75rem;height:2.75rem;padding:0;border-radius:0.625rem;border:0.0625rem solid #ffb04a;background:#ff8a00;color:#000;font-size:1.625rem;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center}
#form-container .wm-btn-icon:hover{background:#ff9d2e;border-color:#ffc06a}
#form-container .wm-cart-card{margin-top:0.75rem;border:0.0625rem solid rgba(255,255,255,.10);border-radius:0.875rem;background:#121212;overflow:hidden;box-shadow:inset 0 0 0 0.0625rem rgba(255,255,255,.02)}
#form-container .wm-cart-header{padding:0.6875rem 0.75rem;background:linear-gradient(180deg,#171717,#131313);border-bottom:0.0625rem solid rgba(255,255,255,.10);font-size:0.8125rem;font-weight:800;color:rgba(255,255,255,.95);letter-spacing:.03em;text-transform:uppercase}
#form-container .wm-table-wrap{overflow:auto;-webkit-overflow-scrolling:touch}
#order-table,.wm-dark-table{width:100%;border-collapse:separate;border-spacing:0;min-width:45rem;background:#121212}
#order-table th,#order-table td,.wm-dark-table th,.wm-dark-table td{border-bottom:0.0625rem solid rgba(255,255,255,.08);padding:0.625rem 0.5rem;vertical-align:middle}
#order-table thead th,.wm-dark-table thead th{position:sticky;top:0;background:#151515;color:rgba(255,255,255,.76);font-size:0.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;z-index:1;text-align:left}
#order-table thead th:first-child,.wm-dark-table thead th:first-child{box-shadow:inset 0 -0.125rem 0 #ff8a00}
#order-table td,.wm-dark-table td{font-size:0.875rem;color:rgba(255,255,255,.93)}
#order-table tbody tr:nth-child(even),.wm-dark-table tbody tr:nth-child(even){background:#141414}
#order-table a,.wm-dark-table a{color:#ffb26a;text-decoration:none}
#order-table a:hover,.wm-dark-table a:hover{text-decoration:underline}
#form-container .wm-product-link{display:block;max-width:32.5rem;line-height:1.35;font-weight:600;word-break:break-word}
#form-container .wm-preorder-label{display:inline-block;margin:0.3125rem 0 0;color:#39d353;font-size:0.8125rem;line-height:1.2;font-weight:800}
#form-container .wm-thumb{display:block;width:4.75rem;height:4.75rem;object-fit:contain;border:0.0625rem solid rgba(255,255,255,.12);border-radius:0.625rem;background:#fff;margin:0 auto;padding:0.1875rem}
#form-container .wm-thumb-empty{width:4.75rem;height:4.75rem;border:0.0625rem dashed rgba(255,255,255,.18);border-radius:0.625rem;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.55);font-size:1.25rem;margin:0 auto;background:#141414}
#form-container .wm-qty{display:inline-flex;align-items:center;gap:0.375rem}
#form-container .wm-qty-input{width:3.625rem!important;min-width:3.625rem;height:2.75rem;padding:0.375rem 0.25rem!important;text-align:center;font-weight:700;border-radius:0.625rem!important}
#form-container .wm-remove-btn{min-height:2.5rem;padding:0.5rem 0.75rem;font-size:0.8125rem;font-weight:700;border-radius:0.625rem;border:0.0625rem solid rgba(255,255,255,.14);background:rgba(255,255,255,.08);color:rgba(255,255,255,.92);cursor:pointer;touch-action:manipulation}
#form-container .wm-remove-btn:hover{background:rgba(255,255,255,.12)}
#form-container .wm-summary{margin-top:0.75rem;border:0.0625rem solid rgba(255,255,255,.10);border-radius:0.875rem;background:#121212;padding:0.875rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;gap:0.75rem}
#form-container .wm-total-wrap{display:flex;align-items:center;gap:0.625rem;flex-wrap:wrap;justify-content:center;width:100%}
#form-container .wm-total-label{font-size:0.9375rem;font-weight:800;color:rgba(255,255,255,.95)}
#total-price{width:11.25rem!important;text-align:center;font-weight:800;font-size:1.125rem!important;padding:0.625rem 0.75rem!important;background:#101010!important;border:0.0625rem solid rgba(255,255,255,.14)!important;color:#ffb26a!important;box-shadow:inset 0 0 0 0.0625rem rgba(255,255,255,.03)}
#form-container .wm-helper{font-size:0.8125rem;line-height:1.35;color:rgba(255,255,255,.62);width:100%;text-align:center}
#form-container .wm-footer{margin-top:0.75rem;display:flex;justify-content:flex-end}
#form-container .wm-mobile-list{display:none;padding:0.625rem;background:#121212}
#form-container .wm-mobile-empty{padding:1.125rem 0.75rem;border:0.0625rem dashed rgba(255,255,255,.18);border-radius:0.75rem;text-align:center;color:rgba(255,255,255,.62);font-weight:700;background:#161616}
#form-container .wm-mobile-item{position:relative;border:0.0625rem solid rgba(255,255,255,.10);border-radius:0.875rem;background:#121212;padding:0.625rem;margin-bottom:0.625rem;box-shadow:inset 0 0 0 0.0625rem rgba(255,255,255,.02)}
#form-container .wm-mobile-top{display:flex;gap:0.625rem;align-items:flex-start}
#form-container .wm-mobile-top .wm-thumb,#form-container .wm-mobile-top .wm-thumb-empty{width:4.5rem;height:4.5rem;min-width:4.5rem;margin:0}
#form-container .wm-mobile-main{min-width:0;flex:1 1 auto}
#form-container .wm-mobile-name{display:block;color:rgba(255,255,255,.94);font-size:0.875rem;line-height:1.35;font-weight:700;text-decoration:none;word-break:break-word}
#form-container .wm-mobile-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem;margin-top:0.625rem}
#form-container .wm-mobile-chip{display:flex;align-items:center;gap:0.375rem;background:#111;border:0.0625rem solid rgba(255,255,255,.10);border-radius:0.625rem;padding:0.4375rem 0.5625rem;min-width:0}
#form-container .wm-mobile-chip-label{font-size:0.625rem;line-height:1;color:rgba(255,255,255,.62);font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
#form-container .wm-mobile-chip-value{font-size:0.875rem;line-height:1;color:#ffb26a;font-weight:800;white-space:nowrap}
#form-container .wm-check{display:flex;gap:0.5625rem;align-items:flex-start;margin:0.375rem 0 0;padding:0.75rem;background:#111;border:0.0625rem solid rgba(255,138,0,.30);border-radius:0.75rem;color:rgba(255,255,255,.76)}
#form-container .wm-check input{position:absolute;opacity:0;pointer-events:none}
#form-container .wm-check .wm-check-box{width:2.125rem;min-width:2.125rem;height:2.125rem;margin-top:0.125rem;border-radius:0.625rem;border:0.125rem solid rgba(255,138,0,.75);background:#0b0b0b;box-shadow:inset 0 0 0 0.0625rem rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center}
#form-container .wm-check .wm-check-box:after{content:"";width:1rem;height:0.5625rem;border-left:0.25rem solid #141414;border-bottom:0.25rem solid #141414;transform:rotate(-45deg);opacity:0}
#form-container .wm-check input:checked + .wm-check-box{background:linear-gradient(180deg,#ff9c36,#ff8a00);border-color:#d47600}
#form-container .wm-check input:checked + .wm-check-box:after{opacity:1}
#form-container .wm-check b{display:block;color:#ffb26a;margin-bottom:0.1875rem}
#form-container .wm-alert{margin:0 0 1rem;padding:1.125rem 1.375rem;border-radius:0.875rem;font-weight:900;white-space:pre-line;text-align:center;font-size:1.5rem;line-height:1.25;box-shadow:0 0.75rem 1.75rem rgba(0,0,0,.28)}
#form-container .wm-alert-success{background:rgba(9,108,130,.94);border:0;color:#fff}
#form-container .wm-alert-success:before{content:"✓";display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;margin-right:0.75rem;border-radius:50%;background:#3498db;color:#fff;font-size:1.75rem;font-weight:900;vertical-align:middle}
#form-container .wm-alert-warning{background:rgba(190,35,25,.18);border:0.0625rem solid rgba(255,95,80,.34);color:#ffc7c2}
#form-container .wm-empty{padding:1.75rem 0.75rem;color:#9ca5b6;font-size:0.9375rem;font-weight:700;line-height:1.4;text-align:center}
@media(max-width:980px){#form-container .wm-col-3{width:50%}#form-container .wm-col-4{width:50%}#order-table,.wm-dark-table{min-width:41.25rem}}
@media(min-width:701px) and (max-width:999px),(hover:none) and (pointer:coarse) and (min-width:701px){#form-container.wm-order-page-shell{padding-top:16.875rem}}
@media(max-device-width:820px),(hover:none) and (pointer:coarse){#form-container.wm-order-page-shell{padding:14.375rem 0.375rem 0.5rem}#form-container .wm-order-modal{max-width:none;border-radius:0.875rem}#form-container .wm-order-header{padding:2.125rem 1.375rem 1.875rem}#form-container .wm-order-title{font-size:4.25rem;text-align:center;line-height:1.08}#form-container .wm-order-subtitle{font-size:2.375rem;text-align:center;line-height:1.28}#form-container .wm-order-content{padding:1.25rem}#form-container .wm-alert{font-size:2.625rem;line-height:1.22;padding:2.125rem 1.75rem;border-radius:1.5rem;margin-bottom:1.5rem}#form-container .wm-alert-success:before{width:4.5rem;height:4.5rem;margin-right:1.25rem;font-size:3.375rem}#form-container .wm-col-6,#form-container .wm-col-4,#form-container .wm-col-3{width:100%}#form-container .wm-field{display:flex;align-items:center;gap:1.125rem}#form-container .wm-label{font-size:2.125rem;margin:0;flex:0 0 32%;max-width:32%;line-height:1.12;overflow-wrap:anywhere}#form-container input[type="text"],#form-container input[type="tel"],#form-container input[type="email"],#form-container input[type="password"],#form-container input[type="number"],#form-container textarea{font-size:2.625rem;padding:1.75rem 1.5rem;border-radius:1.25rem;min-width:0}#form-container input::placeholder,#form-container textarea::placeholder{font-size:2.625rem}#form-container textarea{min-height:11.25rem}#form-container .wm-check{padding:1.625rem;gap:1.125rem;font-size:2.25rem;line-height:1.35;border-radius:1.25rem}#form-container .wm-check .wm-check-box{width:4.5rem;min-width:4.5rem;height:4.5rem;border-radius:1.125rem}#form-container .wm-check .wm-check-box:after{width:1.875rem;height:1.0625rem;border-left-width:0.4375rem;border-bottom-width:0.4375rem}#form-container .wm-check input:checked + .wm-check-box:after{opacity:1}#form-container .wm-check b{font-size:2.75rem}#form-container .wm-action-col{width:100%}#form-container .wm-btn{min-height:8.5rem;font-size:3.25rem;border-radius:1.375rem}#form-container .wm-cart-header{font-size:2.25rem;padding:1.75rem}#form-container .wm-table-wrap{display:none}#form-container .wm-mobile-list{display:block;padding:1.125rem}#form-container .wm-mobile-item{padding:1.375rem;border-radius:1.375rem;margin-bottom:1.125rem}#form-container .wm-mobile-top{gap:1.125rem}#form-container .wm-mobile-top .wm-thumb,#form-container .wm-mobile-top .wm-thumb-empty{width:10rem;height:10rem;min-width:10rem}#form-container .wm-mobile-main{padding-right:5.5rem}#form-container .wm-mobile-name,#form-container .wm-mobile-main .wm-preorder-label{font-size:2.5rem;line-height:1.22}#form-container .wm-mobile-bottom{gap:1.125rem;align-items:center;flex-wrap:wrap;flex-direction:row}#form-container .wm-mobile-chip{padding:1.125rem 1.25rem;border-radius:1.125rem;min-height:4.625rem}#form-container .wm-mobile-chip-label{font-size:1.625rem}#form-container .wm-mobile-chip-value{font-size:2.5rem}#form-container .wm-mobile-chip-price{width:100%;justify-content:space-between}#form-container .wm-mobile-chip-qty{width:100%;justify-content:space-between}#form-container .wm-mobile-chip-sum{width:100%;justify-content:space-between}#form-container .wm-btn-icon{width:6.75rem;min-width:6.75rem;height:6.75rem;font-size:4.25rem;border-radius:1.25rem}#form-container .wm-qty{gap:0.875rem;width:100%;justify-content:center}#form-container .wm-qty-input{width:9.375rem!important;min-width:9.375rem;height:6.75rem;font-size:3.25rem!important;border-radius:1.25rem!important}#form-container .wm-mobile-item>.wm-mobile-remove-btn{position:absolute;top:1.125rem;right:1.125rem;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:5rem;min-width:5rem;height:5rem;min-height:5rem;padding:0 0 0.25rem;border:0.125rem solid #ffb04a;border-radius:50%;background:#ff8a00;color:#000;font-size:3.25rem;line-height:1;font-weight:800;box-shadow:0 0.5rem 1rem rgba(255,138,0,.24)}#form-container .wm-total-label{font-size:2.75rem}#total-price{max-width:none!important;width:100%!important;font-size:3.5rem!important;padding:1.75rem 1.875rem!important}#form-container .wm-helper{width:100%;font-size:2rem;line-height:1.35}#form-container .wm-empty{padding:3rem 2rem;color:#f1f3f5;font-size:2.625rem;line-height:1.4}}
