:root{
    /*====A=======================*/
    --about-and-misc-font-color:#363232;
    --add-post-container-background:#ffffff;
    --add-post-card-background: #ffffff;
    --add-post-card-border: 1px solid #f1f8fd;
    --add-post-card-hover-background:#ffffff;
    --add-post-card-hover-border:1px solid #ffffff;
    --add-post-category-option-background-color:#ededeb;
    --add-post-input-background-color:#ffffff;
    --add-post-field-title-color: #5c6163;
    --add-post-submit-btn-background: #0783fb;
    --add-post-input-field-border: 2px solid #e3ebee !important;
    /*--add-post-required-input-field-border: 2px solid #94bbdd;*/
    --add-post-required-input-field-border: 2px solid #85c3f9;
    --add-product-cross-color:#92b1eb !important;
    --advanced-search-options-down-arrow:5px solid #2ea3f3;
    --actual-comment-background:#f5f5f5;
    --actual-comment-background: #f4f5f9;
    --add-comment-input-color:#000;

    /*====B=======================*/
    --body-background-color: white;
    --body-background-color: #f5f5dc;
    --body-background-color: #fdfdfb;
    --boosted-posts-scrollbar-rail-background:#e9e9e9;
    --boosted-posts-background-color: linear-gradient(transparent, rgba(255, 255, 255, 96%), rgba(255, 255, 255, 95%), var(--body-background-color));
    /*--boosted-posts-background-color: linear-gradient(transparent, rgba(255, 255, 255, 96%), rgba(255, 255, 255, 96%), rgba(255, 255, 255, 96%), rgba(255, 255, 255, 96%), rgba(255, 255, 255, 95%), var(--body-background-color));*/
    --boosted-posts-product-name-color: var(--default-font-color);
    /*--boosted-product-price-color: #ff1c29;
    --boosted-product-price-color: #ff4700;*/
    --boosted-product-price-color: #ff5900;
    --boosted-product-price-color: #ff9100;
    --boosted-product-price-color: #ff7300;
    --boosted-product-price-color: #ff4300;
    --boosted-product-price-color: #444241;
    /*--body-background-color: #fbfdff;*/
    /*====C=======================*/
    --carousel-item-1-background: linear-gradient(156deg, #00a2ff, #005bff);
    --carousel-item-1-background: linear-gradient(156deg, #00adff, #0087ff);
    --carousel-item-1-background: linear-gradient(#6dbcff, #3e99ff, #458fff);
    --carousel-item-2-background: linear-gradient(176deg, #6ad748, #55c233, #3a9e22);
    --carousel-item-3-background: linear-gradient(180deg, #ffaa00, #ff8501);
    --carousel-item-4-background: linear-gradient(65deg, #a30a0a, #c01515);
    --carousel-item-6-background:linear-gradient(135deg, #ffbc00, #FF9800, #FF3D00);
    --categories-and-boosted-posts-containers-background:#ffffff;
    --categories-and-boosted-posts-containers-background: var(--boosted-posts-background-color);
    --categories-font-color: #000000;
    --card-customer-feedback-background: #fdfeff;
    --category-icon-fill-color:#676d6f;
    --customer-review-border: 1px solid #f5f5f5;
    --colored-navbar-background: linear-gradient(72deg, rgb(161 164 167 / 39%), rgb(0 117 219 / 39%));
    --colored-navbar-background: linear-gradient(72deg, rgba(255, 165, 0, 54%), rgba(255, 165, 0, 80%));
    /*--customer-review-border:1px solid #e1eaf0;*/

    /*====D=======================*/
    --default-font-color:#000;
    --default-theme-font:var(--default-font-color);
    --delete-or-cancel-delete-post-btn-background-color: #e5e5e5;
    --delete-post-btn-background: #d6dde5;
    --divider-line-color: 1px solid #ecf4f7;

    /*====F=======================*/
    --footer-height: 123px;
    --forgot-password-color: #000;
    --footer-background:#2b2e30;
    
    /*====H=======================*/
    --html-background:white;
    --hidden-nav-option-font-color: #0f0f0f;
    --hidden-options-color: #ffffff;
    --hidden-nav-options-background: #ffffff;
    --product-card-hidden-nav-options-background: #252626;
    --hidden-option-hover-background:#f1f3f3 !important;
    --home-icon-blocker: var(--mobile-navbar-background);

    /*====I=======================*/
    --input-field-border: 1px solid #cadae1 !important;
    /*--input-field-border: 1px solid #bcced5 !important;*/

    /*====L=======================*/
    --logged-user-card-background:white;
    --logged-navbar-buttons-container: rgb(255 255 255 / 50%);
    /*--logged-navbar-buttons-container:rgb(252 254 255);*/
    /*--logged-navbar-buttons-container:rgb(229 234 236 / 50%);*/
    --login-eye-icon-color: #474646;
    /*--login-eye-icon-color:#d1ac6e;*/
    --login-eye-icon-color: #777b7f;
    --login-eye-icon-color: var(--default-font-color);
    --login-eye-icon-iris-color: #484034;
    --login-eye-icon-iris-color: #4f4537;
    --login-eye-icon-iris-color: #1a71b2;
    --login-eye-icon-iris-color: #341d01;
    --login-eye-icon-iris-color: var(--default-font-color);
    --login-signup-background: #ffffff;
    /*--login-signup-background:linear-gradient(45deg, rgba(255, 255, 255, 40%), #ffffff);*/
    --login-signup-container-color: #000;
    --logged-user-card-name-color:#000000;
    --logged-user-card-details-color:#000000;
    --logo-color: #398cf4;
    --logo-color:#FFCC00;
    --logo-color: #FFC107;
    --logo-color:#ffc946;
    --logo-color:#ffb050;
    --logo-color:#ffcc00;
    --logo-color: #FFAE42;
    --logo-color: #ffbf42;
    --logo-color: #ffcd6c;
    --logo-color: #ffd800;
    --logo-color: #ffcc00;
    --logo-color: #292720;
    --liked-fill-and-font-color: #84abf3;
    --liked-fill-and-font-color: #ff0000;
    --liked-fill-and-font-color: #ffb100;
    --liked-fill-and-font-color: #ff5200;
    
    /*--liked-fill-and-font-color: #ffbd29;*/
    /*--logo-color: #eaf2f7;*/
    /*====M=======================*/
    --main-blue: #007BFF;
    --main-blue:#0783fb;
    /*--main-containers-background: #f6f6f6;*/
    --main-containers-background: #f4f8fb;
    --main-containers-background: #fdfdfd;
    --main-containers-background: #fdefcf;
    --main-containers-background: #f9f9f9;
    --main-banner-search-icon-color: #161616;
    --main-banner-background: linear-gradient(#ffb100, #ff9b00, #f97a00);
    --main-banner-background: linear-gradient(#ffb42e, #ff9b00, #f97a00);
    --main-banner-background: linear-gradient(#ffb42e, #ff9e00, #f97a00);
    --main-banner-background: linear-gradient(#ffb42e, #ff9e00, #fe8607);
    --main-banner-background: linear-gradient(#ffb42e, #ff9e00, #fe7a07);
    --main-banner-background: linear-gradient(#ffbf2e, #ff9e00, #fe7a07);
    /*--main-banner-background: linear-gradient(#ffbf2e, #ffa40e, #fe8607);*/
    --main-banner-background: linear-gradient(#ffbf2e, #ff8d00, #fe6007);
    --main-banner-background: linear-gradient(#2eaeff, #21a5fa, #07b8fe);
    --main-banner-background: linear-gradient(#2eaeff, #21a5fa, #07b8fe, transparent);
    --main-banner-background: linear-gradient(#2e81ff, #2196fa, #07a3fe, transparent);
    --main-banner-background: linear-gradient(#458fff, #3e99ff, #57c1ff, transparent);
    --main-banner-background: transparent;
    /*--main-banner-background: linear-gradient(#6fc7ff, #5c97ff);*/
    /*--main-banner-background: linear-gradient(#ffbf2e, #ffab00, #fe9307);*/
    /*--main-banner-background: linear-gradient(#ffb200, #ff8100, #f95c00);*/
    --main-banner-search-box-shadow:2px 4px 11px rgba(99, 53, 0, 14%), 2px 5px 9px rgba(99, 53, 0, 13%), 2px 3px 7px rgba(99, 53, 0, 3%), 2px 1px 3px rgba(99, 53, 0, 9%);
    --main-banner-search-box-shadow: 2px 4px 11px rgba(99, 53, 0, 10%), 2px 5px 9px rgba(99, 53, 0, 8%), 2px 3px 7px rgba(99, 53, 0, 2%), 2px 1px 3px rgba(99, 53, 0, 4%);
    --main-banner-search-box-shadow: 0px 2px 4px rgba(99, 53, 0, 4%), 0px 4px 4px rgba(99, 53, 0, 5%), 0px 2px 4px rgba(99, 53, 0, 2%), 0px 1px 2px rgba(99, 53, 0, 1%);
    --main-blue-translucent: rgba(0, 123, 255, 50%);
    --main-font: "Inter", serif;
    /*--main-font: Roboto, Arial, sans-serif;*/
    --main-orange: #ffb050;
    --main-orange: #fff050;
    --main-orange: #FFD700;
    --main-orange: #FFCC00;
    /*--main-logo-text-shadow:1px 2px 1px rgb(139 118 81 / 50%);*/
    /*--main-logo-text-shadow: 0px 2px 2px rgba(0,0,0,45%);*/
    --main-logo-shadow-color:rgb(177 95 0 / 13%);
    --main-logo-shadow-color: rgb(0 118 177 / 13%);
    --main-logo-shadow-color: rgb(73 73 73 / 28%);
    --main-logo-text-shadow: 0px 1px 1px rgba(0, 0, 0, 16%);
    --main-logo-fill:white;
    --main-logo-fill: #fe8700;
    --main-search-border: 5px solid #e7eff3;
    /*--main-search-btn-font-color:#838383;*/
    --main-search-btn-font-color: #82888b;
    /*--main-search-border:5px solid #c3e8ff;*/
    /*--main-search-btn-background: #ffc131;*/
    /*--main-search-btn-background: #fafafa;*/
    /*--main-search-btn-background: #fcfcfc;*/
    --main-search-btn-background: #ffffff;
    --main-search-input-background: #ffffff;
    --main-search-input-background: #e0e1e1;
    --main-search-input-background: #fbfdff;
    --mobile-add-post-cross-fill-color:#ffb300;
    --mobile-add-post-cross-fill-color: #2eb8ff;
    --mobile-add-post-cross-fill-color: #4da5ff;
    --mobile-add-post-cross-fill-color: #ffffff;
    --mobile-back-arrow-border: 2px solid #8c9496;
    --mobile-hidden-nav-options-background: white;
    --mobile-nav-logo-color: #ffb100;
    /*--mobile-nav-icon-color: #4e5558;*/
    /*--mobile-nav-icon-color: #005276;*/
    --mobile-nav-icon-color: #fafdff;
    --mobile-navbar-background: rgba(255,255,255,0.9);
    --mobile-navbar-background-transluscent: rgba(255, 255, 255, 92%);
    --mobile-side-scrolling-fade-in-right: linear-gradient(to left, rgba(255, 255, 255, 80%), rgba(255, 255, 255, 0));
    /*--mobile-side-scrolling-fade-in-left: linear-gradient(to right, rgba(255, 255, 255, 80%), rgba(255, 255, 255, 0));*/
    /*--mobile-product-card-border:1px solid #f1f6f7;*/
    --mobile-product-card-border: 1px solid #dddddd;
    --mobile-product-card-border: 1px solid #e2e2e2;
    --mobile-product-name-color: #000000;
    --modal-transparent-background:rgb(0 0 0 / 74%);
    --modal-window-background-color:white;
    --more-options-fill-color:#0f0f0f;
    --more-options-font-color: #ffffff;
    --misc-options-color: #095a95;
    --misc-options-color: #0071c4;

    
    
    /*====N=======================*/
    --nav-search-border: 1px solid #dbdbdb;
    --nav-search-border: 1px solid #d6e7ed;
    /*--nav-search-input-background:#ffffff;*/
    --nav-search-input-background: #f7f7f7;
    --nav-search-input-background: #efefef;
    --nav-search-input-background: #f1f1f1;
    --nav-search-input-background: var(--main-search-input-background);
    --navbar-background:rgb(0 119 255 / 100%);
    --new-notif-background:#ebf3fb;
    --notif-btn-type-border-bottom-color:#f1f1f1;
    --notif-selected-background-color:#ffdb98;
    --notifications-container-background-color: #ffffff;
    
    --pc-colored-navbar-background: rgba(255, 255, 255, 100%);
    --pc-colored-navbar-background: rgb(254 251 232);
    --pc-colored-navbar-background: rgb(255 255 255);
    --pc-nav-icons-fill-color:#0f0f0f;
    /*--pc-nav-search-icons-fill-color: #0f0f0f;*/
    --pc-nav-search-icons-fill-color: var(--main-banner-search-icon-color);
    --navbar-translucent: rgb(0 143 242 / 77%);
    --notifications-background-color:#ffffff;
    --notifications-color: black;
    --notifications-hover-background:#edf0f1;
    
    
    /*====P=======================*/
    --placeholder-color: #a3a4a6;
    /*--pc-navbar-border-bottom-color:#f0f3f3;*/
    --pc-navbar-border-bottom-color: #f5fbfb;
    /*--placeholder-color: #6e7374;*/
    /*--placeholder-color:#8c9395;*/
    --placeholder-color: #bfc1c6;
    --product-card-background-color: #0f0f0f;
    --product-window-background-color:#ffffff;
    --product-window-add-comment-input-background: #f7f7f7;
    --product-window-shop-link-color: #0187ff;
    --product-window-close-x-color: #ffffff;
    --product-window-close-btn-background:rgba(0,0,0,50%);
    --product-window-shop-link-border: 1px solid #edeff1;
    --product-window-shop-link-border: 1px solid #2f97ff;
    --add-comment-input-border:1px solid #f3f3f3;
    --product-card-box-shadow: 0px 1px 2px rgb(102 102 102 / 9%), 0px 1px 3px rgb(171 171 171 / 9%), 0px 1px 3px rgb(185 185 185 / 9%), 0px 1px 3px rgb(205 205 205 / 9%);
    /*--product-card-customer-review-background-color: #ffffff;
    --product-card-customer-review-background-color: #f3f3f3;*/
    --product-card-category-color:var(--default-font-color);
    --product-card-category-color: #578bab;
    --product-card-category-background:#eaeff3;
    --product-card-category-background: #ededed;
    --product-card-category-background: #d9e7f1;
    /*--product-card-customer-review-background-color: #e7eff7;*/
    --product-card-customer-review-background-color: #cce4fc;
    --product-card-customer-review-font-color: #1a1a1a;
    --product-card-dots-color: var(--default-font-color);
    --product-card-dots-color: #606467;
    /*--product-card-product-name-color: #4c4a4a;*/
    --product-card-product-name-color: #2b2b2b;
    --product-card-product-name-color: #434343;
    --product-card-white-font-text-shadow:0px 0px 3px #000000;
    --product-card-white-font-text-shadow: -1px -1px 0 black, /* Top-left */ 1px -1px 0 black, /* Top-right */ -1px 1px 0 black, /* Bottom-left */ 1px 1px 0 black;
    --product-card-white-font-text-shadow: 0px 0px 0 black, /* Top-left */ 0px 0px 0 black, /* Top-right */ -1px 1px 0 black, /* Bottom-left */ 1px 1px 0 black;
    --product-card-white-font-text-shadow: 0px 0px 0 black, /* Top-left */ 0px 0px 0 black, /* Top-right */ 0px 0px 0 black, /* Bottom-left */ 1px 1px 0 black;
    --product-card-text-shadow-color:#404243;
    --product-card-white-font-text-shadow: 0px 0px 0 var(--product-card-text-shadow-color), /* Top-left */ 0px 0px 0 var(--product-card-text-shadow-color), /* Top-right */ 0px 0px 0 var(--product-card-text-shadow-color), /* Bottom-left */ 1px 1px 0 var(--product-card-text-shadow-color);
    --product-card-border:#d7dadb;
    --product-card-border-radius: 8px;
    /*--product-card-img-box-shadow:0px 1px 3px rgb(110 110 110 / 10%), 0px 2px 5px rgba(80, 140, 255, 0.06);*/
    --product-card-img-box-shadow: 0px 1px 2px rgb(34 34 34 / 10%), 0px 1px 2px rgb(30 30 30 / 12%);
    --product-card-img-box-shadow: 0px 1px 2px rgb(34 34 34 / 8%), 0px 1px 2px rgb(30 30 30 / 8%);
    /*--product-card-shop-name-color: #6e6e6e;*/
    --product-card-actions-background:#f2f2f2;
    --product-card-actions-background: #f8f8f8;
    --product-card-actions-background: #fcfbfb;
    --product-card-actions-background: #ffffff;
    --product-card-shop-name-color: #8a8787;
    --product-card-shop-name-color: #f8f8f8;
    --product-card-like-count-color:#737677;
    --product-price-color: #000000;

    --product-window-date-posted-color:#747879;
    --product-window-dots-color:#313436;
    --product-window-dots-color: #575c60;
    --product-window-dots-color: #f7f7f7;
    --product-window-more-options-border:1px solid #e1e1e1;
    --product-window-more-options-hover-background:#f3f3f4;
    --product-window-font-color:#000000;
    --product-window-font-color: #000000;
    --product-card-like-icon-fill-color: #ff0000;
    --product-card-like-icon-fill-color: #0f0f0f;
    --product-card-like-icon-fill-color: #2d2b2b;
    /*--product-card-product-details-background:#fff;
    --product-card-product-details-background: #f9f9f9;*/
    --product-card-product-details-background: #fdfdfd;
    --product-window-product-details-background:#ffffff;
    --product-window-liked-icon-and-text-color: var(--main-blue);
    --product-window-liked-icon-and-text-color: #ff0000;
    --product-window-liked-icon-and-text-color: #ffb100;
    --product-window-hidden-nav-options-background:var(--product-card-hidden-nav-options-background);
    

    /*====R=======================*/
    /*--rand-container-background: linear-gradient(-25deg, #a058ff, #36bcff);*/
    --rand-container-background: linear-gradient(128deg, #cf8bff, #6c00cb, #229eff);
    --reviewer-name-background: #ffffff;
    --reviewer-name-color: #3c4248;
    --reviewer-name-color: var(--product-card-product-name-color);
    --reviewer-name-color: #ffffff;

    /*====S=======================*/
    --search-input-font-color: black;
    --selected-login-signup-btn: #b7c5d2;
    --search-results-top-info-background:#ffffff;
    --shop-location-font-color: #585757;
    --shareable-link-background:#fcfcfc;
    /*--show-moire-options-background:rgba(0, 123, 255, 70%);
    --show-moire-options-background:var(--main-blue);*/
    --show-moire-options-background: #ffb100;
    --search-result-choose-visibility-background:#f7f8f9;
    --search-results-user-font-color:black;
    --searches-title-font-color:black;
    --search-placeholder-color:#0f0f0f;
    --social-share-modal-bg:white;
    /*--sold-by-font-color:#878581;*/
    --sold-by-font-color: #2ba6ff;
    --shop-link-background:#f9fcff;
    --shop-link-background: #add2ff;
    --shop-link-background: #f4f9ff;
    
    --topbar-logo-color:#ffb100;
    --topbar-logo-color: #ffb42e;
    --topbar-logo-color: #2eaeff;
    --topbar-logo-color: #fe8700;
    
    /*====U=======================*/
    --unfocused-btn-color: var(--hidden-nav-option-font-color);
    --user-public-profile-font-colors: black;
    --user-card-background-color:white;
    
    /*====W=======================*/
    --wants-card-color:black;
    --wants-card-border:1px solid #ebebeb;
    --white-translucent: rgb(223 238 255 / 50%);
    --window-btn-hover-bg:#faf9f7;
    
    
    /*===LIGHT MODE CATEGORY BACKGROUND ====*/    
    /*--gadgets-electronics-svg-background: #33bbff;
    --gadgets-electronics-svg-background: #00C75A;*/
    --gadgets-electronics-svg-background: #40ce80;
    /*--computers-or-peripherals-svg-background: #854bdb;*/
    --computers-or-peripherals-svg-background: #9d6ee2;
    --womens-fashion-svg-background: #ff4da1;
    --mens-fashion-svg-background: #339aff;
    --beauty-health-and-wellness-svg-background: #ff7bb0;
    --home-essentials-svg-background: #ffc733;
    --appliances-furnitures-svg-background: #a3b1d0;
    --food-and-beverages-svg-background: #ff7043;
    --toys-and-baby-products-svg-background: #ffc2d1;
    --e-load-or-digital-goods-svg-background: #33b3ff;
    --hobbies-outdoors-svg-background: #4ac97b;
    --arts-and-crafts-svg-background: #b85bff;
    --gaming-svg-background: #e65a66;
    --pet-supplies-svg-background: #ffa64d;
    --office-and-school-supplies-svg-background: #33a3ff;
    --cars-vehicles-svg-background: #4b7890;
    --housing-or-real-estate-svg-background: #3399ff;
    --pre-owned-svg-background: #9a88ff;
    --services-svg-background: #26c6c6;
    --rentals-svg-background: #66c766;
    --jobs-manpower-svg-background: #ff9ac7;
    --travel-destinations-svg-background: #ff7d4d;
    --plants-and-gardening-svg-background: #5fd977;
    --books-svg-background: #ff8b98;

}
html.dark-mode{
    /*====A DARK=======================*/
    --about-and-misc-font-color: #cbcdcf;
    
    --add-post-container-background: linear-gradient(var(--base-blue), var(--sub-blue));
    --add-post-card-background: #2d2f30;
    --add-post-card-hover-background: #343739;
    --add-post-card-hover-border: 1px solid #343739;
    --add-post-card-border: 1px solid #1d2024;
    /*--add-post-category-option-background-color: #414245;*/
    /*--add-post-category-option-background-color: #3c4145;
    --add-post-category-option-background-color: #3d4449;*/
    --add-post-category-option-background-color: #404345;
    --add-post-required-input-field-border: 2px solid #417184;
    /*--add-post-field-title-color: #98a6b3;
    --add-post-field-title-color: #1e2125;*/
    --add-post-field-title-color: #e5ecf6;
    --add-post-input-field-font-color:#ffffff;
    --add-post-input-background-color: #23272a;
    --add-post-input-background-color: #232526;
    /*--add-post-input-field-border: 1px solid #212020 !important;*/
    --add-post-input-field-border: 1px solid #181818 !important;
    --add-product-cross-color: #ffffff !important;
    --advanced-search-options-down-arrow: 5px solid #34393d;
    --actual-comment-background: #1e2428;

/*====B DARK=======================*/
    --base-blue: #181919;
    --base-blue: #1d1d1d;
    --base-blue: #101010;
    --base-blue: #0c0c0c;
    --base-blue: #000000;
    --sub-blue: #181919;
    --sub-blue: #101010;
    --sub-blue: #000000;
    --sub-blue: #1b1b1b;
    --sub-blue: #0c0c0c;
    --sub-blue: #000000;
    --body-background-color: #181919;
    --body-background-color: #101010;
    --body-background-color: #0c0c0c;
    --body-background-color: #000000;
    /*--body-background-color: #121212;*/
    --boosted-product-price-color: #FFC83D;
    --boosted-product-price-color: #d5d5d5;
    --boosted-posts-background-color: transparent;
    --boosted-posts-scrollbar-rail-background:#0f0f0f;
    --main-containers-background: var(--body-background-color);
    /*--main-logo-shadow-color: rgb(177 95 0 / 16%);*/
    --main-logo-shadow-color: rgb(177 132 0 / 16%);
    --main-logo-shadow-color: rgb(0 118 177 / 16%);

/*====C DARK=======================*/
    --carousel-item-1-background: linear-gradient(136deg, #4d9afb, #073890);
    --carousel-item-2-background: linear-gradient(176deg, #56a43b, #4a923d, #356c29);
    --carousel-item-3-background: linear-gradient(170deg, #deb12e, #e38f16);
    --carousel-item-4-background: linear-gradient(65deg, #901616, #a41b1b);
    /*--carousel-item-6-background: linear-gradient(135deg, #dfa915, #c07507, #c64d27);*/
    --carousel-item-6-background: linear-gradient(135deg, #e7922d, #e58e0c, #d1552e);
    --categories-and-boosted-posts-containers-background: #0d0d0d;
    --categories-and-boosted-posts-containers-background: transparent;
    --categories-font-color:var(--default-font-color);
    --categories-font-color: #d8d8d8;
    --card-customer-feedback-background: #061019;
    --category-icon-fill-color: var(--default-font-color);
    --customer-review-border: 1px solid #1d1d1e;
    --colored-navbar-background: rgb(0 0 0 / 50%);

/*====D DARK=======================*/
    /*--default-font-color: #cecece;*/
    --default-font-color: #EAEAEA;
    --default-font-color: #c7c5c5;
    --default-theme-font: var(--default-font-color);
    --delete-or-cancel-delete-post-btn-background-color: #192837;
    --delete-post-btn-background: #1e2e3f;
    --divider-line-color: 1px solid #101922;

/*====F DARK=======================*/
    /*--forgot-password-color: #6099a8;*/
    --forgot-password-color: #518ed6;
    --footer-background: #101214;

/*====H DARK=======================*/
    --html-background: #161616;
    --hidden-options-color: #0a1219;
    --hidden-nav-option-font-color: #ededed;
    --hidden-nav-options-background: linear-gradient(#001826, #0b1218);
    
    --hidden-nav-options-background: linear-gradient(#001926, #0b1218);
    
    --hidden-nav-options-background: linear-gradient(#001626, #0b1218);
    
    --hidden-nav-options-background: var(--add-post-container-background);
    --hidden-option-hover-background: #181a1c !important;
    --hidden-option-hover-background: #0f0f0f !important;
    --home-icon-blocker: var(--mobile-navbar-background);

/*====I DARK=======================*/
    --input-field-border: 1px solid #424243 !important;
    --input-field-border: 1px solid #171616 !important;

/*====L DARK=======================*/
    /*--liked-fill-and-font-color: #ff3e00;
    --liked-fill-and-font-color: #da333f;*/
    --liked-fill-and-font-color: #e32432;
    --logged-navbar-buttons-container: rgba(20, 30, 40, 50%);
    --login-signup-background: #061019;
    --login-signup-container-color: #9facb8;
    --logged-user-card-background: var(--product-card-background-color);
    --logged-user-card-name-color: #dadbdb;
    --logged-user-card-details-color: #dadbdb;

/*====M DARK=======================*/
    /*--main-blue: #4483b9;*/
    --main-blue: #5789cf;
    --main-logo-fill: #FFC83D;
    --main-logo-fill: #2eaeff;
    --main-logo-fill: #4c9dff;
    --main-logo-fill: #5ab5ff;
    /*--main-logo-fill: #ffec3d;*/
    /*--main-logo-fill: #FFD23F;*/
    /*--main-logo-fill: #FFD700;*/
    /*--main-banner-background: linear-gradient(#002036, #0b0f19);
    --main-banner-background: linear-gradient(var(--base-blue), #0b0f19);*/
    --main-banner-background: linear-gradient(var(--base-blue), var(--sub-blue));
    --main-banner-background: linear-gradient(var(--base-blue), var(--sub-blue), transparent, transparent);
    --main-banner-background: transparent;
    --main-banner-search-icon-color: #febb35;
    --main-banner-search-icon-color: #2eaeff;
    --main-banner-search-box-shadow: 2px 4px 11px rgb(0 0 0 / 14%), 2px 5px 9px rgb(0 0 0 / 13%), 2px 3px 7px rgb(0 0 0 / 3%), 2px 1px 3px rgb(0 0 0 / 9%);
    --main-blue-translucent: rgba(16, 32, 47, 50%);
    /*--main-containers-background: #11181c;*/
    --main-logo-text-shadow: 1px 2px 1px rgb(81 119 139 / 50%);
    --main-logo-start-gradient: #ffb100;
    --main-logo-end-gradient: #ff9900;
    --main-search-border: 5px solid #101922;

    /*--main-search-input-background: linear-gradient(to right, #0a0b0c, #2b2926);
    --main-search-input-background: linear-gradient(to right, #252626, #2b2926);
    --main-search-input-background: linear-gradient(to right, #3e3f3f, #4a4134);
    --main-search-input-background: linear-gradient(to right, #4e5051, #3e3f3f, #4a4134);*/
    --main-search-input-background: linear-gradient(to right, #4e5051, #3e3f3f, #6c5738);
    --main-search-input-background: linear-gradient(to right, #4e5051, #3e3f3f, #38606c);
    --main-search-input-background: linear-gradient(to right, #333333, #0b0b0b, #38606c);
    /*--main-search-input-background: linear-gradient(to right, #333333, #191b1d, #155a83);*/
    --main-search-input-background: linear-gradient(to right, #333333, #191b1d, #38606c);
    --main-search-input-background: linear-gradient(to right, #2d3236, #191b1d, #38606c);
    --mobile-back-arrow-border: 2px solid #dfe4d5;
    
    /*--mobile-hidden-nav-options-background: linear-gradient(var(--base-blue), #0b1218);*/
    --mobile-hidden-nav-options-background: linear-gradient(var(--base-blue), #121314);

    /*--mobile-add-post-cross-fill-color:#ffb300;
    --mobile-add-post-cross-fill-color: #ffd521;
    --mobile-add-post-cross-fill-color: #21b7ff;*/
    /*--mobile-nav-icon-color: #bcb8ae;*/
    /*--mobile-nav-icon-color: #b8b8b8;*/
    --mobile-nav-icon-color: #b7b7b7;
    --mobile-nav-icon-color: #EAEAEA;
    --mobile-nav-icon-color: #f1f1f1;
    --mobile-product-card-border: 1px solid #000000;
    --mobile-product-name-color: #f1feeb;
    --modal-transparent-background:rgb(0 0 0 / 74%);
    /*--modal-window-background-color: linear-gradient(165deg, #3f3f3f, #252525);*/
    --modal-window-background-color: linear-gradient(165deg, var(--base-blue), var(--sub-blue));
    --more-options-font-color: #ffffff;
    --more-options-fill-color: #fbfbfb;
    --mobile-side-scrolling-fade-in-right: linear-gradient(to left, var(--categories-and-boosted-posts-containers-background), rgba(0, 0, 0, 0));
    --mobile-side-scrolling-fade-in-left: linear-gradient(to right, var(--categories-and-boosted-posts-containers-background), rgba(0, 0, 0, 0));
    --misc-options-color: #60b5ff;
    
    
    /*====N DARK=======================*/
    --nav-search-border: 1px solid #1a1a1a;
    --nav-search-border: none;
    --navbar-background: rgb(2 2 3);
    --new-notif-background:#435a80;
    --notif-btn-type-border-bottom-color: #000000;
    --notif-selected-background-color: #d39013;
    --notifications-hover-background: #000;
    /*--notifications-container-background-color: linear-gradient(165deg, #24282b, #1e2022);*/
    --notifications-container-background-color: linear-gradient(165deg, #222223, #131313);

/*====P DARK=======================*/
    --placeholder-color: #3b4f5f;
    --product-card-background-color: #282b2c;
    --product-card-box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.23);
    --product-card-category-background:#333435;
    --product-card-category-background: #2f2f2f;
    --product-card-category-background: #282828;
    --product-card-customer-review-background-color: #212121;
    --product-card-customer-review-font-color: #b0c2cf;
    --product-card-category-color:#a5a5a5;
    --product-card-category-color: #cdc9c9;
    /*--product-card-dots-color: #bed0dc;*/
    --product-card-dots-color: #d1d1d1;
    --product-card-img-box-shadow:0px 1px 3px rgb(11 11 11 / 10%), 0px 2px 5px rgb(0 0 0 / 6%);
    --product-card-hidden-nav-options-background: #1b1b1b;
    --product-card-actions-background: var(--sub-blue);
    --product-card-product-name-color: #cecece;
    --product-card-product-name-color: #EAEAEA;
    --product-card-product-name-color: #c7c5c5;
    --product-card-like-count-color: #c1c7c9;
    --product-card-shop-name-color: #a2a7ab;
    --product-window-background-color: #151a1e;
    --product-price-color: #dcdcdc;
    --product-price-color: #d4d3d3;
    --product-window-more-options-border: 1px solid #e1e1e1;
    --product-window-more-options-hover-background: #f3f3f4;
    --product-window-dots-color: #dee0e2;
    --product-window-font-color: #e8f0f5;
    --product-window-shop-link-color: #fff;    
    --product-window-product-details-background: linear-gradient(#0E1B2D, #0b1218);
    
    --product-window-product-details-background: var(--add-post-container-background);
    --product-window-product-details-background: var(--product-card-product-details-background);
    --product-window-shop-link-border: 1px solid #000;
    --product-card-like-icon-fill-color: #ffffff;

    
    /*--product-card-product-details-background: #1B1D20;*/
    
    /*--product-card-product-details-background: #1b1e21;*/
    --product-card-product-details-background: #1d1f21;
    
    --product-card-product-details-background: #202021;
    
    --product-card-product-details-background: #1e1e1f;
    
    --product-card-product-details-background: #131313;
    --product-card-product-details-background: #252525;
    --product-card-product-details-background: #1c1c1c;
    --product-card-product-details-background: #191919;
    --product-card-product-details-background: #181818;
    /*--product-card-product-details-background: #1d1d1f;
    --product-card-product-details-background: #1e1e1e;*/
    /*--product-card-product-details-background: #1e2123;*/
    --pc-colored-navbar-background: var(--body-background-color);
    --pc-colored-navbar-background: rgba(15, 15, 15, 1);
    --pc-colored-navbar-background: var(--base-blue);
    --product-window-liked-icon-and-text-color: #ff1b1b;
    --pc-navbar-border-bottom-color: #000000;
    --pc-nav-icons-fill-color: #f8f8f8;

/*====R DARK=======================*/
    --reviewer-name-background: #0c0d0d;
    --reviewer-name-color: #d4e2eb;

/*====S DARK=======================*/
    --selected-login-signup-btn: #152533;
    --shareable-link-background: #343739;
    --search-placeholder-color:#efd98f;
    --search-placeholder-color:#f3f3f3;
    --search-input-font-color: #d6e0e6;
    /*--search-results-top-info-background: #1c1c1c;*/
    --search-results-top-info-background: #1c1f22;
    --search-result-choose-visibility-background: #34475b;
    /*--show-moire-options-background: rgba(0,0,0,53%);*/
    /*--show-moire-options-background: rgb(46 95 128 / 53%);*/
    --show-moire-options-background: rgb(255 180 0);
    --show-moire-options-background: rgb(41 41 41);
    --searches-title-font-color: white;
    --social-share-modal-bg: var(--product-card-product-details-background);
    /*--shop-location-font-color: #9b9b9b;*/
    --shop-location-font-color: #a7a7a7;
    --sold-by-font-color: #bdbcbb;
    --shop-link-background: #434343;

    --topbar-logo-color: #FFC83D;
    --topbar-logo-color: #2eaeff;
    /*--topbar-logo-color: #001826;*/
    
/*====U DARK=======================*/
    --unfocused-btn-color: var(--hidden-nav-option-font-color);
    --user-public-profile-font-colors: #ffffff;
    --user-card-background-color: var(--body-background-color);

/*====W DARK=======================*/
    --wants-card-color: white;
    --wants-card-border: 1px solid #000;
    --white-translucent: rgba(255, 255, 255, 7%);
    --window-btn-hover-bg: #000000;
    
/*=====DARK MODE CATEGORY BACKGROUNDS=============*/   
    --gadgets-electronics-svg-background: #00E06D;
    --computers-or-peripherals-svg-background: #9C6AFF;
    --womens-fashion-svg-background: #FF55AC;
    --mens-fashion-svg-background: #50B3FF;
    --beauty-health-and-wellness-svg-background: #F04FB3;
    --home-essentials-svg-background: #F8B926;
    --appliances-furnitures-svg-background: #A9BEDF;
    --food-and-beverages-svg-background: #F0422C;
    --toys-and-baby-products-svg-background: #FFC52B;
    --e-load-or-digital-goods-svg-background: #50B5FF;
    --hobbies-outdoors-svg-background: #63E072;
    --arts-and-crafts-svg-background: #CB5FFF;
    --gaming-svg-background: #E62F5C;
    --pet-supplies-svg-background: #FFA726;
    --office-and-school-supplies-svg-background: #3AB8FF;
    --cars-vehicles-svg-background: #80ABC0;
    --housing-or-real-estate-svg-background: #50BEFF;
    --pre-owned-svg-background: #B176FF;
    --services-svg-background: #4ED7C6;
    --rentals-svg-background: #64EA52;
    --jobs-manpower-svg-background: #C762FF;
    --travel-destinations-svg-background: #F36A3D;
    --plants-and-gardening-svg-background: #85EF58;
    --books-svg-background: #E96080;

    
    
}
html, body{
    margin:0;
    padding:0;
    height:100%;
}
body{
    font-size: 16px; 
    background: var(--body-background-color);
	font-family: var(--main-font);
    -webkit-font-smoothing: antialiased;
    -webkit-touch-callout: none;
    -webkit-font-smoothing: antialiased; /* For Webkit-based browsers like Edge, Chrome */
    -moz-osx-font-smoothing: grayscale;
}
*{
	margin: 0;
    padding: 0;
	box-sizing: border-box !important;
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;
    -webkit-touch-callout: none;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smooth: always;
}
a{
    text-decoration:none;
}
#main_container{
    display: flex;
    flex-direction: column;
    height: initial;
    width: initial;
}
#navbar{
	position:fixed;
    top: 0;
	display:flex;
    flex-direction: row;
    justify-content: center; 
    align-items: center;
	padding: 0 20px;
	min-width:100%;
	color: var(--main-orange);
    background: var(--pc-colored-navbar-background);
    /*backdrop-filter: blur(24px);*/
    /*border-bottom: 1px solid var(--pc-navbar-border-bottom-color);*/
	font-size: 2.24rem;
	font-weight:bold;
	min-height: 56px;
    z-index: 999;
    transition: 0.2s ease-out;
}
#primary_container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
    min-height: 100%;
}
.colorize_navbar, .logged_navbar{
    /*background:var(--main-blue) !important;
    background: var(--colored-navbar-background) !important;
    backdrop-filter: blur(4px) !important;*/
}
.hide_nav_from_homepage{
    background:transparent !important;
    border-bottom:none !important;
    transition: 200ms ease-out;
}
.hide_nav_from_homepage #notifications_icon_svg path, .pc_nav_wants_icon_container svg path{
    fill:white;
}
.hide_logo_from_homepage_top{
    display:none !important;
}
#brand_link{
    line-height: 3.1rem;
}
.navbar_search_container{
    display:flex;
    flex-direction:row;
    justify-content: center;
    align-items: center;
}
.navbar_sub_container, .navbar_buttons_container{
    display:flex;
    flex-direction:row;
    gap:1rem;
    justify-content: center;
    align-items: center;
}
.navbar_sub_container{
    width: 100%;
    min-width: 70vw !important;
    max-width: 1400px !important;
    justify-content: space-between;
    padding: 0px 12px;
}
.pc_home_btn, .navbar_buttons_container{
    flex:1;
}
.pc_home_btn{
    width: 150px;
    max-width: 150px;
}
.navbar_buttons_container{
    /*flex: 4;
    backdrop-filter: none;
    border-radius: 30px;
    border-radius: 30px;
    width: 500px;
    gap: 32px;
    padding: 0;
    opacity: 100;*/
    backdrop-filter: none;
    border-radius: 30px;
    width: 500px;
    gap: 32px;
    padding: 0;
    opacity: 100;
    margin-left: 74px;
}
.navbar_buttons_container svg path{
    fill:white;
    fill: var(--pc-nav-icons-fill-color);
}
#nav_search_btn svg path{
    fill: var(--pc-nav-search-icons-fill-color);
}
.hidden_navbar_buttons_container_class{
    visibility:hidden;
}
.nav_middle_icons{
    flex:1;
}
.show_notifications_btn:hover{
    cursor:pointer;
}
#notifications_icon_svg{
    width:auto;
    height: 18px;
}
.pc_nav_add_post_btn svg path, .logged_out_pc_nav_add_post_btn svg path, #notifications_icon_svg path, .pc_wants_page svg path{
    fill:var(--pc-nav-icons-fill-color);
}
.total_new_notifs_counter{
    position: absolute;
    min-width: 18px;
    min-height: 18px;
    max-width: 50px;
    background: red;
    color: white;
    font-size: 0.7rem;
    text-align: center;
    border-radius: 12px;
    padding: 2px;
    transform: translate(9px, -9px);
    user-select: none;
}
.notifications_container{
    position: fixed;
    display: flex;
    flex-direction: column;
    /*background: var(--notifications-background-color);*/
    color: var(--default-font-color);
    background: var(--product-card-product-details-background);
    background: var(--notifications-container-background-color);
    transform: translate(62vw, -100vh);
    z-index: 6;
    /*transition:0.05s ease-out;*/
    max-height: 80vh;
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .2), 0 2px 4px 0 rgba(0, 0, 0, .1);
}
.show_notifications_container{
    transform: translate(62vw, 55px);
}
.notifications_type_container{
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 0;
    justify-content: space-around;
    align-items: center;
    max-height: unset;
    min-width:450px;
    flex: 1;
    padding: 0;
    border-bottom: 1px solid var(--notif-btn-type-border-bottom-color);
}
.selected_notif_type_slider, #posts_notifications_btn, #liked_notifications_btn, #commenters_notifications_btn, #followers_notifications_btn{
    display:flex;
    flex-direction:column;
    justify-content: center;
    display: flex;
    align-items: center;
    height: 48px;
    min-height: 48px;
    padding: 0;
    font-size: 0.875rem;
    font-size: 0.8rem;
    font-weight: 600;
    user-select: none;
    flex:1;
    z-index: 2;
}
.selected_notif_type_slider{
    position: absolute;
    width: 25%;
    left: 0;
    z-index: 1;
    background:var(--notif-selected-background-color);
    border-bottom: 2px solid orange;
    will-change: transform;
    transition: transform 195ms ease-out;
}
.move_to_second{
    transform: translateX(100%);
}
.move_to_third{
    transform: translateX(200%);
}
.move_to_fourth{
    transform: translateX(300%);
}
.move_to_fifth{
    transform: translateX(400%);
}
.notifs_new_likers_counter_container, .notifs_new_commenters_counter_container, .notifs_new_followers_coutner_container{
    padding: 0;
    font-size: 0.7rem;
    font-weight: 700;
    color: #ff8400;
}
.posts_notifications_btn:hover, .liked_notifications_btn:hover, .commenters_notifications_btn:hover, .followers_notifications_btn:hover{
    cursor:pointer;
}
.notifications_sub_container{
    flex:1;
    overflow:auto;
    overscroll-behavior: contain;
    min-height: 500px;
}
.notifications_inner_container{
    display: flex;
    flex-direction: column;
    /*gap: 16px;*/
}
.notifications_comment_container, .notifs_following_user_new_post_container , .notification_liked_container, .notifications_followers_container{
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 10px 13px;
    font-size: 0.753rem;
    font-weight: 400;
    color: var(--notifications-color);
    color: var(--default-font-color);
    max-height: 150px;
}
.notifs_following_user_new_post_details_container{
    display:flex;
    flex-direction:column;
    width: 100%;
    max-width: 300px;
    gap: 4px;
    color: var(--default-font-color);
}
.notifs_new_post_details_container{
    flex:1;
    display:flex;
    justify-content: start;
    align-items: center;
}
.notifs_new_post_poster_details_container{
    display:flex;
    flex-direction:row;
    gap: 4px;
    flex: 1;
}
.notifs_new_post_poster_name{
    font-weight:600;
}
.notifs_new_post_poster_ppic_container{
    width: 20px;
    height: 20px;
    overflow: hidden;
    border-radius: 100%;
}
.notifs_new_post_poster_ppic_container img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.notif_pseudo_image, .notifs_new_post_image_container{
    color: white;
    width: 100px;
    min-height: 60px;
    max-height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.63rem;
    border-radius: 8px;
    overflow: hidden;
    padding: 0;
}
.notif_pseudo_image{
    background: var(--main-banner-background);
    padding: 8px 8px;
}
.notifs_new_post_image_container img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.new_notif{
    background: var(--new-notif-background);
}
.notif_details_container{
    display: flex;
    flex-direction: column;
    max-width: 300px;
}
.notification_liked_container:hover, .notif_new_post_notif_container:hover, .notif_follower_notif_container:hover{
    cursor:pointer;
    background:var(--notifications-hover-background);
}
.notifications_follower_details_container, .notifications_commenter_name_and_comment_details_container{
    display:flex;
    align-items:center;
    max-width: 300px;
    flex-direction: column;
    justify-content: start;
}
.notifications_follower_date_followed_container{
    display: flex;
    justify-content: start;
    width: 100%;
}
.notif_details_action_container{
    line-height: 1.22rem;
    white-space: normal;
    overflow: hidden;
    word-wrap: break-word;
}
.notif_details_date_reacted_container, .notifs_date{
    font-size: 0.72rem;
    font-weight: 300;
    line-height: 16px;
}
.notif_profile_pic_inner_container{
    width: 40px;
    height: 40px;
    overflow:hidden;
    border-radius:100%;
}
.notif_profile_pic_inner_container img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.notif_name, .notif_post_title{
    font-weight:600;
}
.totally_no_new_notifs{
    padding:10px;
}
.notif_and_more_options_container{
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.show_notifications_btn{
    display: flex;
    width: 50px;
    justify-content: center;
    align-items: center;
}
.pc_show_more_options {
    display: flex;
    flex-direction: row;
    justify-content: right;
    align-items: center;
    gap: 8px;
    user-select: none;
    font-size: 0.81rem;
    font-weight: 450;
    color: var(--pc-nav-icons-fill-color);
    margin: 0;
    width: auto;
    min-width: 50px;
    height: 56px;
    text-align: center;
    flex: 1;
}
.pc_show_more_options_sub_container{
    display:flex;
    flex-direction:row;
    gap:8px;
    color:white;
    width: auto;
    max-width: 212px;
    padding: 7px 0px;
    border-radius: 25px;
    line-height: 1.5rem;
}
.logged_out_more_options{
    background: var(--show-moire-options-background);
    padding: 4px 12px;
}
.pc_navbar_ppic_container, .main_option_user_container_ppic_container{
    width: 30px;
    height: 30px;
    border-radius: 100%;
    overflow: hidden;
}
.pc_navbar_ppic_container img, .main_option_user_container_ppic_container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.main_option_user_container_name_container{
    display:flex;
    align-items:center;
}
.pc_home_icon_container, .pc_nav_wants_icon_container, .pc_wants_page {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 70px;
    justify-content: center;
    align-items: center;
    flex: 1;
}
.pc_home_icon_container:hover, .pc_nav_wants_icon_container:hover, .pc_wants_page:hover{
    cursor:pointer;
}
.pc_home_icon_container svg, .pc_nav_wants_icon_container svg{
    margin-top: 13px;
    width: 27px;
    height: 22px;
}
.pc_nav_wants_icon_container svg{
    height: 18px;
    margin-top: 0;
}
.pc_home_icon_roof{
    position: relative;
    left: 0;
    top: 24px;
    width: 22px;
    height: 22px;
    border: 3px solid var(--mobile-nav-icon-color);
    border-radius: 4px;
    border-right: none;
    border-bottom: none;
    transform: rotate(45deg) translate(11%, -62%);
}
.pc_home_icon_blocker{
    position: relative;
    display: inline-block;
    width: 34px;
    height: 26px;
    background: var(--body-background-color);
    top: 18px;
    left: 21px;
    transform: translate(-50%, 10px);
}
.pc_home_icon_walls{
    position: relative;
    display: block;
    top: 22px;
    left: -11px;
    width: 23px;
    height: 22px;
    border: 3px solid var(--mobile-nav-icon-color);
    border-top: none;
    border-radius: 6px;
}
.pc_wants_icon_flagpole{
    position: relative;
    border: 1px solid var(--mobile-nav-icon-color);
    width: 2px;
    height: 21px;
    background: var(--mobile-nav-icon-color);
    top: 14px;
}
.pc_wants_icon_flag{
    position: relative;
    border: 2px solid var(--mobile-nav-icon-color);
    width: 20px;
    height: 13px;
    top: 15px;
    left: -2px;
    transform: rotate(5deg);
}
.pc_add_post_btn, .pc_login_signup_btn, .pc_login_to_add_post_card {
    text-align: center;
    font-weight: 300;
    color: var(--mobile-nav-icon-color);
}
.pc_mobile_nav_wants_icon_container{
    height: 2.1rem;
    width: 100%;
}
.pc_add_post_cross{
    position: relative;
    top: -3px;
}
.pc_heart_square1{
    position: relative;
    border: 2px solid var(--mobile-nav-icon-color);
    width: 13px;
    height: 13px;
    left: 50%;
    top: 1rem;
    transform: rotate(45deg) translateX(-50%);
}
.pc_heart_circle1{
    position: relative;
    border: 2px solid black;
    width: 12px;
    height: 13px;
    top: -0.4rem;
    left: 1.47rem;
    border-radius: 100%;
    background: white;
}
.pc_heart_circle2{
    position: relative;
    border: 2px solid black;
    width: 12px;
    height: 13px;
    top: -1.2rem;
    left: 2.094rem;
    border-radius: 100%;
    background: white;
}
.pc_heart_square2{
    position: relative;
    width: 9px;
    height: 10px;
    left: 47%;
    top: -26px;
    background: #ffffff;
    transform: rotate(45deg);
}
.pc_mobile_wants_icon_flagpole{
    position: relative;
    width: 2px;
    height: 19px;
    left: 38%;
    top: 4px;
    border: 1px solid var(--mobile-nav-icon-color);
}
.pc_mobile_wants_icon_flag{
    position: relative;
    width: 16px;
    height: 11px;
    top: -0.75rem;
    left: 38.7%;
    border: 2px solid var(--mobile-nav-icon-color);
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    transform: rotate(6deg);
}
.pc_search_icon_container{
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}
.pc_search_icon_glass{
    position: relative;
    width: 18px;
    height: 18px;
    border: 3px solid var(--mobile-nav-icon-color);
    border-radius: 100%;
    top: 0;
    transform: translate(60%, 38%);
}
.pc_search_icon_handle{        
    position: relative;
    width: 3px;
    height: 13px;
    border: 1px solid var(--mobile-nav-icon-color);
    border-radius: 10px;
    background: var(--mobile-nav-icon-color);
    left: 151%;
    top: 1px;
    transform: rotate(321deg);
}
.pc_navbar_clickable:hover{
    cursor:pointer;
}
#mobile_navbar{
    display:none;
}
.blue_navbar{
    background: var(--main-blue) !important;
}
.content_container{
    position:relative;
	display: flex;
    flex-direction: column;
	min-width:100%;
	height: auto;
    min-height: auto;
    flex:1;
}
#navbar_sub_container{
    display: flex;
    width: 1344px;
    padding: 10px 20px;
}
#hidden_search{
    position: fixed;
    height: 1px;
    background: var(--main-blue);
    width: 100vw;
    margin-top: 0;
    overflow: hidden;
    z-index: 998;
    transition: 0.21s ease-out;
}
.show_hidden_search{
    height: 570px !important;
}
.nav_child{
    flex-grow:1;
}
.nav_search_btn_container, .more_options_container{
    position: relative;
    display: flex;
    margin-left:auto;
    justify-content: right;
}
.nav_search_btn_container{
    justify-content: center;
}
#logo, #main_logo, .main_logo, #logo a, #main_logo a, .main_logo a{
    color: #398cf4;
	color: var(--main-orange);
    color: var(--logo-color);
	text-decoration:none;
	/*text-shadow: var(--main-logo-text-shadow);*/
	/*background: var(--main-blue);*/
    user-select: none;
}
#logo{
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 36%);
    text-shadow: 0px 2px 0px #909da5, 0px 14px 10px rgba(0, 0, 0, 0.15), 5px 9px 1px rgba(0, 0, 0, 0.1), 0px 26px 30px rgba(0, 0, 0, 0.1);
    width: 150px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nav_logo{
    width:180px;
}
#logo svg{
    width:150px;
}
#mura, .mura{
    color:white;
}
#doon, .dito{
    /*color:var(--logo-color);*/
    color:white;
}
#top_banner{
    position: absolute;
    top: 0;
    width: 100%;
    height: 351px;
    height: 374px;
    height: 424px;
    background: var(--main-banner-background);
}
.main_logo_and_search_container{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 450px;
    height: 432px;
    height: 351px;
    height: auto;
    /*background: var(--main-banner-background);*/
    border-radius: 0;
    will-change: transform;
    transform: translate3d(0, 0, 0);
    padding-top: 52px;
    padding-top: 24px;
    padding-top: 32px;
    border-bottom-left-radius: 15%;
    border-bottom-right-radius: 15%;
}
#custom_bg{
    position: absolute;
    width: 100%;
    height: 675px;
    top: 0;
    left: 0;
    opacity: 1;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: 1.5s ease;
    z-index: 1;
    overflow: hidden;
    background: linear-gradient(45deg, #090f17, #001425, #001425, #021925);
    background: linear-gradient(45deg, #0d61d0, #0783fb, #0783fb, #1482e0, #0783fb);
}
.stars{
    position: relative;
    width: 100px;
    height: 100px;
    background: #fffdee;
    border-radius: 100%;
    left: 56%;
    transform: translate(50%, 74%);
    box-shadow: 0px 2px 50px #fffdee;
}
.show_custom_bg{
    opacity:1 !important;
    transition: 1.5s ease;
}
.fixed_main_logo_and_search_container{
    position: fixed;
    width: 100vw;
    overflow: hidden;
    z-index: 998;
}
.transformed_above{
    transform: translate(0, -674px);
}
#main_logo_and_search_sub_container{
    display: flex;
    flex-direction: column;
    /*gap: 36px;*/
    gap: 32px;
    gap: 16px;
    height: auto;
    /*transform: translateY(-40px);*/
}
#main_logo, .main_logo{
	display: flex;
    justify-content: center;
    align-items: center;
    height: 88px;
    min-height: 88px;
    text-align: center;
    font-family: "Inter", serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    flex: 1;
}
#main_logo_shadow{
    position: absolute;
    /*width: 479px;*/
    /*width: 440px;*/
    width: 400px;
    width: 350px;
    /*transform: translate(11px, 25px);*/
    /*transform: translate(11px, 23px);*/
    transform: translate(7px, 20px);
    filter: blur(3px);
    z-index: 1;
}
#main_logo_shadow path{
    fill: var(--main-logo-shadow-color) !important;
    filter: blur(3px);
}
#main_logo_text{
    position: relative;
    /*width: 479px;*/
    /*width: 440px;*/
    width: 400px;
    width: 350px;
    z-index: 8;
    transform: perspective(685px) rotateY(353deg) translate(-10px, 0px);
    transform: rotateY(353deg) translate(-10px, 0px);
    transform: rotateY(353deg) translate(0px, 0px);
    transform: translate(0px, 0px);
    transform-origin: right;
    mask-image: linear-gradient(#ffb100, #ff9900);
    -webkit-mask-image: linear-gradient(#ffb100, #ff9900);
    /*filter: drop-shadow(7px 13px 5px rgba(0, 0, 0, 21%));
    filter: drop-shadow(10px 23px 5px rgba(0, 0, 0, 30%));*/
}
#main_logo_text path{
    fill:var(--main-logo-fill);
}
#logo #main_logo_text path{
    fill:var(--topbar-logo-color) !important;
}
.hide_nav_from_homepage #logo {
    fill: #001826 !important;
    visibility:hidden !important;
}
#i_dot{
    /*fill:rgb(225 255 0) !important;*/
}
#footer{
	position: relative;
    display: block;
    text-align: center;
    width: 100%;
    padding: 20px;
    color: white;
    background: var(--footer-background);
	display:inline-block;
    font-size: 0.88rem;
    height: var(--footer-height);
}
#search_outer_container, #homepage_content_container{
	display:flex;
	flex-direction: column;
}
#search_outer_container{
    align-items: center;
    padding: 0px 20px 0px 20px;
	/*height:350px;*/
	height: 320px;
    flex: 1;
}
#search_main_container, .search_location_input_container, .add_product_input_container{
	position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 25px;
    overflow: hidden;
    width: 560px;
    max-width: 560px;
    min-height: 48px;
    max-height: 48px;
}
#search_main_container{
    background: var(--main-search-input-background);
    box-shadow: var(--main-banner-search-box-shadow);
}
#search_main_container:has(#search:focus) {
 	/*border:5px solid #f7a23d;*/
}
#advance_search_fields{
	/*padding-top: 55px;*/
    padding-top:37px;
}
#advance_search_fields_circle{
	border: none;
    border-radius: 100%;
    padding: 27px;
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 8;
	left: 50%;
    right: 50%;
    transform: translate(-50%, 0);
	cursor:pointer;
}
#advance_search_fields_circle:hover #advance_search_fields_box1{
	color: #47ff56;
}
#advance_search_fields_circle:hover #advance_search_fields_box2{
	border-color:#47ff56;
	transform: rotate(45deg) scale(1.2);
}
#advance_search_fields_box1,#advance_search_fields_box2{
	position: absolute;
	z-index:2;
}
#advance_search_fields_box1{
	width: auto;
    height: auto;
    /*color: #e6e8f7;*/
    color: #cbdeef;
    background: var(--main-blue);
    top: -1px;
    left: -7px;
    padding-bottom: 7px;
}
#advance_search_fields_box2{
	width: 25px;
    height: 25px;
    border: var(--advanced-search-options-down-arrow);
    transform: rotate(45deg);
    z-index: 1;
    top: 12px;
    left: 15px;
    border-top: none;
    border-left: none;
}
.advanced_search_fields_sub_container{
    height:0;
    overflow:hidden;
}
.advanced_search_location_container, .new_post_input_container, .product_window_sub_container{
    position: relative;
    /*width: 525px;*/
    /*width: 682px;*/
    /*width: 636px;*/
    width: 680px;
    /*left: 50%;
    right: 50%;
    transform: translateX(-50%);*/
    color: white;
    font-size: 0.9rem;
}
.new_post_input_container, .product_window_sub_container{
    width: 470px;
}
.search_location_input_container{
    width:100%;
}
.add_post_container, .product_window_container, .login_window_container{
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    /*background: rgb(23 24 24 / 91%);
    backdrop-filter: blur(7px);*/
    /*background: rgb(0 0 0 / 93%);*/
    top: 0;
    left: 0;
    overflow-y:auto;
    z-index: 5;
}
.add_post_container{
    padding-top: 10px;
    height: calc(100vh - 56px);
    margin-top: 56px;
    justify-content: flex-start;
    color: var(--default-font-color);
    background:var(--product-card-product-details-background);
    background: var(--add-post-container-background);
}
.add_new_post_title{
    font-size: 1.5rem;
    font-weight: 700;
}
.add_post_sub_container{
    width:50%;
}
.login_window_container{
    width:100%;
    height:100%;
    background: rgb(209 209 209 / 74%);
    background: var(--modal-transparent-background);
    backdrop-filter: blur(2px);
}
.product_window_container{
    width: 100%;
    height: calc(100vh - 56px);
    justify-content: flex-start;
    align-items: flex-start;
    overflow-x: hidden;
    margin-top: 56px;
    flex-direction: row;
    background:var(--product-window-product-details-background);
}
.make_visible{
    opacity:1 !important;
    display:block;
}
.new_post_input_container, .product_window_sub_container{
    color: #313436;
    background: var(--modal-window-background-color);
    padding: 0;
    /*top: 50%;
    transform: translate(-50%, -50%);*/
    border-radius: 8px;
    border: none;
    max-height: 97vh;
}
.new_post_input_container{
    width: auto;
    max-width: 800px;
    border-radius: 16px;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.add_post_image_preview_and_fields_container{
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 12px;
}
.add_post_image_previews_containers, .add_post_input_fields_container{
    position:relative;
    display:flex;
    flex-direction: column;
    gap:8px;
    width:50%;
    flex:1;
}
.new_post_input_container h2, .new_post_input_container h4{
    text-align:center;
    font-size: 1.4rem;
    font-weight: 600;
    padding-top: 16px;
}
.new_post_input_container h4{
    font-size: 1.25rem;
    font-weight: 400;
}
.product_window_more_btn_container{
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 0;
    color: var(--product-window-font-color);
    flex: 1;
    align-items: center;
    bottom: 0;
    width: 100%;
    margin-top: 16px;
}
.product_window_comment_title_and_comments_container{
    width:100%;
}
.product_window_counters_container{
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 50px;
    justify-content: space-around;
    align-items: center;
}
.product_window_add_comment_contianer{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    min-width: 400px;
}
.product_window_comment_input_and_submit_btn_container{
    display: flex;
    flex-direction: row;
    background: var(--product-window-add-comment-input-background);
    /*border: var(--add-comment-input-border);*/
    border-radius: 25px;
    justify-content: center;
    align-items: self-end;
    width: 90%;
}
.product_window_add_comment_input{
    color: var(--add-comment-input-color);
    background:var(--product-window-add-comment-input-background);
    width: 90%;
    border-radius: 25px;
    padding: 8px 6px;
    padding: 8px 12px;
    text-align: left;
    font-size: 0.83rem;
    max-height: 160px;
    overflow-y: auto;
}
.product_window_add_comment_input:empty::before {
    content: attr(data-placeholder);
    color: #aaa;
    pointer-events: none; /* Allows typing over the placeholder */
}
.char_count{
    font-size:0.7rem;
    padding: 10px;
}
.product_window_comment_submit_btn_container{
    padding: 6px 16px 6px 0px;
}
.product_window_comment_submit_btn_container svg{
    height: 14px;
}
.product_window_comment_submit_btn_container:hover{
    cursor:pointer;
}
.product_window_add_comment_input:focus{
    border:none;
    outline:none;
}
.product_window_buttons{
    position: relative;
    bottom: 0;
    right: 0;
    /*background: var(--product-card-product-details-background);*/
    background: transparent;
    display: flex;
    flex-direction: row;
    border-bottom: none;
    gap: 16px;
    width: 544px;
    height: 48px;
    min-height: 56px;
    border-top: none;
    z-index: 9999999;
}
.product_window_buttons div{
    display: flex;
    flex-direction: row;
    gap: 4px;
    flex: 1;
    font-size: 0.76rem;
    font-weight: 400;
    user-select: none;
    line-height: 1.5rem;
    padding: 0;
    justify-content: center;
    align-items: center;
}
.product_window_buttons div:hover{
    background: var(--window-btn-hover-bg);
    cursor:pointer;
}
.product_window_buttons svg{
    position: relative;
    height: 15px;
}
.product_window_actions_btn svg path{
    fill:var(--product-window-font-color);
}
.saved_btn{
    color:#5e04b7;   
    color:#ffac00;
    font-weight:600 !important;
}
.saved_btn svg path{
    fill: #5e04b7;
    fill:#ffac00;
}
.shareable_link_container{
    background: var(--shareable-link-background);
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 10px;
    /*border: 1px dashed #f0f5ed;*/
    border: 1px dashed #33414f;
    overflow-y: auto;
}
.shareable_link_container:hover{
    cursor:pointer;
}
.shareable_link_tip{
    font-size: 0.875rem;
}
.shareable_link{
    overflow-x:auto;
    font-size: 0.85rem;
    opacity:63%;
}
.share_platforms{
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    padding: 12px;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
}
.share_platforms_sub_container{
    position:absolute;
    background: var(--product-card-product-details-background);
    border-radius: 16px;
    padding: 10px;
    color: var(--product-window-font-color);
    max-width: 620px;
}
.platforms_sub_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.platforms_sub_container div{
    will-change:transform;
    flex:1;
    padding:10px;
    font-weight:600;
}
.social_share_btn{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    padding: 0;
}
.social_share_btn a svg{
    width: 35px;
}
.platforms_sub_container div:hover{
    cursor:pointer;
    transform: translateY(-3px);
}
.share_on_title{
    text-align: left;
    margin: 15px 0px 10px 0px;
    padding: 0px 3px;
    font-size: 0.875rem;
    font-weight: 500;
}
.fb_share_btn{
    color:	#1877F2;
}
.twitter_share_btn{
    color: #1DA1F2;
}
.reddit_share_btn{
    color:	#FF4500;
}
.reddit_orange_circle{
    position: relative;
    background: #FF4500;
    font-weight: 600;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    color: white;
    font-size: 3rem;
    font-weight: 600 !important;
    left: 50%;
    top: 47%;
    padding-top: 0 !important;
    transform: translate(-50%, -50%);
}
.twitter_x{
    color:black;
}
.social_share_btn{
    flex:1;
}
.new_product_input_container{
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin: 0px 6px 0px 5px;
    background: var(--add-post-input-background-color);
    border: var(--add-post-input-field-border);
    padding: 0px 10px;
    border-radius: 16px;
}
.add_post_required_field{
    border: var(--add-post-required-input-field-border);
}
.new_product_post_btn_container{
    border:none;
    padding-bottom: 15px;
    justify-content: center;
    align-items: center;
    height: 80px;
    background: transparent;
}
.add_post_title{
    font-size:0.8rem;
    padding: 5px 10px 2px;
}
.add_post_success_status_message_container{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(57 64 67 / 50%);
    backdrop-filter: blur(1px);
    top: 0;
    left: 0;
    z-index: 99999;
}
.add_post_success_status_message, .posting_success_message{
    position: relative;
    width: 300px;
    height: 200px;
    background: #ffffff;
    border-radius: 15px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.posting_success_message{
    width: 80px;
    height: 30px;
    text-align: center;
    animation: breathe 1.5s ease-in-out infinite;
}
@keyframes breathe {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
.login_and_signup_container{
    position: fixed;
    width: auto;
    height: auto;
    min-height: 300px;
    padding: 15px 15px 60px 15px;
    min-width: 360px;
    max-width: 360px;
    max-height: unset;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    color: var(--default-font-color);
}
.close_window_btn, .share_platforms_sub_container_close_btn{    
    position: relative;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    /*background: #f2f5f7;*/
    background:#ffffff;
    color: #000000;
    margin: 20px 20px;
    cursor: pointer;
    top: 20px;
    right: 20px;
    font-weight: 300;
    font-size: 5rem;
}
.close_window_btn, .close_add_post_container, .close_product_windot_container, .share_platforms_sub_container_close_btn{
    margin: 10px 10px;
    cursor: pointer;
    top: 0;
    right: 0;
    background: var(--product-window-close-btn-background);
    z-index: 99999;
}
.close_add_post_container{
    position: relative;
    float: right;
    margin-left: auto;
}
.login_and_signup_container .close_window_btn{
    position:absolute;
    margin: 16px;
}
.close_btn_x{
    transform: translate(-50%, -50%) rotate(45deg);
    position: relative;
    top: 60%;
    left: 70%;
    font-size: 2.5rem;
    font-weight: 300;
    user-select: none;
    color:var(--product-window-close-x-color);
}
.share_platforms_sub_container_close_btn{
    position: absolute;
    right: 0;
    background: var(--product-card-product-details-background);
}
.share_platforms_sub_container_close_btn .close_btn_x{
    color: var(--default-font-color);
}
.mobile_close_share_window_btn{
    display:none;   
}
.logged_user_card{
    background:var(--logged-user-card-background);
    padding: 15px;
    margin: 0px 36px;
    border-radius: 12px;
    width: 46.95%;
    box-shadow: var(--product-card-box-shadow);
    display: none;
}
.logged_user_details_container{
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 50px;
}
.logged_user_profile_picture_container{
    width: 50px;
    height: 50px;
    min-width: 50px;
    max-width: 50px;
    max-height: 50px;
    border-radius: 100%;
    overflow: hidden;
    flex:1;
}
.logged_user_card_user_details_container{
    display:flex;
    flex-direction:row;
    gap:8px;
}
.logged_user_profile_picture_container img {
    width: 100%;
    height: 100%;
}
.logged_user_name_and_details_container{
    flex:2;
    display: flex;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 30vw;
}
.logged_user_name_container{
    font-size: 0.97rem;
    font-weight: 600;
}
.logged_user_name_and_details_container div{
    color:var(--logged-user-card-details-color);
    flex: 1;
}
.logged_card_user_handle{
    font-weight:400;
}
.logged_user_card_total_container{
    font-size: 1.1rem;
    font-weight:700;
}
.logged_user_name_container a{
    color:var(--logged-user-card-name-color);
}
.logged_user_card_stats_container{
    display: flex;
    flex-direction: row;
    gap: 50px;
    text-align: center;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
}
.logged_user_card_stats_container div{
    width:50px;
}
.stats_type_word_container{
    font-size: 0.875rem;
}
.categories_container{
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--categories-and-boosted-posts-containers-background);
    min-width: 1080px !important;
    width: 100%;
    max-width: 1370px !important;
    max-height: 232px;
    /*margin: 34px 0vw 0px;*/
    margin: 12px 0vw 12px;
    padding: 16px 10px 0px;
    border-radius: 16px;
}
.categories_content{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    font-size: 0.65rem;
    gap: 0;
    text-align: center;
    overflow-y: hidden;
    overflow-x: auto;
    scrollbar-width: none;
}
.categories_content a{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 0px 8px;
    margin: 0px 0px 24px;
    gap: 8px;
    width: 115px;
    max-width: 115px;
    height: auto;
    min-height: 64px;
    color: var(--categories-font-color);
}
.categories_content a div{
    position:relative;
    display: flex;
    flex-direction:column;
    justify-content: center;
    align-items:center;
    gap: 12px;
    /*text-shadow: 0px 3px 2px rgb(34 34 34 / 6%), 0px 1px 2px rgb(30 30 30 / 7%);*/
    text-shadow: 0px 3px 2px rgb(34 34 34 / 8%), 0px 1px 2px rgb(30 30 30 / 8%);
}
.category_svg_container{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    border-radius: 100%;
    overflow: hidden;
    padding: 9px;
    box-shadow: 0px 3px 2px rgb(34 34 34 / 10%), 0px 1px 2px rgb(30 30 30 / 12%);

}
.gadgets_electronics_svg_container{
    padding: 7px;
}
.womens_fashion_svg_container{
    padding: 7px;
}
.home_essentials_svg_container{
    padding: 10px;
}
.housing_or_real_estate_svg_container{
    padding: 10px;
}
.category_container:hover{
    cursor:pointer;
}
.category_container:hover svg{
    transform:scale(1.1);
    transition: 0.2s ease-out;
}
.category_container svg{
    width: 100% !important;
    height: 100% !important;
    /*width: 30px;
    height: 30px;
    background: #f3f7f9;
    padding: 2px 4px;
    border-radius: 100%;*/
}
.category_container svg path{
    /*fill: #6d6a65;*/
    fill: var(--category-icon-fill-color);
    fill:white;
}
.gadgets_electronics_svg_container {
    background: var(--gadgets-electronics-svg-background);
}

.computers_or_peripherals_svg_container {
    background: var(--computers-or-peripherals-svg-background);
}

.womens_fashion_svg_container {
    background: var(--womens-fashion-svg-background);
}

.mens_fashion_svg_container {
    background: var(--mens-fashion-svg-background);
}

.beauty_health_and_wellness_svg_container {
    background: var(--beauty-health-and-wellness-svg-background);
}

.home_essentials_svg_container {
    background: var(--home-essentials-svg-background);
}

.appliances_furnitures_svg_container {
    background: var(--appliances-furnitures-svg-background);
}

.food_and_beverages_svg_container {
    background: var(--food-and-beverages-svg-background);
}

.toys_and_baby_products_svg_container {
    background: var(--toys-and-baby-products-svg-background);
}

.e_load_or_digital_goods_svg_container {
    background: var(--e-load-or-digital-goods-svg-background);
}

.hobbies_outdoors_svg_container {
    background: var(--hobbies-outdoors-svg-background);
}

.arts_and_crafts_svg_container {
    background: var(--arts-and-crafts-svg-background);
}

.gaming_svg_container {
    background: var(--gaming-svg-background);
}

.pet_supplies_svg_container {
    background: var(--pet-supplies-svg-background);
}

.office_and_school_supplies_svg_container {
    background: var(--office-and-school-supplies-svg-background);
}

.cars_vehicles_svg_container {
    background: var(--cars-vehicles-svg-background);
    padding: 3px;
}

.housing_or_real_estate_svg_container {
    background: var(--housing-or-real-estate-svg-background);
}

.pre_owned_svg_container {
    background: var(--pre-owned-svg-background);
}

.services_svg_container {
    background: var(--services-svg-background);
}

.rentals_svg_container {
    background: var(--rentals-svg-background);
}

.jobs_manpower_svg_container {
    background: var(--jobs-manpower-svg-background);
}

.travel_destinations_svg_container {
    background: var(--travel-destinations-svg-background);
}

.plants_and_gardening_svg_container {
    background: var(--plants-and-gardening-svg-background);
}

.books_svg_container {
    background: var(--books-svg-background);
}

/*.gadgets_electronics_svg_container {
    background:linear-gradient(141deg, #00d4ff, #0045ff);
    background: var(--gadgets-electronics-svg-background);
}
.computers_or_peripherals_svg_container{
    background: linear-gradient(45deg, #6a11cb, #2575fc);
}
.womens_fashion_svg_container {
    background: linear-gradient(143deg, #ff85b2, #ff007a);
}

.mens_fashion_svg_container {
    background: linear-gradient(125deg, #00c3ff, #007bff);
}

.beauty_health_and_wellness_svg_container {
    background: linear-gradient(131deg, #ffa5e6, #ff82c1, #ff4b91);
}

.home_essentials_svg_container {
    background: linear-gradient(152deg, #ffdb5c, #ffb700);
}

.appliances_furnitures_svg_container {
    background: linear-gradient(138deg, #b7bdc6, #808fb0);
}

.food_and_beverages_svg_container {
    background: linear-gradient(135deg, #FF6347, #FF4500, #FFD700);
}

.toys_and_baby_products_svg_container {
    background: linear-gradient(135deg, #FFD700, #FFB6C1, #87CEFA);
}

.e_load_or_digital_goods_svg_container {
    background:linear-gradient(137deg, #33ccff, #0099ff, #0066ff);
}

.hobbies_outdoors_svg_container {
    background: linear-gradient(144deg, #87e8b7, #49c779, #26a65b);
}

.arts_and_crafts_svg_container {
    background: linear-gradient(139deg, #df9eff, #c066ff, #a133ff);
}

.gaming_svg_container {
    background: linear-gradient(136deg, #dc2430, #7b4397);
}

.pet_supplies_svg_container {
    background: linear-gradient(130deg, #ffdb70, #ffbb33, #ff8c00);
}

.office_and_school_supplies_svg_container {
    background: linear-gradient(147deg, #00e4ff, #00b4ff, #0084ff);
}

.cars_vehicles_svg_container {
    background:linear-gradient(329deg, #3a5e6f, #2a586f, #7dadc2);
}

.housing_or_real_estate_svg_container{
    background: linear-gradient(45deg, #0072ff, #00c6ff);
}

.pre_owned_svg_container {
    background:linear-gradient(315deg, #6A5ACD, #7B68EE, #e0bfff);
}

.services_svg_container {
    background: linear-gradient(310deg, #05a3a3, #25bbae, #6fd6cc);
}

.rentals_svg_container {
    background: linear-gradient(135deg, #88d56f, #46a746);
}

.jobs_manpower_svg_container {
    background: linear-gradient(75deg, #ff72c0, #755bea);
}

.travel_destinations_svg_container {
    background: linear-gradient(310deg, #FF5722, #FF7043, #FFAB91);
}

.plants_and_gardening_svg_container {
    background:linear-gradient(107deg, #b5e7a0, #77dd77, #3cba54);
}

.books_svg_container {
    background: linear-gradient(108deg, #bfe9ff, #ff6e7f);
}*/

.gadgets_and_electronics_category svg{
    width: 28px;
    padding: 2px 5px;
}
.home_essentials_category svg{
    width: 28px;
}
.applicantes_furnitures_category {
    width: 28px;
}
.category_3 svg{
    width: 21px;
}
.category_4 svg{
    width: 30px;
}
.cars_vehicles_category svg{
    height: 31px;
    width: 50px;
}
.category_11 svg{
    width: 35px;
}
.category_title{
    font-size: 0.8rem;
    line-height: 1.23rem;
    font-weight: 450;
}
.boosted_posts_container {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 16px;
    margin: -128px 0px 0px;
    margin: 40px 0px 0px;
    margin: 24px 0px 0px;
    background: var(--categories-and-boosted-posts-containers-background);
    background: var(--boosted-posts-background-color);
    padding: 0px 0px 12px;
    min-width: 1080px !important;
    width: 100%;
    /*max-width: 1346px !important;*/
    max-width: 1370px !important;
    overflow: hidden;
    border-radius: 32px;
}
.boosted_posts_header, .categories_header{
    font-size: 1.1rem;
    font-weight: 550;
    color: var(--default-font-color);
    color: white;
    padding: 12px 16px 12px;
    display: none;
}
.categories_header{
    color:var(--default-font-color);
}
.boosted_posts_header #like_btn_shaded{
    height:16px;
}
.boosted_posts_header #like_btn_shaded path{
    fill:#ff0000;
}
.boosted_posts_content{
    display:flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 16px;
    will-change: transform;
    transition: transform 0.2s ease-out;
    transform: translateX(0);
    padding-top: 20px;
    padding-left: 16px;
    padding-bottom: 0;
    padding-right: 16px;
    overflow: hidden;
    min-height: 329px;
}
.boosted_posts_content:hover{
    overflow-x: auto;
}
.boosted_posts_content a{
    will-change: transform;
}
/* Custom Scrollbar for Boosted Posts */
.boosted_posts_content::-webkit-scrollbar {
    width: 12px;
    height: 12px;
}

