{"id":9742,"date":"2026-07-15T14:12:42","date_gmt":"2026-07-15T14:12:42","guid":{"rendered":"https:\/\/monoperfumes.store\/?page_id=9742"},"modified":"2026-07-15T14:12:45","modified_gmt":"2026-07-15T14:12:45","slug":"mono-size-chart","status":"publish","type":"page","link":"https:\/\/monoperfumes.store\/ar\/mono-size-chart\/","title":{"rendered":"Mono Size Chart"},"content":{"rendered":"<!--\n  MONO SIZE CHART\n  Designed for WooCommerce \/ WordPress Custom HTML block.\n  All styles are scoped under '.mono-size-chart' to avoid theme conflicts.\n-->\n<div class=\"mono-size-chart\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600&#038;family=Poppins:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n  <style>\n    \/* Scope all styles to avoid clashes with WordPress theme *\/\n    .mono-size-chart {\n      --mono-bg-color: #ffffff;\n      --mono-text-primary: #111111;\n      --mono-text-secondary: #555555;\n      --mono-accent: #c5a880; \/* Soft gold accent *\/\n      --mono-border-color: #eaeaea;\n      --mono-card-bg: #fafafa;\n      --mono-transition-speed: 0.3s;\n      \n      font-family: 'Inter', sans-serif;\n      color: var(--mono-text-primary);\n      background-color: var(--mono-bg-color);\n      max-width: 1100px;\n      margin: 0 auto;\n      padding: 40px 20px;\n      box-sizing: border-box;\n    }\n\n    .mono-size-chart * {\n      box-sizing: border-box;\n    }\n\n    \/* Header Section *\/\n    .mono-header {\n      text-align: center;\n      margin-bottom: 60px;\n    }\n\n    .mono-header h1 {\n      font-family: 'Poppins', sans-serif;\n      font-weight: 500;\n      font-size: 2.5rem;\n      letter-spacing: 0.15em;\n      text-transform: uppercase;\n      margin-bottom: 15px;\n      color: var(--mono-text-primary);\n    }\n\n    .mono-header p {\n      font-size: 1rem;\n      color: var(--mono-text-secondary);\n      max-width: 600px;\n      margin: 0 auto 30px auto;\n      line-height: 1.6;\n      font-weight: 300;\n    }\n\n    \/* Unit Switcher *\/\n    .mono-unit-switcher {\n      display: inline-flex;\n      border: 1px solid var(--mono-border-color);\n      padding: 4px;\n      background-color: var(--mono-card-bg);\n      border-radius: 30px;\n      margin-top: 10px;\n    }\n\n    .mono-switch-btn {\n      background: none;\n      border: none;\n      padding: 8px 24px;\n      font-size: 0.85rem;\n      font-weight: 500;\n      letter-spacing: 0.05em;\n      text-transform: uppercase;\n      cursor: pointer;\n      border-radius: 20px;\n      transition: all var(--mono-transition-speed) ease;\n      color: var(--mono-text-secondary);\n    }\n\n    .mono-switch-btn.active {\n      background-color: var(--mono-text-primary);\n      color: #ffffff;\n      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);\n    }\n\n    \/* Product Grid List *\/\n    .mono-products-list {\n      display: flex;\n      flex-direction: column;\n      gap: 80px;\n    }\n\n    .mono-product-row {\n      display: flex;\n      align-items: center;\n      gap: 60px;\n      opacity: 0;\n      transform: translateY(20px);\n      animation: monoFadeInUp 0.8s forwards ease;\n    }\n\n    .mono-product-row:nth-child(1) { animation-delay: 0.1s; }\n    .mono-product-row:nth-child(2) { animation-delay: 0.3s; }\n\n    \/* Alternating row layout for desktop *\/\n    .mono-product-row:nth-child(even) {\n      flex-direction: row-reverse;\n    }\n\n    \/* Image Wrapper *\/\n    .mono-image-wrapper {\n      flex: 1;\n      max-width: 500px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      background-color: var(--mono-card-bg);\n      border-radius: 12px;\n      padding: 40px;\n      overflow: hidden;\n      border: 1px solid var(--mono-border-color);\n      position: relative;\n    }\n\n    .mono-image-wrapper img {\n      max-width: 100%;\n      height: auto;\n      object-fit: contain;\n      transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\n    }\n\n    .mono-product-row:hover .mono-image-wrapper img {\n      transform: scale(1.05);\n    }\n\n    \/* Size Badge overlay *\/\n    .mono-size-badge {\n      position: absolute;\n      top: 20px;\n      left: 20px;\n      background-color: var(--mono-text-primary);\n      color: #ffffff;\n      font-size: 0.75rem;\n      font-weight: 600;\n      letter-spacing: 0.1em;\n      padding: 6px 14px;\n      text-transform: uppercase;\n      border-radius: 4px;\n    }\n\n    \/* Content Wrapper *\/\n    .mono-content-wrapper {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n    }\n\n    .mono-volume-tag {\n      font-size: 0.8rem;\n      font-weight: 600;\n      letter-spacing: 0.2em;\n      text-transform: uppercase;\n      color: var(--mono-accent);\n      margin-bottom: 12px;\n    }\n\n    .mono-product-title {\n      font-family: 'Poppins', sans-serif;\n      font-weight: 500;\n      font-size: 1.75rem;\n      letter-spacing: 0.05em;\n      text-transform: uppercase;\n      margin: 0 0 15px 0;\n      color: var(--mono-text-primary);\n    }\n\n    .mono-product-description {\n      font-size: 0.95rem;\n      color: var(--mono-text-secondary);\n      line-height: 1.7;\n      margin-bottom: 25px;\n      font-weight: 300;\n    }\n\n    \/* Details Grid *\/\n    .mono-details-grid {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 20px;\n      border-top: 1px solid var(--mono-border-color);\n      padding-top: 25px;\n    }\n\n    .mono-detail-item {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .mono-detail-label {\n      font-size: 0.75rem;\n      font-weight: 500;\n      color: #999999;\n      text-transform: uppercase;\n      letter-spacing: 0.1em;\n    }\n\n    .mono-detail-value {\n      font-size: 0.9rem;\n      font-weight: 500;\n      color: var(--mono-text-primary);\n    }\n\n    \/* Animation Keyframes *\/\n    @keyframes monoFadeInUp {\n      from {\n        opacity: 0;\n        transform: translateY(30px);\n      }\n      to {\n        opacity: 1;\n        transform: translateY(0);\n      }\n    }\n\n    \/* Tablet and Mobile Responsive layout *\/\n    @media (max-width: 900px) {\n      .mono-product-row, .mono-product-row:nth-child(even) {\n        flex-direction: column;\n        gap: 30px;\n      }\n\n      .mono-image-wrapper {\n        max-width: 100%;\n        width: 100%;\n      }\n\n      .mono-header h1 {\n        font-size: 2rem;\n      }\n    }\n\n    @media (max-width: 600px) {\n      .mono-size-chart {\n        padding: 20px 10px;\n      }\n      \n      .mono-details-grid {\n        grid-template-columns: 1fr;\n        gap: 15px;\n      }\n\n      .mono-product-title {\n        font-size: 1.5rem;\n      }\n    }\n  <\/style>\n\n  <!-- Header -->\n  <div class=\"mono-header\">\n    <h1>Mono Size Chart<\/h1>\n    <p>Discover the right size for your lifestyle. Explore our signature bottle profiles and choose the volume that matches your personal ritual.<\/p>\n    \n    <div class=\"mono-unit-switcher\">\n      <button class=\"mono-switch-btn active\" id=\"mono-btn-metric\">Metric<\/button>\n      <button class=\"mono-switch-btn\" id=\"mono-btn-imperial\">Imperial<\/button>\n    <\/div>\n  <\/div>\n\n  <!-- Size List -->\n  <div class=\"mono-products-list\">\n    \n    <!-- 35ml (up to 40ml) Section -->\n    <div class=\"mono-product-row\">\n      <div class=\"mono-image-wrapper\">\n        <div class=\"mono-size-badge\">35 ML (up to 40 ML)<\/div>\n        <img decoding=\"async\" data-src=\"https:\/\/monoperfumes.store\/wp-content\/uploads\/2026\/07\/35ml-and-package.webp\" alt=\"Mono 35ml (up to 40ml) Bottle\" id=\"mono-img-35ml\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1773px; --smush-placeholder-aspect-ratio: 1773\/2364;\">\n      <\/div>\n      <div class=\"mono-content-wrapper\">\n        <div class=\"mono-volume-tag\" data-val-metric=\"35 ml (up to 40 ml)\" data-val-imperial=\"1.2 fl. oz. (up to 1.4 fl. oz.)\">35 ML (up to 40 ML)<\/div>\n        <h2 class=\"mono-product-title\">THE HANDY COMPANION<\/h2>\n        <p class=\"mono-product-description\">\n          Sleek and compact, our 35ml (up to 40ml) bottles are designed for those who appreciate the essence of luxury on the move. Perfectly sized to slip into your daily carry, they ensure your signature scent is always within reach.\n        <\/p>\n        <div class=\"mono-details-grid\">\n          <div class=\"mono-detail-item\">\n            <div class=\"mono-detail-label\">Best Suited For<\/div>\n            <div class=\"mono-detail-value\">Travel &#038; Daily Touch-ups<\/div>\n          <\/div>\n          <div class=\"mono-detail-item\">\n            <div class=\"mono-detail-label\">Estimated Sprays<\/div>\n            <div class=\"mono-detail-value\">~300 &#8211; 400 Sprays<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- 55ml (up to 60ml) Section -->\n    <div class=\"mono-product-row\">\n      <div class=\"mono-image-wrapper\">\n        <div class=\"mono-size-badge\">55 ML (up to 60 ML)<\/div>\n        <img decoding=\"async\" data-src=\"https:\/\/monoperfumes.store\/wp-content\/uploads\/2026\/07\/55ml.webp\" alt=\"Mono 55ml (up to 60ml) Bottle\" id=\"mono-img-55ml\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1713px; --smush-placeholder-aspect-ratio: 1713\/1713;\">\n      <\/div>\n      <div class=\"mono-content-wrapper\">\n        <div class=\"mono-volume-tag\" data-val-metric=\"55 ml (up to 60 ml)\" data-val-imperial=\"1.8 fl. oz. (up to 2.0 fl. oz.)\">55 ML (up to 60 ML)<\/div>\n        <h2 class=\"mono-product-title\">THE PERFECT BALANCE<\/h2>\n        <p class=\"mono-product-description\">\n          The signature sizes. A seamless blend of elegance and durability, our 55ml (up to 60ml) bottles are built to grace your vanity while remaining practical for occasional travels. They are the classic choice for everyday luxury.\n        <\/p>\n        <div class=\"mono-details-grid\">\n          <div class=\"mono-detail-item\">\n            <div class=\"mono-detail-label\">Best Suited For<\/div>\n            <div class=\"mono-detail-value\">Everyday luxury &#038; gifting<\/div>\n          <\/div>\n          <div class=\"mono-detail-item\">\n            <div class=\"mono-detail-label\">Estimated Sprays<\/div>\n            <div class=\"mono-detail-value\">~550 &#8211; 600 Sprays<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <script>\n    \/\/ Interactive Metric\/Imperial toggler utilizing textContent for XSS safety\n    (function() {\n      const btnMetric = document.getElementById('mono-btn-metric');\n      const btnImperial = document.getElementById('mono-btn-imperial');\n\n      if (!btnMetric || !btnImperial) return;\n\n      const tagsToToggle = document.querySelectorAll('.mono-volume-tag');\n\n      function switchUnits(mode) {\n        if (mode === 'metric') {\n          btnMetric.classList.add('active');\n          btnImperial.classList.remove('active');\n\n          tagsToToggle.forEach(tag => {\n            if (tag.dataset.valMetric) {\n              tag.textContent = tag.dataset.valMetric;\n            }\n          });\n        } else {\n          btnMetric.classList.remove('active');\n          btnImperial.classList.add('active');\n\n          tagsToToggle.forEach(tag => {\n            if (tag.dataset.valImperial) {\n              tag.textContent = tag.dataset.valImperial;\n            }\n          });\n        }\n      }\n\n      btnMetric.addEventListener('click', () => switchUnits('metric'));\n      btnImperial.addEventListener('click', () => switchUnits('imperial'));\n    })();\n  <\/script>\n<\/div>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Mono Size Chart Discover the right size for your lifestyle. Explore our signature bottle profiles and choose the volume that matches your personal ritual. Metric Imperial 35 ML (up to 40 ML) 35 ML (up to 40 ML) THE HANDY COMPANION Sleek and compact, our 35ml (up to 40ml) bottles are designed for those who [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"content-type":"","_mo_disable_npp":"","footnotes":""},"class_list":["post-9742","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/monoperfumes.store\/ar\/wp-json\/wp\/v2\/pages\/9742","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/monoperfumes.store\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/monoperfumes.store\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/monoperfumes.store\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/monoperfumes.store\/ar\/wp-json\/wp\/v2\/comments?post=9742"}],"version-history":[{"count":1,"href":"https:\/\/monoperfumes.store\/ar\/wp-json\/wp\/v2\/pages\/9742\/revisions"}],"predecessor-version":[{"id":9744,"href":"https:\/\/monoperfumes.store\/ar\/wp-json\/wp\/v2\/pages\/9742\/revisions\/9744"}],"wp:attachment":[{"href":"https:\/\/monoperfumes.store\/ar\/wp-json\/wp\/v2\/media?parent=9742"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}