{"id":259,"date":"2026-09-16T18:42:27","date_gmt":"2026-09-16T18:42:27","guid":{"rendered":"https:\/\/staging.seeksocialdevelopent.online\/?page_id=259"},"modified":"2026-09-25T14:24:39","modified_gmt":"2026-09-25T14:24:39","slug":"shopping-cart-copy","status":"publish","type":"page","link":"https:\/\/staging.seeksocialdevelopent.online\/?page_id=259","title":{"rendered":"Checkout-Shipping Address- FTD"},"content":{"rendered":"\n\n\t<p><strong>Cart<\/strong><\/p>\n\t<p><strong>&gt;<\/strong><\/p>\n\t<p><strong>Shipping<\/strong><\/p>\n\t<p><strong>&gt;<\/strong><\/p>\n\t<p><strong>Payment<\/strong><\/p>\n<h2>\n\t\t\tShipping  Address\t<\/h2>\n    <label for=\"shipping-first-name\">First Name*<\/label>\n    <input id=\"shipping-first-name\"\n        type=\"text\"\n        name=\"first_name\"\n        autocomplete=\"given-name\"\n        required\/>\n<style>\n\/* =========================================\n   FIRST NAME - CONTAINER\n   ========================================= *\/\n.shipping-first-name-field {\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\/* =========================================\n   FIRST NAME - LABEL\n   FIGMA TYPOGRAPHY:\n   Inter \/ 400 \/ Regular\n   13px \/ 21px\n   Letter spacing: 0%\n   Color: #2E2B29\n   ========================================= *\/\n.shipping-first-name-field label {\n    display: block;\n    margin: 0 0 6px 0;\n    padding: 0;\n    font-family: Inter, sans-serif;\n    font-size: 13px;\n    font-weight: 400;\n    font-style: normal;\n    line-height: 21px;\n    letter-spacing: 0;\n    color: #2E2B29;\n    box-sizing: border-box;\n}\n\/* =========================================\n   FIRST NAME - INPUT\n   FIGMA:\n   Height: 40px\n   Background: #FFFCF7\n   Border: 1px solid #CFC7BC\n   Radius: 6px\n   ========================================= *\/\n.shipping-first-name-field input[type=\"text\"] {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    height: 40px;\n    margin: 0;\n    padding: 0 12px;\n    box-sizing: border-box;\n    background-color: #FFFCF7;\n    border: 1px solid #CFC7BC;\n    border-radius: 6px;\n    font-family: Inter, sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    font-style: normal;\n    color: #2E2B29;\n    box-shadow: none;\n}\n\/* =========================================\n   FOCUS\n   ========================================= *\/\n.shipping-first-name-field input[type=\"text\"]:focus {\n    outline: none;\n    background-color: #FFFCF7;\n    border: 1px solid #CFC7BC;\n    box-shadow: none;\n}\n\/* =========================================\n   TABLET\n   ========================================= *\/\n@media (max-width: 900px) {\n    .shipping-first-name-field {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n    .shipping-first-name-field input[type=\"text\"] {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n        height: 40px;\n    }\n}\n\/* =========================================\n   MOBILE\n   ========================================= *\/\n@media (max-width: 600px) {\n    .shipping-first-name-field {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n    .shipping-first-name-field input[type=\"text\"] {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n        height: 40px;\n        padding-left: 12px;\n        padding-right: 12px;\n    }\n}\n<\/style>\n    <label for=\"shipping-last-name\">Last Name*<\/label>\n    <input id=\"shipping-last-name\"\n        type=\"text\"\n        name=\"last_name\"\n        autocomplete=\"family-name\"\n        required\/>\n<style>\n\/* =========================================\n   LAST NAME - CONTAINER\n   ========================================= *\/\n.shipping-last-name-field {\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\/* =========================================\n   LAST NAME - LABEL\n   FIGMA TYPOGRAPHY:\n   Inter \/ 400 \/ Regular\n   13px \/ 21px\n   Letter spacing: 0%\n   Color: #2E2B29\n   ========================================= *\/\n.shipping-last-name-field label {\n    display: block;\n    margin: 0 0 6px 0;\n    padding: 0;\n    font-family: Inter, sans-serif;\n    font-size: 13px;\n    font-weight: 400;\n    font-style: normal;\n    line-height: 21px;\n    letter-spacing: 0;\n    color: #2E2B29;\n    box-sizing: border-box;\n}\n\/* =========================================\n   LAST NAME - INPUT\n   FIGMA:\n   Height: 40px\n   Background: #FFFCF7\n   Border: 1px solid #CFC7BC\n   Radius: 6px\n   ========================================= *\/\n.shipping-last-name-field input[type=\"text\"] {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    height: 40px;\n    margin: 0;\n    padding: 0 12px;\n    box-sizing: border-box;\n    background-color: #FFFCF7;\n    border: 1px solid #CFC7BC;\n    border-radius: 6px;\n    font-family: Inter, sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    font-style: normal;\n    color: #2E2B29;\n    box-shadow: none;\n}\n\/* =========================================\n   FOCUS\n   ========================================= *\/\n.shipping-last-name-field input[type=\"text\"]:focus {\n    outline: none;\n    background-color: #FFFCF7;\n    border: 1px solid #CFC7BC;\n    box-shadow: none;\n}\n\/* =========================================\n   TABLET\n   ========================================= *\/\n@media (max-width: 900px) {\n    .shipping-last-name-field {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n    .shipping-last-name-field input[type=\"text\"] {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n        height: 40px;\n    }\n}\n\/* =========================================\n   MOBILE\n   ========================================= *\/\n@media (max-width: 600px) {\n    .shipping-last-name-field {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n    .shipping-last-name-field input[type=\"text\"] {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n        height: 40px;\n        padding-left: 12px;\n        padding-right: 12px;\n    }\n}\n<\/style>\n    <label for=\"shipping-email\">Email*<\/label>\n    <input id=\"shipping-email\"\n        type=\"email\"\n        name=\"email\"\n        autocomplete=\"email\"\n        required\/>\n<style>\n\/* =========================================\n   EMAIL - CONTAINER\n   ========================================= *\/\n.shipping-email-field {\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\/* =========================================\n   EMAIL - LABEL\n   FIGMA TYPOGRAPHY:\n   Inter \/ 400 \/ Regular\n   13px \/ 21px\n   Letter spacing: 0%\n   Color: #2E2B29\n   ========================================= *\/\n.shipping-email-field label {\n    display: block;\n    margin: 0 0 6px 0;\n    padding: 0;\n    font-family: Inter, sans-serif;\n    font-size: 13px;\n    font-weight: 400;\n    font-style: normal;\n    line-height: 21px;\n    letter-spacing: 0;\n    color: #2E2B29;\n    box-sizing: border-box;\n}\n\/* =========================================\n   EMAIL - INPUT\n   FIGMA:\n   Height: 40px\n   Background: #FFFCF7\n   Border: 1px solid #CFC7BC\n   Radius: 6px\n   ========================================= *\/\n.shipping-email-field input[type=\"email\"] {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    height: 40px;\n    margin: 0;\n    padding: 0 12px;\n    box-sizing: border-box;\n    background-color: #FFFCF7;\n    border: 1px solid #CFC7BC;\n    border-radius: 6px;\n    font-family: Inter, sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    font-style: normal;\n    color: #2E2B29;\n    box-shadow: none;\n}\n\/* =========================================\n   FOCUS\n   ========================================= *\/\n.shipping-email-field input[type=\"email\"]:focus {\n    outline: none;\n    background-color: #FFFCF7;\n    border: 1px solid #CFC7BC;\n    box-shadow: none;\n}\n\/* =========================================\n   TABLET\n   ========================================= *\/\n@media (max-width: 900px) {\n    .shipping-email-field {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n    .shipping-email-field input[type=\"email\"] {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n        height: 40px;\n    }\n}\n\/* =========================================\n   MOBILE\n   ========================================= *\/\n@media (max-width: 600px) {\n    .shipping-email-field {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n    .shipping-email-field input[type=\"email\"] {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n        height: 40px;\n        padding-left: 12px;\n        padding-right: 12px;\n    }\n}\n<\/style>\n    <label for=\"shipping-phone\">Phone Number*<\/label>\n    <input id=\"shipping-phone\"\n        type=\"tel\"\n        name=\"phone\"\n        autocomplete=\"tel\"\n        required\/>\n<style>\n\/* =========================================\n   PHONE NUMBER - CONTAINER\n   ========================================= *\/\n.shipping-phone-field {\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\/* =========================================\n   PHONE NUMBER - LABEL\n   FIGMA TYPOGRAPHY:\n   Inter \/ 400 \/ Regular\n   13px \/ 21px\n   Letter spacing: 0%\n   Color: #2E2B29\n   ========================================= *\/\n.shipping-phone-field label {\n    display: block;\n    margin: 0 0 6px 0;\n    padding: 0;\n    font-family: Inter, sans-serif;\n    font-size: 13px;\n    font-weight: 400;\n    font-style: normal;\n    line-height: 21px;\n    letter-spacing: 0;\n    color: #2E2B29;\n    box-sizing: border-box;\n}\n\/* =========================================\n   PHONE NUMBER - INPUT\n   FIGMA:\n   Height: 40px\n   Background: #FFFCF7\n   Border: 1px solid #CFC7BC\n   Radius: 6px\n   ========================================= *\/\n.shipping-phone-field input[type=\"tel\"] {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    height: 40px;\n    margin: 0;\n    padding: 0 12px;\n    box-sizing: border-box;\n    background-color: #FFFCF7;\n    border: 1px solid #CFC7BC;\n    border-radius: 6px;\n    font-family: Inter, sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    font-style: normal;\n    color: #2E2B29;\n    box-shadow: none;\n}\n\/* =========================================\n   FOCUS\n   ========================================= *\/\n.shipping-phone-field input[type=\"tel\"]:focus {\n    outline: none;\n    background-color: #FFFCF7;\n    border: 1px solid #CFC7BC;\n    box-shadow: none;\n}\n\/* =========================================\n   TABLET\n   ========================================= *\/\n@media (max-width: 900px) {\n    .shipping-phone-field {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n    .shipping-phone-field input[type=\"tel\"] {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n        height: 40px;\n    }\n}\n\/* =========================================\n   MOBILE\n   ========================================= *\/\n@media (max-width: 600px) {\n    .shipping-phone-field {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n    .shipping-phone-field input[type=\"tel\"] {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n        height: 40px;\n        padding-left: 12px;\n        padding-right: 12px;\n    }\n}\n<\/style>\n    <label for=\"shipping-city\">City*<\/label>\n    <input id=\"shipping-city\"\n        type=\"text\"\n        name=\"city\"\n        autocomplete=\"address-level2\"\n        required\/>\n<style>\n\/* =========================================\n   CITY - CONTAINER\n   ========================================= *\/\n.shipping-city-field {\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\/* =========================================\n   CITY - LABEL\n   FIGMA TYPOGRAPHY:\n   Inter \/ 400 \/ Regular\n   13px \/ 21px\n   Letter spacing: 0%\n   Color: #2E2B29\n   ========================================= *\/\n.shipping-city-field label {\n    display: block;\n    margin: 0 0 6px 0;\n    padding: 0;\n    font-family: Inter, sans-serif;\n    font-size: 13px;\n    font-weight: 400;\n    font-style: normal;\n    line-height: 21px;\n    letter-spacing: 0;\n    color: #2E2B29;\n    box-sizing: border-box;\n}\n\/* =========================================\n   CITY - INPUT\n   FIGMA:\n   Height: 40px\n   Background: #FFFCF7\n   Border: 1px solid #CFC7BC\n   Radius: 6px\n   ========================================= *\/\n.shipping-city-field input[type=\"text\"] {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    height: 40px;\n    margin: 0;\n    padding: 0 12px;\n    box-sizing: border-box;\n    background-color: #FFFCF7;\n    border: 1px solid #CFC7BC;\n    border-radius: 6px;\n    font-family: Inter, sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    font-style: normal;\n    color: #2E2B29;\n    box-shadow: none;\n}\n\/* =========================================\n   FOCUS\n   ========================================= *\/\n.shipping-city-field input[type=\"text\"]:focus {\n    outline: none;\n    background-color: #FFFCF7;\n    border: 1px solid #CFC7BC;\n    box-shadow: none;\n}\n\/* =========================================\n   TABLET\n   ========================================= *\/\n@media (max-width: 900px) {\n    .shipping-city-field {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n    .shipping-city-field input[type=\"text\"] {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n        height: 40px;\n    }\n}\n\/* =========================================\n   MOBILE\n   ========================================= *\/\n@media (max-width: 600px) {\n    .shipping-city-field {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n    .shipping-city-field input[type=\"text\"] {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n        height: 40px;\n        padding-left: 12px;\n        padding-right: 12px;\n    }\n}\n<\/style>\n    <label for=\"shipping-state\">State*<\/label>\n    <input id=\"shipping-state\"\n        type=\"text\"\n        name=\"state\"\n        autocomplete=\"address-level1\"\n        required\/>\n<style>\n\/* =========================================\n   STATE - CONTAINER\n   ========================================= *\/\n.shipping-state-field {\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\/* =========================================\n   STATE - LABEL\n   FIGMA TYPOGRAPHY:\n   Inter \/ 400 \/ Regular\n   13px \/ 21px\n   Letter spacing: 0%\n   Color: #2E2B29\n   ========================================= *\/\n.shipping-state-field label {\n    display: block;\n    margin: 0 0 6px 0;\n    padding: 0;\n    font-family: Inter, sans-serif;\n    font-size: 13px;\n    font-weight: 400;\n    font-style: normal;\n    line-height: 21px;\n    letter-spacing: 0;\n    color: #2E2B29;\n    box-sizing: border-box;\n}\n\/* =========================================\n   STATE - INPUT\n   FIGMA:\n   Height: 40px\n   Background: #FFFCF7\n   Border: 1px solid #CFC7BC\n   Radius: 6px\n   ========================================= *\/\n.shipping-state-field input[type=\"text\"] {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    height: 40px;\n    margin: 0;\n    padding: 0 12px;\n    box-sizing: border-box;\n    background-color: #FFFCF7;\n    border: 1px solid #CFC7BC;\n    border-radius: 6px;\n    font-family: Inter, sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    font-style: normal;\n    color: #2E2B29;\n    box-shadow: none;\n}\n\/* =========================================\n   FOCUS\n   ========================================= *\/\n.shipping-state-field input[type=\"text\"]:focus {\n    outline: none;\n    background-color: #FFFCF7;\n    border: 1px solid #CFC7BC;\n    box-shadow: none;\n}\n\/* =========================================\n   TABLET\n   ========================================= *\/\n@media (max-width: 900px) {\n    .shipping-state-field {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n    .shipping-state-field input[type=\"text\"] {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n        height: 40px;\n    }\n}\n\/* =========================================\n   MOBILE\n   ========================================= *\/\n@media (max-width: 600px) {\n    .shipping-state-field {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n    .shipping-state-field input[type=\"text\"] {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n        height: 40px;\n        padding-left: 12px;\n        padding-right: 12px;\n    }\n}\n<\/style>\n    <label for=\"shipping-zipcode\">Zipcode*<\/label>\n    <input id=\"shipping-zipcode\"\n        type=\"text\"\n        name=\"zipcode\"\n        autocomplete=\"postal-code\"\n        inputmode=\"numeric\"\n        required\/>\n<style>\n\/* =========================================\n   ZIPCODE - CONTAINER\n   ========================================= *\/\n.shipping-zipcode-field {\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\/* =========================================\n   ZIPCODE - LABEL\n   FIGMA TYPOGRAPHY:\n   Inter \/ 400 \/ Regular\n   13px \/ 21px\n   Letter spacing: 0%\n   Color: #2E2B29\n   ========================================= *\/\n.shipping-zipcode-field label {\n    display: block;\n    margin: 0 0 6px 0;\n    padding: 0;\n    font-family: Inter, sans-serif;\n    font-size: 13px;\n    font-weight: 400;\n    font-style: normal;\n    line-height: 21px;\n    letter-spacing: 0;\n    color: #2E2B29;\n    box-sizing: border-box;\n}\n\/* =========================================\n   ZIPCODE - INPUT\n   FIGMA:\n   Height: 40px\n   Background: #FFFCF7\n   Border: 1px solid #CFC7BC\n   Radius: 6px\n   ========================================= *\/\n.shipping-zipcode-field input[type=\"text\"] {\n    display: block;\n    width: 100%;\n    max-width: 100%;\n    min-width: 0;\n    height: 40px;\n    margin: 0;\n    padding: 0 12px;\n    box-sizing: border-box;\n    background-color: #FFFCF7;\n    border: 1px solid #CFC7BC;\n    border-radius: 6px;\n    font-family: Inter, sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    font-style: normal;\n    color: #2E2B29;\n    box-shadow: none;\n}\n\/* =========================================\n   FOCUS\n   ========================================= *\/\n.shipping-zipcode-field input[type=\"text\"]:focus {\n    outline: none;\n    background-color: #FFFCF7;\n    border: 1px solid #CFC7BC;\n    box-shadow: none;\n}\n\/* =========================================\n   TABLET\n   ========================================= *\/\n@media (max-width: 900px) {\n    .shipping-zipcode-field {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n    .shipping-zipcode-field input[type=\"text\"] {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n        height: 40px;\n    }\n}\n\/* =========================================\n   MOBILE\n   ========================================= *\/\n@media (max-width: 600px) {\n    .shipping-zipcode-field {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n    }\n    .shipping-zipcode-field input[type=\"text\"] {\n        width: 100%;\n        max-width: 100%;\n        min-width: 0;\n        height: 40px;\n        padding-left: 12px;\n        padding-right: 12px;\n    }\n}\n<\/style>\n    <label for=\"shipping-description\">Description<\/label>\n    <textarea\n        id=\"shipping-description\"\n        name=\"description\"\n        placeholder=\"Enter a Description...\"><\/textarea>\n<style>\n\/* =========================================\n   DESCRIPTION - CONTAINER\n   ========================================= *\/\n.shipping-description {\n    display: block;\n    width: 100% !important;\n    max-width: 100% !important;\n    min-width: 0;\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n}\n\/* =========================================\n   DESCRIPTION - LABEL\n   FIGMA TYPOGRAPHY:\n   Inter \/ 400 \/ Regular\n   13px \/ 21px\n   Letter spacing: 0%\n   Color: #2E2B29\n   ========================================= *\/\n.shipping-description label {\n    display: block;\n    margin: 0 0 6px 0;\n    padding: 0;\n    font-family: Inter, sans-serif;\n    font-size: 13px;\n    font-weight: 400;\n    font-style: normal;\n    line-height: 21px;\n    letter-spacing: 0;\n    color: #2E2B29;\n    box-sizing: border-box;\n}\n\/* =========================================\n   DESCRIPTION - TEXTAREA\n   FIGMA:\n   Desktop reference width: 691px\n   Actual CSS width: 100% responsive\n   Height: 100px\n   Background: #FFFCF7\n   Border: 1px solid #CFC7BC\n   Radius: 6px\n   ========================================= *\/\n.shipping-description textarea {\n    display: block;\n    width: 100% !important;\n    max-width: 100% !important;\n    min-width: 0;\n    height: 100px !important;\n    min-height: 100px;\n    margin: 0;\n    padding: 12px;\n    box-sizing: border-box;\n    background-color: #FFFCF7;\n    border: 1px solid #CFC7BC;\n    border-radius: 6px;\n    font-family: Inter, sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    font-style: normal;\n    line-height: 20px;\n    color: #2E2B29;\n    box-shadow: none;\n    resize: none;\n}\n\/* =========================================\n   PLACEHOLDER\n   ========================================= *\/\n.shipping-description textarea::placeholder {\n    font-family: Inter, sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    font-style: normal;\n    line-height: 20px;\n    color: #C7C2BB;\n    opacity: 1;\n}\n\/* =========================================\n   FOCUS\n   ========================================= *\/\n.shipping-description textarea:focus {\n    outline: none;\n    background-color: #FFFCF7;\n    border: 1px solid #CFC7BC;\n    box-shadow: none;\n}\n\/* =========================================\n   TABLET\n   ========================================= *\/\n@media (max-width: 900px) {\n    .shipping-description {\n        width: 100% !important;\n        max-width: 100% !important;\n        min-width: 0;\n    }\n    .shipping-description textarea {\n        width: 100% !important;\n        max-width: 100% !important;\n        min-width: 0;\n        height: 100px !important;\n        min-height: 100px;\n    }\n}\n\/* =========================================\n   MOBILE\n   ========================================= *\/\n@media (max-width: 600px) {\n    .shipping-description {\n        width: 100% !important;\n        max-width: 100% !important;\n        min-width: 0;\n    }\n    .shipping-description textarea {\n        width: 100% !important;\n        max-width: 100% !important;\n        min-width: 0;\n        height: 100px !important;\n        min-height: 100px;\n        padding: 12px;\n    }\n}\n<\/style>\n<h2>\n\t\t\tShipping Method\t<\/h2>\n\t<!-- FREE SHIPPING RADIO -->\n<input type=\"radio\"\n    id=\"free-shipping\"\n    name=\"shipping_method\"\n    value=\"free_shipping\"\n    aria-label=\"Free Shipping\"\/>\n<style>\n\/* ==========================================\n   FIGMA SHIPPING RADIO BUTTON\n   Outer circle: 26px \u00d7 26px\n   Inner dot:    15.6px \u00d7 15.6px\n   ========================================== *\/\n.figma-shipping-radio {\n    \/* Remove browser's default radio style *\/\n    appearance: none !important;\n    -webkit-appearance: none !important;\n    \/* FIGMA OUTER CIRCLE *\/\n    width: 26px !important;\n    height: 26px !important;\n    min-width: 26px !important;\n    min-height: 26px !important;\n    \/* Prevent shrinking inside Flex Row *\/\n    flex: 0 0 26px !important;\n    \/* Outer circle appearance *\/\n    background-color: transparent !important;\n    border: 1px solid #000000 !important;\n    border-radius: 50% !important;\n    \/* Reset spacing *\/\n    margin: 0 !important;\n    padding: 0 !important;\n    \/* Needed for inner dot positioning *\/\n    position: relative !important;\n    display: inline-block !important;\n    box-sizing: border-box !important;\n    vertical-align: middle !important;\n    cursor: pointer !important;\n}\n\/* ==========================================\n   BLACK INNER DOT\n   Figma: 15.6px \u00d7 15.6px\n   Always visible to match your Figma\n   ========================================== *\/\n.figma-shipping-radio::after {\n    content: \"\" !important;\n    position: absolute !important;\n    top: 50% !important;\n    left: 50% !important;\n    transform: translate(-50%, -50%) !important;\n    width: 15.6px !important;\n    height: 15.6px !important;\n    background-color: #2E2B29 !important;\n    border: none !important;\n    border-radius: 50% !important;\n    display: block !important;\n    pointer-events: none !important;\n}\n\/* ==========================================\n   REMOVE DEFAULT FOCUS APPEARANCE\n   ========================================== *\/\n.figma-shipping-radio:focus {\n    outline: none !important;\n    box-shadow: none !important;\n}\n\/* Keyboard accessibility *\/\n.figma-shipping-radio:focus-visible {\n    outline: 2px solid #2E2B29 !important;\n    outline-offset: 3px !important;\n}\n\/* ==========================================\n   TABLET\n   ========================================== *\/\n@media (max-width: 900px) {\n    .figma-shipping-radio {\n        width: 26px !important;\n        height: 26px !important;\n        min-width: 26px !important;\n        min-height: 26px !important;\n        flex: 0 0 26px !important;\n    }\n    .figma-shipping-radio::after {\n        width: 15.6px !important;\n        height: 15.6px !important;\n    }\n}\n\/* ==========================================\n   MOBILE\n   ========================================== *\/\n@media (max-width: 600px) {\n    .figma-shipping-radio {\n        width: 26px !important;\n        height: 26px !important;\n        min-width: 26px !important;\n        min-height: 26px !important;\n        flex: 0 0 26px !important;\n    }\n    .figma-shipping-radio::after {\n        width: 15.6px !important;\n        height: 15.6px !important;\n    }\n}\n<\/style>\n\t<p>Free Shipping<\/p>\n\t<p>7-20 Days<\/p>\n\t<!-- EXPRESS SHIPPING RADIO -->\n<input type=\"radio\"\n    id=\"express-shipping\"\n    name=\"shipping_method\"\n    value=\"express_shipping\"\n    checked\n    aria-label=\"Express Shipping\"\/>\n\t<p>Express Shipping<\/p>\n\t<p>1-3 Days<\/p>\n<a target=\"_self\">Return to Cart<\/a>\n<h2>\n\t\t\tOrder Summary\t<\/h2>\n<figure itemscope itemtype=\"https:\/\/schema.org\/ImageObject\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/staging.seeksocialdevelopent.online\/wp-content\/plugins\/bb-plugin\/img\/pixel.png\" alt=\"\" onerror=\"this.style.display='none'\" loading=\"lazy\" \/>\n\t<\/figure>\n\t<p>PRODUCT 1<\/p>\n\t<p><strong><em>ITEM 1, ITEM 2, ITEM 3, ITEM 4, and ITEM 5<\/em><\/strong><\/p>\n\t<p>$0.00<\/p>\n<figure itemscope itemtype=\"https:\/\/schema.org\/ImageObject\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/staging.seeksocialdevelopent.online\/wp-content\/plugins\/bb-plugin\/img\/pixel.png\" alt=\"\" onerror=\"this.style.display='none'\" loading=\"lazy\" \/>\n\t<\/figure>\n\t<p>PRODUCT 1<\/p>\n\t<p><strong><em>ITEM 1, ITEM 2, ITEM 3, ITEM 4, and ITEM 5<\/em><\/strong><\/p>\n\t<p>$0.00<\/p>\n<figure itemscope itemtype=\"https:\/\/schema.org\/ImageObject\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/staging.seeksocialdevelopent.online\/wp-content\/plugins\/bb-plugin\/img\/pixel.png\" alt=\"\" onerror=\"this.style.display='none'\" loading=\"lazy\" \/>\n\t<\/figure>\n\t<p>PRODUCT 1<\/p>\n\t<p><strong><em>ITEM 1, ITEM 2, ITEM 3, ITEM 4, and ITEM 5<\/em><\/strong><\/p>\n\t<p>$0.00<\/p>\n\t<p>Subtotal<\/p>\n\t<p>$0.00<\/p>\n\t<p>Shipping Estimate<\/p>\n\t<p>$0.00<\/p>\n\t<p>Tax<\/p>\n\t<p>$0.00<\/p>\n\t<p>Total<\/p>\n\t<p>$0.00<\/p>\n<a target=\"_self\">Continue to Checkout<\/a>\n","protected":false},"excerpt":{"rendered":"<p>Cart &gt; Shipping &gt; Payment Shipping Address First Name* Last Name* Email* Phone Number* City* State* Zipcode* Description Shipping Method [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-259","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/staging.seeksocialdevelopent.online\/index.php?rest_route=\/wp\/v2\/pages\/259","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.seeksocialdevelopent.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.seeksocialdevelopent.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.seeksocialdevelopent.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.seeksocialdevelopent.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=259"}],"version-history":[{"count":11,"href":"https:\/\/staging.seeksocialdevelopent.online\/index.php?rest_route=\/wp\/v2\/pages\/259\/revisions"}],"predecessor-version":[{"id":325,"href":"https:\/\/staging.seeksocialdevelopent.online\/index.php?rest_route=\/wp\/v2\/pages\/259\/revisions\/325"}],"wp:attachment":[{"href":"https:\/\/staging.seeksocialdevelopent.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=259"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}