.boosted_posts_content::-webkit-scrollbar-track {
    background: var(--boosted-posts-scrollbar-rail-background); /* Dark background */
    border-radius: 10px;
    margin: 0px 16px;
}

.boosted_posts_content::-webkit-scrollbar-thumb {
    background: linear-gradient(45deg, #f0a528, #e29530); /* Green gradient */
    background: linear-gradient(45deg, #28acf0, #3ac6ff);
    border-radius: 10px;
}

.boosted_posts_content::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(45deg, #ae9231, #a36718); /* Brighter green on hover */
    background: linear-gradient(45deg, #30a0db, #3ba5cf);
}

.boosted_post_img_container .auto_random_boosted{
    visibility: visible !important;
    display: block !important;
    background: linear-gradient(160deg, #2ca544, #abc900) !important;
}
.product_card_product_mini_status_container{
    position: absolute;
    bottom: 0;
    left:0;
    display:flex;
    flex-direction:row;
    overflow: hidden;
    border-bottom-left-radius: var(--product-card-border-radius);
}
.product_card_view_product_mini{
    position: relative;
    width: auto;
    height: 20px;
    /*background: #26ab9a;*/
    background: #03c0aa;
    background: #05b19d;
    background: #00c5ae;
    background: #00c5a6;
    bottom: 0;
    clip-path: polygon(0% 0%, 93% 0%, 100% 100%, 0% 100%);
    font-size: 0.53rem;
    font-weight: 650;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    /*padding: 2px 5px 0px 8px;*/
    padding: 2px 5px 0px 6px;
    line-height: 8px;
    border-bottom-left-radius: var(--product-card-border-radius);
    border-top-right-radius: 8px;
    border-bottom-left-radius: 0px;
}
.product_card_sellers_deal_mini{
    background:#0da0ff;
}
.product_card_active_product_mini{
    background: linear-gradient(322deg, #3ee4ff, #3ea4ff, #3ed6ff) !important;
    clip-path: polygon(0% 0%, 93% 0%, 100% 100%, 7% 100%);
    border-top-right-radius: 8px;
    left: -2px;
}
.boosted_post .boosted_post_img_container .boosted_product_card_view_product_mini, .boosted_post .boosted_post_img_container .boosted_product_card_view_product_mini .active_product, .product_card_active_product_mini{
    visibility: visible !important;
    display: block !important;
    background: linear-gradient(322deg, #3ee4ff, #3ea4ff, #3ed6ff);
}
.boosted_post:nth-of-type(-n+2) .boosted_post_img_container .boosted_product_card_view_product_mini, .boosted_post:nth-of-type(-n+2) .boosted_post_img_container .boosted_product_card_view_product_mini .latest_active{
    visibility: visible !important;
    display: block !important;
    background: linear-gradient(322deg, #7f3eff, #ff3ede, #b33eff);
}
.boosted_post:nth-of-type(-n+2) .boosted_post_img_container .active_product{
    visibility: hidden !important;
    display: none !important;
}
.boosted_post_img_container .cheap_deal, .cheap_deal{
    /*background: linear-gradient(160deg, #f8b20b, #d00d0d) !important;*/
    /*background: linear-gradient(160deg, #f8cb0b, #d00d0d) !important;*/
    /*background: linear-gradient(160deg, #f8cb0b, #d0510d) !important;*/
    background: linear-gradient(160deg, #f8cb0b, #ff6a1b) !important;
    clip-path: polygon(0% 0%, 93% 0%, 100% 100%, 7% 100%);
    border-top-right-radius: 8px;
    left: -4px;
    padding: 2px 6px 2px 10px;
}
.boosted_post_container, .boosted_post_container .product_card_pseudo_product_image{
    position: relative;
    display: flex;
    flex-direction: column;
    gap:0;
    min-width: 242px;
    min-height: 242px;
    max-width: 242px;
    max-height: unset;
    border-radius: var(--product-card-border-radius);
}
.boosted_post_controls_container{
    position: absolute;
    top: 37px;
    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: row;
    display: none;
}
.boosted_post_move_left_container, .boosted_post_move_right_container{
    position:relative;
    width:50px;
    height: 200px;
    display:flex;
    justify-content: center;
    align-items:center;
}
.boosted_post_move_right_container{
    margin-left:auto;
}
.boosted_post_move_left, .boosted_post_move_right{
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 80%);
    border-radius: 100%;
    z-index: 3;
}
.boosted_posts_container:hover .boosted_post_move_left, .boosted_posts_container:hover .boosted_post_move_right{
    display:flex;
}
.boosted_post_left_arrow, .boosted_post_right_arrow{
    position: relative;
    border: 3px solid black;
    width: 12px;
    height: 12px;
    border-right: none;
    border-bottom: none;
    transform: rotate(-45deg);
    left: 2px;
}
.boosted_post_move_left:hover, .boosted_post_move_right:hover{
    cursor:pointer;
}
.boosted_post_right_arrow{
    transform: rotate(135deg);
    left: -2px;
}
.boosted_post_img_container{
    position: relative;
    width: 242px;
    height: 242px;
    min-width: 242px;
    max-width: 242px;
    min-height: 242px;
    max-height: 242px;
    overflow:hidden;
    border-radius: 12px;
    box-shadow: var(--product-card-img-box-shadow);
}
.boosted_post_container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.boosted_post_product_name_container{
    /*font-size: 0.84rem;*/
    font-size: 0.82rem;
    color: var(--boosted-posts-product-name-color);
    font-weight: 430;
    line-height: 1.22rem;
    margin-top: 6px;
}
.boosted_post_price_container{
    color:var(--boosted-product-price-color);
    font-size: 0.97rem;
    font-weight:700;
    margin-top: 4px;
    line-height: 1.1rem;
}
.homepage_carousel_and_additionals_container{
    position: relative;
    /*display: flex;*/
    display:none;
    flex-direction: row;
    gap: 16px;
    margin: -148px 0px 0px;
    margin: -134px 0px 0px;
    margin: -128px 0px 0px;
    margin: 16px 0px 0px;
    margin: 52px 0px 0px;
    padding: 0;
    min-width: 1080px !important;
    width: 100%;
    max-width: 1470px !important;
    min-height: 280px;
}
.homepage_carousel_container{
    position: relative;
    width: 100%;
    background: var(--add-post-card-background);
    border-radius: 12px;
    overflow: hidden;
    /*box-shadow:0 0 50px 15px rgba(77, 154, 251, 0.08), 0 0 80px 25px rgba(58, 124, 214, 0.05), 0 0 120px 40px rgba(7, 56, 144, 0.03);*/
    box-shadow:none;
    transition: 400ms ease-out;
    /*box-shadow: 0px 0.5px 2px rgba(0, 0, 0, 0.08), 0px 1px 4px rgba(0, 0, 0, 0.06);*/
    /*box-shadow: 0px 0.5px 2px rgba(100, 150, 255, 0.15),  
            0px 1px 4px rgba(100, 150, 255, 0.12);*/
    box-shadow: 0px 1px 3px rgba(80, 140, 255, 0.1),  
            0px 2px 5px rgba(80, 140, 255, 0.06);
    box-shadow: 0px 1px 2px rgb(34 34 34 / 23%), 0px 2px 2px rgb(30 30 30 / 22%);

}
.homepage_carousel_controls_container{
    position: absolute;
    display: flex;
    width: 100%;
    height: 100%;
}
.carousel_left_arrow_container, .carousel_right_arrow_container{
    display:flex;
    justify-content: center;
    align-items:center;
    width:100px;
    z-index: 4;
}
.carousel_left_arrow, .carousel_right_arrow{
    position: relative;
    width: 25px;
    height: 25px;
    border: 4px solid rgba(255, 255, 255, 50%);
    border: 3px solid rgba(255, 255, 255, 50%);
    transform: rotate(45deg);
    visibility:hidden;
    transition: 500ms ease-out;
}
.carousel_left_arrow:hover, .carousel_right_arrow:hover{
    cursor:pointer;
}
.homepage_carousel_container:hover .carousel_left_arrow, .homepage_carousel_container:hover .carousel_right_arrow{
    visibility:visible;
}
.carousel_left_arrow{
    border-right: none;
    border-top: none;
}
.carousel_right_arrow{
    border-left: none;
    border-bottom: none;
}
.carousel_dots{
    position:relative;
    display:flex;
    flex-direction:row;
    justify-content: center;
    align-items:center;
    gap: 16px;
    height: 50px;
    margin-top: auto;
    width: 100%;
    z-index:4;
}
.carousel_dot{
    position:relative;
    width:10px;
    height:10px;
    background: rgb(0 0 0 / 16%);
    border-radius:100%;
    z-index: 4;
}
.carousel_dot:hover{
    cursor:pointer;
}
.selected_dot{
    background:orange;
}
.carousel_right_arrow_container{
    margin-left:auto;
}
.homepage_carousel_additionals_container{
    min-width: 20%;
    padding: 10px;
    /*background: linear-gradient(45deg, #d36b00, #fdd023);*/
    /*background: linear-gradient(45deg, #f9a100, #fdd023);*/
    /*background: linear-gradient(45deg, #f9a100, #fdbc23);*/
    /*background: linear-gradient(45deg, #f92200, #fdbc23);
    border-radius: 10px;
    color: white;*/
    background: var(--main-containers-background);
    border-radius: 10px;
    color: var(--default-font-color);
    display: none;
}
.homepage_carosel_additionals_join_now{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    font-size: 0.83rem;
}
.carousel_additionals_login_btn:hover, .carousel_additionals_signup_btn:hover{
    cursor:pointer;
}
.homepage_carousel_contents_container{
    position:relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 100%;

}
.carousel_item1, .carousel_item2, .carousel_item3, .carousel_item4, .carousel_item5, .carousel_item6{
    position:relative;
    width:100%;
    min-width: 100%;
    height:100%;
    will-change: transform;
    transition: transform 400ms ease;
    overflow:hidden;
    z-index:1;
}
.carousel_item1 {
  display: flex;
  flex-direction: column;
  padding: 20px;
  /*background: linear-gradient(136deg, #4d9afb, #073890);*/
    background: var(--carousel-item-1-background);
  text-align: center;
  justify-content: center;
}

@keyframes rotate-bg {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.carousel_item2{
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    /*background: linear-gradient(135deg, #7ecaff, #009fff, #0076e7);*/
    /*background: linear-gradient(135deg, #7eb2ff, #009fff, #084eff);*/
    /*background: radial-gradient(circle, #7eb2ff, #009fff, #084eff);
    background: radial-gradient(ellipse at center, #73abff, #2e8fff, #084eff);*/
    /*background: radial-gradient(ellipse at center, #237bff, #107fff, #3b73ff);*/
    /*background: radial-gradient(ellipse at center, #237bff, #107fff, #007eff);*/
    /*background: radial-gradient(ellipse at center, #237bff, #107fff, #083f77);*/
    background: radial-gradient(ellipse at center, #237bff, #0076fd, #005fbf);
    background: linear-gradient(176deg, #237bff, #0067de, #0061c4);
    background: var(--carousel-item-2-background);
}
.carousel_item2 a{
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items: center;
    gap: 9px;
    gap: 4px;
    z-index:2;
}
.carousel_item_2_bg_misc{
    position:absolute;
    width: 30%;
    height:750px;
    border-radius: 45%;
    width: 30%;
    height: 300%;
    border-radius: 51%;
    background:rgba(0,0,0,8%);
    transform: rotate(45deg);
}
.carousel_item_2_star{
    position:absolute;
    z-index:0;
}
.carousel_item_2_star polygon{
    fill: rgba(0,0,0,15%);
    fill: rgba(0,0,0,10%);
}
.carousel_item2_star_1{
    z-index: 0;
    top: 10%;
    left: 4%;
    transform: scale(1.5) rotate(85deg);
    fill: rgba(0, 0, 0, 8%);
}
.carousel_item2_star_2{
    z-index: 0;
    top: 9%;
    left: 66%;
    transform: scale(0.8) rotate(71deg);
}
.carousel_item2_star_3{
    z-index: 0;
    left: 58%;
    top: 63%;
    transform: scale(0.3) rotate(76deg);
}
.carousel_item2_star_4{
    z-index: 0;
    top: 52%;
    left: 74%;
    transform: scale(0.6) rotate(12deg);
}
.carousel_item3{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    color: white;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 80%);
    background: radial-gradient(circle, #ffb100, #f19300);
    background: linear-gradient(170deg, #ffdc1a, #dd8700);
    background: linear-gradient(170deg, #ffb91a, #dd8700);
    background: var(--carousel-item-3-background);
}
.carousel_item_3_misc_bg{
    position: absolute;
    color: rgb(225 185 109 / 13%);
    opacity: 30%;
    font-size: 212px;
    font-weight: 500;
    z-index: 1;
    left: 75%;
}
.carousel_item_3_main_heading{
    font-size: 3rem;
    font-weight: 700;
    color: white;
    /*text-shadow: 0px 1px 2px rgba(0, 0, 0, 80%);*/
    text-shadow:none;
    z-index:2;
}
.carousel_item_3_sub_heading{
    font-size: 1.85rem;
    font-weight: 500;
    z-index: 2;
    color: #ffffff;
    text-shadow: none;
}
.carousel_item4{
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(65deg, #ad0000, #790000);
    background: linear-gradient(65deg, #a40808, #bb1010);
    background: var(--carousel-item-4-background);
    overflow: hidden;
}
.carousel_item_4_random_polygon_bg_1, .carousel_item_4_random_polygon_bg_2{
    position:absolute;
    z-index:1;
}
.carousel_item_4_random_polygon_bg_1{
    width: 800px;
    height: 800px;
    background: rgb(193 8 8 / 25%);
    background: rgb(255 53 53 / 25%);
    background: rgb(127 4 4 / 25%);
    transform: rotate(45deg) translate(50%, -50%);
}
.carousel_item_4_random_polygon_bg_2{
    width: 500px;
    height: 500px;
    background: rgb(91 2 2 / 25%);
    transform: rotate(45deg) translate(-20%, -20%);
    border-radius: 90%;
}
.carousel_item_4_main_heading{
    font-size:3rem;
    font-weight: 550;
    color:white;
    z-index:2;
}
.carousel_item_4_sub_heading{
    color: #ffef14;
    font-size: 3rem;
    font-weight: 550;
    z-index:2;
}
.carousel_item_4_explore_btn{
    text-align: center;
    max-width: 200px;
    width: 200px;
    height: auto;
    background: yellow !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    color: #e12424 !important;
    font-weight: 600;
    font-size: 1.7em;
    margin-top: 20px;
    padding: 6px 20px;
    z-index: 3;
}
.carousel_item5{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: radial-gradient(ellipse at center, #cc60e5, #8f39bb, #524267);
    background: radial-gradient(ellipse at center, #b260e5, #8f39bb, #524267);
    background: linear-gradient(139deg, #b260e5, #8f39bb, #524267);
    background: linear-gradient(176deg, #b260e5, #8f39bb, #524267);
}
.carousel_5_eme_bg{
    position:absolute;
    z-index:1;
    border-radius:8px;
}
.carousel_item_5_eme_bg1{
    background:rgba(0,0,0,10%);
    width:100px;
    height:100px;
    width: 5rem;
    height: 5rem;
    left: 57%;
    top: 58%;
    transform: rotate(53deg);
}
.carousel_item_5_eme_bg2{
    background: rgba(0, 0, 0, 17%);
    width: 150px;
    height: 150px;
    /*left: 19%;
    top: 20%;*/
    left: 4%;
    top: 12%;
    transform: rotate(24deg);
}
.carousel_item_5_eme_bg3{
    background: rgba(0, 0, 0, 20%);
    width: 120px;
    height: 120px;
    left: 80%;
    top: 2%;
    transform: rotate(45deg);
}
.carousel_item5 a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 9px;
    z-index:2;
}
.carousel_item6{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    /*background: linear-gradient(135deg, #FF9800, #FF3D00);*/
    background: var(--carousel-item-6-background);
}
.carousel_item_6_eme_bg{
    position: absolute;
    /*background: rgba(0, 0, 0, 14%);*/
    background: rgb(255 136 9 / 75%);
    /*width: 400px;*/
    width: 113%;
    height: 108%;
    border-radius: 100%;
    transform: rotate(28deg);
    z-index: 1;
}
.carousel_item_6_main_heading, .carousel_item_6_sub_heading1{
    font-size: 3.15rem;
    font-weight: 600;
    color: white;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 20%);
    z-index:2;
    text-align: center;
}
.carousel_item_6_sub_heading1{
    font-size: 2.35rem;
    font-weight: 500;
}
.carousel_item_6_sub_heading{
    font-size: 1.7rem;
    font-weight: 600;
    color: white;
    /*background: linear-gradient(#0093ff, #007bc0);*/
    background: linear-gradient(#25a3ff, #058dd9);
    width: 250px;
    border-radius: 25px;
    text-align: center;
    margin-top: 16px;
    padding: 8px 20px;
    box-shadow: 0px 1px 2px rgb(34 34 34 / 8%), 0px 1px 2px rgb(30 30 30 / 8%);
    text-shadow: 0px 2px 5px rgb(125 63 0 / 50%);
    z-index: 2;
}
.carousel_item_6_sub_heading:hover{
    cursor:pointer;
}
.carousel_featured_product_container{
    display:flex;
    flex-direction:row;
    gap: 12px;
}
.carousel_featured_product_heading{
    position: absolute;
    top: 0;
    color: #118f00;
    background: white;
    font-size: 1.12rem;
    font-weight: 700;
    padding: 2px 8px;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    z-index: 3;
}
.carousel_suggested_for_you_heading{
    color:purple;
}
.carousel_featured_product_image_container{
    width: 195px;
    height: 195px;
    max-height: 195px;
    max-width: 195px;
    overflow: hidden;
    border-radius: 10px;
}
.carousel_featured_product_image_container img, .carousel_featured_post_poster_ppic_container img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.carousel_featured_post_poster_ppic_container{
    width: 35px;
    height: 35px;
    overflow:hidden;
    border-radius: 100%;
}
.carousel_featured_product_details{
    display: flex;
    flex-direction: column;
    gap: 2px;
    color: white;
}
.carousel_featured_post_poster_details_container{
    display: flex;
    flex-direction: row;
    gap: 8px;
}
.carousel_featured_product_price{
    font-size: 1.1rem;
    font-weight: 600;
}
.carousel_featured_product_description{
    background: rgba(0, 0, 0, 020%);
    padding: 10px;
    border-radius: 10px;
    margin: 4px 0px 15px;
    max-width: 200px;
}
.carousel_item_1_star{
    position:absolute;
}
.carousel_item_1_star polygon{
    fill: #175cb5;
    fill: #ebc54a;
    stroke: none;
}
.carousel_item1_star_1 {
    left: 16%;
    top: 10%;
     transform-origin: center;
  transform: rotate(61deg); /* Initial static rotation */
 /* animation: slow-rotate-61 1.5s ease-in-out infinite;*/
}
@keyframes slow-rotate-61 {
  0% { transform: rotate(53deg); }  /* 61deg - 8deg */
  50% { transform: rotate(69deg); } /* 61deg + 8deg */
  100% { transform: rotate(53deg); }
}
.carousel_item1_star_2 {
    top: 50%;
    right: 14%;
    transform-origin: center;
      transform: rotate(22deg); /* Initial static rotation */
      /*animation: slow-rotate-22 1.5s ease-in-out infinite;*/
}
@keyframes slow-rotate-22 {
  0% { transform: rotate(14deg) scale(0.4); }  /* 22deg - 8deg */
  50% { transform: rotate(30deg) scale(0.5); } /* 22deg + 8deg */
  100% { transform: rotate(14deg) scale(0.4); }
}
#carousel_item_1_shaded_heart{
    position: absolute;
    height: 180px;
    z-index: 1;
    transform: rotate(16deg);
    right: 20%;
    top: 35px;
    transform-origin: center;
    /*animation: heartbeat 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite;*/
}
#carousel_item_1_shaded_heart path{
    fill: #0b62be;
    fill: #ff645f;
}
@keyframes heartbeat {
  0% { transform: rotate(16deg) scale(0.8); }
  40% { transform: rotate(16deg) scale(1); }
  55% { transform: rotate(16deg) scale(0.9); }
  70% { transform: rotate(16deg) scale(1); }
  85% { transform: rotate(16deg) scale(0.9); }
  90% { transform: rotate(16deg) scale(0.8); }
  100% { transform: rotate(16deg) scale(0.8); }
}
.carousel_brand_impression{
    font-size: 1.2rem;
    color: white;
    z-index:2;
    display: none;
}
.carousel_brand_name{
    position: absolute;
    font-weight: 600;
    left: 20px;
    top: 0;
    background: linear-gradient(120deg, #ffffff, #fbfafa);
    color: #177dff;
    /*color:#ffa700;*/
    padding: 7px 10px 10px 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: none;
}
.carousel_item_1_brand{
    font-weight: 650;
    font-size: 4.05rem;
    color: white;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 44%);
}
.carousel_item_1_sub_heading3, .carousel_item_1_main_heading, .carousel_item_1_sub_heading1, .carousel_item_1_sub_heading2{
    font-weight: 650;
    font-size: 2.7rem;
    color: #fcedd1;
    color: #f7f6f2;
    opacity: .9;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 44%);
    z-index: 2;
    transform: perspective(203px) rotateY(11deg) rotate(-5deg);
    transform: perspective(149px) rotateY(19deg) rotate(-4deg);
}
.carousel_item_1_main_heading, .carousel_item_1_sub_heading3{
    position: absolute;
    left: 18%;
    top: 45%;
}
.carousel_item_1_sub_heading3{
    top: 18%;
    transform: perspective(149px) rotateY(18deg) rotate(7deg);
}
.carousel_item_1_sub_heading1, .carousel_item_1_sub_heading2{
    position: absolute;
    font-size: 2.05rem;
    right: 20%;
    transform: perspective(114px) rotateY(-9deg) rotate(4deg);
}
.carousel_item_1_sub_heading2{
    top: 14%;
    transform: perspective(146px) rotateY(-13deg) rotate(-8deg);
}
.carousel_item_1_sub_heading{
    font-size: 2.5rem;
    color: white;
    text-shadow: 0px 0px 1px rgba(0, 0, 0, 44%);
    z-index:2;
}
.carousel_item_1_add_post_btn_container{
    display:flex;
    justify-content: center;
    align-items:center;
    margin-top: 25px;
}
.carousel_item_1_add_post_btn{
    /*background: linear-gradient(139deg, #fff81d, #ffda27, #ffc000);*/
    /*background: linear-gradient(135deg, #FFD700, #CFAF4F);*/
    /*background: linear-gradient(135deg, #ffb64e, #ffc928);*/
    background: linear-gradient(135deg, #FFA526, #FFD000);
    width: 250px;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 1.5rem;
    font-weight: 650;
    color: white;
    text-shadow: 0px 1px 1px rgb(0 0 0 / 32%);
    box-shadow: 0px 0px 2px rgba(0, 0, 0, 20%);
    box-shadow: 0px 1px 2px rgb(34 34 34 / 8%), 0px 1px 2px rgb(30 30 30 / 8%);
    z-index: 3;
}
.carousel_item_1_add_post_btn:hover{
    background: linear-gradient(90deg, #ffb300, #ffa700, #ff9400);
    cursor:pointer;
}
#homepage_container, #products_container, #search_results_container, #products_sub_container, #search_results_sub_container, #category_results_container, #user_public_profile_sub_container, #user_public_profile_user_posts_container, #my_posts_container, #my_posts_sub_container, #my_saved_posts_container, #my_saved_posts_sub_container, #user_searches_container, #user_public_profile_container, #sellers_and_sharers_page_container, .muradito_contributors_container, .lowest_prices_container, .lowest_prices_sub_container{
    will-change: transform;
    transform: translate3d(0, 0, 0);
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 90vh;
    padding: 100px 0px 0px;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
}
#homepage_container, #products_container{
    background: var(--body-background-color);
    background: transparent;
    /*top: 50px;*/
    margin-bottom: 100px;
    padding:0px;
}
#category_results_container{
    justify-content: flex-start;
    padding-top: 0;
}
.category_results_sub_container{
    position: relative;
    margin-top: 56px;
    width: 100%;
    min-width: 1080px !important;
    max-width: 1370px !important;
}
.category_results_header_container, .category_results_background_container{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    height: 100px;
    font-size: 2rem;
    font-weight: 500;
    color: white;
    background: black;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
}
.category_results_background_container{
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    padding: 0;
    z-index:0;
}
.category_results_background_container img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.category_results_title_container{
    position: relative;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: flex-end;
    padding: 16px 24px;
    background: linear-gradient(transparent, rgba(0, 0, 0, 20%));
    z-index: 1;
}
.category_results_content_container{
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-width: 1080px !important;
    max-width: 1370px !important;
}
.mens_fashion_header{
    background: #2C2C2C;
}
#search_results_container{
    margin-top:100px;
}
.top_contributors_container{
    min-width: 1080px !important;
    width: 70.5%;
    max-width: 1426px !important;
    display:none;
}
.top_contributors_sub_container{
    position: relative;
    display: flex;
    flex-direction: column;
    /*border: 2px solid #019d01;*/
    border: 1px solid #1fa71f;
    height: 100px;
    border-radius: 10px;
    margin: 16px 0px 0px;
    overflow: hidden;
}
.top_contributors_container_header{
    position: relative;
    width: 100%;
    height: 30px;
    /*background: #019d01;*/
    background: #1fa71f;
    color: white;
    padding: 0px 16px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
#products_sub_container, #search_results_sub_container, #user_public_profile_sub_container, #user_public_profile_user_posts_container, #my_posts_sub_container, #my_saved_posts_sub_container, .muradito_contributors_container, .lowest_prices_sub_container{
    flex-direction: row;
    flex-wrap: wrap;
    padding: 8px 0px 20vh 0px;
    width: 100%;
    min-width: 1080px !important;
    /*max-width: 1426px !important;*/
    max-width: 1370px !important;
    height: auto;
    min-height: 100%;
    justify-content: center;
    align-items: flex-start;
    background: var(--main-containers-background);
    margin-top: 32px;
}
#search_results_sub_container{
    gap: 8px;
}
.products_sub_container_header{
    width: 100%;
    padding: 0px 2vw;
    font-size: 1.3rem;
    font-weight: 600;
    font-size: 1.1rem;
    font-weight: 550;
    padding: 4px 16px 6px;
    color: var(--default-font-color);
    display:none;
}
.products_container_end{
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100px;
    height: auto;
    color: var(--default-font-color);
    background: var(--body-background-color);
    margin-bottom: 100px;
    padding-bottom: 100px;
}
.search_results_top_info_container{
    position: fixed;
    top: 56px;
    transform: translate(0px, 0px);
    width: 100%;
    color: var(--default-font-color);
    background: var(--search-results-top-info-background);
    padding: 20px;
    z-index: 1;
    text-align: center;
    box-shadow: var(--product-card-box-shadow);
}
.search_result_title{
    margin-bottom: 10px;
}
.search_result_choose_what_to_show{
    display:flex;
    flex-direction:row;
    gap:10px;
    justify-content: center;
}
.search_result_show_posts, .search_result_show_users{
    padding:10px 20px;
    border-radius:10px;
    background:var(--search-result-choose-visibility-background);
}
.search_result_show_posts:hover, .search_result_show_users:hover{
    cursor:pointer;
}
.search_result_btn_chosen{
    background: #82b3e7;
    color: white;
}
.search_result_user_card{
    display:flex;
    flex-direction:row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    width: 500px;
}
.search_result_user_name_container{
    font-weight: 600;
}
.search_result_user_name_container a{
    color:var(--search-results-user-font-color);
}
.search_result_user_ppic_container{
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
}
.search_result_user_ppic_container img{
    width:100%;
    height:100%;
    object-fit: cover;
}
#user_public_profile_container{
    height:auto;   
}
#user_public_profile_sub_container{
    padding-left:0;
    padding-right:0;
    padding-top: 0;
}
.user_public_profile_details_container{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0px 35px;
    padding: 20px 35px;
    background: var(--user-card-background-color);
    width: 100%;
    border-radius: 15px;
    gap: 15px;
}
.user_public_profile_profile_pic_container{
    width: 180px;
    height: 180px;
    object-fit: cover;
    overflow: hidden;
    border-radius: 100%;
    background: transparent;
}
.user_public_profile_profile_pic_container img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.user_public_profile_name_and_date_joined_container{
    color: var(--user-public-profile-font-colors);
    text-align: center;
}
.user_public_profile_name_container{
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: capitalize;
}
.user_public_profile_date_joined_container{
    font-size: 0.96rem;
    font-weight:500;
}
.user_public_profile_stats_container{
    display: flex;
    flex-direction: row;
    gap: 20px;
    margin: 16px;
}
#user_public_profile_follow_btn, #user_public_profile_following_btn{
    position: relative;
    min-width: 75px;
    width: 100%;
    margin: 0px 0px 0px;
    padding: 12px 12px;
    border-radius: 25px;
    background: var(--topbar-logo-color);
    color: white;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
    border: none;
    justify-content: center;
    align-items: center;
}
#user_public_profile_follow_btn:hover, #user_public_profile_following_btn:hover{
    cursor:pointer;
}
#user_public_profile_following_btn{
    background: #0095ff;
}
.user_profile_stat_count{
    font-size: 1.2rem;
    font-weight: 760;
}
.user_profile_stat_word{
    font-size: 0.9rem;
}
#user_searches_container{
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
    padding-top: 20px;
    white-space: normal;
    overflow: hidden;
}
.poster_card_container{
    width: auto;
    min-width: 256px;
    max-width: 256px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: var(--default-font-color);
    box-shadow: var(--product-card-img-box-shadow);
    border-radius: var(--product-card-border-radius);
    margin: 8px;
    padding: 12px;
    gap: 8px;
}
.lowest_prices_title, .sellers_and_sharers_title{
    font-size: 1.5rem;
    font-weight: 600;
}
.poster_card_pppic_container{
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 100%;
}
.poster_card_pppic_container img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.poster_card_details_container{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
.poster_card_btns_container{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.poster_card_follow_btn, .poster_card_view_profile_btn{
    background: orange;
    color: white;
    padding: 8px 12px;
    width: 120px;
    text-align: center;
    border-radius: 50px;
    margin: 16px 8px;
    border:none;
}
.poster_card_follow_btn:hover, .poster_card_view_profile_btn:hover{
    cursor:pointer;
}
.poster_card_view_profile_btn{
    background: #0084ff;
}
.poster_card_seller, .poster_card_sharer{
    
}
.user_searches_main_container{
    margin-top:100px;
    height: auto;
}
.user_searches_sub_container{
    position: relative;
    width: 1344px;
    left: 50%;
    transform: translateX(-50%);
    text-align: justify;
}
.move_products_up{
    /*width: 914px !important;*/
    width: 1126px !important;
    top: 80px !important;
    /*background:rgba(241, 245, 247, 60%) !important;*/
    /*background: rgb(249 252 253 / 60%) !important;
    backdrop-filter: blur(5px) !important;*/
    backdrop-filter: blur(5px) !important;
    /*background: rgb(235 229 229 / 6%) !important;*/
    /*border-top: 1px solid #2e9def !important;*/
}
.searches_container_title{
    padding: 0px 40px;
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--searches-title-font-color);
}
.search_sub_container_1 {
	flex-grow: 1; /* This makes the input container take up available space */
}
.search_sub_container_2{
	margin-left: 10px;
}
.search_location_input_title, .search_location_input_container, .add_product_input_container{
    position:relative;
    display:inline-block;
    top: unset;
    left: unset;
    transform: unset;
}
.add_product_input_container, #login_email, #login_password_input_sub_container, #signup_password_input_sub_container, #signup_confirm_password_input_sub_container, #edit_name_input, #edit_handle_input, #edit_email_input, #password_for_security, #old_password, #new_password, #confirm_new_password{
    min-height: 48px;
    background: var(--add-post-input-background-color);
    border-radius: 25px;
    border: var(--input-field-border);
}
.add_product_input_container{
    min-height: 25px;
    border: none;
    border: none;
    display: flex;
    flex-direction: row;
    border-radius: 0px;
    /*border-bottom: var(--input-field-border);*/
}
.add_product_input_container .red_asterisk{
    padding-top:5px;
}
.search_location_input_title{
    padding: 10px 18px 7px;
    font-size:1.3rem;
}
.add_new_post_input_field_title{
    padding: 8px 1px 0px;
    /*font-size: 0.85rem;
    font-weight: 550;*/
    font-size: 0.83rem;
    font-weight: 500;
    color: var(--add-post-field-title-color);
}
.add_post_seller_or_sharer_header{
    padding: 8px 1px 4px;
}
.add_new_post_page_or_website_link_title{
    /*padding: 5px 14px 0px;*/
}
.new_product_existing_shop_links_container{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 0px;
}
.new_post_shop_links{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.new_post_shop_links_title{
    font-size: 0.8rem;
}
.new_post_shop_link:hover{
    cursor:pointer;
}
.add_post_categories_container{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    max-height: 140px;
    overflow: auto;
    padding: 12px 0px 24px;
}
.add_post_category, .new_post_shop_link{
    position: relative;
    display: inline-block;
    background: #ededeb;
    background: var(--add-post-category-option-background-color);
    padding: 12px;
    margin: 0px 4px;
    border-radius: 25px;
    font-size: 0.8rem;
    white-space: nowrap;
    overflow: hidden;
}
.add_post_category:hover{
    cursor:pointer;
}
.add_post_selected_category, .add_post_selected_shop_link{
    background: #189dff;
    color: white;
    font-weight: 600;
}
.new_post_shop_link{
    display:flex;
    flex-direction:row;
    gap: 12px;
}
.remove_shop_link_btn{
    font-size: 1.2rem;
    position: relative;
    transform: rotate(45deg) translateY(-5px);
    height: 1rem;
}
.remove_shop_link_confirmation_modal_container{
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 80%);
    z-index: 2;
}
.remove_shop_link_modal{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 300px;
    height: auto;
    padding: 16px;
    border-radius: 12px;
    text-align: center;
    line-height: 1.5rem;
    background: var(--product-card-product-details-background);
}
.remove_shop_link_modal_btns_container{
    position:relative;
    display:flex;
    flex-direction:row;
    gap: 32px;
    justify-content: space-around;
    margin-top: 12px;
}
.remove_shop_link_modal_confirm_btn, .remove_shop_link_modal_cancel_btn{
    position: relative;
    background: #454747;
    padding: 4px 16px;
    border-radius: 25px;
    width: 100px;
}
#search, #search_location_input, #search_btn, #nav_search_btn, #product_name, #product_price, #shop_name, #shop_location, #shop_link, #feedback{
	position:relative;
	display:inline-block;
	padding:20px;
	border:none;
	font-size:1.5rem;
    font-size: 1.3rem;
}
#search, #search_location_input, #search_location_input, #product_name, #product_price, #shop_name, #shop_location, #shop_link, #feedback{
	width: 100%;
	/*padding: 20px 20px 20px 35px;
    padding: 15px 20px 15px 35px;*/
    /*padding:15px 20px 15px 30px;*/
    padding: 0;
    padding-left: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#search{
    /*background: var(--main-search-input-background);*/
    background: transparent;
    color: var(--search-input-font-color);
    font-size: 16px;
    padding-left: 15px;
}
#search::placeholder, #nav_search::placeholder{
    color:var(--search-placeholder-color);
}
.new_post_input_sub_container{
    border-radius: 15px;
    margin-top: 0;
    padding: 10px 15px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-height: 75vh;
    overflow-y: auto;
}
.new_post_window_row{
    padding: 0px 16px;
}
.new_product_categories_container {
    padding: 0px 8px;
}
.new_product_categories_container .add_new_post_input_field_title{
    padding: 8px 8px 8px 12px;
}
.add_post_seller_or_not_container{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0px 6px 0px 5px;
    padding: 8px;
    border: var(--add-post-required-input-field-border);
    border-radius: 16px;
}
.add_post_seller_or_sharer_content{
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 8px;
}
.add_post_seller_or_sharer{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 0.85rem;
    width: 50%;
    height: 100px;
    border: var(--add-post-input-field-border);
    border-radius: 16px;
    gap: 2px;
}
.add_post_seller_or_sharer:hover{
    cursor:pointer;
}
.sharer_sub_heading{
    font-size: 0.752rem;
}
.selected_seller_or_sharer_choice{
    background: #0081ff;
    color:white;
}
.seller_or_sharer_check_mark{
    position: relative;
    display: none;
    border: 4px solid #29fa00;
    border-top: none;
    border-right: none;
    width: 24px;
    height: 12px;
    transform: rotate(326deg);
    border-radius: 4px;
    margin-bottom: 8px;
}
.new_post_window_poster_info_container{
    display:flex;
    flex-direction:row;
    padding: 12px;
    gap: 6px;
    height: 60px;
    width: 50%;
}
.new_post_close_btn_and_poster_info_container{
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 8px;
}
.new_post_window_profile_pic_container{
    width: 40px;
    height: 40px;
    overflow:hidden;
    border-radius:100%;
}
.new_post_window_profile_pic_container img{
    min-width: 40px;
    min-height: 40px;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    display: block;
}
.new_post_window_poster_name{
    display:flex;
    justify-content: center;
    align-items:center;
}
.new_post_window_image_container, .product_window_product_images_container{
    position: relative;
    width: 100%;
    height: auto;
    min-height: 47px;
    max-height: 350px;
    background: transparent;
    border: none;
    border-radius: 15px;
    overflow:hidden;
}
.new_post_window_image_container{
    max-height: 300px;
}
.product_window_image_background_image{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background: rgba(0, 0, 0, 66%);*/
    /*background: rgba(0, 0, 0, 75%);
    backdrop-filter: blur(35px);*/
    filter: blur(32px);
    background-size: 200% 200%;
    background-position: center;
    background-repeat: no-repeat;
}
.product_window_product_images_container{
    position: relative;
    display: flex;
    border: none;
    height: inherit;
    max-width: unset;
    min-height: auto;
    max-height: 100vh;
    /*background: var(--body-background-color);*/
    background: #1b1919;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    background-repeat: no-repeat;
    background-size: 200% 200%;
    background-position: center;
}
.product_window_options_and_close_btn_container{
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    z-index: 9999;
}
.product_window_product_images_container img{
    height: auto;
    width: auto;
    min-width: auto;
    max-width: 100%;
    min-height: auto;
    max-height: 100%;
    object-fit: contain;
    display: block;
    z-index: 998;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 30%);
}
.product_window_show_left_image, .product_window_show_right_image{
    position: absolute;
    display:flex;
    justify-content: center;
    align-items: center;
    width: 8rem;
    height: calc(100vh - 56px);
    background: transparent;
    z-index: 999;
    transition: 0.2s ease-out;
}
.product_window_show_left_image:hover, .product_window_show_right_image:hover, .product_window_show_left_image:active, .product_window_show_right_image:active{
    /*background: rgba(255, 255, 255, 12%);*/
    background: rgb(33 34 34 / 50%);
    cursor:pointer;
}
.product_window_show_right_image{
    right:0;
}
.product_window_left_arrow_container, .product_window_right_arrow_container{
    display:none;
}
.product_window_show_left_image_arrow, .product_window_show_right_image_arrow{
    position: relative;
    width: 24px;
    height: 24px;
    border: 5px solid rgb(255 255 255 / 38%);
    transform: rotate(45deg);
    border-top: none;
    border-right: none;
    transition: 0.2s ease-out;
}
.product_window_show_right_image_arrow{
    border: 5px solid rgb(255 255 255 / 38%);
    border-left: none;
    border-bottom: none;
}
.product_window_show_left_image:hover .product_window_show_left_image_arrow{
    /*left:-5px;*/
    transition: 0.2s ease-out;
}
.product_window_show_right_image:hover .product_window_show_right_image_arrow{
    /*left:5px;*/
    transition: 0.2s ease-out;
}
.product_window_details_and_more_container{
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--product-window-product-details-background);
    width: 544px;
    min-width: 544px;
    max-width: 544px;
    height: calc(100vh - 56px);
    border-radius: 0;
    box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.product_window_more_details_container{
    display: flex;
    flex-direction: column;
    overflow: auto;
    height: auto;
    flex: 1.3;
    background:var(--product-window-product-details-background);
    border-radius: 20px;
}
.large_image_preview_container{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1004;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 91%);
    backdrop-filter: blur(2px);
    display: flex; /* Use flexbox for centering */
    justify-content: center; /* Center horizontally */
    align-items: center; /* Center vertically */
    height: 100vh;
    background-size: 100% 100%; /* Stretch the background image to cover the div */ /* Centers the background image (optional) */
    background-repeat: no-repeat;
}
.large_image_preview_sub_container{
    position: relative;
    height: auto;
    width: auto;
}
#large_image_preview{
    position: relative;
    height: auto;
    width: auto;
    max-width: 100vw;
    max-height: 100vh;
    top: 0;
    left: 50%;
    transform: translate(-50%, -1vh);
}
.large_image_preview_clost_btn{
    position: absolute;
    top: 30px;
    right: 30px;
    background: rgba(0, 0, 0, 59%);
    color: white;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    z-index: 99999;
}
.large_image_preview_clost_btn:hover{
    cursor:pointer;
}
.large_image_preview_clost_btn_x{
    position: relative;
    font-size: 3rem;
    transform: rotate(45deg);
    left: 10px;
}
#product_name, #product_price, #shop_name, #city_mun_dropdown, #shop_location, #shop_link, #feedback{
    padding: 0px 1px;
    font-size: 0.95rem;
    border: none;
    border-radius: 0px;
    color:var(--add-post-input-field-font-color);
    background: var(--add-post-input-background-color);
    /*border-bottom: var(--input-field-border);*/
}
#city_mun_dropdown::focus, #city_mun_dropdown::after{
    border:none;
}
#product_name::placeholder, #product_price::placeholder, #shop_name::placeholder, #shop_location::placeholder, #shop_link::placeholder, #feedback::placeholder{
    color: var(--placeholder-color);
}
#search_btn, #nav_search_btn, #submit_new_post_btn{
	width: auto;
    cursor: pointer;
    color: var(--main-search-btn-font-color);
    font-weight: 500;
    /*background: #ebb63c;*/
	background: var(--main-search-btn-background);
    background: transparent;
	/*text-shadow: 1px 2px 1px rgb(139 118 81 / 50%);*/
}
#search_btn{
    padding: 0px 0px 0px 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}
#search_btn svg{
    height: 17px;
}
#search_btn path{
    fill: var(--main-banner-search-icon-color);
}
#nav_search_btn{
    padding: 6px 16px 5px 20px;
}
#nav_search_btn svg{
    height: 16px;
    width: 16px;
}
#submit_new_post_btn{
    /*background: #4CAF50;*/
    color:white;
    background: var(--add-post-submit-btn-background);
    font-size: 0.9rem;
    font-weight: 450;
    padding: 13px 20px;
    border-radius: 50px;
    border: none;
    width: 100%;
    transition: 0.1s ease-out;
}
#submit_new_post_btn:hover{
    /*background: #1fad1f;*/
    background: var(--main-blue);
}
input:focus {
    outline: none;
    border: none;
}
input::placeholder {
    color:#b3b9bb;
    font-family: var(--main-font);
}
input:focus::placeholder {
    color: transparent;
}
.product_link{
    /*display: flex;
    justify-content: flex-start;
    flex-direction: column;
    flex: initial;*/
}
.product_card_wrapper, .add_post_card, .login_to_add_post_card{
	position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 150px;
    width: 20%;
    max-width: 256px;
    /*color: #636f7a;*/
    color: var(--product-card-dots-color);
    /*background:var(--product-card-product-details-background);*/
    background: transparent;
    height: auto;
    /*max-height: 401px;*/
    max-height: unset;
    margin: 8px;
    border-radius: 12px;
    vertical-align: top;
    /*box-shadow: var(--product-card-box-shadow);*/
    overflow: unset;
    will-change:transform;
}
.user_searches_card_wrapper{
    display: inline-block;
    width:auto;
    min-width:unset;
    max-width:200px;
    margin:0 !important;
    width: 100%;
    border-radius: 0;
}
.user_searches_card_wrapper:hover{
    transform: scale(1.1);
    transition:120ms ease-out;
    z-index: 1;
}
.product_card_class_for_no_image{
    /*background: var(--product-card-background-color);*/
}
.product_card, .wants_card{
    display: flex;
    flex-direction: column;
    margin-top: 0;
    padding: 0px 0px 0px;
    /*overflow: hidden;*/
    border-radius: var(--product-card-border-radius);
    height: 100%;
    box-shadow: none;
    /*box-shadow: var(--product-card-box-shadow);*/
}
.wants_card{
    padding: 8px 12px;
    font-size: 0.8rem;
    margin: 0;
}
@keyframes breathing {
    0% { transform: scale(1); box-shadow: 0px 0px 8px rgb(70 255 0); }
    50% { transform: scale(1.1); box-shadow: 0px 0px 14px rgb(70 255 0); }
    100% { transform: scale(1); box-shadow: 0px 0px 8px rgb(70 255 0); }
}

.boost_post {
    display: flex;
    position: absolute;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    bottom: 13px;
    right: 12px;
    color: white;
    /*background: linear-gradient(117deg, #ff6d9c, #d70064, #b50041);*/
    background: linear-gradient(117deg, #a5ff6d, #3db101, #27a500);
    font-size: 0.68rem;
    font-weight: 700;
    width: 48px;
    height: 48px;
    border-radius: 100%;
    box-shadow: 0px 0px 8px rgb(255 0 0);
    box-shadow: 0px 0px 8px rgb(70 255 0);
    animation: breathing 2s infinite ease-in-out;
}

.boosted_post_boost_btn{
    background: linear-gradient(117deg, #8dd700, #438d00);
    font-size: 0.41rem;
    border-radius: 22%;
}
.boost_post svg{
    height: 12px;
}
.boost_post svg path{
    fill:#a800b1;
}
.product_card_dots{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    width: 100%;
    height: 100%;
    max-height: 100%;
    right: 0;
    top: 0;
    font-size: 1.3rem;
    font-weight: 600;
    text-align: center;
    padding: 0px 2px 0px;
    vertical-align: text-top;
}
.product_card_dots svg{
    width: 19px;
    height: 20px;
}
.product_card_dots svg path{
    fill: var(--default-font-color);
}
.product_card_more_options_container{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 40%;
    max-width: 40%;
    height: 100%;
    top: auto;
    bottom: 0;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: var(--product-card-dots-color);
    z-index: 9999999;
    flex: 1;
}
.product_card_hidden_options{
    position: absolute;
    background: var(--product-card-hidden-nav-options-background);
    padding: 12px 12px;
    border-radius: 0;
    top: auto;
    bottom: 40px;
    right: auto;
    text-align: left;
    width: 100%;
    border-radius: 10px;
    box-shadow: 1px 3px 6px rgba(0, 0, 0, 21%);
}
.product_card_hidden_options button:hover{
    cursor:pointer;
    /*background: var(--hidden-option-hover-background);*/
    border-radius: 10px;
}
.edit_post, .delete_post, .save_post, .rate_post, .login_to_save_post, .login_to_rate_post, .view_profile, .follow_user {
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 4px;
    margin: 0px 0px 0px;
    padding: 17px 4px;
    width: 100%;
    background: none;
    border: none;
    text-align: left;
    border-radius: 0;
    bottom: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color:var(--more-options-font-color);
}
.edit_post, .save_post, .rate_post, .login_to_save_post, .login_to_rate_post, .follow_user {
    margin-bottom:0px;
}
.delete_post{
    border:none;
    margin-top:0px;
}
.add_post_card, .login_to_add_post_card{
    background:var(--add-post-card-background);
    border: var(--add-post-card-border);
    height: auto;
    display:none;
}
.add_post_card:hover, .login_to_add_post_card:hover{
	background:var(--add-post-card-hover-background);
    border:var(--add-post-card-hover-border);
	box-shadow: 1px 4px 17px rgb(112 121 135 / 86%);
}
.add_post_card:hover #add_a_product_cross, .login_to_add_post_card:hover #add_a_product_cross{
	/*color: #81b0d9 !important;*/
    color: var(--add-product-cross-color);
}
.add_post_card:hover, .login_to_add_post_card:hover, .product_card_wrapper:hover{
	cursor:pointer;
}
.product_name{
    font-size: 0.875em;
    font-weight: 530;
    color: var(--product-card-product-name-color);
    max-height: 75px;
    max-width: 100%;
    overflow: hidden;
    word-wrap: break-word;
    line-height: 1.25rem;
    padding: 0px 8px 0px 0px;
    width: 100%;
}
.enlarge_product_name {
    /*background: #f6fafd;*/
    background: #000000;
    color: white;
    border-radius: 10px;
    padding: 20px 10px;
    margin:5px 0px 10px;
    text-align: center;
    height:auto;
    max-height: 100px;
}
.product_card_seller_price_and_actions_container{
    display:flex;
    flex-direction: row;
    height: auto;
    justify-content: space-between;
}
.product_card_categories_container{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    scrollbar-width: none; /* Hide scrollbar for Firefox */
    -ms-overflow-style: none;
    padding: 0px 16px 2px 0px;
    display: none;
}
.product_card_categories_container::-webkit-scrollbar {
  display: none; /* Hide scrollbar for Chrome, Safari, Opera */
}
.propduct_card_more_options_dots_and_like_container{
    position:relative;
    display:flex;
    flex-direction:row;
    justify-content: center;
    align-items: center;
    width: 55%;
    height: 32px;
    gap: 0px;
    /*background: var(--product-card-actions-background);*/
    background:transparent;
    margin-right: 0;
    padding: 0px 8px;
    border-radius: 10px;
    padding: 0px 4px;
    height: 32px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: var(--product-card-border-radius);
    border-bottom-left-radius: 0;
}
.product_card_category{
    background: var(--product-card-category-background);
    color: var(--default-font-color);
    color: var(--shop-location-font-color);
    color: var(--product-card-category-color);
    padding: 2px 4px;
    font-size: .66rem;
    font-weight: 350;
    width: auto;
    border-radius: 8px;
}
.product_card_category:hover{
    cursor:pointer;
}
.product_card_price_container{
    position: relative;
    display: flex;
    max-width: 27vw;
    width:auto;
    max-width: 27vw;
}
.product_price{
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: var(--product-price-color);
    font-size: 1rem;
    /*font-size: 1.13rem;*/
    font-size: 1.16rem;
    line-height: 24px;
    font-weight: 650;
    margin: 0px 0px 0px 0px;
    padding: 0;
    /*text-shadow: var(--product-card-white-font-text-shadow);*/
}
.murang_presyo{
    color: #079cfe;
}
.peso_sign{
    /*font-size: 0.85rem;*/
    font-size: 0.75rem;
    font-weight: 700;
}
.wants_card, .wants_card .product_name{
    /*color: var(--mobile-product-name-color);*/
    color: white;
}
.wants_card{
    /*color:var(--wants-card-color);*/
    color:white;
    border: var(--wants-card-border);
    /*background:var(--product-card-product-details-background);*/
    background: transparent;
    text-align: center;
    gap: 4px;
    text-align: left;
    border-radius: 0;
    margin: 0;
    border: none;
    box-shadow: none;
}
.wants_card .product_name{
    font-size: 1.15rem;
    font-weight: 600;
    text-shadow: none;
}
.product_card_poster_name{
    text-shadow: var(--product-card-white-font-text-shadow);
}
.product_card_post_rating svg{
    width:15px;
    height:15px;
    width: 13px;
    height: 13px;
}
.shop_name, .shop_location, .city_municipality {
    font-size: 0.75rem;
    font-weight: 400;
    margin:0;
    color: var(--product-card-shop-name-color);
    overflow:hidden;
    word-wrap: break-word;
    display:none;
}
.shop_location{
    display:block;
}
.shop_name{
    max-height: 64px;
    width: 77%;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*text-shadow: var(--product-card-white-font-text-shadow);*/
    /*display: none;*/
}
.shop_location, .city_municipality {
    max-height: 24px;
    font-size: 0.8em;
    /* color: #777; */
    color: #9b9b9b;
    color: var(--shop-location-font-color);
    padding: 0;
    width: 100%;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    /*line-height: 0.9rem;*/
    line-height: 1.07rem;
    /*text-shadow: var(--product-card-white-font-text-shadow);*/
    /*display:none;*/
}
.shop_address{
   
}
.customer_review{
	color:var(--product-card-customer-review-font-color);
	margin-top: 10px;
    font-size: 1.02rem;
    /*background: #f5f7f9;*/
    /*background: #f5faff;*/
    /*background: linear-gradient(#fbfdff, #f5faff);*/
    background: var(--product-card-customer-review-background-color);
    padding: 10px;
    /*max-height: 126px;*/
    max-height: 150px;
    border:var(--customer-review-border);
    border-radius: 15px;
    /*border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;*/
    overflow:hidden;
    word-wrap: break-word;
    letter-spacing: 0.265px;
    display:none;
}
.poster_info_container{
    display: flex;
    flex-direction: row;
    gap: 1px;
    padding: 0;
    position: relative;
    flex: 1;
    height: auto;
    width: auto;
    margin: 6px 0px 4px;
}
.post_card_poster_profile_pic{
    width: 16px;
    height: 16px;
    min-width: 16px;
    max-width: 16px;
    min-height: 16px;
    background: #a9b7b9;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    flex: 1;
}
.product_image_container{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    /*height: 256px;
    min-height: 256px;
    max-height: 256px;
    min-width: 256px;
    max-width: 256px;*/
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    max-width: 100%;
    min-width: auto;
    justify-content: center;
    border-radius: var(--product-card-border-radius);
    box-shadow: var(--product-card-img-box-shadow);


    /*box-shadow: 4px 4px 8px rgba(0, 50, 150, 0.1),  
                -4px -4px 8px rgba(255, 255, 255, 0.6);*/
}
.product_card_poster_name_and_more_options_container{
    display: none;
    flex-direction: row;
    position: relative;
    width: 100%;
    height: 0;
    top: -27px;
    left: 5px;
    top: -29px;
    left: 6px;
}
.no_product_card_image{
    height: auto;
    min-height: 256px;
    max-height: 256px;
}
.product_image_counter_container{
    position: absolute;
    display: none;
    gap: 4px;
    flex-direction: column;
    left: auto;
    top: 13px;
    right: 10px;
    color: white;
    width: auto;
    max-width: 80%;
    padding: 5px;
    text-shadow: 0px 3px 11px rgba(0, 0, 0, 100%);
    /* font-size: 0.8rem; */
    font-size: 0.52rem;
    height: auto;
    text-align: center;
    border-radius: 8px;
    height: 38px;
    flex: unset;
    padding: 0;
    letter-spacing: 0.22rem;
}
.product_image_counter_icon_container{
    margin-right:2px;
}
.product_image_counter_icon_container svg{
    height: 16px;
}
.product_image_counter_icon_container svg path{
    fill:white;
}
.image_counter_dots{
    width: 5px;
    height: 5px;
    background: rgb(149 156 157);
    border-radius: 100%;
}
.product_card_details_container{
    position: relative;
    display: flex;
    flex-direction: row;
    bottom: 0;
    width: 100%;
    height: 100%;
    background:transparent;
    border-bottom-left-radius: var(--product-card-border-radius);
    border-bottom-right-radius: var(--product-card-border-radius);
}
.product_info_container{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 8px 0px 0px 8px;
    padding: 4px 0px 0px 0px;
    bottom: 0;
    color: white;
    width: 100%;
    max-width: 100%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    flex:1;
}
.product_card_actions_container{
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
    width: auto;
    height: 100%;
    right: 0;
    bottom: 0px;
    gap: 8px;
    border-radius: 30px;
    justify-content: center;
    align-items: center;
}
.product_image_container img, .post_card_poster_profile_pic img{
    height: auto;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    min-height: 100%;
    max-height: 100%;
    object-fit: cover;
    display: block;
}
.product_image_container img{
    position: relative;
    /*min-height:143px;*/
    min-height: 200px;
    height: 100%;
    width: 100%;
    object-fit: cover;
    display: block;
    /*background: black;*/
    backdrop-filter: blur(18px);
    /*border-radius: 12px;*/
    border-radius: var(--product-card-border-radius);
    /*border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;*/
}
.product_card_img_overlay_for_name {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    /*background: linear-gradient(transparent, transparent, transparent, transparent, rgba(0, 0, 0, 10%));*/
    background:transparent;
    flex: 1;
    border-radius: var(--product-card-border-radius);
}
.product_card_pseudo_product_image{
    position: absolute;
    font-size: 1.2rem;
    font-weight: 600;
    /*color: white;
    background: linear-gradient(#ffb100, #ff9900);*/
    color: #252020;
    background: linear-gradient(#ffffff, #d9d9d9);
    display: flex;
    padding: 8px;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 100%;
    text-align: center;
    border-radius: var(--product-card-border-radius);
}
.post_card_poster_profile_pic img{
    width:25px;
    height:25px;
}
#new_post_custom_choose_file_utton{
    position: relative;
    width: auto;
    height: auto;
    margin: 8px 15px;
    border: none;
    padding: 6px 15px;
    border-radius: 25px;
    background: #ffffff;
    color: #5c5b5b;
    border: 1px solid #e0e5e9;
    font-weight: 700;
    font-size: 1rem;
}
#new_post_custom_choose_file_utton:hover, .product_image_remove_image:hover{
    cursor:pointer;
}
.image_preview_container, .image_preview_container_for_edit_post{
    display: flex;
    width: 100%;
    height: 100%;
    max-height: 350px;
    flex-direction: initial;
    overflow-y: auto;
    gap: 2px;
    flex-wrap: wrap;
    justify-content: center;
}
.image_preview_container_for_edit_post{
    gap: 8px;
    padding: 20px 10px;
    min-height: 250px;
}
.image_preview_container div, .image_preview_container img{
    width: auto;
    height: 100%;
    min-height: 200px;
    min-width: 49%;
    max-width: 100%;
    display: block;
    object-fit: cover;
    flex: 1;
    margin-top: -22px;
}
.image_preview_container img, .image_preview_container_for_edit_post img{
    width:100%;
    height:100%;
    opacity: 1 !important;
}
.edit_product_window_img_container {
    position: relative;
    max-width:200px;
    max-height:200px;
    border-radius:8px;
    overflow:hidden;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 50%);
}
.edit_product_remove_img_btn {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 12px;
    top: 12px;
    transform: rotate(45deg);
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 50%);
    color: white;
    font-size: 1.5rem;
    backdrop-filter: blur(2px);
    border-radius: 100%;
    padding: 8px 8px 12px 8px;
    z-index: 9999;
}
.edit_product_remove_img_btn:hover{
    cursor:pointer;
}
.product_image_remove_image{
    position: relative;
    bottom: -43px;
    right: 11px;
    float: right;
    min-width: 30px !important;
    min-height: 30px !important;
    max-width: 30px !important;
    max-height: 30px !important;
    transform: rotate(45deg);
    width: 30px;
    height: 30px;
    background: rgb(199 199 199 / 50%);
    border: none;
    color: white;
    font-size: 1.5rem;
    backdrop-filter: blur(2px);
    border-radius: 100%;
    padding: 0;
    z-index: 3;
}
.max_container_height_this_image{
    height: 350px;
    min-height: 350px;
    max-height: 350px;
}
.reviewer_name{
    font-size: 0.8rem;
    font-weight: 400;
    margin-top: -4px;
    /*padding: 6px 10px 0px 3px;*/
    padding: 4px 10px 0px 3px;
    word-wrap: break-word;
    background: transparent;
    /*border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;*/
    text-align:left;
    color:var(--reviewer-name-color);
}
.posted_date{
    font-size:0.65rem;
    color: #9a9fa2;
    display: none;
}
.product_window_product_price{
    color: var(--product-price-color);
    /*font-size: 1.45rem;*/
    font-size: 1.28rem;
    font-weight: 700;
}
.view_details_btn_container{
    width:100%;
    margin: 0;
}
.view_details_btn{
    background: #84afdb;
    color: #f3faff;
    text-align: center;
    width: 50%;
    padding: 7px 10px;
    border-radius: 7px;
    font-weight: 500;
    transform: translateX(50%);
    display:none;
}
.view_details_btn:hover{
    background: #2d90f9;
}
.shop_link, .product_window_shop_link_container{
    display:none;
}
.product_window_shop_link_container{
    position: relative;
    border: 1px solid #edf3f5;
    background: var(--shop-link-background);
    border: 1px solid #edeff1;
    border: var(--product-window-shop-link-border);
    display: flex;
    flex-direction: row;
    max-width: 232px;
    border-radius: 25px;
    font-size: 0.82rem;
    margin: 8px 0px;
}
.product_window_shop_link_container:hover{
    color:#ffffff;
    background: #8db0e5;
    transition: 0.1s ease-out;
    cursor:pointer;
}
.link_clicked_prompt_container{
    position: fixed;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 59%);
    backdrop-filter: blur(2px);
    z-index: 999;
}
.link_clicked_prompt{
    position: fixed;
    display: flex;
    flex-direction: column;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: white;
    width: 280px;
    height: 280px;
    padding: 20px;
    box-shadow: 0px 3px 16px rgb(0 0 0 / 33%);
    border-radius: 10px;
    text-align: center;
    border: none;
}
.shop_link_full{
    margin: 8px 0px;
    padding: 10px;
    color: #000000;
    background: #eceeef;
    border-radius: 9px;
    overflow: hidden;
    height: auto;
    max-height: 130px;
    word-wrap: break-word;
    overflow-y: auto;
    border: 2px solid #eceeef;
}
.shop_link_proceed_or_not_btn_container{
    display: flex;
    flex-direction: row;
}
.proceed_to_link_btn_container, .do_not_proceed_to_link_btn_container{
    padding:10px 15px;
    border-radius:10px;
    flex:1;
}
.proceed_to_link_btn_container{
    
}
.do_not_proceed_to_link_btn_container{
    
}
.proceed_to_link_btn, .do_not_proceed_to_link_btn{
    padding: 6px 5px;
    color: #737678;
    color:black;
    background: #d3d3d3;
    border-radius: 15px;
}
.proceed_to_link_btn:hover, .do_not_proceed_to_link_btn:hover{
    cursor:pointer;
}
.do_not_proceed_to_link_btn{
    color:black;
}
#product_window_shop_link, #product_window_goto_link_btn{
    padding: 4px 8px;
}
#product_window_shop_link{
    width: 234px;
    max-width: 234px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color:var(--product-window-shop-link-color);
}
#product_window_goto_link_btn{
    margin-left:auto;
}
#add_a_product_cross{
	position: absolute;
    /*left: 50%;
    top: 50%;*/
    /*left: 52%;*/
    left: 53%;
    top: 48%;
    transform: translate(-50%, -50%);
    font-size: 4rem;
    font-weight: 500;
    /*color: #99aab9;*/
    /*color: #b7cfe5;*/
    /*color: #c7d8e7;*/
    color: #d9e2eb;
    user-select: none;
}
.product_window_outer_sub_container{
    position: relative;
    display: flex;
    flex-direction: row;
    width: 79vw;
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
}
.product_window_sub_container{
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 0;
    width: 100vw;
    max-width: 100%;
    min-height: 575px;
    max-height: 100%;
    padding: 0;
    background: transparent;
}
.product_window_images_and_details_container{
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
}
.product_window_images_and_controls_container{
    position: relative;
    width: 100%;
    height:calc(100vh - 56px);
}
.product_window_images_and_controls_container:hover .product_window_left_arrow_container, .product_window_images_and_controls_container:hover .product_window_right_arrow_container{
    display:block;
}
.product_window_more_options_container{
    position: relative;
    width: 45px;
    height: 45px;
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--product-window-close-btn-background);
    border-radius: 100%;
    margin: 10px;
}
.product_window_more_options_container:hover{
    cursor:pointer;
}
.product_window_dots{
    font-size: 2.5rem;
    color: var(--product-window-dots-color);
    margin-top: -50%;
    user-select: none;
}
.product_window_post_hidden_options{
    position: absolute;
    background: var(--product-window-hidden-nav-options-background);
    top: 61px;
    right: 0;
    width: 250px;
    height:auto;
    min-height: 54px;
    padding: 0px 12px;
    border-radius: 12px;
    overflow:hidden;
    z-index: 999;
    border: none;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .2), 0 2px 4px 0 rgba(0, 0, 0, .1);
}
.product_window_post_hidden_options button:hover{
    background:var(--product-window-more-options-hover-background);
    cursor:pointer;
}
.product_window_post_hidden_options svg{
    height:15px;
}
.product_window_product_sub_container{
    display: flex;
    flex-direction: column;
    max-width: 100%;
    /*padding: 12px 12px 30px;*/
    gap: 5px;
}
.product_window_poster_details_container{
    display: flex;
    flex-direction: row;
    padding: 0px 16px;
    gap: 0;
    height: 72px;
    justify-content: flex-start;
    align-items: center;
}
.product_window_chat_user_button_container{
    position:relative;
    display:flex;
    flex-direction:row;
    gap:6px;
    padding: 0px 24px;
    display:none;
}
.product_window_chat_user_icon_container svg{
    height:15px;
}
.product_window_chat_user_word_container{
    font-size: 0.73rem;
}
.product_window_details_and_actions_container{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0px 16px;
    gap: 4px;
}
.product_window_show_comments_title_container{
    display:flex;
    justify-content: center;
    align-items:center;
    font-size: 0.85rem;
    font-weight: 600;
    height: 50px;
    border-top: var(--divider-line-color);
}
.all_comments_container{
    display:flex;
    flex-direction:column;
    z-index: 2;
}
.product_window_likes_count, .product_window_comments_title{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 25px;
    min-height: 25px;
    font-size: 0.8rem;
}
.product_window_comments_title:hover{
    cursor:pointer;
}
.product_window_all_comments_container{
    display:flex;
    flex-direction:column;
    gap: 12px;
    padding: 0px 16px 12px;
    padding: 0;
    height: 0;
    overflow: hidden;
    width: 100%;
    overflow-x: hidden;
}
.show_comments{
    padding: 16px 16px 12px;
    height: auto;
    max-height: 370px;
    overflow-y: auto;
}
.product_window_comment_container{
    display:flex;
    flex-direction:row;
    gap: 6px;
    max-width: 90vw;
}
.product_window_commenter_pic_container{
    width: 30px;
    height: 30px;
    min-width: 30px;
    max-width: 30px;
    min-height: 30px;
    max-height: 30px;
    overflow:hidden;
    border-radius:100%;
}
.product_window_commenter_pic_container img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.product_window_comment_details_container{
    max-width: 80vw;
    display: flex;
    flex-direction: column;
    gap: 8px;

}
.product_window_comment_options{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    min-width: 32px;
    padding-bottom: 11px;
}
.product_window_comment_options:hover{
    cursor:pointer;
}
.product_window_more_comment_options_container{
    display:none;
}
.show_product_window_more_comment_options_container{
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    background: var(--hidden-nav-options-background);
    width: 100px;
    float: right;
    top: -16px;
    padding: 12px;
    border-radius: 12px;
    text-align: left;
    box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .2), 0 2px 4px 0 rgba(0, 0, 0, .1);
}
.product_window_delete_comment_btn:hover, .product_window_edit_comment_btn:hover{
    cursor:pointer;
}
.product_window_comment_and_options_container{
    display:flex;
    flex-direction:row;
}
.product_window_commenter_name_and_comment_container{
    display: flex;
    justify-content: left;
    align-items: flex-start;
    gap: 8px;
    font-size: 0.82rem;
    background: var(--actual-comment-background);
    padding: 8px 10px 8px 8px;
    border-radius: 16px;
}
.product_window_comment_date_commented_container{
    font-size:0.63rem;
    text-align: left;
    display: flex;
    gap: 16px;
}
.comment_like_btn, .login_to_like_comment{
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 4px;
}
.comment_like_btn:hover, .login_to_like_comment:hover{
    cursor:pointer;
}
.comment_like_icon_container svg{
    height:12px;
}
.comment_like_icon_container svg path{
    fill: var(--product-window-font-color);
}
.cancel_edit_comment{
    color:#006cdf;
}
.cancel_edit_comment:hover{
    cursor:pointer;
}
.product_window_left_details_container{
    position: relative;
    flex: 1;
    width: auto;
    max-width: 100%;
}
.product_window_poster_profile_picture{
    width: 40px;
    max-width: 40px;
    height: 40px;
    max-height: 40px;
    overflow: hidden;
    border-radius: 100%;
    flex: 1;
}
.fix_all_comments_container{
    position: fixed;
    bottom: 0;
    background: white;
    height: 50vh;
    z-index: 999999;
}
.product_window_poster_profile_picture img{
    width:100%;
    height:100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    display: block;
}
.product_window_poster_name_and_date_posted_container{
    display: flex;
    flex-direction: column;
    padding: 0px 0px 0px 9px;
    gap: 4px;
    max-width: 45%;
    font-size: 0.9rem;
}
.product_window_poster_name{
    font-weight: 500;
    color: var(--logged-user-card-name-color);
}
.product_window_seller_or_sharer::first-letter{
    text-transform: uppercase;
}
.product_window_post_seller, .product_window_post_sharer, .poster_card_seller, .poster_card_sharer{
    font-size: 0.8rem;
    font-weight: 650;
    color: white;
    background: linear-gradient(142deg, #79caff, #0da0ff, #2790d4);
    text-align: center;
    padding: 4px 8px;
    border-radius: 8px;
    min-width: 80px;
    max-width: 80px;
}
.product_window_post_sharer, .poster_card_sharer{
    background: linear-gradient(142deg, #83c57c, #55aa23);
}
.product_windw_commenter_name{
    display: flex;
    flex-direction: row;
    gap: 4px;
    font-size: 0.81rem;
    font-weight:600;
}
.product_window_actual_comment{
    word-wrap: break-word;
    overflow-wrap: break-word;
    hyphens: auto;
    max-width: 100%;
    text-align: start;
    padding: 0px 8px 0px 0px;
}
.product_window_actual_comment:focus{
    border:none;
    outline:none;
}
.product_window_poster_name:hover{
    cursor:pointer;
}
.edit_comment_submit_btn{
    flex: 1;
    margin-top: auto;
}
.edit_comment_submit_btn svg{
    height:12px;
}
.post_author{
    background: #c2ddff;
    color: #357ff1;
    padding: 2px 4px;
    border-radius: 4px;
    font-size: 0.55rem;
}
.product_window_date_posted{
    font-size: 0.7rem;
    margin-bottom: 0;
    color: var(--product-window-date-posted-color);
    display: none;
}
#product_window_product_name{
    font-size: 0.87rem;
    font-weight: 400;
    overflow: hidden;
    word-wrap: break-word;
    padding-top: 0;
    color: var(--product-window-font-color);
    padding: 0px 8px;
    /*line-height: 1.4rem;*/
    line-height: 1.17rem;
}
#product_window_product_price{
    padding: 10px 0px 17px;
    font-size: 1.27rem;
    color: var(--product-price-color);
    padding: 0px 8px;
}
.product_window_sold_by_title{
    font-size: 0.84rem;
    font-weight: 600;
    color: var(--sold-by-font-color);
    padding: 0px 8px;
}
#product_window_shop_name{
    font-size: 0.87rem;
    font-weight: 600;
    overflow: hidden;
    word-wrap: break-word;
    padding: 10px 0px 5px;
    color: #6d6b6b;
    color: var(--product-window-font-color);
    padding: 0px 8px;
}
#product_window_shop_location{
    font-size: 0.87rem;
    padding: 0px 0px 10px;
    overflow: hidden;
    word-break: break-word;
    color: var(--product-window-font-color);
    padding: 0px 8px;
}
#product_window_product_review{
    overflow: hidden;
    word-wrap: break-word;
    padding: 0px 8px;
    border-radius: 15px;
    font-size: 0.87rem;
    color: var(--product-window-font-color);
    margin: 0px 0px 0px 0px;
    text-align: left;
    /*line-height: 1.4rem;*/
    line-height: 1.12rem;
}
#product_window_categories_container{
    position: relative;
    display: flex;
    margin-bottom:24px;
    padding: 4px 8px;
    gap:8px;
}
#product_window_categories_container .product_card_category{
    font-size: 0.8rem;
}
.sold_by_container{
    background: var(--product-card-customer-review-background-color);
    border: none;
    padding: 8px;
    border-radius: 16px;
    line-height: 1.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#product_window_product_reviewer_name{
    margin-top: -1px;
    padding: 10px 50px 10px 10px;
    font-size: 1.55rem;
    font-weight: 500;
    font-style: italic;
    background: #fbfbfb;
    border: var(--customer-review-border);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    display:none;
    flex: 1;
}
.choose_login_or_signup_btn_container{
    display: flex;
    flex-basis: 50%;
    justify-content: center;
    padding: 0px 0px 12px;
}
.login_and_signup_sub_container{
    margin: 30px 0px 0px 0px;
    display: flex;
    flex-direction: column;
    text-align: center;
    flex:6;
    width: 100%;
}
.forgot_password_input_and_btn_container{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items:center;
    margin-top:50px;
}
.login_signup_window_title, .signup_success_window_title{
    margin: 0px 0px 10px 0px;
}
.choose_to_login_container, .choose_to_signup_container{
    border:1px solid black;
}
.login_input_fields_container, .signup_input_fields_container{
    display:none;
    overflow:hidden;
    padding: 0px 0px 0px 0px;
    color: var(--default-font-color);
    /*border-top: 2px solid rgb(206 218 227 / 50%);*/
    /*border-top:1px solid rgb(227 235 241 / 50%);*/
}
.social_login_container{
    display:none;
}
.signup_email_error, .signup_password_error, .signup_confirm_password_error, .signup_name_error, .login_email_error, .login_password_error, .product_name_input_error_msg, .product_price_input_error_msg, .shop_name_input_error_msg, .shop_location_input_error_msg, .shop_link_input_error_msg, .feedback_input_error_msg, .seller_or_sharer_input_error_msg, .password_security_error_msg, .profile_page_display_name_error_msg, .profile_page_display_handle_error_msg, .profile_page_email_input_error_msg, .old_password_error_msg, .confirm_new_password_error_msg, .city_mun_input_error_msg{
    color:red;
    display:none;
    width:100%;
    font-size: 1.1rem;
    padding: 6px;
}
.signup_email_error, .signup_password_error, .signup_confirm_password_error, .signup_name_error, .login_email_error, .login_password_error{
    max-width: 305px;
    font-size: 1.13rem;
    padding: 3px 10px;
}
.product_name_input_error_msg, .product_price_input_error_msg, .shop_name_input_error_msg, .shop_location_input_error_msg, .shop_link_input_error_msg, .feedback_input_error_msg, .city_mun_input_error_msg, .seller_or_sharer_input_error_msg{
    /*padding: 4px 20px;*/
    padding: 0px 0px 0px;
    font-size: 0.83rem;
}
.signup_email_title_and_input_container, .signup_password_title_and_input_container, .signup_confirm_password_title_and_input_container, .signup_email_title_and_input_container, .signup_display_name_title_and_input_container, .login_email_title_and_input_container, .login_password_title_and_input_container, .forgot_password_input_container{
    margin-top: 16px;
    display: flex;
    flex-direction: column;
    background: var(--add-post-input-background-color);
    border: var(--input-field-border);
    border-radius: 12px;
    width: 100%;
}
.login_password_title_and_input_container, .signup_password_title_and_input_container, .signup_confirm_password_title_and_input_container{
    position: relative;
    display: flex;
    flex-direction: row;
}
.login_password_input_container, .signup_password_input_container, .signup_confirm_password_input_container{
    min-width:80%;
}
.signup_email_title_and_input_container, .login_email_title_and_input_container{
    margin-top:10px;
    min-width: 304px;
}
.signup_field_title, .login_field_title, .forgot_password_title{
    padding: 10px 5px 5px 16px;
    font-size: 0.75rem;
    text-align:left;
}
.signup_success_verify_email_message_container{
    display:none;
}
.verify_email_msg{
    margin-top: 50px;
}
#login_btn, #signup_btn, #choose_login_btn, #choose_signup_btn, #anywhere_login_btn, .forggot_password_submit_btn{
    padding: 10px 10px;
    padding-top: 11px;
    border-radius: 50px;
    font-size: 0.875rem;
    font-weight: 400;
    color: white;
    /*background: #53af0f;*/
    background: #7cc149;
    background: var(--main-blue);
    border: none;
    margin: 0;
    text-shadow: 0px 1px 2px rgba(0, 0, 0, 60%);
    /*box-shadow: 0px 2px 2px rgba(0, 0, 0, 67%);*/
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    user-select: none;
    text-align: center;
}
#login_btn, #signup_btn, .forggot_password_submit_btn{
    width: 100%;
    margin-left: 0px;
}
.forggot_password_submit_btn{
    margin-top:24px;
}
#signup_btn{
    margin-top:20px;
}
.login_btn_container, .signup_btn_container{
    margin-top: 20px;
    padding: 0px 0px 10px 0px;
}
.by_signing_up_msg{
    font-size:1rem;
    font-size: 0.82rem;
}
.mag_login_btn{
    padding: 0px 0px 10px 0px;
    flex: 1;
}
.mag_signup_btn{
    flex: 1;
}
#choose_login_btn, #choose_signup_btn{
    background:#fff;
    border: 2px solid #5295dd;
    color: #5295dd;
    border: 1px solid var(--main-blue);
    color: var(--main-blue);
    text-shadow: none !important;
    font-weight: 550 !important;
    width: 100%;
}
.nav_login_or_signup_btn:hover, #login_btn:hover, #signup_btn:hover, #choose_login_btn:hover, #choose_signup_btn:hover, #anywhere_login_btn:hover, .more_options_sub_container:hover, #show_or_hide_login_password:hover, #show_or_hide_signup_password:hover, #show_or_hide_signup_confirm_password:hover, .pc_nav_add_post_btn:hover, .logged_out_pc_nav_add_post_btn:hover, .forggot_password_submit_btn:hover{
    cursor:pointer;
}
#choose_login_btn:hover, #choose_signup_btn:hover{
    /*background:#37cd5a !important;*/
    /*background:#5986ef !important;*/
}
.navbar_search_container, #signup_email, #signup_password, #signup_confirm_password, #signup_name, #login_email, #login_password, #login_password_input_sub_container, #signup_password_input_sub_container, #signup_confirm_password_input_sub_container, #edit_name_input, #edit_handle_input, #edit_email_input, #password_for_security, #old_password, #new_password, #confirm_new_password, #forgot_password_email_input{
    border: var(--input-field-border);
    font-size: 0.875rem;
    padding: 0px 16px 6px;
    /*border-radius: 50px;*/
    border-radius: 10px;
    /*min-height: 42px;
    max-height: 42px;*/
    min-height: 24px;
    max-height: 24px;
    max-width: 100%;
    color: var(--default-font-color);
    background: var(--add-post-input-background-color);
    background:none;
    border:none;
}
.pc_search_container{
    /*flex: 1;
    width: 550px;
    min-width: 500px;
    max-width: 550px;
    padding: 0px 0px 0px 16px;
    margin-left: 0;*/
    flex: 3;
    width: 550px;
    min-width: 500px;
    max-width: 550px;
    padding: 0px 0px 0px 0px;
    margin-left: 0;
}
.pc_nav_add_post_btn, .logged_out_pc_nav_add_post_btn{
    display:flex;
    margin-left: 0;
    width: 50px;
    justify-content: center;
    align-items: center;
}
.hide_nav_from_homepage .pc_nav_add_post_btn svg path, .hide_nav_from_homepage .logged_out_pc_nav_add_post_btn svg path, .hide_nav_from_homepage .pc_wants_page svg path{
    fill:white;
}
.pc_searches_nav_btn{
    width: 50px;
}
.navbar_search_container {
    display: flex;
    flex-direction: row;
    padding: 0px;
    margin: 0;
    width: 100%;
    height: 41px;
    min-height: 40px;
    max-height: 40px;
    border:var(--nav-search-border);
    background: var(--nav-search-input-background);
    overflow: hidden;
    border-radius: 25px;
}
#nav_search{
    border: none;
    /*color:var(--default-theme-font);*/
    background: transparent;
    width: 90%;
    padding: 0px 6px 0px 0px;
    font-size: 0.9rem;
    color: var(--default-font-color);
}
#login_password_input_sub_container, #signup_password_input_sub_container, #signup_confirm_password_input_sub_container{
    display:flex;
    padding: 0;
}
#login_password, #signup_password, #signup_confirm_password{
    border:none;
    max-width: 240px;
    min-height: unset;
    min-width: 80%;
}
#show_or_hide_login_password, #show_or_hide_signup_password, #show_or_hide_signup_confirm_password{
    flex-grow: 1;
    margin-top: 0;
    padding: 0;
    /*border-left: var(--input-field-border);*/
    user-select: none;
}
.show_login_pass_eye, .show_signup_pass_eye, .show_signup_confirm_pass_eye{
    position: relative;
    top: 50%;
    left: 50%;
    border: 1px dotted var(--login-eye-icon-color);
    border-bottom: none;
    border-right: none;
    border-left: none;
    width: 22px;
    height: 1px;
    border-radius: 126%;
    transform: translate(-50%, -50%);
    overflow: hidden;
    transition: 0.05s ease-out;
}
.open_eye{
    height:13px;
    border-top: 2px dotted var(--login-eye-icon-color);
    border-bottom: 1px dotted var(--login-eye-icon-color);
}
.show_login_pass_iris, .show_signup_pass_iris, .show_signup_confirm_pass_iris{
    position: relative;
    top: -2px;
    left: 3px;
    width: 15px;
    height: 15px;
    border: 6px solid var(--login-eye-icon-iris-color);
    border-radius: 100%;
}
#forgot_password_btn{
    color: var(--forgot-password-color);
    padding: 23px 0px 10px;
}
#forgot_password_btn a{
    color: var(--forgot-password-color);
    font-size: 0.85rem;
}
#forgot_password_btn a:hover{
    color: #00aaff;
}
#forgot_password_btn:hover{
    cursor:pointer;
}
.profile_page_name_container, .profile_page_handle_container .profile_page_email_container{
    margin-top: 10px;
}
.profile_page_name_container{
    margin-top: 30px;
}
#edit_name_input, #edit_handle_input, #edit_email_input{
    width:100%;
    text-align: center;
    padding: 8px 20px 10px 20px;
    font-weight: 550;
}
.misc_page_container{
    flex:1;
    padding: 100px 0px;
    height: 100%;
}
.misc_page_sub_container{
    width: 500px;
    position: relative;
    left: 50%;
    top: 50%;
    padding: 20px;
    font-size: 1.3rem;
    transform: translate(-50%, -50%);
}
.input_has_error{
    border:1px solid red !important;
}
.add_input_has_error{
    border-bottom:1px solid red !important;
    border-radius: 0;
    padding
    color:red;
}
.add_input_has_error::placeholder{
    color:red !important;
}
.show_login_fields{
    height:auto;
    width:auto;
    max-height:500px;
}
.hide_nav{
    display:none !important;
}
.show_this{
    display:inline-block;
}
.no-scroll {
    overflow: hidden;
}
.red_asterisk{
    color:red;
}
.required_asterisk{
    /*color: #43bf2e;*/
    color: #94bbdd;
}
#city_mun_input_container{
    overflow:visible;
}
#add_post_city_mun_dropdown_options{
    position: absolute;
    display:none;
    left: 22px;
    top: 41px;
    z-index: 9999;
    background: white;
    padding: 10px;
    border: var(--input-field-border);
    border-radius: 10px;
    max-height: 200px;
    min-width: 250px;
    overflow: auto;
}
.add_post_dropdown_item{
    padding:10px;
}
.add_post_city_mun_dropdown{
    flex:1;
    width:100%;
}
#city_mun_dropdown{
    width:100%;
}
.unfocused_btn{
    background:transparent !important;
    text-shadow:none !important;
    box-shadow:none !important;
    color:var(--unfocused-btn-color) !important;
    border:none !important;
}
.hidden_option{
    display: flex;
    justify-content: left;
    align-items: center;
    user-select: none;
    font-size: 0.83rem;
    font-weight: 500 !important;
    padding: 0px 20px !important;
    border-bottom: none !important;
    height: 52px;
    color: var(--hidden-nav-option-font-color);
    gap: 8px;
}
.hidden_option:hover{
    /*text-shadow: 0px 2px 4px rgba(0, 0, 0, 50%);*/
    background: var(--hidden-option-hover-background);
    border-radius: 0 !important;
    cursor:pointer;
}
.hidden_option svg path{
    fill: var(--more-options-fill-color);
}
.hidden_nav_options{
    will-change: transform;
    transform: translate3d(0, 0, 0);
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 55px;
    left: auto;
    width: 330px;
    height: auto;
    z-index: 7;
    /* background: rgb(235 236 237 / 50%); */
    background: var(--hidden-nav-options-background);
    backdrop-filter: blur(19px);
    /*transition: transform 0.07s ease-out;*/
    transform: translate(68vw, -120vh);
    /*box-shadow: 0px 3px 4px rgb(4 57 81 / 41%);*/
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .2), 0 2px 4px 0 rgba(0, 0, 0, .1);
    overscroll-behavior: contain;
    border-radius: 12px;
}
.show_hidden_nav_options{
    will-change: transform;
    /*transition: transform 0.07s ease-out;*/
    transform: translate(68vw, -0vh);
}
.discover_more_options_container{
    width: 300px;
    height: 300px;
    overflow: hidden;
    will-change: transform;
    transform: translate3d(0, 0, 0);
    position: fixed;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    height: 404px;
    width: 867px;
    z-index: 2;
    color: var(--default-font-color);
    background: var(--mobile-hidden-nav-options-background);
    padding: 16px;
    transform: translateY(-130%);
    /*transition: opacity 150ms ease-out, transform 120ms ease-out;*/
    opacity: 0.5;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .2), 0 2px 4px 0 rgba(0, 0, 0, .1);
    overscroll-behavior: contain;
    border-radius: 12px;
}
.discover_categories_content{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.show_discover_more_options_container {
    transform: translate(32vw, 50px);
    opacity: 1;
}
.discover_more_options_container a{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items:center;
    color:var(--default-font-color);
    gap:8px;
}
.discover_categories_content a{
        height: auto;
        min-height: 100px;
        min-width: 100px;
        max-width: 100px;
        justify-content: flex-start;
        padding: 0px 8px;
    }
    .discover_categories_content a div{
        display:flex;
        justify-content: center;
        align-items:center;
        flex-direction: column;
        text-align: center;
        gap: 12px;
        font-weight: 350;
    }
    .discover_categories_content a div .category_svg_container{
        width:45px;
        height:45px;
    }
.cheapest_deals_icon, .sellers_and_sharers_icon{
    min-width: 40px;
    height: 40px;
}
.hidden_nav_options #profile_btn, .hidden_nav_options #my_posts_btn, .hidden_nav_options #logout_btn, .hidden_nav_options #add_to_homescreen{
    color:var(--hidden-nav-option-font-color);
}
.goto_my_public_profile_btn{
    padding-left: 16px !important;
}
.hidden_nav_options #add_to_homescreen{
    position:unset;
}
.main_option_user_container{
    display: flex;
    flex-direction: row;
    gap: 8px;
}
.main_options{
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    flex: 1;
}
.main_options a{
    color:var(--hidden-nav-option-font-color);
    /*text-shadow: 0px 2px 2px rgba(0, 0, 0, 37%);*/
}
.logged_out_options{
    margin-top: 0px !important;
}
.sidebar_social_login_div{
    display: flex;
    justify-content: center;
    margin: 32px 0px 0px;
    padding: 0px 0px 0px;
}
.sidebar_social_login_div img{
    min-height: 40px;
}
.divider {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 16px 0;
}

.divider::before,
.divider::after {
  content: '';
  flex: 1;
  /*border-bottom: 1px solid var(--hidden-nav-option-font-color);*/
    border-bottom: 1px solid #22282a;
  margin: 0 10px;
}

.divider span {
  font-size: 14px;
  color: var(--hidden-nav-option-font-color);
}
.misc_options {
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 10px 0px 11px 0px;
    justify-content: center;
    align-items: center;
    width: 99%;
    font-size: 0.82rem;
}
.misc_options a{
    color:var(--misc-options-color);
    font-size: 0.725rem;
}
.misc_row1, .misc_row2{
    display:flex;
    flex-direction:row;
    gap: 24px;
}
.sidebar_copyright_and_all_rights{
    color:var(--hidden-nav-option-font-color);
    font-size: 0.725rem;
    text-align:center;
    margin-top: 24px;
}
.show_more_options, .nav_login_or_signup_btn {
    font-size: 1.3rem;
    font-weight: 450;
    color: #ffffff;
    background: #5393f7;
    margin: 10px 0px 2px 0px;
    padding: 5px 17px;
    border-radius: 25px;
    box-shadow: 0px 1px 2px rgb(92 111 139 / 50%);
    user-select: none;
}
.nav_login_or_signup_btn{
    max-width: 161px;
    margin-left: auto;
    white-space: nowrap;
    margin-top: 0;
    background: none;
    box-shadow: none;
    font-weight: 400;
    font-size: 1.05rem;
}
.nav_login_or_signup_btn:hover{
    background: #5393f7;
}
#profile_btn, #settings_btn, #my_posts_btn, #logout_btn{
    font-size: 0.83rem;
    font-weight: 500;
    color: #ffffff;
    padding: 10px 20px;
    border-radius: 8px;
    /*border-bottom: 1px solid #4c65c1;*/
}
.profile_settings_title_container{
    flex:1;
}
.profile_settings_icon_container, .saved_posts_icon_container, .my_posts_icon_container, .dark_mode_icon_container, .logout_icon_container, .login_icon_container, .signup_icon_container, .install_muradito_icon_container{
    width:20px;
    height:20px;
}
.profile_settings_icon_container svg, .saved_posts_icon_container svg, .my_posts_icon_container svg, .dark_mode_icon_container svg, .logout_icon_container svg, .login_icon_container svg, .signup_icon_container svg, .install_muradito_icon_container svg{
    width:20px;
    height:20px;
    width: 18px;
    height: 18px;
}
.sorry_message_for_no_result{
    font-size:1.5rem;
    padding:20px;
}
.big_sorry{
    font-size: 4rem;
    color: #5f666c;
    padding-bottom:20px;
}
.additionals_sub_container{
    position:relative;
    display:flex;
    max-width: 710px;
    left:50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 0.76rem;
}
.additionals_sub_container a{
    flex:1;
    color: #009fff;
    margin: 15px 0px;
}
.profile_container, #my_posts_container, #my_saved_posts_container{
    flex:1;
    padding: 80px 0px 0px 0px;
}
.profile_container{
    height:100%;
    margin-top: 78px;
    /*padding: 50px 0px;*/
    padding: 150px 0px;
}
.profile_sub_container{
    position: relative;
    width: 700px;
    height: 600px;
    background: var(--body-background-color);
    margin: 20px 0px;
    padding: 20px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 15px;
    /*box-shadow: 1px 4px 7px rgb(114 146 177 / 28%);*/
    box-shadow: 1px 4px 7px rgb(164 175 185 / 28%);
}
.user_info_container{
    position: relative;
    display: flex;
    flex-direction: column;
    height: 500px;
    width: 300px;
    left: 50%;
    transform: translate(-50%, -16%);
    justify-content: center;
    text-align: center;
    color: var(--default-font-color);
}
.profile_page_profile_pic_sub_container{
    position: relative;
    width: 200px;
    height: 200px;
    background: #e4eaec;
    border-radius: 100%;
    top: 54%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow:hidden;
    object-fit: contain;
}
.profile_page_profile_pic_sub_container img{
    min-width: 200px;
    min-height: 200px;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    display: block;
}
.profile_field{
    padding: 0px 0px 10px 0px;
    font-size: 1.05rem;
    font-weight: 400;
}
.my_saved_posts_sub_container{
    padding: 80px 0px 0px 0px;
}
.single_page_title{
    font-size: 1.5rem;
    line-height: 3rem;
    font-weight: 600;
    padding: 20px 35px 10px;
    color:var(--default-font-color);
}
.edit_profile_btn, .save_profile_changes_btn, .cancel_edit_profile_btn, #proceed_save_profile_changes, #save_new_password, #cancel_password_change{
    padding:10px;
}
.edit_profile_btn, .change_password_btn, .set_password_btn, .save_profile_changes_btn, .cancel_edit_profile_btn, #proceed_save_profile_changes, #save_new_password, #cancel_password_change{
    margin-top: 50px;
    color: white;
    background: #4d88d5;
    padding: 10px 20px;
    width: 182px;
    border-radius: 25px;
    text-align: center;
}
.change_password_btn_container, .set_password_btn_container{
    position: relative;
    height: auto;
    padding: 30px;
    margin-top: 30px;
    border-top: var(--input-field-border);
}
.edit_profile_btn, .change_password_btn, .set_password_btn{
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
}
.set_password_title{
    font-size:0.9rem;
}
.edit_profile_btn, .save_profile_changes_btn, .cancel_edit_profile_btn, #proceed_save_profile_changes, #save_new_password, #cancel_password_change{
    margin-top:0;
}
.edit_or_cancel_profile_edit_btn_container{
    display:flex;
    flex-direction:row;
    gap: 10px;
}
.save_profile_changes_btn, .cancel_edit_profile_btn, #save_new_password{
    background: #4CAF50;
}
.edit_profile_btn:hover, .change_password_btn:hover, .set_password_btn:hover, .save_profile_changes_btn:hover, .cancel_edit_profile_btn:hover, #save_new_password:hover, #cancel_password_change:hover{
    cursor:pointer;
}
.cancel_edit_profile_btn, #cancel_password_change{
    background:orange;
}
#save_new_password, #cancel_password_change{
    width: auto;
    padding: 10px 25px;
    border: none;
}
#proceed_save_profile_changes{
    background:orange;
    border:none;
    width: 100%;
}
.keyword_searches_count{
}
.about_container, .privacy_policy_container, .terms_of_use_container, .send_website_feedback_container, .report_a_problem_container, .contactus_container{
    padding: 150px;
    left: 50%;
    flex: 1;
    height:auto;
    min-height: calc(100vh - var(--footer-height));
}
.about_container{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 0;
    height: calc(100vh - 56px);
    margin-top: 56px;
    padding-top: 0;
    left: 0;
    background: var(--pc-colored-navbar-background);
}
.send_feedback_title{
    text-align: center;
} 
.about_container img{
    position: relative;
    max-width: 250px;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 30px;
    border-radius: 15px;
}
.about_sub_container, .privacy_policy_sub_container, .contactus_sub_container, .terms_of_use_sub_container{
    position: relative;
    color: var(--about-and-misc-font-color);
    width: 600px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0.95rem;
    line-height: 1.75rem;
}
.about_creator_name{
    text-align: right;
}
.privacy_policy_sub_container, .terms_of_use_sub_container, .contactus_sub_container{
    padding: 10px 0px;
    line-height: 1.65rem;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.about_sub_container{
    position:relative;
    display:flex;
    flex-direction:row;
    width: 100%;
    height: 100%;
    transform: unset;
    left: unset;
    margin: 0;
}
.about_content_art, .about_content_details{
    position:relative;
    display:flex;
    width:50%;
}
.about_content_art{
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--main-banner-background);
    overflow:hidden;
}
.about_muradito_abstract_object_1{
    position: absolute;
    width: 50%;
    height: 75%;
    background: rgb(255 221 39 / 20%);
    border-radius: 10px;
    transform: rotate(45deg);
    left: 1%;
}
.about_muradito_abstract_object_2{
    position: absolute;
    width: 30%;
    height: 30%;
    background: rgb(245 195 104 / 50%);
    border-radius: 100%;
    left: 50%;
}
.about_muradito_abstract_object_3{
    position: absolute;
    width: 500px;
    height: 500px;
    background: rgb(255 167 66 / 50%);
    border-radius: 20%;
    left: 24%;
    bottom: 5%;
}
.about_muradito_abstract_object_4{
    position: absolute;
    width: 350px;
    height: 120px;
    background: rgb(235 255 54 / 20%);
    transform: skew(10deg, 10deg);
    border-radius: 25px;
    bottom: 5%;
    left: 40%;
}
.about_muradito_abstract_object_5{
    position: absolute;
    width: 50%;
    height: 250px;
    background: rgb(255 176 0 / 60%);
    border-radius: 50px;
    transform: rotate(14deg) skewX(57deg) perspective(122px);
    border-radius: 55px;
    top: 50%;
    right: 10%;
}
.about_muradito_brand_and_tagline{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
.about_page_brand{
    z-index:1;
}
.about_page_tagline{
    font-size:3rem;
    font-weight:500;
    color:white;
    z-index:1;
}
.about_title, .send_feedback_title{
    font-size:3rem;
    font-weight: 650;
}
.about_title{
    font-weight: 680;
    line-height: 2.5rem;
}
.about_content_details{
    position:relative;
    display:flex;
    justify-content: center;
    align-items:center;
}
.about_page_headquarters{
    font-size: 1.3rem;
}
.about_page_main_details_container{
    position: relative;
    display: flex;
    flex-direction: column;
    width:75%;
    gap: 24px;
}
.about_section_1{
    font-size:1.5rem;
    font-weight: 550;
    line-height: 2.3rem !important;
}
.privacy_policy_sub_container p, .privacy_policy_sub_container ul, .terms_of_use_sub_container p, .terms_of_use_sub_container ul{

}
.pseudo_not_input{
    border:none !important;
}
.input_password_for_security_container, .change_password_container{
    position: fixed;
    top: 0;
    left: 0;
    background: rgb(235 221 190 / 50%);
    backdrop-filter: blur(4px);
    width: 100vw;
    height: 100vh;
    z-index: 999;
}
.input_password_for_security_sub_container, .change_password_sub_container{
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 15px;
    justify-content: center;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 350px;
    height: 380px;
    background: white;
    padding: 20px;
    border-radius: 15px;
    text-align: center;
    border: 5px solid #ffa200;
}
.change_password_sub_container{
    width: 350px;
    height: 450px;
}
.change_password_input_container{
    margin-top: 20px;
}
.change_password_save_or_cancel_btn_container{
    display:flex;
    flex-direction:row;
    gap:20px;
    justify-content:center;
    margin:20px 0px 0px;
}
.password_security_triggering_action{
    color: #5c5a5a;
    background: #efede8;
    padding: 10px;
    border-radius: 15px;
}
.password_change_success_message_container{
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 50%);
    backdrop-filter: blur(5px);
    width: 100%;
    height: 100%;
}
.password_change_success_message{
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    width: 200px;
    height: auto;
    padding: 10px;
    border-radius: 15px;
}
.delete_post_container{
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 50%);
    backdrop-filter: blur(1px);
    z-index: 99999;
}
.delete_post_modal_container{
    position: relative;
    display: flex;
    width: 300px;
    height: auto;
    background: white;
    border-radius: 15px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    text-align: center;
    justify-content: center;
}
.delete_post_modal{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.delete_post_modal_btn_container{
    display: flex;
    flex-direction: row;
    gap: 50px;
    text-align: center;
    width: 100%;
}
.delete_post_modal_delete_btn, .delete_post_modal_cancel_btn{
    color: var(--default-font-color);
    background:var(--delete-or-cancel-delete-post-btn-background-color);
    padding:10px 20px;
    border-radius:15px;
}
.rate_product_window_container{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: rgba(0, 0, 0, 69%);
    backdrop-filter: blur(7px);
}
.rate_product_window_sub_container{
    position: relative;
    width: 500px;
    height: 500px;
    background: white;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 15px;
    padding: 20px;
    text-align: center;
}
.rate_product_details{
    font-size: 2rem;
    font-weight:600;
}
.rate_product_stars_container{
    display:flex;
    flex-direction:row;
    gap:15px;
    justify-content:center;
}
.rate_product_stars_container svg{
    width: 45px;
    height: 45px;
}
.rate_product_stars_container svg:hover{
    cursor:pointer;
}
.rate_product_stars_container svg path{
    fill: #bfbfbf;
}
.rate_product_window_hover_star path{
    fill:gold !important;
}
/* For WebKit-based browsers */
.custom-scrollbar::-webkit-scrollbar {
  width: 12px;
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: #eee;
    border-radius: 15px;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: #434f59;
  border-radius: 15px;
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #6e767d;
}
.g-recaptcha{
    margin-top: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.heart {
  position: relative;
  width: 50px;
  height: 50px;
  background-color: red;
  transform: rotate(-45deg);
  margin: 50px;
}

.heart::before,
.heart::after {
  content: '';
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: red;
  border-radius: 50%;
}

.heart::before {
  top: -25px;
  left: 0;
}

.heart::after {
  top: 0;
  left: 25px;
}
.mobile_close_window_btn{
    display:none;
}
.end_products_container_filler{
    position:relative;
    width:100%;
    height:200px;
    flex: 1;
}
#image {
    display: none;
}
.upload_profile_pic_btn{
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: space-evenly;
}

.profile_pic_upload_form{
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 10px;
    justify-content: center;
    width: 100px;
    height: 43px;
    z-index: 2;
}
.profile_pic_upload_form label{
    width: 44px;
    height: 44px;
    padding: 10px;
    background-color: rgba(255, 255, 255, 67%);
    box-shadow: 0px 1px 6px rgba(0, 0, 0, 41%);
}
/* Style the label to act as a custom file button */
.custom-file-upload,#save_new_profile_pic, #cancel_new_profile_pic  {
    display: inline-block;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    border-radius: 25px;
    border: none;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    flex: 1;
}

/* Style for the "Choose File" button on hover */
.custom-file-upload:hover {
    background-color: #0056b3;
}

/* Optionally, hide the file name beside the button */
#image + .custom-file-upload {
    display: inline-block;
}
#save_new_profile_pic, #cancel_new_profile_pic{
    width: 100px;
    min-width: 100px;
    max-width: 100px;
}
#cancel_new_profile_pic{
    z-index: 2;
}
img{
    user-select: none;
}
.profile_pic_upload_btn_container{
    position: absolute;
    right: -22px;
    top: -11px;
}
#liked_btn{
    text-transform: capitalize;
}
#like_btn{
    position: relative;
    /* top: -5px; */
    display: flex;
    justify-content: center;
}
.liked{
    font-weight: 500 !important;
    justify-content: center;
}
.product_window_like_btn_liked{
    color:var(--product-window-liked-icon-and-text-color);
    font-weight:600 !important;
}
#like_btn_shaded path{
    fill: #0d94ff;
    fill: #0d79ff;
    fill: var(--liked-fill-and-font-color);
}
.product_window_like_btn .liked{
    color:var(--product-window-liked-icon-and-text-color);
}
.product_window_like_btn #like_btn_shaded path{
    fill: var(--product-window-liked-icon-and-text-color);
}
.product_window_like_icon_container{
    padding: 0 !important;
}
.heart_react_bg, .haha_react_bg{
    width:50px;
    height:50px;
    background:#f72121;
    border-radius:100%;
}
.haha_react_bg{
    
}
#heart_reaction_heart_icon, #haha_reaction_face{
    transform: translate(-9px, -3px);
}
#heart_reaction_heart_icon path{
    fill:white;
}
/* Custom button styling */
        #customButton {
            background-color: #007bff;
            color: white;
            padding: 10px 20px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            font-size: 16px;
        }

        #customButton:hover {
            background-color: #0056b3;
        }

        /* File names display */
        #fileNames {
            margin-top: 0;
            font-size: 14px;
            color: #555;
        }
        
        /* Optional: style the custom icon if using one */
        .icon-button {
            background: url('your-icon-path.png') no-repeat center center;
            width: 50px;
            height: 50px;
            border: none;
            cursor: pointer;
            display: inline-block;
        }
.powered_by{
    font-size: 0.5rem;
    margin-top: 10px;
    /*color: #8b8f91;*/
    color: #282d30;
    margin: 0px 0px 10px 0px;
}
.sidebar_additionals{
    bottom: 86px;
    left: 0;
    width: 100%;
    text-align: center;
    flex: 1;
    padding: 10px;
}
.product_card_total_likes{
    font-size: 0.75rem;
    color: var(--product-card-like-count-color);
    /*border-left: 1px solid #2f2d2d;*/
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 8px;
    left: auto;
    right: 0;
    padding: 0;
    flex: 1;
    width: 100%;
}
.product_card_total_likes svg{
    top: 2px;
    position: relative;
    height: 15px;
    /*filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 1));*/
}
.product_card_total_likes svg path{
    fill: var(--product-card-like-icon-fill-color);
}
.product_window_like_btn_liked svg path{
    fill: var(--liked-fill-and-font-color);
}
.product_card_total_likes polygon, .product_card_total_likes rect{
    fill: #6c7171;
}
.mobile_top_bar{
    display:none;
}
.rand_container{
    position: relative;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    width: 100%;
    height: auto;
    min-height: 150px;
    max-height: 500px;
    padding: 8px;
    font-size: 1.1rem;
    font-weight: 700;
    color: white;
    background: var(--rand-container-background);
    border-radius: var(--product-card-border-radius);
    text-align: center;
    box-shadow: var(--product-card-img-box-shadow);
}
.rand_container_brand{
    font-size: 0.8rem;
    font-weight: 800;
    /*background: linear-gradient(90deg, #ffd260, #ff9a25);*/
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.rand_container_gradient1 {
    background: linear-gradient(128deg, #d16eff, #7800d1, #2a7fff); /* More contrast, vibrant purple-blue */
}

.rand_container_gradient2 {
    background: linear-gradient(128deg, #61e076, #24bfae, #1c5de8); /* More vivid green-blue */
}

.rand_container_gradient3 {
    background: linear-gradient(128deg, #ff9b3f, #e64a19, #ff007f); /* More eye-catching orange-pink */
}

.rand_container_gradient4 {
    background: linear-gradient(128deg, #ffcc00, #ff6600, #ff0000); /* Gold to Red – urgency, excitement */
}

.rand_container_gradient5 {
    background: linear-gradient(128deg, #00e0ff, #0080ff, #4000ff); /* Cyan to Blue – trust, freshness */
}

.rand_container_gradient6 {
    background: linear-gradient(128deg, #ff007f, #ff4f00, #ffcc00); /* Pink-Orange-Yellow – playful, energetic */
}


.rand_container button{
    padding: 8px 12px;
    margin-top: 8px;
    border-radius: 25px;
    border: none;
    color: white;
    font-size: 1rem;
    font-weight: 600;
    background: linear-gradient(128deg, #ffdd4a, #ffab00, #ff6f00);
}
.delete_image_from_post_confirmation_window_containter{
    position: fixed;
    display:flex;
    justify-content: center;
    align-items:center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 50%);
    z-index: 999999;
}
.delete_image_window{
    position:relative;
    display:flex;
    flex-direction:column;
    width:200px;
    max-height: 350px;
    padding:16px;
    background: var(--product-card-product-details-background);
    border-radius: 12px;
    justify-content: center;
    text-align: center;
    gap: 12px;
}
.delete_image_confirmation_buttons_container{
    display:flex;
    flex-direction:row;
    gap:12px;
    justify-content: center;
}
.delete_image_confirmation_buttons_container button{
    padding: 8px 12px;
    border-radius: 25px;
    border:none;
    background: #525253;
    color: white;
}
.delete_image_confirmation_buttons_container button:hover{
    cursor:pointer;
}
.website_feedback_input_and_btn_container{
    position:relative;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
#website_feedback, #website_feedbacker_name, .submit_feedback{
    width: 250px;
    max-width: 250px;
    height: auto;
    max-height: 300px;
    border: none;
    border-radius: 12px;
    background: #e4ebef;
    padding: 12px;
    overflow:auto;
}
#website_feedback:focus{
    border:none;
    outline:none;
}
#website_feedback:empty::before {
    content: attr(data-placeholder);
    color: #aaa;
    pointer-events: none; /* Allows typing over the placeholder */
}
.submit_feedback{
    background: #0070ff;
    color: white;
}
.submit_feedback:hover{
    cursor:pointer;
}
.feedback_error_msg{
    color:red;
}
.chat_window_container{
    position: fixed;
    bottom: 0;
    width: 100%;
    display: inline-block;
    height: auto;
    z-index: 99999;
}
.chat_window{
    position: absolute;
    width: 330px;
    height: 500px;
    background: white;
    z-index: 99999;
    right: 4rem;
    bottom: 0;
    display: inline-block;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    overflow: hidden;
}
.chat_window_header, .chat_window_body, .chat_window_actions_container{
    flex:1;
}
.chat_window_header{
    position: fixed;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 330px;
    height: 50px;
    background: var(--topbar-logo-color) !important;
    padding: 0px 10px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.chat_window_close_btn{
    margin-left: auto;
    transform: rotate(45deg) translate(0px, -2px);
    font-size: 2rem;
    font-weight: 400;
    color: white;
}
.chat_window_body_and_actions_container{
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
}
.chat_window_body{
    position: relative;
    height: 440px;
    max-height: 440px;
    flex: 1;
}
.chat_window_actions_container{
    position: relative;
    width: 100%;
    height: auto;
    border-top: 1px solid black;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    bottom: 0;
    padding: 8px 0px;
    flex: 0.05;
}
.chat_window_input_and_send_btn_container{
    display: flex;
    flex-direction: row;
    height: auto;
    min-height: 35px;
    border-radius: 25px;
    overflow: hidden;
}
.chat_window_input{
    width: 200px;
    background: #e6ebef;
}
.carousel_additionals_divider {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 20px 0;
}
.carousel_additionals_divider::before, .carousel_additionals_divider::after{
    content: '';
    flex: 1;
    border-bottom: 1px solid #df7d18 !important;
    margin: 0 10px;
}
.carousel_additionals_divider span {
  font-size: 14px;
  color: white;
}
.move_left_100{
    transform:translateX(-100%);
}
.move_left_200{
    transform:translateX(-200%);
}
.move_left_300{
    transform:translateX(-300%);
}
.move_left_400{
    transform:translateX(-400%);
}
.move_left_500{
    transform:translateX(-500%);
}
.move_left_600{
    transform:translateX(-600%);
}
.move_right_100{
    transform:translateX(100%);
}
.move_right_200{
    transform:translateX(200%);
}
.move_right_300{
    transform:translateX(300%);
}
.move_right_400{
    transform:translateX(400%);
}
.move_right_500{
    transform:translateX(500%);
}
.skeleton_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.6); /* Light overlay */
    animation: shimmer 0.5s linear infinite;
}

@keyframes shimmer {
    0% { background: rgba(255, 255, 255, 0.8); }
    50% { background: rgba(255, 255, 255, 0.6); }
    100% { background: rgba(255, 255, 255, 0.8); }
}
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.slide_homepage_to_left{
    transform: translateX(-100%);
}
.bounce {
  transition: transform 100ms ease-out;
}
.subtly_fadein{
    opacity:1 !important;
}

.product_card_wrapper img,
.boosted_post_container img {
    opacity: 0 !important;
    transform: scale(0.98) !important;
    transition: opacity 200ms ease-out, transform 200ms ease-out !important;
}

.product_card_wrapper img.loaded,
.boosted_post_container img.loaded {
    opacity: 1 !important;
    transform: scale(1) !important;
}

/*img {
    opacity: 0 !important;
    transform: scale(0.98) !important;
    transition: opacity 200ms ease-out, transform 200ms ease-out !important;
}
img.loaded {
    opacity: 1 !important;
    transform: scale(1) !important;
}*/
.product_image_preview_container img{
    opacity: 1 !important;
}
.ripple_container {
  position: relative;
  overflow:hidden;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.ripple {
  position: absolute;
  width: 100px;
  height: 100px;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  transform: scale(0);
  opacity: 0.6;
  animation: ripple-animation 0.6s linear;
    z-index: 3;
}

@keyframes glow {
    0% {
        box-shadow: 0px 0px 8px rgb(41 145 0 / 80%);
    }
    50% {
        box-shadow: 0px 0px 12px rgb(41 145 0 / 100%);
    }
    100% {
        box-shadow: 0px 0px 8px rgb(41 145 0 / 80%);
    }
}

.my_new_post {
    animation: glow 1.5s infinite alternate ease-in-out;
}

@media (max-width: 575.98px) {
    :root{
        --categories-and-boosted-posts-containers-background: #ffffff;
        --categories-and-boosted-posts-containers-background: transparent;
        --categories-font-color: #3a3939;
        /*--main-banner-background: linear-gradient(#2eaeff, #21a5fa, #07b8fe, transparent, transparent);
        --main-banner-background: linear-gradient(#2e81ff, #2196fa, #07a3fe, transparent, transparent);
        --main-banner-background: linear-gradient(#458fff, #3e99ff, #57c1ff, transparent, transparent);*/
        --main-banner-background: transparent;
        --main-containers-background: #ffffff;
        --mobile-nav-icon-color: rgb(15 15 15);
        --mobile-nav-icon-color: #000000;
        --mobile-navbar-add-post-btn-background: linear-gradient(#6dbcff, #3e99ff, #458fff);
        --mobile-navbar-add-post-btn-background: linear-gradient(#6dbcff, #458fff, #3e99ff);
        --mobile-navbar-add-post-btn-background: linear-gradient(#ffc56d, #ffaa45, #ffb33e);
        /*--mobile-nav-icon-color: #373232;*/
        --mobile-nav-slider-background:#f5f7f9;
        /*--mobile-nav-slider-background: rgb(255 255 255 / 100%);
        --mobile-nav-slider-background: rgb(247 247 247);*/
        --mobile-nav-slider-background: linear-gradient(white, rgb(247 247 247));
        --mobile-nav-slider-background: linear-gradient(transparent, rgb(255 243 202));
        --mobile-nav-slider-background: linear-gradient(transparent, rgb(178 220 241));
        --mobile-nav-slider-background: linear-gradient(transparent, rgb(167 212 235));
        --mobile-nav-slider-background: linear-gradient(transparent, rgb(235 217 167));
        /*--mobile-nav-selected-fill-and-font-color:#ff870b;*/
        --mobile-nav-selected-fill-and-font-color: #ffb300;
        --mobile-nav-selected-fill-and-font-color: #008fff;
        --mobile-nav-selected-fill-and-font-color: #ffb100;
        --mobile-colored-navbar-background: var(--pc-colored-navbar-background);
        --mobile-colored-navbar-background: rgba(255, 255, 255, 45%);
        --mobile-colored-navbar-background: rgba(255, 255, 255, 89%);
        --mobile-colored-navbar-background: #ffffff;
        --mobile-navbar-background: rgba(255, 255, 255, 100%);
        --mobile-navbar-background:white;
        --mobile-top-nav-search-icon-color:#83736b;
        --mobile-top-nav-search-icon-color: var(--main-banner-search-icon-color);
        --mobile-top-bar-search-border-color:#f97a00;
        /*--mobile-top-bar-search-background:#ffffff;*/
        --mobile-top-bar-search-background: var(--main-search-input-background);
        /*--mobile-top-bar-search-placeholder-color:#ffa300;
        --mobile-top-bar-search-placeholder-color:#0496e3;*/
        --mobile-top-bar-search-placeholder-color:#fba559;
        --body-background-color: #ffffff;
        /*--body-background-color: #f5f5dc;*/
        
        /*--product-card-box-shadow: 1px 2px 5px rgb(114 146 177 / 28%);*/
        --product-card-box-shadow: none;
        --product-card-border-radius: 10px;
        --product-card-product-details-background: #ffffff;
        /*--product-card-border-radius: 18px;*/
        --card-customer-feedback-background: #fff;
        --mobile-nav-logo-color: #ffffff;
        --mobile-navbar-box-shadow:0px -1px 8px rgba(0, 0, 0, 5%);
        /*--mobile-main-logo-shadow-color:rgb(99 53 0 / 23%);*/
        --mobile-main-logo-shadow-color: rgb(99 53 0 / 28%);
        --mobile-main-logo-shadow-color: rgb(0 71 99 / 28%);
        --mobile-main-logo-shadow-color: rgb(73 73 73 / 28%);
        /*--mobile-top-bar-background:linear-gradient(#ffb42e, rgb(255, 180, 46, 95%), rgb(255, 180, 46, 90%), rgb(255, 180, 46, 85%), rgb(255, 180, 46, 75%));
        --mobile-top-bar-background: linear-gradient(rgba(69, 143, 255, 1), rgba(69, 143, 255, 95%), rgba(69, 143, 255, 85%), rgba(69, 143, 255, 75%), rgba(69, 143, 255, 65%));*/
        --mobile-top-bar-background: rgb(254 251 232);
        --mobile-top-bar-background: rgb(48 151 255);
        --product-card-mini-background:#02bfa9;    
        --product-card-mini-background: #0ed7bf;
        
    }
    * {
      box-sizing: border-box;
    }
    html.dark-mode{
        --categories-and-boosted-posts-containers-background: var(--body-background-color);
        /*--body-background-color: #06131c;
        
        --body-background-color: #0a1016;
        
        --body-background-color: #090e13;*/
        --colored-navbar-background: rgb(43 45 47 / 50%);
        --card-customer-feedback-background:#0e0f10;
        
        --product-card-shop-name-color: #aaaeb0;
        --main-containers-background: transparent;
        --mobile-nav-icon-color: #b7b7b7;
        --mobile-nav-icon-color: #f1f1f1;
        --mobile-navbar-background: rgba(15, 15, 15, 1);
        --mobile-navbar-background: #1e1f1f;
        --mobile-navbar-background: #141414;
        --mobile-navbar-background: #0c0c0c;
        /*--mobile-navbar-add-post-btn-background: #222222;
        --mobile-navbar-add-post-btn-background: #1a1a1a;*/
        /*--mobile-nav-slider-background: linear-gradient(transparent, #2f2913);*/
        --mobile-nav-slider-background: linear-gradient(transparent, #13212f);
        --mobile-nav-slider-background: linear-gradient(#27475e, #13212f);
        --mobile-nav-logo-color: #FFC83D;
        --mobile-nav-logo-color: var(--main-logo-fill);
        --mobile-nav-selected-fill-and-font-color: #FFC83D;
        --mobile-nav-selected-fill-and-font-color: #2eaeff;
        --mobile-top-nav-search-icon-color: #febb35;
        --mobile-top-nav-search-icon-color: #FFD700;
        --mobile-top-nav-search-icon-color: #2eaeff;
        --mobile-top-bar-search-placeholder-color:var(--search-placeholder-color);
        --mobile-navbar-box-shadow: 0px -1px 8px rgba(0, 0, 0, 24%);
        --mobile-colored-navbar-background: rgb(0 0 0 / 25%);
        --mobile-main-logo-shadow-color: rgb(99 84 0 / 23%);
        --mobile-main-logo-shadow-color: rgb(0 118 177 / 16%);
        /*--mobile-top-bar-background: linear-gradient(rgba(15, 15, 15, 1), rgba(15, 15, 15, 95%), rgba(15, 15, 15, 85%), rgba(15, 15, 15, 75%), rgba(15, 15, 15, 65%));
        
        --mobile-top-bar-background: linear-gradient(rgba(24, 25, 25, 1), rgba(24, 25, 25, 95%), rgba(24, 25, 25, 85%), rgba(24, 25, 25, 75%), rgba(24, 25, 25, 65%));
        --mobile-top-bar-background: linear-gradient(rgba(29, 29, 29, 1), rgba(29, 29, 29, 95%), rgba(29, 29, 29, 85%), rgba(29, 29, 29, 75%), rgba(29, 29, 29, 65%));*/
        --mobile-top-bar-background: linear-gradient(rgba(16, 16, 16, 1), rgba(16, 16, 16, 95%), rgba(16, 16, 16, 85%), rgba(16, 16, 16, 75%), rgba(16, 16, 16, 65%));
        --mobile-top-bar-background: linear-gradient(rgba(12, 12, 12, 1), rgba(12, 12, 12, 95%), rgba(12, 12, 12, 85%), rgba(12, 12, 12, 75%), rgba(12, 12, 12, 65%));
        --mobile-top-bar-background: linear-gradient(rgba(0, 0, 0, 1), rgba(0, 0, 0, 95%), rgba(0, 0, 0, 85%), rgba(0, 0, 0, 75%), rgba(0, 0, 0, 65%));
        --product-card-mini-background:#02b2bf;
        --hidden-nav-option-font-color: #ffffff;
        /*--mobile-main-logo-shadow-color:rgb(0 0 0 / 45%);*/
    }
    html, body{
        height:100%;
        -webkit-overflow-scrolling: touch;
        touch-action: manipulation;
        font-size:16px;
    }
    #navbar{
        display:none;
    }
    #mobile_navbar{
        will-change: transform;
        position: fixed;
        display: flex;
        flex-direction:row;
        gap: 0;
        width: 100vw;
        height: 57px;
        min-height: 57px;
        /*padding: 10px 15px;*/
        padding:0;
        padding-top:1px;
        bottom: 0;
        top: auto;
        background: var(--mobile-navbar-background);
        /*backdrop-filter: blur(24px) !important;*/
        z-index: 9;
        /*box-shadow: 0px 3px 5px rgba(0, 0, 0, 50%);*/
        box-shadow: 0px -1px 8px rgba(0, 0, 0, 5%);
        box-shadow: var(--mobile-navbar-box-shadow);
        /*border-top: 1px solid var(--input-field-border);*/
        /*border-top-left-radius: 16px;
        border-top-right-radius: 16px;*/
    }
    #mura, .mura, #doon, .dito{
        color:var(--mobile-nav-logo-color);
        /*background: linear-gradient(#ffb100, #ff9900, var(--product-price-color));
        background: white;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;*/
    }
    .mobile_shorthand_logo_background{
        position: relative;
        width: 35px;
        height: 35px;
        border-radius: 100%;
        overflow: hidden;
        background: linear-gradient(#2eaeff, #21a5fa, #07b8fe);
        background: linear-gradient(#ffb82e, #faad21, #fe8407);
        box-shadow: 0px 0px 4px rgb(111 209 255 / 50%);
    }
    .mobile_shorthand_logo_m{
        position: relative;
        color: white;
        font-size: 2.2rem;
        transform: rotate(30deg);
        top: 15px;
        left: -3px;
    }
    .mobile_selected_slider{
        will-change: transform;
        position: absolute;
        width: 20%;
        height: 100%;
        background: #f5f8fb;
        background: var(--mobile-nav-slider-background);
        border-bottom: 3px solid var(--mobile-nav-selected-fill-and-font-color);
        z-index:1;
        transition: transform 195ms ease-out;
        transition: transform 200ms ease;
        /*border-top-left-radius: 15px;
        border-top-right-radius: 15px;*/
        opacity: .7;
        box-shadow: 0px 1px 2px rgb(34 34 34 / 8%), 0px 1px 2px rgb(30 30 30 / 8%);
    }
    .move_slider_to_searches{
        transform: translateX(100%);
    }
    .move_slider_to_post{
        transform: translateX(200%);
    }
    .move_slider_to_search{
        transform: translateX(300%);
    }
    .move_slider_to_more{
        transform: translateX(400%);
    }
    .selected_mobile_nav_option{
        color: var(--mobile-nav-selected-fill-and-font-color) !important;
    }
    .selected_mobile_nav_option svg path{
        fill: var(--mobile-nav-selected-fill-and-font-color) !important;
    }
    .mobile_navbar_buttons_container{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex: 1;
        z-index: 2;
    }
    .show_mobile_navbar{
        transform: translateY(0) !important;
    }
    #main_container{
        overflow-x: hidden;
        transform: none;
        height: initial;
        -webkit-overflow-scrolling: touch;
        touch-action: manipulation;
        overflow-y:scroll;
    }
    .notifications_container{
        width:100vw;
        height: 100vh;
        max-height: 100vh;
        transform: translate(100%, 47px);
        opacity: 0;
        transition: 120ms ease-out;
        border-radius: unset;
    }
    .show_notifications_container {
        transform: translate(0vw, 47px);
        opacity: 1;
    }
    .notifications_type_container{
        max-height: 50px;
        min-width: 100vw;
        max-width:100vw;
    }
    .notifications_sub_container{
        padding-bottom: 120px;
    }
    .mobile_top_bar, .mobile_hidden_top_bar{
        will-change: transform;
        position: fixed;
        display: flex;
        flex-direction: column;
        gap: 3px;
        height: 41px;
        min-height: 41px;
        height: 48px;
        min-height: 48px;
        width: 100vw;
        /*background: var(--main-blue);
        background: rgb(4 46 65 / 50%);
        background:var(--colored-navbar-background);
        background: var(--mobile-colored-navbar-background);
        background: var(--main-banner-background);
        background: linear-gradient(#ffb100, #ff9b00, #ff8c1e);
        background: linear-gradient(#ffb42e, #ffa300, #ff961e);
        background: linear-gradient(#ffb42e, #ffb000, #ffa11e);
        background: linear-gradient(#ffb42e, rgb(255 150 0 / 89%), rgb(255 150 0 / 85%), rgb(255 150 0 / 75%), rgb(255 150 0 / 50%));*/
        background: var(--mobile-top-bar-background);
        /*background: linear-gradient(var(--main-containers-background), rgb(27 43 51 / 80%));*/
        z-index: 7;
        padding: 0;
        top: 0;
        transform: translateY(0);
    }
    .hide_mobile_top_bar{
        transform: translateY(-52px);
    }
    .mobile_hidden_top_bar{
        position:fixed;
        top:-52px;
        will-change: transform;
        transform: translateY(0px);
        transition: 0.22s ease-out;
    }
    .show_mobile_top_bar{
        position:fixed;
        height:52px;
        transform:translateY(0px);
    }
    .slide_mobile_hidden_top_bar{
        transform: translateY(52px);
    }
    .mobile_topbar_search_outer_container{
        display: flex;
        flex-direction: row;
        gap: 0;
        justify-content: space-evenly;
        align-items: center;
        height: 100%;
    }
    .mobile_top_bar_logo_container, .mobile_top_bar_notifications_container{
        display: flex;
        min-width:40px;
        justify-content: center;
    }
    .mobile_top_bar_notifications_container{
        min-width: 30px;
    }
    .mobile_top_bar_logo_container{
        display:flex;
        flex-direction:column;
        justify-content: center;
        align-items: center;
        /*transform: rotate(321deg);*/
        font-weight: 700;
        font-size: 0.84rem;
        font-size: 0.8rem;
        font-weight: 750;
        font-size: 0.75rem;
        line-height: 0.9rem;
        text-align: center;
        padding: 0;
        opacity: 1;
        transition: 500ms ease-out;
    }
    .mobile_banner_login_btn{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 2px;
        border: none;
        padding: 0;
        font-size: 0.67rem;
        font-size: 0.63rem;
        font-weight: 700;
        /*color:var(--mobile-nav-icon-color);*/
        color:white;
        line-height:1.9rem;
        height: 41px;
        max-height: 41px;
        padding-top: 2px;
        min-width: 35px;
    }
    .mobile_banner_login_btn svg path{
        fill:white;
    }
    .mobile_banner_login_word{
        display: flex;
        height: 14px;
        justify-content: center;
        align-items: center;
    }
    .hide_nav_from_homepage .mobile_banner_login_btn{
        color: white !important;
    }
    .mobile_banner_login_btn svg{
        height:14px;
    }
    .hide_nav_from_homepage .mobile_banner_login_btn svg path{
        fill:white !important;
    }
    .mobile_topbar_ppic_container{
        position: relative;
        width: 21px;
        height: 21px;
        width: 18px;
        height: 18px;
        overflow: hidden;
        border-radius: 100%;
        flex: 1;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -56%);
    }
    .mobile_topbar_ppic_container img{
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
    .mobile_add_post_btn, .mobile_login_signup_btn{
        /*width:34px;
        height:34px;*/
    }
    .mobile_add_post_btn, .mobile_login_signup_btn {
        /*font-size: 2.1rem;
        font-weight: 300;
        transform: translateY(-5px);*/
    }
    .mobile_home_btn, .mobile_search_btn {
        font-weight: 600;
    }
    .mobile_nav_option{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 5px;
        flex: 1;
        width: 100%;
        height: auto;
        text-align: center;
        background: transparent !important;
        padding: 1px 0px 0px;
        color: var(--mobile-nav-icon-color);
        flex: 1 1 0%;
    }
    .mobile_nav_option svg path, #cheapest_deals_icon path, #contributors_icon path{
        fill:var(--mobile-nav-icon-color);
    }
    .mobile_bottom_nav_add_post_btn_container{
        width: 50px;
        min-width: 50px;
        max-width: 50px;
        height: 50px;
        min-height: 50px;
        max-height: 50px;
        margin-bottom: 12px;
        overflow: hidden;
        border-radius: 100%;
        color: white !important;
        background: var(--mobile-navbar-add-post-btn-background) !important;
        box-shadow: 0px 1px 3px rgb(34 34 34 / 12%), 0px 2px 6px rgb(30 30 30 / 16%);
        box-shadow: 0px 1px 3px rgb(34 34 34 / 7%), 0px 2px 6px rgb(30 30 30 / 8%);
    }
    .mobile_bottom_nav_add_post_btn_container svg path{
        fill: #1d84ff;
        fill: var(--mobile-add-post-cross-fill-color);
    }
    .mobile_add_post_btn, .mobile_add_post_btn_login_signup_btn{
        fill: #1d84ff;
        padding: 0;
    }
    /*.mobile_add_post_btn_cross{
        height: 19px;
        width: 100%;
        display: flex;
        justify-content: center;
        flex: 2;
        margin: 7px 0px 9px;
    }*/
    /*.mobile_show_more_options{
        height: 35px;
        font-size: 1.8rem;
        font-weight: 400;
        padding: 0;
    }*/
    .mobile_nav_three_dots{
        /*width: 100%;
        height: 100%;*/
    }
    .mobile_nav_three_dots svg{
        /*width:18px;
        height:16px;*/
    }
    #navbar_sub_container{
        background:#ffffff;
    }
    .desktop_login_signup_btn{
        display:none;
    }
    .hidden_nav_options{
        width: 100vw;
        height: 100vh;
        top:0;
        border-radius: 0px;
        background:var(--mobile-hidden-nav-options-background);
        transform: translateX(100%);
        /*transition: opacity 100ms ease-out, transform 100ms ease !important;
        transition: opacity 300ms ease-out, transform 200ms ease !important;*/
        transition: opacity 10ms ease-out, transform 120ms ease !important;
        opacity:0;
        backdrop-filter:none !important;
    }
    .add_to_homescreen_container{
        position: fixed;
        bottom: 74px;
        height: 48px;
        width: 100vw;
        z-index: 1;
    }
    .add_to_homescreen{
        position: absolute;
        z-index: 2;
        border-radius: 100%;
        right: 15px;
    }
    .add_to_homescreen_msg_container{
        position: absolute;
        background: #242a2d;
        color: white;
        padding: 10px;
        border-radius: 10px;
        width: 75%;
        right: 69px;
        bottom: 0px;
    }
    .add_to_homescreen_buttons_container{
        display: flex;
        flex-direction: row;
        gap: 20px;
        justify-content: center;
    }
    .add_to_homescreen_later_btn, .add_to_homescreen_add_btn{
        background: var(--main-blue);
        margin: 12px 0px 5px;
        padding: 5px 10px;
        border-radius: 8px;
    }
    .add_to_homescreen_later_btn{
        background:#7094b7;
    }
    .show_hidden_nav_options {
        opacity:1;
        transform: translateX(0);
    }
    .main_options {
        margin-top: 70px;
    }
    .hidden_option {
        display: flex;
        user-select: none;
        font-size: 0.875rem !important;
        height: 55px;
        align-items: center;
        color: var(--hidden-nav-option-font-color);
        border-bottom: var(--input-field-border);
    }
    .hidden_nav_options .sidebar_social_login_div{
        margin-top:20vh;
    }
    .discover_more_options_container{
        will-change: transform;
        transform:translate3d(0,0,0);
        position: fixed;
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        height: 128px;
        width: 100vw;
        top: 0;
        bottom: auto;
        height: calc(100vh - 50px);
        z-index: 2;
        color: var(--default-font-color);
        background: var(--mobile-hidden-nav-options-background);
        padding: 12px 8px 0px;
        transform: translateY(100%);
        transition: opacity 150ms ease-out, transform 120ms ease-out;
        opacity: 0.5;
        box-shadow: 0px -1px 4px rgba(0, 0, 0, 5%);
        overflow-x: auto;
        z-index: 8;
    }
    .discover_more_options_container a{
        min-height:45px;
        color:var(--default-font-color);
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 4px;
        font-size: 0.85rem;
    }
    .cheapest_deals_icon, .sellers_and_sharers_icon{
        min-width: 30px;
        height: 30px;
    }
    .lowest_prices_title, .sellers_and_sharers_title{
        font-size: 1.3rem;
        font-weight: 700;
        text-align: center;
        padding: 16px 0px 0px;
        color: var(--default-font-color);
    }
    .show_discover_more_options_container{
        transform: translateY(0);
        opacity: 1;
    }
    .stars{
        position: relative;
        width: 80px;
        height: 80px;
        background: #fffdee;
        border-radius: 100%;
        left: 56%;
        transform: translate(-71%, 47%);
        box-shadow: 0px 2px 50px #fffdee;
    }
    #main_logo_and_search_sub_container{
        gap: 16px;
        gap: 14px;
        transform: unset;
        /*margin-bottom: 20px;*/
    }
    #top_banner{
        height: 200px;
        height: 48vh;
        height: 50vh;
    }
    #main_logo_and_search_container, #custom_bg{
        height:171px;
        min-height: unset;
        max-height: 181px;
        margin: 0;
        /*padding-top: 20px;
        padding-top: 12px;*/
        padding-top: 16px;
        padding-top: 26px;
        padding-top: 12px;
        align-items: flex-start;
        /*border-bottom-left-radius: 16px;
        border-bottom-right-radius: 16px;*/
        border-bottom-left-radius: 16px 40px;
        border-bottom-right-radius: 16px 40px;
        border-bottom-left-radius: 16px 48px;
        border-bottom-right-radius: 16px 48px;
    }
    .homepage_carousel_and_additionals_container{
        width: 95vw;
        min-width: 95vw !important;
        max-width: 95vw !important;
        width: 90vw;
        min-width: 90vw !important;
        max-width: 90vw !important;
        width: 88vw;
        min-width: 88vw !important;
        max-width: 88vw !important;
        width: 90vw;
        min-width: 90vw !important;
        max-width: 90vw !important;
        flex-direction: column;
        min-height: auto;
        margin: 0px 5vw 0px;
        padding: 0;
        justify-content: center;
        align-items: center;
        gap: 10px;
        gap: 8px;
    }
    .homepage_carousel_container{
        width: 100%;
        border-radius: 0;
        border-radius: 12px;
        box-shadow: none;
    }
    .carousel_left_arrow_container, .carousel_right_arrow_container {
        width: 50px;
        z-index: 4;
    }
    .carousel_left_arrow, .carousel_right_arrow{
        width: 16px;
        height: 16px;
        width: 12px;
        height: 12px;
    }
    .carousel_dots{
        height:27px;
    }
    .carousel_dot{
        width: 24px;
        height: 2px;
        border-radius: 8px;
    }
    .homepage_carousel_contents_container{
        min-height: 124px;
        max-height: 124px;
        min-height: 120px;
        max-height: 120px;
        overflow: hidden;
        scroll-snap-type: x mandatory;
    }
    .carousel_item{
    }
    .carousel_item1, .carousel_item2, .carousel_item3, .carousel_item4, .carousel_item5, .carousel_item6{
        will-change: transform;
        transition: transform 350ms ease;
    }
    .carousel_item1{
        padding: 18px 20px;
        justify-content: center;
        gap:0;
    }
    .carousel_item_1_brand{
        font-weight: 650;
        font-size: 1.1rem;
        color: white;
        text-shadow: 0px 0px 1px rgba(0, 0, 0, 44%);
        z-index: 4;
    }
    .carousel_item_1_sub_heading1, .carousel_item_1_sub_heading2 {
        position: absolute;
        font-size: 0.8rem;
        right: 7%;
        z-index: 3;
        transform: perspective(138px) rotateY(-36deg) rotate(4deg);
        
    }
    .carousel_item_1_sub_heading2{
        transform: perspective(146px) rotateY(-36deg) rotate(-8deg);
    }
    .carousel_item_1_main_heading, .carousel_item_1_sub_heading3{
        font-size: 0.8rem;
        left: 6%;
        z-index: 3;
        transform: perspective(181px) rotateY(42deg) rotate(-6deg);
    }
    .carousel_item_1_sub_heading3{
        top: 18%;
        transform: perspective(181px) rotateY(34deg) rotate(7deg);
    }
    .carousel_item2 a, .carousel_item5 a{
        align-items:flex-start;
    }
    .carousel_item_3_main_heading{
        font-size: 1.3rem;
        font-weight:650;
    }
    .carousel_item_3_sub_heading{
        font-size: 1rem;
        font-weight: 400;
        line-height: 21px;
    }
    .carousel_item_4_main_heading{
        font-size: 1.18rem;
    }
    .carousel_item_4_sub_heading{
        font-size: 0.93rem;
    }
    .carousel_item_6_main_heading{
        /*font-size: 1.5rem;
        font-size: 1.3rem;*/
        font-size: 1.1rem;
    }
    .carousel_item_6_sub_heading1{
        /*font-size: 0.97rem;*/
        font-size: 0.9rem;
        font-weight: 500;
    }
    .carousel_item_6_sub_heading{
        font-size: 0.95rem;
        margin-top: 8px;
        padding: 9px 16px;
        width: 200px;
    }
    .carousel_item1_star_1 {
        left: -1%;
        top: 9%;
        transform: rotate(61deg) scale(0.6);
    }
    .carousel_item1_star_2 {
        top: 26%;
        right: -4%;
        transform: rotate(22deg) scale(0.4);
    }
    #carousel_item_1_shaded_heart{
        height: 80px;
        right: 14%;
        top: 16px;
    }
    .carousel_item_1_sub_heading{
        font-size: 0.9rem;
    }
    .carousel_item_1_add_post_btn_container{
        margin-top: 8px;
    }
    .found_a_crazy_deal{
        font-size: 1.2rem;
        font-size: 1rem;
        font-size: 0.93rem;
        font-size: 0.87rem;
    }
    .carousel_item_1_add_post_btn, .carousel_item_4_explore_btn, .carousel_item_6_sub_heading{
        font-size: 0.875rem;
        width: 150px;
        padding: 8px 16px;
    }
    .carousel_item_4_explore_btn{
        margin-top: 12px;
    }
    .carousel_brand_name {
        position: absolute;
        display:none;
        font-size: 0.55rem;
        padding: 1px 4px 3px 4px;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        left: 32px;
    }
    .homepage_carousel_additionals_container{
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
        width: 95vw;
        border-radius: 7px;
        /*background: linear-gradient(#f97a00, #ff9b00, #ffb100);*/
        background: var(--mobile-navbar-background);
        color: var(--default-font-color);
    }
    .homepage_carousel_additionals_container .sidebar_social_login_div{
        margin:0;
        min-height: 32px;
        height: 32px;
    }
    .homepage_carousel_additionals_container .carousel_additionals_divider {
        display: flex;
        align-items: center;
        text-align: center;
        margin: 20px 0;
        width: auto;
        min-width: unset;
        max-width: 50px;
        margin: 0;
    }
    .carousel_additionals_divider::before, .carousel_additionals_divider::after{
        content: '';
        flex: 1;
        border-bottom: 1px solid #c56600 !important;
        margin: 0 10px;
    }
    .carousel_additionals_divider span {
        font-size: 14px;
        color: var(--default-font-color);
    }
    .homepage_carousel_additionals_container .sidebar_social_login_div img{
        min-height: 32px;
        height: 32px;
    }
    .homepage_carosel_additionals_join_now{
        font-size: 0.75rem;
        gap: 8px;
    }
    .carousel_featured_product_heading{
        /*font-size: 0.8rem;*/
        font-size: 0.7rem;
        font-size: 0.63rem;
    }
    .carousel_featured_product_container{
        max-width: 80vw;
    }
    .carousel_featured_product_image_container{
        width: 80px;
        height: 80px;
        min-width: 80px;
        max-height: 80px;
        max-width: 80px;
        width: 72px;
        height: 72px;
        min-width: 72px;
        max-height: 72px;
        max-width: 72px;
    }
    .carousel_featured_product_details{
        font-size: 0.68rem;
        font-size: 0.65rem;
        gap: 1px;
    }
    .carousel_featured_product_sold_by{
        display:none;
    }
    .carousel_featured_product_price{
        font-size: 1rem;
        font-size: 0.93rem;
        font-size: 0.8rem;
    }
    .carousel_featured_product_store_name{
        display:none;
    }
    .carousel_featured_product_description{
        margin-bottom:4px;
        padding: 6px 8px;
    }
    .carousel_featured_post_poster_ppic_container{
        width:20px;
        height:20px;
    }
    .categories_container{
        min-width: 96vw !important;
        width: 96vw !important;
        max-width: 96vw !important;
        margin: 1px 2vw 0px;
        /*padding: 16px 0px 7px 8px;*/
        padding: 12px 0px 4px 8px;
        gap: 4px;
        border-radius: 16px;
        height: 104px;
        min-height: 104px;
        height: 108px;
        min-height: 108px;
        overflow: hidden;
    }
    .categories_header{
        font-size: 0.72rem;
        font-weight:600;
        padding: 0;
        display: none;
    }
    .categories_content{
        gap: 0;
        scrollbar-width:none;
        flex-wrap: unset;
        justify-content: flex-start;
    }
    .categories_content::-webkit-scrollbar {
        display: none; /* Hides scrollbar in Chrome, Safari, and Opera */
    }
    .categories_container::after, .boosted_posts_container::before, .boosted_posts_container::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      width: 10px; /* Adjust as needed */
      height: 100%;
      background: var(--mobile-side-scrolling-fade-in-right);
      pointer-events: none; /* Prevents blocking interactions */
        border-top-right-radius:10px;
        border-bottom-right-radius:10px;
    }
    .discover_categories_content{
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        height: auto;
        min-height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: none;
    }
    .boosted_posts_container::before{
        left: 0;
        right: unset;
        background: var(--mobile-side-scrolling-fade-in-left);
        z-index: 2;
    }
    .categories_content a{
        height: 100%;
        min-width: 84px;
        min-height: 57px;
        justify-content: flex-start;
        gap: 4px;
        margin: 0;
    }
    .category_container svg {
        /*width: auto;
        min-width: 30px;
        max-width: 30px;
        height: 32px;
        height: 30px;
        min-height: 30px;
        padding: 2px 4px;*/
        padding: 4px 4px;
    }
    .category_container:hover svg{
        transform:none;
    }
    .category_svg_container{
        padding:6px;
    }
    .discover_categories_content a{
        height: auto;
        min-height: 100px;
        min-width: 25%;
        max-width: 25%;
        justify-content: flex-start;
        padding: 0px 8px;
        margin-bottom: 12px;
    }
    .discover_categories_content a div{
        display:flex;
        justify-content: center;
        align-items:center;
        flex-direction: column;
        text-align: center;
        gap: 8px;
    }
    .discover_categories_content a div .category_svg_container{
        width:45px;
        height:45px;
    }
    .gadgets_electronics_svg_container {
        padding: 5px;
    }
    .home_essentials_category svg{
        width: 22px;
    }
    .gadgets_and_electronics_category svg{
        width: 22px;
        padding: 2px 4px;
        padding: 4px 8px;
    }
    .category_3 svg{
        width: 20px;
    }
    .cars_vehicles_category svg{
        width: 38px;
        height: 30px;
        min-height: 30px;
    }
    .jobs_manpower_category svg{
        width:28px;
    }
    .category_10 svg{
        width: 28px;
    }
    .category_11 svg{
        width: 32px;
    }
    .category_title{
        font-size: 0.68rem;
        line-height: 0.9rem;
        font-weight: 600;
        font-size: 0.74rem;
        line-height: 1rem;
        font-weight: 400;
    }
    .boosted_posts_container{
        min-width: 96vw !important;
        width: 96vw;
        max-width: 96vw !important;
        /*min-height: 133px;*/
        min-height: 125px;
        min-height: 59vw;
        min-height: 55vw;
        margin: 0px 2vw;
        margin: 8px 2vw 0px;
        margin: -65px 2.5vw 0px;
        margin: 0px 2.5vw 0px;
        /*margin: -65px 2.5vw 0px;*/
        padding: 14px 0px 0px 0px;
        border-radius: 0;
        overflow: hidden;
        justify-content: flex-start;
        gap: 2px;
    }
    .boosted_posts_header{
        font-size: 0.75rem;
        padding: 0;
        display: none;
    }
    .boosted_post_controls_container{
        display:none;
    }
    .boosted_posts_content{
        overflow-y: hidden;
        overflow-x: auto;
        height: auto;
        gap: 18px;
        padding:0;
        padding-right: 16px;
        padding-left: 12px;
        scrollbar-width: none;
        min-height: auto;
    }
    .boosted_posts_content::-webkit-scrollbar {
        display: none; /* Hides scrollbar in Chrome, Safari, and Opera */
    }
    .boosted_post_container, .boosted_post_container .product_card_pseudo_product_image{
        /*min-width: 72px;
        min-height: 72px;
        max-height: 72px;
        max-width: 72px;*/
        /*min-width: 88px;
        min-height: 88px;
        max-height: 88px;
        max-width: 88px;*/
        min-width: 60vw;
        min-height: 60vw;
        /*max-height: 60vw;*/
        max-width: 60vw;
        min-width: 40vw;
        min-height: 40vw;
        max-width: 40vw;
        min-width: 35vw;
        min-height: 35vw;
        /* max-height: 60vw; */
        max-width: 35vw;
        min-width: 38vw;
        min-height: 38vw;
        max-width: 38vw;
        gap: 0;
    }
    .boosted_post_container .product_card_pseudo_product_image{
        font-size: 0.5rem;
    }
    .boosted_post_img_container{
        min-width: 88px;
        min-height: 88px;
        max-height: 88px;
        max-width: 88px;
        min-width: 60vw;
        min-height: 60vw;
        max-height: 60vw;
        max-width: 60vw;
        min-width: 40vw;
        min-height: 40vw;
        max-height: 40vw;
        max-width: 40vw;
        min-width: 35vw;
        min-height: 35vw;
        max-height: 35vw;
        max-width: 35vw;
        min-width: 38vw;
        min-height: 38vw;
        max-height: 38vw;
        max-width: 38vw;
        border-radius: 10px;
    }
    .boosted_post_price_container{
        font-size: 0.85rem;
        margin-top: 2px;
        line-height: 0.95rem;
    }
    .boosted_post_price_container .peso_sign{
        font-size: 0.6rem;
    }
    .boosted_post_product_name_container {
        font-size: 0.658rem;
        font-weight: 600;
        line-height: 0.85rem;
        margin-top: 6px;
        /*display:none;*/
    }
    #main_logo, .main_logo{
        /*height: 42px;
        min-height: 42px;
        max-height: 42px;*/
        height: 32px;
        min-height: 32px;
        max-height: 32px;
    }
    #main_logo_text, #main_logo_shadow{
        /*width: 59vw;
        width: 55vw;
        width: 50vw;*/
        width: 46vw;
    }
    #main_logo_shadow{
        transform: translate(4px, 26px);
        transform: translate(3px, 12px); 
        filter:blur(3.5px);
    }
    #main_logo_shadow path{
        fill: var(--mobile-main-logo-shadow-color) !important; 
    }
    #main_logo_text{
    }
    .main_logo{
        font-size: 1rem;
        padding: 4px 0px;
        padding: 19px 0px;
        line-height: 0.8rem;
    }
    #search_main_container, .search_location_input_container, .add_product_input_container{
        min-height: 38px;
        max-height: 38px;
        left: unset;
        top: unset;
        transform: unset;
        width: 82vw;
        height: 39px;
        border-radius: 25px;
        box-shadow: none;
    }
    .add_product_input_container{
        min-height: unset;
        width: 100%;
        height: unset;
        border-radius: 0;
    }
    #search_outer_container{
        padding:0;
    }
    #search, #search_location_input, #search_btn{
        font-size: 1rem;
        font-size: 0.9rem;
        /*padding: 11px 25px;*/
        padding-left:0;
    }
    #search_btn{
        padding: 0px 10px 0px 8px;
    }
    #search_btn svg{
        height: 12px;
        width: 12px;
    }
    .search_sub_container_2 {
        margin-left: 6px;
    }
    #advance_search_fields {
        padding-top: 36px;
    }
    .new_post_input_container , .product_window_sub_container{
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        border-radius: 0px !important;
        box-shadow: none;
        top: 0;
    }
    .new_post_input_container{
        gap: 16px;
    }
    .product_window_container {        
        position: fixed;
        display: flex;
        height: inherit;
        min-height: 100%;
        margin: 0;
        background: var(--product-card-product-details-background);
        overflow-x: hidden;
        overflow-y: auto;
        justify-content: flex-start;
        align-items: flex-start;
        flex-direction: column;
        will-change: transform;
        transform: translate3d(0, 0, 0);
        opacity: 0;
        scale: 0.47;
        transition: opacity 100ms ease-out, scale 120ms ease-out;
        z-index: 9;
    }
    .show_product_window{
        opacity: 1;
        scale: 1;
        top: 0 !important;
        left: 0 !important;
        /*transform: translate(0, 0) !important;*/
        width: 100vw !important;
    }
    .product_window_sub_container{
        display: inline-block;
        background: var(--product-card-product-details-background);
        overflow-x: hidden;
        overflow-y: auto;
        max-width: 100vw;
        height: auto;
        min-height: 100%;
    }
    .product_window_images_and_details_container{
        flex-direction:column;
        height: auto;
        min-height: 100%;
    }
    .product_window_images_and_controls_container{
        height: auto;
        flex: 1;
    }
    .product_window_show_left_image, .product_window_show_right_image{
        height:100%;
        width: 70px;
    }
    .product_window_product_sub_container{
        padding: 0;
        margin: 12px 16px 12px;
        margin: 0px 16px 0px;
        justify-content: center;
        flex: 1;
    }
    .product_window_more_btn_container{
        transform: translate3d(0,0,0);
        display: block;
        margin: 0;
        justify-content: space-around;
        width: 100%;
        height: auto;
        min-height: 48px;
        bottom: 48px;
        /*background: var(--product-window-product-details-background);*/
        background: transparent;
        /*border-top: var(--divider-line-color);*/
        z-index: 999999;
    }
    .product_window_likes_count, .product_window_comments_title{
        flex:1;
        font-size: 0.65rem;
    }
    .product_window_comment_title_and_input_container{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: baseline;
        padding: 0px 14px;
        gap: 0;
    }
    .product_window_counters_container{
        box-shadow:none;
    }
    .product_window_add_comment_contianer {
        display: flex;
        justify-content: center;
        align-items: center;
        min-height: 40px;
        bottom: 48px;
        width: 100%;
        min-width: unset;
        max-height: 225px;
        overflow-y: auto;
        background: transparent;
        z-index: 2;
        flex: 5;
    }
    .product_window_comment_input_and_submit_btn_container{
        width:100%;
    }
    .product_window_buttons{
        bottom: 0;
        left: 0px;
        /*background: var(--product-window-product-details-background);*/
        background: transparent;
        display: flex;
        flex-direction: row;
        border-bottom: none;
        gap: 16px;
        width: 100%;
        height: 48px;
        min-height: 48px;
        border-top: none;
    }
    .product_window_add_comment_input{
        max-height: 205px;
        overflow-y: auto;
    }
    .product_window_options_and_close_btn_container{
        position: fixed;
    }
    .product_window_more_options_container{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 35px;
        height: 35px;
    }
    .product_window_dots {
        font-size: 2rem;
    }
    .product_window_post_hidden_options{
        width: 150px;
    }
    .product_window_poster_details_container{
        padding: 12px 12px 12px 40px;
        padding: 12px 12px 12px 0px;
        padding: 0;
        min-height: 64px;
        align-items: center;
        flex: 1;
    }
    .product_window_poster_profile_picture{
        width: 35px;
        max-width: 35px;
        height: 35px;
        max-height: 35px;
    }
    .product_window_details_and_actions_container{
        width:100vw;
        min-width:100vw;
        max-width:100vw;
        padding:0;
        padding: 0 16px;
    }
    .product_window_left_details_container{
         max-width: 100%;
        max-height: 40vh;
    }
    .all_comments_container{
        max-height: 76vh;
        overflow-y: auto;
    }
    .product_window_poster_name_and_date_posted_container{
    }
    .product_window_poster_name {
        font-size: 0.9rem;
    }
    .product_window_date_posted {
        font-size: 0.63rem;
    }
    .product_window_product_images_container{
        height: 100%;
        min-height: 250px;
        max-height: 450px;
        border-radius: 0;
        flex: 1;
        box-shadow: none;
    }
    .product_window_left_arrow_container, .product_window_right_arrow_container{
        width: 45px;
        height: 45px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        background: rgba(0, 0, 0, 39%);
        border-radius: 100%;
    }
    .product_window_show_left_image_arrow, .product_window_show_right_image_arrow{
        width: 16px;
        height: 16px;
        left: unset;
        right: unset;
    }
    .product_window_show_right_image:hover .product_window_show_right_image_arrow{
        left:unset;
        transition: 0.2s ease-out;
    }
    .product_window_show_left_image:hover, .product_window_show_right_image:hover, .product_window_show_left_image:active, .product_window_show_right_image:active{
        /*background: rgba(255, 255, 255, 12%);*/
        background: transparent;
        cursor:pointer;
    }
    .product_window_show_left_image:hover .product_window_show_left_image_arrow{
        left:0;
        transition: 0.2s ease-out;
    }
    .product_window_show_right_image:hover .product_window_show_right_image_arrow{
        left:0;
        transition: 0.2s ease-out;
    }
    .new_post_input_sub_container{
        position: relative;
        border: none;
        border-radius: 15px;
        margin-top: 0;
        padding: 10px 15px;
        gap: 8px;
        height: auto;
        min-height: 100%;
        max-height: unset;
        overflow: hidden;
    }
    .new_product_input_container{
        margin-top: 2px;
        gap: 0px;
        margin:0;
    }
    .add_post_seller_or_not_container{
        padding:8px;
    }
    .new_product_post_btn_container {
    }
    .add_new_post_input_field_title {
        font-size: 0.9rem;
        font-size: 0.75rem;
        padding: 8px 1px 0px;
    }
    .add_post_seller_or_sharer_header{
        padding: 4px 12px 5px;
    }
    .new_post_input_container h2, .new_post_input_container h4, .add_new_post_title{
        font-size: 1.3rem;
        padding-top: 0;
        height: 50px;
        min-height: 50px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 600;
    }
    .new_post_input_container h4 {
        font-size: 1.17rem;
    }
    .add_post_category{
        font-size: 0.8rem;
    }
    .product_window_details_and_more_container{
        /*box-shadow: none;
        height: auto;
        min-height: 100%;
        overflow-y: hidden;
        width: 100vw;
        min-width: 100vw;
        max-width: 100vw;
        flex:1;*/
        
        box-shadow: none;
        height: auto;
        width: 100vw;
        min-width: 100vw;
        max-width: 100vw;
        flex: 1;
    }
    .product_window_more_details_container {
        position: relative;
        display: inline-block;
        overflow: hidden;
        max-width: 100vw;
        height: 74vh;
        max-height: unset;
    }
    .link_clicked_prompt_container{
        height:100%;
    }
    .share_platforms{
        position: fixed;
        display: flex;
        flex-direction: column;
        padding: 0;
        top: 0;
        bottom: 0;
        z-index: 9999;
        background: rgba(0, 0, 0, .5);
        width: 100%;
    }
    .share_platforms_sub_container{
        position: absolute;
        bottom: 0;
        left: 0;
        background: var(--social-share-modal-bg);
        border-radius: 0;
        border-top-left-radius: 16px;
        border-top-right-radius: 16px;
        width: 100vw;
        padding: 12px 12px 64px 12px;
    }
    .large_image_preview_clost_btn{
        top: 12px;
        right: 12px;
    }
    .mobile_nav_icon_title{
        position:relative;
        font-size: 0.57rem;
        font-weight:400;
        z-index: 9999;
        font-family: Roboto, Arial, sans-serif;
        user-select: none;
    }
    .logged_mobile_more_options_btn{
        /*bottom: 5px;*/
        bottom: 1px;
    }
    .mobile_post_icon_title{
        /*bottom: 5px;*/
    }
    /*.mobile_search_icon_title{
        bottom:0;
    }*/
    .mobile_wants_icon_title{
        /*bottom: -3px;*/
    }
    .home_icon_container{
        display: flex;
        position: relative;
        /*width: 100%;
        height: 100%;*/
        justify-content: center;
    }
    .home_icon_container, .mobile_nav_wants_icon_container, .mobile_add_post_btn_cross, .search_icon_container, .mobile_nav_three_dots{
        height: 16px;
        height: 18px;
    }
    .search_icon_container{
        
    }
    .home_icon_container svg, .mobile_nav_wants_icon_container svg, .mobile_add_post_btn_cross svg, .search_icon_container svg, .mobile_nav_three_dots svg{
        width: 17px;
        height: 17px;
        width: 16px;
        height: 16px;
        width: 18px;
        height: 18px;
    }
    .home_icon_roof{
        position: relative;
        left: 1.86rem;
        top: 0.4rem;
        width: 1rem;
        height: 1rem;
        border: 2px solid var(--mobile-nav-icon-color);
        border-radius: 4px;
        transform: rotate(45deg) translateX(-50%);
        border-right: none;
        border-bottom: none;
    }
    .home_icon_blocker{
        position: relative;
        display: inline-block;
        width: 34px;
        height: 26px;
        background: var(--home-icon-blocker);
        top: -1px;
        left: 1rem;
        transform: translate(-50%, 10px);
    }
    .home_icon_walls{
        position: relative;
        display: block;
        top: 0.22rem;
        left: -1.63rem;
        width: 1rem;
        height: 1rem;
        border: 2px solid var(--mobile-nav-icon-color);
        border-top: none;
        border-radius: 4px;
    }
    /*.mobile_nav_wants_icon_container{
        height: 19px;
        width: 100%;
        display: flex;
        justify-content: center;
        flex: 2;
    }*/
    .heart_square1{
        position: relative;
        border: 2px solid black;
        width: 13px;
        height: 13px;
        left: 50%;
        top: 1rem;
        transform: rotate(45deg) translateX(-50%);
    }
    .heart_circle1{
        position: relative;
        border: 2px solid black;
        width: 12px;
        height: 13px;
        top: -0.4rem;
        left: 1.47rem;
        border-radius: 100%;
        background: white;
    }
    .heart_circle2{
        position: relative;
        border: 2px solid black;
        width: 12px;
        height: 13px;
        top: -1.2rem;
        left: 2.094rem;
        border-radius: 100%;
        background: white;
    }
    .heart_square2{
        position: relative;
        width: 9px;
        height: 10px;
        left: 47%;
        top: -26px;
        background: #ffffff;
        transform: rotate(45deg);
    }
    .mobile_wants_icon_flagpole{
        position: relative;
        width: 2px;
        height: 19px;
        left: 38%;
        top: 4px;
        border: 1px solid var(--mobile-nav-icon-color);
    }
    .mobile_wants_icon_flag{
        position: relative;
        width: 16px;
        height: 11px;
        top: -0.75rem;
        left: 38.7%;
        border: 2px solid var(--mobile-nav-icon-color);
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        transform: rotate(6deg);
    }
    /*.search_icon_container{
        position: relative;
        width: 18px;
        height: 19px;
        text-align: center;
    }*/
    .mobile_topbar_search_container{
        width: 75%;
        max-width: 75%;
        flex: 6;
        height: 33px;
        height: 32px;
        min-height: unset;
        margin: 0;
        background:var(--mobile-top-bar-search-background);
        border-radius: 25px;
        border: 2px solid var(--mobile-top-bar-search-border-color);
        border: none;
        /*border: 2px solid var(--mobile-nav-logo-color);*/
        /*border: 2px solid #ff9f3c;*/
    }
    #nav_search {
        display: flex;
        padding-left: 4px;
        width: 83%;
        font-size: 0.82rem;
        font-size: 0.85rem;
    }
    #search::placeholder, #nav_search::placeholder{
        color: #444647;
        color:var(--mobile-top-bar-search-placeholder-color);
        /*color:var(--mobile-nav-logo-color);
        color: #ff9f3c;*/
    }
    #search::placeholder{
        color:var(--search-placeholder-color);
    }
    #nav_search_btn {
        padding: 0px 8px 4px 0px;
        height: 14px;
        font-size: unset;
    }
    #nav_search_btn svg {
        height: 12px;
        width: 12px;
    }
    #nav_search_btn svg path{
        fill:var(--mobile-top-nav-search-icon-color);
    }
    .search_icon_container{
        display:flex;
        height: auto;
    }
    #notifications_icon_svg {
        width: 17px;
        height: 17px;
    }
    #notifications_icon_svg path, .pc_wants_page svg path{
        fill:white;
    }
    .total_new_notifs_counter{
        transform: translate(7px, 4px);
    }
    .search_icon_glass{
        position: relative;
        width: 0.9rem;
        height: 0.9rem;
        border: 2px solid var(--mobile-nav-icon-color);
        border-radius: 100%;
        left: 44%;
        /* transform: translate(1.6rem, 0rem); */
        transform: translate(-50%, 0rem);
    }
    .search_icon_handle{        
        position: relative;
        width: 0px;
        height: 0.6rem;
        border: 1px solid var(--mobile-nav-icon-color);
        border-radius: 10px;
        background: var(--mobile-nav-icon-color);
        left: 58%;
        /* transform: rotate(321deg) translate(2.05rem, 1.3rem); */
        transform: rotate(321deg) translate(-50%, -6px);
    }
    .content_container{
        max-height: 100%;
    }
    #homepage_container, #products_container, #search_results_container, #products_sub_container, #category_results_container, .category_results_sub_container, .category_results_content_container, #search_results_sub_container, #user_public_profile_container, #user_public_profile_sub_container, #user_public_profile_user_posts_container, #my_posts_container, #my_posts_sub_container, #my_saved_posts_container, #my_saved_posts_sub_container, #user_searches_container, .add_post_container, .login_window_container, .muradito_contributors_container, .lowest_prices_container, .lowest_prices_sub_container{
        will-change: transform;
        transform: translate3d(0, 0, 0);
        gap: 16px;
        gap: 18px;
        gap: 20px;
        /*gap: 6px;*/
        padding: 0;
        background: #f2f8fb;
        background:var(--body-background-color);
        width: 100vw !important;
        min-width: 100vw !important;
        max-width: 100vw !important;
        flex-grow: 1;
        border: none !important;
        height: 100%;
        min-height: 100%;
        flex: 1;
        -webkit-overflow-scrolling: touch;
        backface-visibility: hidden;
        justify-content: unset;
        align-items: unset;
        border-radius: 12px;
    }
    #homepage_container, #products_container, #category_results_container, #search_results_container, #user_public_profile_container, #my_posts_container, #my_saved_posts_container, #user_searches_container, .lowest_prices_container{
        will-change: transform;
        transform: translate3d(0, 0, 0);
        top: 0px;
        margin-top: 52px;
        -webkit-overflow-scrolling: touch;
        backface-visibility: hidden;
        height:100%;
        min-height:100%;
    }
    #homepage_container, #products_container{
        margin-top:0;
        background: transparent;
    }
    #homepage_container{
        transition: 50ms ease-out;
    }
    .slide_homepage_to_left{
        transform: translateX(-100%);
    }
    .come_from_right{
        transform:translateX(100%);
    }
    .user_searches_main_container{
        margin-top:70px;
    }
    #user_searches_container{
        margin-top:0px;
    }
    #category_results_container{
        margin-top:40px;
        opacity:0;
        transition: 190ms ease-out;
    }
    .category_results_sub_container {
        position: relative;
        margin-top: 0;
        width: 100%;
        height: 100px !important;
        min-height: unset !important;
    }
    .category_results_header_container{
        height: 120px;
        font-size: 1.4rem;  
    }
    .category_results_title_container{
        padding: 16px 12px;
    }
    .search_results_top_info_container{
        top: 48px;
        transform: translate(0px, 0px);
    }
    #user_public_profile_container{
        margin-top:0;
        padding-top:47px;
    }
    #search_results_container {
        margin-top: 166px !important;
    }
    .add_post_container, .login_window_container{
        position: relative;
        will-change: transform;
        overscroll-behavior: none;
        z-index: 1000;
        margin-top: 0;
        border-radius: 0;
        background:var(--add-post-container-background);
    }
    .add_post_container, .login_window_container{
        transform: scale(0.98) translateY(10%);
        opacity:0;
        transition: transform 100ms ease-out, opacity 90ms ease-out;
        
    }
    .add_post_container{
        position: fixed;
        margin-top: 0;
    }
    .login_window_container{
        position:fixed;
        backdrop-filter:none !important;
    }
    .show_add_post_window{
        opacity:1;
        transform: scale(1) translateY(0) !important;
    }
    .add_post_sub_container{
        width:100%;
    }
    .mobile_add_post_container{
        
    }
    #products_sub_container > div {
        will-change: transform, opacity;
        transform: translateZ(0);
        transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
        opacity: 0;
        visibility: hidden;
    }
    .products_sub_container_header{
        display:none;
    }
    #products_sub_container, .category_results_content_container, #search_results_sub_container, #user_public_profile_sub_container, #user_public_profile_user_posts_container, #my_posts_sub_container, #my_saved_posts_sub_container, #user_searches_container, .muradito_contributors_container, .lowest_prices_sub_container{
        will-change: transform;
        transform: translate3d(0, 0, 0);
        /*padding: 20px 8px 60px;*/
        padding: 5px 4px 60px;
        justify-content: center;
    }
    .user_searches_sub_container{
        width:100vw;
    }
    #products_sub_container, .category_results_content_container, #search_results_sub_container, #user_public_profile_sub_container, #user_public_profile_user_posts_container, #my_posts_sub_container, #my_saved_posts_sub_container, #product_window_sub_container, .muradito_contributors_container, .lowest_prices_sub_container{
        gap: 8px;
        padding-top: 12px;
        margin-top: 8px;
        background: var(--main-containers-background);
    }
    .left_posts_container, .right_posts_container{
        position: relative;
        display: inline-block;
        flex-direction: column;
        gap: 3px;
        visibility: visible !important;
        opacity: 1 !important;
        max-width: calc(50vw - 12px);
        min-width: calc(50vw - 12px);
    }
    .poster_card_container{
        max-width: calc(50vw - 12px);
        min-width: calc(50vw - 12px);
        margin: 0;
    }
    #user_public_profile_user_posts_container{
        padding:0;
    }
    .user_public_profile_details_container{
        margin: 0px 0px 30px;
        padding: 15px 10px;
        gap: 10px;
    }
    .user_public_profile_name_container {
        font-size: 1rem;
        font-weight: 600;
        text-transform: capitalize;
    }
    .user_public_profile_date_joined_container {
        font-size: 0.85rem;
        font-weight: 500;
    }
    .user_public_profile_profile_pic_container, .logged_user_profile_picture_container {
        width: 150px;
        height: 150px;
        min-width: 150px;
        max-width: 150px;
        max-height: 150px;
        object-fit: cover;
        overflow: hidden;
        border-radius: 100%;
        background: transparent;
    }
    .logged_user_card {
        margin: 0;
        border-radius: 0;
        width: 100vw;
        padding: 10px;
        box-shadow: none;
        border-bottom: 1px solid #f3f6f7;
    }
    .logged_user_details_container{
        flex-direction: row;
        gap:5px;
    }
    .logged_user_card_stats_container{
        gap: 3vw;
        justify-content: space-evenly;
        max-width: 50%;
        margin-left: auto;
    }
    .logged_user_card_user_details_container{
        max-width: 45vw;
    }
    .logged_card_user_name, .logged_card_user_handle{
        font-size: 0.81rem;
    }
    .logged_user_name_container a {
        color: var(--logged-user-card-name-color);
    }
    .logged_card_user_handle{
        font-weight:300;
    }
    .logged_user_card_total_container {
        font-size: 0.85rem;
    }
    .stats_type_word_container{
        font-size: 0.7rem;
    }
    .user_public_profile_name_and_date_joined_container{
        padding: 0;
    }
    .logged_user_name_container {
        font-size: 1.2rem;
        font-weight: 600;
    }
    #user_searches_container{
        display:flex;
        width: 100vw;
        gap: 0;
        flex-direction: unset;
        flex-wrap: wrap;
    }
    .move_products_up{
        width: 100vw !important;
        top: 0px !important;
    }
    .product_link{
        /*flex-direction: column;
        flex: 0 0 calc(50% - 8px);*/
    }
    .product_card_wrapper, .add_post_card, .login_to_add_post_card{
        display:flex;
        flex: 1;
        min-width: 100px;
        max-width: 43vw;
        max-height: 418px;
        flex: 0 0 calc(50% - 8px);
        justify-content: flex-start;
        /*min-width: 43vw;*/
        /*min-width: 46.5vw;
        max-width: 46vw;*/
        min-width: 48vw;
        max-width: 48vw;
        min-width: 48.5vw;
        max-width: 48.5vw;
        min-width: 48.2vw;
        max-width: 48.2vw;
        
        
        
        min-width: 47vw;
        max-width: 47vw;
        min-width: 46vw;
        max-width: 46vw;
        min-width:100%;
        max-width:100%;
        /*border:var(--mobile-product-card-border);*/
        /*box-shadow: none;*/
    }
    .product_card_wrapper{
        /*padding: 0;
        border-radius: 8px;
        box-shadow: none;
        max-height: 65vw;*/
        
        
        position: relative;
        display: flex;
        padding: 0;
        margin: 0;
        /*border: 1px solid var(--product-card-border);*/
        border-radius: var(--product-card-border-radius);
        box-shadow: none;
        min-height: unset;
        height: auto;
        /*max-height: 65vw;*/
        max-height: 86vw;
        margin-bottom: 9px;
        margin-bottom: 14px;
        margin-bottom: 15px;
        margin-bottom: 20px;
        /*box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1), 0px 0px 2px rgba(255, 255, 255, 0.1);
        box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.15),  
            0px 4px 12px rgba(0, 0, 0, 0.1);
        box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1),  
            0px 4px 14px rgba(0, 0, 0, 0.08);
        box-shadow: 0px 0.5px 2px rgba(0, 0, 0, 0.08),  
            0px 1px 4px rgba(0, 0, 0, 0.06);*/


    }
    .product_card{
        /*border-radius: var(--product-card-border-radius);*/
        border:none;
        box-shadow:none;
        
    }
    .product_card_dots{
        font-size: 1.2rem;
        letter-spacing: 1.2px;
        padding-bottom: 0;
    }
    .product_image_container{ 
        height: auto;
        min-height: 46.5vw;
        max-height: 63vw;
        /*border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;*/
        /*box-shadow:none;*/
    }
    .product_image_container img{
        background:rgba(0,0,0,80%);
        backdrop-filter:none;
        min-height: 46.5vw;
        /*border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;*/
    }
    .product_image_counter_container{
        top:8px;
        right:8px;
    }
    .product_image_counter_icon_container svg {
        height: 12px;
    }
    .product_card_pseudo_product_image{
        font-size:1rem;
        padding: 8px;
        /*border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;*/
    }
    .product_card_img_overlay_for_name{
        position:absolute;
        width:100%;
        height:100%;
        top:0;
        left:0;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .product_card_view_product_mini{
        /*font-size: 0.5rem;*/
        font-size: 0.485rem;
        border-bottom-left-radius: 0px; 
        background: var(--product-card-mini-background);
        /*background: linear-gradient(155deg, #0fd3bc, #02bfa9);*/
        /*width: 40px;
        padding: 2px 0px 0px 5px;*/
    }
    .product_card_sellers_deal_mini {
        background: #0da0ff;
    }
    .product_card_details_container{
        height: 65%;
    }
    .product_card_total_likes{
        height: auto;
        padding:0px 8px 0px;
        justify-content: flex-end;
    }
    .product_card_like_btn_container {
    }
    .product_card_total_likes{
        font-size: 0.75rem;
    }
    .product_card_total_likes svg{
        top: 2px;
        width: 13px;
        height: 13px;
    }
    .product_info_container {
        padding: 6px 0px 0px 8px;
        padding: 6px 0px 0px 2px;
        gap: 0;
    }
    .boost_post{
        font-size: 0.47rem;
        font-weight: 700;
        width: 30px;
        height: 30px;
    }
    .product_card_actions_container{
        /*height: 5em;*/
        justify-content: flex-start;
        align-items: center;
        padding: 0px;
    }
    .searches_container_title{
        text-align:center;
        font-size: 1.1rem;
        font-weight: 700;
    }
    .add_post_card, .login_to_add_post_card{
        position: fixed;
        display:none;
        width: 50px;
        min-width: unset !important;
        height: 50px;
        min-height: unset;
        top: auto;
        left: 10px;
        bottom: 50px;
        border: 5px solid #ffffff;
        border-radius: 100%;
        z-index: 998;
        box-shadow: 1px 3px 9px rgb(33 39 44 / 30%);
        box-shadow:none;
    }
    .add_post_card:hover, .login_to_add_post_card:hover, .product_card_wrapper:hover{
        transform:unset;
        box-shadow:none;
    }
    .user_searches_card_wrapper{
        display: inline-block;
        min-width: unset;
        max-width: 30vw;
        border-radius: 0;
    }
    .wants_card{
        margin:0;
        padding: 7px 8px;
    }
    #add_a_product_cross{
        font-size: 2rem;
        font-weight: 400;
    }
    .product_name{
        font-size: 0.7rem;
        font-weight: 700;
        font-weight: 600;
        /*font-size: 0.73rem;*/
        font-weight: 570;
        /*color: var(--mobile-product-name-color);*/
        max-height: unset;
        overflow: hidden;
        line-height: 0.87rem;
    }
    .wants_card, .wants_card .product_name{
        /*color: var(--mobile-product-name-color);*/
        border-radius: 0;
    }
    .wants_card .product_name{
        font-size: 0.82rem;
        line-height: 1.05rem;
    }
    .enlarge_product_name{
        position: relative;
        color: white;
        top: 0;
        bottom: unset;
        width: 45.5vw;
        max-width: unset;
        margin: 0px 0px 8px;
    }
    .product_price{
        font-size: 0.9rem;
        font-size: 0.85rem;
        font-size: 0.83rem;
        /*font-size:0.86rem;*/
        font-weight: 690;
        padding: 0px 10px 0px 0px;
        line-height: 17px;
        line-height: 24px;
        /*line-height: 20px;*/
    }
    .product_card_post_rating svg{
        width: 12px;
        height: 12px;
    }
    .shop_name, .shop_location{
        font-size: 0.75rem;
        padding:0;
        line-height: 0.95rem;
    }
    .shop_location, .city_municipality{
        /*font-size:0.63rem;
        font-size: 0.61rem;*/
        font-size: 0.7rem;
        font-weight: 550;
        font-weight: 400;
        max-width: 100%;
    }
    .city_municipality{
        padding:0px 0px 2px;
    }
    .customer_review{
        font-size: 1.02rem;
        padding: 9px 10px;
        background:var(--card-customer-feedback-background);
        text-align: left;
        letter-spacing: 0.125px;
    }
    .reviewer_name {
        /*font-size: .97rem;*/
        font-size: 0.66rem;
        margin-top: -3px;
    }
    .view_details_btn_container{
        display: none;
    }
    .keyword_searches_count {
        font-size: 0.7rem;
    }
    .propduct_card_more_options_dots_and_like_container{
        gap:4px;
        background: transparent;
        margin-right: 0;
        padding: 0px 4px 0px 6px;
        height: 28px;
    }
    #product_window_product_name {
        font-size: 0.84rem;
        font-weight: 500;
        padding: 0;
        line-height: 1.4rem;
        text-transform: capitalize;
    }
    #product_window_product_price{
        font-size: 0.95rem;
        padding: 0;
        line-height: 1.2rem;
        text-transform: capitalize;
    }
    .product_window_sold_by_title{
        padding:0;
        font-size: 0.78rem;
        font-weight: 600;
    }
    #product_window_shop_name {
        font-size: 0.84rem;
        font-weight: 600;
        padding: 0;
        line-height: 1rem;
    }
    #product_window_shop_location{
        font-size: 0.84rem;
        padding: 0;
    }
    .product_window_shop_link_container{
        margin-top: 0px;
        font-size: 0.78rem;
    }
    #product_window_product_review{
        font-size: 0.84rem;
        padding: 0;
        border-radius: 0;
    }
    #product_window_categories_container{
        flex-wrap:wrap;
        padding: 4px 0px;
    }
    #product_window_categories_container .product_card_category{
        padding: 4px 8px;
    }
    #product_window_product_reviewer_name{
        padding:10px;
        font-size:1rem;
        text-transform: capitalize;
    }
    .product_window_buttons div{
        font-size:0.85rem;
        font-size: 0.75rem;
    }
    #like_btn, .product_window_like_btn, #show_shareable_link, #product_window_save_post_btn {
        display:flex;
        gap: 5px;
        justify-content: center;
    }
    .login_and_signup_container {
        position: fixed;
        width: 100vw;
        height: 100vh;
        max-width: unset;
        max-height: unset;
        display: flex;
        flex-direction: column;
        left: 0;
        top: 0;
        transform: unset;
        border-radius: 0px;
        border:none;
        overflow: scroll;
        color: var(--login-signup-container-color);
        /*background: linear-gradient(45deg, #89a6c9, transparent);*/
        background:var(--mobile-hidden-nav-options-background);
    }
    .choose_login_or_signup_btn_container{
        flex-basis: unset;
    }
    #login_btn, #signup_btn, #choose_login_btn, #choose_signup_btn, #anywhere_login_btn{
        font-size: .9rem;
        font-weight: 300;
        /*padding: 10px 10px;*/
    }
    #login_btn, #signup_btn {
        padding: 13px;
        font-size: 1.1rem;
    }
    #signup_email, #signup_password, #signup_confirm_password, #signup_name, #login_email, #login_password, #edit_name_input, #edit_handle_input, #edit_email_input, #password_for_security, #old_password, #new_password, #confirm_new_password{
        font-size: 0.95rem;
    }
    #login_password_input_sub_container, #signup_password_input_sub_container, #signup_confirm_password_input_sub_container{
        display: flex;
        padding: 0;
        max-width: 227px;
    }
    #signup_email, #signup_password, #signup_confirm_password, #signup_name, #login_email, #login_password, #login_password_input_sub_container, #signup_password_input_sub_container, #signup_confirm_password_input_sub_container, #edit_name_input, #edit_handle_input, #edit_email_input, #password_for_security, #old_password, #new_password, #confirm_new_password{
        flex: 1;
        max-width: unset;
    }
    #edit_name_input, #edit_handle_input, #edit_email_input, #password_for_security, #old_password, #new_password, #confirm_new_password{
        width:100%;
    }
    #edit_name_input, #edit_handle_input, #edit_email_input{
        font-size: 1.25rem;
    }
    #signup_password, #signup_confirm_password, #login_password{
        min-width: 70vw;
    }
    .signup_email_error, .signup_password_error, .signup_confirm_password_error, .signup_name_error, .login_email_error, .login_password_error{
        width:100%;
        max-width: 100%;
    }
    .about_container, .privacy_policy_container, .terms_of_use_container, .send_website_feedback_container, .report_a_problem_container, .contactus_container{
        padding: 100px 0px 0px 0px;
    }
    
    .about_sub_container, .privacy_policy_sub_container, .terms_of_use_sub_container, .contactus_sub_container{
        width:100vw;
        padding:20px;
        padding-bottom:200px;
        font-size: 0.88rem;
    }
    .about_container, .about_sub_container{
        flex-direction: column;
        margin:0;
        padding: 0;
    }
    .about_content_art, .about_content_details {
        position: relative;
        display: flex;
        width: 100%;
        flex:1;
    }
    .about_content_art{
        max-height:30%;
    }
    .about_muradito_brand_and_tagline{
        flex-direction: column;
        gap:0;
    }
    .about_page_brand{
        margin:0;
        padding:0;
    }
    .about_page_tagline{
        font-size: 1.45rem;
    }
    .about_page_main_details_container{
        width: 80%;
    }
    .about_title{
        font-size:2rem;
        line-height: 3.5rem;
    }
    .about_section_1 {
        font-size: 1.05rem;
        line-height: 1.5rem !important;
    }
    .about_page_headquarters {
        font-size: 1rem;
    }
    .by_signing_up_msg{
        font-size: 0.75rem;
        margin-bottom:30px;
    }
    #forgot_password_btn{
        font-size: .9rem;
    }
    .privacy_policy_sub_container h1, .terms_of_use_sub_container h1{
        line-height: 3rem;
    }
    #product_name, #product_price, #shop_name, #shop_location, #shop_link, #feedback{
        font-size: 1.02rem;
        padding: 0px 0px 8px;
    }
    .product_name_input_error_msg, .product_price_input_error_msg, .shop_name_input_error_msg, .shop_location_input_error_msg, .seller_or_sharer_input_error_msg, .shop_link_input_error_msg, .feedback_input_error_msg, .city_mun_input_error_msg{
        font-size: 0.83rem;
    }
    .profile_container{
        padding:0;
        margin:0;
        margin-top: 150px;
    }
    .profile_sub_container{
        width:100vw;
        height:100vh;
        border-radius:0px;
        margin:0;
    }
    .input_password_for_security_sub_container, .change_password_sub_container{
        width: 100vw;
        height: 400px;
    }
    .g-recaptcha {
        position: relative;
        margin-top: 20px;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        width: 83vw;
    }
    .misc_page_sub_container{
        width:100vw;
    }
    #footer{
        display:none;
    }
    .custom-scrollbar::-webkit-scrollbar {
      width: unset;
    }

    .custom-scrollbar::-webkit-scrollbar-track {
        background: unset;
        border-radius: unset;
    }

    .custom-scrollbar::-webkit-scrollbar-thumb {
      background-color: unset;
      border-radius: unset;
    }

    .custom-scrollbar::-webkit-scrollbar-thumb:hover {
      background-color: unset;
    }
    .close_window_btn, .close_add_post_container, .close_product_windot_container, .mobile_close_share_window_btn{
        margin: 20px 20px;
    }
    .close_window_btn, .share_platforms_sub_container_close_btn{
        display:none;
    }
    .mobile_close_window_btn, .mobile_close_share_window_btn{
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: unset;
        left: 0;
        right: auto;
        margin: 0;
        padding: 0px 0px 0px 11px;
        background: transparent;
        flex: 1;
        width: 35px;
        max-width: 35px;
        height: 50px;
    }
    .mobile_close_btn_left_arrow{
        border: var(--mobile-back-arrow-border);
        width: 10px;
        height: 10px;
        transform: rotate(45deg);
        border-top: none;
        border-right: none;
    }
    .mobile_close_login_window{
        position: absolute;
        top: 16px;
        left: 16px;
    }
    .new_post_close_btn_and_poster_info_container{
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }
    .new_post_window_poster_info_container{
        padding: 0;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
    }
    .add_post_image_preview_and_fields_container{
        flex-direction: column;
        height: auto;
        padding: 0px 24px;
    }
    .add_post_image_previews_containers, .add_post_input_fields_container{
        flex-direction: column;
        width: 100%;
        height: 670px;
        overflow: hidden;
    }
    .add_post_image_previews_containers{
        margin: 0;
        width: auto;
    }
    #new_post_custom_choose_file_utton{
        font-size:0.875rem;
    }
    .add_post_close_btn{
        width: 36px;
        height: 36px;
        min-height: 36px;
        max-width: unset;
        max-height: unset;
    }
    .share_on_title{
        font-size: 0.9rem;
    }
    .shareable_link_tip {
        font-size: 0.72rem;
    }
    .shareable_link{
        font-size: 0.75rem;
    }
    .shareable_link_container{
        font-size: 0.75rem;
        max-height: 90px;
        white-space: nowrap;
    }
    .misc_options{
        font-size: 0.75rem;
    }
    .powered_by{
        font-size: 0.33rem;
        text-align: center;
        color: #585b5d;
        line-height: 1rem;
    }
    img {
      image-rendering: -webkit-optimize-contrast; /* Improves clarity on mobile browsers */
    }
    .rand_container{
        margin-bottom: 20px;
        padding: 12px;
        min-height: 50vw;
    }
    .spine{
        
    }
    .fade_in_add_post{
        opacity:1;
        transform:scale(1);
    }
    *{
        backdrop-filter:none !important;
    }
}


/* Small Devices (sm) - 576px and up */
@media (min-width: 576px) { 
    
}

/* Medium Devices (md) - 768px and up */
@media (min-width: 768px) { 

}

/* Large Devices (lg) - 992px and up */
@media (min-width: 992px) { 

}

/* Extra Large Devices (xl) - 1200px and up */
@media (min-width: 1200px) { 

}

/* Desktop or Extra Extra Large Devices (xxl) - 1400px and up */
@media (min-width: 1365px) { 
    .homepage_carousel_and_additionals_container{
        padding: 0px 18px;
        display:none;
    }
    .categories_container, .boosted_posts_container{
        max-width: 1330px !important;
        max-width: 1430px !important;
    }
    #products_sub_container, #search_results_sub_container, #user_public_profile_sub_container, #user_public_profile_user_posts_container, #my_posts_sub_container, #my_saved_posts_sub_container{
        /*max-width: 1330px !important;*/
        max-width: 1360px !important;
        max-width: 1460px !important;
    }
    .product_card_wrapper, .add_post_card, .login_to_add_post_card{
        /*max-width: 246px;*/
        max-width: 255px;
        max-width: 18%;
    }
    .categories_content a{
        /*width: 110px;*/
        width: 116px;
    }
}

/* Desktop or Extra Extra Large Devices (xxl) - 1400px and up */
@media (min-width: 1400px) { 
	
}
.hide_this{
    visibility:hidden !important;
    display:none !important;
}
.invisible{
    /*visibility:hidden !important; */
    opacity: 0;
}